/* vw 계산기준 360 */ @media all and (max-width: 1024px) { .w_con {display:none;} .m_con {display:block;} .w_img {display:none;} .m_img {display:inline-block; width:100%;} .w_br {display:none;} .m_br {display:inline;} .w_bar {display:none;} .m_bar {display:inline;} select { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-color:#ffffff; background-image:url("/img/sub/select_arrow.svg"); background-repeat:no-repeat; background-position:right 2.78vw center; background-size:5.00vw; width:100%; } body.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;} /* 체크박스 버튼 */ .checkbox_label {display:inline-block; cursor:pointer;} .checkbox_label input[type=checkbox] {display:none;} .checkbox_label .check_icon {display:inline-block; width:6.11vw; height:6.11vw; background-image:url("/img/sub/checkbox_icon_off.svg"); background-repeat:no-repeat; background-size:contain; vertical-align:middle; cursor:pointer;} .checkbox_label span {vertical-align:middle;} .checkbox_label input[type=checkbox]:checked + .check_icon {background-image:url("/img/sub/checkbox_icon_on.svg");} /* 헤더 */ #header {background:rgba(255,255,255,0.7); backdrop-filter:blur(10px);} #header > .contents_con {max-width:100%; padding:2.78vw 5.56vw; position:relative; z-index:100;} #header > .contents_con > .logo_con {width:21.67vw;} #header > .contents_con > .list_con {display:none;} #header > .contents_con > .btn_con {width:11.11vw;} #header > .contents_con > .btn_con > a {display:block;} #header > .contents_con > .btn_con > a > img {width:100%;} #header > .contents_con > .btn_con > a > img.open {} #header > .contents_con > .btn_con > a > img.closed {display:none;} #header > .sub_nav {display:none;} #header > .site_nav {display:none; width:100%; height:100vh; background:#F4F4F4; position:absolute; top:0; left:0; right:0; z-index:50;} #header > .site_nav > .contents_con {height:100%;} #header > .site_nav > .contents_con > .list_con {height:100%; padding:27.78vw 0; overflow-y:auto;} #header > .site_nav > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:8.33vw;} #header > .site_nav > .contents_con > .list_con > ul > li {padding:0 6.94vw;} #header > .site_nav > .contents_con > .list_con > ul > li > .title_con {} #header > .site_nav > .contents_con > .list_con > ul > li > .title_con > a {display:flex; justify-content:space-between; align-items:center;} #header > .site_nav > .contents_con > .list_con > ul > li > .title_con > a > span {font-family:"Plus Jakarta Sans", sans-serif; font-size:7.22vw; color:#222; font-weight:700; line-height:130%; text-transform:uppercase;} #header > .site_nav > .contents_con > .list_con > ul > li > .title_con > a > img {width:5.00vw;} #header > .site_nav > .contents_con > .list_con > ul > li > .sub_menu {display:none; margin:6.94vw 0 0;} #header > .site_nav > .contents_con > .list_con > ul > li > .sub_menu > .contents_con {} #header > .site_nav > .contents_con > .list_con > ul > li > .sub_menu > .contents_con > ul {display:flex; flex-direction:column; gap:5.56vw;} #header > .site_nav > .contents_con > .list_con > ul > li > .sub_menu > .contents_con > ul > li {} #header > .site_nav > .contents_con > .list_con > ul > li > .sub_menu > .contents_con > ul > li > a {font-family:"Plus Jakarta Sans", sans-serif; display:inline-block; font-size:5.00vw; color:#222; font-weight:500; line-height:130%; text-transform:uppercase;} #header > .site_nav > .contents_con > .list_con > ul > li > .sub_menu > .contents_con > ul > li > a.on {color:#ED1B23; font-weight:700;} /* 헤더 네비게이션 열렸을때 */ #header.active {transform:translateY(-16.67vw);} #header.on > .contents_con {background:#F4F4F4;} #header.on > .contents_con > .btn_con > a > img.open {display:none;} #header.on > .contents_con > .btn_con > a > img.closed {display:block;} /* 메인 컨텐츠 */ #main_con {width:100%; margin:0 auto; background:#FCFCFC; overflow:hidden;} #main_con > .visual_con {width:100%; margin:0 auto; background-color:#DDD;} #main_con > .visual_con > .contents_con {position:relative;} #main_con > .visual_con > .contents_con > .video_con {position:relative !important;} #main_con > .visual_con > .contents_con > .video_con > video {width:100%; height:100%; object-fit:cover !important;} #main_con > .visual_con > .contents_con > .txt_con {left:10.28vw; bottom:10.56vw;} #main_con > .visual_con > .contents_con > .txt_con > .m_con {overflow:hidden;} #main_con > .visual_con > .contents_con > .txt_con > .m_con > .text01_con {display:flex; flex-direction:column;} #main_con > .visual_con > .contents_con > .txt_con > .m_con > .text01_con > p {display:inline-block; width:max-content; position:relative; font-family:"Plus Jakarta Sans", sans-serif; font-size:8.33vw; color:#FFF; font-weight:700; letter-spacing:-0.19vw; text-transform:uppercase; overflow:hidden;} #main_con > .visual_con > .contents_con > .txt_con > .m_con > .text02_con {display:flex; flex-direction:column;} #main_con > .visual_con > .contents_con > .txt_con > .m_con > .text02_con > p {display:inline-block; width:max-content; position:relative; font-family:"Plus Jakarta Sans", sans-serif; font-size:8.33vw; color:#FFF; font-weight:300; letter-spacing:-0.19vw; overflow:hidden;} #main_con > .visual_con > .contents_con > .txt_con > .btn_con {margin:18.06vw 0 0;} #main_con > .visual_con > .contents_con > .txt_con > .btn_con > a {gap:2.22vw;} #main_con > .visual_con > .contents_con > .txt_con > .btn_con > a > span {font-size:5.00vw; letter-spacing:-0.25vw;} #main_con > .visual_con > .contents_con > .txt_con > .btn_con > a > .arrow {width:13.89vw; height:2.02vw;} #main_con > .visual_con > .contents_con > .txt_con > .btn_con > a > .arrow > img {width:12.78vw;} /* 통통 애니메이션 (좌우 살짝) */ @keyframes arrowBounce{ 0%, 100%{ transform: translateX(-1.11vw); } 50%{ transform: translateX(1.11vw); } } #main_con > .visual_con > .contents_con > .txt_con > .m_con > .text01_con > p:after {content:''; width:100%; height:100%; background:#FFF; position:absolute; top:0; right:0;} #main_con > .visual_con > .contents_con > .txt_con > .m_con > .text02_con > p:after {content:''; width:100%; height:100%; background:#FFF; position:absolute; top:0; right:0;} #main_con > .visual_con > .contents_con > .txt_con > .m_con > .text01_con > p:first-child:after {transition:all 0.4s 1.2s ease-out;} #main_con > .visual_con > .contents_con > .txt_con > .m_con > .text01_con > p:nth-child(2):after {transition:all 0.5s 1.5s ease-out;} #main_con > .visual_con > .contents_con > .txt_con > .m_con > .text02_con > p:first-child:after {transition:all 0.4s 1.7s ease-out;} #main_con > .visual_con > .contents_con > .txt_con > .m_con > .text02_con > p:nth-child(2):after {transition:all 0.4s 1.9s ease-out;} #main_con > .visual_con > .contents_con > .txt_con > .m_con > .text02_con > p:nth-child(3):after {transition:all 0.5s 2.1s ease-out;} #main_con > .visual_con > .contents_con.on > .txt_con > .m_con > .text01_con > p:after {width:0;} #main_con > .visual_con > .contents_con.on > .txt_con > .m_con > .text02_con > p:after {width:0;} #main_con > .info01_con > .contents_con {flex-direction:column; justify-content:unset; align-items:unset; gap:6.11vw; max-width:89%; padding:8.33vw 0;} #main_con > .info01_con > .contents_con > .title_con {justify-content:unset; align-items:unset; height:auto; padding:2.78vw 0;} #main_con > .info01_con > .contents_con > .title_con > span {font-size:6.67vw; letter-spacing:-0.15vw;} #main_con > .info01_con > .contents_con > .txt_con {width:100%;} #main_con > .info01_con > .contents_con > .txt_con > .text01_con {gap:1.39vw; padding:0 0 8.33vw;} #main_con > .info01_con > .contents_con > .txt_con > .text01_con > p {font-size:11.11vw; letter-spacing:-0.26vw;} #main_con > .info01_con > .contents_con > .txt_con > .text01_con > p > span {font-size:11.11vw; letter-spacing:-0.26vw;} #main_con > .info01_con > .contents_con > .txt_con > .text01_con > p.w_con {display:none;} #main_con > .info01_con > .contents_con > .txt_con > .text01_con > p.m_con {display:block;} #main_con > .info01_con > .contents_con > .txt_con > .text02_con {flex-direction:column; justify-content:unset; gap:6.67vw; margin:6.39vw 0 0;} #main_con > .info01_con > .contents_con > .txt_con > .text02_con > .text01 > span {font-size:4.44vw; letter-spacing:-0.10vw;} #main_con > .info01_con > .contents_con > .txt_con > .text02_con > .text02 > span {font-size:4.44vw; letter-spacing:-0.10vw;} :root{ --disc-size: 133.33vw; --center-x: 8.33vw; --radius: 66.67vw; --section-h: 320vh; } #main_con > .info02_con {height:auto;} #main_con > .info02_con > .contents_con {position:relative; top:0; left:0; width:100%; height:auto; padding:8.33vw 0;} #main_con > .info02_con > .contents_con > .title_con {position:unset; padding:2.78vw 5.56vw;} #main_con > .info02_con > .contents_con > .title_con > span {font-size:6.67vw; letter-spacing:0.15vw;} #main_con > .info02_con > .contents_con > .menu_list {position:absolute; top:94.44vw; left:var(--center-x); width:var(--disc-size); height:var(--disc-size); transform:translateX(-50%); transform-origin:unset;} #main_con > .info02_con > .contents_con > .menu_list > ul {position:absolute; inset:0; list-style:none;} #main_con > .info02_con > .contents_con > .menu_list > ul > li {display:flex; align-items:center; justify-content:flex-end; width:var(--radius); height:17.78vw; margin-top:-8.89vw; padding-right:7.22vw; position:absolute; left:50%; top:50%; box-sizing:border-box; transform-origin:0 50%; cursor:pointer;} #main_con > .info02_con > .contents_con > .menu_list > ul > li > span {font-size:5.56vw; letter-spacing:-0.14vw;} #main_con > .info02_con > .contents_con > .menu_list > ul > li.is-active > span {font-size:6.67vw;} #main_con > .info02_con > .contents_con > .info_div {position:unset; margin:157.50vw 0 0; transform:unset;} #main_con > .info02_con > .contents_con > .info_div > .info_con {position:relative;} #main_con > .info02_con > .contents_con > .info_div > .info_con > .contents_con {width:100%; margin:0 auto; padding:0 5.56vw; position:unset;} #main_con > .info02_con > .contents_con > .info_div > .info_con > .contents_con > .txt_con > .text01_con > span {font-size:11.11vw; letter-spacing:-0.26vw;} #main_con > .info02_con > .contents_con > .info_div > .info_con > .contents_con > .txt_con > .text02_con {margin:5.28vw 0 0;} #main_con > .info02_con > .contents_con > .info_div > .info_con > .contents_con > .txt_con > .text02_con > span {font-size:5.00vw; letter-spacing:-0.11vw;} #main_con > .info02_con > .contents_con > .info_div > .info_con > .contents_con > .txt_con > .btn_con {margin:7.22vw 0 0;} #main_con > .info02_con > .contents_con > .info_div > .info_con > .contents_con > .txt_con > .btn_con > a {gap:2.22vw;} #main_con > .info02_con > .contents_con > .info_div > .info_con > .contents_con > .txt_con > .btn_con > a > span {font-size:5.00vw; letter-spacing:-0.25vw;} #main_con > .info02_con > .contents_con > .info_div > .info_con > .contents_con > .txt_con > .btn_con > a > .arrow {width:13.89vw; height:2.02vw;} #main_con > .info02_con > .contents_con > .info_div > .info_con > .contents_con > .txt_con > .btn_con > a > .arrow > img {width:12.78vw;} #main_con > .info02_con > .contents_con > .info_div > .info_con > .list_con {margin:14.44vw 0 0;} #main_con > .info02_con > .contents_con > .info_div > .info_con > .list_con > ul {width:100%;} #main_con > .info02_con > .contents_con > .info_div > .info_con > .list_con > ul > li {width:100%; margin-top:0; margin-left:0;} #main_con > .info02_con > .contents_con > .info_div > .info_con > .list_con > ul > li > a > .list_div > .txt_con {padding:2.78vw;} #main_con > .info02_con > .contents_con > .info_div > .info_con > .list_con > ul > li > a > .list_div > .txt_con > .text_con > span {font-size:5.00vw; letter-spacing:-0.11vw;} #main_con > .info02_con > .contents_con > .info_div > .info_con > .list_con > ul > li > a > .list_div > .txt_con > .num_con > span {font-size:13.89vw; letter-spacing:-0.32vw;} #main_con > .info03_con > .contents_con {background:url("/img/main/m_info03_con_bg.png")no-repeat center/cover; background-size:120%; padding:55.56vw 0;} #main_con > .info03_con > .contents_con > .txt_con {gap:15.00vw;} #main_con > .info03_con > .contents_con > .txt_con > .text01_con > span {font-size:7.78vw; letter-spacing:-0.18vw;} #main_con > .info03_con > .contents_con > .txt_con > .text02_con > span {font-size:5.56vw; letter-spacing:-0.13vw;} #main_con > .info03_con > .contents_con > .txt_con > .btn_con > a {height:11.39vw; padding:0 5.56vw; font-size:4.44vw; letter-spacing:-0.10vw;} #main_con > .info04_con > .bg_con > .video_con {} #main_con > .info04_con > .bg_con > .video_con > video {object-fit:cover !important;} #main_con > .info04_con > .contents_con form > .title_con {position:absolute; top:12.78vw; left:4.44vw; padding:0;} #main_con > .info04_con > .contents_con form > .title_con > span {font-size:19.44vw; letter-spacing:-0.45vw;} #main_con > .info04_con > .contents_con form > .form_con {position:unset; padding:26.39vw 0 0;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con {width:88.89vw; margin:0 auto; padding:8.33vw 5.56vw;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .title_con > span {font-size:5.56vw; letter-spacing:-0.13vw;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .input_con {flex-direction:column; align-items:unset; gap:0; margin:14.44vw 0 0;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .input_con > .list_con > ul {gap:0;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .input_con > .list_con > ul > li {width:100%;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .input_con > .list_con > ul > li > .list_div {gap:2.78vw;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .input_con > .list_con > ul > li > .list_div > .title_con > span {font-size:4.44vw; letter-spacing:-0.10vw;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .input_con > .list_con > ul > li > .list_div > .input_con > input {padding:5.56vw 0; font-size:4.44vw; letter-spacing:-0.10vw;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .input_con > .list_con > ul > li > .list_div > .select_con > select {padding:5.56vw 5.56vw; font-size:4.44vw; letter-spacing:-0.10vw;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .input_con > .textarea_con {width:100%; padding:5.56vw 0;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .input_con > .textarea_con > .title_con {margin:0 0 2.78vw;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .input_con > .textarea_con > .title_con > span {font-size:4.44vw; letter-spacing:-0.10vw;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .input_con > .textarea_con > textarea {height:41.67vw; font-size:4.44vw; letter-spacing:-0.10vw;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .check_con {gap:2.78vw; margin:8.61vw 0 0;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .check_con > label {gap:2.78vw;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .check_con > label > span {font-size:4.44vw; letter-spacing:-0.22vw;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .check_con > .text_con {height:27.78vw; margin:3.61vw 0 0 8.89vw;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .check_con > .text_con > span {font-size:3.89vw; letter-spacing:-0.19vw;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .check_con > a {font-size:4.44vw; letter-spacing:-0.22vw;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .btn_con {margin:8.61vw 0 0; position:relative; bottom:0; right:0;} #main_con > .info04_con > .contents_con form > .form_con > .contents_con > .btn_con > a {width:100%; height:16.67vw; margin:0 auto; font-size:5.56vw; letter-spacing:-0.13vw;} #main_con > .info05_con > .contents_con {max-width:100%; padding:13.89vw 5.56vw;} #main_con > .info05_con > .contents_con > .title_con > span {font-size:7.78vw; letter-spacing:-0.18vw;} #main_con > .info05_con > .contents_con > .list_con {margin:19.44vw 0 0;} #main_con > .info05_con > .contents_con > .list_con > ul {flex-wrap:wrap; gap:5.56vw 4%;} #main_con > .info05_con > .contents_con > .list_con > ul > li {width:48%; height:20.83vw; border-radius:4.44vw;} #main_con > .info05_con > .contents_con > .list_con > ul > li > .img_con {width:32.5vw;} /* 서브 공통 */ #sub_con > .tn_con > .sub_banner {height:77.78vw;} #sub_con > .tn_con > .sub_banner > .txt_con > .title_con {width:max-content;} #sub_con > .tn_con > .sub_banner > .txt_con > .title_con > span {font-size:12.78vw; letter-spacing:-0.38vw;} #sub_con > .tn_con > .sub_banner > .txt_con > .text_con {width:max-content; margin-top:4.03vw;} #sub_con > .tn_con > .sub_banner > .txt_con > .text_con > span {font-size:5.56vw; letter-spacing:-0.15vw;} #sub_con > .tn_con > .sub_banner.company {background:url("/img/sub/m_sub_banner_company_bg.png")no-repeat center/cover;} #sub_con > .tn_con > .sub_banner.work {background:url("/img/sub/m_sub_banner_work_bg.png")no-repeat center/cover;} #sub_con > .tn_con > .sub_banner.contact {background:url("/img/sub/m_sub_banner_contact_bg.png")no-repeat center/cover;} #sub_con > .tn_con > .sub_banner.inquiry {background:url("/img/sub/m_sub_banner_inquiry_bg.png")no-repeat center/cover;} #sub_con > .tn_con > .nav_con > ul > li > .list_div > a {gap:2.78vw; height:13.34vw;} #sub_con > .tn_con > .nav_con > ul > li > .list_div > a > span {font-size:5.00vw; letter-spacing:-0.13vw;} #sub_con > .tn_con > .nav_con > ul > li > .list_div > a > img {width:4.17vw;} #sub_con > .tn_con > .nav_con > ul > li > .list_div > .list_con {width:100%; top:13.34vw; left:0; right:0; transform:unset;} #sub_con > .tn_con > .nav_con > ul > li > .list_div > .list_con > ul {border:1px solid #F1F1F1;} #sub_con > .tn_con > .nav_con > ul > li > .list_div > .list_con > ul > li > a {height:12.00vw; font-size:5.00vw; letter-spacing:-0.14vw;} #sub_con > .tn_con > .nav_con > ul > li:first-child > .list_div > a > span {font-size:5.00vw; font-weight:500; letter-spacing:-0.13vw;} /* company_sub01 */ .company_sub01_con > .contents_con > .info01_con > .contents_con {max-width:100%; padding:13.89vw 5.56vw;} .company_sub01_con > .contents_con > .info01_con > .contents_con > .title_con > span {font-size:8.33vw; letter-spacing:-0.19vw;} .company_sub01_con > .contents_con > .info01_con > .contents_con > .txt_con {flex-direction:column; justify-content:unset; align-items:unset; gap:7.50vw; margin:8.33vw 0 0;} .company_sub01_con > .contents_con > .info01_con > .contents_con > .txt_con > .text_con:before {width:12.22vw; height:2.22vw;} .company_sub01_con > .contents_con > .info01_con > .contents_con > .txt_con > .text_con > span {padding:8.61vw 0 0 0; font-size:5.00vw; letter-spacing:-0.13vw;} .company_sub01_con > .contents_con > .info01_con > .contents_con > .txt_con > .img_con {width:100%; height:114.44vw; border-radius:5.56vw;} .company_sub01_con > .contents_con > .info01_con > .contents_con > .txt_con > .img_con > img {width:49.44vw;} .company_sub01_con > .contents_con > .info02_con {background:url("/img/company/m_company_sub01_info02_con_bg.png")no-repeat center/cover;} .company_sub01_con > .contents_con > .info02_con > .contents_con {max-width:100%; padding:21.94vw 5.56vw} .company_sub01_con > .contents_con > .info02_con > .contents_con > .m_con {display:flex; flex-direction:column; align-items:center;} .company_sub01_con > .contents_con > .info02_con > .contents_con > .m_con > .title_con {overflow:hidden;} .company_sub01_con > .contents_con > .info02_con > .contents_con > .m_con > .title_con > span {display:inline-block; position:relative; width:max-content; margin:0 auto; font-family:"Plus Jakarta Sans", sans-serif; font-size:8.33vw; color:#383737; font-weight:700; line-height:110%; letter-spacing:-0.19vw; text-transform:uppercase; overflow:hidden;} .company_sub01_con > .contents_con > .info02_con > .contents_con > .m_con > .title_con > span:after {content:''; width:100%; height:100%; background:#383838; position:absolute; top:0; right:0; transition:all 0.4s 0.4s ease-out;} .company_sub01_con > .contents_con > .info02_con > .contents_con > .m_con > .title_con:first-child > span:after {transition:all 0.3s 0.45s ease-out;} .company_sub01_con > .contents_con > .info02_con > .contents_con > .m_con > .title_con:nth-child(2) > span:after {transition:all 0.3s 0.65s ease-out;} .company_sub01_con > .contents_con > .info02_con > .contents_con.on > .m_con > .title_con > span:after {width:0;} .company_sub01_con > .contents_con > .info02_con > .contents_con > .text_con {margin:13.33vw 0 0;} .company_sub01_con > .contents_con > .info02_con > .contents_con > .text_con > span {font-size:5.00vw; letter-spacing:-0.13vw;} .company_sub01_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div {flex-direction:column;} .company_sub01_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con {order:2; height:111.11vw; gap:9.72vw; width:100%; padding:0 5.56vw;} .company_sub01_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > span {font-size:8.33vw; letter-spacing:-0.19vw;} .company_sub01_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con > span {font-size:5.00vw; letter-spacing:-0.13vw;} .company_sub01_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .img_con {order:1; width:100%;} /* company_sub02 */ .company_sub02_con > .contents_con > .info01_con > .contents_con {max-width:100%; padding:13.89vw 5.56vw;} .company_sub02_con > .contents_con > .info01_con > .contents_con > .txt_con > .title_con > span {font-size:8.33vw; letter-spacing:-0.19vw;} .company_sub02_con > .contents_con > .info01_con > .contents_con > .txt_con > .text_con {margin:2.78vw 0 0;} .company_sub02_con > .contents_con > .info01_con > .contents_con > .txt_con > .text_con > span {font-size:5.00vw; letter-spacing:-0.13vw;} .company_sub02_con > .contents_con > .info01_con > .contents_con > .list_con {margin:2.78vw 0 0;} .company_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > .img_con {width:1px; height:17.50vw; border-right:1px dashed #373737;} .company_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > ul {flex-direction:column; justify-content:unset; align-items:unset; gap:2.78vw; margin:0;} .company_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li > .list_div {gap:8.33vw; width:100%; padding:5.56vw;} .company_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li > .list_div > .img_con {width:20.28vw;} .company_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li > .list_div > .txt_con {gap:1.39vw;} .company_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con > span {font-size:6.67vw; letter-spacing:-0.15vw;} .company_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con {min-height:11.11vw;} .company_sub02_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con > span {font-size:5.00vw; letter-spacing:-0.11vw;} .company_sub02_con > .contents_con > .info02_con > .contents_con {height:230.83vw; background:#333;} .company_sub02_con > .contents_con > .info02_con > .contents_con > .tab_nav {height:100%; border-bottom:none; padding:5.56vw 0;} .company_sub02_con > .contents_con > .info02_con > .contents_con > .tab_nav > ul {flex-direction:column; justify-content:space-between; gap:unset; max-width:100%; height:100%;} .company_sub02_con > .contents_con > .info02_con > .contents_con > .tab_nav > ul > li {position:relative;} .company_sub02_con > .contents_con > .info02_con > .contents_con > .tab_nav > ul > li > a {width:100%; height:24.44vw; position:relative; font-size:5.00vw; color:rgba(255,255,255,0.3); letter-spacing:-0.11vw;} .company_sub02_con > .contents_con > .info02_con > .contents_con > .tab_nav > ul > li > .info_div {display:none; width:100%; margin:8.33vw 0 0;} .company_sub02_con > .contents_con > .info02_con > .contents_con > .tab_nav > ul > li > .info_div > .txt_con {display:flex; flex-direction:column; gap:4.17vw; padding:2.78vw 5.56vw; text-align:left;} .company_sub02_con > .contents_con > .info02_con > .contents_con > .tab_nav > ul > li > .info_div > .txt_con > .title_con {} .company_sub02_con > .contents_con > .info02_con > .contents_con > .tab_nav > ul > li > .info_div > .txt_con > .title_con > span {font-size:8.33vw; color:#FFF; font-weight:700; line-height:110%; letter-spacing:-0.19vw;} .company_sub02_con > .contents_con > .info02_con > .contents_con > .tab_nav > ul > li > .info_div > .txt_con > .text_con > span {font-size:5.00vw; color:#FFF; font-weight:300; line-height:150%; letter-spacing:-0.11vw;} .company_sub02_con > .contents_con > .info02_con > .contents_con > .tab_nav > ul > li > a.on {font-size:5.56vw;} .company_sub02_con > .contents_con > .info02_con > .contents_con > .tab_nav > ul > li > a.on + .info_div {display:block;} .company_sub02_con > .contents_con > .info02_con > .contents_con.info02_tab01 {background:url("/img/company/m_company_sub02_info_div_info02_tab01_bg.png")no-repeat center/cover;} .company_sub02_con > .contents_con > .info02_con > .contents_con.info02_tab02 {background:url("/img/company/m_company_sub02_info_div_info02_tab02_bg.png")no-repeat center/cover;} .company_sub02_con > .contents_con > .info02_con > .contents_con.info02_tab03 {background:url("/img/company/m_company_sub02_info_div_info02_tab03_bg.png")no-repeat center/cover;} .company_sub02_con > .contents_con > .info02_con > .contents_con.info02_tab04 {background:url("/img/company/m_company_sub02_info_div_info02_tab04_bg.png")no-repeat center/cover;} .company_sub02_con > .contents_con > .info02_con > .contents_con.info02_tab05 {background:url("/img/company/m_company_sub02_info_div_info02_tab05_bg.png")no-repeat center/cover;} .company_sub02_con > .contents_con > .info03_con > .contents_con {max-width:100%; padding:27.78vw 5.56vw;} .company_sub02_con > .contents_con > .info03_con > .contents_con > .txt_con > .title_con > span {font-size:8.33vw; letter-spacing:-0.19vw;} .company_sub02_con > .contents_con > .info03_con > .contents_con > .txt_con > .text_con {margin:8.33vw 0 0;} .company_sub02_con > .contents_con > .info03_con > .contents_con > .txt_con > .text_con > span {font-size:5.00vw; letter-spacing:-0.13vw;} .company_sub02_con > .contents_con > .info03_con > .contents_con > .list_con {margin:11.11vw 0 0;} .company_sub02_con > .contents_con > .info03_con > .contents_con > .list_con > ul {flex-direction:column; align-items:center; gap:10.83vw;} .company_sub02_con > .contents_con > .info03_con > .contents_con > .list_con > ul:after {content:none; position:unset;} .company_sub02_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div {gap:5.56vw; width:77.78vw; height:77.78vw; padding:8.33vw 5.56vw; border-radius:138.89vw;} .company_sub02_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .num_con {width:13.61vw; height:13.61vw; top:-5.28vw;} .company_sub02_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .num_con > span {font-size:7.22vw; letter-spacing:-0.17vw;} .company_sub02_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .img_con {width:20.28vw;} .company_sub02_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con {gap:2.78vw; height:31.67vw;} .company_sub02_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con > span {font-size:6.11vw; letter-spacing:-0.14vw;} .company_sub02_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con > span {font-size:5.00vw; letter-spacing:-0.11vw;} .company_sub02_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li:nth-child(6) {order:unset;} .company_sub02_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li:nth-child(7) {order:unset;} .company_sub02_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li:nth-child(8) {order:unset;} .company_sub02_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li:nth-child(9) {order:unset;} .company_sub02_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li:nth-child(10) {order:unset;} /* company_sub03 */ .company_sub03_con > .contents_con > .txt_con {max-width:100%; padding:13.89vw 5.56vw;} .company_sub03_con > .contents_con > .txt_con > .m_con {display:flex; flex-direction:column; align-items:center;} .company_sub03_con > .contents_con > .txt_con > .m_con > .title_con {overflow:hidden;} .company_sub03_con > .contents_con > .txt_con > .m_con > .title_con > span {display:inline-block; position:relative; width:max-content; margin:0 auto; font-family:"Plus Jakarta Sans", sans-serif; font-size:8.33vw; color:#383737; font-weight:700; line-height:110%; letter-spacing:-0.19vw; text-transform:uppercase; overflow:hidden;} .company_sub03_con > .contents_con > .txt_con > .m_con > .title_con > span:after {content:''; width:100%; height:100%; background:#383838; position:absolute; top:0; right:0; transition:all 0.4s 0.4s ease-out;} .company_sub03_con > .contents_con > .txt_con > .m_con > .title_con:first-child > span:after {transition:all 0.3s 0.45s ease-out;} .company_sub03_con > .contents_con > .txt_con > .m_con > .title_con:nth-child(2) > span:after {transition:all 0.3s 0.65s ease-out;} .company_sub03_con > .contents_con.on > .txt_con > .m_con > .title_con > span:after {width:0;} .company_sub03_con > .contents_con > .txt_con > .text_con {margin:2.78vw 0 0;} .company_sub03_con > .contents_con > .txt_con > .text_con > span {font-size:5.00vw; letter-spacing:-0.13vw;} .company_sub03_con > .contents_con > .list_con > ul > li > .list_div {flex-direction:column;} .company_sub03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con {order:2; gap:9.72vw; width:100%; height:111.11vw; padding:2.78vw 5.56vw;} .company_sub03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > span {font-size:8.33vw; letter-spacing:-0.19vw;} .company_sub03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con > span {font-size:5.00vw; letter-spacing:-0.13vw;} .company_sub03_con > .contents_con > .list_con > ul > li > .list_div > .img_con {order:1; width:100%; overflow:hidden;} /* work */ .work_sub01_con > .contents_con {max-width:100%; padding:0 0 27.78vw;} .work_sub01_con > .contents_con > .tab_nav {display:none;} /* contact */ .contact_sub01_con > .contents_con {padding:13.89vw 0 0;} .contact_sub01_con > .contents_con > .txt_con {gap:8.33vw; padding:0 5.56vw;} .contact_sub01_con > .contents_con > .txt_con > .text01_con > span {font-size:8.33vw; letter-spacing:-0.19vw;} .contact_sub01_con > .contents_con > .txt_con > .text02_con > span {font-size:5.00vw; letter-spacing:-0.13vw;} .contact_sub01_con > .contents_con > .txt_con > .text03_con > span {font-size:5.00vw; letter-spacing:-0.13vw;} .contact_sub01_con > .contents_con > .map_con {width:100%; height:130.56vw; margin-top:12.22vw;} /* 견적문의 */ .inquiry_sub01_con > .bg_con > .video_con {} .inquiry_sub01_con > .bg_con > .video_con > video {object-fit:cover !important;} .inquiry_sub01_con > .contents_con > .title_con {position:absolute; top:12.78vw; left:4.44vw; padding:0;} .inquiry_sub01_con > .contents_con > .title_con > span {font-size:19.44vw; letter-spacing:-0.45vw;} .inquiry_sub01_con > .contents_con > .form_con {position:unset; padding:26.39vw 0 0;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con {width:88.89vw; margin:0 auto; padding:8.33vw 5.56vw;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .title_con > span {font-size:5.56vw; letter-spacing:-0.13vw;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .input_con {flex-direction:column; align-items:unset; gap:0; margin:14.44vw 0 0;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .input_con > .list_con > ul {gap:0;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .input_con > .list_con > ul > li {width:100%;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .input_con > .list_con > ul > li > .list_div {gap:2.78vw;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .input_con > .list_con > ul > li > .list_div > .title_con > span {font-size:4.44vw; letter-spacing:-0.10vw;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .input_con > .list_con > ul > li > .list_div > .input_con > input {padding:5.56vw 0; font-size:4.44vw; letter-spacing:-0.10vw;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .input_con > .list_con > ul > li > .list_div > .select_con > select {padding:5.56vw 5.56vw; font-size:4.44vw; letter-spacing:-0.10vw;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .input_con > .textarea_con {width:100%; padding:5.56vw 0;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .input_con > .textarea_con > .title_con {margin:0 0 2.78vw;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .input_con > .textarea_con > .title_con > span {font-size:4.44vw; letter-spacing:-0.10vw;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .input_con > .textarea_con > textarea {height:41.67vw; font-size:4.44vw; letter-spacing:-0.10vw;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .check_con {gap:2.78vw; margin:8.61vw 0 0;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .check_con > label {gap:2.78vw;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .check_con > label > span {font-size:4.44vw; letter-spacing:-0.22vw;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .check_con > .text_con {height:27.78vw; margin:3.61vw 0 0 8.89vw;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .check_con > .text_con > span {font-size:3.89vw; letter-spacing:-0.19vw;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .check_con > a {font-size:4.44vw; letter-spacing:-0.22vw;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .btn_con {margin:8.61vw 0 0; position:relative; bottom:0; right:0;} .inquiry_sub01_con > .contents_con > .form_con > .contents_con > .btn_con > a {width:100%; height:16.67vw; margin:0 auto; font-size:5.56vw; letter-spacing:-0.13vw;} /* 갤러리 리스트 */ .notice_list_con > .normal_gallery_list {max-width:100%; margin-top:0;} .notice_list_con > .normal_gallery_list > ul {gap:8.33vw;} .notice_list_con > .normal_gallery_list > ul > li {width:100%;} .notice_list_con > .normal_gallery_list > ul > li > a > .list_div > .title_con {display:block; justify-content:unset; align-items:unset; width:auto; height:auto; background:unset; margin:2.78vw 0 0; padding:0 2.78vw; position:unset; opacity:1; transition:unset;} .notice_list_con > .normal_gallery_list > ul > li > a > .list_div > .title_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:5.56vw; color:#414141; letter-spacing:-0.19vw;} .notice_list_con > .normal_gallery_list > ul > li.none_li > span {font-size:5.00vw; line-height:138.89vw;} /* 뷰페이지 */ .notice_view_con > .contents_con {max-width:100%; padding:13.89vw 5.56vw 22.22vw;} .notice_view_con > .contents_con > .txt_con > .category_con > span {font-size:5.00vw; letter-spacing:-0.11vw;} .notice_view_con > .contents_con > .txt_con > .title_con {margin:5.56vw 0 0;} .notice_view_con > .contents_con > .txt_con > .title_con > span {font-size:8.33vw; letter-spacing:-0.19vw;} .notice_view_con > .contents_con > .posts_con {margin:6.94vw 0 0;} .notice_view_con > .contents_con > .posts_con > .video_con {width:100%;} .notice_view_con > .contents_con > .posts_con > .video_con > .img_list > ul {gap:5.00vw;} .notice_view_con > .contents_con > .posts_con > .info_con {margin:8.33vw 0 0;} .notice_view_con > .contents_con > .posts_con > .info_con > ul > li > .list_div {gap:2.50vw;} .notice_view_con > .contents_con > .posts_con > .info_con > ul > li > .list_div > .title_con > span {font-size:3.33vw; letter-spacing:-0.08vw;} .notice_view_con > .contents_con > .posts_con > .info_con > ul > li > .list_div > .text_con > span {font-size:3.33vw; letter-spacing:-0.08vw;} .notice_view_con > .contents_con > .pn_con {margin:6.94vw 0 0; padding:6.94vw 0 0;} .notice_view_con > .contents_con > .pn_con > .prev_btn > a {gap:1.11vw;} .notice_view_con > .contents_con > .pn_con > .prev_btn > a > img {width:2.50vw;} .notice_view_con > .contents_con > .pn_con > .prev_btn > a > span {font-size:3.89vw;} .notice_view_con > .contents_con > .pn_con > .btn_con > a {width:22.22vw; height:9.44vw; font-size:3.89vw;} .notice_view_con > .contents_con > .pn_con > .next_btn > a {gap:1.11vw;} .notice_view_con > .contents_con > .pn_con > .next_btn > a > span {font-size:3.89vw;} .notice_view_con > .contents_con > .pn_con > .next_btn > a > img {width:2.50vw;} .notice_view_con > .contents_con > .thumbnail_con {margin:11.11vw 0 0;} .notice_view_con > .contents_con > .thumbnail_con > ul {gap:2.78vw;} .notice_view_con > .contents_con > .thumbnail_con > ul > li {width:27.78vw;} /*약관 팝업*/ .terms_popup_con {max-width:88.89vw;} .terms_popup_con > .contents_con {padding:5.56vw;} .terms_popup_con > .contents_con > .title_con {margin:0 0 5.56vw 0;} .terms_popup_con > .contents_con > .title_con span {font-size:5.56vw;} .terms_popup_con > .contents_con > .posts_con {border-top:1px solid #121212; border-bottom:1px solid #E8E8E8; padding:1.39vw;} .terms_popup_con > .contents_con > .posts_con > .scroll_con {height:83.33vw; padding:1.39vw;} .terms_popup_con > .contents_con > .posts_con > .scroll_con::-webkit-scrollbar {width:0.83vw;} .terms_popup_con > .contents_con > .posts_con > .scroll_con::-webkit-scrollbar-thumb {border-radius:0.83vw;} .terms_popup_con > .contents_con > .close_btn {width:7.22vw; top:2.22vw; right:2.22vw;} /* 푸터 */ #footer > .quick_banner {bottom:2.78vw; right:2.78vw;} #footer > .quick_banner.scroll {bottom:2.78vw;} #footer > .quick_banner.scroll_end {bottom:unset; top:-16.67vw;} #footer > .quick_banner > .top_btn > a {gap:0.56vw; width:14.44vw; height:14.44vw; border-radius:2.78vw; backdrop-filter:blur(4.17vw);} #footer > .quick_banner > .top_btn > a > span {font-size:3.89vw;} #footer > .quick_banner > .top_btn > a > img {width:4.44vw;} #footer > .contents_con > .txt_con {max-width:100%; padding:13.89vw 5.56vw;} #footer > .contents_con > .txt_con > .logo_con > .text01_con > span {font-size:8.33vw; letter-spacing:-0.19vw;} #footer > .contents_con > .txt_con > .logo_con > .text02_con {margin:3.06vw 0 0;} #footer > .contents_con > .txt_con > .logo_con > .text02_con > span {font-size:11.11vw; letter-spacing:-0.26vw;} #footer > .contents_con > .txt_con > .info_con {flex-direction:column; justify-content:unset; align-items:unset; gap:8.33vw; margin:10.83vw 0 0;} #footer > .contents_con > .txt_con > .info_con > .list_con {width:100%;} #footer > .contents_con > .txt_con > .info_con > .list_con .text_con {gap:2.78vw; padding:5.56vw 0;} #footer > .contents_con > .txt_con > .info_con > .list_con .text_con > .text01_con > span {font-size:4.44vw; letter-spacing:-0.10vw;} #footer > .contents_con > .txt_con > .info_con > .list_con .text_con > .text02_con > span {font-size:4.44vw; letter-spacing:-0.10vw;} #footer > .contents_con > .txt_con > .info_con > .list_con > ul {flex-direction:column; gap:0; margin:0;} #footer > .contents_con > .txt_con > .info_con > .list_con > ul > li > .list_div > .text_con > .text02_con > a {font-size:4.44vw; letter-spacing:-0.10vw;} #footer > .contents_con > .txt_con > .info_con > .btn_con > ul {flex-direction:column; gap:2.78vw;} #footer > .contents_con > .txt_con > .info_con > .btn_con > ul > li > a {display:flex; justify-content:space-between; gap:0; padding:3.06vw 2.78vw;} #footer > .contents_con > .txt_con > .info_con > .btn_con > ul > li > a > span {font-size:5.00vw; letter-spacing:-0.12vw;} #footer > .contents_con > .txt_con > .info_con > .btn_con > ul > li > a > img {width:2.22vw;} #footer > .contents_con > .copy_con {height:16.67vw;} #footer > .contents_con > .copy_con > span {font-size:3.89vw; letter-spacing:-0.09vw;} } @media all and (max-width: 768px) { .w_con {display:none;} .m_con {display:block;} .w_img {display:none;} .m_img {display:inline-block; width:100%;} .w_br {display:none;} .m_br {display:inline;} .w_bar {display:none;} .m_bar {display:inline;} }