@import url(//cdn.design-factory.co.kr/_font/pretendard/fonts.css); @import url(//cdn.design-factory.co.kr/_font/montserrat/fonts.css); /*font-family:"Pretendard", sans-serif; font-family:"Montserrat", sans-serif;*/ * {font-family:"Pretendard", sans-serif; line-height:normal; box-sizing:border-box;} html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none;} body {width:100%; margin:0 auto; padding:0; font-size:13px; line-height:normal; overflow-y:scroll; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;} img {border:none; margin:0; padding:0; outline:none;} a {border:none; margin:0; padding:0; outline:none; text-decoration:none;} a:active {color:#666666; text-decoration:none;} a:link {color:#666666; text-decoration:none;} a:visited {color:#666666; text-decoration:none;} a:hover {color:#666666; text-decoration:none;} ul {list-style:none; margin:0; padding:0;} ul:after {content:""; display:block; clear:both;} ul > li {display:block;} img.fx{max-width:100%;} td { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } input, select, textarea { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; padding:0; outline:none; font-size:13px; color:#000000; line-height:21px; } input::placeholder {color:#000000; opacity:1;} input::-webkit-input-placeholder {color:#000000;} input:-ms-input-placeholder {color:#000000;} input:-moz-input-placeholder {color:#000000;} textarea {overflow-y:scroll; resize:none;} textarea::placeholder {color:#000000; opacity:1;} textarea::-webkit-input-placeholder {color:#000000;} textarea:-ms-input-placeholder {color:#000000;} textarea:-moz-input-placeholder {color:#000000;} input[type=text], input[type=password] ,input[type=tel], input[type=file], input[type=image], input[type=button], input[type=submit], textarea { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; width:100%; } 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 min(20px, 1.04vw) center; background-size:min(16px, 0.83vw); width:100%; padding:0 min(20px, 1.04vw) 0 min(10px, 0.52vw); } select::-ms-expand {display:none;} .w_con {} .m_con {display:none;} .w_img {display:inline-block; width:100%;} .m_img {display:none;} .w_br {} .m_br {display:none;} .w_bar {} .m_bar {display:none;} /* 체크박스 버튼 */ .checkbox_label {display:inline-block; cursor:pointer;} .checkbox_label input[type=checkbox] {display:none;} .checkbox_label .check_icon {display:inline-block; width:min(20px, 1.04vw); height:min(20px, 1.04vw); background-image:url("/img/sub/checkbox_icon_off.svg"); background-repeat:no-repeat; background-size:min(20px, 1.04vw); 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");} /* 라디오 버튼 */ .radio_label {display:inline-block; cursor:pointer;} .radio_label input[type=radio] {display:none;} .radio_label .check_icon {display:inline-block; width:min(20px, 1.04vw); height:min(20px, 1.04vw); background-image:url("/img/sub/radio_icon_off.svg"); background-repeat:no-repeat; background-size:min(20px, 1.04vw); vertical-align:middle; cursor:pointer;} .radio_label span {vertical-align:middle;} .radio_label input[type=radio]:checked + .check_icon {background-image:url("/img/sub/radio_icon_on.svg");} /*번호목록*/ .number_list_con {margin-top:min(120px, 6.25vw);} .number_list_con > .contents_con {display:flex; justify-content:center; align-items:center; gap:min(40px, 2.08vw);} .number_list_con > .contents_con > .btn_con {} .number_list_con > .contents_con > .btn_con > a {display:block; width:min(8px, 0.42vw);} .number_list_con > .contents_con > .btn_con > a > img {width:100%;} .number_list_con > .contents_con > .list_con {display:flex; gap:min(30px, 1.56vw); text-align:center;} .number_list_con > .contents_con > .list_con > a {font-size:min(16px, 0.83vw); color:#888; font-weight:700;} .number_list_con > .contents_con > .list_con > .on {color:#00133F;} /* 텍스트스플릿 */ .line {display:inline-block; overflow:hidden;} /* body.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;} */ #wrap {width:100%; min-width:min(280px, 14.58vw); margin:0 auto;} /* 헤더 */ #header {width:100%; margin:0 auto; background:#FFF; position:sticky; top:0; left:0; right:0; z-index:200;} #header > .contents_con {display:flex; justify-content:space-between; align-items:center; width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; padding:min(52px, 2.71vw) 0; transition:all 0.3s ease;} #header > .contents_con > .logo_con {} #header > .contents_con > .logo_con > a {display:block; width:min(215px, 11.20vw);} #header > .contents_con > .logo_con > a > img {width:100%;} #header > .contents_con > .list_con {} #header > .contents_con > .list_con > ul {display:flex; align-items:center; gap:min(80px, 4.17vw);} #header > .contents_con > .list_con > ul:after {content:none;} #header > .contents_con > .list_con > ul > li {position:relative;} #header > .contents_con > .list_con > ul > li > a {font-size:min(18px, 0.94vw); color:#222; font-weight:600; position:relative;} #header > .contents_con > .list_con > ul > li > a:after {content:''; width:0; height:min(2px, 0.10vw); background:#0095D5; position:absolute; bottom:max(-4px, -0.21vw); left:0; right:0; transition:all 0.3s ease;} #header > .contents_con > .list_con > ul > li:hover > a:after {width:100%;} #header > .contents_con > .list_con > ul > li > .sub_menu {display:none; width:min(150px, 7.81vw); margin:0 auto; margin:min(21px, 1.09vw) 0 0; padding:min(20px, 1.04vw) 0 0; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:200;} #header > .contents_con > .list_con > ul > li > .sub_menu > ul {display:flex; flex-direction:column; gap:min(16px, 0.83vw); background:#FFF; padding:min(30px, 1.56vw) 0; border-radius:min(10px, 0.52vw); box-shadow:0 0 min(8px, 0.42vw) 0 rgba(0,0,0,0.1);} #header > .contents_con > .list_con > ul > li > .sub_menu > ul:after {content:none;} #header > .contents_con > .list_con > ul > li > .sub_menu > ul > li {width:100%; text-align:center;} #header > .contents_con > .list_con > ul > li > .sub_menu > ul > li > a {display:block; font-size:min(17px, 0.89vw); color:#444; font-weight:400; transition:all 0.3s ease;} #header > .contents_con > .list_con > ul > li > .sub_menu > ul > li > a.on {color:#0095D5;} #header > .contents_con > .list_con > ul > li > .sub_menu > ul > li:hover > a {color:#0095D5;} #header > .contents_con > .menu_btn {display:flex; align-items:center; gap:min(40px, 2.08vw);} #header > .contents_con > .menu_btn > .link_con {} #header > .contents_con > .menu_btn > .link_con > a {display:flex; align-items:center; gap:min(8px, 0.42vw);} #header > .contents_con > .menu_btn > .link_con > a > img {width:min(15px, 0.78vw);} #header > .contents_con > .menu_btn > .link_con > a > span {font-size:min(14px, 0.73vw); color:#00133F; font-weight:700; letter-spacing:max(-0.7px, -0.04vw);} #header > .contents_con > .menu_btn > a {display:block; width:min(36px, 1.88vw);} #header > .contents_con > .menu_btn > a > img {width:100%;} #header.scroll {box-shadow:0 min(10px, 0.52vw) min(14px, 0.73vw) 0 rgba(0,0,0,0.04);} #header.scroll > .contents_con {padding:min(32px, 1.67vw) 0;} /* 사이트맵 */ .sitemap_popup_con {display:none; width:100%; height:100vh; background-color:#00133F; background-image:url("/img/sub/sitemap_bg_icon.svg"); background-repeat:no-repeat; background-position:bottom right; background-size:min(272px, 14.17vw); position:fixed; top:0; left:0; right:0; z-index:300;} .sitemap_popup_con > .contents_con {width:100%; max-width:min(1320px, 68.75vw); margin:0 auto; position:absolute; top:50%; left:0; right:0; transform:translateY(-50%);} .sitemap_popup_con > .contents_con > .top_con {display:flex; justify-content:space-between; align-items:center;} .sitemap_popup_con > .contents_con > .top_con > .title_con {} .sitemap_popup_con > .contents_con > .top_con > .title_con > span {font-size:min(60px, 3.13vw); color:#FFF; font-weight:700;} .sitemap_popup_con > .contents_con > .top_con > .btn_con {} .sitemap_popup_con > .contents_con > .top_con > .btn_con > a {display:block; width:min(36px, 1.88vw);} .sitemap_popup_con > .contents_con > .top_con > .btn_con > a > img {width:100%;} .sitemap_popup_con > .contents_con > .list_con {margin:min(80px, 4.17vw) 0 0;} .sitemap_popup_con > .contents_con > .list_con > ul {display:flex;} .sitemap_popup_con > .contents_con > .list_con > ul:after {content:none;} .sitemap_popup_con > .contents_con > .list_con > ul > li {width:20%; height:min(480px, 25.00vw); border-left:min(1px, 0.05vw) solid rgba(255,255,255,0.06);} .sitemap_popup_con > .contents_con > .list_con > ul > li:last-child {border-right:min(1px, 0.05vw) solid rgba(255,255,255,0.06);} .sitemap_popup_con > .contents_con > .list_con > ul > li > .list_div {padding:min(60px, 3.13vw) 0 0 min(39px, 2.03vw);} .sitemap_popup_con > .contents_con > .list_con > ul > li > .list_div > .title_con {} .sitemap_popup_con > .contents_con > .list_con > ul > li > .list_div > .title_con > span {font-size:min(36px, 1.88vw); color:#FFF; font-weight:700;} .sitemap_popup_con > .contents_con > .list_con > ul > li > .list_div > .sub_menu_list {margin:min(45px, 2.34vw) 0 0;} .sitemap_popup_con > .contents_con > .list_con > ul > li > .list_div > .sub_menu_list > ul {display:flex; flex-direction:column; gap:min(24px, 1.25vw);} .sitemap_popup_con > .contents_con > .list_con > ul > li > .list_div > .sub_menu_list > ul:after {content:none;} .sitemap_popup_con > .contents_con > .list_con > ul > li > .list_div > .sub_menu_list > ul > li {} .sitemap_popup_con > .contents_con > .list_con > ul > li > .list_div > .sub_menu_list > ul > li > a {display:inline-block; font-size:min(20px, 1.04vw); color:rgba(255,255,255,0.6); font-weight:400; transition:all 0.3s ease;} .sitemap_popup_con > .contents_con > .list_con > ul > li > .list_div > .sub_menu_list > ul > li > a.on {color:#FFF;} .sitemap_popup_con > .contents_con > .list_con > ul > li > .list_div > .sub_menu_list > ul > li:hover > a {color:#FFF;} /* 메인 컨텐츠 */ #main_con {} #main_con > .info01_con {} #main_con > .info01_con > .contents_con {overflow:hidden;} #main_con > .info01_con > .contents_con > .slide_con {display:flex; align-items:center; background:url("/img/main/info01_con_txt_slide_bg.svg")no-repeat top min(95px, 4.95vw) left; background-size:min(400px, 20.83vw) min(220px, 11.46vw);} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_txt_slide {flex-shrink:0; width:min(820px, 42.71vw);} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_txt_slide > .swiper-wrapper {} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_txt_slide > .swiper-wrapper > .swiper-slide {} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_txt_slide > .swiper-wrapper > .swiper-slide > .contents_con {} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_txt_slide > .swiper-wrapper > .swiper-slide > .contents_con > .txt_con {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:min(80px, 4.17vw);} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_txt_slide > .swiper-wrapper > .swiper-slide > .contents_con > .txt_con > .text01_con {overflow:hidden;} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_txt_slide > .swiper-wrapper > .swiper-slide > .contents_con > .txt_con > .text01_con > span {display:inline-block; font-size:min(80px, 4.17vw); color:#222; font-weight:700; letter-spacing:max(-1.6px, -0.08vw);} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_txt_slide > .swiper-wrapper > .swiper-slide > .contents_con > .txt_con > .text01_con > span .char {opacity:0;} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_txt_slide > .swiper-wrapper > .swiper-slide > .contents_con > .txt_con > .text02_con {overflow:hidden;} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_txt_slide > .swiper-wrapper > .swiper-slide > .contents_con > .txt_con > .text02_con > span {display:inline-block; font-size:min(30px, 1.56vw); color:#000; font-weight:400; line-height:132%; letter-spacing:max(-0.6px, -0.03vw);} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_txt_slide > .swiper-wrapper > .swiper-slide > .contents_con > .txt_con > .text02_con > span .char {opacity:0;} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_img_slide {flex-shrink:0; width:min(1100px, 57.29vw); height:min(860px, 44.79vw);} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_img_slide .swiper-wrapper {} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_img_slide .swiper-wrapper .swiper-slide {width:100%; height:100%;} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_img_slide .swiper-wrapper .swiper-slide > .img_con {background:no-repeat center/cover; height:min(860px, 44.79vw);} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_img_slide .swiper-wrapper .swiper-slide > .img_con > img {width:100%;} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_img_slide > .control_con {position:absolute; bottom:min(40px, 2.08vw); left:min(40px, 2.08vw); z-index:10;} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_img_slide > .control_con > .contents_con {display:flex; align-items:center; gap:min(40px, 2.08vw);} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_img_slide > .control_con > .contents_con > .ps_btn_con {cursor:pointer;} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_img_slide > .control_con > .contents_con > .ps_btn_con > .stop_btn {width:min(8px, 0.42vw);} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_img_slide > .control_con > .contents_con > .ps_btn_con > .stop_btn > img {width:100%;} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_img_slide > .control_con > .contents_con > .ps_btn_con > .play_btn {display:none; width:min(8px, 0.42vw);} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_img_slide > .control_con > .contents_con > .ps_btn_con > .play_btn > img {width:100%;} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_img_slide > .control_con > .contents_con > .swiper-pagination {display:flex; align-items:center; gap:min(20px, 1.04vw); position:unset;} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_img_slide > .control_con > .contents_con > .swiper-pagination .swiper-pagination-bullet {display:inline-block; width:min(10px, 0.52vw); height:min(10px, 0.52vw); border:min(1px, 0.05vw) solid #FFF; background-color:transparent; margin:0; border-radius:min(10px, 0.52vw); opacity:1;} #main_con > .info01_con > .contents_con > .slide_con > .swiper.main_info01_img_slide > .control_con > .contents_con > .swiper-pagination .swiper-pagination-bullet-active {background-color:#FFF;} #main_con > .info02_con {width:100%; margin:0 auto; background:url("/img/main/info02_con_bg.png")no-repeat center/cover;} #main_con > .info02_con > .contents_con {display:flex; justify-content:space-between; width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; height:auto; padding:min(200px, 10.42vw) 0 0;} #main_con > .info02_con > .contents_con > .list_con {display:flex; gap:min(60px, 3.13vw); width:min(900px, 46.88vw);} #main_con > .info02_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:min(60px, 3.13vw);} #main_con > .info02_con > .contents_con > .list_con > ul:after {content:none;} #main_con > .info02_con > .contents_con > .list_con > ul > li {width:min(420px, 21.88vw);} #main_con > .info02_con > .contents_con > .list_con > ul > li > a {display:block;} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div {position:relative;} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div > .img_con {} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div > .img_con > img {width:100%;} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div > .text_con {position:absolute; bottom:min(40px, 2.08vw); left:min(40px, 2.08vw);} #main_con > .info02_con > .contents_con > .list_con > ul > li > a > .list_div > .text_con > span {font-size:min(30px, 1.56vw); color:#FFF; font-weight:700; line-height:130%; letter-spacing:max(-1.2px, -0.06vw);} #main_con > .info02_con > .contents_con > .txt_con {margin:min(140px, 7.29vw) 0 0; padding:0 0 min(140px, 7.29vw); text-align:right;} #main_con > .info02_con > .contents_con > .txt_con > .contents_con {position:sticky; top:min(140px, 7.29vw);} #main_con > .info02_con > .contents_con > .txt_con > .contents_con > .title_con {} #main_con > .info02_con > .contents_con > .txt_con > .contents_con > .title_con > span {font-size:min(70px, 3.65vw); color:#00133F; font-weight:700; line-height:130%; letter-spacing:max(-2.8px, -0.15vw);} #main_con > .info02_con > .contents_con > .txt_con > .contents_con > .title_con > span .color_text {color:#0095D5;} #main_con > .info02_con > .contents_con > .txt_con > .contents_con > .text_con {margin:min(80px, 4.17vw) 0 0;} #main_con > .info02_con > .contents_con > .txt_con > .contents_con > .text_con > span {font-size:min(24px, 1.25vw); color:#555; font-weight:400; line-height:140%;} #main_con > .info02_con > .contents_con > .list_con > ul:nth-child(2) {margin:min(140px, 7.29vw) 0 0;} #main_con > .info03_con {width:100%; margin:0 auto;} #main_con > .info03_con > .contents_con {width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; padding:min(200px, 10.42vw) 0 min(160px, 8.33vw);} #main_con > .info03_con > .contents_con > .txt_con {display:flex; justify-content:space-between; align-items:center; overflow:hidden;} #main_con > .info03_con > .contents_con > .txt_con > .title_con {} #main_con > .info03_con > .contents_con > .txt_con > .title_con > span {font-size:min(60px, 3.13vw); color:#222; font-weight:700; letter-spacing:max(-2.4px, -0.13vw);} #main_con > .info03_con > .contents_con > .txt_con > .btn_con {} #main_con > .info03_con > .contents_con > .txt_con > .btn_con > a {display:flex; align-items:center; gap:min(14px, 0.73vw);} #main_con > .info03_con > .contents_con > .txt_con > .btn_con > a > .img_con {width:min(50px, 2.60vw);} #main_con > .info03_con > .contents_con > .txt_con > .btn_con > a > .img_con > img {width:100%;} #main_con > .info03_con > .contents_con > .txt_con > .btn_con > a > .img_con > img.off {} #main_con > .info03_con > .contents_con > .txt_con > .btn_con > a > .img_con > img.on {display:none;} #main_con > .info03_con > .contents_con > .txt_con > .btn_con > a > .text_con {position:relative;} #main_con > .info03_con > .contents_con > .txt_con > .btn_con > a > .text_con:after {content:''; width:0; height:min(2px, 0.10vw); background:#0095D5; position:absolute; bottom:max(-4px, -0.21vw); left:0; right:0; transition:all 0.3s ease;} #main_con > .info03_con > .contents_con > .txt_con > .btn_con > a > .text_con > span {font-size:min(16px, 0.83vw); color:#222; font-weight:700; letter-spacing:max(-0.64px, -0.03vw);} #main_con > .info03_con > .contents_con > .txt_con > .btn_con > a:hover > .img_con > img.off {display:none;} #main_con > .info03_con > .contents_con > .txt_con > .btn_con > a:hover > .img_con > img.on {display:block;} #main_con > .info03_con > .contents_con > .txt_con > .btn_con > a:hover > .text_con:after {width:100%;} #main_con > .info03_con > .contents_con > .list_con {margin:min(80px, 4.17vw) 0 0;} #main_con > .info03_con > .contents_con > .list_con > ul {display:flex; gap:min(40px, 2.08vw);} #main_con > .info03_con > .contents_con > .list_con > ul:after {content:none;} #main_con > .info03_con > .contents_con > .list_con > ul > li {width:min(370px, 19.27vw); border-radius:min(10px, 0.52vw); box-shadow:0 0 min(12px, 0.63vw) 0 rgba(0,0,0,0.1); overflow:hidden;} #main_con > .info03_con > .contents_con > .list_con > ul > li > a {display:block;} #main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div {} #main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .img_con {background:no-repeat center/cover;} #main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .img_con > img {width:100%;} #main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con {padding:min(30px, 1.56vw);} #main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text01_con {display:inline-flex; justify-content:center; align-items:center; height:min(26px, 1.35vw); background:rgba(0,0,0,0.8); padding:0 min(12px, 0.63vw); border-radius:min(2px, 0.10vw);} #main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text01_con > span {font-size:min(14px, 0.73vw); color:#FFF; font-weight:600; line-height:160%; letter-spacing:max(-0.322px, -0.02vw);} #main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text02_con {margin:min(20px, 1.04vw) 0 0;} #main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text02_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(20px, 1.04vw); color:#000; font-weight:700; line-height:160%; letter-spacing:max(-0.46px, -0.02vw);} #main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text03_con {margin:min(16px, 0.83vw) 0 0; position:relative; overflow:hidden;} #main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text03_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; letter-spacing:max(-0.322px, -0.02vw); transform:translateY(0); transition:all 0.3s ease;} #main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text03_con > .over_con {display:flex; align-items:center; gap:min(10px, 0.52vw); position:absolute; top:0; left:0;} #main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text03_con > .over_con > .bar {width:min(60px, 3.13vw); position:relative;} #main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text03_con > .over_con > .bar:after {content:''; width:0; height:min(1px, 0.05vw); background:#222; position:absolute; top:50%; left:0; transform:translateY(-50%); transition:all 0.3s ease;} #main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text03_con > .over_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; letter-spacing:max(-0.322px, -0.02vw); transform:translateY(-100%); transition:all 0.3s ease;} #main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text04_con {margin:min(14px, 0.73vw) 0 0;} #main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text04_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; letter-spacing:max(-0.322px, -0.02vw);} #main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text04_con > span .color_text {font-size:min(17px, 0.89vw); color:#FB3753; letter-spacing:max(-0.391px, -0.02vw);} #main_con > .info03_con > .contents_con > .list_con > ul > li:hover {transform:scale(1.05);} #main_con > .info03_con > .contents_con > .list_con > ul > li:hover > a > .list_div > .txt_con > .text03_con > span {display:inline-block; transform:translateY(100%);} #main_con > .info03_con > .contents_con > .list_con > ul > li:hover > a > .list_div > .txt_con > .text03_con > .over_con > .bar:after {width:min(60px, 3.13vw);} #main_con > .info03_con > .contents_con > .list_con > ul > li:hover > a > .list_div > .txt_con > .text03_con > .over_con > span {transform:translateY(0);} #main_con > .info04_con {width:100%; margin:0 auto; background-color:#F3F4F8; background-image:url("/img/main/info04_con_bg.png"); background-repeat:no-repeat; background-position:bottom left; background-size:min(300px, 15.63vw); overflow:hidden;} #main_con > .info04_con > .contents_con {width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; height:min(686px, 35.73vw); padding:min(140px, 7.29vw) 0; position:relative;} #main_con > .info04_con > .contents_con > .slide_con {} #main_con > .info04_con > .contents_con > .slide_con > .title_con {} #main_con > .info04_con > .contents_con > .slide_con > .title_con > .text_con {} #main_con > .info04_con > .contents_con > .slide_con > .title_con > .text_con > span {font-size:min(60px, 3.13vw); color:#222; font-weight:700; letter-spacing:max(-2.4px, -0.13vw);} #main_con > .info04_con > .contents_con > .slide_con > .title_con > .btn_con {display:flex; align-items:center; gap:min(16px, 0.83vw); margin:min(60px, 3.13vw) 0 0;} #main_con > .info04_con > .contents_con > .slide_con > .title_con > .btn_con > .slide_btn {width:min(70px, 3.65vw); cursor:pointer;} #main_con > .info04_con > .contents_con > .slide_con > .title_con > .btn_con > .slide_btn > img {width:100%;} #main_con > .info04_con > .contents_con > .slide_con > .title_con > .btn_con > .slide_btn > img.off {} #main_con > .info04_con > .contents_con > .slide_con > .title_con > .btn_con > .slide_btn > img.on {display:none;} #main_con > .info04_con > .contents_con > .slide_con > .title_con > .btn_con > .slide_btn:hover > img.off {display:none;} #main_con > .info04_con > .contents_con > .slide_con > .title_con > .btn_con > .slide_btn:hover > img.on {display:block;} #main_con > .info04_con > .contents_con > .slide_con > .swiper {width:100%; position:absolute; top:50%; left:min(420px, 21.88vw); transform:translateY(-50%);} #main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper {padding:30px;} #main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide {width:min(460px, 23.96vw); margin:0 min(50px, 2.60vw) 0 0; padding:0 0 min(10px, 0.52vw) 0;} #main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con {} #main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > a {display:block;} #main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > a > .img_con {background:no-repeat center/cover; border-radius:min(10px, 0.52vw); transition:all 0.3s ease;} #main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > a > .img_con > img {width:100%;} #main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > a > .txt_con {border-top:min(1px, 0.05vw) solid #00133F; margin:min(30px, 1.56vw) 0 0;} #main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > a > .txt_con > .text01_con {display:inline-flex; justify-content:center; align-items:center; height:min(31px, 1.61vw); background:#00133F; padding:0 min(10px, 0.52vw);} #main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > a > .txt_con > .text01_con > span {font-size:min(16px, 0.83vw); color:#FFF; font-weight:600; letter-spacing:max(-0.6px, -0.03vw);} #main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > a > .txt_con > .text02_con {display:flex; justify-content:space-between; align-items:center; margin:min(15px, 0.78vw) 0 0;} #main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > a > .txt_con > .text02_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:84%; font-size:min(22px, 1.15vw); color:#222; font-weight:600; letter-spacing:max(-0.88px, -0.05vw);} #main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > a > .txt_con > .text02_con > .img_con {width:min(50px, 2.60vw); filter:drop-shadow(0 0 min(6px, 0.31vw) rgba(0, 19, 63, 0.15));} #main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > a > .txt_con > .text02_con > .img_con > img {width:100%;} #main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > a > .txt_con > .text02_con > .img_con > img.off {} #main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > a > .txt_con > .text02_con > .img_con > img.on {display:none;} #main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide:hover > .contents_con > a > .img_con {transform:scale(1.05);} #main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide:hover > .contents_con > a > .txt_con > .text02_con > .img_con > img.off {display:none;} #main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide:hover > .contents_con > a > .txt_con > .text02_con > .img_con > img.on {display:block;} #main_con > .info05_con {width:100%; margin:0 auto;} #main_con > .info05_con > .contents_con {width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; padding:min(157px, 8.18vw) 0 min(160px, 8.33vw);} #main_con > .info05_con > .contents_con > .txt_con {display:flex; justify-content:space-between; align-items:center;} #main_con > .info05_con > .contents_con > .txt_con > .title_con {} #main_con > .info05_con > .contents_con > .txt_con > .title_con > span {font-size:min(60px, 3.13vw); color:#222; font-weight:700; letter-spacing:max(-2.4px, -0.13vw);} #main_con > .info05_con > .contents_con > .txt_con > .btn_con {} #main_con > .info05_con > .contents_con > .txt_con > .btn_con > a {display:flex; align-items:center; gap:min(14px, 0.73vw);} #main_con > .info05_con > .contents_con > .txt_con > .btn_con > a > .img_con {width:min(50px, 2.60vw);} #main_con > .info05_con > .contents_con > .txt_con > .btn_con > a > .img_con > img {width:100%;} #main_con > .info05_con > .contents_con > .txt_con > .btn_con > a > .img_con > img.off {} #main_con > .info05_con > .contents_con > .txt_con > .btn_con > a > .img_con > img.on {display:none;} #main_con > .info05_con > .contents_con > .txt_con > .btn_con > a > .text_con {position:relative;} #main_con > .info05_con > .contents_con > .txt_con > .btn_con > a > .text_con:after {content:''; width:0; height:min(2px, 0.10vw); background:#0095D5; position:absolute; bottom:max(-4px, -0.21vw); left:0; right:0; transition:all 0.3s ease;} #main_con > .info05_con > .contents_con > .txt_con > .btn_con > a > .text_con > span {font-size:min(16px, 0.83vw); color:#222; font-weight:700; letter-spacing:max(-0.64px, -0.03vw);} #main_con > .info05_con > .contents_con > .txt_con > .btn_con > a:hover > .img_con > img.off {display:none;} #main_con > .info05_con > .contents_con > .txt_con > .btn_con > a:hover > .img_con > img.on {display:block;} #main_con > .info05_con > .contents_con > .txt_con > .btn_con > a:hover > .text_con:after {width:100%;} #main_con > .info05_con > .contents_con > .list_con {border-top:min(3px, 0.16vw) solid #222; margin:min(60px, 3.13vw) 0 0;} #main_con > .info05_con > .contents_con > .list_con > ul {} #main_con > .info05_con > .contents_con > .list_con > ul:after {content:none;} #main_con > .info05_con > .contents_con > .list_con > ul > li {width:100%; border-bottom:min(1px, 0.05vw) solid #E8E9E9; transition:background 0.3s ease;} #main_con > .info05_con > .contents_con > .list_con > ul > li > a {display:block;} #main_con > .info05_con > .contents_con > .list_con > ul > li > a > .list_div {} #main_con > .info05_con > .contents_con > .list_con > ul > li > a > .list_div > table {width:100%; table-layout:fixed;} #main_con > .info05_con > .contents_con > .list_con > ul > li > a > .list_div > table > tbody {} #main_con > .info05_con > .contents_con > .list_con > ul > li > a > .list_div > table > tbody > tr {} #main_con > .info05_con > .contents_con > .list_con > ul > li > a > .list_div > table > tbody > tr > td {height:min(180px, 9.38vw); padding:min(20px, 1.04vw) 0;} #main_con > .info05_con > .contents_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .date_td {width:min(280px, 14.58vw); padding:0 0 0 min(50px, 2.60vw);} #main_con > .info05_con > .contents_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .date_td > span {font-size:min(40px, 2.08vw); color:#000; font-weight:800; opacity:0.2; transition:all 0.3s ease;} #main_con > .info05_con > .contents_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .txt_td {padding:0 min(10px, 0.52vw);} #main_con > .info05_con > .contents_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .txt_td > .txt_con {text-align:left;} #main_con > .info05_con > .contents_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .txt_td > .txt_con > .text01_con {} #main_con > .info05_con > .contents_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .txt_td > .txt_con > .text01_con > span {font-size:min(16px, 0.83vw); color:#0095D5; font-weight:600;} #main_con > .info05_con > .contents_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .txt_td > .txt_con > .text02_con {margin:min(10px, 0.52vw) 0 0;} #main_con > .info05_con > .contents_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .txt_td > .txt_con > .text02_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(26px, 1.35vw); color:#222; font-weight:600; transition:all 0.3s ease;} #main_con > .info05_con > .contents_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .img_td {width:min(320px, 16.67vw); padding:0 min(50px, 2.60vw);} #main_con > .info05_con > .contents_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .img_td > .img_con {width:min(220px, 11.46vw); background:no-repeat center/cover;} #main_con > .info05_con > .contents_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .img_td > .img_con > img {width:100%;} #main_con > .info05_con > .contents_con > .list_con > ul > li:hover {background:#F9FBFC;} #main_con > .info05_con > .contents_con > .list_con > ul > li:hover > a > .list_div > table > tbody > tr > .date_td > span {opacity:1;} #main_con > .info05_con > .contents_con > .list_con > ul > li:hover > a > .list_div > table > tbody > tr > .txt_td > .txt_con > .text02_con > span {color:#0095D5;} #main_con > .info06_con {width:100%; margin:0 auto; background:url("/img/main/info06_con_bg.png")no-repeat center/cover;} #main_con > .info06_con > .contents_con {width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; padding:min(114px, 5.94vw) 0;} #main_con > .info06_con > .contents_con > .txt_con {text-align:center;} #main_con > .info06_con > .contents_con > .txt_con > .title_con {} #main_con > .info06_con > .contents_con > .txt_con > .title_con > span {font-size:min(60px, 3.13vw); color:#FFF; font-weight:800;} #main_con > .info06_con > .contents_con > .txt_con > .text_con {margin:min(40px, 2.08vw) 0 0;} #main_con > .info06_con > .contents_con > .txt_con > .text_con > span {font-size:min(22px, 1.15vw); color:#FFF; font-weight:400; line-height:140%; letter-spacing:max(-0.88px, -0.05vw);} #main_con > .info06_con > .contents_con > .btn_con {margin:min(60px, 3.13vw) 0 0;} #main_con > .info06_con > .contents_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(200px, 10.42vw); margin:0 auto; height:min(60px, 3.13vw); border:min(1px, 0.05vw) solid rgba(255, 255, 255, 0.50); background:rgba(255, 255, 255, 0.40); border-radius:min(5px, 0.26vw); font-size:min(16px, 0.83vw); color:#FFF; font-weight:600; line-height:140%; letter-spacing:max(-0.64px, -0.03vw); transition:all 0.3s ease;} #main_con > .info06_con > .contents_con > .btn_con > a:hover {border:#FFF; background:#FFF; color:#222;} /* 메인 퀵 */ .right_quick_con {position:fixed; top:50%; right:min(30px, 1.56vw); transform:translateY(-50%); z-index:10;} .right_quick_con > .contents_con {} .right_quick_con > .contents_con > ul {display:flex; flex-direction:column; gap:min(8px, 0.42vw);} .right_quick_con > .contents_con > ul:after {content:none;} .right_quick_con > .contents_con > ul > li {} .right_quick_con > .contents_con > ul > li > a {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:min(6px, 0.31vw); width:min(70px, 3.65vw); height:min(70px, 3.65vw); background:#FFF; border-radius:min(10px, 0.52vw); box-shadow:0 0 min(8px, 0.42vw) 0 rgba(0,0,0,0.1);} .right_quick_con > .contents_con > ul > li > a > .img_con {width:100%;} .right_quick_con > .contents_con > ul > li > a > .img_con > img {width:100%;} .right_quick_con > .contents_con > ul > li > a > .text_con {} .right_quick_con > .contents_con > ul > li > a > .text_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:700; letter-spacing:max(-0.7px, -0.04vw);} /* 서브 공통 */ #sub_con {} #sub_con > .banner_con {width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; padding:min(120px, 6.25vw) 0 min(100px, 5.21vw);} #sub_con > .banner_con > .contents_con {} #sub_con > .banner_con > .contents_con > .title_con {} #sub_con > .banner_con > .contents_con > .title_con > .route_con {} #sub_con > .banner_con > .contents_con > .title_con > .route_con > ul {display:flex; align-items:center; gap:min(18px, 0.94vw); overflow:hidden;} #sub_con > .banner_con > .contents_con > .title_con > .route_con > ul:after {content:none;} #sub_con > .banner_con > .contents_con > .title_con > .route_con > ul > li {} #sub_con > .banner_con > .contents_con > .title_con > .route_con > ul > li > img {} #sub_con > .banner_con > .contents_con > .title_con > .route_con > ul > li > img.icon {width:min(20px, 1.04vw);} #sub_con > .banner_con > .contents_con > .title_con > .route_con > ul > li > img.arrow {width:min(6px, 0.31vw);} #sub_con > .banner_con > .contents_con > .title_con > .route_con > ul > li > span {font-size:min(16px, 0.83vw); color:rgba(34,34,34,0.7); font-weight:500;} #sub_con > .banner_con > .contents_con > .title_con > .title_con {margin:min(30px, 1.56vw) 0 0; overflow:hidden;} #sub_con > .banner_con > .contents_con > .title_con > .title_con > span {display:inline-block; font-size:min(70px, 3.65vw); color:#222; font-weight:700;} #sub_con > .nav_con {width:100%; max-width:min(1600px, 83.33vw); margin:0 auto;} #sub_con > .nav_con > ul {display:flex; gap:min(16px, 0.83vw);} #sub_con > .nav_con > ul:after {content:none;} #sub_con > .nav_con > ul > li {} #sub_con > .nav_con > ul > li > a {display:flex; justify-content:center; align-items:center; width:min(220px, 11.46vw); height:min(70px, 3.65vw); background:#F3F4F8; font-size:min(20px, 1.04vw); color:#666; font-weight:400; transition:all 0.3s ease;} #sub_con > .nav_con > ul > li > a .line {text-align:center !important;} #sub_con > .nav_con > ul > li > a.on {background:#0095D5; color:#FFF; font-weight:700;} #sub_con > .nav_con > ul > li:hover > a {background:#0095D5; color:#FFF; font-weight:700;} @keyframes move-wall { 100% {width:0;} } /* 인사말 */ .company_sub01_con {width:100%; margin:0 auto;} .company_sub01_con > .contents_con {width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; padding:0 0 min(173px, 9.01vw);} .company_sub01_con > .contents_con > .bg_con {width:100%; height:min(480px, 25.00vw); position:relative; overflow:hidden; background:url("/img/company/company_sub01_img_con_img01.png")no-repeat center/cover;} .company_sub01_con > .contents_con > .bg_con:after {display:block; content:''; width:100%; height:100%; background:#FFF; position:absolute; top:0; right:0;} .company_sub01_con > .contents_con > .bg_con.on:after {animation:move-wall 1s ease-in 0.2s forwards;} .company_sub01_con > .contents_con > .txt_con {display:flex; justify-content:space-between; align-items:flex-start; gap:min(194px, 10.10vw); width:100%; max-width:min(1200px, 62.50vw); margin:0 auto; padding:min(100px, 5.21vw) 0 0;} .company_sub01_con > .contents_con > .txt_con > .title_con {flex-shrink:0;} .company_sub01_con > .contents_con > .txt_con > .title_con > .text01_con {position:relative;} .company_sub01_con > .contents_con > .txt_con > .title_con > .text01_con:before {content:''; width:min(25px, 1.30vw); height:min(20px, 1.04vw); background:url("/img/company/company_sub01_txt_con_title_text01_left_quote_icon.svg")no-repeat center/cover; position:absolute; top:max(-20px, -1.04vw); left:max(-28px, -1.46vw);} .company_sub01_con > .contents_con > .txt_con > .title_con > .text01_con:after {content:''; width:min(25px, 1.30vw); height:min(20px, 1.04vw); background:url("/img/company/company_sub01_txt_con_title_text01_right_quote_icon.svg")no-repeat center/cover; position:absolute; top:max(-20px, -1.04vw); right:max(-12px, -0.63vw);} .company_sub01_con > .contents_con > .txt_con > .title_con > .text01_con > span {display:inline-block; position:relative; font-size:min(30px, 1.56vw); color:#555; font-weight:500; line-height:140%; letter-spacing:max(-1.2px, -0.06vw);} .company_sub01_con > .contents_con > .txt_con > .title_con > .text01_con > span .color_text {color:#0095D5; font-weight:700;} .company_sub01_con > .contents_con > .txt_con > .title_con > .text01_con > span:before {content:''; width:min(480px, 25.00vw); height:min(20px, 1.04vw); background:rgba(0,149,213,0.1); position:absolute; bottom:0; left:max(-6px, -0.31vw); z-index:-1;} .company_sub01_con > .contents_con > .txt_con > .title_con > .text02_con {margin:min(43px, 2.24vw) 0 0;} .company_sub01_con > .contents_con > .txt_con > .title_con > .text02_con > span {font-size:min(36px, 1.88vw); color:#222; font-weight:700; line-height:140%; letter-spacing:max(-0.828px, -0.04vw);} .company_sub01_con > .contents_con > .txt_con > .title_con > .text02_con > span .color_text {color:#0095D5;} .company_sub01_con > .contents_con > .txt_con > .text_con {} .company_sub01_con > .contents_con > .txt_con > .text_con > .text01_con {} .company_sub01_con > .contents_con > .txt_con > .text_con > .text01_con > span {display:inline-block; margin:min(30px, 1.56vw) 0 0; font-size:min(18px, 0.94vw); color:#555; font-weight:500; line-height:160%; letter-spacing:max(-0.414px, -0.02vw);} .company_sub01_con > .contents_con > .txt_con > .text_con > .text01_con > span:first-child {margin:0} .company_sub01_con > .contents_con > .txt_con > .text_con > .text02_con {margin:min(60px, 3.13vw) 0 0;} .company_sub01_con > .contents_con > .txt_con > .text_con > .text02_con > ul {display:flex; justify-content:flex-end; align-items:center; gap:min(33px, 1.72vw);} .company_sub01_con > .contents_con > .txt_con > .text_con > .text02_con > ul:after {content:none;} .company_sub01_con > .contents_con > .txt_con > .text_con > .text02_con > ul > li {position:relative;} .company_sub01_con > .contents_con > .txt_con > .text_con > .text02_con > ul > li:before {content:''; width:min(2px, 0.10vw); height:min(54px, 2.81vw); background:#0095D5; position:absolute; top:50%; left:max(-18px, -0.94vw); transform:translateY(-50%);} .company_sub01_con > .contents_con > .txt_con > .text_con > .text02_con > ul > li:first-child:before {content:none;} .company_sub01_con > .contents_con > .txt_con > .text_con > .text02_con > ul > li > .list_div {} .company_sub01_con > .contents_con > .txt_con > .text_con > .text02_con > ul > li > .list_div > .text01_con {} .company_sub01_con > .contents_con > .txt_con > .text_con > .text02_con > ul > li > .list_div > .text01_con > span {font-size:min(20px, 1.04vw); color:#0095D5; font-weight:700; line-height:160%; letter-spacing:max(-0.46px, -0.02vw);} .company_sub01_con > .contents_con > .txt_con > .text_con > .text02_con > ul > li > .list_div > .text02_con {display:flex; justify-content:center; align-items:center; gap:min(10px, 0.52vw);} .company_sub01_con > .contents_con > .txt_con > .text_con > .text02_con > ul > li > .list_div > .text02_con > .text01 {} .company_sub01_con > .contents_con > .txt_con > .text_con > .text02_con > ul > li > .list_div > .text02_con > .text01 > span {font-size:min(20px, 1.04vw); color:#555; font-weight:400; line-height:160%; letter-spacing:max(-0.46px, -0.02vw);} .company_sub01_con > .contents_con > .txt_con > .text_con > .text02_con > ul > li > .list_div > .text02_con > .text02 {} .company_sub01_con > .contents_con > .txt_con > .text_con > .text02_con > ul > li > .list_div > .text02_con > .text02 > span {font-size:min(20px, 1.04vw); color:#222; font-weight:700; line-height:160%; letter-spacing:max(-0.46px, -0.02vw);} .company_sub01_con > .contents_con > .txt_con > .text_con > .text02_con > ul > li > .list_div > img {width:min(54px, 2.81vw);} /* 회사개요 */ .company_sub02_con {width:100%; margin:0 auto;} .company_sub02_con > .contents_con {display:flex; justify-content:center; align-items:center; gap:min(80px, 4.17vw); width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; padding:0 0 min(160px, 8.33vw);} .company_sub02_con > .contents_con > .img_con {flex-shrink:0; width:min(640px, 33.33vw);} .company_sub02_con > .contents_con > .img_con > img {width:100%;} .company_sub02_con > .contents_con > .info_con {width:min(880px, 45.83vw); border-top:min(2px, 0.10vw) solid #00133F; border-bottom:min(1px, 0.05vw) solid #DDD; padding:min(60px, 3.13vw) 0;} .company_sub02_con > .contents_con > .info_con > ul {display:flex; flex-direction:column; gap:min(33px, 1.72vw); padding:0 min(40px, 2.08vw);} .company_sub02_con > .contents_con > .info_con > ul:after {content:none;} .company_sub02_con > .contents_con > .info_con > ul > li {overflow:hidden;} .company_sub02_con > .contents_con > .info_con > ul > li > .list_div {display:flex; align-items:center; gap:min(62px, 3.23vw);} .company_sub02_con > .contents_con > .info_con > ul > li > .list_div > .title_con {width:min(122px, 6.35vw);} .company_sub02_con > .contents_con > .info_con > ul > li > .list_div > .title_con > span {font-size:min(20px, 1.04vw); color:#00133F; font-weight:500;} .company_sub02_con > .contents_con > .info_con > ul > li > .list_div > .text_con {position:relative;} .company_sub02_con > .contents_con > .info_con > ul > li > .list_div > .text_con:before {content:''; width:min(2px, 0.10vw); height:min(18px, 0.94vw); background:#D9D9D9; position:absolute; top:50%; left:max(-32px, -1.67vw); transform:translateY(-50%);} .company_sub02_con > .contents_con > .info_con > ul > li > .list_div > .text_con > span {font-size:min(20px, 1.04vw); color:#555; font-weight:500;} /* 회사연혁 */ .company_sub03_con {width:100%; margin:0 auto;} .company_sub03_con > .contents_con {width:100%; max-width:min(1600px, 83.33vw); margin:0 auto min(160px, 8.33vw); position:relative;} .company_sub03_con > .contents_con:before {content:''; width:min(1px, 0.05vw); height:100%; background:#DDD; position:absolute; top:0; left:50%; transform:translateX(-50%);} .company_sub03_con > .contents_con > .bg_con {position:relative;} .company_sub03_con > .contents_con > .bg_con > .img_con {width:100%; height:100%; position:absolute; top:0; left:0; right:0; overflow:hidden;} .company_sub03_con > .contents_con > .bg_con > .img_con:after {display:block; content:''; width:100%; height:100%; background:#FFF; position:absolute; top:0; right:0;} .company_sub03_con > .contents_con > .bg_con > .img_con.on:after {animation:move-wall 1s ease-in 0.5s forwards;} .company_sub03_con > .contents_con > .bg_con > .img_con img {width:100%;} .company_sub03_con > .contents_con > .bg_con > .txt_con {width:min(480px, 25.00vw); background:#0095D5; padding:min(80px, 4.17vw) 0 min(251px, 13.07vw) min(60px, 3.13vw); position:relative; top:min(120px, 6.25vw); left:min(100px, 5.21vw);} .company_sub03_con > .contents_con > .bg_con > .txt_con > .text01_con {} .company_sub03_con > .contents_con > .bg_con > .txt_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:700;} .company_sub03_con > .contents_con > .bg_con > .txt_con > .text02_con {margin:min(30px, 1.56vw) 0 0;} .company_sub03_con > .contents_con > .bg_con > .txt_con > .text02_con > span {font-size:min(28px, 1.46vw); color:#FFF; font-weight:700; line-height:130%;} .company_sub03_con > .contents_con > .bg_con > .txt_con > .text03_con {position:absolute; bottom:0; left:0;} .company_sub03_con > .contents_con > .bg_con > .txt_con > .text03_con > img {width:min(364px, 18.96vw);} .company_sub03_con > .contents_con > .history_con {margin:min(280px, 14.58vw) 0 0;} .company_sub03_con > .contents_con > .history_con > ul {display:flex; flex-direction:column; gap:min(140px, 7.29vw);} .company_sub03_con > .contents_con > .history_con > ul:after {content:none;} .company_sub03_con > .contents_con > .history_con > ul > li {position:relative;} .company_sub03_con > .contents_con > .history_con > ul > li:before {content:''; width:min(11px, 0.57vw); height:min(11px, 0.57vw); background:#0095D5; position:absolute; top:min(34px, 1.77vw); left:50%; transform:translateX(-50%); border-radius:100%;} .company_sub03_con > .contents_con > .history_con > ul > li > .list_div {display:flex; justify-content:center; gap:min(171px, 8.91vw);} .company_sub03_con > .contents_con > .history_con > ul > li > .list_div > .box_con {width:50%;} .company_sub03_con > .contents_con > .history_con > ul > li > .list_div > .box_con > .year_con {} .company_sub03_con > .contents_con > .history_con > ul > li > .list_div > .box_con > .year_con > span {font-size:min(50px, 2.60vw); color:#000; font-weight:800; line-height:160%;} .company_sub03_con > .contents_con > .history_con > ul > li > .list_div > .box_con > .info_con {} .company_sub03_con > .contents_con > .history_con > ul > li > .list_div > .box_con > .info_con > ul {display:flex; flex-direction:column; gap:min(25px, 1.30vw); margin:min(26px, 1.35vw) 0 0;} .company_sub03_con > .contents_con > .history_con > ul > li > .list_div > .box_con > .info_con > ul:after {content:none;} .company_sub03_con > .contents_con > .history_con > ul > li > .list_div > .box_con > .info_con > ul > li {} .company_sub03_con > .contents_con > .history_con > ul > li > .list_div > .box_con > .info_con > ul > li > .list_div {display:flex; align-items:flex-start; gap:min(30px, 1.56vw);} .company_sub03_con > .contents_con > .history_con > ul > li > .list_div > .box_con > .info_con > ul > li > .list_div > .month_con {} .company_sub03_con > .contents_con > .history_con > ul > li > .list_div > .box_con > .info_con > ul > li > .list_div > .month_con > span {font-size:min(18px, 0.94vw); color:#000; font-weight:700; line-height:160%;} .company_sub03_con > .contents_con > .history_con > ul > li > .list_div > .box_con > .info_con > ul > li > .list_div > .text_con {display:flex; flex-direction:column; gap:min(4px, 0.21vw);} .company_sub03_con > .contents_con > .history_con > ul > li > .list_div > .box_con > .info_con > ul > li > .list_div > .text_con > span {display:block; font-size:min(18px, 0.94vw); color:#555; font-weight:400; line-height:160%;} .company_sub03_con > .contents_con > .history_con > ul > li > .list_div > .box_con.left {text-align:right;} .company_sub03_con > .contents_con > .history_con > ul > li > .list_div > .box_con.left .list_div {justify-content:flex-end;} .company_sub03_con > .contents_con > .history_con > ul > li > .list_div > .box_con.left .list_div > .month_con {order:2;} .company_sub03_con > .contents_con > .history_con > ul > li > .list_div > .box_con.left .list_div > .text_con {order:1;} .company_sub03_con > .contents_con > .history_con > ul > li > .list_div > .box_con.right {width:50%;} /* 조직도 */ .company_sub04_con {width:100%; margin:0 auto;} .company_sub04_con > .contents_con {width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; padding:0 0 min(155px, 8.07vw);} .company_sub04_con > .contents_con > .img_con {} .company_sub04_con > .contents_con > .img_con > img {width:100%;} .company_sub04_con > .contents_con > .family_site {display:flex; justify-content:space-between; border-top:min(1px, 0.05vw) solid #222; margin:min(200px, 10.42vw) 0 0; padding:min(40px, 2.08vw) 0 0;} .company_sub04_con > .contents_con > .family_site > .title_con {flex-shrink:0;} .company_sub04_con > .contents_con > .family_site > .title_con > span {font-size:min(36px, 1.88vw); color:#000; font-weight:600;} .company_sub04_con > .contents_con > .family_site > .list_con {} .company_sub04_con > .contents_con > .family_site > .list_con > ul {display:flex; gap:min(20px, 1.04vw);} .company_sub04_con > .contents_con > .family_site > .list_con > ul:after {content:none;} .company_sub04_con > .contents_con > .family_site > .list_con > ul > li {width:min(400px, 20.83vw); background:#F8F8F8;} .company_sub04_con > .contents_con > .family_site > .list_con > ul > li > .list_div {padding:min(50px, 2.60vw) min(30px, 1.56vw) min(30px, 1.56vw);} .company_sub04_con > .contents_con > .family_site > .list_con > ul > li > .list_div > .img_con {width:auto; height:min(28px, 1.46vw); text-align:center;} .company_sub04_con > .contents_con > .family_site > .list_con > ul > li > .list_div > .img_con > img {} .company_sub04_con > .contents_con > .family_site > .list_con > ul > li > .list_div > .info_con {display:flex; justify-content:space-between; align-items:center; border-top:min(1px, 0.05vw) solid #D9D9D9; margin:min(50px, 2.60vw) 0 0; padding:min(43px, 2.24vw) 0 0;} .company_sub04_con > .contents_con > .family_site > .list_con > ul > li > .list_div > .info_con > .txt_con {} .company_sub04_con > .contents_con > .family_site > .list_con > ul > li > .list_div > .info_con > .txt_con > ul {display:flex; align-items:center; gap:min(18px, 0.94vw);} .company_sub04_con > .contents_con > .family_site > .list_con > ul > li > .list_div > .info_con > .txt_con > ul:after {content:none;} .company_sub04_con > .contents_con > .family_site > .list_con > ul > li > .list_div > .info_con > .txt_con > ul > li {position:relative;} .company_sub04_con > .contents_con > .family_site > .list_con > ul > li > .list_div > .info_con > .txt_con > ul > li:before {content:''; width:min(2px, 0.10vw); height:min(15px, 0.78vw); background:#999; position:absolute; top:50%; left:max(-10px, -0.52vw); transform:translateY(-50%);} .company_sub04_con > .contents_con > .family_site > .list_con > ul > li > .list_div > .info_con > .txt_con > ul > li:first-child:before {content:none;} .company_sub04_con > .contents_con > .family_site > .list_con > ul > li > .list_div > .info_con > .txt_con > ul > li > span {font-size:min(18px, 0.94vw); color:#999; font-weight:600;} .company_sub04_con > .contents_con > .family_site > .list_con > ul > li > .list_div > .info_con > .link_con {} .company_sub04_con > .contents_con > .family_site > .list_con > ul > li > .list_div > .info_con > .link_con > a {display:block; width:min(20px, 1.04vw);} .company_sub04_con > .contents_con > .family_site > .list_con > ul > li > .list_div > .info_con > .link_con > a > img {width:100%;} /* 인증현황 */ .company_sub05_con {width:100%; margin:0 auto;} .company_sub05_con > .contents_con {width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; padding:0 0 min(160px, 8.33vw);} .company_sub05_con > .contents_con > .list_con {} .company_sub05_con > .contents_con > .list_con > ul {display:flex; flex-wrap:wrap; gap:min(40px, 2.08vw) min(26px, 1.35vw);} .company_sub05_con > .contents_con > .list_con > ul:after {content:none;} .company_sub05_con > .contents_con > .list_con > ul > li {width:min(245px, 12.76vw);} .company_sub05_con > .contents_con > .list_con > ul > li > .list_div {} .company_sub05_con > .contents_con > .list_con > ul > li > .list_div > .img_con {width:100%; border:min(1px, 0.05vw) solid #DDD;} .company_sub05_con > .contents_con > .list_con > ul > li > .list_div > .img_con > img {width:100%;} .company_sub05_con > .contents_con > .list_con > ul > li > .list_div > .text_con {margin:min(20px, 1.04vw) 0 0; text-align:center;} .company_sub05_con > .contents_con > .list_con > ul > li > .list_div > .text_con > span {font-size:min(22px, 1.15vw); color:#222; font-weight:600;} /* 오시는 길 */ .company_sub06_con {width:100%; margin:0 auto;} .company_sub06_con > .contents_con {width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; padding:0 0 min(160px, 8.33vw);} .company_sub06_con > .contents_con > .map_con {} .company_sub06_con > .contents_con > .map_con .root_daum_roughmap {width:100%; height:min(480px, 25.00vw);} .company_sub06_con > .contents_con > .map_con .root_daum_roughmap > .wrap_map {height:min(480px, 25.00vw);} .company_sub06_con > .contents_con > .map_con .root_daum_roughmap > .wrap_map .map_border {display:none;} .company_sub06_con > .contents_con > .map_con .root_daum_roughmap > .cont {display:none;} .company_sub06_con > .contents_con > .txt_con {display:flex; justify-content:space-between; align-items:flex-start; width:100%; max-width:min(1200px, 62.50vw); margin:0 auto; margin-top:min(100px, 5.21vw);} .company_sub06_con > .contents_con > .txt_con > .text01_con {} .company_sub06_con > .contents_con > .txt_con > .text01_con > .text01 {} .company_sub06_con > .contents_con > .txt_con > .text01_con > .text01 > span {font-size:min(44px, 2.29vw); color:#555; font-weight:700; line-height:120%; letter-spacing:max(-1.012px, -0.05vw);} .company_sub06_con > .contents_con > .txt_con > .text01_con > .text01 > span .color_text01 {color:#0095D5;} .company_sub06_con > .contents_con > .txt_con > .text01_con > .text01 > span .color_text02 {color:#ED1A2E;} .company_sub06_con > .contents_con > .txt_con > .text01_con > .text01 > span .color_text03 {color:#00133F;} .company_sub06_con > .contents_con > .txt_con > .text01_con > .text02 {margin:min(20px, 1.04vw) 0 0;} .company_sub06_con > .contents_con > .txt_con > .text01_con > .text02 > span {font-size:min(20px, 1.04vw); color:#AAA; font-weight:600; line-height:130%; letter-spacing:max(-0.4px, -0.02vw);} .company_sub06_con > .contents_con > .txt_con > .list_con {width:min(632px, 32.92vw); border-top:min(2px, 0.10vw) solid #000;} .company_sub06_con > .contents_con > .txt_con > .list_con > ul {} .company_sub06_con > .contents_con > .txt_con > .list_con > ul:after {content:none;} .company_sub06_con > .contents_con > .txt_con > .list_con > ul > li {border-bottom:min(1px, 0.05vw) solid #DDD; padding:min(30px, 1.56vw) min(20px, 1.04vw);} .company_sub06_con > .contents_con > .txt_con > .list_con > ul > li > .list_div {display:flex; align-items:center; gap:min(30px, 1.56vw);} .company_sub06_con > .contents_con > .txt_con > .list_con > ul > li > .list_div > .text01_con {display:flex; align-items:center; gap:min(10px, 0.52vw); width:min(100px, 5.21vw);} .company_sub06_con > .contents_con > .txt_con > .list_con > ul > li > .list_div > .text01_con > .img_con {flex-shrink:0; width:min(21px, 1.09vw);} .company_sub06_con > .contents_con > .txt_con > .list_con > ul > li > .list_div > .text01_con > .img_con > img {width:100%;} .company_sub06_con > .contents_con > .txt_con > .list_con > ul > li > .list_div > .text01_con > .text_con {} .company_sub06_con > .contents_con > .txt_con > .list_con > ul > li > .list_div > .text01_con > .text_con > span {font-size:min(18px, 0.94vw); color:#222; font-weight:700; line-height:160%; letter-spacing:max(-0.72px, -0.04vw);} .company_sub06_con > .contents_con > .txt_con > .list_con > ul > li > .list_div > .text02_con {} .company_sub06_con > .contents_con > .txt_con > .list_con > ul > li > .list_div > .text02_con > span {font-size:min(18px, 0.94vw); color:#888; font-weight:500; line-height:160%; letter-spacing:max(-0.72px, -0.04vw);} /* 사업분야 건축공사업 */ .business_sub01_con {width:100%; margin:0 auto;} .business_sub01_con > .contents_con {display:flex; justify-content:space-between; align-items:flex-start; width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; margin-bottom:min(160px, 8.33vw); background:url("/img/business/business_sub01_con_bg.png")no-repeat center/cover; padding:min(160px, 8.33vw) min(140px, 7.29vw) min(266px, 13.85vw) min(160px, 8.33vw); position:relative;} .business_sub01_con > .contents_con:after {display:block; content:''; width:100%; height:100%; background:#FFF; position:absolute; top:0; right:0;} .business_sub01_con > .contents_con.on:after {animation:move-wall 1s ease-in 0.5s forwards;} .business_sub01_con > .contents_con > .txt_con {} .business_sub01_con > .contents_con > .txt_con > .text01_con {opacity:0.6;} .business_sub01_con > .contents_con > .txt_con > .text01_con > span {font-family:"Montserrat", sans-serif; font-size:min(16px, 0.83vw); color:#FFF; font-weight:500; letter-spacing:max(-0.48px, -0.03vw);} .business_sub01_con > .contents_con > .txt_con > .text02_con {margin:min(20px, 1.04vw) 0 0;} .business_sub01_con > .contents_con > .txt_con > .text02_con > span {font-size:min(44px, 2.29vw); color:#FFF; font-weight:700; letter-spacing:max(-1.012px, -0.05vw);} .business_sub01_con > .contents_con > .info_con {} .business_sub01_con > .contents_con > .info_con > .text_con {border-bottom:min(1px, 0.05vw) solid rgba(255,255,255,0.4); padding:0 0 min(30px, 1.56vw);} .business_sub01_con > .contents_con > .info_con > .text_con > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:500; line-height:160%; letter-spacing:max(-0.414px, -0.02vw);} .business_sub01_con > .contents_con > .info_con > .list_con {margin:min(50px, 2.60vw) 0 0;} .business_sub01_con > .contents_con > .info_con > .list_con > ul {display:flex; gap:min(25px, 1.30vw);} .business_sub01_con > .contents_con > .info_con > .list_con > ul:after {content:none;} .business_sub01_con > .contents_con > .info_con > .list_con > ul > li {} .business_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div {} .business_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .img_con {width:min(100px, 5.21vw); backdrop-filter:blur(min(2px, 0.10vw)); border-radius:100%;} .business_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .img_con > img {width:100%;} .business_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .text_con {margin:min(20px, 1.04vw) 0 0; text-align:center;} .business_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .text_con > span {font-size:min(16px, 0.83vw); color:#FFF; font-weight:700; letter-spacing:max(-0.368px, -0.02vw);} /* 사업분야 개발 시행사업 */ .business_sub02_con {width:100%; margin:0 auto;} .business_sub02_con > .contents_con {display:flex; justify-content:space-between; align-items:flex-start; width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; margin-bottom:min(160px, 8.33vw); background:url("/img/business/business_sub02_con_bg.png")no-repeat center/cover; padding:min(160px, 8.33vw) min(140px, 7.29vw) min(216px, 11.25vw) min(160px, 8.33vw); position:relative;} .business_sub02_con > .contents_con:after {display:block; content:''; width:100%; height:100%; background:#FFF; position:absolute; top:0; right:0;} .business_sub02_con > .contents_con.on:after {animation:move-wall 1s ease-in 0.5s forwards;} .business_sub02_con > .contents_con > .txt_con {} .business_sub02_con > .contents_con > .txt_con > .text01_con {opacity:0.6;} .business_sub02_con > .contents_con > .txt_con > .text01_con > span {font-family:"Montserrat", sans-serif; font-size:min(16px, 0.83vw); color:#FFF; font-weight:500; letter-spacing:max(-0.48px, -0.03vw);} .business_sub02_con > .contents_con > .txt_con > .text02_con {margin:min(20px, 10.04vw) 0 0;} .business_sub02_con > .contents_con > .txt_con > .text02_con > span {font-size:min(44px, 2.29vw); color:#FFF; font-weight:700; letter-spacing:max(-1.012px, -0.05vw);} .business_sub02_con > .contents_con > .info_con {width:min(600px, 31.25vw);} .business_sub02_con > .contents_con > .info_con > .text_con {border-bottom:min(1px, 0.05vw) solid rgba(255,255,255,0.4); padding:0 0 min(30px, 1.56vw);} .business_sub02_con > .contents_con > .info_con > .text_con > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:500; line-height:160%; letter-spacing:max(-0.414px, -0.02vw);} .business_sub02_con > .contents_con > .info_con > .list_con {margin:min(50px, 2.60vw) 0 0;} .business_sub02_con > .contents_con > .info_con > .list_con > ul {display:flex; gap:min(25px, 1.30vw);} .business_sub02_con > .contents_con > .info_con > .list_con > ul:after {content:none;} .business_sub02_con > .contents_con > .info_con > .list_con > ul > li {} .business_sub02_con > .contents_con > .info_con > .list_con > ul > li > .list_div {} .business_sub02_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .img_con {width:min(100px, 5.21vw); backdrop-filter:blur(min(2px, 0.10vw)); border-radius:100%;} .business_sub02_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .img_con > img {width:100%;} .business_sub02_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .text_con {margin:min(20px, 1.04vw) 0 0; text-align:center;} .business_sub02_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .text_con > span {font-size:min(16px, 0.83vw); color:#FFF; font-weight:700; line-height:130%; letter-spacing:max(-0.368px, -0.02vw);} /* 사업실적 상단 공통 */ .ss_con {display:flex; justify-content:space-between; align-items:flex-start;} .ss_con > .category_con {} .ss_con > .category_con > ul {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .ss_con > .category_con > ul:after {content:none;} .ss_con > .category_con > ul > li {} .ss_con > .category_con > ul > li > .list_div {display:flex; align-items:center; gap:min(50px, 2.60vw);} .ss_con > .category_con > ul > li > .list_div > .title_con {} .ss_con > .category_con > ul > li > .list_div > .title_con > span {font-size:min(18px, 0.94vw); color:#222; font-weight:700;} .ss_con > .category_con > ul > li > .list_div > .list_con {} .ss_con > .category_con > ul > li > .list_div > .list_con > ul {display:flex; border:min(1px, 0.05vw) solid #DDD;} .ss_con > .category_con > ul > li > .list_div > .list_con > ul:after {content:none;} .ss_con > .category_con > ul > li > .list_div > .list_con > ul > li {border-left:min(1px, 0.05vw) solid #DDD;} .ss_con > .category_con > ul > li > .list_div > .list_con > ul > li:first-child {border-left:none;} .ss_con > .category_con > ul > li > .list_div > .list_con > ul > li > a {display:flex; justify-content:center; align-items:center; width:min(110px, 5.73vw); height:min(50px, 2.60vw); background:#FFF; font-size:min(18px, 0.94vw); color:#888; font-weight:600; transition:all 0.3s ease;} .ss_con > .category_con > ul > li > .list_div > .list_con > ul > li > a > .line {text-align:center !important;} .ss_con > .category_con > ul > li > .list_div > .list_con > ul > li > a.on {background:#F3F4F8; color:#222;} .ss_con > .st_con {display:flex; align-items:center; gap:min(40px, 2.08vw);} .ss_con > .st_con > .search_con {display:flex; justify-content:space-between; align-items:center; gap:min(16px, 0.83vw); width:min(360px, 18.75vw); height:min(70px, 3.65vw); border:min(1px, 0.05vw) solid #DDD; padding:0 min(20px, 1.04vw);} .ss_con > .st_con > .search_con > .input_con {width:100%;} .ss_con > .st_con > .search_con > .input_con > input {border:none; background:transparent; font-size:min(16px, 0.83vw); color:#222; font-weight:500;} .ss_con > .st_con > .search_con > .input_con > input::placeholder {color:#B2B2B2; font-weight:400;} .ss_con > .st_con > .search_con > a {display:block; width:min(20px, 1.04vw);} .ss_con > .st_con > .search_con > a > img {width:100%;} .ss_con > .st_con > .tab_list {} .ss_con > .st_con > .tab_list > ul {display:flex;} .ss_con > .st_con > .tab_list > ul:after {content:none;} .ss_con > .st_con > .tab_list > ul > li {display:flex; justify-content:center; align-items:center; width:min(70px, 3.65vw); height:min(70px, 3.65vw); border:min(1px, 0.05vw) solid #DDD; cursor:pointer; position:relative; transition:all 0.3s ease;} .ss_con > .st_con > .tab_list > ul > li:first-child {margin-right:max(-1px, -0.05vw);} .ss_con > .st_con > .tab_list > ul > li > img {width:min(18px, 0.94vw);} .ss_con > .st_con > .tab_list > ul > li.on {border:min(1px, 0.05vw) solid #222; z-index:10;} /* 시공사업 */ .performance_sub01_con {width:100%; margin:0 auto;} .performance_sub01_con > .contents_con {width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; padding:0 0 min(160px, 8.33vw);} .performance_sub01_con > .contents_con > .tab_contents {margin:min(100px, 5.21vw) 0 0;} .performance_sub01_con > .contents_con > .tab_contents > .list_con {display:none;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab {display:block;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con {} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con {} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul {display:flex; flex-wrap:wrap; gap:min(40px, 2.08vw);} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul:after {content:none;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li {width:min(370px, 19.27vw); border-radius:min(10px, 0.52vw); box-shadow:0 0 min(12px, 0.63vw) 0 rgba(0,0,0,0.1); overflow:hidden; transition:scale 0.3s ease;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li > a {display:block;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li > a > .list_div {} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li > a > .list_div > .img_con {background:no-repeat center/cover;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li > a > .list_div > .img_con > img {width:100%;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li > a > .list_div > .txt_con {padding:min(30px, 1.56vw);} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text01_con {display:inline-flex; justify-content:center; align-items:center; height:min(26px, 1.35vw); background:rgba(0,0,0,0.8); padding:0 min(12px, 0.63vw); border-radius:min(2px, 0.10vw);} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text01_con > span {font-size:min(14px, 0.73vw); color:#FFF; font-weight:600; line-height:160%; letter-spacing:max(-0.322px, -0.02vw);} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text02_con {margin:min(20px, 1.04vw) 0 0;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text02_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(20px, 1.04vw); color:#222; font-weight:700; letter-spacing:max(-0.46px, -0.02vw);} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text03_con {margin:min(16px, 0.83vw) 0 0; position:relative; overflow:hidden;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text03_con > span {display:inline-block; font-size:min(14px, 0.73vw); color:#222; font-weight:400; letter-spacing:max(-0.322px, -0.02vw); transform:translateY(0); transition:all 0.3s ease;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text03_con > .over_con {display:flex; align-items:center; gap:min(10px, 0.52vw); position:absolute; top:0; left:0;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text03_con > .over_con > .bar {width:min(60px, 3.13vw); position:relative;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text03_con > .over_con > .bar:after {content:''; width:0; height:min(1px, 0.05vw); background:#222; position:absolute; top:50%; left:0; transform:translateY(-50%); transition:all 0.25s ease;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text03_con > .over_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; letter-spacing:max(-0.322px, -0.02vw); transform:translateY(-100%); transition:all 0.3s ease;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text04_con {margin:min(7px, 0.36vw) 0 0; vertical-align:middle;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text04_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; line-height:160%; letter-spacing:max(-0.322px, -0.02vw);} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text04_con > span .color_text {display:inline-block; padding:0 min(4px, 0.21vw); font-size:min(17px, 0.89vw); color:#FB3753; letter-spacing:max(-0.391px, -0.02vw);} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li.none_li {width:100%; text-align:center; border-radius:unset; box-shadow:none;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li.none_li > span {font-size:min(16px, 0.83vw); color:#222; font-weight:500; line-height:min(360px, 18.75vw);} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li:hover {transform:scale(1.05);} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li:hover > a > .list_div > .txt_con > .text03_con > span {display:inline-block; transform:translateY(100%);} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li:hover > a > .list_div > .txt_con > .text03_con > .over_con > .bar:after {width:min(60px, 3.13vw);} .performance_sub01_con > .contents_con > .tab_contents > .list_con.gallery_list_tab > .contents_con > .list_con > ul > li:hover > a > .list_div > .txt_con > .text03_con > .over_con > span {transform:translateY(0);} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab {} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con {} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con table {width:100%; table-layout:fixed;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con table > tbody > tr > td {padding:0 min(20px, 1.04vw);} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con table > tbody > tr > .num_td {width:min(120px, 6.25vw);} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con table > tbody > tr > .location_td {width:min(600px, 31.25vw); padding:0;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con table > tbody > tr > .type_td {} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con table > tbody > tr > .date_td {width:min(300px, 15.63vw);} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con table > tbody > tr > .scale_td {} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con table > tbody > tr > .process_td {} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .title_con {} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .title_con > table {border-top:min(2px, 0.10vw) solid #000; border-bottom:min(1px, 0.05vw) solid #E8E9E9;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .title_con > table > tbody {} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .title_con > table > tbody > tr {} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .title_con > table > tbody > tr > td {height:min(84px, 4.38vw);} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .title_con > table > tbody > tr > td > span {font-size:min(20px, 1.04vw); color:#222; font-weight:700;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .list_con {} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .list_con > ul {} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .list_con > ul > li {border-bottom:min(1px, 0.05vw) solid #E8E9E9; background:#FFF; transition:all 0.3s ease;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .list_con > ul > li > a {display:block;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .list_con > ul > li > a > .list_div {} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .list_con > ul > li > a > .list_div > table {} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .list_con > ul > li > a > .list_div > table > tbody {} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .list_con > ul > li > a > .list_div > table > tbody > tr {} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .list_con > ul > li > a > .list_div > table > tbody > tr > td {height:min(80px, 4.17vw);} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .list_con > ul > li > a > .list_div > table > tbody > tr > td > span {font-size:min(18px, 0.94vw); color:#333; font-weight:500;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .list_con > ul > li > a > .list_div > table > tbody > tr > td > .text_con {} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .list_con > ul > li > a > .list_div > table > tbody > tr > td > .text_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(18px, 0.94vw); color:#333; font-weight:500; transition:all 0.3s ease;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .list_con > ul > li.none_li {width:100%; text-align:center;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .list_con > ul > li.none_li > span {font-size:min(16px, 0.83vw); color:#222; font-weight:500; line-height:min(500px, 26.04vw);} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .list_con > ul > li:hover {background:#F9FBFC;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .list_con > ul > li:hover > a > .list_div > table > tbody > tr > td > .text_con > span {color:#0095D5; text-decoration:underline;} .performance_sub01_con > .contents_con > .tab_contents > .list_con.normal_list_tab > .scroll_con > .list_con > ul > li.none_li:hover {background:#FFF;} /* 시행사업 */ .performance_sub02_con {width:100%; margin:0 auto;} .performance_sub02_con > .contents_con {width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; padding:0 0 min(160px, 8.33vw);} .performance_sub02_con > .contents_con > .ss_con {justify-content:flex-end;} .performance_sub02_con > .contents_con > .gallery_list_con {margin:min(60px, 3.13vw) 0 0;} .performance_sub02_con > .contents_con > .gallery_list_con > ul {display:flex; flex-wrap:wrap; gap:min(65px, 3.39vw);} .performance_sub02_con > .contents_con > .gallery_list_con > ul:after {content:none;} .performance_sub02_con > .contents_con > .gallery_list_con > ul > li {width:min(490px, 25.50vw);} .performance_sub02_con > .contents_con > .gallery_list_con > ul > li > a {display:block;} .performance_sub02_con > .contents_con > .gallery_list_con > ul > li > a > .list_div {} .performance_sub02_con > .contents_con > .gallery_list_con > ul > li > a > .list_div > .img_con {background:no-repeat center/cover; border-radius:min(10px, 0.52vw); transition:all 0.3s ease;} .performance_sub02_con > .contents_con > .gallery_list_con > ul > li > a > .list_div > .img_con > img {width:100%;} .performance_sub02_con > .contents_con > .gallery_list_con > ul > li > a > .list_div > .txt_con {margin:min(30px, 1.56vw) 0 0; border-top:min(1px, 0.05vw) solid #00133F;} .performance_sub02_con > .contents_con > .gallery_list_con > ul > li > a > .list_div > .txt_con > .text01_con {display:inline-flex; justify-content:center; align-items:center; height:min(31px, 1.61vw); background:#00133F; padding:0 min(10px, 0.52vw);} .performance_sub02_con > .contents_con > .gallery_list_con > ul > li > a > .list_div > .txt_con > .text01_con > span {font-size:min(16px, 0.83vw); color:#FFF; font-weight:600; letter-spacing:max(-0.64px, -0.03vw);} .performance_sub02_con > .contents_con > .gallery_list_con > ul > li > a > .list_div > .txt_con > .text02_con {display:flex; justify-content:space-between; align-items:center; margin:min(15px, 0.78vw) 0 0;} .performance_sub02_con > .contents_con > .gallery_list_con > ul > li > a > .list_div > .txt_con > .text02_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:84%; font-size:min(22px, 1.15vw); color:#222; font-weight:600; letter-spacing:max(-0.88px, -0.05vw);} .performance_sub02_con > .contents_con > .gallery_list_con > ul > li > a > .list_div > .txt_con > .text02_con > .img_con {width:min(50px, 2.60vw); filter:drop-shadow(0 0 min(6px, 0.31vw) rgba(0, 19, 63, 0.15));} .performance_sub02_con > .contents_con > .gallery_list_con > ul > li > a > .list_div > .txt_con > .text02_con > .img_con > img {width:100%;} .performance_sub02_con > .contents_con > .gallery_list_con > ul > li > a > .list_div > .txt_con > .text02_con > .img_con > img.off {display:block;} .performance_sub02_con > .contents_con > .gallery_list_con > ul > li > a > .list_div > .txt_con > .text02_con > .img_con > img.on {display:none;} .performance_sub02_con > .contents_con > .gallery_list_con > ul > li:hover > a > .list_div > .txt_con > .text02_con > .img_con > img.off {display:none;} .performance_sub02_con > .contents_con > .gallery_list_con > ul > li:hover > a > .list_div > .txt_con > .text02_con > .img_con > img.on {display:block;} .performance_sub02_con > .contents_con > .gallery_list_con > ul > li:hover > a > .list_div > .img_con {transform:scale(1.05);} .performance_sub02_con > .contents_con > .gallery_list_con > ul > li.none_li {width:100%; text-align:center;} .performance_sub02_con > .contents_con > .gallery_list_con > ul > li.none_li > span {font-size:min(16px, 0.83vw); color:#222; font-weight:500; line-height:min(380px, 19.79vw);} /* 사업실적 view */ .performance_view_con {width:100%; margin:0 auto;} .performance_view_con > .contents_con {width:100%; max-width:min(1000px, 52.08vw); margin:0 auto; padding:min(120px, 6.25vw) 0 min(160px, 8.33vw);} .performance_view_con > .contents_con > .title_con {position:relative; text-align:center;} .performance_view_con > .contents_con > .title_con:after {content:''; width:min(80px, 4.17vw); height:min(1px, 0.05vw); background:#555; position:absolute; bottom:max(-40px, -2.08vw); left:50%; transform:translateX(-50%);} .performance_view_con > .contents_con > .title_con > span {font-size:min(40px, 2.08vw); color:#222; font-weight:700; line-height:160%; letter-spacing:max(-1.6px, -0.08vw);} .performance_view_con > .contents_con > .view_con {margin:min(100px, 5.21vw) 0 0;} .performance_view_con > .contents_con > .view_con > .slide_con {position:relative;} .performance_view_con > .contents_con > .view_con > .slide_con > .swiper {} .performance_view_con > .contents_con > .view_con > .slide_con > .swiper .swiper-wrapper {} .performance_view_con > .contents_con > .view_con > .slide_con > .swiper .swiper-wrapper .swiper-slide {width:min(1000px, 52.08vw); margin:0 min(20px, 1.04vw) 0 0;} .performance_view_con > .contents_con > .view_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con {} .performance_view_con > .contents_con > .view_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .img_con {background:no-repeat center/cover; border-radius:min(10px, 0.52vw);} .performance_view_con > .contents_con > .view_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .img_con > img {width:100%;} .performance_view_con > .contents_con > .view_con > .slide_con > .btn_con {} .performance_view_con > .contents_con > .view_con > .slide_con > .btn_con > .slide_btn {width:min(70px, 3.65vw); position:absolute; top:50%; cursor:pointer;} .performance_view_con > .contents_con > .view_con > .slide_con > .btn_con > .slide_btn > img {width:100%;} .performance_view_con > .contents_con > .view_con > .slide_con > .btn_con > .slide_btn > img.off {} .performance_view_con > .contents_con > .view_con > .slide_con > .btn_con > .slide_btn > img.on {display:none;} .performance_view_con > .contents_con > .view_con > .slide_con > .btn_con > .slide_btn.prev {left:max(-130px, -6.77vw);} .performance_view_con > .contents_con > .view_con > .slide_con > .btn_con > .slide_btn.next {right:max(-130px, -6.77vw);} .performance_view_con > .contents_con > .view_con > .slide_con > .btn_con > .slide_btn:hover > img.off {display:none;} .performance_view_con > .contents_con > .view_con > .slide_con > .btn_con > .slide_btn:hover > img.on {display:block;} .performance_view_con > .contents_con > .view_con > .info_con {margin:min(80px, 4.17vw) 0 0;} .performance_view_con > .contents_con > .view_con > .info_con > ul {display:flex; flex-wrap:wrap; gap:min(40px, 2.08vw) min(50px, 2.60vw);} .performance_view_con > .contents_con > .view_con > .info_con > ul:after {content:none;} .performance_view_con > .contents_con > .view_con > .info_con > ul > li {width:min(300px, 15.63vw);} .performance_view_con > .contents_con > .view_con > .info_con > ul > li > .list_div {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .performance_view_con > .contents_con > .view_con > .info_con > ul > li > .list_div > .title_con {} .performance_view_con > .contents_con > .view_con > .info_con > ul > li > .list_div > .title_con > span {font-size:min(17px, 0.89vw); color:#222; font-weight:700; line-height:160%; letter-spacing:max(-0.34px, -0.02vw);} .performance_view_con > .contents_con > .view_con > .info_con > ul > li > .list_div > .text_con {} .performance_view_con > .contents_con > .view_con > .info_con > ul > li > .list_div > .text_con > span {font-size:min(17px, 0.89vw); color:rgba(34,34,34,0.9); font-weight:400; line-height:160%; letter-spacing:max(-0.34px, -0.02vw);} .performance_view_con > .contents_con > .view_con > .info_con > ul > li > .list_div > .progress_con {display:flex; justify-content:space-between; align-items:center;} .performance_view_con > .contents_con > .view_con > .info_con > ul > li > .list_div > .progress_con > .text_con {} .performance_view_con > .contents_con > .view_con > .info_con > ul > li > .list_div > .progress_con > .text_con > span {font-size:min(12px, 0.63vw); color:#222; font-weight:300; line-height:160%; letter-spacing:max(-0.24px, -0.01vw);} .performance_view_con > .contents_con > .view_con > .info_con > ul > li > .list_div > .progress_con > .text_con > span .color_text {font-size:min(14px, 0.73vw); font-weight:700; letter-spacing:max(-0.28px, -0.01vw);} .performance_view_con > .contents_con > .view_con > .info_con > ul > li > .list_div > .progress_con > .progress_bar {width:min(260px, 13.54vw); height:min(24px, 1.25vw); background:rgba(0, 149, 213, 0.06); border-radius:min(100px, 5.21vw); position:relative; overflow:hidden;} .performance_view_con > .contents_con > .view_con > .info_con > ul > li > .list_div > .progress_con > .progress_bar > .progress_inner {height:100%; background:#0095D5; border-radius:min(100px, 5.21vw); position:absolute; top:0; left:0;} .performance_view_con > .contents_con > .article_con {display:flex; justify-content:space-between; align-items:flex-start; border-top:min(1px, 0.05vw) solid #333; margin:min(80px, 4.17vw) 0 0; padding:min(40px, 2.08vw) 0 0;} .performance_view_con > .contents_con > .article_con > .back_con {} .performance_view_con > .contents_con > .article_con > .back_con > a {display:inline-flex; justify-content:space-between; align-items:center; width:min(200px, 10.42vw); height:min(60px, 3.13vw); border:min(1px, 0.05vw) solid #222; padding:0 min(30px, 1.56vw);} .performance_view_con > .contents_con > .article_con > .back_con > a > span {font-size:min(16px, 0.83vw); color:#222; font-weight:600; line-height:160%; letter-spacing:max(-0.32px, -0.02vw);} .performance_view_con > .contents_con > .article_con > .back_con > a > img {width:min(14px, 0.73vw);} .performance_view_con > .contents_con > .article_con > .list_con {} .performance_view_con > .contents_con > .article_con > .list_con > ul {display:flex; align-items:center; gap:min(29px, 1.51vw);} .performance_view_con > .contents_con > .article_con > .list_con > ul:after {content:none;} .performance_view_con > .contents_con > .article_con > .list_con > ul > li {position:relative;} .performance_view_con > .contents_con > .article_con > .list_con > ul > li:before {content:''; width:min(1px, 0.05vw); height:min(12px, 0.63vw); background:#DDD; position:absolute; top:50%; left:max(-15px, -0.78vw); transform:translateY(-50%);} .performance_view_con > .contents_con > .article_con > .list_con > ul > li:first-child:before {content:none;} .performance_view_con > .contents_con > .article_con > .list_con > ul > li > a {display:flex; align-items:center; gap:min(40px, 2.08vw);} .performance_view_con > .contents_con > .article_con > .list_con > ul > li > a > span {font-size:min(16px, 0.83vw); color:#000; font-weight:600; line-height:160%; letter-spacing:max(-0.32px, -0.02vw);} .performance_view_con > .contents_con > .article_con > .list_con > ul > li > a > img {width:min(8px, 0.42vw);} /* 파트너쉽 form */ .partnership_form_con {width:100%; margin:0 auto;} .partnership_form_con > .contents_con {display:flex; justify-content:space-between; align-items:flex-start; width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; border-top:min(3px, 0.16vw) solid #000; padding:0 0 min(160px, 8.33vw);} .partnership_form_con > .contents_con > .txt_con {} .partnership_form_con > .contents_con > .txt_con > .title_con {margin:min(43px, 2.24vw) 0 0;} .partnership_form_con > .contents_con > .txt_con > .title_con > span {font-size:min(24px, 1.25vw); color:#0095D5; font-weight:600; line-height:140%;} .partnership_form_con > .contents_con > .txt_con > .list_con {margin:min(80px, 4.17vw) 0 0;} .partnership_form_con > .contents_con > .txt_con > .list_con > ul {display:flex; flex-direction:column; gap:min(34px, 1.77vw);} .partnership_form_con > .contents_con > .txt_con > .list_con > ul:after {content:none;} .partnership_form_con > .contents_con > .txt_con > .list_con > ul > li {} .partnership_form_con > .contents_con > .txt_con > .list_con > ul > li > .list_div {} .partnership_form_con > .contents_con > .txt_con > .list_con > ul > li > .list_div > .text01_con {} .partnership_form_con > .contents_con > .txt_con > .list_con > ul > li > .list_div > .text01_con > span {font-size:min(18px, 0.94vw); color:#222; font-weight:700; line-height:160%; letter-spacing:max(-0.72px, -0.04vw);} .partnership_form_con > .contents_con > .txt_con > .list_con > ul > li > .list_div > .text02_con {margin:min(16px, 0.83vw) 0 0;} .partnership_form_con > .contents_con > .txt_con > .list_con > ul > li > .list_div > .text02_con > span {font-size:min(17px, 0.89vw); color:#888; font-weight:500; line-height:160%; letter-spacing:max(-0.68px, -0.04vw);} .partnership_form_con > .contents_con > .form_con {width:min(940px, 48.96vw);} .partnership_form_con > .contents_con > .form_con form {} .partnership_form_con > .contents_con > .form_con form .list_con {} .partnership_form_con > .contents_con > .form_con form .list_con > ul {} .partnership_form_con > .contents_con > .form_con form .list_con > ul:after {content:none;} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li {border-bottom:min(1px, 0.05vw) solid #DDD; padding:min(30px, 1.56vw) 0;} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div {display:flex; align-items:center;} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li:last-child > .list_div {align-items:flex-start;} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .title_con {flex-shrink:0; width:min(180px, 9.38vw);} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .title_con > span {font-size:min(20px, 1.04vw); color:#222; font-weight:600;} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .input_con {width:100%;} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .input_con > input {width:100%; height:min(60px, 3.13vw); background:#F7F7F7; border:none; padding:0 min(20px, 1.04vw); font-size:min(16px, 0.83vw); color:#696969; font-weight:400; line-height:normal;} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .input_con > input::placeholder {color:#696969;} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .input_con > select {width:100%; height:min(60px, 3.13vw); background-color:#F7F7F7; border:none; padding:0 min(20px, 1.04vw); font-size:min(16px, 0.83vw); color:#696969; font-weight:400; line-height:normal;} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .input_con > .list_con {} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .input_con > .list_con > ul {display:flex; flex-wrap:wrap; align-items:center; gap:min(20px, 1.04vw);} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .input_con > .list_con > ul:after {content:none;} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .input_con > .list_con > ul > li {border:none; padding:0;} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .input_con > .list_con > ul > li > label {display:flex; align-items:center; gap:min(10px, 0.52vw);} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .input_con > .list_con > ul > li > label > input {} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .input_con > .list_con > ul > li > label > .check_icon {} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .input_con > .list_con > ul > li > label > span {font-size:min(16px, 0.83vw); color:#696969; font-weight:400;} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .input_con > textarea {width:100%; height:min(240px, 12.50vw); border:none; background:#F7F7F7; padding:min(20px, 1.04vw); font-size:min(16px, 0.83vw); color:#696969; font-weight:400; line-height:normal; overflow:auto;} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .input_con > textarea::placeholder {color:#696969;} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .file_con {display:flex; justify-content:space-between; align-items:center; width:100%;} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .file_con > .input_con {} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .file_con > .input_con > input {width:min(640px, 33.33vw); height:min(60px, 3.13vw); border:none; background:#F7F7F7; padding:0 min(20px, 1.04vw); font-size:min(16px, 0.83vw); color:#696969; font-weight:400;} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .file_con > .input_con > input::placeholder {color:#696969;} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .file_con > .btn_con {flex-shrink:0; width:min(110px, 5.73vw);} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .file_con > .btn_con > label {} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .file_con > .btn_con > label > .file_input {display:none;} .partnership_form_con > .contents_con > .form_con form .list_con > ul > li > .list_div > .file_con > .btn_con > label > span {display:flex; justify-content:center; align-items:center; height:min(60px, 3.13vw); background:#222; font-size:min(16px, 0.83vw); color:#FFF; font-weight:600; cursor:pointer;} .partnership_form_con > .contents_con > .form_con form .privacy_con {border-bottom:min(1px, 0.05vw) solid #DDD; padding:min(30px, 1.56vw) 0;} .partnership_form_con > .contents_con > .form_con form .privacy_con > .title_con {} .partnership_form_con > .contents_con > .form_con form .privacy_con > .title_con > span {font-size:min(20px, 1.04vw); color:#222; font-weight:600;} .partnership_form_con > .contents_con > .form_con form .privacy_con > .text_con {width:100%; border:min(1px, 0.05vw) solid #DDD; background:#F7F7F7; margin:min(20px, 1.04vw) 0 0; padding:min(10px, 0.52vw); word-break:keep-all;} .partnership_form_con > .contents_con > .form_con form .privacy_con > .text_con > span {display:block; height:min(120px, 6.25vw); padding:min(10px, 0.52vw) min(10px, 0.52vw) 0; font-size:min(16px, 0.83vw); color:#696969; font-weight:400; line-height:140%; overflow:auto;} .partnership_form_con > .contents_con > .form_con form .privacy_con > .check_con {margin:min(12px, 0.63vw) 0 0;} .partnership_form_con > .contents_con > .form_con form .privacy_con > .check_con > label {display:flex; align-items:center; gap:min(8px, 0.42vw);} .partnership_form_con > .contents_con > .form_con form .privacy_con > .check_con > label > input {} .partnership_form_con > .contents_con > .form_con form .privacy_con > .check_con > label > .check_icon {} .partnership_form_con > .contents_con > .form_con form .privacy_con > .check_con > label > span {font-size:min(17px, 0.89vw); color:#222; font-weight:400;} .partnership_form_con > .contents_con > .form_con form > .btn_con {display:flex; justify-content:flex-end; margin:min(60px, 3.13vw) 0 0;} .partnership_form_con > .contents_con > .form_con form > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(940px, 48.96vw); height:min(70px, 3.65vw); background:#0095D5; font-size:min(20px, 1.04vw); color:#FFF; font-weight:700;} /* 고객센터 상단 공통 */ .ts_con {display:flex; justify-content:space-between; align-items:center;} .ts_con > .total_con {overflow:hidden;} .ts_con > .total_con > .text_con {} .ts_con > .total_con > .text_con > span {font-size:min(20px, 1.04vw); color:#222; font-weight:600;} .ts_con > .total_con > .text_con > span .color_text {color:#0095D5;} .ts_con > .search_con {display:flex; align-items:center; gap:min(20px, 1.04vw);} .ts_con > .search_con > .select_box {position:relative; cursor:pointer;} .ts_con > .search_con > .select_box > .select {display:flex; justify-content:space-between; align-items:center; width:min(200px, 10.42vw); height:min(70px, 3.65vw); border:min(1px, 0.05vw) solid #DDD; background:#FFF; padding:0 min(20px, 1.04vw);} .ts_con > .search_con > .select_box > .select > span {font-size:min(16px, 0.83vw); color:#B2B2B2; font-weight:400;} .ts_con > .search_con > .select_box > .select > .img_con {width:min(12px, 0.63vw); transition:all 0.3s ease;} .ts_con > .search_con > .select_box > .select > .img_con > img {width:100%;} .ts_con > .search_con > .select_box > .select.on > span {color:#222; font-weight:600;} .ts_con > .search_con > .select_box > .select.active > .img_con {transform:rotate(180deg);} .ts_con > .search_con > .select_box > .option_list {display:none; position:absolute; top:min(69px, 3.59vw); left:0; right:0; z-index:20 !important;} .ts_con > .search_con > .select_box > .option_list > ul {display:flex; flex-direction:column; gap:min(20px, 1.04vw); width:min(200px, 10.42vw); border:min(1px, 0.05vw) solid #DDD; background:#FFF; padding:min(25px, 1.30vw) min(20px, 1.04vw);} .ts_con > .search_con > .select_box > .option_list > ul:after {content:none;} .ts_con > .search_con > .select_box > .option_list > ul > li {font-size:min(16px, 0.83vw); color:#000; font-weight:400; transition:all 0.3s ease;} .ts_con > .search_con > .select_box > .option_list > ul > li.on {color:#0095D5;} .ts_con > .search_con > .select_box > .option_list > ul > li:hover {color:#0095D5;} .ts_con > .search_con > .select_box .select.active + .option_list {display:block;} .ts_con > .search_con > .search_con {display:flex; justify-content:space-between; align-items:center; gap:min(14px, 0.73vw); width:min(360px, 18.75vw); height:min(70px, 3.65vw); border:min(1px, 0.05vw) solid #DDD; background:#FFF; padding:0 min(20px, 1.04vw);} .ts_con > .search_con > .search_con > .input_con {width:100%;} .ts_con > .search_con > .search_con > .input_con > input {border:none; background:transparent; font-size:min(16px, 0.83vw); color:#222; font-weight:500; line-height:normal;} .ts_con > .search_con > .search_con > .input_con > input::placeholder {color:#B2B2B2; font-weight:400;} .ts_con > .search_con > .search_con > a {flex-shrink:0; display:block; width:min(20px, 1.04vw);} .ts_con > .search_con > .search_con > a > img {width:100%;} /* normal_view (공지사항 및 소식, KCI STORY, 자료실) */ .normal_view_con {width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; border-top:min(3px, 0.16vw) solid #222;} .normal_view_con > .contents_con {width:100%; max-width:min(1000px, 52.08vw); margin:0 auto; padding:min(94px, 4.90vw) 0 min(160px, 8.33vw);} .normal_view_con > .contents_con > .txt_con {border-bottom:min(1px, 0.05vw) solid #DDD; padding:0 0 min(40px, 2.08vw);} .normal_view_con > .contents_con > .txt_con > .title_con {} .normal_view_con > .contents_con > .txt_con > .title_con > span {font-size:min(40px, 2.08vw); color:#222; font-weight:600; letter-spacing:max(-1.6px, -0.08vw);} .normal_view_con > .contents_con > .txt_con > .info_con {margin:min(20px, 1.04vw) 0 0;} .normal_view_con > .contents_con > .txt_con > .info_con > ul {display:flex; align-items:center; gap:min(33px, 1.72vw);} .normal_view_con > .contents_con > .txt_con > .info_con > ul:after {content:none;} .normal_view_con > .contents_con > .txt_con > .info_con > ul > li {position:relative;} .normal_view_con > .contents_con > .txt_con > .info_con > ul > li:before {content:''; width:min(1px, 0.05vw); height:min(14px, 0.73vw); background:#EAEAEA; position:absolute; top:50%; left:max(-17px, -0.89vw); transform:translateY(-50%);} .normal_view_con > .contents_con > .txt_con > .info_con > ul > li:first-child:before {content:none;} .normal_view_con > .contents_con > .txt_con > .info_con > ul > li > .list_div {display:flex; align-items:center; gap:min(10px, 0.52vw);} .normal_view_con > .contents_con > .txt_con > .info_con > ul > li > .list_div > div {} .normal_view_con > .contents_con > .txt_con > .info_con > ul > li > .list_div > div > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; line-height:140%; letter-spacing:max(-0.28px, -0.01vw);} .normal_view_con > .contents_con > .txt_con > .info_con > ul > li > .list_div > .text01_con {} .normal_view_con > .contents_con > .txt_con > .info_con > ul > li > .list_div > .text01_con > span {color:#0095D5;} .normal_view_con > .contents_con > .txt_con > .info_con > ul > li > .list_div > .text02_con {} .normal_view_con > .contents_con > .txt_con > .info_con > ul > li > .list_div > .text02_con > span {color:#999;} .normal_view_con > .contents_con > .txt_con > .info_con > ul > li > .list_div > .text03_con {} .normal_view_con > .contents_con > .txt_con > .info_con > ul > li > .list_div > .text03_con > span {} .normal_view_con > .contents_con > .txt_con > .info_con > ul > li > a {display:block; font-size:min(14px, 0.73vw); color:#999; font-weight:400; line-height:140%; letter-spacing:max(-0.28px, -0.01vw);} .normal_view_con > .contents_con > .file_con {display:flex; align-items:flex-start; gap:min(40px, 2.08vw); width:100%; padding:min(24px, 1.25vw) min(40px, 2.08vw); background:#F5F5F5; border-top:min(1px, 0.05vw) solid #222; position:relative; top:max(-1px, -0.05vw);} .normal_view_con > .contents_con > .file_con > .title_con {} .normal_view_con > .contents_con > .file_con > .title_con > span {font-size:min(18px, 0.94vw); color:#222; font-weight:700; line-height:140%; letter-spacing:max(-0.36px, -0.02vw);} .normal_view_con > .contents_con > .file_con > ul {display:flex; flex-direction:column; gap:min(8px, 0.42vw); padding-top:min(4px, 0.21vw);} .normal_view_con > .contents_con > .file_con > ul:after {content:none;} .normal_view_con > .contents_con > .file_con > ul > li {width:100%;} .normal_view_con > .contents_con > .file_con > ul > li > a {display:flex; align-items:center; gap:min(8px, 0.42vw);} .normal_view_con > .contents_con > .file_con > ul > li > a > img {width:min(12px, 0.63vw);} .normal_view_con > .contents_con > .file_con > ul > li > a > span {font-size:min(14px, 0.73vw); color:#0095D5; font-weight:400; line-height:140%; letter-spacing:max(-0.56px, -0.03vw); text-decoration:underline;} .normal_view_con > .contents_con > .posts_con {min-height:min(600px, 31.25vw); border-bottom:min(1px, 0.05vw) solid #333; padding:min(60px, 3.13vw) 0 min(100px, 5.21vw);} .normal_view_con > .contents_con > .posts_con * {font-family:initial; font-size:initial; line-height:1.5;} .normal_view_con > .contents_con > .posts_con img {max-width:100%; height:auto !important;} .normal_view_con > .contents_con > .article_con {display:flex; justify-content:space-between; align-items:flex-start; padding:min(40px, 2.08vw) 0 0;} .normal_view_con > .contents_con > .article_con > .back_con {} .normal_view_con > .contents_con > .article_con > .back_con > a {display:inline-flex; justify-content:space-between; align-items:center; width:min(200px, 10.42vw); height:min(60px, 3.13vw); border:min(1px, 0.05vw) solid #222; padding:0 min(30px, 1.56vw);} .normal_view_con > .contents_con > .article_con > .back_con > a > span {font-size:min(16px, 0.83vw); color:#222; font-weight:600; line-height:160%; letter-spacing:max(-0.32px, -0.02vw);} .normal_view_con > .contents_con > .article_con > .back_con > a > img {width:min(14px, 0.73vw);} .normal_view_con > .contents_con > .article_con > .list_con {} .normal_view_con > .contents_con > .article_con > .list_con > ul {display:flex; align-items:center; gap:min(29px, 1.51vw);} .normal_view_con > .contents_con > .article_con > .list_con > ul:after {content:none;} .normal_view_con > .contents_con > .article_con > .list_con > ul > li {position:relative;} .normal_view_con > .contents_con > .article_con > .list_con > ul > li:before {content:''; width:min(1px, 0.05vw); height:min(12px, 0.63vw); background:#DDD; position:absolute; top:50%; left:max(-15px, -0.78vw); transform:translateY(-50%);} .normal_view_con > .contents_con > .article_con > .list_con > ul > li:first-child:before {content:none;} .normal_view_con > .contents_con > .article_con > .list_con > ul > li > a {display:flex; align-items:center; gap:min(40px, 2.08vw);} .normal_view_con > .contents_con > .article_con > .list_con > ul > li > a > span {font-size:min(16px, 0.83vw); color:#000; font-weight:600; line-height:160%; letter-spacing:max(-0.32px, -0.02vw);} .normal_view_con > .contents_con > .article_con > .list_con > ul > li > a > img {width:min(8px, 0.42vw);} /* 채용공고 normal_view */ .normal_view_con.center_sub02_02 {} .normal_view_con.center_sub02_02 > .contents_con > .txt_con > .state_con {} .normal_view_con.center_sub02_02 > .contents_con > .txt_con > .state_con > ul {display:flex; align-items:center; gap:min(6px, 0.31vw);} .normal_view_con.center_sub02_02 > .contents_con > .txt_con > .state_con > ul:after {content:none;} .normal_view_con.center_sub02_02 > .contents_con > .txt_con > .state_con > ul > li {} .normal_view_con.center_sub02_02 > .contents_con > .txt_con > .state_con > ul > li > span {display:inline-flex; justify-content:center; align-items:center; height:min(33px, 1.72vw); border:min(1px, 0.05vw) solid transparent; background:#FFF; padding:0 min(12px, 0.63vw); font-size:min(16px, 0.83vw); color:#FFF; font-weight:500;} .normal_view_con.center_sub02_02 > .contents_con > .txt_con > .state_con > ul > li > span.ing {background:#0095D5;} .normal_view_con.center_sub02_02 > .contents_con > .txt_con > .state_con > ul > li > span.career {border:min(1px, 0.05vw) solid #ED1A2E; color:#ED1A2E;} .normal_view_con.center_sub02_02 > .contents_con > .txt_con > .state_con > ul > li > span.new {border:min(1px, 0.05vw) solid #F46517; color:#F46517;} .normal_view_con.center_sub02_02 > .contents_con > .txt_con > .state_con > ul > li > span.end {border:min(1px, 0.05vw) solid #222; background:#222; color:#FFF;} .normal_view_con.center_sub02_02 > .contents_con > .txt_con > .title_con {margin:min(20px, 1.04vw) 0 0;} .normal_view_con.center_sub02_02 > .contents_con > .txt_con > .info_con > ul > li > .list_div {gap:min(22px, 1.15vw);} .normal_view_con.center_sub02_02 > .contents_con > .txt_con > .info_con > ul > li > .list_div > .text01 {} .normal_view_con.center_sub02_02 > .contents_con > .txt_con > .info_con > ul > li > .list_div > .text01 > span {font-size:min(16px, 0.83vw); color:#222; font-weight:600; line-height:140%;} .normal_view_con.center_sub02_02 > .contents_con > .txt_con > .info_con > ul > li > .list_div > .text02 {position:relative;} .normal_view_con.center_sub02_02 > .contents_con > .txt_con > .info_con > ul > li > .list_div > .text02:before {content:''; width:min(2px, 0.10vw); height:min(16px, 0.83vw); background:#EEE; position:absolute; top:50%; left:max(-12px, -0.63vw); transform:translateY(-50%);} .normal_view_con.center_sub02_02 > .contents_con > .txt_con > .info_con > ul > li > .list_div > .text02 > span {font-size:min(16px, 0.83vw); color:#999; font-weight:400; line-height:140%; letter-spacing:max(-0.8px, -0.04vw);} /* 공지사항 및 소식 */ .center_sub01_con {width:100%; margin:0 auto;} .center_sub01_con > .contents_con {width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; padding:0 0 min(160px, 8.33vw);} .center_sub01_con > .contents_con > .ts_con {margin:min(60px, 3.13vw) 0 0;} .center_sub01_con > .contents_con > .normal_list_con {margin:min(40px, 2.08vw) 0 0; z-index:10;} .center_sub01_con > .contents_con > .normal_list_con > ul {border-top:min(3px, 0.16vw) solid #000;} .center_sub01_con > .contents_con > .normal_list_con > ul:after {content:none;} .center_sub01_con > .contents_con > .normal_list_con > ul > li {width:100%; border-bottom:min(1px, 0.05vw) solid #E8E9E9; transition:all 0.3s ease;} .center_sub01_con > .contents_con > .normal_list_con > ul > li > a {display:block;} .center_sub01_con > .contents_con > .normal_list_con > ul > li > a > .list_div {} .center_sub01_con > .contents_con > .normal_list_con > ul > li > a > .list_div > table {width:100%; table-layout:fixed;} .center_sub01_con > .contents_con > .normal_list_con > ul > li > a > .list_div > table > tbody {} .center_sub01_con > .contents_con > .normal_list_con > ul > li > a > .list_div > table > tbody > tr {} .center_sub01_con > .contents_con > .normal_list_con > ul > li > a > .list_div > table > tbody > tr > td {height:min(180px, 9.38vw); padding:min(20px, 1.04vw) 0;} .center_sub01_con > .contents_con > .normal_list_con > ul > li > a > .list_div > table > tbody > tr > .date_td {width:min(280px, 14.58vw); padding:0 0 0 min(50px, 2.60vw);} .center_sub01_con > .contents_con > .normal_list_con > ul > li > a > .list_div > table > tbody > tr > .date_td > span {font-size:min(40px, 2.08vw); color:#000; font-weight:800; opacity:0.2; transition:all 0.3s ease;} .center_sub01_con > .contents_con > .normal_list_con > ul > li > a > .list_div > table > tbody > tr > .txt_td {padding:0 min(10px, 0.52vw);} .center_sub01_con > .contents_con > .normal_list_con > ul > li > a > .list_div > table > tbody > tr > .txt_td > .txt_con {text-align:left;} .center_sub01_con > .contents_con > .normal_list_con > ul > li > a > .list_div > table > tbody > tr > .txt_td > .txt_con > .text01_con {} .center_sub01_con > .contents_con > .normal_list_con > ul > li > a > .list_div > table > tbody > tr > .txt_td > .txt_con > .text01_con > span {font-size:min(16px, 0.83vw); color:#0095D5; font-weight:600;} .center_sub01_con > .contents_con > .normal_list_con > ul > li > a > .list_div > table > tbody > tr > .txt_td > .txt_con > .text02_con {margin:min(10px, 0.52vw) 0 0;} .center_sub01_con > .contents_con > .normal_list_con > ul > li > a > .list_div > table > tbody > tr > .txt_td > .txt_con > .text02_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(26px, 1.35vw); color:#222; font-weight:600; transition:all 0.3s ease;} .center_sub01_con > .contents_con > .normal_list_con > ul > li > a > .list_div > table > tbody > tr > .img_td {width:min(320px, 16.67vw); padding:0 min(50px, 2.60vw); opacity:0; transition:all 0.3s ease;} .center_sub01_con > .contents_con > .normal_list_con > ul > li > a > .list_div > table > tbody > tr > .img_td > .img_con {width:min(220px, 11.46vw); background:no-repeat center/cover;} .center_sub01_con > .contents_con > .normal_list_con > ul > li > a > .list_div > table > tbody > tr > .img_td > .img_con > img {width:100%;} .center_sub01_con > .contents_con > .normal_list_con > ul > li:hover {background:#F9FBFC;} .center_sub01_con > .contents_con > .normal_list_con > ul > li:hover > a > .list_div > table > tbody > tr > .date_td > span {opacity:1;} .center_sub01_con > .contents_con > .normal_list_con > ul > li:hover > a > .list_div > table > tbody > tr > .txt_td > .txt_con > .text02_con > span {color:#0095D5;} .center_sub01_con > .contents_con > .normal_list_con > ul > li:hover > a > .list_div > table > tbody > tr > .img_td {opacity:1;} .center_sub01_con > .contents_con > .normal_list_con > ul > li.none_li {text-align:center;} .center_sub01_con > .contents_con > .normal_list_con > ul > li.none_li > span {font-size:min(16px, 0.83vw); color:#222; font-weight:500; line-height:min(500px, 26.04vw);} .center_sub01_con > .contents_con > .normal_list_con > ul > li.none_li:hover {background:#FFF;} /* KCI STORY */ .center_sub01_con > .contents_con > .gallery_list_con {margin:min(80px, 4.17vw) 0 0;} .center_sub01_con > .contents_con > .gallery_list_con > ul {display:flex; flex-wrap:wrap; gap:min(65px, 3.39vw);} .center_sub01_con > .contents_con > .gallery_list_con > ul:after {display:none;} .center_sub01_con > .contents_con > .gallery_list_con > ul > li {width:min(490px, 25.50vw);} .center_sub01_con > .contents_con > .gallery_list_con > ul > li > a {display:block;} .center_sub01_con > .contents_con > .gallery_list_con > ul > li > a > .list_div {} .center_sub01_con > .contents_con > .gallery_list_con > ul > li > a > .list_div > .img_con {background:no-repeat center/cover; border-radius:min(10px, 0.52vw); transition:all 0.3s ease;} .center_sub01_con > .contents_con > .gallery_list_con > ul > li > a > .list_div > .img_con > img {width:100%;} .center_sub01_con > .contents_con > .gallery_list_con > ul > li > a > .list_div > .txt_con {border-left:min(3px, 0.16vw) solid #222; margin:min(25px, 1.30vw) 0 0; padding:min(10px, 0.52vw) min(20px, 1.04vw); transition:all 0.3s ease;} .center_sub01_con > .contents_con > .gallery_list_con > ul > li > a > .list_div > .txt_con > .date_con {} .center_sub01_con > .contents_con > .gallery_list_con > ul > li > a > .list_div > .txt_con > .date_con > span {font-size:min(16px, 0.83vw); color:#9F9F9F; font-weight:500; letter-spacing:max(-0.64px, -0.03vw);} .center_sub01_con > .contents_con > .gallery_list_con > ul > li > a > .list_div > .txt_con > .title_con {margin:min(20px, 1.04vw) 0 0;} .center_sub01_con > .contents_con > .gallery_list_con > ul > li > a > .list_div > .txt_con > .title_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(22px, 1.15vw); color:#222; font-weight:600; letter-spacing:max(-0.88px, -0.05vw);} .center_sub01_con > .contents_con > .gallery_list_con > ul > li:hover > a > .list_div > .img_con {position:relative; transform:scale(1.03);} .center_sub01_con > .contents_con > .gallery_list_con > ul > li:hover > a > .list_div > .txt_con {transform:translateY(min(-5px, -0.26vw));} .center_sub01_con > .contents_con > .gallery_list_con > ul > li.none_li {width:100%; text-align:center;} .center_sub01_con > .contents_con > .gallery_list_con > ul > li.none_li > span {font-size:min(16px, 0.83vw); color:#222; font-weight:500; line-height:min(380px, 19.79vw);} /* KCI AWARDS */ .center_sub01_03_con {width:100%; margin:0 auto;} .center_sub01_03_con > .contents_con {width:100%; margin:0 auto; padding:min(120px, 6.25vw) 0 min(230px, 11.98vw);} .center_sub01_03_con > .contents_con > .title_con {text-align:center;} .center_sub01_03_con > .contents_con > .title_con > span {font-size:min(40px, 2.08vw); color:#222; font-weight:700;} .center_sub01_03_con > .contents_con > .title_con > span .color_text {color:#0095D5;} .center_sub01_03_con > .contents_con > .slide_con {width:100%; height:min(440px, 22.92vw); background-color:#F3F4F8; margin:min(80px, 4.17vw) 0 0; position:relative;} .center_sub01_03_con > .contents_con > .slide_con > .bg_con {display:block; width:min(220px, 11.46vw); height:min(162px, 8.44vw); position:absolute; bottom:0; left:0;} .center_sub01_03_con > .contents_con > .slide_con > .bg_con > img {width:100%;} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap {width:100%; max-width:min(1240px, 64.58vw); margin:0 auto; position:relative;} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .swiper {position:relative; top:min(90px, 4.69vw); padding:0 0 min(20px, 1.04vw);} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .swiper .swiper-wrapper {} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .swiper .swiper-wrapper .swiper-slide {margin:0 min(20px, 1.04vw) 0 0;} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .swiper .swiper-wrapper .swiper-slide > .contents_con {display:flex; justify-content:space-between; align-items:flex-start; gap:min(120px, 6.25vw); width:min(1200px, 62.50vw); margin:0 auto;} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con {margin:min(29px, 1.51vw) 0 0;} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .text01_con {} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .text01_con > span {font-size:min(28px, 1.46vw); color:#222; font-weight:700; line-height:140%;} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .text01_con > span .color_text {color:#0095D5;} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .text02_con {margin:min(40px, 2.08vw) 0 0;} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .text02_con > span {font-size:min(20px, 1.04vw); color:#666; font-weight:400; line-height:140%;} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .swiper .swiper-wrapper .swiper-slide > .contents_con > .img_con {flex-shrink:0; width:min(640px, 33.33vw); background:no-repeat center/cover; box-shadow:min(4px, 0.21vw) min(4px, 0.21vw) min(12px, 0.63vw) 0 rgba(0,0,0,0.15);} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .swiper .swiper-wrapper .swiper-slide > .contents_con > .img_con > img {width:100%;} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .btn_con {} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .btn_con > .slide_btn {width:min(70px, 3.65vw); position:absolute; top:46%; transform:translateY(-50%); z-index:10; cursor:pointer; filter:drop-shadow(0 0 min(4px, 0.21vw) rgba(0,0,0,0.15));} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .btn_con > .slide_btn > img {width:100%;} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .btn_con > .slide_btn.prev {left:max(-100px, -5.21vw);} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .btn_con > .slide_btn.next {right:max(-100px, -5.21vw);} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .btn_con > .slide_btn > img.off {} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .btn_con > .slide_btn > img.on {display:none;} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .btn_con > .slide_btn:hover > img.off {display:none;} .center_sub01_03_con > .contents_con > .slide_con > .slide_wrap > .btn_con > .slide_btn:hover > img.on {display:block;} /* 채용안내 */ .center_sub02_con {width:100%; margin:0 auto;} .center_sub02_con > .contents_con {width:100%; margin:0 auto; padding:min(100px, 5.21vw) 0 min(160px, 8.33vw);} .center_sub02_con > .contents_con > .img_con {width:100%; height:min(480px, 25.00vw); overflow:hidden;} .center_sub02_con > .contents_con > .img_con > img {width:100%;} .center_sub02_con > .contents_con > .list_con {width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; margin-top:min(140px, 7.29vw);} .center_sub02_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:min(220px, 11.46vw);} .center_sub02_con > .contents_con > .list_con > ul:after {content:none;} .center_sub02_con > .contents_con > .list_con > ul > li {} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div {display:flex; align-items:flex-start;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .title_con {flex-shrink:0; width:min(340px, 17.71vw);} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .title_con > span {font-size:min(36px, 1.88vw); color:#0095D5; font-weight:700;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con {} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul {display:flex; align-items:center; border:min(1px, 0.05vw) dashed #0095D5; padding:min(30px, 1.56vw); border-radius:min(200px, 10.42vw);} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul:after {content:none;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul > li {} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul > li > .group_con {} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul > li > .group_con > ul {display:flex;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul > li > .group_con > ul:after {content:none;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul > li > .group_con > ul > li {} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul > li > .group_con > ul > li > .list_div {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:min(20px, 1.04vw); width:min(260px, 13.54vw); height:min(260px, 13.54vw); background:rgba(0,149,213,0.06); border-radius:100%;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul > li > .group_con > ul > li > .list_div > .num_con {} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul > li > .group_con > ul > li > .list_div > .num_con > span {font-size:min(26px, 1.35vw); color:#0095D5; font-weight:700;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul > li > .group_con > ul > li > .list_div > .text_con {} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul > li > .group_con > ul > li > .list_div > .text_con > span {font-size:min(20px, 1.04vw); color:#222; font-weight:500;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul > li > .group_con > ul > li:nth-child(2) {margin:0 0 0 max(-20px, -1.04vw);} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul > li > .group_con > ul > li:nth-child(3) {margin:0 0 0 max(-20px, -1.04vw);} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul > li > .list_div {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:min(20px, 1.04vw); width:min(260px, 13.54vw); height:min(260px, 13.54vw); background:#0095D5; border-radius:100%;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul > li > .list_div > .num_con {} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul > li > .list_div > .num_con > span {font-size:min(26px, 1.35vw); color:#FFF; font-weight:700;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul > li > .list_div > .text_con {} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul > li > .list_div > .text_con > span {font-size:min(20px, 1.04vw); color:#FFF; font-weight:500;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul > li > .dot_con {display:flex; align-items:center; gap:min(20px, 1.04vw); margin:0 min(68px, 3.54vw);} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list01_con > ul > li > .dot_con > .dot {width:min(8px, 0.42vw); height:min(8px, 0.42vw); background:#0095D5; border-radius:100%;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list02_con {width:min(1260px, 65.63vw); height:min(430px, 22.40vw); background:url("/img/center/center_sub02_con_list02_bg.png")no-repeat center/cover; padding:0 min(22px, 1.15vw);} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list02_con > ul {display:flex; justify-content:center; align-items:center; gap:min(23px, 1.20vw); height:min(430px, 22.40vw);} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list02_con > ul:after {content:none;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list02_con > ul > li {width:min(430px, 22.40vw);} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list02_con > ul > li > .list_div {display:flex; flex-direction:column; justify-content:center; align-items:center;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list02_con > ul > li > .list_div > .img_con {width:auto; height:min(90px, 4.69vw);} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list02_con > ul > li > .list_div > .img_con > img {height:100%;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list02_con > ul > li > .list_div > .text_con {margin:min(70px, 3.65vw) 0 0; position:relative;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list02_con > ul > li > .list_div > .text_con:before {content:''; width:min(1px, 0.05vw); height:min(30px, 1.56vw); background:#0095D5; position:absolute; top:max(-35px, -1.82vw); left:50%; transform:translateY(-50%);} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list02_con > ul > li > .list_div > .text_con > span {font-size:min(30px, 1.56vw); color:#0095D5; font-weight:700; line-height:140%;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list03_con {} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list03_con > ul {display:flex; flex-wrap:wrap; gap:min(60px, 3.13vw) min(45px, 2.34vw);} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list03_con > ul:after {content:none;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list03_con > ul > li {width:min(390px, 20.31vw); border-top:min(1px, 0.05vw) solid #DDD; padding:min(20px, 1.04vw) 0 0;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list03_con > ul > li > .list_div {display:flex; justify-content:space-between; align-items:flex-start;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list03_con > ul > li > .list_div > .txt_con {} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list03_con > ul > li > .list_div > .txt_con > .text01_con {} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list03_con > ul > li > .list_div > .txt_con > .text01_con > span {font-size:min(19px, 0.99vw); color:#222; font-weight:600; line-height:135%;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list03_con > ul > li > .list_div > .txt_con > .text02_con {margin:min(4px, 0.21vw) 0 0;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list03_con > ul > li > .list_div > .txt_con > .text02_con > span {font-size:min(17px, 0.89vw); color:#555; font-weight:500; line-height:135%;} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list03_con > ul > li > .list_div > .img_con {width:min(44px, 2.29vw);} .center_sub02_con > .contents_con > .list_con > ul > li > .list_div > .list03_con > ul > li > .list_div > .img_con > img {width:100%;} /* 채용공고 */ .center_sub02_02_con {width:100%; margin:0 auto;} .center_sub02_02_con > .contents_con {width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; padding:min(100px, 5.21vw) 0 min(160px,8.33vw);} .center_sub02_02_con > .contents_con > .tab_list {border-bottom:min(1px, 0.05vw) solid #DDD;} .center_sub02_02_con > .contents_con > .tab_list > ul {display:flex; align-items:center; gap:min(40px, 2.08vw);} .center_sub02_02_con > .contents_con > .tab_list > ul:after {content:none;} .center_sub02_02_con > .contents_con > .tab_list > ul > li {} .center_sub02_02_con > .contents_con > .tab_list > ul > li > a {display:block; padding:0 0 min(18px, 0.94vw); position:relative; font-size:min(18px, 0.94vw); color:#999; font-weight:400; transition:all 0.3s ease;} .center_sub02_02_con > .contents_con > .tab_list > ul > li > a:after {content:''; width:100%; height:min(2px, 0.10vw); background:transparent; position:absolute; bottom:max(-1px, -0.05vw); left:0; transition:all 0.3s ease;} .center_sub02_02_con > .contents_con > .tab_list > ul > li.on > a {color:#0095D5; font-weight:700;} .center_sub02_02_con > .contents_con > .tab_list > ul > li.on > a:after {background:#0095D5;} .center_sub02_02_con > .contents_con > .tab_list > ul > li:hover > a {color:#0095D5; font-weight:700;} .center_sub02_02_con > .contents_con > .tab_list > ul > li:hover > a:after {background:#0095D5;} .center_sub02_02_con > .contents_con > .info_con {margin:min(80px, 4.17vw) 0 0;} .center_sub02_02_con > .contents_con > .info_con > .list_con {display:none;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul {display:flex; flex-wrap:wrap; gap:min(40px, 2.08vw);} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul:after {content:none;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li {width:min(370px, 19.27vw); border:min(3px, 0.16vw) solid #EEE; position:relative; opacity:0;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li:before {content:''; width:0; height:min(3px, 0.16vw); background:#0095D5; position:absolute; top:max(-3px, -0.16vw); left:max(-3px, -0.16vw); transition:all 0.3s;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li:after {content:''; width:0; height:min(3px, 0.16vw); background:#0095D5; position:absolute; bottom:max(-3px, -0.16vw); right:max(-3px, -0.16vw); transition:all 0.3s;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a {display:block; width:100%; padding:min(40px, 2.08vw);} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a:before {content:''; width:min(3px, 0.16vw); height:0; background:#0095D5; position:absolute; top:0; left:max(-3px, -0.16vw); transition:all 0.3s 0.2s;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a:after {content:''; width:min(3px, 0.16vw); height:0; background:#0095D5; position:absolute; bottom:0; right:max(-3px, -0.16vw); transition:all 0.3s 0.2s;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div {} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .state_con {} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .state_con > ul {display:flex; align-items:center; gap:min(6px, 0.31vw);} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .state_con > ul:after {content:none;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .state_con > ul > li {} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .state_con > ul > li > span {display:inline-flex; justify-content:center; align-items:center; height:min(31px, 1.61vw); border:min(1px, 0.05vw) solid transparent; background:#FFF; padding:0 min(12px, 0.63vw); font-size:min(16px, 0.83vw); color:#FFF; font-weight:500;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .state_con > ul > li > span.ing {background:#0095D5; color:#FFF;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .state_con > ul > li > span.career {border:min(1px, 0.05vw) solid #ED1A2E; color:#ED1A2E;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .state_con > ul > li > span.new {border:min(1px, 0.05vw) solid #F46517; color:#F46517;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .state_con > ul > li > span.end {background:#222;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .title_con {margin:min(25px, 1.30vw) 0 0;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .title_con > span {display:block; height:min(68px, 3.54vw); white-space:normal; overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:min(24px, 1.25vw); color:#000; font-weight:700; line-height:140%;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .date_con {display:flex; align-items:flex-start; gap:min(22px, 1.15vw); margin:min(40px, 2.08vw) 0 0;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .date_con > .text01_con {} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .date_con > .text01_con > span {font-size:min(16px, 0.83vw); color:#222; font-weight:600; line-height:140%;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .date_con > .text02_con {position:relative;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .date_con > .text02_con:before {content:''; width:min(2px, 0.10vw); height:min(14px, 0.73vw); background:#EEE; position:absolute; top:50%; left:max(-12px, -0.63vw); transform:translateY(-50%);} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .date_con > .text02_con > span {font-size:min(16px, 0.83vw); color:#999; font-weight:600; line-height:140%; letter-spacing:max(-0.8px, -0.04vw);} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .img_con {width:min(60px, 3.13vw); margin:min(44px, 2.29vw) 0 0;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .img_con > img {width:100%;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .img_con > img.off {} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li > a > .list_div > .img_con > img.on {display:none;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li.none_li {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:min(20px, 1.04vw); width:min(370px, 19.27vw); height:min(370px, 19.27vw);} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li.none_li > .img_con {width:min(38px, 1.98vw); margin:0 auto;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li.none_li > .img_con > img {width:100%;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li.none_li > .text_con {} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li.none_li > .text_con > span {font-size:min(17px, 0.89vw); color:#999; font-weight:500;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li:hover:before {width:min(370px, 19.27vw);} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li:hover:after {width:min(370px, 19.27vw);} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li:hover > a:before {height:100%;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li:hover > a:after {height:100%;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li:hover > a > .list_div > .img_con > img.off {display:none;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li:hover > a > .list_div > .img_con > img.on {display:block;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li.end > a {opacity:0.3;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li.end:hover:before {content:none;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li.end:hover:after {content:none;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li.end:hover > a {cursor:default;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li.end:hover > a:before {content:none;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li.end:hover > a:after {content:none;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li.end:hover > a > .list_div > .img_con > img.off {display:block;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li.end:hover > a > .list_div > .img_con > img.on {display:none;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li.none_li:hover:before {content:none;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li.none_li:hover:after {content:none;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li.none_li:hover > a:before {content:none;} .center_sub02_02_con > .contents_con > .info_con > .list_con > ul > li.none_li:hover > a:after {content:none;} .center_sub02_02_con > .contents_con > .info_con > .list_con.center_sub02_02_tab01 {display:block;} /* 자료실 */ .center_sub03_con {width:100%; margin:0 auto;} .center_sub03_con > .contents_con {width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; padding:0 0 min(160px, 8.33vw);} .center_sub03_con > .contents_con > .normal_list_con {margin:min(40px, 2.08vw) 0 0;} .center_sub03_con > .contents_con > .normal_list_con table {width:100%; table-layout:fixed;} .center_sub03_con > .contents_con > .normal_list_con table > tbody > tr > td {text-align:center;} .center_sub03_con > .contents_con > .normal_list_con table > tbody > tr > .num_td {width:min(120px, 6.25vw);} .center_sub03_con > .contents_con > .normal_list_con table > tbody > tr > .title_td {} .center_sub03_con > .contents_con > .normal_list_con table > tbody > tr > .write_td {width:min(280px, 14.58vw);} .center_sub03_con > .contents_con > .normal_list_con table > tbody > tr > .date_td {width:min(200px, 10.42vw);} .center_sub03_con > .contents_con > .normal_list_con table > tbody > tr > .view_td {width:min(140px, 7.29vw);} .center_sub03_con > .contents_con > .normal_list_con > .title_con {} .center_sub03_con > .contents_con > .normal_list_con > .title_con > table {border-top:min(2px, 0.10vw) solid #000; border-bottom:min(1px, 0.05vw) solid #E9E9E9;} .center_sub03_con > .contents_con > .normal_list_con > .title_con > table > tbody {} .center_sub03_con > .contents_con > .normal_list_con > .title_con > table > tbody > tr {} .center_sub03_con > .contents_con > .normal_list_con > .title_con > table > tbody > tr > td {height:min(69px, 3.59vw);} .center_sub03_con > .contents_con > .normal_list_con > .title_con > table > tbody > tr > td > span {font-size:min(18px, 0.94vw); color:#222; font-weight:700;} .center_sub03_con > .contents_con > .normal_list_con > .title_con > table > tbody > tr > .num_td {} .center_sub03_con > .contents_con > .normal_list_con > .title_con > table > tbody > tr > .title_td {} .center_sub03_con > .contents_con > .normal_list_con > .title_con > table > tbody > tr > .write_td {} .center_sub03_con > .contents_con > .normal_list_con > .title_con > table > tbody > tr > .date_td {} .center_sub03_con > .contents_con > .normal_list_con > .title_con > table > tbody > tr > .view_td {} .center_sub03_con > .contents_con > .normal_list_con > .list_con {} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul {} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li {border-bottom:min(1px, 0.05vw) solid #E9E9E9; background:#FFF; transition:all 0.3s ease;} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li > a {display:block;} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li > a > .list_div {} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li > a > .list_div > table {} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody {} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr {} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > td {height:min(68px, 3.54vw);} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > td > span {font-size:min(17px, 0.89vw); color:#333; font-weight:400;} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .num_td {} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .num_td > .title_con {} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .num_td > .title_con > .num_con {} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .num_td > .title_con > .num_con > span {font-size:min(17px, 0.89vw); color:#333; font-weight:400;} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .title_td {text-align:left; padding:0 min(20px, 1.04vw);} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .title_td > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s ease;} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .write_td {} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .date_td {} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .view_td {} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li.none_li {text-align:center;} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li.none_li > span {font-size:min(18px, 0.94vw); color:#222; font-weight:500; line-height:min(500px, 26.04vw);} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li:hover {background:#F9FBFC;} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li:hover > a > .list_div > table > tbody > tr > .title_td > span {color:#0095D5; text-decoration:underline;} .center_sub03_con > .contents_con > .normal_list_con > .list_con > ul > li:hover.none_li {background:#FFF;} /* 푸터 */ #footer {width:100%; margin:0 auto; background:#FFF; border-top:min(1px, 0.05vw) solid #DDD;} #footer > .contents_con {display:flex; align-items:flex-start; gap:min(140px, 7.29vw); width:100%; max-width:min(1600px, 83.33vw); margin:0 auto; padding:min(60px, 3.13vw) 0;} #footer > .contents_con > .logo_con {width:min(215px, 11.20vw);} #footer > .contents_con > .logo_con > img {width:100%;} #footer > .contents_con > .info_con {display:flex; flex-direction:column;} #footer > .contents_con > .info_con > .nav {} #footer > .contents_con > .info_con > .nav > ul {display:flex; align-items:center; gap:min(31px, 1.61vw);} #footer > .contents_con > .info_con > .nav > ul:after {content:none;} #footer > .contents_con > .info_con > .nav > ul > li {position:relative;} #footer > .contents_con > .info_con > .nav > ul > li:before {content:''; width:min(1px, 0.05vw); height:min(14px, 0.73vw); background:#DDD; position:absolute; top:50%; left:max(-16px, -0.83vw); transform:translateY(-50%);} #footer > .contents_con > .info_con > .nav > ul > li:first-child:before {content:none;} #footer > .contents_con > .info_con > .nav > ul > li > a {font-size:min(16px, 0.83vw); color:#222; font-weight:600;} #footer > .contents_con > .info_con > .info_con {display:flex; flex-direction:column; gap:min(10px, 0.52vw); margin:min(30px, 1.56vw) 0 0; opacity:0.6;} #footer > .contents_con > .info_con > .info_con > ul {display:flex; align-items:center; gap:min(15px, 0.78vw);} #footer > .contents_con > .info_con > .info_con > ul:after {content:none;} #footer > .contents_con > .info_con > .info_con > ul > li {} #footer > .contents_con > .info_con > .info_con > ul > li > span {font-size:min(16px, 0.83vw); color:#222; font-weight:400;} #footer > .contents_con > .info_con > .copy_con {margin:min(50px, 2.60vw) 0 0;} #footer > .contents_con > .info_con > .copy_con > span {font-size:min(16px, 0.83vw); color:#222; font-weight:400; opacity:0.4;} .video-container { position: relative; width: 100%; max-width: 800px; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe { position: absolute; top:0; left:0; width:100%; height:100%; } /* CKEDITOR 5 관련 */ .ck-editor__main .ck-content { height: 500px; } :root { --ck-color-image-caption-background: #f7f7f7; --ck-color-image-caption-text: #333; --ck-color-image-caption-highligted-background: #000; --ck-image-style-spacing: 1.5em; --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2); } /* image */ .image { display: table; clear: both; text-align: center; margin: 0.9em auto; min-width: 50px; } .image img { display: block; margin: 0 auto; max-width: 100%; min-width: 100%; } .image-inline { display: inline-flex; max-width: 100%; align-items: flex-start; } .image-inline picture { display: flex; } .image-inline picture, .image-inline img { flex-grow: 1; flex-shrink: 1; max-width: 100%; } /* image caption */ .image > figcaption { display: table-caption; caption-side: bottom; word-break: break-word; color: var(--ck-color-image-caption-text); background-color: var(--ck-color-image-caption-background); padding: 0.6em; font-size: 0.75em; outline-offset: -1px; } /* image style */ .image-style-block-align-left, .ck-content .image-style-block-align-right { max-width: calc(100% - var(--ck-image-style-spacing)); } .image-style-align-left, .ck-content .image-style-align-right { clear: none; } .image-style-side { float: right; margin-left: var(--ck-image-style-spacing); max-width: 50%; } .image-style-align-left { float: left; margin-right: var(--ck-image-style-spacing); } .image-style-align-center { margin-left: auto; margin-right: auto; } .image-style-align-right { float: right; margin-left: var(--ck-image-style-spacing); } .image-style-block-align-right { margin-right: 0; margin-left: auto; } .image-style-block-align-left { margin-left: 0; margin-right: auto; } p + .image-style-align-left, p + .image-style-align-right, p + .image-style-side { margin-top: 0; } .image-inline.image-style-align-left, .image-inline.image-style-align-right { margin-top: var(--ck-inline-image-style-spacing); margin-bottom: var(--ck-inline-image-style-spacing); } .image-inline.image-style-align-left { margin-right: var(--ck-inline-image-style-spacing); } .image-inline.image-style-align-right { margin-left: var(--ck-inline-image-style-spacing); } /* image resized */ .image.image_resized { max-width: 100%; /* The `
` element for resized images must not use `display:table` as browsers do not support `max-width` for it well. See https://stackoverflow.com/questions/4019604/chrome-safari-ignoring-max-width-in-table/14420691#14420691 for more. Fortunately, since we control the width, there is no risk that the image will look bad. */ display: block; box-sizing: border-box; } .image.image_resized img { /* For resized images it is the `
` element that determines the image width. */ width: 100%; } .image.image_resized > figcaption { /* The `
` element uses `display:block`, so `
` also has to. */ display: block; }