@charset "UTF-8";
p, span, em, a, button, strong, h1, h2{transform: skew(-0.03deg);}
#mainWrap,
#mainWrap button{font-family:'HanwhaGothic', -apple-system, system-ui, AppleSDGothicNeo, sans-serif; letter-spacing: normal !important;}
#mainWrap a:focus,
#mainWrap a:focus,
#mainWrap a:hover{text-decoration: none;}

#mainWrap .mainLogo{display: block; margin-top: 40px;}

#mainWrap .wrapper{border-top: none;}
#mainWrap .contents{width: 1128px; display: flex; justify-content: space-between; padding: 0 15px;}
#mainWrap .header{position: absolute; top: 0; width: 100%; border-bottom: none; padding-bottom: 0; z-index: 20;}
#mainWrap .gnbWrap{margin-top: 10px; display: flex; justify-content: flex-end;}
#mainWrap .gnbWrap li{margin: 10px 16px; font-size: 18px; position: relative;}
#mainWrap .gnbWrap li::before{content:''; width:0; left:50%; z-index:20; -webkit-transition:all .3s; transition:all .3s;}
#mainWrap .gnbWrap li:hover::before{content:''; width: 100%; height: 3px; background-color: #fa6600; left: 0; bottom: -10px; position: absolute;}
#mainWrap .gnbWrap li a{color: #fff;}
#mainWrap .gnbWrap li:hover a{color: #fa6600;}

.mainContWrap, .innerMainWrap{position: relative;}
.dim{position: absolute; width: 100%; height: 100%; top: 0; background-color: rgba(0, 0, 0, .6); z-index: 1000; display: none;}

