/* 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 4.17vw center; background-size:2.78vw; width:100%; padding:0 8.33vw 0 6.94vw; } /*번호목록*/ .number_list_con {margin-top:15.56vw;} .number_list_con > .contents_con {display:flex; justify-content:center; align-items:center; gap:4.44vw;} .number_list_con > .contents_con > .btn_con {} .number_list_con > .contents_con > .btn_con > a {display:block; width:6.94vw;} .number_list_con > .contents_con > .btn_con > a > img {width:100%;} .number_list_con > .contents_con > .list_con {display:flex; gap:4.44vw; text-align:center;} .number_list_con > .contents_con > .list_con > a {display:flex; justify-content:center; align-items:center; width:6.94vw; height:6.94vw; font-size:4.44vw; color:#323748; font-weight:400; line-height:normal;} .number_list_con > .contents_con > .list_con > a.on {background:#121212; color:#FFF;} /* 헤더 */ #header > .contents_con {align-items:center; width:90%; margin:0 auto; padding:3.33vw 0;} #header > .contents_con > .logo_con {width:45.83vw; position:unset; transform:unset;} #header > .contents_con > .btn_con {} #header > .contents_con > .btn_con > .m_menu_btn {} #header > .contents_con > .btn_con > .m_menu_btn > a {} #header > .contents_con > .btn_con > .m_menu_btn > a > .contents_con {} #header > .contents_con > .btn_con > .m_menu_btn > a > .contents_con > .bar_con {display:flex; flex-direction:column; justify-content:center; align-items:flex-end; gap:1.94vw; width:8.89vw; height:8.89vw; padding:0 1.11vw; position:relative;} #header > .contents_con > .btn_con > .m_menu_btn > a > .contents_con > .bar_con > .bar {width:70%; height:2px; background-color:#121212; transition:all 0.5s ease; position:absolute;} #header > .contents_con > .btn_con > .m_menu_btn > a > .contents_con > .bar_con > .bar01 {top:min(8px, 2.22vw);} #header > .contents_con > .btn_con > .m_menu_btn > a > .contents_con > .bar_con > .bar02 {width:50%;} #header > .contents_con > .btn_con > .m_menu_btn > a > .contents_con > .bar_con > .bar03 {bottom:min(8px, 2.22vw);} #header > .contents_con > .btn_con > .m_menu_btn > a.off {} #header > .contents_con > .btn_con > .m_menu_btn > a.off > .contents_con > .bar_con > .bar01 {transform:rotate(0deg);} #header > .contents_con > .btn_con > .m_menu_btn > a.off > .contents_con > .bar_con > .bar02 {opacity:1;} #header > .contents_con > .btn_con > .m_menu_btn > a.off > .contents_con > .bar_con > .bar03 {transform:rotate(0deg);} #header > .contents_con > .btn_con > .m_menu_btn > a.on {} #header > .contents_con > .btn_con > .m_menu_btn > a.on > .contents_con > .bar_con > .bar01 {top:50%; transform:translateY(-50%) rotate(45deg);} #header > .contents_con > .btn_con > .m_menu_btn > a.on > .contents_con > .bar_con > .bar02 {opacity:0;} #header > .contents_con > .btn_con > .m_menu_btn > a.on > .contents_con > .bar_con > .bar03 {top:50%; transform:translateY(-50%) rotate(-45deg);} /* 헤더 스크롤시 */ #header.scroll {} #header.scroll > .contents_con {padding:3.33vw 0;} #header.scroll > .contents_con > .list_con {display:none;} #header.scroll > .contents_con > .logo_con {width:45.83vw;} #header.scroll > .contents_con > .scroll_con {display:none;} /* 모바일메뉴 */ .m_main_nav {width:100%; margin:0 auto; height:100vh; background:#FFF; position:fixed; top:0; left:0; right:0; z-index:-1;} .m_main_nav > .contents_con {height:100%; overflow-y:auto;} .m_main_nav > .contents_con > .list_con {padding:31.11vw 0 0;} .m_main_nav > .contents_con > .list_con > ul {display:flex; flex-direction:column; align-items:center; gap:13.33vw;} .m_main_nav > .contents_con > .list_con > ul > li {border-bottom:0.28vw solid rgba(255, 255, 255, 0.10);} .m_main_nav > .contents_con > .list_con > ul > li > a {display:inline-block; font-size:6.67vw; color:#121212; font-weight:500; line-height:normal; letter-spacing:-0.13vw;} .m_main_nav > .contents_con > .list_con > ul > li > a.on {text-decoration:underline;} /* 서브 공통 */ #sub_con > .contents_con {padding:28.89vw 0 0;} #sub_con > .contents_con > .banner_con > .contents_con > .title_con > span {font-size:11.11vw;} #sub_con > .contents_con > .banner_con > .contents_con > .scroll_con {gap:2.22vw; margin:6.67vw 0 0;} #sub_con > .contents_con > .banner_con > .contents_con > .scroll_con > img {width:5.00vw; animation:float 2s ease-in-out infinite;} #sub_con > .contents_con > .banner_con > .contents_con > .scroll_con > span {font-size:3.89vw;} #sub_con > .contents_con > .banner_con > .contents_con > .img_con {height:50.00vw; margin:4.44vw 0 0;} #sub_con > .contents_con > .banner_con > .contents_con > .img_con.company {background:url("/img/sub/m_sub_banner_con_img_con_company.png")no-repeat center/cover;} #sub_con > .contents_con > .banner_con > .contents_con > .img_con.brand {background:url("/img/sub/m_sub_banner_con_img_con_brand.png")no-repeat center/cover;} #sub_con > .contents_con > .banner_con > .contents_con > .img_con.team {background:url("/img/sub/m_sub_banner_con_img_con_team.png")no-repeat center/cover;} #sub_con > .contents_con > .banner_con > .contents_con > .img_con.newsroom {background:url("/img/sub/m_sub_banner_con_img_con_newsroom.png")no-repeat center/cover;} @keyframes float { 0% { transform: translateY(0.83vw); } 50% { transform: translateY(-0.83vw); } 100% { transform: translateY(0.83vw); } } /* COMPANY */ .company_con > .contents_con > .info01_con > .contents_con {padding:17.78vw 0;} .company_con > .contents_con > .info01_con > .contents_con > .txt_con {max-width:90%;} .company_con > .contents_con > .info01_con > .contents_con > .txt_con > .title_con > span {font-size:6.67vw;} .company_con > .contents_con > .info01_con > .contents_con > .txt_con > .text_con {gap:4.44vw; margin:6.67vw 0 0;} .company_con > .contents_con > .info01_con > .contents_con > .txt_con > .text_con > .text01_con > span {font-size:4.44vw;} .company_con > .contents_con > .info01_con > .contents_con > .txt_con > .text_con > .text02_con > span {font-size:3.89vw;} .company_con > .contents_con > .info01_con > .contents_con > .slide_con {margin:13.33vw 0 0;} .company_con > .contents_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide {width:71.11vw; margin:0 4.44vw 0 0;} .company_con > .contents_con > .info02_con > .contents_con {max-width:90%; padding:17.78vw 0;} .company_con > .contents_con > .info02_con > .contents_con > .title_con > span {font-size:8.89vw;} .company_con > .contents_con > .info02_con > .contents_con > .list_con {margin:13.33vw 0 0;} .company_con > .contents_con > .info02_con > .contents_con > .list_con > ul {gap:11.11vw;} .company_con > .contents_con > .info02_con > .contents_con > .list_con > ul > li > .list_div {flex-direction:column; justify-content:unset; align-items:unset; gap:6.67vw;} .company_con > .contents_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .txt_con {width:100%;} .company_con > .contents_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > span {font-size:5.56vw;} .company_con > .contents_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con {margin:2.22vw 0 0;} .company_con > .contents_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con > span {font-size:4.44vw;} .company_con > .contents_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .card_con > ul {gap:6.67vw;} .company_con > .contents_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .card_con > ul > li > .list_div > .text_con > span {font-size:4.44vw;} .company_con > .contents_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .card_con > ul > li > .list_div > ul {flex-direction:column; gap:2.22vw; margin:3.33vw 0 0;} .company_con > .contents_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .card_con > ul > li > .list_div > ul > li {width:100%;} .company_con > .contents_con > .info03_con > .contents_con {max-width:90%; padding:17.78vw 0;} .company_con > .contents_con > .info03_con > .contents_con > .title_con {text-align:center;} .company_con > .contents_con > .info03_con > .contents_con > .title_con > span {font-size:8.89vw;} .company_con > .contents_con > .info03_con > .contents_con > .list_con {margin:13.33vw 0 0; word-break:keep-all;} .company_con > .contents_con > .info03_con > .contents_con > .list_con > ul {gap:8.89vw;} .company_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div {flex-direction:column; justify-content:unset; align-items:unset; gap:3.33vw;} .company_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con {order:2; width:100%;} .company_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con {border-bottom:0.28vw solid #C4CCDA; margin:0 0 3.33vw; padding:0.00vw 0 3.33vw;} .company_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > .logo_con {width:13.33vw; margin:0 1.67vw 0 0;} .company_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > .text_con {flex-direction:column; align-items:unset; gap:0;} .company_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > .text_con > .text01_con > span {font-size:5.56vw;} .company_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > .text_con > .text02_con > span {font-size:3.89vw;} .company_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con > span {font-size:3.89vw;} .company_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .img_con {order:1; width:100%;} .company_con > .contents_con > .info04_con > .contents_con {max-width:90%; padding:17.78vw 0;} .company_con > .contents_con > .info04_con > .contents_con > .title_con > span {font-size:8.89vw;} .company_con > .contents_con > .info04_con > .contents_con > .inner_con {flex-direction:column; align-items:unset; gap:6.67vw; margin:13.33vw 0 0;} .company_con > .contents_con > .info04_con > .contents_con > .inner_con > .img_con {width:100%;} .company_con > .contents_con > .info04_con > .contents_con > .inner_con > .list_con {width:100%;} .company_con > .contents_con > .info04_con > .contents_con > .inner_con > .list_con > ul {gap:6.67vw;} .company_con > .contents_con > .info04_con > .contents_con > .inner_con > .list_con > ul > li > .list_div {gap:4.44vw;} .company_con > .contents_con > .info04_con > .contents_con > .inner_con > .list_con > ul > li > .list_div > .dot {width:2.78vw; height:2.78vw; margin:2.78vw 0 0;} .company_con > .contents_con > .info04_con > .contents_con > .inner_con > .list_con > ul > li > .list_div > .txt_con {flex-direction:column; align-items:unset; gap:2.22vw;} .company_con > .contents_con > .info04_con > .contents_con > .inner_con > .list_con > ul > li > .list_div > .txt_con > .year_con {width:auto;} .company_con > .contents_con > .info04_con > .contents_con > .inner_con > .list_con > ul > li > .list_div > .txt_con > .year_con > span {font-size:6.67vw;} .company_con > .contents_con > .info04_con > .contents_con > .inner_con > .list_con > ul > li > .list_div > .txt_con > .list_con {padding:0;} .company_con > .contents_con > .info04_con > .contents_con > .inner_con > .list_con > ul > li > .list_div > .txt_con > .list_con > ul > li:before {width:0.83vw; height:0.83vw; top:2.50vw; left:1.94vw;} .company_con > .contents_con > .info04_con > .contents_con > .inner_con > .list_con > ul > li > .list_div > .txt_con > .list_con > ul > li > span {padding-left:5.00vw; font-size:3.89vw;} .company_con > .contents_con > .info04_con > .contents_con > .inner_con > .list_con > ul > li.on > .list_div > .dot:after {width:5.00vw; height:5.00vw;} .company_con > .contents_con > .info04_con > .contents_con > .inner_con > .list_con > .bar {width:0.28vw; height:130.56vw; top:5.00vw; left:1.11vw;} .company_con > .contents_con > .info04_con > .contents_con > .inner_con > .list_con > .bar .progress {width:0.28vw;} .company_con > .contents_con > .info05_con > .contents_con {gap:13.33vw; max-width:90%; padding:17.78vw 0;} .company_con > .contents_con > .info05_con > .contents_con > .box_con > .contents_con {flex-direction:column; align-items:unset; gap:6.67vw;} .company_con > .contents_con > .info05_con > .contents_con > .box_con > .contents_con > .title_con {width:100%;} .company_con > .contents_con > .info05_con > .contents_con > .box_con > .contents_con > .title_con > .text01_con {margin:0 0 2.22vw;} .company_con > .contents_con > .info05_con > .contents_con > .box_con > .contents_con > .title_con > .text01_con > span {font-size:4.44vw;} .company_con > .contents_con > .info05_con > .contents_con > .box_con > .contents_con > .title_con > .text02_con {} .company_con > .contents_con > .info05_con > .contents_con > .box_con > .contents_con > .title_con > .text02_con > span {font-size:6.67vw;} .company_con > .contents_con > .info05_con > .contents_con > .box01_con > .contents_con > .text_con > .text {gap:2.22vw;} .company_con > .contents_con > .info05_con > .contents_con > .box01_con > .contents_con > .text_con > .text > span {font-size:3.89vw;} .company_con > .contents_con > .info05_con > .contents_con > .box01_con > .contents_con > .text_con > .sign_con {gap:4.44vw; margin:6.67vw 0 0;} .company_con > .contents_con > .info05_con > .contents_con > .box01_con > .contents_con > .text_con > .sign_con > .text01_con > span {font-size:4.44vw;} .company_con > .contents_con > .info05_con > .contents_con > .box01_con > .contents_con > .text_con > .sign_con > .text02_con > span {font-size:5.56vw;} .company_con > .contents_con > .info05_con > .contents_con > .box02_con > .contents_con > .list_con > ul {flex-direction:column; gap:4.44vw;} .company_con > .contents_con > .info05_con > .contents_con > .box02_con > .contents_con > .list_con > ul > li {width:100%; padding:0;} .company_con > .contents_con > .info05_con > .contents_con > .box02_con > .contents_con > .list_con > ul > li > .list_div {gap:4.44vw;} .company_con > .contents_con > .info05_con > .contents_con > .box02_con > .contents_con > .list_con > ul > li > .list_div > .img_con {width:19.44vw;} .company_con > .contents_con > .info05_con > .contents_con > .box02_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con > span {font-size:5.00vw;} .company_con > .contents_con > .info05_con > .contents_con > .box02_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con {margin:1.11vw 0 0;} .company_con > .contents_con > .info05_con > .contents_con > .box02_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con > span {font-size:3.89vw;} .company_con > .contents_con > .info06_con {background:url("/img/company/m_company_sub01_info06_con_bg.png")no-repeat center/cover;} .company_con > .contents_con > .info06_con > .contents_con {flex-direction:column; justify-content:unset; align-items:center; gap:6.67vw; max-width:90%; padding:17.78vw 0;} .company_con > .contents_con > .info06_con > .contents_con > .title_con > span {font-size:8.89vw;} .company_con > .contents_con > .info06_con > .contents_con > .text_con {gap:2.22vw;} .company_con > .contents_con > .info06_con > .contents_con > .text_con > img {width:5.00vw;} .company_con > .contents_con > .info06_con > .contents_con > .text_con > ul {gap:2.22vw;} .company_con > .contents_con > .info06_con > .contents_con > .text_con > ul > li > span {font-size:4.44vw;} /* BRAND */ .brand_sub01_con > .contents_con > .tab_menu {padding:5.56vw 0;} .brand_sub01_con > .contents_con > .tab_menu > ul {flex-wrap:wrap; justify-content:unset; gap:2.22vw; width:90%; margin:0 auto; background:#FFF; padding:0; border-radius:unset;} .brand_sub01_con > .contents_con > .tab_menu > ul > li > span {width:43.33vw; height:14.72vw; background:#F0F4F9; font-size:4.44vw; border-radius:138.89vw;} .brand_sub01_con > .contents_con > .tab_menu > ul > li.on > span {border:0.56vw solid #3B54A4; background:#FFF;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info01_con > .contents_con {max-width:90%; padding:15.56vw 0;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info01_con > .contents_con > .about_con > .img_con {width:35.00vw;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info01_con > .contents_con > .about_con > .text_con {gap:4.44vw; margin:4.44vw 0 0;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info01_con > .contents_con > .about_con > .text_con > span {font-size:3.89vw;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info01_con > .contents_con > .list_con {margin:8.33vw 0 0;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info01_con > .contents_con > .list_con > ul {gap:8.89vw;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info01_con > .contents_con > .list_con > ul > li > .list_div {flex-direction:column; align-items:unset; gap:4.44vw;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info01_con > .contents_con > .list_con > ul > li > .list_div > .img_con {width:100%;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info01_con > .contents_con > .list_con > ul > li > .list_div > .txt_con {padding:0;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info01_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con {border-bottom:0.28vw solid #C4CCDA; margin:0 0 4.44vw; padding:0 0 4.44vw;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info01_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > .text01_con > span {font-size:5.56vw;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info01_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > .text02_con {margin:1.11vw 0 0;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info01_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > .text02_con > span {font-size:4.44vw;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info01_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con > span {font-size:3.89vw;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info02_con > .contents_con {max-width:90%; padding:15.56vw 0;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info02_con > .contents_con > .title_con > span {font-size:8.89vw;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info02_con > .contents_con > .list_con {margin:4.44vw 0 0;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info02_con > .contents_con > .list_con > ul {flex-wrap:wrap; justify-content:unset; gap:2.22vw;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info02_con > .contents_con > .list_con > ul > li > .list_div > .img_con {width:43.33vw;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info02_con > .contents_con > .list_con > ul > li > .list_div > .text_con {margin:0;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info02_con > .contents_con > .list_con > ul > li > .list_div > .text_con > span {font-size:4.44vw;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info03_con > .contents_con {max-width:90%; padding:15.56vw 0;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info03_con > .contents_con > .title_con > span {font-size:8.89vw;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info03_con > .contents_con > .list_con {margin:8.89vw 0 0;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info03_con > .contents_con > .list_con > ul {justify-content:unset; gap:4.44vw;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info03_con > .contents_con > .list_con > ul > li {width:42.22vw; box-shadow:0 0 8.33vw 0 rgba(0,0,0,0.05);} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info04_con > .contents_con {flex-direction:column; justify-content:unset; align-items:unset; gap:11.11vw; max-width:90%; padding:15.56vw 0;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info04_con > .contents_con > .title_con > span {font-size:8.89vw;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info04_con > .contents_con > .btn_con > ul {flex-direction:column; gap:3.33vw;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info04_con > .contents_con > .btn_con > ul > li > a {gap:2.22vw; width:100%; height:17.50vw;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info04_con > .contents_con > .btn_con > ul > li > a:after {content:none;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info04_con > .contents_con > .btn_con > ul > li > a > span {font-size:5.00vw;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info04_con > .contents_con > .btn_con > ul > li > a > .img_con {width:4.44vw; height:4.44vw;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info04_con > .contents_con > .btn_con > ul > li > a:hover > span {color:#FFF;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info04_con > .contents_con > .btn_con > ul > li > a.a_btn02 {background:#FFF;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info04_con > .contents_con > .btn_con > ul > li > a.a_btn02 > span {color:#121212;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info04_con > .contents_con > .btn_con > ul > li > a.a_btn02:hover > span {color:#121212;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info04_con > .contents_con > .btn_con > ul > li > a.a_btn02:hover > .img_con > img.wh {opacity:0;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info04_con > .contents_con > .btn_con > ul > li > a.a_btn02:hover > .img_con > img.bk {opacity:1;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info05_con > .contents_con > .list_con > ul {flex-direction:column;} .brand_sub01_con > .contents_con > .tab_contents > .info_div > .info05_con > .contents_con > .list_con > ul > li {width:100%;} /* TEAM & BENEFIT */ .team_sub01_con > .contents_con > .info01_con > .contents_con {max-width:90%; padding:15.56vw 0;} .team_sub01_con > .contents_con > .info01_con > .contents_con > .title_con > span {font-size:8.89vw;} .team_sub01_con > .contents_con > .info01_con > .contents_con > .list_con {margin:6.67vw 0 0;} .team_sub01_con > .contents_con > .info01_con > .contents_con > .list_con > ul {flex-direction:column; justify-content:unset; gap:8.89vw;} .team_sub01_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li {width:100%;} .team_sub01_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li > .list_div > .img_con {width:100%; height:44.44vw;} .team_sub01_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li > .list_div > .img_con > img {width:25.56vw;} .team_sub01_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li > .list_div > .txt_con {margin:3.33vw 0 0; padding:0 0 0 2.78vw;} .team_sub01_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > span {font-size:5.56vw;} .team_sub01_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con {margin:1.11vw 0 0;} .team_sub01_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con > span {font-size:3.89vw;} .team_sub01_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .list_con {margin:3.33vw 0 0;} .team_sub01_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .list_con > ul > li:before {width:0.83vw; height:0.83vw; top:2.22vw;} .team_sub01_con > .contents_con > .info01_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .list_con > ul > li > span {padding-left:2.78vw; font-size:3.89vw; color:#333; letter-spacing:-0.12vw;} .team_sub01_con > .contents_con > .info02_con > .contents_con {max-width:90%; padding:15.56vw 0;} .team_sub01_con > .contents_con > .info02_con > .contents_con > .title_con > span {font-size:8.89vw;} .team_sub01_con > .contents_con > .info02_con > .contents_con > .list_con {margin:6.67vw 0 0;} .team_sub01_con > .contents_con > .info02_con > .contents_con > .list_con > ul > li {border-bottom:0.28vw solid #C4CCDA;} .team_sub01_con > .contents_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .title_con {padding:5.56vw;} .team_sub01_con > .contents_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .title_con > span {font-size:5.56vw;} .team_sub01_con > .contents_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .title_con > img {width:5.00vw;} .team_sub01_con > .contents_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .inner_con > .contents_con {gap:2.22vw; padding:8.89vw 5.56vw;} .team_sub01_con > .contents_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .inner_con > .contents_con > .title_con > span {font-size:4.44vw;} .team_sub01_con > .contents_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .inner_con > .contents_con > .text_con > span {font-size:3.89vw;} .team_sub01_con > .contents_con > .info03_con > .contents_con {max-width:90%; padding:15.56vw 0;} .team_sub01_con > .contents_con > .info03_con > .contents_con > .title_con > span {font-size:8.89vw;} .team_sub01_con > .contents_con > .info03_con > .contents_con > .list_con {margin:6.67vw 0 0;} .team_sub01_con > .contents_con > .info03_con > .contents_con > .list_con > ul {gap:6.67vw 4.44vw;} .team_sub01_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li {width:42.22vw;} .team_sub01_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div {gap:0.56vw; text-align:center;} .team_sub01_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .img_con {width:16.67vw; margin:0 auto;} .team_sub01_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .text01_con > span {font-size:4.44vw;} .team_sub01_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .text02_con {margin:0.56vw 0 0;} .team_sub01_con > .contents_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .text02_con > span {font-size:3.89vw;} /* NEWSROOM */ .newsroom_sub01_con > .contents_con {max-width:90%; padding:15.56vw 0 22.22vw;} .newsroom_sub01_con.pd_none > .contents_con {padding:0 0 22.22vw;} /* 갤러리 게시판 */ .gallery_notice_con > ul {flex-direction:column; flex-wrap:unset; gap:3.33vw;} .gallery_notice_con > ul > li {width:100%;} .gallery_notice_con > ul > li > a > .list_div {display:flex; align-items:flex-start; gap:4.44vw;} .gallery_notice_con > ul > li > a > .list_div > .img_con {flex-shrink:0; width:27.78vw;} .gallery_notice_con > ul > li > a > .list_div > .txt_con {gap:1.11vw; width:56.67vw; margin:1.11vw 0 0; padding:0;} .gallery_notice_con > ul > li > a > .list_div > .txt_con > .title_con > span {font-size:5.00vw;} .gallery_notice_con > ul > li > a > .list_div > .txt_con > .sub_title_con > span {white-space:normal; overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-size:3.89vw;} .gallery_notice_con > ul > li.none_li > span {font-size:4.44vw; line-height:125.00vw;} /* 게시판 뷰 */ .notice_view_con {max-width:90%;} .notice_view_con > .view_con {border-bottom:0.28vw solid #C4CCDA;} .notice_view_con > .view_con > .txt_con {border-bottom:0.28vw solid #323748; padding:0 0 8.89vw;} .notice_view_con > .view_con > .txt_con > .title_con > span {font-size:6.67vw;} .notice_view_con > .view_con > .txt_con > .sub_title_con {margin:1.11vw 0 0;} .notice_view_con > .view_con > .txt_con > .sub_title_con > span {font-size:3.89vw;} .notice_view_con > .view_con > .posts_con {padding:6.67vw 0; font-size:3.89vw;} .notice_view_con > .btn_con {margin:6.67vw 0 0;} .notice_view_con > .btn_con > a {width:28.89vw; height:12.50vw; border:0.28vw solid #121212; font-size:4.44vw;} .notice_view_con > .btn_con > a:before {content:none;} .notice_view_con > .btn_con > a:hover {color:#121212;} /* 푸터 */ #footer > .top_btn {display:block; position:fixed; bottom:2.78vw; right:2.78vw; z-index:100;} #footer > .top_btn.scroll {position:fixed; bottom:2.78vw;} #footer > .top_btn.scroll_end {position:absolute; bottom:unset; top:-13.89vw;} #footer > .top_btn > a {display:inline-block; width:8.89vw;} #footer > .top_btn > a > img {width:100%;} #footer > .contents_con {max-width:90%; padding:13.33vw 0;} #footer > .contents_con > .logo_con {width:43.89vw;} #footer > .contents_con > .info_con {border-top:0.28vw solid #323748; margin:6.67vw 0 0; padding:6.67vw 0 0;} #footer > .contents_con > .info_con ul {flex-direction:column; gap:1.67vw;} #footer > .contents_con > .info_con ul > li {gap:1.39vw;} #footer > .contents_con > .info_con ul > li > span {font-size:3.89vw;} #footer > .contents_con > .info_con ul > li > a {font-size:3.89vw;} #footer > .contents_con > .info_con ul > li > img {width:4.44vw;} #footer > .contents_con > .copy_con {margin:6.67vw 0 0;} #footer > .contents_con > .copy_con > span {font-size:3.89vw;} } @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;} }