/* vw 계산 기준 1920px */ @import url(//cdn.design-factory.co.kr/_font/montserrat/fonts.css); @import url(//cdn.design-factory.co.kr/_font/pretendard/fonts.css); /* font-family:"Montserrat", sans-serif; font-family:"Pretendard", sans-serif; */ * {font-style:normal; line-height:normal; font-family:"Pretendard", sans-serif; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; outline:none; -webkit-tap-highlight-color:transparent;} 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;} body.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;} img {border:none; padding:0; margin:0; outline:none;} a {border:none; padding:0; margin: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; padding:0; margin:0;} ul:after {content:""; display:block; clear:both;} ul > li {display:block;} p {padding:0; margin:0;} 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:min(18px, 0.94vw); color:#222; line-height:130%; letter-spacing:max(-0.36px, -0.02vw); } input::placeholder {color:#999; opacity:1;} input::-webkit-input-placeholder {color:#999;} input:-ms-input-placeholder {color:#999;} input:-moz-input-placeholder {color:#999;} textarea {overflow-y:scroll; resize:none;} textarea::placeholder {color:#999; opacity:1;} textarea::-webkit-input-placeholder {color:#999;} textarea:-ms-input-placeholder {color:#999;} textarea:-moz-input-placeholder {color:#999;} 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-size:min(12px, 0.63vw); background-position:right min(20px, 1.04vw) center; width:100%; padding:0 min(52px, 2.71vw) 0 min(20px, 1.04vw); } 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(24px, 1.25vw); height:min(24px, 1.25vw); background-image:url("/img/sub/checkbox_icon_off.svg"); background-repeat:no-repeat; background-size:min(24px, 1.25vw); margin:0 min(10px, 0.52vw) 0 0; 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(18px, 0.94vw); height:min(18px, 0.94vw); background-image:url("/img/sub/radio_icon_off.svg"); background-repeat:no-repeat; background-size:min(18px, 0.94vw); margin:0 min(6px, 0.31vw) 0 0; 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 {text-align:center;} .number_list_con > .contents_con {display:inline-block;} .number_list_con > .contents_con:after {content:""; display:block; clear:both;} .number_list_con > .contents_con a {display:block;} .number_list_con > .contents_con a img {width:100%;} .number_list_con > .contents_con .btn_con {float:left;} .number_list_con > .contents_con .btn_con > ul {} .number_list_con > .contents_con .btn_con > ul > li {float:left; width:min(40px, 2.08vw);} .number_list_con > .contents_con .list_con {float:left; margin:0 min(11px, 0.57vw);} .number_list_con > .contents_con .list_con:after {content:""; display:block; clear:both;} .number_list_con > .contents_con .list_con .list_a {float:left; width:min(40px, 2.08vw); margin:0 min(5px, 0.26vw); font-size:min(17px, 0.89vw); color:#888; line-height:min(40px, 2.08vw); overflow:hidden; border-radius:100%;} .number_list_con > .contents_con .list_con .on {background-color:#222; color:#FFF;} #wrap {width:100%; min-width:280px; margin:0 auto; position:relative; top:0; left:0;} /*헤더*/ #header {width:100%; margin:0 auto; position:absolute; top:0; left:0; right:0; z-index:150;} #header > .contents_con {width:100%; max-width:min(1520px, 79.17vw); margin:min(50px, 2.6vw) auto;} #header > .contents_con > table {width:100%; margin:0 auto;} #header > .contents_con > table > tbody > tr > td {} #header > .contents_con > table > tbody > tr > .logo_td {width:min(204px, 10.63vw);} #header > .contents_con > table > tbody > tr > .logo_td > a {display:inline-block; width:100%; position:relative; top:0; left:0;} #header > .contents_con > table > tbody > tr > .logo_td > a img {width:100%;} #header > .contents_con > table > tbody > tr > .logo_td > a img.off {} #header > .contents_con > table > tbody > tr > .logo_td > a img.on {position:absolute; top:0; left:0; z-index:10; opacity:0;} #header > .contents_con > table > tbody > tr > .nav_td {text-align:center;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con {display:inline-block; background-color:#FFF; padding:0 min(40px, 2.08vw); border-radius:min(62px, 3.23vw);} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul {} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li {float:left; margin:0 0 0 min(50px, 2.6vw); position:relative; top:0; left:0;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li > a {display:inline-block; font-size:min(18px, 0.94vw); color:#222; font-weight:600; line-height:min(62px, 3.23vw); letter-spacing:max(-0.36px, -0.02vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li > a:hover {color:#B7003A;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li > .sub_nav {display:none; position:absolute; top:min(62px, 3.23vw); left:50%; z-index:10; transform:translateX(-50%);} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li > .sub_nav > .contents_con {margin:min(12px, 0.63vw) 0 0 0; padding:min(25px, 1.3vw) min(20px, 1.04vw); background-color:#B7003A; overflow:hidden; border-radius:min(30px, 1.56vw);} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li > .sub_nav > .contents_con > ul {} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li > .sub_nav > .contents_con > ul > li {margin:min(20px, 1.04vw) 0 0 0; text-align:center;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li > .sub_nav > .contents_con > ul > li a {position:relative;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li > .sub_nav > .contents_con > ul > li a span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:400; line-height:120%; letter-spacing:max(-0.36px, -0.02vw); opacity:0.9;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li > .sub_nav > .contents_con > ul > li a:hover span {font-weight:700; opacity:1;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li > .sub_nav > .contents_con > ul > li a::after {content:""; position:absolute; left:0%; bottom:-40%; width:0%; height:2px; background-color:#fff; transition:all 0.3s ease-in-out;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li > .sub_nav > .contents_con > ul > li a:hover::after {width:100%;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li > .sub_nav > .contents_con > ul > li:first-child {margin:0;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li:nth-child(1) {margin:0;} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li:nth-child(1) > .sub_nav {width:min(140px, 7.29vw);} #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li:nth-child(5) > .sub_nav {width:min(180px, 9.38vw);} #header > .contents_con > table > tbody > tr > .btn_td {width:min(142px, 7.4vw);} #header > .contents_con > table > tbody > tr > .btn_td .a_btn {display:block; background-color:#B7003A; text-align:center; font-size:min(18px, 0.94vw); color:#FFF; font-weight:700; line-height:min(62px, 3.23vw); letter-spacing:max(-0.36px, -0.02vw); overflow:hidden; border-radius:min(62px, 3.23vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} #header > .contents_con > table > tbody > tr > .btn_td .a_btn:hover {background-color:#92002E;} #header > .contents_con > table > tbody > tr > .m_btn_td {display:none; width:min(24px, 1.25vw);} #header > .contents_con > table > tbody > tr > .m_btn_td > a {display:inline-block; width:100%;} #header > .contents_con > table > tbody > tr > .m_btn_td > a img {width:100%;} /*헤더 open*/ #header.open {} #header.open > .contents_con > table > tbody > tr > .logo_td > a img.off {opacity:0;} #header.open > .contents_con > table > tbody > tr > .logo_td > a img.on {opacity:1;} /*모바일 메인 메뉴*/ #m_main_nav_bg {display:none; width:100%; height:100%; margin:0 auto; background-color:#F4F4F4; position:fixed; top:0; left:0; right:0; z-index:50;} #m_main_nav {display:none; width:100%; height:100%; margin:0 auto; position:fixed; top:0; left:0; right:0; z-index:100;} #m_main_nav > .contents_con {width:100%; max-width:320px; margin:0 auto; padding:90px 0 0 0;} #m_main_nav > .contents_con > .scroll_con {padding:0 0 20px 0; overflow-y:auto;} #m_main_nav > .contents_con > .scroll_con > .contents_con {} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con {} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul {} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li {} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li > a {display:block; padding:0 10px;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li > a > table {width:100%; margin:0 auto;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li > a > table > tbody > tr > td {height:52px;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li > a > table > tbody > tr > .text_td {} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li > a > table > tbody > tr > .text_td span {font-size:16px; color:#222; font-weight:700; line-height:125%;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li > a > table > tbody > tr > .arrow_td {width:12px;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li > a > table > tbody > tr > .arrow_td img {width:100%;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li > a.on {} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li > a.on > table > tbody > tr > .text_td span {color:#B7003A;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li > .sub_nav {display:none; border-top:1px solid #B7003A;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li > .sub_nav > .contents_con {padding:20px 10px;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li > .sub_nav > .contents_con > ul {} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li > .sub_nav > .contents_con > ul > li {margin:14px 0 0 0;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li > .sub_nav > .contents_con > ul > li a {display:block; font-size:14px; color:#555; line-height:125%;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li > .sub_nav > .contents_con > ul > li a.on {color:#B7003A; font-weight:600;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .list_con > ul > li > .sub_nav > .contents_con > ul > li:first-child {margin:0;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .btn_con {margin:20px 0 0 0; text-align:center;} #m_main_nav > .contents_con > .scroll_con > .contents_con > .btn_con .a_btn {display:inline-block; width:140px; background-color:#B7003A; text-align:center; font-size:16px; color:#FFF; font-weight:700; line-height:50px; letter-spacing:-0.32px; overflow:hidden; border-radius:50px;} /*컨텐츠*/ #container {width:100%; margin:0 auto;} /*메인 컨텐츠*/ #main_con {padding:0 0 min(180px, 9.38vw) 0;} #main_con > .info01_con {} #main_con > .info01_con > .slide_con {overflow:hidden;} #main_con > .info01_con > .slide_con .swiper {width:100%; margin:0 auto; position:relative; top:0; left:0; overflow:hidden;} #main_con > .info01_con > .slide_con .swiper .swiper-wrapper {} #main_con > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide {position:relative; top:0; left:0; display:flex; flex-direction:column; align-items:center; justify-content:center; height:min(940px, 48.96vw);} #main_con > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .contents_con {height:min(940px, 48.96vw); position:relative; top:0; left:0; z-index:20;} #main_con > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide .bg {width:100%; height:100%; margin:0 auto; background-repeat:no-repeat; background-size:cover; background-position:center; position:absolute; top:0; left:0; right:0; z-index:10;} #main_con > .info01_con > .slide_con .swiper > .contents_con {width:100%; max-width:min(600px, 31.25vw); margin:0 auto; text-align:center; position:absolute; top:50%; left:0; right:0; z-index:10; transform:translateY(-50%);} #main_con > .info01_con > .slide_con .swiper > .swiper-wrapper > .swiper-slide > .text_con {max-width:min(600px, 31.25vw); text-align:center; position:relative; z-index:20;} #main_con > .info01_con > .slide_con .swiper > .swiper-wrapper > .swiper-slide > .text_con span {font-size:min(70px, 3.65vw); color:#FFF; font-weight:700; line-height:130%; letter-spacing:max(-1.4px, -0.07vw);} #main_con > .info01_con > .slide_con .swiper > .swiper-wrapper > .swiper-slide > .btn_con {position:relative; z-index:20; margin:min(60px, 3.13vw) 0 0 0; text-align:center;} #main_con > .info01_con > .slide_con .swiper > .swiper-wrapper > .swiper-slide > .btn_con > .contents_con {display:inline-block;} #main_con > .info01_con > .slide_con .swiper > .swiper-wrapper > .swiper-slide > .btn_con > .contents_con > ul > li {float:left; width:min(230px, 11.98vw); margin:0 0 0 min(20px, 1.04vw);} #main_con > .info01_con > .slide_con .swiper > .swiper-wrapper > .swiper-slide > .btn_con > .contents_con > ul > li .a_btn {display:block; border:min(1px, 0.05vw) solid #FFF; padding:0 min(23px, 1.2vw); overflow:hidden; border-radius:min(70px, 3.65vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} #main_con > .info01_con > .slide_con .swiper > .swiper-wrapper > .swiper-slide > .btn_con > .contents_con > ul > li .a_btn > table {width:100%; margin:0 auto;} #main_con > .info01_con > .slide_con .swiper > .swiper-wrapper > .swiper-slide > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > td {height:min(68px, 3.54vw);} #main_con > .info01_con > .slide_con .swiper > .swiper-wrapper > .swiper-slide > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > .text_td {} #main_con > .info01_con > .slide_con .swiper > .swiper-wrapper > .swiper-slide > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > .text_td span {font-size:min(22px, 1.15vw); color:#FFF; font-weight:700; line-height:140%; letter-spacing:max(-0.44px, -0.02vw);} #main_con > .info01_con > .slide_con .swiper > .swiper-wrapper > .swiper-slide > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > .arrow_td {width:min(10px, 0.52vw);} #main_con > .info01_con > .slide_con .swiper > .swiper-wrapper > .swiper-slide > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > .arrow_td img {width:100%;} #main_con > .info01_con > .slide_con .swiper > .swiper-wrapper > .swiper-slide > .btn_con > .contents_con > ul > li .a_btn:hover {border:min(1px, 0.05vw) solid #B7003A; background-color:#B7003A;} #main_con > .info01_con > .slide_con .swiper > .swiper-wrapper > .swiper-slide > .btn_con > .contents_con > ul > li:first-child {margin:0;} #main_con > .info01_con > .slide_con .swiper > .scroll_con.w_con {position:absolute; bottom:min(50px, 2.6vw); left:min(100px, 5.21vw); z-index:10;} #main_con > .info01_con > .slide_con .swiper > .scroll_con.w_con .a_btn {display:block;} #main_con > .info01_con > .slide_con .swiper > .scroll_con.w_con .a_btn > img {width:min(18px, 0.94vw); margin:0 min(30px, 1.56vw) 0 0; vertical-align:middle;} #main_con > .info01_con > .slide_con .swiper > .scroll_con.w_con .a_btn > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:700; line-height:140%; letter-spacing:max(-0.36px, -0.02vw); vertical-align:middle;} #main_con > .info01_con > .slide_con .swiper > .control_con {display:none; position:absolute; bottom:min(50px, 2.6vw); right:min(100px, 5.21vw); z-index:10;} #main_con > .info01_con > .slide_con .swiper > .control_con > table {width:100%; margin:0 auto;} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > td {} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .no_td {width:min(30px, 1.56vw);} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .no_td .swiper-pagination-bullets {display:inline-block; width:auto; position:relative; bottom:0; left:0;} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .no_td .swiper-pagination-bullets .swiper-pagination-bullet {display:block; width:auto; height:min(22px, 1.15vw); margin:0 auto; background-color:transparent; text-align:center; position:absolute; top:0; left:0; right:0; z-index:10; font-size:min(16px, 0.83vw); color:#FFF; font-weight:600; line-height:min(22px, 1.15vw); letter-spacing:max(-0.32px, -0.02vw); border-radius:0; opacity:0;} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .no_td .swiper-pagination-bullets .swiper-pagination-bullet-active {position:relative; opacity:1;} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .bar_td {width:min(120px, 6.25vw);} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .bar_td .list_con {height:min(3px, 0.16vw); background-color:#FFF; position:relative; top:0; left:0; overflow:hidden; border-radius:min(1px, 0.05vw);} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .bar_td .list_con .list_div {width:100%; height:100%; position:absolute; top:0; left:0;} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .bar_td .list_con .list_div > .line {height:100%; position:absolute; top:0; left:0; z-index:10; animation-fill-mode:forwards; overflow:hidden; border-radius:min(1px, 0.05vw);} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .bar_td .list_con .list_div.is-active {} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .bar_td .list_con .list_div.is-active > .line {background-color:#B7003A; animation-name:main_info01_slide_nav_bar; animation-duration:4.5s;} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .bar_td .list_con .list_div.is-active:first-child > .line {animation-duration:3s;} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .total_td {width:min(30px, 1.56vw);} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .total_td span {font-size:min(16px, 0.83vw); color:#FFF; font-weight:600; line-height:min(22px, 1.15vw); letter-spacing:max(-0.32px, -0.02vw);} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .blank_td {width:min(30px, 1.56vw);} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .btn_td {} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .btn_td > ul {} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .btn_td > ul > li {float:left; width:min(50px, 2.6vw); margin:0 0 0 min(10px, 0.52vw);} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .btn_td > ul > li img {width:100%; height:100%; cursor:pointer; background-repeat:no-repeat; background-size:contain; background-position:center; transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .btn_td > ul > li:first-child {margin:0;} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .btn_td > ul > li .main_info01_slide_prev_btn {background-image:url('/img/main/main_info01_slide_prev_btn.svg');} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .btn_td > ul > li .main_info01_slide_prev_btn:hover {background-image:url('/img/main/main_info01_slide_prev_btn_hov.svg');} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .btn_td > ul > li .main_info01_slide_next_btn {background-image:url('/img/main/main_info01_slide_next_btn.svg');} #main_con > .info01_con > .slide_con .swiper > .control_con > table > tbody > tr > .btn_td > ul > li .main_info01_slide_next_btn:hover {background-image:url('/img/main/main_info01_slide_next_btn_hov.svg');} #main_con > .info02_con {} #main_con > .info02_con > .contents_con {width:100%; max-width:min(1520px, 79.17vw); margin:0 auto; padding:min(140px, 7.29vw) 0;} #main_con > .info02_con > .contents_con > .title_con {margin:0 0 min(80px, 4.17vw) 0;} #main_con > .info02_con > .contents_con > .title_con:after {content:""; display:block; clear:both;} #main_con > .info02_con > .contents_con > .title_con > .text01_con {float:left;} #main_con > .info02_con > .contents_con > .title_con > .text01_con > .text01_con {} #main_con > .info02_con > .contents_con > .title_con > .text01_con > .text01_con span {font-size:min(20px, 1.04vw); color:#B7003A; font-weight:600; line-height:140%; letter-spacing:max(-0.4px, -0.02vw);} #main_con > .info02_con > .contents_con > .title_con > .text01_con > .text02_con {margin:min(4px, 0.21vw) 0 0 0;} #main_con > .info02_con > .contents_con > .title_con > .text01_con > .text02_con span {font-size:min(50px, 2.6vw); color:#222; font-weight:700; line-height:140%; letter-spacing:max(-1px, -0.05vw);} #main_con > .info02_con > .contents_con > .title_con > .text02_con {float:right; padding:min(104px, 5.42vw) 0 0 0;} #main_con > .info02_con > .contents_con > .title_con > .text02_con span {font-size:min(24px, 1.25vw); color:#999; font-weight:500; line-height:140%; letter-spacing:max(-0.48px, -0.03vw);} #main_con > .info02_con > .contents_con > .contents_con {} #main_con > .info02_con > .contents_con > .contents_con > .list_con {} #main_con > .info02_con > .contents_con > .contents_con > .list_con > ul {} #main_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li {float:left; width:min(380px, 19.79vw);} #main_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div {border-top:min(1px, 0.05vw) solid #222; border-right:min(1px, 0.05vw) solid #222; padding:min(39px, 2.03vw); position:relative; top:0; left:0;} #main_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .title_con {margin:0 0 min(136px, 7.08vw) 0;} #main_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .title_con span {font-size:min(22px, 1.15vw); color:#222; font-weight:600; line-height:130%; letter-spacing:max(-0.44px, -0.02vw);} #main_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .info_con {text-align:right;} #main_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .info_con span {font-size:min(46px, 2.4vw); color:#222; font-weight:700; line-height:120%; letter-spacing:max(-0.92px, -0.05vw);} #main_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div .blank_con {width:min(20px, 1.04vw); height:min(20px, 1.04vw); background-color:#FFF; position:absolute; z-index:10;} #main_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div .blank_con.blank01 {top:max(-1px, -0.05vw); left:max(-1px, -0.05vw);} #main_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div .blank_con.blank02 {top:max(-1px, -0.05vw); right:max(-1px, -0.05vw);} #main_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div .blank_con.blank03 {display:none; bottom:-1px; left:-1px;} #main_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div .blank_con.blank04 {display:none; bottom:-1px; right:-1px;} #main_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li:nth-child(1) .list_div {border-left:min(1px, 0.05vw) solid #222;} #main_con > .info03_con {} #main_con > .info03_con > .contents_con {width:100%; max-width:min(1800px, 93.75vw); margin:0 auto;} #main_con > .info03_con > .contents_con {} #main_con > .info03_con > .contents_con > .slide_con {overflow:hidden; border-radius:min(80px, 4.17vw);} #main_con > .info03_con > .contents_con > .slide_con .swiper {width:100%; margin:0 auto;} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper {} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide {position:relative; top:0; left:0;} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .contents_con {height:min(880px, 45.83vw); padding:min(140px, 7.29vw) min(140px, 7.29vw) min(162px, 8.44vw) min(140px, 7.29vw); position:relative; top:0; left:0; z-index:20;} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con {width:100%; padding:0 min(140px, 7.29vw); position:absolute; top:min(140px, 7.29vw); left:0; z-index:10;} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con > .text01_con {} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con > .text01_con span {font-size:min(20px, 1.04vw); color:rgba(255,255,255,0.70); font-weight:600; line-height:140%; letter-spacing:max(-0.4px, -0.02vw);} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con > .text02_con {margin:min(4px, 0.21vw) 0 0 0;} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con > .text02_con span {font-size:min(50px, 2.6vw); color:#FFF; font-weight:700; line-height:140%; letter-spacing:max(-1px, -0.05vw); word-break:keep-all;} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .contents_con > .info_con {width:100%; padding:0 min(140px, 7.29vw); position:absolute; bottom:min(162px, 8.44vw); left:0; z-index:10;} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .contents_con > .info_con > .text01_con {} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .contents_con > .info_con > .text01_con span {display:inline-block; width:min(200px, 10.42vw); border:min(1px, 0.05vw) solid #FFF; text-align:center; font-size:min(24px, 1.25vw); color:#FFF; font-weight:700; line-height:min(58px, 3.02vw); letter-spacing:max(-0.576px, -0.03vw); overflow:hidden; border-radius:min(60px, 3.13vw);} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .contents_con > .info_con > .text02_con {margin:min(40px, 2.08vw) 0 0 0; word-break:keep-all;} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .contents_con > .info_con > .text02_con span {font-size:min(20px, 1.04vw); color:#FFF; font-weight:300; line-height:160%; letter-spacing:max(-0.4px, -0.02vw);} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide .bg {width:100%; height:100%; margin:0 auto; background-repeat:no-repeat; background-size:cover; background-position:center; position:absolute; top:0; left:0; right:0; z-index:10;} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-pagination {width:100%; margin:0 auto; bottom:min(50px, 2.6vw); left:0; right:0; z-index:10; text-align:center; transition:none;} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-pagination .swiper-pagination-bullet {width:min(12px, 0.63vw); height:min(12px, 0.63vw); background-color:rgba(255,255,255,0.40); margin:0 min(6px, 0.31vw); border-radius:100%; opacity:1;} #main_con > .info03_con > .contents_con > .slide_con .swiper .swiper-pagination .swiper-pagination-bullet-active {background-color:#FFF;} #main_con > .info04_con {} #main_con > .info04_con > .contents_con {width:100%; max-width:min(1520px, 79.17vw); margin:0 auto; padding:min(140px, 7.29vw) 0;} #main_con > .info04_con > .contents_con > .title_con {margin:0 0 min(80px, 4.17vw) 0; text-align:center;} #main_con > .info04_con > .contents_con > .title_con > .text01_con {} #main_con > .info04_con > .contents_con > .title_con > .text01_con span {font-size:min(20px, 1.04vw); color:#B7003A; font-weight:600; line-height:140%; letter-spacing:max(-0.4px, -0.02vw);} #main_con > .info04_con > .contents_con > .title_con > .text02_con {margin:min(4px, 0.21vw) 0 0 0;} #main_con > .info04_con > .contents_con > .title_con > .text02_con span {font-size:min(50px, 2.6vw); color:#000; font-weight:700; line-height:140%; letter-spacing:max(-1px, -0.05vw);} #main_con > .info04_con > .contents_con > .title_con > .text03_con {margin:min(24px, 1.25vw) 0 0 0;} #main_con > .info04_con > .contents_con > .title_con > .text03_con span {font-size:min(22px, 1.15vw); color:#6E6969; font-weight:500; line-height:150%; letter-spacing:max(-0.44px, -0.02vw);} #main_con > .info04_con > .contents_con > .contents_con {} #main_con > .info04_con > .contents_con > .contents_con > .list_con {} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul {} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li {float:left; width:min(360px, 18.75vw); margin:0 0 0 min(40px, 2.085vw); transition:all 0.6s ease;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div {position:relative; top:0; left:0;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .img_con {position:relative; top:0; left:0; z-index:20; overflow:hidden;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .img_con > img {width:100%; overflow:hidden; border-radius:min(40px, 2.08vw); transition:all 0.6s ease;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .img_con > .more_btn {width:min(80px, 4.17vw); background-color:#FFF; border-top:min(10px, 0.52vw) solid #FFF; border-left:min(10px, 0.52vw) solid #FFF; position:absolute; bottom:0; right:0; z-index:10; border-radius:min(20px, 1.04vw) 0 0 0; opacity:1; transition:all 0.6s ease;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .img_con > .more_btn img {width:100%; overflow:hidden; border-radius:min(20px, 1.04vw);} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .img_con > .more_btn .dot {width:min(20px, 1.04vw); height:min(20px, 1.04vw); background-color:transparent; position:absolute; z-index:10; border-radius:50%; box-shadow:min(10px, 0.52vw) min(10px, 0.52vw) 0px #FFF;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .img_con > .more_btn .dot01 {top:max(-30px, -1.56vw); right:0;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .img_con > .more_btn .dot02 {bottom:0; left:max(-30px, -1.56vw);} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .img_con > .title_con {display:none; position:absolute; bottom:30px; left:30px; z-index:10;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .img_con > .title_con span {font-size:22px; color:#FFF; font-weight:700; line-height:140%; letter-spacing:-0.44px;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con {width:min(360px, 18.75vw); height:min(420px, 21.88vw); background-color:#F4F4F4; padding:min(40px, 2.08vw) min(25px, 1.3vw) 134px min(25px, 1.3vw); position:absolute; top:50%; left:0; z-index:10; transform:translateY(-50%); overflow:hidden; border-radius:0 min(30px, 1.56vw) min(30px, 1.56vw) 0; transition:all 0.6s ease;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con {} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con > .title_con {margin:0 0 min(30px, 1.56vw) 0;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con > .title_con span {font-size:min(24px, 1.25vw); color:#222; font-weight:700; line-height:140%; letter-spacing:max(-0.48px, -0.03vw);} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con > .info_con {word-break:keep-all;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con > .info_con span {font-size:min(18px, 0.94vw); color:#6E6969; line-height:150%; letter-spacing:max(-0.36px, -0.02vw);} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con {position:absolute; bottom:min(40px, 2.08vw); left:25px; z-index:10;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con .a_btn {display:inline-block; width:min(180px, 9.38vw); border:min(1px, 0.05vw) solid #222; padding:0 min(23px, 1.2vw); overflow:hidden; border-radius:min(54px, 2.81vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con .a_btn > table {width:100%; margin:0 auto;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con .a_btn > table > tbody > tr > td {height:min(52px, 2.71vw);} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con .a_btn > table > tbody > tr > .text_td {} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con .a_btn > table > tbody > tr > .text_td span {font-size:min(18px, 0.94vw); color:#222; font-weight:600; line-height:140%; letter-spacing:max(-0.36px, -0.02vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con .a_btn > table > tbody > tr > .arrow_td {width:min(10px, 0.52vw);} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con .a_btn > table > tbody > tr > .arrow_td img {width:100%;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con .a_btn > table > tbody > tr > .arrow_td .arrow {position:relative; top:0; left:0;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con .a_btn > table > tbody > tr > .arrow_td .arrow img.over {position:absolute; top:0; left:0; z-index:10; opacity:0; transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con .a_btn:hover {background-color:#222;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con .a_btn:hover > table > tbody > tr > .text_td span {color:#FFF;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .btn_con .a_btn:hover > table > tbody > tr > .arrow_td .arrow img.over {opacity:1;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li.over {width:min(720px, 37.5vw); padding:0 min(360px, 18.75vw) 0 0;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li.over .list_div > .contents_con {left:min(360px, 18.75vw);} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li.over .list_div > .img_con > .more_btn {opacity:0;} #main_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li:first-child {margin:0;} #main_con > .info05_con {} #main_con > .info05_con > .contents_con {width:100%; max-width:min(1800px, 93.75vw); margin:0 auto; background-color:#B7003A; padding:min(80px, 4.17vw); overflow:hidden; border-radius:min(80px, 4.17vw);} #main_con > .info05_con > .contents_con > .title_con {margin:0 0 min(60px, 3.13vw) 0; text-align:center;} #main_con > .info05_con > .contents_con > .title_con > .text01_con {} #main_con > .info05_con > .contents_con > .title_con > .text01_con span {font-size:min(20px, 1.04vw); color:rgba(255,255,255,0.60); font-weight:600; line-height:140%; letter-spacing:max(-0.4px, -0.02vw);} #main_con > .info05_con > .contents_con > .title_con > .text02_con {margin:min(6px, 0.31vw) 0 0 0;} #main_con > .info05_con > .contents_con > .title_con > .text02_con span {font-size:min(40px, 2.08vw); color:#FFF; font-weight:700; line-height:140%; letter-spacing:nax(-0.8px, -0.04vw);} #main_con > .info05_con > .contents_con > .contents_con {text-align:center;} #main_con > .info05_con > .contents_con > .contents_con > .list_con {display:inline-block; position:relative; top:0; left:0; text-align:left;} #main_con > .info05_con > .contents_con > .contents_con > .list_con > ul {position:relative; top:0; left:0; z-index:20;} #main_con > .info05_con > .contents_con > .contents_con > .list_con > ul > li {float:left; width:min(130px, 6.77vw); margin:0 0 0 min(130px, 6.77vw);} #main_con > .info05_con > .contents_con > .contents_con > .list_con > ul > li .list_div {text-align:center;} #main_con > .info05_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .dot_con {} #main_con > .info05_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .dot_con .dot {display:inline-block; padding:min(10px, 0.52vw); margin:0 auto; background-color:transparent; overflow:hidden; border-radius:100%;} #main_con > .info05_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .dot_con .dot div {width:min(30px, 1.56vw); height:min(30px, 1.56vw); background-color:#FFF; overflow:hidden; border-radius:100%;} #main_con > .info05_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .text_con {margin:min(20px, 1.04vw) 0 0 0;} #main_con > .info05_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .text_con > .step_con {} #main_con > .info05_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .text_con > .step_con span {display:inline-block; width:min(82px, 4.27vw); border:min(1px, 0.05vw) solid transparent; background-color:rgba(0,0,0,0.20); text-align:center; font-size:min(18px, 0.94vw); color:#FFF; font-weight:600; line-height:min(30px, 1.56vw); letter-spacing:max(-0.36px, -0.02vw); overflow:hidden; border-radius:min(32px, 1.67vw);} #main_con > .info05_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .text_con > .info_con {margin:min(6px, 0.31vw) 0 0 0;} #main_con > .info05_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .text_con > .info_con > .text01_con {} #main_con > .info05_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .text_con > .info_con > .text01_con span {font-size:min(26px, 1.35vw); color:#FFF; font-weight:600; line-height:120%; letter-spacing:max(-0.52px, -0.03vw);} #main_con > .info05_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .text_con > .info_con > .text02_con {margin:min(6px, 0.31vw) 0 0 0;} #main_con > .info05_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .text_con > .info_con > .text02_con span {font-size:min(18px, 0.94vw); color:rgba(255,255,255,0.70); line-height:130%; letter-spacing:max(-0.36px, -0.02vw);} #main_con > .info05_con > .contents_con > .contents_con > .list_con > ul > li .list_div.on {} #main_con > .info05_con > .contents_con > .contents_con > .list_con > ul > li .list_div.on > .dot_con .dot {background-color:rgba(255,255,255,0.20);} #main_con > .info05_con > .contents_con > .contents_con > .list_con > ul > li .list_div.on > .text_con > .step_con span {border:min(1px, 0.05vw) solid #FFF; background-color:transparent;} #main_con > .info05_con > .contents_con > .contents_con > .list_con > ul > li:first-child {margin:0;} #main_con > .info05_con > .contents_con > .contents_con > .list_con > .line {width:100%; max-width:min(780px, 40.63vw); height:min(6px, 0.31vw); margin:0 auto; background-color:rgba(255,255,255,0.40); position:absolute; top:min(22px, 1.15vw); left:0; right:0; z-index:10; overflow:hidden; border-radius:min(6px, 0.31vw);} #main_con > .info05_con > .contents_con > .contents_con > .list_con > .line .bar {width:10%; height:100%; background-color:#FFF; position:absolute; top:0; left:0; z-index:10; overflow:hidden; border-radius:min(6px, 0.31vw);} #main_con > .info06_con {background-image:url("/img/main/main_info06_con_bg.png"); background-repeat:no-repeat; background-size:min(1545px, 80.47vw); background-position:left bottom min(140px, 7.29vw);} #main_con > .info06_con > .contents_con {width:100%; max-width:min(1800px, 93.75vw); margin:0 auto; padding:min(140px, 7.29vw) 0 min(348px, 18.13vw) min(140px, 7.29vw); position:relative; top:0; left:0;} #main_con > .info06_con > .contents_con:after {content:""; display:block; clear:both;} #main_con > .info06_con > .contents_con > .title_con {float:left; height:min(340px, 17.71vw);} #main_con > .info06_con > .contents_con > .title_con > .text_con {} #main_con > .info06_con > .contents_con > .title_con > .text_con > .text01_con {} #main_con > .info06_con > .contents_con > .title_con > .text_con > .text01_con span {font-size:min(20px, 1.04vw); color:#B7003A; font-weight:600; line-height:140%; letter-spacing:max(-0.4px, -0.02vw);} #main_con > .info06_con > .contents_con > .title_con > .text_con > .text02_con {margin:min(4px, 0.21vw) 0 0 0;} #main_con > .info06_con > .contents_con > .title_con > .text_con > .text02_con span {font-size:min(50px, 2.6vw); color:#222; font-weight:700; line-height:140%; letter-spacing:max(-1px, -0.05vw);} #main_con > .info06_con > .contents_con > .contents_con {float:right; width:min(1280px, 66.67vw);} #main_con > .info06_con > .contents_con > .contents_con > .slide_con {} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper {width:100%; margin:0 auto; position:relative; top:0; left:0;} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .swiper-wrapper {} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide {width:min(400px, 20.83vw); margin:0 min(40px, 2.09vw) 0 0;} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a {display:block;} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div {border-top:min(1px, 0.05vw) solid #222; padding:min(20px, 1.04vw) 0 0 0;} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con {} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text01_con {} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text01_con > ul {} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text01_con > ul > li {float:left;} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text01_con > ul > li span {font-size:min(18px, 0.94vw); font-weight:700; line-height:min(23px, 1.2vw); letter-spacing:max(-0.36px, -0.02vw);} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text01_con > ul > li span.text01 {color:#999;} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text01_con > ul > li span.text02 {color:#B7003A;} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text01_con > ul > .bar_li {width:min(22px, 1.15vw); text-align:center;} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text01_con > ul > .bar_li span {font-size:min(12px, 0.63vw); color:#E5E5E5;} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text02_con {margin:min(10px, 0.52vw) 0 0 0;} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text02_con span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:min(22px, 1.15vw); color:#222; font-weight:600; line-height:130%; letter-spacing:max(-0.44px, -0.02vw);} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .img_con {background-color:#BDBDBD; background-repeat:no-repeat; background-size:cover; background-position:center; margin:min(20px, 1.04vw) 0 0 0; overflow:hidden; border-radius:min(30px, 1.56vw);} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .img_con img {width:100%;} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .pn_btn {display:none; width:min(24px, 1.25vw); position:absolute; bottom:min(85px, 4.43vw); z-index:10;} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .pn_btn img {width:100%; cursor:pointer;} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .pn_btn.prev {left:0;} #main_con > .info06_con > .contents_con > .contents_con > .slide_con .swiper .pn_btn.next {right:0;} #main_con > .info06_con > .contents_con > .contents_con > .btn_con {position:absolute; bottom:min(414px, 21.56vw); left:min(140px, 7.29vw); z-index:10;} #main_con > .info06_con > .contents_con > .contents_con > .btn_con .a_btn {display:inline-block; width:min(180px, 9.38vw); border:min(1px, 0.05vw) solid #222; padding:0 min(23px, 1.2vw); overflow:hidden; border-radius:min(54px, 2.81vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} #main_con > .info06_con > .contents_con > .contents_con > .btn_con .a_btn > table {width:100%; margin:0 auto;} #main_con > .info06_con > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > td {height:min(52px, 2.71vw);} #main_con > .info06_con > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .text_td {} #main_con > .info06_con > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .text_td span {font-size:min(18px, 0.94vw); color:#222; font-weight:600; line-height:140%; letter-spacing:max(-0.36px, -0.02vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} #main_con > .info06_con > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .arrow_td {width:min(10px, 0.52vw);} #main_con > .info06_con > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .arrow_td img {width:100%;} #main_con > .info06_con > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .arrow_td .arrow {position:relative; top:0; left:0;} #main_con > .info06_con > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .arrow_td .arrow img.over {position:absolute; top:0; left:0; z-index:10; opacity:0; transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} #main_con > .info06_con > .contents_con > .contents_con > .btn_con .a_btn:hover {background-color:#222;} #main_con > .info06_con > .contents_con > .contents_con > .btn_con .a_btn:hover > table > tbody > tr > .text_td span {color:#FFF;} #main_con > .info06_con > .contents_con > .contents_con > .btn_con .a_btn:hover > table > tbody > tr > .arrow_td .arrow img.over {opacity:1;} #main_con > .info07_con {background-color:#F4F4F4;} #main_con > .info07_con > .contents_con {width:100%; max-width:min(1520px, 79.17vw); margin:0 auto; padding:min(120px, 6.25vw) 0;} #main_con > .info07_con > .contents_con > .title_con {margin:0 0 min(60px, 3.13vw) 0; position:relative; top:0; left:0;} #main_con > .info07_con > .contents_con > .title_con > .text_con {} #main_con > .info07_con > .contents_con > .title_con > .text_con > .text01_con {} #main_con > .info07_con > .contents_con > .title_con > .text_con > .text01_con span {font-size:min(20px, 1.04vw); color:#B7003A; font-weight:600; line-height:140%; letter-spacing:max(-0.4px, -0.02vw);} #main_con > .info07_con > .contents_con > .title_con > .text_con > .text02_con {margin:min(4px, 0.21vw) 0 0 0;} #main_con > .info07_con > .contents_con > .title_con > .text_con > .text02_con span {font-size:min(50px, 2.6vw); color:#222; font-weight:700; line-height:140%; letter-spacing:max(-1px, -0.05vw);} #main_con > .info07_con > .contents_con > .title_con > .btn_con {position:absolute; bottom:0; right:0; z-index:10;} #main_con > .info07_con > .contents_con > .title_con > .btn_con .a_btn {display:inline-block; width:min(200px, 10.42vw); border:min(1px, 0.05vw) solid #222; background-color:#FFF; text-align:center; overflow:hidden; border-radius:min(54px, 2.81vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} #main_con > .info07_con > .contents_con > .title_con > .btn_con .a_btn > img {width:min(26px, 1.35vw); margin:0 min(4px, 2.08vw) 0 0; vertical-align:middle;} #main_con > .info07_con > .contents_con > .title_con > .btn_con .a_btn > span {font-size:min(18px, 0.94vw); color:#222; font-weight:600; line-height:min(52px, 2.71vw); letter-spacing:max(-0.36px, -0.02vw); vertical-align:middle; transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} #main_con > .info07_con > .contents_con > .title_con > .btn_con .a_btn:hover {background-color:#222;} #main_con > .info07_con > .contents_con > .title_con > .btn_con .a_btn:hover > span {color:#FFF;} #main_con > .info07_con > .contents_con > .contents_con {} #main_con > .info07_con > .contents_con > .contents_con:after {content:""; display:block; clear:both;} #main_con > .info07_con > .contents_con > .contents_con > .video_con {float:left; width:min(888px, 46.25vw);} #main_con > .info07_con > .contents_con > .contents_con > .video_con > .contents_con {background-color:#FFF; position:relative; padding-bottom:56.25%; height:0; overflow:hidden; border-radius:min(30px, 1.56vw);} #main_con > .info07_con > .contents_con > .contents_con > .video_con > .contents_con iframe {position:absolute; top:0; left:0; width:100%; height:100%;} #main_con > .info07_con > .contents_con > .contents_con > .video_con > .text_con {margin:min(30px, 1.56vw) 0 0 0;} #main_con > .info07_con > .contents_con > .contents_con > .video_con > .text_con > .date_con {} #main_con > .info07_con > .contents_con > .contents_con > .video_con > .text_con > .date_con span {font-size:min(18px, 0.94vw); color:#555; font-weight:500; line-height:140%; letter-spacing:max(-0.36px, -0.02vw);} #main_con > .info07_con > .contents_con > .contents_con > .video_con > .text_con > .title_con {margin:min(10px, 0.52vw) 0 0 0;} #main_con > .info07_con > .contents_con > .contents_con > .video_con > .text_con > .title_con span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:min(28px, 1.46vw); color:#222; font-weight:700; line-height:140%; letter-spacing:max(-0.56px, -0.03vw);} #main_con > .info07_con > .contents_con > .contents_con > .list_con {float:right; width:min(572px, 29.79vw); height:min(604px, 31.46vw); padding:0 min(40px, 2.08vw) 0 0; overflow-y:auto;} #main_con > .info07_con > .contents_con > .contents_con > .list_con::-webkit-scrollbar-track {background-color:#CCC; border-radius:min(6px, 0.31vw);} #main_con > .info07_con > .contents_con > .contents_con > .list_con::-webkit-scrollbar {width:min(6px, 0.31vw); background-color:#CCC; border-radius:min(6px, 0.31vw);} #main_con > .info07_con > .contents_con > .contents_con > .list_con::-webkit-scrollbar-thumb {background-color:#B7003A; border-radius:min(6px, 0.31vw);} #main_con > .info07_con > .contents_con > .contents_con > .list_con > ul {} #main_con > .info07_con > .contents_con > .contents_con > .list_con > ul > li {border-top:min(1px, 0.05vw) solid rgba(204,204,204,0.87); margin:min(20px, 1.04vw) 0 0 0; padding:min(20px, 1.04vw) 0 0 0;} #main_con > .info07_con > .contents_con > .contents_con > .list_con > ul > li .list_div {cursor:pointer;} #main_con > .info07_con > .contents_con > .contents_con > .list_con > ul > li .list_div > table {width:100%; margin:0 auto; table-layout:fixed;} #main_con > .info07_con > .contents_con > .contents_con > .list_con > ul > li .list_div > table > tbody > tr > td {} #main_con > .info07_con > .contents_con > .contents_con > .list_con > ul > li .list_div > table > tbody > tr > .img_td {width:min(240px, 12.5vw);} #main_con > .info07_con > .contents_con > .contents_con > .list_con > ul > li .list_div > table > tbody > tr > .img_td .img_con {background-color:#FFF; background-repeat:no-repeat; background-size:cover; background-position:center; overflow:hidden; border-radius:min(20px, 1.04vw);} #main_con > .info07_con > .contents_con > .contents_con > .list_con > ul > li .list_div > table > tbody > tr > .img_td .img_con img {width:100%;} #main_con > .info07_con > .contents_con > .contents_con > .list_con > ul > li .list_div > table > tbody > tr > .text_td {padding:0 0 0 min(20px, 1.04vw);} #main_con > .info07_con > .contents_con > .contents_con > .list_con > ul > li .list_div > table > tbody > tr > .text_td span {display:block; height:min(75px, 3.9vw); white-space:normal; overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-size:min(18px, 0.94vw); color:#222; line-height:min(25px, 1.3vw); letter-spacing:max(-0.36px, -0.02vw);} #main_con > .info07_con > .contents_con > .contents_con > .list_con > ul > li:first-child {border-top:0; margin:0; padding:0;} #main_con > .info08_con {} #main_con > .info08_con > .contents_con {width:100%; max-width:min(1520px, 79.17vw); margin:0 auto; padding:min(120px, 6.25vw) 0;} #main_con > .info08_con > .contents_con > .title_con {margin:0 0 min(60px, 3.13vw) 0; text-align:center;} #main_con > .info08_con > .contents_con > .title_con > .text01_con {} #main_con > .info08_con > .contents_con > .title_con > .text01_con span {font-size:min(20px, 1.04vw); color:#B7003A; font-weight:600; line-height:140%; letter-spacing:max(-0.4px, -0.02vw);} #main_con > .info08_con > .contents_con > .title_con > .text02_con {margin:min(4px, 0.21vw) 0 0 0;} #main_con > .info08_con > .contents_con > .title_con > .text02_con span {font-size:min(50px, 2.6vw); color:#222; font-weight:700; line-height:140%; letter-spacing:max(-1px, -0.05vw);} #main_con > .info08_con > .contents_con > .contents_con {} #main_con > .info08_con > .contents_con > .contents_con > .list_con {width:100%; max-width:min(1000px, 52.08vw); margin:0 auto;} #main_con > .info08_con > .contents_con > .contents_con > .list_con > ul {} #main_con > .info08_con > .contents_con > .contents_con > .list_con > ul > li {margin:min(24px, 1.25vw) 0 0 0;} #main_con > .info08_con > .contents_con > .contents_con > .list_con > ul > li .list_div {background-color:#F4F4F4; padding:min(30px, 1.56vw) min(40px, 2.08vw); overflow:hidden; border-radius:min(20px, 1.04vw); cursor:pointer;} #main_con > .info08_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .q_con {} #main_con > .info08_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .q_con > table {width:100%; margin:0 auto;} #main_con > .info08_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .q_con > table > tbody > tr > td {} #main_con > .info08_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .q_con > table > tbody > tr > td span {font-size:min(20px, 1.04vw); font-weight:700; line-height:130%;} #main_con > .info08_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .q_con > table > tbody > tr > .icon_td {width:min(16px, 1.04vw);} #main_con > .info08_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .q_con > table > tbody > tr > .icon_td span {color:#999;} #main_con > .info08_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .q_con > table > tbody > tr > .title_td {padding:0 min(20px, 1.04vw);} #main_con > .info08_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .q_con > table > tbody > tr > .title_td span {color:#222;} #main_con > .info08_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .q_con > table > tbody > tr > .arrow_td {width:min(16px, 0.83vw);} #main_con > .info08_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .q_con > table > tbody > tr > .arrow_td img {width:100%;} #main_con > .info08_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .a_con {display:none; padding:min(20px, 1.04vw) 0 0 min(36px, 1.88vw);} #main_con > .info08_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .a_con span {font-size:min(16px, 0.83vw); color:#444; line-height:150%; letter-spacing:max(-0.64px, -0.03vw);} #main_con > .info08_con > .contents_con > .contents_con > .list_con > ul > li:first-child {margin:0;} #main_con > .info08_con > .contents_con > .contents_con > .list_con > ul > li .list_div.on {background-color:rgba(183,0,58,0.04);} #main_con > .info08_con > .contents_con > .contents_con > .list_con > ul > li .list_div.on > .q_con > table > tbody > tr > .icon_td span {color:#B7003A;} #main_con > .info08_con > .contents_con > .contents_con > .btn_con {margin:min(60px, 3.13vw) 0 0 0; text-align:center;} #main_con > .info08_con > .contents_con > .contents_con > .btn_con .a_btn {display:inline-block; width:min(180px, 9.38vw); border:min(1px, 0.05vw) solid #222; padding:0 min(23px, 1.2vw); overflow:hidden; border-radius:min(54px, 2.81vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} #main_con > .info08_con > .contents_con > .contents_con > .btn_con .a_btn > table {width:100%; margin:0 auto;} #main_con > .info08_con > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > td {height:min(52px, 2.71vw);} #main_con > .info08_con > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .text_td {} #main_con > .info08_con > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .text_td span {font-size:min(18px, 0.94vw); color:#222; font-weight:600; line-height:140%; letter-spacing:max(-0.36px, -0.02vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} #main_con > .info08_con > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .arrow_td {width:min(10px, 0.52vw);} #main_con > .info08_con > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .arrow_td img {width:100%;} #main_con > .info08_con > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .arrow_td .arrow {position:relative; top:0; left:0;} #main_con > .info08_con > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .arrow_td .arrow img.over {position:absolute; top:0; left:0; z-index:10; opacity:0; transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} #main_con > .info08_con > .contents_con > .contents_con > .btn_con .a_btn:hover {background-color:#222;} #main_con > .info08_con > .contents_con > .contents_con > .btn_con .a_btn:hover > table > tbody > tr > .text_td span {color:#FFF;} #main_con > .info08_con > .contents_con > .contents_con > .btn_con .a_btn:hover > table > tbody > tr > .arrow_td .arrow img.over {opacity:1;} #main_con > .info09_con {} #main_con > .info09_con > .contents_con {width:100%; max-width:min(1800px, 93.75vw); margin:0 auto;} #main_con > .info09_con > .contents_con > .banner_con {background-image:url("/img/main/main_info09_con_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center; overflow:hidden; border-radius:min(60px, 3.13vw);} #main_con > .info09_con > .contents_con > .banner_con > .contents_con {width:100%; max-width:min(1440px, 75vw); margin:0 auto; padding:min(69px, 3.59vw) 0;} #main_con > .info09_con > .contents_con > .banner_con > .contents_con > .title_con {text-align:center;} #main_con > .info09_con > .contents_con > .banner_con > .contents_con > .title_con > .text01_con {} #main_con > .info09_con > .contents_con > .banner_con > .contents_con > .title_con > .text01_con span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:600; line-height:140%; letter-spacing:max(-0.36px, -0.02vw);} #main_con > .info09_con > .contents_con > .banner_con > .contents_con > .title_con > .text02_con {margin:min(10px, 0.52vw) 0 0 0;} #main_con > .info09_con > .contents_con > .banner_con > .contents_con > .title_con > .text02_con span {font-size:min(40px, 2.08vw); color:#FFF; font-weight:700; line-height:130%; letter-spacing:max(-0.8px, -0.04vw);} #main_con > .info09_con > .contents_con > .banner_con > .contents_con > .btn_con {margin:min(40px, 2.08vw) 0 0 0; text-align:center;} #main_con > .info09_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con {display:inline-block; text-align:left;} #main_con > .info09_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul {} #main_con > .info09_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li {float:left; width:min(180px, 9.38vw); margin:0 0 0 min(20px, 1.04vw);} #main_con > .info09_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li .a_btn {display:block; border:min(1px, 0.05vw) solid #FFF; padding:0 min(23px, 1.2vw); overflow:hidden; border-radius:min(54px, 2.81vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} #main_con > .info09_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table {width:100%; margin:0 auto;} #main_con > .info09_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > td {height:min(52px, 2.71vw);} #main_con > .info09_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > .text_td {} #main_con > .info09_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > .text_td span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:600; line-height:140%; letter-spacing:max(-0.36px, -0.02vw);} #main_con > .info09_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > .arrow_td {width:min(10px, 0.52vw);} #main_con > .info09_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > .arrow_td img {width:100%;} #main_con > .info09_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li .a_btn:hover {border:1px solid #B7003A; background-color:#B7003A;} #main_con > .info09_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li:first-child {margin:0;} /*메인페이지 모션*/ #main_con.motion .ani-up {opacity:0;} #main_con.motion > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .text_con {opacity:1;} #main_con.motion > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .text_con .line, .ani-split .line {display:inline-block; overflow:hidden;} #main_con.motion > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .btn_con > .contents_con > ul > li {opacity:0;} #main_con.motion > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .btn_con .a_btn .text_td .line {display:inline-block; overflow:hidden;} #main_con.motion > .info01_con > .slide_con .swiper:not(.swiper-initialized) .swiper-slide:not(:first-child) {opacity:0; visibility:hidden;} #main_con.motion > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide .bg {transform:scale(1.2); will-change:transform;} #main_con.motion > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide[data-swiper-slide-index="0"] .bg {transform:scale(1.2);} #main_con.motion > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide[data-swiper-slide-index="1"] .bg {transform:scale(1);} #main_con.motion > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide[data-swiper-slide-index="0"].swiper-slide-active .bg {animation:info01BgZoomOut 6s ease-out forwards;} #main_con.motion > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide[data-swiper-slide-index="1"].swiper-slide-active .bg {animation:info01BgZoomIn 6s ease-out forwards;} #main_con.motion > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide[data-swiper-slide-index="0"].swiper-slide-prev .bg {transform:scale(1);} #main_con.motion > .info01_con > .slide_con .swiper .swiper-wrapper .swiper-slide[data-swiper-slide-index="1"].swiper-slide-prev .bg {transform:scale(1.2);} #main_con.motion > .info01_con > .slide_con .swiper > .scroll_con.w_con .a_btn > img {animation:scrollIndicatorBounce 1.5s ease-in-out infinite;} #main_con.motion .ani-split {opacity:0;} .ani-rotate-random {display:inline-block; white-space:nowrap;} .ani-rotate-random .slot-col {display:inline-block; height: 1em; line-height:1; overflow:hidden; vertical-align:-0.12em;} .ani-rotate-random .slot-strip {display:block; will-change:transform;} .ani-rotate-random .slot-digit {display:block; height:1em; line-height:1; text-align:center;} #main_con.motion > .info03_con {position:sticky; top:0; z-index:1; padding:min(70px, 3.65vw) 0;} #main_con.motion > .info03_con > .contents_con > .slide_con {will-change:clip-path;} #main_con.motion > .info03_con > .contents_con > .slide_con .swiper-slide {width:100%;} #main_con.motion > .info04_con {position:relative; z-index:2; background-color:#FFF;} #main_con.motion .ani-split {opacity:0;} /*푸터*/ #footer {width:100%; margin:0 auto; background-color:#222; padding:min(80px, 4.17vw) 0; position:relative; top:0; left:0; z-index:30;} #footer > .contents_con {width:100%; max-width:min(1520px, 79.17vw); margin:0 auto;} #footer > .contents_con > .nav.w_con {border-bottom:min(1px, 0.05vw) solid rgba(255,255,255,0.30); margin:0 0 min(60px, 3.13vw) 0; padding:0 0 min(40px, 2.08vw) 0;} #footer > .contents_con > .nav.w_con > ul > li {position:relative; float:left; margin:0 0 0 min(60px, 3.13vw);} #footer > .contents_con > .nav.w_con > ul > li a {font-size:min(18px, 0.94vw); color:#FFF; font-weight:700; line-height:140%; letter-spacing:max(-0.432px, -0.02vw);} #footer > .contents_con > .nav.w_con > ul > li a::after {content:""; position:absolute; left:0; bottom:-10%; width:0%; height:2px; background-color:#fff; transition:all 0.3s ease-in-out;} #footer > .contents_con > .nav.w_con > ul > li a:hover::after {width:100%;} #footer > .contents_con > .nav.w_con > ul > li:first-child {margin:0;} #footer > .contents_con > .contents_con {position:relative; top:0; left:0;} #footer > .contents_con > .contents_con:after {content:""; display:block; clear:both;} #footer > .contents_con > .contents_con > .info01_con {float:left;} #footer > .contents_con > .contents_con > .info01_con > .logo_con {} #footer > .contents_con > .contents_con > .info01_con > .logo_con img {width:min(204px, 10.63vw);} #footer > .contents_con > .contents_con > .info01_con > .sns_con {position:absolute; bottom:0; right:0; z-index:10;} #footer > .contents_con > .contents_con > .info01_con > .sns_con > ul {} #footer > .contents_con > .contents_con > .info01_con > .sns_con > ul > li {float:left; width:min(54px, 2.81vw); margin:0 0 0 min(12px, 0.63vw);} #footer > .contents_con > .contents_con > .info01_con > .sns_con > ul > li a {display:block;} #footer > .contents_con > .contents_con > .info01_con > .sns_con > ul > li a img {width:100%;} #footer > .contents_con > .contents_con > .info01_con > .sns_con > ul > li:first-child {margin:0;} #footer > .contents_con > .contents_con > .info02_con {float:left; margin:0 0 0 min(80px, 4.17vw);} #footer > .contents_con > .contents_con > .info02_con > .text_con {} #footer > .contents_con > .contents_con > .info02_con > .text_con .text_div {margin:min(10px, 0.52vw) 0 0 0;} #footer > .contents_con > .contents_con > .info02_con > .text_con .text_div > ul {} #footer > .contents_con > .contents_con > .info02_con > .text_con .text_div > ul > li {float:left; margin:0 0 0 min(30px, 1.56vw);} #footer > .contents_con > .contents_con > .info02_con > .text_con .text_div > ul > li span {font-size:min(16px, 0.83vw); color:rgba(255,255,255,0.80); line-height:130%;} #footer > .contents_con > .contents_con > .info02_con > .text_con .text_div > ul > li:nth-child(1) {margin:0;} #footer > .contents_con > .contents_con > .info02_con > .text_con .text_div:first-child {margin:0;} #footer > .contents_con > .contents_con > .info02_con > .terms_con {margin:min(40px, 2.08vw) 0 0 0;} #footer > .contents_con > .contents_con > .info02_con > .terms_con > ul {} #footer > .contents_con > .contents_con > .info02_con > .terms_con > ul > li {float:left; width:min(180px, 9.38vw); margin:0 0 0 min(10px, 0.52vw);} #footer > .contents_con > .contents_con > .info02_con > .terms_con > ul > li .a_btn {display:block; border:min(1px, 0.05vw) solid #FFF; padding:0 min(19px, 0.99vw); overflow:hidden; border-radius:min(50px, 2.6vw); transition:all 0.3s ease-in-out;} #footer > .contents_con > .contents_con > .info02_con > .terms_con > ul > li .a_btn:hover {background-color:#fff;} #footer > .contents_con > .contents_con > .info02_con > .terms_con > ul > li .a_btn > table {width:100%; margin:0 auto;} #footer > .contents_con > .contents_con > .info02_con > .terms_con > ul > li .a_btn > table > tbody > tr > td {height:min(48px, 2.5vw);} #footer > .contents_con > .contents_con > .info02_con > .terms_con > ul > li .a_btn > table > tbody > tr > .text_td {} #footer > .contents_con > .contents_con > .info02_con > .terms_con > ul > li .a_btn > table > tbody > tr > .text_td span {font-size:min(16px, 0.83vw); color:#FFF; font-weight:500; line-height:140%; letter-spacing:max(-0.384px, -0.02vw); transition:all 0.3s ease-in-out;} #footer > .contents_con > .contents_con > .info02_con > .terms_con > ul > li .a_btn:hover > table > tbody > tr > .text_td span {color:#222;} #footer > .contents_con > .contents_con > .info02_con > .terms_con > ul > li .a_btn > table > tbody > tr > .arrow_td {width:min(20px, 1.04vw);} #footer > .contents_con > .contents_con > .info02_con > .terms_con > ul > li .a_btn > table > tbody > tr > .arrow_td img {width:100%;} #footer > .contents_con > .contents_con > .info02_con > .terms_con > ul > li .a_btn:hover > table > tbody > tr > .arrow_td img {filter:brightness(0);} #footer > .contents_con > .contents_con > .info02_con > .terms_con > ul > li:first-child {margin:0;} #footer > .right_quick {width:min(100px, 5.21vw); position:fixed; bottom:min(30px, 1.56vw); right:min(30px, 1.56vw); z-index:10;} #footer > .right_quick > .list_con {} #footer > .right_quick > .list_con > ul {} #footer > .right_quick > .list_con > ul > li {margin:min(10px, 0.52vw) 0 0 0;} #footer > .right_quick > .list_con > ul > li .a_btn {display:block; height:min(100px, 5.21vw); position:relative; top:0; left:0; overflow:hidden; border-radius:100%; box-shadow:0 0 min(8px, 0.42vw) 0 rgba(0,0,0,0.08);} #footer > .right_quick > .list_con > ul > li .a_btn > .list_div {width:100%; margin:0 auto; text-align:center; position:absolute; top:50%; left:0; right:0; z-index:10; transform:translateY(-50%);} #footer > .right_quick > .list_con > ul > li .a_btn > .list_div > .icon_con {} #footer > .right_quick > .list_con > ul > li .a_btn > .list_div > .icon_con img {width:min(26px, 1.35vw);} #footer > .right_quick > .list_con > ul > li .a_btn > .list_div > .text_con {margin:min(6px, 0.31vw) 0 0 0;} #footer > .right_quick > .list_con > ul > li .a_btn > .list_div > .text_con span {font-size:min(17px, 0.89vw); font-weight:600; line-height:140%; letter-spacing:max(-0.34px, -0.02vw); transition:all 0.3s ease-in-out;} #footer > .right_quick > .list_con > ul > li .a_btn01 {background-color:#FAE100; transition:all 0.3s ease-in-out;} #footer > .right_quick > .list_con > ul > li .a_btn01:hover {background-color:#B7003A;} #footer > .right_quick > .list_con > ul > li .a_btn01 > .list_div > .text_con span {color:#222;} #footer > .right_quick > .list_con > ul > li .a_btn01:hover > .list_div > .text_con span {color:#fff;} #footer > .right_quick > .list_con > ul > li .a_btn01:hover > .list_div > .icon_con img {content:url("/img/main/right_quick_list_btn_icon01_w.svg");} #footer > .right_quick > .list_con > ul > li .a_btn02 {background-color:#999; transition:all 0.3s ease-in-out;} #footer > .right_quick > .list_con > ul > li .a_btn02:hover {background-color:#B7003A;} #footer > .right_quick > .list_con > ul > li .a_btn02 > .list_div > .text_con span {color:#FFF;} #footer > .right_quick > .list_con > ul > li .a_btn02:hover > .list_div > .icon_con img {content:url("/img/main/right_quick_list_btn_icon02_w.svg");} #footer > .right_quick > .list_con > ul > li .a_btn03 {background-color:#222; transition:all 0.3s ease-in-out;} #footer > .right_quick > .list_con > ul > li .a_btn03:hover {background-color:#B7003A;} #footer > .right_quick > .list_con > ul > li .a_btn03 > .list_div > .text_con span {color:#FFF;} #footer > .right_quick > .list_con > ul > li:first-child {margin:0;} #footer > .right_quick > .top_btn {margin:min(10px, 0.52vw) 0 0 0;} #footer > .right_quick > .top_btn .a_btn {display:block; height:min(100px, 5.21vw); border:min(1px, 0.05vw) solid #DDD; background-color:#FFF; position:relative; top:0; left:0; overflow:hidden; border-radius:100%; box-shadow:0 0 min(8px, 0.42vw) 0 rgba(0,0,0,0.08);} #footer > .right_quick > .top_btn .a_btn > img {width:min(21px, 1.09vw); position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%, -50%);} #footer.quick_stop {} #footer.quick_stop > .right_quick {position:absolute; bottom:initial; top:max(-460px, -23.96vw);} /*약관 팝업*/ .terms_popup_con_bg {display:none; width:100%; height:100%; margin:0 auto; background-color:rgba(0,0,0,0.5); position:fixed; top:0; left:0; right:0; z-index:200;} .terms_popup_con {display:none; width:100%; max-width:min(700px, 36.46vw); margin:0 auto; background-color:#FFF; position:fixed; top:50%; left:0; right:0; z-index:300; transform:translateY(-50%);} .terms_popup_con > .contents_con {padding:min(30px, 1.56vw); position:relative; top:0; left:0;} .terms_popup_con > .contents_con > .title_con {margin:0 0 min(30px, 1.56vw) 0; text-align:center;} .terms_popup_con > .contents_con > .title_con span {font-size:min(30px, 1.56vw); color:#121212; font-weight:700; line-height:130%;} .terms_popup_con > .contents_con > .posts_con {border-top:min(1px, 0.05vw) solid #121212; border-bottom:min(1px, 0.05vw) solid #E8E8E8; padding:min(10px, 0.52vw);} .terms_popup_con > .contents_con > .posts_con > .scroll_con {height:min(450px, 23.44vw); padding:min(10px, 0.52vw); overflow-y:auto;} .terms_popup_con > .contents_con > .posts_con > .scroll_con::-webkit-scrollbar-track {background-color:transparent;} .terms_popup_con > .contents_con > .posts_con > .scroll_con::-webkit-scrollbar {width:min(5px, 0.26vw); background-color:transparent;} .terms_popup_con > .contents_con > .posts_con > .scroll_con::-webkit-scrollbar-thumb {background-color:#B7003A; border-radius:min(5px, 0.26vw);} .terms_popup_con > .contents_con > .posts_con > .scroll_con > .contents_con {} .terms_popup_con > .contents_con > .close_btn {width:min(40px, 2.08vw); margin:0 auto; position:absolute; top:min(10px, 0.52vw); right:min(10px, 0.52vw); z-index:10;} .terms_popup_con > .contents_con > .close_btn .a_btn {display:block; background-color:#121212; overflow:hidden; border-radius:100%;} .terms_popup_con > .contents_con > .close_btn .a_btn > img {width:100%;} /*서브 컨텐츠*/ #sub_con {} #sub_con > .banner_con {height:min(600px, 31.25vw); background-repeat:no-repeat; background-size:cover; background-position:center; padding:min(248px, 12.92vw) 0 0 0;} #sub_con > .banner_con > .contents_con {width:100%; max-width:min(1440px, 75vw); margin:0 auto;} #sub_con > .banner_con > .contents_con > .title_con {text-align:center; overflow:hidden;} #sub_con > .banner_con > .contents_con > .title_con span {font-size:min(50px, 2.6vw); color:#FFF; font-weight:700; line-height:130%;} #sub_con > .banner_con > .contents_con > .nav {margin:min(40px, 2.08vw) 0 0 0; text-align:center;} #sub_con > .banner_con > .contents_con > .nav > .list_con {display:inline-block; padding:min(8px, 0.42vw); background-color:rgba(255,255,255,0.30); text-align:left; overflow:hidden; border-radius:min(63px, 3.28vw); backdrop-filter:blur(2px);} #sub_con > .banner_con > .contents_con > .nav > .list_con > ul {} #sub_con > .banner_con > .contents_con > .nav > .list_con > ul > li {float:left;} #sub_con > .banner_con > .contents_con > .nav > .list_con > ul > li a {display:block; padding:0 min(30px, 1.56vw); font-size:min(18px, 0.94vw); color:#FFF; font-weight:500; line-height:min(47px, 2.45vw); overflow:hidden; border-radius:min(47px, 2.45vw);} #sub_con > .banner_con > .contents_con > .nav > .list_con > ul > li a.on {background-color:#B7003A; font-weight:700;} #sub_con > .banner_con.introduce {background-image:url("/img/introduce/introduce_sub_banner_con_bg.png");} #sub_con > .banner_con.product {background-image:url("/img/product/product_sub_banner_con_bg.png");} #sub_con > .banner_con.install {background-image:url("/img/install/install_sub_banner_con_bg.png");} #sub_con > .banner_con.service {background-image:url("/img/service/service_sub_banner_con_bg.png");} #sub_con > .banner_con.customer {background-image:url("/img/customer/customer_sub_banner_con_bg.png");} #sub_con > .banner_con.counsel {background-image:url("/img/counsel/counsel_sub_banner_con_bg.png");} #sub_con > .contents_con {width:100%; max-width:min(1440px, 75vw); margin:0 auto; padding:min(140px, 7.29vw) 0 min(180px, 9.38vw) 0;} #sub_con > .contents_con.width_100 {max-width:100%;} #sub_con > .contents_con.pt_0 {padding-top:0;} #sub_con > .contents_con.pb_0 {padding-bottom:0;} /*회사소개*/ .introduce_sub01_con {} .introduce_sub01_con > .info01_con {} .introduce_sub01_con > .info01_con > .contents_con {width:100%; max-width:min(1440px, 75vw); margin:0 auto;} .introduce_sub01_con > .info01_con > .contents_con > .banner_con {background-color:rgba(0,0,0,0.20); background-image:url("/img/introduce/introduce_sub01_info01_banner_con_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center; padding:min(131px, 6.82vw) 0; overflow:hidden; border-radius:min(50px, 2.6vw);} .introduce_sub01_con > .info01_con > .contents_con > .banner_con > .text_con {text-align:center;} .introduce_sub01_con > .info01_con > .contents_con > .banner_con > .text_con span {display:inline-block; padding:0 0 0 min(19px, 0.99vw); font-size:min(24px, 1.25vw); color:#FFF; font-weight:700; line-height:160%; letter-spacing:min(19px, 0.99vw);} .introduce_sub01_con > .info01_con > .contents_con > .text_con {margin:min(80px, 4.17vw) 0 0 0;} .introduce_sub01_con > .info01_con > .contents_con > .text_con:after {content:""; display:block; clear:both;} .introduce_sub01_con > .info01_con > .contents_con > .text_con > .title_con {float:left;} .introduce_sub01_con > .info01_con > .contents_con > .text_con > .title_con > .text01_con {} .introduce_sub01_con > .info01_con > .contents_con > .text_con > .title_con > .text01_con span {font-size:min(22px, 1.15vw); color:#B7003A; font-weight:700; line-height:140%; letter-spacing:max(-0.44px, -0.02vw);} .introduce_sub01_con > .info01_con > .contents_con > .text_con > .title_con > .text02_con {margin:min(10px, 0.52vw) 0 0 0;} .introduce_sub01_con > .info01_con > .contents_con > .text_con > .title_con > .text02_con span {font-size:min(56px, 2.92vw); color:#222; font-weight:700; line-height:140%; letter-spacing:max(-1.12px, -0.06vw);} .introduce_sub01_con > .info01_con > .contents_con > .text_con > .info_con {float:right; width:min(880px, 45.83vw); word-break:keep-all;} .introduce_sub01_con > .info01_con > .contents_con > .text_con > .info_con p {margin:min(20px, 1.04vw) 0 0 0; font-size:min(24px, 1.25vw); color:#6E6969; line-height:160%; letter-spacing:max(-0.48px, -0.03vw);} .introduce_sub01_con > .info01_con > .contents_con > .text_con > .info_con p:first-child {margin:0;} .introduce_sub01_con > .info02_con {background-color:#F4F4F4; margin:min(120px, 6.25vw) 0 0 0;} .introduce_sub01_con > .info02_con > .contents_con {padding:min(120px, 6.25vw) 0;} .introduce_sub01_con > .info02_con > .contents_con > .title_con {width:100%; max-width:min(1440px, 75vw); margin:0 auto; margin-bottom:min(80px, 4.17vw); text-align:center;} .introduce_sub01_con > .info02_con > .contents_con > .title_con span {font-size:min(50px, 2.6vw); color:#222; line-height:140%; letter-spacing:max(-1px, -0.05vw);} .introduce_sub01_con > .info02_con > .contents_con > .title_con span .color_text {font-weight:700;} .introduce_sub01_con > .info02_con > .contents_con > .contents_con {position:relative; top:0; left:0;} .introduce_sub01_con > .info02_con > .contents_con > .contents_con > .list_con {width:min(1140px, 59.38vw); margin:0 auto; position:relative; top:0; left:0; z-index:20;} .introduce_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul {} .introduce_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li {float:left; width:min(400px, 20.83vw); margin:0 0 0 max(-30px, -1.56vw);} .introduce_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div {height:min(400px, 20.83vw); border:min(1px, 0.05vw) solid #DDD; background-color:#FFF; position:relative; top:0; left:0; overflow:hidden; border-radius:100%;} .introduce_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con {width:100%; margin:0 auto; text-align:center; position:absolute; top:50%; left:0; right:0; z-index:10; transform:translateY(-50%);} .introduce_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .icon_con {} .introduce_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .icon_con img {width:min(50px, 2.6vw);} .introduce_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con {margin:min(40px, 2.08vw) 0 0 0;} .introduce_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con > .title_con {margin:0 0 min(40px, 2.08vw) 0;} .introduce_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con > .title_con span {font-size:min(32px, 1.67vw); color:#222; font-weight:700; line-height:120%; letter-spacing:max(-0.64px, -0.03vw);} .introduce_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con > .info_con {} .introduce_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con > .info_con span {font-size:min(22px, 1.15vw); color:#555; line-height:160%; letter-spacing:max(-0.44px, -0.02vw);} .introduce_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li:first-child {margin:0;} .introduce_sub01_con > .info02_con > .contents_con > .contents_con > .line.w_con {width:100%; height:min(1px, 0.05vw); margin:0 auto; background-color:#D9D9D9; position:absolute; top:50%; left:0; right:0; z-index:10; transform:translateY(-50%);} .introduce_sub01_con > .info03_con {background-image:url("/img/introduce/introduce_sub01_info03_con_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center;} .introduce_sub01_con > .info03_con > .contents_con {width:100%; max-width:min(1440px, 75vw); margin:0 auto; padding:min(107px, 5.57vw) 0;} .introduce_sub01_con > .info03_con > .contents_con > .title_con {margin:0 0 min(40px, 2.08vw) 0; text-align:center;} .introduce_sub01_con > .info03_con > .contents_con > .title_con span {font-size:min(50px, 2.6vw); color:#FFF; font-weight:700; line-height:120%; letter-spacing:max(-1px, -0.05vw);} .introduce_sub01_con > .info03_con > .contents_con > .contents_con {} .introduce_sub01_con > .info03_con > .contents_con > .contents_con > .text_con {text-align:center; word-break:keep-all;} .introduce_sub01_con > .info03_con > .contents_con > .contents_con > .text_con span {font-size:min(22px, 1.15vw); color:#FFF; line-height:160%; letter-spacing:max(-0.44px, -0.02vw);} .introduce_sub01_con > .info03_con > .contents_con > .contents_con > .line {height:min(120px, 6.25vw); margin:min(40px, 2.08vw) 0; position:relative; top:0; left:0;} .introduce_sub01_con > .info03_con > .contents_con > .contents_con > .line div {height:100%; border-left:min(1px, 0.05vw) dashed rgba(255,255,255,0.60); position:absolute; top:0; left:50%; z-index:10; transform:translateX(-50%);} .introduce_sub01_con > .info03_con > .contents_con > .contents_con > .list_con {} .introduce_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul {} .introduce_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul > li {float:left; width:min(345px, 17.97vw); margin:0 0 0 min(20px, 1.04vw);} .introduce_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul > li .list_div {border-top:min(2px, 0.1vw) solid #FFF; border-bottom:min(2px, 0.1vw) solid #FFF; background-color:rgba(255,255,255,0.20); padding:min(43px, 2.24vw) 0; text-align:center; overflow:hidden; border-radius:min(20px, 1.04vw); backdrop-filter:blur(10px);} .introduce_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .title_con {margin:0 0 min(10px, 0.52vw) 0;} .introduce_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .title_con span {font-size:min(24px, 1.25vw); color:rgba(255,255,255,0.50); line-height:130%; letter-spacing:max(-0.48px, -0.03vw);} .introduce_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .info_con {} .introduce_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .info_con span {font-size:min(40px, 2.08vw); color:#FFF; font-weight:700; line-height:130%; letter-spacing:max(-0.8px, -0.04vw);} .introduce_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .info_con span .color_text {color:rgba(255,255,255,0.50);} .introduce_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul > li:nth-child(1) {margin-left:0;} .introduce_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .info_con span .slot-col {display:inline-block; overflow:hidden; height:1em;} .introduce_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .info_con span .slot-strip {display:flex; flex-direction:column;} .introduce_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .info_con span .slot-digit {display:block; height:1em; line-height:1em;} .introduce_sub01_con > .info04_con {margin:min(120px, 6.25vw) 0 0 0;} .introduce_sub01_con > .info04_con > .contents_con {width:100%; max-width:min(1440px, 75vw); margin:0 auto;} .introduce_sub01_con > .info04_con > .contents_con:after {content:""; display:block; clear:both;} .introduce_sub01_con > .info04_con > .contents_con > .title_con {float:left;} .introduce_sub01_con > .info04_con > .contents_con > .title_con span {font-size:min(50px, 2.6vw); color:#121212; font-weight:600; line-height:130%; letter-spacing:max(-1px, -0.05vw);} .introduce_sub01_con > .info04_con > .contents_con > .contents_con {float:right;} .introduce_sub01_con > .info04_con > .contents_con > .contents_con > .text_con {} .introduce_sub01_con > .info04_con > .contents_con > .contents_con > .text_con span {font-size:min(22px, 1.15vw); color:#6E6969; line-height:160%; letter-spacing:max(-0.44px, -0.02vw);} .introduce_sub01_con > .info04_con > .contents_con > .contents_con > .list_con {margin:min(60px, 3.13vw) 0 0 0;} .introduce_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul {} .introduce_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li {float:left; width:min(220px, 11.46vw); margin:0 0 0 min(20px, 1.04vw);} .introduce_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div {padding:min(30px, 1.56vw); overflow:hidden; border-radius:min(12px, 0.63vw);} .introduce_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .icon_con {text-align:right;} .introduce_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .icon_con img {width:min(58px, 3.02vw);} .introduce_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .text_con {margin:min(69px, 3.59vw) 0 0 0;} .introduce_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .text_con span {font-size:min(24px, 1.25vw); color:#FFF; font-weight:700; line-height:130%; letter-spacing:max(-0.48px, -0.03vw);} .introduce_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div.bg01 {background-color:#999;} .introduce_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div.bg02 {background-color:#B7003A;} .introduce_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div.bg03 {background-color:#000;} .introduce_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li:first-child {margin:0;} /*회사 연혁*/ .introduce_sub02_con {background-image:url("/img/introduce/introduce_sub02_con_bg.png"); background-repeat:no-repeat; background-size:min(700px, 36.46vw); background-position:top center;} .introduce_sub02_con > .contents_con {padding:min(80px, 4.17vw) 0 0 0;} .introduce_sub02_con > .contents_con > .title_con {width:100%; max-width:min(1200px, 62.5vw); margin:0 auto; margin-bottom:min(180px, 9.38vw);} .introduce_sub02_con > .contents_con > .title_con span {display:block; margin:min(10px, 0.52vw) 0 0 0; text-align:right; font-size:min(80px, 4.17vw); color:#222; font-weight:500; line-height:130%; letter-spacing:max(-1.6px, -0.08vw); font-family:"Montserrat", sans-serif;} .introduce_sub02_con > .contents_con > .title_con span .color_text01 {display:inline; color:#B7003A; font-weight:700;} .introduce_sub02_con > .contents_con > .title_con span .color_text02 {display:inline; font-weight:700;} .introduce_sub02_con > .contents_con > .title_con span:first-child {margin:0; text-align:left;} .introduce_sub02_con > .contents_con > .contents_con {} .introduce_sub02_con > .contents_con > .contents_con > .history_con {background-color:rgba(237,237,237,0.60); padding:min(140px, 7.29vw); overflow:hidden; border-radius:min(100px, 5.21vw); backdrop-filter:blur(2px);} .introduce_sub02_con > .contents_con > .contents_con > .history_con:after {content:""; display:block; clear:both;} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .title_con {float:left;} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .title_con > .text01_con {} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .title_con > .text01_con span {font-size:min(22px, 1.15vw); color:#B7003A; font-weight:600; line-height:130%; letter-spacing:max(-0.44px, -0.02vw);} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .title_con > .text02_con {margin:min(10px, 0.52vw) 0 0 0;} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .title_con > .text02_con span {font-size:min(50px, 2.6vw); color:#000; font-weight:700; line-height:130%; letter-spacing:max(-1px, -0.05vw);} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con {float:right; width:min(681px, 35.47vw);} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con {} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul {} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li {padding:0 0 min(100px, 5.21vw) 0; position:relative; top:0; left:0;} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table {width:100%; margin:0 auto;} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table > tbody > tr > td {vertical-align:top;} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table > tbody > tr > .dot_td {width:min(150px, 7.81vw);} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table > tbody > tr > .dot_td .dot {width:min(50px, 2.6vw); border:min(12px, 0.63vw) solid rgba(183,0,58,0.12); position:relative; top:0; left:0; z-index:20; overflow:hidden; border-radius:100%;} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table > tbody > tr > .dot_td .dot div {width:min(26px, 1.35vw); height:min(26px, 1.35vw); background-color:#B7003A; overflow:hidden; border-radius:100%;} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table > tbody > tr > .dot_td .line {width:min(4px, 0.21vw); height:100%; background-color:#D5D5D5; position:absolute; top:min(25px, 1.3vw); left:min(23px, 1.2vw); z-index:10;} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table > tbody > tr > .year_td {width:min(169px, 8.8vw);} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table > tbody > tr > .year_td span {font-size:min(44px, 2.29vw); color:#B7003A; font-weight:700; line-height:min(44px, 2.29vw); letter-spacing:max(-0.88px, -0.05vw); font-family:"Montserrat", sans-serif;} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table > tbody > tr > .info_td {} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table > tbody > tr > .info_td > .year_con.m_con {margin:0 0 20px 0;} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table > tbody > tr > .info_td > .year_con.m_con span {font-size:32px; color:#B7003A; font-weight:700; line-height:32px; letter-spacing:-0.64px; font-family:"Montserrat", sans-serif;} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table > tbody > tr > .info_td > .info_con {} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table > tbody > tr > .info_td > .info_con > ul {} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table > tbody > tr > .info_td > .info_con > ul > li {margin:min(20px, 1.04vw) 0 0 0;} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table > tbody > tr > .info_td > .info_con > ul > li > table {width:100%; margin:0 auto;} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table > tbody > tr > .info_td > .info_con > ul > li > table > tbody > tr > td {} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table > tbody > tr > .info_td > .info_con > ul > li > table > tbody > tr > td span {font-size:min(20px, 1.04vw); color:#222; line-height:min(24px, 1.25vw); letter-spacing:max(-0.4px, -0.02vw);} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table > tbody > tr > .info_td > .info_con > ul > li > table > tbody > tr > .dot_td {width:min(16px, 0.83vw);} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table > tbody > tr > .info_td > .info_con > ul > li > table > tbody > tr > .dot_td span {color:#999; font-weight:900;} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li > table > tbody > tr > .info_td > .info_con > ul > li:first-child {margin:0;} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li:last-child {padding:0;} .introduce_sub02_con > .contents_con > .contents_con > .history_con > .contents_con > .list_con > ul > li:last-child > table > tbody > tr > .dot_td .line {display:none;} /*오시는 길*/ .introduce_sub03_con {} .introduce_sub03_con > .info01_con {} .introduce_sub03_con > .info01_con > .contents_con {width:100%; max-width:min(1440px, 75vw); margin:0 auto;} .introduce_sub03_con > .info01_con > .contents_con > .location_con {} .introduce_sub03_con > .info01_con > .contents_con > .location_con:after {content:""; display:block; clear:both;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .map_con {float:left; width:min(900px, 46.88vw); position:relative; padding-bottom:41.7%; height:0;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .map_con iframe {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#F4F4F4; overflow:hidden; border-radius:min(40px, 2.08vw);} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con {float:right; width:min(520px, 27.08vw); background-color:#F4F4F4; padding:min(100px, 5.21vw) min(40px, 2.08vw) min(40px, 2.08vw) min(40px, 2.08vw); overflow:hidden; border-radius:min(40px, 2.08vw);} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con {} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .text_con {} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .text_con > .title_con {border-bottom:min(1px, 0.05vw) solid #CCC; margin:0 0 min(30px, 1.56vw) 0; padding:0 0 min(30px, 1.56vw) 0;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .text_con > .title_con > .text01_con {} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .text_con > .title_con > .text01_con span {font-size:min(22px, 1.15vw); color:#B7003A; font-weight:600; line-height:130%; letter-spacing:nax(-0.44px, -0.02vw);} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .text_con > .title_con > .text02_con {margin:min(10px, 0.52vw) 0 0 0;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .text_con > .title_con > .text02_con span {font-size:min(50px, 2.6vw); color:#000; font-weight:700; line-height:130%; letter-spacing:max(-1px, -0.05vw);} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .text_con > .info_con {} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .text_con > .info_con > ul {} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .text_con > .info_con > ul > li {margin:min(12px, 0.63vw) 0 0 0;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .text_con > .info_con > ul > li > table {width:100%; margin:0 auto;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .text_con > .info_con > ul > li > table > tbody > tr > td {vertical-align:top;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .text_con > .info_con > ul > li > table > tbody > tr > .icon_td {width:min(16px, 0.83vw); padding:min(1px, 0.05vw) 0;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .text_con > .info_con > ul > li > table > tbody > tr > .icon_td img {width:100%;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .text_con > .info_con > ul > li > table > tbody > tr > .text_td {padding:0 0 0 min(16px, 0.83vw);} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .text_con > .info_con > ul > li > table > tbody > tr > .text_td span {font-size:min(18px, 0.94vw); color:#555; font-weight:500; line-height:min(22px, 1.15vw);} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .text_con > .info_con > ul > li:first-child {margin:0;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con {margin:min(122px, 6.35vw) 0 0 0;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con > ul {} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con > ul > li {float:left; width:min(140px, 7.29vw); margin:0 0 0 min(10px, 0.52vw);} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con > ul > li .a_btn {display:block; border:min(1px, 0.05vw) solid #222; background-color:#FFF; padding:0 min(16px, 0.83vw); overflow:hidden; border-radius:min(50px, 2.6vw); transition:all 0.3s ease;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con > ul > li .a_btn > table {margin:0 auto;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con > ul > li .a_btn > table > tbody > tr > td {height:min(48px, 2.5vw);} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con > ul > li .a_btn > table > tbody > tr > .icon_td {width:min(20px, 1.04vw);} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con > ul > li .a_btn > table > tbody > tr > .icon_td > img.hover {display:none;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con > ul > li .a_btn > table > tbody > tr > .text_td {padding:0 0 0 min(6px, 0.31vw);} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con > ul > li .a_btn > table > tbody > tr > .text_td span {font-size:min(17px, 0.89vw); color:#222; font-weight:500; line-height:120%; transition:all 0.3s ease;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con > ul > li:nth-child(1) {margin-left:0;} @media (hover:hover) { .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con > ul > li:nth-child(1):hover .a_btn {border:1px solid #2DB400; background:#2DB400;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con > ul > li:nth-child(1):hover .a_btn > table > tbody > tr > .icon_td > img {display:none;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con > ul > li:nth-child(1):hover .a_btn > table > tbody > tr > .icon_td > img.hover {display:block;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con > ul > li:nth-child(1):hover .a_btn > table > tbody > tr > .text_td span {color:#FFF;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con > ul > li:nth-child(2):hover .a_btn {border:1px solid #3E82F1; background:#3E82F1;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con > ul > li:nth-child(2):hover .a_btn > table > tbody > tr > .icon_td > img {display:none;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con > ul > li:nth-child(2):hover .a_btn > table > tbody > tr > .icon_td > img.hover {display:block;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con > ul > li:nth-child(2):hover .a_btn > table > tbody > tr > .text_td span {color:#FFF;} .introduce_sub03_con > .info01_con > .contents_con > .location_con > .info_con > .btn_con > ul > li:nth-child(3):hover .a_btn {border:1px solid #FAE100; background:#FAE100;} } .introduce_sub03_con > .info01_con > .contents_con > .way_con {} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul {} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li {border-bottom:min(1px, 0.05vw) solid #DDD;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div {padding:min(40px, 2.08vw) min(80px, 4.17vw);} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table {width:100%; margin:0 auto;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > td {} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .title_td {width:min(240px, 12.5vw);} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .title_td span {font-size:min(24px, 1.25vw); color:#222; font-weight:600; line-height:130%;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td {} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .title_con.m_con {margin:0 0 min(12px, 0.63vw) 0;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .title_con.m_con span {font-size:min(20px, 1.04vw); color:#222; font-weight:600; line-height:130%;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con {} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con span {font-size:min(18px, 0.94vw); color:#222; line-height:130%;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .car_con {} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .subway_con {} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .subway_con:after {content:""; display:block; clear:both;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .subway_con > .line_con {float:left; margin:0 min(8px, 0.42vw) 0 0;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .subway_con > .line_con:after {content:""; display:block; clear:both;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .subway_con > .line_con .line_btn {float:left; display:block; width:min(52px, 2.71vw); margin:0 0 0 min(2px, 0.1vw); text-align:center; font-size:min(15px, 0.78vw); color:#fff; font-weight:700; line-height:min(23px, 1.2vw); overflow:hidden; border-radius:min(23px, 1.2vw);} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .subway_con > .line_con .line_btn.line_2 {background-color:#009944;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .subway_con > .line_con .line_btn.line_4 {background-color:#00A4E3;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .subway_con > .line_con .line_btn:first-child {margin:0;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .subway_con > .info_con {float:left;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .subway_con > .info_con span {line-height:min(23px, 1.2vw);} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .bus_con {} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .bus_con > .station_con {} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .bus_con > .station_con span {font-weight:600;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .bus_con > .info_con {} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .bus_con > .info_con > ul {} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .bus_con > .info_con > ul > li {float:left; margin:min(10px, 0.52vw) min(20px, 1.04vw) 0 0;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .bus_con > .info_con > ul > li > table {width:100%; margin:0 auto;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .bus_con > .info_con > ul > li > table > tbody > tr > td {vertical-align:top;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .bus_con > .info_con > ul > li > table > tbody > tr > .type_td {width:min(42px, 2.19vw);} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .bus_con > .info_con > ul > li > table > tbody > tr > .type_td .type_btn {display:block; text-align:center; font-size:min(15px, 0.78vw); color:#fff; font-weight:700; line-height:min(23px, 1.2vw); overflow:hidden; border-radius:min(23px, 1.2vw);} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .bus_con > .info_con > ul > li > table > tbody > tr > .type_td .type_btn.type01 {background-color:#0068B7;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .bus_con > .info_con > ul > li > table > tbody > tr > .type_td .type_btn.type02 {background-color:#53B332;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .bus_con > .info_con > ul > li > table > tbody > tr > .type_td .type_btn.type03 {background-color:#E60012;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .bus_con > .info_con > ul > li > table > tbody > tr > .type_td .type_btn.type04 {background-color:#00864C;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .bus_con > .info_con > ul > li > table > tbody > tr > .type_td .type_btn.type05 {background-color:#3D5BAB;} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .bus_con > .info_con > ul > li > table > tbody > tr > .info_td {padding:0 0 0 min(8px, 0.42vw);} .introduce_sub03_con > .info01_con > .contents_con > .way_con > ul > li .list_div > table > tbody > tr > .info_td > .info_con .bus_con > .info_con > ul > li > table > tbody > tr > .info_td span {line-height:min(23px, 1.2vw);} .introduce_sub03_con > .info02_con {background-image:url("/img/introduce/introduce_sub03_info02_con_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center; margin:min(140px, 7.29vw) 0 0 0;} .introduce_sub03_con > .info02_con > .contents_con {width:100%; max-width:min(1440px, 75vw); margin:0 auto; padding:min(100px, 5.21vw) 0;} .introduce_sub03_con > .info02_con > .contents_con:after {content:""; display:block; clear:both;} .introduce_sub03_con > .info02_con > .contents_con > .title_con {float:left; padding:min(33px, 1.72vw) 0 0 0;} .introduce_sub03_con > .info02_con > .contents_con > .title_con > .text_con {} .introduce_sub03_con > .info02_con > .contents_con > .title_con > .text_con span {font-size:min(50px, 2.6vw); color:#FFF; font-weight:700; line-height:140%; letter-spacing:max(-1px, -0.05vw);} .introduce_sub03_con > .info02_con > .contents_con > .title_con > .btn_con {margin:min(40px, 2.08vw) 0 0 0;} .introduce_sub03_con > .info02_con > .contents_con > .title_con > .btn_con > ul {} .introduce_sub03_con > .info02_con > .contents_con > .title_con > .btn_con > ul > li {float:left; width:min(180px, 9.38vw); margin:0 0 0 min(20px, 1.04vw);} .introduce_sub03_con > .info02_con > .contents_con > .title_con > .btn_con > ul > li .a_btn {display:block; border:min(1px, 0.05vw) solid #FFF; padding:0 min(23px, 1.2vw); overflow:hidden; border-radius:min(54px, 2.81vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} .introduce_sub03_con > .info02_con > .contents_con > .title_con > .btn_con > ul > li .a_btn > table {width:100%; margin:0 auto;} .introduce_sub03_con > .info02_con > .contents_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > td {height:min(52px, 2.71vw);} .introduce_sub03_con > .info02_con > .contents_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .text_td {} .introduce_sub03_con > .info02_con > .contents_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .text_td span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:600; line-height:140%; letter-spacing:max(-0.36px, -0.02vw);} .introduce_sub03_con > .info02_con > .contents_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .arrow_td {width:min(10px, 0.52vw);} .introduce_sub03_con > .info02_con > .contents_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .arrow_td img {width:100%;} .introduce_sub03_con > .info02_con > .contents_con > .title_con > .btn_con > ul > li .a_btn:hover {border:min(1px, 0.05vw) solid #B7003A; background-color:#B7003A;} .introduce_sub03_con > .info02_con > .contents_con > .title_con > .btn_con > ul > li:first-child {margin:0;} .introduce_sub03_con > .info02_con > .contents_con > .contents_con {float:right;} .introduce_sub03_con > .info02_con > .contents_con > .contents_con > .list_con {} .introduce_sub03_con > .info02_con > .contents_con > .contents_con > .list_con > ul {} .introduce_sub03_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li {float:left; width:min(240px, 12.5vw); margin:0 0 0 min(20px, 1.04vw);} .introduce_sub03_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div {border-top:min(1px, 0.05vw) solid rgba(255,255,255,0.30); border-bottom:min(1px, 0.05vw) solid rgba(255,255,255,0.30); background-color:rgba(255,255,255,0.20); padding:min(69px, 3.59vw) 0; overflow:hidden; border-radius:min(20px, 1.04vw); backdrop-filter:blur(10px);} .introduce_sub03_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > table {width:100%; margin:0 auto;} .introduce_sub03_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > table > tbody > tr > td {} .introduce_sub03_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > table > tbody > tr > .icon_td {display:none; width:min(48px, 2.5vw);} .introduce_sub03_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > table > tbody > tr > .icon_td img {width:100%;} .introduce_sub03_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td {text-align:center;} .introduce_sub03_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .icon_con.w_con {margin:0 0 min(30px, 1.56vw) 0;} .introduce_sub03_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .icon_con.w_con img {width:min(64px, 3.33vw);} .introduce_sub03_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .text_con {} .introduce_sub03_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .text_con span {font-size:min(24px, 1.25vw); color:#FFF; font-weight:600; line-height:140%; letter-spacing:max(-0.48px, -0.03vw);} .introduce_sub03_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li:first-child {margin:0;} /*제품 리스트*/ .product_list_con {} .product_list_con > .list_con {} .product_list_con > .list_con > ul {} .product_list_con > .list_con > ul > li {margin:min(40px, 2.08vw) 0 0 0;} .product_list_con > .list_con > ul > li .list_div {background-color:#F4F4F4; padding:min(40px, 2.08vw); overflow:hidden; border-radius:min(30px, 1.56vw); cursor:pointer;} .product_list_con > .list_con > ul > li .list_div > table {width:100%; margin:0 auto; table-layout:fixed;} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > td {} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > td .img_con {background-color:#FFF; background-repeat:no-repeat; background-size:cover; background-position:center; overflow:hidden; border-radius:min(30px, 1.56vw);} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > td .img_con > img {width:100%;} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .img_td {width:min(540px, 28.13vw);} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .img_td .image_con {position:relative; top:0; left:0; overflow:hidden; border-radius:min(30px, 1.56vw);} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .img_td .image_con > img {width:100%;} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .img_td .image_con > .img_con {overflow:visible; border-radius:0; position:absolute; top:0; left:0; z-index:10; transition:transform .45s cubic-bezier(.22,.61,.36,1);} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td {padding:0 0 0 min(80px, 4.17vw);} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .img_con.m_con {margin:0 0 min(30px, 1.56vw) 0;} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con {} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .text_con {} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .text_con > .title_con {} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .text_con > .title_con > .text01_con {} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .text_con > .title_con > .text01_con > ul {} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .text_con > .title_con > .text01_con > ul > li {float:left; margin:0 0 0 min(6px, 0.31vw);} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .text_con > .title_con > .text01_con > ul > li .span_btn {display:inline-block; padding:0 min(16px, 0.83vw); font-size:min(16px, 0.83vw); color:#FFF; font-weight:600; line-height:min(30px, 1.56vw); letter-spacing:max(-0.32px, -0.02vw); overflow:hidden; border-radius:min(30px, 1.56vw);} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .text_con > .title_con > .text01_con > ul > li .span_btn01 {background-color:#999;} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .text_con > .title_con > .text01_con > ul > li .span_btn02 {background-color:#B7003A;} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .text_con > .title_con > .text01_con > ul > li:first-child {margin:0;} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .text_con > .title_con > .text02_con {margin:min(12px, 0.63vw) 0 0 0;} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .text_con > .title_con > .text02_con span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:min(32px, 1.67vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.64px, -0.03vw);} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .text_con > .bar_con {margin:min(30px, 1.56vw) 0;} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .text_con > .bar_con .bar {width:min(40px, 2.08vw); height:min(1px, 0.05vw); background-color:#222;} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .text_con > .info_con {word-break:keep-all;} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .text_con > .info_con span { /*display:block; height:min(81px, 4.23vw); white-space:normal; overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;*/ font-size:min(18px, 0.94vw); color:#55504D; line-height:min(27px, 1.41vw); letter-spacing:max(-0.36px, -0.02vw);} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .btn_con {margin:min(58px, 3.02vw) 0 0 0; text-align:right;} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .btn_con > .contents_con {display:inline-block; text-align:left;} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .btn_con > .contents_con > ul {} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .btn_con > .contents_con > ul > li {float:left; width:min(180px, 9.38vw); margin:0 0 0 min(20px, 1.04vw);} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .btn_con > .contents_con > ul > li .a_btn {display:block; border:min(1px, 0.05vw) solid #222; padding:0 min(23px, 1.2vw); overflow:hidden; border-radius:min(54px, 2.81vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table {width:100%; margin:0 auto;} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > td {height:min(52px, 2.71vw);} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > .text_td {} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > .text_td span {font-size:min(18px, 0.94vw); color:#222; font-weight:600; line-height:140%; letter-spacing:max(-0.36px, -0.94vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > .arrow_td {width:min(10px, 0.52vw);} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > .arrow_td img {width:100%;} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > .arrow_td .arrow {position:relative; top:0; left:0;} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > .arrow_td .arrow img.over {position:absolute; top:0; left:0; z-index:10; opacity:0; transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .btn_con > .contents_con > ul > li .a_btn:hover {background-color:#222;} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .btn_con > .contents_con > ul > li .a_btn:hover > table > tbody > tr > .text_td span {color:#FFF;} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .btn_con > .contents_con > ul > li .a_btn:hover > table > tbody > tr > .arrow_td .arrow img.over {opacity:1;} .product_list_con > .list_con > ul > li .list_div > table > tbody > tr > .info_td > .contents_con > .btn_con > .contents_con > ul > li:first-child {margin:0;} .product_list_con > .list_con > ul > .none_li {text-align:center;} .product_list_con > .list_con > ul > .none_li span {font-size:min(18px, 0.94vw); color:#333; font-weight:500; line-height:min(500px, 26.04vw); letter-spacing:max(-0.36px, -0.02vw);} .product_list_con > .list_con > ul > li:first-child {margin:0;} .product_list_con > .list_con > ul > li:hover .list_div > table > tbody > tr > .img_td .image_con > .img_con {transform:scale(1.06);} /*제품 상세*/ .product_view_con {width:100%; max-width:min(1200px, 62.5vw); margin:0 auto;} .product_view_con > .contents_con {} .product_view_con > .contents_con > .slide_con {} .product_view_con > .contents_con > .slide_con .swiper {width:100%; margin:0 auto; padding:0 0 min(52px, 2.71vw) 0; position:relative; top:0; left:0;} .product_view_con > .contents_con > .slide_con .swiper .swiper-wrapper {} .product_view_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide {} .product_view_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .img_con {background-color:#D9D9D9; background-repeat:no-repeat; background-size:cover; background-position:center; overflow:hidden; border-radius:min(30px, 1.56vw);} .product_view_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > .img_con img {width:100%;} .product_view_con > .contents_con > .slide_con .swiper .pn_btn {display:none; width:min(28px, 1.46vw); padding:0 0 min(52px, 2.71vw) 0; position:absolute; top:50%; z-index:10; transform:translateY(-50%);} .product_view_con > .contents_con > .slide_con .swiper .pn_btn img {width:100%; cursor:pointer;} .product_view_con > .contents_con > .slide_con .swiper .pn_btn.prev {left:min(40px, 2.08vw);} .product_view_con > .contents_con > .slide_con .swiper .pn_btn.next {right:min(40px, 2.08vw);} .product_view_con > .contents_con > .slide_con .swiper .swiper-pagination {width:100%; margin:0 auto; bottom:0; left:0; right:0; z-index:10; text-align:center; transition:none;} .product_view_con > .contents_con > .slide_con .swiper .swiper-pagination .swiper-pagination-bullet {width:min(12px, 0.63vw); height:min(12px, 0.63vw); background-color:rgba(34,34,34,0.20); margin:0 min(6px, 0.31vw); border-radius:100%; opacity:1;} .product_view_con > .contents_con > .slide_con .swiper .swiper-pagination .swiper-pagination-bullet-active {background-color:#222;} .product_view_con > .contents_con > .text_con {margin:min(100px, 5.21vw) 0 0 0;} .product_view_con > .contents_con > .text_con > .title_con {margin:0 0 min(40px, 2.08vw) 0; padding:0 min(400px, 20.83vw) 0 0; position:relative; top:0; left:0;} .product_view_con > .contents_con > .text_con > .title_con > .text_con {} .product_view_con > .contents_con > .text_con > .title_con > .text_con > .text01_con {} .product_view_con > .contents_con > .text_con > .title_con > .text_con > .text01_con > ul {} .product_view_con > .contents_con > .text_con > .title_con > .text_con > .text01_con > ul > li {float:left;} .product_view_con > .contents_con > .text_con > .title_con > .text_con > .text01_con > ul > li span {font-size:min(30px, 1.56vw); font-weight:700; line-height:min(39px, 2.03vw); letter-spacing:-0.6px;} .product_view_con > .contents_con > .text_con > .title_con > .text_con > .text01_con > ul > li span.text01 {color:#999;} .product_view_con > .contents_con > .text_con > .title_con > .text_con > .text01_con > ul > li span.text02 {color:#B7003A;} .product_view_con > .contents_con > .text_con > .title_con > .text_con > .text01_con > ul > .bar_li {width:min(31px, 1.61vw); text-align:center;} .product_view_con > .contents_con > .text_con > .title_con > .text_con > .text01_con > ul > .bar_li span {font-size:min(20px, 1.04vw); color:#E5E5E5;} .product_view_con > .contents_con > .text_con > .title_con > .text_con > .text02_con {margin:min(10px, 0.52vw) 0 0 0;} .product_view_con > .contents_con > .text_con > .title_con > .text_con > .text02_con span {font-size:min(50px, 2.6vw); color:#222; font-weight:600; line-height:130%; letter-spacing:max(-1px, -0.05vw);} .product_view_con > .contents_con > .text_con > .title_con > .btn_con {position:absolute; bottom:0; right:0; z-index:10;} .product_view_con > .contents_con > .text_con > .title_con > .btn_con > ul {} .product_view_con > .contents_con > .text_con > .title_con > .btn_con > ul > li {float:left; width:min(180px, 9.38vw); margin:0 0 0 min(20px, 1.04vw);} .product_view_con > .contents_con > .text_con > .title_con > .btn_con > ul > li .a_btn {display:block; border:min(1px, 0.05vw) solid #222; padding:0 min(23px, 1.2vw); overflow:hidden; border-radius:min(54px, 2.81vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} .product_view_con > .contents_con > .text_con > .title_con > .btn_con > ul > li .a_btn > table {width:100%; margin:0 auto;} .product_view_con > .contents_con > .text_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > td {height:min(52px, 2.71vw);} .product_view_con > .contents_con > .text_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .text_td {} .product_view_con > .contents_con > .text_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .text_td span {font-size:min(18px, 0.94vw); color:#222; font-weight:600; line-height:140%; letter-spacing:max(-0.36px, -0.02vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} .product_view_con > .contents_con > .text_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .arrow_td {width:min(10px, 0.52vw);} .product_view_con > .contents_con > .text_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .arrow_td img {width:100%;} .product_view_con > .contents_con > .text_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .arrow_td .arrow {position:relative; top:0; left:0;} .product_view_con > .contents_con > .text_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .arrow_td .arrow img.over {position:absolute; top:0; left:0; z-index:10; opacity:0; transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} .product_view_con > .contents_con > .text_con > .title_con > .btn_con > ul > li .a_btn:hover {background-color:#222;} .product_view_con > .contents_con > .text_con > .title_con > .btn_con > ul > li .a_btn:hover > table > tbody > tr > .text_td span {color:#FFF;} .product_view_con > .contents_con > .text_con > .title_con > .btn_con > ul > li .a_btn:hover > table > tbody > tr > .arrow_td .arrow img.over {opacity:1;} .product_view_con > .contents_con > .text_con > .title_con > .btn_con > ul > li:first-child {margin:0;} .product_view_con > .contents_con > .text_con > .info_con {border-top:min(1px, 0.05vw) solid #DDD; border-bottom:min(1px, 0.05vw) solid #DDD; padding:min(60px, 3.13vw) 0;} .product_view_con > .contents_con > .text_con > .info_con > ul {} .product_view_con > .contents_con > .text_con > .info_con > ul > li {margin:min(80px, 4.17vw) 0 0 0;} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div {} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .title_con {margin:0 0 min(20px, 1.04vw) 0;} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .title_con span {font-size:min(30px, 1.56vw); color:#222; font-weight:600; line-height:120%; letter-spacing:max(-0.6px, -0.03vw);} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con {} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .feature_con {} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .feature_con > ul {} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .feature_con > ul > li {float:left; width:min(285px, 14.845vw); margin:min(20px, 1.04vw) min(20px, 1.04vw) 0 0;} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .feature_con > ul > li .list_div {background-color:#F4F4F4; padding:min(30px, 1.56vw); text-align:center; overflow:hidden; border-radius:min(30px, 1.56vw);} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .feature_con > ul > li .list_div > .icon_con {} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .feature_con > ul > li .list_div > .icon_con img {width:min(42px, 2.19vw);} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .feature_con > ul > li .list_div > .text_con {margin:min(20px, 1.04vw) 0 0 0;} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .feature_con > ul > li .list_div > .text_con span {font-size:min(20px, 1.04vw); color:#222; font-weight:600; line-height:150%; letter-spacing:max(-0.4px, -0.02vw);} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .feature_con > ul > li:nth-child(1) {margin-top:0;} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .feature_con > ul > li:nth-child(2) {margin-top:0;} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .feature_con > ul > li:nth-child(3) {margin-top:0;} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .feature_con > ul > li:nth-child(4) {margin-top:0;} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .feature_con > ul > li:nth-child(4n) {margin-right:0;} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .environment_con {} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .environment_con > ul {} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .environment_con > ul > li {margin:min(21px, 1.09vw) 0 0 0;} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .environment_con > ul > li > ul {} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .environment_con > ul > li > ul > li {float:left; width:min(386px, 20.1vw); margin:0 0 0 min(21px, 1.1vw);} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .environment_con > ul > li > ul > li .list_div {background-color:#F4F4F4; padding:min(30px, 1.56vw); text-align:center; overflow:hidden; border-radius:min(30px, 1.56vw);} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .environment_con > ul > li > ul > li .list_div > table {width:100%; margin:0 auto;} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .environment_con > ul > li > ul > li .list_div > table > tbody > tr > td {vertical-align:top;} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .environment_con > ul > li > ul > li .list_div > table > tbody > tr > .icon_td {width:min(30px, 1.56vw);} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .environment_con > ul > li > ul > li .list_div > table > tbody > tr > .icon_td img {width:100%;} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .environment_con > ul > li > ul > li .list_div > table > tbody > tr > .text_td {padding:min(3px, 0.16vw) 0 min(3px, 0.16vw) min(10px, 0.52vw);} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .environment_con > ul > li > ul > li .list_div > table > tbody > tr > .text_td span {font-size:min(20px, 1.04vw); color:#222; font-weight:600; line-height:min(24px, 1.25vw); letter-spacing:max(-0.4px, -0.02vw);} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .environment_con > ul > li > ul > li:first-child {margin:0;} .product_view_con > .contents_con > .text_con > .info_con > ul > li .info_div > .contents_con .environment_con > ul > li:first-child {margin:0;} .product_view_con > .contents_con > .text_con > .info_con > ul > li:first-child {margin:0;} .product_view_con > .contents_con > .case_con {margin:min(100px, 5.21vw) 0 0 0;} .product_view_con > .contents_con > .case_con > .title_con {margin:0 0 min(20px, 1.04vw) 0; position:relative; top:0; left:0;} .product_view_con > .contents_con > .case_con > .title_con span {font-size:min(30px, 1.56vw); color:#222; font-weight:600; line-height:min(60px, 3.13vw); letter-spacing:max(-0.6px, -0.03vw);} .product_view_con > .contents_con > .case_con > .title_con .pn_btn {display:none; position:absolute; top:50%; right:0; z-index:10; transform:translateY(-50%);} .product_view_con > .contents_con > .case_con > .title_con .pn_btn > ul {} .product_view_con > .contents_con > .case_con > .title_con .pn_btn > ul > li {float:left; width:min(60px, 3.13vw); margin:0 0 0 min(10px, 0.52vw);} .product_view_con > .contents_con > .case_con > .title_con .pn_btn > ul > li img {width:100%; cursor:pointer;} .product_view_con > .contents_con > .case_con > .contents_con {} .product_view_con > .contents_con > .case_con > .contents_con > .slide_con {} .product_view_con > .contents_con > .case_con > .contents_con > .slide_con .swiper {width:100%; margin:0 auto;} .product_view_con > .contents_con > .case_con > .contents_con > .slide_con .swiper .swiper-wrapper {} .product_view_con > .contents_con > .case_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide {width:min(285px, 14.84vw); margin:0 min(20px, 1.04vw) 0 0;} .product_view_con > .contents_con > .case_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a {display:block;} .product_view_con > .contents_con > .case_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div {background-color:#F4F4F4; padding:min(20px, 1.04vw); overflow:hidden; border-radius:min(30px, 1.56vw);} .product_view_con > .contents_con > .case_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .img_con {background-color:#FFF; background-repeat:no-repeat; background-size:cover; background-position:center; overflow:hidden; border-radius:min(30px, 1.56vw);} .product_view_con > .contents_con > .case_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .img_con img {width:100%;} .product_view_con > .contents_con > .case_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con {margin:min(20px, 1.04vw) 0 0 0;} .product_view_con > .contents_con > .case_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text01_con {} .product_view_con > .contents_con > .case_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text01_con > ul {} .product_view_con > .contents_con > .case_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text01_con > ul > li {float:left;} .product_view_con > .contents_con > .case_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text01_con > ul > li span {font-size:min(16px, 0.83vw); font-weight:700; line-height:min(21px, 1.09vw); letter-spacing:max(-0.32px, -0.02vw);} .product_view_con > .contents_con > .case_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text01_con > ul > li span.text01 {color:#999;} .product_view_con > .contents_con > .case_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text01_con > ul > li span.text02 {color:#B7003A;} .product_view_con > .contents_con > .case_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text01_con > ul > .bar_li {width:min(18px, 0.94vw); text-align:center;} .product_view_con > .contents_con > .case_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text01_con > ul > .bar_li span {font-size:min(12px, 0.63vw); color:#E5E5E5;} .product_view_con > .contents_con > .case_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text02_con {margin:min(10px, 0.52vw) 0 0 0;} .product_view_con > .contents_con > .case_con > .contents_con > .slide_con .swiper .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .text02_con span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:min(20px, 1.04vw); color:#222; font-weight:600; line-height:130%; letter-spacing:max(-0.4px, -0.02vw);} .product_view_con > .btn_con {margin:min(100px, 5.21vw) 0 0 0; text-align:center;} .product_view_con > .btn_con .a_btn {display:inline-block; width:min(180px, 9.38vw); background-color:#222; text-align:center; font-size:min(18px, 0.94vw); color:#FFF; font-weight:600; line-height:min(60px, 3.13vw); letter-spacing:max(-0.36px, -0.02vw); overflow:hidden; border-radius:min(60px, 3.13vw);} /*서비스·A/S*/ .service_sub01_con {} .service_sub01_con > .info01_con {} .service_sub01_con > .info01_con > .contents_con {width:100%; max-width:min(1440px, 75vw); margin:0 auto;} .service_sub01_con > .info01_con > .contents_con > .title_con {margin:0 0 min(80px, 4.17vw) 0; text-align:center;} .service_sub01_con > .info01_con > .contents_con > .title_con span {font-size:min(50px, 2.6vw); color:#222; font-weight:700; line-height:140%; letter-spacing:max(-1px, -0.05vw);} .service_sub01_con > .info01_con > .contents_con > .contents_con {} .service_sub01_con > .info01_con > .contents_con > .contents_con > .list_con {width:100%; max-width:min(1080px, 56.25vw); margin:0 auto;} .service_sub01_con > .info01_con > .contents_con > .contents_con > .list_con > ul {} .service_sub01_con > .info01_con > .contents_con > .contents_con > .list_con > ul > li {float:left; width:min(150px, 7.81vw); margin:0 0 0 min(160px, 8.33vw);} .service_sub01_con > .info01_con > .contents_con > .contents_con > .list_con > ul > li .list_div {text-align:center;} .service_sub01_con > .info01_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .icon_con {position:relative; top:0; left:0;} .service_sub01_con > .info01_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .icon_con img {width:100%;} .service_sub01_con > .info01_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .icon_con .line {background-color:#EEE; position:absolute; z-index:10;} .service_sub01_con > .info01_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .icon_con .line02 {width:min(160px, 8.33vw); height:min(10px, 0.52vw); top:50%; left:max(-160px, -8.33vw); transform:translateY(-50%);} .service_sub01_con > .info01_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .icon_con .line03 {width:min(160px, 8.33vw); height:min(10px, 0.52vw); top:50%; left:max(-160px, -8.33vw); transform:translateY(-50%);} .service_sub01_con > .info01_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .icon_con .line04 {width:min(160px, 8.33vw); height:min(10px, 0.52vw); top:50%; left:max(-160px, -8.33vw); transform:translateY(-50%);} .service_sub01_con > .info01_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .text_con {margin:min(20px, 1.04vw) 0 0 0;} .service_sub01_con > .info01_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .text_con > .text01_con {} .service_sub01_con > .info01_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .text_con > .text01_con span {font-size:min(20px, 1.04vw); color:#555; font-weight:600; line-height:130%;} .service_sub01_con > .info01_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .text_con > .text02_con {margin:min(6px, 0.31vw) 0 0 0;} .service_sub01_con > .info01_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .text_con > .text02_con span {font-size:min(30px, 1.56vw); color:#222; font-weight:700; line-height:120%; letter-spacing:max(-0.6px, -0.03vw);} .service_sub01_con > .info01_con > .contents_con > .contents_con > .list_con > ul > li:nth-child(1) {margin-left:0;} .service_sub01_con > .info02_con {background-color:#F4F4F4; background-image:url("/img/service/service_sub01_info02_con_bg.png"); background-repeat:no-repeat; background-size:min(1545px, 80.47vw); background-position:bottom left; margin:min(140px, 7.29vw) 0 0 0;} .service_sub01_con > .info02_con > .contents_con {width:100%; max-width:min(1440px, 75vw); margin:0 auto; padding:min(140px, 7.29vw) 0;} .service_sub01_con > .info02_con > .contents_con:after {content:""; display:block; clear:both;} .service_sub01_con > .info02_con > .contents_con > .title_con {float:left; width:min(315px, 16.41vw);} .service_sub01_con > .info02_con > .contents_con > .title_con > .text01_con {} .service_sub01_con > .info02_con > .contents_con > .title_con > .text01_con span {font-size:min(50px, 2.6vw); color:#222; font-weight:700; line-height:140%; letter-spacing:max(-1px, -0.05vw);} .service_sub01_con > .info02_con > .contents_con > .title_con > .text02_con {margin:min(45px, 2.34vw) 0 0 0; word-break:keep-all;} .service_sub01_con > .info02_con > .contents_con > .title_con > .text02_con span {font-size:min(22px, 1.15vw); color:#555; line-height:140%; letter-spacing:max(-0.44px, -0.02vw);} .service_sub01_con > .info02_con > .contents_con > .contents_con {float:right; width:min(930px, 48.45vw);} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con {background-color:#FFF; border-radius:min(30px, 1.56vw); box-shadow:0 0 min(20px, 1.04vw) 0 rgba(0,0,0,0.08);} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul {} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li {float:left; width:min(310px, 16.15vw);} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div {position:relative; top:0; left:0;} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con {padding:min(50px, 2.6vw) 0; text-align:center; position:relative; top:0; left:0; z-index:20;} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .icon_con {} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .icon_con img {width:min(140px, 7.29vw);} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .contents_con {margin:min(25px, 1.3vw) 0 0 0;} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .contents_con > .text_con {} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .contents_con > .text_con > .text01_con {} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .contents_con > .text_con > .text01_con span {font-size:min(16px, 0.83vw); color:#B7003A; font-weight:500; line-height:140%; letter-spacing:max(-0.32px, -0.02vw);} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .contents_con > .text_con > .text02_con {} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .contents_con > .text_con > .text02_con span {font-size:min(30px, 1.56vw); color:#222; font-weight:600; line-height:140%; letter-spacing:max(-0.6px, -0.03vw);} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .contents_con > .btn_con {margin:min(25px, 1.3vw) 0 0 0;} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .contents_con > .btn_con .a_btn {display:inline-block; width:min(180px, 9.38vw); border:min(1px, 0.05vw) solid #222; padding:0 min(23px, 1.2vw); overflow:hidden; border-radius:min(54px, 2.81vw);} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .contents_con > .btn_con .a_btn > table {width:100%; margin:0 auto;} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > td {height:min(52px, 2.71vw);} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .text_td {} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .text_td span {font-size:min(18px, 0.94vw); color:#222; font-weight:600; line-height:140%; letter-spacing:max(-0.36px, -0.02vw);} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .arrow_td {width:min(10px, 0.52vw);} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .arrow_td img {width:100%;} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .bg {width:100%; height:111%; background-color:#b7003a; position:absolute; top:50%; left:0; right:0; z-index:10; transform:translateY(-50%); overflow:hidden; border-radius:min(30px, 1.56vw);} /* li 전체 전환 부드럽게 */ .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .contents_con > .text_con > .text01_con span, .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .contents_con > .text_con > .text02_con span, .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .contents_con > .btn_con .a_btn, .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .text_td span, .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .arrow_td img {transition:color 0.4s ease, border-color 0.4s ease, filter 0.4s ease;} /* 아이콘 겹치기 구조 */ .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .icon_con {display:flex; justify-content:center;} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .icon_con img.off {display:block;} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .icon_con img.on {display:none;} /* bg 기본 숨김 (기존 .bg 규칙에 opacity/transition 추가) */ .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .bg {width:100%; height:111%; background-color:#b7003a; position:absolute; top:50%; left:0; right:0; z-index:10; transform:translateY(-50%); overflow:hidden; border-radius:min(30px, 1.56vw); opacity:0; transition:opacity 0.4s ease;} /* 공통: .on (PC/모바일 모두) */ .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li.on .list_div > .bg {opacity:1;} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li.on .list_div > .contents_con > .icon_con img.off {display:none;} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li.on .list_div > .contents_con > .icon_con img.on {display:block;} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li.on .list_div > .contents_con > .contents_con > .text_con > .text01_con span, .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li.on .list_div > .contents_con > .contents_con > .text_con > .text02_con span {color:#FFF;} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li.on .list_div > .contents_con > .contents_con > .btn_con .a_btn {border-color:#FFF;} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li.on .list_div > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .text_td span {color:#FFF;} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li.on .list_div > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .arrow_td img {filter:brightness(0) invert(1);} /* hover 가능한 기기에서만 (PC) */ @media (hover:hover) { /* bg 노출 */ .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li:hover .list_div > .bg {opacity:1;} /* 아이콘 스왑 */ .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li:hover .list_div > .contents_con > .icon_con img.off {display:none;} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li:hover .list_div > .contents_con > .icon_con img.on {display:block;} /* 텍스트 흰색 */ .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li:hover .list_div > .contents_con > .contents_con > .text_con > .text01_con span, .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li:hover .list_div > .contents_con > .contents_con > .text_con > .text02_con span {color:#FFF;} /* 버튼 테두리/텍스트/화살표 흰색 */ .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li:hover .list_div > .contents_con > .contents_con > .btn_con .a_btn {border-color:#FFF;} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li:hover .list_div > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .text_td span {color:#FFF;} .service_sub01_con > .info02_con > .contents_con > .contents_con > .list_con > ul > li:hover .list_div > .contents_con > .contents_con > .btn_con .a_btn > table > tbody > tr > .arrow_td img {filter:brightness(0) invert(1);} } .service_sub01_con > .info03_con {background-image:url("/img/service/service_sub01_info03_con_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center;} .service_sub01_con > .info03_con > .contents_con {width:100%; max-width:min(1440px, 75vw); margin:0 auto; padding:min(204px, 10.63vw) 0 min(203px, 10.57vw) 0;} .service_sub01_con > .info03_con > .contents_con > .title_con {margin:0 0 min(80px, 4.17vw) 0;} .service_sub01_con > .info03_con > .contents_con > .title_con span {font-size:min(50px, 2.60vw); color:#FFF; font-weight:700; line-height:140%; letter-spacing:max(-1px, -0.05vw);} .service_sub01_con > .info03_con > .contents_con > .contents_con {} .service_sub01_con > .info03_con > .contents_con > .contents_con > .list_con {width:100%; max-width:min(529px, 27.55vw); background-color:rgba(255,255,255,0.30); padding:min(40px, 2.08vw); overflow:hidden; border-radius:min(30px, 1.56vw); backdrop-filter:blur(10px);} .service_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul {} .service_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul > li {margin:min(20px, 1.04vw) 0 0 0;} .service_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul > li > table {width:100%; margin:0 auto;} .service_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul > li > table > tbody > tr > td {} .service_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul > li > table > tbody > tr > .icon_td {width:min(24px, 1.25vw);} .service_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul > li > table > tbody > tr > .icon_td img {width:100%;} .service_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul > li > table > tbody > tr > .text_td {padding:0 0 0 min(14px, 0.73vw);} .service_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul > li > table > tbody > tr > .text_td span {font-size:min(26px, 1.35vw); color:#FFF; font-weight:600; line-height:120%; letter-spacing:max(-0.52px, -0.03vw);} .service_sub01_con > .info03_con > .contents_con > .contents_con > .list_con > ul > li:first-child {margin:0;} .service_sub01_con > .info04_con {} .service_sub01_con > .info04_con > .contents_con {width:100%; max-width:min(1440px, 75vw); margin:0 auto; padding:min(140px, 7.29vw) 0;} .service_sub01_con > .info04_con > .contents_con > .title_con {margin:0 0 min(60px, 3.13vw) 0;} .service_sub01_con > .info04_con > .contents_con > .title_con span {font-size:min(50px, 2.6vw); color:#000; font-weight:700; line-height:140%; letter-spacing:max(-1px, -0.05vw);} .service_sub01_con > .info04_con > .contents_con > .contents_con {} .service_sub01_con > .info04_con > .contents_con > .contents_con > .list_con {} .service_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul {} .service_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li {float:left; width:min(440px, 22.92vw); margin:0 0 0 min(60px, 3.12vw);} .service_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div {border-top:min(1px, 0.05vw) solid #CCC; border-bottom:min(1px, 0.05vw) solid #CCC; padding:min(20px, 1.04vw) min(12px, 0.63vw) min(78px, 4.06vw) min(12px, 0.63vw);} .service_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .no_con {margin:0 0 min(40px, 2.08vw) 0;} .service_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .no_con span {font-size:min(20px, 1.04vw); color:#B7003A; font-weight:700; line-height:100%; letter-spacing:max(-0.4px, -0.02vw);} .service_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con {text-align:center;} .service_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .icon_con {} .service_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .icon_con img {width:auto; max-width:none; height:min(60px, 3.13vw);} .service_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con {margin:min(40px, 2.08vw) 0 0 0;} .service_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li .list_div > .contents_con > .text_con span {font-size:min(30px, 1.56vw); color:#000; font-weight:700; line-height:140%; letter-spacing:max(-0.6px, -0.03vw);} .service_sub01_con > .info04_con > .contents_con > .contents_con > .list_con > ul > li:first-child {margin:0;} .service_sub01_con > .info05_con {} .service_sub01_con > .info05_con > .contents_con {width:100%; max-width:min(1800px, 93.75vw); margin:0 auto;} .service_sub01_con > .info05_con > .contents_con > .banner_con {background-image:url("/img/service/service_sub01_info05_banner_con_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center; overflow:hidden; border-radius:min(60px, 3.13vw);} .service_sub01_con > .info05_con > .contents_con > .banner_con > .contents_con {width:100%; max-width:min(1440px, 75vw); margin:0 auto; padding:min(69px, 3.59vw) 0;} .service_sub01_con > .info05_con > .contents_con > .banner_con > .contents_con > .title_con {text-align:center;} .service_sub01_con > .info05_con > .contents_con > .banner_con > .contents_con > .title_con > .text01_con {} .service_sub01_con > .info05_con > .contents_con > .banner_con > .contents_con > .title_con > .text01_con span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:600; line-height:140%; letter-spacing:max(-0.36px, -0.02vw);} .service_sub01_con > .info05_con > .contents_con > .banner_con > .contents_con > .title_con > .text02_con {margin:min(10px, 0.52vw) 0 0 0;} .service_sub01_con > .info05_con > .contents_con > .banner_con > .contents_con > .title_con > .text02_con span {font-size:min(40px, 2.08vw); color:#FFF; font-weight:700; line-height:130%; letter-spacing:max(-0.8px, -0.04vw);} .service_sub01_con > .info05_con > .contents_con > .banner_con > .contents_con > .btn_con {margin:min(40px, 2.08vw) 0 0 0; text-align:center;} .service_sub01_con > .info05_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con {display:inline-block; text-align:left;} .service_sub01_con > .info05_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul {} .service_sub01_con > .info05_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li {float:left; width:min(180px, 9.38vw); margin:0 0 0 min(20px, 1.04vw);} .service_sub01_con > .info05_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li .a_btn {display:block; border:min(1px, 0.05vw) solid #FFF; padding:0 min(23px, 1.20vw); overflow:hidden; border-radius:min(54px, 2.81vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} .service_sub01_con > .info05_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table {width:100%; margin:0 auto;} .service_sub01_con > .info05_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > td {height:min(52px, 2.71vw);} .service_sub01_con > .info05_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > .text_td {} .service_sub01_con > .info05_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > .text_td span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:600; line-height:140%; letter-spacing:max(-0.36px, -0.02vw);} .service_sub01_con > .info05_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > .arrow_td {width:min(10px, 0.52vw);} .service_sub01_con > .info05_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li .a_btn > table > tbody > tr > .arrow_td img {width:100%;} .service_sub01_con > .info05_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li .a_btn:hover {border:min(1px, 0.05vw) solid #B7003A; background-color:#B7003A;} .service_sub01_con > .info05_con > .contents_con > .banner_con > .contents_con > .btn_con > .contents_con > ul > li:first-child {margin:0;} /*상담·문의*/ .counsel_sub01_con {} .counsel_sub01_con > .contents_con {} .counsel_sub01_con > .contents_con:after {content:""; display:block; clear:both;} .counsel_sub01_con > .contents_con > .title_con {float:left;} .counsel_sub01_con > .contents_con > .title_con > .text_con {} .counsel_sub01_con > .contents_con > .title_con > .text_con > .text01_con {} .counsel_sub01_con > .contents_con > .title_con > .text_con > .text01_con span {font-size:min(20px, 1.04vw); color:#B7003A; font-weight:600; line-height:140%; letter-spacing:max(-0.4px, -0.02vw);} .counsel_sub01_con > .contents_con > .title_con > .text_con > .text02_con {margin:min(10px, 0.52vw) 0 0 0;} .counsel_sub01_con > .contents_con > .title_con > .text_con > .text02_con > .text01_con {} .counsel_sub01_con > .contents_con > .title_con > .text_con > .text02_con > .text01_con span {font-size:min(50px, 2.6vw); color:#222; font-weight:700; line-height:140%; letter-spacing:max(-1px, -0.05vw);} .counsel_sub01_con > .contents_con > .title_con > .text_con > .text02_con > .text01_con span .color_text {color:#B7003A;} .counsel_sub01_con > .contents_con > .title_con > .text_con > .text02_con > .text02_con {margin:min(10px, 0.52vw) 0 0 0;} .counsel_sub01_con > .contents_con > .title_con > .text_con > .text02_con > .text02_con span {font-size:min(22px, 1.15vw); color:#555; font-weight:500; line-height:150%; letter-spacing:max(-0.44px, -0.02vw);} .counsel_sub01_con > .contents_con > .title_con > .btn_con {margin:min(60px, 3.13vw) 0 0 0;} .counsel_sub01_con > .contents_con > .title_con > .btn_con > ul {} .counsel_sub01_con > .contents_con > .title_con > .btn_con > ul > li {float:left; width:min(180px, 9.38vw); margin:0 0 0 min(20px, 1.04vw);} .counsel_sub01_con > .contents_con > .title_con > .btn_con > ul > li .a_btn {display:block; border:min(1px, 0.05vw) solid #222; padding:0 min(23px, 1.2vw); overflow:hidden; border-radius:min(54px, 2.81vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} .counsel_sub01_con > .contents_con > .title_con > .btn_con > ul > li .a_btn > table {width:100%; margin:0 auto;} .counsel_sub01_con > .contents_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > td {height:min(52px, 2.71vw);} .counsel_sub01_con > .contents_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .text_td {} .counsel_sub01_con > .contents_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .text_td span {font-size:min(18px, 0.94vw); color:#222; font-weight:600; line-height:140%; letter-spacing:max(-0.36px, -0.02vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} .counsel_sub01_con > .contents_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .arrow_td {width:min(10px, 0.52vw);} .counsel_sub01_con > .contents_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .arrow_td img {width:100%;} .counsel_sub01_con > .contents_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .arrow_td .arrow {position:relative; top:0; left:0;} .counsel_sub01_con > .contents_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .arrow_td .arrow img.over {position:absolute; top:0; left:0; z-index:10; opacity:0; transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} .counsel_sub01_con > .contents_con > .title_con > .btn_con > ul > li .a_btn:hover {background-color:#222;} .counsel_sub01_con > .contents_con > .title_con > .btn_con > ul > li .a_btn:hover > table > tbody > tr > .text_td span {color:#FFF;} .counsel_sub01_con > .contents_con > .title_con > .btn_con > ul > li .a_btn:hover > table > tbody > tr > .arrow_td .arrow img.over {opacity:1;} .counsel_sub01_con > .contents_con > .title_con > .btn_con > ul > li:first-child {margin:0;} .counsel_sub01_con > .contents_con > .contents_con {float:right; width:min(700px, 36.46vw);} .counsel_sub01_con > .contents_con > .contents_con .write_con {} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con {} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con {} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul {} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li {margin:min(30px, 1.56vw) 0 0 0;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table {width:100%; margin:0 auto;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > td {} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .title_td {width:min(180px, 9.38vw);} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .title_td span {font-size:min(22px, 1.15vw); color:#222; font-weight:600; line-height:120%; letter-spacing:max(-0.44px, -0.02vw);} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .title_td span .dot {color:#B7003A;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .info_td {} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .info_td > .title_con.m_con {margin:0 0 10px 0;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .info_td > .title_con.m_con span {font-size:18px; color:#222; font-weight:600; line-height:120%; letter-spacing:-0.36px;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .info_td > .title_con.m_con span .dot {color:#B7003A;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .info_td > .info_con {} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .info_td > .info_con span {font-size:min(18px, 0.94vw); color:#222; line-height:120%; letter-spacing:max(-0.36px, -0.02vw);} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .info_td > .info_con .input {height:min(62px, 3.23vw); border:min(1px, 0.05vw) solid #DDD; background-color:#F4F4F4; padding:0 min(20px, 1.04vw); border-radius:min(2px, 0.1vw);} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .info_td > .info_con .select {height:min(62px, 3.23vw); border:min(1px, 0.05vw) solid #DDD; background-color:#F4F4F4; border-radius:min(2px, 0.1vw);} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .info_td > .info_con .tel_con {} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .info_td > .info_con .tel_con > table {width:100%; margin:0 auto;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .info_td > .info_con .tel_con > table > tbody > tr > td {} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .info_td > .info_con .tel_con > table > tbody > tr > .input_td {width:30%;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .info_td > .info_con .tel_con > table > tbody > tr > .bar_td {width:5%;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .info_td > .info_con .install_con {} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .info_td > .info_con .install_con > ul {} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .info_td > .info_con .install_con > ul > li {float:left; margin:0 0 0 min(20px, 1.04vw);} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .info_td > .info_con .install_con > ul > li .radio_label span {line-height:min(62px, 3.23vw);} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li > table > tbody > tr > .info_td > .info_con .install_con > ul > li:first-child {margin:0;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .input_con > ul > li:first-child {margin:0;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .agree_con {border-top:min(1px, 0.05vw) solid #DDD; border-bottom:min(1px, 0.05vw) solid #DDD; margin:min(30px, 1.56vw) 0 0 0;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .agree_con > .btn_con {padding:min(30px, 1.56vw) 0;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .agree_con > .btn_con:after {content:""; display:block; clear:both;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .agree_con > .btn_con > .check_btn {float:left;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .agree_con > .btn_con > .check_btn .checkbox_label span {font-size:min(18px, 0.94vw); color:#222; font-weight:600; line-height:min(21px, 1.09vw); letter-spacing:max(-0.36px, -0.02vw);} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .agree_con > .btn_con > .view_btn {float:right;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .agree_con > .btn_con > .view_btn .a_btn {display:inline-block;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .agree_con > .btn_con > .view_btn .a_btn > span {font-size:min(16px, 0.83vw); color:#999; font-weight:600; line-height:min(21px, 1.09vw); letter-spacing:max(-0.32px, -0.02vw); vertical-align:middle;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .agree_con > .btn_con > .view_btn .a_btn > img {width:min(12px, 0.63vw); margin:0 0 0 min(10px, 0.52vw); vertical-align:middle;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .agree_con > .btn_con > .view_btn .a_btn.on {} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .agree_con > .btn_con > .view_btn .a_btn.on > img {transform:rotate(180deg);} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .agree_con > .terms_con {display:none; padding:0 0 min(30px, 1.56vw) 0;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .agree_con > .terms_con > .title_con {margin:0 0 min(10px, 0.52vw) 0;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .agree_con > .terms_con > .title_con span {font-size:min(20px, 1.04vw); color:#222; font-weight:600; line-height:120%; letter-spacing:max(-0.4px, -0.02vw);} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .agree_con > .terms_con > .info_con {border:min(1px, 0.05vw) solid #DDD; background-color:#F4F4F4; padding:min(10px, 0.52vw); overflow:hidden; border-radius:min(2px, 0.1vw);} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .agree_con > .terms_con > .info_con > .text_con {height:min(160px, 8.33vw); padding:0 min(20px, 1.04vw) 0 0; font-size:min(15px, 0.78vw); color:#696969; line-height:140%; overflow-y:scroll;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .agree_con > .terms_con > .info_con > .text_con * {all:revert;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .contents_con > .agree_con > .terms_con > .info_con > .text_con img {max-width:100%; height:auto !important;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .btn_con {margin:min(60px, 3.13vw) 0 0 0;} .counsel_sub01_con > .contents_con > .contents_con .write_con > .btn_con .a_btn {display:block; background-color:#B7003A; text-align:center; font-size:min(22px, 1.15vw); color:#FFF; font-weight:700; line-height:min(70px, 3.65vw); letter-spacing:max(-0.44px, -0.02vw); overflow:hidden; border-radius:min(2px, 0.1vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} .counsel_sub01_con > .contents_con > .contents_con .write_con > .btn_con .a_btn:hover {background-color:#92002E;} /*상담·문의 완료*/ .counsel_sub01_end_con {} .counsel_sub01_end_con > .contents_con {background-color:#F4F4F4; padding:min(60px, 3.13vw); overflow:hidden; border-radius:min(30px, 1.56vw);} .counsel_sub01_end_con > .contents_con > .title_con {text-align:center;} .counsel_sub01_end_con > .contents_con > .title_con > .icon_con {} .counsel_sub01_end_con > .contents_con > .title_con > .icon_con img {width:min(100px, 5.21vw);} .counsel_sub01_end_con > .contents_con > .title_con > .text_con {margin:min(40px, 2.08vw) 0 0 0;} .counsel_sub01_end_con > .contents_con > .title_con > .text_con > .text01_con {} .counsel_sub01_end_con > .contents_con > .title_con > .text_con > .text01_con span {font-size:min(32px, 1.67vw); color:#222; font-weight:700; line-height:140%;} .counsel_sub01_end_con > .contents_con > .title_con > .text_con > .text02_con {margin:min(10px, 0.52vw) 0 0 0;} .counsel_sub01_end_con > .contents_con > .title_con > .text_con > .text02_con span {font-size:min(24px, 1.25vw); color:#222; font-weight:500; line-height:140%;} .counsel_sub01_end_con > .contents_con > .btn_con {margin:min(60px, 3.13vw) 0 0 0; text-align:center;} .counsel_sub01_end_con > .contents_con > .btn_con .a_btn {display:inline-block; width:min(180px, 9.38vw); background-color:#222; text-align:center; overflow:hidden; border-radius:min(54px, 2.81vw);} .counsel_sub01_end_con > .contents_con > .btn_con .a_btn > img {width:min(20px, 1.04vw); margin:0 min(10px, 0.52vw) 0 0; vertical-align:middle;} .counsel_sub01_end_con > .contents_con > .btn_con .a_btn > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:700; line-height:min(54px, 2.81vw); letter-spacing:max(-0.36px, -0.02vw); vertical-align:middle;} /*게시판 리스트*/ .notice_list_con {} .notice_list_con > .title_con {margin:0 0 min(80px, 4.17vw) 0; text-align:center;} .notice_list_con > .title_con > .text01_con {} .notice_list_con > .title_con > .text01_con span {font-size:min(20px, 1.04vw); color:#B7003A; font-weight:600; line-height:140%; letter-spacing:max(-0.4px, -0.02vw);} .notice_list_con > .title_con > .text02_con {margin:min(10px, 0.52vw) 0 0 0;} .notice_list_con > .title_con > .text02_con span {font-size:min(50px, 2.6vw); color:#222; font-weight:700; line-height:140%; letter-spacing:max(-1px, -0.05vw);} .notice_list_con > .contents_con {} .notice_list_con > .contents_con > .search_con {margin:0 0 min(40px, 2.08vw) 0;} .notice_list_con > .contents_con > .search_con:after {content:""; display:block; clear:both;} .notice_list_con > .contents_con > .search_con > form {float:right; width:min(280px, 14.58vw);} .notice_list_con > .contents_con > .search_con > form > .input_con {border:min(1px, 0.05vw) solid #DDD; padding:0 min(22px, 1.15vw); overflow:hidden; border-radius:min(54px, 2.81vw);} .notice_list_con > .contents_con > .search_con > form > .input_con > table {width:100%; margin:0 auto;} .notice_list_con > .contents_con > .search_con > form > .input_con > table > tbody > tr > td {} .notice_list_con > .contents_con > .search_con > form > .input_con > table > tbody > tr > .input_td {padding:0 min(22px, 1.15vw) 0 0;} .notice_list_con > .contents_con > .search_con > form > .input_con > table > tbody > tr > .input_td .input {height:min(52px, 2.71vw); border:0;} .notice_list_con > .contents_con > .search_con > form > .input_con > table > tbody > tr > .btn_td {width:min(20px, 1.04vw);} .notice_list_con > .contents_con > .search_con > form > .input_con > table > tbody > tr > .btn_td > a {display:block;} .notice_list_con > .contents_con > .search_con > form > .input_con > table > tbody > tr > .btn_td > a img {width:100%:} .notice_list_con > .contents_con > .search_con > .sort_con {float:left;} .notice_list_con > .contents_con > .search_con > .sort_con > ul {} .notice_list_con > .contents_con > .search_con > .sort_con > ul > li {margin:min(20px, 1.04vw) 0 0 0; overflow:hidden;} .notice_list_con > .contents_con > .search_con > .sort_con > ul > li > table {display:inline-block; width:100%; margin:0 auto;} .notice_list_con > .contents_con > .search_con > .sort_con > ul > li > table > tbody > tr > td {} .notice_list_con > .contents_con > .search_con > .sort_con > ul > li > table > tbody > tr > .title_td {width:min(90px, 4.69vw);} .notice_list_con > .contents_con > .search_con > .sort_con > ul > li > table > tbody > tr > .title_td span {font-size:min(18px, 0.94vw); color:#222; font-weight:700;} .notice_list_con > .contents_con > .search_con > .sort_con > ul > li > table > tbody > tr > .info_td {} .notice_list_con > .contents_con > .search_con > .sort_con > ul > li > table > tbody > tr > .info_td > .title_con.m_con {margin:0 0 4px 0;} .notice_list_con > .contents_con > .search_con > .sort_con > ul > li > table > tbody > tr > .info_td > .title_con.m_con span {font-size:18px; color:#222; font-weight:700;} .notice_list_con > .contents_con > .search_con > .sort_con > ul > li > table > tbody > tr > .info_td > .list_con {} .notice_list_con > .contents_con > .search_con > .sort_con > ul > li > table > tbody > tr > .info_td > .list_con > ul {} .notice_list_con > .contents_con > .search_con > .sort_con > ul > li > table > tbody > tr > .info_td > .list_con > ul > li {float:left; margin:0 0 0 min(10px, 0.52vw);} .notice_list_con > .contents_con > .search_con > .sort_con > ul > li > table > tbody > tr > .info_td > .list_con > ul > li a {display:block; border:min(1px, 0.05vw) solid #222; padding:0 min(29px, 1.51vw); text-align:center; font-size:min(18px, 0.94vw); color:#222; font-weight:500; line-height:min(52px, 2.71vw); overflow:hidden; border-radius:min(54px, 2.81vw);} .notice_list_con > .contents_con > .search_con > .sort_con > ul > li > table > tbody > tr > .info_td > .list_con > ul > li a.on {border:min(1px, 0.05vw) solid #B7003A; background-color:#B7003A; color:#FFF; font-weight:700;} .notice_list_con > .contents_con > .search_con > .sort_con > ul > li > table > tbody > tr > .info_td > .list_con > ul > li:first-child {margin-left:0;} .notice_list_con > .contents_con > .search_con > .sort_con > ul > li:first-child {margin:0;} .notice_list_con > .contents_con > .search_con.install_notice {} .notice_list_con > .contents_con > .search_con.install_notice > form {margin:min(74px, 3.85vw) 0 0 0;} .notice_list_con > .contents_con > .search_con.faq_notice {} .notice_list_con > .contents_con > .contents_con {position:relative; top:0; left:0;} .notice_list_con > .contents_con > .contents_con > .total_con {position:absolute; top:max(-65px, -3.39vw); left:0; z-index:10;} .notice_list_con > .contents_con > .contents_con > .total_con span {font-size:min(18px, 0.94vw); color:#999; font-weight:600; line-height:min(25px, 1.3vw); letter-spacing:max(-0.36px, -0.02vw);} .notice_list_con > .contents_con > .contents_con > .total_con span .color_text {color:#B7003A;} .notice_list_con > .contents_con > .number_list_con {margin:min(80px, 4.17vw) 0 0 0;} /*일반 게시판*/ .normal_notice_con {border-top:min(1px, 0.05vw) solid #000;} .normal_notice_con > .title_con {border-bottom:min(1px, 0.05vw) solid #DDD;} .normal_notice_con > .title_con > table {width:100%; margin:0 auto;} .normal_notice_con > .title_con > table > tbody > tr > td {height:min(71px, 3.7vw);} .normal_notice_con > .title_con > table > tbody > tr > td span {font-size:min(20px, 1.04vw); color:#222; font-weight:700;} .normal_notice_con > .title_con > table > tbody > tr > .no_td {width:min(120px, 6.25vw);} .normal_notice_con > .title_con > table > tbody > tr > .title_td {} .normal_notice_con > .title_con > table > tbody > tr > .date_td {width:min(200px, 10.42vw);} .normal_notice_con > .list_con {} .normal_notice_con > .list_con > ul {} .normal_notice_con > .list_con > ul > li {border-bottom:min(1px, 0.05vw) solid #DDD;} .normal_notice_con > .list_con > ul > li > a {display:block;} .normal_notice_con > .list_con > ul > li > a > table {width:100%; margin:0 auto; table-layout:fixed;} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > td {height:min(79px, 4.11vw);} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > td span {font-size:min(18px, 0.94vw); color:#333; font-weight:500; line-height:min(24px, 1.25vw); letter-spacing:max(-0.36px, -0.02vw);} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .no_td {width:min(120px, 6.25vw);} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .no_td .notice_btn {display:inline-block; width:min(56px, 2.92vw); background-color:#B7003A; text-align:center; color:#FFF; font-weight:600; line-height:min(29px, 1.51vw); overflow:hidden; border-radius:min(29px, 1.51vw);} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .title_td {} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .title_td > .no_con.m_con {margin:0 0 4px 0;} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .title_td > .no_con.m_con .notice_btn {display:inline-block; width:45px; background-color:#B7003A; text-align:center; font-size:14px; color:#FFF; font-weight:600; line-height:25px; overflow:hidden; border-radius:25px;} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .title_td > .title_con {} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .title_td > .title_con > .contents_con {display:inline-block; max-width:100%;} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .title_td > .title_con > .contents_con img {float:right; width:auto; max-width:none; height:min(20px, 1.04vw); margin:min(2px, 0.1vw) 0 min(2px, 0.1vw) min(8px, 0.42vw);} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .title_td > .title_con > .contents_con span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .title_td > .info_con.m_con {margin:4px 0 0 0;} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .title_td > .info_con.m_con span {font-size:12px; color:#767676; line-height:140%; letter-spacing:-0.24px;} .normal_notice_con > .list_con > ul > li > a > table > tbody > tr > .date_td {width:min(200px, 10.42vw);} .normal_notice_con > .list_con > ul > li > a:hover {background-color:#F6F6F6;} .normal_notice_con > .list_con > ul > .none_li {text-align:center;} .normal_notice_con > .list_con > ul > .none_li span {font-size:min(18px, 0.94vw); color:#333; font-weight:500; line-height:500px; letter-spacing:max(-0.36px, -0.02vw);} /*설치사례 게시판*/ .install_notice_con {} .install_notice_con > ul > li {float:left; width:min(450px, 23.44vw); margin:min(60px, 3.13vw) min(45px, 2.34vw) 0 0;} .install_notice_con > ul > li > a {display:block;} .install_notice_con > ul > li > a > .list_div {background-color:#F4F4F4; padding:min(20px, 1.04vw); overflow:hidden; border-radius:min(30px, 1.56vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} .install_notice_con > ul > li > a > .list_div > .img_con {background-color:#FFF; background-repeat:no-repeat; background-size:cover; background-position:center; overflow:hidden; border-radius:min(30px, 1.56vw);} .install_notice_con > ul > li > a > .list_div > .img_con img {width:100%;} .install_notice_con > ul > li > a > .list_div > .contents_con {margin:min(30px, 1.56vw) 0 0;} .install_notice_con > ul > li > a > .list_div > .contents_con > .text_con {} .install_notice_con > ul > li > a > .list_div > .contents_con > .text_con > .text01_con {} .install_notice_con > ul > li > a > .list_div > .contents_con > .text_con > .text01_con > ul {} .install_notice_con > ul > li > a > .list_div > .contents_con > .text_con > .text01_con > ul > li {float:left;} .install_notice_con > ul > li > a > .list_div > .contents_con > .text_con > .text01_con > ul > li span {font-size:min(18px, 0.94vw); font-weight:700; line-height:23px; letter-spacing:max(-0.36px, -0.02vw);} .install_notice_con > ul > li > a > .list_div > .contents_con > .text_con > .text01_con > ul > li span.text01 {color:#999;} .install_notice_con > ul > li > a > .list_div > .contents_con > .text_con > .text01_con > ul > li span.text02 {color:#B7003A;} .install_notice_con > ul > li > a > .list_div > .contents_con > .text_con > .text01_con > ul > .bar_li {width:min(22px, 1.15vw); text-align:center;} .install_notice_con > ul > li > a > .list_div > .contents_con > .text_con > .text01_con > ul > .bar_li span {font-size:min(12px, 0.63vw); color:#E5E5E5;} .install_notice_con > ul > li > a > .list_div > .contents_con > .text_con > .text02_con {margin:min(10px, 0.52vw) 0 0 0;} .install_notice_con > ul > li > a > .list_div > .contents_con > .text_con > .text02_con span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:min(24px, 1.25vw); color:#222; font-weight:600; line-height:130%; letter-spacing:max(-0.48px, -0.03vw);} .install_notice_con > ul > li > a > .list_div > .contents_con > .btn_con {margin:min(40px, 2.08vw) 0 0 0; text-align:right;} .install_notice_con > ul > li > a > .list_div > .contents_con > .btn_con .div_btn {display:inline-block; width:min(180px, 9.38vw); border:min(1px, 0.05vw) solid #DDD; background-color:#FFF; padding:0 min(24px, 1.25vw); overflow:hidden; border-radius:min(54px, 2.81vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} .install_notice_con > ul > li > a > .list_div > .contents_con > .btn_con .div_btn > table {width:100%; margin:0 auto;} .install_notice_con > ul > li > a > .list_div > .contents_con > .btn_con .div_btn > table > tbody > tr > td {height:min(52px, 2.71vw);} .install_notice_con > ul > li > a > .list_div > .contents_con > .btn_con .div_btn > table > tbody > tr > .text_td {} .install_notice_con > ul > li > a > .list_div > .contents_con > .btn_con .div_btn > table > tbody > tr > .text_td span {font-size:min(16px, 0.83vw); color:#222; font-weight:600; line-height:140%; letter-spacing:max(-0.32px, -0.02vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} .install_notice_con > ul > li > a > .list_div > .contents_con > .btn_con .div_btn > table > tbody > tr > .arrow_td {width:min(10px, 0.52vw);} .install_notice_con > ul > li > a > .list_div > .contents_con > .btn_con .div_btn > table > tbody > tr > .arrow_td img {width:100%;} .install_notice_con > ul > li > a > .list_div > .contents_con > .btn_con .div_btn > table > tbody > tr > .arrow_td .arrow {position:relative; top:0; left:0;} .install_notice_con > ul > li > a > .list_div > .contents_con > .btn_con .div_btn > table > tbody > tr > .arrow_td .arrow img.over {position:absolute; top:0; left:0; z-index:10; opacity:0; transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} .install_notice_con > ul > li > a:hover > .list_div {box-shadow:min(4px, 0.21vw) min(4px, 0.21vw) min(12px, 0.63vw) 0 rgba(0,0,0,0.10);} .install_notice_con > ul > li > a:hover > .list_div > .contents_con > .btn_con .div_btn {border:min(1px, 0.05vw) solid #B7003A; background-color:#B7003A;} .install_notice_con > ul > li > a:hover > .list_div > .contents_con > .btn_con .div_btn > table > tbody > tr > .text_td span {color:#FFF;} .install_notice_con > ul > li > a:hover > .list_div > .contents_con > .btn_con .div_btn > table > tbody > tr > .arrow_td .arrow img.over {opacity:1;} .install_notice_con > ul > .none_li {float:none; width:auto; margin:0; text-align:center;} .install_notice_con > ul > .none_li span {font-size:min(18px, 0.94vw); color:#333; font-weight:500; line-height:500px; letter-spacing:max(-0.36px, -0.02vw);} .install_notice_con > ul > li:nth-child(1) {margin-top:0;} .install_notice_con > ul > li:nth-child(2) {margin-top:0;} .install_notice_con > ul > li:nth-child(3) {margin-top:0;} .install_notice_con > ul > li:nth-child(3n) {margin-right:0;} /*FAQ 게시판*/ .faq_notice_con {border-top:min(1px, 0.05vw) solid #DDD;} .faq_notice_con > ul > li {border-bottom:min(1px, 0.05vw) solid #DDD;} .faq_notice_con > ul > li .list_div {} .faq_notice_con > ul > li .list_div > .q_con {padding:min(40px, 2.08vw); cursor:pointer;} .faq_notice_con > ul > li .list_div > .q_con > table {width:100%; margin:0 auto;} .faq_notice_con > ul > li .list_div > .q_con > table > tbody > tr > td {} .faq_notice_con > ul > li .list_div > .q_con > table > tbody > tr > td span {font-size:min(20px, 1.04vw); color:#222; font-weight:700; line-height:130%;} .faq_notice_con > ul > li .list_div > .q_con > table > tbody > tr > .category_td {width:min(100px, 5.21vw);} .faq_notice_con > ul > li .list_div > .q_con > table > tbody > tr > .category_td span {color:#B7003A;} .faq_notice_con > ul > li .list_div > .q_con > table > tbody > tr > .title_td {padding:0 min(20px, 1.04vw);} .faq_notice_con > ul > li .list_div > .q_con > table > tbody > tr > .title_td > .category_con.m_con {margin:0 0 10px 0;} .faq_notice_con > ul > li .list_div > .q_con > table > tbody > tr > .title_td > .category_con.m_con span {color:#B7003A;} .faq_notice_con > ul > li .list_div > .q_con > table > tbody > tr > .title_td > .title_con {} .faq_notice_con > ul > li .list_div > .q_con > table > tbody > tr > .title_td > .title_con span {} .faq_notice_con > ul > li .list_div > .q_con > table > tbody > tr > .arrow_td {width:min(20px, 1.04vw);} .faq_notice_con > ul > li .list_div > .q_con > table > tbody > tr > .arrow_td img {width:100%;} .faq_notice_con > ul > li .list_div > .a_con {display:none; background-color:rgba(183,0,58,0.04); padding:min(30px, 1.56vw) min(40px, 2.08vw) min(30px, 1.56vw) min(160px, 8.33vw); overflow:hidden; border-radius:min(20px, 1.04vw);} .faq_notice_con > ul > li .list_div > .a_con > .text_con {} .faq_notice_con > ul > li .list_div > .a_con > .text_con span {font-size:min(16px, 0.83vw); color:#444; line-height:150%; letter-spacing:max(-0.64px, -0.03vw);} .faq_notice_con > ul > li .list_div > .a_con > .btn_con {margin:min(10px, 0.52vw) 0 0 0;} .faq_notice_con > ul > li .list_div > .a_con > .btn_con .a_btn {display:block; width:min(124px, 6.46vw); background-color:#FFF; padding:0 min(10px, 0.52vw); overflow:hidden; border-radius:min(37px, 1.93vw);} .faq_notice_con > ul > li .list_div > .a_con > .btn_con .a_btn > table {width:100%; margin:0 auto;} .faq_notice_con > ul > li .list_div > .a_con > .btn_con .a_btn > table > tbody > tr > td {height:min(37px, 1.93vw);} .faq_notice_con > ul > li .list_div > .a_con > .btn_con .a_btn > table > tbody > tr > .text_td {} .faq_notice_con > ul > li .list_div > .a_con > .btn_con .a_btn > table > tbody > tr > .text_td span {font-size:min(15px, 0.78vw); color:#222; font-weight:500; line-height:140%; letter-spacing:max(-0.3px, -0.02vw);} .faq_notice_con > ul > li .list_div > .a_con > .btn_con .a_btn > table > tbody > tr > .arrow_td {width:min(10px, 0.52vw);} .faq_notice_con > ul > li .list_div > .a_con > .btn_con .a_btn > table > tbody > tr > .arrow_td img {width:100%;} .faq_notice_con > ul > li.open {border-bottom:min(1px, 0.05vw) solid transparent;} .faq_notice_con > ul > li.open .list_div > .q_con > table > tbody > tr > .arrow_td img {transform:rotate(180deg);} .faq_notice_con > ul > .none_li {text-align:center;} .faq_notice_con > ul > .none_li span {font-size:min(18px, 0.94vw); color:#333; font-weight:500; line-height:500px; letter-spacing:max(-0.36px, -0.02vw);} /*게시판 뷰 페이지*/ .notice_view_con {} .notice_view_con > .contents_con {} .notice_view_con > .contents_con > .normal_view_con {border-top:min(1px, 0.05vw) solid #222; border-bottom:min(1px, 0.05vw) solid #DDD;} .notice_view_con > .contents_con > .normal_view_con > .title_con {border-bottom:min(1px, 0.05vw) solid #DDD; padding:min(30px, 1.56vw);} .notice_view_con > .contents_con > .normal_view_con > .title_con > .text01_con {} .notice_view_con > .contents_con > .normal_view_con > .title_con > .text01_con span {font-size:min(30px, 1.56vw); color:#333; font-weight:600; line-height:140%; letter-spacing:max(-0.6px, -0.03vw);} .notice_view_con > .contents_con > .normal_view_con > .title_con > .text02_con {margin:min(15px, 0.78vw) 0 0 0;} .notice_view_con > .contents_con > .normal_view_con > .title_con > .text02_con span {font-size:min(16px, 0.83vw); color:#999; line-height:140%; letter-spacing:max(-0.32px, -0.02vw);} .notice_view_con > .contents_con > .normal_view_con > .title_con > .text02_con span .color_text {font-weight:700;} .notice_view_con > .contents_con > .normal_view_con > .title_con > .text02_con span .bar {font-size:min(14px, 0.73vw); color:#D9D9D9;} .notice_view_con > .contents_con > .normal_view_con > .contents_con {} .notice_view_con > .contents_con > .normal_view_con > .contents_con > .posts_con {min-height:min(700px, 36.46vw); padding:min(50px, 2.6vw) min(30px, 1.56vw); font-size:min(16px, 0.83vw); color:#222; line-height:150%;} .notice_view_con > .contents_con > .normal_view_con > .contents_con > .posts_con * {all:revert;} .notice_view_con > .contents_con > .normal_view_con > .contents_con > .posts_con img {max-width:100%; height:auto !important;} .notice_view_con > .contents_con > .normal_view_con > .contents_con > .file_con {border-top:min(1px, 0.05vw) solid #DDD; padding:min(20px, 1.04vw);} .notice_view_con > .contents_con > .normal_view_con > .contents_con > .file_con > table {width:100%; margin:0 auto; table-layout:fixed;} .notice_view_con > .contents_con > .normal_view_con > .contents_con > .file_con > table > tbody > tr > td {vertical-align:top;} .notice_view_con > .contents_con > .normal_view_con > .contents_con > .file_con > table > tbody > tr > .title_td {width:min(108px, 5.63vw);} .notice_view_con > .contents_con > .normal_view_con > .contents_con > .file_con > table > tbody > tr > .title_td img {width:min(18px, 0.94vw); margin:0 min(4px, 0.21vw) 0 0; vertical-align:middle;} .notice_view_con > .contents_con > .normal_view_con > .contents_con > .file_con > table > tbody > tr > .title_td span {font-size:min(16px, 0.83vw); color:#888; font-weight:700; line-height:min(21px, 1.09vw); vertical-align:middle;} .notice_view_con > .contents_con > .normal_view_con > .contents_con > .file_con > table > tbody > tr > .info_td {} .notice_view_con > .contents_con > .normal_view_con > .contents_con > .file_con > table > tbody > tr > .info_td > ul {} .notice_view_con > .contents_con > .normal_view_con > .contents_con > .file_con > table > tbody > tr > .info_td > ul > li {margin:min(5px, 0.26vw) 0 0 0;} .notice_view_con > .contents_con > .normal_view_con > .contents_con > .file_con > table > tbody > tr > .info_td > ul > li a {display:inline-block; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:min(16px, 0.83vw); color:#888; line-height:min(21px, 1.09vw); text-decoration:underline;} .notice_view_con > .contents_con > .normal_view_con > .contents_con > .file_con > table > tbody > tr > .info_td > ul > li:first-child {margin:0;} .notice_view_con > .contents_con > .install_view_con {} .notice_view_con > .contents_con > .install_view_con > .title_con {margin:0 0 min(40px, 2.08vw) 0; padding:0 min(400px, 20.83vw) 0 0; position:relative; top:0; left:0;} .notice_view_con > .contents_con > .install_view_con > .title_con > .text_con {} .notice_view_con > .contents_con > .install_view_con > .title_con > .text_con > .text01_con {} .notice_view_con > .contents_con > .install_view_con > .title_con > .text_con > .text01_con > ul {} .notice_view_con > .contents_con > .install_view_con > .title_con > .text_con > .text01_con > ul > li {float:left;} .notice_view_con > .contents_con > .install_view_con > .title_con > .text_con > .text01_con > ul > li span {font-size:min(30px, 1.56vw); font-weight:700; line-height:min(39px, 2.03vw); letter-spacing:max(-0.6px, -0.03vw);} .notice_view_con > .contents_con > .install_view_con > .title_con > .text_con > .text01_con > ul > li span.text01 {color:#999;} .notice_view_con > .contents_con > .install_view_con > .title_con > .text_con > .text01_con > ul > li span.text02 {color:#B7003A;} .notice_view_con > .contents_con > .install_view_con > .title_con > .text_con > .text01_con > ul > .bar_li {width:min(31px, 1.61vw); text-align:center;} .notice_view_con > .contents_con > .install_view_con > .title_con > .text_con > .text01_con > ul > .bar_li span {font-size:min(20px, 1.04vw); color:#E5E5E5;} .notice_view_con > .contents_con > .install_view_con > .title_con > .text_con > .text02_con {margin:min(10px, 0.52vw) 0 0 0;} .notice_view_con > .contents_con > .install_view_con > .title_con > .text_con > .text02_con span {font-size:min(50px, 2.6vw); color:#222; font-weight:600; line-height:130%; letter-spacing:max(-1px, -0.05vw);} .notice_view_con > .contents_con > .install_view_con > .title_con > .btn_con {position:absolute; bottom:0; right:0; z-index:10;} .notice_view_con > .contents_con > .install_view_con > .title_con > .btn_con > ul {} .notice_view_con > .contents_con > .install_view_con > .title_con > .btn_con > ul > li {float:left; width:min(180px, 9.38vw); margin:0 0 0 min(20px, 1.04vw);} .notice_view_con > .contents_con > .install_view_con > .title_con > .btn_con > ul > li .a_btn {display:block; border:min(1px, 0.05vw) solid #222; padding:0 min(23px, 1.2vw); overflow:hidden; border-radius:min(54px, 2.81vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} .notice_view_con > .contents_con > .install_view_con > .title_con > .btn_con > ul > li .a_btn > table {width:100%; margin:0 auto;} .notice_view_con > .contents_con > .install_view_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > td {height:min(52px, 2.71vw);} .notice_view_con > .contents_con > .install_view_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .text_td {} .notice_view_con > .contents_con > .install_view_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .text_td span {font-size:min(18px, 0.94vw); color:#222; font-weight:600; line-height:140%; letter-spacing:max(-0.32px, -0.02vw); transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} .notice_view_con > .contents_con > .install_view_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .arrow_td {width:min(10px, 0.52vw);} .notice_view_con > .contents_con > .install_view_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .arrow_td img {width:100%;} .notice_view_con > .contents_con > .install_view_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .arrow_td .arrow {position:relative; top:0; left:0;} .notice_view_con > .contents_con > .install_view_con > .title_con > .btn_con > ul > li .a_btn > table > tbody > tr > .arrow_td .arrow img.over {position:absolute; top:0; left:0; z-index:10; opacity:0; transition:all 0.6s cubic-bezier(0.22,1,0.36,1);} .notice_view_con > .contents_con > .install_view_con > .title_con > .btn_con > ul > li .a_btn:hover {background-color:#222;} .notice_view_con > .contents_con > .install_view_con > .title_con > .btn_con > ul > li .a_btn:hover > table > tbody > tr > .text_td span {color:#FFF;} .notice_view_con > .contents_con > .install_view_con > .title_con > .btn_con > ul > li .a_btn:hover > table > tbody > tr > .arrow_td .arrow img.over {opacity:1;} .notice_view_con > .contents_con > .install_view_con > .title_con > .btn_con > ul > li:first-child {margin:0;} .notice_view_con > .contents_con > .install_view_con > .contents_con {border-top:min(1px, 0.05vw) solid #DDD; border-bottom:min(1px, 0.05vw) solid #DDD; padding:min(60px, 3.13vw) 0;} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con {} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul {} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li {margin:min(80px, 4.17vw) 0 0 0;} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li:after {content:""; display:block; clear:both;} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div {} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .title_con {margin:0 0 min(20px, 1.04vw) 0;} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .title_con span {font-size:min(30px, 1.56vw); color:#222; font-weight:600; line-height:120%; letter-spacing:max(-0.6px, -0.03vw);} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .contents_con {} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .contents_con .text_con {background-color:#F6F6F6; padding:min(30px, 1.56vw); overflow:hidden; border-radius:min(20px, 1.04vw); word-break:keep-all;} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .contents_con .text_con span {font-size:min(18px, 0.94vw); color:#666; line-height:150%; letter-spacing:max(-0.36px, -0.02vw);} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .contents_con .tab_con {} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .contents_con .tab_con > table {width:100%; margin:0 auto; border-top:min(1px, 0.05vw) solid #000;} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .contents_con .tab_con > table > tbody > tr > td {border-bottom:min(1px, 0.05vw) solid #DDD; border-left:min(1px, 0.05vw) solid #DDD; padding:min(14px, 0.73vw) min(20px, 1.04vw); word-break:keep-all;} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .contents_con .tab_con > table > tbody > tr > td span {font-size:min(18px, 0.94vw); line-height:130%; letter-spacing:max(-0.36px, -0.02vw);} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .contents_con .tab_con > table > tbody > tr > .title_td {width:min(180px, 9.38vw); background-color:#F6F6F6;} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .contents_con .tab_con > table > tbody > tr > .title_td span {color:#222; font-weight:600;} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .contents_con .tab_con > table > tbody > tr > .info_td {} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .contents_con .tab_con > table > tbody > tr > .info_td span {color:#555;} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .contents_con .tab_con > table > tbody > tr > td:first-child {border-left:0;} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .contents_con .photo_con {} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .contents_con .photo_con > ul {} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .contents_con .photo_con > ul > li {margin:min(20px, 1.04vw) 0 0 0;} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .contents_con .photo_con > ul > li img {width:100%; height:auto;} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .contents_con .photo_con > ul > li:first-child {margin:0;} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .contents_con .video_con {position:relative; padding-bottom:56.25%; height:0;} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .posts_div > .contents_con .video_con iframe {position:absolute; top:0; left:0; width:100%; height:100%;} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .fl {float:left; width:min(660px, 34.38vw);} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li .fr {float:right; width:min(660px, 34.38vw);} .notice_view_con > .contents_con > .install_view_con > .contents_con > .posts_con > ul > li:first-child {margin:0;} .notice_view_con > .btn_con {margin:min(80px, 4.17vw) 0 0 0; text-align:center; position:relative; top:0; left:0;} .notice_view_con > .btn_con .a_btn {display:inline-block; width:min(180px, 9.38vw); background-color:#222; text-align:center; font-size:min(18px, 0.94vw); color:#FFF; font-weight:600; line-height:min(60px, 3.13vw); letter-spacing:max(-0.36px, -0.02vw); overflow:hidden; border-radius:min(60px, 3.13vw);} .notice_view_con > .btn_con .article_btn {display:block; width:min(220px, 11.46vw); border:min(1px, 0.05vw) solid #DDD; position:absolute; top:0; z-index:10; overflow:hidden; border-radius:min(60px, 3.13vw); transition:all 0.3s ease;} .notice_view_con > .btn_con .article_btn:hover {background:#FAFAFA;} .notice_view_con > .btn_con .article_btn > table {width:100%; margin:0 auto;} .notice_view_con > .btn_con .article_btn > table > tbody > tr > td {height:min(58px, 3.02vw);} .notice_view_con > .btn_con .article_btn > table > tbody > tr > .arrow_td {width:min(72px, 3.75vw);} .notice_view_con > .btn_con .article_btn > table > tbody > tr > .arrow_td img {width:min(14px, 0.73vw);} .notice_view_con > .btn_con .article_btn > table > tbody > tr > .text_td {} .notice_view_con > .btn_con .article_btn > table > tbody > tr > .text_td span {font-size:min(18px, 0.94vw); color:#222; font-weight:600; line-height:120%; letter-spacing:max(-0.36px, -0.02vw);} .notice_view_con > .btn_con .article_btn.prev {padding:0 min(29px, 1.51vw) 0 0; left:0;} .notice_view_con > .btn_con .article_btn.next {padding:0 0 0 min(29px, 1.51vw); right:0;} /*메인 info01 슬라이드 바*/ @-webkit-keyframes main_info01_slide_nav_bar { 0% { width:0; } 100% { width:100%; } } @keyframes main_info01_slide_nav_bar { 0% { width:0; } 100% { width:100%; } } @keyframes scrollIndicatorBounce { 0%, 100% {transform:translateY(-4px); opacity:0.5;} 50% {transform:translateY(8px); opacity:1;} } @keyframes info01BgKenBurns { from {transform:scale(1.3) translateX(2%);} to {transform:scale(1.08) translateX(-2%);} } /* 줌아웃 키프레임: 크게 → 원래 크기 */ @keyframes info01BgZoomOut { from {transform:scale(1.2);} to {transform:scale(1);} } @keyframes info01BgZoomIn { from {transform:scale(1);} to {transform:scale(1.2);} }