.header .gnb > li > span:after, .header .subGnb > ul > li > span:after {display:block; width:0; position:absolute; left:50%; bottom:-26px; height:3px; background:#fa6600; content:'';}
.header .gnb li.on > span > a, .header .subGnb li.on > span > a {color:#fa6600;}
.header .gnb li.on span:after, .header .subGnb li.on span:after {width:100%; left:0; z-index:30; -webkit-transition:all .3s; transition:all .3s;}


#mainWrap .gnbWrap .mainGnb{display: flex; margin-right: 90px;}
#mainWrap .gnbWrap .mainSubGnb {display: flex; align-items: center;}
#mainWrap .gnbWrap .mainSubGnb ul{display: flex; margin-right: 24px;}
#mainWrap .gnbWrap .mainSubGnb div a{color: #fff; font-size: 14px; padding: 6px 8px; border: 1px solid #fff; border-radius: 8px;}
#mainWrap .gnbWrap .mainSubGnb .loginBtn a span{background: url(../img/newmain/btn_login.svg) no-repeat left center; padding-left: 20px;}

#mainWrap .mainrNavGroup .mainGnb li span{position: relative; display: block;}
#mainWrap .mainrNavGroup .util {display: flex; justify-content: flex-end; float: none; margin-top: 14px; padding: 2px 0;}
#mainWrap .mainrNavGroup .util a,
#mainWrap .mainrNavGroup .util button{color: #fff; font-size: 14px;}
#mainWrap .mainrNavGroup .util > li {display: flex; padding: 0 12px; position: relative; float: none; border-right: none; align-items: center;}
#mainWrap .mainrNavGroup .util > li::before{content:''; width: 1px; height: 11px; background-color: #e2e5ea; position: absolute; right: 0; top: 50%; transform: translateY(-50%); opacity: 0.6;}
#mainWrap .mainrNavGroup .util > li:last-child:before,
#mainWrap .mainrNavGroup .util > li:nth-child(4):before{display: none;}
#mainWrap .mainrNavGroup .util > li:last-child{padding: 0;}
#mainWrap .mainrNavGroup .util li:last-child a{width: 16px; height: 16px; text-indent: -9999px;}
#mainWrap .mainrNavGroup .util li a.langEng{background: url(../img/newmain/btn_lang_eng.svg) no-repeat;}
#mainWrap .mainrNavGroup .util li a.langChn{background: url(../img/newmain/btn_lang_chn.svg) no-repeat; margin-left: 6px;}
#mainWrap .mainrNavGroup .util li.link-corporation{padding-right:0;}
#mainWrap .mainrNavGroup .util li.link-corporation a{font-size:13px;line-height:1;padding:4px 10px;box-sizing:border-box;border:1px solid #fff;border-radius:8px;}
#mainWrap .mainrNavGroup .util li.link-corporation:before{display:none;}


#mainWrap .mainVisual{position: relative; height: 630px;}
/* #mainWrap .mainVisual{position: relative; height: 630px; border-bottom: 1px solid #e2e5ea;} */

#mainWrap .visualSlide{position: absolute; top: 0; width: 100%; opacity: 0; transition: all 1.2s; height: 100%; z-index: 1;}
#mainWrap .visualSlide .hiddenText{position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
#mainWrap .visualSlide.active{opacity: 1; z-index: 5;}
#mainWrap .visualSlide a{display: block; width: 100%; height: 100%;}
#mainWrap .visualSlide.visual-0{background: url(../img/newmain/hanwha_web.png); background-position: center;background-size:cover;}
#mainWrap .visualSlide.visual-1{background: url(../img/newmain/main_visual_05.jpg) no-repeat; background-position: center; background-size: cover;}
#mainWrap .visualSlide.visual-2{background: url(../img/newmain/main_visual_03.jpg) no-repeat; background-position: center; background-size: cover;}
#mainWrap .visualSlide.visual-4{background: url(../img/newmain/main_visual_04.png) no-repeat; background-position: center; background-size: cover;}
#mainWrap .visualSlide.visual-5{background: url(../img/newmain/main_visual_06.png) no-repeat; background-position: center; background-size: cover;}
@media all and (min-width:2559px) {
    #mainWrap .visualSlide.visual-0{background-size:contain;}
}
#mainWrap .visualContent{width: 1128px; padding: 0 15px; margin: 0 auto; position: relative; height: 100%;}
#mainWrap .imgSubText{position: absolute; bottom: 25px; right: 50px; color: #fff; font-size: 16px; text-align: right; font-weight: 300; text-shadow: 0px 0px 4px #000;}
#mainWrap .imgSubText span{display: block;}
#mainWrap .imgSubText span:last-child{font-size: 18px; margin-top: 5px;}
#mainWrap .visualText{position: absolute; top: 100px; width: calc(100% - 30px); padding-top: 100px; padding-left: 50px; box-sizing: border-box;}
#mainWrap .visualText > span{font-size: 22px; opacity: 0.7; display: block; margin-bottom: 16px; color: #fff; font-weight: 300;}
#mainWrap .visualText > span strong{font-weight:normal;}
#mainWrap .visualText > p{color: #fff; font-size: 40px; line-height: 1.2;}
#mainWrap .visualText .moreBtn{display:inline-block; padding: 12px 24px; border: 2px solid #fff; border-radius: 8px; background-color: rgba(0,0,0,.2); color: #fff; font-size: 16px; box-sizing: border-box; margin-top: 48px; width: auto;}
#mainWrap .paperDownLoad{color: #fff; font-size: 14px; padding: 6px 8px; border: 1px solid #fff; border-radius: 8px; position: absolute; bottom: 60px; left: 65px; background-color: rgba(0,0,0,.2);}
#mainWrap .innerVisual{position: relative; height: 100%;}
#mainWrap .slidePagenation{bottom: 0; width: 1128px; padding: 0 15px; margin: -40px auto 0; position: relative; z-index: 10;}
#mainWrap .slideControl{display: flex; padding-left: 50px;}
#mainWrap .slideControl .slideBullet:before{display:block;content:"";position:absolute;width:24px;height:24px;box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-2;}
#mainWrap .slideControl .slideBullet{width: 12px; height: 12px; border-radius: 100%; display: flex; margin-right: 12px; transition: all .5s; border: 1px solid #fff; box-sizing: border-box;position:relative;z-index:2;}
#mainWrap .slideControl .slideBullet.active{background-color: #fff; }
#mainWrap .slideControl .slideBullet:last-child{margin-top: 10px;}
#mainWrap .slideControl .playingBtn:before{display:block;content:"";position:absolute;width:24px;height:24px;box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-2}
#mainWrap .slideControl .playingBtn{width: 10px; height: 10px; text-indent: -9999px; background: url(../img/newmain/play_ico.svg) no-repeat; transition: all 0.2s;position:relative;}
#mainWrap .slideControl .playingBtn.active{background: url(../img/newmain/stop_ico.svg) no-repeat;}

#mainWrap .contentSection:nth-child(even){background-color: #f5f6f7;}
#mainWrap .contentSection .innerContent{width: 1128px; margin: 0 auto; padding: 0 15px;}

.contentArea{padding: 100px 0;}
.contentArea.firstSpace{padding: 40px 0 80px;}

.linkContainer{display: flex; justify-content: space-between;}
.quickContent{width: 100%; margin-right: 24px;}
.quickArea{display: flex; margin-bottom: 40px;}
.quickArea .quickLink{display: flex; width: 100%; justify-content: space-between;}
.quickArea .quickLink li{width: 120px; text-align: center; padding: 8px 0;}
.quickArea .quickLink li span{background-repeat: no-repeat; background-position: top; display: block; padding-top: 56px; color: #333; font-size: 14px; line-height: 1.4;}
.quickArea .quickLink .quick01 span{background-image: url(../img/newmain/quick_link_icon_01.svg);}
.quickArea .quickLink .quick02 span{background-image: url(../img/newmain/quick_link_icon_02.svg);}
.quickArea .quickLink .quick03 span{background-image: url(../img/newmain/quick_link_icon_03.svg);}
.quickArea .quickLink .quick04 span{background-image: url(../img/newmain/quick_link_icon_04.svg);}
.quickArea .quickLink .quick05 span{background-image: url(../img/newmain/quick_link_icon_05.svg);}
.quickArea .quickLink .quick06 span{background-image: url(../img/newmain/quick_link_icon_06.svg);}
.quickArea .quickLink .quick07 span{background-image: url(../img/newmain/quick_link_icon_07.svg);}
.directArea .directContent{width: 264px; height: 204px; background:url(../img/newmain/direct_quick_img.svg) #f60 no-repeat right bottom; border-radius: 24px; padding: 32px; box-sizing: border-box; display: block;}
.directArea .directContent p{color: #fff; font-size: 18px; line-height: 1.4; margin-bottom: 40px;}
.directArea .directContent > div{display: inline-block; background-color: #f35800; color: #fff; font-size: 12px; line-height: 1.4; border-radius: 8px; padding: 6px 12px; box-sizing: border-box;}
.directArea .directContent span{background: url(../img/newmain/direct_arrow.svg) no-repeat right center; padding-right: 18px;}

.searchContent{display: flex; justify-content: space-between;}
.searchContent .searchArea{width: 552px; position: relative;}
.searchContent .searchArea input{width: 100%; height: 72px; border: none; box-sizing: border-box; background-color: #f1f2f5; border-radius: 24px; padding: 20px 24px 20px 80px; font-size: 22px; font-family: 'HanwhaGothic'; font-weight: 300; color: #272b2f;}
.searchContent .searchArea input::-ms-clear,
.searchContent .searchArea input::-ms-reveal{display: none; width: 0; height: 0;}
.searchContent .searchArea input::-webkit-search-decoration,
.searchContent .searchArea input::-webkit-search-cancel-button,
.searchContent .searchArea input::-webkit-search-results-button,
.searchContent .searchArea input::-webkit-search-results-decoration{display: none;}
.searchContent .searchArea .searchBtn{width: 40px; height: 40px; text-indent: -9999px; background: url(../img/newmain/search_icon.svg) no-repeat; position: absolute; top: 50%; transform: translateY(-50%); left: 24px;}
.searchContent .searchArea .searchCleanBtn{width: 28px; height: 28px; text-indent: -9999px; background: url(../img/newmain/search_clean_icon.svg) no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: 24px; display: none;}
.salesman{display: flex; align-items: center; margin-right: 24px; display: none;}
.salesman a{background: url(../img/newmain/salesman_check_icon.svg) no-repeat; padding: 11px 0 11px 52px; display: inline-block; color: #272b2f; font-size: 16px; line-height: 1.4;}
.remodelingInfo{display: flex; align-items: center; width: 264px;}
.remodelingInfo a{padding: 14px 18px 14px 20px; display: block; height: 100%; width: 100%; text-align: left; color: #272b2f; border: 1px solid #f1f2f5; border-radius: 24px; box-sizing: border-box; font-size: 16px; background: url(../img/newmain/point_find_arrow.svg) no-repeat center right 24px;}
.remodelingInfo a span{display: flex; align-items: center; height: 100%; padding-left: 48px; background: url(../img/newmain/remodeling_info_ico.svg) no-repeat;}

.bannerConteiner{margin-top: 48px;}
.bannerContent{display: flex; justify-content: space-between;}
.bannerContent > li{border-radius: 24px; width: 552px; position: relative;}
.developBanner{overflow: hidden; position: relative;}
.developBanner ul{overflow: hidden; width: 5000px; clear: both;}
.developBanner ul li{float: left; width: 552px; height: 144px; margin-right: 20px;}
.developBanner ul li a{display: inline-block; width: 100%; height: 100%; overflow: hidden; outline:0;}
.developBanner ul li a.focusing{position: relative;}
.developBanner ul li a.focusing::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; border: 3px dashed #000; box-sizing: border-box; height: 100%; border-radius: 24px;}
.developBanner ul li a img{width: 100%; height: 100%; }
.hardBanner{background:#f60 url(../img/newmain/right_banner_img.png) no-repeat; background-position: center right 40px;background-size:100px 96px;}
.hardBanner a{display: block; padding: 32px 40px; border-radius: 24px;position:relative;}
.hardBanner a span{font-size: 16px; color: rgba(255, 255, 255, 1); line-height: 1.4; font-weight: 300;}
.hardBanner a strong{font-size: 18px; color: #fff; line-height: 1.4; margin-top: 8px; display: block;}
.hardBanner a em{position:absolute;color:#fff;left:40px;bottom:13px;font-size:8px;opacity:0.8;line-height:140%;font-weight:300;}


.bannerController{display: flex; position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);}
.bannerController .bannerBullet{width: 10px; height: 10px; border-radius: 100%; display: flex; margin-right: 8px; transition: all .5s; border: 1px solid #fff; box-sizing: border-box;}
.bannerController .bannerBullet.active{background-color: #fff;}

.bannerController .playingBtn{width: 10px; height: 10px; text-indent: -9999px; background: url(../img/newmain/play_ico.svg) no-repeat; transition: all 0.2s;}
.bannerController .playingBtn.active{background: url(../img/newmain/stop_ico.svg) no-repeat;}

.contentArea h2{font-size: 40px; line-height: 1.4; color: #000; text-align: center;}
.tabConteiner{margin-top: 60px;}
.tabConteiner .innerTab{display: flex; justify-content: center;}
.tabConteiner > div > ul{display: flex;}
.tabConteiner > div > ul li{margin-right: 8px;}
.tabConteiner > div > .tabLink li:last-child{margin-top: 0;}
.tabConteiner .tabMenu li.on button{background-color: #000; color: #fff; outline: 0;}
.tabConteiner .tabMenu li.on button:focus-visible{outline: 3px dotted #44464a; outline-offset: 3px;}
.tabConteiner > div > ul li a,
.tabConteiner > div > ul li button{color: #485059; font-size: 16px; padding: 8px 16px; border-radius: 50px; line-height: 1.5; transition: all .2s; display: block;}
.tabConteiner .tabContent{margin-top: 40px;}
.tabConteiner .tabContent .tabItem{display: none;}
.goodsList{display: flex; justify-content: flex-start; flex-wrap: wrap;gap:24px;}
#tabItem3 .goodsList{justify-content:flex-start}
/* #tabItem3 .goodsList li{margin-right: 24px;} */
#tabItem3 .goodsList li a .goodsItem{display: block; padding-top: 29px;}
.goodsList li{background-color: #fff; border-radius: 24px; background-repeat: no-repeat; background-position: 32px 40px; width: 360px; transition: transform 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s; min-height: 277px;}
.goodsList li:hover{box-shadow: rgb(0 0 0 / 8%) 0px 6px 24px 0px; transform: translateY(-4px);}
.goodsList li.goodstype1{background-image: url(../img/newmain/goods_ico_01.svg);} /* 암 */
.goodsList li.goodstype2{background-image: url(../img/newmain/goods_ico_02.svg);} /* 건강 */
.goodsList li.goodstype3{background-image: url(../img/newmain/goods_ico_03.svg);} /* 정기,종신 */
.goodsList li.goodstype4{background-image: url(../img/newmain/goods_ico_04.svg);} /* 연금, 저축 */
.goodsList li.goodstype5{background-image: url(../img/newmain/goods_ico_05.svg);} /* 치아 */
.goodsList li.goodstype6{background-image: url(../img/newmain/goods_ico_06.svg);} /* 어린이 */
.goodsList li.goodstype7{background-image: url(../img/newmain/goods_ico_07.svg);} /* 대출 */
.goodsList li.goodstype8{background-image: url(../img/newmain/goods_ico_08.svg);} /* 신용대출 */
.goodsList li.goodstype9{background-image: url(../img/newmain/goods_ico_09.svg);} /* 담보대출 */
.goodsList li.goodstype10{background-image: url(../img/newmain/goods_ico_10.svg);} /* 펀드 */
.goodsList li.goodstype11{background-image: url(../img/newmain/goods_ico_11.svg);} /* 신탁 */
.goodsList li.goodstype12{background-image: url(../img/newmain/goods_ico_12.svg);} /* 퇴직연금 */
.goodsList li.goodstype13{background-image: url(../img/newmain/goods_ico_13.svg);} /* 퇴직연금 */
.goodsList li.goodstype14{background-image: url(../img/newmain/goods_ico_14.svg);} /* 퇴직연금 */
/* .goodsList li:nth-child(n+4){margin-top: 24px;} */
.goodsList li a{display: flex; height: 100%; padding: 40px 32px; box-sizing: border-box; flex-direction: column; justify-content: space-between;}
.goodsList li a .goodsTitle{color: #222; font-size: 18px; line-height: 1.3; margin-bottom: 43px; padding-top: 57px; word-break: keep-all;}
.goodsList li a .goodsSubTitle{display: block; font-size: 14px; line-height: 1.5; color: #272b2f; margin-bottom: 8px; font-weight: 300;}
.goodsList li a .goodsItem{color: #8c959d; font-size: 14px; line-height: 1.5; font-weight: 300;}

.sectionCard{margin-top: 60px;}
.sectionCard .lifeCardList{display: flex; justify-content: space-between; flex-wrap: wrap;}
.sectionCard .lifeCardList li{width: 360px;}
.sectionCard .lifeCardList li:nth-child(n+4){margin-top: 40px;}
.sectionCard .lifeCardList li.youtubeArea{width: 744px;}
/* .sectionCard .lifeCardList li.youtubeArea .youtubeSection{display: flex; justify-content: space-between;} */
.sectionCard .lifeCardList li.youtubeArea iframe{border-radius: 24px; display: block;}
.sectionCard .lifeCardList li.youtubeArea .scriptArea{position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
.sectionCard .lifeCardList li.youtubeArea .scriptArea p{white-space: pre-line; word-break: keep-all; font-size: 14px; color: #666; line-height: 1.6; font-weight: 300;}
.sectionCard .lifeCardList li a{display: block;}
.sectionCard .lifeCardList li a img{display: block; width: 100%; margin-bottom: 16px;}
.sectionCard .lifeCardList li span{font-size: 18px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4; max-height: 50px; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 16px;}

.noticeContent{display: flex; justify-content: space-between;}
.noticeContent h3{font-size: 24px; line-height: 1.5; color: #000; margin-bottom: 20px; font-weight: bold;}
.noticeItem li{display: flex; justify-content: space-between; margin-bottom: 16px; font-weight: 300;}
.noticeItem li:last-child{margin-bottom: 0;}
.noticeItem li .noticeTitle{margin-right: 24px; max-height: 24px; width: 388px;}
.noticeItem li .noticeTitle a{font-size: 16px; line-height: 1.5; color: #272b2f;display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 388px;}
.noticeItem li .noticeDate{font-size: 16px; line-height: 1.5; color: #737c85;}
.downloadArea{display: flex; justify-content: space-between;}
.downloadArea .bottomBanner{width: 192px; height: 200px; display: block;border-radius:20px;overflow:hidden;}
.downloadArea .bottomBanner img{display: block; width: 100%;}
.downloadContent{width: 328px; position: relative; margin-right: 60px;}
.downloadContent ul{display: flex; position: absolute; bottom: 0;}
.downloadContent ul li:first-child{margin-right: 6px;}
.downloadContent > p{font-weight: 300;}
.downloadContent ul li span{width: 105px; height: 36px; display: flex; justify-content: center; align-items: center; background-color: #fff; border: 1px solid #e2e2e2;}
.downloadContent .qrItem{position: absolute; right: 0; bottom: 0; width: 86px;}
.downloadContent .qrItem img{display: block; width: 100%; margin-bottom: 5px;}
.downloadContent .qrItem span{color: #737c85; font-size: 11px; line-height: 1.4; letter-spacing: -0.55px; display: block; text-align: center;}

.bottomContenier{border-bottom: 1px solid #e2e5ea; position: absolute; width: 100%; background-color: #fff; z-index: 1000;}
.innerBottom{position: relative; overflow: hidden;}
.innerBottom::before{content:''; width: 100%; height: 1px; background-color: #e2e5ea; bottom: 55px; position: absolute;}

.bottomContenier .bottomContent{width: 1128px; margin: 0 auto; padding: 0 15px;}
.bottomContenier .bottomContent .infoList{display: flex; justify-content: space-between; border-right: 1px solid #e2e5ea; border-left: 1px solid #e2e5ea; }
.bottomContenier .bottomContent .infoList > li{width: 100%; border-right: 1px solid #e2e5ea; display: flex; flex-direction: column-reverse; justify-content: space-between;}
.bottomContenier .bottomContent .infoList > li:last-child{border-right: none;}
.bottomContenier .bottomContent .infoList .infoItem button{padding: 20px; display: block; width: 100%; line-height: 16px; text-align: left; background: url(../img/newmain/arrow_ico.svg) no-repeat center right 16px;}
.bottomContenier .bottomContent .infoList .infoInner{padding: 32px 20px; display: none;}
.bottomContenier .bottomContent .infoList .infoInner li{margin-bottom: 18px; transform: skew(-0.03deg);}
.bottomContenier .bottomContent .infoList .infoInner li *,
.bottomContenier .bottomContent .infoList .infoItem button{font-size: 14px; color: #737c85;}
.bottomContenier .bottomContent .infoList .infoInner li:last-child{margin-bottom: 0;}
/* .bottomContenier .bottomContent .infoList.on .infoInner{margin-top: 0 !important;} */
.bottomContenier .bottomContent .infoList .infoInner li.number-type2{line-height:16px;}
.bottomContenier .bottomContent .infoList .infoInner li.number-type2 span > b{font-size:12px;font-weight:400;}

#main_footer{background-color: #272b2f; padding: 120px 0 50px;}
#main_footer .innerFooter{width: 1128px; margin: 0 auto; padding: 0 15px; position: relative;}
#main_footer .footerQuick{display: flex; margin-bottom: 30px; justify-content: space-between;}
#main_footer .footerQuick .innerQuick{display: flex;}
#main_footer .footerLogo{width: 100px; margin-right: 40px;}
#main_footer .footerLogo img{display: block; width: 100%;}
#main_footer .footerLink{display: flex; align-items: center; }
#main_footer .footerLink li{margin-left: 20px;}
#main_footer .footerLink li:first-child{margin-left: 0;}
#main_footer .footerLink li:first-child a{font-size: 14px; font-weight: 600;}
#main_footer .footerLink li a{display: block;}
#main_footer .footerLink li a,
#main_footer .footerInfo li *{color: #f5f6f7; font-size: 12px;}
#main_footer .footerInfo li{margin-bottom: 8px; font-weight: 300;}
#main_footer .footerInfo li:last-child{margin-bottom: 0;}
#main_footer .footerInfo span{position: relative; padding-left: 8px; margin-left: 8px;}
#main_footer .footerInfo span::before{content:''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 11px; background-color: #f5f6f7;}
#main_footer .footerInfo span:first-child{margin-left: 0; padding-left: 0;}
#main_footer .footerInfo span:first-child::before{display: none;}
#main_footer .footerInfo address{display: inline-block;}
#main_footer .supportArea{display: flex; align-items: center;}
#main_footer .supportArea ul{display: flex;}
#main_footer .supportArea ul.snsLink{width: 83px; justify-content: space-between;}
#main_footer .supportArea > ul > li:last-child{margin-left: 28px;}
#main_footer .supportArea .languageLink li a{color: #fff; font-size: 12px; line-height: 1.5; display: block; letter-spacing: 0.5px;}
/* #main_footer .supportArea .languageLink li:first-child{margin-right: 10px; padding-right: 10px; position: relative;}
#main_footer .supportArea .languageLink li:first-child::before{content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 11px; background-color: #a6abb1;} */
#main_footer .partners{position: absolute; bottom: 0; right: 15px;}
#main_footer .partners ul{display: flex; width: 486px; justify-content: space-between;}
#main_footer .partners ul li{position: relative;}
#main_footer .partners ul li .partners-tooltip{display:none;position:absolute;bottom:70px;right:0;padding:10px;border-radius:8px;background-color:rgba(0,0,0,0.85);text-align:left;font-size:12px;min-width:260px;z-index:10; transform: skew(-0.03deg);}
#main_footer .partners ul li .partners-tooltip h4{color:#fff;}
#main_footer .partners ul li .partners-tooltip dl{padding-top:8px;display: flex;align-items: flex-start;justify-content: left;color:#bcbcbc;line-height:1.3;}
#main_footer .partners ul li .partners-tooltip dl dt{width:60px;}
#main_footer .partners ul li .partners-tooltip dl dd{width: calc(100% - 50px);}
#main_footer .partners ul li .partners-tooltip::after{display:block;content:'';width:0;height:0;border-top:5px solid rgba(0,0,0,0.85);border-left:5px solid transparent;border-right:5px solid transparent;border-right:5px solid transparent;position:absolute; right:15px;bottom:-5px;}

/* 개편안내 레이어 */
.alertPopupRenew {text-align:center;padding-bottom:20px;}


/* 메인 안내 팝업 */
/* .sysLayer {width:552px;height:auto;box-sizing:border-box;padding:58px 30px;border-radius:16px;}
.sysLayer .sysImg img{width:100%;}
.sysLayer .close{display:block; position:absolute;right:21px; top:20px; width:20px; height:19px; background: url(../img/main/btn_close_02.png) no-repeat; font-size:0; line-height:0; text-indent:-9999px;}
.sysLayer .cont{padding:40px 51px 40px;background:#ffffff;border-radius:3px;}
.sysLayer .txt01 {padding:135px 0 30px; background: url(../img/main/bg_pc_01.png) no-repeat center top; text-align:center;}
.sysLayer .txt01 strong {display:block; font-size:30px; color:#f47320; line-height:48px; letter-spacing:-2px; font-weight:normal;}
.sysLayer .txt01 span {display:block; margin-top:5px; font-size:20px; line-height:27px; color:#222222; letter-spacing:-2px;}
.sysLayer .txt02 {padding-top:26px; border-top:1px solid #e2e2e2; text-align:center; font-size:20px; line-height:24px; color:#f47320; letter-spacing:-2px;}
.dimd {display:inline-block;content:'';position:absolute;left:0;top:0; width:100%; height:100%; background:RGBA(0,0,0,0.6); z-index:10;} */

/* 회사소개 메인 */
.wrapper.companyMain {border-top:none;}
.companyMainWrap {width:100%; min-height:996px; background: url(../img/company/bg_main02.jpg) no-repeat center top; background-size:cover;}
.companyMainHeader {height:200px;}
.companyMainHeader .contents {position:relative; width:auto;}
.companyMainHeader .logo.company02 {position:absolute; left:40px; top:52px; display:block; width:214px; height:41px; background:url(../img/company/logoC_hanwhalife02.png) no-repeat 0 0;}
.companyMainHeader .utilWr:after {display:block; content:''; clear:both;}
.companyMainHeader .util {float:right;}
.companyMainHeader .util > li {float:left; padding:12px 15px 1px 16px; border-left:1px solid RGBA(255,255,255,0.2); font-size:13px; color:#333; text-align:center; vertical-align:top;}
.companyMainHeader .util > li:first-child{border-left:0;}
.companyMainHeader .util > li:last-child{border-left:0;padding:6px 33px 0 22px;}
.companyMainHeader .util > li a {text-decoration:none; color:#fff;}
.companyMainHeader .util > li .btnSch { width:34px; height:30px;  background:url(../img/button/btn_search_white_m.png) no-repeat 50% 50%;}
.companyMainHeader .gnbWrap {position:absolute;right:0; top:23px; width:auto;}
/* .companyMainHeader .gnbWrap .gnb {overflow:hidden;} */
.companyMainHeader .gnbWrap .gnb:after{content: '';display: block;clear:both}
.companyMainHeader .gnbWrap .gnb li {float:left; padding:0 30px;}
.companyMainHeader .gnbWrap .gnb li:last-child {padding: 0 20px 0 30px;}
.companyMainHeader .gnbWrap .gnb li a {display:inline-block;margin:1px 1px;color:#fff; font-size:20px; text-decoration:none;}
.companyMainHeader .gnbWrap .gnb li a:focus{outline:0} /* 웹접근성 포커스  */
.companyMainHeader .gnbWrap .gnb li a:focus-visible{outline:2px dashed #fff} /* 웹접근성 포커스  */
.companyMainCont {position:relative; clear:both; padding: 0 80px;}
.companyMainCont .companyMaintxt {width:509px; height:142px; background:url(../img/company/txt_company08.png) no-repeat; font-size:0; line-height:0; text-indent:-9999px;}
.newsList01 {padding-top:299px;}
.newsList01 li .icoNew {display:inline-block; width:58px; height:22px; background:#ffffff; border-radius:11px; text-align:center; vertical-align:middle; font-size:15px; line-height:20px; color:#2074ac;}
.newsList01 li a {display:inline-block; width:auto; max-width:382px; overflow: hidden; margin-left:6px; white-space: nowrap; word-wrap: normal; font-size: 16px; color: #fff; line-height: 20px; letter-spacing: -0.05em; text-overflow: ellipsis; vertical-align:middle;}
.newsList01 li .dateTxt {display:inline-block; margin-left:5px; color:#fff; font-size:16px; line-height:22px; vertical-align:-3px;}
.newsList01 li .dateTxt:before {display:inline-block;content:'';margin-right:11px; width:1px; height:15px; background:#9bb1c1; vertical-align:-2px;}
.menuInfo {overflow:hidden; margin-top:30px;}
.menuInfo li {position:relative; float:left; width:218px; height:218px; margin-left:10px; border:1px solid #fff;}
.menuInfo li:first-child {margin-left:0;}
.menuInfo li a {display:block;width:100%;height:100%; text-decoration:none; color:#fff;}
.menuInfo li a .tit {position:absolute; left:31px; top:30px;}
.menuInfo li a .txt {position:absolute; left:30px; top:128px;}
.menuInfo li a .num01 {display:block; position:absolute; left:30px; top:127px; padding-left:18px; font-size:14px; color:#fff;}
.menuInfo li a .up {background:url(../img/company/icon_up01.png) no-repeat 0 6px;}
.menuInfo li a .num02 {display:block; position:absolute; left:30px; top:137px; font-size:48px; color:#fff;}
.companyRightCont {position:absolute; right:80px; top:0; width:280px;height:100%;}
.companyRightCont a:first-child {display:block; margin-bottom:10px;width:280px;}
.companyRightCont a:first-child img{width: 100%;}
.companyRightCont .snsWrap {position: absolute;bottom:0;left:0; margin:105px 0 0 6px;}
.companyRightCont .snsWrap:after{content: '';display:block;clear: both;}
.companyRightCont .snsWrap li {float:left;}
.companyRightCont .snsWrap li a {display:block; height:41px; margin-bottom:0;margin:1px 1px; background:url(../img/company/btn_sns01.png) no-repeat; font-size:0; line-height:0; text-indent:-9999px;}
.companyRightCont .snsWrap li a:focus{outline:0} /* 웹접근성 포커스 */
.companyRightCont .snsWrap li a:focus-visible{outline:2px dashed #fff} /* 웹접근성 포커스 */
.companyRightCont .snsWrap li a.youtube {width:49px;}
.companyRightCont .snsWrap li a.lifenTalk {width:58px; margin-left:23px; background-position:-72px 0;}
.companyRightCont .snsWrap li a.facebook {width:52px; margin-left:24px; background-position:-154px 0;}
.companyRightCont .snsWrap li a.twitter {width:41px; margin-left:26px; background-position:-232px 0;}
.wrapper.companyMain .footer .contents {width:auto;margin:0;}
.wrapper.companyMain .footer .footSitemapWr nav {margin:22px 0 21px 40px;}
.wrapper.companyMain .footer .csList {margin:12px 0 17px 40px;}
.wrapper.companyMain .footSitemapWr .family {right:31px;}
.wrapper.companyMain .footer address, 
.wrapper.companyMain .footer .copyright {margin-left:40px;}
.wrapper.companyMain .footer .partners {right:40px;}
.wrapper.companyMain .footer .partners .partners-tooltip{display:none;position:absolute;bottom:66px;right:70px;padding:10px;border-radius:8px;background-color:rgba(0,0,0,0.85);text-align:left;font-size:12px;min-width:260px;z-index:10;}
.wrapper.companyMain .footer .partners .partners-tooltip h4{color:#fff;}
.wrapper.companyMain .footer .partners .partners-tooltip dl{padding-top:8px;display: flex;align-items: flex-start;justify-content: left;color:#bcbcbc;line-height:1.3;}
.wrapper.companyMain .footer .partners .partners-tooltip dl dt{width:60px;}
.wrapper.companyMain .footer .partners .partners-tooltip dl dd{width: calc(100% - 50px);}
.wrapper.companyMain .footer .partners .partners-tooltip::after{display:block;content:'';width:0;height:0;border-top:5px solid rgba(0,0,0,0.85);border-left:5px solid transparent;border-right:5px solid transparent;border-right:5px solid transparent;position:absolute; right:15px;bottom:-5px;}
.wrapper.companyMain .footer .partners a{display:block;width:50px;height:60px;background-color:transparent;right:64px;bottom:0;position: absolute;cursor:default;text-indent: -9999px;}



/* [210623] 사업자번호등재 */
.mainScreen .footer .copyright {margin-left: 0 !important;}
.mainScreen .footer .info .info_sub span + span {display: inline-block; margin-left: 16px;}

/* 팝업 */
.popBody.popType2 {position: relative; padding-bottom: 10px;}
.popBody.popType2 .popTable {width: 100%; border-collapse: collapse;}
.popBody.popType2 .popTable tbody th,
.popBody.popType2 .popTable tbody td {padding: 14px 0; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; font-size: 16px; color: #222;}
.popBody.popType2 .popTable tbody th {text-align: center; font-weight: normal; border-right: 1px solid #e3e3e3; background-color: #fafafa;}
.popBody.popType2 .popTable tbody td {padding-left: 20px; text-align: left;}
.popBody.popType2 .popTxt {margin-bottom: 10px; font-size: 16px; color: #222; font-weight: bold;}
.popBody.popType2 .popTxtSub {font-size: 16px; color: #222;}
.popToday {position: absolute; left: 0; bottom: -52px;}
.popToday input[type="checkbox"] + label {display: inline-block; min-width: 152px; line-height: 1.4; padding-left: 30px; font-size: 16px; color: #fff;}

/* 20220615 이벤트 팝업 */
.popBody.event{padding:40px 40px 0}
.event .imgThumb{position:absolute;right:40px;top:23px;}
.event .imgThumb img{display:block;width:329px;height:260px}
.event .itemSt{font-style: italic;}
.event .contBox .text {padding-top:20px;line-height:28px;font-size:18px;}
.event .contBox .text img{display:inline-block;}
.event .contBox .text .brown{color:#937b6e;font-weight:bold;}
.event .contBox .textSub{font-size:26px;line-height:36px;font-weight:bold;letter-spacing: -1px;}
.event .contBox .textSub .item{position: relative;display:inline-block;z-index:1;}
.event .contBox .textSub .item:before{content:'';position: absolute;bottom:0;left:0; width:100%;height: 13px;background-color: #fec33b;z-index:-1}
.event .contBox .descNum{font-size:20px;font-weight:bold;letter-spacing: -1px;}
.event .contBox .descDay{padding-top:18px;font-size:16px;}
.event .useBox{position: relative; margin-top:62px;padding: 20px 20px;border-radius:5px;background-color: #fef8f4}
.event .useBox .useText{font-size:14px;color:#222;font-weight:bold;}
.event .useBox .linkuse{display:block;width:152px;height:27px;margin:5px 0 0 -9px;background:url(../img/main/img_text03.png) no-repeat}
.event .useBox .qrinner {position: absolute;top:15px;right:20px}
.event .useBox .qrinner .imgQr{display:block;margin: 0 auto;;width:70px;height:70px;background:url(../img/main/img_Qr.png) no-repeat;background-size:70px 70px}
.event .useBox .qrinner .textQr{display:block;width:124px;height:14px;margin-top:5px;background:url(../img/main/img_textQr.png) no-repeat;background-size:124px 14px}

.event .infoBox{padding-top:15px;}
/* .event .infoBox .listInfo{padding-top:6px;} */
.event .infoBox .infoText{font-weight:bold;font-size:14px;}
.event .infoBox .listInfo li{color:#666;font-size:14px;line-height:21px;}
.event .infoBox .listInfo li img{display:inline-block;}

/* 상단배너 */
.mtop_banner .cont {position:relative; width: 1128px; margin:0 auto; padding: 0 15px;}
.mtop_banner .txt {line-height:18px;; text-align: center; padding: 10px 0;display: flex;justify-content: center;align-items: center;font-weight: 300;}
.mtop_banner .txt label {display:inline-block;padding-left:30px;color:#fffefe;font-size:14px;display: flex;align-items: center;}
.mtop_banner .txt .btnClose {display:inline-block;position:relative;margin-left:7px;padding-left:14px;color:#fffefe;font-size:14px;vertical-align:1px;}
.mtop_banner .txt .btnClose:after{display:inline-block;content:'';position:absolute;left:0;top:3px;width:1px;height:10px;background:#ffffff;}
.mtop_banner .txt .btnClose img {vertical-align:middle;}

/* 메인 레이어팝업 */
.sysLayer-dim{position:fixed;background-color:rgba(0,0,0,0.25);left:0;top:0;width:100%;height:100%;display:flex;justify-content: center;align-items: center;z-index:1000;}
.sysLayer-dim .sysLayer{z-index:3;background-color:#fff;width:552px;height:auto;box-sizing:border-box;padding:58px 30px;border-radius:16px;position:relative;}
.sysLayer-dim .sysLayer *{font-weight: 400;font-family: 'Malgun Gothic', '맑은 고딕';}
.sysLayer-dim .sysLayer .sys-close{position:absolute;right:30px;top:32px;z-index:3;}
.sysLayer-dim .sysLayer > p.subject{font-weight:bold;font-size:22px;letter-spacing:-0.05em;line-height:1.2;}
.sysLayer-dim .sysLayer > p.date{padding-top:10px;color:#7e7c7a;}
.sysLayer-dim .sysLayer > p.cont{padding-top:24px;}