html {color:#222; font-family: "NotoSansCJKkr";}
body.fixed {overflow:hidden;}
body.menu-fixed {overflow:hidden;}
.inner {width:1393px; margin:0 auto;}
.container {width:1045px; margin:0 auto; box-sizing:border-box;}
.desc_text {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
.font-Lato {font-family: 'Lato', 'NotoSansCJKkr';}
/*#wrap {overflow:hidden; padding-top:70px;}*/
caption {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
a:focus {outline: none;}

.skip {width:100%; z-index:1000; position:relative;}
.skip a {display: block; overflow: hidden; height: 0; font-weight: bold; color: #fff; text-align: center; position: absolute; left: 0; top: -3px; width: 100%;}
.skip a:hover, .skip a:focus, .skip a:active {display: block; position: fixed; left: 0; top:0; z-index: 99999; width: 100%; padding: 11px; font-size: 2em; font-weight: 600; line-height: 1.5; text-align: center; vertical-align: middle; color: #fff; text-decoration: none; height:auto; background:#555;}
.skip a.wversion {display:block;}
.skip a.mversion {display:none !important;}
.skipBox {position: absolute; display: inline-block; width: 0; height: 0; font-size: 0; color: rgba(0,0,0,0); overflow: hidden;}
.skipBox:hover, .skipBox:focus, .skipBox:active {display: block; position: absolute; left: 0; top:0; z-index: 99999; width: 100%; padding: 11px 0; font-size: 19px; font-weight: 600; line-height: 1.5; text-align: center; vertical-align: middle; color: #fff; text-decoration: none; height:auto; background:#555;}
.skipBox.wversion {display:inline-block;}
.skipBox.mversion {display:none !important;}

/* 20220820 수정 */ 
/*top_popup*/
.top_popups { width:100%; /* background-color: #4da6b8; 광고ver */ background-color: #1d305b; background-size:cover; min-width:1200px;} 
.top_popups .popup_box { position:relative; width:1200px; height:90px; margin:0 auto; text-align:center; }
.top_popups .popup_box .popup_prevbx { position:absolute; left:0; top:37px; }
.top_popups .popup_box .popup_prevbx a.pop_prev { display:block; width:9px; height:15px; background:url(https://www.hlholdings.co.kr/web/images/top_pop_prev.png) no-repeat; text-indent:-9999999px; }
.top_popups .popup_box .popup_nextbx { position:absolute; left:116px; top:37px; }
.top_popups .popup_box .popup_nextbx a.pop_next { display:block; width:9px; height:15px; background:url(https://www.hlholdings.co.kr/web/images/top_pop_next.png) no-repeat; text-indent:-9999999px; }
.top_popups .popup_slide ul { overflow:hidden; width:583px; height:90px; margin:0 auto; padding-top:0px; }
.top_popups .popup_slide ul li { float:left; }
.top_popups .ppopup_allbox { position:absolute; left:24px; top:40px; }
.top_popups .popup_allbox .popup_cntbox { overflow:hidden; position:relative; }
.top_popups .pop_control, .pop_page { display:block; float:left; }
.top_popups .pop_control .pop_auto_cont { display:inline-block; }
.top_popups .pc { display:unset;}
.top_popups .mo { display:none;}
.top_popups .popup_closbx { overflow:hidden; position:absolute; right:0; top:37px; z-index:9999999;}
.top_popups .pop_clostxt { float:left; color:#fff; font-size:12px; line-height:18px; }
.top_popups .pop_closebtn { float:left; margin-left:14px; }
.top_popups .popup_closbx input { margin:0 2px 0 0; vertical-align:middle;}
#container.mainslid_tpmar {padding: 125px 0px 90px 0px; }

/* 20220820 수정 css*/
.top_popups .bx-controls-direction .bx-prev {display:block; width:9px; height:15px; background:url(https://www.hlholdings.co.kr/web/images/top_pop_prev.png) no-repeat; text-indent:-9999999px; position:absolute; left:0; top:37px; z-index:99999999;}
.top_popups .bx-controls-direction .bx-next {display:block; width:9px; height:15px; background:url(https://www.hlholdings.co.kr/web/images/top_pop_next.png) no-repeat; text-indent:-9999999px; position:absolute; left:30px; top:37px; z-index:99999999;}
.top_popups .bx-controls .bx-pager { position:absolute; left:41px; top:38px; width:170px; z-index:9999999;}
.top_popups .bx-controls .bx-pager .bx-pager-item {float:left; width:11px; height:11px; margin-left:7px; text-indent:-9999999px; }
.top_popups .bx-controls .bx-pager .bx-pager-item .bx-pager-link { display:block; background:url(https://www.hlcompany.com/images/popup/pop_dotted.png) no-repeat; }
.top_popups .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active { display:block; background:url(https://www.hlcompany.com/images/popup/pop_dotted_on.png) no-repeat; }
.top_popups .bx-controls .bx-pager .bx-pager-item .bx-pager-link.on { display:block; background:url(https://www.hlcompany.com/images/popup/pop_dotted_on.png) no-repeat; }
.top_popups .bx-controls .bx-controls-auto { }
.top_popups .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start {display:block; width:11px; height:18px; background:url(https://www.hlcompany.com/images/popup/stop.png) no-repeat; text-indent:-999999px; position:absolute; left:24px; top:37px; z-index:99999999;}
.top_popups .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop {display:block; width:10px; height:10px; background:url(https://www.hlcompany.com/images/popup/play.png) no-repeat; text-indent:-999999px; position:absolute; left:24px; top:39px; z-index:99999999;}
#popup .bx-viewport {height:90px !important; }
/* 20220820 수정 */
header {position: sticky; top: -1px; z-index:999;}
#header {position: fixed; left:0; top:0; transition: top .3s; width:100%; z-index:11;}
.header_main {position: sticky !important;}
/* 20220820 수정 */ 

#header.hide {top:-70px;}
.header {width:100%; height:70px; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; z-index:10; background:#fff; position:relative; border-bottom:1px solid #dadada;}
.header h1 {padding:15px 0 20px 25px;}
.header .gnb {height:100%;}
.header .gnb .gnb_bg {position:absolute; left:0; top:100%; background:#f1f1f1; width:100%; height:0; transition: opacity .5s, height .5s, background .5s;}
.header .gnb .gnb_bg.on {height:50px; transition: opacity .3s, height .1s, background .3s;}
.header .gnb > ul {display:flex; align-items:center; height:100%;}
.header .gnb > ul > li {padding:0 26px; height:100%; display:flex; align-items:center; justify-content:center; position:relative;}
.header .gnb > ul > li:last-child {padding-right:0;}
.header .gnb > ul > li > a {display:flex; align-items:center; justify-content:center; height:100%; font-size:17px; font-weight:500; font-family: 'NotoSansCJKkr', 'sans-serif'; position:relative; padding:0 12px;}
.header .gnb > ul > li > a:after {content:""; width:0; height:4px; background:#01b6ef; position:absolute; left:50%; bottom:-1px; transition:all .3s cubic-bezier(0, 0, 0.15, 1.01); opacity:0;}
.header .gnb > ul > li:hover > a {color:#004ac4;}
.header .gnb > ul > li:hover > a:after {width:100%; left:0; opacity:1; }
.header .gnb > ul > li.on > a {color:#004ac4;}
.header .gnb > ul > li.on > a:after {width:100%; left:0; opacity:1;}
.header .gnb > ul > li.hover > a {color:#004ac4;}
.header .gnb > ul > li.hover > a:after {width:100%; left:0; opacity:1;}
#header.hide .header .gnb > ul > li.on {position:static;}
.header .gnb_depth2 {position:absolute; left:50%; top:-180%; transform:translateX(-50%); width:auto; display:flex; align-items:center; justify-content:center; opacity:0; transition: opacity .3s;}
.header .gnb_depth2.on {opacity:1; top:100%; transition: opacity .7s;}
.header .gnb_depth2 li {padding-right:40px;}
.header .gnb_depth2 li:last-child {margin-right:0;}
.header .gnb_depth2 li a {display:flex; align-items:center; justify-content:center; font-size:16px; padding:17px 12px; position:relative; white-space:nowrap;}
.header .gnb_depth2 li a:after {content:""; width:0; height:3px; background:#004ac4; position:absolute; left:50%; bottom:0; transition:all .3s cubic-bezier(0, 0, 0.15, 1.01); opacity:0;}
.header .gnb_depth2 li:hover a, .header .gnb_depth2 li a:focus, .header .gnb_depth2 li a:active {color:#004ac4}
.header .gnb_depth2 li:hover a:after, .header .gnb_depth2 li a:focus:after, .header .gnb_depth2 li a:active:after {width:100%; left:0; opacity:1; }
.header .gnb_depth2 li.on a {position:relative; color:#004ac4}
.header .gnb_depth2 li.on a:after {width:100%; left:0; opacity:1; }
/*.header .gnb.fixed .gnb_bg {position:fixed; top:0; height:50px; transition: opacity .3s, height .1s, background .3s;}
.header .gnb.fixed > ul > li .gnb_depth2 {position:fixed;}
.header .gnb.fixed > ul > li.hover .gnb_depth2 {top:0; opacity:1;}
.header .gnb.fixed > ul > li.on .gnb_depth2 {top:0; opacity:1;}*/
.header .lnb {position:relative;}
.header .lnb > ul {display:flex; align-items:center;}
.header .lnb > ul > li {border-left:1px solid #dadada;}
.header .lnb > ul > li:last-child {border-left:0;}
.header .lnb > ul > li > a {font-family: 'Lato', 'NotoSansCJKkr'; font-size:14px; width:114px; height:70px; box-sizing:border-box; display:block; text-align:center; line-height:70px;}
.header .lnb li.lang {position:relative;}
.header .lnb li.lang > a {width:100px; background:url(https://www.hlcompany.com/web/images/common/lang_ico.png) no-repeat left 22px center; padding-left:23px; box-sizing:border-box;}
.header .lnb li.lang > a img {padding-right:4px; vertical-align:-4px;}
.header .lnb li.lang ul {position:absolute; left:0; top:100%; width:100%; background:#fff; box-sizing:border-box; display:none; border:1px solid #dadada; border-top:none;}
.header .lnb li.lang ul li a {display:block; font-family: 'Lato', 'NotoSansCJKkr'; font-size:14px; text-align:center; padding-left:33px;}
.header .lnb li.lang ul li a:hover, .header .lnb li.lang ul li a:focus {text-decoration:underline;}
.header .lnb li.lang ul li.kor a {background:url(https://www.hlcompany.com/web/images/common/kor.jpg) no-repeat left 20px top 15px; padding-top:15px; padding-bottom:12px;}
.header .lnb li.lang ul li.eng a {background:url(https://www.hlcompany.com/web/images/common/eng.jpg) no-repeat left 20px top 15px; padding-top:15px; padding-bottom:12px;}
.header .lnb li.lang ul li.chn a {background:url(https://www.hlcompany.com/web/images/common/chn.jpg) no-repeat left 20px top 13px; padding-top:14px; padding-bottom:19px;}
.header .lnb li.aff a {background:#0c4da2 url(https://www.hlcompany.com/web/images/common/aff_ico_on.png) no-repeat left 24px center; padding-left:26px; box-sizing:border-box; color:#fff;}
.header .lnb li.aff a img {padding-right:6px;}
.header .aff_wrap {position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100vh; box-sizing:border-box; z-index:10; display:none;}
.header .aff_wrap .aff_bg {width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; right:0; bottom:0; z-index:-1; opacity:0; transition: all .5s ease-out;}
.header .aff_wrap .aff_contBox {position:absolute; right:-570px; top:0; width:570px; height:100vh; font-size:0; box-sizing:border-box; padding-left:70px; transition: right .5s;}

body.fixed .header .aff_wrap {display:block;}
.header .aff_wrap.show .aff_contBox {right:0; overflow-y: scroll;}
.header .aff_wrap.show .aff_bg {opacity:1; transition: all .5s ease-out;}
.header .aff_wrap .aff_tab {display:flex; background:#fff;}
.header .aff_wrap .aff_tab li {width:100%;}
.header .aff_wrap .aff_tab li a {font-size:17px; font-weight:500; text-align:center; display:block; box-sizing:border-box; line-height:70px; position:relative;}
.header .aff_wrap .aff_tab li a:after {content:""; width:0; height:6px; background:#0c4da2; position:absolute; left:50%; bottom:0; transition:all .3s cubic-bezier(0, 0, 0.15, 1.01); opacity:0;}
.header .aff_wrap .aff_tab li a:hover {color:#0037b3;}
.header .aff_wrap .aff_tab li a:hover:after {width:100%; left:0; opacity:1; }
.header .aff_wrap .aff_tab li.on a {color:#0037b3;}
.header .aff_wrap .aff_tab li.on a:after {width:100%; left:0; opacity:1; }
.header .aff_wrap .aff_cont ul {background:#e6e6e6;}
.header .aff_wrap .aff_cont ul li {display:block; width:100%; background-size:cover; background-position:center center; opacity:0;}
.header .aff_wrap .aff_cont ul li > a {display:flex; align-items:center; height:95px; padding-left:33px; position:relative;}
.header .aff_wrap .aff_cont ul li > a:focus {}
.header .aff_wrap .aff_cont ul li > a:after {content:""; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; left:0; top:0; z-index:0; transition: background .3s;}
.header .aff_wrap .aff_cont ul li > a:hover:after, .header .aff_wrap .aff_cont ul li > a:focus:after, .header .aff_wrap .aff_cont ul li > a:active:after {background:rgba(0,0,0,0);}
.header .aff_wrap .aff_cont ul li p {font-size:18px; color:#fff; font-weight:500; z-index:1;}
.header .aff_wrap .aff_cont ul li .arrow {width:38px; height:38px; background:url(https://www.hlcompany.com/web/images/common/arrow_wht.png) no-repeat center center; right:26px; top:50%; transform:translateY(-50%); z-index:1;}
.header .aff_wrap .aff_cont ul li .arrow svg {width:38px; height:38px;}
.header .aff_wrap .aff_cont ul li >a:hover .arrow svg, .header .aff_wrap .aff_cont ul li >a:focus .arrow svg, .header .aff_wrap .aff_cont ul li >a:active .arrow svg {stroke-dashoffset: 0; transition:stroke-dashoffset 0.5s;}
.header .aff_wrap .aff_close {display:block; width:70px; height:70px; background:#000 url(https://www.hlcompany.com/web/images/common/aff_close_ico.png) no-repeat center center; position:absolute; left:0; top:0;}
/*.header .lnb li.hover a {background:#0c4da2; color:#fff;}*/
.header .aff_wrap .aff_cont ul li:nth-child(1) {animation:affAni 0.5s ease-out 0.5s 1 forwards;}
.header .aff_wrap .aff_cont ul li:nth-child(2) {animation:affAni 0.5s ease-out 0.6s 1 forwards;}
.header .aff_wrap .aff_cont ul li:nth-child(3) {animation:affAni 0.5s ease-out 0.7s 1 forwards;}
.header .aff_wrap .aff_cont ul li:nth-child(4) {animation:affAni 0.5s ease-out 0.8s 1 forwards;}
.header .aff_wrap .aff_cont ul li:nth-child(5) {animation:affAni 0.5s ease-out 0.9s 1 forwards;}
.header .aff_wrap .aff_cont ul li:nth-child(6) {animation:affAni 0.5s ease-out 1.0s 1 forwards;}
.header .aff_wrap .aff_cont ul li:nth-child(7) {animation:affAni 0.5s ease-out 1.1s 1 forwards;}
.header .aff_wrap .aff_cont ul li:nth-child(8) {animation:affAni 0.5s ease-out 1.2s 1 forwards;}
.header .aff_wrap .aff_cont ul li:nth-child(9) {animation:affAni 0.5s ease-out 1.3s 1 forwards;}
.header .aff_wrap .aff_cont ul li:nth-child(10) {animation:affAni 0.5s ease-out 1.4s 1 forwards;}
.header .aff_wrap .aff_cont ul li:nth-child(11) {animation:affAni 0.5s ease-out 1.5s 1 forwards;}
.header .aff_wrap .aff_cont ul li:nth-child(12) {animation:affAni 0.5s ease-out 1.6s 1 forwards;}
.header .aff_wrap .aff_cont .empty_page {width:100%; height: calc(100vh - 70px); background: #eee; position: relative;}
.header .aff_wrap .aff_cont .empty_page span {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 18px; width: 100%; text-align: center; color: #555;}
.blind {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}

@-webkit-keyframes affAni {
	0%  {transform:translateY(110px); opacity:0;}
	100% {transform:translateY(0px); opacity:1;}
}
@keyframes affAni {
	0%  {transform:translateY(110px); opacity:0;}
	100% {transform:translateY(0px); opacity:1;}
}

.header .m_menuBtn {width:32px; height:24px; background:url(/web/images/common/menu_ico.png); display:none;}

.m_subMenu {width:100%; height:65px; display:none; background:#fff;}
.m_subMenu label {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
.m_subMenu select {width:100%; height:100%; box-sizing:border-box; background:#fff; padding-left:30px; font-size:20px; letter-spacing:-1px; font-weight:500; border:none; border-bottom:1px solid #dadada; background:url(https://www.hlcompany.com/web/images/common/select_arrow.png) no-repeat right 31px center; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none;}

.m_menuWrap {position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100vh; box-sizing:border-box; z-index:11; display:none}
.m_menuWrap .m_menu_bg {width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; right:0; bottom:0; z-index:-1; opacity:0; transition: all .5s ease-out;}
.m_menuWrap .m_menuBox {max-width:490px; width:61%; height:100%; overflow-y:auto; box-sizing:border-box; background:#fff; position:absolute; left:-100%; top:0; transition:left .5s;}
.m_menuWrap .m_menuBox .m_lang {}
.m_menuWrap .m_menuBox .m_lang ul {display:flex; align-items:center; height:70px; box-sizing:border-box; border-bottom:1px solid #dadada; padding-left:40px;}
.m_menuWrap .m_menuBox .m_lang ul li {margin-right:25px;}
.m_menuWrap .m_menuBox .m_lang ul li a {font-size:16px; font-family: 'Lato', 'NotoSansCJKkr'; display:block; position:relative;}
.m_menuWrap .m_menuBox .m_lang ul li a:after {content:""; width:0; height:3px; background:#004ac4; position:absolute; left:0; bottom:-6px;}
.m_menuWrap .m_menuBox .m_lang ul li.on a {color:#004ac4;}
.m_menuWrap .m_menuBox .m_lang ul li.on a:after {width:100%;}
.m_menuWrap .m_menuBox .m_menu_navi > li > a {display:block; font-size:22px; font-weight:500; padding-left:40px; background:url(https://www.hlcompany.com/web/images/common/open_ico.png) no-repeat right 34px center; line-height:70px; border-bottom:1px solid #dadada;}
.m_menuWrap .m_menuBox .m_menu_navi > li.on {border-bottom:1px solid #dadada;}
.m_menuWrap .m_menuBox .m_menu_navi > li.on > a {color:#004ac4; background:url(https://www.hlcompany.com/web/images/common/cls_ico.png) no-repeat right 34px center;}
.m_menuWrap .m_menuBox .m_menu_navi > li.on .m_depth2 {display:block;}
.m_menuWrap .m_menuBox .m_menu_navi .m_depth2 {padding:0 40px; display:none;}
.m_menuWrap .m_menuBox .m_menu_navi .m_depth2 li {}
.m_menuWrap .m_menuBox .m_menu_navi .m_depth2 li a {display:block; font-size:18px; color:#555; line-height:55px; border-bottom:1px solid #dadada;}
.m_menuWrap .m_menuBox .m_menu_navi .m_depth2 li:last-child a {border-bottom:0;}
.m_menuWrap .m_menuBox .m_menu_sns {display:flex; align-items:center; justify-content:space-around; padding:0 40px 58px; margin-top:38px;}
.m_menuWrap .m_menuBox .m_menu_close {display:block; width:22px; height:22px; background:url(/web/images/common/b_close.png); position:absolute; right:33px; top:25px;}

body.menu-fixed .m_menuWrap {display:block;}
.m_menuWrap.show .m_menu_bg {opacity:1; transition: all .5s ease-out;}
.m_menuWrap.show .m_menuBox {left:0; transition: left .5s;}

/*.hover_list li {position:relative; overflow:hidden;}
.hover_line em {position:absolute; display:block; background:#003EA3; z-index:2;}
.hover_line em.tlr {width:0; height:1px; left:0; top:0; transition:all 0.5s ease-out;}
.hover_line em.rtb {width:1px; height:0; right:0; top:0; transition:all 0.5s ease-out;}
.hover_line em.btl {width:100%; height:1px; left:100%; bottom:0; transition:all 0.5s ease-out;}
.hover_line em.lbt {width:1px; height:100%;left:0; top:100%; transition:all 0.5s ease-out;}
.hover_line.enter em.tlr {width:100%; transition-delay:0s;}
.hover_line.enter em.rtb {height:100%; transition-delay:0s;}
.hover_line.enter em.btl {left:0; transition-delay:0s;}
.hover_line.enter em.lbt {top:0; transition-delay:0s;}
.hover_line.leave em.tlr {width:0; transition-delay:0s;}
.hover_line.leave em.rtb {height:0; transition-delay:0s;}
.hover_line.leave em.btl {left:100%; transition-delay:0s;}
.hover_line.leave em.lbt {top:100%; transition-delay:0s;}
.empty .hover_line {display:none;}*/
.sub01 .prev_more {display:block; width:190px; height:42px; text-align:center; box-sizing:border-box; background:url(https://www.hlcompany.com/web/images/webzine/01_more_Bg_arrow.png) no-repeat right 24px center; line-height:42px; font-size:14px; margin:48px auto 0; padding-right:24px; border:1px solid rgba(0,0,0,0.5); box-sizing:border-box;}
.sub01 .prev_more:hover {background:url(https://www.hlcompany.com/web/images/webzine/01_more_Bg_arrow_hover.png) no-repeat right 24px center;}

.btnstyle {position:relative;}
.btnstyle span {position:relative; z-index:1;}
.btnstyle:before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; z-index: -1; background: #003EA3; transition: height .3s ease-in-out; }
.btnstyle:hover, .btnstyle:focus {border-color:#003EA3 !important; color:#fff; }
.btnstyle:hover:before, .btnstyle:focus:before {height:100%;}

.arrow {display:block; width:30px; height:30px; background:url(https://www.hlcompany.com/web/images/common/web_arrow.png) no-repeat center center; position:absolute; right:20px; bottom:27px;}
.arrow svg {stroke-dasharray: 90; stroke-dashoffset: 90; transition:stroke-dashoffset 0.5s; transform:rotate(90deg);}
.hover_list li:hover .arrow {background:url(https://www.hlcompany.com/web/images/common/web_arrow_on.png) no-repeat center center;}
.hover_list li:hover .arrow svg {stroke-dashoffset: 0; transition:stroke-dashoffset 0.5s;}
.hover_list li > a:focus .arrow {background:url(https://www.hlcompany.com/web/images/common/web_arrow_on.png) no-repeat center center;}
.hover_list li > a:focus .arrow svg {stroke-dashoffset: 0; transition:stroke-dashoffset 0.5s;}

.footer {background:#f6f6f6; z-index:10; position:relative;}
.footer_inner {width:1390px; margin:0 auto; position:relative;}
.footer .footer_lnb {border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.footer .footer_lnb > div {display:flex; align-items:center; justify-content:space-between; padding:21px 0 20px; }
.footer .footer_lnb .footer_menu {display:flex; alig-items:center;}
.footer .footer_lnb .footer_menu li {position:relative;}
.footer .footer_lnb .footer_menu li:after {content:""; width:1px; height:13px; background:#dadada; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.footer .footer_lnb .footer_menu li:last-child:after {width:0; height:0;}
.footer .footer_lnb .footer_menu li a {display:block; font-size:15px; color:#707070; padding:0 21px 0 18px; white-space:nowrap; }
.footer .footer_lnb .footer_menu li a b {color:#004ac4;}
.footer .footer_lnb .footer_menu li:first-child a {padding-left:0;}
.footer .footer_lnb .footer_menu li a:hover {text-decoration:underline;}
.footer .footer_lnb .footer_sns {display:flex; align-items:center;}
.footer .footer_lnb .footer_sns li {margin-right:24px;}
.footer .footer_lnb .footer_sns li:last-child {margin-right:0;}
.footer .footer_copy > div {display:flex; align-items:center; padding:28px 0 45px;}
.footer .footer_copy h4 {margin-right:64px;}
.footer .footer_copy .add_txt {font-size:13px; color:#707070; line-height:20px;}
.footer .footer_copy .right_btn {margin-left:auto; display:flex; align-items:center;}
.footer .footer_copy .right_btn .wa {}
.footer .footer_copy .right_btn .wa img {width:58px;}
.footer .footer_copy .right_btn .award {margin-right:28px;}
.footer .footer_copy .right_btn .award img {width:51px;}
.footer .footer_copy .top {position:fixed; bottom:33px; /*bottom:218px;*/ right:50%; margin-right:-695px; display:block; width:65px; height:65px; box-sizing:border-box; border-radius:50%; opacity:0;}
.footer .footer_copy .top.bg {/*background: url(https://www.hlcompany.com/web/images/common/top_arrow_wh.png) no-repeat center center;*/}
.footer .footer_copy .top.bg svg.line path {stroke-width:3px;}
.footer .footer_copy .top.bg2 {}
.footer .footer_copy .top.bg2 svg.line {width:65px; height:65px; left:0; top:0;}
.footer .footer_copy .top:before {content:""; width:100%; height:100%; border:2px solid #dadada; position:absolute; left:0; top:0; border-radius:50%; box-sizing:border-box;}
.footer .footer_copy .top svg.line {stroke-dasharray: 198; stroke-dashoffset: 198; position:absolute; left:0; top:0; transition:stroke-dashoffset 0.3s;}
.footer .footer_copy .top.on {position:absolute; bottom:195px;}
.footer .footer_copy .top.his {background:url(https://www.hlcompany.com/web/images/common/top_arrow_w.png) no-repeat center center;}
.footer .footer_copy .left {position:fixed; top:100px; right:0; display:block; width:65px; height:65px; box-sizing:border-box; /*opacity: 0; background-color: #E91E63;*/}
.footer .footer_copy .left img {margin-bottom:10px;}


/*220919*/
.visual {width:100%; height:1027px; position:relative;}
/*.visual {width:100%; height:calc(100vh - 70px; position:relative;}*/

.visual .visual_box {height:100%;}
.visual .visual_box .swiper-slide {height:100%; position:relative; overflow:hidden;}
.visual .visual_box .swiper-slide .imgbox {width:100%; height:100%; position:absolute; left:0; bottom:0; right:0; top:0; background-position:center center; background-size:cover; /*opacity:0; transition:opacity 0.5s;*/}
.visual .visual_box .swiper-slide.swiper-slide-active .imgbox {overflow:hidden;/*animation:bgs 2.5s ease-in-out; opacity:1;*/}
.visual .visual_box .swiper-slide .inner {width:calc(100% - 220px);}
.visual .swiper_navi {position:absolute; left:50%; bottom:35px; transform:translateX(-50%); display:flex; align-items:center; z-index:20;}
.visual .swiper_navi .swiper_controller .controllBtn {display:block; width:10px; height:12px; margin:0 10px;}
.visual .swiper_navi .swiper_controller .controllBtn:focus {outline:2px solid #fff;}
.visual .swiper_navi .swiper_controller .controllBtn.pause {background:url(https://www.hlcompany.com/web/images/sub/page_stop.png) no-repeat center center;}
.visual .swiper_navi .swiper_controller .controllBtn.play {background:url(https://www.hlcompany.com/web/images/sub/page_play.png) no-repeat center center;}
.visual .swiper_navi .swiper-pagination {position:static; display:flex; align-items:center; margin-right:20px;}
.visual .swiper_navi .swiper-pagination .swiper-pagination-bullet {width:32px; height:32px; display:flex; align-items:center; justify-content:center; font-size:16px; color:#fff; font-weight:bold; opacity:0.5; box-sizing:border-box; margin:0 8px; font-family: "Montserrat"; position:relative; border:1px solid rgba(255,255,255,0);}
.visual .swiper_navi .swiper-pagination .swiper-pagination-bullet:focus {outline:2px solid #fff;}
.visual .swiper_navi .swiper-pagination .swiper-pagination-bullet:after {content:""; width:7px; height:7px; background:#fff; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.visual .swiper_navi .swiper-pagination .swiper-pagination-bullet-active {opacity:1; }
.visual .swiper_navi .swiper-pagination .swiper-pagination-bullet svg {width:34px; height:34px; position:absolute; left:-2px; top:-2px; stroke-dasharray: 90; stroke-dashoffset: 90; }
.visual .swiper_navi .swiper-pagination .swiper-pagination-bullet em {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
.visual .swiper_navi .swiper-pagination .swiper-pagination-bullet-active.on {border:1px solid rgba(255,255,255,0.5);}
.visual .swiper_navi .swiper-pagination .swiper-pagination-bullet-active.on svg {stroke-dashoffset: 0; transition: stroke-dashoffset 5.4s ease-out;}
.visual .swiper_navi .swiper-button-prev ,.visual .swiper_navi .swiper-button-next {position:static; width:17px; height:22px; margin-top:0; background-size:17px; background:none;}
.visual .swiper_navi .swiper-button-prev:focus,
.visual .swiper_navi .swiper-button-next:focus {outline:2px solid #fff;}
.visual .swiper_navi .swiper-button-prev i svg,.visual .swiper_navi .swiper-button-next i svg {width:17px; height:22px;}
.visual .swiper_navi .swiper-button-prev {}
.visual .swiper_navi .swiper-button-prev i svg {transform:rotate(180deg);}
.visual .swiper_navi .swiper-button-next {}

@keyframes bgs {
	0% {transform:scale(1.3); opacity:0.5;}
	100% {transform:scale(1); opacity:1;}
}

.cont01 {padding-top:70px;}
.cont01 h3 {font-size: 30px; font-weight: bold; text-align: center;} 
.cont01 .cont01_box ul {display:flex; }
.cont01 .cont01_box ul li {width:calc(50% - 10px); margin-right:20px; margin-top:20px; position:relative; background:#f6f6f6;}
.cont01 .cont01_box ul li:nth-child(2n) {margin-right:0;}
.cont01 .cont01_box ul li:nth-child(-n+2) {margin-top:0;}
.cont01 .cont01_box ul li > a {display:block;}
.cont01 .cont01_box ul li > a:focus {outline:2px solid #000;}
.cont01 .cont01_box ul li .imgbox {position:relative; width:100%; padding-top: calc(80% / 10 * 9); background-size:cover; background-position: center center top; display:block;}
.cont01 .cont01_box ul li .imgbox:after {content:""; width:100%; height:100%; position:absolute; left:0; bottom:0; background:url(https://www.hlcompany.com/web/images/main/media_gradient.png) no-repeat left bottom; background-size:100%;}
.cont01 .cont01_box ul li .imgbox img {width:100%; display:none;}
.cont01 .cont01_box ul li .txtbox {position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:24px 76px 27px 32px; z-index:2; display:block}
.cont01 .cont01_box ul li .txtbox:before {content:""; width:100%; height:0; background: linear-gradient(transparent, 50%,#0092c8 ); position:absolute; left:0; bottom:0; z-index:-1; transition: all 0.3s;}
.cont01 .cont01_box ul li > a:hover .txtbox:before, .cont01 .cont01_box ul li > a:focus .txtbox:before {height:150%;}
.cont01 .cont01_box ul li .txtbox h4 {width:100%; font-size:24px; line-height:36px; color:#fff; font-weight:400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:keep-all; margin-top: 7px;}
.cont01 .cont01_box ul li .txtbox span {color: #fff;font-weight: 600;border-radius: 6px;background-color: #00b6ee;padding: 0 10px 2px 10px;font-size: 13px; }
.cont01 .cont01_box ul li .txtbox .arrow {width:44px; height:44px; background: url(https://www.hlcompany.com/web/images/main/main_arrow.png) no-repeat center center;}
.cont01 .cont01_box ul li .txtbox .arrow.play {background: url(https://www.hlcompany.com/web/images/main/main_play.png) no-repeat left 17px center;}
.cont01 .cont01_box ul li .txtbox .arrow svg {width:44px; height:44px;}
.cont01 .cont01_box ul li .txtbox .arrow.play svg {width:44px; height:44px;}
.cont01 .cont01_box ul li >a:hover .txtbox .arrow svg, .cont01 .cont01_box ul li >a:focus .txtbox .arrow svg {stroke-dashoffset: 0; transition:stroke-dashoffset 0.5s;}

.cont02 {padding-top:70px; padding-bottom:96px;}
.cont02 h3 {font-size:30px; font-weight:bold; letter-spacing:-1px; text-align: center;}
.cont02 .cont02_box {padding-top:24px;}
.cont02 .cont02_box ul {display:flex;}
.cont02 .cont02_box ul li {width:33.333%; box-sizing:border-box; position:relative; background-color:black; margin-right:24px;}
.cont02 .cont02_box ul li:nth-child(3n) {margin-right:0;}
.cont02 .cont02_box ul li > a {display:block; box-sizing:border-box;}
.cont02 .cont02_box ul li > a:focus {border:2px solid #000;}
.cont02 .cont02_box ul li .imgbox {width:100%; overflow:hidden; display:block;}
.cont02 .cont02_box ul li .imgbox:before {content:""; width:0; height:80%; background: url(https://www.hlcompany.com/new2022/web/images/hover01.png)no-repeat 0 bottom; position:absolute; right:0; bottom:0; z-index:1; transition: all 0.3s; background-size: cover;}
.cont02 .cont02_box ul li .imgbox img {width:100%; transition:all 0.3s; }
.cont02 .cont02_box ul li .imgbox img.shotcut_img_m {display:none;}
.cont02 .cont02_box ul li .txtbox {position:absolute; left:0; top:45px; width:100%; box-sizing:border-box; z-index:1; padding-left:42px;}
.cont02 .cont02_box ul li a:hover .imgbox:before, .cont02 .cont02_box ul li a:focus .imgbox:before {width:50%; transition: all 0.5s;}
.cont02 .cont02_box ul li .txtbox h4 {font-size:26px; line-height:38px; color:#fff; font-weight:500;}
.cont02 .cont02_box ul li .txtbox p {font-size:17px; line-height:27px; color:#fff; padding-top:12px;}
/*.cont02 .cont02_box ul li .txtbox .arrow {width:44px; height:44px; background: url(https://www.hlcompany.com/web/images/main/main_arrow.png) no-repeat center center; bottom:37px; left:60px}*/
.cont02 .cont02_box ul li .arrow {width:44px; height:44px; background: url(https://www.hlcompany.com/web/images/main/main_arrow.png) no-repeat center center; bottom:37px; left:40px;}
.cont02 .cont02_box ul li .arrow svg {width:44px; height:44px;}
/*.cont02 .cont02_box ul li > a:hover .imgbox img, .cont02 .cont02_box ul li > a:focus .imgbox img {transform:scale(1.1);}*/
.cont02 .cont02_box ul li > a:hover .arrow svg,.cont02 .cont02_box ul li > a:focus .arrow svg {stroke-dashoffset: 0; transition:stroke-dashoffset 0.5s;}
/*.cont02 .cont02_box .hover_line em {background:#0c4da2;}
.cont02 .cont02_box .hover_line em.tlr {height:3px;}
.cont02 .cont02_box .hover_line em.rtb {width:3px;}
.cont02 .cont02_box .hover_line em.btl {height:3px;}
.cont02 .cont02_box .hover_line em.lbt {width:3px;}*/

.subCont {position:relative;}
.subCont .sub_vis {width:100%; height:380px; background-size:cover; background-position:center center; display:flex; align-items:center; justify-content:center; box-sizing:border-box;}
.subCont .sub_vis .sub_vis_txt {text-align:center;}
.subCont .sub_vis .sub_vis_txt h2 {font-size:45px; color:#fff; font-weight:bold; }
.subCont .sub_vis .sub_vis_txt p {font-size:18px; color:#fff; line-height:30px; padding-top:12px;}
.subCont_box {position:relative;}
.subCont .sub_vis.etc_vis {border-bottom:1px solid #dadada; height:232px;}
.subCont .sub_vis.etc_vis .sub_vis_txt h2 {color:#222;}

.listWrap {padding-bottom:139px;}
.listWrap .listBox:first-child {padding-top:71px;}
.listWrap .listBox {padding-top:55px;}
.listWrap .listBox h3 {font-size:26px; color:#222; font-weight:500; letter-spacing:-1px; padding-bottom:23px;}
.listWrap .listBox ul {display:flex;}
.listWrap .listBox ul li {position:relative; box-sizing:border-box;}
.listWrap .listBox ul li:last-child {margin-right:0;}
.listWrap .listBox ul li > a {display:block;}
.listWrap .listBox ul li > a:focus {border:2px solid #222;}
.listWrap .listBox ul li .imgbox {display:block;}
.listWrap .listBox ul li .imgbox img {width:100%;}
.listWrap .listBox ul li .txtbox {padding:12px 20px 18px; display:block;}
.listWrap .listBox ul li .txtbox h4 {font-size:18px; line-height:31px; letter-spacing:-1px; color:#000; font-weight:500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:keep-all;}
.listWrap .listBox ul li .txtbox .h4 {display:block; font-size:18px; line-height:31px; letter-spacing:-1px; color:#000; font-weight:500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:keep-all;}
.listWrap .listBox ul li .txtbox .date {font-size:14px; color:#666; font-family: 'Lato', 'NotoSansCJKkr'; margin-top:auto; margin-top:21px; display:block;}
.listWrap .listBox ul li .txtbox .arrow {position:absolute; right:18px; bottom:18px;}
.listWrap .listBox2 {padding-top:36px;}
.listWrap .listBox2 ul li {width:100%; margin-bottom:26px;}
.listWrap .listBox2 ul li:last-child {margin-bottom:0;}
.listWrap .listBox2 ul li > a {display:flex; box-sizing:border-box;}
.listWrap .listBox2 ul li > a:focus {border:2px solid #222;}
.listWrap .listBox2 ul li .imgbox {display:block; width:282px; background-size:cover; background-position:center center;}
.listWrap .listBox2 ul li .imgbox img {width:100%; min-height:100%;}
.listWrap .listBox2 ul li .txtbox { position: relative;display:block; width:calc(100% - 282px); box-sizing:border-box; padding-left:24px; padding-top:24px; padding-bottom:23px; border-bottom:1px solid #dadada; display:flex; flex-direction:column;}
.listWrap .listBox2 ul li .txtbox h4 {font-size:20px; line-height:31px; letter-spacing:-1px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:7px; word-break:keep-all;}
.listWrap .listBox2 ul li .txtbox p {font-size:16px; line-height:26px; color:#555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:keep-all; padding-right:102px; }
.listWrap .listBox2 ul li .txtbox .h4 {display:block; font-size:20px; line-height:31px; letter-spacing:-1px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:7px; word-break:keep-all;}
.listWrap .listBox2 ul li .txtbox .p {display:block; font-size:16px; line-height:26px; color:#555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:keep-all; padding-right:102px; }
.listWrap .listBox2 ul li .txtbox .date {display:block; font-size:14px; color:#666; font-family: 'Lato', 'NotoSansCJKkr'; margin-top:auto;}
.listWrap .listBox2 ul li .txtbox .arrow {right:24px; bottom:22px;}
.listWrap .listBox2 ul li.nodate {width:100%; text-align:center; padding-top:50px;}
.listWrap .listBox2 ul li .txtbox .h5 {display:block; font-size:16px; letter-spacing:-1px; font-weight:400; margin-bottom:7px; color:#00b6ee;}

.sub_m_menu {top:0; transition: top .3s;}
.sub_m_menu.fixed {position:fixed; left:0; top:60px; width:100%; z-index:9;}

.list_moreBtn {display:block; width:410px; height:55px; box-sizing:border-box; text-align:center; border:1px solid #dadada; line-height:55px; font-size:16px; color:#444; margin:0 auto 0;}
.list_moreBtn img {vertical-align:0; padding:0 6px;}
.list_moreBtn img.list_moreBtn_mimg {display:none;}
.list_moreBtn:hover span, .list_moreBtn:focus span {color:#fff;}
.media_listWrap {padding-bottom:181px;}
.media_listWrap .media_category {padding-top:76px;}
.media_listWrap .media_category ul {display:flex; align-items:center; justify-content:flex-start;}
.media_listWrap .media_category ul li {margin-right:32px;}
.media_listWrap .media_category ul li:last-child {margin-right:0;}
.media_listWrap .media_category ul li a {font-size:18px; color:#666; position:relative;}
.media_listWrap .media_category ul li a:after {content: ""; width: 0; height: 1px; background: #004ac4; position: absolute; left: 50%; bottom: -2px; transition: all .3s cubic-bezier(0, 0, 0.15, 1.01); opacity: 0;}
.media_listWrap .media_category ul li.on a {color:#004ac4; font-weight:500;}
.media_listWrap .media_category ul li.on a:after, 
.media_listWrap .media_category ul li a:hover:after, 
.media_listWrap .media_category ul li a:focus:after {width:100%; left:0; opacity:1;}
.media_listWrap .media_category ul li span {font-size: 12px; font-weight: 300; vertical-align: super; color:#999;}
.media_listWrap .media_category ul li.on span {color:#004ac4;}
.media_listWrap .media_listBox {padding-top:33px; padding-bottom:86px;}
.media_listWrap .media_listBox ul {flex-wrap:wrap;}
.media_listWrap .media_listBox ul li {width:calc(25% - 18px); margin-right:24px; margin-top:46px; opacity:0.6; transition: all 0.5s;}
.media_listWrap .media_listBox ul li.on {opacity:1;}
.media_listWrap .media_listBox ul li:nth-child(4n) {margin-right:0;}
.media_listWrap .media_listBox ul li:nth-child(-n+4) {margin-top:0;}
.media_listWrap .media_listBox ul li > a {width:100%; height:100%; box-sizing:border-box;}
.media_listWrap .media_listBox ul li .imgbox {position:relative; display:block;}
.media_listWrap .media_listBox ul li .imgbox:after {content:""; width:0; height:0; background:rgba(0,0,0,0.6) url(https://www.hlcompany.com/web/images/sub/playBtn.png) no-repeat center center; position:absolute; left:0; top:0;}
.media_listWrap .media_listBox ul li > a:hover .imgbox:after, 
.media_listWrap .media_listBox ul li > a:focus .imgbox:after {width:100%; height:100%;}
.media_listWrap .media_listBox ul li.nodate {width:100%; padding-top:50px; text-align:center;}

.media_listWrap .media_m_menu {border-bottom:1px solid #dadada; background:#fff;}
.media_listWrap .media_m_menu ul {display:flex; align-items:center; justify-content:center;}
.media_listWrap .media_m_menu ul li {margin-right:8px;}
.media_listWrap .media_m_menu ul li:last-child {margin-right:0;}
.media_listWrap .media_m_menu ul li a {display:block; line-height:72px; padding:0 20px; font-size:18px; color:#666; text-align:center; position:relative;}
.media_listWrap .media_m_menu ul li a:after {content:""; width:0; height:2px; background:#004ac4; position:absolute; left:50%; bottom:-1px; transition:all .3s cubic-bezier(0, 0, 0.15, 1.01); opacity:0;}
.media_listWrap .media_m_menu ul li.on a, .media_listWrap .media_m_menu ul li:hover a {color:#004ac4;}
.media_listWrap .media_m_menu ul li.on a:after, .media_listWrap .media_m_menu ul li:hover a:after {width:100%; left:0; opacity:1;}

.pager_wrap {text-align:center;}
.pager_wrap .pager_list {display:inline-block;}
.pager_wrap .pager_list:after {content:""; display:block; clear:both;}
.pager_wrap .pager_list a {float:left; display:block; width:35px; height:35px; box-sizing:border-box; border:1px solid #dadada; margin-right:5px; text-align:center; line-height:33px; font-size:16px; color:#666;}
.pager_wrap .pager_list a:last-child {margin-right:0;}
.pager_wrap .pager_list a.on, .pager_wrap .pager_list a.on {background:#004ac4; border-color:#004ac4; color:#fff;}
.pager_wrap .pager_list a:hover, .pager_wrap .pager_list a:focus {background:#004ac4; border-color:#004ac4; color:#fff;}
.pager_wrap .pager_list a.first_page {background:#fff url(https://www.hlcompany.com/web/images/sub/f_page.png) no-repeat center center;}
.pager_wrap .pager_list a.prev_page {background:#fff url(https://www.hlcompany.com/web/images/sub/p_page.png) no-repeat center center; margin-right:24px;}
.pager_wrap .pager_list a.next_page {background:#fff url(https://www.hlcompany.com/web/images/sub/n_page.png) no-repeat center center; margin-left:19px;}
.pager_wrap .pager_list a.last_page {background:#fff url(https://www.hlcompany.com/web/images/sub/l_page.png) no-repeat center center;}
.pager_wrap .pager_list a.first_page.on, .pager_wrap .pager_list a.first_page:hover, .pager_wrap .pager_list a.first_page:focus {background:#004ac4 url(https://www.hlcompany.com/web/images/sub/f_page_on.png) no-repeat center center;}
.pager_wrap .pager_list a.prev_page.on, .pager_wrap .pager_list a.prev_page:hover, .pager_wrap .pager_list a.prev_page:focus {background:#004ac4 url(https://www.hlcompany.com/web/images/sub/p_page_on.png) no-repeat center center;}
.pager_wrap .pager_list a.next_page.on, .pager_wrap .pager_list a.next_page:hover, .pager_wrap .pager_list a.next_page:focus {background:#004ac4 url(https://www.hlcompany.com/web/images/sub/n_page_on.png) no-repeat center center;}
.pager_wrap .pager_list a.last_page.on, .pager_wrap .pager_list a.last_page:hover, .pager_wrap .pager_list a.last_page:focus {background:#004ac4 url(https://www.hlcompany.com/web/images/sub/l_page_on.png) no-repeat center center;}

.news_listWrap {padding-bottom:158px;}
.news_listWrap .news_tabmenu {border-bottom:1px solid #dadada; background:#fff;}
.news_listWrap .news_tabmenu ul {display:flex; align-items:center; justify-content:center;}
.news_listWrap .news_tabmenu ul li {margin-right:8px;}
.news_listWrap .news_tabmenu ul li:last-child {margin-right:0;}
.news_listWrap .news_tabmenu ul li a {display:block; line-height:72px; padding:0 22px; font-size:18px; color:#666; font-family: 'Lato', 'NotoSansCJKkr'; text-align:center; position:relative;}
.news_listWrap .news_tabmenu ul li a:after {content:""; width:0; height:2px; background:#004ac4; position:absolute; left:50%; bottom:-1px; transition:all .3s cubic-bezier(0, 0, 0.15, 1.01); opacity:0;}
.news_listWrap .news_tabmenu ul li.on a, .news_listWrap .news_tabmenu ul li:hover a {color:#004ac4;}
.news_listWrap .news_tabmenu ul li.on a:after, .news_listWrap .news_tabmenu ul li:hover a:after {width:100%; left:0; opacity:1;}

.news_listWrap .list_search {margin-top:62px;}
.list_search {display:flex; align-items:flex-end; justify-content:space-between;}
.list_search .list_result {font-size:18px; letter-spacing:-0.5px; margin-right:auto;}
.list_search .list_result b {color:#004ac4; font-weight:bold;}
.list_search .searchWrap {display:flex; margin-left:auto;}
.list_search .searchWrap label {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
.list_search .searchWrap select {width:120px; height:42px; box-sizing:border-box; border:none; border-bottom:1px solid #000; background:url(https://www.hlcompany.com/web/images/sub/select_12.png) no-repeat right 7px center; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none; margin-right:24px; padding-left:4px; font-size:14px; border-radius:0;}
.list_search .searchWrap select::-ms-expand {display:none}
.list_search .searchWrap .search_input {width:299px; height:42px; box-sizing:border-box; border:none; border-bottom:1px solid #000; display:flex; justify-content:space-between;}
.list_search .searchWrap .search_input input[type="text"] {width:calc(100% - 34px); height:100%; border:none; padding-left:4px; box-sizing:border-box; font-size:14px;}
.list_search .searchWrap .search_input input[type="text"]::placeholder {color:#bcbcbc;}
.list_search .searchWrap .search_input .searchBtn {display:block; width:34px; height:100%; background:url(https://www.hlcompany.com/web/images/sub/search_ico.png) no-repeat center center;}
.news_listWrap .news_listBox {padding-top:36px;}
.news_listWrap .news_listBox ul {flex-wrap:wrap;}
.news_listWrap .news_listBox ul li {width:calc(33.333% - 16px); margin-right:23px; margin-top:26px;}
.news_listWrap .news_listBox ul li:nth-child(3n) {margin-right:0;}
.news_listWrap .news_listBox ul li:nth-child(-n+3) {margin-top:0;}
.news_listWrap .news_listBox ul li .txtbox {padding:21px 23px 30px;}
.news_listWrap .news_listBox ul li .txtbox h4 {font-size:20px;}
.news_listWrap .news_listBox ul li .txtbox .date {margin-top:23px;}
.news_listWrap .news_listBox ul li .txtbox .arrow {bottom:22px;}
.news_listWrap .pager_wrap {margin-top:72px;}
.news_listWrap .news_listBox ul li.nodate {width:100%; text-align:center; padding-top:50px;}

.view_vis {width: 100%; height: 300px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-bottom:1px solid #dadada;}
.view_vis .view_vis_txt {text-align:center; width:800px;}
.view_vis .view_vis_txt span {font-size:20px; color:#004ac4; font-family: 'Lato', 'NotoSansCJKkr'; font-weight:bold; display:block; padding-bottom:12px;}
.view_vis .view_vis_txt h2 {font-size:34px; font-weight:bold; line-height:50px; word-break:keep-all;}
.view_vis .view_vis_txt .date {font-family: 'Lato', 'NotoSansCJKkr'; font-size:15px; color:#666; display:block; margin-top:17px;}
.view_cont {padding-bottom:167px;}
.view_cont .view_contBox {padding-top:54px; padding-bottom:76px;}
.view_cont .view_contBox .column {margin-bottom:40px;}
.view_cont .view_contBox .column p {margin-bottom:25px;}
.view_cont .view_contBox .column p:last-child {margin-bottom:0;}
.view_cont .view_contBox p {font-size:18px; line-height:30px; color:#555;}
.view_cont .view_contBox .column:last-child {margin-bottom:0;}
.view_cont .view_contBox img {display:block; margin:0 auto; max-width:100%;}
.list_navi ul {border-top:1px solid #dadada;}
.list_navi ul li {border-bottom:1px solid #dadada;}
.list_navi ul li > a {display:flex; align-items:center; font-size:17px; color:#555;}
.list_navi ul li span {display:block; width:168px; text-align:center; line-height:70px; font-weight:500; box-sizing:border-box;}
.list_navi ul li span img {vertical-align:2px;}
.list_navi ul li p {width:calc(100% - 168px); line-height:70px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_navi ul li.prev span img {padding-left:14px;}
.list_navi ul li.next span img {transform:rotate(180deg); padding-right:14px;}
.list_navi ul li > a:hover p {text-decoration:underline;}
.view_cont .list_btn {margin-top:30px; border-color:#dadada;}

.list_btn {display:block; width:127px; height:42px; background:url(https://www.hlcompany.com/web/images/sub/list_btn.png) no-repeat left 35px center; box-sizing:border-box; 
padding-left:23px; margin:27px auto 0; line-height:42px; border:1px solid rgba(0,0,0,0.5); position:relative; text-align:center;}
.list_btn:hover, .list_btn:focus {background:url(https://www.hlcompany.com/web/images/sub/list_btn_hover.png) no-repeat left 35px center;}
.list_btn:hover:before, .list_btn:focus:before {height:100%;}

.ci_contWrap .w_box {background:#fff;}
.ci_contWrap .g_box {background:#f4f5f7;}
.ci_contWrap .bd_box .container {border-bottom:1px solid #dadada;}
.ci_contWrap .ci_contBox .h3_txt {text-align:center; padding-top:62px;}
.ci_contWrap .ci_contBox .h3_txt h3 {font-size:32px; font-weight:500; line-height:40px; letter-spacing:-1px; padding-bottom:12px;}
.ci_contWrap .ci_contBox .h3_txt p {font-size:19px; line-height:30px; color:#444; letter-spacing:-1px; word-break:keep-all;}
.ci_contWrap .ci_contBox01 .container {padding-bottom:80px;}
.ci_contWrap .ci_contBox01 .mark_box {width:100%; height:286px; box-sizing:border-box; border:1px solid #dadada; display:flex; align-items:center; justify-content:center; margin-top:30px;}
.ci_contWrap .ci_contBox01 .mark_box .m_img {display:none;}
.ci_contWrap .ci_contBox01 .mark_down {display:flex; align-items:center; justify-content:center; margin-top:21px;}
.ci_contWrap .ci_contBox01 .mark_down .downBtn {margin-right:10px;}
.ci_contWrap .ci_contBox01 .mark_down .downBtn:last-child {margin-right:0;}

.downBtn {display:block; font-size:14px; text-align:center; text-align:center; width:164px; height:45px; line-height:45px; border:1px solid #dadada; z-index:1; box-sizing:border-box;}
.downBtn img {padding-left:9px; vertical-align:0;}
.goBtn {display:block; font-size:14px; text-align:center; text-align:center; width:164px; height:45px; line-height:45px; border:1px solid #dadada; z-index:1; box-sizing:border-box;}
.goBtn img {padding-left:9px; vertical-align:-1px; width:13px;}

.ci_contWrap .ci_contBox02 {padding-bottom:80px;}
.ci_contWrap .ci_contBox02 .h3_txt {padding-top:74px;}
.ci_contWrap .ci_contBox02 .color_box {padding-top:35px;}
.ci_contWrap .ci_contBox02 .color_box2 {padding-top:42px;}
.ci_contWrap .ci_contBox02 .color_box h4 {font-size:20px; line-height:30px; font-weight:500; padding-bottom:10px;}
.ci_contWrap .ci_contBox02 .color_box .palette_box {border:1px solid #dadada; border-bottom:none;}
.ci_contWrap .ci_contBox02 .color_box .palette_box ul {display:flex; width:100%; height:auto;;}
.ci_contWrap .ci_contBox02 .color_box .palette_box ul li {width:12%; height:100%; box-sizing:border-box; position:relative;}
.ci_contWrap .ci_contBox02 .color_box .palette_box ul li.o100 {width:40%;}
.ci_contWrap .ci_contBox02 .color_box .palette_box ul li em {display:block; width:100%; height:105px;}
.ci_contWrap .ci_contBox02 .color_box .palette_box ul li.o100 em { background:rgba(14,65,148,1);}
.ci_contWrap .ci_contBox02 .color_box .palette_box ul li.o80 em {background:#4565b0;}
.ci_contWrap .ci_contBox02 .color_box .palette_box ul li.o60 em {background:#7181bd;}
.ci_contWrap .ci_contBox02 .color_box .palette_box ul li.o40 em {background:#9aa2d0;}
.ci_contWrap .ci_contBox02 .color_box .palette_box ul li.o20 em {background:#c7cbe8;}
.ci_contWrap .ci_contBox02 .color_box .palette_box ul li.o10 em {background:#e0e3f2;}
.ci_contWrap .ci_contBox02 .color_box .palette_box ul li p {font-family: 'Lato', 'NotoSansCJKkr'; font-size:18px; color:#fff; line-height:24px; position:absolute; left:18px; top:22px;}
.ci_contWrap .ci_contBox02 .color_box .palette_box ul li p span {display:block; font-size:16px; padding:0; color:#fff;}
.ci_contWrap .ci_contBox02 .color_box .palette_box ul li span {font-family: 'Lato', 'NotoSansCJKkr'; font-size:14px; color:#555; display:block; padding:10px 0 0px 22px;}
.ci_contWrap .ci_contBox02 .color_box .txtbox {width:100%; box-sizing:border-box; border:1px solid #dadada; border-top:none; padding-left:17px; padding-bottom:25px;}
.ci_contWrap .ci_contBox02 .color_box .txtbox .h5 {font-size: 18px; color: #555; font-weight: bold; font-family: 'Lato', 'NotoSansCJKkr'; padding-bottom:5px;}
.ci_contWrap .ci_contBox02 .color_box .txtbox p {font-size:14px; line-height:22px; font-family: 'Lato', 'NotoSansCJKkr';}
.ci_contWrap .ci_contBox02 .color_box .txtbox span {display:block; font-size:14px; line-height:22px; font-family: 'Lato', 'NotoSansCJKkr'; color:#666;}
.ci_contWrap .ci_contBox02 .color_box .txtbox b {color:#222;}
.ci_contWrap .ci_contBox02 .color_box .subcolor_box .txtbox {padding-top:16px; height:140px; }
.ci_contWrap .ci_contBox02 .color_box .subcolor_box ul {display:flex;}
.ci_contWrap .ci_contBox02 .color_box .subcolor_box li {width:calc(20% - 20px); margin-right:25px;}
.ci_contWrap .ci_contBox02 .color_box .subcolor_box li:last-child {margin-right:0;}
.ci_contWrap .ci_contBox02 .color_box .subcolor_box li .imgbox {width:100%; height:105px; box-sizing:border-box; padding:20px;}
.ci_contWrap .ci_contBox02 .color_box .subcolor_box li .imgbox span {font-size:18px; color:#fff; font-weight:bold; font-family: 'Lato', 'NotoSansCJKkr';}
.ci_contWrap .ci_contBox03 {padding-bottom:80px;}
.ci_contWrap .ci_contBox03 .h3_txt {padding-top:72px;}
.ci_contWrap .ci_contBox03 .sig_box {padding-top:42px;}
.ci_contWrap .ci_contBox03 .sig_box ul {display:flex; flex-wrap:wrap;}
.ci_contWrap .ci_contBox03 .sig_box ul li {width:calc(50% - 12px); margin-right:24px; margin-top:37px;}
.ci_contWrap .ci_contBox03 .sig_box ul li:nth-child(2n) {margin-right:0;}
.ci_contWrap .ci_contBox03 .sig_box ul li:nth-child(-n+2) {margin-top:0;}
.ci_contWrap .ci_contBox03 .sig_box ul li h4 {font-size:20px; font-weight:500;}
.ci_contWrap .ci_contBox03 .sig_box ul li .imgbox {margin-top:15px; width:100%; height:200px; background:#fff; display:flex; align-items:center; justify-content:center; box-sizing:border-box;}
.ci_contWrap .ci_contBox04 {padding-bottom:226px;}
.ci_contWrap .ci_contBox04 .h3_txt {padding-top:75px;}
.ci_contWrap .ci_contBox04 .prohibit_box {padding-top:47px;}
.ci_contWrap .ci_contBox04 .prohibit_box h4 {font-size:20px; line-height:30px; font-weight:500; padding-bottom:16px;}
.ci_contWrap .ci_contBox04 .prohibit_box ul {display:flex; flex-wrap:wrap;}
.ci_contWrap .ci_contBox04 .prohibit_box ul li {width:calc(33.333% - 16px); height:155px; margin-right:24px; margin-top:24px; border:1px solid #dadada; box-sizing:border-box; position:relative; padding-top:24px;}
.ci_contWrap .ci_contBox04 .prohibit_box ul li:nth-child(3n) {margin-right:0;}
.ci_contWrap .ci_contBox04 .prohibit_box ul li:nth-child(-n+3) {margin-top:0;}
.ci_contWrap .ci_contBox04 .prohibit_box ul li .imgbox {display:flex; align-items:center; justify-content:center; width:100%; height:64px; box-sizing:border-box;}
.ci_contWrap .ci_contBox04 .prohibit_box ul li .wrong_img {}
.ci_contWrap .ci_contBox04 .prohibit_box ul li p {font-size:14px; color:#666; text-align:center; line-height:20px; margin-top:25px; word-break:keep-all;}
.ci_contWrap .ci_contBox04 .prohibit_box ul li span {position:absolute; right:17px; top:18px;}
.ci_contWrap .ci_contBox04 .prohibit_box ul li.type11 {background:#0e4194;}
.ci_contWrap .ci_contBox04 .prohibit_box ul li.type11 p {color:#fff;}
.ci_contWrap .ci_contBox04 .prohibit_box ul li.type12 {background:url(https://www.hlcompany.com/web/images/sub/wrong_img12_bg.png) no-repeat center center; background-size:cover;}
.ci_contWrap .ci_contBox04 .prohibit_box ul li.type12 p {background:rgba(0,0,0,0.8); color:#fff; padding-top:3px; padding-bottom:3px;}

.aff_listWrap {padding-bottom:217px;}
.aff_listWrap .aff_tabmenu {border-bottom:1px solid #dadada; background:#fff;}
.aff_listWrap .aff_tabmenu ul {display:flex; align-items:center; justify-content:center;}
.aff_listWrap .aff_tabmenu ul li {margin-right:8px;}
.aff_listWrap .aff_tabmenu ul li:last-child {margin-right:0;}
.aff_listWrap .aff_tabmenu ul li a {display:block; line-height:72px; padding:0 20px; font-size:18px; color:#666; text-align:center; position:relative;}
.aff_listWrap .aff_tabmenu ul li a:after {content:""; width:0; height:2px; background:#004ac4; position:absolute; left:50%; bottom:-1px; transition:all .3s cubic-bezier(0, 0, 0.15, 1.01); opacity:0;}
.aff_listWrap .aff_tabmenu ul li.on a, .aff_listWrap .aff_tabmenu ul li:hover a {color:#004ac4;}
.aff_listWrap .aff_tabmenu ul li.on a:after, .aff_listWrap .aff_tabmenu ul li:hover a:after {width:100%; left:0; opacity:1;}

.aff_listWrap .aff_box {padding-top:40px;}
.aff_listWrap .aff_box h3 {font-size:30px; font-weight:bold;}
.aff_listWrap .aff_box .aff_list {padding-top:27px;}
.aff_listWrap .aff_box .aff_list ul {display:flex; flex-wrap:wrap;}
.aff_listWrap .aff_box .aff_list ul li {width:calc(33.333% - 16px); margin-right:24px; margin-top:24px; box-sizing:border-box;}
.aff_listWrap .aff_box .aff_list ul li:nth-child(3n) {margin-right:0;}
.aff_listWrap .aff_box .aff_list ul li:nth-child(-n+3) {margin-top:0;}
.aff_listWrap .aff_box .aff_list ul li > a {display:block;}
.aff_listWrap .aff_box .aff_list ul li > a:focus {outline:2px solid #000;}
.aff_listWrap .aff_box .aff_list ul li .imgbox {width:100%; border:1px solid #dadada; border-bottom:none; box-sizing:border-box; display:block;}
.aff_listWrap .aff_box .aff_list ul li .imgbox img {width:100%;}
.aff_listWrap .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.hlcompany.com/web/images/sub/go_ico.png) no-repeat right 22px bottom 26px; position:relative; display:flex; flex-direction:column;}
.aff_listWrap .aff_box .aff_list ul li .link_none_220906 {background: none;}
.aff_listWrap .aff_box .aff_list ul li.hightxt .txtbox {height:295px;}
.aff_listWrap .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_listWrap .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_listWrap .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_listWrap .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_listWrap .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;}
.aff_listWrap .aff_box .aff_list ul li .txtbox .address {display:block; padding-left:22px; background:url(https://www.hlcompany.com/web/images/sub/add_ico.png) no-repeat left bottom; font-size:14px; color:#555; font-family: 'Lato', 'NotoSansCJKkr'; margin-top:auto; transition:color .3s ease-in-out;}
.aff_listWrap .aff_box .aff_list ul li > a:hover .txtbox, 
.aff_listWrap .aff_box .aff_list ul li > a:focus .txtbox {background:url(https://www.hlcompany.com/web/images/sub/go_ico_hover.png) no-repeat right 22px bottom 26px;}
.aff_listWrap .aff_box .aff_list ul li > a:hover .link_none_220906,
.aff_listWrap .aff_box .aff_list ul li > a:focus .link_none_220906 {background:none;}
.aff_listWrap .aff_box .aff_list ul li > a:hover .txtbox:before, 
.aff_listWrap .aff_box .aff_list ul li > a:focus .txtbox:before {height:100%;}
.aff_listWrap .aff_box .aff_list ul li > a:hover .txtbox .h4, 
.aff_listWrap .aff_box .aff_list ul li > a:focus .txtbox .h4 {color:#fff;}
.aff_listWrap .aff_box .aff_list ul li > a:hover .txtbox .p, 
.aff_listWrap .aff_box .aff_list ul li > a:focus .txtbox .p {color:#fff;}
.aff_listWrap .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.hlcompany.com/web/images/sub/add_ico_hover.png) no-repeat left bottom; color:#fff;}

.sustain_wrap .sustain_tabmenu {border-bottom:1px solid #dadada; background:#fff;}
.sustain_wrap .sustain_tabmenu ul {display:flex; align-items:center; justify-content:center;}
.sustain_wrap .sustain_tabmenu ul li {margin-right:8px;}
.sustain_wrap .sustain_tabmenu ul li:last-child {margin-right:0;}
.sustain_wrap .sustain_tabmenu ul li a {display:block; line-height:72px; padding:0 22px; font-size:18px; color:#666; text-align:center; position:relative;}
.sustain_wrap .sustain_tabmenu ul li a:after {content:""; width:0; height:2px; background:#004ac4; position:absolute; left:50%; bottom:-1px; transition:all .3s cubic-bezier(0, 0, 0.15, 1.01); opacity:0;}
.sustain_wrap .sustain_tabmenu ul li.on a, .sustain_wrap .sustain_tabmenu ul li:hover a {color:#004ac4;}
.sustain_wrap .sustain_tabmenu ul li.on a:after, .sustain_wrap .sustain_tabmenu ul li:hover a:after {width:100%; left:0; opacity:1;}

.report_wrap {padding-bottom:153px;}
.report_wrap .report_topBox {background:#f4f5f7;}
.report_wrap .report_topBox > div {display:flex; align-items:center; justify-content:space-between; padding:70px 90px 62px; margin-top:40px; width: 1200px;}
.report_wrap .report_topBox .rtb_txtbox {}
.report_wrap .report_topBox .rtb_txtbox h3 {font-size:34px; font-weight:500; line-height:40px; word-break:keep-all;}
.report_wrap .report_topBox .rtb_txtbox h3 em {font-weight:bold;}
.report_wrap .report_topBox .rtb_txtbox p {font-size:20px; line-height:36px; color:#666; padding-top:11px; word-break:keep-all;}
.report_wrap .report_topBox .rtb_imgbox {text-align:right; position:relative; z-index:2;}
.report_wrap .report_topBox .rtb_imgbox img { margin-left: 15px;}
.report_wrap .report_topBox .rtb_imgbox:before {content:""; width:100%; height:100%; background:#ebebeb; position:absolute; right:-8px; bottom:-8px; z-index:-1;}
.report_wrap .report_topBox .down_wrap {display:flex; margin-top:55px;}
.report_wrap .report_topBox .down_wrap a {margin-right:10px; background:#fff; width:126px; text-align:left; padding:0 19px; display:flex; align-items:center; justify-content:space-between;}
.report_wrap .report_topBox .down_wrap a:last-child {margin-right:0;}
.report_wrap .report_list ul li {padding:30px 13px 31px 11px; border-bottom:1px solid #dadada; display:flex; align-items:center; justify-content:space-between;}
.report_wrap .report_list ul li .report_list_txtBox h4 {font-size:24px; line-height:38px; font-weight:500; word-break:keep-all;}
.report_wrap .report_list ul li .report_list_txtBox h4 b {display:block; font-size:21px; color:#004ac4;}
.report_wrap .report_list ul li .report_list_txtBox h4 em {font-family: 'Lato', 'NotoSansCJKkr'; font-weight:bold;}
.report_wrap .report_list ul li .down_wrap {display:flex;}
.report_wrap .report_list ul li .down_wrap a {margin-right:10px; background:#fff; width:146px; text-align:left; padding:0 14px 0 19px; display:flex; align-items:center; justify-content:space-between;}
.report_wrap .report_list ul li .down_wrap a:last-child {margin-right:0;}
.report_wrap .report_list .list_moreBtn {margin-top:51px;}
.report_wrap .report_list .pager_wrap {margin-top:51px;}
.report_wrap .report_list ul li.nodate {text-align:center; justify-content:center; margin-top:50px; border-bottom:none;}

.webzine_vis .webzine_visbox {width:100%; height:769px; position:relative;}
.webzine_vis .webzine_visbox .swiper-slide > a {display:block; width:100%; height:100%; box-sizing:border-box;}
.webzine_vis .webzine_visbox .swiper-slide > a:focus {border:2px solid #000;}
.webzine_vis .webzine_visbox .container {height:100%; position:relative;}
.webzine_vis .webzine_visbox .container > a {display:block; width:100%; height:100%;}
.webzine_vis .webzine_visbox .txtbox {position:absolute; left:0; top:50%; transform:translateY(-50%);}
.webzine_vis .webzine_visbox .txtbox .cate {font-family: 'Lato', 'NotoSansCJKkr'; font-size:20px; font-weight:bold; display:block; padding-bottom:5px;}
.webzine_vis .webzine_visbox .txtbox h2 {font-size:45px; line-height:60px; font-weight:bold; padding-bottom:23px; word-break:keep-all;}
.webzine_vis .webzine_visbox .txtbox h2 em {position:relative; z-index:1;}
.webzine_vis .webzine_visbox .txtbox h2 em:before {content:""; width:100%; height:20px; background:#78cf4d; position:absolute; left:0; bottom:3px; z-index:-1;}
.webzine_vis .webzine_visbox .txtbox h2 span br {display:none;}
.webzine_vis .webzine_visbox .txtbox .sub_vis_more {background:url(https://www.hlcompany.com/web/images/sub/sub_vis_arrow.png) no-repeat center center; display:block; width:47px; height:47px;}
.webzine_vis .webzine_visbox .txtbox .sub_vis_more svg {stroke-dasharray: 144; stroke-dashoffset: 144; transition:stroke-dashoffset 0.5s; transform:rotate(90deg);}
.webzine_vis .webzine_visbox .txtbox .sub_vis_more:hover svg,
.webzine_vis .webzine_visbox .txtbox .sub_vis_more:focus svg {stroke-dashoffset: 0; transition:stroke-dashoffset 0.5s;}
.webzine_vis .webzine_visbox .swiper-slide > a:hover .txtbox .sub_vis_more svg,
.webzine_vis .webzine_visbox .swiper-slide > a:focus .txtbox .sub_vis_more svg {stroke-dashoffset: 0; transition:stroke-dashoffset 0.5s;}
.webzine_vis .webzine_visbox .h_more {display:block; position:absolute; right:50%; top:21px; margin-right:-600px; width:180px; height:39px; box-sizing:border-box; text-align:center; background:url(https://www.hlcompany.com/web/images/sub/sub_vis_h.png) no-repeat; padding-right:17px; font-size:14px; font-weight:500; color:#fff; line-height:39px;}
/*.subCont .sub_vis .vis_page {position:absolute; left:50%; bottom:54px; transform:translateX(-50%);}*/
.webzine_vis .webzine_visbox .pager {position:absolute; left:50%; bottom:35px; transform:translateX(-50%); display:flex; align-items:center;}
.webzine_vis .webzine_visbox .pager .stop {margin-right:30px;}
.webzine_vis .webzine_visbox .pager .pageIndex {width:50px; height:50px; display:flex; align-items:center; justify-content:center; font-size:16px; color:#fff; font-weight:bold; opacity:0.5; box-sizing:border-box; margin-right:9px; font-family: "Montserrat"; }
.webzine_vis .webzine_visbox .pager .pageIndex:last-child {margin-right:0;}
.webzine_vis .webzine_visbox .pager .pageIndex.on {opacity:1; border:1px solid #fff; border-radius:50%;}

@keyframes strokeAni {
	100% {stroke-dashoffset:0;}
}

.webzine_visual {height:769px;}
.webzine_visual .swiper-slide {width:100%; height:100%; background-size:cover; background-position:center center;}
.webzine_visual .swiper_navi {position:absolute; left:50%; bottom:35px; transform:translateX(-50%); display:flex; align-items:center; z-index:20;}
.webzine_visual .swiper_navi .swiper_controller {}
.webzine_visual .swiper_navi .swiper_controller .controllBtn {display:block; width:10px; height:12px; margin:0 10px;}
.webzine_visual .swiper_navi .swiper_controller .controllBtn.pause {background:url(https://www.hlcompany.com/web/images/sub/page_stop.png) no-repeat center center;}
.webzine_visual .swiper_navi .swiper_controller .controllBtn.play {background:url(https://www.hlcompany.com/web/images/sub/page_play.png) no-repeat center center;}
.webzine_visual .swiper_navi .swiper-pagination {position:static; display:flex; align-items:center; margin-left:20px;}
.webzine_visual .swiper_navi .swiper-pagination .swiper-pagination-bullet {width:32px; height:32px; display:flex; align-items:center; justify-content:center; font-size:16px; color:#fff; font-weight:bold; opacity:0.5; box-sizing:border-box; margin:0 8px; font-family: "Montserrat"; position:relative; border:1px solid rgba(255,255,255,0);}
.webzine_visual .swiper_navi .swiper-pagination .swiper-pagination-bullet:after {content:""; width:7px; height:7px; background:#fff; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.webzine_visual .swiper_navi .swiper-pagination .swiper-pagination-bullet svg {width:34px; height:34px; position:absolute; left:-2px; top:-2px; stroke-dasharray: 90; stroke-dashoffset: 90; }
.webzine_visual .swiper_navi .swiper-pagination .swiper-pagination-bullet-active {opacity:1; }
.webzine_visual .swiper_navi .swiper-pagination .swiper-pagination-bullet em {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
.webzine_visual .swiper_navi .swiper-pagination .swiper-pagination-bullet-active.on {border:1px solid rgba(255,255,255,0.5);}
.webzine_visual .swiper_navi .swiper-pagination .swiper-pagination-bullet-active.on svg {stroke-dashoffset: 0; transition: stroke-dashoffset 5.4s ease-out;}
.webzine_visual .swiper_navi .swiper-button-prev ,.webzine_visual .swiper_navi .swiper-button-next {position:static; width:17px; height:22px; margin-top:0; background-size:17px; background:none;}
.webzine_visual .swiper_navi .swiper-button-prev i svg,.webzine_visual .swiper_navi .swiper-button-next i svg {width:17px; height:22px;}
.webzine_visual .swiper_navi .swiper-button-prev {}
.webzine_visual .swiper_navi .swiper-button-prev i svg {transform:rotate(180deg);}
.webzine_visual .swiper_navi .swiper-button-next {}

.webzine_wrap {padding-top:70px; padding-bottom:150px;}
.webzine_wrap h3 {font-size:28px; line-height:40px; font-weight:500;}
.webzine_wrap h3 .vol {font-size:20px; color:#0047ba; display:block;}
.webzine_wrap .webzine_list {display:flex; flex-wrap:wrap; padding-top:35px;}
.webzine_wrap .webzine_list li {width:calc(50% - 24px); height:227px; margin-right:47px; margin-top:21px; display:flex; box-sizing:border-box; position:relative; overflow:hidden;}
.webzine_wrap .webzine_list li:nth-child(2n) {margin-right:0;}
.webzine_wrap .webzine_list li:nth-child(-n+2) {margin-top:0;}
.webzine_wrap .webzine_list li > a {display:flex; width:100%;}
.webzine_wrap .webzine_list .txtbox {display:block; width:calc(100% - 264px); box-sizing:border-box; padding:32px 20px 35px 26px; position:relative; border:1px solid #dadada; border-right:0;}
.webzine_wrap .webzine_list .txtbox .cate {font-family: 'Lato', 'NotoSansCJKkr'; font-size:16px; position: relative; display: block; color:#0048bc; font-weight:bold;}
.webzine_wrap .webzine_list .txtbox h4 {font-size:23px; line-height:35px; font-weight:500; letter-spacing:-1px; padding-top:9px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break:keep-all;}
.webzine_wrap .webzine_list .txtbox .h4 {display:block; font-size:23px; line-height:35px; font-weight:500; letter-spacing:-1px; padding-top:9px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break:keep-all;}
.webzine_wrap .webzine_list .txtbox .date {position:absolute; font-size:14px; color:#666; left:26px; bottom:35px; }
.webzine_wrap .webzine_list .txtbox .arrow {display:block; width:30px; height:30px; background:url(https://www.hlcompany.com/web/images/sub/web_arrow.png) no-repeat center center; position:absolute; right:20px; bottom:27px;}
.webzine_wrap .webzine_list .txtbox .arrow svg {stroke-dasharray: 90; stroke-dashoffset: 90; transition:stroke-dashoffset 0.5s; transform:rotate(90deg);}
.webzine_wrap .webzine_list li a:hover .txtbox .arrow, 
.webzine_wrap .webzine_list li a:focus .txtbox .arrow {background:url(https://www.hlcompany.com/web/images/sub/web_arrow_on.png) no-repeat center center;}
.webzine_wrap .webzine_list li a:hover .txtbox .arrow svg, 
.webzine_wrap .webzine_list li a:focus .txtbox .arrow svg {stroke-dashoffset: 0; transition:stroke-dashoffset 0.5s;}
.webzine_wrap .webzine_list li .imgbox {display:block; width:264px; border:1px solid #dadada; border-left:0; background-size:cover; background-position:center center;}
.webzine_wrap .prev_more {display:block; width:225px; height:50px; text-align:center; box-sizing:border-box; background:url(https://www.hlcompany.com/web/images/sub/prev_more.png) no-repeat right 30px center; line-height:47px; font-size:16px; margin:46px auto 0; padding-right:24px; border:1px solid #dadada; color:#444; box-sizing:border-box;}
.webzine_wrap .prev_more:hover, 
.webzine_wrap .prev_more:focus {background:url(https://www.hlcompany.com/web/images/sub/prev_more_hover.png) no-repeat right 30px center; color:#fff;}
.subCont .sub_vis.webzine_subVis {height:235px;}
.subCont .sub_vis.webzine_subVis h2 {font-size:38px;}

.webzineList_wrap {padding-top:69px; padding-bottom:238px;}
.webzineList_wrap .list_search {margin-bottom:11px;}
.webzineList_wrap .vol_box {padding-bottom:45px; border-bottom:1px solid #dadada; margin-bottom:49px;}
.webzineList_wrap .vol_box:last-child {margin-bottom:0;}
.webzineList_wrap .vol_box h3 {font-size:26px; font-weight:bold;}
.webzineList_wrap .vol_box ul {display:flex; padding-top:21px; flex-wrap:wrap;}
.webzineList_wrap .vol_box ul li {width:calc(25% - 27px); margin-right:35px;}
.webzineList_wrap .vol_box ul li:nth-child(4n) {margin-right:0;}
.webzineList_wrap .vol_box ul li .imgbox {width:100%; height:227px; background-size:cover; background-position:center center;}
.webzineList_wrap .vol_box ul li .imgbox img {width:100%;}
.webzineList_wrap .vol_box ul li .txtbox {padding-top:25px; padding-left:23px; background:url(https://www.hlcompany.com/etc/inquiry.jsp/../images/B/sub01_ico.png) no-repeat right 19px bottom 22px; height:174px; box-sizing:border-box; position:relative;}
.webzineList_wrap .vol_box ul li .txtbox .cate {font-family: 'Lato', 'NotoSansCJKkr'; font-size:14px; position: relative; display: block; color:#0048bc; font-weight:bold;}
.webzineList_wrap .vol_box ul li .txtbox h4 {font-size:20px; line-height:31px; font-weight:500; letter-spacing:-1px; padding-top:7px; word-break:keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.webzineList_wrap .vol_box ul li .txtbox .date {font-size:14px; color:#666; position:absolute; left:23px; bottom:30px;}
.webzineList_wrap .resultbox {border-bottom:none; padding-bottom:0;}
.webzineList_wrap .resultbox .list_moreBtn {margin-top:45px;}
.webzineList_wrap .vol_box ul li {margin-top:45px;}
.webzineList_wrap .vol_box ul li:nth-child(-n+4) {margin-top:0;}
.webzineList_wrap .vol_box ul li.nodate {width: 100%; text-align: center; padding-top: 50px;}
.webzineList_wrap .prev_more {display: block; width: 225px; height: 50px; text-align: center; box-sizing: border-box; background: url(https://www.hlcompany.com/web/images/sub/prev_more.png) no-repeat right 24px center; line-height: 47px; font-size: 16px; margin: 46px auto 0; padding-right: 29px; border: 1px solid #dadada; color: #444; box-sizing: border-box;}
.webzineList_wrap .prev_more:hover, .webzineList_wrap .prev_more:focus {background: url(https://www.hlcompany.com/web/images/sub/prev_more_hover.png) no-repeat right 24px center; color: #fff;}

.webzine_viewVis {height:345px; background:#183b6c;}
.subCont .sub_vis.webzine_viewVis .sub_vis_txt h2 {font-size:34px; line-height:50px; word-break:keep-all;}
.subCont .sub_vis.webzine_viewVis .sub_vis_txt .cate {font-size:20px; font-family: 'Lato', 'NotoSansCJKkr'; color:#fff; font-weight:bold; padding-bottom:15px; display:block;}
.subCont .sub_vis.webzine_viewVis .sub_vis_txt .date {font-size:15px; font-family: 'Lato', 'NotoSansCJKkr'; color:#fff; display:block; margin-top:20px;}
.webzineView_wrap {padding-top:92px;}
.webzineView_wrap .webzine_viewBox {padding-bottom:85px; border-bottom:1px solid #dadada;}
.webzineView_wrap .webzine_viewBox .column {text-align:center; margin-bottom:58px;}
.webzineView_wrap .webzine_viewBox .column:last-child {margin-bottom:0;}
.webzineView_wrap .webzine_viewBox .column img {width:100%; max-width:880px;}
.webzineView_wrap .webzine_viewBox .column p {font-size:18px; line-height:30px; color:#555; padding-bottom:35px; word-break:keep-all;}
.webzineView_wrap .webzine_viewBox .column p:last-child {padding-bottom:0;}
.webzineView_wrap .list_btn {border-color:#dadada;}

.webzine_navi {border-top:1px solid #dadada; margin-top:67px;}
.webzine_navi .container {position:relative;}
.webzine_navi .webzine_naviList {width:990px; margin:0 auto; display:flex; justify-content:space-between; padding:48px 0;}
.webzine_navi .webzine_naviList li {width:471px; background:#fff;}
.webzine_navi .webzine_naviList li > a {display:flex;}
.webzine_navi .webzine_naviList li.hover {box-shadow:0 0 40px rgba(59,75,109,0.1);}
.webzine_navi .webzine_naviList li .imgbox {width:170px; height:146px; background-position:center center; background-size:cover;}
.webzine_navi .webzine_naviList li .txtbox {padding-top:23px; padding-left:27px; padding-bottom:22px; width:calc(100% - 170px);}
.webzine_navi .webzine_naviList li .txtbox .cate {font-family: 'Lato', 'NotoSansCJKkr'; font-size:14px; position: relative; display: block; color:#0048bc; font-weight:bold;}
.webzine_navi .webzine_naviList li .txtbox h4 {font-size:20px; line-height:30px; font-weight:500; letter-spacing:-1px; padding-top:4px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.webzine_navi .webzine_naviList li .txtbox .date {font-size:14px; color:#666; display:block; padding-top:9px;}
.webzine_navi .pager {}
.webzine_navi .pager li {position:absolute; top:50%; transform:translateY(-50%);}
.webzine_navi .pager li.prev {left:35px;}
.webzine_navi .pager li.next {right:35px;}

.ir_wrap01 {padding-top:73px; padding-bottom:176px;}
.ir_wrap01 .ir_listBox h3 {font-size:32px; font-weight:500;}
.ir_wrap01 .ir_listBox ul {display:flex; flex-wrap:wrap; padding-top:30px;}
.ir_wrap01 .ir_listBox ul li {width:calc(33.333% - 16px); margin-right:24px; box-sizing:border-box;}
.ir_wrap01 .ir_listBox ul li:nth-child(3n) {margin-right:0;}
.ir_wrap01 .ir_listBox ul li > a {display:block;}
.ir_wrap01 .ir_listBox ul li .imgbox {display:block; width:100%; border:1px solid #dadada; border-bottom:0; box-sizing:border-box;}
.ir_wrap01 .ir_listBox ul li .imgbox img {width:100%;}
.ir_wrap01 .ir_listBox ul li .txtbox {display:block; width:100%; height:167px; box-sizing:border-box; padding:27px 15px 25px 23px; background:url(https://www.hlcompany.com/web/images/sub/go_ico.png) no-repeat right 22px bottom 26px; position:relative; display:flex; flex-direction:column; border:1px solid #dadada; border-top:0;}
.ir_wrap01 .ir_listBox 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;}
.ir_wrap01 .ir_listBox ul li .txtbox h4 {font-size:22px; line-height:31px; color:#000; font-weight:500; letter-spacing:-1px; transition:color .3s ease-in-out;}
.ir_wrap01 .ir_listBox ul li .txtbox p {font-size:16px; line-height:26px; color:#555; letter-spacing:-1.5px; padding-top:11px; word-break:keep-all; }
.ir_wrap01 .ir_listBox ul li .txtbox .h4 {display:block; font-size:22px; line-height:31px; color:#000; font-weight:500; letter-spacing:-1px; transition:color .3s ease-in-out;}
.ir_wrap01 .ir_listBox ul li .txtbox .p {display:block; font-size:16px; line-height:26px; color:#555; letter-spacing:-1.5px; padding-top:11px; word-break:keep-all; }
.ir_wrap01 .ir_listBox ul li > a:hover .txtbox, 
.ir_wrap01 .ir_listBox ul li > a:focus .txtbox {background:url(https://www.hlcompany.com/web/images/sub/go_ico_hover.png) no-repeat right 22px bottom 26px;}
.ir_wrap01 .ir_listBox ul li > a:hover .txtbox:before, 
.ir_wrap01 .ir_listBox ul li > a:focus .txtbox:before {height:100%;}
.ir_wrap01 .ir_listBox ul li > a:hover .txtbox .h4, 
.ir_wrap01 .ir_listBox ul li > a:focus .txtbox .h4 {color:#fff;}
.ir_wrap01 .ir_listBox ul li > a:hover .txtbox .p, 
.ir_wrap01 .ir_listBox ul li > a:focus .txtbox .p {color:#fff;}

/*
.ir_tabmenu {border-bottom:1px solid #dadada; background:#fff;}
.ir_tabmenu ul {display:flex; align-items:center; justify-content:center;}
.ir_tabmenu ul li {margin-right:8px;}
.ir_tabmenu ul li:last-child {margin-right:0;}
.ir_tabmenu ul li a {display:block; line-height:72px; padding:0 20px; font-size:18px; color:#666; text-align:center; position:relative;}
.ir_tabmenu ul li a:after {content:""; width:0; height:2px; background:#004ac4; position:absolute; left:50%; bottom:-1px; transition:all .3s cubic-bezier(0, 0, 0.15, 1.01); opacity:0;}
.ir_tabmenu ul li.on a, .ir_tabmenu ul li:hover a {color:#004ac4;}
.ir_tabmenu ul li.on a:after, .ir_tabmenu ul li:hover a:after {width:100%; left:0; opacity:1;}
*/

.esgWrap {padding-top:40px; padding-bottom:183px;}
.esgWrap .esgbox {margin-bottom:96px;}
.esgWrap .esgbox:last-child {margin-bottom:0;}
.esgWrap .esgbox h3 {font-size:32px; line-height:40px; font-weight:500;}
.esgWrap .esgbox > span {font-size:19px; line-height:30px; color:#444; display:block; padding-top:18px; word-break:keep-all;}
.esgWrap .esgbox .esg_table {margin-top:32px; border-top:1px solid #000;}
.esgWrap .esgbox .esg_table table {width:100%; }
.esgWrap .esgbox .esg_table table th {border-bottom:1px solid #dadada; font-size:16px; font-weight:500; color:#555; padding:19px 0 22px; vertical-align:middle;}
.esgWrap .esgbox .esg_table table td {border-bottom:1px solid #dadada; text-align:center; padding:22px 0 23px; font-size:16px;}
.esgWrap .esgbox .esg_table table .sth {color:#222; font-size:22px;}
.esgWrap .esgbox .esg_table table em {font-family: 'Lato', 'NotoSansCJKkr';}
.esgWrap .esgbox1 {display:none;}
.esgWrap .esgbox1 .esg_table table th {width:20%;}
.esgWrap .esgbox2 .esg_table {margin-top:30px;}
.esgWrap .esgbox2 .esg_table table th {width:14.287%;}
.esgWrap .esgbox2 .esg_table table th {padding:29px 0 30px; border-color:#000;}
.esgWrap .esgbox2 .esg_table table td {padding:20px 0 22px;}

.ir3_list {padding-top:40px; padding-bottom:173px;}
.ir3_list ul {display:flex; flex-wrap:wrap;}
.ir3_list ul li {width:calc(33.333% - 16px); margin-right:24px; margin-top:24px; border:1px solid #dadada; box-sizing:border-box;}
.ir3_list ul li:nth-child(3n) {margin-right:0;}
.ir3_list ul li:nth-child(-n+3) {margin-top:0;}
.ir3_list ul li .imgbox {display:block; width:100%; height:216px; background:#f4f5f7; box-sizing:border-box; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.ir3_list ul li .imgbox img {width:100%;}
.ir3_list ul li .txtbox {display:block; width:100%; height:167px; box-sizing:border-box; padding:20px 15px 25px 23px; background:url(https://www.hlcompany.com/web/images/sub/go_ico.png) no-repeat right 22px bottom 26px; position:relative; display:flex; flex-direction:column;}
.ir3_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;}
.ir3_list ul li .txtbox h3 {font-size:22px; line-height:31px; color:#000; font-weight:500; letter-spacing:-1px; transition:color .3s ease-in-out;}
.ir3_list ul li .txtbox h3 em {font-family: 'Lato', 'NotoSansCJKkr'; font-weight:bold;}
.ir3_list ul li .txtbox p {font-size:15px; line-height:26px; color:#555; letter-spacing:-1px; padding-top:7px; word-break:keep-all; width:95%;}
.ir3_list ul li .txtbox .h3 {display:block; font-size:22px; line-height:31px; color:#000; font-weight:500; letter-spacing:-1px; transition:color .3s ease-in-out;}
.ir3_list ul li .txtbox .h3 em {font-family: 'Lato', 'NotoSansCJKkr'; font-weight:bold;}
.ir3_list ul li .txtbox .p {display:block; font-size:15px; line-height:26px; color:#555; letter-spacing:-1px; padding-top:7px; word-break:keep-all; width:95%;}
.ir3_list ul li > a:hover .txtbox, 
.ir3_list ul li > a:focus .txtbox {background:url(https://www.hlcompany.com/web/images/sub/go_ico_hover.png) no-repeat right 22px bottom 26px;}
.ir3_list ul li > a:hover .txtbox:before, 
.ir3_list ul li > a:focus .txtbox:before {height:100%;}
.ir3_list ul li > a:hover .txtbox .h3, 
.ir3_list ul li > a:focus .txtbox .h3 {color:#fff;}
.ir3_list ul li > a:hover .txtbox .p, 
.ir3_list ul li > a:focus .txtbox .p {color:#fff;}
.ir3_list ul li.nodate {width:100%; text-align:center;}
.ir3_list ul li.nourl .txtbox {background:none;}

.career_wrap04 {padding-top:71px; padding-bottom:170px;}
.career_wrap04 h3 {font-size:32px; line-height:40px; font-weight:500;}
.career_wrap04 .career_list {padding-top:32px;}
.career_wrap04 .career_list ul {display:flex;}
.career_wrap04 .career_list ul li {width:calc(33.333% - 16px); height:383px; margin-right:24px;}
.career_wrap04 .career_list ul li:nth-child(3n) {margin-right:0;}
.career_wrap04 .career_list ul li .career_box {padding:43px 41px 0; display:flex; flex-direction:column; width:100%; height:100%; box-sizing:border-box; border:1px solid #dadada;}
.career_wrap04 .career_list ul li .career_box h4 {font-size:24px; line-height:31px; font-weight:500;}
.career_wrap04 .career_list ul li .career_box span {font-size:16px; line-height:26px; color:#555; display:block; padding-top:16px;}
.career_wrap04 .career_list ul li .career_box p {margin-top:auto; font-size:16px; line-height:26px; color:#555; border-top:1px solid #dadada; padding:23px 0 29px; background:url(https://www.hlcompany.com/web/images/sub/go_ico.png) no-repeat right center;}
.career_wrap04 .career_list ul li >a:hover .career_box p, .career_wrap04 .career_list ul li >a:focus .career_box p {background:url(https://www.hlcompany.com/web/images/sub/go_ico_hover_b.png) no-repeat right center;}
.career_wrap04 .career_list ul li.career_info01 .career_box {background:url(https://www.hlcompany.com/web/images/sub/career_ico01.png) no-repeat right 45px bottom 106px;}
.career_wrap04 .career_list ul li.career_info02 .career_box {background:url(https://www.hlcompany.com/web/images/sub/career_ico02.png) no-repeat right 53px bottom 106px;}
.career_wrap04 .career_list ul li.career_info03 .career_box {background:url(https://www.hlcompany.com/web/images/sub/career_ico03.png) no-repeat right 55px bottom 102px;}
.career_wrap04 .career_list ul li.career_info04 .career_box {background:url(https://www.hlcompany.com/web/images/sub/career_ico04.png) no-repeat right 45px bottom 106px;}
.career_wrap03 {padding-top:62px;}
.career_wrap03 .pager_wrap {margin-top:72px;}

.his_Wrap {position:relative;}
.his_Wrap .container { width: 1200px;}
.his_Wrap .his_bg {width:100%; height:100vh; position:fixed; left:0; right:0; top:0; bottom:0; background-size:cover; background-position:center top; z-index:-1; background-color:#000; transition:all 0.3s; -webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden;}
.his_Wrap .his_bg.y1960 {background-image:url(/web/images/sub/his_bg_1960.jpg);}
.his_Wrap .his_bg.y1980 {background-image:url(/web/images/sub/his_bg_1980_v2.jpg); opacity:0;}
.his_Wrap .his_bg.y2000 {background-image:url(/web/images/sub/his_bg_2000_v2.jpg); opacity:0;}
.his_Wrap .his_bg.y2020 {background-image:url(/web/images/sub/his_bg_2010.jpg); opacity:0;}
.his_Wrap .his_box.show .his_bg.y1960 {opacity:1;}
.his_Wrap .his_box.show .his_bg.y1980 {opacity:1;}
.his_Wrap .his_box.show .his_bg.y2000 {opacity:1;}
.his_Wrap .his_box.show .his_bg.y2020 {opacity:1;}
.his_Wrap .his_tab {position:fixed; left:50%; bottom:0; transform:translateX(-50%); z-index:9; width:100%; background:url(https://www.hlcompany.com/web/images/sub/tab_gradient.png) repeat-x left bottom;}
.his_Wrap .his_tab.on {position:absolute;}
.his_Wrap .his_tab ul {display:flex; width:1200px; margin:0 auto;}
.his_Wrap .his_tab ul li {width:25%; text-align:center;}
.his_Wrap .his_tab ul li a {font-size:18px; color:#fff; display:inline-block; padding:20px 12px 25px 9px; position:relative;}
.his_Wrap .his_tab ul li a:after {content:""; width:0; height:4px; background:#00a1e4; position:absolute; left:50%; bottom:0; transition:all .3s;}
.his_Wrap .his_tab ul li.on a, .his_Wrap .his_tab ul li a:hover, .his_Wrap .his_tab ul li a:focus {color:#00a1e4;}
.his_Wrap .his_tab ul li.on a:after, .his_Wrap .his_tab ul li a:hover:after, .his_Wrap .his_tab ul li a:focus:after {width:100%; left:0;}
.his_Wrap .his_visual {width:100%; height:calc(100vh - 70px); position:relative;}
.his_Wrap .his_visual .vis_txt {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;}
.his_Wrap .his_visual .vis_txt span {display:block; font-size:26px; color:#fff; letter-spacing:20px; padding-bottom:18px;}
.his_Wrap .his_visual .vis_txt h2 {font-size:62px; font-weight:bold; color:#fff;}
.his_Wrap .his_visual .vis_txt p {font-size:26px; color:#fff; padding-top:16px; line-height:41px;}
.his_Wrap .his_visual .scroll {position:absolute; left:50%; bottom:0; trasform:translateX(-50%); font-size:16px; color:#fff;}
.his_Wrap .his_visual .scroll span {display:block; width:1px; height:100px; background:rgba(255,255,255,0.5); margin:14px auto 0; position:relative; overflow:hidden;}
.his_Wrap .his_visual .scroll span:after {content:""; width:1px; height:50px; background:#fff; position:absolute; left:0; top:-50%; animation:scrollM 0.8s infinite;}

@keyframes scrollM {
	0% {top:-50%;}
	100% {top:100%;}
}

.his_Wrap .his_box .his_year {padding-top:184px; text-align:center; padding-bottom:187px;}
.his_Wrap .his_box .his_year span {display:block; font-size:26px; line-height:41px; color:#fff; letter-spacing:10px; padding-bottom:6px; word-break:keep-all;}
.his_Wrap .his_box .his_year h3 {font-size:70px; color:#fff; font-weight:bold;}
.his_Wrap .his_box .his_cont {position:relative; padding-bottom:130px;}
.his_Wrap .his_box:last-child .his_cont {padding-bottom:172px;}
.his_Wrap .his_box .his_cont ul {display:flex; flex-direction:column;}
.his_Wrap .his_box .his_cont ul li {transform:translateY(50%); transition:all 0.7s ease-out; overflow:hidden;}
.his_Wrap .his_box .his_cont ul li.active {transform:translateY(0);}
.his_Wrap .his_box .his_cont ul li > a {display:inline-block;}
.his_Wrap .his_box .his_cont ul li .imgbox {margin-left:34px; position:relative; overflow:hidden;}
.his_Wrap .his_box .his_cont ul li .imgbox:after {content:""; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; left:0; top:0; opacity:0; transition:all 0.3s;}
.his_Wrap .his_box .his_cont ul li .txtbox {transform:translateY(-21px); z-index:2; position:relative;}
.his_Wrap .his_box .his_cont ul li .txtbox h4 {font-size:40px; font-weight:bold; color:#fff;}
.his_Wrap .his_box .his_cont ul li .txtbox p {font-size:18px; color:#fff; letter-spacing:-1px; padding-top:11px;}
.his_Wrap .his_box .his_cont ul li > a:hover .imgbox:after {opacity:1;}
.his_Wrap .his_box .his_cont ul li#y196412 {margin-left:auto; margin-top:-110px;}
.his_Wrap .his_box .his_cont ul li#y196901 {margin-left:102px; margin-top:37px;}
.his_Wrap .his_box .his_cont ul li#y197611 {margin-left:auto;}
.his_Wrap .his_box .his_cont ul li#y197612 {margin-top:-114px;}
.his_Wrap .his_box .his_cont ul li#y197701 {margin:47px auto;}
.his_Wrap .his_box .his_cont ul li#y197707 {margin-left:auto;}
.his_Wrap .his_box .his_cont ul li#y197801 {margin-top:-30px;}
.his_Wrap .his_box .his_cont ul li#y198002 {margin-left:auto;}
.his_Wrap .his_box .his_cont ul li#y198005 {margin-top:-300px;}
.his_Wrap .his_box .his_cont ul li#y198603 {margin-left:510px; margin-top:60px;}
.his_Wrap .his_box .his_cont ul li#y199010 {margin-top:37px;}
.his_Wrap .his_box .his_cont ul li#y199111 {margin-left:auto; margin-top:-98px;}
.his_Wrap .his_box .his_cont ul li#y199307 {margin-left:102px; margin-top:-62px;}
.his_Wrap .his_box .his_cont ul li#y199412 {margin-left:auto;}
.his_Wrap .his_box .his_cont ul li#y199602 {margin-top:-111px;}
.his_Wrap .his_box .his_cont ul li#y199705 {margin-top:-10px; margin-left:auto; margin-right:102px;}
.his_Wrap .his_box .his_cont ul li#y199711 {}
.his_Wrap .his_box .his_cont ul li#y199802 {margin-left:auto; margin-top:-190px;}
.his_Wrap .his_box .his_cont ul li#y199904 {margin:100px auto;}
.his_Wrap .his_box .his_cont ul li#y200801 {margin-left:auto; margin-top:-188px;}
.his_Wrap .his_box .his_cont ul li#y201003 {margin-left:auto;}
.his_Wrap .his_box .his_cont ul li#y200811 {margin-left:180px; margin-top:-95px;}
.his_Wrap .his_box .his_cont ul li#y201104 {margin-top:-80px;}
.his_Wrap .his_box .his_cont ul li#y201209 {margin-left:auto; margin-right:102px;}
.his_Wrap .his_box .his_cont ul li#y201303 {margin:40px auto;}
.his_Wrap .his_box .his_cont ul li#y201401 {}
.his_Wrap .his_box .his_cont ul li#y201407 {margin-left:auto; margin-top:-160px;}
.his_Wrap .his_box .his_cont ul li#y201409 {margin:20px auto 60px;}
.his_Wrap .his_box .his_cont ul li#y201506 {}
.his_Wrap .his_box .his_cont ul li#y201607 {margin-top:-115px; margin-left:auto;}
.his_Wrap .his_box .his_cont ul li#y201902 {margin-left:169px; margin-top:64px;}
.his_Wrap .his_box .his_cont ul li#y202009 {}
.his_Wrap .his_box .his_cont ul li#y202010 {margin-left:auto; margin-top:-118px;}
.his_Wrap .his_box .his_cont ul li#y202101 {margin-left:102px;}
.his_Wrap .his_box .his_cont ul li#y202103-1 {margin-left:auto;}
.his_Wrap .his_box .his_cont ul li#y202103-2 {margin-top:-30px; margin-left:102px;}
.his_Wrap .his_box .his_cont ul li#y197707 {margin-left:auto;}
.his_Wrap .his_box .his_cont ul li#y197801 {margin-top:-30px;}
.his_Wrap .his_box .his_cont ul li#y202109 {margin-left:auto; margin-right:64px; margin-top:-82px;}
.his_Wrap .his_box .his_cont ul li#y202205 {margin-left:auto; margin-right:64px; margin-top:-82px;}
.his_Wrap .his_box .his_cont ul li#y202212 {margin-left:auto; margin-right:64px; margin-top:-82px;}

/*.his_Wrap .his_box .his_cont ul li .hover_line em {background:#01a0e4;}
.his_Wrap .his_box .his_cont ul li .hover_line em.tlr {height:2px;}
.his_Wrap .his_box .his_cont ul li .hover_line em.rtb {width:2px;}
.his_Wrap .his_box .his_cont ul li .hover_line em.btl {height:2px;}
.his_Wrap .his_box .his_cont ul li .hover_line em.lbt {width:2px;}*/
.his_popWrap {position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100vh; z-index:11; display:none;}
.his_popWrap .pop_bg {width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:-1; position:absolute; left:0; top:0; opacity:0; transition:all 0.5s;}
.his_popWrap.on .pop_bg {opacity:1;}
.his_popWrap .popbox_wrap {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:1200px; height:700px; background:#fff; box-sizing:border-box; padding:162px 101px 159px 102px; opacity:0; transition:all 0.5s;}
.his_popWrap.on .popbox_wrap {opacity:1;}
.his_popWrap .popbox {display:flex; justify-content:space-between; display:flex;}
.his_popWrap .popbox .poptxt {width:calc(100% - 560px); box-sizing:border-box; padding-right:80px;}
.his_popWrap .popbox .poptxt span {font-size:22px; color:#00a1e4; font-weight:bold; padding-bottom:10px; display:block;}
.his_popWrap .popbox .poptxt h5 {font-size:35px; line-height:45px; font-weight:bold; padding-bottom:40px; position:relative; white-space:nowrap;}
.his_popWrap .popbox .poptxt h5:after {content:""; width:29px; height:2px; background:#00a1e4; position:absolute; left:0; bottom:0;}
.his_popWrap .popbox .poptxt p {font-size:16px; line-height:26px; margin-top:40px; word-break:keep-all; letter-spacing:-1px;}
.his_popWrap .popbox .popimg {width:560px; text-align:right;}
.his_popWrap .popbox .popimg img {max-width:100%;}
.his_popWrap .popbox_wrap .pop_btn {position:absolute; left:0; top:38px; width:100%; padding:0 50px; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between;}

.his_quick {position:fixed; bottom: 136px; right: 50%; margin-right: -695px; z-index:10;}
.his_quick.on {bottom:106px; position:absolute;}
.his_quick .quick_btn {position:absolute; right:0; bottom:0; display:block; width:65px; height:65px; background:#0147a2 url(https://www.hlcompany.com/web/images/sub/his_open.png) no-repeat center center; border-radius:50%; transition:transform 0.3s;}
/*.his_quick .quick_inner {display:none;}
.his_quick .quick_inner.on {display:block;}
.his_quick .quick_inner.on .quick_btn.quick_open {display:block;}
.his_quick .quick_inner.on .quick_btn.quick_close {display:none;}
.his_quick .quick_inner.on .quick_btn.quick_open {display:none;}
.his_quick .quick_inner.on .quick_btn.quick_close {display:block;}*/
.his_quick .quick_btn.on {background:#888888 url(https://www.hlcompany.com/web/images/sub/his_cls.png) no-repeat center center; transform:rotate(180deg); transition:transform 0.3s;}
.his_quick ul {position:absolute; right:0; bottom:0; text-align:right; /*display:none;*/}
.his_quick ul.on {display:block;}
.his_quick ul li {margin-bottom:22px; /*transform:translateY(100px); opacity:0; transition: all .6s cubic-bezier(.77,0,.175,1);*/}
.his_quick ul li:last-child {margin-bottom:0;}
.his_quick ul li a {display:block; width:65px; height:65px; position:relative;}
.his_quick ul li a i {width:65px; height:65px; border-radius:50%; display:block; z-index:2; position:relative;}
.his_quick ul li a span {z-index:1; position:absolute; top:0; right:0; width:65px; height:65px; border-radius:32px; background:#0147a2; line-height:65px; font-size:16px; color:#fff; font-weight:500; white-space:nowrap; transition:width .3s cubic-bezier(.77,0,.175,1); overflow:hidden; padding-left:17px; box-sizing:border-box; text-align:left;}
.his_quick ul li.quick01 a i {background: url(https://www.hlcompany.com/web/images/sub/his_ico.png) no-repeat center center;}
.his_quick ul li.quick01 a img {padding-left:7px; vertical-align:-4px;}
.his_quick ul li.quick02 a i {background: url(https://www.hlcompany.com/web/images/sub/toon_ico.png) no-repeat center center;}
.his_quick ul li.quick02 a img {padding-left:17px; vertical-align:-6px;}
.his_quick ul li.quick02 a span {padding-left:29px;}
/*.his_quick ul li a:hover span, .his_quick ul li a:focus span {opacity:1; }*/
.his_quick ul li.quick01 a span {width:147px; padding-left:29px;}
.his_quick ul li.quick02 a span {width:147px;}
.his_quick ul li.on {opacity:1; transform:translateY(0);}

.phil_wrap {}
.phil_wrap .phil_box > div {display:flex; flex-wrap:wrap; align-items:center;}
.phil_wrap .phil_box .philcontBox {display:flex; flex-wrap:wrap; align-items:center; width:995px; margin:0 auto; position:relative;}
.phil_wrap .phil_box .txtbox {width:408px;}
.phil_wrap .phil_box .txtbox h3 {font-size:32px; line-height:40px; margin-bottom:27px; letter-spacing:-1px; font-weight:bold;}
.phil_wrap .phil_box .txtbox h3 span {font-size:22px; font-family: 'Lato', 'NotoSansCJKkr'; display:block; font-weight:normal; line-height:32px;}
.phil_wrap .phil_box .txtbox p {font-size:20px; line-height:30px; color:#444; margin-bottom:8px; word-break:keep-all;}
.phil_wrap .phil_box .txtbox p:last-child {margin-bottom:0;}
.phil_wrap .phil_box .txtbox b {font-weight:500;}
.phil_wrap .phil_box .txtbox span {font-size:18px; line-height:28px; color:#444; margin-bottom:13px; word-break:keep-all;}
.phil_wrap .phil_box .txtbox span:last-child {margin-bottom:0;}
.phil_wrap .phil_box .bigtxtbox h3 {font-size: 34px; line-height: 50px; font-weight: 500;}
.phil_wrap .phil_box .bigtxtbox p {font-size:18px; line-height:32px; color:#222; letter-spacing:-1px; word-break:keep-all;}
.phil_wrap .phil_box .imgbox {width:calc(100% - 408px); text-align:right;}
.phil_wrap .phil_box .show_bigBtn {display:block; width:206rem; height:50rem; border:1px solid #dadada; background:#fff; text-align:center; font-size:16rem; color:#444; line-height:48rem; margin:58rem auto; display:none;}
.phil_wrap .phil_box .show_bigBtn img {padding-left:14rem; width:17rem; vertical-align:-3rem;}
.phil_wrap .phil_box01 {padding-top:82px; padding-bottom:72px;}
.phil_wrap .phil_box01 .txtbox {width:535px;}
.phil_wrap .phil_box01 .txtbox p {margin-bottom:15px;}
.phil_wrap .phil_box01 .imgbox {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.phil_wrap .phil_box01 .order3 {margin-top:75px;}
.phil_wrap .phil_box02 {background:#f6f6f6; padding-top:73px; padding-bottom:80px;}
.phil_wrap .phil_box02 .philcontBox {align-items:center;}
.phil_wrap .phil_box02 .txtbox {width:547px;}
.phil_wrap .phil_box02 .txtbox h3 {margin-bottom:26px;}
.phil_wrap .phil_box02 .txtbox p {margin-bottom:25px; letter-spacing:-1px;}
.phil_wrap .phil_box02 .txtbox p b {display:inline-block; font-weight:500; border-bottom:1px solid #000;}
.phil_wrap .phil_box02 .txtbox p span {display:block; font-size:20px; line-height:30px; margin-top:3px;}
.phil_wrap .phil_box02 .imgbox {width:calc(100% - 547px); margin-top:44px; text-align:center;}
.phil_wrap .phil_box03 {padding-top:85px; padding-bottom:222px;}
.phil_wrap .phil_box03 .philcontBox {align-items:flex-start;}
.phil_wrap .phil_box03 .txtbox {width:400px;}
.phil_wrap .phil_box03 .txtbox h3 {margin-bottom:35px;}
.phil_wrap .phil_box03 .txtbox p {margin-bottom:17px; font-size:22px; letter-spacing:-1px;}
.phil_wrap .phil_box03 .txtbox p img {vertical-align:bottom;}
.phil_wrap .phil_box03 .txtbox p span {font-size:24px; padding-top:12px; display:block;}
.phil_wrap .phil_box03 .imgbox {width:calc(100% - 400px); }
.phil_wrap .phil_box03 .order3 {margin-top:83px;}
.phil_wrap .phil_box .imgPop {position:fixed; width:100%; height:100vh; left:0; top:0; z-index:11; display:none;}
.phil_wrap .phil_box .imgPop .imgpop_bg {position:absolute; width:100%; height:100%; left:0; top:0; background:#fff; z-index:-1;}
.phil_wrap .phil_box .imgPop .img {width:100%; height:100%; overflow:auto; padding:20px; box-sizing:border-box;}
.phil_wrap .phil_box .imgPop .imgpop_cls {position:absolute; left:10px; top:10px;}
.phil_wrap .phil_box .imgPop .imgpop_cls img {width:46rem;}

.social_wrap { padding-bottom:165px; padding-top: 73px;}
.social_wrap .socialbox {display:flex;justify-content: center;}
.social_wrap .socialbox h3 {font-size:32px; font-weight:500; text-align: left; }
.social_wrap .socialbox ul.sns_clist { padding-top: 30px; display:flex; flex-wrap:wrap;}

.social_wrap .socialbox ul li.sns_icon {width:calc(33% - 24px); margin-right:42px; margin-top:24px; border:1px solid #dadada; box-sizing:border-box; box-shadow:none;padding:34px 36px 35px 38px;}
.social_wrap .socialbox ul li:nth-child(3n) {margin-right:0;}
.social_wrap .socialbox ul li:nth-child(-n+3) {margin-top:0;}

.social_wrap .socialbox .sns_icon h4 {font-size:18px; font-weight:500; color:#222; padding-bottom:16px; width:100%;}


.social_wrap .socialbox .sns_icon div {width:100%; display:flex; align-items:center; position:relative; flex-wrap:wrap; flex-direction; jutify-content:flex-start;}
.social_wrap .socialbox .sns_icon .div ul {display:flex; }
.social_wrap .socialbox .sns_icon .div ul li { margin-right: 10px;}


.social_wrap .socialbox .sns_icon ul li.div img.t_ico {display:none;}
.social_wrap .socialbox .sns_icon ul li div img.t_ico {display:none;}
.social_wrap .socialbox .sns_icon ul li div .arrow {right:27px; bottom:34px; background:url(https://www.hlcompany.com/web/images/sub/20arrow.png) no-repeat center center; width:38px; height:38px;}
.social_wrap .socialbox .sns_icon ul li .div .arrow {right:27px; bottom:34px; background:url(https://www.hlcompany.com/web/images/sub/20arrow.png) no-repeat center center; width:38px; height:38px;}
.social_wrap .socialbox .sns_icon ul li div .arrow svg {width:38px; height:38px;}
.social_wrap .socialbox .sns_icon ul li > a:hover div .arrow, 
.social_wrap .socialbox .sns_icon ul li > a:focus div .arrow {background:url(https://www.hlcompany.com/web/images/sub/20arrow_on.png) no-repeat center center;}
.social_wrap .socialbox .sns_icon ul li .div .arrow svg {width:38px; height:38px;}
.social_wrap .socialbox .sns_icon ul li > a:hover .div .arrow, 
.social_wrap .socialbox .sns_icon ul li > a:focus .div .arrow {background:url(https://www.hlcompany.com/web/images/sub/20arrow_on.png) no-repeat center center;}

.social_wrap .socialbox.sbox02 {margin-top:80px;}
.social_wrap .socialbox .aff_social {/*border-top:1px solid #dadada;*/}
.social_wrap .socialbox .aff_social .aff_socialBox {border-bottom:1px solid #dadada; display:flex; align-items:center; justify-content:space-between; padding:18px 0 19px;}
.social_wrap .socialbox .aff_social .aff_socialBox h4 {font-size:22px; font-weight:500;}
.social_wrap .socialbox .aff_social .aff_socialBox ul {display:flex;}
.social_wrap .socialbox .aff_social .aff_socialBox ul li {margin-right:10px;}
.social_wrap .socialbox .aff_social .aff_socialBox ul li:last-child {margin-right:0;}
.social_wrap .socialbox .aff_social .aff_socialBox ul li a {}

.vision_wrap {}
.vision_wrap .vision_cont h3 {text-align:center; font-size:30px; font-weight:500;}
.vision_wrap .vision_cont .h4 {text-align:center; font-size:18px; line-height:30px; padding-top:12px; word-break:keep-all;}
.vision_wrap .vision_cont01 {padding:67px 0 98px;}
.vision_wrap .vision_cont01 .vc_box {display:flex; align-items:center; justify-content:space-between; margin-top:56px; width:995px; margin:56px auto 0;}
.vision_wrap .vision_cont01 .vc_box .vc_txt p {font-size:22px; line-height:36px; letter-spacing:-2px;}
.vision_wrap .vision_cont01 .vc_box .vc_img {}
.vision_wrap .vision_cont02 {background:#f4f5f7; padding:83px 0 126px;}
.vision_wrap .vision_cont02 .vc2_box {margin-top:43px;}
.vision_wrap .vision_cont02 .vc2_box ul {display:flex; width:995px; margin:0 auto;}
.vision_wrap .vision_cont02 .vc2_box ul li {width:calc(25% - 19px); box-sizing:border-box; margin-right:25px;}
.vision_wrap .vision_cont02 .vc2_box ul li:last-child {margin-right:0;}
.vision_wrap .vision_cont02 .vc2_box ul li .txtbox {background:#fff; text-align:center; height:181px; position:relative;}
.vision_wrap .vision_cont02 .vc2_box ul li .txtbox h4 {background:#0147a2; font-size:18px; color:#fff; font-weight:bold; padding:15px 0 21px;}
.vision_wrap .vision_cont02 .vc2_box ul li .txtbox p {font-size:17px; line-height:28px; color:#555; word-break:keep-all; padding-top:19px;}
.vision_wrap .vision_cont02 .vc2_box ul li .txtbox:after {content:""; width:15px; height:15px; background:url(/web/images/sub/vision_bullet.png); position:absolute; left:50%; bottom:-8px; transform:translateX(-50%); z-index:2;}
.vision_wrap .vision_cont02 .vc2_box ul li .icobox {width:174px; height:174px; border-radius:50%; background:#fff; box-sizing:border-box; text-align:center; padding-top:39px; margin:57px auto 0; position:relative;}
.vision_wrap .vision_cont02 .vc2_box ul li .icobox span {display:block; font-size:17px; line-height:22px; color:#004ac4; font-weight:500; word-break:keep-all; width:100%; text-align:center; padding:13px 24px 0; box-sizing:border-box;}
.vision_wrap .vision_cont02 .vc2_box ul li .icobox:before {content:""; width:1px; height:57px; background:#999999; position:absolute; left:50%; bottom:100%; transform:translateX(-50%); z-index:1;}
.vision_wrap .vision_cont02 .vc2_box ul li .icobox:after {content:""; width:15px; height:15px; background:url(/web/images/sub/vision_bullet.png); position:absolute; left:50%; top:-8px; transform:translateX(-50%); z-index:2;}
.vision_wrap .vision_cont03 {padding:96px 0 230px;}
.vision_wrap .vision_cont03 .vc3_box {margin-top:54px;}
.vision_wrap .vision_cont03 .vc3_box .vc3_top {position:relative; width:995px; margin:0 auto;}
.vision_wrap .vision_cont03 .vc3_box .vc3_top .txtbox {width:295px; height:295px; box-sizing:border-box; background:url(https://www.hlcompany.com/web/images/sub/vision_dotbg.png) no-repeat center center; margin:0 auto; padding-top:63px; text-align:center;}
.vision_wrap .vision_cont03 .vc3_box .vc3_top .txtbox img {}
.vision_wrap .vision_cont03 .vc3_box .vc3_top .txtbox span {display:block; font-size:21px; line-height:26px; color:#004ac4; font-weight:500; padding-top:18px;}
.vision_wrap .vision_cont03 .vc3_box .vc3_top .decs_box {position:absolute; left:0; top:50%; transform:translateY(-50%);}
.vision_wrap .vision_cont03 .vc3_box .vc3_top .decs_box p {font-size:16px; line-height:26px; color:#444; padding-left:6px; position:relative; word-break:keep-all;}
.vision_wrap .vision_cont03 .vc3_box .vc3_bottom {width:995px; margin:0 auto; margin-top:76px; position:relative;}
.vision_wrap .vision_cont03 .vc3_box .vc3_bottom:before {content:""; width:23px; height:71px; background:url(https://www.hlcompany.com/web/images/sub/vision_arrow01.png) no-repeat left top; position:absolute; bottom:100%; left:50%; transform:translateX(-50%);}
.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul {display:flex;}
.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li {width:33.333%; box-sizing:border-box;}
.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li .txtbox {width:165px; height:165px; box-sizing:border-box; background:#f4f5f7; border:3px solid #004ac4; border-radius:50%; margin:0 auto; display:flex; align-items:center; justify-content:center; position:relative;}
.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li .txtbox:after {content:""; width:147px; height:26px; background:url(https://www.hlcompany.com/web/images/sub/vision_arrow02.png) no-repeat left top; position:absolute; left:100%; margin-left:15px; top:50%; transform:translateY(-50%);}
.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li:last-child .txtbox:after {width:0; height:0;}
.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li .txtbox span {font-size:18px; line-height:28px; color:#004ac4; font-weight:bold; display:block; text-align:center;}
.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li .decs_box {padding-top:16px;}
.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li .decs_box p {font-size:16px; line-height:26px; color:#444; padding-left:6px; position:relative; word-break:keep-all; text-align:center;}

.manage_wrap .manage_cont01 {padding:39px 0 60px;}
.manage_wrap .manage_cont01 .manage_box {display:flex; justify-content:space-between; word-break:keep-all;}
.manage_wrap .manage_cont01 .manage_box .txtbox {margin-right:30px; padding-top:33px;}
.manage_wrap .manage_cont01 .manage_box .txtbox h4 {font-size:28px; line-height:40px; font-weight:500; margin-bottom:29px;}
.manage_wrap .manage_cont01 .manage_box .txtbox h4 span {position:relative; padding-left:14px; display:inline-block;}
.manage_wrap .manage_cont01 .manage_box .txtbox div {font-size:18px; line-height:32px;}
.manage_wrap .manage_cont01 .manage_box .txtbox div p {display:block; margin-bottom:18px;}
.manage_wrap .manage_cont01 .manage_box .txtbox div p:last-child {margin-bottom:0;}
.manage_wrap .manage_cont01 .manage_box .txtbox div p span {position:relative; padding-left:8px; display:inline-block;}
.manage_wrap .manage_cont01 .manage_box .txtbox .marks {}
.manage_wrap .manage_cont01 .manage_box .txtbox .marks1 {position:absolute; left:0; top:0;}
.manage_wrap .manage_cont01 .manage_box .txtbox .marks2 {}
.manage_wrap .manage_cont01 .manage_box .txtbox div .marks2 {right:-8px;}
.manage_wrap .manage_cont01 .manage_box .txtbox > em {display:block; font-size:18px; line-height:32px; font-weight:500; text-align:right; margin-top:39px;}
.manage_wrap .manage_cont02 {background:#f6f6f6; padding:82px 0;}
.manage_wrap .manage_cont02 .manage_box {margin-bottom:77px;}
.manage_wrap .manage_cont02 .manage_box:last-child {margin-bottom:0;}
.manage_wrap .manage_cont02 .manage_box > h3 {font-size:32px; font-weight:500; text-align:center;}
.manage_wrap .manage_cont02 .manage_box > p {font-size:19px; line-height:30px; font-weight:500; color:#444; margin-top:17px; text-align:center;}
.manage_wrap .manage_cont02 .manage_box .idea_list {width:1016px; height:285px; position:relative; margin:45px auto 0;}
.manage_wrap .manage_cont02 .manage_box .idea_list .idea_ico {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:271px; height:191px; background:url(https://www.hlcompany.com/web/images/sub/manage_cont2_bg.png) no-repeat center center; display:flex; align-items:center; justify-content:center;}
.manage_wrap .manage_cont02 .manage_box .idea_list .idea_ico i {display:block; width:150px; height:150px; border-radius:50%; background:#fff url(https://www.hlcompany.com/web/images/sub/manage_ico.png) no-repeat center center;}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li {width:372px; height:99px; box-sizing:border-box; position:absolute; display:flex; align-items:center; background:#fff; border-radius:50px; padding-left:11px; padding-right:10px;}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li:after {content:""; width:9px; height:9px; border:3px solid #f4f5f7; position:absolute; top:50%; transform:translateY(-50%); border-radius:50%;}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li em {display:block; font-family: 'GmarketSansBold'; font-size:45px; width:70px; text-align:center; margin-top:8px;}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li p {font-size:17px; line-height:28px; word-break:keep-all; width:calc(100% - 81px); letter-spacing:-1px;}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b1 {left:0; top:0;}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b2 {right:0; top:0;}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b3 {left:0; bottom:0;}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b4 {right:0; bottom:0;}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b1:after {background:#39b2e7; right:-6px;}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b2:after {background:#4488c5; left:-6px;}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b3:after {background:#6784c0; right:-6px;}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b4:after {background:#0d4da4; left:-6px;}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b1 em {color:#39b2e7;}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b2 em {color:#4488c5;}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b3 em {color:#6784c0;}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b4 em {color:#0d4da4;}
.manage_wrap .manage_cont02 .manage_box .pr_list {margin-top:38px; display:flex; align-items:center; justify-content:center; background:url(https://www.hlcompany.com/web/images/sub/principle_bg.png) no-repeat center center;}
.manage_wrap .manage_cont02 .manage_box .pr_list li {width:279px; height:279px; margin-left:-48px; box-sizing:border-box; position:relative;}
.manage_wrap .manage_cont02 .manage_box .pr_list li:first-child {margin-left:0;}
.manage_wrap .manage_cont02 .manage_box .pr_list li.b1 {border-color:#39b2e7}
.manage_wrap .manage_cont02 .manage_box .pr_list li.b2 {border-color:#4488c5;}
.manage_wrap .manage_cont02 .manage_box .pr_list li.b3 {border-color:#6784c0;}
.manage_wrap .manage_cont02 .manage_box .pr_list li.b4 {border-color:#0d4da4;}
.manage_wrap .manage_cont02 .manage_box .pr_list li:before {content:""; width:160px; height:1px; background:#999999; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.manage_wrap .manage_cont02 .manage_box .pr_list li h4 {font-size:22px; line-height:30px; font-weight:bold; text-align:center; position:absolute; left:50%; bottom:50%; transform:translateX(-50%); margin-bottom:20px;}
.manage_wrap .manage_cont02 .manage_box .pr_list li p {font-size:18px; line-height:26px; color:#555; text-align:center; margin-top:25px; position:absolute; left:50%; top:50%; transform:translateX(-50%);}
.manage_wrap .manage_cont03 {padding:78px 0 250px;}
.manage_wrap .manage_cont03 h3 {text-align:center; font-size:30px; font-weight:500;}
.manage_wrap .manage_cont03 .manage_box ul li {display:flex; padding:29px 0 33px; border-bottom:1px solid #dadada;}
.manage_wrap .manage_cont03 .manage_box ul li.sys02 {align-items:center;}
.manage_wrap .manage_cont03 .manage_box ul li .icobox {width:143px; height:143px; background:#f6f6f6; border-radius:50%; background-repeat:no-repeat; background-position:center center; margin-right:39px;}
.manage_wrap .manage_cont03 .manage_box ul li.sys01 .icobox {background-image:url(/web/images/sub/sys_ico01.png);}
.manage_wrap .manage_cont03 .manage_box ul li.sys02 .icobox {background-image:url(/web/images/sub/sys_ico02.png);}
.manage_wrap .manage_cont03 .manage_box ul li.sys03 .icobox {background-image:url(/web/images/sub/sys_ico03.png);}
.manage_wrap .manage_cont03 .manage_box ul li .txtbox {width:calc(100% - 182px);}
.manage_wrap .manage_cont03 .manage_box ul li .txtbox h4 {font-size:22px; line-height:30px; font-weight:500; padding-bottom:15px;}
.manage_wrap .manage_cont03 .manage_box ul li .txtbox p {font-size:16px; line-height:30px; color:#444; word-break:keep-all;}
.manage_wrap .manage_cont03 .manage_box ul li .txtbox .btnWrap {display:flex; margin-top:17px;}
.manage_wrap .manage_cont03 .manage_box ul li .txtbox .btnWrap a {font-size:15px; width:auto; padding-left:17px; padding-right:14px; margin-right:6px;}
.manage_wrap .manage_cont03 .manage_box ul li .txtbox .btnWrap a:last-child {margin-right:0;}
.manage_wrap .manage_cont03 .manage_box ul li .txtbox .btnWrap a.downBtn img {padding-left:15px;}

.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.hlcompany.com/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;}

.ir_wrap04 {padding-bottom:182px;}
.ir_wrap04 .info_cont {width:100%; margin-top:40px; margin-bottom:76px;}
.ir_wrap04 .info_cont table {width:100%; border-top:1px solid #000; table-layout:fixed;}
.ir_wrap04 .info_cont table .col1 {width:102px;}
.ir_wrap04 .info_cont table .col2 {width:calc(100% - 389px);}
.ir_wrap04 .info_cont table .col3 {width:287px;}
.ir_wrap04 .info_cont table th {border-bottom:1px solid #dadada; font-size:16px; font-weight:500; color:#555; padding:19px 0 23px;}
.ir_wrap04 .info_cont table td {border-bottom:1px solid #dadada; font-size:20px; color:#666; padding:18px 0 16px;}
.ir_wrap04 .info_cont table td.num {text-align:center;}
.ir_wrap04 .info_cont table td.title {font-weight:500; color:#000; padding-left:78px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ir_wrap04 .info_cont table td.file a {width:146px; margin:0 auto; }
.ir_wrap04 .info_cont table td.file a img {padding-left:48px;}
.ir_wrap04 .info_cont table td.nodate {font-size:15px;}

.career_wrap01 .resource_box h3 {font-family: 'Lato', 'NotoSansCJKkr'; font-size:34px; font-weight:bold; text-align:center;}
.career_wrap01 .resource_box .h4 {font-size: 19px; text-align: center; padding-top: 16px;}
.career_wrap01 .resource_box01 {padding:64px 0 83px;}
.career_wrap01 .resource_box01 .pride_box {display:flex; width:995px; margin:69px auto 0; justify-content:space-between; position:relative;}
.career_wrap01 .resource_box01 .pride_box > div {width:221px;}
.career_wrap01 .resource_box01 .pride_box .toptxt h4 {width:221px; height:221px; background:url(https://www.hlcompany.com/web/images/sub/dot_circle.png) no-repeat; display:flex; align-items:center; justify-content:center; box-sizing:border-box; font-family: 'Lato', 'NotoSansCJKkr'; font-weight:bold; font-size:30px; line-height:40px; text-transform:uppercase; text-align:center;}
.career_wrap01 .resource_box01 .pride_box .toptxt h4 span {display:flex; width:204px; height:204px; border-radius:50%; border:15px solid; align-items:center; justify-content:center; box-sizing:border-box;}
.career_wrap01 .resource_box01 .pride_box .pride01 .toptxt h4 span {border-color:#80a0cc;}
.career_wrap01 .resource_box01 .pride_box .pride02 .toptxt h4 span {border-color:#82b8dc;}
.career_wrap01 .resource_box01 .pride_box .pride03 .toptxt h4 span {border-color:#7acaeb;}
.career_wrap01 .resource_box01 .pride_box .bottxt p {font-family: 'Lato', 'NotoSansCJKkr'; font-size:22px; text-align:center; margin-top:36px; border-bottom:1px solid #000; padding-bottom:22px; letter-spacing:-0.5px;}
.career_wrap01 .resource_box01 .pride_box .bottxt p b {font-weight:600;}
.career_wrap01 .resource_box01 .pride_box .bottxt h5 {font-size:24px; line-height:34px; font-weight:bold; letter-spacing:-2px; padding-top:34px;}
.career_wrap01 .resource_box01 .pride_box .bottxt ul {padding-top:12px;}
.career_wrap01 .resource_box01 .pride_box .bottxt ul li {font-size:17px; line-height:30px; color:#555;}
.career_wrap01 .resource_box01 .pride_box .plus {display:block; width:calc(50% - 331px); height:51px; background:url(https://www.hlcompany.com/web/images/sub/resource_plus.png) no-repeat center center; position:absolute; left:50%; top:86px; transform:translateX(-50%); margin-left:-193px;}
.career_wrap01 .resource_box01 .pride_box .equal {display:block; width:calc(50% - 331px); height:51px; background:url(https://www.hlcompany.com/web/images/sub/resource_equal.png) no-repeat center center; position:absolute; left:50%; top:86px; transform:translateX(-50%); margin-left:193px;}
.career_wrap01 .human_illus {background:#f6f6f6; text-align:center; padding:54px 0 44px;}
.career_wrap01 .resource_box02 {padding:76px 0 232px;}
.career_wrap01 .resource_box02 .h4 {font-size:19px; text-align:center; padding-top:16px;}
.career_wrap01 .resource_box02 .teams_box {display:flex; justify-content:space-between; margin-top:57px; width:995px; margin: 57px auto 0; position:relative; flex-direction:column;}
.career_wrap01 .resource_box02 .teams_box ul li {display:flex; align-items:center; margin-bottom:13px;}
.career_wrap01 .resource_box02 .teams_box ul li:last-child {margin-bottom:0;}
.career_wrap01 .resource_box02 .teams_box ul li h4 {width:90px; height:90px; background:url(https://www.hlcompany.com/web/images/sub/teams_dotted.png) no-repeat; text-align:center; line-height:90px; font-family: 'Lato', 'NotoSansCJKkr'; font-size:36px; font-weight:900; color:#fff; margin-right:22px;}
.career_wrap01 .resource_box02 .teams_box ul li p {font-size:20px; line-height:36px; color:#555; letter-spacing:-1px;}
.career_wrap01 .resource_box02 .teams_box ul li p span {display:block; font-size:22px; font-family: 'Lato', 'NotoSansCJKkr';}
.career_wrap01 .resource_box02 .teams_box ul li p b {color:#004ac4; font-weight:500;}
.career_wrap01 .resource_box02 .teams_box ul li p span b {font-weight:600;}
.career_wrap01 .resource_box02 .teams_illus {position:absolute; right:0; top:50%; transform:translateY(-50%); margin-top:-68px;}
.career_wrap01 .resource_box02 .teams_box .goBtn {width:199px; margin:40px auto 0;}

.inquiry_wrap {padding:67px 0 203px;}
.inquiry_wrap .inquiry_annon {margin-bottom:71px;}
.inquiry_wrap .inquiry_annon h3 {font-size:26px; line-height:38px; font-weight:500; word-break:keep-all;}
.inquiry_wrap .inquiry_annon .inquiry_agreebox {background:#f6f6f6; padding:20px 36px; margin-top:26px; 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;}
.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; }
.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.hlcompany.com/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.hlcompany.com/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 .inquiry_box 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:-20px;}
.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.hlcompany.com/web/images/common/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::-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;}
.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.hlcompany.com/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.hlcompany.com/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;}
.myhistoryPop {position:fixed; width:100%; height:100vh; left:0; top:0; z-index:11; display:none;}
.myhistoryPop .popbg {width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; left:0; top:0; opacity: 0; transition: all 0.5s;}
.myhistoryPop .popCont {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:calc(100% - 110px); max-width:750px; background:#fff; box-sizing:border-box; padding:60px 55px 53px; opacity: 0; transition: all 0.5s;}
.myhistoryPop .popCont h4 {padding-bottom:20px;}
.myhistoryPop .popCont p {font-size:16px; line-height:28px; color:#555;}
.myhistoryPop .popCont .inquiry_box {margin-bottom:0;}
.myhistoryPop .popCont .formWrap {margin-top:25px;}
.myhistoryPop .popCont .formWrap h5 {width:76px}
.myhistoryPop .popCont .formWrap .formCont {width:calc(100% - 76px); padding-left:10px;}
.myhistoryPop .popCont .formCont input.w30 {width:32%;}
.myhistoryPop .popCont .formCont input.mail_input1 {width:32%;}
.myhistoryPop .popCont .formCont input.mail_input2 {width:29%;}
.myhistoryPop .popCont .formCont select {width:26%; margin-left:5px;}
.myhistoryPop .popCont .formCont select::-ms-expand {display:none}
.myhistoryPop .popCont .loginBtn {display:block; width:152px; height:50px; background:#868686; text-align:center; line-height:50px; font-size:16px; color:#fff; margin:28px auto 0;}
.myhistoryPop .popCont .popCloseBtn {position:absolute; right:22px; top:26px;}
.myhistoryPop.on .popbg {opacity:1;}
.myhistoryPop.on .popCont {opacity:1;}

.btnstyle2 {position:relative;}
.btnstyle2 span {position:relative; z-index:1;}
.btnstyle2:before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: #0147a2; transition: height .3s ease-in-out; }
.btnstyle2:after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; z-index: -1; background: #fff; transition: height .3s ease-in-out; }
.btnstyle2:hover, .btnstyle2:focus {border-color:#dadada !important; color:#000; }
.btnstyle2:hover:after, .btnstyle2:focus:after {height:100%;}


.myinquiry_wrap {padding:67px 0 167px;}
.myinquiry_wrap h3 {font-size:26px; line-height:38px; font-weight:500; letter-spacing:-1px; word-break:keep-all;}
.myinquiry_wrap h3 b {color:#004ac4; display:block;}
.myinquiry_wrap .my_table {margin-top:26px; border-top:1px solid #000;}
.myinquiry_wrap .my_table.w_block {display:block;}
.myinquiry_wrap .my_table.m_block {display:none;}
.myinquiry_wrap .my_table table {width:100%; table-layout:fixed;}
.myinquiry_wrap .my_table table .col1 {width:8%;}
.myinquiry_wrap .my_table table .col2 {width:15%;}
.myinquiry_wrap .my_table table .col3 {width:51%;}
.myinquiry_wrap .my_table table .col4 {width:12%;}
.myinquiry_wrap .my_table table .col5 {width:14%;}
.myinquiry_wrap .my_table table th {font-size:17px; padding:20px 0 21px; border-bottom:1px solid #000; text-align:center; white-space:nowrap;}
.myinquiry_wrap .my_table table td {font-size:17px; color:#555; letter-spacing:-1px; text-align:center; padding:22px 0 24px; border-bottom:1px solid #dadada; white-space:nowrap;}
.myinquiry_wrap .my_table table td.tit {text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.myinquiry_wrap .pager_wrap {margin-top:62px;}

.subCont .view_vis {height:232px;}
.subCont .view_vis .sub_vis_txt h2 {font-size:34px; line-height:50px; color:#000; word-break:keep-all;}
.view_vis .cate {font-size:20px; color:#0147a2; margin-bottom:15px; display:block; font-weight:500;}
.view_vis .date {font-size:15px; color:#666; font-family: 'Lato', 'NotoSansCJKkr'; margin-top:15px; display:block;}

.inquiryView_wrap {padding-bottom:141px;}
.inquiryView_wrap .view_cont {padding:67px 0;}
.inquiryView_wrap .view_cont p {font-size:18px; line-height:30px; color:#555; word-break:keep-all;}
.inquiryView_wrap .view_cont p span {display:block; margin-bottom:30px;}
.inquiryView_wrap .view_cont p span:last-child {margin-bottom:0;}
.inquiryView_wrap .comment_box {background:#f6f6f6; display:flex; justify-content:space-between; padding:24px 27px 25px 28px;}
.inquiryView_wrap .comment_box p {font-size:18px; line-height:30px;}
.inquiryView_wrap .comment_box textarea {width:calc(100% - 147px); height:198px; box-sizing:border-box; border:1px solid #dadada; padding:12px 20px; font-family: "NotoSansCJKkr"; font-size:16px; line-height:28px; color:#555; resize:none; border-radius:0; box-shadow:none;}
.inquiryView_wrap .comment_box textarea::placeholder {color:#999;}
.inquiryView_wrap .comment_box label {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
.inquiryView_wrap .list_btn {margin-top:29px; border-color:#dadada;}

.career_wrap02 {padding-bottom:238px;}
.career_wrap02 .culture_wrap {padding-top:65px;}
.career_wrap02 .culture_wrap .culture_box:last-child {}
.career_wrap02 .culture_wrap .culture_box .txtbox {width:612px;}
.career_wrap02 .culture_wrap .culture_box .imgbox {width:calc(100% - 612px);}
.career_wrap02 .culture_wrap .culture_box01 {display:flex;}
.career_wrap02 .culture_wrap .culture_box01 .txtbox h3 {font-size:32px; line-height:40px; font-weight:500;}
.career_wrap02 .culture_wrap .culture_box01 .txtbox p {font-size:20px; line-height:32px; color:#444; pading-top:24px;}
.career_wrap02 .culture_wrap .culture_box01 .imgbox {text-align:center; margin-top:60px; margin-top:auto;}
.career_wrap02 .culture_wrap .culture_box01 .imgbox img {max-width:100%;}
.career_wrap02 .culture_wrap .culture_box01 ul {padding-top:64px;}
.career_wrap02 .culture_wrap .culture_box01 .txtbox ul li {margin-bottom:27px;}
.career_wrap02 .culture_wrap .culture_box01 .txtbox ul li:last-child {margin-bottom:0;}
.career_wrap02 .culture_wrap .culture_box01 .txtbox ul li h4 {font-family: 'Lato', 'NotoSansCJKkr'; font-weight:Bold; font-size:26px; line-height:40px;}
.career_wrap02 .culture_wrap .culture_box01 .txtbox ul li h4 span {position:relative; display:inline-block; padding-bottom:1px;}
.career_wrap02 .culture_wrap .culture_box01 .txtbox ul li h4 span:after {content:""; width:100%; height:1px; background:#000; position:absolute; left:0; bottom:0;}
.career_wrap02 .culture_wrap .culture_box01 .txtbox ul li p {font-size:18px; line-height:28px; color:#444; margin-top:10px; padding-top:0;}
.career_wrap02 .culture_wrap .culture_box03 {margin-top:103px;}
.career_wrap02 .culture_wrap .culture_box03 .mind_box {display:flex; align-items:center; justify-content:center; width:1015px; height:253px; box-sizing:border-box; background:url(https://www.hlcompany.com/web/images/sub/culture_dot_bg.png) no-repeat; box-sizing:border-box; margin:0 auto; padding:20px 21px 18px 24px;}
.career_wrap02 .culture_wrap .culture_box03 .mind_box h4 {width:214px; height:214px; border-radius:50%; background:#0e4194; box-sizing:border-box; text-align:center; font-size:30px; line-height:38px; color:#fff; position:relative;}
.career_wrap02 .culture_wrap .culture_box03 .mind_box h4 span {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); white-space:nowrap;}
.career_wrap02 .culture_wrap .culture_box03 .mind_box h4 b {font-weight:bold;}
.career_wrap02 .culture_wrap .culture_box03 .mind_box ul {display:flex;}
.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li {width:214px; height:214px; border-radius:50%; border:13px solid; box-sizing:border-box; text-align:center; margin-left:38px; position:relative; background:#fff;}
.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li:before {content:""; width:38px; height:1px; background:#b2b2b2; position:absolute; left:-51px; top:50%; transform:translateY(-50%); z-index:-1;}
.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li.b1 {border-color:#80a0cc;}
.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li.b2 {border-color:#82b8dc;}
.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li.b3 {border-color:#7acaeb;}
.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li p {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); white-space:nowrap; text-align:center;}
.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li span {display:block; font-size:22px; line-height:28px; font-weight:bold; letter-spacing:-1px; font-family: 'Lato', 'NotoSansCJKkr'; padding-top:22px;}
.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li.b2 span {padding-top:10px;}

.map_wrap {padding:79px 0 271px;}
.map_wrap .mapbox {border-top:1px solid #000;}
.map_wrap .mapbox .mapLine {border-bottom:1px solid #dadada; display:flex; align-items:flex-start; padding:45px 0 44px;}
.map_wrap .mapbox .mapLine h3 {font-size:22px; font-weight:bold; color:#004ac4; width:240px; letter-spacing:-1px; line-height:28px; white-space:nowrap;}
.map_wrap .mapbox .mapLine .map_depth1 {display:flex; flex-wrap:wrap; align-items:flex-start; width:calc(100% - 240px); box-sizing:border-box;}
.map_wrap .mapbox .mapLine .map_depth1 > li {width:25%; margin-top:22px;}
.map_wrap .mapbox .mapLine .map_depth1 > li:nth-child(-n+4) {margin-top:0;}
.map_wrap .mapbox .mapLine .map_depth1 > li h4 {font-size:20px; font-weight:500; letter-spacing:-2px; line-height:28px;}
.map_wrap .mapbox .mapLine .map_depth1 > li a {position:relative;}
.map_wrap .mapbox .mapLine .map_depth1 > li a:after {content:""; width:0; height:1px; background:#004ac4; position:absolute; left:50%; bottom:-2px; transition:all .3s cubic-bezier(0, 0, 0.15, 1.01);}
.map_wrap .mapbox .mapLine .map_depth1 > li a:hover:after, .map_wrap .mapbox .mapLine .map_depth1 > li a:focus:after {width:100%; left:0;}
.map_wrap .mapbox .mapLine .map_depth1 .map_depth2 {padding-top:9px;}
.map_wrap .mapbox .mapLine .map_depth1 .map_depth2 li a {font-size:16px; line-height:30px; color:#555;}

.policy_wrap {padding:71px 0 208px;}
.policy_wrap .top_desc {}
.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;}
.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#policy01 .descbox table .col1 {width:26%;}
.policy_wrap .policy_cont .policybox#policy01 .descbox table .col2 {width:15%;}
.policy_wrap .policy_cont .policybox#policy01 .descbox table .col3 {width:51%;}
.policy_wrap .policy_cont .policybox#policy02 .descbox table .col1 {width:50%;}
.policy_wrap .policy_cont .policybox#policy02 .descbox table .col2 {width:50%;}
.policy_wrap .policy_cont .policybox#policy05 .descbox table .col1 {width:50%;}
.policy_wrap .policy_cont .policybox#policy05 .descbox table .col2 {width:50%;}

.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.hlcompany.com/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;}

.view_cont .view_contBox .article_box {width:100%; max-width:800px; margin:0 auto; font-size:17px; margin-top: 35px !important; line-height: 30px; letter-spacing: -.03em; color:#555;}
.view_cont .view_contBox .article_box h2 {font-size:23px; font-weight:bold;}
.view_cont .view_contBox .article_box h3 {font-size:20px;}
.view_cont .view_contBox .article_box p {font-size:17px; margin-top: 35px !important; line-height: 30px; letter-spacing: -.03em;}
.view_cont .view_contBox .article_box b {font-weight:500;}
.view_cont .view_contBox .article_box img {margin-top:35px;}
.view_cont .view_contBox .article_box u {text-decoration:none; border-bottom:1px solid #1a5490;}

.webzineView_wrap .webzine_viewBox .article_box {width:100%; max-width:800px; margin:0 auto;}
.webzineView_wrap .webzine_viewBox .article_box h2 {font-size:23px; font-weight:bold;}
.webzineView_wrap .webzine_viewBox .article_box h3 {font-size:20px;}
.webzineView_wrap .webzine_viewBox .article_box p {font-size:17px; margin-top: 35px !important; line-height: 30px; letter-spacing: -.03em;}
.webzineView_wrap .webzine_viewBox .article_box b {font-weight:500;}
.webzineView_wrap .webzine_viewBox .article_box img {margin-top:35px; max-width:100%;}
.webzineView_wrap .webzine_viewBox .article_box u {text-decoration:none; border-bottom:1px solid #1a5490;}

blockquote[data-ke-style='box'], #tt-body-page blockquote[data-ke-style='box'], blockquote[data-ke-style='style3'], #tt-body-page blockquote[data-ke-style='style3'] {border: 1px solid #dddddd;background: #fcfcfc;text-align: left;padding: 21px 25px 20px 25px;color: #666;line-height: 1.75;	margin-top:35px;}

.article_box figure figcaption { position: relative; margin-top: 12px; padding: 5px 8px 5px 22px; background: rgba(14, 65, 148, 0.1); font-weight: 400; line-height: 1.2963; text-align: left; color: #343434;}
.article_box figure figcaption:before { position: absolute; top: 6px; left: 6px; color: #0e4194; font-size: 16px; content: '▲';}
.article_box {width:100%; max-width:800px; margin:0 auto;}
.article_box h2 {font-size:23px; font-weight:bold;}
.article_box h3 {font-size:20px;}
.article_box p {font-size:17px; margin-top: 35px !important; line-height: 30px; letter-spacing: -.03em;}
.article_box b {font-weight:500;}
.article_box img {margin-top:35px; max-width:100%;}
.article_box u {text-decoration:none; border-bottom:1px solid #1a5490;}
.article_box em {font-style:revert;}
.article_box strong {font-weight:revert;}
.article_box iframe {width:100%;}

.coorp_wrap {}
.coorp_wrap .coorp_cont {}
.coorp_wrap .coorp_cont01 {padding:71px 0 80px;}
.coorp_wrap .coorp_cont01 h3 {font-size:32px; line-height:40px; font-weight:500; letter-spacing:-1px; text-align:center; word-break:keep-all;}
.coorp_wrap .coorp_cont01 .h4 {font-size:19px; line-height:30px; color:#555; font-weight:500; letter-spacing:-1px; text-align:center; padding-top:11px;}
.coorp_wrap .coorp_cont01 .coorp_box1 {margin-top:34px;}
.coorp_wrap .coorp_cont01 .coorp_box1 .icobox {width:295px; height:295px; background:url(https://www.hlcompany.com/web/images/sub/coorp_cont1_dot.png) no-repeat; margin:0 auto; display:flex; align-items:center; justify-content:center; position:relative;}
.coorp_wrap .coorp_cont01 .coorp_box1 .icobox:after {content:""; width:15px; height:15px; background:#f7941e; border:3px solid #fff; border-radius:50%; position:absolute; left:50%; bottom:-7px; transform:translateX(-50%); box-sizing:border-box;}
.coorp_wrap .coorp_cont01 .coorp_box1 .icobox:before {content:""; width:674px; height:79px; background:url(https://www.hlcompany.com/web/images/sub/coorp_cont1_line.png) no-repeat; position:absolute; left:50%; top:100%; transform:translateX(-50%);}
.coorp_wrap .coorp_cont01 .coorp_box1 .icobox h4 {width:268px; height:268px; background:#fff; border-radius:50%; box-sizing:border-box; border:15px solid #f4f5f7; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; flex-direction:column;}
.coorp_wrap .coorp_cont01 .coorp_box1 .icobox h4 span {display:block; padding-top:10px; padding-bottom:13px; font-size:16px; color:#333; font-family: 'Lato', 'NotoSansCJKkr'; text-transform:uppercase;}
.coorp_wrap .coorp_cont01 .coorp_box1 .icobox h4 p {font-size:25px; color:#f7941e; font-weight:500;}
.coorp_wrap .coorp_cont01 .coorp_box1 ul {margin-top:79px; display:flex; justify-content:center;}
.coorp_wrap .coorp_cont01 .coorp_box1 ul li {margin-right:30px; width:306px; background:#f4f5f7; box-sizing:border-box; display:flex; align-items:center; padding:23px 0; position:relative;}
.coorp_wrap .coorp_cont01 .coorp_box1 ul li:last-child {margin-right:0;}
.coorp_wrap .coorp_cont01 .coorp_box1 ul li:after {content:""; width:15px; height:15px; background:#f7941e; border:3px solid #fff; border-radius:50%; position:absolute; left:50%; top:-7px; transform:translateX(-50%); box-sizing:border-box;}
.coorp_wrap .coorp_cont01 .coorp_box1 ul li i {display:block; width:102px; text-align:center;}
.coorp_wrap .coorp_cont01 .coorp_box1 ul li span {font-size:18px; line-height:30px; color:#444; font-weight:500; letter-spacing:-1px;}
.coorp_wrap .coorp_cont01 .coorp_box1 ul li:last-child span {line-height:24px;}
.coorp_wrap .coorp_cont02 {background:#f6f6f6; padding:82px 0 95px;}
.coorp_wrap .coorp_cont02 h3 {font-size:32px; font-weight:500; letter-spacing:-1px;}
.coorp_wrap .coorp_cont02 .h4 {font-size:19px; line-height:30px; color:#555; font-weight:500; padding-top:17px;}
.coorp_wrap .coorp_cont02 .theme_list {margin-top:24px;}
.coorp_wrap .coorp_cont02 .theme_list ul {display:flex;}
.coorp_wrap .coorp_cont02 .theme_list ul li {margin-right:25px; width:calc(20% - 20px); box-sizing:border-box; background:#fff;}
.coorp_wrap .coorp_cont02 .theme_list ul li:last-child {margin-right:0;}
.coorp_wrap .coorp_cont02 .theme_list ul li h4 {font-family: 'Lato', 'NotoSansCJKkr'; color:#fff; font-size:19px; font-weight:bold; text-align:center; width:100%; padding:15px 0 20px; background:#0147a2;}
.coorp_wrap .coorp_cont02 .theme_list ul li p {font-size:17px; line-height:28px; color:#555; text-align:center; font-weight:500; padding:19px 5px 30px; word-break:keep-all;}
.coorp_wrap .coorp_cont02 .goal_list {margin-top:41px;}
.coorp_wrap .coorp_cont02 .goal_list h4 {font-size:20px; font-weight:500; margin-bottom:17px;}
.coorp_wrap .coorp_cont02 .goal_list ul {display:flex;}
.coorp_wrap .coorp_cont02 .goal_list ul li {margin-right:25px; width:calc(15% - 21px);}
.coorp_wrap .coorp_cont02 .goal_list ul li:last-child {margin-right:0;}
.coorp_wrap .coorp_cont02 .goal_list ul li .imgbox img {max-width:100%;}
.coorp_wrap .coorp_cont02 .goal_list ul li .txtbox {font-size:16px; color:#555; text-align:center; padding-top:16px;}
.coorp_wrap .coorp_cont03 {padding:86px 0 133px;}
.coorp_wrap .coorp_cont03 h3 {font-size:32px; font-weight:500;}
.coorp_wrap .coorp_cont03 .program {margin-top:32px;}
.coorp_wrap .coorp_cont03 .program .program_tab {}
.coorp_wrap .coorp_cont03 .program .program_tab ul {display:flex; align-items:center;}
.coorp_wrap .coorp_cont03 .program .program_tab ul li {padding-right:27px; padding-left:26px; position:relative;}
.coorp_wrap .coorp_cont03 .program .program_tab ul li:after {content:""; width:1px; height:18px; background:#dadada; position:absolute; right:0; top:0;}
.coorp_wrap .coorp_cont03 .program .program_tab ul li:last-child:after {width:0; height:0;}
.coorp_wrap .coorp_cont03 .program .program_tab ul li:first-child {padding-left:0;}
.coorp_wrap .coorp_cont03 .program .program_tab ul li:last-child {padding-right:0;}
.coorp_wrap .coorp_cont03 .program .program_tab ul li a {display:inline-block; font-size:19px; color:#555; letter-spacing:-1px; font-family: 'Lato', 'NotoSansCJKkr'; position:relative; padding-bottom:9px;}
.coorp_wrap .coorp_cont03 .program .program_tab ul li a:after {content:""; width:0; height:3px; background:#004ac4; position:absolute; left:50%; bottom:0; opacity:0; transition: all .3s cubic-bezier(0, 0, 0.15, 1.01);}
.coorp_wrap .coorp_cont03 .program .program_tab ul li.on a, .coorp_wrap .coorp_cont03 .program .program_tab ul li a:hover, .coorp_wrap .coorp_cont03 .program .program_tab ul li a:focus {color:#004ac4;}
.coorp_wrap .coorp_cont03 .program .program_tab ul li.on a:after, .coorp_wrap .coorp_cont03 .program .program_tab ul li a:hover:after, .coorp_wrap .coorp_cont03 .program .program_tab ul li a:focus:after {width:100%; left:0; opacity:1;}
.coorp_wrap .coorp_cont03 .program .program_tab select {width:100%; height:60px; box-sizing:border-box; border:1px solid #004ac4; font-size:22px; color:#004ac4; letter-spacing:-1px; font-family: 'Lato', 'NotoSansCJKkr'; background:url(https://www.hlcompany.com/web/images/sub/program_select.png) no-repeat right 19px center; padding-left:21px; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none; display:none;}
.coorp_wrap .coorp_cont03 .program .program_tab select::-ms-expand {display:none}
.coorp_wrap .coorp_cont03 .program .program_tab select + label {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
.coorp_wrap .coorp_cont03 .program .program_cont {margin-top:45px; display:none;}
.coorp_wrap .coorp_cont03 .program .program_cont h4 {font-size:19px; line-height:30px; letter-spacing:-1px;}
.coorp_wrap .coorp_cont03 .program .program_cont ul {margin-top:23px; display:flex; flex-wrap:wrap;}
.coorp_wrap .coorp_cont03 .program .program_cont ul li {width:calc(50% - 12px); margin-right:24px; box-sizing:border-box; margin-top:73px;}
.coorp_wrap .coorp_cont03 .program .program_cont ul li:nth-child(2n) {margin-right:0;}
.coorp_wrap .coorp_cont03 .program .program_cont ul li:nth-child(-n+2) {margin-top:0;}
.coorp_wrap .coorp_cont03 .program .program_cont ul li .imgbox img {width:100%;}
.coorp_wrap .coorp_cont03 .program .program_cont ul li .txtbox {padding-top:21px;}
.coorp_wrap .coorp_cont03 .program .program_cont ul li .txtbox h5 {font-size:22px; font-weight:500; line-height:30px; letter-spacing:-1px;}
.coorp_wrap .coorp_cont03 .program .program_cont ul li .txtbox p {font-size:16px; line-height:28px; color:#555; letter-spacing:-1px; padding-top:11px; word-break:keep-all;}

.toon_wrap {padding-top:61px; padding-bottom:179px;}
.toon_wrap .toon_intro {display:flex; align-items:center; padding-bottom:58px;}
.toon_wrap .toon_intro .imgbox {width:200px; border:1px solid #dadada; box-sizing:border-box;}
.toon_wrap .toon_intro .imgbox img {width:100%;}
.toon_wrap .toon_intro .txtbox {padding-left:78px; width:calc(100% - 200px); box-sizing:border-box;}
.toon_wrap .toon_intro .txtbox h3 {font-size:34px; font-weight:500; line-height:40px; letter-spacing:-1px;}
.toon_wrap .toon_intro .txtbox p {font-size:18px; line-height:32px; color:#666; padding-top:20px; word-break:keep-all;}
.toon_wrap .toon_list {border-top:1px solid #000; padding-top:35px;}
.toon_wrap .toon_list li {border-bottom:1px solid #dadada;}
.toon_wrap .toon_list li > a {display:flex; align-items:center; position:relative; padding:9px; box-sizing:border-box; }
.toon_wrap .toon_list li .imgbox {width:100px;}
.toon_wrap .toon_list li .imgbox img {width:100%;}
.toon_wrap .toon_list li .txtbox {padding-left:40px; padding-right:77px; width:calc(100% - 100px); box-sizing:border-box;}
.toon_wrap .toon_list li .txtbox h4 {font-size:19px; line-height:30px; color:#000; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.toon_wrap .toon_list li .txtbox .arrow {right:29px; bottom:auto; top:50%; transform:translateY(-50%);}

.toon_vis {}
.toon_vis {width: 100%; height: 300px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-bottom:1px solid #dadada;}
.toon_vis .toon_vis_txt {text-align:center;}
.toon_vis .toon_vis_txt span {font-size:20px; color:#004ac4; font-family: 'Lato', 'NotoSansCJKkr'; font-weight:bold; display:block; padding-bottom:12px;}
.toon_vis .toon_vis_txt h2 {font-size:34px; font-weight:bold; line-height:50px; word-break:keep-all;}
.toon_vis .toon_vis_txt .date {font-family: 'Lato', 'NotoSansCJKkr'; font-size:15px; color:#666; display:block; margin-top:17px;}
.toon_wrap .toon_cont {padding-bottom:19px; text-align:center;}
.toon_wrap .toon_cont img {display:block; margin:0 auto; max-width:100%; }
.toon_wrap .toon_cont .view0_txt1 {font-size:16px; line-height:1.5; margin-bottom:38px; font-weight:500;}
.toon_wrap .toon_cont .view0_txt2 {display:block; font-size:13px; line-height:1.5; margin-bottom:57px;}
.toon_navi ul {border-top:1px solid #dadada;}
.toon_navi ul li {border-bottom:1px solid #dadada;}
.toon_navi ul li > a {display:flex; align-items:center; font-size:17px; color:#555;}
.toon_navi ul li span {display:block; width:168px; text-align:center; line-height:70px; font-weight:500; box-sizing:border-box;}
.toon_navi ul li span img {vertical-align:2px;}
.toon_navi ul li p {width:calc(100% - 168px); line-height:70px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.toon_navi ul li.prev span img {padding-left:14px;}
.toon_navi ul li.next span img {transform:rotate(180deg); padding-right:14px;}
.toon_navi ul li > a:hover p {text-decoration:underline;}
.toon_wrap .list_btn {border:1px solid #dadada;}

/* ie */
.is-ie .header .gnb > ul > li:nth-child(1) .gnb_depth2 {width:433px;}
.is-ie .header .gnb > ul > li:nth-child(2) .gnb_depth2 {width:399px;}
.is-ie .header .gnb > ul > li:nth-child(3) .gnb_depth2 {width:743px;}
.is-ie .header .gnb > ul > li:nth-child(4) .gnb_depth2 {width:540px;}
.is-ie .header .gnb > ul > li:nth-child(5) .gnb_depth2 {width:510px;}
.is-ie .header .lnb {position:absolute; right:0; top:0;}
.is-ie .his_Wrap .his_box .his_cont ul {display:block;}
.is-ie .his_Wrap .his_box .his_cont ul li {text-align:left;}
.is-ie .his_Wrap .his_box .his_cont ul li .txtbox {text-align:left;}
.is-ie .his_Wrap .his_box .his_cont ul li#y196412 {text-align:right;}
.is-ie .his_Wrap .his_box .his_cont ul li#y196901 {text-align:left;}
.is-ie .his_Wrap .his_box .his_cont ul li#y197611 {text-align:right;}
.is-ie .his_Wrap .his_box .his_cont ul li#y197701 {text-align:center;}
.is-ie .his_Wrap .his_box .his_cont ul li#y197707 {text-align:right;}
.is-ie .his_Wrap .his_box .his_cont ul li#y197801 {text-align:left;}
.is-ie .his_Wrap .his_box .his_cont ul li#y198002 {text-align:right;}
.is-ie .his_Wrap .his_box .his_cont ul li#y199111 {text-align:right;}
.is-ie .his_Wrap .his_box .his_cont ul li#y199412 {text-align:right;}
.is-ie .his_Wrap .his_box .his_cont ul li#y199705 {text-align:right;}
.is-ie .his_Wrap .his_box .his_cont ul li#y199802 {text-align:right;}
.is-ie .his_Wrap .his_box .his_cont ul li#y199904 {text-align:center;}
.is-ie .his_Wrap .his_box .his_cont ul li#y200801 {text-align:right;}
.is-ie .his_Wrap .his_box .his_cont ul li#y200811 {text-align:right;}
.is-ie .his_Wrap .his_box .his_cont ul li#y201209 {text-align:right}
.is-ie .his_Wrap .his_box .his_cont ul li#y201303 {text-align:center;}
.is-ie .his_Wrap .his_box .his_cont ul li#y201407 {text-align:right;}
.is-ie .his_Wrap .his_box .his_cont ul li#y201409 {text-align:center;}
.is-ie .his_Wrap .his_box .his_cont ul li#y201607 {text-align:right;}
.is-ie .his_Wrap .his_box .his_cont ul li#y202010 {text-align:right;}
.is-ie .his_Wrap .his_box .his_cont ul li#y202103-1 {text-align:right;}
.is-ie .his_Wrap .his_box .his_cont ul li#y202109 {text-align:right;}
.is-ie .listWrap .listBox2 ul li .txtbox p {height:52px;}
.is-ie .webzine_navi .webzine_naviList li .txtbox h4 {height:60px;}

.visual_211015 .visual_box .swiper-slide .inner {width: calc(100% - 160px);}
.visual_211015 .visual_box .swiper-slide .vidbox {width:100%; height:100%; overflow:hidden; position:relative;}
.visual_211015 .visual_box .swiper-slide .vidbox video {position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%;}
.visual_211015 .visual_box .swiper-slide .vidbox:after {content:''; width:100%; height:100%; background:transparent; position:absolute; left:0; top:0;}
.visual_211015 .swiper_navi {position:absolute; right:80px; bottom:0; left:auto; transform:none;}
.visual_211015 .swiper_navi .swiper-pagination {text-align:left;}
.visual_211015 .swiper-pagination .swiper-pagination-box {display:block; height:160px; width:236px; box-sizing:border-box; position:relative; padding-top:45px; padding-left:24px; z-index:2; overflow:hidden;}
.visual_211015 .swiper-pagination > .swiper-pagination-box:before {content:""; width:1px; height:calc(100% - 20px); background:rgba(255,255,255,0.2); position:absolute; left:0; bottom:0;}
.visual_211015 .swiper-pagination > .swiper-pagination-box:after {content:""; width:100%; height:0; background:rgba(1,71,162,0.6); position:absolute; left:0; bottom:0; z-index:-1; transition: all 0.3s ease; filter: blur(4px);}
.visual_211015 .swiper-pagination p {font-family: "Montserrat"; color:#fff; font-weight:bold; font-size:22px;}
.visual_211015 .swiper-pagination span {font-size:16px; line-height:24px; font-weight:500; color:#fff; margin-top:20px; display:block; opacity:0;}
.visual_211015 .swiper-pagination .page_bar {display:block; width:0; height:6px; background:rgba(255,255,255,0.6); position:absolute; left:0; bottom:0; opacity:0;/*animation-name:barMotion; animation-timing-function:ease;*/}
.visual_211015 .swiper-pagination .swiper-pagination-box1 .page_bar {transition: width 15s ease-out;}
.visual_211015 .swiper-pagination .swiper-pagination-box2 .page_bar {transition: width 12s ease-out;}
.visual_211015 .swiper-pagination .swiper-pagination-box3 .page_bar {transition: width 28.6s ease-out;}
@keyframes barMotion {
	100% {width:100%;}
}
.visual_211015 .swiper-pagination .swiper-pagination-box.active:after {height:100%;}
.visual_211015 .swiper-pagination .swiper-pagination-box.active span {opacity:1;}
.visual_211015 .swiper-pagination .swiper-pagination-box.active .page_bar {width:100%; opacity:1;}
.visual .scroll {position:absolute; left:80px; bottom:0; z-index:10; }
.visual .scroll span {font-size:12px; color:#fff; transform:rotate(90deg); display:block;}
.visual .scroll em {display:block; width:1px; height:91px; background:rgba(255,255,255,0.2); margin:39px auto 0; position:relative;}
.visual .scroll em:after {content:""; width:1px; height:5px; background:#fff; position:absolute; left:0; top:0; animation:srollbarMotion 1s infinite;}
@keyframes srollbarMotion {
	70% {height:100%;}
	100% {top:100%;}
}

.visual_211019 .visual_box .inner {position:relative; padding-top:295px;}
.visual_211019 .visual_box h2 {color:#fff;}
.visual_211019 .visual_box h2 span {display:inline-block; font-size:70px; font-weight:bold; letter-spacing:10px; position:relative; z-index:1; opacity:0; transition: opacity .5s;}
.visual_211019 .visual_box h2 span:before {content:""; width:0; height:16px; background:#00aee4; position:absolute; left:-11px; bottom:-5px; z-index:-1; transition: width .5s;}
.visual_211019 .visual_box .txtbox {position:absolute; left: 0px; top:705px; z-index:22;}
.visual_211019 .visual_box .txtbox em {display:block; font-size:60px; line-height:75px; margin-top:27px; opacity:0; transform:translateX(-50px); color:#fff;}
.visual_211019 .visual_box .txtbox em b {font-weight:bold;}
.visual_211019 .visual_box .swiper-slide-active h2 span {opacity:1; transition: opacity .9s 1s;}
.visual_211019 .visual_box .swiper-slide-active h2 span:before {width:calc(100% + 13px); transition: width .7s 1.9s;}
.visual_211019 .swiper_navi .swiper-pagination .swiper-pagination-bullet-active.on svg {transition:stroke-dashoffset 6.5s ease-out}

.visual_211019 .visual_box.show .swiper-slide-active h2 span {opacity:1; transition: opacity .9s 0s;}
.visual_211019 .visual_box.show .swiper-slide-active h2 span:before {width:calc(100% + 13px); transition: width .7s 0.9s;}
.visual_211019 .visual_box .txtbox.show em {opacity:1; transform:translateX(0); transition: all .7s 1.6s;}

.ethics_pop {position:fixed; left:0; top:0; width:100%; height:100vh; z-index:11; 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:11; 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:"①";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(2):before {content:"②";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(3):before {content:"③";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(4):before {content:"④";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(5):before {content:"⑤";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(6):before {content:"⑥";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(7):before {content:"⑦";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(8):before {content:"⑧";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(9):before {content:"⑨";}
.guidelines_pop .pop_cont .guidelines_box .ethics_chp li:nth-child(10):before {content:"⑩";}
.guidelines_pop .pop_cont .pop_close {position: absolute; right: 22px; top: 36px;}

/*220802*/
.his_quick ul li a span {background:#01b6ef;}
/*.hover_line em {background:#01b6ef;}*/
.hover_list li:hover .arrow {background:url(https://www.hlcompany.com/web/images/common/web_arrow_on.png) no-repeat center center;}
.toon_vis .toon_vis_txt span {color:#01b6ef;}
.btnstyle:before {background:#01b6ef;}
.btnstyle:hover, .btnstyle:focus {border-color:#01b6ef !important; }

/*탭메뉴*/
.aff_listWrap .aff_tabmenu ul li.on a, .aff_listWrap .aff_tabmenu ul li:hover a {color:#01b6ef;}
.aff_listWrap .aff_tabmenu ul li a:after {background:#01b6ef;}
.news_listWrap .news_tabmenu ul li.on a, .news_listWrap .news_tabmenu ul li:hover a {color:#01b6ef;}
.news_listWrap .news_tabmenu ul li a:after {background:#01b6ef;}
.media_listWrap .media_m_menu ul li.on a, .media_listWrap .media_m_menu ul li:hover a {color:#01b6ef}
.media_listWrap .media_m_menu ul li a:after {background:#01b6ef}
.sustain_wrap .sustain_tabmenu ul li.on a, .sustain_wrap .sustain_tabmenu ul li:hover a {color:#01b6ef}
.sustain_wrap .sustain_tabmenu ul li a:after {background:#01b6ef}
.ir_tabmenu ul li.on a, .ir_tabmenu ul li:hover a {color:#01b6ef;}
.ir_tabmenu ul li a:after {background:#01b6ef}

.aff_listWrap .aff_box .aff_list ul li .txtbox:before {background:#01b6ef;}
.list_search .list_result b {color:#01b6ef;}
.view_vis .view_vis_txt span {color:#01b6ef;}
.pager_wrap .pager_list a.on, .pager_wrap .pager_list a.on , 
.pager_wrap .pager_list a:hover, .pager_wrap .pager_list a:focus {background:#01b6ef; border-color:#01b6ef;}
.pager_wrap .pager_list a.prev_page.on, .pager_wrap .pager_list a.prev_page:hover, .pager_wrap .pager_list a.prev_page:focus { background-color:#01b6ef ; border-color:#01b6ef}
.pager_wrap .pager_list a.first_page.on, .pager_wrap .pager_list a.first_page:hover, .pager_wrap .pager_list a.first_page:focus {background-color:#01b6ef ; border-color:#01b6ef}
.pager_wrap .pager_list a.next_page.on, .pager_wrap .pager_list a.next_page:hover, .pager_wrap .pager_list a.next_page:focus {background-color:#01b6ef ; border-color:#01b6ef}
.pager_wrap .pager_list a.last_page.on, .pager_wrap .pager_list a.last_page:hover, .pager_wrap .pager_list a.last_page:focus {background-color:#01b6ef ; border-color:#01b6ef}
.media_listWrap .media_category ul li.on a {color:#01b6ef}
.media_listWrap .media_category ul li.on span {color:#01b6ef}
.media_listWrap .media_category ul li a:after {background:#01b6ef;}
.vision_wrap .vision_cont02 .vc2_box ul li .txtbox h4 {background:#000;}
.vision_wrap .vision_cont02 .vc2_box ul li .icobox span {color:#000;}
.vision_wrap .vision_cont03 .vc3_box .vc3_top .txtbox span {color:#000;}
.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li .txtbox {border-color:#01b6ef; background:#fff;}
.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li .txtbox span {color:#000;}
.report_wrap .report_list ul li .report_list_txtBox h4 b {color:#01b6ef}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b2 em {color:#002b66}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b2:after {background:#002b66}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b3 em {color:#000} 
.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b3:after {background:#000}
.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b4 em {color:#39b2e7} 
.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b4:after {background:#39b2e7}
.manage_wrap .manage_cont02 .manage_box .pr_list li.b1,
.manage_wrap .manage_cont02 .manage_box .pr_list li.b3 {border-color:#9bd9f2} 
.manage_wrap .manage_cont02 .manage_box .pr_list li.b2,
.manage_wrap .manage_cont02 .manage_box .pr_list li.b4 {border-color:#7d94b3}
.coorp_wrap .coorp_cont02 .theme_list ul li h4 {background:#000}
.coorp_wrap .coorp_cont03 .program .program_tab ul li.on a, 
.coorp_wrap .coorp_cont03 .program .program_tab ul li a:hover, 
.coorp_wrap .coorp_cont03 .program .program_tab ul li a:focus {color:#01b6ef;}
.coorp_wrap .coorp_cont03 .program .program_tab ul li a:after {background:#01b6ef}
.webzine_wrap h3 .vol {color:#01b6ef;}
.webzine_wrap .webzine_list .txtbox .cate {color:#01b6ef;}
.webzine_navi .webzine_naviList li .txtbox .cate {color:#01b6ef;}
.ir_wrap01 .ir_listBox ul li .txtbox:before {background:#01b6ef;}
.ir3_list ul li .txtbox:before {background:#01b6ef;}
.career_wrap01 .resource_box01 .pride_box .pride01 .toptxt h4 span {border-color:#7ed9f4}
.career_wrap01 .resource_box01 .pride_box .pride02 .toptxt h4 span {border-color:#8095b4}
.career_wrap01 .resource_box01 .pride_box .pride03 .toptxt h4 span {border-color:#808485}
.career_wrap02 .culture_wrap .culture_box03 .mind_box h4 {background:#00b5ee}
.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li.b1 {border-color:#7fd8f6;}
.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li.b2 {border-color:#8095b4;}
.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li.b3 {border-color:#7fd8f6;}
.footer .footer_lnb .footer_menu li a b {color:#01b6ef}
.policy_wrap .policy_cont .policybox h3 {color:#01b6ef}
.inquiry_wrap .btnWrap a.submitBtn {border-color:#01b6ef;}
.btnstyle2:before {background:#01b6ef}
.myinquiry_wrap h3 b {color:#01b6ef}
.map_wrap .mapbox .mapLine h3 {color:#01b6ef}
.hover_list li:hover .arrow,.webzine_wrap .webzine_list li a:hover .txtbox .arrow, .webzine_wrap .webzine_list li a:focus .txtbox .arrow {background:url(https://www.hlcompany.com/web/images/common/2022_web_arrow_on.png) no-repeat center center;}
.vision_wrap .vision_cont02 .vc2_box ul li .txtbox:after {background:url(/web/images/sub/2022_vision_bullet.png)}
.vision_wrap .vision_cont02 .vc2_box ul li .icobox:after {background:url(/web/images/sub/2022_vision_bullet.png)}
.manage_wrap .manage_cont02 .manage_box .idea_list .idea_ico i {background:#fff url(https://www.hlcompany.com/web/images/sub/2022_manage_ico.png) no-repeat center center}
.manage_wrap .manage_cont02 .manage_box .pr_list {background:url(https://www.hlcompany.com/web/images/sub/2022_principle_bg.png) no-repeat center center}
.manage_wrap .manage_cont03 .manage_box ul li.sys01 .icobox {background-image:url(/web/images/sub/2022_sys_ico01.png)}
.manage_wrap .manage_cont03 .manage_box ul li.sys02 .icobox {background-image:url(/web/images/sub/2022_sys_ico02.png)}
.manage_wrap .manage_cont03 .manage_box ul li.sys03 .icobox {background-image:url(/web/images/sub/2022_sys_ico03.png)}
.career_wrap01 .resource_box01 .pride_box .plus {background:url(https://www.hlcompany.com/web/images/sub/2022_resource_plus.png) no-repeat center center}
.career_wrap01 .resource_box01 .pride_box .equal {background:url(https://www.hlcompany.com/web/images/sub/2022_resource_equal.png) no-repeat center center}
.career_wrap01 .resource_box02 .teams_box ul li h4 {background:url(https://www.hlcompany.com/web/images/sub/2022_teams_dotted.png) no-repeat ; background-size:cover;}
.career_wrap01 .resource_box02 .teams_box ul li p b {color:#01b6ef}
.career_wrap04 .career_list ul li >a:hover .career_box p, 
.career_wrap04 .career_list ul li >a:focus .career_box p {background:url(https://www.hlcompany.com/web/images/sub/2022_go_ico_hover_b.png) no-repeat right center}
.inquiry_wrap .inquiry_annon input[type="checkbox"]:checked {background:url(https://www.hlcompany.com/web/images/sub/2022_check_on.png) no-repeat left center}
.social_wrap .socialbox .group_social ul li > a:hover div .arrow, 
.social_wrap .socialbox .group_social ul li > a:focus div .arrow {background:url(https://www.hlcompany.com/web/images/sub/2022_20arrow_on.png) no-repeat center center;}
.social_wrap .socialbox .group_social ul li > a:hover .div .arrow, 
.social_wrap .socialbox .group_social ul li > a:focus .div .arrow {background:url(https://www.hlcompany.com/web/images/sub/2022_20arrow_on.png) no-repeat center center;}
.mail_wrap .sign_box .imgbox i {background:#fff url(https://www.hlcompany.com/web/images/sub/2022_email_ico.png) no-repeat left 30px center}

/*CI 페이지*/
.btnstyle2022 {display:block; background: #01b6ef;border: 1px solid #01b6ef;color: #fff; font-size:14px; 
text-align:center; width:164px; height:45px; line-height:45px; z-index:1; box-sizing:border-box;}
.btnstyle2022 img {padding-left: 9px;vertical-align: 0;}
.ci_contWrap .ci_contBox01 .mark_down .downBtn:last-child { background: #01b6ef;border: 1px solid #01b6ef;color: #fff;}

.palette_box_2022 {height:195px;}
.ci_contWrap .ci_contBox02 .palette_box_2022 {height:195px; }
.palette_box_2022 ul {display: flex; gap: 25px; height:100%; width:100%;}
.palette_box_2022 li { width:100%; padding:22px; box-sizing: border-box; display: flex;flex-direction: column; justify-content: space-between;}
.top_txt {display: flex; justify-content:space-between}
.top_txt .t_tit {text-align: left; font-size: 18px; }
.top_txt .t_tit p {font-family: 'Late'; font-weight:bold; padding-bottom:5px;}
.top_txt .t_tit .em_etc {text-align:left}
.em_etc {font-size:14px; line-height:1.5; font-weight: 300;}
.t_etc {text-align: right;}
.btm_txt {text-align:right}
.c_sky_blue {background:#00b4ed; color:#fff;}
.c_hl_black {background:#000; color:#fff;}
.c_hl_white {background:#fff; color:#000; border:1px solid #dadada; }
.c_hl_white .em_etc {font-weight:400;}
.c_hl_navy {background: #002b68; color:#fff;}
.c_gold {background:#c09a5d; color:#fff;}
.c_silver {background:#b2b2b2; color:#fff;}
.color_box2 {display: flex; gap: 25px; }
.subcolor_box_2022 {width:100%; }
.subcolor_box_2022 ul {display: flex; gap: 25px; height:160px;width:100%; }
.subcolor_box_2022 li { width:100%; padding:22px; box-sizing: border-box; display: flex;flex-direction: column; justify-content: space-between;}

.ci_contWrap .ci_contBox05 {padding-bottom:80px;}
.ci_contWrap .ci_contBox05 .h3_txt {padding-top:110px;}
.bg_uses_box {margin-top:70px;}
.bg_uses_box img {width:100%; display:block;}
.bg_uses_box .bg_use_t {display: none;}
.bg_uses_box .bg_use_m {display: none;}

.ci_contWrap .ci_contBox06 {padding-bottom:164px;}
.ci_contWrap .ci_contBox06 .h3_txt {padding-top:110px;}
.design_motive {margin-top:70px; border:1px solid #dadada; width:100%; padding: 90px 160px; box-sizing: border-box;}
.design_motive img {width:100%; display: block;}
.design_motive .d_motive_t {display: none;}
.design_motive .d_motive_m {display: none;}

.policy_wrap .policy_cont .policybox .descbox .b {color:#01b6ef}

/*220805*/
/*header*/
.header {background:#000; border-bottom:none;}
.header h1 {padding-left:80px;}
.header .gnb > ul > li > a {color:#fff; font-weight:400;}
.header .gnb > ul > li:hover > a {color:#fff; font-weight:600}
.header .gnb > ul > li:hover > a:after {width:0; left:0; opacity:1; }
.header .gnb > ul > li.on > a {color:#fff; font-weight:600}
.header .gnb > ul > li.on > a:after {width:0; left:0; opacity:1;}
.header .gnb > ul > li.hover > a {color:#fff; font-weight:600}
.header .gnb > ul > li.hover > a:after {width:0; left:0; opacity:1;}
.header .lnb > ul {background-color:#00b6ee; position: relative;}
.header .lnb > ul > li {border-left:none;}
.header .lnb li.lang > a {position:relative;background:url(https://www.hlcompany.com/new2022/web/images/common/2022_lang_ico.png) no-repeat left 40px center; 
color:#fff; width:113px; padding-left:52px;}
.header .lnb li.lang > a:after {content:''; position:absolute; left:-24px; top:0; width:40px; height:100%; transform:skew(-25deg); background-color:#000}
.header .lnb li.lang:before {content:'·'; position:absolute; right:-3px; top:37%; width:2px; height:2px; color:#fff}
.header .lnb li.aff a {background-color:transparent;}
.header .gnb .gnb_bg {background:rgba(0,0,0,0.4)}
.header .gnb_depth2 li a {color:#fff; padding: 17px 3px; }
.header .gnb_depth2 li a:after {bottom:11px; background:#00aee4; height:1px; }
.header .gnb_depth2 li:hover a, .header .gnb_depth2 li a:focus, .header .gnb_depth2 li a:active {color:#00aee4}
.header .gnb_depth2 li:hover a:after, .header .gnb_depth2 li a:focus:after, .header .gnb_depth2 li a:active:after {width:100%; left:0; opacity:1; }
.header .gnb_depth2 li.on a {position:relative; color:#00aee44}
.header .gnb_depth2 li.on a:after {width:100%; left:0; opacity:1;}

.header .aff_wrap .aff_tab li.on a {color:#00aee4}
.header .aff_wrap .aff_tab li a:hover {color:#00aee4}
.header .aff_wrap .aff_tab li a:after {background:#00aee4;}
.header .m_menuBtn {background:url(/web/images/common/2022_menu_ico.png)}
.m_menuWrap .m_menuBox .m_lang ul li.on a {color:#00aee4}
.m_menuWrap .m_menuBox .m_lang ul li a:after {background:#00aee4}
.m_menuWrap .m_menuBox .m_menu_navi > li.on > a {color:#00aee4}

/* 220913 */
.visual_211019 .visual_box .swiper-slide .vidbox {/*width:100%; height:100%; overflow:hidden;*/ position:relative;}
/*.visual_211019 .visual_box .swiper-slide .vidbox video {position: absolute; left: 0; top: 0; min-width: 100%; min-height: 100%;}*/
.visual_211019 .visual_box .swiper-slide .vidbox video {position: absolute; left: 50%; top: -53px; transform: translate(-50%, 0); min-width: 100%; min-height: 100%;}
.header .gnb_depth2 li.on a {position:relative; color:#01b6ef}
/*.vidbox {width:100%; height:100%;}
.vidbox video {width:100%;}*/
.imgbox_mo {width:auto;}
.imgbox_mo img {width:100%;}
.vidbox_pc {display:block;}
.imgbox_mo {display:none;}
.imgbox_pc {display:block;}


/* 220913 career banner */
.job_box3 {margin-bottom: 60px;}
.job_box3 .interview_box {width: 100%;background: #f6f6f6 url(https://www.hlcompany.com/web/images/sub/job_people_peoople.png) no-repeat right bottom;position: relative;box-sizing: 
border-box;padding: 50px 30px 50px 100px;display: flex;background-size: auto 100%;text-align: left;align-items: flex-start;flex-direction: column;}
.job_box3 .title {font-size: 36px;line-height: 40px;font-weight: bold;word-break: keep-all;} 
.job_box3 .name {font-size: 24px;line-height: 140%;color: #666;margin-top: 15px;display: block;}
.job_box3 .job_img {position: absolute;right: 315px;bottom: 0;}
.interview_box > a { margin-top: 30px; width: 204px;}
.group32 {margin-bottom:20px;}

@media screen and (max-width:1440px) {
	.job_box3 .interview_box {padding: 50px 30px 50px 100px;min-height: 280px;background-size: 761px 100%;background: #f6f6f6 url
	(/web/images/sub/job_people_peoople2.png) no-repeat right bottom;}
	.group32 {margin-bottom:0px;}
}/* 1440px */

@media screen and (max-width:1200px) {
	.job_box3 .interview_box {padding: 50px 30px 120px 80px;min-height: 280px;background-size: 761px 100%;background: #f6f6f6 url
	(/web/images/sub/job_people_peoople3.png) no-repeat right bottom;}
	.job_box3 .title {font-size: 32px;line-height: 40px;font-weight: bold;word-break: keep-all;} 
	.job_box3 .name {font-size: 22px;line-height: 140%;color: #666;margin-top: 15px;display: block;}
	.job_box3 .job_img {position: absolute;right: 315px;bottom: 0;}
	.group32 {margin-bottom:0px;}
}/* 1200px */

@media screen and (max-width:940px) {
	.job_box3 .interview_box {padding: 50px 30px 100px 60px;background: #f6f6f6 url(https://www.hlcompany.com/web/images/sub/job_box_bg_m.jpg) no-repeat right bottom;background-size: 
	300px 100%;}
	.group32 {margin-bottom:0px;}
}/* 940px */

@media screen and (max-width:800px) {
.job_box3 .interview_box {padding: 50px 30px 100px 40px;background: #f6f6f6 url(https://www.hlcompany.com/web/images/sub/job_box_bg_m.jpg) no-repeat right bottom;background-size: 
300px 100%;}
	.job_box3 .title {word-break: keep-all;}
	.job_box3 .name {font-size: 18px;}
	.job_box3 .job_img {position: absolute;right: 315px;bottom: 0;}
	.group32 {margin-bottom:0px;}
}/* 800px */

@media screen and (max-width:640px) {
	.job_box3 .interview_box {padding: 50px 30px 100px 30px;background: #f6f6f6 url(https://www.hlcompany.com/web/images/sub/job_box_bg_m.jpg) no-repeat right bottom;background-size: 
	200px 100%;}
	.job_box3 .title {word-break: keep-all; font-size: 22px;}
	.job_box3 .name {font-size: 16px;line-height: 160%;}
	.interview_box > a { margin-top: 30px; width: 180px;}
	.group32 {margin-bottom:0px;}
}/* 640px */


/* 20250210 영상 */
.visual .visual_box video { height: 100%; ;}

@media screen and (min-width:1800px) {
	.visual .visual_box video { width: 100vw; height: unset; }
}



/* 공통 탭메뉴 */
.subCont .com_tabmenu {border-bottom:1px solid #dadada; background:#fff;}
.subCont .com_tabmenu ul {display:flex; align-items:center; justify-content:center;}
.subCont .com_tabmenu ul li {margin-right:8px;}
.subCont .com_tabmenu ul li:last-child {margin-right:0;}
.subCont .com_tabmenu ul li a {display:block; line-height:72px; padding:0 25px; font-size:18px; color:#666; text-align:center; position:relative;}
.subCont .com_tabmenu ul li a:after {content:""; width:0; height:2px; background:#01b6ef; position:absolute; left:50%; bottom:-1px; transition:all .3s cubic-bezier(0, 0, 0.15, 1.01); opacity:0;}
.subCont .com_tabmenu ul li.on a, .subCont .com_tabmenu ul li:hover a {color:#01b6ef;}
.subCont .com_tabmenu ul li.on a:after, .subCont .com_tabmenu ul li:hover a:after {width:100%; left:0; opacity:1;}

.subCont .com_tabmenu ul li.on a, .subCont .com_tabmenu ul li:hover a {color:#01b6ef;}
.subCont .com_tabmenu ul li a:after {background:#01b6ef;}


/* 서브 탭메뉴 */
.subCont .com_sub_tab { padding-top: 40px; width: 1200px; margin: 0 auto; box-sizing: border-box;}
.subCont .com_sub_tab ul {display:flex; align-items:center;justify-content: flex-start;}
.subCont .com_sub_tab ul li {padding-right:27px; padding-left:26px; position:relative;}
.subCont .com_sub_tab ul li:after {content:""; width:1px; height:18px; background:#dadada; position:absolute; right:0; top:0;}
.subCont .com_sub_tab ul li:last-child:after {width:0; height:0;}
.subCont .com_sub_tab ul li:first-child {padding-left:0;}
.subCont .com_sub_tab ul li:last-child {padding-right:0;}
.subCont .com_sub_tab ul li a {display:inline-block; font-size:16px; color:#555; letter-spacing:-1px; font-family: 'Lato', 'NotoSansCJKkr'; position:relative; padding-bottom:9px;}
.subCont .com_sub_tab ul li a:after {content:""; width:0; height:3px; background:#01b6ef; position:absolute; left:50%; bottom:0; opacity:0; transition: all .3s cubic-bezier(0, 0, 0.15, 1.01);}
.subCont .com_sub_tab ul li.on a, .subCont .com_sub_tab ul li a:hover, .subCont .com_sub_tab ul li a:focus {color:#01b6ef;}
.subCont .com_sub_tab ul li.on a:after, .subCont .com_sub_tab ul li a:hover:after, .subCont .com_sub_tab ul li a:focus:after {width:100%; left:0; opacity:1;}
.subCont .com_sub_tab select {width:100%; height:60px; box-sizing:border-box; border:1px solid #01b6ef; font-size:22px; color:#01b6ef; letter-spacing:-1px; font-family: 'Lato', 'NotoSansCJKkr'; background:url(https://www.hlcompany.com/web/images/sub/program_select.png) no-repeat right 19px center; padding-left:21px; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none; display:none;}
.subCont .com_sub_tab select::-ms-expand {display:none}
.subCont .com_sub_tab select + label {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}

.subCont .sustain_wrap01 .com_sub_tab { width: 900px; }
.subCont .report_wrap .com_sub_tab  { width: 1025px; }
.subCont .report_wrap .com_sub_box .container  { width: 1045px; margin: 0 auto;}
.report_wrap .report_list { display: flex; justify-content: center;}
.report_wrap .report_list ul { width: 1045px;}


@media screen and (max-width: 1400px) {
	.subCont .report_wrap .com_sub_box .container  { }

}

@media screen and (max-width:1280px) {
	.social_wrap .socialbox h3 {font-size:32px; }
	.subCont .ir_wrap02 .container  { width: 100%; }
	.subCont .com_sub_tab { width: 100%; }
	.subCont .report_wrap .com_sub_box .container { width: 100%;}
	.subCont .report_wrap .container  { width: 100%; max-width: 1200px;}

}/* 1024px */

@media screen and (max-width:1024px) {
	a.subCont .report_wrap .com_sub_box .container  { width: 100%;}

}/* 1024px */



@media screen and (max-width:800px) {
	.subCont .com_sub_tab {width:100%;}
	.subCont .com_sub_tab ul li {width:20%; padding:0; text-align:center;}
	.subCont .com_sub_tab ul li a {white-space:nowrap;}
	.subCont .com_tabmenu ul {display:none;}
	.subCont .com_sub_tab ul {display:none;}
	.subCont .com_sub_tab select {display:block;}

	.subCont .aff_listWrap .com_sub_tab { width: 100%; }
	.subCont .sustain_wrap01 .com_sub_tab { width: 100%; }
	.subCont .report_wrap .com_sub_tab  { width: 100%; }
	.subCont .report_wrap .com_sub_box .container  { width: 100%; }
	.subCont .com_sub_tab { width: 100%; }

}/* 800px */

@media screen and (max-width:640px) {
	.subCont .com_sub_tab { margin-top: 30px; width: 100%;padding-top:0; padding-left: 15px; padding-right: 15px;}
	.subCont .com_sub_tab select {height:60rem; font-size:22rem; padding-left:21rem; background-position:right 19rem center; background-size:26rem;}
}/* 640px */


.cont01 .cont01_box2 { padding-top: 24px;position: relative; display: flex; align-items: center;}
.cont01 .cont01_box2 ul {display:flex; }
.cont01 .cont01_box2 ul li { width: 33.333%; margin-right:24px; margin-top:20px; position:relative; }
.cont01 .cont01_box2 ul li:nth-child(3n) {margin-right:0;}
.cont01 .cont01_box2 ul li:nth-child(-n+3) {margin-top:0;}
.cont01 .cont01_box2 ul li > a {display:block;}
.cont01 .cont01_box2 ul li > a:focus {outline:2px solid #000;}
.cont01 .cont01_box2 ul li .imgbox {position:relative; width:100%; padding-top: calc(74% / 10 * 9); background-size:cover; background-position: center top; display:block;}
.cont01 .cont01_box2 ul li .imgbox:after {content:""; width:100%; height:100%; position:absolute; left:0; bottom:0; background:url(https://www.hlcompany.com/web/images/main/media_gradient.png) no-repeat left bottom; background-size:100%;}
.cont01 .cont01_box2 ul li .imgbox img {width:100%; display:none;}
.cont01 .cont01_box2 ul li .txtbox { width:100%; box-sizing:border-box; padding:24px 76px 27px 32px; z-index:2; display:block}
.cont01 .cont01_box2 ul li .txtbox:before {content:""; width:100%; height:0; background: linear-gradient(transparent, 50%,#f9f9f9 ); position:absolute; left:0; bottom:0; z-index:-1; transition: all 0.3s;}
.cont01 .cont01_box2 ul li > a:hover .txtbox:before, .cont01 .cont01_box2 ul li > a:focus .txtbox:before {height:100%;}
.cont01 .cont01_box2 ul li .txtbox h4 {width:100%; font-size:20px; line-height:32px; color:#222; font-weight:400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:keep-all; margin-top: 7px;}
.cont01 .cont01_box2 ul li .txtbox span {color: #fff;font-weight: 600;border-radius: 6px;background-color: #00b6ee;padding: 0 10px 2px 10px;font-size: 13px; }
.cont01 .cont01_box2 ul li .txtbox .arrow {width:44px; height:44px; background: url(https://www.hlcompany.com/web/images/common/web_arrow.png) no-repeat center center;}
.cont01 .cont01_box2 ul li .txtbox .arrow.play {background: url(https://www.hlcompany.com/web/images/common/2022_web_arrow_on.png) no-repeat left 17px center;}
.cont01 .cont01_box2 ul li .txtbox .arrow svg {width:44px; height:44px;}
.cont01 .cont01_box2 ul li .txtbox .arrow.play svg {width:44px; height:44px;}
.cont01 .cont01_box2 ul li >a:hover .txtbox .arrow svg, .cont01 .cont01_box2 ul li >a:focus .txtbox .arrow svg {stroke-dashoffset: 0; transition:stroke-dashoffset 0.5s;}
.cont01 .cont01_box2 ul li:hover .arrow, .cont01 .cont01_box2 ul li a:hover .txtbox .arrow, .cont01 .cont01_box2 ul li a:focus .txtbox .arrow { background: url(https://www.hlcompany.com/web/images/common/2022_web_arrow_on.png) no-repeat center center;}



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

}/* 1280px */

@media screen and (max-width:940px) {
	.cont01 .cont01_box2 {margin-top: 0;}
	.cont01 .cont01_box ul { width: 100%; flex-wrap: wrap; flex-direction: column;}
	.cont01 .cont01_box ul li { width: 100% !important; margin-bottom: 24px; }
	.cont01 .cont01_box2 ul { width: 100%; flex-wrap: wrap; flex-direction: column;}
	.cont01 .cont01_box2 ul li { width: 100%;margin-bottom: 24px;}
	
	.cont01 .cont01_box2 ul li .txtbox { padding: 24px 20px 27px 20px;}
	.cont01 .cont01_box2 ul li .txtbox h4 { width: 95%;}
	.cont01 .cont01_box2 ul li:nth-child(-n+3) { margin-right: unset;}
	.footer .footer_copy .left { display:none;}
	.cont01 .cont01_box2 ul li .imgbox { padding-top: 60%; background-position: center center}



}/* 940px */

@media screen and (max-width:640px) {
	.cont01 .cont01_box2 ul li .txtbox h4 { font-size: 30rem; line-height: 38rem; margin-top: 10px;}
	.cont01 .cont01_box2 ul li .txtbox { padding: 24px 10px 27px 10px; }
	.cont01 .cont01_box2 ul li .txtbox .arrow { right: 5px; bottom: 15px;}
	.cont02 .cont02_box ul li .arrow { bottom: 15px; left: 15px;}


}/* 640px */



.social_wrap { padding-top: 0;}
.social_wrap .report_topBox {background:#f4f5f7;}
.social_wrap .report_topBox .sns_box { padding:90px 0; position: relative;}
.social_wrap .report_topBox .sns_box a {display:flex; align-items:center; justify-content:space-between; background-color: #fff; }
.social_wrap .report_topBox .rtb_txtbox {margin:0 50px; position: relative;}
.social_wrap .report_topBox .rtb_txtbox h3 {font-size:28px; font-weight:500; line-height:36px; word-break:keep-all;}
.social_wrap .report_topBox .rtb_txtbox h3 em {font-weight:bold;}
.social_wrap .report_topBox .rtb_txtbox img.sns { display: block; margin-bottom: 10px; width: 100px; }
.social_wrap .report_topBox .rtb_txtbox p {font-size:18px; line-height:28px; color:#666; margin-top:11px; word-break:keep-all;}
.social_wrap .report_topBox .rtb_txtbox p.date {font-size:16px; background:url(https://www.hlcompany.com/web/images/sub/go_ico.png) no-repeat right center;}
.social_wrap .report_topBox .rtb_imgbox { width:100%;overflow: hidden;height: 100%;display: flex;justify-content: center;align-items: center;}
.social_wrap .report_topBox .rtb_imgbox img { max-width: 100%; transition-duration: 0.5s;}
.social_wrap .report_topBox .rtb_imgbox img:hover {cursor: pointer;transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transition: transform .5s;-o-transition: transform .5s;-moz-transition: transform .5s;-webkit-transition: transform .5s;}
.social_wrap .report_topBox .rtb_txtbox .arrow {position:absolute; right:18px; bottom:0;}
.social_wrap .report_topBox a:hover .rtb_imgbox:after, .social_wrap .report_topBox a:focus .rtb_imgbox:after { width: 100%; height: 100%;}
.social_wrap .report_topBox a:hover p.date, .social_wrap .report_topBox a:focus p.date {background:url(https://www.hlcompany.com/web/images/sub/go_ico_hover_b.png) no-repeat right center;}
/* .social_wrap .report_topBox .rtb_imgbox:after {transition: transform 0.4s ease; content: ""; width: 0; height: 0; background: rgba(0, 0, 0, 0.6) url(web/images/sub/playBtn.png) no-repeat center center; position: absolute;left: 0;top: 0;} */



@keyframes fadein { from { opacity: 0; } to { opacity: 1; }}

.social_wrap .vol_box {}
.social_wrap .vol_box:last-child {margin-bottom:0;}
.social_wrap .vol_box .sns_box { padding-top: 33px; /*border-bottom: 1px solid #dadada; */ margin-top: 40px;}
.social_wrap .vol_box .sns_box02 { padding-top: 0; margin-top: 20px;}

.social_wrap .vol_box .sns_box_last { border-bottom: none;}
.social_wrap .vol_box ul {display:flex; padding: 20px 0 25px 0; flex-wrap:wrap; justify-content: space-between;}
.social_wrap .vol_box ul li {width:calc(33% - 27px); }

.social_wrap .vol_box ul li .imgbox { width: 100%; display: flex; justify-content: center; align-items: center; aspect-ratio: 30 / 19; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center center; transform: scale(1); transition: transform 0.5s ease-out;}
/*.social_wrap .vol_box ul li .imgbox:hover, .social_wrap .vol_box ul li .imgbox:focus { transform: scale(1.1);} */
.social_wrap .vol_box ul li .imgbox img { width: 100%; height: 100%; object-fit: cover; display: block;}
.social_wrap .vol_box ul li .txtbox .arrow { bottom: 20px;}

.social_wrap .vol_box ul li .txtbox { border: 1px solid #d5d5d5; padding:15px; background:url() no-repeat right 19px bottom 22px; height:150px; box-sizing:border-box; position:relative;}
.social_wrap .vol_box ul li .txtbox .cate { display: flex; align-items: center;font-family: 'Lato', 'NotoSansCJKkr'; font-size:14px; position: relative; color:#222; font-weight:bold;}
.social_wrap .vol_box ul li .txtbox .cate img {width: 20px; margin-right:5px;}
.social_wrap .vol_box ul li .txtbox h4 {font-size:20px; line-height:31px; font-weight:500; letter-spacing:-1px; margin-bottom:10px; word-break:keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.social_wrap .vol_box ul li .txtbox .date {font-size:14px; color:#666; }
.social_wrap .vol_box ul li {margin-top:45px; }
.social_wrap .vol_box ul li:nth-child(-n+6) {margin-top:0; padding-bottom:30px;}
.social_wrap .vol_box ul li:nth-child(6n) {margin-right:0;}
.social_wrap .vol_box ul li.nodate {width: 100%; text-align: center; padding-top: 50px;}
.social_wrap .vol_box h3 {font-size:26px; font-weight:bold; display: flex; justify-content: space-between;align-items: center;}
.social_wrap .vol_box h3 span {font-size: 14px; display: flex; align-items: center;}

.social_wrap .vol_box .sns_box02 ul li { width:calc(20% - 27px); }
.social_wrap .vol_box .sns_box02 ul li .txtbox { border-bottom-left-radius: 30px; }
.social_wrap .vol_box .sns_box02 ul li .txtbox h4 {font-size:18px; line-height:28px; }
.social_wrap .vol_box .sns_box02 ul li .imgbox { aspect-ratio: 15 / 19; border-top-right-radius: 30px;}



.social_wrap .group_social {margin-top:60px;}

.sustain_wrap01 {padding-top: 0;padding-bottom: 183px;}
.sustain_wrap01 .cout_esg {width: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.sustain_wrap01 .h3_txt { padding-top: 40px; display: flex; justify-content: flex-start; flex-direction: column; width: 900px; max-width: 900px;}
.sustain_wrap01 .h3_txt h3 { padding-bottom: 12px;font-size: 32px; line-height: 40px; font-weight: 500;}
.sustain_wrap01 .h3_txt p {font-size: 19px;line-height: 30px;color: #444;letter-spacing: -1px; word-break: keep-all;}
.sustain_wrap01 .h3_txtp {padding-top:30px;}
.sustain_wrap01 .hl_esgimg {width: 100%;padding: 60px 0 90px 0; display: flex; justify-content: center;}

.sustain_wrap01 img {width:100%; max-width: 900px; image-rendering: -webkit-optimize-contrast;}
.sustain_wrap01 .d_esgimg_p {display: block;}
.sustain_wrap01 .d_esgimg_t {display: none;}
.sustain_wrap01 .d_esgimg_m {display: none;}


@media screen and (max-width:1280px) {
	.sustain_wrap01 .h3_txt {width: 100%; }
	.social_wrap .report_topBox .sns_box { padding: 60px 30px;}
	.social_wrap .report_topBox .rtb_txtbox h3 { font-size: 24px; line-height: 140%;}
	.social_wrap .report_topBox .rtb_txtbox p { font-size: 17px; line-height: 27px; word-break: keep-all;}
	.social_wrap .report_topBox .rtb_txtbox img.sns { width: 85px;}
	.his_Wrap .container { width: 100%;}

}/* 1280px */

@media screen and (max-width:1024px) {
	.swiper-button-next, .swiper-button-prev {display: none;}
	.social_wrap .report_topBox .rtb_txtbox h3 { font-size: 22px; line-height: 140%;}
	.social_wrap .report_topBox .rtb_txtbox {margin: 0 30px;}
	.social_wrap .report_topBox .rtb_imgbox img {max-height: 300px; max-width: unset;}
	.social_wrap .vol_box .sns_box02 ul { justify-content: flex-start; gap:40px;}
	.social_wrap .vol_box .sns_box02 ul li { width: calc(33% - 27px);}

}/* 1024px */

@media screen and (max-width:900px) {
	.sustain_wrap01 .d_esgimg_p {display: none;}
	.sustain_wrap01 .d_esgimg_t {display: block;}
	.sustain_wrap01 .d_esgimg_m {display: none;}
	.social_wrap .report_topBox .sns_box { padding: 60px 20px;}
	.social_wrap .report_topBox .rtb_txtbox h3 { font-size: 24px; line-height: 36px;}
	.social_wrap .report_topBox .rtb_txtbox p { font-size: 16px; line-height: 24px; word-break: keep-all;}
	.social_wrap .report_topBox .rtb_txtbox { margin-left: 30px;}
	.social_wrap .report_topBox .rtb_txtbox { margin-left: 30px; margin-top: 30px;}
	.social_wrap .report_topBox .rtb_txtbox h3 { font-size: 18px; line-height: 140%;}
	.social_wrap .vol_box ul li .txtbox h4 {font-size: 18px; line-height: 140%;}
	.subCont_box a.main-media-next { display:none !important; }
	.subCont_box a.main-media-prev { display:none !important; }

}/* 900px */

@media screen and (max-width:800px) {
	.social_wrap .report_topBox .sns_box { padding: 60px 0px;}
	.social_wrap .report_topBox .sns_box a { flex-direction: column;align-items:unset;}
	.social_wrap .vol_box ul { flex-direction: column;}
	.social_wrap .vol_box ul li { width: 100%; padding-bottom: 30px;}
	.social_wrap .vol_box ul li .txtbox { height: 140px; padding-top: 20px;}
	.social_wrap .vol_box ul li .imgbox { height: 100%; min-height: 380px;}
	.social_wrap .vol_box ul li .txtbox h4 { padding-bottom: 10px;}
	.social_wrap .vol_box ul li .txtbox { padding-left: 20px;}
	.social_wrap .vol_box ul li .txtbox .date {position:unset;}
	.social_wrap .report_topBox .rtb_imgbox img {max-height: unset; max-width: 100%;}
	.social_wrap .report_topBox .rtb_txtbox { margin-bottom: 30px;}
	.social_wrap .vol_box .sns_box02 ul li { width:100%; }

}/* 800px */

@media screen and (max-width:640px) {
	.sustain_wrap01 .d_esgimg_p {display: none;}
	.sustain_wrap01 .d_esgimg_t {display: none;}
	.sustain_wrap01 .d_esgimg_m {display: block;}
	.sustain_wrap01 .h3_txt { padding-top: 65rem;}
	.sustain_wrap01 .h3_txt h3 { font-size: 36rem; line-height: 40rem; padding-bottom: 15rem;}
	.sustain_wrap01 .h3_txt p { font-size: 21rem; line-height: 32rem;}
	.social_wrap .vol_box ul li .imgbox { min-height: 280px;}
	.social_wrap .report_topBox .rtb_txtbox { margin-left: 20px; }
	.social_wrap .vol_box ul li .txtbox h4 { font-size: 16px; }

}/* 640px */

@media screen and (max-width:520px) {
	.social_wrap .vol_box ul li .imgbox { min-height: 200px;}
}/* 640px */


.swiper-button-next, .swiper-button-prev { position: absolute; top: 40%; width: 27px; height: 49px; margin-top: -22px; z-index: 10; cursor: pointer;
 background-size: 27px 44px; background-position: center; background-repeat: no-repeat;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url(); left: 10px; right: auto;}

a.main-media-next { background: url(https://www.hlcompany.com/web/images/main_next.png) 0 0 no-repeat; background-size: cover; right: -46px; font-size: 0; }
a.main-media-prev { background: url(https://www.hlcompany.com/web/images/main_prev.png) 0 0 no-repeat; background-size: cover; left: -46px; font-size: 0; }

.subCont_box a.main-media-next { background-color: unset !important; top: 50%;}
.subCont_box a.main-media-prev { background-color: unset !important; top: 50%;}