@charset "UTF-8";


html { height: 100%; overflow: hidden; touch-action: none;  }
body { position: fixed; max-width: none; height: 100%; overflow: hidden; touch-action: none; }
header { max-width: none; -webkit-transition: all 1s ease; transition: all 1s ease; }
footer { position: absolute; top: 0; -webkit-transform: translate3d(0px, 400%, 0px); transform: translate3d(0px, 400%, 0px); }
#content { position: relative; height: 100%; overflow: hidden;  }

#main_visual{ position: absolute; display: block; width: 100%; min-width: 1080px; height: 100%; background-size: cover; overflow: hidden; }
#main_wedo{ position: absolute; display: block; width: 100%; min-width: 1080px; height: 100%; transform: translate3d(0px, 100%, 0px); -webkit-transform: translate3d(0px, 100%, 0px); -moz-transform:translate3d(0px, 100%, 0px); -ms-transform: translate3d(0px, 100%, 0px); }
#main_wedo.main_wedo { background: url(/static/img/main/main_wedo_bg.jpg) no-repeat center; background-size: cover; }
#main_weare { position: absolute; display: block; width: 100%; min-width: 1080px; height: 100%; transform: translate3d(0px, 100%, 0px); -webkit-transform: translate3d(0px, 100%, 0px); }
#main_weare.main_weare { background: url(/static/img/main/main_weare_bg.jpg) no-repeat center; background-size: cover; }
#main_corps { position: absolute; display: block; width: 100%; min-width: 1080px; height: 100%; background: #f9fbfc; background-size: cover; overflow: hidden; transform: translate3d(0px, 100%, 0px); -webkit-transform: translate3d(0px, 100%, 0px); }
.main_scroll { position: absolute; top: 0; left: 0; transition: transform 1s ease; -webkit-transition: transform 1s ease;}
.main_scroll:first-child { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }
.main_opacity { animation: main_opacity 1000ms linear; -webkit-animation: main_opacity 1000ms linear; }
@keyframes main_opacity {
 0% { opacity: 1; }
 25% { opacity: 0; }
 75% { opacity: 0; }
 100% { opacity: 1; }
}
/* main_visual 영역 */
.main_visual_text { position: absolute; width: 100%;  text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%); }
.main_visual_border_white { overflow: hidden; width: 42px; height: 4px; margin: auto;  padding-top: 1px; border-width: 2px; box-sizing: border-box; opacity: 0; }
.main_visual_linkhub { overflow: hidden; height: 44px; margin: 29px 0 0 0; padding-top: 44px; font-size: 43px; font-family: 'NotoSansKR-Medium'; line-height: 43px; color: #ffffff; letter-spacing: -1.5px; box-sizing: border-box; }
.main_visual_title span { padding-right: 20px; background: url(/static/img/main/main_visual_text_point.png) no-repeat 311px 44px; }
.main_visual_title { overflow: hidden; margin: 0 0 14px 0; height: 44px; padding-top: 44px; font-size: 44px; font-family: 'NotoSansKR-Medium'; line-height: 44px; color: #ffffff; letter-spacing: -1.5px; box-sizing: border-box; }
.main_visual_sub_title { overflow: hidden; margin: 0 0 35px 0; height: 44px; padding-top: 44px; font-size: 44px; font-family: 'NotoSansKR-Thin'; line-height: 44px; color: #ffffff; letter-spacing: -1.5px; box-sizing: border-box; }

#main_visual_scrollbar { position: absolute;  text-align: center; bottom: 0; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);   z-index: 5; }
#scrollbar_title { margin-bottom: -8px; font-size: 15px; font-family: Malgun Ghotic; line-height: 15px; color: #d1d1d4; letter-spacing: 3px; }
#scrollbar_border { position: relative; width: 1px; height: 95px; margin: auto; border-left: 1px solid #a0a1ab;}
#scrollbar_animation_border { position: relative; width: 1px; height: 22px; margin: auto; border-left: 1px solid #ffffff;  transform: translateY(22px); -webkit-transform: translateY(22px); animation: scroll_motion 1s infinite linear; z-index: 10; }
.main_wrap_opacity_zero { opacity:0; transition: opacity 1s 1s ease; -webkit-transition: opacity 1s 1s ease; }
.main_title { animation: main_title 1s 500ms forwards cubic-bezier(0.21, 0.86, 0.33, 0.93); -webkit-animation: main_title 1s 500ms forwards cubic-bezier(0.21, 0.86, 0.33, 0.93); }
.main_border { animation: main_border 1s 500ms forwards cubic-bezier(0.21, 0.86, 0.33, 0.93); -webkit-animation: main_border 1s 500ms forwards cubic-bezier(0.21, 0.86, 0.33, 0.93); }
@keyframes main_title {
 100% { padding-top: 0; }
}
@keyframes main_border {
 0% { opacity: 0; }
 100% { opacity: 1; }
}
@keyframes scroll_motion {
 0% { -webkit-transform: translateY(22px); transform: translateY(22px); }
 100% { -webkit-transform: translateY(117px); transform: translateY(117px); }
}
@keyframes main_divide_slide {
 0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
 100% { -webkit-transform: translateX(100%); transform: translateX(100%); }
}


/* main_divide_section 영역  */
#main_visual_wrap { width: 100%; height: 100%; position: absolute; top: 0; z-index: 5; background: url(/static/img/main/main_divide_section.jpg) no-repeat; background-size: 100% 100%; }
#main_visual_logo_line_bg { width: 100%; height: 100%; position: absolute; top: 0; z-index: 15; background: url(/static/img/main/main_visual_logo_line.png) no-repeat; background-size: 100% 100%; }
#main_visual_logo_bg { width: 100%; height: 100%; position: absolute; top: 0; z-index: 10; background: url(/static/img/main/main_visual_logo.png) no-repeat center; background-size: contain; }
#main_divide_section1 { position: relative;; width: 25%; height: 100%; float: left; background: none; overflow: hidden; z-index: 15; }
#main_divide_section2 { position: relative; width: 25%; height: 100%; float: left; background: none; overflow: hidden; z-index: 15; }
#main_divide_section3 { position: relative; width: 25%; height: 100%; float: left; background: none; overflow: hidden; z-index: 15; }
#main_divide_section4 { position: relative; width: 25%; height: 100%; float: left; background: none; overflow: hidden; z-index: 15; }
.main_divide_section { position: relative; float: left; width: 25%; height: 100%; background: transparent; overflow: hidden; z-index: 15; }
.main_visual_bg { position: absolute; width: 100%; height: 100%; transform: scale(1.25, 1.25); -webkit-transform: scale(1.25, 1.25); }
.main_visual_bg_size { -webkit-animation: main_visual_bg_size 1.5s 1.4s forwards cubic-bezier(0.27, 0.1, 0.56, 0.99); animation: main_visual_bg_size 1.5s 1.4s forwards cubic-bezier(0.27, 0.1, 0.56, 0.99); }

#main_visual_bg1.main_visual_bg1 { background: url(/static/img/main/main_visual_bg1.jpg) no-repeat center; background-size: cover; }
#main_visual_bg2.main_visual_bg2 { background: url(/static/img/main/main_visual_bg2.jpg) no-repeat center; background-size: cover; }
#main_visual_bg3.main_visual_bg3 { background: url(/static/img/main/main_visual_bg3.jpg) no-repeat center; background-size: cover; }
.main_divide_section_area { width: 100%; height: 100%; background: transparent;  transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); overflow: hidden; }
.main_divide_section_img { display: block; float: left; width: 100vw; min-width: 1080px; height: 100vh; transform: scale(1.25, 1.25); -webkit-transform: scale(1.25, 1.25); object-fit: cover; }
#main_divide_section_area1 > img {}
#main_divide_section_area2 > img { margin-left: -100%; }
#main_divide_section_area3 > img { margin-left: -200%; }
#main_divide_section_area4 > img { margin-left: -300%; }
.main_curtain { transform: translate3d( 0, 0, 0); -webkit-transform: translate3d( 0, 0, 0); transition: transform 500ms ease; -webkit-transition: transform 500ms ease; }
.main_opacity_zero { opacity: 0; }
@keyframes main_visual_bg_size {
 0% { -webkit-transform: scale(1.25, 1.25); transform: scale(1.25, 1.25); }
 100% { -webkit-transform: scale(1); transform: scale(1); }
}

/* main_wedo 영역 */
/* tb->transparentbox의 줄임말 */
/* wb->whitebox의 줄임말 */
#main_wedo > .corp_standard { height: 676px; }
#main_wedo_text { height: 78px; margin: 0 0 0 44px; text-align: left; }
#main_wedo_cont { margin: 116px 0 0 44px; height: 483px; }
#main_wedo_cont_left { float: left; clear: left; }
#main_wedo_cont_right { float: left; margin: 0 0 0 78px; }
#main_wedo_border_black1 { width: 55px; margin: 0 0 14px 0; border-width: 2px; }
#main_wedo_border_black2 { float: left; width: 260px; margin: 17px 87px 0 76px; }
#main_wedo_title { float: left; font-size: 44px; font-family: 'NotoSansKR-Thin'; line-height: 44px; color: #464646; letter-spacing: -1.5px; }
#main_wedo_title b { font-family: 'NotoSansKR-Medium';  font-weight: normal; color: #000000; }
#main_wedo_sub_title { float: left; margin-top: -14px; font-size: 28px; font-family: 'NotoSansKR-Thin'; line-height: 40px;color: #222222; letter-spacing: -.25px; animation-delay: 1s; -webkit-animation-delay: 1s; }
#title_box_left { float: left; width: 482px; height: 51px; margin: 0 0 30px 0; background: url(/static/img/main/main_wedo_tb_box_line.jpg) no-repeat 0px 47px; }
.main_wedo_tb_title { float: left; font-size: 26px; font-family: 'NotoSansKR-Light'; line-height: 26px; color: #000000; letter-spacing: -1px; }
.main_wedo_white_box { float: left; width: 457px; height: 23px; padding: 29px 0 29px 24px; margin: 0 0 14px 0; border-radius: 5px; background: #ffffff; box-shadow: 0px 0px 20px 2px #e4e8f1; clear: both; transition: color 0.25s; -webkit-transition: color 0.25s; cursor: pointer; }
.main_wedo_wb_title { float: left; font-size: 19px; font-family: 'NotoSansKR-DemiLight'; line-height: 22px; color: #0065bd; }
.main_wedo_wb_sub_title { float: left; font-size: 16px; font-family: 'NotoSansKR-Light'; line-height: 21px; color: #616366; letter-spacing: -.3px; }
.main_wedo_wb_link { float: right; width: 12px; height: 21px; }
.main_wedo_wb_link img { width: inherit; }
.main_wedo_logo { float:left; padding-top: 5px; }
.main_wedo_title_img { float: left; padding: 7px 0 0 14px; }
.main_wedo_title_img_technology{width : 90px; height: 16px;}
.main_wedo_title_img_service{width : 56px; height: 13px;}
#main_wedo_cont_left .main_wedo_wb_title { width: 148px; }
#main_wedo_cont_left .main_wedo_wb_link { margin: 1px 25px 0 0; }
#main_wedo #title_box_left .main_wedo_tb_title { margin: -3px 0 0 18px; }

#hometax_link_box .main_wedo_wb_title { letter-spacing: -.2px; }
#message_link_box .main_wedo_wb_title { letter-spacing: -.2px; }

#main_wedo_cont_right .main_wedo_wb_sub_title { width: 280px; line-height: 22px; }
#main_wedo_cont_right .main_wedo_wb_link { margin: 1px 27px 0 0; }
#main_wedo_cont_right .main_wedo_white_box { float: left; width: 441px; clear: both; }
#main_wedo #title_box_right { float: left; width: 469px; height: 26px; margin: 0 0 33px 77px; padding-top: 22px; background: none; }
#main_wedo #title_box_right > .main_wedo_tb_title { margin: -1px 0 0 17px; }
#main_wedo .title_box_bottom { float: left; width: 469px; height: 21px; margin: 0 0 0 0; background: url(/static/img/main/main_wedo_tb_box_line_reverse.jpg) no-repeat 0 18px; clear: both; }
#main_wedo #title_box_bottom_left { display: none; }
.main_wedo_logo_m { display: none; }

/* main_weare 영역  */
#main_weare > .corp_standard { height: auto; }
#main_weare_cont > .corp_standard { height: auto; }
#main_weare_text { height: 102px; margin: 0 0 54px 53px; text-align: left; }
#main_weare_title { float: left; font-size: 44px; font-family: 'NotoSansKR-Thin'; line-height: 44px; color: #ffffff; letter-spacing: -.25px; }
#main_weare_title b { font-family: 'NotoSansKR-Medium'; font-weight: normal; }
#main_weare_sub_title { float: left; margin-top: -9px; font-size: 30px; font-family: 'NotoSansKR-Thin'; line-height: 42px; color: #ffffff; letter-spacing: -.35px; animation-delay: 1s; -webkit-animation-delay: 1s; }
#main_weare_border_white1 { width: 55px; margin:  0 0 14px 0; border-width: 2px; }
#main_weare_border_white2 { float: left; width: 260px; margin: 19px 95px 0 40px; }
#main_weare_cont { width: 100%; height: 329px; background: url(/static/img/main/main_weare_list_bg2.png) no-repeat center; }
#main_weare_list_title li { float: left; padding-top: 122px; width: 130px; height: 34px; font-size: 24.77px; font-family: 'NanumSquareRoundR'; line-height: 24px; color: #ffffff; letter-spacing: -.5px; }
#main_weare_list_title li > span > b { font-size: 32px; font-family: 'NotoSerifKR-Regular'; font-weight: normal; line-height: 32px; color: #ffffff; letter-spacing: -.25px; }
#main_weare_list_title li:nth-child(1){ margin-left: 99px; }
#main_weare_list_title li:nth-child(2){ margin-left: 102px; color: #c2e1fc; }
#main_weare_list_title li:nth-child(3){ margin-left: 123px; }
#main_weare_list_title li:nth-child(4){ margin-left: 76px; color: #c2e1fc; }
.main_weare_list_sub_title { float:left; width: 203px; font-size: 19px; font-family: Malgun Gothic, 맑은 고딕, Apple SD Gothic Neo; line-height: 34px; color: #dfe8f4; letter-spacing: -1px; text-align: center; }
#main_weare_list_title li:nth-child(1) .main_weare_list_sub_title { margin: 173px 0 0 -74px; }
#main_weare_list_title li:nth-child(2) .main_weare_list_sub_title { margin: 173px 0 0 -60px; }
#main_weare_list_title li:nth-child(3) .main_weare_list_sub_title { margin: 173px 0 0 -67px; }
#main_weare_list_title li:nth-child(4) .main_weare_list_sub_title { margin: 173px 0 0 -30px; }
#main_weare_list_title { width: 1029px; height: 392px; padding-top: 31px; margin-left: 28px; }
#main_weare_list_title.main_weare_list_title { background: url(/static/img/main/main_weare_list_bg3.png) no-repeat  920px 213px, url(/static/img/main/main_weare_list_bg1.jpg) no-repeat 7px 31px; }
#main_weare_list_sub_title { width: 1029px; height: 70px; padding-top: 31px; margin-left: 28px; }

/* main_corps 영역  */
#main_corps > .corp_standard { height: auto; }
#main_corps_text { width: 100%; text-align: center; }
#main_corps_border_black { width: 58px; margin: 0 auto 17px auto ; }
#main_corps_title { font-size: 32px; font-family: 'NotoSansKR-Thin'; line-height: 45px; letter-spacing: -.1px; }
#main_corps_title b{ font-family: 'NotoSansKR-Medium'; font-weight: normal; }
#main_corps_cont { position: relative; height: 595px; margin: 25px 0 0 0; overflow: hidden; }
#main_corps_cont ul{display : flex; justify-content: space-between; flex-wrap:wrap; }
#main_corps_cont ul li{margin : 22px 0 0 0; height : 57px;}
#main_corps_cont ul li img {width : 193px; height: auto;}
#main_corps_cont #main_corps_more{font-family:'NotoSansKR-DemiLight';font-size : 16px;letter-spacing: -0.03em;line-height: 1;position : absolute;right : 0;bottom : 0;background-image:url('../img/main/main_corps_more_arr.png');background-repeat: no-repeat;background-position: bottom left;width : 116px;height : 22px;padding: 0 0 0 11px;box-sizing: border-box;color: #000;}
.lazy_m { display: none; }