#fullpage {;}


#fp-nav.right { z-index: 90; right: 15rem;}
#fp-nav li {;}
#fp-nav ul li, .fp-slidesNav ul li { margin: 0; margin-bottom: 22rem; width: auto; position: relative; height: auto; display: flex; justify-content: flex-end;}
#fp-nav ul li a, .fp-slidesNav ul li a { width: 7rem; position: static;}
#fp-nav ul li a span, .fp-slidesNav ul li a span { width: 7rem; height: 7rem; background: #dadada; border-radius: 0; left: auto; right: 0; transform: none;}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span { border-radius: 0; width: 7rem; height: 22rem; transform: skew(-30deg, 0); margin: 0; margin-top: -11rem; margin-left: -3rem; background: #00b4ed;}
#fp-nav ul li .fp-tooltip { font-size: 12rem; color: #fff; text-align: center; line-height: 20rem; height: 22rem; position: relative; font-family: "NotoSansCJKkr"; padding: 0 11rem; overflow: visible; top: 0; right: 12rem; box-sizing: border-box;}
#fp-nav ul li .fp-tooltip.right { right: 12rem;}
#fp-nav ul li .fp-tooltip:before { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%,-50%) skew(-30deg, 0);}
#fp-nav ul li:last-child { display: none;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 7rem; height: 7rem; margin: -2rem 0 0 -2rem;}
#fp-nav ul li:nth-child(1) .fp-tooltip.right { width: 51rem;}
#fp-nav ul li:nth-child(2) .fp-tooltip.right { width: 81rem;}
#fp-nav ul li:nth-child(3) .fp-tooltip.right { width: 114rem;}
#fp-nav ul li:nth-child(4) .fp-tooltip.right { width: 33rem;}
#fp-nav ul li:nth-child(5) .fp-tooltip.right { width: 104rem;}

.section { position: relative; width: 100%; height: 100vh; box-sizing: border-box;}
.visual { position: relative;}
.visual .main_slider {;}


.visual .main_slider .swiper-slide { overflow: hidden;}
.visual .main_slider .swiper-slide span { display: block; width: 100%; height: 100vh;}
.visual .scroll { position: absolute; left: 80rem; bottom: 0; z-index: 10;}
.visual .scroll span { font-size: 12rem; color: #fff; transform: rotate(90deg); display: block;}
.visual .scroll em { display: block; width: 1rem; height: 91rem; background: rgba(255,255,255,0.2); margin: 39rem auto 0; position: relative;}
.visual .scroll em:after { content: ""; width: 1rem; height: 5rem; background: #fff; position: absolute; left: 0; top: 0; animation: srollbarMotion 1s infinite;}


@keyframes srollbarMotion { 	70% {  height: 100% ;}    100% {  top: 100% ;}}

.visual .visual_box { position: absolute; left: 142rem; top: 50%; transform: translateY(-50%); margin-top: -38rem; z-index: 10;}
.visual .visual_box .txtbox { word-break: keep-all;}
.visual .visual_box .txtbox .main_page1 { position: static; text-align: left; margin-bottom: 20rem;}
.visual .visual_box .txtbox .main_page1 span { display: inline-block; font-family: "Montserrat"; color: rgba(255,255,255,0.5); font-size: 18rem; font-weight: bold; padding-right: 20rem; padding-left: 11rem; position: relative;}
.visual .visual_box .txtbox .main_page1 span:first-child { padding-left: 0;}
.visual .visual_box .txtbox .main_page1 span:after { content: "횂쨌"; position: absolute; right: 0; top: 0;}
.visual .visual_box .txtbox .main_page1 span:last-child:after { content: "";}
.visual .visual_box .txtbox .main_page1 span.on { color: #00b4ed;}
.visual .visual_box .txtbox .main_page1 span.on:after { color: rgba(255,255,255,0.5);}
.visual .visual_box .txtbox .main_txt ul {;}


.visual .visual_box .txtbox .main_txt ul li { display: none;}
.visual .visual_box .txtbox .main_txt ul li.on { display: block;}
.visual .visual_box .txtbox .main_txt ul li h2 { font-size: 60rem; font-weight: bold; line-height: 75rem; color: #fff;}
.visual .visual_box .txtbox .main_txt ul li p { font-size: 20rem; line-height: 30rem; color: #fff; font-weight: 500; margin-top: 20rem;}
.visual .visual_box .swiper_navi { display: flex; align-items: center; margin-top: 45rem;}
.visual .visual_box .swiper-pagination { position: static; text-align: left;}
.visual .visual_box .swiper-pagination-bullet { width: 8rem; height: 8rem; background: #fff; border-radius: 0; margin: 0; margin-right: 10rem; overflow: hidden; position: relative;}
.visual .visual_box .swiper-pagination-bullet:after { content: ""; width: 0; height: 100%; background: #00b4ed; position: absolute; left: 0; top: 0; opacity: 0;}
.visual .visual_box .swiper-pagination-bullet-active { width: 66rem; transform: skew(-33deg, 0);}
.visual .visual_box .swiper-pagination-bullet.on:after { width: 100%; transition: width 6.7s linear; opacity: 1;}
.visual .visual_box .swiper-pagination-bullet.show:after { width: 100%; transition: width 6s linear; opacity: 1;}
.visual .visual_box .controllBtn { display: block; width: 12rem; height: 16rem; margin: 0 10rem;}
.visual .visual_box .controllBtn.pause { background: url(https://www.hlholdings.co.kr/web/images/pause.png) no-repeat center center;}
.visual .visual_box .controllBtn.play { background: url(https://www.hlholdings.co.kr/web/images/play.png) no-repeat center center;}
.container { width: 1392rem; margin: 0 auto;}
.flex_container { display: flex;}
.business { display: flex; align-items: center; justify-content: center;}
.business h3 { text-align: center; font-size: 60rem; font-weight: 900;}
.business .h4 { font-size: 18rem; color: #666; text-align: center; font-weight: 500; margin-top: 25rem;}
.business .business_info { margin-top: 68rem; display: flex;}
.business .business_info .b_infobox { width: calc(25% - 18rem); margin-right: 24rem; box-sizing: border-box; position: relative; overflow: hidden; border: 1rem solid #dadada; box-sizing: border-box;}
.business .business_info .b_infobox:last-child { margin-right: 0;}


.business .business_info .b_infobox .imgbox { width: 100%; height: 197rem; overflow: hidden;}
.business .business_info .b_infobox .imgbox span { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; transform: scale(1); transition: transform 0.5s ease-out;}
.business .business_info .b_infobox .txtbox { box-sizing: border-box; padding: 25rem 30rem 22rem; transition: all 0.3s; word-break: keep-all;}
.business .business_info .b_infobox .txtbox p { font-size: 24rem; font-weight: 500; letter-spacing: -1rem; margin-bottom: 10rem;}
.business .business_info .b_infobox .txtbox span { font-size: 16rem; letter-spacing: -1rem; line-height: 27rem;}
.business .business_info .b_infobox:hover .imgbox span, .business .business_info .b_infobox:focus .imgbox span { transform: scale(1.1);}
.business .business_info .b_infobox:hover .txtbox, .business .business_info .b_infobox:focus .txtbox { background: #00b4ed; color: #fff;}
.business .business_info .b_infobox:hover:after, .business .business_info .b_infobox:focus:after { right: 0; bottom: 0; opacity: 1;}
.business .business_current { margin-top: 38rem;}
.business .business_current .rule { font-size: 14rem; color: #999; text-align: right;}
.business .business_current ul { display: flex; margin-top: 20rem;}
.business .business_current ul li { width: calc(25% - 18rem); margin-right: 24rem; box-sizing: border-box; text-align: center; position: relative;}
.business .business_current ul li:after { content: ""; width: 1rem; height: 100%; background: #ececec; position: absolute; left: 100%; top: 0; margin-left: 12rem;}
.business .business_current ul li:last-child { margin-right: 0;}
.business .business_current ul li:last-child:after { width: 0; height: 0;}
.business .business_current ul li img { width: 121rem;}
.business .business_current ul li p { font-size: 16rem; font-weight: 500; color: #00b4ed; margin-top: 18rem; margin-bottom: 20rem;}
.business .business_current ul li span { font-size: 20rem; font-weight: 500; letter-spacing: -1rem;}
.business .business_current ul li span br { display: none;}
.business .business_current ul li span em { font-family: 'GmarketSansBold'; font-size: 38rem; font-weight: 900;}
.business .business_current ul li span i { display: block; font-size: 17rem;}

.moreBtn { display: block; width: 150rem; height: 45rem; line-height: 45rem; text-align: center; box-sizing: border-box; font-size: 16rem; font-weight: 500; border: 1rem solid #000; position: relative; overflow: hidden; transition: all 0.3s; z-index: 2;}
.moreBtn:before { content: ""; width: 100%; height: 100%; background: #00b4ed; position: absolute; left: -100%; top: 0; transition: all 0.3s;}
.moreBtn span { padding-right: 29rem; position: relative; z-index: 2;}
.moreBtn span:after { content: ""; width: 13rem; height: 10rem; background: url(https://www.hlholdings.co.kr/web/images/more_arrow.png) no-repeat; position: absolute; right: 0; top: 8rem; transition: all 0.3s; background-size: 13rem;}
.moreBtn:hover, .moreBtn:focus { color: #fff; border-color: #00b4ed;}
.moreBtn:hover:before, .moreBtn:focus:before { left: 0;}
.moreBtn:hover span:after, .moreBtn:focus span:after { background: url(https://www.hlholdings.co.kr/web/images/more_arrow_hover.png) no-repeat;}
.downBtn { display: inline-block; width: 146rem; height: 45rem; text-align: center; line-height: 45rem; box-sizing: border-box; border: 1rem solid #dadada; font-size: 14rem; letter-spacing: -1rem; color: #222; background: #fff;}
.downBtn img { padding-left: 22rem;}

.sustain { display: flex; align-items: center; justify-content: center;}
.sustain .container { position: relative; height: 100%;}
.sustain .sus_top { position: absolute; left: 0; top: 280rem;}
.sustain h3 { font-size: 60rem; font-weight: 900; letter-spacing: -1rem;}
.sustain .h4 { font-size: 18rem; line-height: 30rem; color: #666; font-weight: 500; margin-top: 15rem;}
.sustain .moreBtn { margin-top: 40rem;}
.sustain .sus_cont { width: 100%; display: flex; flex-direction: column; padding-top: 280rem; position: relative;}
.sustain .sus_cont:before { content: ""; width: 1082rem; height: 151rem; position: absolute; left: 0; bottom: -111rem;}
.sustain .sus_cont .sub_cont .imgbox { transform: translateY(100rem); opacity: 0; transition: all 0.6s ease;}
.sustain .sus_cont .sub_cont .imgbox .t_img { display: none;}
.sustain .sus_cont .sub_cont .imgbox .m_img { display: none;}
.sustain .sus_cont .sub_cont1 { display: flex; align-items: flex-end; margin-left: auto; position: relative;}
.sustain .sus_cont .sub_cont1 .imgbox { margin-left: auto;}
.sustain .sus_cont .sub_cont2 { display: flex; align-items: flex-start; margin-left: auto; margin-top: 19rem; position: relative;}
.sustain .sus_cont .sub_cont2:after { content: ""; width: 313rem; height: 207rem; background: url(https://www.hlholdings.co.kr/web/images/sus_obj_v2.png) no-repeat; position: absolute; top: 0; right: 100%; margin-right: -94rem;}
.sustain .sus_cont .sus_box { background-repeat: no-repeat;}
.sustain .sus_cont .sus_box:before { content: ""; height: 100%; background-size: contain; background-position: center right; background-repeat: no-repeat; transform: translateY(-50%); position: absolute; right: 0; top: 50%;}
.sustain .sus_cont .sus_box h4 { font-size: 22rem; line-height: 35rem; color: #fff; font-weight: 500; position: absolute; right: 15rem; bottom: 20rem;}
.sustain .sus_cont .sus_box1 h4 { right: 405rem;}
.sustain .sus_cont .sus_box3 h4 { right: 650rem; bottom: 106rem;}
.sustain .sus_cont.show .sub_cont .imgbox { transform: translateY(0); opacity: 1;}
.sustain .sus_cont.show .sub_cont1 .imgbox { transition-delay: 0.2s;}
.sustain .sus_cont.show .sub_cont2 .imgbox { transition-delay: 0.4s;}

.investor { background: url(https://www.hlholdings.co.kr/web/images/invest_bg.png) no-repeat right bottom; display: flex; align-items: center; justify-content: center;}
.investor .container { padding-top: 280rem; display: flex; align-items: flex-start; justify-content: space-between; height: 100%; box-sizing: border-box;}
.investor .invest_top { width: calc(100% - 921rem);}
.investor h3 { font-size: 60rem; font-weight: 900; line-height: 75rem;}
.investor .h4 { font-size: 18rem; line-height: 30rem; color: #666; font-weight: 500; margin-top: 15rem;}
.investor .moreBtn { margin-top: 40rem;}
.investor .invest_box { width: 990rem; max-width: 100%;}
.investor .invest_box h4 { font-size: 24rem; font-weight: bold; padding-bottom: 15rem;}
.investor .invest_box table { border-top: 2rem solid #002b68; table-layout: fixed; width: 100%;}
.investor .invest_box table th { font-size: 20rem; font-weight: 500; border-bottom: 1rem solid #dadada;}
.investor .invest_box table td { font-size: 18rem; color: #666; font-weight: 500; text-align: center; padding: 17rem 0; border-bottom: 1rem solid #dadada;}
.investor .invest_box table .col1 { padding-left: 24rem; text-align: left;}
.investor .invest_box table .col2 { width: 116rem;}
.investor .invest_box table .col3 { width: 187rem;}
.investor .invest_bttm { margin-top: 59rem;}
.investor .invest_bttm .invest_slide { display: flex;}
.investor .invest_bttm .invest_slide .swiper-slide { width: calc(24.5% - 17rem); margin-right: 25rem; height: 220rem; box-sizing: border-box;}
.investor .invest_bttm .invest_slide .swiper-slide:last-child { margin-right: 0;}
.investor .invest_bttm .invest_slide .swiper-slide a { display: block; width: 100%; height: 100%; box-sizing: border-box; border: 1rem solid #dadada; padding-left: 35rem; padding-top: 32rem; position: relative; overflow: hidden; transition: background-color 0.3s; background: #fff;}
.investor .invest_bttm .invest_slide .swiper-slide a:before { content: ""; width: 221rem; height: 218rem; background: url(https://www.hlholdings.co.kr/web/images/invest_hover2.jpg) no-repeat; position: absolute; right: -221rem; top: 0; z-index: 1; background-size: 221rem;}
.investor .invest_bttm .invest_slide .swiper-slide a:after { content: ""; position: absolute; right: 35rem; bottom: 34rem; z-index: 2;}
.investor .invest_bttm .invest_slide .swiper-slide.ir_list1 a:after { background: url(https://www.hlholdings.co.kr/web/images/invest_ico1.png) no-repeat; width: 32rem; height: 35rem; background-size: 32rem;}
.investor .invest_bttm .invest_slide .swiper-slide.ir_list2 a:after { background: url(https://www.hlholdings.co.kr/web/images/invest_ico2.png) no-repeat; width: 32rem; height: 29rem; background-size: 32rem;}
.investor .invest_bttm .invest_slide .swiper-slide.ir_list3 a:after { background: url(https://www.hlholdings.co.kr/web/images/invest_ico3.png) no-repeat; width: 32rem; height: 32rem; background-size: 32rem;}
.investor .invest_bttm .invest_slide .swiper-slide.ir_list4 a:after { background: url(https://www.hlholdings.co.kr/web/images/invest_ico4.png) no-repeat; width: 32rem; height: 32rem; background-size: 32rem;}
.investor .invest_bttm .invest_slide .swiper-slide.ir_list1 a:hover:after, .investor .invest_bttm .invest_slide .swiper-slide.ir_list1 a:focus:after { background: url(https://www.hlholdings.co.kr/web/images/invest_ico1_hover_220228.png) no-repeat; background-size: 32rem;}
.investor .invest_bttm .invest_slide .swiper-slide.ir_list2 a:hover:after, .investor .invest_bttm .invest_slide .swiper-slide.ir_list2 a:focus:after { background: url(https://www.hlholdings.co.kr/web/images/invest_ico2_hover_220228.png) no-repeat; background-size: 32rem;}
.investor .invest_bttm .invest_slide .swiper-slide.ir_list3 a:hover:after, .investor .invest_bttm .invest_slide .swiper-slide.ir_list3 a:focus:after { background: url(https://www.hlholdings.co.kr/web/images/invest_ico3_hover_220228.png) no-repeat; background-size: 32rem;}
.investor .invest_bttm .invest_slide .swiper-slide.ir_list4 a:hover:after, .investor .invest_bttm .invest_slide .swiper-slide.ir_list3 a:focus:after { background: url(https://www.hlholdings.co.kr/web/images/invest_ico4_hover_220228.png) no-repeat; background-size: 32rem;}

.investor .invest_bttm .invest_slide .swiper-slide a:hover, .investor .invest_bttm .invest_slide .swiper-slide a:focus { background: #000; color: #fff;}
.investor .invest_bttm .invest_slide .swiper-slide a:hover:before, .investor .invest_bttm .invest_slide .swiper-slide a:focus:before { right: 0; transition: all 0.3s 0.1s;}
.investor .invest_bttm .invest_slide .swiper-slide a p { position: relative; z-index: 2; font-size: 22rem; font-weight: bold;}
.investor .invest_bttm .invest_slide .swiper-slide a span { font-size: 15rem; line-height: 25rem; color: #666; display: block; margin-top: 14rem; opacity: 1;}



/**.investor .invest_bttm .invest_slide .swiper-slide a:hover span,
.investor .invest_bttm .invest_slide .swiper-slide a:focus span{opacity:0;}**/
.recruit { background: url(https://www.hlholdings.co.kr/web/images/recruit_bg_220118.jpg) no-repeat center center; background-size: cover; display: flex; align-items: center; justify-content: center;}
.recruit .container {;}


.recruit h3 { font-size: 60rem; font-weight: 900; color: #fff;}
.recruit .h4 { font-size: 18rem; color: #fff; font-weight: 500; margin-top: 25rem;}
.recruit ul { margin-top: 35rem; display: flex; width: 921rem; position: relative; z-index: 2; max-width: 100%;}
.recruit ul li { width: calc(25% - 18rem); margin-right: 24rem;}
.recruit ul li:last-child { margin-right: 0;}
.recruit ul li a { display: block; height: 212rem; box-sizing: border-box; border: 1rem solid rgba(255,255,255,0.6); font-size: 18rem; coloR: #fff; font-weight: 500; padding-top: 28rem; padding-left: 26rem; transition: background 0.3s; word-break: keep-all;}
.recruit ul li a:hover, .recruit ul li a:focus { color: #222;}
.recruit ul li.recruit_1 a { background: url(https://www.hlholdings.co.kr/web/images/recruit_ico1.png) no-repeat right 30rem bottom 27rem; background-size: 50rem;}
.recruit ul li.recruit_2 a { background: url(https://www.hlholdings.co.kr/web/images/recruit_ico2.png) no-repeat right 28rem bottom 28rem; background-size: 54rem;}
.recruit ul li.recruit_3 a { background: url(https://www.hlholdings.co.kr/web/images/recruit_ico3.png) no-repeat right 30rem bottom 29rem; background-size: 50rem;}
.recruit ul li.recruit_4 a { background: url(https://www.hlholdings.co.kr/web/images/recruit_ico4.png) no-repeat right 24rem bottom 30rem; background-size: 50rem;}
.recruit ul li.recruit_1 a:hover, .recruit ul li.recruit_1 a:focus { background: #fff url(https://www.hlholdings.co.kr/web/images/recruit_ico1_on.png) no-repeat right 30rem bottom 27rem; background-size: 50rem;}
.recruit ul li.recruit_2 a:hover, .recruit ul li.recruit_2 a:focus { background: #fff url(https://www.hlholdings.co.kr/web/images/recruit_ico2_on.png) no-repeat right 28rem bottom 28rem; background-size: 54rem;}
.recruit ul li.recruit_3 a:hover, .recruit ul li.recruit_3 a:focus { background: #fff url(https://www.hlholdings.co.kr/web/images/recruit_ico3_on.png) no-repeat right 30rem bottom 29rem; background-size: 50rem;}
.recruit ul li.recruit_4 a:hover, .recruit ul li.recruit_4 a:focus { background: #fff url(https://www.hlholdings.co.kr/web/images/recruit_ico4_on.png) no-repeat right 24rem bottom 30rem; background-size: 50rem;}
.recruit .recruit_img { width: 50%; text-align: right; position: absolute; right: 50%; bottom: 0; margin-right: -728rem;}
.sub_top { height: 380rem; padding: 0 50rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative;}
.sub_top h2 { font-size: 45rem; font-weight: bold; color: #fff;}
.sub_top p { font-size: 18rem; line-height: 24rem; color: #fff; margin-top: 16rem;}
.sub_menu { border-bottom: 1rem solid #dadada;}
.sub_menu ul { display: flex;}
.sub_menu.center ul { justify-content: center;}
.sub_menu ul li { margin-right: 30rem;}
.sub_menu_w ul li { margin-right: 52rem;}
.sub_menu ul li:last-child { margin-right: 0;}
.sub_menu ul li a { font-size: 18rem; font-weight: 500; color: #666; line-height: 69rem; display: inline-block; position: relative; padding: 0 6rem 0 4rem; white-space: nowrap;}
.sub_menu ul li a:after { content: ""; width: 0; height: 2rem; background: #0147a2; position: absolute; left: 0; bottom: 0; transition: all 0.3s;}
.sub_menu ul li.on a { color: #0147a2; font-weight: bold;}
.sub_menu ul li.on a:after, .sub_menu ul li a:hover:after, .sub_menu ul li a:focus:after { width: 100%;}
.sub_menu .sub_menu_slider { display: none;}
.sub_menu .sub_menu_slider .swiper-slide { text-align: center;}
.sub_menu .sub_menu_slider .swiper-slide a { font-size: 18rem; font-weight: 500; color: #666; line-height: 69rem; display: inline-block; position: relative; padding: 0 6rem 0 4rem; white-space: nowrap;}
.sub_menu .sub_menu_slider .swiper-slide a:after { content: ""; width: 0; height: 2rem; background: #0147a2; position: absolute; left: 0; bottom: 0; transition: all 0.3s;}
.sub_menu .sub_menu_slider .swiper-slide.on a { color: #0147a2; font-weight: bold;}
.sub_menu .sub_menu_slider .swiper-slide.on a:after, .sub_menu .sub_menu_slider .swiper-slide a:hover:after, .sub_menu .sub_menu_slider .swiper-slide a:focus:after { width: 100%;}
.sub_tit { font-size: 40rem; font-weight: bold; letter-spacing: -1rem; text-align: center;}
.h3_desc { font-size: 17rem; line-height: 32rem; color: #666; word-break: keep-all; font-weight: 500; text-align: center;}
.box_tit { font-size: 34rem; font-weight: bold; word-break: keep-all; line-height: 1.2;}
.box_stit { font-size: 28rem; font-weight: bold; line-height: 30rem;}
.h4_desc { font-size: 17rem; line-height: 32rem; color: #666; word-break: keep-all;}
.h4_desc span { display: block; margin-bottom: 15rem;}
.h4_desc span:last-child { margin-bottom: 0;}
.touch_motion { display: none;}
.touch_motion img { width: 44rem;}
.sub_tab {;}


.sub_tab ul { display: flex;}
.sub_tab ul li { border-top: 1rem solid #dadada; border: 1rem solid #dadada; border-right: 0;}
.sub_tab ul li:last-child { border-right: 1rem solid #dadada;}
.sub_tab ul li a { display: block; text-align: center; font-size: 18rem; color: #666; line-height: 58rem; transition: background 0.1s;}
.sub_tab ul li.on a { color: #fff; font-weight: 500; background: #022b68;}
.sub_tab ul li a:hover, .sub_tab ul li a:focus { color: #fff; font-weight: 500; background: #022b68;}
.sub_tab_2 ul { justify-content: center;}
.sub_tab_2 ul li { width: 348rem;}
.sub_tab_c3 ul { justify-content: center;}
.sub_tab_c3 ul li { width: 231rem;}
.sub_tab_3 ul li { width: 33.333%;}
.sub_tab_4 ul li { width: 25%;}
.sub_tab_5 ul li { width: 20%;}
.sub_tab_6 ul li { width: 16.667%;}
.tab_cont { display: none;}
.m_sub_tab { width: 100%; height: 65rem; box-sizing: border-box; border: 1rem solid #dadada; font-size: 20rem; color: #666; padding-left: 23rem; padding-right: 45rem; background: url(https://www.hlholdings.co.kr/web/images/sub/m_sub_arrow.png) no-repeat right 24rem center; background-size: 16rem; display: none;}
.inner_tab ul { display: flex;}
.inner_tab ul li { border-top: 1rem solid #dadada; border: 1rem solid #dadada; border-right: 0;}
.inner_tab ul li:last-child { border-right: 1rem solid #dadada;}
.inner_tab ul li a { display: block; text-align: center; font-size: 18rem; color: #666; line-height: 58rem; transition: all 0.1s; position: relative;}
.inner_tab ul li a:after { content: ""; width: 0; height: 3rem; background: #022b68; position: absolute; left: 0; bottom: -1rem; transition: width 0.3s;}
.inner_tab ul li.on a { color: #022b68; font-weight: bold;}
.inner_tab ul li.on a:after { width: 100%;}
.inner_tab ul li a:hover, .inner_tab ul li a:focus { color: #022b68; font-weight: bold;}
.inner_tab ul li a:hover:after, .inner_tab ul li a:focus:after { width: 100%;}
.tablestyle {;}


.tablestyle table { width: 100%; table-layout: fixed; border-top: 1rem solid #000;}
.tablestyle th { background: #f6f6f6; font-size: 17rem; font-weight: 500; padding: 22rem 0 26rem; border-bottom: 1rem solid #dadada; border-right: 1rem solid #dadada; word-break: keep-all;}
.tablestyle th:last-child { border-right: 0;}
.tablestyle td { font-size: 17rem; line-height: 26rem; color: #666; border-bottom: 1rem solid #dadada; border-right: 1rem solid #dadada; padding: 19rem 0; text-align: center; vertical-align: middle; word-break: keep-all;}
.tablestyle td:last-child { border-right: 0;}
.tablestyle .tal { text-align: left; padding-left: 50rem;}
.tablestyle .bdl { border-left: 1rem solid #dadada;}
.table_noti { font-size: 15rem; line-height: 25rem; display: block; padding-top: 14rem; color: #666; letter-spacing: -0.5rem;}
.table_noti.flex_noti { display: flex; align-items: center;}
.table_noti.right { text-align: right; justify-content: flex-end;}
.table_list li { padding-left: 15rem; position: relative;}
.table_list li:before { content: ""; position: absolute; left: 0; top: 0;}
.tablestyle_w { border-top: 1rem solid #000;}
.tablestyle_w table { width: 100%;}
.tablestyle_w th { padding: 25rem 0 26rem; border-bottom: 1rem solid #dadada; font-size: 16rem; font-weight: 500; vertical-align: middle;}
.tablestyle_w .sth { font-size: 22rem;}
.tablestyle_w td { padding: 14rem 0; text-align: center; border-bottom: 1rem solid #dadada;}
.btnstyle { font-size: 15rem; font-weight: 500; height: 45rem; line-height: 45rem; box-sizing: border-box; display: inline-block; position: relative; z-index: 2; overflow: hidden; text-align: center;}
.btnstyle:before { content: ""; width: 100%; height: 100%; background: #00b4ed; position: absolute; left: -100%; top: 0; transition: all 0.3s; z-index: -1;}
.btnstyle:hover, .btnstyle:focus { color: #fff !important;}
.btnstyle:hover:before, .btnstyle:focus:before { left: 0;}
.down_btn { width: 110rem; border: 1rem solid #dadada; background: #fff;border-radius: 25px;    margin: 0 5rem;}


/*.down_btn.btn171{width:171rem; background:url(https://www.hlholdings.co.kr/web/images/sub/btn_171.png) no-repeat left top; background-size:contain;}

.down_btn.btn222{width:222rem; background:url(https://www.hlholdings.co.kr/web/images/sub/btn_222.png) no-repeat left top; background-size:contain;}*/
.down_btn img { padding-left: 12rem; vertical-align: -2rem;}
.short_btn { width: 124rem; border: 1rem solid #000;}
.short_btn img { padding-left: 15rem; vertical-align: -2rem;}
.arrow_btn { width: 145rem; border: 1rem solid #000;}
.arrow_btn img { padding-left: 8rem; vertical-align: 1rem;}
.arrow_btn_11 { width: 148rem; border: 1rem solid #000; color: #000;}

.arrow_btn_12 { width: 220rem; border: 1rem solid #000; color: #000;}
.arrow_btn_12 img { padding-left: 8rem; vertical-align: 0rem;}


.arrow_btn_11 img { padding-left: 8rem; vertical-align: 0rem;}
.arrow_btn_13 { width: 179rem; border: 1rem solid #000;}
.arrow_btn_13 img { padding-left: 8rem; vertical-align: 0rem;}
.short_btn:hover, .arrow_btn:hover, .arrow_btn_11:hover, .arrow_btn_13:hover, .list_btn:hover { border-color: #00b4ed;}


.list_btn { width: 130rem; height: 40rem; line-height: 39rem; border: 1rem solid #000; margin: 0 auto; display: block;}
.list_btn img { padding-right: 12rem; vertical-align: 0rem;}
.img_btn { display: none; right: 0; bottom: 0; position: absolute;}
.img_btn img { width: 71rem;}
.intro_wrap {;}


.intro_wrap .intro_box { padding-top: 72rem; padding-bottom: 95rem; background: url(https://www.hlholdings.co.kr/web/images/sub/intro_bg1.png) no-repeat right bottom;}
.intro_wrap .intro_box .intro_txt { padding-top: 70rem; letter-spacing: -1rem;}
.intro_wrap .intro_box .intro_txt p { margin-top: 40rem;}
.intro_wrap .intro_box .intro_txt p span { display: block; margin-top: 15rem;}
.intro_wrap .current_box { padding-top: 110rem; padding-bottom: 115rem; background: url(https://www.hlholdings.co.kr/web/images/sub/intro_bg2.png) no-repeat center bottom; background-size: cover;}
.intro_wrap .current_box h4 { color: #fff;}
.intro_wrap .current_box .current_list { margin-top: 75rem; display: flex;}
.intro_wrap .current_box .current_list .count_box { width: 25%; text-align: center; box-sizing: border-box;}
.intro_wrap .current_box .current_list .count_box .txtbox { padding-top: 32rem;}
.intro_wrap .current_box .current_list .count_box .txtbox h5 { font-size: 18rem; font-weight: 500; color: #fff;}
.intro_wrap .current_box .current_list .count_box .txtbox p { font-size: 20rem; font-weight: 500; color: #fff; margin-top: 22rem; margin-bottom: 12rem;}
.intro_wrap .current_box .current_list .count_box .txtbox p em { font-size: 38rem; font-family: 'Lato'; font-weight: bold;}
.intro_wrap .current_box .current_list .count_box .txtbox span { font-size: 14rem; color: #fff; letter-spacing: -1rem;}
.intro_wrap .part_box { padding-top: 110rem; padding-bottom: 192rem; background: url(https://www.hlholdings.co.kr/web/images/sub/intro_bg3.png) no-repeat right bottom; background-size: cover;}
.intro_wrap .part_box .part_div { margin-bottom: 94rem; position: relative;}
.intro_wrap .part_box .part_div1:before { content: ""; width: 84rem; height: 85rem; background-size: contain; position: absolute; left: 50%; top: 84rem; margin-left: 62rem;}
.intro_wrap .part_box .part_div1:after { content: ""; width: 112rem; height: 99rem; background-size: contain; position: absolute; right: 181rem; bottom: -27rem;}
.intro_wrap .part_box .part_div:last-child { margin-bottom: 0;}
.intro_wrap .part_box .part_div .part_list { margin-top: 20rem; display: flex;}
.intro_wrap .part_box .part_div .part_list .part_listbox { background: #fff; box-sizing: border-box; padding-top: 50rem; text-align: center;}
.intro_wrap .part_box .part_div .part_list .part_listbox .txtbox { letter-spacing: -1rem; padding-top: 45rem;}
.intro_wrap .part_box .part_div .part_list .part_listbox .txtbox h5 { font-size: 26rem; font-weight: bold; letter-spacing: -2rem;}
.intro_wrap .part_box .part_div .part_list .part_listbox .txtbox span { font-size: 16rem; line-height: 26rem; color: #666; margin-top: 12rem; display: block;}
.intro_wrap .part_box .part_div .part_list .part_listbox .txtbox ul { margin-top: 25rem; padding-top: 25rem; position: relative;}
.intro_wrap .part_box .part_div .part_list .part_listbox .txtbox ul:before { content: ""; width: 26rem; height: 1rem; background: #000; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.intro_wrap .part_box .part_div .part_list .part_listbox .txtbox ul li { font-size: 15rem; line-height: 25rem;}
.intro_wrap .part_box .part_div1 .part_list { width: 50%;}
.intro_wrap .part_box .part_div1 .part_list .part_listbox { width: 50%; padding-bottom: 50rem; position: relative;}
.intro_wrap .part_box .part_div1 .part_list .part_listbox:after { content: ""; width: 1rem; height: 144rem; background: #dadada; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.intro_wrap .part_box .part_div1 .part_list .part_listbox:last-child:after { width: 0; height: 0;}
.intro_wrap .part_box .part_div2 .part_list .part_listbox { width: calc(25% - 18rem); margin-right: 24rem; padding-bottom: 45rem;}
.intro_wrap .part_box .part_div2 .part_list .part_listbox:last-child { margin-right: 0;}
.intro_wrap .part_box .shortcut_btn { text-align: right; margin-top: 12rem; width: 50%;}
.intro_wrap .part_box .shortcut_btn a { font-size: 15rem; line-height: 25rem;}
.intro_wrap .part_box .shortcut_btn img { padding-left: 12rem; vertical-align: -2rem;}
.history_wrap { padding-top: 70rem; padding-bottom: 236rem;}
.history_wrap .his_txt { padding-top: 70rem; padding-bottom: 75rem;}
.history_wrap .his_txt p { margin-top: 42rem;}
.history_wrap .history_cont { padding-top: 56rem;}
.history_wrap .history_cont .history_box { display: none;}
.history_wrap .history_cont .history_box .imgbox { background-repeat: no-repeat; background-size: cover; background-position: center center;}
.history_wrap .history_cont .history_box .imgbox img { width: 100%; display: none;}
.history_wrap .history_cont .history_box .imgbox .w_img { display: block;}
.history_wrap .history_cont .history_box .txtbox { display: flex; padding-top: 55rem;}
.history_wrap .history_cont .history_box .txtbox h5 { width: 590rem; box-sizing: border-box; padding-left: 38rem; font-size: 90rem; line-height: 95rem; letter-spacing: -1rem; font-family: 'GmarketSansBold'; font-weight: bold; padding-top: 15rem;}
.history_wrap .history_cont .history_box .txtbox h5 span { display: block; text-align: center;}
.history_wrap .history_cont .history_box .txtbox .year { width: calc(100% - 590rem); box-sizing: border-box;}
.history_wrap .history_cont .history_box .txtbox .year > li { display: flex; align-itesm: flex-start; padding-bottom: 30rem; border-bottom: 1rem solid #dadada; padding-top: 30rem;}
.history_wrap .history_cont .history_box .txtbox .year > li:first-child { padding-top: 0;}
.history_wrap .history_cont .history_box .txtbox .year > li p { font-size: 26rem; color: #022b68; font-family: 'GmarketSansBold'; font-weight: bold; width: 118rem; margin-top: 10rem;}
.history_wrap .history_cont .history_box .txtbox .year > li ul { width: calc(100% - 118rem);}
.history_wrap .history_cont .history_box .txtbox .year > li ul li { font-size: 18rem; line-height: 40rem; color: #666; position: relative; padding-left: 18rem;}
.history_wrap .history_cont .history_box .txtbox .year > li ul li:before { content: ""; position: absolute; left: 0; top: 0;}
.vision_wrap { padding-top: 70rem; padding-bottom: 236rem;}
.vision_wrap .sub_tab { margin-top: 74rem;}
.vision_wrap .vision_cont { padding-top: 70rem;}
.vision_wrap .vision_cont .vision_box {;}


.vision_wrap .vision_cont .vision_box .vision_txt { padding-bottom: 65rem;}
.vision_wrap .vision_cont .vision_box .vision_txt h4 { padding-bottom: 42rem;}
.vision_wrap .desc_cont {;}


.vision_wrap .desc_cont .desc_box { display: flex; margin-bottom: 15rem;}
.vision_wrap .desc_cont .desc_box:last-child { margin-bottom: 0;}
.vision_wrap .desc_cont .desc_box h5 { width: 330rem; margin-right: 22rem; box-sizing: border-box; border-top: 2rem dotted #dadada; font-size: 24rem; font-weight: bold; padding-top: 18rem; padding-left: 30rem;}
.vision_wrap .desc_cont .desc_box h5 em { display: block; font-size: 18rem; color: #666; font-weight: normal; margin-top: 12rem;}
.vision_wrap .desc_cont .desc_box .desc_txtbox { width: calc(100% - 352rem); box-sizing: border-box; word-break: keep-all;}
.vision_wrap .desc_cont .desc_box.mission .desc_txtbox { text-align: center; background: #022b68; padding: 25rem 0;}
.vision_wrap .desc_cont .desc_box.mission .desc_txtbox.bluebox { background: #022b68 url(https://www.hlholdings.co.kr/web/images/sub/mission_bg.png) no-repeat center bottom;}
.vision_wrap .desc_cont .desc_box.mission .desc_txtbox p { font-size: 22rem; line-height: 34rem; color: #fff; font-weight: 500; letter-spacing: -1rem; margin-bottom: 10rem;}
.vision_wrap .desc_cont .desc_box.mission .desc_txtbox span { font-size: 18rem; line-height: 28rem; color: #fff;}
.vision_wrap .desc_cont .desc_box.vision .desc_txtbox { text-align: center; padding: 25rem 0; background: rgba(255,255,255,0.9); border: 1rem solid #022b68;}
.vision_wrap .desc_cont .desc_box.vision .desc_txtbox p { font-size: 22rem; line-height: 34rem; color: #022b68; font-weight: 500; letter-spacing: -1rem; margin-bottom: 10rem;}
.vision_wrap .desc_cont .desc_box.vision .desc_txtbox span { font-size: 18rem; line-height: 28rem; color: #022b68;}
.vision_wrap .desc_cont .desc_box.vision .desc_txtbox b { font-weight: bold;}
.vision_wrap .desc_cont .desc_box.value .desc_txtbox {;}


.vision_wrap .desc_cont .desc_box.value .desc_txtbox ul { display: flex;}
.vision_wrap .desc_cont .desc_box.value .desc_txtbox ul li { width: calc(33.333% - 16rem); margin-right: 24rem; box-sizing: border-box; background: rgba(255,255,255,0.9); border: 1rem solid #dadada; text-align: center; padding-top: 32rem; padding-bottom: 34rem;}
.vision_wrap .desc_cont .desc_box.value .desc_txtbox ul li:last-child { margin-right: 0;}
.vision_wrap .desc_cont .desc_box.value .desc_txtbox ul li img {;}


.vision_wrap .desc_cont .desc_box.value .desc_txtbox ul li p { font-size: 22rem; font-weight: 500; margin-top: 13rem;}
.vision_wrap .desc_cont .desc_box.value .desc_txtbox ul li span { font-size: 15rem; color: #666; display: block; margin-top: 8rem;}
.vision_wrap .desc_cont .desc_box.brand .desc_txtbox { background: rgba(255,255,255,0.9); border: 1rem solid #dadada; text-align: center; padding: 35rem 0 31rem; position: relative;}
.vision_wrap .desc_cont .desc_box.brand .desc_txtbox:before { content: ""; width: 687rem; height: 593rem; background: url(https://www.hlholdings.co.kr/web/images/sub/vision_obj.png); background-size: 100% 100%; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: -1; max-width: 100%;}
.vision_wrap .desc_cont .desc_box.brand .desc_txtbox p { display: flex; align-items: flex-end; justify-content: center;}
.vision_wrap .desc_cont .desc_box.brand .desc_txtbox p img {;}


.vision_wrap .desc_cont .desc_box.brand .desc_txtbox p span { font-size: 20rem; font-weight: 500; line-height: 29rem; padding-left: 10rem;}
.vision_wrap .desc_cont .desc_box.identity .desc_txtbox { background: #fff; border: 1rem solid #222; text-align: center; padding: 34rem 0 36rem;}
.vision_wrap .desc_cont .desc_box.identity .desc_txtbox p { font-size: 24rem; font-weight: 500;}
.vision_wrap .desc_cont .desc_box.value2 .desc_txtbox { display: flex;}
.vision_wrap .desc_cont .desc_box.value2 .desc_txtbox .value_box { width: calc(33.333% - 16rem); margin-right: 24rem; box-sizing: border-box;}
.vision_wrap .desc_cont .desc_box.value2 .desc_txtbox .value_box:last-child { margin-right: 0;}
.vision_wrap .desc_cont .desc_box.value2 .desc_txtbox .value_box .imgbox { background: #f6f6f6; text-align: center; padding-top: 38rem; padding-bottom: 25rem;}
.vision_wrap .desc_cont .desc_box.value2 .desc_txtbox .value_box:nth-child(2) .imgbox img { padding-left: 73rem; display: none;}
.vision_wrap .desc_cont .desc_box.value2 .desc_txtbox .value_box:nth-child(2) .imgbox .w_img { display: inline;}
.vision_wrap .desc_cont .desc_box.value2 .desc_txtbox .value_box .imgbox p { margin-top: 20rem; font-size: 23rem; font-weight: bold; color: inherit;}
.vision_wrap .desc_cont .desc_box.value2 .desc_txtbox .value_box .imgbox span { font-size: 17rem; line-height: 27rem; color: #666; letter-spacing: -1rem; display: block; margin-top: 10rem;}
.vision_wrap .desc_cont .desc_box.value2 .desc_txtbox .value_box .txtbox {;}


.vision_wrap .desc_cont .desc_box.value2 .desc_txtbox .value_box .txtbox ul { padding-top: 20rem;}
.vision_wrap .desc_cont .desc_box.value2 .desc_txtbox .value_box .txtbox ul li { border-bottom: 1rem solid #dadada; padding-top: 15rem; font-size: 15rem; line-height: 25rem; letter-spacing: -1rem; padding-bottom: 15rem; word-break: keep-all;}
.vision_wrap .desc_cont .desc_box.value2 .desc_txtbox .value_box .txtbox ul li:first-child { padding-top: 0;}
.vision_wrap .desc_cont .desc_box.value2 .desc_txtbox .value_box .txtbox ul li p { font-weight: 500; color: inherit;}
.vision_wrap .desc_cont .desc_box.value2 .desc_txtbox .value_box.integrity .txtbox ul li p { color: #0266c9;}
.vision_wrap .desc_cont .desc_box.value2 .desc_txtbox .value_box .txtbox ul li span { color: #666; display: block; margin-top: 5rem;}
.vision_wrap .esg_box { margin-top: 150rem;}
.vision_wrap .esg_box h4 { margin-bottom: 10rem;}
.vision_wrap .esg_box .esg_txt { display: flex; align-items: flex-end;}
.vision_wrap .esg_box .esg_txt p { width: calc(100% - 567rem); box-sizing: border-box; letter-spacing: -1rem;}
.vision_wrap .esg_box .esg_txt ul { width: 567rem; box-sizing: border-box; display: flex;}
.vision_wrap .esg_box .esg_txt ul li { width: 25%; text-align: center; position: relative;}
.vision_wrap .esg_box .esg_txt ul li:after { content: ""; width: 1rem; height: 100%; background: #dadada; position: absolute; right: 0; top: 0;}
.vision_wrap .esg_box .esg_txt ul li:last-child:after { width: 0; height: 0;}
.vision_wrap .esg_box .esg_txt ul li span { display: block; font-size: 16rem; color: #555; font-weight: 500; margin-top: 12rem;}
.network_wrap { padding-bottom: 264rem;}
.network_wrap .h4_desc { margin-top: 30rem;}
.network_wrap .network_txt { text-align: center; padding-top: 70rem; padding-bottom: 90rem;}
.network_wrap .network_map { background: #edeff2; text-align: center; padding: 61rem 0 33rem;}
.network_wrap.overseas_wrap .network_map { padding-bottom: 52rem;}
.network_wrap .network_map .container { position: relative;}
.network_wrap .domestic_map .map_wrap { position: relative; width: 884rem; margin: 0 auto;}
.network_wrap .domestic_map ul {;}


.network_wrap .map_wrap ul li { position: absolute;}
.network_wrap .map_wrap ul li a { display: block; width: 160rem; height: 40rem; box-sizing: border-box; background: #fff; border-radius: 25rem; padding-left: 22rem; font-size: 15rem; line-height: 40rem; text-align: left; position: relative; box-shadow: 5rem 5rem 10rem rgba(14,33,62,0.1); transition: all 0.1s;}
.network_wrap .map_wrap ul li a:after { content: ""; width: 10rem; height: 10rem; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); background: #eee;}
.network_wrap .domestic_map ul li.left { left: 0;}
.network_wrap .domestic_map ul li.left a:after { right: 14rem;}
.network_wrap .domestic_map ul li.right { right: 0;}
.network_wrap .domestic_map ul li.right a { padding-left: 34rem;}
.network_wrap .domestic_map ul li.right a:after { left: 14rem;}
.network_wrap .domestic_map ul li a:hover, .network_wrap .domestic_map ul li a:focus { color: #fff; font-weight: bold;}
.network_wrap .domestic_map ul li a:hover:after, .network_wrap .domestic_map ul li a:focus:after { background: #fff !important;}
.network_wrap .domestic_map ul li.on a { color: #fff; font-weight: bold;}
.network_wrap .domestic_map ul li.on a:after { background: #fff !important;}

.network_wrap .domestic_map ul li.d_1 { top: 3.5%;}
.network_wrap .domestic_map ul li.d_1 a:hover { background: #4bcbf3;}
.network_wrap .domestic_map ul li.d_1 a:focus { background: #4bcbf3;}
.network_wrap .domestic_map ul li.d_1.on a { background: #4bcbf3;}
.network_wrap .domestic_map ul li.d_1 a:after { background: #4bcbf3;}
.network_wrap .domestic_map ul li.d_2 a:hover, .network_wrap .domestic_map ul li.d_2 a:focus { background: #022b68;}
.network_wrap .domestic_map ul li.d_2.on a { background: #022b68;}
.network_wrap .domestic_map ul li.d_2 a:after { background: #022b68;}

.network_wrap .domestic_map ul li.d_12 { top: 12.3%;}
.network_wrap .domestic_map ul li.d_21 { top: 39.5%;}
.network_wrap .domestic_map ul li.d_22 { top: 48.7%;}
.network_wrap .domestic_map ul li.d_23 { top: 23.5%;}
.network_wrap .domestic_map ul li.d_24 { top: 30.5%;}
.network_wrap .domestic_map ul li.d_3 a:hover, .network_wrap .domestic_map ul li.d_3 a:focus { background: #1463d8;}
.network_wrap .domestic_map ul li.d_3.on a { background: #1463d8;}
.network_wrap .domestic_map ul li.d_3 a:after { background: #1463d8;}
.network_wrap .domestic_map ul li.d_31 { top: 37%;}
.network_wrap .domestic_map ul li.d_32 { top: 57.5%;}
.network_wrap .domestic_map ul li.d_4 a:hover, .network_wrap .domestic_map ul li.d_4 a:focus { background: #6a8bbd;}
.network_wrap .domestic_map ul li.d_4.on a { background: #6a8bbd;}
.network_wrap .domestic_map ul li.d_4 a:after { background: #6a8bbd;}
.network_wrap .domestic_map ul li.d_41 { top: 66.5%;}
.network_wrap .domestic_map ul li.d_42 { top: 16.5%;}
.network_wrap .domestic_map ul li.d_5 a:hover, .network_wrap .domestic_map ul li.d_5 a:focus { background: #408aad;}
.network_wrap .domestic_map ul li.d_5.on a { background: #408aad;}
.network_wrap .domestic_map ul li.d_5 a:after { background: #408aad;}
.network_wrap .domestic_map ul li.d_51 { top: 24%;}
.network_wrap .domestic_map ul li.d_52 { top: 31.5%;}
.network_wrap .domestic_map ul li.d_53 { top: 21.5%;}
.network_wrap .domestic_map ul li.d_54 { top: 30%;}
.network_wrap .domestic_map ul li.d_55 { top: 39%;}

.network_wrap .domestic_map ul li.d_6 a:hover, .network_wrap .domestic_map ul li.d_6 a:focus { background: #4968bf;}
.network_wrap .domestic_map ul li.d_6.on a { background: #4968bf;}
.network_wrap .domestic_map ul li.d_6 a:after { background: #4968bf;}
.network_wrap .domestic_map ul li.d_61 { top: 56%;}
.network_wrap .domestic_map ul li.d_62 { top: 63.5%;}
.network_wrap .domestic_map ul li.d_63 { top: 71%;}
.network_wrap .domestic_map ul li.d_7 a:hover, .network_wrap .domestic_map ul li.d_7 a:focus {    background: #408aad;}

.network_wrap .domestic_map ul li.d_7.on a {
    background: #408aad;
}

.network_wrap .domestic_map ul li.d_7 a:after {
    background: #408aad;
}

.network_wrap .domestic_map ul li.d_71 {
    top: 39%;
}
.network_wrap .overseas_map .map_wrap { position: relative; width: 1067rem; margin: 0 auto;}
.network_wrap .overseas_map ul li a { width: auto; padding-left: 34rem; padding-right: 23rem; font-family: 'Lato';}
.network_wrap .overseas_map ul li a:after { left: 14rem;}
.network_wrap .overseas_map ul li a b { color: #000; font-weight: 900;}
.network_wrap .overseas_map ul li a:hover, .network_wrap .overseas_map ul li a:focus { color: #fff;}
.network_wrap .overseas_map ul li a:hover b, .network_wrap .overseas_map ul li a:focus b { color: #fff;}
.network_wrap .overseas_map ul li.on a { color: #fff;}
.network_wrap .overseas_map ul li.on a b { color: #fff;}
.network_wrap .overseas_map ul li.navy a:hover, .network_wrap .overseas_map ul li.navy a:focus { background: #002b68;}
.network_wrap .overseas_map ul li.navy.on a { background: #002b68;}
.network_wrap .overseas_map ul li.navy a:after { background: #002b68;}
.network_wrap .overseas_map ul li.blue a:hover, .network_wrap .overseas_map ul li.blue a:focus { background: #00b4ed;}
.network_wrap .overseas_map ul li.blue.on a { background: #00b4ed;}
.network_wrap .overseas_map ul li.blue a:after { background: #00b4ed;}
.network_wrap .overseas_map ul li a:hover:after, .network_wrap .overseas_map ul li a:focus:after { background: #fff !important;}
.network_wrap .overseas_map ul li.on a:after { background: #fff !important;}

/* 20230718 섏젙 */
.network_wrap .overseas_map ul li.green a:hover, .network_wrap .overseas_map ul li.green a:focus { background: #64cb08;}
.network_wrap .overseas_map ul li.green.on a { background: #64cb08;}
.network_wrap .overseas_map ul li.green a:after { background: #64cb08;}

.network_wrap .overseas_map ul li.d_11 { top: 10.5%; left: 71%;} /* HL URIMAN Union City */
.network_wrap .overseas_map ul li.d_12 { top: 21%; left: 71%;} /* HL URIMAN LA */
.network_wrap .overseas_map ul li.d_13 { top: 51%; left: 81%; letter-spacing: -0.5;} /* HL Logistics America Opelika */

.network_wrap .overseas_map ul li.d_21 { top: -1%; left: 43%;} /* HL Logistics Shanghai */
.network_wrap .overseas_map ul li.d_22 { top: 8%; left: 43%;} /* HL Trading Shanghai */
.network_wrap .overseas_map ul li.d_23 { top: 73.5%; left: 8.4%;} /* HL Logistics Suzhou */
.network_wrap .overseas_map ul li.d_24 { top: 55.2%; left: 8.4%;} /* HL Logistics Suzhou */

.network_wrap .overseas_map ul li.d_31 { top: 12.5%; left: 12%;} /* HL Corporation Berlin */
.network_wrap .overseas_map ul li.d_32 { top: 20.5%; left: 12%;} /* HL Aftermarket Istanbul */

.network_wrap .overseas_map ul li.d_41 { top: 42%; left: 81%;} /* HLLA Atlanta */
.network_wrap .overseas_map ul li.d_42 { top: 32%; left: 81%;} /* HL URIMAN Austin */

.network_wrap .overseas_map ul li.d_51 { top: 17%; left: 43%;} /* HLLC Beijing */
.network_wrap .overseas_map ul li.d_63 { top: 26%; left: 43%;} /* HLLC Shunyi */
.network_wrap .overseas_map ul li.d_52 { top: 82.5%; left: 8.4%;} /* HLLC Ningbo */

.network_wrap .overseas_map ul li.d_61 { top: 64.5%; left: 43%;} /* HLLC Zh훮ngji훮gng */
.network_wrap .overseas_map ul li.d_62 { top: 73.5%; left: 43%;} /* HLLC Yancheng */
.network_wrap .overseas_map ul li.d_64 { top: 82.5%; left: 43%;} /* HLLC W첬x카 */
/* //20230718 섏젙 */

.network_wrap .network_map .map_txt { position: absolute; left: 50rem; bottom: -7rem; text-align: left;}
.network_wrap .network_map .map_txt li { font-size: 14rem; line-height: 20rem;}
.network_wrap .network_map .map_txt li p { font-weight: 500;}
.network_wrap .network_map .map_txt li b { font-weight: 500; display: inline-block; width: 67rem;}
.network_wrap .network_map .map_txt li span { font-size: 12rem; color: #666;}
.network_wrap .network_map .map_txt li.ico { font-size: 14rem; font-weight: 500; margin-bottom: 10rem; padding-left: 3rem;}
.network_wrap .network_map .map_txt li.ico img { padding-right: 8rem; width: 22rem;}
.network_wrap .network_map .map_txt li.ico2 { margin-bottom: 20rem;}
.network_wrap .network_contWrap { padding-top: 55rem;}
.network_wrap .network_contWrap .network_cont { padding-top: 56rem;}
.network_wrap .network_contWrap .network_cont .network_box.head_office { display: flex;}
.network_wrap .network_contWrap .network_cont .network_box.head_office .imgbox { width: 684rem;}
.network_wrap .network_contWrap .network_cont .network_box.head_office .txtbox { width: calc(100% - 684rem);}
.network_wrap .network_contWrap .network_cont .network_box.head_office .txtbox h4 { font-size: 34rem; font-weight: bold; padding-bottom: 30rem;}
.network_wrap .network_contWrap .network_cont .network_box.head_office .txtbox h4 em { font-weight: 500;}
.network_wrap .network_contWrap .network_cont .network_box.head_office .txtbox .desc_box { border-top: 1rem solid #000;}
.network_wrap .network_contWrap .network_cont .network_box.head_office .txtbox .desc_box > li { display: flex; padding-top: 25rem; padding-bottom: 28rem; border-bottom: 1rem solid #dadada;}
.network_wrap .network_contWrap .network_cont .network_box.head_office .txtbox .desc_box > li h5 { font-size: 18rem; font-weight: 500; width: 120rem; box-sizing: border-box; padding-left: 5rem;}
.network_wrap .network_contWrap .network_cont .network_box.head_office .txtbox .desc_box > li .desc_txtbox { width: calc(100% - 120rem); box-sizing: border-box;}
.network_wrap .network_contWrap .network_cont .network_box.head_office .txtbox .desc_box > li .desc_txtbox p { font-size: 18rem; color: #666;}
.network_wrap .network_contWrap .network_cont .network_box.head_office .txtbox .desc_box > li .desc_txtbox ul.bus_list li { padding-left: 26rem; display: flex; font-size: 16rem; line-height: 28rem; margin-bottom: 20rem;}
.network_wrap .network_contWrap .network_cont .network_box.head_office .txtbox .desc_box > li .desc_txtbox ul.bus_list li:last-child { margin-bottom: 0;}
.network_wrap .network_contWrap .network_cont .network_box.head_office .txtbox .desc_box > li .desc_txtbox ul.bus_list li.subway { background: url(https://www.hlholdings.co.kr/web/images/sub/subway_ico.png) no-repeat left top 5rem; background-size: 19rem;}
.network_wrap .network_contWrap .network_cont .network_box.head_office .txtbox .desc_box > li .desc_txtbox ul.bus_list li.bus { background: url(https://www.hlholdings.co.kr/web/images/sub/bus_ico.png) no-repeat left top 5rem; background-size: 19rem;}
.network_wrap .network_contWrap .network_cont .network_box.head_office .txtbox .desc_box > li .desc_txtbox ul.bus_list li b { display: block; width: 59rem;}
.network_wrap .network_contWrap .network_cont .network_box.head_office .txtbox .desc_box > li .desc_txtbox ul.bus_list li span { display: block; width: calc(100% - 59rem); color: #666;}
.network_wrap .network_contWrap .network_cont .network_box { margin-bottom: 55rem;}
.network_wrap .network_contWrap .network_cont .network_box:last-child { margin-bottom: 0;}
.network_wrap .network_contWrap .network_cont .network_box h4 { font-size: 30rem; font-weight: bold; padding-bottom: 22rem;}
.network_wrap .network_contWrap .network_cont .network_box .inner_cont { display: flex; border-top: 1rem solid #000; padding: 29rem 0; border-bottom: 1rem solid #dadada;}
.network_wrap .network_contWrap .network_cont .network_box .imgbox { width: 448rem;}
.network_wrap .network_contWrap .network_cont .network_box .imgbox img { max-width: 100%;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox { width: calc(100% - 448rem); box-sizing: border-box; padding-left: 59rem; word-break: keep-all;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_top { padding-bottom: 20rem; border-bottom: 1rem solid #dadada;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_top p { font-size: 24rem; font-weight: bold;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_top p em { font-weight: normal;}


.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_top span { display: block; font-size: 16rem; line-height: 28rem; color: #666; padding-top: 18rem;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info { position: relative;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info ul { padding-top: 20rem;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info ul li { display: flex; font-size: 15rem; line-height: 25rem;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info ul li b { display: block; width: 98rem; font-weight: 500;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info ul li span { display: block; width: calc(100% - 98rem); color: #666;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info .btn_wrap { text-align: right; padding-top: 5rem;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info .map_btn { display: inline-block; width: 124rem; height: 40rem; line-height: 40rem; text-align: Center; box-sizing: border-box; border: 1rem solid #000; font-size: 14rem; font-weight: 500;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info .map_btn img { padding-left: 11rem; vertical-align: 1rem;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info .map_btn .close { display: none;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info .map_btn .close img { vertical-align: 2rem;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info .map_btn.on { border-color: #022b68; background: #022b68; color: #fff;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info .map_btn.on .open { display: none;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info .map_btn.on .close { display: inline;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info .view_btn { display: inline-block; width: 124rem; height: 40rem; line-height: 40rem; text-align: Center; box-sizing: border-box; border: 1rem solid #000; font-size: 14rem; font-weight: 500;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info .view_btn img { padding-left: 11rem; vertical-align: 1rem;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info .view_btn .close { display: none;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info .view_btn .close img { vertical-align: 2rem;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info .view_btn.on { border-color: #022b68; background: #022b68; color: #fff;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info .view_btn.on .open { display: none;}
.network_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info .view_btn.on .close { display: inline;}
.network_wrap .network_contWrap .network_cont .network_box .map_box { display: none; position: relative; padding-top: calc(100% * 2.5 / 10);}
.network_wrap .network_contWrap .network_cont .network_box .map_box img { max-width: 100%; position: absolute; left: 0; top: 0;}
.network_wrap .network_contWrap .network_cont .network_box .map_box iframe { max-width: 100%; position: absolute; left: 0; top: 0;}
.network_wrap .network_contWrap .network_cont .network_box .map_box .root_daum_roughmap { max-width: 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.network_wrap.overseas_wrap .network_contWrap .network_cont .network_box .txtbox .txtbox_info ul li { font-size: 18rem; line-height: 40rem;}
.network_wrap .network_contWrap .network_cont .network_box .view_box { background: #f6f6f6; border: 1rem solid #dadada; border-top: none; padding: 0 25rem; display: none;}
.network_wrap .network_contWrap .network_cont .network_box .view_box .view_top { display: flex; padding-top: 54rem; padding-bottom: 43rem; border-bottom: 1rem solid #dadada;}
.network_wrap .network_contWrap .network_cont .network_box .view_box .view_top .col { padding-left: 92rem; width: 33.333%; box-sizing: border-box; position: relative;}
.network_wrap .network_contWrap .network_cont .network_box .view_box .view_top .col:after { content: ""; width: 1rem; height: 100%; background: #dadada; position: absolute; right: 0; top: 0;}
.network_wrap .network_contWrap .network_cont .network_box .view_box .view_top .col:last-child:after { width: 0; height: 0;}
.network_wrap .network_contWrap .network_cont .network_box .view_box .view_top .col p { font-size: 18rem; font-weight: bold; margin-bottom: 10rem;}
.network_wrap .network_contWrap .network_cont .network_box .view_box .view_top .col span { font-size: 30rem; font-weight: bold; color: #666; display: block;}
.network_wrap .network_contWrap .network_cont .network_box .view_box .view_top .col em { font-size: 16rem; font-weight: 500; color: #666; line-height: 26rem;}
.network_wrap .network_contWrap .network_cont .network_box .view_box .view_top .col1 { background: url(https://www.hlholdings.co.kr/web/images/sub/overseas_ico1.png) no-repeat left 16rem top;}
.network_wrap .network_contWrap .network_cont .network_box .view_box .view_top .col2 { background: url(https://www.hlholdings.co.kr/web/images/sub/overseas_ico2.png) no-repeat left 37rem top; padding-left: 120rem;}
.network_wrap .network_contWrap .network_cont .network_box .view_box .view_top .col3 { background: url(https://www.hlholdings.co.kr/web/images/sub/overseas_ico3.png) no-repeat left 40rem top; padding-left: 118rem;}
.network_wrap .network_contWrap .network_cont .network_box .view_box .view_top .col4 { background: url(https://www.hlholdings.co.kr/web/images/sub/overseas_ico4.png) no-repeat left 40rem top; padding-left: 118rem;}
.network_wrap .network_contWrap .network_cont .network_box .view_box .view_top .col3 span { margin-bottom: 10rem;}
.network_wrap .network_contWrap .network_cont .network_box .view_box .view_top .col3 span:last-child { margin-bottom: 0;}
.network_wrap .network_contWrap .network_cont .network_box .view_box .view_top .col4 em { font-size: 18rem;}
.network_wrap .network_contWrap .network_cont .network_box .view_box .view_bttm { padding-top: 40rem; padding-bottom: 52rem;}
.network_wrap .network_contWrap .network_cont .network_box1-1 .view_box .view_bttm { display: flex; justify-content: space-between;}
.network_wrap .network_contWrap .network_cont .network_box1-1 .view_box .view_bttm .col { width: calc(50% - 35rem); box-sizing: border-box;}
.network_wrap .network_contWrap .network_cont .network_box1-1 .view_box .view_bttm .col p { font-size: 18rem; font-weight: bold; margin-bottom: 14rem;}
.network_wrap .network_contWrap .network_cont .network_box1-1 .view_box .view_bttm .col span { font-size: 16rem; font-weight: 500; color: #666; display: block; line-height: 16rem; margin-bottom: 12rem;}
.network_wrap .network_contWrap .network_cont .network_box1-1 .view_box .view_bttm .col img { max-width: 100%;}
.network_wrap .network_contWrap .network_cont .network_box1-1 .view_box .view_bttm .col .inner_col { display: flex; flex-wrap: wrap;}
.network_wrap .network_contWrap .network_cont .network_box1-1 .view_box .view_bttm .col.left .inner_left { width: calc(50% - 11rem); margin-right: 22rem;}
.network_wrap .network_contWrap .network_cont .network_box1-1 .view_box .view_bttm .col.left .inner_left div { margin-bottom: 12rem;}
.network_wrap .network_contWrap .network_cont .network_box1-1 .view_box .view_bttm .col.left .inner_left div:last-child { margin-bottom: 0;}
.network_wrap .network_contWrap .network_cont .network_box1-1 .view_box .view_bttm .col.left .inner_right { width: calc(50% - 11rem);}
.network_wrap .network_contWrap .network_cont .network_box1-1 .view_box .view_bttm .col.right .inner_col { gap: 16rem 24rem; align-items: flex-end;}
.network_wrap .network_contWrap .network_cont .network_box1-2 .view_box .view_bttm {;}


.network_wrap .network_contWrap .network_cont .network_box1-2 .view_box .view_bttm p { font-size: 18rem; font-weight: bold; margin-bottom: 15rem;}
.network_wrap .network_contWrap .network_cont .network_box1-2 .view_box .view_bttm .bttm_cont { background: #fff; text-align: center; padding: 40rem 0;}
.network_wrap .network_contWrap .network_cont .network_box1-2 .view_box .view_bttm .bttm_cont img { max-width: 100%; display: none;}
.network_wrap .network_contWrap .network_cont .network_box1-2 .view_box .view_bttm .bttm_cont .w_img { display: inline;}
.network_wrap .network_contWrap .network_cont .network_box1-3 .view_box .view_bttm p { font-size: 18rem; font-weight: bold; margin-bottom: 15rem;}
.network_wrap .network_contWrap .network_cont .network_box1-3 .view_box .view_bttm .bttm_cont { display: flex; justify-content: space-between;}
.network_wrap .network_contWrap .network_cont .network_box1-3 .view_box .view_bttm .bttm_cont .left_col { width: 46%; background: #fff; text-align: center; padding: 35rem 0;}
.network_wrap .network_contWrap .network_cont .network_box1-3 .view_box .view_bttm .bttm_cont .left_col img {;}


.network_wrap .network_contWrap .network_cont .network_box1-3 .view_box .view_bttm .bttm_cont .right_col { width: 51%;}
.network_wrap .network_contWrap .network_cont .network_box1-3 .view_box .view_bttm .bttm_cont .right_col .right_box { margin-bottom: 24rem;}
.network_wrap .network_contWrap .network_cont .network_box1-3 .view_box .view_bttm .bttm_cont .right_col .right_box:last-child { margin-bottom: 0;}
.network_wrap .network_contWrap .network_cont .network_box1-3 .view_box .view_bttm .bttm_cont .right_col span { font-size: 16rem; color: #666; font-weight: 500; letter-spacing: -1rem;}
.network_wrap .network_contWrap .network_cont .network_box1-3 .view_box .view_bttm .bttm_cont .right_col ul { margin-top: 10rem; background: #fff; display: flex; flex-wrap: wrap; padding: 12rem 34rem;}
.network_wrap .network_contWrap .network_cont .network_box1-3 .view_box .view_bttm .bttm_cont .right_col ul li { width: 50%; font-size: 15rem; line-height: 28rem; color: #666;}
.network_wrap .network_contWrap .network_cont .network_box2-1 .view_box .view_bttm p { font-size: 18rem; font-weight: bold; margin-bottom: 15rem;}
.network_wrap .network_contWrap .network_cont .network_box2-1 .view_box .view_bttm .bttm_cont { display: flex; justify-content: space-between;}
.network_wrap .network_contWrap .network_cont .network_box2-1 .view_box .view_bttm .bttm_cont .left_col { width: 46%; background: #fff; text-align: center; padding: 35rem 0;}
.network_wrap .network_contWrap .network_cont .network_box2-1 .view_box .view_bttm .bttm_cont .left_col img {;}


.network_wrap .network_contWrap .network_cont .network_box2-1 .view_box .view_bttm .bttm_cont .right_col { width: 51%;}
.network_wrap .network_contWrap .network_cont .network_box2-1 .view_box .view_bttm .bttm_cont .right_col .right_box { margin-bottom: 24rem;}
.network_wrap .network_contWrap .network_cont .network_box2-1 .view_box .view_bttm .bttm_cont .right_col .right_box:last-child { margin-bottom: 0;}
.network_wrap .network_contWrap .network_cont .network_box2-1 .view_box .view_bttm .bttm_cont .right_col span { font-size: 16rem; color: #666; font-weight: 500; letter-spacing: -1rem;}
.network_wrap .network_contWrap .network_cont .network_box2-1 .view_box .view_bttm .bttm_cont .right_col ul { margin-top: 10rem; background: #fff; display: flex; flex-wrap: wrap; padding: 12rem 34rem;}
.network_wrap .network_contWrap .network_cont .network_box2-1 .view_box .view_bttm .bttm_cont .right_col ul li { width: 50%; font-size: 15rem; line-height: 28rem; color: #666;}
.network_wrap .network_contWrap .network_cont .network_box2-1 .view_box .view_bttm .bttm_cont .right_col ul li.w100 { width: 100%;}
.network_wrap .network_contWrap .network_cont .network_box2-2 .view_box .view_bttm p { font-size: 18rem; font-weight: bold; margin-bottom: 15rem;}
.network_wrap .network_contWrap .network_cont .network_box2-2 .view_box .view_bttm .bttm_cont { background: #fff; text-align: center; padding: 26rem 0 30rem; position: relative;}
.network_wrap .network_contWrap .network_cont .network_box2-2 .view_box .view_bttm .bttm_cont img { max-width: 100%;}
.network_wrap .network_contWrap .network_cont .network_box2-2 .view_box .view_bttm .bttm_cont .img_btn { position: absolute; right: 0; bottom: 0; display: none; width: 71rem;}
.network_wrap .network_contWrap .network_cont .network_box2-3 .view_box .view_bttm p { font-size: 18rem; font-weight: bold; margin-bottom: 15rem; line-height:140%;}
.network_wrap .network_contWrap .network_cont .network_box2-3 .view_box .view_bttm .bttm_cont { display: flex; justify-content: space-between;}
.network_wrap .network_contWrap .network_cont .network_box2-3 .view_box .view_bttm .bttm_cont .left_col { width: 66%; background: #fff; text-align: center; padding: 14rem 0;}
.network_wrap .network_contWrap .network_cont .network_box2-3 .view_box .view_bttm .bttm_cont .left_col img { max-width: 100%;}
.network_wrap .network_contWrap .network_cont .network_box2-3 .view_box .view_bttm .bttm_cont .right_col { width: 31%;}
.network_wrap .network_contWrap .network_cont .network_box2-3 .view_box .view_bttm .bttm_cont .right_col span { font-size: 16rem; color: #666; font-weight: 500; letter-spacing: -1rem;}
.network_wrap .network_contWrap .network_cont .network_box2-3 .view_box .view_bttm .bttm_cont .right_col table { margin-top: 10rem; width: 100%; border-top: 1rem solid #dadada;}
.network_wrap .network_contWrap .network_cont .network_box2-3 .view_box .view_bttm .bttm_cont .right_col th { background: #fcfcfe; font-size: 15rem; color: #666; padding: 16rem 0; border-bottom: 1rem solid #dadada; border-right: 1rem solid #dadada;}
.network_wrap .network_contWrap .network_cont .network_box2-3 .view_box .view_bttm .bttm_cont .right_col td { background: #fff; font-size: 15rem; color: #666; padding: 16rem 0 16rem 23rem; border-bottom: 1rem solid #dadada;}
.network_wrap .network_contWrap .network_cont .network_box3-1 .view_box .view_bttm p { font-size: 18rem; font-weight: bold; margin-bottom: 15rem;}
.network_wrap .network_contWrap .network_cont .network_box3-1 .view_box .view_bttm .bttm_cont { background: #fff; text-align: center; padding: 26rem 0 30rem; position: relative;}
.network_wrap .network_contWrap .network_cont .network_box3-1 .view_box .view_bttm .bttm_cont img { max-width: 100%; display: none;}
.network_wrap .network_contWrap .network_cont .network_box3-1 .view_box .view_bttm .bttm_cont .w_img { display: inline;}
.network_wrap .network_contWrap .network_cont .network_box3-1 .view_box .view_bttm .bttm_cont .img_btn { position: absolute; right: 0; bottom: 0; display: none; width: 71rem;}
.network_wrap .network_contWrap .network_cont .network_box3-2 .view_box .view_bttm { padding-bottom: 48rem;}
.network_wrap .network_contWrap .network_cont .network_box3-2 .view_box .view_bttm p { font-size: 18rem; font-weight: bold; margin-bottom: 15rem;}
.network_wrap .network_contWrap .network_cont .network_box3-2 .view_box .view_bttm .bttm_cont { background: #fff; padding: 20rem 33rem 22rem; font-size: 15rem; line-height: 28rem; color: #666;}
.invest_wrap { padding-top: 70rem; padding-bottom: 261rem;}
.invest_wrap h3 {;}


.invest_wrap .director_box { margin-bottom: 65rem;}
.invest_wrap .director_box:last-child { margin-bottom: 0;}
.director_wrap .director_box1 { padding-top: 70rem;}
.director_wrap .director_box1 p { margin-top: 25rem;}
.director_wrap .director_box h4 { display: flex; align-items: flex-end; justify-content: space-between;}
.director_wrap .director_box .update_date { font-size: 15rem; color: #666; font-weight: normal;}
.director_wrap .director_box .director_list { margin-top: 25rem; display: flex; flex-wrap: wrap; gap: 0 24rem;}
.director_wrap .director_box .director_list .list_box { width: calc(25% - 18rem); box-sizing: border-box; border: 1rem solid #dadada; padding: 38rem 44rem 44rem;}
.director_wrap .director_box .director_list .list_box p { font-size: 24rem; font-weight: bold; padding-bottom: 28rem; border-bottom: 1rem solid #dadada;}
.director_wrap .director_box .director_list .list_box p em { font-size: 16rem; color: #0147a2; font-weight: normal; padding-left: 10rem;}
.director_wrap .director_box .director_list .list_box ul { padding-top: 30rem;}
.director_wrap .director_box .director_list .list_box li { font-size: 16rem; display: flex; margin-bottom: 20rem;}
.director_wrap .director_box .director_list .list_box li:last-child { margin-bottom: 0;}
.director_wrap .director_box .director_list .list_box li b { color: #666; display: inline-block; padding-right: 12rem; position: relative;}
.director_wrap .director_box .director_list .list_box li b:after { content: ""; width: 1rem; height: 14rem; background: #dadada; position: absolute; right: 0; top: 2rem;}
.director_wrap .director_box .director_list .list_box li span { display: inline-block; padding-left: 12rem;}
.director_wrap .director_box .tablebox { margin-top: 30rem;}
.director_wrap .director_box .btn_wrap { margin-top: 27rem;}
.director_wrap .director_box .btn_wrap ul { display: flex; flex-wrap: wrap; gap: 0 24rem;}
.director_wrap .director_box .btn_wrap ul li { width: calc(50% - 12rem); border-bottom: 1rem solid #dadada; display: flex; align-items: center; justify-content: space-between; padding: 17rem 44rem; box-sizing: border-box; font-size: 20rem; font-weight: 500;}
.director_wrap .director_box .btn_wrap ul li:nth-child(-n+2) { border-top: 1rem solid #000;}
.director_wrap .director_box .btn_wrap ul li a {;}


.director_wrap .director_box4 h4 { align-items: center;}
.holder_wrap {;}


.holder_wrap .holder_box1 { padding-top: 70rem; margin-bottom: 132rem;}
.holder_wrap .holder_box1 h4 {;}


.holder_wrap .holder_box1 p { margin-top: 25rem;}
.holder_wrap .holder_box1 .shareholder_graph { margin-top: 30rem; border-top: 1rem solid #000; border-bottom: 1rem solid #dadada; padding: 75rem 0 61rem; text-align: center;}
.holder_wrap .holder_box1 .shareholder_graph img { max-width: 100%;}
.holder_wrap .holder_box1 .tablebox { margin-top: 52rem;}
.holder_wrap .holder_box1 .tablebox .table_noti { padding-bottom: 5rem;}
.holder_wrap .holder_box2 p { margin-top: 25rem; display: flex; align-items: center; justify-content: space-between;}
.holder_wrap .holder_box2 .tablebox { margin-top: 30rem;}
.holder_wrap .holder_box2 .touch_motion { display: none;}
.finance_wrap { padding-top: 74rem; padding-bottom: 230rem;}
.finance_wrap .finance_cont { display: flex; flex-wrap: wrap; gap: 135rem 70rem;}
.finance_wrap .finance_cont .finance_box { width: calc(50% - 35rem); padding-bottom: 40rem; border-bottom: 1rem solid #dadada;}
.finance_wrap .finance_cont .finance_box h4 { padding-bottom: 20rem; border-bottom: 1rem solid #000; display: flex; align-items: flex-end; justify-content: space-between;}
.finance_wrap .finance_cont .finance_box .graph_rule { display: block; text-align: right; font-size: 15rem; color: #555; font-weight: 400;}
.finance_wrap .finance_cont .finance_box .graph_box svg { width: 100%; height: 480rem;}
.Nwagon_column .foreground .columns g rect { width: 80rem; transform: translateX(25rem);}
.finance_wrap .finance_cont .finance_box .graph_box { position: relative;}
.finance_wrap .finance_cont .finance_box .graph_box table { width: 100%;}
.finance_wrap .finance_cont .finance_box .graph_box table th { display: none;}
.finance_wrap .finance_cont .finance_box .graph_box table .col1 { width: 33.333%;}
.finance_wrap .finance_cont .finance_box .graph_box table .col2 { width: 33.333%;}
.finance_wrap .finance_cont .finance_box .graph_box table .col3 { width: 33.333%;}
.finance_wrap .finance_cont .finance_box .graph_box table .col4 { width: 30%;}
.finance_wrap .finance_cont .finance_box .graph_box table .value { font-size: 18rem; color: #003077; font-weight: 500; position: relative; display: none;}
.finance_wrap .finance_cont .finance_box .graph_box table .value span { right: 10rem; bottom: -7rem; position: absolute;}
.finance_wrap .finance_cont .finance_box .graph_box table .col { position: relative;}
.finance_wrap .finance_cont .finance_box .graph_box table td { overflow: hidden;}
.finance_wrap .finance_cont .finance_box .graph_box table td .column { width: 100%; display: block;}
.finance_wrap .finance_cont .finance_box .graph_box table td .column em { display: block; width: 100%; box-sizing: border-box; border-bottom: 1rem solid #dadada;}
.finance_wrap .finance_cont .finance_box .graph_box table td .bar_box {;}


.finance_wrap .finance_cont .finance_box .graph_box table td .bar_box .bar { display: block; width: 80rem; height: 0; background: #a8a9ac; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: all 0.6s;}
.finance_wrap .finance_cont .finance_box .graph_box table td .bar_box .bar i { display: flex; width: 100%; align-items: center; justify-content: center; font-size: 16rem; color: #fff; font-weight: 500;}
.finance_wrap .finance_cont .finance_box .graph_box table td .bar_box .bar .capital { background: #003077;}
.finance_wrap .finance_cont .finance_box .graph_box table td .bar_box .bar .dept { background: #00b4ed; height: calc(100% - 143rem);}
.finance_wrap .finance_cont .finance_box .graph_box table td .bar_box .value_txt { font-size: 16rem; font-weight: 500; color: #666; position: absolute; left: 50%; transform: translateX(-50%); margin-bottom: 10rem; opacity: 0; transition: opacity 0.3s;}
.finance_wrap .finance_cont .finance_box .graph_box table td.recent .bar_box .bar { background: #003077;}
.finance_wrap .finance_cont .finance_box .graph_box table td.recent .bar_box .value_txt { color: #003077;}
.finance_wrap .finance_cont .finance_box .graph_box table tfoot td { text-align: center; font-size: 16rem; color: #666; padding-top: 24rem;}
.finance_wrap .finance_cont .finance_box1 .graph_box table .value { height: 80rem;}
.finance_wrap .finance_cont .finance_box1 .graph_box table td .column em { height: 80rem;}
.finance_wrap .finance_cont .finance_box2 .graph_box table .value { height: 100rem;}
.finance_wrap .finance_cont .finance_box2 .graph_box table td .column em { height: 100rem;}
.finance_wrap .finance_cont .finance_box3 .graph_box table .value { height: 80rem;}
.finance_wrap .finance_cont .finance_box3 .graph_box table td .column em { height: 80rem;}
.finance_wrap .finance_cont .finance_box4 .graph_box table .value { height: 100rem;}
.finance_wrap .finance_cont .finance_box4 .graph_box table td .column em { height: 100rem;}
.finance_wrap .finance_cont .finance_box3 .graph_box table .col1 { width: 29%;}
.finance_wrap .finance_cont .finance_box3 .graph_box table .col2 { width: 29%;}
.finance_wrap .finance_cont .finance_box3 .graph_box table .col3 { width: 29%;}
.finance_wrap .finance_cont .finance_box3 .graph_box table .category { width: 11%; position: relative;}
.finance_wrap .finance_cont .finance_box3 .graph_box table .category p { font-size: 18rem; font-weight: 500; color: #003077; display: flex; flex-direction: column; justify-content: space-evenly; width: 100%; height: 100%; position: absolute; padding-left: 10rem; box-sizing: border-box; white-space: nowrap; letter-spacing: -1rem;}
.finance_wrap .finance_cont .finance_box3 .graph_box table .category p span { display: block;}
.finance_wrap .finance_cont .finance_box4 .graph_box table td .bar_box .bar { width: 35rem; margin-left: -40rem; transform: none; background: #00b4ed;}
.finance_wrap .finance_cont .finance_box4 .graph_box table td .bar_box2 .bar { margin-left: 5rem; background: #003077;}
.finance_wrap .finance_cont .finance_box4 .graph_box table td .bar_box .value_txt { margin-left: -40rem; transform: none; width: 35rem; text-align: center; white-space: nowrap;}
.finance_wrap .finance_cont .finance_box4 .graph_box table td .bar_box2 .value_txt { margin-left: 5rem;}
.finance_wrap .finance_cont .finance_box4 .graph_box .symbol { position: absolute; right: 0; top: 22rem; display: flex; align-items: center;}
.finance_wrap .finance_cont .finance_box4 .graph_box .symbol li { font-size: 18rem; font-weight: 500; position: relative; padding-left: 23rem; margin-right: 24rem;}
.finance_wrap .finance_cont .finance_box4 .graph_box .symbol li:last-child { margin-right: 0;}
.finance_wrap .finance_cont .finance_box4 .graph_box .symbol li:before { content: ""; width: 15rem; height: 15rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.finance_wrap .finance_cont .finance_box4 .graph_box .symbol li.s1:before { background: #00b4ed;}
.finance_wrap .finance_cont .finance_box4 .graph_box .symbol li.s2:before { background: #003077;}
.finance_wrap .finance_cont .finance_box5 .graph_box table td .bar_box .bar { width: 35rem; margin-left: -40rem; transform: none; background: #00b4ed;}
.finance_wrap .finance_cont .finance_box5 .graph_box table td .bar_box2 .bar { margin-left: 5rem; background: #003077;}
.finance_wrap .finance_cont .finance_box5 .graph_box table td .bar_box .value_txt { margin-left: -40rem; transform: none; width: 35rem; text-align: center; white-space: nowrap;}
.finance_wrap .finance_cont .finance_box5 .graph_box table td .bar_box2 .value_txt { margin-left: 5rem;}
.finance_wrap .finance_cont .finance_box5 .graph_box .symbol { position: absolute; right: 0; top: 22rem; display: flex; align-items: center;}
.finance_wrap .finance_cont .finance_box5 .graph_box .symbol li { font-size: 18rem; font-weight: 500; position: relative; padding-left: 23rem; margin-right: 24rem;}
.finance_wrap .finance_cont .finance_box5 .graph_box .symbol li:last-child { margin-right: 0;}
.finance_wrap .finance_cont .finance_box5 .graph_box .symbol li:before { content: ""; width: 15rem; height: 15rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.finance_wrap .finance_cont .finance_box5 .graph_box .symbol li.s1:before { background: #00b4ed;}
.finance_wrap .finance_cont .finance_box5 .graph_box .symbol li.s2:before { background: #003077;}
.finance_wrap .finance_cont .finance_box .graph_box table td.col1 .bar_box .bar { transition-delay: 0.2s;}
.finance_wrap .finance_cont .finance_box .graph_box table td.col2 .bar_box .bar { transition-delay: 0.4s;}
.finance_wrap .finance_cont .finance_box .graph_box table td.col3 .bar_box .bar { transition-delay: 0.6s;}
.finance_wrap .finance_cont .finance_box .graph_box table td.col1 .bar_box .value_txt { transition-delay: 0.6s;}
.finance_wrap .finance_cont .finance_box .graph_box table td.col2 .bar_box .value_txt { transition-delay: 0.8s;}
.finance_wrap .finance_cont .finance_box .graph_box table td.col3 .bar_box .value_txt { transition-delay: 1.2s;}
.finance_wrap .finance_cont .finance_box .graph_box table td.col1 .bar_box.on .bar {;}


.finance_wrap .finance_cont .finance_box .graph_box table td.col2 .bar_box.on .bar {;}


.finance_wrap .finance_cont .finance_box .graph_box table td.col3 .bar_box.on .bar {;}


.finance_wrap .finance_cont .finance_box .graph_box table td .bar_box.on .value_txt { opacity: 1;}
.announce_wrap { padding-top: 70rem; padding-bottom: 173rem;}
.announce_wrap .dart_box { margin-top: 70rem; text-align: center; overflow-x: auto;}
.board_wrap {;}


.board_wrap .board_search { display: flex; justify-content: flex-end; margin-bottom: 20rem;}
.board_wrap .board_search select { width: 120rem; height: 42rem; box-sizing: border-box; border: none; border-bottom: 1rem solid #000; padding-left: 4rem; font-size: 14rem; color: #666; background: url(https://www.hlholdings.co.kr/web/images/sub/select_12.png) no-repeat right 7rem center; margin-right: 24rem;}
.board_wrap .board_search .search_input { border-bottom: 1rem solid #000; display: flex;}
.board_wrap .board_search input[type="text"] { width: 265rem; height: 42rem; box-sizing: border-box; padding-left: 4rem; border: none; font-size: 14rem; color: #666;}
.board_wrap .board_search input[type="text"]::placeholder { color: #bcbcbc;}
.board_wrap .board_search .search_btn { display: block; width: 34rem; height: 42rem; background: url(https://www.hlholdings.co.kr/web/images/sub/search_ico.png) no-repeat center center;}
.board_wrap .board_list { border-top: 1rem solid #000;}
.board_wrap .board_list .table { width: 100%;}
.board_wrap .board_list .table .col1 { width: 15%; box-sizing: border-box;}
.board_wrap .board_list .table .col2 { width: 65%; box-sizing: border-box;}
.board_wrap .board_list .table .col3 { width: 20%; box-sizing: border-box;}
.board_wrap .board_list .table .tr { display: flex; width: 100%; border-bottom: 1rem solid #dadada; align-items: center;}
.board_wrap .board_list .table .th { background: #f6f6f6; font-size: 17rem; font-weight: 500; padding: 22rem 0 26rem; text-align: center;}
.board_wrap .board_list .table .td { font-size: 17rem; line-height: 26rem; color: #666; padding: 19rem 0; text-align: center; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board_wrap .board_list .table .tal { text-align: left; padding-left: 50rem;}
.board_wrap .board_list .table .m_date { display: none; font-size: 15rem; margin-bottom: 5rem;}
.pager { display: flex; align-items: center; justify-content: center; margin-top: 70rem;}
.pager ul { display: flex;}
.pager ul.prevbtn { margin-right: 24rem;}
.pager ul.nextbtn { margin-left: 24rem;}
.pager ul li { margin-right: 6rem;}
.pager ul li:last-child { margin-right: 0;}
.pager ul li a { display: inline-block; width: 35rem; height: 35rem; box-sizing: border-box; border: 1rem solid #dadada; text-align: center; line-height: 33rem; font-size: 16rem; color: #666;}
.pager ul li a:hover, .pager ul li a:focus { color: #fff; background: #004ac4; border-color: #004ac4;}
.pager ul li.on a { color: #fff; background: #004ac4; border-color: #004ac4;}
.pager ul li.all_prev a { background: url(https://www.hlholdings.co.kr/web/images/sub/allprev.png) no-repeat center center; background-size: 16rem;}
.pager ul li.prev a { background: url(https://www.hlholdings.co.kr/web/images/sub/prev.png) no-repeat center center; background-size: 14rem;}
.pager ul li.next a { background: url(https://www.hlholdings.co.kr/web/images/sub/next.png) no-repeat center center; background-size: 14rem;}
.pager ul li.all_next a { background: url(https://www.hlholdings.co.kr/web/images/sub/allnext.png) no-repeat center center; background-size: 16rem;}
.pager ul li.all_prev a:hover, .pager ul li.all_prev a:focus { background: #004ac4 url(https://www.hlholdings.co.kr/web/images/sub/allprev_hover.png) no-repeat center center; background-size: 16rem;}
.pager ul li.prev a:hover, .pager ul li.prev a:focus { background: #004ac4 url(https://www.hlholdings.co.kr/web/images/sub/prev_hover.png) no-repeat center center; background-size: 14rem;}
.pager ul li.next a:hover, .pager ul li.next a:focus { background: #004ac4 url(https://www.hlholdings.co.kr/web/images/sub/next_hover.png) no-repeat center center; background-size: 14rem;}
.pager ul li.all_next a:hover, .pager ul li.all_next a:focus { background: #004ac4 url(https://www.hlholdings.co.kr/web/images/sub/allnext_hover.png) no-repeat center center; background-size: 16rem;}
.sustain_wrap { padding-top: 74rem; padding-bottom: 198rem;}
.report_contWrap .report_cont {;}


.report_contWrap .report_cont .report_box { margin-bottom: 120rem;}
.report_contWrap .report_cont .report_box:last-child { margin-bottom: 0;}
.report_contWrap .report_cont .report_box1 {;}


.report_contWrap .report_cont .report_box1 h4 { display: flex; align-items: center; justify-content: space-between;}
.report_contWrap .report_cont .report_box1 .graph_img { margin-top: 65rem;}
.report_contWrap .report_cont .report_box1 .graph_img img { max-width: 100%; display: none;}
.report_contWrap .report_cont .report_box1 .graph_img .w_img { display: block;}
.report_contWrap .report_cont .report_box1 .tablebox { margin-top: 53rem;}
.report_contWrap .report_cont .report_box2 .tablebox { margin-top: 30rem;}
.report_contWrap .report_cont .report_box2 .table_noti { padding-top: 20rem;}
.report_contWrap .report_cont .report_box2 .short_btn { margin-left: 20rem;}
.report_contWrap .report_topBox { background: #f4f5f7;}
.report_contWrap .report_topBox > div {gap: 50rem; display: flex; align-items: center; justify-content: space-between; padding: 70rem 122rem 62rem; box-sizing: border-box;}
.report_contWrap .report_topBox .rtb_txtbox h3 { font-size: 34rem; font-weight: bold; line-height: 40rem; word-break: keep-all;}
.report_contWrap .report_topBox .rtb_txtbox h3 em { font-weight: bold;}
.report_contWrap .report_topBox .rtb_txtbox p { font-size: 20rem; line-height: 36rem; color: #666; padding-top: 11rem; word-break: keep-all;}
.report_contWrap .report_topBox .rtb_imgbox { text-align: right; position: relative; z-index: 2;}
.report_contWrap .report_topBox .rtb_imgbox img {;}


.report_contWrap .report_topBox .rtb_imgbox:before { content: ""; width: 100%; height: 100%; background: #ebebeb; position: absolute; right: -8rem; bottom: -8rem; z-index: -1;}
.report_contWrap .report_topBox .down_wrap { display: flex; margin-top: 55rem;}
.report_contWrap .report_topBox .down_wrap a { margin-right: 10rem; background: #fff; text-align: left; padding: 0 19rem; display: flex; align-items: center; justify-content: space-between;}
.report_contWrap .report_topBox .down_wrap a:last-child { margin-right: 0;}
.report_contWrap .report_list ul { border-top: 1px solid #dadada;    margin-top: 40rem;}
.report_contWrap .report_list ul li { padding: 30px 13px 31px 11px; border-bottom: 1px solid #dadada; display: flex; align-items: center; justify-content: space-between;}
.report_contWrap .report_list ul li .report_list_txtBox h4 { font-size: 24px; line-height: 32px; font-weight: 500; word-break: keep-all;    margin-bottom: 1rem;}
.report_contWrap .report_list ul li .report_list_txtBox h4 b { display: flex; align-items: center; font-size: 16px; color: #00b6ee; font-weight: 400; }
.report_contWrap .report_list ul li .report_list_txtBox h4 em {     margin: 0 10rem;     color: #cdcdcd;    font-size: 14px;}
.report_contWrap .report_list ul li .down_wrap { display: flex;}
.report_contWrap .report_list ul li .down_wrap a { margin-right: 10px; background: #fff; text-align: left; padding: 0 14px 0 19px; display: flex; align-items: center; justify-content: space-between;}
.report_contWrap .report_list ul li .h4_desc { font-size: 14px; line-height: 20rem;}
.report_contWrap .report_list ul li .down_wrap a:last-child { margin-right: 0;}
.report_contWrap .report_list .list_moreBtn { margin-top: 51px;}
.report_contWrap .report_list .pager_wrap { margin-top: 51px;}
.report_contWrap .report_list ul li.nodate { text-align: center; justify-content: center; margin-top: 50px; border-bottom: none;}
.social_cont { padding-top: 90rem;}
.social_cont .social_box3 {padding-top: 90rem;}


.social_cont .social_box1 { padding-bottom: 68rem;}
.social_cont .social_box2 { background: #f6f6f6; padding-top: 90rem; padding-bottom: 87rem;}
.social_cont .social_box2 h4 { text-align: center;}
.social_cont .social_box2 .vision_tit { margin-top: 45rem; text-align: center; font-size: 34rem; color: #f7941e; line-height: 39rem; font-weight: 500;}
.social_cont .social_box2 .vision_tit img { padding-right: 15rem;}
.social_cont .social_box2 .vision_desc { text-align: center; font-size: 18rem; line-height: 25rem; margin-top: 15rem; word-break: keep-all;}
.social_cont .social_box2 .box_tit2 { margin-top: 92rem;}
.social_cont .social_box2 .promotion { display: flex; justify-content: center; width: 968rem; margin: 35rem auto 0;}
.social_cont .social_box2 .promotion li { width: 33.333%; text-align: center;}
.social_cont .social_box2 .promotion li:last-child { margin-right: 0;}
.social_cont .social_box2 .promotion li .imgbox { width: 163rem; height: 163rem; background: url(https://www.hlholdings.co.kr/web/images/sub/vision_dot_border.png) no-repeat; background-size: 163rem; display: flex; align-items: center; justify-content: center; margin: 0 auto; position: relative;}
.social_cont .social_box2 .promotion li .imgbox:after { content: ""; width: calc(100% - 26rem); height: 1rem; background: #999; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); margin-left: 11rem;}
.social_cont .social_box2 .promotion li:last-child .imgbox:after { width: 0; height: 0;}
.social_cont .social_box2 .promotion li .imgbox span { display: block; width: 145rem; height: 145rem; border: 8rem solid; border-radius: 50%; box-sizing: border-box;}
.social_cont .social_box2 .promotion li.col1 .imgbox span { border-color: #00b5ee; background: #f6f6f6 url(https://www.hlholdings.co.kr/web/images/sub/vision_ico1.png) no-repeat center center; background-size: 46rem;}
.social_cont .social_box2 .promotion li.col2 .imgbox span { border-color: #022b68; background: #f6f6f6 url(https://www.hlholdings.co.kr/web/images/sub/vision_ico2.png) no-repeat center center; background-size: 49rem;}
.social_cont .social_box2 .promotion li.col3 .imgbox span { border-color: #a8a9ac; background: #f6f6f6 url(https://www.hlholdings.co.kr/web/images/sub/vision_ico3.png) no-repeat center center; background-size: 50rem;}
.social_cont .social_box2 .promotion li .imgbox img {;}
.social_cont .social_box2 .promotion li .txtbox { font-size: 18rem; line-height: 28rem; text-align: center; font-weight: 500; letter-spacing: -1rem; margin-top: 15rem; word-break: keep-all;}


.social_cont .social_box3 .vision_part {margin-top: 35rem;}
.social_cont .social_box3 .vision_part ul {display: flex; width: 100%; }
.social_cont .social_box3 .vision_part ul li {width: calc(20% - 23rem); margin-right: 28rem; box-sizing: border-box; border: 1rem solid #dadada; text-align: center; padding-top: 48rem; padding-bottom: 33rem;}
.social_cont .social_box3 .vision_part ul li:last-child {    margin-right: 0;}
.social_cont .social_box3 .vision_part ul li .imgbox {}
.social_cont .social_box3 .vision_part ul li .imgbox img {}
.social_cont .social_box3 .vision_part ul li .txtbox {    padding-top: 30rem;}
.social_cont .social_box3 .vision_part ul li .txtbox p {    font-size: 24rem; font-weight: bold; line-height: 30rem; letter-spacing: -1rem; margin-bottom: 10rem;}
.social_cont .social_box3 .vision_part ul li .txtbox span {    font-size: 16rem; line-height: 28rem; font-weight: 500; letter-spacing: -1rem; color: #666;}
.social_cont .social_box3 .sdgs {    margin-top: 52rem;}
.social_cont .social_box3 .sdgs .sdgs_tit {    width: 130rem; height: 130rem; display: flex; align-items: center; justify-content: center; margin-right: 28rem; background: url(https://www.hlholdings.co.kr/web/images/sub/sdgs_tit.png) no-repeat; font-size: 20rem; line-height: 30rem; color: #fff; font-weight: bold;}
.social_cont .social_box3 .sdgs ul {    width: 100%; box-sizing: border-box; display: flex;}
.social_cont .social_box3 .sdgs ul li {    width: calc(12.5% - 44rem); margin-right: 27rem;}
.social_cont .social_box3 .sdgs ul li:last-child {    margin-right: 0;}
.social_cont .social_box3 .sdgs ul li .imgbox {}
.social_cont .social_box3 .sdgs ul li .imgbox img {    width: 100%;}
.social_cont .social_box3 .sdgs ul li p {    font-size: 16rem; color: #555; font-weight: 500; text-align: center; line-height: 28rem; word-break: keep-all; margin-top: 12rem;}


.growth_box .vision_part { margin-top: 35rem;}
.growth_box .vision_part ul { display: flex;}
.growth_box .vision_part ul li { width: calc(20% - 23rem); margin-right: 28rem; box-sizing: border-box; border: 1rem solid #dadada; text-align: center; padding-top: 40rem; padding-bottom: 33rem;}
.growth_box .vision_part ul li:last-child { margin-right: 0;}
.growth_box .vision_part ul li .imgbox {;}


.growth_box .vision_part ul li .imgbox img {;}


.growth_box .vision_part ul li .txtbox { padding-top: 30rem;}
.growth_box .vision_part ul li .txtbox p { font-size: 24rem; font-weight: bold; line-height: 30rem; letter-spacing: -1rem; margin-bottom: 10rem;}
.growth_box .vision_part ul li .txtbox span { font-size: 16rem; line-height: 28rem; font-weight: 500; letter-spacing: -1rem; color: #666;}
.growth_box .sdgs { margin-top: 52rem;}
.growth_box .sdgs .sdgs_tit { width: 130rem; height: 130rem; display: flex; align-items: center; justify-content: center; margin-right: 28rem; background: url(https://www.hlholdings.co.kr/web/images/sub/sdgs_tit.png) no-repeat; font-size: 20rem; line-height: 30rem; color: #fff; font-weight: bold;}
.growth_box .sdgs ul { width: 100%; box-sizing: border-box; display: flex;}
.growth_box .sdgs ul li { width: calc(12.5% - 44rem); margin-right: 27rem;}
.growth_box .sdgs ul li:last-child { margin-right: 0;}
.growth_box .sdgs ul li .imgbox {;}


.growth_box .sdgs ul li .imgbox img { width: 100%;}
.growth_box .sdgs ul li p { font-size: 16rem; color: #555; font-weight: 500; text-align: center; line-height: 28rem; word-break: keep-all; margin-top: 12rem;}
.social_cont .social_box4 .h4_desc1 { margin-bottom: 60rem;}
.social_cont .social_box4 .active_box { margin-bottom: 120rem;}
.social_cont .social_box4 .active_box:last-child { margin-bottom: 0;}
.social_cont .social_box4 .active_box p { line-height: 30rem; margin-top: 20rem;}
.social_cont .social_box4 .active_box ul { margin-top: 40rem; display: flex; gap: 0 24rem; align-items: flex-end;}
.social_cont .social_box4 .active_box ul li { width: calc(50% - 12rem);}
.social_cont .social_box4 .active_box ul li h5 { font-size: 24rem; font-weight: 500; margin-bottom: 20rem; word-break: keep-all;}
.social_cont .social_box4 .active_box ul li h5 br { display: none;}
.social_cont .social_box4 .active_box ul li .imgbox img { max-width: 100%;}
.manage_cont { padding-top: 94rem;}
.manage_cont .manage_box {;}


.manage_cont .manage_box1 { padding-bottom: 70rem;}
.manage_cont .manage_box1 .txtbox { margin-bottom: 70rem;}
.manage_cont .manage_box1 .txtbox:last-child { margin-bottom: 0;}
.manage_cont .manage_box1 .txtbox h4 {;}


.manage_cont .manage_box1 .txtbox div { display: flex;}
.manage_cont .manage_box1 .txtbox div p { letter-spacing: -1rem;}
.manage_cont .manage_box1 .txtbox div .short_btn {;}


.manage_cont .manage_box1 .txtbox1 h4 { margin-bottom: 42rem;}
.manage_cont .manage_box1 .txtbox1 div { align-items: flex-end;}
.manage_cont .manage_box1 .txtbox1 div .short_btn { margin-left: auto; width: 195rem;}
.manage_cont .manage_box1 .txtbox2 h4 { margin-bottom: 16rem;}
.manage_cont .manage_box1 .txtbox2 div { gap: 0 66rem;}
.manage_cont .manage_box1 .txtbox2 div p { width: calc(50% - 33rem); text-align: justify;}
.manage_cont .manage_box2 { background: #f6f6f6; padding: 66rem 0 62rem;}
.manage_cont .manage_box2 .quotation_mark { display: block; height: 27rem;}
.manage_cont .manage_box2 .quotation_1 { background: url(https://www.hlholdings.co.kr/web/images/sub/quotation_1.png) no-repeat center center; background-size: 34rem;}
.manage_cont .manage_box2 .quotation_2 { background: url(https://www.hlholdings.co.kr/web/images/sub/quotation_2.png) no-repeat center center; background-size: 34rem;}
.manage_cont .manage_box2 p { font-size: 28rem; line-height: 40rem; font-weight: 500; letter-spacing: -1rem; text-align: center; margin: 28rem 0; word-break: keep-all;}
.manage_cont .manage_box3 { padding-top: 90rem;}
.manage_cont .manage_box3 .flex_container { gap: 0 24rem;}
.manage_cont .manage_box3 .flex_box { width: calc(50% - 12rem); border-bottom: 1rem solid #dadada; padding-bottom: 50rem;}
.manage_cont .manage_box3 .flex_box h4 { font-size: 28rem; font-weight: bold; letter-spacing: -1rem; line-height: 45rem;}
.manage_cont .manage_box3 .flex_box .txtbox { border-top: 1rem solid #000;}
.manage_cont .manage_box3 .flex_box .txtbox .circle_txt_img { display: none; max-width: 100%;}
.manage_cont .manage_box3 .flex_box .txtbox .circle_txt { display: flex; width: 479rem; background: url(https://www.hlholdings.co.kr/web/images/sub/manage_vision_bg1.png) no-repeat center top; margin: 52rem auto; position: relative;}
.manage_cont .manage_box3 .flex_box .txtbox .circle_txt:after { content: ""; width: 1rem; height: 161rem; background: #003d5f; position: absolute; left: 50%; top: 50%; transform: translateX(-50%);}
.manage_cont .manage_box3 .flex_box .txtbox .circle_txt li { width: 50%; height: 256rem; box-sizing: border-box; text-align: center; padding-top: 40rem;}
.manage_cont .manage_box3 .flex_box .txtbox .circle_txt li p { font-size: 20rem; color: #fff; font-weight: bold; margin-bottom: 15rem;}
.manage_cont .manage_box3 .flex_box .txtbox .circle_txt li span { display: block; margin-top: 15rem; font-size: 16rem; line-height: 24rem; color: #fff; letter-spacing: -1rem;}
.manage_cont .manage_box3 .flex_box .txtbox .under_txt { text-align: center;}
.manage_cont .manage_box3 .flex_box .txtbox .under_txt p { font-size: 24rem; line-height: 30rem; color: #022b68; font-weight: bold; margin-bottom: 15rem;}
.manage_cont .manage_box3 .flex_box .txtbox .under_txt p em { position: relative; padding: 0 5rem;}
.manage_cont .manage_box3 .flex_box .txtbox .under_txt p em:before { content: ""; width: 100%; height: 8rem; background: rgba(2,43,104,0.15); position: absolute; left: 0; bottom: 2rem;}
.manage_cont .manage_box3 .flex_box .txtbox .under_txt span { font-size: 16rem; line-height: 26rem; font-weight: 500; color: #666;}
.manage_cont .manage_box3 .flex_box .txtbox .diagram_box_img { display: none; max-width: 100%;}
.manage_cont .manage_box3 .flex_box .txtbox .diagram_box { width: 470rem; height: 406rem; position: relative; margin: 0 auto; margin-top: 54rem;}
.manage_cont .manage_box3 .flex_box .txtbox .diagram_box p { width: 249rem; height: 249rem; background: #f4f5f7; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center; text-align: center; font-size: 28rem; color: #0147a2; font-weight: bold;}
.manage_cont .manage_box3 .flex_box .txtbox .diagram_box ul {;}


.manage_cont .manage_box3 .flex_box .txtbox .diagram_box ul li { position: absolute; width: 165rem; height: 165rem; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.manage_cont .manage_box3 .flex_box .txtbox .diagram_box ul li.col1 { background: #022b68; left: 0; top: 0;}
.manage_cont .manage_box3 .flex_box .txtbox .diagram_box ul li.col2 { background: #00b5ee; right: 0; top: 0;}
.manage_cont .manage_box3 .flex_box .txtbox .diagram_box ul li.col3 { background: #a8a9ac; left: 0; bottom: 0;}
.manage_cont .manage_box3 .flex_box .txtbox .diagram_box ul li.col4 { background: #000000; right: 0; bottom: 0;}
.manage_cont .manage_box3 .flex_box .txtbox .diagram_box ul li span { font-size: 20rem; line-height: 24rem; color: #fff; font-weight: bold; letter-spacing: -1rem; display: block; margin-bottom: 10rem;}
.manage_cont .manage_box3 .flex_box .txtbox .diagram_box ul li em { font-size: 16rem; line-height: 24rem; color: #fff; letter-spacing: -1rem;}
.manage_cont .manage_box4 { background: #f6f6f6; padding-top: 69rem; padding-bottom: 64rem;}
.manage_cont .manage_box4 h4 { font-size: 28rem; font-weight: bold; letter-spacing: -1rem; line-height: 30rem; text-align: left;}
.manage_cont .manage_box4 ul { margin-top: 35rem; display: flex; align-items: flex-start; justify-content: center;}
.manage_cont .manage_box4 ul li { margin-right: 93rem; text-align: center;}
.manage_cont .manage_box4 ul li:last-child { margin-right: 0;}
.manage_cont .manage_box4 ul li .circle { width: 256rem; height: 256rem; box-sizing: border-box; background: #fff; border: 8rem solid; border-radius: 50%; position: relative; padding-top: 147rem; margin: 0 auto;}
.manage_cont .manage_box4 ul li.col1 .circle { border-color: #00b5eb; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/compliance_ico1.png) no-repeat center top 56rem; background-size: 57rem;}
.manage_cont .manage_box4 ul li.col2 .circle { border-color: #022b68; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/compliance_ico2.png) no-repeat center top 56rem; background-size: 54rem;}
.manage_cont .manage_box4 ul li.col3 .circle { border-color: #a8a9ac; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/compliance_ico3.png) no-repeat center top 56rem; background-size: 45rem;}
.manage_cont .manage_box4 ul li .circle:after { content: ""; width: 93rem; height: 1rem; background: #022b68; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); margin-left: 8rem;}
.manage_cont .manage_box4 ul li:last-child .circle:after { width: 0; height: 0;}
.manage_cont .manage_box4 ul li .circle p { font-size: 18rem; line-height: 30rem; font-weight: 500; letter-spacing: -1rem;}
.manage_cont .manage_box4 ul li .circle p b { font-size: 24rem; font-weight: bold;}
.manage_cont .manage_box4 ul li span { font-size: 16rem; line-height: 28rem; color: #666; margin-top: 20rem; display: block;}
.manage_cont .manage_box4 ul li span em { font-size: 12rem;}
.manage_cont .manage_box5 {;}


.manage_cont .manage_box5 .h4_desc { margin-top: 38rem;}
.manage_cont .manage_box5 .cyber_list { margin-top: 46rem; border-top: 2rem solid #000; padding: 70rem 0 68rem; border-bottom: 1rem solid #dadada; display: flex; align-items: center;}
.manage_cont .manage_box5 .cyber_list .icobox { width: 199rem; height: 58rem; background: url(https://www.hlholdings.co.kr/web/images/sub/cyber_ico1.png) no-repeat center center; background-size: 76rem;}
.manage_cont .manage_box5 .cyber_list ul { display: flex; flex-wrap: wrap; width: calc(100% - 199rem);}
.manage_cont .manage_box5 .cyber_list ul li { width: 33.333%; font-size: 18rem; line-height: 32rem; letter-spacing: -1rem; position: relative; padding-left: 15rem; box-sizing: border-box; word-break: keep-all;}
.manage_cont .manage_box5 .cyber_list ul li:before { content: ""; position: absolute; left: 0; top: 0;}
.manage_cont .manage_box5 .informant { margin-top: 36rem; border: 1rem solid #dadada; background: #f6f6f6; box-sizing: border-box; padding: 32rem 83rem 32rem 0; display: flex; align-items: center;}
.manage_cont .manage_box5 .informant .icobox { width: 199rem; height: 86rem; background: url(https://www.hlholdings.co.kr/web/images/sub/cyber_ico2.png) no-repeat center center; background-size: 86rem;}
.manage_cont .manage_box5 .informant .txtbox { display: flex; align-items: center; width: calc(100% - 199rem); word-break: keep-all;}
.manage_cont .manage_box5 .informant .txtbox p { font-size: 24rem; line-height: 30rem; font-weight: bold; letter-spacing: -1rem; margin-bottom: 10rem;}
.manage_cont .manage_box5 .informant .txtbox span { font-size: 18rem; line-height: 32rem; letter-spacing: -1rem; color: #666; font-weight: normal; display: block;}
.manage_cont .manage_box5 .informant .short_btn { margin-left: auto; background: #fff; height: 40rem; line-height: 40rem; color: #666;}
.growth_cont { padding-top: 90rem;}
.growth_cont .growth_box1 { padding-bottom: 100rem;}



.growth_cont .growth_box1 h4 { margin-bottom: 32rem;}
.growth_cont .growth_box1 .winwin_rule_img { margin-top: 60rem; display: none; max-width: 100%;}
.growth_cont .growth_box1 .winwin_rule { display: flex; align-items: center; justify-content: center; margin-top: 60rem;}
.growth_cont .growth_box1 .winwin_rule li { width: 230rem; height: 230rem; box-sizing: border-box; background: #fff; border: 8rem solid; border-radius: 50%; padding-top: 140rem; margin-right: 115rem; position: relative;}
.growth_cont .growth_box1 .winwin_rule li:last-child { margin-right: 0;}
.growth_cont .growth_box1 .winwin_rule li:after { content: ""; width: 115rem; height: 1rem; background: #022b68; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); margin-left: 8rem;}
.growth_cont .growth_box1 .winwin_rule li:last-child:after { width: 0; height: 0;}
.growth_cont .growth_box1 .winwin_rule li.col1 { border-color: #00b5ee; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/winwin_ico1.png) no-repeat center top 55rem;}
.growth_cont .growth_box1 .winwin_rule li.col2 { border-color: #022b68; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/winwin_ico2.png) no-repeat center top 55rem;}
.growth_cont .growth_box1 .winwin_rule li.col3 { border-color: #a8a9ac; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/winwin_ico3.png) no-repeat center top 55rem;}
.growth_cont .growth_box1 .winwin_rule li p { font-size: 24rem; font-weight: 500; text-align: center;}
.growth_cont .growth_box2 {  padding-bottom: 100rem;}
.growth_cont .growth_box2 h4 { margin-bottom: 30rem;}
.growth_cont .growth_box2 .co_support { margin-top: 60rem; display: flex; flex-wrap: wrap; gap: 70rem 24rem;}
.growth_cont .growth_box2 .co_support li { width: calc(50% - 12rem);}
.growth_cont .growth_box2 .co_support li h5 { font-size: 24rem; line-height: 28rem; font-weight: 500; margin-bottom: 24rem;}
.growth_cont .growth_box2 .co_support li .support_txtbox { border: 1rem solid #dadada; display: flex; align-items: center; padding: 41rem 47rem;}
.growth_cont .growth_box2 .co_support li .icobox { width: 116rem; height: 116rem; background: #f4f5f7; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.growth_cont .growth_box2 .co_support li .icobox img {;}


.growth_cont .growth_box2 .co_support li .txtbox { font-size: 16rem; line-height: 26rem; color: #555; letter-spacing: -1rem; padding-left: 33rem;}
.growth_cont .growth_box3 { padding-bottom: 82rem;}
.growth_cont .growth_box3 h4 { margin-bottom: 32rem;}
.growth_cont .growth_box3 h5 { font-size: 28rem; font-weight: bold; letter-spacing: -1rem; line-height: 45rem; margin-bottom: 15rem; margin-top: 70rem;}
.growth_cont .growth_box4 { background: #f6f6f6; padding-bottom: 103rem; padding-top: 88rem;}
.growth_cont .growth_box4 .cp_process { margin-top: 52rem; display: flex; gap: 0 36rem;}
.growth_cont .growth_box4 .cp_process > li { width: calc(20% - 29rem); background: #fff; position: relative; box-sizing: border-box; padding: 157rem 0 36rem;}
.growth_cont .growth_box4 .cp_process > li:after { content: ""; width: 36rem; height: 21rem; background: url(https://www.hlholdings.co.kr/web/images/sub/cp_arrow.png) no-repeat center center; position: absolute; left: 100%; top: 50%; transform: translateY(-50%);}
.growth_cont .growth_box4 .cp_process > li:last-child:after { width: 0; height: 0;}
.growth_cont .growth_box4 .cp_process > li.col1 { background: #fff url(https://www.hlholdings.co.kr/web/images/sub/cp_ico1.png) no-repeat center top 60rem; background-size: 63rem;}
.growth_cont .growth_box4 .cp_process > li.col2 { background: #fff url(https://www.hlholdings.co.kr/web/images/sub/cp_ico2.png) no-repeat center top 60rem; background-size: 68rem;}
.growth_cont .growth_box4 .cp_process > li.col3 { background: #fff url(https://www.hlholdings.co.kr/web/images/sub/cp_ico3.png) no-repeat center top 60rem; background-size: 64rem;}
.growth_cont .growth_box4 .cp_process > li.col4 { background: #fff url(https://www.hlholdings.co.kr/web/images/sub/cp_ico4.png) no-repeat center top 60rem; background-size: 68rem;}
.growth_cont .growth_box4 .cp_process > li.col5 { background: #fff url(https://www.hlholdings.co.kr/web/images/sub/cp_ico5.png) no-repeat center top 60rem; background-size: 74rem;}
.growth_cont .growth_box4 .cp_process > li h5 { text-align: center; font-size: 24rem; line-height: 36rem; font-weight: bold; letter-spacing: -1rem;}
.growth_cont .growth_box4 .cp_process > li ul { margin-top: 25rem; padding: 0 11rem 0 20rem;}
.growth_cont .growth_box4 .cp_process > li ul li { font-size: 15rem; line-height: 27rem; font-weight: 500; color: #666; letter-spacing: -1rem; position: relative; padding-left: 15rem;}
.growth_cont .growth_box4 .cp_process > li ul li:before { content: ""; position: absolute; left: 0; top: 0;}
.growth_cont .growth_box4 .cp_process > li ul li b { color: #000;}
.growth_cont .growth_box5 { padding-top: 97rem;}
.growth_cont .growth_box5 .h4_desc { margin-top: 32rem;}
.growth_cont .growth_box5 .support_system1 { display: flex; margin-top: 50rem;}
.growth_cont .growth_box5 .support_system1 .txtbox { border-top: 1rem solid #000; width: calc(50% - 12rem); margin-right: 24rem; padding: 45rem 18rem 50rem; box-sizing: border-box; border-bottom: 1rem solid #dadada;}
.growth_cont .growth_box5 .support_system1 .txtbox ul { display: flex; flex-wrap: wrap; gap: 5rem 0;}
.growth_cont .growth_box5 .support_system1 .txtbox ul li { font-size: 16rem; line-height: 32rem; position: relative; padding-left: 15rem; box-sizing: border-box; width: 50%;}
.growth_cont .growth_box5 .support_system1 .txtbox ul li:nth-child(2n-1) { width: 50%;}
.growth_cont .growth_box5 .support_system1 .txtbox ul li:before { content: ""; position: absolute; left: 0; top: 0;}
.growth_cont .growth_box5 .support_system1 .txtbox ul li em { display: block; font-size: 14rem; line-height: 26rem; color: #666;}
.growth_cont .growth_box5 .support_system1 .imgbox { width: calc(50% - 12rem); position: relative;}
.growth_cont .growth_box5 .support_system1 .imgbox span { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; left: 0; top: 0;}
.growth_cont .growth_box5 .support_system1 .imgbox img { width: 100%; display: none;}
.growth_cont .growth_box5 .support_system1 .imgbox p { position: absolute; left: 50%; bottom: 16rem; font-size: 22rem; color: #fff; line-height: 28rem; font-weight: 500; transform: translateX(-50%);}
.growth_cont .growth_box5 .box_tit2 { margin-top: 108rem;}
.growth_cont .growth_box5 .support_system2 { border-top: 1rem solid #000; margin-top: 32rem;}
.growth_cont .growth_box5 .support_system2 table { width: 100%;}
.growth_cont .growth_box5 .support_system2 table.m_table { display: none;}
.growth_cont .growth_box5 .support_system2 table th { font-size: 16rem; font-weight: 500; background: #fafafa; border-right: 1rem solid #dadada; border-bottom: 1rem solid #dadada; vertical-align: middle;}
.growth_cont .growth_box5 .support_system2 table td { border-bottom: 1rem solid #dadada; border-right: 1rem solid #dadada; padding: 22rem 0 24rem 29rem; font-size: 16rem; line-height: 28rem; color: #666; vertical-align: middle;}
.growth_cont .growth_box5 .support_system2 table td:last-child { border-right: 0;}
.growth_cont .growth_box5 .support_system2 table td li { position: relative; padding-left: 15rem;}
.growth_cont .growth_box5 .support_system2 table td li:before { content: ""; position: absolute; left: 0; top: 0;}
.human_cont { padding-top: 85rem;}
.human_cont .human_box h5 { font-size: 28rem; font-weight: bold; letter-spacing: -1rem; line-height: 30rem;}
.human_cont .human_box1 {;}


.human_cont .human_box1 h5 { margin-top: 82rem;}
.human_cont .human_box1 .h4_desc { margin-top: 40rem;}
.human_cont .human_box1 .h4_desc1 { margin-top: 15rem;}
.human_cont .human_box1 .h4_desc2 { margin-top: 15rem; display: flex; gap: 0 66rem;}
.human_cont .human_box1 .h4_desc2 p { width: calc(50% - 33rem); text-align: justify;}
.human_cont .human_box2 { padding-top: 85rem;}
.human_cont .human_box2 .h4_desc { margin-top: 15rem;}
.human_cont .human_box2 .human_rule { margin-top: 40rem; gap: 0 24rem; display: flex; flex-wrap: wrap;}
.human_cont .human_box2 .human_rulebox { width: calc(50% - 12rem); border-bottom: 1rem solid #dadada; box-sizing: border-box; padding: 32rem 0 35rem 34rem; display: flex; align-items: flex-start;}
.human_cont .human_box2 .human_rulebox:nth-child(-n+2) { border-top: 1rem solid #000;}
.human_cont .human_box2 .human_rulebox .icobox { width: 121rem; height: 121rem; background: #f6f6f6; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.human_cont .human_box2 .human_rulebox .txtbox { width: calc(100% - 121rem); box-sizing: border-box; padding-left: 40rem;}
.human_cont .human_box2 .human_rulebox .txtbox p { font-size: 24rem; font-weight: bold; line-height: 40rem; margin-bottom: 10rem;}
.human_cont .human_box2 .human_rulebox .txtbox span { font-size: 16rem; line-height: 28rem; color: #666; letter-spacing: -1rem;}
.human_cont .human_box3 { padding-top: 145rem;}
.human_cont .human_box3 h4 { margin-bottom: 40rem;}
.human_cont .human_box3 h5 { margin-top: 80rem; margin-bottom: 15rem;}
.human_cont .human_box3 .human_active { margin-top: 50rem;}
.human_cont .human_box3 .human_active h6 { font-size: 24rem; line-height: 30rem; font-weight: 500; letter-spacing: -1rem;}
.human_cont .human_box3 .human_active .h4_desc { margin-top: 20rem;}
.human_cont .human_box3 .human_active ul { margin-top: 15rem; display: flex; gap: 0 24rem;}
.human_cont .human_box3 .human_active ul li { width: calc(25% - 18rem); box-sizing: border-box; border: 1rem solid #dadada; text-align: center; padding-top: 33rem; padding-bottom: 30rem;}
.human_cont .human_box3 .human_active ul li .imgbox { width: 110rem; height: 110rem; background: #f6f6f6; border-radius: 50%; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.human_cont .human_box3 .human_active ul li p { padding-top: 15rem; font-size: 16rem; line-height: 28rem; color: #666; letter-spacing: -1rem;}
.human_cont .human_box4 { padding-top: 106rem;}
.human_cont .human_box4 h5 { margin-bottom: 50rem;}
.human_cont .human_box4 h6 { font-size: 24rem; line-height: 30rem; font-weight: 500; letter-spacing: -1rem;}
.human_cont .human_box4 .h4_desc { margin-top: 15rem;}
.human_cont .human_box4 .violation_cont { margin-top: 52rem; display: flex; gap: 0 24rem;}
.human_cont .human_box4 .violation_box { box-sizing: border-box; border-top: 1rem solid #000; border-bottom: 1rem solid #dadada;}
.human_cont .human_box4 .violation_box .tit { font-size: 17rem; font-weight: 500; text-align: center; padding: 26rem 0; background: #f6f6f6;}
.human_cont .human_box4 .violation_box .txtcont { border-top: 1rem solid #dadada;}
.human_cont .human_box4 .violation_box1 { width: calc(42% - 12rem);}
.human_cont .human_box4 .violation_box1 .txtcont { padding: 48rem 50rem 60rem;}
.human_cont .human_box4 .violation_box1 ul { display: flex;}
.human_cont .human_box4 .violation_box1 ul li { width: 50%; text-align: center;}
.human_cont .human_box4 .violation_box1 ul li .icobox { width: 110rem; height: 110rem; background: #f6f6f6; border-radius: 50%; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.human_cont .human_box4 .violation_box1 ul li .txtbox { padding-top: 28rem;}
.human_cont .human_box4 .violation_box1 ul li .txtbox span { font-size: 16rem;}
.human_cont .human_box4 .violation_box1 ul li .txtbox p { font-size: 18rem; font-weight: 500; margin-top: 15rem;}
.human_cont .human_box4 .violation_box1 ul li .txtbox p em { font-size: 34rem; font-weight: bold;}
.human_cont .human_box4 .violation_box2 { width: calc(58% - 12rem);}
.human_cont .human_box4 .violation_box2 ul li { display: flex; border-bottom: 1rem solid #dadada; align-items: center;}
.human_cont .human_box4 .violation_box2 ul li:last-child { border-bottom: 0;}
.human_cont .human_box4 .violation_box2 ul li p { width: 154rem; font-size: 16rem; color: #666; box-sizing: border-box; padding-left: 23rem;}
.human_cont .human_box4 .violation_box2 ul li span { display: block; width: calc(100% - 154rem); box-sizing: border-box; border-left: 1rem solid #dadada; font-size: 16rem; color: #666; line-height: 27rem; padding: 20rem 0 22rem; padding-left: 29rem; letter-spacing: -1rem;}

.safe_cont { padding-top: 85rem;}
.safe_cont .safe_box1 { padding-bottom: 90rem;}
.safe_cont .safe_box1 h4 { margin-bottom: 35rem;}
.safe_cont .safe_box1 ul { margin-top: 35rem; }
.safe_cont .safe_box1 ul.box_100 { margin-top: 35rem; display: unset;}

.safe_cont .safe_box1 ul li { width: 100%; box-sizing: border-box; border: 1rem solid #dadada; display: flex; padding: 40rem 60rem 35rem;margin: 0 20px 0 0;}
.safe_cont .safe_box1 ul li .icobox { width: 143rem;}
.safe_cont .safe_box1 ul li.col1 .icobox { height: 52rem; background: url(https://www.hlholdings.co.kr/web/images/sub/safe_ico1.png) no-repeat center center; background-size: 64rem;}
.safe_cont .safe_box1 ul li.col2 .icobox { height: 60rem; background: url(https://www.hlholdings.co.kr/web/images/sub/safe_ico2.png) no-repeat center center; background-size: 60rem;}
.safe_cont .safe_box1 ul li.col3 .icobox { height: 53rem; background: url(https://www.hlholdings.co.kr/web/images/sub/safe_ico3.png) no-repeat center center; background-size: 63rem;}
.safe_cont .safe_box1 ul li .txtbox { width: 100%; box-sizing: border-box; word-break: keep-all;}
.safe_cont .safe_box1 ul li .txtbox p { font-size: 18rem; font-weight: bold; margin-bottom: 15rem;line-height:180%; color: #022b68; font-weight:400;}
.safe_cont .safe_box1 ul li .txtbox p span {    font-size: 18rem; line-height: 180%; }
.safe_cont .safe_box1 ul li .txtbox div.btm_tit { color: #222; font-size: 20rem; padding-top: 30px; text-align: right; }
.safe_cont .safe_box1 ul p.btm_tit {padding-top: 15px; }

.safe_cont .safe_box1 ul li .txtbox span { font-size: 16rem; line-height: 26rem; color: #022b68;}
.safe_cont .safe_box2 { background: #f6f6f6; padding-top: 90rem; padding-bottom: 96rem;}
.safe_cont .safe_box2 h4 { margin-bottom: 35rem;}
.safe_cont .safe_box2 {;}


.safe_cont .safe_box2 .desc_cont { margin-top: 40rem;}
.safe_cont .safe_box2 .desc_cont .desc_box { display: flex; margin-bottom: 18rem;}
.safe_cont .safe_box2 .desc_cont .desc_box:last-child { margin-bottom: 0;}
.safe_cont .safe_box2 .desc_cont .desc_box h5 { width: 330rem; margin-right: 22rem; box-sizing: border-box; border-top: 2rem dotted #dadada; font-size: 24rem; font-weight: bold; padding-top: 18rem; padding-left: 30rem;}
.safe_cont .safe_box2 .desc_cont .desc_box .desc_txtbox { width: calc(100% - 152rem); box-sizing: border-box; word-break: keep-all;}
.safe_cont .safe_box2 .desc_cont .desc_box1 .desc_txtbox { text-align: center; background: #022b68; padding: 15rem 0;}
.safe_cont .safe_box2 .desc_cont .desc_box1 .desc_txtbox p { font-size: 18rem; line-height: 30rem; color: #fff; font-weight: 500; letter-spacing: -1rem;}
.safe_cont .safe_box2 .desc_cont .desc_box2 .desc_txtbox { text-align: center; background: #fff; padding: 15rem 0;}
.safe_cont .safe_box2 .desc_cont .desc_box2 .desc_txtbox p { font-size: 22rem; line-height: 30rem; color: #0147a2; font-weight: bold; letter-spacing: -1rem;}
.safe_cont .safe_box2 .desc_cont .desc_box3 .desc_txtbox ul { display: flex;}
.safe_cont .safe_box2 .desc_cont .desc_box3 .desc_txtbox ul li { width: calc(25% - 17rem); box-sizing: border-box; background: #fff; text-align: center; padding-top: 56rem; padding-bottom: 45rem; margin-right: 22rem;}
.safe_cont .safe_box2 .desc_cont .desc_box3 .desc_txtbox ul li:last-child { margin-right: 0;}
.safe_cont .safe_box2 .desc_cont .desc_box3 .desc_txtbox ul li img {;}


.safe_cont .safe_box2 .desc_cont .desc_box3 .desc_txtbox ul li p { font-size: 20rem; font-weight: bold; margin-top: 45rem;}
.safe_cont .safe_box3 { padding-top: 98rem; padding-bottom: 90rem;}
.safe_cont .safe_box3 h4 { margin-bottom: 40rem;}
.safe_cont .safe_box3 .h4_desc { margin-bottom: 50rem;}
.safe_cont .safe_box3 h6 { font-size: 24rem; line-height: 30rem; font-weight: 500; letter-spacing: -1rem;}
.safe_cont .safe_box3 .accident_cont { margin-top: 22rem; display: flex; gap: 0 188rem;}
.safe_cont .safe_box3 .accident_cont .acci_box {;}


.safe_cont .safe_box3 .accident_cont .acci_box .tit { text-align: center; line-height: 45rem; font-size: 18rem; font-weight: 500; color: #fff;}
.safe_cont .safe_box3 .accident_cont .acci_box ul { padding: 13rem 12rem 12rem;}
.safe_cont .safe_box3 .accident_cont .acci_box ul li { background: #f4f5f7; text-align: center; font-size: 16rem; color: #666; line-height: 24rem;}
.safe_cont .safe_box3 .accident_cont .acci_box1 { width: 284rem; position: relative;}
.safe_cont .safe_box3 .accident_cont .acci_box1:after { content: ""; width: 188rem; height: 100%; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); background: url(https://www.hlholdings.co.kr/web/images/sub/accident_graph.png) no-repeat left center;}
.safe_cont .safe_box3 .accident_cont .acci_box1 .tit { background: #022b68;}
.safe_cont .safe_box3 .accident_cont .acci_box1 ul { border: 1rem solid #dadada; border-top: none;}
.safe_cont .safe_box3 .accident_cont .acci_box1 ul li { margin-bottom: 12rem; padding: 20rem 0 18rem;}
.safe_cont .safe_box3 .accident_cont .acci_box1 ul li:last-child { margin-bottom: 0;}
.safe_cont .safe_box3 .accident_cont .acci_box2 { width: 920rem;}
.safe_cont .safe_box3 .accident_cont .acci_box2 > div { margin-bottom: 20rem;}
.safe_cont .safe_box3 .accident_cont .acci_box2 > div:last-child { margin-bottom: 0;}
.safe_cont .safe_box3 .accident_cont .acci_box2 .acci_response1 .tit { background: #00b5ee;}
.safe_cont .safe_box3 .accident_cont .acci_box2 .acci_response2 .tit { background: #a8a9ac;}
.safe_cont .safe_box3 .accident_cont .acci_box2 .response { display: flex; border: 1rem solid #dadada; border-top: none;}
.safe_cont .safe_box3 .accident_cont .acci_box2 ul li { font-size: 15rem; text-align: left;}
.safe_cont .safe_box3 .accident_cont .acci_box2 .response { justify-content: space-between;}
.safe_cont .safe_box3 .accident_cont .acci_box2 .response > li { width: 241rem; display: flex; flex-direction: column; justify-content: center;}
.safe_cont .safe_box3 .accident_cont .acci_box2 .response > li li span { position: relative; padding-left: 15rem; display: block; word-break: keep-all;}
.safe_cont .safe_box3 .accident_cont .acci_box2 .response > li li span:before { content: ""; position: absolute; left: 0; top: -1rem;}
.safe_cont .safe_box4 { padding-bottom: 110rem;}
.safe_cont .safe_box4 h4 { margin-bottom: 35rem;}
.safe_cont .safe_box4 .safe_active { margin-top: 35rem; display: flex; gap: 0 24rem;}
.safe_cont .safe_box4 .safe_active .active_box { width: calc(50% - 12rem); box-sizing: border-box;}
.safe_cont .safe_box4 .safe_active .active_box h6 { font-size: 24rem; line-height: 30rem; font-weight: 500; letter-spacing: -1rem; margin-bottom: 22rem;}
.safe_cont .safe_box4 .safe_active .active_box1 { padding-right: 24rem;}
.safe_cont .safe_box4 .safe_active .active_box1 .category { display: flex; border: 1rem solid #dadada; border-top: none;}
.safe_cont .safe_box4 .safe_active .active_box1 .category .cate_box { width: 50%;}
.safe_cont .safe_box4 .safe_active .active_box1 .category .cate_box .tit { font-size: 18rem; line-height: 28rem; color: #fff; font-weight: 500; letter-spacing: -1rem; padding: 12rem 0; text-align: center;}
.safe_cont .safe_box4 .safe_active .active_box1 .category .cate_box1 .tit { background: #022b68;}
.safe_cont .safe_box4 .safe_active .active_box1 .category .cate_box2 .tit { background: #00b5ee;}
.safe_cont .safe_box4 .safe_active .active_box1 .category .cate_box ul { padding: 18rem 13rem 23rem 18rem; border-left: 1rem solid #dadada; margin-left: -1rem;}
.safe_cont .safe_box4 .safe_active .active_box1 .category .cate_box ul li { font-size: 16rem; line-height: 28rem; color: #666; font-weight: 500; padding-left: 15rem; position: relative; letter-spacing: -1rem;}
.safe_cont .safe_box4 .safe_active .active_box1 .category .cate_box ul li:before { content: ""; position: absolute; left: 0; top: 0;}
.safe_cont .safe_box4 .safe_active .active_box2 ul { display: flex; gap: 0 24rem;}
.safe_cont .safe_box4 .safe_active .active_box2 ul li { width: calc(50% - 12rem);}
.safe_cont .safe_box4 .safe_active .active_box2 ul li img { width: 100%;}
.safe_cont .safe_box4 .safe_active .active_box2 ul li p { font-size: 18rem; line-height: 28rem; font-weight: 500; margin-top: 12rem; word-break: keep-all;}

.eco_cont { padding-top: 85rem;}
.eco_cont .eco_box1 { padding-bottom: 90rem;}
.eco_cont .eco_box1 h4 { margin-bottom: 35rem;}
.eco_cont .eco_box2 { padding-bottom: 93rem;}
.eco_cont .eco_box2 .eco_rule { margin-top: 30rem; gap: 0 24rem; display: flex; flex-wrap: wrap;}
.eco_cont .eco_box2 .eco_rulebox { width: calc(50% - 12rem); border-bottom: 1rem solid #dadada; box-sizing: border-box; padding: 32rem 0 35rem 34rem; display: flex; align-items: flex-start;}
.eco_cont .eco_box2 .eco_rulebox:nth-child(-n+2) { border-top: 1rem solid #000;}
.eco_cont .eco_box2 .eco_rulebox .icobox { width: 121rem; height: 121rem; background: #f6f6f6; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.eco_cont .eco_box2 .eco_rulebox .txtbox { width: calc(100% - 121rem); box-sizing: border-box; padding-left: 40rem;}
.eco_cont .eco_box2 .eco_rulebox .txtbox p { font-size: 24rem; font-weight: bold; line-height: 40rem; margin-bottom: 10rem;}
.eco_cont .eco_box2 .eco_rulebox .txtbox span { font-size: 16rem; line-height: 28rem; color: #666; letter-spacing: -1rem;}
.eco_cont .eco_box2 .eco_rulebox .txtbox li { font-size: 16rem; line-height: 28rem; color: #666; letter-spacing: -1rem; padding-left: 8rem; position: relative;}
.eco_cont .eco_box2 .eco_rulebox .txtbox li:before { content: "-"; position: absolute; left: 0; top: 0;}
.eco_cont .eco_box3 { background: #f6f6f6; padding: 80rem 0 82rem;}
.eco_cont .eco_box3 h4 { margin-bottom: 35rem;}
.eco_cont .eco_box3 ul { display: flex; align-items: flex-start; justify-content: center; margin-top: 55rem;}
.eco_cont .eco_box3 ul li { margin-right: 93rem; text-align: center;}
.eco_cont .eco_box3 ul li:last-child { margin-right: 0;}
.eco_cont .eco_box3 ul li .icobox { width: 256rem; height: 256rem; box-sizing: border-box; border-radius: 50%; background: #fff; border: 8rem solid; padding-top: 155rem; position: relative;}
.eco_cont .eco_box3 ul li.col1 .icobox { border-color: #00b5ee; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/eco_gas_ico1.png) no-repeat center top 60rem; background-size: 61rem;}
.eco_cont .eco_box3 ul li.col2 .icobox { border-color: #022b68; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/eco_gas_ico2.png) no-repeat center top 59rem; background-size: 62rem;}
.eco_cont .eco_box3 ul li.col3 .icobox { border-color: #a8a9ac; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/eco_gas_ico3.png) no-repeat center top 56rem; background-size: 55rem;}
.eco_cont .eco_box3 ul li .icobox:after { content: ""; width: 93rem; height: 1rem; background: #022b68; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); margin-left: 8rem;}
.eco_cont .eco_box3 ul li:last-child .icobox:after { width: 0; height: 0;}
.eco_cont .eco_box3 ul li .icobox p { font-size: 18rem; color: #666; font-weight: 500;}
.eco_cont .eco_box3 ul li .icobox p b { font-size: 28rem; color: #222; font-weight: bold;}
.eco_cont .eco_box3 ul li span { font-size: 16rem; line-height: 26rem; color: #666; display: block; padding-top: 18rem;}

.eco_cont .eco_box3 h6 { padding-top: 100rem;}
.eco_cont .eco_box3 h6 { font-size: 24rem; line-height: 30rem; font-weight: 500; letter-spacing: -1rem; margin-bottom: 32rem;}
.eco_cont .eco_box3 table { width: 100%; table-layout: fixed; border-top: 1rem solid #000;}
.eco_cont .eco_box3 table th { font-size: 17rem; background: #f0f0f0; padding: 24rem 0 25rem; border-bottom: 1rem solid #dadada; border-right: 1rem solid #dadada; font-weight: 500;}
.eco_cont .eco_box3 table th:last-child { border-right: 0;}
.eco_cont .eco_box3 table th em { font-size: 14rem;}
.eco_cont .eco_box3 table td { font-size: 17rem; color: #666; background: #fff; padding: 22rem 0 22rem; border-bottom: 1rem solid #dadada; border-right: 1rem solid #dadada; text-align: center;}
.eco_cont .eco_box3 table td br {display:none;}				  
.eco_cont .eco_box3 table td:last-child { border-right: 0;}
.eco_cont .eco_box3 table td.tar1 { text-align: right; padding-right: 59rem;}
.eco_cont .eco_box3 table td.tar2 { text-align: right; padding-right: 40rem;}
.eco_cont .eco_box3 .sunlight_cont { display: flex; gap: 0 24rem;}
.eco_cont .eco_box3 .sunlight_cont .sunlight_box { width: calc(50% - 12rem);}
.eco_cont .eco_box3 .sunlight_cont .sunlight_box ul { display: flex; gap: 0 24rem;}
.eco_cont .eco_box3 .sunlight_cont .sunlight_box ul li { width: calc(50% - 12rem);}
.eco_cont .eco_box3 .sunlight_cont .sunlight_box ul li img { width: 100%;}
.eco_cont .eco_box3 .sunlight_cont .sunlight_box ul li p { font-size: 18rem; line-height: 28rem; font-weight: 500; margin-top: 5rem;}
.eco_cont .eco_box3 .gas_cont { display: flex; gap: 0 24rem; margin-top: 75rem;}
.eco_cont .eco_box3 .gas_cont .gas_box { width: calc(50% - 12rem);}
.eco_cont .eco_box3 .eco_cont_img .eco_box { width: 100%;}
.eco_cont .eco_box3 .eco_cont_img  { width: 100%; display: flex; gap: 0 24rem;}
.eco_cont .eco_box3 .eco_cont_img .eco_box img { width: 100%;}

.eco_cont .eco_box4 { padding-top: 100rem;}
.eco_cont .eco_box4 h6 { font-size: 24rem; line-height: 30rem; font-weight: 500; letter-spacing: -1rem; margin-bottom: 32rem;}
.eco_cont .eco_box4 table { width: 100%; table-layout: fixed; border-top: 1rem solid #000;}
.eco_cont .eco_box4 table th { font-size: 17rem; background: #f6f6f6; padding: 24rem 0 25rem; border-bottom: 1rem solid #dadada; border-right: 1rem solid #dadada; font-weight: 500;}
.eco_cont .eco_box4 table th:last-child { border-right: 0;}
.eco_cont .eco_box4 table th em { font-size: 14rem;}
.eco_cont .eco_box4 table td { font-size: 17rem; color: #666; padding: 22rem 0 22rem; border-bottom: 1rem solid #dadada; border-right: 1rem solid #dadada; text-align: center;}
.eco_cont .eco_box4 table td br {display:none;}
.eco_cont .eco_box4 table td:last-child { border-right: 0;}
.eco_cont .eco_box4 table td.tar1 { text-align: right; padding-right: 59rem;}
.eco_cont .eco_box4 table td.tar2 { text-align: right; padding-right: 40rem;}
.eco_cont .eco_box4 .sunlight_cont { display: flex; gap: 0 24rem;}
.eco_cont .eco_box4 .sunlight_cont .sunlight_box { width: calc(50% - 12rem);}
.eco_cont .eco_box4 .sunlight_cont .sunlight_box ul { display: flex; gap: 0 24rem;}
.eco_cont .eco_box4 .sunlight_cont .sunlight_box ul li { width: calc(50% - 12rem);}
.eco_cont .eco_box4 .sunlight_cont .sunlight_box ul li img { width: 100%;}
.eco_cont .eco_box4 .sunlight_cont .sunlight_box ul li p { font-size: 18rem; line-height: 28rem; font-weight: 500; margin-top: 5rem;}
.eco_cont .eco_box4 .gas_cont { display: flex; gap: 0 24rem; margin-top: 75rem;}
.eco_cont .eco_box4 .gas_cont .gas_box { width: calc(50% - 12rem);}
.eco_cont .eco_box4 .eco_cont_img .eco_box { width: 100%;}
.eco_cont .eco_box4 .eco_cont_img  { width: 100%; display: flex; gap: 0 24rem;}
.eco_cont .eco_box4 .eco_cont_img .eco_box img { width: 100%;}



.safe_cont .safe_active table { width: 100%; table-layout: fixed; border-top: 1rem solid #000;}
.safe_cont .safe_active table th { font-size: 17rem; background: #f6f6f6; padding: 24rem 0 25rem; border-bottom: 1rem solid #dadada; border-right: 1rem solid #dadada; font-weight: 500;}
.safe_cont .safe_active table th br { display:none;}
.safe_cont .safe_active table th:last-child { border-right: 0;}
.safe_cont .safe_active table th em { font-size: 14rem;}
.safe_cont .safe_active table td { font-size: 17rem; color: #666; padding: 22rem 0 22rem; border-bottom: 1rem solid #dadada; border-right: 1rem solid #dadada; text-align: center; vertical-align: middle;}
.safe_cont .safe_active table td:last-child { border-right: 0;}
.safe_cont .safe_active table td span.sub { vertical-align: super; font-size: small;}

.safe_cont .safe_active .active_box2 h6 { font-size: 24rem; line-height: 30rem; font-weight: 500; letter-spacing: -1rem; margin-bottom: 22rem;}
.safe_cont .safe_active .active_box2 { width: 100%; }
.safe_cont .safe_box4 .btm_tit {padding-top: 15px; line-height: 28rem; margin-bottom: 0;}
.safe_cont .safe_box4 .btm_tit br { display:none;}
.safe_cont .safe_box4 .btm_tit2  { padding-top: 1px;}




.recruit_wrap { padding-top: 65rem; padding-bottom: 233rem;}
.recruit_wrap .talent_box1 h4 { margin-bottom: 20rem;}
.recruit_wrap .talent_box2 { padding-top: 85rem; padding-bottom: 185rem;}
.recruit_wrap .talent_box2 h4 { text-align: center;}
.recruit_wrap .talent_box2 .h4_desc { font-size: 22rem; line-height: 32rem; color: #222; font-weight: 500; text-align: center; margin-top: 15rem;}
.recruit_wrap .talent_box2 .pride_box { display: flex; align-items: flex-start; justify-content: center; margin-top: 55rem;}
.recruit_wrap .talent_box2 .pride_box > li { padding-right: 126rem; text-align: center; position: relative;}
.recruit_wrap .talent_box2 .pride_box > li:last-child { padding-right: 0;}
.recruit_wrap .talent_box2 .pride_box > li .icobox { width: 207rem; height: 207rem; box-sizing: border-box; border-radius: 50%; background: #fff; border: 8rem solid; padding-top: 125rem; text-align: center; margin: 0 auto;}
.recruit_wrap .talent_box2 .pride_box > li.col1 .icobox { border-color: #00b5ee; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/pride_ico1.png) no-repeat center top 44rem; background-size: 57rem;}
.recruit_wrap .talent_box2 .pride_box > li.col2 .icobox { border-color: #a8a9ac; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/pride_ico2.png) no-repeat center top 48rem; background-size: 78rem;}
.recruit_wrap .talent_box2 .pride_box > li.col3 .icobox { border-color: #022b68; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/pride_ico3.png) no-repeat center top 41rem; background-size: 51rem; padding-top: 108rem;}
.recruit_wrap .talent_box2 ul li .icobox:after { content: ""; width: 100%; height: 1rem; background: #022b68; position: absolute; left: 50%; top: 103rem; z-index: -1;}
.recruit_wrap .talent_box2 ul li:last-child .icobox:after { width: 0; height: 0;}
.recruit_wrap .talent_box2 .pride_box > li .icobox span { font-size: 26rem; line-height: 30rem; font-weight: bold; font-family: 'Lato'; text-transform: uppercase;}
.recruit_wrap .talent_box2 .pride_box > li .txtbox { padding-top: 35rem;}
.recruit_wrap .talent_box2 .pride_box > li .txtbox p { font-size: 24rem; font-weight: 500; padding-bottom: 20rem; border-bottom: 1rem solid #000; letter-spacing: -1rem;}
.recruit_wrap .talent_box2 .pride_box > li .txtbox span { font-size: 24rem; line-height: 34rem; display: block; padding: 15rem; text-align: left; font-weight: bold; letter-spacing: -1rem;}
.recruit_wrap .talent_box2 .pride_box > li .txtbox ul { text-align: left; padding-left: 10rem;}
.recruit_wrap .talent_box2 .pride_box > li .txtbox li { font-size: 16rem; line-height: 24rem; color: #666; letter-spacing: -1rem; position: relative; padding-left: 15rem;}
.recruit_wrap .talent_box2 .pride_box > li .txtbox li:before { content: ""; position: absolute; left: 0; top: 0;}
.recruit_wrap .talent_box3 {;}


.recruit_wrap .talent_box3 h4 { margin-bottom: 25rem;}
.recruit_wrap .talent_box3 .philo_box { margin-top: 44rem; background: #f6f6f6; padding: 73rem 124rem 90rem 125rem;}
.recruit_wrap .talent_box3 .philo_box h6 { text-align: center; font-size: 34rem; font-weight: bold;}
.recruit_wrap .talent_box3 .philo_box h6 img { vertical-align: -2rem;}
.recruit_wrap .talent_box3 .philo_box .philo_inner { display: flex; justify-content: space-between; padding-top: 52rem;}
.recruit_wrap .talent_box3 .philo_box .philo_inner ul {;}


.recruit_wrap .talent_box3 .philo_box .philo_inner ul li { display: flex; align-items: center; margin-bottom: 25rem;}
.recruit_wrap .talent_box3 .philo_box .philo_inner ul li:last-child { margin-bottom: 0;}
.recruit_wrap .talent_box3 .philo_box .philo_inner ul li .initial { font-size: 38rem; font-weight: bold; color: #022b68; display: block; width: 76rem; height: 76rem; border-radius: 50%; box-sizing: border-box; background: #fff; border: 5rem solid #022b68; text-align: center; line-height: 63rem; position: relative;}
.recruit_wrap .talent_box3 .philo_box .philo_inner ul li .initial:after { content: ""; width: 1rem; height: 100%; background: #000; position: absolute; left: 50%; top: 100%; transform: translateX(-50%);}
.recruit_wrap .talent_box3 .philo_box .philo_inner ul li:last-child .initial:after { width: 0; height: 0;}
.recruit_wrap .talent_box3 .philo_box .philo_inner ul li .txt { padding-left: 34rem; word-break: keep-all;}
.recruit_wrap .talent_box3 .philo_box .philo_inner ul li .txt p { font-size: 26rem; line-height: 35rem; font-weight: 500; margin-bottom: 10rem;}
.recruit_wrap .talent_box3 .philo_box .philo_inner ul li .txt p b { font-weight: bold;}
.recruit_wrap .talent_box3 .philo_box .philo_inner ul li .txt span { font-size: 18rem; line-height: 30rem; color: #666; font-weight: 500;}
.recruit_wrap .talent_box3 .philo_box .philo_inner ul li .txt b { color: #0045b4;}
.recruit_wrap .talent_box3 .philo_box .philo_inner .imgbox { margin-top: auto; padding-bottom: 49rem; text-align: center;}
.recruit_wrap .talent_box3 .philo_box .philo_inner .imgbox img { width: 524rem; max-width: 100%;}

.job_cont { padding-top: 90rem;}
.job_cont .job_box h5 { font-size: 28rem; font-weight: bold; line-height: 45rem;}
.job_cont .job_box1 { display: flex; align-items: flex-start; justify-content: space-between;}
.job_cont .job_box1 h4 { margin-bottom: 15rem; padding-top: 10rem;}
.job_cont .job_box2 .jop_info { margin-top: 40rem; gap: 0 24rem; display: flex; flex-wrap: wrap;}
.job_cont .job_box2 .jop_infobox { width: calc(50% - 12rem); border-bottom: 1rem solid #dadada; box-sizing: border-box; padding: 25rem 0 25rem 17rem; display: flex; align-items: flex-start;}
.job_cont .job_box2 .jop_infobox:nth-child(-n+2) { border-top: 1rem solid #000;}
.job_cont .job_box2 .jop_infobox .txtbox { box-sizing: border-box; word-break: keep-all;}
.job_cont .job_box2 .jop_infobox .txtbox p { font-size: 22rem; font-weight: bold; line-height: 34rem; margin-bottom: 10rem;}
.job_cont .job_box2 .jop_infobox .txtbox span { font-size: 17rem; line-height: 32rem; color: #666; letter-spacing: -1rem;}
.job_cont .job_box3 { padding-top: 130rem;}
.job_cont .job_box3 .interview_box { width: 100%; min-height: 350rem; background: #f6f6f6 url(https://www.hlholdings.co.kr/web/images/sub/job_box_bg.jpg) no-repeat right bottom; position: relative; box-sizing: border-box; padding: 80rem 684rem 58rem 40rem; display: flex; flex-direction: column; background-size: auto 100%; text-align: right;}
.job_cont .job_box3 .interview_box .name { font-size: 20rem; line-height: 34rem; color: #666; margin-top: 15rem; display: block;}
.job_cont .job_box3 .interview_box .name em { padding: 0 12rem 0 10rem; position: relative;}
.job_cont .job_box3 .interview_box .name em:after { content: ""; width: 1rem; height: 13rem; background: #797979; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.job_cont .job_box3 .interview_box .name em:first-child { padding-left: 0;}
.job_cont .job_box3 .interview_box .name em:last-child { padding-right: 0;}
.job_cont .job_box3 .interview_box .name em:last-child:after { width: 0; height: 0;}
.job_cont .job_box3 .interview_box .title { font-size: 28rem; line-height: 40rem; font-weight: bold; word-break: keep-all;}
.job_cont .job_box3 .interview_box .arrow_btn { margin-top: 28rem; margin-left: auto; height: 40rem; line-height: 40rem; color: #666;}
.job_cont .job_box3 .interview_box .job_img { position: absolute; right: 315rem; bottom: 0;}
.job_cont5 .job_box3 .interview_box .name { margin-bottom: 10rem;}
.job_cont5 .job_box3 .interview_box .title { font-size: 22rem; line-height: 32rem;}
.job_cont5 .job_box3 .interview_box .arrow_btn { margin-top: 21rem;}
.view_top {;}


.recruit_top { height: 390rem; background: #f6f6f6 url(https://www.hlholdings.co.kr/web/images/sub/recruit_view_bg.jpg) no-repeat right bottom; box-sizing: border-box; padding-top: 46rem; margin-top: 70rem;}
.recruit_top .container { height: 100%; position: relative;}
.recruit_top .view_cate { font-size: 20rem; line-height: 32rem; font-weight: bold;}
.recruit_top .view_cate b { color: #0147a2;}
.recruit_top .name { font-size: 20rem; line-height: 34rem; color: #666; margin-bottom: 20rem; display: block; margin-top: 45rem;}
.recruit_top .name em { padding: 0 12rem 0 10rem; position: relative;}
.recruit_top .name em:after { content: ""; width: 1rem; height: 13rem; background: #797979; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.recruit_top .name em:first-child { padding-left: 0;}
.recruit_top .name em:last-child { padding-right: 0;}
.recruit_top .name em:last-child:after { width: 0; height: 0;}
.recruit_top .title { font-size: 34rem; line-height: 48rem; font-weight: bold; padding-left: 21rem; word-break: keep-all; width: 65%;}
.recruit_top .title span { position: relative; display: inline;}
.recruit_top .title span:before { content: '창'; position: absolute; left: -21rem; top: 0;}
.recruit_top .title span:after { content: '창'; position: absolute; right: -20rem; bottom: 0;}
.recruit_top .job_img { position: absolute; right: 146rem; bottom: 0;}
.recruit_top5 .title { font-size: 26rem; line-height: 38rem;}
.recruit_view { padding-bottom: 230rem;}
.recruit_view .job_question { padding: 50rem 0 65rem; border-bottom: 1rem solid #dadada;}
.recruit_view .job_question p { font-size: 22rem; line-height: 36rem; font-weight: 500; letter-spacing: -1rem; word-break: keep-all;}
.recruit_view .job_desc {;}


.recruit_view .job_desc .job_descbox { display: flex; padding-top: 60rem; border-bottom: 1rem solid #dadada; padding-bottom: 70rem;}
.recruit_view .job_desc .job_descbox h3 { width: 354rem; box-sizing: border-box; font-size: 34rem; line-height: 48rem; font-weight: bold; letter-spacing: -1rem;}
.recruit_view .job_desc .job_descbox .job_txtbox { width: calc(100% - 354rem); box-sizing: border-box; word-break: keep-all;}
.recruit_view .job_desc .job_descbox .job_txtbox li { margin-bottom: 50rem;}
.recruit_view .job_desc .job_descbox .job_txtbox li:last-child { margin-bottom: 0;}
.recruit_view .job_desc .job_descbox .job_txtbox h4 { font-size: 28rem; line-height: 42rem; font-weight: 500; letter-spacing: -1rem;}
.recruit_view .job_desc .job_descbox .job_txtbox p { font-size: 17rem; line-height: 30rem; color: #666; margin-top: 15rem; text-align: justify;}
.recruit_view .job_desc .job_descbox .job_txtbox p b { color: #000;}
.recruit_view .list_btn { margin-top: 40rem;}
.info_cont { margin-top: 40rem; gap: 0 24rem; display: flex; flex-wrap: wrap;}
.info_cont .info_box { width: calc(50% - 12rem); border-bottom: 1rem solid #dadada; box-sizing: border-box; padding: 25rem 0 25rem 17rem; display: flex; align-items: flex-start;}
.info_cont .info_box:nth-child(-n+2) { border-top: 1rem solid #000;}
.info_cont .info_box .txtbox { box-sizing: border-box;}
.culture_cont {;}


.culture_cont .culture_toptxt { text-align: center; padding-bottom: 90rem;}
.culture_cont .culture_toptxt h3 {line-height:140%;}


.culture_cont .culture_toptxt p { margin-top: 10rem;}
.culture_cont .culture_box1 { background: #f6f6f6; padding-top: 65rem; padding-bottom: 82rem;}
.culture_cont .culture_box1 h4 {;}


.culture_cont .culture_box1 .h4_desc { margin-top: 15rem;}
.culture_cont .culture_box1 .tablebox { margin-top: 25rem;}
.culture_cont .culture_box1 .tablebox table { width: 100%;}
.culture_cont .culture_box1 .tablebox th { background: #fff;}
.culture_cont .culture_box1 .tablebox .tal { padding-left: 42rem;}
.culture_cont .culture_box1 .tablebox li { padding-left: 15rem; position: relative;}
.culture_cont .culture_box1 .tablebox li:before { content: ""; position: absolute; left: 0; top: 0;}
.culture_cont .culture_box1 .tablebox li li { padding-left: 8rem;}
.culture_cont .culture_box1 .tablebox li li:before { content: "-"; position: absolute; left: 0; top: 0;}
.culture_cont .culture_box1 .flex_txt { display: flex; margin-top: 65rem; gap: 0 24rem;}
.culture_cont .culture_box1 .flex_txt .txtbox { width: calc(50% - 12rem);}
.culture_cont .culture_box1 .flex_txt .txtbox p { font-size: 17rem; line-height: 32rem; color: #666; letter-spacing: -1rem; margin-top: 15rem; word-break: keep-all;}
.culture_cont .culture_box2 { padding-top: 70rem;}
.culture_cont .culture_box2 .h4_desc { margin-top: 20rem;}
.culture_cont .culture_box2 .tablebox { margin-top: 32rem;}
.culture_cont .culture_box2 .tablebox .m_table { display: none;}
.culture_cont .culture_box2 .tablebox .tal { padding-left: 26rem;}
.culture_cont .culture_box2 .tablebox td img { max-width: 100%;}
.culture_cont .culture_box2 .info_cont { align-items: flex-start;}
.culture_cont .culture_box2 .info_box { padding-top: 30rem; padding-bottom: 32rem;}
.culture_cont .culture_box2 .info_box .txtbox p { font-size: 22rem; line-height: 24rem; font-weight: bold; letter-spacing: -1rem; margin-bottom: 7rem;}
.culture_cont .culture_box2 .info_box .txtbox span { font-size: 17rem; line-height: 32rem;}
.culture_cont .culture_box2 .info_box .txtbox ul { margin-bottom: 20rem;}
.culture_cont .culture_box2 .info_box .txtbox ul:last-child { margin-bottom: 0;}
.culture_cont .culture_box2 .info_box .txtbox li { font-size: 17rem; line-height: 32rem; color: #666; position: relative; padding-left: 8rem;}
.culture_cont .culture_box2 .info_box .txtbox li:before { content: "-"; position: absolute; left: 0; top: 0;}
.culture_cont .culture_box3 { background: #f6f6f6; padding-top: 70rem; padding-bottom: 85rem;}
.culture_cont .culture_box3 h4 { margin-bottom: 45rem;}
.culture_cont .culture_box3 .col_box { margin-bottom: 55rem;}
.culture_cont .culture_box3 .col_box:last-child { margin-bottom: 0;}
.culture_cont .culture_box3 .col_box h5 { margin-bottom: 15rem;}
.culture_cont .culture_box3 .col_box .img_list { display: flex; margin-top: 35rem; gap: 0 24rem;}
.culture_cont .culture_box3 .col_box .img_list li { width: calc(50% - 12rem);}
.culture_cont .culture_box3 .col_box .img_list li img { max-width: 100%;}
.culture_cont .culture_box4 { padding-top: 80rem;}
.culture_cont .culture_box4 .welfare_cont { margin-top: 55rem;}
.culture_cont .culture_box4 .welfare_box { display: flex; margin-bottom: 45rem;}
.culture_cont .culture_box4 .welfare_box:last-child { margin-bottom: 0;}
.culture_cont .culture_box4 .welfare_box h5 { width: 354rem; font-size: 28rem; line-height: 30rem; font-weight: 500; letter-spacing: -1rem;}
.culture_cont .culture_box4 .welfare_box h5 em { font-size: 16rem; line-height: 26rem; color: #666; font-weight: normal;}
.culture_cont .culture_box4 .welfare_box .descbox { width: calc(100% - 354rem);}
.culture_cont .culture_box4 .welfare_box .descbox ul { display: flex; gap: 24rem; flex-wrap: wrap;}
.culture_cont .culture_box4 .welfare_box .descbox ul li { width: calc(50% - 16rem); box-sizing: border-box; border: 1rem solid #dadada; display: flex; padding: 31rem 0 32rem; word-break: keep-all;}
.culture_cont .culture_box4 .welfare_box .descbox .icobox { width: 105rem; text-align: center;}
.culture_cont .culture_box4 .welfare_box .descbox .icobox img {;}


.culture_cont .culture_box4 .welfare_box .descbox .txtbox { width: calc(100% - 105rem); padding-right: 20rem; box-sizing: border-box;}
.culture_cont .culture_box4 .welfare_box .descbox .txtbox p { font-size: 20rem; line-height: 28rem; font-weight: bold; letter-spacing: -1rem; margin-bottom: 10rem;}
.culture_cont .culture_box4 .welfare_box .descbox .txtbox span { font-size: 16rem; line-height: 26rem; color: #666; letter-spacing: -1rem;}
.culture_cont .culture_box5 { background: #f6f6f6; padding-top: 60rem; padding-bottom: 95rem;}
.culture_cont .culture_box5 .col_box { margin-bottom: 70rem;}
.culture_cont .culture_box5 .col_box:last-child { margin-bottom: 0;}
.culture_cont .culture_box5 .col_box h4 { margin-bottom: 28rem;}
.culture_cont .culture_box5 .col_box h5 { font-size: 24rem; line-height: 30rem; font-weight: 500; margin-bottom: 10rem;}
.culture_cont .culture_box5 .col_box1 p { margin-bottom: 25rem;}
.culture_cont .culture_box5 .col_box1 p:last-child { margin-bottom: 0;}
.culture_cont .culture_box5 .tablebox { margin-top: 25rem;}
.culture_cont .culture_box5 .tablebox th { background: #fff;}
.culture_cont .culture_box5 .tablebox .tac { text-align: center; padding-left: 0;}
.culture_cont .culture_box5 .tablebox td { text-align: left; padding-left: 35rem;}
.culture_cont .culture_box6 { padding-top: 85rem;}
.culture_cont .culture_box6 h4 { margin-bottom: 15rem;}
.culture_cont .culture_box6 .edu_box { margin-top: 35rem;}
.culture_cont .culture_box6 .edu_box ul { display: flex; justify-content: flex-end; gap: 0 6rem; margin-bottom: 16rem;}
.culture_cont .culture_box6 .edu_box ul li { width: 145rem; height: 35rem; box-sizing: border-box; border: 1rem solid #c7c7c7; font-size: 16rem; line-height: 33rem; text-align: center; font-weight: 500; color: #666;}
.culture_cont .culture_box6 .edu_box ul li.box1 { border-color: #022b68; color: #022b68;}
.culture_cont .culture_box6 .edu_box ul li.box2 { border-color: #0147a2; color: #0147a2;}
.culture_cont .culture_box6 .edu_box img { max-width: 100%;}
.culture_cont .culture_box6 .edu_box .img_noti { font-size: 14rem; color: #666; margin-top: 20rem; display: block;}
.culture_cont .culture_box6 .btn_wrap { text-align: right; margin-top: 10rem;}
.culture_cont .culture_box6 .short_btn { width: 216rem; height: 40rem; line-height: 39rem; color: #666;}
.culture_cont .culture_box6 .short_btn img { padding-left: 12rem;}
.recruit_wrap .procedure_box {;}


.recruit_wrap .procedure_box1 h4 { margin-bottom: 15rem;}
.recruit_wrap .procedure_box1 ul { margin-top: 40rem; display: flex; justify-content: center; background-color: #f5f5f5;    padding: 60rem 0 60rem;}
.recruit_wrap .procedure_box1 ul li { text-align: center; margin-right: 70rem; word-break: keep-all;}
.recruit_wrap .procedure_box1 ul li:last-child { margin-right: 0;}
.recruit_wrap .procedure_box1 ul li .icobox { width: 225rem; height: 225rem; box-sizing: border-box; border: 8rem solid; border-radius: 50%; padding-top: 100rem; position: relative; margin: 0 auto;}
.recruit_wrap .procedure_box1 ul li .icobox:after { content: ""; width: 146rem; height: 1rem; background: #000; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); margin-left: 8rem;}
.recruit_wrap .procedure_box1 ul li:last-child .icobox:after { width: 0; height: 0;}
.recruit_wrap .procedure_box1 ul li.col1 .icobox { border-color: #a8a9ac; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/recruit_ico1.png) no-repeat center 36rem; background-size: 41rem;}
.recruit_wrap .procedure_box1 ul li.col2 .icobox { border-color: #00b5ee; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/recruit_ico2.png) no-repeat center 40rem; background-size: 63rem;}
.recruit_wrap .procedure_box1 ul li.col3 .icobox { border-color: #022b68; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/recruit_ico3.png) no-repeat center 40rem; background-size: 58rem;}
.recruit_wrap .procedure_box1 ul li .icobox p { font-size: 16rem; line-height: 140%; font-weight: bold;}
.recruit_wrap .procedure_box1 ul li .icobox p em { font-size: 22rem; display: block; margin-bottom:10px;}
.recruit_wrap .procedure_box1 ul li .txtbox { font-size: 16rem; line-height: 26rem; color: #666; letter-spacing: -1rem; margin-top: 20rem;}
.recruit_wrap .procedure_box h5 {;}


.recruit_wrap .procedure_box .process_list { margin-top: 30rem; background: #f6f6f6; padding: 45rem 85rem 38rem;}
.recruit_wrap .procedure_box .process_list ul { display: flex; align-items: flex-start; justify-content: space-between; position: relative; z-index: 1;}
.recruit_wrap .procedure_box .process_list ul:before { content: ""; width: 95%; height: 1rem; background: #dadada; position: absolute; left: 50%; top: 9rem; transform: translateX(-50%); z-index: -1;}
.recruit_wrap .procedure_box .process_list li { text-align: center;}
.recruit_wrap .procedure_box .process_list li em { display: block; width: 18rem; height: 18rem; box-sizing: border-box; border: 3rem solid; border-radius: 50%; margin: 0 auto; background: #fff;}
.recruit_wrap .procedure_box .process_list li p { margin-top: 15rem; font-size: 20rem; line-height: 30rem; font-weight: bold;}
.recruit_wrap .procedure_box .process_list li.back p { color: #b3b3b3;}
.recruit_wrap .procedure_box .process_list li p span { font-size: 16rem; display: block; font-weight: normal;}
.recruit_wrap .procedure_box2 { padding-top: 105rem;}
.recruit_wrap .procedure_box2 .process_list li em { border-color: #00b5ee;}
.recruit_wrap .procedure_box3 { padding-top: 92rem;}
.recruit_wrap .procedure_box3 .process_list li em { border-color: #022b68;}
.service_wrap { padding-top: 70rem;}
.service_wrap .mobility_intro { margin-top: 36rem; padding-bottom: 223rem;}

.service_wrap .mobility_intro .intro_box { display: flex; box-sizing: border-box; height: 450rem; border: 1rem solid #dadada; width: 100%; margin-bottom: 30rem;}
.service_wrap .mobility_intro .intro_box:last-child { margin-bottom: 0;}
.service_wrap .mobility_intro .intro_box .imgbox { width: 59%; height: 100%; position: relative;}
.service_wrap .mobility_intro .intro_box .imgbox span { display: block; width: 100%; height: 100%; background-size: cover; background-position: center center;}
.service_wrap .mobility_intro .intro_box .imgbox span.m_img { display: none;}
.service_wrap .mobility_intro .intro_box .imgbox:after { content: ""; width: 31%; height: 100%; background: url(https://www.hlholdings.co.kr/web/images/sub/m_w.png); background-size: 100% 100%; position: absolute; right: 0; bottom: 0;}
.service_wrap .mobility_intro .intro_box .txtbox { width: 41%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
.service_wrap .mobility_intro .intro_box .txtbox h4 { margin-bottom: 15rem;}
.service_wrap .mobility_intro .intro_box .txtbox p { font-size: 16rem ; line-height: 30rem; color: #666; letter-spacing: -1rem;}
.service_wrap .mobility_intro .intro_box .txtbox .arrow_btn_11 { margin-top: 27rem;}
.service_wrap .mobility_intro .intro_box.right .txtbox { padding-left: 116rem;}
.service_wrap .mobility_intro .intro_box.right .imgbox { background-position: left top;}
.service_wrap .mobility_intro .intro_box.right .imgbox:after { background: url(https://www.hlholdings.co.kr/web/images/sub/m_w2.png); background-size: 100% 100%; right: auto; left: 0;}




.mobility_wrap {;}
.mobility_wrap .mobil_box {;}
.mobility_wrap .mobil_box1 {;}


.mobility_wrap .mobil_box1 .h4_desc { margin-top: 25rem; text-align: center;}
.mobility_wrap .mobil_box1 .part_wrap { padding-top: 90rem; padding-bottom: 120rem;}
.mobility_wrap .mobil_box1 .part_wrap .part_car_img { display: none;}
.mobility_wrap .mobil_box1 .part_wrap .part_car_img img { display: none;}
.mobility_wrap .mobil_box1 .part_wrap .part_car { width: 100%; height: 531rem; background: url(https://www.hlholdings.co.kr/web/images/sub/mobile_car1.png) no-repeat center center; position: relative; margin-top: 40rem;}
.mobility_wrap .mobil_box1 .part_wrap .part_box { position: absolute;}
.mobility_wrap .mobil_box1 .part_wrap .part_box.left { left: 0;}
.mobility_wrap .mobil_box1 .part_wrap .part_box.right { right: 0;}
.mobility_wrap .mobil_box1 .part_wrap .part_box1 { top: 0;}
.mobility_wrap .mobil_box1 .part_wrap .part_box2 { top: 0;}
.mobility_wrap .mobil_box1 .part_wrap .part_box3 { top: 50%; transform: translateY(-50%); margin-top: -1rem;}
.mobility_wrap .mobil_box1 .part_wrap .part_box4 { top: 50%; transform: translateY(-50%); margin-top: -1rem;}
.mobility_wrap .mobil_box1 .part_wrap .part_box5 { bottom: 0;}
.mobility_wrap .mobil_box1 .part_wrap .part_box6 { bottom: 0;}
.mobility_wrap .mobil_box1 .part_wrap .part_box p { background: #022b68; font-size: 16rem; color: #fff; font-weight: 500; padding: 11rem 0 12rem 17rem; position: relative;}
.mobility_wrap .mobil_box1 .part_wrap .part_box p:after { content: ""; width: 14rem; height: 14rem; background: #00b4ed; border-radius: 50%; box-sizing: border-box; border: 3rem solid #fff; position: absolute; top: 50%; transform: translateY(-50%);}
.mobility_wrap .mobil_box1 .part_wrap .part_box.left p:after { right: -7rem;}
.mobility_wrap .mobil_box1 .part_wrap .part_box.right p:after { left: -7rem;}
.mobility_wrap .mobil_box1 .part_wrap .part_box ul { display: flex; border: 1rem solid #dadada;}
.mobility_wrap .mobil_box1 .part_wrap .part_box ul li { width: 115rem; min-height: 103rem; box-sizing: border-box; text-align: center; background: #fff; border-right: 1rem solid #dadada; display: flex; align-items: center; justify-content: center; padding: 6rem 12rem 10rem;}
.mobility_wrap .mobil_box1 .part_wrap .part_box4 ul li { width: 345rem;}
.mobility_wrap .mobil_box1 .part_wrap .part_box ul li:last-child { border-right: 0;}
.mobility_wrap .mobil_box2 { background: #f6f6f6; padding-top: 98rem; padding-bottom: 184rem;}
.mobility_wrap .mobil_box2 .net_box { margin-top: 55rem; display: flex; margin-bottom: 88rem;}
.mobility_wrap .mobil_box2 .net_box .net_map { padding-left: 94rem; width: 700rem; box-sizing: border-box; padding-top: 24rem;}
.mobility_wrap .mobil_box2 .net_box .net_map .imgbox { text-align: right;}
.mobility_wrap .mobil_box2 .net_box .net_map .imgbox img { display: none;}
.mobility_wrap .mobil_box2 .net_box .net_map .imgbox .w_img { display: inline;}
.mobility_wrap .mobil_box2 .net_box .net_map .arrow_btn_13 { background: #fff; margin-top: 3rem; margin-left: 50%;}
.mobility_wrap .mobil_box2 .net_box .net_txt { width: calc(100% - 700rem); padding-left: 9rem; box-sizing: border-box;}
.mobility_wrap .mobil_box2 .net_box ul { width: 100%;}
.mobility_wrap .mobil_box2 .net_box ul li { margin-bottom: 40rem;}
.mobility_wrap .mobil_box2 .net_box ul li:last-child { margin-bottom: 0;}
.mobility_wrap .mobil_box2 .net_box ul li p { font-size: 24rem; line-height: 28rem; font-weight: 500;}
.mobility_wrap .mobil_box2 .net_box ul li span { font-size: 16rem; line-height: 26rem; color: #555; letter-spacing: -1rem; display: block; margin-top: 5rem;}
.mobility_wrap .mobil_box2 .net_box ul li.imgbox { display: flex; gap: 0 24rem;}
.mobility_wrap .mobil_box2 .net_box ul li.imgbox img { width: calc(50% - 12rem);}
.mobility_wrap .mobil_box2 .net_box .net_txt .arrow_btn_13 { background: #fff; margin-top: 35rem; display: none;}
.mobility_wrap2 .mobil_box1 .h4_desc { margin-top: 25rem; text-align: center;}
.mobility_wrap2 .mobil_box2 { padding-top: 63rem; padding-bottom: 93rem;}
.mobility_wrap2 .mobil_box2 .logo_box { margin-top: 22rem; background: #f6f6f6; margin-bottom: 62rem; text-align: center; padding: 77rem 0 75rem;}
.mobility_wrap2 .mobil_box2 .logo_box p { font-size: 24rem; line-height: 26rem; color: #666; letter-spacing: -1rem; margin-top: 15rem;}
.mobility_wrap2 .mobil_box2 .logo_box p b { color: #222; font-weight: bold;}
.mobility_wrap2 .mobil_box2 .part_list { display: flex; gap: 0 24rem; margin-top: 22rem;}
.mobility_wrap2 .mobil_box2 .part_list .part_box { width: calc(33.333% - 16rem); box-sizing: border-box; border: 1rem solid #dadada;}
.mobility_wrap2 .mobil_box2 .part_list .part_box .imgbox { height: 180rem; background: #f6f6f6; box-sizing: border-box; text-align: center; display: flex; align-items: center; justify-content: center; padding-left: 25rem; padding-right: 20rem;}
.mobility_wrap2 .mobil_box2 .part_list .part_box .imgbox img { max-width: 100%;}
.mobility_wrap2 .mobil_box2 .part_list .part_box .txtbox { padding: 25rem 36rem 28rem;}
.mobility_wrap2 .mobil_box2 .part_list .part_box .txtbox p { font-size: 22rem; line-height: 28rem; font-weight: 500;}
.mobility_wrap2 .mobil_box2 .part_list .part_box .txtbox span { font-size: 16rem ; line-height: 26rem; color: #555;}
.mobility_wrap2 .mobil_box3 { background: #f6f6f6; padding-top: 96rem; padding-bottom: 100rem;}
.mobility_wrap2 .mobil_box3 h4 { margin-bottom: 15rem;}
.mobility_wrap2 .mobil_box3 .brand_box {;}


.mobility_wrap2 .mobil_box3 .brand_box h5 { font-size: 24rem; line-height: 28rem; font-weight: bold; color: #0147a2;}
.mobility_wrap2 .mobil_box3 .brand_box1 { margin-top: 50rem;}
.mobility_wrap2 .mobil_box3 .brand_box1 ul { margin-top: 25rem; display: flex; flex-wrap: wrap; gap: 20rem 24rem;}
.mobility_wrap2 .mobil_box3 .brand_box1 ul li { display: flex; align-items: center; background: #fff; padding: 20rem 0 18rem; width: calc(50% - 12rem);}
.mobility_wrap2 .mobil_box3 .brand_box1 ul li p { width: 117rem; text-align: center; position: relative; font-size: 17rem; color: #555;}
.mobility_wrap2 .mobil_box3 .brand_box1 ul li p:after { content: ""; width: 1rem; height: 100%; background: #dadada; position: absolute; right: 0; top: 0;}
.mobility_wrap2 .mobil_box3 .brand_box1 ul li p img { display: block; margin: 0 auto 10rem;}
.mobility_wrap2 .mobil_box3 .brand_box1 ul li span { display: block; width: calc(100% - 117rem); text-align: center; box-sizing: border-box; padding-left: 24rem; padding-right: 22rem;}
.mobility_wrap2 .mobil_box3 .brand_box1 ul li span img { max-width: 100%;}
.mobility_wrap2 .mobil_box3 .brand_box2 { margin-top: 30rem;}
.mobility_wrap2 .mobil_box3 .brand_box2 .imgbox { margin-top: 22rem; background: #fff; padding: 36rem 0 42rem; text-align: center;}
.mobility_wrap2 .mobil_box3 .brand_box2 .imgbox img { max-width: 100%; display: none;}
.mobility_wrap2 .mobil_box3 .brand_box2 .imgbox .w_img { display: inline;}
.mobility_wrap2 .mobil_box4 { padding-top: 115rem; padding-bottom: 552rem; position: relative;}
.mobility_wrap2 .mobil_box4 ul { margin-top: 35rem;}
.mobility_wrap2 .mobil_box4 ul li { font-size: 18rem; line-height: 34rem; color: #555;}
.mobility_wrap2 .mobil_box4 img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 100%;}
.mobility_wrap2 .mobil_box5 { background: #f6f6f6; padding-top: 82rem; padding-bottom: 226rem;}
.mobility_wrap2 .mobil_box5 .net_box { margin-top: 28rem; display: flex; margin-bottom: 46rem;}
.mobility_wrap2 .mobil_box5 .net_box .net_map { width: 700rem; box-sizing: border-box;}
.mobility_wrap2 .mobil_box5 .net_box .net_map .imgbox { text-align: center;}
.mobility_wrap2 .mobil_box5 .net_box .net_txt { width: calc(100% - 700rem); padding-left: 9rem; box-sizing: border-box;}
.mobility_wrap2 .mobil_box5 .net_box ul { width: 100%;}
.mobility_wrap2 .mobil_box5 .net_box ul li { margin-bottom: 40rem;}
.mobility_wrap2 .mobil_box5 .net_box ul li:last-child { margin-bottom: 0;}
.mobility_wrap2 .mobil_box5 .net_box ul li p { font-size: 24rem; line-height: 28rem; font-weight: 500;}
.mobility_wrap2 .mobil_box5 .net_box ul li span { font-size: 16rem; line-height: 26rem; color: #555; letter-spacing: -1rem; display: block; margin-top: 5rem;}
.mobility_wrap2 .mobil_box5 .net_box ul li.imgbox { display: flex; gap: 0 24rem;}
.mobility_wrap2 .mobil_box5 .net_box ul li.imgbox img { width: 100%;}
.mobility_wrap2 .mobil_box5 .net_box .net_map .arrow_btn_13 { background: #fff; margin-top: 3rem; margin-left: 50%;}
.mobility_wrap2 .mobil_box5 .net_box .net_txt .arrow_btn_13 { background: #fff; margin-top: 35rem; display: none;}
.mobility_wrap3 .mobil_box1 .h4_desc { margin-top: 25rem; text-align: center;}
.mobility_wrap3 .mobil_box2 { padding-top: 125rem; padding-bottom: 128rem;}
.mobility_wrap3 .mobil_box2 .part_wrap { margin-top: 36rem;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_car_img { display: none; text-align: center; margin-top: 50rem; position: relative;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_car_img img { display: none; max-width: 100%;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_car_img .img_btn { position: absolute; right: 0; bottom: 0; width: 71rem;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_car { width: 100%; height: 610rem; background: url(https://www.hlholdings.co.kr/web/images/sub/mobile_car2.png) no-repeat center top; position: relative; margin-top: 40rem;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box { position: absolute;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box.left { left: 0;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box.right { right: 0;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box.center { left: 50%; transform: translateX(-50%);}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box1 { top: 0;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box2 { top: 0;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box3 { top: 194rem;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box4 { top: 194rem;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box5 { top: 388rem;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box6 { top: 388rem;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box7 { bottom: 0;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box p { background: #022b68; font-size: 16rem; color: #fff; font-weight: 500; padding: 11rem 0 12rem 17rem; position: relative;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box p:after { content: ""; width: 14rem; height: 14rem; background: #00b4ed; border-radius: 50%; box-sizing: border-box; border: 3rem solid #fff; position: absolute; top: 50%; transform: translateY(-50%);}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box.center p:after { width: 0; height: 0;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box.left p:after { right: -7rem;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box.right p:after { left: -7rem;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box ul { display: flex; border: 1rem solid #dadada;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box ul li { width: 115rem; min-height: 103rem; box-sizing: border-box; text-align: center; background: #fff; border-right: 1rem solid #dadada; display: flex; align-items: center; justify-content: center; padding: 6rem 12rem 10rem;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box4 ul li { width: 345rem;}
.mobility_wrap3 .mobil_box2 .part_wrap .part_box ul li:last-child { border-right: 0;}
.mobility_wrap3 .mobil_box3 { padding-top: 97rem; background: #edeff2; padding-bottom: 77rem;}
.mobility_wrap3 .mobil_box3 h4 { margin-bottom: 20rem;}
.mobility_wrap3 .mobil_box3 .g_mapbox { margin-top: 50rem; position: relative;}
.mobility_wrap3 .mobil_box3 .g_mapbox img { max-width: 100%;}
.mobility_wrap3 .mobil_box3 .g_mapbox > img { display: none;}
.mobility_wrap3 .mobil_box3 .g_mapbox .w_img { display: block;}
.mobility_wrap3 .mobil_box3 .g_mapbox .img_btn { position: absolute; right: 0; bottom: 115rem; display: none;}
.mobility_wrap3 .mobil_box3 .g_mapbox .img_btn img { width: 71rem;}
.mobility_wrap3 .mobil_box3 .g_mapbox .arrow_btn_13 { position: absolute; right: 0; bottom: 0; background: #fff;}
.mobility_wrap3 .mobil_box4 { padding-top: 35rem;}
.mobility_wrap3 .mobil_box4 .group_cont { display: flex; gap: 0 24rem; margin-top: 30rem; width: 100%;}
.mobility_wrap3 .mobil_box4 .group_cont .group_box { width: calc(50% - 12rem);}
.mobility_wrap3 .mobil_box4 .group_cont h5 { font-size: 24rem; font-weight: 500;}
.mobility_wrap3 .mobil_box4 .group_cont ul { display: flex; justify-content: space-around; align-items: center; border: 1rem solid #dadada; height: 82rem; box-sizing: border-box; margin-top: 20rem;}
.mobility_wrap3 .mobil_box5 { padding-top: 110rem; padding-bottom: 210rem;}
.mobility_wrap3 .mobil_box5 .channel_cont { display: flex; gap: 0 24rem; margin-top: 30rem; padding-bottom: 125rem;}
.mobility_wrap3 .mobil_box5 .channel_box { width: calc(50% - 12rem);}
.mobility_wrap3 .mobil_box5 .channel_box .imgbox { width: 100%; background: #f6f6f6; text-align: center;}
.mobility_wrap3 .mobil_box5 .channel_box .imgbox img { max-width: 100%;}
.mobility_wrap3 .mobil_box5 .channel_box .txtbox { padding-top: 25rem;}
.mobility_wrap3 .mobil_box5 .channel_box .txtbox h5 { font-size: 24rem; line-height: 42rem; font-weight: 500;}
.mobility_wrap3 .mobil_box5 .channel_box .txtbox p { font-size: 16rem; line-height: 30rem; color: #666;}
.mobility_wrap3 .mobil_box5 .channel_box .txtbox .btn_wrap { display: flex; align-items: center; margin-top: 20rem;}
.mobility_wrap3 .mobil_box5 .channel_box .txtbox .btn_wrap a { margin-right: 7rem;}
.mobility_wrap3 .mobil_box5 .channel_box .txtbox .btn_wrap a:last-child { margin-right: 0;}
.mobility_wrap3 .mobil_box5 .channel_box .txtbox .btn_wrap .app_btn { display: block; width: 149rem; height: 45rem; box-sizing: border-box; border: 1rem solid #dadada; text-align: center; line-height: 40rem;}
.mobility_wrap3 .mobil_box5 .channel_box .txtbox .btn_wrap .app_btn img { width: 115rem;}
.mobility_wrap3 .mobil_box5 .channel_box .txtbox .btn_wrap .short_btn { width: 246rem; font-size: 15rem; color: #666; letter-spacing: -1rem;}
.mobility_wrap3 .mobil_box5 .channel_box .txtbox .btn_wrap .short_btn.north-btn { width: 333rem;}
.mobility_wrap3 .mobil_box5 .channel_box .txtbox .sns_btn { display: flex; margin-left: auto; margin-top: 22rem;}
.mobility_wrap3 .mobil_box5 .channel_box .txtbox .sns_btn li { margin-right: 14rem;}
.mobility_wrap3 .mobil_box5 .channel_box .txtbox .sns_btn li:last-child { margin-right: 0;}
.mobility_wrap3 .mobil_box5 .channel_box .txtbox .sns_btn li img { width: 49rem;}
.mobility_wrap3 .mobil_box5 .channel_box2 .txtbox .btn_wrap { margin-top: 35rem; flex-wrap: wrap; gap: 10rem 0;}
.mobility_wrap5 { padding-bottom: 165rem;}
.mobility_wrap5 .sub_tab { margin-top: 40rem;}
.mobility_wrap5 .supply_contwrap { padding-top: 80rem;}
.mobility_wrap5 .supply_cont {;}


.mobility_wrap5 .supply_cont .supply_box1 .h4_desc { margin-top: 20rem; display: flex; align-items: center; justify-content: space-between;}
.mobility_wrap5 .supply_cont .supply_box1 .h4_desc .short_btn { width: 210rem; letter-spacing: -1rem;}
.mobility_wrap5 .supply_cont .supply_box1 .supply_list { margin-top: 35rem;}
.mobility_wrap5 .supply_cont .supply_box1 .supply_list ul { display: flex; gap: 26rem 24rem; flex-wrap: wrap;}
.mobility_wrap5 .supply_cont .supply_box1 .supply_list li { width: calc(33.333% - 16rem); box-sizing: border-box; border: 1rem solid #dadada;}
.mobility_wrap5 .supply_cont .supply_box1 .supply_list li .imgbox img { max-width: 100%;}
.mobility_wrap5 .supply_cont .supply_box1 .supply_list li .txtbox { font-size: 22rem; line-height: 28rem; font-weight: 500; padding: 22rem 35rem 26rem;}
.mobility_wrap5 .supply_cont .supply_box2 { padding-top: 172rem;}
.mobility_wrap5 .supply_cont .supply_box2 .h4_desc { margin-top: 20rem; display: flex; align-items: center; justify-content: space-between;}
.mobility_wrap5 .supply_cont .supply_box2 .h4_desc .arrow_btn_13 { width: 137rem;}
.mobility_wrap5 .supply_cont .supply_box2 .supply_network { margin-top: 35rem; text-align: center; position: relative; background: #edeff2; padding: 62rem 0 40rem; margin-bottom: 61rem;}
.mobility_wrap5 .supply_cont .supply_box2 .supply_network .symbol { position: absolute; background: #fff; top: 57rem; left: 60rem; text-align: left; padding: 30rem 37rem 30rem 40rem;}
.mobility_wrap5 .supply_cont .supply_box2 .supply_network .symbol li { font-size: 15rem; line-height: 32rem; color: #555;}
.mobility_wrap5 .supply_cont .supply_box2 .supply_network .symbol li img { padding-right: 6rem; vertical-align: -1rem; width: 13rem;}
.mobility_wrap5 .supply_cont .supply_box1 .tuning_list { margin-top: 50rem; display: flex; flex-wrap: wrap; gap: 0 70rem;}
.mobility_wrap5 .supply_cont .supply_box1 .tuning_list .tuning_box { width: calc(50% - 35rem);}
.mobility_wrap5 .supply_cont .supply_box1 .tuning_list .tuning_box h5 { font-size: 28rem; line-height: 30rem; font-weight: bold;}
.mobility_wrap5 .supply_cont .supply_box1 .tuning_list .tuning_box ul { display: flex; flex-wrap: wrap; gap: 20rem; margin-top: 20rem;}
.mobility_wrap5 .supply_cont .supply_box1 .tuning_list .tuning_box li { width: calc(50% - 12rem); box-sizing: border-box; border: 1rem solid #dadada;}
.mobility_wrap5 .supply_cont .supply_box1 .tuning_list .tuning_box li .imgbox {;}


.mobility_wrap5 .supply_cont .supply_box1 .tuning_list .tuning_box li .imgbox img { max-width: 100%;}
.mobility_wrap5 .supply_cont .supply_box1 .tuning_list .tuning_box li .txtbox { font-size: 22rem; line-height: 28rem; font-weight: 500; padding: 22rem 25rem 22rem;}
.mobility_wrap5 .supply_cont2 .supply_box1 { padding-bottom: 59rem;}
.inquiry_box { background: #fff; padding: 22rem;}
.inquiry_box.b_box { background: #f4f7fc;}
.inquiry_box p { font-size: 16rem; line-height: 26rem;}
.inquiry_box p b { font-weight: 500; padding-right: 22rem;}
.inquiry_box p span { color: #666;}
.inquiry_box p span img { padding-right: 10rem; vertical-align: -3rem; width: 21rem;}
.logistics_wrap { padding-bottom: 235rem;}
.logistics_wrap .sub_tab { margin-top: 40rem;}
.logistics_wrap > h4 { padding-top: 80rem;}
.logistics_wrap > .h4_desc { margin-top: 15rem;}
.logistics_wrap > .inner_tab { margin-top: 45rem;}
.logistics_wrap .inquiry_box { margin-top: 59rem;}
.logistics_wrap .logi_cont { padding-top: 65rem;}
.logistics_wrap .logi_cont .sbox_tit { font-size: 30rem; font-weight: bold;}
.logistics_wrap .logi_cont .h4_desc { margin-top: 15rem;}
.logistics_wrap .logi_cont1 .logi_intro { display: flex; flex-wrap: wrap; margin-top: 35rem;}
.logistics_wrap .logi_cont1 .logi_intro .imgbox { width: 448rem;}
.logistics_wrap .logi_cont1 .logi_intro .imgbox img { max-width: 100%;}
.logistics_wrap .logi_cont1 .logi_intro .txtbox { width: calc(100% - 448rem); padding-left: 66rem; box-sizing: border-box; padding-top: 6rem; word-break: keep-all;}
.logistics_wrap .logi_cont1 .logi_intro .txtbox li { margin-bottom: 50rem;}
.logistics_wrap .logi_cont1 .logi_intro .txtbox li:last-child { margin-bottom: 0;}
.logistics_wrap .logi_cont1 .logi_intro .txtbox li p { font-size: 22rem; line-height: 28rem; font-weight: 500;}
.logistics_wrap .logi_cont1 .logi_intro .txtbox li span { font-size: 16rem; line-height: 26rem; color: #555; display: block; margin-top: 12rem;}
.logistics_wrap .logi_cont1 .logi_intro .desc_box { width: 100%; text-align: center; background: #f6f6f6; padding: 40rem 0 63rem; margin-top: 29rem; position: relative; padding-left: 20rem; padding-right: 20rem;}
.logistics_wrap .logi_cont1 .logi_intro .desc_box img { max-width: 100%;}
.logistics_wrap .logi_cont2 .logi_intro .desc_box .w_img { display: inline;}
.logistics_wrap .logi_cont1 .logi_intro .desc_box .t_img { display: none;}
.logistics_wrap .logi_cont3 {;}


.logistics_wrap .logi_cont3 .logi_intro { margin-top: 35rem;}
.logistics_wrap .logi_cont3 .intro_box { margin-bottom: 45rem;}
.logistics_wrap .logi_cont3 .intro_box:last-child { margin-bottom: 0;}
.logistics_wrap .logi_cont3 .intro_box h6 { font-size: 26rem; line-height: 28rem; font-weight: 500;}
.logistics_wrap .logi_cont3 .intro_box .intro_desc { display: flex; flex-wrap: wrap; border: 1rem solid #dadada; margin-top: 20rem;}
.logistics_wrap .logi_cont3 .intro_box .intro_desc .imgbox { width: 448rem;}
.logistics_wrap .logi_cont3 .intro_box .intro_desc .imgbox img { max-width: 100%;}
.logistics_wrap .logi_cont3 .intro_box .intro_desc .txtbox { width: calc(100% - 448rem); padding-left: 66rem; box-sizing: border-box; display: flex; align-items: center;}
.logistics_wrap .logi_cont3 .intro_box .intro_desc .txtbox li { margin-bottom: 22rem;}
.logistics_wrap .logi_cont3 .intro_box .intro_desc .txtbox li:last-child { margin-bottom: 0;}
.logistics_wrap .logi_cont3 .intro_box .intro_desc .txtbox li p { font-size: 22rem; line-height: 28rem; font-weight: 500;}
.logistics_wrap .logi_cont3 .intro_box .intro_desc .txtbox li span { font-size: 16rem; line-height: 26rem; color: #555; display: block; margin-top: 12rem;}
.logistics_wrap2 .logi_intro { display: flex; flex-wrap: wrap; margin-top: 35rem;}
.logistics_wrap2 .logi_intro .imgbox { width: 448rem;}
.logistics_wrap2 .logi_intro .imgbox img { max-width: 100%;}
.logistics_wrap2 .logi_intro .txtbox { width: calc(100% - 448rem); padding-left: 66rem; box-sizing: border-box; word-break: keep-all;}
.logistics_wrap2 .logi_intro .txtbox li { margin-bottom: 30rem; font-size: 17rem; line-height: 32rem; color: #555;}
.logistics_wrap2 .logi_intro .txtbox li em { display: block; font-size: 14rem;}
.logistics_wrap2 .logi_intro .txtbox li:last-child { margin-bottom: 0;}
.logistics_wrap2 .logi_intro .txtbox li p { font-size: 22rem; line-height: 28rem; font-weight: 500;}
.logistics_wrap2 .logi_intro .txtbox li span { font-size: 16rem; line-height: 26rem; color: #555; display: block; margin-top: 5rem;}
.logistics_wrap2 .logi_intro .desc_box { width: 100%; text-align: center; background: #f6f6f6; padding: 40rem 0 63rem; margin-top: 50rem; position: relative;}
.logistics_wrap2 .logi_intro .desc_box img { max-width: 100%;}
.logistics_wrap2 .logi_intro .desc_box .t_img { display: none;}
.logistics_wrap2 .cons_cont { padding-top: 65rem;}
.logistics_wrap2 .cons_cont .sbox_tit { font-size: 30rem; font-weight: bold;}
.logistics_wrap2 .cons_cont .h4_desc { margin-top: 15rem;}
.logistics_wrap2 .cons_cont1 .cons_box1 .desc_box { margin-top: 30rem; background: #f6f6f6; padding: 66rem 0 62rem;}
.logistics_wrap2 .cons_cont1 .cons_box1 .desc_box p { width: 151rem; height: 151rem; box-sizing: border-box; border-radius: 50%; border: 6rem solid #30c3f0; background: #fff; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 28rem; line-height: 38rem; font-weight: bold; margin: 0 auto;}
.logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul { display: flex; margin: 56rem auto 0; justify-content: center; position: relative; width: 1105rem;}
.logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul:before { content: ""; width: 100%; height: 56rem; background: url(https://www.hlholdings.co.kr/web/images/sub/consult_line1.png) no-repeat center top; position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%);}
.logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul > li { position: relative; width: 25%;}
.logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul > li:last-child { margin-right: 0;}
.logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul > li:before { content: ""; width: 2rem; height: 27rem; background: url(https://www.hlholdings.co.kr/web/images/sub/consult_line1-2.png) no-repeat center bottom; position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%);}
.logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul > li .icobox { width: 122rem; height: 122rem; border-radius: 50%; background-color: #fff; background-position: center center; background-repeat: no-repeat; box-shadow: 5rem 5rem 10rem rgba(14,33,62,0.15); margin: 0 auto;}
.logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul > li .txtbox { padding-top: 25rem;}
.logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul > li .txtbox span { display: block; font-size: 22rem; line-height: 28rem; font-weight: 500; text-align: center;}
.logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul > li .txtbox ul { margin-top: 10rem;}
.logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul > li .txtbox li { font-size: 16rem; line-height: 26rem; color: #555; position: relative; padding-left: 8rem;}
.logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul > li .txtbox li:before { content: "-"; position: absolute; left: 0; top: 0;}
.logistics_wrap2 .cons_cont2 {;}


.logistics_wrap2 .cons_cont2 .desc_box { background: #f6f6f6; padding: 50rem 94rem 60rem; margin-top: 40rem;}
.logistics_wrap2 .cons_cont2 .desc_box .fta_list { display: flex; align-items: center; justify-content: center; padding-bottom: 52rem; border-bottom: 1rem solid #dadada;}
.logistics_wrap2 .cons_cont2 .desc_box .fta_list li { margin-right: 116rem; position: relative;}
.logistics_wrap2 .cons_cont2 .desc_box .fta_list li .circle { width: 197rem; height: 197rem; background: #fff; border: 8rem solid #00b5ee; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.logistics_wrap2 .cons_cont2 .desc_box .fta_list li:last-child { margin-right: 0;}
.logistics_wrap2 .cons_cont2 .desc_box .fta_list li:after { content: ""; width: 116rem; height: 1rem; background: url(https://www.hlholdings.co.kr/web/images/sub/consult_line2.png) repeat-x left top; position: absolute; left: 100%; top: 50%; transform: translateY(-50%);}
.logistics_wrap2 .cons_cont2 .desc_box .fta_list li:last-child:after { width: 0; height: 0;}
.logistics_wrap2 .cons_cont2 .desc_box .fta_list li p { font-size: 24rem; line-height: 34rem; font-weight: bold;}
.logistics_wrap2 .cons_cont2 .desc_box .fta_list li .arrow_btn_13 { font-size: 14rem; color: #020a0a; width: 108rem; height: 33rem; line-height: 31rem; border-radius: 20rem; border-color: #dadada; margin-top: 15rem;}
.logistics_wrap2 .cons_cont2 .desc_box .fta_list li .arrow_btn_13 img { width: 11rem; vertical-align: 1rem;}
.logistics_wrap2 .cons_cont2 .desc_box .imgbox { text-align: center; padding-top: 53rem;}
.logistics_wrap2 .cons_cont2 .desc_box .imgbox img { max-width: 100%;}
.logistics_wrap2 .cons_cont2 .desc_box .imgbox .t_img { display: none;}
.logistics_wrap2 .cons_cont2 .desc_box .imgbox .m_img { display: none;}
.logistics_wrap2 .cons_cont2 .tablebox { margin-top: 90rem;}
.logistics_wrap2 .cons_cont2 .tablebox th br { display: none;}
.logistics_wrap2 .cons_cont2 .tablebox .sth { background: #f4f7fc; vertical-align: middle;}
.logistics_wrap2 .cons_cont2 .tablebox td { text-align: left; padding-left: 52rem;}
.logistics_wrap2 .cons_cont3 {;}


.logistics_wrap2 .cons_cont3 .process_box { margin-top: 65rem;}
.logistics_wrap2 .cons_cont3 .process_box h6 { font-size: 28rem; font-weight: bold;}
.logistics_wrap2 .cons_cont3 .process_box ul { margin-top: 25rem; background: #f6f6f6; padding: 33rem 50rem 38rem 20rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 40rem 52rem;}
.logistics_wrap2 .cons_cont3 .process_box ul li { width: 123rem; height: 123rem; background: #fff; border-radius: 50%; box-shadow: 5rem 5rem 10rem rgba(14,33,62,0.15); display: flex; align-items: center; justify-content: center; text-align: center; font-size: 16rem; line-height: 26rem; font-weight: bold; position: relative;}
.logistics_wrap2 .cons_cont3 .process_box ul li:last-child { margin-right: 0; border: 6rem solid #00b5ee;}
.logistics_wrap2 .cons_cont3 .process_box ul li:after { content: ""; width: 52rem; height: 20rem; background: url(https://www.hlholdings.co.kr/web/images/sub/consult_arrow.png) no-repeat center center; position: absolute; left: 100%; top: 50%; transform: translateY(-50%);}
.logistics_wrap2 .cons_cont3 .process_box ul li:last-child:after { width: 0; height: 0;}
.logistics_wrap2 .cons_cont3 .process_box ul li.l3 { line-height: 20rem;}
.logistics_wrap2 .cons_cont3 .desc_cont { margin: 78rem auto 0; width: 1130rem; max-width: 100%;}
.logistics_wrap2 .cons_cont3 .desc_cont > p { text-align: center; background: #f6f6f6; padding: 18rem 0 28rem; border-radius: 60rem; box-sizing: border-box;}
.logistics_wrap2 .cons_cont3 .desc_cont .desc_box { margin-top: 38rem; display: flex; justify-content: center;}
.logistics_wrap2 .cons_cont3 .desc_cont .desc_col { width: calc(33.333% - 47rem); margin-right: 70rem; position: relative;}
.logistics_wrap2 .cons_cont3 .desc_cont .desc_col:after { content: ""; width: 100%; height: calc(100% - 84rem); box-sizing: border-box; border: 1rem solid #dadada; position: absolute; left: 0; bottom: 0; z-index: -1;}
.logistics_wrap2 .cons_cont3 .desc_cont .desc_col:last-child { margin-right: 0; a;}

.logistics_wrap2 .cons_cont3 .desc_cont .desc_col p { font-size: 22rem; line-height: 28rem; text-align: center; font-weight: bold; display: flex; align-items: center; justify-content: center; width: 167rem; height: 167rem; box-sizing: border-box; border-radius: 50%; border: 8rem solid; margin: 0 auto; background: #fff;}
.logistics_wrap2 .cons_cont3 .desc_cont .desc_col1 p { border-color: #022b68;}
.logistics_wrap2 .cons_cont3 .desc_cont .desc_col2 p { border-color: #00b5ee;}
.logistics_wrap2 .cons_cont3 .desc_cont .desc_col3 p { border-color: #a8a9ac;}
.logistics_wrap2 .cons_cont3 .desc_cont .desc_col > ul { margin-top: 22rem; padding-left: 33rem; padding-bottom: 30rem;}
.logistics_wrap2 .cons_cont3 .desc_cont .desc_col > ul > li { margin-bottom: 15rem;}
.logistics_wrap2 .cons_cont3 .desc_cont .desc_col > ul > li:last-child { margin-bottom: 0;}
.logistics_wrap2 .cons_cont3 .desc_cont .desc_col > ul > li span { display: block; font-size: 18rem; line-height: 28rem; font-weight: 500;}
.logistics_wrap2 .cons_cont3 .desc_cont .desc_col > ul > li li { font-size: 16rem; line-height: 26rem; color: #666; position: relative; padding-left: 8rem;}
.logistics_wrap2 .cons_cont3 .desc_cont .desc_col > ul > li li:before { content: "-"; position: absolute; left: 0; top: 0;}
.logistics_wrap2 .cons_cont3 .inquiry_box { margin-top: 85rem;}
.logistics_wrap3 .desc_box { text-align: center; margin-top: 75rem;}
.logistics_wrap3 .desc_box img { max-width: 100%;}
.logistics_wrap3 .desc_box .t_img { display: none;}
.logistics_wrap3 .inquiry_box { margin-top: 70rem;}
.coldchain_wrap { padding-bottom: 229rem;}
.coldchain_wrap h3 { margin-bottom: 25rem;}
.coldchain_wrap .cold_box {;}


.coldchain_wrap .cold_box h4 { margin-bottom: 15rem;}
.coldchain_wrap .cold_box1 { margin-top: 90rem;}
.coldchain_wrap .cold_box1 .desc_cont { margin-top: 25rem; background: #f6f6f6; padding: 63rem 0 56rem;}
.coldchain_wrap .cold_box1 .desc_cont .diagram_box { width: 1104rem; display: flex; flex-wrap: wrap; margin: 0 auto; position: relative; z-index: 2; max-width: 100%;}
.coldchain_wrap .cold_box1 .desc_cont .diagram_box:after { content: ""; width: 348rem; height: 333rem; background: url(https://www.hlholdings.co.kr/web/images/sub/coldchain_line.png) no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: -1;}
.coldchain_wrap .cold_box1 .desc_cont h5 { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 207rem; height: 207rem; background: #fff; border: 8rem solid #00b5ee; border-radius: 50%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-size: 22rem; line-height: 30rem; font-weight: bold; z-index: 2;}
.coldchain_wrap .cold_box1 .desc_cont h5 img { margin-bottom: 7rem;}
.coldchain_wrap .cold_box1 .desc_cont .desc_box { display: flex; align-items: center; margin-bottom: 39rem; width: 400rem; box-sizing: border-box; justify-content: flex-end;}
.coldchain_wrap .cold_box1 .desc_cont .desc_box.right { justify-content: flex-start;}
.coldchain_wrap .cold_box1 .desc_cont .desc_box:nth-last-child(-n+1) { margin-bottom: 40;}
.coldchain_wrap .cold_box1 .desc_cont .desc_box .imgbox { width: 123rem; height: 123rem; background: #fff; background-color: #fff; border-radius: 50%; box-shadow: 5rem 5rem 10rem rgba(14,33,62,0.15); background-repeat: no-repeat; background-position: center center;}
.coldchain_wrap .cold_box1 .desc_cont .desc_box .txtbox { box-sizing: border-box;}
.coldchain_wrap .cold_box1 .desc_cont .desc_box .txtbox > ul {;}


.coldchain_wrap .cold_box1 .desc_cont .desc_box .txtbox > ul > li { font-size: 16rem; line-height: 25rem; letter-spacing: -1rem; position: relative; padding-left: 15rem;}
.coldchain_wrap .cold_box1 .desc_cont .desc_box .txtbox > ul > li:before { content: ""; position: absolute; left: 0; top: 0;}
.coldchain_wrap .cold_box1 .desc_cont .desc_box .txtbox > ul > li li { font-size: 15rem; line-height: 25rem; color: #666; letter-spacing: -1rem;}
.coldchain_wrap .cold_box1 .desc_cont .desc_box.right { margin-left: auto;}
.coldchain_wrap .cold_box1 .desc_cont .desc_box.left .imgbox { order: 2;}
.coldchain_wrap .cold_box1 .desc_cont .desc_box.left .txtbox { order: 1; width: 230rem;}
.coldchain_wrap .cold_box1 .desc_cont .desc_box.right .txtbox { width: 280rem; padding-left: 25rem;}
.coldchain_wrap .cold_box2 { margin-top: 92rem;}
.coldchain_wrap .cold_box2 .desc_cont { margin-top: 35rem; display: flex; gap: 0 22rem;}
.coldchain_wrap .cold_box2 .desc_box {;}


.coldchain_wrap .cold_box2 .desc_box h5 { font-size: 24rem; line-height: 30rem; font-weight: 500;}
.coldchain_wrap .cold_box2 .desc_box ul { border: 1rem solid #dadada; padding: 31rem 0 37rem; margin-top: 15rem;}
.coldchain_wrap .cold_box2 .desc_box1 { width: calc(66% - 11rem);}
.coldchain_wrap .cold_box2 .desc_box1 ul { display: flex; justify-content: center; position: relative;}
.coldchain_wrap .cold_box2 .desc_box1 ul:before { content: ""; width: calc(100% - 232rem); height: 1rem; background: url(https://www.hlholdings.co.kr/web/images/sub/consult_line2.png) repeat-x left top; position: absolute; left: 50%; top: 58rem; transform: translateX(-50%); margin-top: 32rem; z-index: -1;}
.coldchain_wrap .cold_box2 .desc_box1 ul li { margin-right: 88rem;}
.coldchain_wrap .cold_box2 .desc_box1 ul li:last-child { margin-right: 0;}
.coldchain_wrap .cold_box2 .desc_box1 ul li .icobox { width: 116rem; height: 116rem; background-color: #f6f6f6; background-repeat: no-repeat; background-position: center center; border-radius: 50%; margin: 0 auto;}
.coldchain_wrap .cold_box2 .desc_box1 ul li p { font-size: 17rem; line-height: 32rem; color: #666; text-align: center; margin-top: 10rem;}
.coldchain_wrap .cold_box2 .desc_box2 { width: calc(32% - 11rem);}
.coldchain_wrap .cold_box2 .desc_box2 ul { padding: 33rem 30rem 32rem;}
.coldchain_wrap .cold_box2 .desc_box2 ul li { display: flex; align-items: flex-start; margin-bottom: 19rem; word-break: keep-all;}
.coldchain_wrap .cold_box2 .desc_box2 ul li:last-child { margin-bottom: 0;}
.coldchain_wrap .cold_box2 .desc_box2 ul li em { display: block; width: 26rem; height: 26rem; background: #022b68; border-radius: 50%; text-align: center; line-height: 26rem; font-size: 13rem; font-weight: bold; color: #fff;}
.coldchain_wrap .cold_box2 .desc_box2 ul li span { display: block; font-size: 17rem; color: #666; line-height: 26rem;}
.coldchain_wrap .cold_box3 { padding-top: 115rem;}
.coldchain_wrap .cold_box3 .list { margin-top: 25rem; display: flex; gap: 0 24rem;}
.coldchain_wrap .cold_box3 .list li { width: calc(33.333% - 16rem); box-sizing: border-box; border: 1rem solid #dadada; padding-bottom: 40rem; display: flex; flex-direction: column;}
.coldchain_wrap .cold_box3 .list li .imgbox { position: relative; padding-top: calc(100% / 16 * 9);}
.coldchain_wrap .cold_box3 .list li .imgbox span { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.coldchain_wrap .cold_box3 .list li .txtbox { padding: 25rem 25rem 0 33rem; display: flex; flex-direction: column;}
.coldchain_wrap .cold_box3 .list li .txtbox p { font-size: 24rem; line-height: 28rem; font-weight: 500;}
.coldchain_wrap .cold_box3 .list li .txtbox span { font-size: 16rem; line-height: 26rem; color: #555; display: block; margin-top: 10rem; letter-spacing: -1rem; margin-bottom: 28rem;}
.coldchain_wrap .cold_box3 .list li .short_btn { display: block; margin-top: auto; margin-left: 33rem;}
.coldchain_wrap .inquiry_box { margin-top: 50rem;}
.investment_wrap {;}


.investment_wrap .cons_box1 { padding-bottom: 90rem;}
.investment_wrap .cons_box1 h3 {;}


.investment_wrap .cons_box1 p { margin-top: 30rem;}
.investment_wrap .cons_box2 { background: #f6f6f6; padding: 78rem 0; text-align: center;}
.investment_wrap .cons_box2 .imgbox img { max-width: 100%;}
.investment_wrap .cons_box3 { padding-top: 77rem; padding-bottom: 168rem;}
.investment_wrap .cons_box3 .investment_list { margin-top: 26rem; padding-bottom: 58rem;}
.investment_wrap .cons_box3 .investment_list ul { display: flex; flex-wrap: wrap; gap: 26rem 24rem;}
.investment_wrap .cons_box3 .investment_list ul li { width: calc(25% - 18rem); box-sizing: border-box; border: 1rem solid #dadada;}
.investment_wrap .cons_box3 .investment_list ul li a { display: block; background: url(https://www.hlholdings.co.kr/web/images/sub/short_ico_20.png) no-repeat right 30rem bottom 31rem; position: relative; overflow: hidden;}
.investment_wrap .cons_box3 .investment_list ul li a:before { content: ""; width: 100%; height: 0; background: #0147a2; position: absolute; left: 0; bottom: 0; z-index: -1; transition: height 0.2s;}
.investment_wrap .cons_box3 .investment_list ul li .imgbox { width: 100%; height: 216rem; background: #f6f6f6; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.investment_wrap .cons_box3 .investment_list ul li .imgbox img { max-width: 100%;}
.investment_wrap .cons_box3 .investment_list ul li .txtbox { padding: 26rem 30rem 63rem 26rem;}
.investment_wrap .cons_box3 .investment_list ul li .txtbox p { font-size: 21rem; line-height: 31rem; font-weight: 500;}
.investment_wrap .cons_box3 .investment_list ul li .txtbox span { font-size: 16rem; line-height: 26rem; color: #555; margin-top: 10rem; display: block;}
.investment_wrap .cons_box3 .investment_list ul li a:hover, .investment_wrap .cons_box3 .investment_list ul li a:focus { background: url(https://www.hlholdings.co.kr/web/images/sub/short_ico_20_hover.png) no-repeat right 30rem bottom 31rem;}
.investment_wrap .cons_box3 .investment_list ul li a:hover:before, .investment_wrap .cons_box3 .investment_list ul li a:focus:before { height: 100%; transition: height 0.4s;}
.investment_wrap .cons_box3 .investment_list ul li a:hover .txtbox p, .investment_wrap .cons_box3 .investment_list ul li a:focus .txtbox p { color: #fff;}
.investment_wrap .cons_box3 .investment_list ul li a:hover .txtbox span, .investment_wrap .cons_box3 .investment_list ul li a:focus .txtbox span { color: #fff;}
.etc_top.sub_top { border-bottom: 1rem solid #dadada;}
.etc_top.sub_top h2 { color: #fff; font-size: 45rem; font-weight: bold;}
.mail_wrap { padding: 80px 0 173px;}
.mail_wrap .sign_box { width: 100%; max-width: 745px; height: 395px; background: #f6f6f6; text-align: center; box-sizing: border-box; margin: 0 auto; padding: 50px 0;}
.mail_wrap .sign_box .imgbox { margin-bottom: 23px;}
.mail_wrap .sign_box .imgbox i { display: inline-block; width: 128px; height: 128px; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/email_ico.png) no-repeat left 30px center; border-radius: 50%;}
.mail_wrap .sign_box p { font-size: 18px; line-height: 30px; color: #666; margin-bottom: 19px;}
.mail_wrap .sign_box em { font-size: 18px; line-height: 28px;}
.sitemap_wrap { padding: 40rem 0 271rem;}
.sitemap_wrap .box_stit { margin-bottom: 20rem;}
.sitemap_wrap .mapbox {;}


.sitemap_wrap .mapbox .mapLine { border-bottom: 1rem solid #dadada; display: flex; align-items: flex-start; padding: 45rem 0 44rem;}
.sitemap_wrap .mapbox .mapLine h3 { font-size: 22rem; font-weight: bold; color: #004ac4; width: 240rem; letter-spacing: -1rem; line-height: 28rem; white-space: nowrap;}
.sitemap_wrap .mapbox .mapLine .map_depth1 { display: flex; flex-wrap: wrap; align-items: flex-start; width: calc(100% - 240rem); box-sizing: border-box;}
.sitemap_wrap .mapbox .mapLine .map_depth1 > li { width: 20%; margin-top: 0;}


.sitemap_wrap .mapbox .mapLine .map_depth1 > li h4 { font-size: 20rem; font-weight: 500; letter-spacing: -2rem; line-height: 28rem;}
.sitemap_wrap .mapbox .mapLine .map_depth1 > li a { position: relative;}
.sitemap_wrap .mapbox .mapLine .map_depth1 > li a:after { content: ""; width: 0; height: 1rem; background: #004ac4; position: absolute; left: 50%; bottom: -2rem; transition: all .3s cubic-bezier(0, 0, 0.15, 1.01);}
.sitemap_wrap .mapbox .mapLine .map_depth1 > li a:hover:after, .map_wrap .mapbox .mapLine .map_depth1 > li a:focus:after { width: 100%; left: 0;}
.sitemap_wrap .mapbox .mapLine .map_depth1 .map_depth2 { padding-top: 9rem;}
.sitemap_wrap .mapbox .mapLine .map_depth1 .map_depth2 li a { font-size: 16rem; line-height: 30rem; color: #555;}
.img_zoom { position: fixed; width: 100%; height: 100vh; left: 0; top: 0; right: 0; bottom: 0; overflow-y: auto; overflow-x: auto; padding: 100rem 50rem; background: #fff; z-index: 99; box-sizing: border-box; display: none;}
.img_zoom img {;}


.img_zoom .zoom_cls { position: fixed; right: 20rem; top: 20rem;}
.img_zoom .zoom_cls img { width: 22rem;}
.error_wrap { height: calc(100vh - 324rem);}
.error_wrap .container { height: 100%; display: flex; align-items: center; justify-content: center;}
.error_wrap .error_box { width: 1156rem; box-sizing: border-box; margin: 0 auto; text-align: center; border: 1rem solid #dadada; padding-top: 92rem; padding-bottom: 98rem;}
.error_wrap .error_box .imgbox {;}


.error_wrap .error_box .imgbox img { width: 80rem;}
.error_wrap .error_box .txtbox { padding-top: 27rem;}
.error_wrap .error_box .txtbox p { font-size: 34rem; font-weight: bold;}
.error_wrap .error_box .txtbox span { display: block; font-size: 17rem; line-height: 32rem; color: #666; margin-top: 15rem;}
.error_wrap .error_box .txtbox span b { color: #0147a2;}
.error_wrap .error_box .txtbox a { font-size: 15rem; font-weight: 500; width: 133rem; height: 45rem; line-height: 45rem; box-sizing: border-box; display: inline-block; position: relative; z-index: 2; overflow: hidden; text-align: center; margin: 55rem auto 0; border: 1rem solid #000;}
.error_wrap .error_box .txtbox a img { padding-left: 12rem; vertical-align: 0;}


/* 220118 */
.intro_wrap_220118 .intro_box .intro_txt .box_tit { line-height: 1.2;}
.intro_wrap_220118 .intro_box .intro_txt { padding-top: 0;}
.intro_wrap_220118 .part_box .box_tit { margin-bottom: 50rem;}


/*.intro_wrap_220118 .part_box .box_stit{font-size:30rem;}*/
.intro_wrap_220118 .esg_box { margin-top: 150rem; padding-bottom: 236rem;}
.intro_wrap_220118 .esg_box h4 { margin-bottom: 10rem;}
.intro_wrap_220118 .esg_box .esg_txt { display: flex; align-items: flex-end;}
.intro_wrap_220118 .esg_box .esg_txt p { width: calc(100% - 567rem); box-sizing: border-box; letter-spacing: -1rem;}
.intro_wrap_220118 .esg_box .esg_txt ul { width: 567rem; box-sizing: border-box; display: flex;}
.intro_wrap_220118 .esg_box .esg_txt ul li { width: 25%; text-align: center; position: relative;}
.intro_wrap_220118 .esg_box .esg_txt ul li:after { content: ""; width: 1rem; height: 100%; background: #dadada; position: absolute; right: 0; top: 0;}
.intro_wrap_220118 .esg_box .esg_txt ul li:last-child:after { width: 0; height: 0;}
.intro_wrap_220118 .esg_box .esg_txt ul li span { display: block; font-size: 16rem; color: #555; font-weight: 500; margin-top: 12rem;}

.history_wrap_220118 .his_txt { padding-bottom: 0; padding-top: 0;}
.history_wrap_220118 .history_cont { padding-top: 50rem;}
.history_wrap_220118 .history_cont .history_box { display: block; margin-bottom: 100rem; opacity: 0; transform: translateY(50rem); transition: all 0.3s linear;}
.history_wrap_220118 .history_cont .history_box:last-child { margin-bottom: 0;}
.history_wrap_220118 .history_cont .history_box.on { opacity: 1; transform: translateY(0);}
.vision_wrap_220118 .sub_tab { margin-top: 0;}
.vision_wrap_220118 .desc_cont .desc_box.value2 .desc_txtbox .value_box:nth-child(2) .imgbox img { display: inline; padding-left: 0;}
.vision_wrap_220118 .desc_cont .desc_box.value2 .desc_txtbox .value_box .imgbox { background: #fff; border: 1rem solid #dadada;}
.vision_wrap_220118 .desc_cont .desc_box.value2 .desc_txtbox .value_box .imgbox p { color: #222;}
.network_wrap_220118 .sub_tit { text-align: left;}
.network_wrap_220118 .h4_desc { text-align: left;}
.root_daum_roughmap .wrap_btn_zoom button .img_zoom { display: none;}

.network_wrap_220118 .network_contWrap .network_cont .network_box.head_office .txtbox { position: relative;}
.network_wrap_220118 .network_contWrap .network_cont .network_box.head_office .txtbox:after { content: ""; width: calc(100% - 59rem); height: 1rem; background: #dadada; position: absolute; right: 0; bottom: 0;}
.network_wrap_220118 .network_contWrap .network_cont .network_box.head_office .txtbox .desc_box > li:last-child { border-bottom: none;}
.network_wrap_220118 .network_map .map_txt { left: auto; right: 0;}
.network_wrap_220118 .network_map .map_ico { position: absolute; left: 50rem; bottom: -7rem; text-align: left;}
.network_wrap_220118 .network_map .map_ico li { font-size: 14rem; line-height: 20rem;}
.network_wrap_220118 .network_map .map_ico li.ico { font-size: 14rem; font-weight: 500; margin-bottom: 10rem; padding-left: 3rem;}
.network_wrap_220118 .network_map .map_ico li.ico img { padding-right: 8rem; width: 22rem;}

.network_wrap_220118 .network_contWrap .network_cont .box_stit { margin-bottom: 22rem;}
.network_wrap_220118 .network_contWrap .network_cont .box_stit em { font-weight: 400; color: #666;}
.network_wrap_220118 .network_contWrap .network_cont .network_box .txtbox .txtbox_top { font-size: 16rem; line-height: 30rem; color: #666;}
.network_wrap_220118 .network_contWrap .network_cont .network_box .txtbox .txtbox_info ul li span a { color: #1e38d4; position: relative;}
.network_wrap_220118 .network_contWrap .network_cont .network_box .txtbox .txtbox_info ul li span a:after { content: ""; width: 100%; height: 1rem; background: #1e38d4; position: absolute; left: 0; bottom: 0;}
.network_wrap_220118 .network_contWrap .network_cont .network_box .txtbox .txtbox_info .view_btn.on { background: #00b4ed; border-color: #00b4ed;}
.network_wrap_220118 .network_contWrap .network_cont .network_box .view_box .view_bttm_col { display: block; padding-top: 40rem; padding-bottom: 35rem;}
.network_wrap_220118 .network_contWrap .network_cont .network_box .view_box .view_bttm_col > p { font-size: 18rem; font-weight: bold; margin-bottom: 15rem;}
.network_wrap_220118 .network_contWrap .network_cont .network_box .view_box .view_bttm_col .colgroup { display: flex; background: #fff; gap: 0 24rem; padding: 68rem 0 51rem;}
.network_wrap_220118 .network_contWrap .network_cont .network_box .view_box .view_bttm_col .col { width: calc(33.333% - 16rem); box-sizing: border-box; text-align: center;}
.network_wrap_220118 .network_contWrap .network_cont .network_box .view_box .view_bttm_col .col img { margin-bottom: 20rem;}
.network_wrap_220118 .network_contWrap .network_cont .network_box .view_box .view_bttm_col .col p { margin-bottom: 8rem;}
.network_wrap_220118 .network_contWrap .network_cont .network_box .view_box .view_bttm_col .col ul li { font-size: 15rem; line-height: 26rem; color: #666;}
.network_wrap_220118 .network_contWrap .network_cont .network_box2-2 .view_box .view_bttm .bttm_cont { padding: 40rem 0;}
.network_wrap_220118 .network_contWrap .network_cont .network_box3-1 .view_box .view_bttm .bttm_cont { padding: 40rem 0;}
.network_wrap_220118 .network_contWrap .network_cont .network_box3-2 .view_box .view_bttm_col .colgroup { align-items: center;}
.network_wrap_220118 .network_contWrap .network_cont .network_box3-2 .view_box .view_bttm .col.left { text-align: left; padding-left: 50rem;}
.network_wrap_220118 .network_contWrap .network_cont .network_box .view_box .view_bttm_img img { max-width: 100%; display: none;}
.network_wrap_220118 .network_contWrap .network_cont .network_box .view_box .view_bttm_img .w_img { display: inline;}


.aff_wrap { padding-bottom: 248rem;}
.aff_wrap .aff_box { padding-top: 71px;}
.aff_wrap .aff_box .aff_list { padding-top: 27px;}
.aff_wrap .aff_box .aff_list ul { display: flex; flex-wrap: wrap; gap: 24rem;}
.aff_wrap .aff_box .aff_list ul li { width: calc(25% - 18px); box-sizing: border-box;}
.aff_wrap .aff_box .aff_list ul li > a { display: block;}
.aff_wrap .aff_box .aff_list ul li > a:focus { outline: 2px solid #000;}
.aff_wrap .aff_box .aff_list ul li .imgbox { width: 100%; border: 1px solid #dadada; border-bottom: none; box-sizing: border-box; display: block; background-color: #f2f2f2; padding-top: calc(100% * 9 / 16); position: relative;}
.aff_wrap .aff_box .aff_list ul li .imgbox em { display: block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0; top: 0;}
.aff_wrap .aff_box .aff_list ul li .imgbox img { width: 100%;}
.aff_wrap .aff_box .aff_list ul li .txtbox { display: block; width: 100%; height: 248px; box-sizing: border-box; border: 1px solid #dadada; border-top: none; padding: 27px 15px 25px 23px; background: url(https://www.hlholdings.co.kr/web/images/sub/go_ico.png) no-repeat right 22px bottom 26px; position: relative; display: flex; flex-direction: column;}
.aff_wrap .aff_box .aff_list ul li.hightxt .txtbox { height: 295rem;}
.aff_wrap .aff_box#aff_box02 .aff_list ul li .txtbox, .aff_wrap .aff_box#aff_box04 .aff_list ul li .txtbox { height: 295rem;}
.aff_wrap .aff_box .aff_list ul li .txtbox:before { content: ""; width: 100%; height: 0; background: #0147a2; position: absolute; left: 0; bottom: 0; z-index: -1; transition: height .3s ease-in-out;}
.aff_wrap .aff_box .aff_list ul li .txtbox h4 { font-size: 22px; line-height: 31px; color: #000; font-weight: 500; letter-spacing: -1px; transition: color .3s ease-in-out;}
.aff_wrap .aff_box .aff_list ul li .txtbox p { font-size: 15px; line-height: 25px; color: #555; letter-spacing: -1.5px; padding-top: 11px; word-break: keep-all; transition: color .3s ease-in-out;}
.aff_wrap .aff_box .aff_list ul li .txtbox .h4 { font-size: 22px; line-height: 31px; color: #000; font-weight: 500; letter-spacing: -1px; transition: color .3s ease-in-out; display: block;}
.aff_wrap .aff_box .aff_list ul li .txtbox .p { font-size: 15px; line-height: 25px; color: #555; letter-spacing: -1.5px; padding-top: 11px; word-break: keep-all; transition: color .3s ease-in-out; display: block; padding-bottom: 20rem;}
.aff_wrap .aff_box .aff_list ul li .txtbox .address { display: block; padding-left: 22px; background: url(https://www.hlholdings.co.kr/web/images/sub/add_ico.png) no-repeat left bottom; font-size: 14px; color: #555; font-family: 'Lato'; margin-top: auto; transition: color .3s ease-in-out;}
.aff_wrap .aff_box .aff_list ul li > a:hover .txtbox, .aff_wrap .aff_box .aff_list ul li > a:focus .txtbox { background: url(https://www.hlholdings.co.kr/web/images/sub/go_ico_hover.png) no-repeat right 22px bottom 26px;}
.aff_wrap .aff_box .aff_list ul li > a:hover .txtbox:before, .aff_wrap .aff_box .aff_list ul li > a:focus .txtbox:before { height: 100%;}
.aff_wrap .aff_box .aff_list ul li > a:hover .txtbox .h4, .aff_wrap .aff_box .aff_list ul li > a:focus .txtbox .h4 { color: #fff;}
.aff_wrap .aff_box .aff_list ul li > a:hover .txtbox .p, .aff_wrap .aff_box .aff_list ul li > a:focus .txtbox .p { color: #fff;}
.aff_wrap .aff_box .aff_list ul li > a:hover .txtbox .address, .aff_listWrap .aff_box .aff_list ul li > a:focus .txtbox .address { background: url(https://www.hlholdings.co.kr/web/images/sub/add_ico_hover.png) no-repeat left bottom; color: #fff;}

.sustain_wrap_220118 .manage_cont .manage_box1_2 { background: #f6f6f6; padding-top: 80rem;}
.sustain_wrap_220118 .manage_cont .manage_box4 { background: #fff;}
.sustain_wrap_220118 .manage_cont .manage_box4 ul { display: block; text-align: left;}
.sustain_wrap_220118 .manage_cont .manage_box4 ul li { display: flex; padding: 29px 0 33px; border-bottom: 1px solid #dadada; text-align: left;}
.sustain_wrap_220118 .manage_cont .manage_box4 ul li.sys02 { align-items: center;}
.sustain_wrap_220118 .manage_cont .manage_box4 ul li .icobox { width: 143px; height: 143px; background: #f6f6f6; border-radius: 50%; background-repeat: no-repeat; background-position: center center; margin-right: 39px; background-size: 69rem;}
.sustain_wrap_220118 .manage_cont .manage_box4 ul li.sys01 .icobox { background-image: url(https://www.hlholdings.co.kr/web/images/sub/sys_ico01.png);}
.sustain_wrap_220118 .manage_cont .manage_box4 ul li.sys02 .icobox { background-image: url(https://www.hlholdings.co.kr/web/images/sub/sys_ico02.png);}
.sustain_wrap_220118 .manage_cont .manage_box4 ul li.sys03 .icobox { background-image: url(https://www.hlholdings.co.kr/web/images/sub/sys_ico03.png);}
.sustain_wrap_220118 .manage_cont .manage_box4 ul li .txtbox { width: calc(100% - 182px);}
.sustain_wrap_220118 .manage_cont .manage_box4 ul li .txtbox h4 { font-size: 22px; line-height: 30px; font-weight: 500; padding-bottom: 15px; text-align: left;}
.sustain_wrap_220118 .manage_cont .manage_box4 ul li .txtbox p { font-size: 16px; line-height: 30px; color: #444; word-break: keep-all;}
.sustain_wrap_220118 .manage_cont .manage_box4 ul li .txtbox .btnWrap { display: flex; margin-top: 17px;}
.sustain_wrap_220118 .manage_cont .manage_box4 ul li .txtbox .btnWrap a { font-size: 15px; width: auto; padding-left: 17px; padding-right: 14px; margin-right: 6px;}
.sustain_wrap_220118 .manage_cont .manage_box4 ul li .txtbox .btnWrap a:last-child { margin-right: 0;}
.sustain_wrap_220118 .manage_cont .manage_box4 ul li .txtbox .btnWrap a.downBtn img { padding-left: 15px;}
.ethics_pop { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 111; display: none;}
.ethics_pop .popbg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); opacity: 0; transition: all 0.5s;}
.ethics_pop .pop_cont { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; width: calc(100% - 110px); max-width: 750px; height: 750px; overflow-y: auto; box-sizing: border-box; padding: 63px 57px 69px; opacity: 0; transition: all 0.5s;}
.ethics_pop.on .popbg { opacity: 1;}
.ethics_pop.on .pop_cont { opacity: 1;}
.ethics_pop .pop_cont .ethics_box h5 { font-size: 26px; font-weight: bold; margin-bottom: 35px;}
.ethics_pop .pop_cont .ethics_box .ethics_chp { margin-bottom: 35px;}
.ethics_pop .pop_cont .ethics_box .ethics_chp:last-child { margin-bottom: 0;}
.ethics_pop .pop_cont .ethics_box .ethics_chp h6 { font-size: 18px; font-weight: 500; margin-bottom: 10px;}
.ethics_pop .pop_cont .ethics_box .ethics_chp span { display: block; font-size: 14px; line-height: 24px; color: #555555; margin-bottom: 25px; word-break: keep-all;}
.ethics_pop .pop_cont .ethics_box .ethics_chp span:last-child { margin-bottom: 0;}
.ethics_pop .pop_cont .ethics_box .ethics_chp p { font-size: 14px; line-height: 24px; color: #555555; word-break: keep-all;}
.ethics_pop .pop_cont .ethics_box .ethics_chp ul { padding-left: 20px;}
.ethics_pop .pop_cont .ethics_box .ethics_chp li { font-size: 14px; line-height: 24px; color: #555555; word-break: keep-all; position: relative; padding-left: 15px;}
.ethics_pop .pop_cont .ethics_box .ethics_chp li:before { position: absolute; left: 0; top: 0;}
.ethics_pop .pop_cont .ethics_box .ethics_chp li:nth-child(1):before { content: "1)";}
.ethics_pop .pop_cont .ethics_box .ethics_chp li:nth-child(2):before { content: "2)";}
.ethics_pop .pop_cont .ethics_box .ethics_chp li:nth-child(3):before { content: "3)";}
.ethics_pop .pop_cont .ethics_box .ethics_chp li:nth-child(4):before { content: "4)";}
.ethics_pop .pop_cont .ethics_box .ethics_chp li:nth-child(5):before { content: "5)";}
.ethics_pop .pop_cont .ethics_box .ethics_chp li:nth-child(6):before { content: "6)";}
.ethics_pop .pop_cont .pop_close { position: absolute; right: 22px; top: 36px;}
.guidelines_pop { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 111; display: none;}
.guidelines_pop .popbg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); opacity: 0; transition: all 0.5s;}
.guidelines_pop .pop_cont { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; width: calc(100% - 110px); max-width: 750px; height: 750px; overflow-y: auto; box-sizing: border-box; padding: 63px 57px 69px; opacity: 0; transition: all 0.5s;}
.guidelines_pop.on .popbg { opacity: 1;}
.guidelines_pop.on .pop_cont { opacity: 1;}
.guidelines_pop .pop_cont .guidelines_box h5 { font-size: 26px; font-weight: bold; margin-bottom: 35px;}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp { margin-bottom: 35px;}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp:last-child { margin-bottom: 0;}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp h6 { font-size: 18px; font-weight: 500; margin-bottom: 10px;}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp span { display: block; font-size: 14px; line-height: 24px; color: #555555; margin-bottom: 25px; word-break: keep-all;}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp span:last-child { margin-bottom: 0;}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp p { font-size: 14px; line-height: 24px; color: #555555; word-break: keep-all;}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp ul {;}


.guidelines_pop .pop_cont .guidelines_box .ethics_chp li { font-size: 14px; line-height: 24px; color: #555555; word-break: keep-all; position: relative; padding-left: 18px;}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:before { position: absolute; left: 0; top: -2px;}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(1):before { content: "1)";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(2):before { content: "2)";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(3):before { content: "3)";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(4):before { content: "4)";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(5):before { content: "5)";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(6):before { content: "6)";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(7):before { content: "7)";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(8):before { content: "8)";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(9):before { content: "9)";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(10):before { content: "10)";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(11):before { content: "11)";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(12):before { content: "12)";}
.guidelines_pop .pop_cont .pop_close { position: absolute; right: 22px; top: 36px;}
.protective_pop { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 11; display: none;}
.protective_pop .popbg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); opacity: 0; transition: all 0.5s;}
.protective_pop .pop_cont { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; width: calc(100% - 110px); max-width: 750px; height: 750px; overflow-y: auto; box-sizing: border-box; padding: 63px 48px 69px; opacity: 0; transition: all 0.5s;}
.protective_pop.on .popbg { opacity: 1;}
.protective_pop.on .pop_cont { opacity: 1;}
.protective_pop .pop_cont .protective_box { border-bottom: 1px solid #dadada;}
.protective_pop .pop_cont .protective_box.protective_box01 { padding-bottom: 53px;}
.protective_pop .pop_cont .protective_box.protective_box02 { border-bottom: 0; padding-top: 48px;}
.protective_pop .pop_cont .protective_box h4 { font-size: 26px; font-weight: bold;}
.protective_pop .pop_cont .protective_box .process_list { margin-top: 30px;}
.protective_pop .pop_cont .protective_box .process_list .process_box { display: flex; margin-bottom: 23px; position: relative;}
.protective_pop .pop_cont .protective_box .process_list .process_box.centerbox { align-items: center;}
.protective_pop .pop_cont .protective_box .process_list .process_box:last-child { margin-bottom: 0;}
.protective_pop .pop_cont .protective_box .process_list .process_box .icobox { width: 92px; height: 92px; border-radius: 50%; border: 4px solid #39b2e7; box-sizing: border-box; margin-right: 30px; display: flex; align-items: center; justify-content: center;}
.protective_pop .pop_cont .protective_box .process_list .process_box .icobox:after { content: ""; width: 36px; min-height: 23px; height: calc(100% - 70px); background: url(https://www.hlholdings.co.kr/web/images/sub/process_arrow.png) no-repeat center center; position: absolute; left: 28px; top: 92px;}
.protective_pop .pop_cont .protective_box .process_list .process_box:last-child .icobox:after { width: 0; height: 0;}
.protective_pop .pop_cont .protective_box .process_list .process_box .txtbox { width: calc(100% - 122px);}
.protective_pop .pop_cont .protective_box .process_list .process_box .txtbox h5 { font-size: 18px; font-weight: 500; padding-bottom: 3px; line-height: 30px;}
.protective_pop .pop_cont .protective_box .process_list .process_box .txtbox ul {;}


.protective_pop .pop_cont .protective_box .process_list .process_box .txtbox ul li { margin-bottom: 6px;}
.protective_pop .pop_cont .protective_box .process_list .process_box .txtbox ul li:last-child { margin-bottom: 0;}
.protective_pop .pop_cont .protective_box .speaker_list { margin-top: 23px;}
.protective_pop .pop_cont .protective_box .speaker_list .speaker_box { display: flex; align-items: center; margin-bottom: 16px;}
.protective_pop .pop_cont .protective_box .speaker_list .speaker_box:last-child { margin-bottom: 0;}
.protective_pop .pop_cont .protective_box .speaker_list .speaker_box .titbox { width: 108px; height: 108px; border-radius: 50%; border: 3px solid #004ac4; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background: #f6f6f6; margin-right: 18px;}
.protective_pop .pop_cont .protective_box .speaker_list .speaker_box .titbox h5 { font-size: 17px; line-height: 22px; color: #004ac4; text-align: center; font-weight: bold;}
.protective_pop .pop_cont .protective_box .speaker_list .speaker_box .txtbox { width: calc(100% - 126px);}
.protective_pop .pop_cont .protective_box .speaker_list .speaker_box .txtbox ul {;}
.protective_pop .pop_cont .protective_box .speaker_list .speaker_box .txtbox ul li {;}
.protective_pop .pop_cont .protective_box ul {;}


.protective_pop .pop_cont .protective_box ul li { font-size: 14px; line-height: 24px; color: #555; position: relative; padding-left: 6px; letter-spacing: -1px; word-break: keep-all;}
.protective_pop .pop_cont .protective_box ul li:before { content: "횂쨌"; position: absolute; left: 0; top: 0;}
.protective_pop .pop_cont .pop_close { position: absolute; right: 22px; top: 36px;}
.coldchain_wrap_220118 .cold_box1 { margin-top: 0;}
.announce_wrap_220118 .board_title { display: flex; align-items: center; justify-content: space-between; margin: 85rem auto 0; flex-wrap: wrap;}
.announce_wrap_220118 .box_tit { text-align: left;}
.announce_wrap_220118 .box_tit2 { width: 714rem; max-width: 100%;}
.announce_wrap_220118 .box_tit3 { margin-top: 0; margin-bottom: 30rem; padding-bottom: 20rem; border-bottom: 1rem solid #000;}
.recruit_wrap_220118 .sub_tab { margin-bottom: 90rem;}
.culture_cont_220118 .culture_toptxt { text-align: left;}

.service_wrap_220121 .mobility_intro { margin-top: 0;}
.service_wrap_220121 .mobility_intro .intro_box { position: relative; overflow: hidden;}
.service_wrap_220121 .mobility_intro .intro_box .txtbox { transition: all 0.3s;}
.service_wrap_220121 .mobility_intro .intro_box:after { content: ""; width: 165rem; height: 294rem; background: url(https://www.hlholdings.co.kr/web/images/sub/mobility_hover.png); position: absolute; right: -165rem; bottom: 0; transition: all 0.3s;}
.service_wrap_220121 .mobility_intro .intro_box.on .txtbox { background: #000; color: #fff;}
.service_wrap_220121 .mobility_intro .intro_box.on:after { right: 0; transition: all 0.3s 0.2s;}
.service_wrap_220121 .mobility_intro .intro_box .imgbox:after { transition: all 0.3s;}
.service_wrap_220121 .mobility_intro .intro_box.on .imgbox:after { background: url(https://www.hlholdings.co.kr/web/images/sub/m_w_hover.png); background-size: 100% 100%;}
.service_wrap_220121 .mobility_intro .intro_box.right.on .imgbox:after { background: url(https://www.hlholdings.co.kr/web/images/sub/m_w2_hover.png); background-size: 100% 100%;}
.service_wrap_220121 .mobility_intro .intro_box.on .txtbox .arrow_btn_11 { border-color: #fff; color: #fff;}
.service_wrap_220121 .mobility_intro .intro_box.on .txtbox p { color: #fff;}
.service_wrap_220121 .mobility_intro .intro_box.right:after { content: ""; width: 138rem; height: 247rem; background: url(https://www.hlholdings.co.kr/web/images/sub/mobility_hover_right.png); position: absolute; left: -138rem; bottom: 0; transition: all 0.3s;}
.service_wrap_220121 .mobility_intro .intro_box.right.on:after { left: 0; bottom: auto; top: 0;}

.service_wrap_220121 .sub_tab { margin-bottom: 90rem;}
.service_wrap_220121 .top_txt .h4_desc { text-align: left;}
.service_wrap_220121 .part_list { display: flex; flex-wrap: wrap; gap: 24rem; margin-top: 32rem;}
.service_wrap_220121 .mobil_box1 .part_wrap .part_box { position: static;}
.service_wrap_220121 .part_list .part_box { position: static; width: calc(33.333% - 16rem); box-sizing: border-box; border: 1rem solid #dadada; padding: 25rem 33rem 30rem;}
.service_wrap_220121 .part_list .part_box h5 { font-size: 22rem; line-height: 32rem; font-weight: 500; background-repeat: no-repeat; background-position: right center; padding-bottom: 15rem; border-bottom: 1rem solid #000;}
.service_wrap_220121 .part_list .part_box h5 em { display: block; font-size: 18rem; color: #666;}
.service_wrap_220121 .part_list .part_box .imgbox { text-align: center;}
.service_wrap_220121 .part_list .part_box .imgbox img { max-width: 100%;}
.service_wrap_220121 .mobil_box2 .part_list .part_box .imgbox { height: auto; background: none; padding: 0; display: block;}
.service_wrap_220121 .mobil_box3 .box_tit { margin-bottom: 52rem;}
.service_wrap_220121 .mobil_box3 .box_stit { font-size: 30rem;}

.service_wrap_220121 .mobility_wrap2 .mobil_box4 > .container { display: flex; align-items: flex-start; justify-content: space-between;}
.service_wrap_220121 .mobility_wrap2 .mobil_box4 img { position: static; transform: none;}
.service_wrap_220121 .mobility_wrap2 .mobil_box4 { padding-top: 100rem; padding-bottom: 75rem; background: url(https://www.hlholdings.co.kr/web/images/sub/mobil_box4_bg.png) no-repeat left 20% bottom;}
.service_wrap_220121 .mobility_wrap3 .top_txt p { display: flex; align-items: flex-end; justify-content: space-between;}
.service_wrap_220121 .mobility_wrap3 .top_txt .short_btn { width: 260rem; letter-spacing: -0.5px;}
.service_wrap_220121 .mobility_wrap3 .mobil_box2 .part_wrap .part_box { position: static;}
.service_wrap_220121 .mobility_wrap3 .mobil_box2 { padding-top: 80rem;}
.service_wrap_220121 .mobility_wrap3 .mobil_box2 .part_wrap { margin-top: 0;}
.service_wrap_220121 .mobility_wrap3 .mobil_box2_4 { padding-bottom: 90rem; border-bottom: 1rem solid #dadada;}
.service_wrap_220121 .mobility_wrap3 .mobil_box5 { padding-top: 83rem; display: flex; gap: 0 70rem; padding-bottom: 106rem;}
.service_wrap_220121 .mobility_wrap3 .mobil_box5 .col_box { width: calc(50% - 35rem);}
.service_wrap_220121 .mobility_wrap3 .mobil_box4 .box_tit { margin-bottom: 25rem;}
.service_wrap_220121 .mobility_wrap3 .mobil_box4 .group_cont { display: block; margin-top: 35rem;}
.service_wrap_220121 .mobility_wrap3 .mobil_box4 .group_cont .group_box { width: 100%; margin-bottom: 65rem;}
.service_wrap_220121 .mobility_wrap3 .mobil_box4 .group_cont .group_box:last-child { margin-bottom: 0;}
.service_wrap_220121 .mobility_wrap3 .mobil_box4 .group_cont .group_box ul { border: none; flex-wrap: wrap; gap: 18rem 16rem; justify-content: flex-start; align-items: stretch; height: auto; margin-top: 28rem;}
.service_wrap_220121 .mobility_wrap3 .mobil_box4 .group_cont .group_box ul li { width: calc(33.333% - 11rem); min-height: 78rem; border: 1rem solid #dadada; text-align: center; box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 12rem 10rem;}
.service_wrap_220121 .mobility_wrap3 .mobil_box4 .group_cont .group_box ul li img { max-width: 100%;}
.service_wrap_220121 .mobility_wrap3 .mobil_box5 .channel_cont { display: block; margin-top: 0; padding-bottom: 0;}
.service_wrap_220121 .mobility_wrap3 .mobil_box5 .channel_box { width: 100%; margin-bottom: 53rem;}
.service_wrap_220121 .mobility_wrap3 .mobil_box5 .channel_box:last-child { margin-bottom: 0;}
.service_wrap_220121 .mobility_wrap3 .mobil_box5 .channel_box .txtbox { padding-top: 0; word-break: keep-all;}
.service_wrap_220121 .mobility_wrap3 .mobil_box5 .channel_box .txtbox p { letter-spacing: -1rem;}
.service_wrap_220121 .mobility_wrap3 .mobil_box5 .channel_box .imgbox { border: 1rem solid #dadada; background: #fff; box-sizing: border-box; padding: 37rem 20rem 24rem; margin-top: 26rem;}
.service_wrap_220121 .mobility_wrap3 .mobil_box5 .channel_box .btn_wrap { display: flex; align-items: center; margin-top: 9rem;}
.service_wrap_220121 .mobility_wrap3 .mobil_box5 .channel_box .btn_wrap a { margin-right: 7rem; display: flex; align-items: center; justify-content: center;}
.service_wrap_220121 .mobility_wrap3 .mobil_box5 .channel_box .btn_wrap a:last-child { margin-right: 0;}
.service_wrap_220121 .mobility_wrap3 .mobil_box5 .channel_box .btn_wrap .app_btn { display: flex; width: 149rem; height: 45rem; box-sizing: border-box; border: 1rem solid #dadada; text-align: center; line-height: 40rem;}
.service_wrap_220121 .mobility_wrap3 .mobil_box5 .channel_box .btn_wrap .app_btn img { width: 115rem;}
.service_wrap_220121 .mobility_wrap3 .mobil_box5 .channel_box .btn_wrap .short_btn { width: 246rem; font-size: 15rem; color: #666; letter-spacing: -1rem;}
.service_wrap_220121 .mobility_wrap3 .mobil_box5 .channel_box .btn_wrap .short_btn.north-btn { width: 333rem;}
.service_wrap_220121 .mobility_wrap3 .mobil_box3 .g_mapbox > img { display: block;}
.service_wrap_220121 .mobility_wrap3 .mobil_box3 .g_mapbox { padding-left: 12rem;}
.service_wrap_220121 .mobility_wrap3 .mobil_box3 .map_txt { position: absolute; left: 0; bottom: -7rem; text-align: left;}
.service_wrap_220121 .mobility_wrap3 .mobil_box3 .map_txt li { font-size: 14rem; line-height: 20rem;}
.service_wrap_220121 .mobility_wrap3 .mobil_box3 .map_txt li p { font-weight: 500;}
.service_wrap_220121 .mobility_wrap3 .mobil_box3 .map_txt li b { font-weight: 500; display: inline-block; width: 67rem;}
.service_wrap_220121 .mobility_wrap3 .mobil_box3 .map_txt li span { font-size: 12rem; color: #666;}
.service_wrap_220121 .mobility_wrap3 .mobil_box3 .inquiry_box { margin-top: 160rem;}
.service_wrap_220121 .mobility_wrap5 .supply_cont .supply_box1 .supply_list li .txtbox { background: url(https://www.hlholdings.co.kr/web/images/sub/supply_txtbox_bg.png) no-repeat right bottom; background-size: auto 100%;}
.service_wrap_220121 .mobility_wrap5 .supply_contwrap { padding-top: 0;}
.service_wrap_220121 .mobility_wrap5 .sub_tab { margin-top: 0;}
.service_wrap_220121 .mobility_wrap5 .supply_cont .supply_box1 .tuning_list .tuning_box li .txtbox.let-5 { letter-spacing: -2rem;}
.inquiry_box p span { padding-left: 23rem; padding-right: 25rem; display: inline-block; position: relative;}
.inquiry_box p span:first-child { padding-left: 0;}
.inquiry_box p span:last-child { padding-right: 0;}
.inquiry_box p span:after { content: ""; width: 1rem; height: 13rem; background: #b2b2b2; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.inquiry_box p span:last-child:after { width: 0; height: 0;}
.inquiry_box p span em { color: #222; padding-right: 15rem;}
.service_wrap_220121 .mobility_wrap6 { padding-bottom: 186rem;}
.service_wrap_220121 .mobility_wrap6 .fleet_box1 { padding-bottom: 35rem;}
.service_wrap_220121 .mobility_wrap6 .fleet_box1 .h4_desc { margin-top: 20rem;}
.service_wrap_220121 .mobility_wrap6 .fleet_box2 {;}


.service_wrap_220121 .mobility_wrap6 .fleet_box2 .colwrap { display: flex; background: url(https://www.hlholdings.co.kr/web/images/sub/fleet_bg.png) no-repeat center top; background-size: 100% 142rem; border-bottom: 1rem solid #dadada;}
.service_wrap_220121 .mobility_wrap6 .fleet_box2 .colwrap .col { width: 33.333%; box-sizing: border-box; position: relative;}
.service_wrap_220121 .mobility_wrap6 .fleet_box2 .colwrap .col .icobox { height: 142rem; display: flex; align-items: center; justify-content: center; text-align: center;}
.service_wrap_220121 .mobility_wrap6 .fleet_box2 .colwrap .col .icobox img {;}

.service_wrap_220121 .mobility_wrap6 .fleet_box2 .colwrap .col .txtbox { text-align: center; padding-top: 55rem; padding-bottom: 55rem;}
.service_wrap_220121 .mobility_wrap6 .fleet_box2 .colwrap .col .txtbox p { font-size: 26rem; line-height: 30rem ; font-weight: bold; position: relative; letter-spacing: -1rem;}
.service_wrap_220121 .mobility_wrap6 .fleet_box2 .colwrap .col .txtbox p:after { content: ""; width: 157rem; height: 10rem; background: url(https://www.hlholdings.co.kr/web/images/sub/fleet_arrow.png) no-repeat right top; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); margin-left: -78rem;}
.service_wrap_220121 .mobility_wrap6 .fleet_box2 .colwrap .col:last-child .txtbox p:after { width: 0; height: 0;}
.service_wrap_220121 .mobility_wrap6 .fleet_box2 .colwrap .col .txtbox ul { padding-top: 10rem;}
.service_wrap_220121 .mobility_wrap6 .fleet_box2 .colwrap .col .txtbox ul li { font-size: 18rem; line-height: 32rem; color: #666;}
.service_wrap_220121 .mobility_wrap6 .fleet_box2 .word_noti { display: block; font-size: 16rem; line-height: 32rem; color: #666; margin-top: 20rem;}
.service_wrap_220121 .mobility_wrap6 .fleet_box2 .word_noti b { color: #000;}
.service_wrap_220121 .logi_top {;}


.service_wrap_220121 .logi_top h3 {;}


.service_wrap_220121 .logi_top .h4_desc { margin-top: 30rem;}
.service_wrap_220121 .logistics_wrap .sub_tab { margin-top: 90rem; margin-bottom: 60rem;}
.service_wrap_220121 .logistics_wrap > h4 { padding-top: 0;}
.service_wrap_220121 .logistics_wrap .logi_cont { padding-top: 0;}
.service_wrap_220121 .logistics_wrap .logi_cont3 .intro_box .intro_desc .imgbox { width: 471rem;}
.service_wrap_220121 .logistics_wrap .logi_cont3 .intro_box .intro_desc .txtbox { width: calc(100% - 471rem); padding-left: 55rem;}
.service_wrap_220121 .logistics_wrap2 .cons_cont1 .cons_box1 .desc_box p { width: 160rem; height: 160rem; border: none; background: #022b68; color: #fff;}
.service_wrap_220121 .logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul { margin-top: 87rem;}
.service_wrap_220121 .logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul > li .icobox { height: 49rem; border-radius: 0; background-color: transparent; box-shadow: none; margin-top: 22rem;}
.service_wrap_220121 .logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul > li .txtbox ul { display: table; margin: 10rem auto 0;}
.service_wrap_220121 .logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul:before { background: url(https://www.hlholdings.co.kr/web/images/sub/consult_line1_220124.png) no-repeat center top; height: 87rem;}
.service_wrap_220121 .logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul > li:before { background: url(https://www.hlholdings.co.kr/web/images/sub/consult_line1-2_220124.png) no-repeat center top; height: 47rem;}
.service_wrap_220121 .logistics_wrap3 .logi_top { margin-bottom: 45rem;}
.service_wrap_220121 .logistics_wrap3 .desc_box { padding: 49rem 20rem 58rem; margin-top: 0; position: relative;}
.service_wrap_220121 .logistics_wrap3 .desc_box1 { border: 1rem solid #dadada; margin-bottom: 31rem;}
.service_wrap_220121 .logistics_wrap3 .desc_box2 { background: #f6f6f6;}
.service_wrap_220121 .logistics_wrap3 .desc_box .t_img, .service_wrap_220121 .logistics_wrap3 .desc_box .m_img { display: none;}
.service_wrap_220121 .logistics_wrap3 .desc_box .w_img { display: inline;}
.service_wrap_220121 .logistics_wrap3 .base_box { margin-top: 65rem;}
.service_wrap_220121 .logistics_wrap3 .base_box .base_flex { margin-top: 29rem; display: flex; gap: 0 24rem ;}


.service_wrap_220121 .logistics_wrap3 .base_box .base_flex .base_list { width: 448rem; border-top: 1rem solid #dadada; border-bottom: 1rem solid #dadada;}
.service_wrap_220121 .logistics_wrap3 .base_box .base_flex .base_list .col { border-bottom: 1rem solid #dadada; padding: 30rem 0; display: flex;}
.service_wrap_220121 .logistics_wrap3 .base_box .base_flex .base_list .col:last-child { border-bottom: 0;}
.service_wrap_220121 .logistics_wrap3 .base_box .base_flex .base_list .col h6 { width: 118rem; font-size: 24rem; font-weight: 500;}
.service_wrap_220121 .logistics_wrap3 .base_box .base_flex .base_list .col .txtbox { width: calc(100% - 118rem); letter-spacing: -1rem;}
.service_wrap_220121 .logistics_wrap3 .base_box .base_flex .base_list .col .txtbox p { font-size: 17rem; line-height: 32rem; color: #666;}
.service_wrap_220121 .logistics_wrap3 .base_box .base_flex .base_list .col .txtbox p.let-15 { letter-spacing: -1.5rem;}
.service_wrap_220121 .logistics_wrap3 .base_box .base_flex .base_list .col .txtbox span { display: block; font-size: 15rem; line-height: 30rem; color: #666;}
.service_wrap_220121 .logistics_wrap3 .base_box .base_flex .base_list .col .txtbox span img { padding-right: 11rem;}
.service_wrap_220121 .logistics_wrap3 .base_box .base_flex .base_img { display: flex; gap: 0 24rem; width: calc(100% - 472rem);}
.service_wrap_220121 .logistics_wrap3 .base_box .base_flex .base_img span { display: block; width: calc(50% - 12rem); overflow: hidden; position: relative;}
.service_wrap_220121 .logistics_wrap3 .base_box .base_flex .base_img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; min-width: 100%; height: auto; min-height: 100%;}
.service_wrap_220121 .logistics_wrap3 .base_box .arrow_btn_13 { width: 212rem; margin-top: 23rem;}
.service_wrap_220121 .logistics_wrap3 .base_box .m_btn { display: none;}

.coldchain_wrap_220118 .cold_box1 .desc_cont h5 { background: #022b68; border: none; color: #fff;}
.coldchain_wrap_220118 .cold_box1 .desc_cont .diagram_box { gap: 0 391rem;}
.coldchain_wrap_220118 .cold_box1 .desc_cont .diagram_box:after { width: 391rem; background: url(https://www.hlholdings.co.kr/web/images/sub/coldchain_line_220124.png) no-repeat;}
.coldchain_wrap_220118 .cold_box1 .desc_cont .desc_box .imgbox { background-color: transparent; border-radius: 0; box-shadow: none;}
.coldchain_wrap_220118 .cold_box1 .desc_cont .desc_box { width: calc(50% - 196rem);}
.coldchain_wrap_220118 .cold_box1 .desc_cont .desc_box .imgbox { width: 80rem;}
.coldchain_wrap_220118 .cold_box1 .desc_cont .desc_box .txtbox { width: 255rem;}
.coldchain_wrap_220118 .cold_box2 .desc_cont { gap: 0 24rem;}
.coldchain_wrap_220118 .cold_box2 .desc_box1 { width: calc(50% - 12rem);}
.coldchain_wrap_220118 .cold_box2 .desc_box1 ul { padding-top: 38rem;}
.coldchain_wrap_220118 .cold_box2 .desc_box1 ul li { width: 25%; text-align: center; margin-right: 0; position: relative;}
.coldchain_wrap_220118 .cold_box2 .desc_box1 ul li .icobox { width: 100%; height: 88rem; background: none; border-raidus: 0; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.coldchain_wrap_220118 .cold_box2 .desc_box1 ul:before { width: 0; height: 0;}
.coldchain_wrap_220118 .cold_box2 .desc_box1 ul li:after { content: ""; width: 1rem; height: 100%; background: #dadada; position: absolute; right: 0; top: 0;}
.coldchain_wrap_220118 .cold_box2 .desc_box1 ul li:last-child:after { width: 0; height: 0;}
.coldchain_wrap_220118 .cold_box2 .desc_box1 ul li p { color: #222; letter-spacing: -1.5rem; line-height: 28rem; height: 63rem; display: flex; align-items: center; justify-content: center; margin-top: 0;}
.coldchain_wrap_220118 .cold_box1 .desc_cont .desc_t_img { display: none;}

.coldchain_wrap_220118 .cold_box2 h4 { font-size: 24rem; margin-bottom: 0;}
.coldchain_wrap_220118 .cold_box2 .desc_box3 { width: 100%;}
.coldchain_wrap_220118 .cold_box2 .desc_cont { margin-top: 15rem;}
.coldchain_wrap_220118 .cold_box2 .desc_box3 > ul { display: flex; justify-content: center; position: relative; margin: 0;}
.coldchain_wrap_220118 .cold_box2 .desc_box3 > ul > li { width: 32%; position: relative;}
.coldchain_wrap_220118 .cold_box2 .desc_box3 > ul > li .icobox { width: 150rem; height: 88rem; background: none; border-raidus: 0; display: flex; align-items: center; justify-content: center; margin: 0 auto; position: relative;}
.coldchain_wrap_220118 .cold_box2 .desc_box3 > ul > li .icobox:after { content: ""; width: 202rem; height: 1rem; background: #000; position: absolute; left: 110%; top: 45rem;}
.coldchain_wrap_220118 .cold_box2 .desc_box3 > ul > li:last-child .icobox:after { width: 0; height: 0;}
.coldchain_wrap_220118 .cold_box2 .desc_box3 > ul > li p { font-size: 20rem; line-height: 32rem; color: #222; letter-spacing: -1.5rem; text-align: center;}
.coldchain_wrap_220118 .cold_box2 .desc_box3 > ul > li .desc_t_img { display: none;}
.coldchain_wrap_220118 .cold_box2 .desc_box3 > ul > li .bttm_desc { border: none; padding: 0; margin: 0; text-align: left; margin: 15rem auto 0; display: table;}
.coldchain_wrap_220118 .cold_box2 .desc_box3 > ul > li .bttm_desc li { padding-left: 15rem; background: url(https://www.hlholdings.co.kr/web/images/sub/list_chk_ico.png) no-repeat ; background-position: left 0 top 8px; font-size: 15rem; line-height: 25rem; color: #666; letter-spacing: -1rem;}


.coldchain_wrap_220118 p span.word_noti { display: block; font-size: 14rem; line-height: 32rem; color: #666; margin-top: 10rem;text-align: right;}
.coldchain_wrap_220118 p span.word_noti b { color: #000;}


.coldchain_wrap_220118 .cold_box2 .desc_box4 { width: 100%;}
.coldchain_wrap_220118 .cold_box2 .desc_box4 > ul { display: flex; justify-content: center; position: relative; margin: 0;}
.coldchain_wrap_220118 .cold_box2 .desc_box4 > ul > li { width: 25%; position: relative;}
.coldchain_wrap_220118 .cold_box2 .desc_box4 > ul > li .icobox { width: 150rem; height: 88rem; background: none; border-raidus: 0; display: flex; align-items: center; justify-content: center; margin: 0 auto; position: relative;}
.coldchain_wrap_220118 .cold_box2 .desc_box4 > ul > li .icobox:after { content: ""; width: 202rem; height: 1rem; background: #000; position: absolute; left: 100%; top: 45rem;}

.coldchain_wrap_220118 .cold_box2 .desc_box4 > ul > li.icobox_n .icobox:after { width: 0; height: 0;}
.coldchain_wrap_220118 .cold_box2 .desc_box4 > ul > li:last-child .icobox:after { width: 0; height: 0;}
.coldchain_wrap_220118 .cold_box2 .desc_box4 > ul > li p { font-size: 20rem; line-height: 32rem; color: #222; letter-spacing: -1.5rem; text-align: center;}
.coldchain_wrap_220118 .cold_box2 .desc_box4 > ul > li .desc_t_img { display: none;}
.coldchain_wrap_220118 .cold_box2 .desc_box4 > ul > li .bttm_desc { border: none; padding: 0; margin: 0; text-align: left; margin: 15rem auto 0; display: table;}
.coldchain_wrap_220118 .cold_box2 .desc_box4 > ul > li .bttm_desc li { padding-left: 15rem; background: url(https://www.hlholdings.co.kr/web/images/sub/list_chk_ico.png) no-repeat ; background-position: left 0 top 8px; font-size: 15rem; line-height: 25rem; color: #666; letter-spacing: -1rem;}

.coldchain_wrap .cold_box2 .desc_box ul.bt_t {border-top: 1rem solid #dadada;border-left: 1rem solid #dadada;border-right: 1rem solid #dadada;border-bottom: 0rem solid #dadada;}
.coldchain_wrap .cold_box2 .desc_box ul.bt_b {border-top: 0rem solid #dadada;border-left: 1rem solid #dadada;border-right: 1rem solid #dadada;border-bottom: 1rem solid #dadada;}




.investment_wrap_220121 .cons_box1 { padding-bottom: 55rem;}
.investment_wrap_220121 .cons_box1 h3 { text-align: left;}
.investment_wrap_220121 .cons_box1 p { text-align: left;}
.investment_wrap_220121 .cons_box3 { padding-top: 128rem;}
.investment_wrap_220121 .cons_box3 .investment_list ul li .txtbox { height: 146rem; box-sizing: border-box; padding-bottom: 0;}
.investment_wrap_220121 .cons_box2 { background: #fff; padding-top: 0; padding-bottom: 0;}
.investment_wrap_220121 .cons_box2 .investment_list ul li .txtbox span { letter-spacing: -1.3rem; margin-top: 4rem;}
.investment_wrap_220121 .cons_box2 .colwrap { display: flex; background: url(https://www.hlholdings.co.kr/web/images/sub/newb_bg.png) no-repeat center top; background-size: 100% 122rem;}
.investment_wrap_220121 .cons_box2 .colwrap .col { width: 25%; box-sizing: border-box; position: relative;}
.investment_wrap_220121 .cons_box2 .colwrap .col .icobox { height: 122rem; display: flex; align-items: center; justify-content: center; text-align: center;}
.investment_wrap_220121 .cons_box2 .colwrap .col .icobox img {;}


.investment_wrap_220121 .cons_box2 .colwrap .col .txtbox { text-align: center; padding-top: 25rem;}
.investment_wrap_220121 .cons_box2 .colwrap .col .txtbox p { font-size: 20rem; line-height: 32rem ; font-weight: bold; position: relative; letter-spacing: -1rem; word-break: keep-all;}
.sub_top_220126 { position: relative;}
.sub_top_220126 .container { height: 50rem; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.sub_top { position: relative;}
.sub_top .container { height: 50rem; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.sharebox { position: absolute; right: 0; bottom: 0; display: flex; gap: 0 1rem; z-index: 2;}
.sharebox > div {;}


.sharebox > div > a { display: block; width: 50rem; height: 50rem; background-color: rgba(0,0,0,0.8); background-repeat: no-repeat; background-position: center center; position: relative; box-sizing: border-box; z-index: 2;}
.sharebox .sns_share > a.sns_btn { background-image: url(https://www.hlholdings.co.kr/web/images/sub/share_ico.png); background-size: 21rem;}
.sharebox .print_share > a.print_btn { background-image: url(https://www.hlholdings.co.kr/web/images/sub/print_ico.png); background-size: 23rem;}
.sharebox .sns_share.on > a.sns_btn { background-image: url(https://www.hlholdings.co.kr/web/images/sub/share_ico_on.png); background-size: 21rem; background-color: #fff; border: 1rem solid #dadada;}
.sharebox .sns_share .sns_list { display: flex; position: absolute; right: 100%; top: 0; width: 0; z-index: 0; transition: all 0.3s; overflow: hidden;}
.sharebox .sns_share.on .sns_list { width: 147rem;}
.sharebox .sns_share .sns_list li {;}


.sharebox .sns_share .sns_list li a { display: block; width: 50rem; height: 50rem; box-sizing: border-box; border: 1rem solid #dadada; background-color: #fff; background-repeat: no-repeat; background-position: center center; margin-right: -1rem;}
.sharebox .sns_share .sns_list li.f_btn a { background-image: url(https://www.hlholdings.co.kr/web/images/sub/share_sns_1.png); background-size: 11rem;}
.sharebox .sns_share .sns_list li.t_btn a { background-image: url(https://www.hlholdings.co.kr/web/images/sub/share_sns_2.png); background-size: 21rem;}
.sharebox .sns_share .sns_list li.b_btn a { background-image: url(https://www.hlholdings.co.kr/web/images/sub/share_sns_3.png); background-size: 15rem;}
.recruit_wrap_220126 .talent_box3 .philo_box { position: relative;}
.recruit_wrap_220126 .talent_box3 .philo_box img { max-width: 100%;}
.recruit_wrap_220118 .organbox1 { padding-bottom: 60rem;}
.recruit_wrap_220118 .organbox1 .box_tit {;}


.recruit_wrap_220118 .organbox1 .way_work { display: flex; margin-top: 60rem; justify-content: space-between; position: relative;}
.recruit_wrap_220118 .organbox1 .way_work:before { content: ""; width: calc(100% - 230rem); height: 1rem; background: #022b68; position: absolute; left: 50%; top: 115rem; transform: translateX(-50%); z-index: -1;}
.recruit_wrap_220118 .organbox1 .way_work li {;}


.recruit_wrap_220118 .organbox1 .way_work li .icobox { width: 230rem; height: 230rem; box-sizing: border-box; border: 1rem solid; padding-top: 56rem; text-align: center; border-radius: 50%; margin: 0 auto; background: #fff;}
.recruit_wrap_220118 .organbox1 .way_work li .icobox img {;}


.recruit_wrap_220118 .organbox1 .way_work li .icobox p { font-size: 24rem; line-height: 30rem; font-weight: bold; margin-top: 20rem;}
.recruit_wrap_220118 .organbox1 .way_work li.col1 .icobox { border-color: #a8a9ac;}
.recruit_wrap_220118 .organbox1 .way_work li.col2 .icobox { border-color: #00b5ee;}
.recruit_wrap_220118 .organbox1 .way_work li.col3 .icobox { border-color: #022b68;}
.recruit_wrap_220118 .organbox1 .way_work li .txtbox { padding-top: 25rem; font-size: 16rem; line-height: 32rem; color: #666; letter-spacing: -1.5rem; text-align: center; word-break: keep-all;}
.recruit_wrap_220118 .organbox2 { background: #f6f6f6; padding: 112rem 0 110rem;}
.recruit_wrap_220118 .organbox2 .box_tit { margin-bottom: 20rem;}
.recruit_wrap_220118 .organbox2 .commu_box { display: flex;}
.recruit_wrap_220118 .organbox2 .commu_box .imgbox { width: 684rem; box-sizing: border-box;}
.recruit_wrap_220118 .organbox2 .commu_box .imgbox img { max-width: 100%;}
.recruit_wrap_220118 .organbox2 .commu_box .txtbox { width: calc(100% - 684rem); box-sizing: border-box; padding-left: 55rem; word-break: keep-all;}
.recruit_wrap_220118 .organbox2 .commu_box .txtbox .h4 { line-height: 30rem;}
.recruit_wrap_220118 .organbox2 .commu_box .txtbox ul { margin-top: 35rem;}
.recruit_wrap_220118 .organbox2 .commu_box .txtbox ul li { margin-bottom: 25rem;}
.recruit_wrap_220118 .organbox2 .commu_box .txtbox ul li:last-child { margin-bottom: 0;}
.recruit_wrap_220118 .organbox2 .commu_box .txtbox ul li p { font-size: 24rem; line-height: 30rem; font-weight: 500; letter-spacing: -1rem; margin-bottom: 5rem;}
.recruit_wrap_220118 .organbox2 .commu_box .txtbox ul li span { font-size: 17rem; line-height: 32rem; color: #666; letter-spacing: -1.5rem;}
.recruit_wrap_220118 .organbox3 { padding: 90rem 0 0;}
.recruit_wrap_220118 .organbox3 .perform_box {;}


.recruit_wrap_220118 .organbox3 .perform_box .box_tit {;}


.recruit_wrap_220118 .organbox3 .perform_box .h4_desc { margin-top: 24rem;}
.recruit_wrap_220118 .organbox3 .perform_box .p_box { background: #f6f6f6; padding: 42rem 120rem 55rem; margin-top: 55rem;}
.recruit_wrap_220118 .organbox3 .perform_box ul { display: flex; justify-content: space-between; position: relative; z-index: 1;}
.recruit_wrap_220118 .organbox3 .perform_box ul:before { content: ""; width: calc(100% - 296rem); height: 1rem; background: #022b68; position: absolute; left: 50%; top: 74rem; transform: translateX(-50%); z-index: -1;}
.recruit_wrap_220118 .organbox3 .perform_box ul li { padding-bottom: 84rem; position: relative;}
.recruit_wrap_220118 .organbox3 .perform_box ul li .c_box { width: 148rem; height: 148rem; border-radius: 50%; box-sizing: border-box; border: 1rem solid; background: #f6f6f6; font-size: 18rem; line-height: 28rem; font-weight: bold; display: flex; align-items: center; justify-content: center; text-align: center; margin: 0 auto;}
.recruit_wrap_220118 .organbox3 .perform_box ul li.col1 .c_box { border-color: #a8a9ac;}
.recruit_wrap_220118 .organbox3 .perform_box ul li.col2 .c_box { border-color: #00b5ee;}
.recruit_wrap_220118 .organbox3 .perform_box ul li.col3 .c_box { border-color: #022b68;}
.recruit_wrap_220118 .organbox3 .perform_box ul li.col4 .c_box { border-color: #022b68;}
.recruit_wrap_220118 .organbox3 .perform_box ul li.col5 .c_box { border-color: #03A9F4; background: #03A9F4; color: #fff;}
.recruit_wrap_220118 .organbox3 .perform_box ul li.col6 .c_box { border-color: #2196F3; background: #2196F3; color: #fff;}

.recruit_wrap_220118 .organbox3 .perform_box ul li .t_box { font-size: 18rem; line-height: 32rem; letter-spacing: -1.5rem; padding-top: 20rem; text-align: center; position: absolute; left: 50%; top: 148rem; transform: translateX(-50%); white-space: nowrap; word-break: keep-all;}
.recruit_wrap_220118 .organbox3 .rule_box { padding-top: 90rem;}
.recruit_wrap_220118 .organbox3 .rule_box .rule_list { margin-top: 30rem;}
.recruit_wrap_220118 .organbox3 .rule_box .rule_list .rule_col { display: flex; gap: 0 24rem; margin-bottom: 54rem;}
.recruit_wrap_220118 .organbox3 .rule_box .rule_list .rule_col:last-child { margin-bottom: 0;}
.recruit_wrap_220118 .organbox3 .rule_box .rule_list .rule_col .imgbox { width: 684rem;}
.recruit_wrap_220118 .organbox3 .rule_box .rule_list .rule_col .imgbox img { max-width: 100%;}
.recruit_wrap_220118 .organbox3 .rule_box .rule_list .rule_col .txtbox { width: calc(100% - 708rem); box-sizing: border-box; word-break: keep-all;}
.recruit_wrap_220118 .organbox3 .rule_box .rule_list .rule_col .txtbox ul {;}


.recruit_wrap_220118 .organbox3 .rule_box .rule_list .rule_col .txtbox ul li { display: flex; align-items: center; margin-bottom: 40rem;}
.recruit_wrap_220118 .organbox3 .rule_box .rule_list .rule_col .txtbox ul li:last-child { margin-bottom: 0;}
.recruit_wrap_220118 .organbox3 .rule_box .rule_list .rule_col .txtbox ul li .ico { width: 121rem; height: 121rem; background-color: #f6f6f6; background-repeat: no-repeat; background-position: center center; border-radius: 50%;}
.recruit_wrap_220118 .organbox3 .rule_box .rule_list .rule_col .txtbox ul li p { width: calc(100% - 121rem); box-sizing: border-box; padding-left: 40rem; font-size: 17rem; line-height: 30rem; color: #666; letter-spacing: -1rem;}
.recruit_wrap_220118 .organbox3 .rule_box .rule_list .rule_col .txtbox ul li p b { font-size: 20rem; font-weight: bold; display: block; color: #222;}
.recruit_wrap_220118 .organbox3 .rule_box .rule_list .rule_col.right .imgbox { order: 2;}
.recruit_wrap_220118 .organbox3 .rule_box .rule_list .rule_col.right .txtbox { order: 1;}
.recruit_wrap_220118 .organbox3 .rule_box .rule_list .rule_col.left .txtbox { padding-left: 94rem;}
.culture_cont_220118 .growup_box1 { padding-bottom: 94rem;}
.culture_cont_220118 .growup_box1 ul { margin-top: 25rem; display: flex; gap: 0 27rem;}
.culture_cont_220118 .growup_box1 ul li { width: calc(20% - 22rem); box-sizing: border-box; border: 1rem solid #dadada; padding: 30rem 0 34rem; letter-spacing: -1rem; text-align: center;}
.culture_cont_220118 .growup_box1 ul li img {;}


.culture_cont_220118 .growup_box1 ul li p { font-size: 26rem; line-height: 30rem; font-weight: 500; margin-top: 30rem;}
.culture_cont_220118 .growup_box1 ul li span { font-size: 17rem; line-height: 28rem; color: #666; display: Block; margin-top: 10rem;}
.culture_cont_220118 .growup_box2 { background: url(https://www.hlholdings.co.kr/web/images/sub/growup_bg.png) no-repeat center center; background-size: cover; padding: 78rem 0 80rem;}
.culture_cont_220118 .growup_box2 .box_tit { color: #fff;}
.culture_cont_220118 .growup_box2 ul { display: flex; flex-wrap: wrap; gap: 0 48rem; margin-top: 40rem;}
.culture_cont_220118 .growup_box2 ul li { width: calc(50% - 24rem); color: #fff; padding: 22rem 0 20rem; border-top: 1rem solid rgba(255,255,255,0.3); letter-spacing: -0.5rem; word-break: keep-all;}
.culture_cont_220118 .growup_box2 ul li:nth-child(-n+2) { border-top: none;}
.culture_cont_220118 .growup_box2 ul li p { font-size: 24rem; line-height: 30rem; font-weight: 500; margin-bottom: 10rem;}
.culture_cont_220118 .growup_box2 ul li span { font-size: 17rem; line-height: 32rem;}
.recruit_wrap_220118 .procedure_box1 ul li .icobox { border: 1rem solid;}
.recruit_wrap_220118 .procedure_box1 ul li .icobox:after { margin-left: 1rem;}
.history_wrap_220204 .his_txt { padding-bottom: 0; padding-top: 0;}
.history_wrap_220204 .history_cont { padding-top: 50rem;}
.history_wrap_220204 .history_cont .history_box { display: block; margin-bottom: 100rem;}
.history_wrap_220204 .history_cont .history_box:last-child { margin-bottom: 0;}
.history_wrap_220204 .history_cont .history_box {;}


.history_wrap_220204 .history_cont.w_mode .history_box .imgbox { opacity: 0;}
.history_wrap_220204 .history_cont.w_mode .history_box .txtbox h5 { opacity: 0;}
.history_wrap_220204 .history_cont.on {;}


.history_wrap_220204 .history_cont.w_mode.on .history_box { padding-top: 235rem;}
.history_wrap_220204 .history_cont.w_mode.on .history_box.on {;}


.history_wrap_220204 .history_cont.w_mode.on .history_box .imgbox { position: fixed; top: 70rem; left: 50%; transform: translateX(-50%); width: 1392rem; z-index: 2;}
.history_wrap_220204 .history_cont.w_mode.on .history_box .txtbox h5 { position: fixed; top: 305rem; left: 0; margin-top: 55rem; margin-left: calc((100% - 1392rem) / 2);}
.history_wrap_220204 .history_cont.w_mode.on .history_box .txtbox .year { margin-left: 590rem;}
.history_wrap_220204 .history_cont.w_mode .history_box.on .imgbox { opacity: 1;}
.history_wrap_220204 .history_cont.w_mode .history_box.on .txtbox h5 { opacity: 1;}


/*220225 */
.main_slide_img {;}


.main_slide_img.ms_img_01 span { background: url(https://www.hlholdings.co.kr/web/images/main_img1_220225.jpg) no-repeat center center / cover;}
.main_slide_img.ms_img_02 span { background: url(https://www.hlholdings.co.kr/web/images/main_img2_220225.jpg) no-repeat center center / cover;}
.main_slide_img.ms_img_03 span { background: url(https://www.hlholdings.co.kr/web/images/main_img3_220225.jpg) no-repeat center center / cover;}
.main_slide_img.ms_img_04 span { background: url(https://www.hlholdings.co.kr/web/images/main_img4_220225.jpg) no-repeat center center / cover;}
.visual_220225 .main_slider .swiper-slide {;}


.visual_220225 .main_slider .swiper-slide span { border: 2px solid #000;}
.sustain_220225 { background: url(https://www.hlholdings.co.kr/web/images/sustain_bg_220225.jpg) no-repeat center center; background-size: cover;}
.sustain_220225 .sus_top { position: absolute; left: 0; top: 172rem;}
.sustain_220225 h3 { color: #fff;}
.sustain_220225 .h4 { color: #fff;}
.sustain_220225 .moreBtn { border: 1rem solid #fff; color: #fff;}
.sustain_220225 .moreBtn span:after { background: url(https://www.hlholdings.co.kr/web/images/more_arrow_hover.png) no-repeat center center / cover;}


/*220228 */
.sustain_220225 ul { display: flex; width: 560rem; position: absolute; z-index: 2; max-width: 100%; bottom: 236rem; right: 0; flex-wrap: wrap;}
.sustain_220225 ul li { width: calc(50% - 12rem); margin-right: 24rem;}
.sustain_220225 ul li:nth-child(2n) { margin-right: 0;}
.sustain_220225 ul li:nth-of-type(3), .sustain_220225 ul li:nth-of-type(4) { margin-top: 24rem;}
.sustain_220225 ul li a { display: block; height: 230rem; box-sizing: border-box; border: 1rem solid rgba(255,255,255,0.6); font-size: 18rem; coloR: #fff; font-weight: 500; padding-top: 28rem; padding-left: 26rem; padding-right: 26rem; transition: background 0.3s; word-break: keep-all; line-height: 1.4;}
.sustain_220225 ul li a:hover, .sustain_220225 ul li a:focus { color: #222;}
.sustain_220225 ul li.sustain_1 a { background: url(https://www.hlholdings.co.kr/web/images/sustain_ico1_220228.png) no-repeat right 30rem bottom 27rem; background-size: 50rem;}
.sustain_220225 ul li.sustain_2 a { background: url(https://www.hlholdings.co.kr/web/images/sustain_ico2_220228.png) no-repeat right 28rem bottom 28rem; background-size: 54rem;}
.sustain_220225 ul li.sustain_3 a { background: url(https://www.hlholdings.co.kr/web/images/sustain_ico3_220228.png) no-repeat right 30rem bottom 29rem; background-size: 50rem;}
.sustain_220225 ul li.sustain_4 a { background: url(https://www.hlholdings.co.kr/web/images/sustain_ico4_220228.png) no-repeat right 24rem bottom 30rem; background-size: 50rem;}
.sustain_220225 ul li.sustain_1 a:hover, .sustain_220225 ul li.sustain_1 a:focus { background: #fff url(https://www.hlholdings.co.kr/web/images/sustain_ico1_220228_on.png) no-repeat right 30rem bottom 27rem; background-size: 50rem;}
.sustain_220225 ul li.sustain_2 a:hover, .sustain_220225 ul li.sustain_2 a:focus { background: #fff url(https://www.hlholdings.co.kr/web/images/sustain_ico2_220228_on.png) no-repeat right 28rem bottom 28rem; background-size: 54rem;}
.sustain_220225 ul li.sustain_3 a:hover, .sustain_220225 ul li.sustain_3 a:focus { background: #fff url(https://www.hlholdings.co.kr/web/images/sustain_ico3_220228_on.png) no-repeat right 30rem bottom 29rem; background-size: 50rem;}
.sustain_220225 ul li.sustain_4 a:hover, .sustain_220225 ul li.sustain_4 a:focus { background: #fff url(https://www.hlholdings.co.kr/web/images/sustain_ico4_220228_on.png) no-repeat right 24rem bottom 30rem; background-size: 50rem;}
.sustain_220225 .sustain_img { width: 50%; text-align: right; position: absolute; right: 50%; bottom: 0; margin-right: -728rem;}
.investor_220225 { background: none;}
.investor_220225 .container { justify-content: flex-start; flex-direction: column;}
.investor_220225 .invest_box { margin-left: auto;}
.investor_220225 .invest_top { width: 100%;}
.investor_220225 .invest_bttm { margin-top: 8rem;}
.investor_220225 .invest_bttm .invest_slide .swiper-slide { height: 263rem;}


/*220rem*/
.investor_220225 .invest_bttm .invest_slide .swiper-slide a { padding-right: 35rem;}
.investor_220225 .invest_bttm .invest_slide .swiper-slide a:before { content: ""; width: 221rem; height: 261rem; background: url(https://www.hlholdings.co.kr/web/images/invest_hover2.jpg) no-repeat; position: absolute; right: -221rem; top: 0; z-index: 1; background-size: cover;}
.recruit_220225 { background: url(https://www.hlholdings.co.kr/web/images/recruit_bg_220225.jpg) no-repeat center center; background-size: cover;}


/*220307*/
.vision_wrap_220307 .desc_cont .desc_box h5 { width: 280rem; margin-right: 65rem;}
.vision_wrap_220307 .desc_cont .desc_box.vision .desc_txtbox p { margin-bottom: 0; font-size: 24rem;}
.vision_wrap_220307 .desc_cont .desc_cont_wrap_220307 .desc_box:last-child { margin-bottom: 15rem;}


.vision_wrap_220307 .desc_cont .desc_cont_wrap_220307 .desc_box.vision .desc_txtbox b { font-weight: 500;}
.vision_wrap_220307 .desc_cont .desc_cont_wrap_220307 .desc_box.identity .desc_txtbox { position: relative; border: 1rem solid #022b68; padding: 25rem 0;}
.vision_wrap_220307 .desc_cont .desc_cont_wrap_220307 .desc_box.identity .desc_txtbox p { color: #022b68; line-height: 34rem;}
.vision_wrap_220307 .desc_cont .desc_box.value2 .desc_txtbox .value_box .txtbox ul { padding-top: 40rem;}
.vision_wrap_220307 .desc_cont .desc_box.value2 .desc_txtbox .value_box .imgbox p { font-size: 22rem; margin-top: 13rem; font-weight: 500;}
.vision_wrap_220307 .desc_cont .desc_box.value2 .desc_txtbox .value_box .imgbox .ico span { font-size: 15rem; line-height: 1; margin-top: 8rem; letter-spacing: 0;}


.service_wrap_220307 .mobility_wrap5 .supply_cont .supply_box1 .supply_list li .txtbox { background: none;}
.vision_wrap_220307 .desc_cont .desc_box.identity .desc_txtbox:before { content: ""; width: 380rem; height: 350rem; background: url(https://www.hlholdings.co.kr/web/images/sub/vision_obj.png)no-repeat; background-size: 100%; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: -1; max-width: 100%;}
.network_wrap_220307 .network_contWrap .network_cont .network_box .txtbox .txtbox_info .map_btn.on { border-color: #2ac1f0; background: #2ac1f0;}
.service_wrap_220307 .logistics_wrap { padding-bottom: 99rem;}
.service_wrap_220307 .logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul { margin-top: 0; width: 100%;}
.service_wrap_220307 .logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul:before { display: none;}
.service_wrap_220307 .logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul > li { box-sizing: border-box; padding: 0 10rem; border-right: 1px solid #dadada;}
.service_wrap_220307 .logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul > li:last-child { border-right: 0;}
.service_wrap_220307 .logistics_wrap2 .cons_cont1 .cons_box1 .desc_box > ul > li:before { display: none;}
.service_wrap_220307 .logistics_wrap2 .cons_cont1 .cons_box1 .desc_box p { display: none;}
.service_wrap_220307 .mobility_wrap5 .supply_cont .supply_box2 .supply_network .symbol { background: none; top: 11rem; left: 11rem;}
.service_wrap_220307 .mobility_intro .intro_box .imgbox { overflow: hidden;}
.service_wrap_220307 .mobility_intro .intro_box .imgbox span { transition: all 0.3s;}
.mobility_wrap5 .supply_cont .supply_box2 .supply_network_220307 { position: relative; padding-top: 0; margin-bottom: 0; display: flex; justify-content: space-between; background: none;}
.service_wrap_220307 .intro_box_220307 h6 { font-size: 26rem; line-height: 28rem; font-weight: 500;}
.service_wrap_220307 .intro_box_220307 p { font-size: 16rem; line-height: 28rem; display: block; color: #666; margin-top: 12rem;}
.service_wrap_220307 .intro_box_220307 p:nth-of-type(1) { margin-bottom: 17rem;}
.service_wrap_220307 .logi_cont1 .logi_intro { margin-top: 64rem;}
.service_wrap_220307 .logi_intro_2 { background: #f6f6f6; width: 100%;}
.service_wrap_220307 .logi_intro_2 .logi_intro_2_wrap { padding-top: 91rem; padding-bottom: 160rem;}
.service_wrap_220307 .logi_intro_2 .intro_img_box_220307 { display: flex; justify-content: space-between; margin-top: 40rem;}
.service_wrap_220307 .logi_intro_2 .intro_img_box_220307 img { width: 48%;}
.service_wrap_220307 .desc_box_220307 .box_stit { margin-top: 65rem; margin-bottom: 29rem;}
.service_wrap_220307 .box_stit { font-size: 30rem;}
.supply_network_220307 .supply_wrap { width: 49%; overflow: hidden; height: 702rem;}
.supply_network_220307 .supply_wrap_map { position: relative; background: #edeff2; padding: 62rem 0 40rem; box-sizing: border-box;}
.supply_network_220307 .supply_wrap_img { background: url(https://www.hlholdings.co.kr/web/images/sub/supply_img_map.jpg) no-repeat center center; background-size: cover;}
.investment_wrap_220307 .cons_box3 .investment_list ul li .txtbox { word-break: keep-all;}
.investment_wrap_220307 .cons_box3 .investment_list ul li a:before { background: #00b4ed;}
.invest_wrap_220307 .holder_box1 .shareholder_graph { padding: 0 65rem;}
.invest_wrap_220307 .shareholder_graph ul { display: flex; margin: 58rem auto 55rem ; justify-content: space-between;}
.invest_wrap_220307 .shareholder_graph ul li { width: 160rem; height: auto; margin: 0 10rem;}
.invest_wrap_220307 .shareholder_graph ul li img { display: block; margin: 0 auto;}


.invest_wrap_220307 .shareholder_graph ul li p { margin-top: 23rem; color: #666; font-weight: 500; font-size: 17rem; line-height: 30rem; text-align: center; word-break: keep-all;}
.coldchain_wrap_220307 .cold_box1 .desc_cont h5 { display: none;}
.coldchain_wrap_220307 .cold_box1 .desc_cont .diagram_box { gap: 0; width: 100%;}
.coldchain_wrap_220307 .cold_box1 .desc_cont .diagram_box:after { display: none;}
.coldchain_wrap_220307 .cold_box1 .desc_cont .desc_box { width: 33.3%; justify-content: center;}
.coldchain_wrap_220307 .cold_box1 .desc_cont .desc_box .txtbox { width: 243rem;}
.coldchain_wrap_220307 .cold_box2 .desc_cont { margin-top: 25rem;}
.social_contwrap_220307 .value_box { display: flex;}
.social_contwrap_220307 .difec_value_220307 { margin-top: 49rem;}
.social_contwrap_220307 .value_box .box_tit { width: 308rem; text-align: left; margin-top: 0;}


.social_contwrap_220307 .value_box .value_text { display: flex; flex-direction: column; width: calc(100% - 308rem); border-bottom: 1px dashed #dadada; padding-bottom: 69rem;}
.social_contwrap_220307 .social_box2 .vision_tit { margin-top: 0; position: relative;}
.social_contwrap_220307 .social_box2 .vision_tit .vision_tit_wrap { position: relative; width: 50%; margin: 0 auto;}
.social_contwrap_220307 .social_box2 .vision_tit_wrap:before { content: ''; position: absolute; background: url(https://www.hlholdings.co.kr/web/images/sub/quotation_marks_01.png) no-repeat center center; width: 21rem; height: 21rem; left: -42rem; top: 0; background-size: contain;}
.social_contwrap_220307 .social_box2 .vision_tit_wrap:after { content: ''; position: absolute; background: url(https://www.hlholdings.co.kr/web/images/sub/quotation_marks_02.png) no-repeat center center; width: 21rem; height: 21rem; right: -38rem; top: 0; background-size: contain;}
.social_contwrap_220307 .social_box2 .promotion { margin: 0 auto; width: calc(100% - 308rem);}
.social_contwrap_220307 .social_box2 .promotion li { border-right: 1px solid #dadada;}
.social_contwrap_220307 .social_box2 .promotion li:last-child { border-right: none;}
.social_contwrap_220307 .social_box2 .promotion li .imgbox { background: none; height: auto;}
.social_contwrap_220307 .social_box2 .promotion li .imgbox span { display: block; width: 46rem; height: 48rem; border: none; border-radius: 0; box-sizing: border-box;}
.social_contwrap_220307 .social_box2 .promotion li.col1 .imgbox span { border-color: none; background: #f6f6f6 url(https://www.hlholdings.co.kr/web/images/sub/vision_ico1.png) no-repeat center center; background-size: 95%;}
.social_contwrap_220307 .social_box2 .promotion li.col2 .imgbox span { border-color: none; background: #f6f6f6 url(https://www.hlholdings.co.kr/web/images/sub/vision_ico2.png) no-repeat center center; background-size: 95%;}
.social_contwrap_220307 .social_box2 .promotion li.col3 .imgbox span { border-color: none; background: #f6f6f6 url(https://www.hlholdings.co.kr/web/images/sub/vision_ico3.png) no-repeat center center; background-size: 95%;}
.social_contwrap_220307 .social_box2 .promotion li .imgbox:after { display: none;}
.social_contwrap_220307 .social_box2 .promotion li .txtbox { margin-top: 30rem;}
.safe_cont_220307 .safe_box1 h4, .safe_cont_220307 .safe_box2 h4, .safe_cont_220307 .safe_box3 h4, .safe_cont_220307 .safe_box4 h4 , .report_cont .report_box h4 { margin-bottom: 15rem;}
.safe_cont_220307 .safe_box2 .desc_cont .desc_box1 .desc_txtbox { background: none; padding: 19rem 0;}
.safe_cont_220307 .safe_box2 .desc_cont .desc_box1 .desc_txtbox p { color: #000; font-size: 20rem;}
.safe_cont_220307 .safe_box2 .desc_cont .desc_box { margin-bottom: 0;}
.safe_cont_220307 .safe_box2 .desc_cont .desc_box:last-child { margin-top: 26rem;}


.safe_cont_220307 .safe_box2 .desc_cont .desc_box h5 { border-top: 0;}
.safe_cont_220307 .safe_box2 .desc_cont .desc_box2 .desc_txtbox { background: none; border-top: 2rem dotted #dadada; border-bottom: 2rem dotted #dadada; padding: 19rem 0;}
.safe_cont_220307 .safe_box2 .desc_cont .desc_box2 .desc_txtbox p { color: #000; font-size: 20rem;}
.safe_cont_220307 .safe_box2 .desc_cont .desc_box2 .desc_txtbox p span { position: relative;}
.safe_cont_220307 .safe_box2 .desc_cont .desc_box2 .desc_txtbox p span:before { content: ''; position: absolute; background: url(https://www.hlholdings.co.kr/web/images/sub/quotation_marks_01.png) no-repeat center center; width: 18rem; height: 14rem; left: -42rem; top: 0;}
.safe_cont_220307 .safe_box2 .desc_cont .desc_box2 .desc_txtbox p span:after { content: ''; position: absolute; background: url(https://www.hlholdings.co.kr/web/images/sub/quotation_marks_02.png) no-repeat center center; width: 18rem; height: 14rem; right: -38rem; top: 0;}
.safe_cont_220307 .safe_box2 .desc_cont .desc_box3 .desc_txtbox {;}


.safe_cont_220307 .safe_box2 .desc_cont .desc_box3 .desc_txtbox ul li { background: none; border-right: 1px solid #dadada; padding-top: 25rem; padding-bottom: 29rem;}


.safe_cont_220307 .safe_box2 .desc_cont .desc_box3 .desc_txtbox ul li:last-child { border-right: 0;}
.safe_cont_220307 .safe_box2 .desc_cont .desc_box3 .desc_txtbox ul li p { font-size: 18rem;}
.safe_cont_220307 .safe_box4 { padding-bottom: 0;}
.recruit_wrap_220307 .organbox1 { padding-bottom: 0;}


.recruit_wrap_220307 .organbox2 { background: url(https://www.hlholdings.co.kr/web/images/sub/recruit_communication_bg.png) no-repeat center center / cover; margin-top: 90rem; margin-bottom: 100rem;}
.recruit_wrap_220307 .organbox2 .box_tit { margin-bottom: 24rem;}
.recruit_wrap_220307 .organbox2 .commu_box { display: block;}
.recruit_wrap_220307 .organbox2 .commu_box .imgbox { width: 100%; display: flex; align-items: center;}
.recruit_wrap_220307 .organbox3 { padding: 0;}
.recruit_wrap_220307 .commu_box .imgbox .txtbox_220307 { color: #fff;}


.recruit_wrap_220307 .rule_box .rules_img_box { display: flex; gap: 12rem; margin: 34rem 0 62rem;}
.recruit_wrap_220307 .rule_box .rules_img_box img { width: calc(33.34% - 8rem); display: block;}
.recruit_wrap_220307 .rule_box .rules_txt_box {;}


.recruit_wrap_220307 .rule_box .rules_txt_box ol { display: flex;}
.recruit_wrap_220307 .rule_box .rules_txt_box ol li { width: 20%; padding: 0 20rem; text-align: center; border-right: 1px solid #dadada;}
.recruit_wrap_220307 .rule_box .rules_txt_box ol li:last-child { border-right: 0;}


.recruit_wrap_220307 .rules_txt_box ol li .ico { width: 70rem; height: 70rem; margin: 0 auto;}
.recruit_wrap_220307 .rules_txt_box ol li p { font-size: 17rem; color: #666; line-height: 1.7; word-break: keep-all;}
.recruit_wrap_220307 .rules_txt_box ol li p strong { font-size: 20rem; font-weight: 700; line-height: 2; display: block; color: #000;}
.box_stit { font-size: 36rem;}
.culture_cont_220307 .culture_toptxt { padding-bottom: 0;}
.recruit_wrap_220307 .container .talent_box2 .pride_box > li .icobox { padding-top: 0; border: none;}
.recruit_wrap_220307 .talent_box2 .pride_box > li.col1 .icobox { background: url(https://www.hlholdings.co.kr/web/images/sub/ico_bg_01.png) no-repeat center center;}
.recruit_wrap_220307 .talent_box2 .pride_box > li.col2 .icobox { background: url(https://www.hlholdings.co.kr/web/images/sub/ico_bg_02.png) no-repeat center center;}
.recruit_wrap_220307 .talent_box2 .pride_box > li.col3 .icobox { background: url(https://www.hlholdings.co.kr/web/images/sub/ico_bg_03.png) no-repeat center center;}



.recruit_wrap_220307 .talent_box2 ul li .icobox:after { background: #2ac1f0;}
.recruit_wrap_220307 .talent_box2 .pride_box > li .txtbox p { font-size: 26rem;}
.recruit_wrap_220307 .talent_box2 .pride_box > li .txtbox p em { font-size: 20rem; color: #666; line-height: 1.3; display: block; margin-top: 8rem;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_container { flex-direction: column;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box { width: 100%; padding-bottom: 80rem; margin-bottom: 80rem; display: flex;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box h4 { padding-bottom: 23rem; width: 410rem;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box .txtbox { display: flex; border-top: 0; justify-content: space-between; width: 100%;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box .txtbox_220307 { width: calc(100% - 410rem);}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box .txtbox .circle_txt { order: 2; margin: 0 auto; width: 630rem; background: url(https://www.hlholdings.co.kr/web/images/sub/manage_vision_bg1_220307.png) no-repeat center top;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box .txtbox .circle_txt li { height: 314rem; padding-top: 74rem;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box .txtbox .circle_txt li p { color: #000;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box .txtbox .circle_txt li span { color: #666;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box .txtbox .circle_txt:after { display: none;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box .txtbox .under_txt { text-align: left;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box .txtbox .under_txt p { color: #000;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box .txtbox .under_txt p em { padding: 0;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box .txtbox .under_txt p em:before { display: none;}
.manage_cont .manage_box3 .flex_box .txtbox .diagram_box { width: 100%; height: auto; margin-top: 0;}
.manage_contwrap_220307 manage_cont .manage_box3 .flex_box .txtbox .diagram_box p { display: none;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box .txtbox .diagram_box ul { display: flex;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box .txtbox .diagram_box ul li { display: block; background: none; position: static; width: 25%; border-right: 1px solid #dadada; padding: 15rem 5rem 0; border-radius: 0;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box .txtbox .diagram_box ul li:last-child { border: 0;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box .txtbox .diagram_box ul li img { display: block; margin: 0 auto 30rem; height: 59rem;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box .txtbox .diagram_box ul li span { color: #000;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box .txtbox .diagram_box ul li em { color: #000;}
.manage_contwrap_220307 .manage_cont .manage_box3 .flex_box .txtbox .diagram_box p { display: none;}
.growth_contwrap_220307 .growth_box1 .winwin_rule { gap: 24rem;}


.growth_contwrap_220307 .growth_box1 .winwin_rule li { border: none; background: none; width: calc(33.34% - 16rem ); height: auto; border-radius: 0; padding-top: 0; margin-right: 0;}
.growth_contwrap_220307 .growth_box1 .winwin_rule li p { text-align: left; margin-bottom: 25rem;}
.growth_contwrap_220307 .growth_box1 .winwin_rule li img { display: block; width: 100%;}
.growth_contwrap_220307 .growth_box1 .winwin_rule li:after { display: none;}
.growth_contwrap_220307 .growth_box4 .cp_process > li.col1 { background-color: transparent;}
.growth_contwrap_220307 .growth_box4 .cp_process > li.col2 { background-color: transparent;}
.growth_contwrap_220307 .growth_box4 .cp_process > li.col3 { background-color: transparent;}
.growth_contwrap_220307 .growth_box4 .cp_process > li.col4 { background-color: transparent;}
.growth_contwrap_220307 .growth_box4 .cp_process > li.col5 { background-color: transparent;}
.growth_contwrap_220307 .growth_box4 { padding-bottom: 96rem;}
.growth_contwrap_220307 .growth_cont .growth_box4 .cp_process > li { padding: 157rem 0 0;}
.growth_cont .growth_box4 .cp_process > li:after { width: 22rem; height: 9rem; top: 21%; background: url(https://www.hlholdings.co.kr/web/images/sub/cp_arrow_220307.png) no-repeat center center; transform: none;}
.growth_contwrap_220307 .growth_cont .growth_box4 .cp_process { margin-top: 18rem;}
.growth_contwrap_220307 .growth_cont .growth_box1 h4, .growth_contwrap_220307 .growth_cont .growth_box2 h4, .growth_contwrap_220307 .growth_cont .growth_box3 h4 { margin-bottom: 15rem;}
.growth_contwrap_220307 .growth_cont .growth_box3 h5 { line-height: 1;}
.growth_contwrap_220307 .growth_cont .growth_box5 .h4_desc { margin-top: 15rem;}
.sustain_wrap_220307 .manage_box1 .txtbox1 h4 { margin-bottom: 16rem;}
.sustain_wrap_220307 .human_cont .human_box1 .h4_desc { margin-top: 15rem;}
.sustain_wrap_220307 .human_cont .human_box1 h5 { margin-top: 65rem;}
.sustain_wrap_220307 .human_cont .human_box2 { padding-top: 65rem;}
.sustain_wrap_220307 .human_cont .human_box3 { padding-top: 100rem;}
.sustain_wrap_220307 .human_cont .human_box3 h4 { margin-bottom: 15rem;}
.sustain_wrap_220307 .human_cont .human_box3 h5 { margin-top: 50rem;}
.sustain_wrap_220307 .human_cont .human_box4 .h4_desc { margin-top: 20rem;}
.sustain_wrap_220307 .eco_cont .eco_box1 h4, .sustain_wrap_220307 .eco_cont .eco_box3 h4 { margin-bottom: 15rem;}
.director_wrap .director_box .director_list .list_box { width: calc(33.47% - 18rem);}
.network_wrap_220307 .network_contWrap .network_cont .network_box .map_box { height: 334rem; padding: 0;}
.recruit_wrap .talent_box3 .philo_box { margin-top: 44rem; background: #f6f6f6; padding: 73rem 124rem 90rem 125rem;}
.investment_wrap .cons_box1 h3 { font-size: 34rem;}


/*220315 - font-size */

.main_tit_font { font-size: 40rem;}
.box_tit_font { font-size: 34rem;}
.sub_tit_font { font-size: 30rem;}
.lnb_tit_font { font-size: 26rem;}
.img_tit_font { font-size: 24rem;}


/*//font-size */
.network_wrap_220307 .network_contWrap .network_cont .network_box .txtbox .txtbox_top p { font-size: 26rem;}
.network_wrap_220307 .network_contWrap .network_cont .network_box.head_office .txtbox h4 { font-size: 30rem;}
.service_wrap_220307 .mobil_box3 .box_stit { font-size: 26rem;}
.service_wrap_220307 .supply_cont .supply_box1 .tuning_list .tuning_box h5 { font-size: 30rem;}
.coldchain_wrap_220307 .cold_box2 h4 { font-size: 30rem;}
.report_contWrap_220307 .report_cont .report_box1 h4 { font-size: 30rem;}
.report_contWrap_220307 .report_topBox .rtb_txtbox h3 { font-size: 30rem;}
.manage_contwrap_220307 .manage_box3 .flex_box h4 { font-size: 30rem;}
.manage_contwrap_220307 .manage_box4 h4 { font-size: 30rem;}
.sustain_wrap_220307 .growth_box3 h5 { font-size: 30rem;}
.recruit_wrap_220307 .culture_box4 .welfare_box h5 { font-size: 26rem;}
.recruit_wrap_220307 .growup_box1 ul li p { font-size: 24rem;}
.service_wrap_220307 .mobil_box3 .brand_box h5 { font-size: 24rem;}
.sustain_wrap_220307 .human_cont .human_box h5 { font-size: 30rem;}
.sustain_wrap_220307 .human_cont .human_box h5.lnb_tit_font { font-size: 26rem;}
.intro_wrap .part_box .part_div .part_list .part_listbox .txtbox h5 { font-size: 24rem;}


.job_cont .job_box h5 { font-size: 30rem;}
.job_cont .job_box2 .jop_infobox .txtbox p { font-size: 26rem;}


/*220317*/
.view_top { position: relative;}
.view_top .container:nth-of-type(2) { height: 50rem; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.investor_220225 .invest_bttm .invest_slide .swiper-slide a:before { background: none;}
.investor .invest_bttm .invest_slide .swiper-slide a:hover span, .investor .invest_bttm .invest_slide .swiper-slide a:focus span { color: #fff;}


/*220323*/
.network_wrap .network_contWrap .network_cont .network_box .view_box .view_top .col4 { background: url(https://www.hlholdings.co.kr/web/images/sub/overseas_ico3.png) no-repeat left 40rem top;}
.logi_intro_2 .inquiry_box { margin-top: 59rem; background: #fff;}
.service_wrap_220307 .intro_box_220307 p b { font-weight: 600;}


.h4_desc_tit_220323 { font-size: 34rem; font-weight: bold; margin-bottom: 15rem; display: block; color: #222; line-height: 1;}
.inquiry_box_220323 { background-color: #f6f6f6; margin-top: 59rem;}
.recruit_wrap .inquiry_box { margin-top: 59rem;}
.plaza_sns_box { position: relative;}
.plaza_sns_box ul.plaza_sns { display: flex; position: absolute; top: -65px; right: 0;}
.plaza_sns_box ul.plaza_sns li { margin-left: 7rem; width: 41rem; height: 41rem;}
.plaza_sns_box ul.plaza_sns li:first-child { margin-left: 0;}
.plaza_sns_box ul.plaza_sns li a { display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden;}
.plaza_sns_box ul.plaza_sns li a img { width: 100%; height: 100%;}
.commun_sub_tit { font-size: 20rem; line-height: 1.7; font-weight: 500; word-break: keep-all;}
.commun_sub_list { margin-top: 22rem;}
.commun_sub_list li { font-size: 17rem; line-height: 1.7; word-break: keep-all; padding-left: 25rem; position: relative; margin-bottom: 6rem;}


.commun_sub_list li:before { content: ''; position: absolute; left: 0; top: 7rem; width: 17rem ; height: 15rem; background: url(https://www.hlholdings.co.kr/web/images/sub/recruit_list_ico.png)no-repeat center center / contain;}
.commun_sub_list li:last-child { margin-bottom: 0;}


/*220428*/
.sub_top.policy_top h2 { color: #000;}
.policy_wrap { padding: 70px 0 173px;}
.policy_wrap .top_desc p { font-size: 16px; line-height: 28px; color: #666;}
.policy_wrap .top_desc ul { display: flex; flex-wrap: wrap; margin-top: 60px;}
.policy_wrap .top_desc ul li { width: calc(50% - 12px); margin-right: 24px; margin-top: 6px;}
.policy_wrap .top_desc ul li:nth-child(2n) { margin-right: 0;}
.policy_wrap .top_desc ul li:nth-child(-n+2) { margin-top: 0;}
.policy_wrap .top_desc ul li a { font-size: 16px; font-weight: 500; display: block; background: #f7f7f7; padding: 12px 12px 12px 37px; line-height: 26px; word-break: keep-all;}
.policy_wrap .policy_cont { margin-top: 62px;}
.policy_wrap .policy_cont .policybox { padding-top: 62px;}
.policy_wrap .policy_cont .policybox:first-child { padding-top: 0;}
.policy_wrap .policy_cont .policybox h3 { font-size: 22px; font-weight: bold; color: #004ac4;}
.policy_wrap .policy_cont .policybox .descbox { background: #f7f7f7; padding: 24px 25px 26px 29px; margin-top: 16px; font-size: 16px; color: #666; line-height: 28px; word-break: keep-all;}
.policy_wrap .policy_cont .policybox .descbox .triangle { color: #000;}
.policy_wrap .policy_cont .policybox .descbox .margin-p { margin-bottom: 13px;}
.policy_wrap .policy_cont .policybox .descbox .margin-t { margin-top: 13px;}
.policy_wrap .policy_cont .policybox .descbox .b { color: #004ac4;}
.policy_wrap .policy_cont .policybox .descbox .ulstyle1 > li { margin-bottom: 12px;}
.policy_wrap .policy_cont .policybox .descbox .ulstyle1 > li:last-child { margin-bottom: 0;}
.policy_wrap .policy_cont .policybox .descbox table { width: 100%; margin: 16px 0;}
.policy_wrap .policy_cont .policybox .descbox table th { border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; border-top: 1px solid #000; background: #fff; text-align: center; padding: 10px 0 12px; vertical-align: middle;}
.policy_wrap .policy_cont .policybox .descbox table th:last-child { border-right: 0;}
.policy_wrap .policy_cont .policybox .descbox table td { border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; text-align: center; padding: 10px 0 12px; vertical-align: middle;}
.policy_wrap .policy_cont .policybox .descbox table td:last-child { border-right: 0;}
.policy_wrap .policy_cont .policybox .descbox table .col1 { width: 20%;}
.policy_wrap .policy_cont .policybox .descbox table .col2 { width: 80%;}
.col_bd_top { border-top: 1px solid #000;}


.policy_version { margin-top: 62rem;}
.policy_version p { font-size: 14rem; letter-spacing: -0.025em; line-height: 1.4; color: #777;}


/*220503*/
.mobility_submenu.sub_menu .sub_menu_slider { padding: 0 37rem;}
.sub_menu .sub_menu_slider .swiper-slide { width: auto; margin-right: 30rem;}


/*220517*/
.announce_wrap .iframe_disclosure { height: 1034px;}
.announce_wrap .iframe_stock { height: 1400px;}


/*챠앪왗ヂ┑걘졖*/
@page { size: A4; padding: 0; margin: 5mm;}


@media print { 
	* {-webkit-print-color-adjust: exact !important;color-adjust: exact !important;}

    .container {  width: 1100px;  padding-left: 0;  padding-right: 0 ;}
    .announce_wrap {  padding-bottom: 0 ;}
    .announce_wrap iframe {  display: block ;}
}



/*220907*/
.intro_wrap_220118 .intro_box .intro_txt2 { padding-top: 100px; margin-bottom: 20px;}
.intro_wrap_220118 .intro_box .intro_txt2 p.h4_desc { margin-top: 20px;}
.intro_wrap_220118 .bgx { background: unset;}
.intro_wrap_220118 .intro_box .ci_brd_box { border: 1rem solid #dadada; margin-top: 35rem; width: 100%;}
.intro_wrap_220118 .intro_box .ci_brd_box > ul { display: flex; justify-content: center; position: relative; margin: 0; align-items: center;}
.intro_wrap_220118 .intro_box .ci_brd_box > ul > li { padding: 80px 45px 80px 40px; position: relative;}
.intro_wrap_220118 .intro_box .ci_brd_box > ul > li h4 { margin: 0 0 20px 0;}
.intro_wrap_220118 .bggt { background: unset; background-image: unset; background-color: #f4f5f7;}
.intro_wrap_220118 .part_box .ci_brd_box { margin-top: 35rem; width: 100%; background: #fff;}
.intro_wrap_220118 .part_box .ci_brd_box > ul { display: flex; justify-content: center; position: relative; margin: 0;}
.intro_wrap_220118 .part_box .ci_brd_box > ul > li { padding: 100px ; position: relative;}
.intro_wrap_220118 .part_box .down_wrap { text-align: center; margin-top: 30px;}
.intro_wrap_220118 .part_box .box_tit_bt { margin-bottom: 30rem;}
.intro_wrap_220118 .part_box .down_wrap .down_btn { width: 200rem;}
.intro_wrap_220118 .esg_box2 { margin-top: 50rem; padding-bottom: 250rem;}
.intro_wrap_220118 .esg_box2 h4 { margin-bottom: 30rem;}
.intro_wrap_220118 .esg_box2 .ci_brd_box { margin-top: 35rem; width: 100%; background: #fff;}
.intro_wrap_220118 .esg_box2 .ci_brd_box .graph_img img { max-width: 100%;}
.intro_wrap_220118 .esg_box2 .ci_brd_box .graph_img .w_img { display: block;}
.intro_wrap_220118 .esg_box2 .ci_brd_box .graph_img .t_img { display: none;}
.mo_none { display: block !important;}


/*221231*/
.policy_wrap .select_box_cnt { display: flex; justify-content: flex-end; margin-bottom: 15px;}
.policy_wrap .select_box_opn { width: 300px; height: 44rem; box-sizing: border-box; border: 1rem solid #dadada; font-size: 16rem; color: #666; padding-left: 23rem; padding-right: 45rem; background: url(https://www.hlholdings.co.kr/web/images/sub/m_sub_arrow.png) no-repeat right 24rem center; background-size: 16rem;}




/* 20230520 섏젙 */
.h7_desc { font-size: 17rem; line-height: 32rem; color: #fff; word-break: keep-all; margin-top: 10rem !important; margin-bottom: 14rem !important; background-color: #00b4ed; width: 330px; padding: 5px 5px 5px 15px;}
.h7_desc span.link { text-decoration-line: underline;}
.img_btnstyle { font-size: 15rem; font-weight: 500; height: 45rem; line-height: 45rem; box-sizing: border-box; display: inline-block; position: relative; z-index: 2; overflow: hidden; text-align: center; background-color: #00b4ed;}
.img_btnstyle:before { content: ""; width: 100%; height: 100%; background: #00b4ed; position: absolute; left: -100%; top: 0; transition: all 0.3s; z-index: -1;}
.img_btnstyle:hover, .btnstyle:focus { color: #fff !important;}
.btnstyle:hover:before, .btnstyle:focus:before { left: 0;}
.img_arrow_btn_13 { width: 179rem; border: 1rem solid #00b4ed;}
.img_arrow_btn_13:hover { border-color: #fff;}
.img_arrow_btn_13 img.filter { filter: brightness(0) invert(1);}




/* 20230523 섏젙 */
.recruit_wrap .procedure_box1 ul li .icobox { background-color: #fff;}
.recruit_wrap .procedure_box1 ul li.col4 .icobox { border-color: #022b68; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/recruit_ico4.png) no-repeat center 40rem; background-size: 58rem;}




/* 20230526 섏젙 */

.safety-info { display: flex; margin-top: 80px;}
.safety-program .safety-program-info { display: flex;margin-top: 40px;text-align: center;padding: 0 80px;justify-content: center;}
.safety-info.gwangju li {margin: 0 30px; max-width: 250px;display: flex;flex-wrap: wrap;justify-content: center;}
.safety-info li { position: relative;}

.safety-info.gwangju li .box { width: 220px; height: 220px;}
.safety-info li.info1 .box { background-color: #ffffff; color: #555; margin: 0 auto; border: 5px solid rgb(104 191 237); border-radius: 50%;}
.safety-info li.info2 .box { background-color: #ffffff; color: #555; margin: 0 auto; border: 5px solid rgb(34 138 193); border-radius: 50%;}
.safety-info li.info3 .box { background-color: #ffffff; color: #555; margin: 0 auto; border: 5px solid rgb(84 129 201); border-radius: 50%;}

.safety-info li .box { display: flex; flex-direction: column; align-items: center; border-radius: 200px; color: #fff; text-align: center; justify-content: center;}
.safety-info.gwangju li.info1 .icon { }
.safety-info.gwangju li.info2 .icon { }
.safety-info.gwangju li.info3 .icon { }
.safety-info.gwangju li .icon { flex-shrink: 0; width: 76px; height: 76px; background: no-repeat 0 0; background-size: 76px auto;}

.safety-program .safety-program-info .text-area { flex: 1; margin-top: 40px;}
.safety-program .safety-logo { display: flex; justify-content: center; margin-top: 100px; padding-bottom: 30px; }
.safety-program .safety-logo img { width:250px;}
.safety-program .safety-bottom { display: flex; justify-content: center; margin-top: 20px; padding-bottom: 10px; }
.safety-program .safety-bottom img { width:20px;}
.safety-program .safety-program-info .title-h4 { margin-left: -15px; position: relative;  font-size: 18px; color: #555; font-weight: 600;}
.safety-program .list-style {position: relative;margin-bottom: 40px;display: flex;flex-direction: column;align-items: center;}

.safety-info.gwangju .list-style li { margin-left: -5px;}
.safety-info.gwangju li { margin: 0 30px; min-width: 290px;}
.safety-info li { position: relative; font-size: 16px; color: #555; line-height: 1.6;}

.growth_box .philo_box { margin-top: 44rem; background: #f6f6f6; padding: 73rem 100rem 90rem 100rem; text-align: center;}
.growth_box .philo_box img {max-width: 100%;}

.growth_box .vision_part { margin-top: 35rem;}
.growth_box .vision_part ul { display: flex; flex-wrap: wrap;}
.growth_box .vision_part ul li.min { width: 245px; margin-bottom: 33rem;}
.growth_box .vision_part ul li .txtbox span { font-size: 16rem; line-height: 28rem; font-weight: 500; letter-spacing: -1rem; color: #666;}
.growth_cont .growth_box2:last-child { padding-bottom: 0rem;}



.growth_cont .growth_box3 .winwin_rule_img { margin-top: 60rem; display: none; max-width: 100%;}
.growth_cont .growth_box3 .winwin_rule { display: flex; align-items: center; justify-content: space-between; margin-top: 60rem;}
.growth_cont .growth_box3 .winwin_rule li { border: none; background: none; width: calc(33.34% - 16rem ); height: auto; border-radius: 0; padding-top: 0; margin-right: 0;}
.growth_cont .growth_box3 .winwin_rule li:last-child { margin-right: 0;}
.growth_cont .growth_box3 .winwin_rule li p { text-align: left; margin-bottom: 25rem;	font-size: 24rem;	font-weight: 500;}
.growth_cont .growth_box3 .winwin_rule li:last-child:after { width: 0; height: 0;}
.growth_cont .growth_box3 .winwin_rule li.col1 { border-color: #00b5ee; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/winwin_ico1.png) no-repeat center top 55rem;}
.growth_cont .growth_box3 .winwin_rule li.col2 { border-color: #022b68; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/winwin_ico2.png) no-repeat center top 55rem;}
.growth_cont .growth_box3 .winwin_rule li.col3 { border-color: #a8a9ac; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/winwin_ico3.png) no-repeat center top 55rem;}

.growth_cont .growth_box3 .co_support { margin-top: 30rem; display: flex; flex-wrap: wrap; gap: 30rem 24rem;}
.growth_cont .growth_box3 .co_support li { width: calc(50% - 12rem);}
.growth_cont .growth_box3 .co_support li h5 { font-size: 24rem; line-height: 28rem; font-weight: 500; margin-bottom: 24rem;	margin-top: 30rem;}
.growth_cont .growth_box3 .co_support li .support_txtbox { border: 1rem solid #dadada; display: flex; align-items: center; padding: 41rem 47rem;}
.growth_cont .growth_box3 .co_support li .icobox { width: 116rem; height: 116rem; background: #f4f5f7; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.growth_cont .growth_box3 .co_support li .icobox img {;}

.growth_cont .growth_box3 .co_support li .txtbox { font-size: 16rem; line-height: 26rem; color: #555; letter-spacing: -1rem; padding-left: 33rem;}
.growth_cont .human_active ul { margin-top: 15rem; display: flex; gap: 0 24rem;}
.growth_cont .human_active ul li { width: calc(33% - 18rem); box-sizing: border-box; border: 1rem solid #dadada; text-align: center; padding-top: 40rem; padding-bottom: 40rem;}
.growth_cont .human_active ul li .imgbox { width: 110rem; height: 110rem; background: #f6f6f6; border-radius: 50%; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.growth_cont .human_active ul li p { padding-top: 15rem; font-size: 16rem; line-height: 28rem; color: #666; letter-spacing: -1rem;}
.growth_cont .human_active ul li.sub_text { width: calc(33% - 18rem); text-align: left; box-sizing: unset; border: unset; font-size: 16rem; padding-top: 0rem;}
.growth_cont .human_active ul li p.sub_tit {  font-size: 14rem; line-height: 28rem; color: #999; letter-spacing: -1rem; font-weight: 400;padding-top: 5rem;}


.growth_cont .growth_box3 .winwin_rule li img { display: block; width: 100%;}

.growth_box .eco_box2 .eco_rule { margin-top: 30rem; gap: 0 24rem; display: flex; flex-wrap: wrap;}
.growth_box .eco_box2 .eco_rulebox { width: calc(50% - 12rem); border-bottom: 1rem solid #dadada; box-sizing: border-box; padding: 32rem 0 35rem 34rem; display: flex; align-items: flex-start;}
.growth_box .eco_box2 .eco_rulebox:nth-child(-n+2) { border-top: 1rem solid #000;}
.growth_box .eco_box2 .eco_rulebox .icobox { width: 121rem; height: 121rem; background: #f6f6f6; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.growth_box .eco_box2 .eco_rulebox .txtbox { width: calc(100% - 121rem); box-sizing: border-box; padding-left: 40rem;}
.growth_box .eco_box2 .eco_rulebox .txtbox p { font-size: 24rem; font-weight: bold; line-height: 40rem; margin-bottom: 10rem;}
.growth_box .eco_box2 .eco_rulebox .txtbox span { font-size: 16rem; line-height: 28rem; color: #666; letter-spacing: -1rem;	word-break: keep-all;}
.growth_box .eco_box2 .eco_rulebox .txtbox li { font-size: 16rem; line-height: 28rem; color: #666; letter-spacing: -1rem; padding-left: 8rem; position: relative;}
.growth_box .eco_box2 .eco_rulebox .txtbox li:before { content: "-"; position: absolute; left: 0; top: 0;}


.growth_cont .human_box h5 { font-size: 28rem; font-weight: bold; letter-spacing: -1rem; line-height: 30rem;}
.growth_cont .human_box1 {;}

.growth_cont .human_box1 h5 { margin-top: 82rem;}
.growth_cont .human_box1 .h4_desc { margin-top: 40rem;}
.growth_cont .human_box1 .h4_desc1 { margin-top: 15rem;}
.growth_cont .human_box1 .h4_desc2 { margin-top: 15rem; display: flex; gap: 0 66rem;}
.growth_cont .human_box1 .h4_desc2 p { width: calc(50% - 33rem); text-align: justify;}
.growth_cont .human_box2 { padding-top: 85rem;}
.growth_cont .human_box2 .h4_desc { margin-top: 15rem;}
.growth_cont .human_box2 .human_rule { margin-top: 40rem; gap: 0 24rem; display: flex; flex-wrap: wrap;}
.growth_cont .human_box2 .human_rulebox { width: calc(50% - 12rem); border-bottom: 1rem solid #dadada; box-sizing: border-box; padding: 32rem 0 35rem 34rem; display: flex; align-items: flex-start;}
.growth_cont .human_box2 .human_rulebox:nth-child(-n+2) { border-top: 1rem solid #000;}
.growth_cont .human_box2 .human_rulebox .icobox { width: 121rem; height: 121rem; background: #f6f6f6; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.growth_cont .human_box2 .human_rulebox .txtbox { width: calc(100% - 121rem); box-sizing: border-box; padding-left: 40rem;}
.growth_cont .human_box2 .human_rulebox .txtbox p { font-size: 24rem; font-weight: bold; line-height: 40rem; margin-bottom: 10rem;}
.growth_cont .human_box2 .human_rulebox .txtbox span { font-size: 16rem; line-height: 28rem; color: #666; letter-spacing: -1rem;	word-break: keep-all;}
.growth_cont .human_box3 { padding-top: 145rem;}
.growth_cont .human_box3 h4 { margin-bottom: 40rem;}
.growth_cont .human_box3 h5 { margin-top: 60rem; margin-bottom: 15rem;}
.growth_cont .human_box3 .human_active { margin-top: 50rem;}
.growth_cont .human_box3 .human_active h6 { font-size: 24rem; line-height: 30rem; font-weight: 500; letter-spacing: -1rem;}
.growth_cont .human_box3 .human_active .h4_desc { margin-top: 20rem;}
.growth_cont .human_box3 .human_active ul { margin-top: 15rem; display: flex; gap: 0 24rem;}
.growth_cont .human_box3 .human_active ul li { width: calc(25% - 18rem); box-sizing: border-box; border: 1rem solid #dadada; text-align: center; padding-top: 33rem; padding-bottom: 30rem;}
.growth_cont .human_box3 .human_active ul li .imgbox { width: 110rem; height: 110rem; background: #f6f6f6; border-radius: 50%; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.growth_cont .human_box3 .human_active ul li p { padding-top: 15rem; font-size: 16rem; line-height: 28rem; color: #666; letter-spacing: -1rem;}
.growth_cont .human_box4 { padding-top: 20rem;}
.growth_cont .human_box4 h5 { margin-bottom: 50rem;}
.growth_cont .human_box4 h6 { font-size: 24rem; line-height: 30rem; font-weight: 500; letter-spacing: -1rem;}
.growth_cont .human_box4 .h4_desc { margin-top: 15rem;}
.growth_cont .human_box4 .violation_cont { margin-top: 52rem; display: flex; gap: 0 24rem;}
.growth_cont .human_box4 .violation_box { box-sizing: border-box; border-top: 1rem solid #000; border-bottom: 1rem solid #dadada;}
.growth_cont .human_box4 .violation_box .tit { font-size: 17rem; font-weight: 500; text-align: center; padding: 26rem 0; background: #f6f6f6;}
.growth_cont .human_box4 .violation_box .txtcont { border-top: 1rem solid #dadada;}
.growth_cont .human_box4 .violation_box1 { width: calc(42% - 12rem);}
.growth_cont .human_box4 .violation_box1 .txtcont { padding: 48rem 50rem 60rem;}
.growth_cont .human_box4 .violation_box1 ul { display: flex;}
.growth_cont .human_box4 .violation_box1 ul li { width: 50%; text-align: center;}
.growth_cont .human_box4 .violation_box1 ul li .icobox { width: 110rem; height: 110rem; background: #f6f6f6; border-radius: 50%; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.growth_cont .human_box4 .violation_box1 ul li .txtbox { padding-top: 28rem;}
.growth_cont .human_box4 .violation_box1 ul li .txtbox span { font-size: 16rem;}
.growth_cont .human_box4 .violation_box1 ul li .txtbox span.sub_tit { font-size: 14rem; line-height: 200%; font-weight: 400; color:#888;}

.growth_cont .human_box4 .violation_box1 ul li .txtbox p { font-size: 18rem; font-weight: 500; margin-top: 15rem;}
.growth_cont .human_box4 .violation_box1 ul li .txtbox p em { font-size: 34rem; font-weight: bold;}
.growth_cont .human_box4 .violation_box2 { width: calc(58% - 12rem);}
.growth_cont .human_box4 .violation_box2 ul li { display: flex; border-bottom: 1rem solid #dadada; align-items: center;}
.growth_cont .human_box4 .violation_box2 ul li:last-child { border-bottom: 0;}
.growth_cont .human_box4 .violation_box2 ul li p { width: 154rem; font-size: 16rem; color: #666; box-sizing: border-box; padding-left: 23rem;}
.growth_cont .human_box4 .violation_box2 ul li span { display: block; width: calc(100% - 154rem); box-sizing: border-box; border-left: 1rem solid #dadada; font-size: 16rem; color: #666; line-height: 27rem; padding: 20rem 0 22rem; padding-left: 29rem; letter-spacing: -1rem;}

.report_contWrap .report_cont .report_box .flex_box { width: 100%; padding-bottom: 80rem; margin-bottom: 80rem; display: flex;}
.report_contWrap .report_cont .report_box .flex_box h4 { padding-bottom: 23rem; width: 410rem;}
.report_contWrap .report_cont .report_box .flex_box .txtbox { display: flex; border-top: 0; justify-content: space-between; width: 100%;}
.report_contWrap .report_cont .report_box .flex_box .txtbox_220307 { width: calc(100% - 410rem);}
.report_contWrap .report_cont .report_box .flex_box .txtbox .circle_txt { order: 2; margin: 0 auto; width: 630rem; background: url(https://www.hlholdings.co.kr/web/images/sub/manage_vision_bg1_220307.png) no-repeat center top;}
.report_contWrap .report_cont .report_box .flex_box .txtbox .circle_txt li { height: 314rem; padding-top: 74rem;}
.report_contWrap .report_cont .report_box .flex_box .txtbox .circle_txt li p { color: #000;}
.report_contWrap .report_cont .report_box .flex_box .txtbox .circle_txt li span { color: #666;}
.report_contWrap .report_cont .report_box .flex_box .txtbox .circle_txt:after { display: none;}
.report_contWrap .report_cont .report_box .flex_box .txtbox .under_txt { text-align: left;}
.report_contWrap .report_cont .report_box .flex_box .txtbox .under_txt p { color: #000;}
.report_contWrap .report_cont .report_box .flex_box .txtbox .under_txt p em { padding: 0;}
.report_contWrap .report_cont .report_box .flex_box .txtbox .under_txt p em:before { display: none;}
.report_contWrap .report_cont .report_box .flex_box .txtbox .diagram_box { width: 100%; height: auto; margin-top: 0;}
.report_contWrap .report_cont .report_box .flex_box .txtbox .diagram_box p { display: none;}
.report_contWrap .report_cont .report_box .flex_box .txtbox .diagram_box ul { display: flex;}
.report_contWrap .report_cont .report_box .flex_box .txtbox .diagram_box ul li { display: block; background: none; position: static; width: 25%; border-right: 1px solid #dadada; padding: 15rem 5rem 0; border-radius: 0;}
.report_contWrap .report_cont .report_box .flex_box .txtbox .diagram_box ul li:last-child { border: 0;}
.report_contWrap .report_cont .report_box .flex_box .txtbox .diagram_box ul li img { display: block; margin: 0 auto 30rem; height: 59rem;}
.report_contWrap .report_cont .report_box .flex_box .txtbox .diagram_box ul li span { color: #000;	font-size: 20rem; line-height: 24rem;  font-weight: bold; letter-spacing: -1rem; display: block; margin-bottom: 10rem;}
.report_contWrap .report_cont .report_box .flex_box .txtbox .diagram_box ul li em { color: #000;}
.report_contWrap .report_cont .report_box .flex_box .txtbox .diagram_box ul li span.text { color: #00569a;	margin-top:11px; font-size: 16rem; line-height: 24rem; font-weight: 400; letter-spacing: 0; display: block; margin-bottom: 0;}
.report_contWrap .report_cont .report_box .flex_box .txtbox .diagram_box p { display: none;}

.report_cont .report_box .flex_box .txtbox .diagram_box_img { display: none; max-width: 100%;}
.report_cont .manage_box3 .flex_box .txtbox .diagram_box { width: 470rem; height: 406rem; position: relative; margin: 0 auto; margin-top: 54rem;}
.report_cont .report_box .flex_box .txtbox .diagram_box p { width: 249rem; height: 249rem; background: #f4f5f7; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center; text-align: center; font-size: 28rem; color: #0147a2; font-weight: bold;}
.report_cont .report_box .flex_box .txtbox .diagram_box ul {;}
.report_cont .report_box .flex_box .txtbox .diagram_box ul li { position: absolute; width: 165rem; height: 240rem; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.report_cont .report_box .flex_box .txtbox .diagram_box ul li span { font-size: 20rem; line-height: 24rem; color: #fff; font-weight: bold; letter-spacing: -1rem; display: block; margin-bottom: 10rem;}
.report_cont .report_box .flex_box .txtbox .diagram_box ul li em { font-size: 16rem; line-height: 24rem; color: #fff; letter-spacing: -1rem;}
.report_cont .report_box .flex_box .flex_box_text { width:410rem;}

.report_cont .social_box2 { background: #f6f6f6; padding-top: 90rem; padding-bottom: 87rem;}
.report_contWrap .hlh .report_box2 { background: #fff; padding-top: 90rem; padding-bottom: 87rem;}
.hlh .social_box2 { background: #ebebeb; padding-top: 90rem; padding-bottom: 87rem;}
.report_cont  .social_box2 h4 { text-align: center;}
.report_cont .social_box2 .vision_tit { margin-top: 45rem; text-align: center; font-size: 34rem; color: #000; line-height: 39rem; font-weight: 500;}
.report_cont .social_box2 .vision_tit img { padding-right: 15rem;}
.report_cont .social_box2 .vision_desc { text-align: center; font-size: 18rem; line-height: 25rem; margin-top: 15rem; word-break: keep-all; color: #707070;}
.report_cont .social_box2 .vision_desc2 { color: #505050;}
.report_cont .social_box2 .safety-bottom { text-align: center; margin: 10px 0 0 0;}
.report_cont .social_box2 .box_tit2 { margin-top: 92rem;}
.report_cont .social_box2 .promotion { display: flex; justify-content: center; width: 968rem; margin: 35rem auto 0;}
.report_cont .social_box2 .promotion li { width: 33.333%; text-align: center;}
.report_cont .social_box2 .promotion li:last-child { margin-right: 0;}
.report_cont .social_box2 .promotion li .imgbox { width: 163rem; height: 163rem; background: url(https://www.hlholdings.co.krhttps://www.hlholdings.co.kr/web/images/sub/vision_dot_border.png) no-repeat; background-size: 163rem; display: flex; align-items: center; justify-content: center; margin: 0 auto; position: relative;}
.report_cont .social_box2 .promotion li .imgbox:after { content: ""; width: calc(100% - 26rem); height: 1rem; background: #999; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); margin-left: 11rem;}
.report_cont .social_box2 .promotion li:last-child .imgbox:after { width: 0; height: 0;}
.report_cont .social_box2 .promotion li .imgbox span { display: block; width: 145rem; height: 145rem; border: 8rem solid; border-radius: 50%; box-sizing: border-box;}
.report_cont .social_box2 .promotion li.col1 .imgbox span { border-color: #00b5ee; background-size: 46rem;}
.report_cont .social_box2 .promotion li.col2 .imgbox span { border-color: #022b68; background-size: 49rem;}
.report_cont .social_box2 .promotion li.col3 .imgbox span { border-color: #a8a9ac; background-size: 50rem;}
.report_cont .social_box2 .promotion li .imgbox img {;}

.report_cont .social_box2 .promotion li .txtbox { font-size: 18rem; line-height: 28rem; text-align: center; font-weight: 500; letter-spacing: -1rem; margin-top: 15rem; word-break: keep-all;}


.report_contWrap .value_box { display: flex;}
.report_contWrap .difec_value_220307 { margin-top: 49rem;}
.report_contWrap .value_box .box_tit { width: 308rem; text-align: left; margin-top: 0;}

.report_contWrap .value_box .value_text { display: flex; flex-direction: column; width: 100% ; padding-bottom: 50rem;}
.report_contWrap .social_box2 .vision_tit { margin-top: 0; position: relative;}
.report_contWrap .hlh .vision_tit { margin-bottom: 30px;}

.report_contWrap .social_box2 .vision_tit .vision_tit_wrap { position: relative; width: 50%; margin: 0 auto;}
.report_contWrap .social_box2 .vision_tit_wrap:before { content: ''; position: absolute; background: url(https://www.hlholdings.co.kr/web/images/sub/quotation_marks_01.png) no-repeat center center; width: 21rem; height: 21rem; left: -42rem; top: 0; background-size: contain;}
.report_contWrap .social_box2 .vision_tit_wrap:after { content: ''; position: absolute; background: url(https://www.hlholdings.co.kr/web/images/sub/quotation_marks_02.png) no-repeat center center; width: 21rem; height: 21rem; right: -38rem; top: 0; background-size: contain;}
.report_contWrap .social_box2 .promotion { margin: 0 auto; width: calc(100% - 308rem);}
.report_contWrap .social_box2 .promotion li { border-right: 1px solid #dadada;}
.report_contWrap .social_box2 .promotion li:last-child { border-right: none;}
.report_contWrap .social_box2 .promotion li .imgbox { background: none; height: auto;}
.report_contWrap .social_box2 .promotion li .imgbox span { display: block; width: 46rem; height: 48rem; border: none; border-radius: 0; box-sizing: border-box;}
.report_contWrap .social_box2 .promotion li.col1 .imgbox span { border-color: none; background-size: 95%;}
.report_contWrap .social_box2 .promotion li.col2 .imgbox span { border-color: none; background-size: 95%;}
.report_contWrap .social_box2 .promotion li.col3 .imgbox span { border-color: none; background-size: 95%;}
.report_contWrap .social_box2 .promotion li .imgbox:after { display: none;}
.report_contWrap .social_box2 .promotion li .txtbox { margin-top: 30rem;}
.report_contWrap .social_box2 .promotion li .txtbox .sub_text { color:#666; font-weight:300; font-size: 17rem; line-height: 32rem; margin-top: 15rem;}
.report_contWrap .report_cont .pb_60 { margin-bottom: 60rem;}


.report_contWrap .hlh .vision_tit_top { display: flex;justify-content: space-around;background-color: #fbfbfb;margin-top: 40px;width: 80%;text-align: center;margin: auto;}
.report_contWrap .hlh .vision_tit_top .vision_tit_box { display: flex;align-items: center;margin-left: 50px;}
.report_contWrap .hlh .vision_tit_top div ul { font-size: 16rem;line-height: 28rem;color: #666;letter-spacing: -1rem;word-break: keep-all;padding: 20px;text-align: left;}
.report_contWrap .hlh .vision_tit_top .vision_tit_box2 { margin-right: 30px;}
.report_contWrap .report_cont .jb-division-line { border-top: 1px solid #dadada;  margin-bottom: 60rem;}



.social_box  .vision_part { display: flex; justify-content: space-around;}
.social_box  .vision_part ul { display: flex; flex-wrap: wrap;}
.social_box  .vision_part ul li.min { width: 247px; margin-bottom: 33rem;}
.social_box  .vision_part ul li .txtbox span { font-size: 16rem; line-height: 28rem; font-weight: 500; letter-spacing: -1rem; color: #666;}

.report_cont .social_box .vision_part {    }
.report_cont .social_box .vision_part ul {display: flex; width: 100%; justify-content: space-around;}
.report_cont .social_box .vision_part ul li {    width: calc(17% - 23rem);  min-width: 160px;   margin-bottom: 20px; box-sizing: border-box; border: 1rem solid #dadada; text-align: center; padding: 25rem 25rem 20rem 20rem;  background-color: #fbfbfb; }
.report_cont .social_box .vision_part ul li:last-child {    margin-right: 0;}
.report_cont .social_box .vision_part ul li .imgbox {}
.report_cont .social_box .vision_part ul li .imgbox img { }
.report_cont .social_box .vision_part ul li .txtbox {    padding-top: 18rem;}
.report_cont .social_box .vision_part ul li .txtbox p {    font-size: 24rem; font-weight: bold; line-height: 30rem; letter-spacing: -1rem; margin-bottom: 10rem;}
.report_cont .social_box .vision_part ul li .txtbox span {    font-size: 16rem; line-height: 28rem; font-weight: 500; letter-spacing: -1rem; color: #666;}
.report_cont .social_box .sdgs {    margin-top: 52rem;}
.report_cont .social_box .sdgs .sdgs_tit {    width: 130rem; height: 130rem; display: flex; align-items: center; justify-content: center; margin-right: 28rem; background: url(https://www.hlholdings.co.kr/web/images/sub/sdgs_tit.png) no-repeat; font-size: 20rem; line-height: 30rem; color: #fff; font-weight: bold;}
.report_cont .social_box .sdgs ul {    width: 100%; box-sizing: border-box; display: flex;}
.report_cont .social_box .sdgs ul li {    width: calc(12.5% - 44rem); margin-right: 27rem;}
.report_cont .social_box .sdgs ul li:last-child {    margin-right: 0;}
.report_cont .social_box .sdgs ul li .imgbox {}
.report_cont .social_box .sdgs ul li .imgbox img {    width: 100%;}
.report_cont .social_box .sdgs ul li p {    font-size: 16rem; color: #555; font-weight: 500; text-align: center; line-height: 28rem; word-break: keep-all; margin-top: 12rem;}


.report_growth_box3 {padding-top: 82rem;}
.report_growth_box3 h4 {margin-bottom: 15rem;}

.report_growth_box3 .winwin_rule_img { margin-top: 60rem; display: none; max-width: 100%;}
.report_growth_box3 .winwin_rule { display: flex; align-items: center; justify-content: space-between; margin-top: 60rem;}
.report_growth_box3 .winwin_rule li { border: none; background: none; width: calc(33.34% - 16rem ); height: auto; border-radius: 0; padding-top: 0; margin-right: 0;}
.report_growth_box3 .winwin_rule li:last-child { margin-right: 0;}
.report_growth_box3 .winwin_rule li p { text-align: left; margin-bottom: 25rem;	font-size: 24rem;	font-weight: 500;}
.report_growth_box3 .winwin_rule li:last-child:after { width: 0; height: 0;}
.report_growth_box3 .winwin_rule li.col1 { border-color: #00b5ee; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/winwin_ico1.png) no-repeat center top 55rem;}
.report_growth_box3 .winwin_rule li.col2 { border-color: #022b68; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/winwin_ico2.png) no-repeat center top 55rem;}
.report_growth_box3 .winwin_rule li.col3 { border-color: #a8a9ac; background: #fff url(https://www.hlholdings.co.kr/web/images/sub/winwin_ico3.png) no-repeat center top 55rem;}



.growth_contwrap .philo_box ul { margin-top: 55rem; display: flex;  justify-content: space-between;}
.growth_contwrap .philo_box ul li { text-align: center; margin-right: 20rem; word-break: keep-all;}
.growth_contwrap .philo_box ul li:last-child { margin-right: 0;}
.growth_contwrap .philo_box ul li .icobox { width: 160rem; height: 160rem; box-sizing: border-box; border: 4rem solid; border-radius: 50%; padding-top: 72rem; position: relative; margin: 0 auto;}
.growth_contwrap .philo_box ul li .icobox:after { content: ""; width: 146rem; height: 1rem; background: #000; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); margin-left: 8rem;}
.growth_contwrap .philo_box ul li:last-child .icobox:after { width: 0; height: 0;}
.growth_contwrap .philo_box ul li.col1 .icobox { border-color: #a8a9ac; }
.growth_contwrap .philo_box ul li.col2 .icobox { border-color: #8edbf3; }
.growth_contwrap .philo_box ul li.col3 .icobox { border-color: #00b5ee; }
.growth_contwrap .philo_box ul li.col4 .icobox { border-color: #2290b1; }
.growth_contwrap .philo_box ul li.col5 .icobox { border-color: #326bbf; }
.growth_contwrap .philo_box ul li.col6 .icobox { border-color: #022b68; }
.growth_contwrap .philo_box ul li .icobox p { font-size: 17rem; line-height: 22rem; font-weight: 400;}
.growth_contwrap .philo_box ul li .icobox p em { font-size: 16rem; display: block;}
.growth_contwrap .philo_box ul li .txtbox { font-size: 14rem; line-height: 26rem; color: #666; letter-spacing: -1rem; margin-top: 20rem;}



.report_contWrap .report_cont .philo_box { position: relative; display: flex;justify-content: center;margin-top: 60rem;}
.report_contWrap .report_cont .philo_box img { max-width: 100%;}
.growth_contwrap .growth_box .philo_box_bg_w {background: #FFF;}
.growth_contwrap .growth_box .philo_box { position: relative; }


.safe_cont .philo_box { margin-top: 44rem; margin-bottom: 60rem;  padding: 30rem 60rem 53rem 60rem; text-align: center;}
.safe_cont .philo_box img {max-width: 100%;}




/* 20230718 섏젙 */

.inquiry_wrap {padding: 67px 0 203px; }
.inquiry_wrap .inquiry_annon {margin-bottom: 30px; }
.inquiry_wrap .inquiry_annon .container {width: 1200rem; margin: 0 auto; }
.inquiry_wrap .inquiry_annon h3 {font-size: 26px; line-height: 38px; font-weight: 500; word-break: keep-all; text-align: center;}
.inquiry_wrap .inquiry_annon .inquiry_agreebox {background: #f6f6f6; padding: 20px 36px; height: 182px; box-sizing: border-box; overflow-y: auto; }
.inquiry_wrap .inquiry_annon .inquiry_agreebox p {font-size: 16px; line-height: 28px; color: #555; letter-spacing: -1px; word-break: keep-all; margin-right: 50px; }
.inquiry_wrap .inquiry_annon .inquiry_agreebox ul { }
.inquiry_wrap .inquiry_annon .inquiry_agreebox ul li {font-size: 16px; line-height: 28px; color: #555; letter-spacing: -1px; word-break: keep-all; }
.inquiry_wrap .inquiry_annon .noti {display: flex; align-items: center; margin-top: 13px; justify-content: center;}
.inquiry_wrap .inquiry_annon input[type="checkbox"] {-moz-appearance: none; -webkit-appearance: none; appearance: none; display: inline-block; padding-left: 29px; background: url(https://www.hlholdings.co.kr/web/images/sub/check_off.png) no-repeat left center; cursor: pointer; letter-spacing: -1px; width: 20px; height: 20px; border: none; }
.inquiry_wrap .inquiry_annon input[type="checkbox"] + label {font-size: 18px; line-height: 28px; color: #555; cursor: pointer; }
.inquiry_wrap .inquiry_annon input[type="checkbox"]:checked {background: url(https://www.hlholdings.co.kr/web/images/sub/check_on.png) no-repeat left center; }
.inquiry_wrap .inquiry_box {margin-bottom: 50px; }
.inquiry_wrap .inquiry_box:last-child {margin-bottom: 0; }
.inquiry_wrap h4 {font-size: 30px; font-weight: 500; padding-bottom: 26px; position: relative; }
.inquiry_wrap .inquiry_box h4 a {display: block; width: 155px; height: 45px; text-align: center; border: 1px solid #dadada; line-height: 43px; font-size: 14px; color: #444; position: absolute; right: 0; top: 0; }
.inquiry_wrap .inquiry_box .formWrap {border-top: 1px solid #000; }
.inquiry_wrap .inquiry_box .formWrap .formLine {display: flex; align-items: center; border-bottom: 1px solid #dadada; padding: 11px 0 10px; }
.inquiry_wrap .inquiry_box .formWrap h5 {width: 102px; text-align: center; font-size: 18px; color: #555; }
.inquiry_wrap .inquiry_box .formWrap .formCont {width: calc(100% - 102px); box-sizing: border-box; padding-left: 20px; }
.inquiry_wrap .inquiry_box .formWrap .formCont .inputWrap {display: flex; align-items: center; }
.inquiry_wrap .inquiry_box .formWrap .formCont input[type="text"] {border: 1px solid #dadada; height: 45px; width: 780px; box-sizing: border-box; font-size: 16px; padding-left: 12px; font-family: "NotoSansCJKkr"; border-radius: 0; }
.inquiry_wrap .inquiry_box .formWrap .formCont input[type="text"] + label {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); }
.inquiry_wrap .inquiry_box .formWrap .formCont input.w30 {width: 300px; }
.inquiry_wrap .inquiry_box .formWrap .formCont input.w15 {width: 157px; }
.inquiry_wrap .inquiry_box .formWrap .formCont select {border: 1px solid #dadada; height: 45px; width: 212px; box-sizing: border-box; font-size: 16px; padding-left: 12px; font-family: "NotoSansCJKkr"; color: #999; margin-left: 10px; background: url(https://www.hlholdings.co.kr/web/images/sub/select_arrow.png) no-repeat right 14px center; background-size: 12px; -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; }
.inquiry_wrap .inquiry_box .formWrap .formCont select.first {margin-left: 0px; }
.inquiry_wrap .inquiry_box .formWrap .formCont select::-ms-expand {display: none }
.inquiry_wrap .inquiry_box .formWrap .formCont select + label {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); }
.inquiry_wrap .inquiry_box .formWrap .formCont span {font-size: 16px; color: #666; }
.inquiry_wrap .inquiry_box .formWrap .formCont .noti {font-size: 15px; line-height: 28px; color: #555; margin-top: 10px; display: flex; justify-content: flex-start;}
.inquiry_wrap .inquiry_box .formWrap .formCont .noti img {padding-right: 6px; vertical-align: -3px; }
.inquiry_wrap .inquiry_box .formWrap .mail .formCont span {margin: 0 6px; }
.inquiry_wrap .inquiry_box .formWrap .number .formCont span {margin: 0 9px; }
.inquiry_wrap .inquiry_box .formWrap .formCont input[type="radio"] {-moz-appearance: none; -webkit-appearance: none; appearance: none; display: inline-block; font-size: 16px; line-height: 20px; color: #555; background: url(https://www.hlholdings.co.kr/web/images/sub/radio_off.png) no-repeat left center; width: 20px; height: 20px; margin-right: 7px; cursor: pointer; border: none; }
.inquiry_wrap .inquiry_box .formWrap .formCont input[type="radio"] + label { }
.inquiry_wrap .inquiry_box .formWrap .formCont input[type="radio"]:checked {background: url(https://www.hlholdings.co.kr/web/images/sub/radio_on.png) no-repeat left center; }
.inquiry_wrap .inquiry_box .formWrap .formCont textarea {width: 100%; max-width: 925px; height: 245px; box-sizing: border-box; border: 1px solid #dadada; padding: 12px; font-family: "NotoSansCJKkr"; font-size: 16px; line-height: 28px; color: #555; resize: none; border-radius: 0; }
.inquiry_wrap .inquiry_box .formWrap .formCont textarea + label {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); }
.inquiry_wrap .inquiry_box .formWrap .cate {padding: 23px 0 25px; }
.inquiry_wrap .inquiry_box .formWrap .cate .formCont ul {display: flex; }
.inquiry_wrap .inquiry_box .formWrap .cate .formCont ul li {margin-right: 35px; display: flex; align-items: center; font-size: 16px; line-height: 20px; color: #555; }
.inquiry_wrap .inquiry_box .formWrap .cate .formCont ul li:last-child {margin-right: 0; }
.inquiry_wrap .btnWrap {display: flex; align-items: center; justify-content: center; margin-top: 32px; }
.inquiry_wrap .btnWrap a {display: block; width: 152px; height: 50px; border: 1px solid #dadada; line-height: 48px; text-align: center; font-size: 16px; margin-right: 10px; box-sizing: border-box; }
.inquiry_wrap .btnWrap a:last-child {margin-right: 0; }
.inquiry_wrap .btnWrap a.submitBtn {border-color: #0147a2; color: #fff; }
.inquiry_wrap .btnWrap a.submitBtn:hover, .inquiry_wrap .btnWrap a.submitBtn:focus {color: #000; }
.inquiry_wrap .btnWrap a.submitBtn {border-color: #01b6ef; background: #01b6ef;}






/* 20230718 섏젙 */

.inquiry_wrap {padding: 67px 0 203px; }
.inquiry_wrap .inquiry_annon {margin-bottom: 30px; }
.inquiry_wrap .inquiry_annon .container {width: 1200rem; margin: 0 auto; }
.inquiry_wrap .inquiry_annon h3 {font-size: 26px; line-height: 38px; font-weight: 500; word-break: keep-all; text-align: center;}
.inquiry_wrap .inquiry_annon .inquiry_agreebox {background: #f6f6f6; padding: 20px 36px; height: 182px; box-sizing: border-box; overflow-y: auto; }
.inquiry_wrap .inquiry_annon .inquiry_agreebox p {font-size: 16px; line-height: 28px; color: #555; letter-spacing: -1px; word-break: keep-all; margin-right: 50px; }
.inquiry_wrap .inquiry_annon .inquiry_agreebox ul { }
.inquiry_wrap .inquiry_annon .inquiry_agreebox ul li {font-size: 16px; line-height: 28px; color: #555; letter-spacing: -1px; word-break: keep-all; }
.inquiry_wrap .inquiry_annon .noti {display: flex; align-items: center; margin-top: 13px; justify-content: center;}
.inquiry_wrap .inquiry_annon input[type="checkbox"] {-moz-appearance: none; -webkit-appearance: none; appearance: none; display: inline-block; padding-left: 29px; background: url(https://www.hlholdings.co.kr/web/images/sub/check_off.png) no-repeat left center; cursor: pointer; letter-spacing: -1px; width: 20px; height: 20px; border: none; }
.inquiry_wrap .inquiry_annon input[type="checkbox"] + label {font-size: 18px; line-height: 28px; color: #555; cursor: pointer; }
.inquiry_wrap .inquiry_annon input[type="checkbox"]:checked {background: url(https://www.hlholdings.co.kr/web/images/sub/check_on.png) no-repeat left center; }
.inquiry_wrap .inquiry_box {margin-bottom: 50px; }
.inquiry_wrap .inquiry_box:last-child {margin-bottom: 0; }
.inquiry_wrap h4 {font-size: 30px; font-weight: 500; padding-bottom: 26px; position: relative; }
.inquiry_wrap .inquiry_box h4 a {display: block; width: 155px; height: 45px; text-align: center; border: 1px solid #dadada; line-height: 43px; font-size: 14px; color: #444; position: absolute; right: 0; top: 0; }
.inquiry_wrap .inquiry_box .formWrap {border-top: 1px solid #000; }
.inquiry_wrap .inquiry_box .formWrap .formLine {display: flex; align-items: center; border-bottom: 1px solid #dadada; padding: 11px 0 10px; }
.inquiry_wrap .inquiry_box .formWrap h5 {width: 102px; text-align: center; font-size: 18px; color: #555; }
.inquiry_wrap .inquiry_box .formWrap .formCont {width: calc(100% - 102px); box-sizing: border-box; padding-left: 20px; }
.inquiry_wrap .inquiry_box .formWrap .formCont .inputWrap {display: flex; align-items: center; }
.inquiry_wrap .inquiry_box .formWrap .formCont input[type="text"] {border: 1px solid #dadada; height: 45px; width: 780px; box-sizing: border-box; font-size: 16px; padding-left: 12px; font-family: "NotoSansCJKkr"; border-radius: 0; }
.inquiry_wrap .inquiry_box .formWrap .formCont input[type="text"] + label {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); }
.inquiry_wrap .inquiry_box .formWrap .formCont input.w30 {width: 300px; }
.inquiry_wrap .inquiry_box .formWrap .formCont input.w15 {width: 157px; }
.inquiry_wrap .inquiry_box .formWrap .formCont select {border: 1px solid #dadada; height: 45px; width: 212px; box-sizing: border-box; font-size: 16px; padding-left: 12px; font-family: "NotoSansCJKkr"; color: #999; margin-left: 10px; background: url(https://www.hlholdings.co.kr/web/images/sub/select_arrow.png) no-repeat right 14px center; background-size: 12px; -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; }
.inquiry_wrap .inquiry_box .formWrap .formCont select.first {margin-left: 0px; }
.inquiry_wrap .inquiry_box .formWrap .formCont select::-ms-expand {display: none }
.inquiry_wrap .inquiry_box .formWrap .formCont select + label {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); }
.inquiry_wrap .inquiry_box .formWrap .formCont span {font-size: 16px; color: #666; }
.inquiry_wrap .inquiry_box .formWrap .formCont .noti {font-size: 15px; line-height: 28px; color: #555; margin-top: 10px; display: flex; justify-content: flex-start;}
.inquiry_wrap .inquiry_box .formWrap .formCont .noti img {padding-right: 6px; vertical-align: -3px; }
.inquiry_wrap .inquiry_box .formWrap .mail .formCont span {margin: 0 6px; }
.inquiry_wrap .inquiry_box .formWrap .number .formCont span {margin: 0 9px; }
.inquiry_wrap .inquiry_box .formWrap .formCont input[type="radio"] {-moz-appearance: none; -webkit-appearance: none; appearance: none; display: inline-block; font-size: 16px; line-height: 20px; color: #555; background: url(https://www.hlholdings.co.kr/web/images/sub/radio_off.png) no-repeat left center; width: 20px; height: 20px; margin-right: 7px; cursor: pointer; border: none; }
.inquiry_wrap .inquiry_box .formWrap .formCont input[type="radio"] + label { }
.inquiry_wrap .inquiry_box .formWrap .formCont input[type="radio"]:checked {background: url(https://www.hlholdings.co.kr/web/images/sub/radio_on.png) no-repeat left center; }
.inquiry_wrap .inquiry_box .formWrap .formCont textarea {width: 100%; max-width: 925px; height: 245px; box-sizing: border-box; border: 1px solid #dadada; padding: 12px; font-family: "NotoSansCJKkr"; font-size: 16px; line-height: 28px; color: #555; resize: none; border-radius: 0; }
.inquiry_wrap .inquiry_box .formWrap .formCont textarea + label {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); }
.inquiry_wrap .inquiry_box .formWrap .cate {padding: 23px 0 25px; }
.inquiry_wrap .inquiry_box .formWrap .cate .formCont ul {display: flex; }
.inquiry_wrap .inquiry_box .formWrap .cate .formCont ul li {margin-right: 35px; display: flex; align-items: center; font-size: 16px; line-height: 20px; color: #555; }
.inquiry_wrap .inquiry_box .formWrap .cate .formCont ul li:last-child {margin-right: 0; }
.inquiry_wrap .btnWrap {display: flex; align-items: center; justify-content: center; margin-top: 32px; }
.inquiry_wrap .btnWrap a {display: block; width: 152px; height: 50px; border: 1px solid #dadada; line-height: 48px; text-align: center; font-size: 16px; margin-right: 10px; box-sizing: border-box; }
.inquiry_wrap .btnWrap a:last-child {margin-right: 0; }
.inquiry_wrap .btnWrap a.submitBtn {border-color: #0147a2; color: #fff; }
.inquiry_wrap .btnWrap a.submitBtn:hover, .inquiry_wrap .btnWrap a.submitBtn:focus {color: #000; }
.inquiry_wrap .btnWrap a.submitBtn {border-color: #01b6ef; background: #01b6ef;}




/* 20230811 섏젙 */
.inquiry_wrap h4.sub_text {font-size: 18px;font-weight: 400;padding-bottom: 0px;padding-top: 20px;position: relative;}





/* 20240114 섏젙 */
.service_wrap_220121 .mobility_wrap7 { padding-bottom: 186rem;}
.service_wrap_220121 .mobility_wrap7 .fleet_box1 { padding-bottom: 35rem; display: flex; justify-content: space-between;}
.service_wrap_220121 .mobility_wrap7 .fleet_box2 {;}
.service_wrap_220121 .mobility_wrap7 .fleet_box1 h4.box_tit { font-size: 28rem; display: flex;  align-items: center;}

.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap { display: flex; background: url(https://www.hlholdings.co.kr/web/images/sub/fleet_bg.png) no-repeat center top; background-size: 100% 142rem;	border-bottom: 1rem solid #dadada; }
.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col { width: 33.333%; box-sizing: border-box; position: relative;}
.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col .icobox { height: 142rem; display: flex; align-items: center; justify-content: center; text-align: center;}
.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col .icobox img {;}

.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col .txtbox { text-align: center; padding-top: 55rem; padding-bottom: 55rem;}
.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col .txtbox p { font-size: 26rem; line-height: 30rem ; font-weight: 500; position: relative; letter-spacing: -1rem;}
.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col .txtbox p:after { content: ""; width: 100rem; height: 10rem; /*background: url(https://www.hlholdings.co.kr/web/images/sub/fleet_arrow.png) no-repeat right top; position: absolute; left: 100%; top: 50%; */ transform: translateY(-50%); /* margin-left: -55rem; */}
.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col:last-child .txtbox p:after { width: 0; height: 0;}
.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col .txtbox ul { padding-top: 10rem;}
.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col .txtbox ul li { font-size: 18rem; line-height: 32rem; color: #666;}
.service_wrap_220121 .mobility_wrap7 .fleet_box2 .word_noti { display: block; font-size: 14rem; line-height: 32rem; color: #666; margin-top: 10rem;text-align: right;}
.service_wrap_220121 .mobility_wrap7 .fleet_box2 .word_noti b { color: #000;}
.service_wrap_220121 .mobility_wrap7 .fleet_img { padding-bottom: 100rem;}
.service_wrap_220121 .mobility_wrap7 .fleet_img .fleet_img_list ul { display: flex; flex-wrap: wrap; gap: 26rem 24rem;}
.service_wrap_220121 .mobility_wrap7 .fleet_img .fleet_img_list li { width: calc(33% - 18rem); box-sizing: border-box; border: 1rem solid #dadada;}


.service_wrap_220121 .mobility_wrap7 .fleet_box1 .h4_desc { margin-top: 10rem;}
.service_wrap_220121 .mobility_wrap7 .fleet_box1 .h4_desc span { display: unset;}

.service_wrap_220121 .mobility_wrap7 .fleet_box1 .h4_desc span.h4_desc_t {font-weight:400; }
.service_wrap_220121 .mobility_wrap7 .fleet_box1 .h4_desc span.h4_desc_t2 {font-weight:400; }
.service_wrap_220121 .mobility_wrap7 .fleet_box1 .h4_desc span.h4_desc_b {font-weight:500; color:#00b5ed; }
.service_wrap_220121 .mobility_wrap7 .fleet_box1 .h4_desc span.h4_desc_b2 {font-weight:500; color:#00b5ed; font-size: 17rem; }
.service_wrap_220121 .mobility_wrap7 .fleet_box1 .h4_desc span.h4_desc_b3 {font-weight:500; }

.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap {display: flex; background-size: 100% 142rem; width: 100%; border-bottom: 1rem solid #dadada; padding-top: 30px;}
.service_wrap_220121 .mobility_wrap7 .fleet_box3 .pad_2 {padding-top:50px;}
.service_wrap_220121 .mobility_wrap7 .fleet_box3 .pad_3 {padding-top:50px; border-bottom: unset;}

.service_wrap_220121 .mobility_wrap7 .fleet_box3 {margin-top: 44rem; background: #f6f6f6; padding: 50rem 50rem 50rem 50rem;;}
.service_wrap_220121 .mobility_wrap7 .fleet_box3 h6 {font-size: 24rem;width: 100%; font-weight: 500;}
.service_wrap_220121 .mobility_wrap7 .fleet_box3 p.h4_desc {font-size: 16px; width: 100%; padding-top: 10px; line-height: 180%;}

.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .tit_box { box-sizing: border-box; position: relative;display: flex; width: 35%; flex-direction: column;}
.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .img_box {display: flex;flex-wrap: nowrap;width: 65%;}
.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .img_box_pd {padding-left:80px;padding-right:50px;}

.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col { width: 33.333%; box-sizing: border-box; position: relative;}
.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .img_box p.col_p {content: ""; width: 40rem; height: 10rem; background: url(https://www.hlholdings.co.kr/web/images/sub/fleet_arrow.png) no-repeat right top; position: absolute; left: 100%; top: 37%; transform: translateY(-50%); margin-left: -25rem;}

.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col .icobox { height: 100rem;  display: flex; align-items: center; justify-content: center; text-align: center;}
.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col .icobox img {;}

.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col .txtbox { text-align: center; padding-bottom: 55rem;}
.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col .txtbox p { font-size: 17rem; line-height: 30rem ; font-weight: 400; position: relative; }
.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col:last-child .txtbox p:after { width: 0; height: 0;}
.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col .txtbox ul { padding-top: 10rem;}
.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col .txtbox ul li { font-size: 18rem; line-height: 32rem; color: #666;}

.service_wrap_220121 .mobility_wrap7 .fleet_img .fleet_img_list .imgbox img {width: 100%;}

.ceo_wrap .ceo_box { padding-top: 72rem; padding-bottom: 150rem; }
.ceo_wrap .ceo_box .ceo_txt .box_tit { line-height: 1.4; color: #00b5ed; margin-top: 60rem;}
.ceo_wrap .ceo_box .ceo_txt .box_txt { line-height: 1.4; color: #222; font-weight:500;}

.ceo_wrap .ceo_box .ceo_txt { padding-top: 0; letter-spacing: -1rem;}
.ceo_wrap .ceo_box .ceo_txt p { margin-top: 40rem;}
.ceo_wrap .ceo_box .ceo_txt .ceo_img p { margin-top: 15px;}
.ceo_wrap .ceo_box .ceo_txt p span { display: block; margin-top: 15rem;}
.ceo_wrap .ceo_box .ceo_txt .ceo_msg { display: flex; align-items: flex-start;}
.ceo_wrap .ceo_box .ceo_msg .ceo_txt {width: 60%;}
.ceo_wrap .ceo_box .ceo_msg .kkh {width: 60%; padding-right: 30rem;}

.ceo_wrap .ceo_box .ceo_msg .ceo_img {width: 40%; margin: 90px 0 0 10px; display: flex; flex-direction: column; align-items: center;}
.ceo_wrap .ceo_box .ceo_msg .ceo_img img {width: 90%;}
.ceo_wrap .ceo_box .ceo_msg .kkh img {width: 100%;}

.ceo_wrap .ceo_box .ceo_img .pc {display:block; text-align: center;}
.ceo_wrap .ceo_box .ceo_img .mo {display:none;}

.ceo_wrap .ceo_box .ceo_msg .ceo_img p img.ceo_sign {width: 150rem;padding-left: 91rem;}
.ceo_wrap .ceo_box .ceo_msg .kkh p img.ceo_sign {width: 180rem;padding-left: 91rem;}


.ceo_wrap .ceo_box .ceo_msg .h4_desc {font-size: 20rem; line-height: 180%;}
.ceo_wrap .part_box {  padding-bottom: 192rem;  }
.ceo_wrap .part_box .h4_desc {font-size: 20rem; line-height: 180%;}
.ceo_wrap .ceo_box .sub_ceo_font {font-size: 24rem; line-height: 180%;  margin-top: 50px; text-align: right;}

.ceo_wrap .ceo_box .h4_desc span {font-size:18rem;line-height: 180%;}
.ceo_wrap .ceo_box .h4_desc span.ceo_blk {color:#222; font-weight:500; font-size:24rem;}

.sub_tab_c9 ul { display: flex; justify-content: center; align-items: flex-end;}
.sub_tab_c9 ul li {height:221px; border:unset;}
.sub_tab_c9 ul li:last-child {border:unset;}
.sub_tab_c9 ul li.left { width: 479rem; display: flex; background: url(https://www.hlholdings.co.kr/web/images/sub/ceo1-1.png) no-repeat;}
.sub_tab_c9 ul li.left a { padding-right: 41px; padding-bottom: 20px;text-align: right; line-height: 160%; height:100%; width:100%; display: flex; align-items: flex-end; justify-content: flex-end; color: #666; font-weight: 500;background: unset; }
.sub_tab_c9 ul li.left a span { display: block; font-size: 24rem; font-weight:500; }
.sub_tab_c9 ul li.left a span em {  font-size: 18rem; }

.sub_tab_c9 ul li.left a:hover { color: #fff; font-weight: 500; background: url(https://www.hlholdings.co.kr/web/images/sub/ceo1-1on.png) no-repeat;}
.sub_tab_c9 ul li.left a div { margin-bottom: 20px; padding-right: 41px;}

.sub_tab_c9 ul li.right { width: 479rem;  background: url(https://www.hlholdings.co.kr/web/images/sub/ceo2-1.png) no-repeat;}
.sub_tab_c9 ul li.right a { padding-left: 41px; padding-bottom: 20px; text-align: left; line-height: 160%; height:100%; width:100%; display: flex; align-items: flex-end;  justify-content: flex-start;flex-end; color: #666; font-weight: 500;background: unset;}
.sub_tab_c9 ul li.right a span { display: block; font-size: 24rem; font-weight:500; }
.sub_tab_c9 ul li.right a span em {  font-size: 18rem; }

.sub_tab_c9 ul li.right a:hover { color: #fff; font-weight: 500; background: url(https://www.hlholdings.co.kr/web/images/sub/ceo2-1on.png) no-repeat;}
.sub_tab_c9 ul li.right a div { margin-bottom: 20px; padding-left: 41px;}

.sub_tab_c9 ul li.on a.left { color: #fff; font-weight: 500;  background: url(https://www.hlholdings.co.kr/web/images/sub/ceo1-1on.png) no-repeat; }
.sub_tab_c9 ul li.on a.right { color: #fff; font-weight: 500;  background: url(https://www.hlholdings.co.kr/web/images/sub/ceo2-1on.png) no-repeat; }




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

	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col{ display:flex; flex-direction: column;; margin-bottom:20rem;margin-top:20rem; flex-direction: column;}

	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .tit_box {width: 100%;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .img_box {width: 100%; }
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap {display:block;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col .txtbox {  padding-bottom: 20rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col .txtbox p:after {width: 60rem; margin-left: -25rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_img .fleet_img_list .imgbox img {width: 100%;}

	.safe_cont .safe_box1 ul li .txtbox p { font-size: 20rem;}
	.safe_cont .safe_box1 ul li .txtbox p span {    font-size: 20rem; }
	.safe_cont .safe_box1 ul li .txtbox div.btm_tit { font-size: 20rem;}



}

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

	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .img_box_pd {padding-left: 0; padding-right: 0;   }
    .service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col .txtbox ul li{font-size:16rem; line-height:30rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col .txtbox p:after {width: 30rem; margin-left: -25rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_img .fleet_img_list li {width: calc(33% - 18rem);}
	.service_wrap_220121 .mobility_wrap7 .fleet_img .fleet_img_list .imgbox img {width: 100%;}


}


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

	.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap{display:block; background:none; padding-bottom:79rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col{width:100%; display:flex; align-items:center; margin-bottom:68rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col:last-child{margin-bottom:0;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col:after{content:""; width:11rem; height:38rem; /* background:url(https://www.hlholdings.co.kr/web/images/sub/fleet_arrow_m.png); background-size:11rem; position:absolute; left:278rem; top:100%; */ margin-top:14rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col:last-child:after{width:0; height:0;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col .icobox{width:236rem; height:145rem; position:relative;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col .icobox:before{content:""; width:247rem; height:145rem; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:-1; }
	.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col:nth-child(1) .icobox:before{background:url(https://www.hlholdings.co.kr/web/images/sub/fleet_bg_m1.png); background-size:100%;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col:nth-child(2) .icobox:before{background:url(https://www.hlholdings.co.kr/web/images/sub/fleet_bg_m2.png); background-size:100%;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col:nth-child(3) .icobox:before{background:url(https://www.hlholdings.co.kr/web/images/sub/fleet_bg_m3.png); background-size:100%;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col:nth-child(4) .icobox:before{background:url(https://www.hlholdings.co.kr/web/images/sub/fleet_bg_m4.png); background-size:100%;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col .txtbox{padding:0; width:calc(100% - 236rem); text-align:left; box-sizing:border-box; padding-left:45rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col .txtbox p:after{width:0; height:0;}


	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap{ background:none; padding-bottom:20rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col{ display:flex; flex-direction: column;; margin-bottom:20rem; flex-direction: column;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col:last-child{margin-bottom:0;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col:after{; width:11rem; height:38rem; background:url(https://www.hlholdings.co.kr/web/images/sub/fleet_arrow_m.png); background-size:11rem; position:absolute; left:; top:100%; margin-top:14rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col:last-child:after{width:0; height:0;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col .icobox{height:100rem; position:relative;padding-top: 20px; justify-content: flex-start;padding-left: 10px; }
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col .icobox:before{content:""; width:247rem; height:145rem; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:-1; }

	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col .txtbox{padding: 0; box-sizing: border-box; width: 100%; text-align: left;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col .txtbox p:after{width:0; height:0;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col .txtbox pd2 {padding-top:15px; text-align: center; width: 150px;}


	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap {display: flex; background-size: 100% 142rem; width: 100%; border-bottom: 1rem solid #dadada; padding-top: 30px; flex-direction: column;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .tit_box {width: 100%;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .img_box {width: 100%; }
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .img_box p.col_p {background: url(https://www.hlholdings.co.kr/web/images/sub/fleet_arrow.png) no-repeat right top;  height: 18rem; top: 54%;margin-left: -52rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col {width: 33.3%; }
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col .txtbox p.pd2 {font-size:14px; padding-top:25px;width:200rem;text-align: center;padding-left:10px}


	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .pad_2 .tit_box {width: 100%;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .pad_2 .img_box {width: 100%; }
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .img_box_pd {padding-left: 0; padding-right: 0; display: flex; flex-wrap: wrap;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col2:after {content:unset;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col2 {margin-bottom: 20rem; width: 50%;}
    
	.service_wrap_220121 .mobility_wrap7 .fleet_box1 h4.box_tit img { width: 50%;}
    .service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col:after {left: 292rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col .icobox img {width: 200px;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col .txtbox p {font-size: 20rem;}


}

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

	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .img_box p.col_p {margin-left: -38rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_img .fleet_img_list li {width: calc(50% - 18rem);}

}



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

	.service_wrap_220121 .mobility_wrap7 .fleet_box1{padding-bottom:57rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box1 .h4_desc br{display:none;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col .txtbox p{font-size:30rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box2 .colwrap .col .txtbox ul li{font-size:20rem; line-height:34rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box2 .word_noti{font-size:18rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .img_box p.col_p {margin-left: -87rem;}

	.service_wrap_220121 .mobility_wrap7 .fleet_box1 h4.box_tit img { width: 160px;padding-left:10px;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box1 .h4_desc span.h4_desc_b2 { font-size: 24rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col .txtbox p {padding-top:5px; width: 120rem; text-align: center;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col .txtbox pd2 {padding-top:15px; text-align: center; width: 150px;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .col .icobox img {width: 150px; }
	.service_wrap_220121 .mobility_wrap7 .fleet_img .fleet_img_list li {width: calc(50% - 18rem);}

	.ceo_wrap .ceo_box .h4_desc span {font-size:24rem;}
	.ceo_wrap .ceo_box .ceo_txt .box_tit {font-size:30rem;}
	.ceo_wrap .ceo_box .h4_desc span.ceo_blk {font-size:28rem;}
	.ceo_wrap .ceo_box .ceo_txt .box_txt {font-size:30rem;}
	.coldchain_wrap_220118 .cold_box2 .desc_box4 > ul > li {width: 100%;}
	.safe_cont_220307 .safe_box2 .desc_cont .desc_box3 .desc_txtbox ul li p { font-size: 22rem;}
	.safe_cont .safe_box3 h6 { font-size: 28rem;}
	.safe_cont .safe_box3 h6 { font-size: 28rem;}
	.safe_cont .safe_box1 ul li .txtbox p { font-size: 24rem;}
	.safe_cont .safe_box1 ul li .txtbox p span {    font-size: 24rem; }
	.safe_cont .safe_box1 ul li .txtbox div.btm_tit { font-size: 24rem;}
	.safe_cont .safe_box1 ul p.btm_tit {font-size: 22rem;}

	.eco_cont .eco_box4 h6 { font-size: 28rem;}
	.arrow_btn_12 { width: 260rem;}
	.inquiry_wrap h4.sub_text {font-size: 14px;}

	.eco_cont .eco_box4 .sunlight_cont .sunlight_box ul {gap: 25rem 24rem; flex-wrap: wrap; }
	.eco_cont .eco_box4 .sunlight_cont .sunlight_box ul li { width: 100%}

	.eco_cont .eco_box4 .eco_cont_img  {gap: 25rem 24rem; flex-wrap: wrap; }
	.eco_cont .eco_box4 .eco_cont_img .eco_box  { width: 100%}


}




@media screen and (max-width:560px){
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .img_box p.col_p {margin-left: -65rem;}

}

@media screen and (max-width:500px){
	.service_wrap_220121 .mobility_wrap7 .fleet_box3 .colwrap .img_box p.col_p {margin-left: -50rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_img .fleet_img_list li {width: calc(100% - 18rem);}

}



/* 20240405 섏젙 */


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

	.ceo_wrap .ceo_box .ceo_txt .ceo_img p { text-align: right;}
	.ceo_wrap .ceo_box .ceo_msg .ceo_img {display: flex; flex-direction: column; align-items: flex-end; padding-right: 50px;}
	.ceo_wrap .ceo_box .ceo_msg .ceo_txt {width:70%;}
	.ceo_wrap .ceo_box .ceo_msg .ceo_img {width:30%;}
}

@media screen and (max-width:1200px){
	.ceo_wrap .ceo_box .ceo_msg .ceo_img { margin-right: 0;}
	
}

@media screen and (max-width:1024px){
	.ceo_wrap .ceo_box .ceo_msg .ceo_img img {width: 80%;}

}

@media screen and (max-width:960px){
	.sub_tab_c9 ul li.left a div { padding-right: 5px;}
	.sub_tab_c9 ul li.right a div {padding-left: 10px;}
	.ceo_wrap .ceo_box .ceo_txt .box_tit {font-size: 28rem;}
	.ceo_wrap .ceo_box .ceo_msg .h4_desc {font-size: 18rem;}
	.ceo_wrap .part_box .h4_desc {font-size: 18rem;}
	.ceo_wrap .part_box .sub_ceo_font {font-size: 20rem; margin-top: 30px;}
	.ceo_wrap .ceo_box .ceo_img .pc {display:none;}
	.ceo_wrap .ceo_box .ceo_img .mo {display:block;}
	.ceo_wrap .ceo_box .sub_ceo_font {margin-top: 0; margin-right: 30px;}
	.ceo_wrap .ceo_box .ceo_msg .ceo_img p img.ceo_sign {padding-left: 0; margin-right: 30px;}
	.ceo_wrap .ceo_box .ceo_txt .ceo_msg { align-items: flex-start; flex-direction: column;}
	.ceo_wrap .ceo_box .ceo_msg .ceo_txt {width: 100%;}
	.ceo_wrap .ceo_box .ceo_msg .ceo_img  {width: 100%;margin: 10px 0 0 10px; align-items: flex-end;}
	.coldchain_wrap_220118 .cold_box2 .desc_box4 > ul > li .icobox:after {width: 50%;}

}

@media screen and (max-width:800px){
	.ceo_wrap .ceo_box .ceo_msg .ceo_img img {width: 70%;}
	.coldchain_wrap_220118 .cold_box2 .desc_box4 > ul > li .icobox:after {width: 50%;}

}

/* 640px */
@media screen and (max-width: 640px) { 
	.policy_wrap .select_box_opn {  width: 100%;  height: 56rem;  font-size: 18rem ;}
}

/* 640px */
.director_wrap .board_title { display: flex; align-items: center; justify-content: space-between; margin: 85rem auto 0; flex-wrap: wrap;}
.director_wrap .board_search { display: flex; justify-content: flex-end; margin-bottom: 20rem;}
.director_wrap .board_search select { width: 120rem; height: 42rem; box-sizing: border-box; border: none; border-bottom: 1rem solid #000; padding-left: 4rem; font-size: 18rem; color: #666; background: url(https://www.hlholdings.co.kr/web/images/sub/select_12.png) no-repeat right 7rem center; margin-top: -50px;}
.holder_wrap .board_title { display: flex; align-items: center; justify-content: space-between; margin: 85rem auto 0; flex-wrap: wrap;}
.holder_wrap .board_search { display: flex; justify-content: flex-end; margin-bottom: 20rem;}
.holder_wrap .board_search select { width: 120rem; height: 42rem; box-sizing: border-box; border: none; border-bottom: 1rem solid #000; padding-left: 4rem; font-size: 18rem; color: #666; background: url(https://www.hlholdings.co.kr/web/images/sub/select_12.png) no-repeat right 7rem center; margin-top: -50px;}
.h5_desc { font-size: 27rem; line-height: 32rem; color: #666; word-break: keep-all;}
.h6_desc { font-size: 17rem; line-height: 32rem; color: #666; word-break: keep-all; margin-top: 10rem !important; margin-bottom: 14rem !important;}
.h6_text { font-size: 17rem; line-height: 32rem; color: #666; word-break: keep-all; margin-top: 10rem !important;}
.holder_wrap .tablestyle th { padding: 12rem 0 12rem 0; vertical-align: middle;}


/* 640px */
@media screen and (max-width: 640px) { .director_wrap .board_search select {  margin-top: -25px ;}

    .tablestyle th {  word-break: break-all;  padding-left: 5px;  padding-right: 5px ;}
    .tablestyle td {  word-break: break-all;  padding-left: 5px;  padding-right: 5px ;}
    .holder_wrap .board_search select {  margin-top: -25px ;}
    .tablestyle th {  word-break: break-all;  padding-left: 5px;  padding-right: 5px ;}
    .tablestyle td {  word-break: break-all;  padding-left: 5px;  padding-right: 5px ;}
}

/* 640px */
@media screen and (max-width: 640px) { 
	.h7_desc {font-size: 21rem;line-height: 34rem;width: 95%;margin-top: 20rem !important;padding: 5px 5px 8px 10px ;}
    .img_btnstyle {font-size: 18rem ;}
}
@media screen and (max-width: 1400px) { 

	.growth_contwrap .philo_box ul li .icobox:after {width: 43rem;}
	.growth_box .philo_box { padding: 73rem 40rem 90rem 40rem; }
}


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

	.social_cont .social_box3 .vision_part ul{flex-wrap:wrap; gap:28rem 24rem;}
	.social_cont .social_box3 .vision_part ul li {width:calc(33.333% - 16rem); margin-right:0;}
	.growth_cont .human_active ul {flex-wrap: wrap; gap: 26rem 24rem;}
	.growth_cont .human_active ul li {width: calc(50% - 12rem);}
	.growth_cont .growth_box3 .co_support li { width: 100%;}
	.growth_box .vision_part ul {display: flex;justify-content: space-between; flex-wrap: wrap;}
	.growth_box .vision_part ul li {margin-right: 1rem;}
	.growth_box .vision_part ul li.min {width: 47%; margin-bottom: 33rem;}
	.growth_cont .growth_box3 .winwin_rule li.col1 { background: none;}
	.growth_cont .growth_box3 .winwin_rule li { width: calc(33.34% - 16rem ); background: none; padding-top: 0; height: auto; margin-right: 0;}
	.report_contWrap .report_cont .report_box .flex_box .txtbox .diagram_box ul { flex-wrap: wrap;}
	.report_contWrap .report_cont .report_box .flex_box .txtbox_220307 { width: 100%;}
	.report_contWrap .report_cont .report_box .flex_box .txtbox { flex-direction: column;}
	.report_contWrap .report_cont .report_box .flex_box { flex-direction: column;}
	.report_contWrap .report_cont .report_box .flex_box:last-child { margin-bottom: 0;}
	.report_contWrap .report_cont .report_box .flex_box { flex-direction: column;}
	.report_cont .report_box .flex_box .flex_box_text { width:100%;margin-bottom: 20px;}
	.report_contWrap .report_cont .report_box .flex_box .txtbox .diagram_box ul li {width: 25%; box-sizing: border-box; margin-bottom: 35rem; height: auto;}

	.social_cont .social_box .vision_part ul{flex-wrap:wrap; gap:28rem 24rem;}
	.social_cont .social_box .vision_part ul li {width:calc(33.333% - 16rem); margin-right:0;}	

	.social_cont .social_box2 .promotion{max-width:100%; position:relative;}
	.social_cont .social_box2 .promotion:before{content:""; width:80%; height:1rem; background:#999; position:absolute; left:50%; top:82rem; transform:translateX(-50%);}
	.social_cont .social_box2 .promotion li .imgbox:after{width:0; height:0;}
	.social_contwrap_220307 .social_box2 .promotion:before{display:none;}

	.report_contWrap .hlh .vision_tit_top {width: 100%;}

	.growth_contwrap .philo_box ul li{margin-right:55rem;}
	.growth_contwrap .philo_box ul li .icobox{width:177rem; height:177rem; padding-top:80rem;}
	.growth_contwrap .philo_box ul li.col1 .icobox{background-position:center top 24rem;}
	.growth_contwrap .philo_box ul li.col2 .icobox{background-position:center top 28rem;}
	.growth_contwrap .philo_box ul li.col3 .icobox{background-position:center top 28rem;}

	.growth_box .philo_box {    margin-top: 44rem; background: #f6f6f6; padding: 73rem 100rem 90rem 100rem; text-align: center;}

	.growth_contwrap .philo_box {padding-left:37rem; padding-right:30rem; }
	.growth_contwrap .philo_box ul li .icobox:after {display:none;}
	.growth_contwrap .philo_box ul {    justify-content: space-between; flex-wrap: wrap;  margin-top: 10rem;}
	.growth_contwrap .philo_box ul li {display: flex; margin-bottom: 20px;}
	.growth_contwrap .philo_box ul li:last-child {margin-right: 55rem;}

	.growth_contwrap .philo_box ul li.col1 .icobox {margin-right: 15px;}
	.growth_contwrap .philo_box ul li.col2 .icobox {margin-right: 15px;}
	.growth_contwrap .philo_box ul li.col3 .icobox {margin-right: 15px;}
	.growth_contwrap .philo_box ul li.col4 .icobox {margin-right: 15px;}
	.growth_contwrap .philo_box ul li.col5 .icobox {margin-right: 15px;}
	.growth_contwrap .philo_box ul li.col6 .icobox {margin-right: 15px;}

	.growth_contwrap .philo_box ul li .txtbox {display: flex; align-items: center;width: 159px;}

	.growth_box .eco_box2 .eco_rulebox {gap:0; border-top:1rem solid #000;}
	.growth_box .eco_box2 .eco_rulebox {width:100%;}
	.growth_box .eco_box2 .eco_rulebox:nth-child(n+2) {border-top:none}

    .growth_cont  .human_box2 .human_rulebox{width:100%;}
	.growth_cont  .human_box2 .human_rulebox:nth-child(-n+2){border-top:none}
	.growth_cont  .human_box3 .human_active ul{flex-wrap:wrap; gap:26rem 24rem;}
	.growth_cont  .human_box3 .human_active ul li{width:calc(50% - 12rem);}

	.report_contWrap .report_cont .philo_box {padding-left:37rem; padding-right:30rem;position: relative;padding: 44rem 20rem 74rem 20rem;}
	.growth_contwrap .growth_box .philo_box {padding-left:37rem; padding-right:30rem;position: relative;}


}


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

	.growth_cont .human_box4 .violation_box1 .txtcont {padding: 48rem 29rem 60rem;}
	


}





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

	.report_contWrap .value_box .box_tit {    width: 100%; margin-right: 10rem;	}
	.report_contWrap .value_box {    flex-direction: column;	}
	.report_contWrap .value_box .value_text, .report_contWrap .social_box2 .promotion {    width: calc(100% );}
	.report_contWrap .social_box2 .vision_tit {    margin-top: 5px;	}
	.report_contWrap .social_box2 .promotion {width:calc(100% - 168rem);}
	.report_contWrap .social_box2 .promotion li .txtbox{padding:0 10rem;}

	.report_contWrap .hlh .vision_tit_top {width: 100%;}
	.safety-info.gwangju .list-style li {   margin-left: 10px; }

	.recruit_wrap .procedure_box1 ul{display:block;}
	.recruit_wrap .procedure_box1 ul li{display:flex; align-items:center; margin-bottom:55rem; margin-right:0;}
	.recruit_wrap .procedure_box1 ul li:last-child{margin-bottom:0;}
	.recruit_wrap .procedure_box1 ul li .icobox{width:225rem; height:225rem; padding-top:100rem;}
	.recruit_wrap .procedure_box1 ul li .txtbox{width:calc(100% - 207rem); box-sizing:border-box; text-align:left; padding-left:40rem; margin-top:0; }
	.recruit_wrap .procedure_box1 ul li .icobox:after{width:1rem; height:100%; left:50%; top:50%; transform:translateX(-50%); margin-left:0; z-index:-1;}
	.recruit_wrap .procedure_box1 ul li.col1 .icobox{background-position:center top 36rem;}
	.recruit_wrap .procedure_box1 ul li.col2 .icobox{background-position:center top 40rem;}
	.recruit_wrap .procedure_box1 ul li.col3 .icobox{background-position:center top 40rem;}

	.growth_contwrap .philo_box ul {justify-content: center;flex-wrap: wrap;}
	


}


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

	 .holder_wrap .holder_box2 p {margin-top: 24rem !important;}
	 .growth_box .vision_part ul li .txtbox p{font-size:26rem;}
	.growth_box .vision_part ul li .txtbox span {font-size:22rem; line-height:34rem;}
	.growth_cont .growth_box3 .co_support li .support_txtbox { padding-left:30rem; padding-right:30rem;}
	.growth_box .co_support li .support_txtbox ul li p { font-size: 22rem; line-height: 34rem;}
	.report_contWrap .report_cont .report_box .flex_box .txtbox .diagram_box ul li { width: 50%; border: 0;}
	.report_cont .report_box .flex_box .txtbox .diagram_box ul li em { font-size: 20rem; line-height: 32rem ;}
	.report_contWrap .report_cont .report_box .flex_box .txtbox .diagram_box ul li span.text { font-size: 20rem; line-height: 32rem ;}
	.br-mo-no {display:none;}

	.report_cont .social_box2 .promotion{flex-wrap:wrap; justify-content:flex-start;}
	.report_cont .social_box2 .promotion:before{width:1rem; height:80%; left:82rem; top:50%; transform:translateY(-50%);}
	.report_cont .social_box2 .promotion li{width:100%; display:flex; align-items:center; justify-content:flex-start; margin-bottom:30rem;}
	.report_cont .social_box2 .promotion li:last-child{margin-bottom:0;}
	.report_cont .social_box2 .promotion li.col1 .imgbox span{background-color:#fff;}
	.report_cont .social_box2 .promotion li.col2 .imgbox span{background-color:#fff;}
	.report_cont .social_box2 .promotion li.col3 .imgbox span{background-color:#fff;}
	.report_cont .social_box2 .promotion li .txtbox{width:calc(100% - 163rem); box-sizing:border-box; padding-left:22rem; text-align:left; margin-top:0;}
	.report_contWrap .social_box2 .promotion li{border-right:0; margin-bottom:44rem;}
	.report_contWrap .social_box2 .promotion li.col1 .imgbox span{background-color:transparent;}
	.report_contWrap .social_box2 .promotion li.col2 .imgbox span{background-color:transparent;}
	.report_contWrap .social_box2 .promotion li.col3 .imgbox span{background-color:transparent;}

	.report_contWrap .hlh .vision_tit_top {width: 100%;}

	.growth_contwrap .philo_box ul{display:block;}
	.growth_contwrap .philo_box ul li{display:flex; align-items:center; margin-bottom:55rem; margin-right:0;}
	.growth_contwrap .philo_box ul li:last-child{margin-bottom:0;}
	.growth_contwrap .philo_box ul li .icobox{width:207rem; height:207rem; padding-top:100rem;}
	.growth_contwrap .philo_box ul li .txtbox{width:calc(100% - 207rem); box-sizing:border-box; text-align:left; padding-left:40rem; margin-top:0; }
	.growth_contwrap .philo_box ul li .icobox:after{width:1rem; height:100%; left:50%; top:50%; transform:translateX(-50%); margin-left:0; z-index:-1;}
	.growth_contwrap .philo_box ul li.col1 .icobox{background-position:center top 36rem;}
	.growth_contwrap .philo_box ul li.col2 .icobox{background-position:center top 40rem;}
	.growth_contwrap .philo_box ul li.col3 .icobox{background-position:center top 40rem;}

	.growth_box .eco_box2 .eco_rulebox {padding-left:28rem;}
	.growth_box .eco_box2 .eco_rulebox .txtbox{padding-left:35rem;}

	.growth_cont .human_box2 .human_rulebox{padding-left:28rem;}
	.growth_cont .human_box2 .human_rulebox .txtbox{padding-left:35rem;}

	.report_contWrap .report_cont .philo_box .img_btn {display: block;}
	.growth_contwrap .growth_box .philo_box .img_btn {display: block;}

}

@media (max-width: 850px) { 



	.growth_cont .human_box4 .violation_box2 ul li p {    width: 100rem;}
 	.growth_cont .human_box4 .violation_box1 ul {display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap;}
	.growth_cont .human_box4 .violation_box1 ul li {width: 100%;}
	.growth_cont .human_box4 .violation_box1 ul li {margin-bottom: 30px;}

}

@media (max-width: 799px) { 


	.safety-info.gwangju li {padding: 0;}
	.safety-program .list-style {margin-bottom: 45px;}
	.safety-program .title-h4 {margin-bottom: 15px;padding-left: 20px;font-size: 16px;}
	.safety-program .safety-program-info .text-area {margin-bottom: 10px;}
	.safety-info.gwangju li .icon {width: 120px;height: 120px;background-size: 120px auto;}
	.safety-info.gwangju li .box {width: 220px;height: 220px;}
	.safety-info li .box {justify-content: center;}
	.safety-info.gwangju li {padding: 0;}
	.safety-info {margin-top: 50px;flex-direction: column;align-items: center;}

	.growth_cont .human_box4 .violation_box2 ul li p {    width: 100rem;}
 	.growth_cont .human_box4 .violation_box1 ul {display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap;}
	.growth_cont .human_box4 .violation_box1 ul li {width: 100%;}
	.growth_cont .human_box4 .violation_box1 ul li {margin-bottom: 30px;}

	.report_contWrap .hlh .vision_tit_top {width: 100%;}
}


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

	.holder_wrap .holder_box2 p {margin-top: 24rem !important;}	
	.growth_box .vision_part ul li .txtbox p{font-size:26rem ;}
	.growth_box .vision_part ul li .txtbox span{font-size:22rem; line-height:34rem;}
	.growth_cont .growth_box3 .co_support li .txtbox {font-size: 22rem;  line-height: 34rem;}
	.growth_cont .growth_box3 .co_support li h5 {font-size: 25rem;}
	.growth_cont .growth_box3 .winwin_rule li {width: 100%;}
	.growth_cont .growth_box3 .winwin_rule {flex-direction: column; gap: 44rem;}  
	

	.report_contWrap .value_box .box_tit { width: 100%; margin-bottom: 35rem;	}
	.report_contWrap .value_box .value_text, .report_contWrap .social_box2 .promotion {    width: 100%;}
	.report_contWrap .social_box2 .vision_tit {    margin-top: 40px;	}

	.report_cont .social_box2 .promotion li .txtbox{font-size:22rem; line-height:34rem;}
	.report .social_box2 .promotion li .txtbox br{display:none;}
	.report_cont .social_box .vision_part ul li .txtbox span {font-size:20rem;}
	.report_contWrap .hlh .vision_tit_top div ul {    width: 100%;}
	.report_contWrap .hlh .vision_tit_top .vision_tit_box img {width: 80%;}
	.report_contWrap .hlh .vision_tit_top .vision_tit_box { margin-left: 20px;}
	.recruit_wrap .procedure_box1 ul li .txtbox{font-size:22rem; line-height:34rem;}

	.growth_contwrap .philo_box ul li .txtbox {font-size:22rem; line-height:34rem;}
	.growth_contwrap .philo_box ul li .icobox p {font-size:22rem; line-height:34rem;}
	.growth_contwrap .philo_box ul li .icobox p em {font-size:22rem; line-height:34rem;}
	.growth_contwrap .philo_box ul li .icobox { padding-top: 77rem; }


	.growth_box .eco_box2 .eco_rulebox .txtbox span{font-size:22rem; line-height:34rem;}
	.growth_box .eco_box2 .eco_rulebox .txtbox p{font-size:25rem;}

	.growth_cont .human_box2 .human_rulebox .txtbox span{font-size:22rem; line-height:34rem;}
	.growth_cont .human_box2 .human_rulebox .txtbox p{font-size:25rem;}
	.growth_cont .human_box4 .violation_box1 ul li .txtbox {min-width: 52px;}

	.growth_cont .human_box4 .violation_box1 .txtcont {padding: 49rem 30rem 60rem;}
	.growth_cont .human_box4 .violation_box1 ul li .txtbox p em {line-height:140%;}

	.growth_box .eco_box2 .eco_rulebox .txtbox div a {width: 220px !important;}

	.growth_cont .human_box4 .violation_box2 ul li p {width: 100rem;font-size: 22rem;}
	.growth_cont .human_box4 .violation_box .tit {padding: 26rem ;line-height:140%;font-size: 22rem;}
	.growth_cont .human_box4 .violation_box2 ul li span {font-size: 22rem;line-height:160%;}

	.growth_cont .human_box4 .violation_box1 ul li {width:unset;}

	.growth_cont .human_active ul li p {font-size:22rem; line-height:34rem;}
	.growth_cont .human_box3 .human_active ul li p {font-size:22rem; line-height:34rem;}
	.growth_cont .human_active ul li p.sub_tit {font-size:20rem; }
	.growth_cont .human_box4 .violation_box1 ul li .txtbox span {font-size:22rem;}
	.growth_cont .human_box4 .violation_box1 ul li .txtbox span.sub_tit {font-size:20rem;}

}

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

	.inquiry_wrap .inquiry_annon .container {    width: 100%; padding: 0 55px; box-sizing: border-box;}
}

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

	.inquiryView_wrap .view_cont{padding-top:50px;}
	.inquiryView_wrap .comment_box{flex-wrap:wrap;}
	.inquiryView_wrap .comment_box textarea{width:100%; margin-top:12px;}
}


@media screen and (max-width:800px){
	.inquiry_wrap .inquiry_annon .container {   padding: 0 10px; }
	.inquiry_wrap .inquiry_box .formWrap .formLine{flex-wrap:wrap; padding-top:17px;}
	.inquiry_wrap .inquiry_box .formWrap h5{width:100%; text-align:left;}
	.inquiry_wrap .inquiry_box .formWrap .formCont{width:100%; padding-left:0; margin-top:22px;}


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

	.inquiry_wrap{padding:62rem 0 143rem;}
	.inquiry_wrap .inquiry_annon{margin-bottom:65rem;}
	.inquiry_wrap .inquiry_annon h3{font-size:28rem; line-height:40rem; text-align: center;}
	.inquiry_wrap .inquiry_annon .inquiry_agreebox{padding:25rem 35rem 17rem; height:217rem;}
	.inquiry_wrap .inquiry_annon .inquiry_agreebox p{font-size:18rem; line-height:30rem;}
	.inquiry_wrap .inquiry_annon .inquiry_agreebox ul li{font-size:18rem; line-height:30rem;}
	.inquiry_wrap .inquiry_annon .noti{font-size:20rem; line-height:28rem; margin-top:20rem;}
	.inquiry_wrap .inquiry_box{margin-bottom:65rem;}
	.inquiry_wrap  h4 {font-size:32rem; padding-bottom:26rem;}
	.inquiry_wrap .inquiry_box .formWrap .formLine{padding:17rem 0 22rem;}
	.inquiry_wrap .inquiry_box .formWrap h5{font-size:18rem;}
	.inquiry_wrap .inquiry_box .formWrap .formCont{margin-top:15rem;}
	.inquiry_wrap .inquiry_box .formWrap .formCont input[type="text"]{height:55rem; font-size:18rem;width: 100%;}
	.inquiry_wrap .inquiry_box .formWrap .formCont select{height:55rem; font-size:18rem;}
	.inquiry_wrap .inquiry_box .formWrap .formCont .noti{font-size:16rem; line-height:28rem; margin-top:15rem;}
	.inquiry_wrap .inquiry_box .formWrap .formCont .noti img{width:21rem; padding-right:9rem; }
	.inquiry_wrap .inquiry_box .formWrap .cate .formCont ul li{font-size:20rem; margin-right:0; width:18%;}
	.inquiry_wrap .inquiry_box .formWrap .cate .formCont ul li:last-child{width:28%;}
	.inquiry_wrap .inquiry_box .formWrap .formCont span{font-size:20rem; white-space:nowrap;}
	.inquiry_wrap .inquiry_box .formWrap .formCont input.w30{width:56%;}
	.inquiry_wrap .inquiry_box .formWrap .mail .formCont .inputWrap{flex-wrap:wrap;}
	.inquiry_wrap .inquiry_box .formWrap .formCont input.mail_input1{width:52%;}
	.inquiry_wrap .inquiry_box .formWrap .formCont input.mail_input2{width:42%;}
	.inquiry_wrap .inquiry_box .formWrap .formCont select{width:100%; margin-left:0; margin-top:10rem;}
	.inquiry_wrap .inquiry_box .formWrap .mail .formCont span{width:6%; text-align:center; margin:0;}
	.inquiry_wrap .inquiry_box .formWrap .formCont input.w15{width:31%;}
	.inquiry_wrap .inquiry_box .formWrap .number .formCont .inputWrap{justify-content:space-between;}
	.inquiry_wrap .inquiry_box .formWrap .number .formCont span{width:3.5%; text-align:center; margin:0;}
	.inquiry_wrap .inquiry_box .formWrap .formCont textarea{height:255rem;}
	.inquiry_wrap .btnWrap{margin-top:28rem;}
	.inquiry_wrap .btnWrap a{width:152rem; height:50rem; line-height:48rem; font-size:16rem; margin-right:10rem;}
	.inquiry_wrap .inquiry_box h4 a{width:155rem; height:50rem; line-height:48rem; font-size:16rem;}
	.inquiry_wrap .inquiry_annon input[type="checkbox"] + label {font-size: 14px;}
}


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

	.inquiry_wrap .inquiry_annon .container {    width: 100%; padding: 0 55px; box-sizing: border-box;}
}

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

	.inquiryView_wrap .view_cont{padding-top:50px;}
	.inquiryView_wrap .comment_box{flex-wrap:wrap;}
	.inquiryView_wrap .comment_box textarea{width:100%; margin-top:12px;}
}


@media screen and (max-width:800px){
	.inquiry_wrap .inquiry_annon .container {   padding: 0 10px; }
	.inquiry_wrap .inquiry_box .formWrap .formLine{flex-wrap:wrap; padding-top:17px;}
	.inquiry_wrap .inquiry_box .formWrap h5{width:100%; text-align:left;}
	.inquiry_wrap .inquiry_box .formWrap .formCont{width:100%; padding-left:0; margin-top:22px;}


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

	.inquiry_wrap{padding:62rem 0 143rem;}
	.inquiry_wrap .inquiry_annon{margin-bottom:65rem;}
	.inquiry_wrap .inquiry_annon h3{font-size:28rem; line-height:40rem; text-align: center;}
	.inquiry_wrap .inquiry_annon .inquiry_agreebox{padding:25rem 35rem 17rem; height:217rem;}
	.inquiry_wrap .inquiry_annon .inquiry_agreebox p{font-size:18rem; line-height:30rem;}
	.inquiry_wrap .inquiry_annon .inquiry_agreebox ul li{font-size:18rem; line-height:30rem;}
	.inquiry_wrap .inquiry_annon .noti{font-size:20rem; line-height:28rem; margin-top:20rem;}
	.inquiry_wrap .inquiry_box{margin-bottom:65rem;}
	.inquiry_wrap  h4 {font-size:32rem; padding-bottom:26rem;}
	.inquiry_wrap .inquiry_box .formWrap .formLine{padding:17rem 0 22rem;}
	.inquiry_wrap .inquiry_box .formWrap h5{font-size:18rem;}
	.inquiry_wrap .inquiry_box .formWrap .formCont{margin-top:15rem;}
	.inquiry_wrap .inquiry_box .formWrap .formCont input[type="text"]{height:55rem; font-size:18rem;width: 100%;}
	.inquiry_wrap .inquiry_box .formWrap .formCont select{height:55rem; font-size:18rem;}
	.inquiry_wrap .inquiry_box .formWrap .formCont .noti{font-size:16rem; line-height:28rem; margin-top:15rem;}
	.inquiry_wrap .inquiry_box .formWrap .formCont .noti img{width:21rem; padding-right:9rem; }
	.inquiry_wrap .inquiry_box .formWrap .cate .formCont ul li{font-size:20rem; margin-right:0; width:18%;}
	.inquiry_wrap .inquiry_box .formWrap .cate .formCont ul li:last-child{width:28%;}
	.inquiry_wrap .inquiry_box .formWrap .formCont span{font-size:20rem; white-space:nowrap;}
	.inquiry_wrap .inquiry_box .formWrap .formCont input.w30{width:56%;}
	.inquiry_wrap .inquiry_box .formWrap .mail .formCont .inputWrap{flex-wrap:wrap;}
	.inquiry_wrap .inquiry_box .formWrap .formCont input.mail_input1{width:52%;}
	.inquiry_wrap .inquiry_box .formWrap .formCont input.mail_input2{width:42%;}
	.inquiry_wrap .inquiry_box .formWrap .formCont select{width:100%; margin-left:0; margin-top:10rem;}
	.inquiry_wrap .inquiry_box .formWrap .mail .formCont span{width:6%; text-align:center; margin:0;}
	.inquiry_wrap .inquiry_box .formWrap .formCont input.w15{width:31%;}
	.inquiry_wrap .inquiry_box .formWrap .number .formCont .inputWrap{justify-content:space-between;}
	.inquiry_wrap .inquiry_box .formWrap .number .formCont span{width:3.5%; text-align:center; margin:0;}
	.inquiry_wrap .inquiry_box .formWrap .formCont textarea{height:255rem;}
	.inquiry_wrap .btnWrap{margin-top:28rem;}
	.inquiry_wrap .btnWrap a{width:152rem; height:50rem; line-height:48rem; font-size:16rem; margin-right:10rem;}
	.inquiry_wrap .inquiry_box h4 a{width:155rem; height:50rem; line-height:48rem; font-size:16rem;}
	.inquiry_wrap .inquiry_annon input[type="checkbox"] + label {font-size: 14px;}

	.safe_cont .safe_active table td { font-size: 22rem; }
	.safe_cont .safe_active table th { font-size: 22rem; }
	.safe_cont .safe_active table th br { display:block;}
	.safe_cont .safe_box4 .btm_tit { font-size: 22rem; line-height:140%; }
	.safe_cont .safe_box4 .btm_tit br { display:block;}

}


.report_cont .social_box .vision_part ul li.vision_part_ini {width: calc(50% - 23rem);}
.report_cont .social_box .vision_part ul li .txtbox span {font-size: 16rem; font-weight:400;}



/* 20250204 수정 */
.service_wrap .logistics_wrap .intro_img_box_220307 { display: flex; justify-content: space-between; margin-top: 40rem;}
.service_wrap .logistics_wrap .intro_img_box_220307 img { width: 48%;}

.service_wrap .logistics_wrap .desc_box { margin-top: 30rem; background: #f6f6f6; padding: 66rem 0 62rem;}
.service_wrap .logistics_wrap .desc_box > ul { display: flex; margin: 30rem auto 0; justify-content: center; position: relative; width: 90%;}
.service_wrap .logistics_wrap .desc_box > ul > li { position: relative; width: 33.3%;box-sizing: border-box; padding: 0 10rem; border-right: 1px solid #dadada;}
.service_wrap .logistics_wrap .desc_box > ul > li:last-child { margin-right: 0;border-right:0}
.service_wrap .logistics_wrap .desc_box .icobox { width: 122rem; height: 122rem; margin: 0 auto;background-repeat: no-repeat;background-position: center center;}
.service_wrap .logistics_wrap .desc_box .txtbox { padding-top: 25rem;width:100%; padding-left: 30rem; padding-right: 30rem;}
.service_wrap .logistics_wrap .desc_box .txtbox span { display: block; font-size: 22rem; line-height: 28rem; font-weight: 500; text-align: center;}
.service_wrap .logistics_wrap .desc_box .txtbox ul { margin-top: 10rem;}
.service_wrap .logistics_wrap .desc_box .txtbox li { font-size: 16rem; line-height: 26rem; color: #555; position: relative; padding-left: 8rem;}

.service_wrap .logistics_wrap .logi_img  { margin-top:30rem;}
.service_wrap .logistics_wrap .logi_img .logi_img_list ul { display: flex; flex-wrap: wrap; gap:  24rem; justify-content: space-between;}
.service_wrap .logistics_wrap .logi_img .logi_img_list li { width: 30%; box-sizing: border-box; border: 1rem solid #dadada;}
.service_wrap .logistics_wrap .logi_img .logi_img_list li span { font-size: 16rem; line-height: 28rem; display: block; color: #666; margin: 20rem; text-align: center;}
.service_wrap .logistics_wrap .logi_img .logi_img_list li em { font-size: 14rem; line-height: 24rem; }

.service_wrap .logistics_wrap .logi_img .logi_img_list ul li .imgbox img {width: 100%;}
.service_wrap .logistics_wrap .logi_img .logi_img_list ul li .imgbox { width: 100%;}

@media screen and (max-width: 1200px) { 
	.service_wrap .logistics_wrap .desc_box .txtbox { width:100% !important; padding-left: 20rem; padding-right: 20rem;}
	.service_wrap .logistics_wrap .logi_img .logi_img_list ul li .imgbox { width: 100%;}

}
@media screen and (max-width: 800px) { 
	.service_wrap .logistics_wrap .desc_box .txtbox span { font-size: 24rem;}
	.service_wrap .logistics_wrap .desc_box .txtbox li {font-size: 20rem; line-height: 34rem;}
	.service_wrap .logistics_wrap .desc_box > ul { width:100% ; flex-direction: column;}
	.service_wrap .logistics_wrap .desc_box > ul > li { width: 100%;box-sizing: border-box;  border-right: 0; margin-top:30rem;}
	.service_wrap .logistics_wrap .desc_box .txtbox { padding-top: 20rem; padding-left: 10rem !important; padding-top: 10rem !important;  padding-right: 10rem;}
	.service_wrap .logistics_wrap .logi_img .logi_img_list ul { flex-direction: column;}
	.service_wrap .logistics_wrap .logi_img .logi_img_list li {width: 100%;}
	.service_wrap .logistics_wrap .logi_img .logi_img_list li span {font-size: 20rem; line-height: 34rem;}
}

.logistics_wrap .logi_cont1 .logi_intro .desc_box img.pc { display:block; }
.logistics_wrap .logi_cont1 .logi_intro .desc_box img.mo { display:none;}

@media screen and (max-width: 640px) { 
	.logistics_wrap .logi_cont1 .logi_intro .desc_box img.pc { display:none; }
	.logistics_wrap .logi_cont1 .logi_intro .desc_box img.mo { display:block;}
}


/* 20260525 수정 */
.short_btn { width: 260rem; letter-spacing: -0.5px;}
.sub_top_short_btn { width: 200rem; letter-spacing: -0.5px;border: 1rem solid #fff; background-color:#;;}
.sub_top_short_btn img { padding-left: 15rem; vertical-align: 0rem;}
.sub_top_short_btn:hover, .arrow_btn:hover, .arrow_btn_11:hover, .arrow_btn_13:hover, .list_btn:hover { border-color: #fff}

.sub_top_short_btn { font-size: 15rem; font-weight: 500; height: 45rem; line-height: 45rem; box-sizing: border-box; display: inline-block; position: relative; z-index: 2; overflow: hidden; text-align: center;}
.sub_top_short_btn:before { content: ""; width: 100%; height: 100%; background: #00b4ed; position: absolute; left: -100%; top: 0; transition: all 0.3s; z-index: -1;}
.sub_top_short_btn:hover, .sub_top_short_btn:focus { color: #fff !important;}
.sub_top_short_btn:hover:before, .sub_top_short_btn:focus:before { left: 0;}
.sub_top_short_btn:hover, .sub_top_short_btn:focus img { fill: #00b4ed !important;}

@media screen and (max-width: 640px) { 
	.sub_top_short_btn { width: 250rem; }
	.report_contWrap .report_topBox .rtb_imgbox img { max-width: 500rem !important; }
}

@media screen and (max-width: 1200px) { 
	.report_contWrap .report_topBox .rtb_imgbox img { width: unset !important; max-width: 500rem !important;}

}


.eco_cont .eco_box .graph_box { width: 560px; box-sizing: border-box;}
.eco_cont .eco_box .graph_box table { width: 560px; border-collapse: collapse; background-color: #fff; box-sizing: border-box;}
.eco_cont .eco_box .graph_box tbody { display: block; position: relative; width: 560px;}
.eco_cont .eco_box .graph_box tbody tr { display: block; width: 560px; height: 43px; border-top: 1px solid #e3e2df; box-sizing: border-box;}
.eco_cont .eco_box .graph_box tbody tr:last-child { border-bottom: 1px solid #e3e2df;}
.eco_cont .eco_box .graph_box th.value { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);}
.eco_cont .eco_box .graph_box tbody td.col { position: absolute; top: 0; bottom: 0; width: 100px;}
.eco_cont .eco_box .graph_box table  td {      padding: unset; border:unset; background:unset;}
.eco_cont .eco_box .graph_box td.col1 { left: 40px;}
.eco_cont .eco_box .graph_box td.col2 { left: 220px;}
.eco_cont .eco_box .graph_box td.col3 { left: 400px;}
.eco_cont .eco_box .graph_box .column { display: none;}
.eco_cont .eco_box .graph_box .bar_box { position: relative; height: 100%; margin: 0; display: flex; align-items: flex-end;}
.eco_cont .eco_box .graph_box .bar { display: block; width: 100%;}
.eco_cont .eco_box .graph_box td.col1 .bar { background: #9c9c9c;}
.eco_cont .eco_box .graph_box td.col2 .bar { background: #607d8b;}
.eco_cont .eco_box .graph_box td.col3.recent .bar { background: #009688;}
.eco_cont .eco_box .graph_box .value_txt { position: absolute; left: 50%; transform: translate(-50%, -100%); padding-bottom: 1px; font-style: normal; font-size: 15px; font-weight: 700; color: #6a6a68; white-space: nowrap;}
.eco_cont .eco_box .graph_box td.col3.recent .value_txt { color: #0f2e63;}
.eco_cont .eco_box .graph_box tfoot td, .eco_box .graph_box tfoot th { position: relative;}
.eco_cont .eco_box .graph_box tfoot { display: block; position: relative; height: 40px; width: 560px;}
.eco_cont .eco_box .graph_box tfoot th { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);}
.eco_cont .eco_box .graph_box tfoot td { position: absolute; top: 12px; width: 100px; text-align: center; font-size: 14px; color: #8a8a88;}
.eco_cont .eco_box .graph_box tfoot td:nth-of-type(1) { left: 40px;}
.eco_cont .eco_box .graph_box tfoot td:nth-of-type(2) { left: 220px;}
.eco_cont .eco_box .graph_box tfoot td:nth-of-type(3) { left: 400px;}
.eco_cont .sustain_wrap_220307 .eco_cont .eco_box4 h4 { margin-bottom: 15rem;}


@media screen and (max-width: 1024px) { 
	.eco_cont .eco_box3 .sunlight_cont {gap: 24rem;}
	.eco_cont .eco_box .graph_box { width: 400px;}
	.eco_cont .eco_box .graph_box table { width: 400px; }
	.eco_cont .eco_box .graph_box tbody {  width: 400px;}
	.eco_cont .eco_box .graph_box tbody tr {  width: 400px; }
	.eco_cont .eco_box .graph_box tfoot {  width: 400px;}
	.eco_cont .eco_box .graph_box tbody td.col { width: 50px;}

	.eco_cont .eco_box .graph_box td.col2 { left: 160px;}
	.eco_cont .eco_box .graph_box td.col3 { left: 280px;}
	.eco_cont .eco_box .graph_box tfoot td { width: 50px; }
	.eco_cont .eco_box .graph_box tfoot td:nth-of-type(2) { left: 160px;}
	.eco_cont .eco_box .graph_box tfoot td:nth-of-type(3) { left: 280px;}
}

@media screen and (max-width: 800px) { 
	.eco_cont .eco_box3 .sunlight_cont { flex-direction: column; }
	.eco_cont .eco_box3 .sunlight_cont .sunlight_box {width:100%;}
	.eco_cont .eco_box3 table th { font-size: 22rem;}
	.eco_cont .eco_box3 table td { font-size: 22rem;}
}

.eco_cont .eco_box .human_active { margin-top: 50rem;}
.eco_cont .eco_box .human_active .h4_desc { margin-top: 20rem;}
.eco_cont .eco_box .human_active ul { margin-top: 16rem; display: flex; gap: 0 30rem;}
.eco_cont .eco_box .human_active ul li { width: calc(25% - 18rem); box-sizing: border-box; border: 1rem solid #dadada; text-align: center; padding-top: 33rem; padding-bottom: 30rem;}
.eco_cont .eco_box .human_active ul li .imgbox { width: 110rem; height: 110rem; background: #f6f6f6; border-radius: 50%; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.eco_cont .eco_box .human_active ul li p { padding-top: 15rem; font-size: 18rem; line-height: 28rem; color: #222; letter-spacing: -1rem;font-weight: 500;}
.eco_cont .eco_box .human_active ul li span { padding-top: 15rem; font-size: 16rem; line-height: 28rem; color: #666; letter-spacing: -1rem;}


.human_active ul {	display: flex;	position: relative;}
.human_active ul li {	position: relative;	flex: 1;}
.human_active ul li:not(:last-child)::after { content: ''; position: absolute; top: 50%; right: -14rem; width: 20rem; height: 20rem; transform: translate(50%, -50%); border-radius: 50%; background-color: #00b5ed; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06); z-index: 2;}
.human_active ul li:not(:last-child)::before { content: ''; position: absolute; top: 50%; right: -13rem; width: 6rem; height: 6rem; transform: translate(calc(50% - 0.15rem), -50%) rotate(45deg); border-top: 2px solid #fff; border-right: 2px solid #fff; z-index: 3;}

@media screen and (max-width: 1200px) { 
	.service_wrap_220121 .mobility_wrap7 .fleet_box1 {    flex-direction: column;    gap: 20rem;}
}
@media screen and (max-width: 540px) { 
	.service_wrap_220121 .mobility_wrap7 .fleet_box1 h4.box_tit {    align-items: flex-start;    flex-direction: column;gap: 20rem;}
	.service_wrap_220121 .mobility_wrap7 .fleet_box1 h4.box_tit img {padding-left:0;}
}

.recruit_wrap .procedure_box1 .recruit_subtxt { margin-top: 30rem; }

.jh_recruit_badge{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:3px;margin-bottom:10px;}
.jh_recruit_badge.is_open{background:#e6f2ff;color:#1a73e8;}
.jh_recruit_badge.is_closed{background:#eeeeee;color:#888888;}

@media screen and (max-width: 540px) { 
	.report_contWrap .report_list ul li .report_list_txtBox h4 b  { font-size: 18rem !important; }
	.report_contWrap .report_list ul li .report_list_txtBox h4 em { display: none;}
	.report_contWrap .report_list ul li .h4_desc { font-size: 18rem !important;}
	.report_contWrap .report_list ul li {    flex-direction: column;}
	.report_contWrap .report_list ul li .link {     text-align: left;        margin-top: 30rem;    width: 100%;}
	.report_contWrap .report_list .btnstyle { font-size: 18rem}
	.report_contWrap .report_list .down_btn {width: 150rem;}
	.sustain_wrap { padding-top: 0; padding-bottom: 198rem;}
}

.report_contWrap .report_list .down_btn {    background: #ebebeb;}
.report_contWrap .report_list ul li .report_view_txt { font-size: 18px; line-height: 160%; }