/*font-family: "Pretendard"; font-family: "Plus Jakarta Sans";*/ * {font-family: "Pretendard"; line-height:normal; box-sizing:border-box;} html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none; scrollbar-gutter:stable;} body {width:100%; margin:0 auto; padding:0; font-size:13px; line-height:normal; overflow-y:scroll; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;} img {border:none; margin:0; padding:0; outline:none;} a {border:none; margin:0; padding:0; outline:none; text-decoration:none;} a:active {color:#666666; text-decoration:none;} a:link {color:#666666; text-decoration:none;} a:visited {color:#666666; text-decoration:none;} a:hover {color:#666666; text-decoration:none;} ul {list-style:none; margin:0; padding:0;} ul > li {display:block;} img.fx{max-width:100%;} td { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } input, select, textarea { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; padding:0; outline:none; font-size:13px; color:#000000; line-height:21px; } input::placeholder {color:#000000; opacity:1;} input::-webkit-input-placeholder {color:#000000;} input:-ms-input-placeholder {color:#000000;} input:-moz-input-placeholder {color:#000000;} textarea {overflow-y:scroll; resize:none;} textarea::placeholder {color:#000000; opacity:1;} textarea::-webkit-input-placeholder {color:#000000;} textarea:-ms-input-placeholder {color:#000000;} textarea:-moz-input-placeholder {color:#000000;} input[type=text], input[type=password] ,input[type=tel], input[type=file], input[type=image], input[type=button], input[type=submit], textarea { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; width:100%; } select { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-color:#ffffff; background-image:url("/img/sub/select_arrow.svg"); background-repeat:no-repeat; background-position:right min(10px, 0.52vw) center; background-size:min(10px, 0.52vw); padding:0 min(35px, 1.82vw) 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;} /* 라디오 버튼 */ .radio_label {display:inline-block; cursor:pointer;} .radio_label input[type=radio] {display:none;} .radio_label .check_icon {display:inline-block; width:min(25px, 1.30vw); height:min(25px, 1.30vw); background-image:url("/img/sub/radio_icon_off.svg"); background-repeat:no-repeat; background-size:contain; 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");} .radio_label02 {display:inline-block; cursor:pointer;} .radio_label02 input[type=radio] {display:none;} .radio_label02 .check_icon {display:inline-block; width:min(25px, 1.30vw); height:min(25px, 1.30vw); background-image:url("/img/sub/radio_icon_off.svg"); background-repeat:no-repeat; background-size:contain; vertical-align:middle; cursor:pointer;} .radio_label02 span {vertical-align:middle;} .radio_label02 input[type=radio]:checked + .check_icon {background-image:url("/img/sub/radio_icon_on02.svg");} /* 체크박스 버튼 */ .checkbox_label {display:inline-block; cursor:pointer;} .checkbox_label input[type=checkbox] {display:none;} .checkbox_label .check_icon {display:inline-block; width:min(26px, 1.35vw); height:min(26px, 1.35vw); background-image:url("/img/sub/checkbox_icon_off.svg"); background-repeat:no-repeat; background-size:contain; vertical-align:middle; cursor:pointer;} .checkbox_label span {vertical-align:middle;} .checkbox_label input[type=checkbox]:checked + .check_icon {background-image:url("/img/sub/checkbox_icon_on.svg");} .checkbox_label02 {display:inline-block; cursor:pointer;} .checkbox_label02 input[type=checkbox] {display:none;} .checkbox_label02 .check_icon {display:inline-block; width:min(26px, 1.35vw); height:min(26px, 1.35vw); background-image:url("/img/sub/checkbox_icon_off.svg"); background-repeat:no-repeat; background-size:contain; vertical-align:middle; cursor:pointer;} .checkbox_label02 span {vertical-align:middle;} .checkbox_label02 input[type=checkbox]:checked + .check_icon {background-image:url("/img/sub/checkbox_icon_on02.svg");} .checkbox_label03 {display:inline-block; cursor:pointer;} .checkbox_label03 input[type=checkbox] {display:none;} .checkbox_label03 .check_icon {display:inline-block; width:min(26px, 1.35vw); height:min(26px, 1.35vw); background-image:url("/img/sub/checkbox_icon_off.svg"); background-repeat:no-repeat; background-size:contain; vertical-align:middle; cursor:pointer;} .checkbox_label03 span {vertical-align:middle;} .checkbox_label03 input[type=checkbox]:checked + .check_icon {background-image:url("/img/sub/checkbox_icon_on03.svg");} /*번호목록*/ .number_list_con {margin-top:min(40px, 2.08vw);} .number_list_con > .contents_con {display:flex; justify-content:center; align-items:center; gap:min(20px, 1.04vw);} .number_list_con > .contents_con > .btn_con {} .number_list_con > .contents_con > .btn_con > a {display:block; width:min(28px, 1.46vw);} .number_list_con > .contents_con > .btn_con > a > img {width:100%;} .number_list_con > .contents_con > .list_con {display:flex; gap:min(12px, 0.63vw); text-align:center;} .number_list_con > .contents_con > .list_con > a {display:flex; justify-content:center; align-items:center; width:min(28px, 1.46vw); height:min(28px, 1.46vw); font-size:min(16px, 0.83vw); color:#666; font-weight:400; line-height:normal;} .number_list_con > .contents_con > .list_con > a.on {background:#00499F; color:#FFF; font-weight:700; border-radius:min(4px, 0.21vw);} #wrap {width:100%; min-width:min(280px, 14.58vw); margin:0 auto;} body.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;} /* 헤더 */ #header {width:100%; margin:0 auto; position:fixed; top:0; left:0; right:0; transform:translateY(0); z-index:200; transition:all 0.3s ease;} #header > .contents_con {display:flex; justify-content:space-between; align-items:center; width:100%; margin:0 auto; background:transparent; padding:min(15px, 0.78vw) min(150px, 7.81vw); transition:all 0.3s ease;} #header > .contents_con > .logo_con {} #header > .contents_con > .logo_con > a {display:inline-block; width:min(112px, 5.83vw);} #header > .contents_con > .logo_con > a > img {width:100%;} #header > .contents_con > .logo_con > a > img.wh {display:block;} #header > .contents_con > .logo_con > a > img.color {display:none;} #header > .contents_con > .list_con {} #header > .contents_con > .list_con > ul {display:flex; align-items:center; gap:min(10px, 0.52vw);} #header > .contents_con > .list_con > ul > li {width:min(150px, 7.81vw); text-align:center; position:relative;} #header > .contents_con > .list_con > ul > li > a {display:inline-block; font-size:min(20px, 1.04vw); color:#FFF; font-weight:700; line-height:normal; transition:all 0.3s ease;} #header > .contents_con > .list_con > ul > li > .sub_menu {display:none; position:absolute; top:min(20px, 1.04vw); left:50%; transform:translateX(-50%);} #header > .contents_con > .list_con > ul > li > .sub_menu > .contents_con {padding:min(60px, 3.13vw) 0 0;} #header > .contents_con > .list_con > ul > li > .sub_menu > .contents_con > ul {display:flex; flex-direction:column; gap:min(20px, 1.04vw); width:min(175px, 9.11vw); background:rgba(255,255,255,0.8); padding:min(20px, 1.04vw) min(10px, 0.52vw); border-radius:min(20px, 1.04vw); box-shadow:0 min(20px, 1.04vw) min(20px, 1.04vw) 0 rgba(0, 0, 0, 0.10);} #header > .contents_con > .list_con > ul > li > .sub_menu > .contents_con > ul > li {text-align:center;} #header > .contents_con > .list_con > ul > li > .sub_menu > .contents_con > ul > li > a {display:block; font-size:min(18px, 0.94vw); color:#222; font-weight:500; line-height:normal;} #header > .contents_con > .user_con {display:flex; align-items:center; gap:min(10px, 0.52vw);} #header > .contents_con > .user_con > .auth_con {} #header > .contents_con > .user_con > .auth_con > .info_con {} #header > .contents_con > .user_con > .auth_con > .info_con > ul {display:inline-flex; justify-content:space-between; align-items:center; gap:min(35px, 1.82vw); border:1px solid #F9F9F9; padding:min(20px, 1.04vw) min(30px, 1.56vw); border-radius:min(100px, 5.21vw); transition:all 0.3s ease;} #header > .contents_con > .user_con > .auth_con > .info_con > ul > li {position:relative;} #header > .contents_con > .user_con > .auth_con > .info_con > ul > li:before {content:''; width:1px; height:min(14px, 0.73vw); background:#FFF; position:absolute; top:50%; left:max(-18px, -0.94vw); transform:translateY(-50%); transition:all 0.3s ease;} #header > .contents_con > .user_con > .auth_con > .info_con > ul > li:first-child:before {content:none;} #header > .contents_con > .user_con > .auth_con > .info_con > ul > li > a {font-size:min(16px, 0.83vw); color:#F9F9F9; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw); transition:all 0.3s ease;} #header > .contents_con > .user_con > .auth_con > .info_con > ul > li > span {font-size:min(16px, 0.83vw); color:#F9F9F9; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw); transition:all 0.3s ease;} #header > .contents_con > .user_con > .auth_con > .info_con > ul > li > span .color_text {} #header > .contents_con > .user_con > .btn_con {display:flex; gap:min(10px, 0.52vw);} #header > .contents_con > .user_con > .btn_con > ul {display:flex; align-items:center; gap:min(10px, 0.52vw);} #header > .contents_con > .user_con > .btn_con > ul > li {} #header > .contents_con > .user_con > .btn_con > ul > li > a {display:flex; justify-content:center; align-items:center; width:min(62px, 3.23vw); height:min(62px, 3.23vw); border-radius:min(100px, 5.21vw); transition:all 0.3s ease;} #header > .contents_con > .user_con > .btn_con > ul > li > a > img {} #header > .contents_con > .user_con > .btn_con > ul > li > a.reserv {background:#F9F9F9;} #header > .contents_con > .user_con > .btn_con > ul > li > a.reserv > img {width:min(22px, 1.15vw);} #header > .contents_con > .user_con > .btn_con > ul > li > a.reserv > img.wh {display:none;} #header > .contents_con > .user_con > .btn_con > ul > li > a.reserv > img.color {display:block;} #header > .contents_con > .user_con > .btn_con > ul > li > a.alarm {border:1px solid #FFF; position:relative;} #header > .contents_con > .user_con > .btn_con > ul > li > a.alarm.on:after {content:''; width:min(5px, 0.26vw); height:min(5px, 0.26vw); background:#F00; position:absolute; top:min(18px, 0.94vw); right:min(18px, 0.94vw); border-radius:min(100px, 5.21vw);} #header > .contents_con > .user_con > .btn_con > ul > li > a.alarm > img {display:block; width:min(22px, 1.15vw);} #header > .contents_con > .user_con > .btn_con > ul > li > a.alarm > img.wh {display:block;} #header > .contents_con > .user_con > .btn_con > ul > li > a.alarm > img.color {display:none;} #header > .contents_con > .user_con > .btn_con > .logout_btn {} #header > .contents_con > .user_con > .btn_con > .logout_btn > a {display:inline-flex; justify-content:center; align-items:center; border:1px solid #F9F9F9; padding:min(20px, 1.04vw); font-size:min(16px, 0.83vw); color:#F9F9F9; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw); border-radius:min(100px, 5.21vw); transition:all 0.3s ease;} #header .logout {display:block;} #header .logout.m_con {display:none;} #header .login {display:none;} /* 로그인 시 */ #header.login {} #header.login .logout {display:none;} #header.login .login {display:block;} /* 헤더 서브페이지일때 */ .sub #header > .contents_con {background:rgba(255,255,255,0.7); backdrop-filter:blur(10px);} .sub #header > .contents_con > .logo_con > a > img.wh {display:none;} .sub #header > .contents_con > .logo_con > a > img.color {display:block;} .sub #header > .contents_con > .list_con > ul > li > a {color:#222;} .sub #header > .contents_con > .user_con > .auth_con > .info_con > ul {border:1px solid #222;} .sub #header > .contents_con > .user_con > .auth_con > .info_con > ul > li:before {background:#222;} .sub #header > .contents_con > .user_con > .auth_con > .info_con > ul > li > a {color:#222;} .sub #header > .contents_con > .user_con > .auth_con > .info_con > ul > li > span {color:#222;} .sub #header > .contents_con > .user_con > .btn_con > ul > li > a.reserv {background:#00499F;} .sub #header > .contents_con > .user_con > .btn_con > ul > li > a.reserv > img.wh {display:block;} .sub #header > .contents_con > .user_con > .btn_con > ul > li > a.reserv > img.color {display:none;} .sub #header > .contents_con > .user_con > .btn_con > ul > li > a.alarm {border:1px solid #000;} .sub #header > .contents_con > .user_con > .btn_con > ul > li > a.alarm > img.wh {display:none;} .sub #header > .contents_con > .user_con > .btn_con > ul > li > a.alarm > img.color {display:block;} .sub #header > .contents_con > .user_con > .btn_con > .logout_btn > a {border:1px solid #222; color:#222;} /* 헤더 스크롤시 */ #header.scroll > .contents_con {background:rgba(255,255,255,0.7); backdrop-filter:blur(10px);} #header.scroll > .contents_con > .logo_con > a > img.wh {display:none;} #header.scroll > .contents_con > .logo_con > a > img.color {display:block;} #header.scroll > .contents_con > .list_con > ul > li > a {color:#222;} #header.scroll > .contents_con > .user_con > .auth_con > .info_con > ul {border:1px solid #222;} #header.scroll > .contents_con > .user_con > .auth_con > .info_con > ul > li:before {background:#222;} #header.scroll > .contents_con > .user_con > .auth_con > .info_con > ul > li > a {color:#222;} #header.scroll > .contents_con > .user_con > .auth_con > .info_con > ul > li > span {color:#222;} #header.scroll > .contents_con > .user_con > .btn_con > ul > li > a.reserv {background:#00499F;} #header.scroll > .contents_con > .user_con > .btn_con > ul > li > a.reserv > img.wh {display:block;} #header.scroll > .contents_con > .user_con > .btn_con > ul > li > a.reserv > img.color {display:none;} #header.scroll > .contents_con > .user_con > .btn_con > ul > li > a.alarm {border:1px solid #000;} #header.scroll > .contents_con > .user_con > .btn_con > ul > li > a.alarm > img.wh {display:none;} #header.scroll > .contents_con > .user_con > .btn_con > ul > li > a.alarm > img.color {display:block;} #header.scroll > .contents_con > .user_con > .btn_con > .logout_btn > a {border:1px solid #222; color:#222;} /* 메인 컨텐츠 */ #main_con {width:100%; margin:0 auto; overflow:hidden;} #main_con > .info01_con {width:100%; margin:0 auto; position:relative; z-index:0;} #main_con > .info01_con > .bg_con {width:100%;} #main_con > .info01_con > .bg_con > img {width:100%;} #main_con > .info01_con > .contents_con {width:100%; padding:min(371px, 19.32vw) 0 0; position:absolute; top:0; left:0; right:0; z-index:1;} #main_con > .info01_con > .contents_con > .txt_con {text-align:center;} #main_con > .info01_con > .contents_con > .txt_con > .text01_con {} #main_con > .info01_con > .contents_con > .txt_con > .text01_con > span {font-size:min(50px, 2.60vw); color:#FFF; font-weight:300; line-height:110%; letter-spacing:max(-1.15px, -0.06vw);} #main_con > .info01_con > .contents_con > .txt_con > .text02_con {margin:min(9px, 0.47vw) 0 0;} #main_con > .info01_con > .contents_con > .txt_con > .text02_con > span {font-size:min(150px, 7.81vw); color:#FFF; font-weight:800; line-height:110%; letter-spacing:max(-3.45px, -0.18vw); font-family: "Plus Jakarta Sans";} #main_con > .info01_con > .contents_con > .btn_con {margin:min(44px, 2.29vw) 0 0;} #main_con > .info01_con > .contents_con > .btn_con > ul {display:flex; justify-content:center; align-items:center; gap:min(11px, 0.57vw);} #main_con > .info01_con > .contents_con > .btn_con > ul > li {} #main_con > .info01_con > .contents_con > .btn_con > ul > li > a {display:flex; justify-content:center; align-items:center; width:min(287px, 14.95vw); height:min(82px, 4.27vw); border:1px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.02); font-size:min(22px, 1.15vw); color:#FFF; font-weight:300; line-height:130%; letter-spacing:max(-1.1px, -0.06vw); backdrop-filter:blur(5px); border-radius:min(5px, 0.26vw);} #main_con > .info01_con > .contents_con > .scroll_con {display:flex; flex-direction:column; align-items:center; gap:min(12px, 0.63vw); margin:min(203px, 10.57vw) 0 0;} #main_con > .info01_con > .contents_con > .scroll_con > .mouse {width:min(30px, 1.56vw); margin:0 auto; height:min(48px, 2.50vw); border:2px solid #FFF; border-radius:min(50px, 2.60vw); position:relative;} #main_con > .info01_con > .contents_con > .scroll_con > .mouse > .scroller {width:2px; height:min(10px, 0.52vw); border-radius:min(5px, 0.26vw); background:#FFF; position:absolute; top:min(6px, 0.31vw); left:50%; transform:translateX(-50%); animation:main_scroll 1.6s cubic-bezier(0.04, 0.31, 0.58, 1.02) infinite;} #main_con > .info01_con > .contents_con > .scroll_con > .text_con {} #main_con > .info01_con > .contents_con > .scroll_con > .text_con > span {font-size:min(14px, 0.73vw); color:#FFF; font-weight:600; line-height:normal;} #main_con > .info02_con {width:100%; margin:0 auto; background:url("/img/main/info02_con_bg.png")no-repeat center/cover;} #main_con > .info02_con > .contents_con {display:flex; justify-content:space-between; align-items:stretch; width:100%; max-width:min(1680px, 87.50vw); margin:0 auto; padding:min(175px, 9.11vw) 0;} #main_con > .info02_con > .contents_con > .txt_con {} #main_con > .info02_con > .contents_con > .txt_con > .title_con {} #main_con > .info02_con > .contents_con > .txt_con > .title_con > span {font-size:min(90px, 4.69vw); color:#515151; font-weight:700; line-height:120%; letter-spacing:max(-2.07px, -0.11vw); font-family: "Plus Jakarta Sans";} #main_con > .info02_con > .contents_con > .txt_con > .text_con {margin:min(26px, 1.35vw) 0 0; padding:min(20px, 1.04vw) min(10px, 0.52vw);} #main_con > .info02_con > .contents_con > .txt_con > .text_con > span {font-size:min(20px, 1.04vw); color:rgba(161,161,161,0.8); font-weight:400; line-height:150%; letter-spacing:max(-0.46px, -0.02vw);} #main_con > .info02_con > .contents_con > .btn_con {display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end;} #main_con > .info02_con > .contents_con > .btn_con > .text_con {} #main_con > .info02_con > .contents_con > .btn_con > .text_con > span {font-size:min(24px, 1.25vw); color:#323232; font-weight:700; line-height:110%; letter-spacing:max(-0.552px, -0.03vw);} #main_con > .info02_con > .contents_con > .btn_con > .btn_con {} #main_con > .info02_con > .contents_con > .btn_con > .btn_con > a {display:flex; align-items:center; gap:min(8px, 0.42vw);} #main_con > .info02_con > .contents_con > .btn_con > .btn_con > a > span {font-size:min(18px, 0.94vw); color:#515151; font-weight:700; line-height:130%; letter-spacing:max(-0.9px, -0.05vw);} #main_con > .info02_con > .contents_con > .btn_con > .btn_con > a > img {width:min(45px, 2.34vw);} #main_con > .info03_con {} #main_con > .info03_con > .contents_con {background:linear-gradient(180deg, #1360C1 0%, #092356 35.37%, #000C22 69.31%);} #main_con > .info03_con > .contents_con > .reserv_con {position:relative;} #main_con > .info03_con > .contents_con > .reserv_con:before {content:''; width:min(1920px, 100.00vw); height:min(693px, 36.09vw); background:url("/img/main/info03_con_reserv_con_top_bg.png")no-repeat center/contain; position:absolute; top:0; left:50%; transform:translateX(-50%);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con {display:flex; flex-direction:column; gap:min(77px, 4.01vw); width:100%; max-width:min(1680px, 87.50vw); margin:0 auto; padding:min(200px, 10.42vw) 0 min(30px, 1.56vw); position:relative; z-index:10;} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con {display:flex; flex-direction:column; gap:min(70px, 3.65vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .txt_con {display:flex; flex-direction:column; gap:min(17px, 0.89vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .txt_con > .title_con {} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .txt_con > .title_con > span {font-size:min(70px, 3.65vw); color:rgba(255,255,255,0.5); font-weight:200; line-height:110%; letter-spacing:max(-1.61px, -0.08vw); font-family: "Plus Jakarta Sans";} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .txt_con > .text_con {} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .txt_con > .text_con > span {font-size:min(50px, 2.60vw); color:#FFF; font-weight:700; line-height:110%; letter-spacing:max(-1.15px, -0.06vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .ti_con {display:flex; justify-content:space-between; align-items:center;} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .ti_con > .text_con {} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .ti_con > .text_con > span {font-size:min(22px, 1.15vw); color:rgba(255,255,255,0.7); font-weight:300; line-height:130%; letter-spacing:max(-0.506px, -0.03vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .ti_con > .form_con {} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .ti_con > .form_con .input_con {display:flex; align-items:center; gap:min(10px, 0.52vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .ti_con > .form_con .input_con > .select_con {} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .ti_con > .form_con .input_con > .select_con > select, #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .ti_con > .form_con .input_con > .select_con > .drop_con > .drop_btn {width:min(220px, 11.46vw); height:min(59px, 3.07vw); border:none; padding:0 min(30px, 1.56vw); border-radius:min(100px, 5.21vw); background-color:rgba(34,34,34,0.20); font-size:min(16px, 0.83vw); color:#F9F9F9; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw); backdrop-filter:blur(6px) saturate(var(--saturation)); -webkit-backdrop-filter:blur(6px) saturate(var(--saturation)); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent), inset 1.8px 3px 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent), inset -2px -2px 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent), inset -3px -8px 1px -6px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -0.3px -1px 4px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 12%), transparent), inset -1.5px 2.5px 0px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 0px 3px 4px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 2px -6.5px 1px -4px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 1px 5px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 6px 16px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent); transition:background-color 400ms cubic-bezier(1, 0, 0.4, 1), box-shadow 400ms cubic-bezier(1, 0, 0.4, 1); background-image:url("/img/sub/select_arrow_wh.svg"); background-repeat:no-repeat; background-position:right min(30px, 1.56vw) center; background-size:min(18px, 0.94vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .ti_con > .form_con .input_con > .date_con {} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .ti_con > .form_con .input_con > .date_con > .date_group {display:inline-flex; align-items:center; gap:min(30px, 1.56vw); padding:min(20px, 1.04vw) min(30px, 1.56vw); border-radius:min(100px, 5.21vw); box-shadow:0 min(5px, 0.26vw) min(20px, 1.04vw) 0 rgba(0,0,0,0.1); background-color:rgba(34,34,34,0.20); backdrop-filter:blur(6px) saturate(var(--saturation)); -webkit-backdrop-filter:blur(6px) saturate(var(--saturation)); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent), inset 1.8px 3px 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent), inset -2px -2px 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent), inset -3px -8px 1px -6px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -0.3px -1px 4px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 12%), transparent), inset -1.5px 2.5px 0px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 0px 3px 4px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 2px -6.5px 1px -4px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 1px 5px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 6px 16px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent); transition:background-color 400ms cubic-bezier(1, 0, 0.4, 1), box-shadow 400ms cubic-bezier(1, 0, 0.4, 1);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .ti_con > .form_con .input_con > .date_con > .date_group > input {width:min(85px, 4.43vw); height:auto; border:none; background:transparent; font-size:min(16px, 0.83vw); color:#FFF; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .ti_con > .form_con .input_con > .date_con > .date_group > span {font-size:min(16px, 0.83vw); color:#FFF; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .ti_con > .form_con .input_con > .date_con > .date_group > .img_con {width:min(20px, 1.04vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .ti_con > .form_con .input_con > .date_con > .date_group > .img_con > img {width:100%;} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .ti_con > .form_con .input_con > .btn_con {display:flex; justify-content:center; align-items:center; width:min(115px, 5.99vw); height:min(59px, 3.07vw); border:none; padding:0 min(30px, 1.56vw); border-radius:min(100px, 5.21vw); background-color:rgba(1, 42, 90, 0.70); backdrop-filter:blur(6px) saturate(var(--saturation)); -webkit-backdrop-filter:blur(6px) saturate(var(--saturation)); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent), inset 1.8px 3px 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent), inset -2px -2px 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent), inset -3px -8px 1px -6px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -0.3px -1px 4px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 12%), transparent), inset -1.5px 2.5px 0px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 0px 3px 4px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 2px -6.5px 1px -4px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 1px 5px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 6px 16px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent); transition:background-color 400ms cubic-bezier(1, 0, 0.4, 1), box-shadow 400ms cubic-bezier(1, 0, 0.4, 1);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .ti_con > .form_con .input_con > .btn_con > a {display:inline-block; font-size:min(16px, 0.83vw); color:#F9F9F9; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con {} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .title_con {width:100%; border:1px solid rgba(255,255,255,0.1); border-radius:min(50px, 2.60vw); padding:0 min(30px, 1.56vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .title_con > table {width:100%; table-layout:fixed;} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .title_con > table > tbody {} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .title_con > table > tbody > tr {} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .title_con > table > tbody > tr > td {height:min(63px, 3.28vw); padding:min(10px, 0.52vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .title_con > table > tbody > tr > td > span {font-size:min(20px, 1.04vw); color:#FFF; font-weight:500; line-height:normal; letter-spacing:max(-0.46px, -0.02vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con table > tbody > tr > .category_td {width:min(270px, 14.06vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con table > tbody > tr > .reserv_td {width:min(150px, 7.81vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con table > tbody > tr > .date_td {width:min(150px, 7.81vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con table > tbody > tr > .time_td {width:min(150px, 7.81vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con table > tbody > tr > .pass_td {width:min(150px, 7.81vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con table > tbody > tr > .parking_td {width:min(150px, 7.81vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con table > tbody > tr > .etc_td {width:min(494px, 25.73vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con table > tbody > tr > .btn_td {} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con {margin:min(26px, 1.35vw) 0 0;} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con > ul {display:flex; flex-direction:column; gap:min(16px, 0.83vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con > ul > li {width:100%; border:1px solid rgba(249, 249, 249, 0.10); background:#F9F9F9; border-radius:min(20px, 1.04vw); box-shadow:0 0 min(14px, 0.73vw) 0 #0075FF; overflow:hidden;} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con > ul > li > .list_div {width:100%; padding:min(20px, 1.04vw) min(30px, 1.56vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con > ul > li > .list_div > table {width:100%;} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con > ul > li > .list_div > table > tbody > tr > td {padding:min(20px, 1.04vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con > ul > li > .list_div > table > tbody > tr > td > span {font-size:min(18px, 0.94vw); color:#2E2E2E; font-weight:500; line-height:normal; letter-spacing:max(-0.414px, -0.02vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con > ul > li > .list_div > table > tbody > tr > .category_td {padding:0;} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con > ul > li > .list_div > table > tbody > tr > .category_td > .wrap_con {width:min(270px, 14.06vw); position:relative; border-radius:min(20px, 1.04vw); overflow:hidden;} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con > ul > li > .list_div > table > tbody > tr > .category_td > .wrap_con > .img_con {width:100%; background:no-repeat center/cover;} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con > ul > li > .list_div > table > tbody > tr > .category_td > .wrap_con > .img_con > img {width:100%;} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con > ul > li > .list_div > table > tbody > tr > .category_td > .wrap_con > .text_con {display:flex; justify-content:center; align-items:center; gap:min(5px, 0.26vw); width:max-content; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con > ul > li > .list_div > table > tbody > tr > .category_td > .wrap_con > .text_con > span {font-size:min(26px, 1.35vw); color:#FFF; font-weight:300; line-height:normal; letter-spacing:max(-0.598px, -0.03vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con > ul > li > .list_div > table > tbody > tr > .category_td > .wrap_con > .text_con > span.bold {font-weight:700;} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con > ul > li > .list_div > table > tbody > tr > td > .text_con {} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con > ul > li > .list_div > table > tbody > tr > td > .text_con > span {display:flex; justify-content:center; align-items:center; width:min(88px, 4.58vw); height:min(38px, 1.98vw); border:1px solid #206BFF; background:#E2EBFF; font-size:min(18px, 0.94vw); color:#206BFF; font-weight:700; line-height:normal; letter-spacing:max(-0.414px, -0.02vw); border-radius:min(50px, 2.60vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con > ul > li > .list_div > table > tbody > tr > td > .text_con.impossible > span {border:1px solid #FF2020; background:#FFE2E2; color:#FF2020;} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con > ul > li > .list_div > table > tbody > tr > .btn_td {padding:0;} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con > ul > li > .list_div > table > tbody > tr > .btn_td > a {display:flex; justify-content:center; align-items:center; width:min(106px, 5.52vw); height:min(106px, 5.52vw); background:#00499F; font-size:min(16px, 0.83vw); color:#F9F9F9; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw); border-radius:min(20px, 1.04vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .list_con > ul > li.close {opacity:0.5; box-shadow:none; pointer-events:none;} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .btn_con {margin:min(32px, 1.67vw) 0 0; text-align:right;} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .btn_con > a {display:inline-flex; justify-content:flex-end; align-items:center; gap:min(10px, 0.52vw);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .btn_con > a > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:600; line-height:normal;} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .table_con > .btn_con > a > img {width:min(11px, 0.57vw);} #main_con > .info03_con > .contents_con .intro_con {} #main_con > .info03_con > .contents_con .intro_con > .contents_con {padding:min(210px, 10.94vw) 0 min(283px, 14.74vw); position:relative; z-index:10;} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .txt_con {text-align:center; position:relative; z-index:20;} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .txt_con > .title_con {} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .txt_con > .title_con > span {font-size:min(90px, 4.69vw); color:#FFF; font-weight:700; line-height:120%; letter-spacing:max(-2.07px, -0.11vw);} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .txt_con > .text_con {margin:min(48px, 2.50vw) 0 0;} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .txt_con > .text_con > span {font-size:min(28px, 1.46vw); color:#FFF; font-weight:300; line-height:130%; letter-spacing:max(-0.644px, -0.03vw); text-shadow:0 min(4px, 0.21vw) min(4px, 0.21vw) rgba(0,0,0,0.25);} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .list_con {width:100%; max-width:min(1680px, 87.50vw); margin:0 auto; margin-top:min(550px, 28.65vw);} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:min(20px, 1.04vw); justify-content:center;} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .list_con > ul > li {display:flex; align-items:flex-start; gap:min(25px, 1.30vw);} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .list_con > ul > li > .list_div {width:min(718px, 37.40vw); display:flex; flex-direction:column; gap:min(27px, 1.41vw); text-align:right;} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .list_con > ul > li > .list_div > .img_con {width:100%; border-radius:min(10px, 0.52vw); box-shadow:0 min(4px, 0.21vw) min(20px, 1.04vw) 0 rgba(0,0,0,0.2); overflow:hidden;} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .list_con > ul > li > .list_div > .img_con > img {} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .list_con > ul > li > .list_div > .txt_con {display:flex; flex-direction:column; align-items:flex-end; gap:min(27px, 1.41vw);} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con {} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > span {font-size:min(70px, 3.65vw); color:#FFF; font-weight:300; line-height:120%; letter-spacing:max(-1.61px, -0.08vw);} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > span.num {font-weight:700; font-family: "Plus Jakarta Sans";} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con {} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con > span {font-size:min(28px, 1.46vw); color:rgba(255,255,255,0.8); font-weight:300; line-height:130%; letter-spacing:max(-0.644px, -0.03vw); text-shadow:0 min(4px, 0.21vw) min(4px, 0.21vw) rgba(0,0,0,0.25);} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .list_con > ul > li > .bar_con {width:min(103px, 5.36vw); position:relative; top:min(255px, 13.28vw); z-index:10;} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .list_con > ul > li > .bar_con > .bar {width:100%; height:2px; background:#FFF;} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .list_con > ul > li > .bar_con > .dot {width:min(12px, 0.63vw); height:min(12px, 0.63vw); background:#FFF; border-radius:min(12px, 0.63vw); position:absolute; top:50%; right:0; transform:translateY(-50%);} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .list_con > ul > li:nth-child(even) {align-self:flex-end;} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .list_con > ul > li:nth-child(even) > .list_div {text-align:left;} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .list_con > ul > li:nth-child(even) > .list_div > .txt_con {align-items:flex-start;} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .list_con > ul > li:nth-child(even) > .bar_con > .dot {left:0;} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .bg_element {position:absolute; bottom:min(20px, 1.04vw); left:50%; transform:translateX(-50%); z-index:10;} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .bg_element > .img_con {width:min(258px, 13.44vw); position:absolute; top:max(-380px, -19.79vw); left:50%; transform:translateX(-50%);} #main_con > .info03_con > .contents_con .intro_con > .contents_con > .bg_element > .bar_con {width:min(33px, 1.72vw);} #main_con > .info03_con > .contents_con .info_con {position:relative;} #main_con > .info03_con > .contents_con .info_con:before {content:''; width:min(1920px, 100.00vw); height:min(1714px, 89.27vw); background:url("/img/main/info03_con_info_con_bg.jpg")no-repeat center/contain; position:absolute; bottom:0; left:50%; transform:translateX(-50%);} #main_con > .info03_con > .contents_con .info_con > .contents_con {width:100%; max-width:min(1680px, 87.50vw); margin:0 auto; padding:min(60px, 3.13vw) 0 min(200px, 10.42vw); position:relative; z-index:10;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .txt_con {display:flex; flex-direction:column; align-items:center; gap:min(30px, 1.56vw); text-align:center;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .txt_con > .title_con {} #main_con > .info03_con > .contents_con .info_con > .contents_con > .txt_con > .title_con > span {font-size:min(90px, 4.69vw); color:#FFF; font-weight:700; line-height:120%; letter-spacing:max(-2.07px, -0.11vw);} #main_con > .info03_con > .contents_con .info_con > .contents_con > .txt_con > .text_con {} #main_con > .info03_con > .contents_con .info_con > .contents_con > .txt_con > .text_con > span {font-size:min(28px, 1.46vw); color:rgba(255,255,255,0.7); font-weight:300; line-height:130%; letter-spacing:max(-0.644px, -0.03vw);} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con {display:flex; flex-direction:column; gap:min(90px, 4.69vw); margin:min(120px, 6.25vw) 0 0;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > div {position:relative;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .locker_con {display:flex; justify-content:flex-end;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .locker_con > .title_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw); position:absolute; top:min(40px, 2.08vw); left:min(165px, 8.59vw); z-index:10;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .locker_con > .title_con > .text_con {} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .locker_con > .title_con > .text_con > span {font-size:min(50px, 2.60vw); color:#FFF; font-weight:700; line-height:120%; letter-spacing:max(-1.15px, -0.06vw);} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .locker_con > .title_con > a {display:flex; gap:min(10px, 0.52vw);} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .locker_con > .title_con > a > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:600;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .locker_con > .title_con > a > img {width:min(11px, 0.57vw);} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .locker_con > .slide_con {width:min(1250px, 65.10vw);} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .locker_con > .slide_con > .swiper {} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .locker_con > .slide_con > .swiper .swiper-wrapper {} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .locker_con > .slide_con > .swiper .swiper-wrapper .swiper-slide {width:min(613px, 31.93vw); margin:0 min(24px, 1.25vw) 0 0;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .locker_con > .slide_con > .swiper .swiper-wrapper .swiper-slide:last-child {margin:0;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .locker_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a {} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .locker_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .img_con {background:no-repeat center/cover;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .locker_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .img_con > img {width:100%;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .locker_con > .slide_con > .swiper-pagination {display:flex; justify-content:flex-end; gap:min(16px, 0.83vw); position:unset; margin:min(25px, 1.30vw) 0 0;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .locker_con > .slide_con > .swiper-pagination .swiper-pagination-bullet {width:min(120px, 6.25vw); height:min(3px, 0.16vw); background:#FFF; margin:0; padding:0; opacity:0.1; border-radius:0; transition:all 0.3s ease} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .locker_con > .slide_con > .swiper-pagination .swiper-pagination-bullet-active {opacity:1;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .recess_con {display:flex; justify-content:flex-start;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .recess_con > .title_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw); position:absolute; top:min(40px, 2.08vw); left:0; z-index:10;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .recess_con > .title_con > .text_con {} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .recess_con > .title_con > .text_con > span {font-size:min(50px, 2.60vw); color:#FFF; font-weight:700; line-height:120%; letter-spacing:max(-1.15px, -0.06vw);} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .recess_con > .title_con > a {display:flex; gap:min(10px, 0.52vw);} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .recess_con > .title_con > a > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:600;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .recess_con > .title_con > a > img {width:min(11px, 0.57vw);} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .recess_con > .slide_con {width:min(1250px, 65.10vw); margin-left:min(170px, 8.85vw);} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .recess_con > .slide_con > .swiper {} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .recess_con > .slide_con > .swiper .swiper-wrapper {} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .recess_con > .slide_con > .swiper .swiper-wrapper .swiper-slide {width:min(613px, 31.93vw); margin:0 min(24px, 1.25vw) 0 0;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .recess_con > .slide_con > .swiper .swiper-wrapper .swiper-slide:last-child {margin:0;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .recess_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a {} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .recess_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .img_con {background:no-repeat center/cover;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .recess_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .img_con > img {width:100%;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .recess_con > .slide_con > .swiper-pagination {display:flex; justify-content:flex-end; gap:min(16px, 0.83vw); position:unset; margin:min(25px, 1.30vw) 0 0;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .recess_con > .slide_con > .swiper-pagination .swiper-pagination-bullet {width:min(120px, 6.25vw); height:min(3px, 0.16vw); background:#FFF; margin:0; padding:0; opacity:0.1; border-radius:0; transition:all 0.3s ease;} #main_con > .info03_con > .contents_con .info_con > .contents_con > .slide_con > .recess_con > .slide_con > .swiper-pagination .swiper-pagination-bullet-active {opacity:1;} #main_con > .info04_con {width:100%; margin:0 auto; position:relative; z-index:0; overflow:hidden;} #main_con > .info04_con:after {content:''; width:min(990px, 51.56vw); height:min(990px, 51.56vw); background:rgba(9,96,199,0.5); filter:blur(250px); border-radius:100%; position:absolute; bottom:max(-400px, -20.83vw); left:50%; transform:translateX(-50%); z-index:-1;} #main_con > .info04_con > .contents_con {display:flex; flex-direction:column; align-items:center; gap:min(50px, 2.60vw); padding:min(140px, 7.29vw) 0 min(120px, 6.25vw);} #main_con > .info04_con > .contents_con > .txt_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw); text-align:center;} #main_con > .info04_con > .contents_con > .txt_con > .title_con {} #main_con > .info04_con > .contents_con > .txt_con > .title_con > span {font-size:min(70px, 3.65vw); color:#222; font-weight:700; line-height:120%; letter-spacing:max(-1.61px, -0.08vw);} #main_con > .info04_con > .contents_con > .txt_con > .text_con {} #main_con > .info04_con > .contents_con > .txt_con > .text_con > span {font-size:min(28px, 1.46vw); color:rgba(161,161,161,0.8); font-weight:400; line-height:150%; letter-spacing:max(-0.644px, -0.03vw);} #main_con > .info04_con > .contents_con > .tab_con {width:100%; max-width:min(1620px, 84.38vw); margin:0 auto;} #main_con > .info04_con > .contents_con > .tab_con > .tab_nav {} #main_con > .info04_con > .contents_con > .tab_con > .tab_nav > ul {display:flex; justify-content:center; align-items:center; gap:min(20px, 1.04vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_nav > ul > li {display:flex; justify-content:center; align-items:center; width:min(220px, 11.46vw); height:min(48px, 2.50vw); border:1px solid #4B4B4B; border-radius:min(100px, 5.21vw); cursor:pointer; transition:all 0.3s ease;} #main_con > .info04_con > .contents_con > .tab_con > .tab_nav > ul > li > span {font-size:min(18px, 0.94vw); color:#4B4B4B; font-weight:700; line-height:130%; letter-spacing:max(-0.45px, -0.02vw); font-family: "Plus Jakarta Sans";} #main_con > .info04_con > .contents_con > .tab_con > .tab_nav > ul > li.on {border:1px solid #0960C7; background:#0960C7;} #main_con > .info04_con > .contents_con > .tab_con > .tab_nav > ul > li.on > span {color:#FFF;} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents {margin:min(80px, 4.17vw) 0 0;} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div {} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con {} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper {} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper {} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide {width:min(390px, 20.31vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con {display:flex; flex-direction:column; gap:min(23px, 1.20vw); width:100%; height:min(536px, 27.92vw); border:1px solid #EAEAEA; background:#FAFAFA; padding:min(43px, 2.24vw) min(24px, 1.15vw); border-radius:min(30px, 1.56vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con {display:flex; justify-content:space-between; align-items:center;} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .rating_con {display:flex; justify-content:center; align-items:center; width:min(150px, 7.81vw); height:min(50px, 2.60vw); background:#878686; border-radius:min(50px, 2.60vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .rating_con > span {font-size:min(22px, 1.15vw); color:#FFF; font-weight:700; line-height:130%; letter-spacing:max(-0.506px, -0.03vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .price_con {display:flex; align-items:flex-end; gap:min(5px, 0.26vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .price_con > .num_con {} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .price_con > .num_con > span {font-size:min(30px, 1.56vw); color:#222; font-weight:700; line-height:normal; letter-spacing:max(-1.15px, -0.06vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .price_con > .num_con > span .num {font-size:min(60px, 3.13vw); letter-spacing:max(-4.2px, -0.28vw); font-family: "Plus Jakarta Sans";} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .price_con > .text_con {} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .price_con > .text_con > span {font-size:min(16px, 0.83vw); color:#222; font-weight:400; line-height:280%; letter-spacing:max(-0.9px, -0.05vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con {padding:min(15px, 0.78vw) min(10px, 0.52vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li {display:flex; align-items:center; gap:min(10px, 0.52vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > img {width:min(25px, 1.30vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > img.wh {display:none;} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > img.color {} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > span {font-size:min(18px, 0.94vw); color:rgba(34,34,34,0.6); font-weight:400; letter-spacing:max(-0.9px, -0.05vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con.plus_con > .txt_con > .rating_con {background:#5DA7FD;} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con.premium_con > .txt_con > .rating_con {background:#004FAB;} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con.premium_plus_con {background:url("/img/main/info04_con_tab_con_slide_bg.png")no-repeat center/cover;} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con.premium_plus_con > .txt_con > .rating_con {background:#FFF;} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con.premium_plus_con > .txt_con > .rating_con > span {color:#062B56;} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con.premium_plus_con > .txt_con > .month_con > span {color:#FFF;} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con.premium_plus_con > .price_con > .num_con > span {color:#FFF;} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con.premium_plus_con > .price_con > .text_con > span {color:#FFF;} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con.premium_plus_con > .list_con > ul > li > span {color:#FFF;} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab02 {display:block;} /* 탭 추가 이전 스타일 */ /* [2026-11-03] 기본요금 탭: 시안이 없어 opacity:0 으로 숨겨 두던 것을 보이게(카드는 0원·혜택 빈 줄, 고객 요청) */ #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con {width:100%; max-width:min(1680px, 87.50vw); margin:0 auto;} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper {} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper {} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide {width:min(390px, 20.31vw); height:min(536px, 27.92vw); border:1px solid #EAEAEA; background:#FAFAFA; padding:min(43px, 2.24vw) min(28px, 1.46vw); border-radius:min(30px, 1.56vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con {display:flex; flex-direction:column; gap:min(30px, 1.56vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con {display:flex; justify-content:space-between; align-items:center;} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .rating_con {display:flex; justify-content:center; align-items:center; width:min(132px, 6.88vw); height:min(50px, 2.60vw); background:#479CFF; border-radius:min(50px, 2.60vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .rating_con > span {font-size:min(24px, 1.25vw); color:#FFF; font-weight:700; line-height:130%; letter-spacing:max(-0.552px, -0.03vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .month_con {} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .month_con > span {font-size:min(24px, 1.25vw); color:#0960C7; font-weight:600; line-height:130%; letter-spacing:max(-0.552px, -0.03vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .price_con {display:flex; align-items:flex-end; gap:min(10px, 0.52vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .price_con > .num_con {} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .price_con > .num_con > span {font-size:min(50px, 2.60vw); color:rgba(34,34,34,0.8); font-weight:700; line-height:normal; letter-spacing:max(-1.15px, -0.06vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .price_con > .num_con > span .num {font-size:min(100px, 5.21vw); letter-spacing:max(-2.3px, -0.12vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .price_con > .text_con {} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .price_con > .text_con > span {font-size:min(18px, 0.94vw); color:rgba(34,34,34,0.8); font-weight:400; line-height:280%; letter-spacing:max(-0.9px, -0.05vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con {padding:min(15px, 0.78vw) min(10px, 0.52vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li {display:flex; align-items:center; gap:min(10px, 0.52vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > img {width:min(25px, 1.30vw);} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > img.wh {display:none;} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > img.color {} #main_con > .info04_con > .contents_con > .tab_con > .tab_contents > .info_div.main_info04_tab01 > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > span {font-size:min(18px, 0.94vw); color:rgba(34,34,34,0.6); font-weight:400; letter-spacing:max(-0.9px, -0.05vw);} #main_con > .info05_con {width:100%; margin:0 auto;} #main_con > .info05_con > .contents_con {display:flex; justify-content:center; align-items:flex-start; gap:min(100px, 5.21vw); width:100%; max-width:min(1620px, 84.38vw); margin:0 auto; padding:min(100px, 5.21vw) 0;} #main_con > .info05_con > .contents_con > div {display:flex; flex-direction:column; gap:min(20px, 1.04vw); width:min(600px, 31.25vw);} #main_con > .info05_con > .contents_con > div > .title_con {display:flex; justify-content:space-between; align-items:flex-end;} #main_con > .info05_con > .contents_con > div > .title_con > .txt_con {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} #main_con > .info05_con > .contents_con > div > .title_con > .txt_con > .title_con {} #main_con > .info05_con > .contents_con > div > .title_con > .txt_con > .title_con > span {font-size:min(40px, 2.08vw); color:#231815; font-weight:700; line-height:110%; letter-spacing:max(-0.96px, -0.05vw);} #main_con > .info05_con > .contents_con > div > .title_con > .txt_con > .text_con {} #main_con > .info05_con > .contents_con > div > .title_con > .txt_con > .text_con > span {font-size:min(22px, 1.15vw); color:#231815; font-weight:400; line-height:110%; letter-spacing:max(-0.528px, -0.03vw);} #main_con > .info05_con > .contents_con > div > .title_con > .btn_con {} #main_con > .info05_con > .contents_con > div > .title_con > .btn_con > a {display:flex; justify-content:center; align-items:center; gap:min(10px, 0.52vw); width:min(120px, 6.25vw); height:min(40px, 2.08vw); background:#231815; border-radius:min(50px, 2.60vw);} #main_con > .info05_con > .contents_con > div > .title_con > .btn_con > a > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:600; line-height:normal;} #main_con > .info05_con > .contents_con > div > .title_con > .btn_con > a > img {width:min(7px, 0.36vw);} #main_con > .info05_con > .contents_con > div > .list_con {} #main_con > .info05_con > .contents_con > div > .list_con > ul {} #main_con > .info05_con > .contents_con > div > .list_con > ul > li {border-bottom:1px solid #CBCBCB;} #main_con > .info05_con > .contents_con > div > .list_con > ul > li > a {display:block; padding:min(10px, 0.52vw) 0;} #main_con > .info05_con > .contents_con > div > .list_con > ul > li > a > .list_div {display:flex; flex-direction:column; gap:min(4px, 0.21vw);} #main_con > .info05_con > .contents_con > div > .list_con > ul > li > a > .list_div > .text01_con {} #main_con > .info05_con > .contents_con > div > .list_con > ul > li > a > .list_div > .text01_con > span {font-size:min(18px, 0.94vw); color:#B6B6B6; font-weight:500; line-height:150%; letter-spacing:max(-0.432px, -0.02vw);} #main_con > .info05_con > .contents_con > div > .list_con > ul > li > a > .list_div > .text02_con {} #main_con > .info05_con > .contents_con > div > .list_con > ul > li > a > .list_div > .text02_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(18px, 0.94vw); color:#3A3A3A; font-weight:500; line-height:150%; letter-spacing:max(-0.432px, -0.02vw);} #main_con > .info05_con > .contents_con > .notice_con {} #main_con > .info05_con > .contents_con > .faq_con {} /* 서브 공통 */ #sub_con {width:100%; margin:0 auto;} #sub_con > .banner_con {width:100%; margin:0 auto; padding:min(280px, 14.58vw) 0 min(170px, 8.85vw);} #sub_con > .banner_con > .txt_con {display:flex; flex-direction:column; align-items:center; gap:min(4px, 0.21vw); text-align:center;} #sub_con > .banner_con > .txt_con > .sub_text {} #sub_con > .banner_con > .txt_con > .sub_text > span {font-size:min(24px, 1.25vw); color:#FFF; font-weight:600; line-height:normal; letter-spacing:max(-0.576px, -0.03vw); text-transform:uppercase;} #sub_con > .banner_con > .txt_con > .title_con {} #sub_con > .banner_con > .txt_con > .title_con > span {font-size:min(45px, 2.34vw); color:#FFF; font-weight:700; line-height:130%; letter-spacing:max(-1.08px, -0.06vw);} #sub_con > .banner_con.sub {padding:min(310px, 16.15vw) 0 min(250px, 13.02vw) min(150px, 7.81vw);} #sub_con > .banner_con.sub > .txt_con {align-items:flex-start; gap:0; text-align:left;} #sub_con > .banner_con.sub > .txt_con > .text01_con {} #sub_con > .banner_con.sub > .txt_con > .text01_con > span {font-size:min(24px, 1.25vw); color:#0B5FD8; font-weight:600; line-height:normal; letter-spacing:max(-0.576px, -0.03vw);} #sub_con > .banner_con.sub > .txt_con > .text02_con {margin:min(10px, 0.52vw) 0 0;} #sub_con > .banner_con.sub > .txt_con > .text02_con > span {font-size:min(80px, 4.17vw); color:#FFF; font-weight:700; line-height:130%;} #sub_con > .banner_con.sub > .txt_con > .text03_con {margin:min(40px, 2.08vw) 0 0;} #sub_con > .banner_con.sub > .txt_con > .text03_con > span {font-size:min(25px, 1.30vw); color:#C7D6E8; font-weight:400; line-height:165%;} #sub_con > .banner_con.reservation {background:url("/img/sub/sub_banner_bg_reservation.jpg")no-repeat center/cover;} #sub_con > .banner_con.join {background:url("/img/sub/sub_banner_bg_join.jpg")no-repeat center/cover;} #sub_con > .banner_con.facility {background:url("/img/sub/sub_banner_bg_facility.jpg")no-repeat center/cover;} #sub_con > .banner_con.guide {background:url("/img/sub/sub_banner_bg_guide.jpg")no-repeat center/cover;} #sub_con > .banner_con.notice {background:url("/img/sub/sub_banner_bg_notice.jpg")no-repeat center/cover;} #sub_con > .banner_con.faq {background:url("/img/sub/sub_banner_bg_faq.jpg")no-repeat center/cover;} #sub_con > .banner_con.inquiry {background:url("/img/sub/sub_banner_bg_inquiry.jpg")no-repeat center/cover;} #sub_con > .contents_con {padding:min(100px, 5.21vw) 0 min(140px, 7.29vw);} #sub_con > .contents_con.none {padding:0;} #sub_con > .contents_con.bg01 {background:#FBFBFB;} /* 로그인 */ .login_con {width:100%; margin:0 auto;} .login_con > .contents_con {width:100%; height:100vh; margin:0 auto; background:url("/img/membership/login_con_bg.jpg")no-repeat center/cover; position:relative;} .login_con > .contents_con > .box_con {display:flex; justify-content:center; align-items:stretch; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} .login_con > .contents_con > .box_con > .img_con {width:min(457px, 23.80vw);} .login_con > .contents_con > .box_con > .img_con > img {width:100%;} .login_con > .contents_con > .box_con > .input_con {display:flex; flex-direction:column; justify-content:center; align-items:center; width:min(457px, 23.80vw); background:#000;} .login_con > .contents_con > .box_con > .input_con > .txt_con {display:flex; flex-direction:column; gap:min(10px, 0.52vw); text-align:center;} .login_con > .contents_con > .box_con > .input_con > .txt_con > .title_con {} .login_con > .contents_con > .box_con > .input_con > .txt_con > .title_con > span {font-size:min(30px, 1.56vw); color:#FFF; font-weight:600; line-height:110%;} .login_con > .contents_con > .box_con > .input_con > .txt_con > .text_con {} .login_con > .contents_con > .box_con > .input_con > .txt_con > .text_con > span {font-size:min(18px, 0.94vw); color:rgba(255,255,255,0.5); font-weight:400; line-height:110%; letter-spacing:max(-0.414px, -0.02vw);} .login_con > .contents_con > .box_con > .input_con > .input_list {width:min(322px, 16.77vw); margin:min(30px, 1.56vw) 0 0;} .login_con > .contents_con > .box_con > .input_con > .input_list > ul {display:flex; flex-direction:column; gap:min(15px, 0.78vw);} .login_con > .contents_con > .box_con > .input_con > .input_list > ul > li {} .login_con > .contents_con > .box_con > .input_con > .input_list > ul > li > .input_con {} .login_con > .contents_con > .box_con > .input_con > .input_list > ul > li > .input_con > input {width:100%; height:min(47px, 2.45vw); border:1px solid #D9D9D9; background-color:#FFF; padding:0 min(17px, 0.89vw); font-size:min(18px, 0.94vw); color:#000; font-weight:400; line-height:150%; letter-spacing:max(-0.432px, -0.02vw); border-radius:min(10px, 0.52vw);} .login_con > .contents_con > .box_con > .input_con > .input_list > ul > li > .input_con > input::placeholder {color:#C6C6C6; font-weight:300;} .login_con > .contents_con > .box_con > .input_con > .btn_con {display:flex; flex-direction:column; gap:min(10px, 0.52vw); width:min(322px, 16.77vw); margin:min(48px, 2.50vw) 0 0;} .login_con > .contents_con > .box_con > .input_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:100%; height:min(50px, 2.60vw); background:#012A5A; font-size:min(20px, 1.04vw); color:#FFF; font-weight:700; line-height:150%; letter-spacing:max(-0.48px, -0.03vw); border-radius:min(10px, 0.52vw);} .login_con > .contents_con > .box_con > .input_con > .btn_con > ul {display:flex; justify-content:center; align-items:center; gap:min(53px, 2.76vw);} .login_con > .contents_con > .box_con > .input_con > .btn_con > ul > li {position:relative;} .login_con > .contents_con > .box_con > .input_con > .btn_con > ul > li:before {content:''; width:1px; height:min(14px, 0.73vw); background:#FFF; position:absolute; top:50%; left:max(-26px, -1.35vw); transform:translateY(-50%);} .login_con > .contents_con > .box_con > .input_con > .btn_con > ul > li:first-child:before {content:none;} .login_con > .contents_con > .box_con > .input_con > .btn_con > ul > li > a {display:inline-block; font-size:min(13px, 0.68vw); color:#FFF; font-weight:400; line-height:normal;} .login_con > .contents_con > .box_con > .input_con > .sns_btn {width:min(322px, 16.77vw); margin:min(14px, 0.73vw) 0 0;} .login_con > .contents_con > .box_con > .input_con > .sns_btn > .title_con {padding:min(20px, 1.04vw) 0; text-align:center;} .login_con > .contents_con > .box_con > .input_con > .sns_btn > .title_con > span {font-size:min(14px, 0.73vw); color:#FFF; font-weight:500; line-height:120%;} .login_con > .contents_con > .box_con > .input_con > .sns_btn > ul {display:flex; gap:min(10px, 0.52vw);} .login_con > .contents_con > .box_con > .input_con > .sns_btn > ul > li {flex:1; width:100%;} .login_con > .contents_con > .box_con > .input_con > .sns_btn > ul > li > a {display:flex; justify-content:center; align-items:center; gap:min(5px, 0.26vw); width:100%; height:min(43px, 2.24vw); border-radius:min(10px, 0.52vw);} .login_con > .contents_con > .box_con > .input_con > .sns_btn > ul > li > a > img {width:min(18px, 0.94vw);} .login_con > .contents_con > .box_con > .input_con > .sns_btn > ul > li > a > span {font-size:min(16px, 0.83vw); font-weight:600; line-height:120%;} .login_con > .contents_con > .box_con > .input_con > .sns_btn > ul > li > a.a_btn01 {background:#00C300;} .login_con > .contents_con > .box_con > .input_con > .sns_btn > ul > li > a.a_btn01 {color:#FFF;} .login_con > .contents_con > .box_con > .input_con > .sns_btn > ul > li > a.a_btn02 {background:#FFE812;} .login_con > .contents_con > .box_con > .input_con > .sns_btn > ul > li > a.a_btn02 {color:#000;} /* 회원가입 */ .join_con {width:100%; max-width:min(1250px, 65.10vw); margin:0 auto;} .join_con > .contents_con {} .join_con > .contents_con > .text_con {margin-bottom:min(50px, 2.60vw); text-align:center;} .join_con > .contents_con > .text_con > span {font-size:min(18px, 0.94vw); color:#1A1A1A; font-weight:500; line-height:150%; letter-spacing:max(-0.432px, -0.02vw);} .join_con > .contents_con > .sns_con {width:min(600px, 31.25vw); margin:0 auto; border:1px solid #E0E0E0; margin-bottom:min(20px, 1.04vw); padding:min(20px, 1.04vw) min(40px, 2.08vw);} .join_con > .contents_con > .sns_con > ul {display:flex; justify-content:center; gap:min(120px, 6.25vw);} .join_con > .contents_con > .sns_con > ul > li {position:relative;} .join_con > .contents_con > .sns_con > ul > li:before {content:''; width:1px; height:100%; background:#E0E0E0; position:absolute; top:0; left:max(-60px, -3.13vw);} .join_con > .contents_con > .sns_con > ul > li:first-child:before {content:none;} .join_con > .contents_con > .sns_con > ul > li > a {display:block;} .join_con > .contents_con > .sns_con > ul > li > a > .list_div {display:flex; flex-direction:column; align-items:center; gap:min(10px, 0.52vw);} .join_con > .contents_con > .sns_con > ul > li > a > .list_div > .img_con {width:min(42px, 2.19vw);} .join_con > .contents_con > .sns_con > ul > li > a > .list_div > .img_con > img {width:100%;} .join_con > .contents_con > .sns_con > ul > li > a > .list_div > .txt_con {text-align:center;} .join_con > .contents_con > .sns_con > ul > li > a > .list_div > .txt_con > .title_con {} .join_con > .contents_con > .sns_con > ul > li > a > .list_div > .txt_con > .title_con > span {font-size:min(22px, 1.15vw); color:#1A1A1A; font-weight:700; line-height:150%; letter-spacing:max(-0.528px, -0.03vw);} .join_con > .contents_con > .sns_con > ul > li > a > .list_div > .txt_con > .text_con {} .join_con > .contents_con > .sns_con > ul > li > a > .list_div > .txt_con > .text_con > span {font-size:min(18px, 0.94vw); color:#999; font-weight:400; line-height:150%; letter-spacing:max(-0.432px, -0.02vw);} .join_con > .contents_con > .list_con {} .join_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; align-items:center; gap:min(20px, 1.04vw);} .join_con > .contents_con > .list_con > ul > li {width:min(600px, 31.25vw); border:1px solid #E0E0E0;} .join_con > .contents_con > .list_con > ul > li > a {display:inline-block; width:100%;} .join_con > .contents_con > .list_con > ul > li > a > .list_div {display:flex; justify-content:space-between; align-items:center; width:100%; height:min(115px, 5.99vw); padding:0 min(40px, 2.08vw);} .join_con > .contents_con > .list_con > ul > li > a > .list_div > .info_con {display:flex; align-items:center; gap:min(30px, 1.56vw);} .join_con > .contents_con > .list_con > ul > li > a > .list_div > .info_con > .img_con {width:min(85px, 4.43vw);} .join_con > .contents_con > .list_con > ul > li > a > .list_div > .info_con > .img_con > img {width:100%;} .join_con > .contents_con > .list_con > ul > li > a > .list_div > .info_con > .txt_con {display:flex; flex-direction:column;} .join_con > .contents_con > .list_con > ul > li > a > .list_div > .info_con > .txt_con > .text01_con {} .join_con > .contents_con > .list_con > ul > li > a > .list_div > .info_con > .txt_con > .text01_con > span {font-size:min(22px, 1.15vw); color:#1A1A1A; font-weight:700; line-height:150%; letter-spacing:max(-0.528px, -0.03vw);} .join_con > .contents_con > .list_con > ul > li > a > .list_div > .info_con > .txt_con > .text02_con {} .join_con > .contents_con > .list_con > ul > li > a > .list_div > .info_con > .txt_con > .text02_con > span {font-size:min(18px, 0.94vw); color:#999; font-weight:400; line-height:150%; letter-spacing:max(-0.432px, -0.02vw);} .join_con > .contents_con > .list_con > ul > li > a > .list_div > .img_con {width:min(18px, 0.94vw);} .join_con > .contents_con > .list_con > ul > li > a > .list_div > .img_con > img {width:100%;} .join_con > .contents_con > .sns_login_text {display:flex; justify-content:center; align-items:center; gap:min(10px, 0.52vw); margin:0 0 min(50px, 2.60vw);} /* [2026-11-03] 회원가입 첫 화면: 네이버 · 카카오 · 딥스퀘어 회원가입 3개 (고객 수정방안 9번) */ .join_con > .contents_con > .sns_con.col3 {width:min(820px, 42.71vw); padding:min(20px, 1.04vw) 0;} .join_con > .contents_con > .sns_con.col3 > ul {gap:0;} .join_con > .contents_con > .sns_con.col3 > ul > li {flex:1 1 0; min-width:0;} /* 세 칸 같은 폭 — 구분선이 가운데 고르게 */ .join_con > .contents_con > .sns_con.col3 > ul > li:before {left:0;} .join_con > .contents_con > .sns_login_text > img {width:min(25px, 1.30vw);} .join_con > .contents_con > .sns_login_text > span {font-size:min(18px, 0.94vw); color:#318CE2; font-weight:600; line-height:normal;} .join_con.none {max-width:100%;} /* 회원가입 공통 */ .join_con > div {} .join_con > div > .contents_con {} .join_con > div > .contents_con > .step_con {display:flex; justify-content:center; gap:min(400px, 20.83vw); width:min(530px, 27.60vw); margin:0 auto; position:relative; z-index:10;} .join_con > div > .contents_con > .step_con:after {content:''; width:min(470px, 24.48vw); height:1px; background:#C3C3C3; position:absolute; top:min(18px, 0.94vw); left:50%; transform:translateX(-50%); z-index:-1;} .join_con > div > .contents_con > .step_con > .step {display:flex; flex-direction:column; align-items:center; gap:min(8px, 0.42vw);} .join_con > div > .contents_con > .step_con > .step > .dot {width:min(33px, 1.72vw); height:min(33px, 1.72vw); background:#FFF; border:min(8px, 0.42vw) solid #EAEAEA; border-radius:100%;} .join_con > div > .contents_con > .step_con > .step > .text_con {} .join_con > div > .contents_con > .step_con > .step > .text_con > span {font-size:min(18px, 0.94vw); color:#C7C7C7; font-weight:700; line-height:170%; letter-spacing:max(-0.432px, -0.02vw);} .join_con > div > .contents_con > .step_con > .step.on > .dot {border:min(8px, 0.42vw) solid #318CE2;} .join_con > div > .contents_con > .step_con > .step.on > .text_con > span {color:#3A3A3A;} .join_con > div > .contents_con > .text_con {margin:min(40px, 2.08vw) 0 0; text-align:center;} .join_con > div > .contents_con > .text_con > span {font-size:min(18px, 0.94vw); color:#1A1A1A; font-weight:500; line-height:150%; letter-spacing:max(-0.432px, -0.02vw);} .join_con > div > .contents_con > .list_con {} .join_con > div > .contents_con > .btn_con {margin:min(100px, 5.21vw) 0 0;} .join_con > div > .contents_con > .btn_con > ul {display:flex; justify-content:center; align-items:center; gap:min(20px, 1.04vw);} .join_con > div > .contents_con > .btn_con > ul > li {} .join_con > div > .contents_con > .btn_con > ul > li > a {display:flex; justify-content:center; align-items:center; width:min(320px, 16.67vw); height:min(70px, 3.65vw); font-size:min(20px, 1.04vw); font-weight:700; line-height:150%; letter-spacing:max(-0.48px, -0.03vw); border-radius:min(10px, 0.52vw);} .join_con > div > .contents_con > .btn_con > ul > li > a.a_btn01 {background:#C8E1FF; color:#012A5A;} .join_con > div > .contents_con > .btn_con > ul > li > a.a_btn02 {background:#012A5A; color:#FFF;} /* 일반(개인), 강사 회원가입 */ .join_common_con {} .join_common_con > .contents_con {} .join_common_con > .contents_con > .input_field {border-top:2px solid #CBCBCB; border-bottom:2px solid #CBCBCB; margin:min(50px, 2.60vw) 0 0;} .join_common_con > .contents_con > .input_field > .input_list {width:100%; padding:min(50px, 2.60vw) min(20px, 1.04vw);} .join_common_con > .contents_con > .input_field > .input_list > ul {display:flex; flex-direction:column; gap:min(15px, 0.78vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li {display:flex; align-items:center; gap:min(15px, 0.78vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div {display:flex; align-items:center; gap:min(23px, 1.20vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .title_con {flex-shrink:0; display:flex; gap:min(4px, 0.21vw); width:min(160px, 8.33vw); height:min(44px, 2.29vw); border-right:2px solid #8C8C8C; padding:min(10px, 0.52vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .title_con > span {font-size:min(20px, 1.04vw); color:#373737; font-weight:700; line-height:normal;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .title_con > span.color_text {color:#CA0004;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con input {width:min(290px, 15.10vw); height:min(44px, 2.29vw); border:1px solid #EBEBEB; background-color:#FFF; padding:0 min(10px, 0.52vw); font-size:min(18px, 0.94vw); color:#1A1A1A; font-weight:400; line-height:normal;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con input::placeholder {color:rgba(55,55,55,0.5); font-weight:300;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con input.input_read {pointer-events:none;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .flex_con {display:flex; align-items:center; gap:min(7px, 0.36vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .flex_con > input {width:min(96px, 5.00vw); text-align:center;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .flex_con > span {font-size:min(18px, 0.94vw); color:rgba(55, 55, 55, 0.50); font-weight:300; line-height:normal;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .birth_con > input {text-align:right;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > ul {display:flex; align-items:center; gap:min(10px, 0.52vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > ul > li {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > ul > li > label {display:flex; align-items:center; gap:min(8px, 0.42vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > ul > li > label > input {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > ul > li > label > .check_icon {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > ul > li > label > span {font-size:min(18px, 0.94vw); color:rgba(55,55,55,0.5); font-weight:300; line-height:normal;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .address_con {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .address_con > .search_con {display:flex; align-items:center; gap:min(8px, 0.42vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .address_con > .search_con > input {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .address_con > .search_con > .btn_con {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .address_con > .search_con > .btn_con > a {display:inline-flex; justify-content:center; align-items:center; height:min(44px, 2.29vw); border:1px solid #EBEBEB; background:#5D5D5D; padding:0 min(10px, 0.52vw); font-size:min(18px, 0.94vw); color:#FFF; font-weight:500; line-height:normal;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .address_con > input {width:min(750px, 39.06vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .btn_con {display:flex; align-items:center; gap:min(8px, 0.42vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .btn_con > a {display:inline-flex; justify-content:center; align-items:center; height:min(44px, 2.29vw); border:1px solid #EBEBEB; background:#5D5D5D; padding:0 min(10px, 0.52vw); font-size:min(18px, 0.94vw); color:#FFF; font-weight:500; line-height:normal;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .email_con {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .email_con > .radio_con {display:flex; align-items:center; gap:min(15px, 0.78vw); margin:min(14px, 0.73vw) 0 0;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .email_con > .radio_con > .text_con {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .email_con > .radio_con > .text_con > span {font-size:min(14px, 0.73vw); color:#525252; font-weight:500; line-height:normal;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .email_con > .radio_con > ul {display:flex; align-items:center; gap:min(10px, 0.52vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .email_con > .radio_con > ul > li {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .email_con > .radio_con > ul > li > label {display:flex; align-items:center; gap:min(8px, 0.42vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .email_con > .radio_con > ul > li > label > input {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .email_con > .radio_con > ul > li > label > .check_icon {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .email_con > .radio_con > ul > li > label > span {font-size:min(18px, 0.94vw); color:rgba(55,55,55,0.5); font-weight:300; line-height:normal;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con {padding:min(10px, 0.52vw) 0;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con {display:flex; flex-direction:column; gap:min(35px, 1.82vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .title_con {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .title_con > span {font-size:min(20px, 1.04vw); color:#00499F; font-weight:700; line-height:normal;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .title_con {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .title_con > span {font-size:min(16px, 0.83vw); color:#3A3A3A; font-weight:400; line-height:130%; letter-spacing:max(-0.32px, -0.02vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con {margin:min(20px, 1.04vw) 0 0;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .text_con {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .text_con > span {font-size:min(14px, 0.73vw); color:#A2A2A2; font-weight:500; line-height:normal;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con {margin:min(10px, 0.52vw) 0 0;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li {width:100%;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div {display:flex; align-items:center; gap:min(5px, 0.26vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .upload_con {display:flex; align-items:center; gap:min(5px, 0.26vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .upload_con > .file_name {display:flex; width:min(290px, 15.10vw); height:min(44px, 2.29vw); border:1px solid #EBEBEB; padding:min(10px, 0.52vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .upload_con > .file_name > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(18px, 0.94vw); color:rgba(55,55,55,0.5); font-weight:300; line-height:normal;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .upload_con > .file_label {display:flex; justify-content:center; align-items:center; gap:min(5px, 0.26vw); width:min(81px, 4.22vw); height:min(44px, 2.29vw); border:1px solid #EBEBEB; background-color:#F8F8F8; border-radius:min(5px, 0.26vw); cursor:pointer;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .upload_con > .file_label > input {display:none;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .upload_con > .file_label > img {width:min(24px, 1.25vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .upload_con > .file_label > span {font-size:min(18px, 0.94vw); color:#373737; font-weight:300; line-height:normal;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .btn_con {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .btn_con > ul {display:flex; align-items:center; gap:min(5px, 0.26vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .btn_con > ul > li {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .btn_con > ul > li > a {display:inline-flex; justify-content:center; align-items:center; height:min(44px, 2.29vw); padding:min(10px, 0.52vw); font-size:min(18px, 0.94vw); color:#FFF; font-weight:500; line-height:normal; border-radius:min(5px, 0.26vw);} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .btn_con > ul > li > a.add {background:#012A5A;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .btn_con > ul > li > a.delete {background:#E62402;} .join_common_con > .contents_con > .input_field > .input_list > ul > li:last-child > .list_div {align-items:flex-start;} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .alert_text {} .join_common_con > .contents_con > .input_field > .input_list > ul > li > .alert_text > span {font-size:min(14px, 0.73vw); color:#318CE2; font-weight:500; line-height:normal;} .join_common_con > .contents_con > .input_field > .sns_login_text {display:flex; align-items:center; gap:min(10px, 0.52vw); padding:min(50px, 2.60vw) min(20px, 1.04vw);} .join_common_con > .contents_con > .input_field > .sns_login_text > img {width:min(25px, 1.30vw);} .join_common_con > .contents_con > .input_field > .sns_login_text > span {font-size:min(18px, 0.94vw); color:#318CE2; font-weight:600; line-height:normal;} .join_common_con > .contents_con > .check_con {margin:min(50px, 2.60vw) 0 0;} .join_common_con > .contents_con > .check_con > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .join_common_con > .contents_con > .check_con > ul > li {width:100%; background:#F7F7F7; padding:min(15px, 0.78vw); border-radius:min(10px, 0.52vw);} .join_common_con > .contents_con > .check_con > ul > li > .list_div {display:flex; justify-content:space-between; align-items:center; cursor:pointer;} .join_common_con > .contents_con > .check_con > ul > li > .list_div > .text_con {display:flex; align-items:center; gap:min(10px, 0.52vw);} .join_common_con > .contents_con > .check_con > ul > li > .list_div > .text_con > label {} .join_common_con > .contents_con > .check_con > ul > li > .list_div > .text_con > label > input {} .join_common_con > .contents_con > .check_con > ul > li > .list_div > .text_con > label > .check_icon {} .join_common_con > .contents_con > .check_con > ul > li > .list_div > .text_con > span {font-size:min(20px, 1.04vw); color:#222; font-weight:500; line-height:normal; letter-spacing:max(-0.975px, -0.05vw);} .join_common_con > .contents_con > .check_con > ul > li > .list_div > .img_con {width:min(26px, 1.35vw); transform:rotate(90deg); transition:all 0.3s ease;} .join_common_con > .contents_con > .check_con > ul > li > .list_div > .img_con > img {width:100%;} .join_common_con > .contents_con > .check_con > ul > li.on > .list_div > .img_con {transform:rotate(270deg);} .join_common_con > .contents_con > .check_con > ul > li > .inner_con {display:none; width:100%; height:min(120px, 6.25vw); background:#FFF; border-radius:min(10px, 0.52vw); margin:min(15px, 0.78vw) 0 0; overflow-y:auto;} .join_common_con > .contents_con > .check_con > ul > li > .inner_con > .text_con {padding:min(15px, 0.78vw);} .join_common_con > .contents_con > .check_con > ul > li > .inner_con > .text_con > span {font-size:min(16px, 0.83vw); color:rgba(55,55,55,0.5); font-weight:400; line-height:130%;} .join_common_con > .contents_con > .btn_con {} .join_common_con > .contents_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(320px, 16.67vw); margin:0 auto; height:min(70px, 3.65vw); background:#012A5A; font-size:min(20px, 1.04vw); color:#FFF; font-weight:700; line-height:150%; letter-spacing:max(-0.48px, -0.03vw); border-radius:min(10px, 0.52vw); overflow:hidden;} /* 일반(개인) 회원가입 완료 */ .general_done {} .general_done > .contents_con {} .general_done > .contents_con > .slide_con {width:100%; max-width:min(1680px, 87.50vw); margin:0 auto; margin-top:min(60px, 3.13vw);} .general_done > .contents_con > .slide_con > .swiper {} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper {} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide {width:min(390px, 20.31vw); height:min(536px, 27.92vw); border:1px solid #EAEAEA; background:#FAFAFA; padding:min(43px, 2.24vw) min(28px, 1.46vw); border-radius:min(30px, 1.56vw);} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con {display:flex; flex-direction:column; gap:min(30px, 1.56vw);} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con {display:flex; justify-content:space-between; align-items:center;} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .rating_con {display:flex; justify-content:center; align-items:center; width:min(132px, 6.88vw); height:min(50px, 2.60vw); background:#479CFF; border-radius:min(50px, 2.60vw);} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .rating_con > span {font-size:min(24px, 1.25vw); color:#FFF; font-weight:700; line-height:130%; letter-spacing:max(-0.552px, -0.03vw);} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .month_con {} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .month_con > span {font-size:min(24px, 1.25vw); color:#0960C7; font-weight:600; line-height:130%; letter-spacing:max(-0.552px, -0.03vw);} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .price_con {display:flex; align-items:flex-end; gap:min(10px, 0.52vw);} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .price_con > .num_con {} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .price_con > .num_con > span {font-size:min(50px, 2.60vw); color:rgba(34,34,34,0.8); font-weight:700; line-height:normal; letter-spacing:max(-1.15px, -0.06vw);} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .price_con > .num_con > span .num {font-size:min(100px, 5.21vw); letter-spacing:max(-2.3px, 0.12vw);} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .price_con > .text_con {} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .price_con > .text_con > span {font-size:min(18px, 0.94vw); color:rgba(34,34,34,0.8); font-weight:400; line-height:280%; letter-spacing:max(-0.9px, -0.05vw);} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con {padding:min(15px, 0.78vw) min(10px, 0.52vw);} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li {display:flex; align-items:center; gap:min(10px, 0.52vw);} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > img {width:min(25px, 1.30vw);} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > img.wh {display:none;} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > img.color {} .general_done > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > span {font-size:min(18px, 0.94vw); color:rgba(34,34,34,0.6); font-weight:400; letter-spacing:max(-0.9px, -0.05vw);} /* id/pw 공통 */ .find_con {width:100%;} .find_con > .contents_con {width:100%; max-width:min(1260px, 65.63vw); margin:0 auto;} .find_con > .contents_con > .txt_con {} .find_con > .contents_con > .txt_con > .tab_con {} .find_con > .contents_con > .txt_con > .tab_con > ul {display:flex; justify-content:center; align-items:center; gap:min(20px, 1.04vw);} .find_con > .contents_con > .txt_con > .tab_con > ul > li {} .find_con > .contents_con > .txt_con > .tab_con > ul > li > a {display:flex; justify-content:center; align-items:center; width:min(320px, 16.67vw); height:min(70px, 3.65vw); border:1px solid #012A5A; font-size:min(20px, 1.04vw); color:#012A5A; font-weight:700; line-height:150%; letter-spacing:max(-0.48px, -0.03vw); border-radius:min(10px, 0.52vw);} .find_con > .contents_con > .txt_con > .tab_con > ul > li > a.on {background:#012A5A; color:#FFF;} .find_con > .contents_con > .txt_con > .text_con {margin:min(40px, 2.08vw) 0 0; text-align:center;} .find_con > .contents_con > .txt_con > .text_con > span {font-size:min(18px, 0.94vw); color:#1A1A1A; font-weight:500; line-height:150%; letter-spacing:max(-0.432px, -0.02vw);} .find_con > .contents_con > .inner_con {border-top:2px solid #EAEAEA; border-bottom:2px solid #EAEAEA; margin:min(60px, 3.13vw) 0 min(50px, 2.60vw); padding:min(50px, 2.60vw) 0;} .find_con > .contents_con > .inner_con > .contents_con {width:min(500px, 26.04vw); margin:0 auto;} .find_con > .contents_con > .inner_con > .contents_con > .tab_con {} .find_con > .contents_con > .inner_con > .contents_con > .tab_con > ul {display:flex; justify-content:center; align-items:center;} .find_con > .contents_con > .inner_con > .contents_con > .tab_con > ul > li {display:flex; justify-content:center; align-items:center; width:min(250px, 13.02vw); height:min(55px, 2.86vw); border:2px solid #F4F4F4; cursor:pointer;} .find_con > .contents_con > .inner_con > .contents_con > .tab_con > ul > li > span {font-size:min(18px, 0.94vw); color:#B7B7B7; font-weight:600; line-height:normal;} .find_con > .contents_con > .inner_con > .contents_con > .tab_con > ul > li.on {border:2px solid #0057BE;} .find_con > .contents_con > .inner_con > .contents_con > .tab_con > ul > li.on > span {color:#0057BE; font-weight:700;} .find_con > .contents_con > .inner_con > .contents_con > .info_con {margin:min(30px, 1.56vw) 0 0;} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div {display:none;} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .radio_con {} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .radio_con > ul {display:flex; align-items:center; gap:min(10px, 0.52vw);} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .radio_con > ul > li {} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .radio_con > ul > li > label {display:flex; align-items:center; gap:min(8px, 0.42vw);} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .radio_con > ul > li > label > input {} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .radio_con > ul > li > label > .check_con {} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .radio_con > ul > li > label > span {font-size:min(18px, 0.94vw); color:rgba(55,55,55,0.5); font-weight:300; line-height:normal;} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .input_list {margin:min(50px, 2.60vw) 0 0;} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .input_list > ul {display:flex; flex-direction:column; gap:min(27px, 1.41vw);} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .input_list > ul > li {width:100%;} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .input_list > ul > li > .list_div {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .input_list > ul > li > .list_div > .title_con {} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .input_list > ul > li > .list_div > .title_con > span {font-size:min(18px, 0.94vw); color:#373737; font-weight:700; line-height:normal;} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .input_list > ul > li > .list_div > .title_con > span.color_text {color:#0057BE;} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .input_list > ul > li > .list_div > .input_con {display:flex; justify-content:space-between; gap:min(9px, 0.47vw);} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .input_list > ul > li > .list_div > .input_con input {width:100%; height:min(44px, 2.29vw); border:1px solid #EBEBEB; padding:0 min(10px, 0.52vw); font-size:min(18px, 0.94vw); color:#1A1A1A; font-weight:400; line-height:normal;} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .input_list > ul > li > .list_div > .input_con input::placeholder {color:rgba(55,55,55,0.5); font-weight:300;} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .input_list > ul > li > .list_div > .input_con > .flex_con {display:flex; align-items:center; gap:min(7px, 0.36vw);} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .input_list > ul > li > .list_div > .input_con > .flex_con > input {width:min(94px, 4.90vw);} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .input_list > ul > li > .list_div > .input_con > .flex_con > span {font-size:min(18px, 0.94vw); color:rgba(55,55,55,0.5); font-weight:300; line-height:normal;} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .input_list > ul > li > .list_div > .input_con > .btn_con {} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .input_list > ul > li > .list_div > .input_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(165px, 8.59vw); height:min(44px, 2.29vw); background:#979797; font-size:min(18px, 0.94vw); color:#FFF; font-weight:700; line-height:normal;} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div .input_list > ul > li > .list_div > .input_con > .btn_con.blue > a {background:#0057BE;} .find_con > .contents_con > .inner_con > .contents_con > .info_con > .info_div.find_con_form_tab01 {display:block;} .find_con > .contents_con > .btn_con {} .find_con > .contents_con > .btn_con > ul {display:flex; justify-content:center; align-items:center; gap:min(13px, 0.68vw);} .find_con > .contents_con > .btn_con > ul > li {} .find_con > .contents_con > .btn_con > ul > li > a {display:flex; justify-content:center; align-items:center; width:min(242px, 12.60vw); height:min(70px, 3.65vw); border:1px solid #012A5A; font-size:min(20px, 1.04vw); font-weight:700; line-height:150%; letter-spacing:max(-0.48px, -0.03vw); border-radius:min(10px, 0.52vw);} .find_con > .contents_con > .btn_con > ul > li > a.a_btn01 {color:#012A5A;} .find_con > .contents_con > .btn_con > ul > li > a.a_btn02 {background:#012A5A; color:#FFF;} /* 아이디 찾기 완료 */ .find_con.id_done {} .find_con.id_done > .contents_con {} .find_con.id_done > .contents_con > .inner_con {display:flex; justify-content:center; align-items:center; height:min(530px, 27.60vw);} .find_con.id_done > .contents_con > .inner_con > .id_con {display:flex; justify-content:center; align-items:center; gap:min(24px, 1.25vw); width:min(600px, 31.25vw); margin:0 auto; height:min(115px, 5.99vw); border:1px solid #E0E0E0; padding:0 min(40px, 2.08vw);} .find_con.id_done > .contents_con > .inner_con > .id_con > img {width:min(36px, 1.88vw);} .find_con.id_done > .contents_con > .inner_con > .id_con > span {font-size:min(22px, 1.15vw); color:#1A1A1A; font-weight:700; line-height:150%; letter-spacing:max(-0.528px, -0.03vw);} .find_con.id_done > .contents_con > .btn_con {} .find_con.id_done > .contents_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(320px, 16.67vw); margin:0 auto; height:min(70px, 3.65vw); background:#012A5A; font-size:min(20px, 1.04vw); color:#FFF; font-weight:700; line-height:150%; letter-spacing:max(-0.48px, -0.03vw); border-radius:min(10px, 0.52vw);} /* 비밀번호 찾기 완료 */ .find_con.pw_con {} .find_con.pw_con > .contents_con {} .find_con.pw_con > .contents_con > .inner_con {display:flex; justify-content:center; align-items:center; height:min(530px, 27.60vw);} .find_con.pw_con > .contents_con > .inner_con > .list_con {width:min(950px, 49.48vw) ;margin:0 auto;} .find_con.pw_con > .contents_con > .inner_con > .list_con > ul {display:flex; flex-direction:column; gap:min(15px, 0.78vw);} .find_con.pw_con > .contents_con > .inner_con > .list_con > ul > li {display:flex; align-items:center; gap:min(15px, 0.78vw);} .find_con.pw_con > .contents_con > .inner_con > .list_con > ul > li > .list_div {display:flex; align-items:center; gap:min(23px, 1.20vw);} .find_con.pw_con > .contents_con > .inner_con > .list_con > ul > li > .list_div > .title_con {flex-shrink:0; width:min(160px, 8.33vw); border-right:2px solid #8C8C8C; padding:min(10px, 0.52vw);} .find_con.pw_con > .contents_con > .inner_con > .list_con > ul > li > .list_div > .title_con > span {font-size:min(20px, 1.04vw); color:#373737; font-weight:700; line-height:normal;} .find_con.pw_con > .contents_con > .inner_con > .list_con > ul > li > .list_div > .input_con {} .find_con.pw_con > .contents_con > .inner_con > .list_con > ul > li > .list_div > .input_con > input {width:min(294px, 15.31vw); height:min(44px, 2.29vw); border:1px solid #EBEBEB; padding:0 min(10px, 0.52vw); font-size:min(18px, 0.94vw); color:#1A1A1A; font-weight:400; line-height:normal;} .find_con.pw_con > .contents_con > .inner_con > .list_con > ul > li > .alert_text {} .find_con.pw_con > .contents_con > .inner_con > .list_con > ul > li > .alert_text > span {font-size:min(14px, 0.73vw); color:#318CE2; font-weight:500; line-height:normal;} .find_con.pw_con > .contents_con > .btn_con {} .find_con.pw_con > .contents_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(320px, 16.67vw); margin:0 auto; height:min(70px, 3.65vw); background:#012A5A; font-size:min(20px, 1.04vw); color:#FFF; font-weight:700; line-height:150%; letter-spacing:max(-0.48px, -0.03vw); border-radius:min(10px, 0.52vw);} /* 마이페이지 공통 */ #mypage_con {width:100%; margin:0 auto; background:#F8F8F8;} #mypage_con > .contents_con {display:flex; align-items:flex-start; gap:min(30px, 1.56vw); width:100%; max-width:min(1620px, 84.38vw); margin:0 auto; padding:min(180px, 9.38vw) 0 min(100px, 5.21vw);} #mypage_con > .contents_con > .left_navi {flex-shrink:0; width:min(380px, 19.79vw);} #mypage_con > .contents_con > .left_navi > .contents_con {display:flex; flex-direction:column; gap:min(35px, 1.82vw);} #mypage_con > .contents_con > .left_navi > .contents_con > .title_con {} #mypage_con > .contents_con > .left_navi > .contents_con > .title_con > span {font-size:min(40px, 2.08vw); color:#1B1B1B; font-weight:700; line-height:130%; letter-spacing:max(-0.96px, -0.05vw);} #mypage_con > .contents_con > .left_navi > .contents_con > .list_con {} #mypage_con > .contents_con > .left_navi > .contents_con > .list_con > ul {} #mypage_con > .contents_con > .left_navi > .contents_con > .list_con > ul > li {width:100%; border-bottom:1px solid #EDEDED; padding:min(20px, 1.04vw);} #mypage_con > .contents_con > .left_navi > .contents_con > .list_con > ul > li > .list_div {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} #mypage_con > .contents_con > .left_navi > .contents_con > .list_con > ul > li > .list_div > .title_con {display:flex; align-items:center; gap:min(10px, 0.52vw);} #mypage_con > .contents_con > .left_navi > .contents_con > .list_con > ul > li > .list_div > .title_con > img {width:min(24px, 1.25vw);} #mypage_con > .contents_con > .left_navi > .contents_con > .list_con > ul > li > .list_div > .title_con > span {font-size:min(18px, 0.94vw); color:#3A3A3A; font-weight:700; line-height:130%; letter-spacing:max(-0.432px, -0.02vw);} #mypage_con > .contents_con > .left_navi > .contents_con > .list_con > ul > li > .list_div > .sub_menu {padding:0 min(35px, 1.82vw);} #mypage_con > .contents_con > .left_navi > .contents_con > .list_con > ul > li > .list_div > .sub_menu > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} #mypage_con > .contents_con > .left_navi > .contents_con > .list_con > ul > li > .list_div > .sub_menu > ul > li {} #mypage_con > .contents_con > .left_navi > .contents_con > .list_con > ul > li > .list_div > .sub_menu > ul > li > a {display:inline-block; font-size:min(16px, 0.83vw); color:#919191; font-weight:400; line-height:130%; letter-spacing:max(-0.384px, -0.02vw);} #mypage_con > .contents_con > .contents_con {width:min(1170px, 60.94vw);} /* 마이페이지 메인 */ .mypage_main_con {} .mypage_main_con > .contents_con {} .mypage_main_con > .contents_con > .txt_con {display:flex; flex-direction:column; gap:min(6px, 0.31vw); position:relative;} .mypage_main_con > .contents_con > .txt_con > .text01_con {} .mypage_main_con > .contents_con > .txt_con > .text01_con > span {font-size:min(30px, 1.56vw); color:#1B1B1B; font-weight:400; line-height:130%; letter-spacing:max(-0.72px, -0.04vw);} .mypage_main_con > .contents_con > .txt_con > .text02_con {} .mypage_main_con > .contents_con > .txt_con > .text02_con > span {font-size:min(30px, 1.56vw); color:#1B1B1B; font-weight:700; line-height:130%; letter-spacing:max(-0.72px, -0.04vw);} .mypage_main_con > .contents_con > .txt_con > .text02_con > span .color_text {color:#0C59B3;} .mypage_main_con > .contents_con > .inner_con {display:flex; flex-direction:column; gap:min(25px, 1.30vw);} .mypage_main_con > .contents_con > .inner_con > .quick_card_con {margin:min(20px, 1.04vw) 0 0;} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con {} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper {} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper {} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide {width:min(294px, 15.31vw);} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a {display:block; border-radius:min(10px, 0.52vw); overflow:hidden;} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con {display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; gap:min(12px, 0.63vw); width:100%; height:min(157px, 8.18vw); background:#FFF; padding:min(20px, 1.04vw); position:relative;} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .category_con {} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .category_con > span {font-size:min(14px, 0.73vw); color:rgba(34,34,34,0.8); font-weight:700; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .key_con {display:flex; align-items:center; gap:min(3px, 0.16vw);} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .key_con > .img_con {width:min(30px, 1.56vw);} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .key_con > .img_con > img {width:100%;} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .key_con > .text_con {} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .key_con > .text_con > span {font-size:min(35px, 1.82vw); color:#454545; font-weight:700; line-height:100%; letter-spacing:max(-0.805px, -0.04vw);} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .info_con {display:flex; justify-content:space-between; align-items:center; width:100%;} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .info_con > .txt_con {display:flex; align-items:center; gap:min(3px, 0.16vw);} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .info_con > .txt_con > .title_con {display:inline-flex; justify-content:center; align-items:center; height:min(24px, 1.25vw); padding:0 min(10px, 0.52vw); border-radius:min(50px, 2.60vw);} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .info_con > .txt_con > .title_con > span {font-size:min(14px, 0.73vw); font-weight:600; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .info_con > .txt_con > .text_con {} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .info_con > .txt_con > .text_con > span {font-size:min(14px, 0.73vw); font-weight:700; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .info_con > .txt_con > .text_con > span .color_text {font-weight:300;} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .info_con > .etc_con {} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con > .info_con > .etc_con > span {font-size:min(16px, 0.83vw); color:#FFF; font-weight:400; line-height:100%; letter-spacing:max(-0.368px, -0.02vw);} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con.grade_card {background:linear-gradient(266deg, #2378DC -17.48%, #00499F 97.73%), #EFEFEF;} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con.grade_card:after {content:''; width:min(94px, 4.90vw); height:min(32px, 1.67vw); background:url("/img/mypage/mypage_main_contents_quick_card_grade_card_bg.svg")no-repeat center/contain; position:absolute; top:min(14px, 0.73vw); right:min(16px, 0.83vw);} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con.grade_card > .category_con > span {color:rgba(255, 255, 255, 0.80);} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con.grade_card > .key_con > .text_con > span {color:#FFF;} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con.grade_card > .info_con > .txt_con > .title_con {background:#E5EEFB;} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con.grade_card > .info_con > .txt_con > .title_con > span {color:#1292EE;} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con.grade_card > .info_con > .txt_con > .text_con > span {color:rgba(255, 255, 255, 0.80);} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con.mileage_card > .info_con > .txt_con > .title_con {background:#FEECEC;} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con.mileage_card > .info_con > .txt_con > .title_con > span {color:#E24F39;} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con.mileage_card > .info_con > .txt_con > .text_con > span {color:#E24F39;} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con.coupon_card > .info_con > .txt_con > .title_con {background:#FFF3E0;} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con.coupon_card > .info_con > .txt_con > .title_con > span {color:#B0763F;} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con.coupon_card > .info_con > .txt_con > .text_con > span {color:#B0763F;} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con.reserv_card > .info_con > .txt_con > .title_con {background:#0A5FD9;} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con.reserv_card > .info_con > .txt_con > .title_con > span {color:#FFF;} .mypage_main_con > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con.reserv_card > .info_con > .txt_con > .text_con > span {color:#0A5FD9;} .mypage_main_con > .contents_con > .inner_con > .recent_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw); width:100%; background:#FFF; padding:min(20px, 1.04vw); border-radius:min(10px, 0.52vw);} .mypage_main_con > .contents_con > .inner_con > .recent_con > .title_con {display:flex; align-items:center; width:100%; height:min(65px, 3.39vw); background:#DBE8FF; padding:0 min(20px, 1.04vw); border-radius:min(10px, 0.52vw);} .mypage_main_con > .contents_con > .inner_con > .recent_con > .title_con > span {font-size:min(30px, 1.56vw); color:#1B1B1B; font-weight:700; line-height:130%; letter-spacing:max(-0.72px, -0.04vw);} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con {} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul {display:grid; grid-template-columns:repeat(3, 1fr); gap:min(40px, 2.08vw);} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li {width:100%;} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .title_con {display:flex; justify-content:space-between; border-bottom:1px solid #E9E9E9; padding:min(5px, 0.26vw) 0;} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .title_con > span {font-size:min(16px, 0.83vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.368px, -0.02vw);} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .title_con > a {display:flex; align-items:center; gap:min(25px, 1.30vw);} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .title_con > a > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .title_con > a > img {width:min(6px, 0.31vw);} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con {min-height:min(152px, 7.92vw);} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul {} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li {width:100%;} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a {display:block;} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div {display:flex; justify-content:space-between; align-items:center; height:min(38px, 1.98vw); border-bottom:1px dashed #F6F6F6; padding:min(5px, 0.26vw) 0;} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .title_con {display:flex; align-items:center; gap:min(5px, 0.26vw);} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .title_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .title_con > span.meter {font-weight:400;} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .info_con {display:flex; align-items:center; gap:min(5px, 0.26vw);} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .info_con > .date_con {} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .info_con > .date_con > span {font-size:min(14px, 0.73vw); color:#B0B0B0; font-weight:400; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .info_con > .status_con {} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .info_con > .status_con > span {display:flex; justify-content:center; align-items:center; width:min(68px, 3.54vw); height:min(28px, 1.46vw); font-size:min(14px, 0.73vw); font-weight:500; line-height:130%; letter-spacing:max(-0.322px, -0.02vw); border-radius:min(50px, 2.60vw);} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .info_con > .status_con > span.upcoming {background:#E1F4FF; color:#0084E3;} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .info_con > .status_con > span.wait {background:#FFF3E0; color:#B0763F;} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .info_con > .status_con > span.confirm {background:#0084E3; color:#FFF;} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .info_con > .status_con > span.change {background:#EEAC42; color:#FFF;} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .info_con > .status_con > span.cancel {background:#FEECEC; color:#E24F39;} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .info_con > .status_con > span.finish {background:#F8F8F8; color:#5B6473;} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .info_con > .status_con > span.basic {background:#F8F8F8; color:#5B6473;} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .info_con > .status_con > span.blue {background:#E1F4FF; color:#0084E3;} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .info_con > .price_con {} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .info_con > .price_con > span {font-size:min(14px, 0.73vw); color:#B0B0B0; font-weight:400; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li > a > .list_div > .info_con > .price_con > span.red {color:#E30000;} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li.none_li {text-align:center;} .mypage_main_con > .contents_con > .inner_con > .recent_con > .inner_con > ul > li > .list_div > .list_con > ul > li.none_li > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; line-height:min(152px, 7.92vw);} .mypage_main_con > .contents_con > .inner_con > .info_con {display:flex; align-items:center; gap:min(20px, 1.04vw);} .mypage_main_con > .contents_con > .inner_con > .info_con > div {width:calc((100% - min(20px, 1.04vw)) / 2); background:#FFF; padding:min(20px, 1.04vw); border-radius:min(10px, 0.52vw);} .mypage_main_con > .contents_con > .inner_con > .info_con > div > .contents_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .mypage_main_con > .contents_con > .inner_con > .info_con > div > .contents_con > .title_con {display:flex; justify-content:space-between; border-bottom:1px solid #E9E9E9; padding:min(5px, 0.26vw) 0;} .mypage_main_con > .contents_con > .inner_con > .info_con > div > .contents_con > .title_con > span {font-size:min(16px, 0.83vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.368px, -0.02vw);} .mypage_main_con > .contents_con > .inner_con > .info_con > div > .contents_con > .title_con > a {display:flex; align-items:center; gap:min(25px, 1.30vw);} .mypage_main_con > .contents_con > .inner_con > .info_con > div > .contents_con > .title_con > a > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_main_con > .contents_con > .inner_con > .info_con > div > .contents_con > .title_con > a > img {width:min(6px, 0.31vw)} .mypage_main_con > .contents_con > .inner_con > .info_con > div > .contents_con > .list_con {min-height:min(114px, 5.94vw);} .mypage_main_con > .contents_con > .inner_con > .info_con > div > .contents_con > .list_con > ul {} .mypage_main_con > .contents_con > .inner_con > .info_con > div > .contents_con > .list_con > ul > li {width:100%;} .mypage_main_con > .contents_con > .inner_con > .info_con > div > .contents_con > .list_con > ul > li > a {display:block;} .mypage_main_con > .contents_con > .inner_con > .info_con > div > .contents_con > .list_con > ul > li > a > .list_div {display:flex; justify-content:space-between; align-items:center; height:min(38px, 1.98vw); border-bottom:1px dashed #F6F6F6; padding:min(5px, 0.26vw) 0;} .mypage_main_con > .contents_con > .inner_con > .info_con > div > .contents_con > .list_con > ul > li > a > .list_div > .title_con {} .mypage_main_con > .contents_con > .inner_con > .info_con > div > .contents_con > .list_con > ul > li > a > .list_div > .title_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_main_con > .contents_con > .inner_con > .info_con > div > .contents_con > .list_con > ul > li > a > .list_div > div > span {font-size:min(14px, 0.73vw); color:#B0B0B0; font-weight:400; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_main_con > .contents_con > .inner_con > .info_con > div > .contents_con > .list_con > ul > li.none_li {text-align:center;} .mypage_main_con > .contents_con > .inner_con > .info_con > div > .contents_con > .list_con > ul > li.none_li > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; line-height:min(114px, 5.94vw);} .mypage_main_con > .contents_con > .inner_con > .info_con > .notice_con {} .mypage_main_con > .contents_con > .inner_con > .info_con > .notice_con > .contents_con > .list_con > ul > li > a > .list_div {gap:min(20px, 1.04vw);} .mypage_main_con > .contents_con > .inner_con > .info_con > .notice_con > .contents_con > .list_con > ul > li > a > .list_div > .title_con {flex:1; min-width:0; display:flex; align-items:center; gap:min(3px, 0.16vw);} .mypage_main_con > .contents_con > .inner_con > .info_con > .notice_con > .contents_con > .list_con > ul > li > a > .list_div > .title_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .mypage_main_con > .contents_con > .inner_con > .info_con > .notice_con > .contents_con > .list_con > ul > li > a > .list_div > .title_con > img {flex-shrink:0; width:min(15px, 0.78vw);} .mypage_main_con.teacher > .contents_con > .txt_con > .bubble_con {position:absolute; top:0; left:min(240px, 12.50vw);} .mypage_main_con.teacher > .contents_con > .txt_con > .bubble_con > div {width:max-content; position:relative;} .mypage_main_con.teacher > .contents_con > .txt_con > .bubble_con > div:after {content:''; width:0; height:0; border-left:min(8px, 0.42vw) solid transparent; border-right:min(8px, 0.42vw) solid transparent; position:absolute; left:min(22px, 1.15vw); bottom:max(-6px, -0.31vw);} .mypage_main_con.teacher > .contents_con > .txt_con > .bubble_con > div > span {display:inline-flex; justify-content:center; align-items:center; height:min(28px, 1.46vw); padding:0 min(10px, 0.52vw); font-size:min(14px, 0.73vw); font-weight:700; line-height:normal; letter-spacing:max(-0.336px, -0.02vw); border-radius:min(50px, 2.60vw);} .mypage_main_con.teacher > .contents_con > .txt_con > .bubble_con > .admin_bubble {} /* DEEP SQUARE 2026-10-23: 승인 대기 말풍선 표시 (PHP 가 pending 일 때만 출력) */ .mypage_main_con.teacher > .contents_con > .txt_con > .bubble_con > .admin_bubble:after {border-top:min(8px, 0.42vw) solid #FFF3E0;} .mypage_main_con.teacher > .contents_con > .txt_con > .bubble_con > .admin_bubble > span {background:#FFF3E0; color:#B0763F;} .mypage_main_con.teacher > .contents_con > .txt_con > .bubble_con > .renew_bubble {} .mypage_main_con.teacher > .contents_con > .txt_con > .bubble_con > .renew_bubble:after {border-top:min(8px, 0.42vw) solid #FF5036;} .mypage_main_con.teacher > .contents_con > .txt_con > .bubble_con > .renew_bubble > span {background:#FF5036; color:#FFF;} .mypage_main_con.teacher > .contents_con > .inner_con > .quick_card_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > a > .contents_con.grade_card > .key_con > .text_con > span {font-size:min(40px, 2.08vw);} .mypage_main_con.teacher > .contents_con > .inner_con > .info_con > .grade_con > .contents_con > .list_con > ul > li > a > .list_div > .grade_con {} .mypage_main_con.teacher > .contents_con > .inner_con > .info_con > .grade_con > .contents_con > .list_con > ul > li > a > .list_div > .grade_con > span {display:inline-flex; justify-content:center; align-items:center; height:min(28px, 1.46vw); padding:0 min(10px, 0.52vw); font-size:min(14px, 0.73vw); color:#222; font-weight:500; line-height:normal; letter-spacing:max(-0.322px, -0.02vw); border-radius:min(50px, 2.60vw);} .mypage_main_con.teacher > .contents_con > .inner_con > .info_con > .grade_con > .contents_con > .list_con > ul > li > a > .list_div > .grade_con > span.basic {background:#0C59B3; color:#FFF;} .mypage_main_con.teacher > .contents_con > .inner_con > .info_con > .grade_con > .contents_con > .list_con > ul > li > a > .list_div > .text_con {display:flex; align-items:center; gap:min(5px, 0.26vw);} .mypage_main_con.teacher > .contents_con > .inner_con > .info_con > .grade_con > .contents_con > .list_con > ul > li > a > .list_div > .text_con > span {font-size:min(14px, 0.73vw); color:#B0B0B0; font-weight:400; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_main_con.teacher > .contents_con > .inner_con > .info_con > .grade_con > .contents_con > .list_con > ul > li > a > .list_div > .text_con > span.imminent {display:inline-flex; justify-content:center; align-items:center; background:#FFF3E0; height:min(24px, 1.25vw); padding:0 min(10px, 0.52vw); color:#B0763F; font-weight:600; border-radius:min(50px, 2.60vw);} /* 마이페이지 서브 공통 */ .mypage_sub_con {} .mypage_sub_con > .contents_con {} .mypage_sub_con > .contents_con > .txt_con {display:flex; flex-direction:column; gap:min(6px, 0.31vw);} .mypage_sub_con > .contents_con > .txt_con > .text01_con {} .mypage_sub_con > .contents_con > .txt_con > .text01_con > span {font-size:min(30px, 1.56vw); color:#1B1B1B; font-weight:400; line-height:130%; letter-spacing:max(-0.72px, -0.04vw);} .mypage_sub_con > .contents_con > .txt_con > .text02_con {} .mypage_sub_con > .contents_con > .txt_con > .text02_con > span {font-size:min(30px, 1.56vw); color:#1B1B1B; font-weight:700; line-height:130%; letter-spacing:max(-0.72px, -0.04vw);} .mypage_sub_con > .contents_con > .txt_con > .text02_con > span .color_text {color:#0C59B3;} .mypage_sub_con > .contents_con > .nav_con {width:100%; margin:0 auto; border-bottom:1px solid #E5E5E5; margin:min(20px, 1.04vw) 0 min(30px, 1.56vw);} .mypage_sub_con > .contents_con > .nav_con > ul {display:flex; align-items:center;} .mypage_sub_con > .contents_con > .nav_con > ul > li {} .mypage_sub_con > .contents_con > .nav_con > ul > li > a {display:inline-block; padding:min(10px, 0.52vw); font-size:min(20px, 1.04vw); color:#1B1B1B; font-weight:500; line-height:130%; letter-spacing:max(-0.48px, -0.03vw); position:relative;} .mypage_sub_con > .contents_con > .nav_con > ul > li > a.on:after {content:''; width:100%; height:min(3px, 0.16vw); background:#00499F; position:absolute; left:0; bottom:0;} .mypage_sub_con .form_con {display:flex; justify-content:flex-end; margin:0 0 min(25px, 1.30vw);} .mypage_sub_con .form_con .input_con {display:flex; align-items:center; gap:min(12px, 0.63vw);} .mypage_sub_con .form_con .input_con > .select_con {} .mypage_sub_con .form_con .input_con > .select_con > select {width:min(141px, 7.34vw); height:min(49px, 2.55vw); border:1px solid #EFEFEF; background-color:#FFF; background-image:url("/img/sub/select_arrow_color.svg"); background-position:right min(20px, 1.04vw) center; background-size:min(18px, 0.94vw); padding:0 min(20px, 1.04vw); border-radius:min(100px, 5.21vw); font-size:min(16px, 0.83vw); color:#7B7B7B; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw); cursor:pointer;} .mypage_sub_con .form_con .input_con > .select_box {position:relative;} .mypage_sub_con .form_con .input_con > .select_box > .select {display:flex; justify-content:space-between; align-items:center; width:min(141px, 7.34vw); height:min(49px, 2.55vw); border:1px solid #EFEFEF; background-color:#FFF; padding:0 min(20px, 1.04vw); border-radius:min(100px, 5.21vw); cursor:pointer;} .mypage_sub_con .form_con .input_con > .select_box > .select > span {font-size:min(16px, 0.83vw); color:#7B7B7B; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw);} .mypage_sub_con .form_con .input_con > .select_box > .select > .img_con {width:min(18px, 0.94vw); transition:all 0.3s ease;} .mypage_sub_con .form_con .input_con > .select_box > .select > .img_con > img {width:100%;} .mypage_sub_con .form_con .input_con > .select_box > .select.on > span {color:#222;} .mypage_sub_con .form_con .input_con > .select_box > .select.active > .img_con {transform:rotate(180deg);} .mypage_sub_con .form_con .input_con > .select_box > .option_list {display:none; width:min(141px, 7.34vw); background:#FFF; padding:min(25px, 1.30vw) min(20px, 1.04vw); position:absolute; top:min(58px, 3.02vw); left:0; right:0; z-index:10; box-shadow:0 0 min(8px, 0.42vw) 0 rgba(0,0,0,0.05); border-radius:min(20px, 1.04vw);} .mypage_sub_con .form_con .input_con > .select_box > .option_list > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .mypage_sub_con .form_con .input_con > .select_box > .option_list > ul > li {width:100%; cursor:pointer;} .mypage_sub_con .form_con .input_con > .select_box > .option_list > ul > li > span {font-size:min(16px, 0.83vw); color:#222; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw);} .mypage_sub_con .form_con .input_con > .select_box .select.active + .option_list {display:block;} .mypage_sub_con .form_con .input_con > .date_con {cursor:pointer;} .mypage_sub_con .form_con .input_con > .date_con > .date_group {display:inline-flex; align-items:center; gap:min(30px, 1.56vw); height:min(49px, 2.55vw); border:1px solid #EFEFEF; background:#FFF; padding:0 min(20px, 1.04vw); border-radius:min(100px, 5.21vw);} .mypage_sub_con .form_con .input_con > .date_con > .date_group > input {width:min(85px, 4.43vw); height:auto; border:none; background:transparent; font-size:min(16px, 0.83vw); color:#6A6A6A; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw);} .mypage_sub_con .form_con .input_con > .date_con > .date_group > span {font-size:min(16px, 0.83vw); color:#6A6A6A; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw);} .mypage_sub_con .form_con .input_con > .date_con > .date_group > .img_con {width:min(20px, 1.04vw);} .mypage_sub_con .form_con .input_con > .date_con > .date_group > .img_con > img {width:100%;} .mypage_sub_con .form_con .input_con > .btn_con {display:flex; justify-content:center; align-items:center; width:min(95px, 4.95vw); height:min(49px, 2.55vw); border:none; background:#00499F; border-radius:min(100px, 5.21vw);} .mypage_sub_con .form_con .input_con > .btn_con > a {display:inline-block; font-size:min(16px, 0.83vw); color:#F9F9F9; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw);} .mypage_sub_con > .contents_con > .inner_con {} /* 나의 예약내역 - 예약 내역, 예약 현황(강사), 예약 히스토리(강사) */ .mypage_sub_con .reservation_con {width:100%; margin:0 auto;} .mypage_sub_con .reservation_con > .contents_con {} .mypage_sub_con .reservation_con > .contents_con > .total_con {margin:0 0 min(20px, 1.04vw);} .mypage_sub_con .reservation_con > .contents_con > .total_con > ul {display:flex; justify-content:space-between; align-items:center; width:100%; background:#FFF; padding:min(50px, 2.60vw) min(100px, 5.21vw); border-radius:min(10px, 0.52vw);} .mypage_sub_con .reservation_con > .contents_con > .total_con > ul > li {} .mypage_sub_con .reservation_con > .contents_con > .total_con > ul > li > .list_div {display:flex; flex-direction:column; align-items:center; gap:min(10px, 0.52vw);} .mypage_sub_con .reservation_con > .contents_con > .total_con > ul > li > .list_div > .num_con {} .mypage_sub_con .reservation_con > .contents_con > .total_con > ul > li > .list_div > .num_con > span {font-size:min(45px, 2.34vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-1.035px, -0.05vw);} .mypage_sub_con .reservation_con > .contents_con > .total_con > ul > li > .list_div > .num_con > span.confirm {color:#0084E3;} .mypage_sub_con .reservation_con > .contents_con > .total_con > ul > li > .list_div > .num_con > span.schedule {color:#C1C1C1;} .mypage_sub_con .reservation_con > .contents_con > .total_con > ul > li > .list_div > .num_con > span.cancel {color:#E24F39;} .mypage_sub_con .reservation_con > .contents_con > .total_con > ul > li > .list_div > .num_con > span.change {color:#EEAC42;} .mypage_sub_con .reservation_con > .contents_con > .total_con > ul > li > .list_div > .text_con {} .mypage_sub_con .reservation_con > .contents_con > .total_con > ul > li > .list_div > .text_con > span {font-size:min(18px, 0.94vw); color:#CDCDCD; font-weight:500; line-height:130%; letter-spacing:max(-0.414px, -0.02vw);} .mypage_sub_con .reservation_con > .contents_con > .total_con > ul > li > .bar {width:2px; height:min(86px, 4.48vw); background:#F8F8F8;} .mypage_sub_con .reservation_con > .contents_con > .info_con {width:100%; background:#FFF; padding:min(20px, 1.04vw); border-radius:min(10px, 0.52vw);} .mypage_sub_con .reservation_con > .contents_con > .info_con > .title_con {border-bottom:1px solid #E9E9E9;} .mypage_sub_con .reservation_con > .contents_con > .info_con > .title_con > .list_con {padding:min(5px, 0.26vw) 0;} .mypage_sub_con .reservation_con > .contents_con > .info_con > .title_con > .list_con > ul {display:grid; grid-template-columns:min(100px, 5.21vw) min(130px, 6.77vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(130px, 6.77vw); text-align:center;} .mypage_sub_con .reservation_con > .contents_con > .info_con > .title_con > .list_con > ul > li {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .title_con > .list_con > ul > li > span {font-size:min(16px, 0.83vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.368px, -0.02vw);} .mypage_sub_con .reservation_con > .contents_con > .info_con > .title_con > .text_con {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .title_con > .text_con > span {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li {border-bottom:1px dashed #F6F6F6; padding:min(5px, 0.26vw) 0;} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div {display:grid; grid-template-columns:min(230px, 11.98vw) min(900px, 46.88vw); align-items:center; height:min(28px, 1.46vw);} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .text_con {display:grid; grid-template-columns:min(100px, 5.21vw) min(130px, 6.77vw); text-align:center;} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .text_con > .num_con {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .text_con > .num_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .text_con > .useage_con {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .text_con > .useage_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .img_con {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .img_con > img {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul {display:grid; grid-template-columns:min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(130px, 6.77vw); align-items:center; height:min(28px, 1.46vw); text-align:center;} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .title_con {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .title_con > span {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.date > span {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.num_people > span {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.reserv_state > span {display:inline-flex; justify-content:center; align-items:center; height:min(28px, 1.46vw); padding:0 min(10px, 0.52vw); font-weight:500; border-radius:min(50px, 2.60vw);} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.reserv_state > span.upcoming {background:#E1F4FF; color:#0084E3;} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.reserv_state > span.wait {background:#FFF3E0; color:#B0763F;} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.reserv_state > span.confirm {background:#0084E3; color:#FFF;} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.reserv_state > span.change {background:#EEAC42; color:#FFF;} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.reserv_state > span.cancel {background:#FEECEC; color:#E24F39;} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.reserv_state > span.finish {background:#F8F8F8; color:#5B6473;} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.reserv_date > span {color:#A4A4A4;} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.price > span {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.oath > span {color:#A4A4A4; font-weight:500;} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.oath > span.finish {color:#0084E3;} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.status > span {color:#A4A4A4; font-weight:500;} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.status > span.basic {display:inline-flex; justify-content:center; align-items:center; height:min(28px, 1.46vw); background:#F6F6F6; padding:0 min(20px, 1.04vw); border-radius:min(50px, 2.60vw);} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.status > span.bold {color:#222;} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .file_con {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .file_con > a {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .file_con > a > span {} .mypage_sub_con .reservation_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .file_con > a > img {width:min(20px, 1.04vw);} .mypage_sub_con .reservation_con > .contents_con > .info_con > .none_con {padding:min(130px, 6.77vw) 0; text-align:center;} .mypage_sub_con .reservation_con > .contents_con > .info_con > .none_con > span {font-size:min(20px, 1.04vw); color:#B0B0B0; font-weight:400; line-height:130%; letter-spacing:max(-0.69px, -0.04vw);} /* 나의 예약내역 - 결제 내역 */ .mypage_sub_con .payment_con {width:100%; margin:0 auto;} .mypage_sub_con .payment_con > .contents_con {} .mypage_sub_con .payment_con > .contents_con > .total_con > ul {display:flex; justify-content:space-between; align-items:center; width:100%; background:#FFF; padding:min(50px, 2.60vw) min(100px, 5.21vw); border-radius:min(10px, 0.52vw);} .mypage_sub_con .payment_con > .contents_con > .total_con > ul > li {} .mypage_sub_con .payment_con > .contents_con > .total_con > ul > li > .list_div {display:flex; flex-direction:column; align-items:center; gap:min(10px, 0.52vw);} .mypage_sub_con .payment_con > .contents_con > .total_con > ul > li > .list_div > .num_con {} .mypage_sub_con .payment_con > .contents_con > .total_con > ul > li > .list_div > .num_con > span {font-size:min(45px, 2.34vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-1.035px, -0.05vw);} .mypage_sub_con .payment_con > .contents_con > .total_con > ul > li > .list_div > .num_con > span.partical {color:#EEAC42;} .mypage_sub_con .payment_con > .contents_con > .total_con > ul > li > .list_div > .num_con > span.refund {color:#C1C1C1;} .mypage_sub_con .payment_con > .contents_con > .total_con > ul > li > .list_div > .num_con > span.wait {color:#0084E3;} .mypage_sub_con .payment_con > .contents_con > .total_con > ul > li > .list_div > .text_con {} .mypage_sub_con .payment_con > .contents_con > .total_con > ul > li > .list_div > .text_con > span {font-size:min(18px, 0.94vw); color:#CDCDCD; font-weight:500; line-height:130%; letter-spacing:max(-0.414px, -0.02vw);} .mypage_sub_con .payment_con > .contents_con > .total_con > ul > li > .bar {width:2px; height:min(86px, 4.48vw); background:#F8F8F8;} .mypage_sub_con .payment_con > .contents_con > .info_con {width:100%; background:#FFF; margin:min(20px, 1.04vw) 0 0; padding:min(20px, 1.04vw); border-radius:min(10px, 0.52vw);} .mypage_sub_con .payment_con > .contents_con > .info_con > .title_con {border-bottom:1px solid #E9E9E9;} .mypage_sub_con .payment_con > .contents_con > .info_con > .title_con > .list_con {padding:min(5px, 0.26vw) 0;} .mypage_sub_con .payment_con > .contents_con > .info_con > .title_con > .list_con > ul {display:grid; grid-template-columns:min(100px, 5.21vw) min(150px, 7.81vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw); text-align:center;} .mypage_sub_con .payment_con > .contents_con > .info_con > .title_con > .list_con > ul > li {} .mypage_sub_con .payment_con > .contents_con > .info_con > .title_con > .list_con > ul > li > span {font-size:min(16px, 0.83vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.368px, -0.02vw);} .mypage_sub_con .payment_con > .contents_con > .info_con > .title_con > .text_con {} .mypage_sub_con .payment_con > .contents_con > .info_con > .title_con > .text_con > span {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li {border-bottom:1px dashed #F6F6F6; padding:min(5px, 0.26vw) 0;} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div {display:grid; grid-template-columns:min(250px, 13.02vw) min(880px, 45.83vw); align-items:center; height:min(28px, 1.46vw);} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .text_con {display:grid; grid-template-columns:min(100px, 5.21vw) min(150px, 7.81vw); text-align:center;} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .text_con > .num_con {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .text_con > .num_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .text_con > .useage_con {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .text_con > .useage_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .img_con {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .img_con > img {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul {display:grid; grid-template-columns:min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw) min(110px, 5.73vw); align-items:center; height:min(28px, 1.46vw); text-align:center;} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .title_con {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .title_con > span {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.payment_date > span {color:#A4A4A4;} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.date > span {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.num_people > span {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.reserv_state > span {display:inline-flex; justify-content:center; align-items:center; height:min(28px, 1.46vw); padding:0 min(10px, 0.52vw); font-weight:500; border-radius:min(50px, 2.60vw);} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.reserv_state > span.basic {background:#F8F8F8; color:#5B6473;} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.reserv_state > span.confirm {background:#0084E3; color:#FFF;} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.reserv_state > span.partical {background:#FFF3E0; color:#B0763F; font-weight:600;} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.reserv_state > span.cancel {background:#FEECEC; color:#E24F39;} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.reserv_state > span.wait {background:#E1F4FF; color:#0084E3;} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.reserv_date > span {color:#A4A4A4;} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.payment > span {color:#5B6473; font-weight:500;} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.price > span {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .file_con {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .file_con > a {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .file_con > a > span {} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .file_con > a > img {width:min(20px, 1.04vw);} .mypage_sub_con .payment_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > a {display:block; font-size:min(14px, 0.73vw); color:#222; font-weight:400; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_sub_con .payment_con > .contents_con > .info_con > .none_con {padding:min(130px, 6.77vw) 0; text-align:center;} .mypage_sub_con .payment_con > .contents_con > .info_con > .none_con > span {font-size:min(20px, 1.04vw); color:#B0B0B0; font-weight:400; line-height:130%; letter-spacing:max(-0.69px, -0.04vw);} /* benefit_sub01 */ .mypage_sub_con .benefit_sub01_con {} .mypage_sub_con .benefit_sub01_con > .contents_con {} .mypage_sub_con .benefit_sub01_con > .contents_con > .total_con {} .mypage_sub_con .benefit_sub01_con > .contents_con > .total_con > ul {display:flex; justify-content:space-between; align-items:center; width:100%; background:#FFF; padding:min(50px, 2.60vw) min(100px, 5.21vw); border-radius:min(10px, 0.52vw);} .mypage_sub_con .benefit_sub01_con > .contents_con > .total_con > ul > li {} .mypage_sub_con .benefit_sub01_con > .contents_con > .total_con > ul > li > .list_div {display:flex; flex-direction:column; align-items:center; gap:min(10px, 0.52vw);} .mypage_sub_con .benefit_sub01_con > .contents_con > .total_con > ul > li > .list_div > .num_con {} .mypage_sub_con .benefit_sub01_con > .contents_con > .total_con > ul > li > .list_div > .num_con > span {font-size:min(40px, 2.08vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-1.035px, -0.05vw);} .mypage_sub_con .benefit_sub01_con > .contents_con > .total_con > ul > li > .list_div > .text_con {} .mypage_sub_con .benefit_sub01_con > .contents_con > .total_con > ul > li > .list_div > .text_con > span {font-size:min(18px, 0.94vw); color:#999; font-weight:500; line-height:130%; letter-spacing:max(-0.414px, -0.02vw);} .mypage_sub_con .benefit_sub01_con > .contents_con > .total_con > ul > li > .bar {width:2px; height:min(86px, 4.48vw); background:#F8F8F8;} .mypage_sub_con .benefit_sub01_con > .contents_con > .total_con > ul > li.used > .list_div span {color:#E24F39;} .mypage_sub_con .benefit_sub01_con > .contents_con > .total_con > ul > li.own > .list_div span {color:#0084E3;} .mypage_sub_con .benefit_sub01_con > .contents_con > .total_con > ul > li.expire > .list_div span {color:#EEAC42;} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con {width:100%; background:#FFF; margin:min(20px, 1.04vw) 0 0; padding:min(20px, 1.04vw); border-radius:min(10px, 0.52vw);} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .title_con {border-bottom:1px solid #E9E9E9;} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .title_con > .list_con {padding:min(5px, 0.26vw) 0;} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .title_con > .list_con > ul {display:grid; grid-template-columns:min(100px, 5.21vw) min(150px, 7.81vw) min(280px, 14.58vw) min(200px, 10.42vw) min(200px, 10.42vw) min(200px, 10.42vw); text-align:center;} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .title_con > .list_con > ul > li {} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .title_con > .list_con > ul > li > span {font-size:min(16px, 0.83vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.368px, -0.02vw);} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .title_con > .text_con {} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .title_con > .text_con > span {} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con {} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul {} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li {border-bottom:1px dashed #F6F6F6; padding:min(5px, 0.26vw) 0;} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div {display:grid; grid-template-columns:min(250px, 13.02vw) min(880px, 45.83vw); align-items:center; height:min(28px, 1.46vw);} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con {} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .text_con {display:grid; grid-template-columns:min(100px, 5.21vw) min(150px, 7.81vw); text-align:center;} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .text_con > .num_con {} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .text_con > .num_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .text_con > .useage_con {} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .text_con > .useage_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .img_con {} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .title_con > .img_con > img {} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con {} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul {display:grid; grid-template-columns:min(280px, 14.58vw) min(200px, 10.42vw) min(200px, 10.42vw) min(200px, 10.42vw); align-items:center; height:min(28px, 1.46vw); text-align:center;} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li {} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div {} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .title_con {} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .title_con > span {} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con {} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con.date > span {color:#A4A4A4;} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con > span.used {color:#E24F39; font-weight:500;} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con > span.own {color:#0084E3; font-weight:500;} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .list_con > ul > li > .list_div > .info_con > ul > li > .list_div > .text_con > span.expire {color:#EEAC42; font-weight:500;} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .none_con {padding:min(130px, 6.77vw) 0; text-align:center;} .mypage_sub_con .benefit_sub01_con > .contents_con > .info_con > .none_con > span {font-size:min(20px, 1.04vw); color:#B0B0B0; font-weight:400; line-height:130%; letter-spacing:max(-0.69px, -0.04vw);} /* benefit_sub02 */ .mypage_sub_con .benefit_sub02_con {} .mypage_sub_con .benefit_sub02_con > .contents_con {} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info {display:flex; flex-direction:column; align-items:center; gap:min(36px, 1.88vw); margin:min(60px, 3.13vw) 0 0;} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .present_con {display:flex; flex-direction:column; align-items:center; gap:min(20px, 1.04vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .present_con > .card_con {display:flex; justify-content:space-between; align-items:flex-end; width:min(294px, 15.31vw); margin:0 auto; height:min(157px, 8.18vw); background:linear-gradient(266deg, #2378DC -17.48%, #00499F 97.73%), #EFEFEF; padding:0 min(13px, 0.68vw) min(14px, 0.73vw); position:relative; border-radius:min(10px, 0.52vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .present_con > .card_con:after {content:''; width:min(94px, 4.90vw); height:min(32px, 1.67vw); background:url("/img/mypage/mypage_main_contents_quick_card_grade_card_bg.svg")no-repeat center/contain; position:absolute; top:min(14px, 0.73vw); right:min(16px, 0.83vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .present_con > .card_con > .grade_con {display:flex; align-items:center; gap:min(3px, 0.16vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .present_con > .card_con > .grade_con > img {width:min(30px, 1.56vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .present_con > .card_con > .grade_con > span {font-size:min(40px, 2.08vw); color:#FFF; font-weight:700; line-height:100%; letter-spacing:max(-0.92px, -0.05vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .present_con > .card_con > .text_con {} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .present_con > .card_con > .text_con > span {font-size:min(16px, 0.83vw); color:#FFF; font-weight:400; line-height:100%; letter-spacing:max(-0.368px, -0.02vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .present_con > .txt_con {display:flex; flex-direction:column; align-items:center; gap:min(5px, 0.26vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .present_con > .txt_con > .text01_con {display:flex; align-items:center; gap:min(11px, 0.57vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .present_con > .txt_con > .text01_con > span {font-size:min(30px, 1.56vw); color:#5D5D5D; font-weight:500; line-height:100%; letter-spacing:max(-0.69px, -0.04vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .present_con > .txt_con > .text01_con > span.grade_text {background:linear-gradient(266deg, #2378DC -17.48%, #00499F 97.73%), #EFEFEF; background-clip:text; -webkit-background-clip:text; font-size:min(40px, 2.08vw); font-weight:700; color:transparent; letter-spacing:max(-0.92px, -0.05vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .present_con > .txt_con > .text02_con {display:flex; align-items:center; gap:min(5px, 0.26vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .present_con > .txt_con > .text02_con > span {font-size:min(16px, 0.83vw); color:#7A7A7A; font-weight:400; line-height:130%; letter-spacing:max(-0.368px, -0.02vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .present_con > .txt_con > .text02_con > span.day {display:inline-flex; justify-content:center; align-items:center; height:min(27px, 1.41vw); background:#E5EEFB; padding:0 min(10px, 0.52vw); font-size:min(16px, 0.83vw); color:#1292EE; font-weight:700; line-height:130%; letter-spacing:max(-0.368px, -0.02vw); border-radius:min(50px, 2.60vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .txt_info {width:100%; border-radius:min(10px, 0.52vw); overflow:hidden;} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .txt_info > .info_con {display:flex; justify-content:center; gap:min(94px, 4.90vw); width:100%; background:#FFF; padding:min(30px, 1.56vw) min(50px, 2.60vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .txt_info > .info_con > .list_con {min-width:min(290px, 15.10vw); position:relative;} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .txt_info > .info_con > .list_con:before {content:''; width:2px; height:100%; background:#FAF6F6; position:absolute; top:0; left:max(-49px, -2.55vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .txt_info > .info_con > .list_con:first-child:before {content:none;} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .txt_info > .info_con > .list_con > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .txt_info > .info_con > .list_con > ul > li {} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .txt_info > .info_con > .list_con > ul > li > .list_div {display:flex; align-items:center; gap:min(5px, 0.26vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .txt_info > .info_con > .list_con > ul > li > .list_div > .text01_con {flex-shrink:0; width:min(70px, 3.65vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .txt_info > .info_con > .list_con > ul > li > .list_div > .text01_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .txt_info > .info_con > .list_con > ul > li > .list_div > .text02_con {} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .txt_info > .info_con > .list_con > ul > li > .list_div > .text02_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .txt_info > .info_con > .list_con > ul > li > .list_div > .expiration_date {} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .txt_info > .info_con > .list_con > ul > li > .list_div > .expiration_date > span {display:inline-flex; justify-content:center; align-items:center; height:min(24px, 1.25vw); background:#E5EEFB; padding:0 min(10px, 0.52vw); font-size:min(14px, 0.73vw); color:#1292EE; font-weight:700; line-height:130%; letter-spacing:max(-0.322px, -0.02vw); border-radius:min(50px, 2.60vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .txt_info > .btn_con {display:flex; justify-content:center; align-items:center; gap:min(10px, 0.52vw); width:100%; height:min(54px, 2.81vw); background:linear-gradient(266deg, rgba(35, 120, 220, 0.20) -17.48%, rgba(0, 73, 159, 0.20) 97.73%), #FFF;} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .txt_info > .btn_con > span {font-size:min(16px, 0.83vw); color:#080808; font-weight:400; line-height:130%; letter-spacing:max(-0.368px, -0.02vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .my_info > .txt_info > .btn_con > a {display:inline-block; font-size:min(16px, 0.83vw); color:#080808; font-weight:700; line-height:130%; letter-spacing:max(-0.368px, -0.02vw); text-decoration:underline;} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info {display:flex; flex-direction:column; gap:min(20px, 1.04vw); width:100%; background:#FFF; margin:min(30px, 1.56vw) 0 0; padding:min(20px, 1.04vw); border-radius:min(10px, 0.52vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info table {width:100%; table-layout:fixed;} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info table > tbody > tr > .title_td {width:min(230px, 11.98vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info table > tbody > tr > .text_td {width:min(320px, 16.67vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info table > tbody > tr > .text_td:last-child {width:min(260px, 13.54vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info > .title_con {border-bottom:1px solid #DFDFDF;} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info > .title_con > table {} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info > .title_con > table > tbody {} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info > .title_con > table > tbody > tr {} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info > .title_con > table > tbody > tr > td {height:min(70px, 3.65vw); padding:min(10px, 0.52vw) 0;} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info > .title_con > table > tbody > tr > td > div {display:flex; justify-content:center; align-items:center; gap:min(3px, 0.16vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info > .title_con > table > tbody > tr > td > div > img {width:min(30px, 1.56vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info > .title_con > table > tbody > tr > td > div > span {font-size:min(24px, 1.25vw); font-weight:700; line-height:100%; letter-spacing:max(-0.552px, -0.03vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info > .title_con > table > tbody > tr > td > .associate_grade > span {color:#BCBCBC;} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info > .title_con > table > tbody > tr > td > .regular_grade > span {color:#2378DC;} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info > .table_con {width:100%;} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info > .table_con > table {} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info > .table_con > table > tbody {} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info > .table_con > table > tbody > tr {} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info > .table_con > table > tbody > tr > td {height:min(35px, 1.82vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info > .table_con > table > tbody > tr > .title_td {padding-left:min(20px, 1.04vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info > .table_con > table > tbody > tr > .title_td > span {font-size:min(18px, 0.94vw); color:#222; font-weight:600; line-height:130%; letter-spacing:max(-0.9px, -0.05vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info > .table_con > table > tbody > tr > .text_td {} .mypage_sub_con .benefit_sub02_con > .contents_con > .grade_info > .table_con > table > tbody > tr > .text_td > span {font-size:min(18px, 0.94vw); color:rgba(34, 34, 34, 0.60); font-weight:400; line-height:130%; letter-spacing:max(-0.9px, -0.05vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con {display:flex; flex-direction:column; gap:min(40px, 2.08vw); margin:min(40px, 2.08vw) 0 0;} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con > .member_policy {} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con > .member_policy > .title_con {width:100%; border-bottom:1px solid #D9D9D9; padding:min(10px, 0.52vw) min(20px, 1.04vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con > .member_policy > .title_con > span {font-size:min(24px, 1.25vw); color:#1B1B1B; font-weight:700; line-height:130%; letter-spacing:max(-0.576px, -0.03vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con > .member_policy > .list_con {width:100%; border-bottom:1px solid #D9D9D9; padding:min(30px, 1.56vw) min(20px, 1.04vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con > .member_policy > .list_con > ul {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con > .member_policy > .list_con > ul > li {} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con > .member_policy > .list_con > ul > li > .list_div {display:flex; align-items:flex-start; gap:min(16px, 0.83vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con > .member_policy > .list_con > ul > li > .list_div > .title_con {} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con > .member_policy > .list_con > ul > li > .list_div > .title_con > span {font-size:min(18px, 0.94vw); color:#222; font-weight:600; line-height:130%; letter-spacing:max(-0.9px, -0.05vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con > .member_policy > .list_con > ul > li > .list_div > .text_con {} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con > .member_policy > .list_con > ul > li > .list_div > .text_con > span {font-size:min(18px, 0.94vw); color:rgba(34,34,34,0.6); font-weight:400; line-height:130%; letter-spacing:max(-0.9px, -0.05vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con > .notes_con {} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con > .notes_con > .title_con {display:flex; align-items:center; gap:min(10px, 0.52vw); padding:min(10px, 0.52vw) min(20px, 1.04vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con > .notes_con > .title_con > img {width:min(24px, 1.25vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con > .notes_con > .title_con > span {font-size:min(18px, 0.94vw); color:#1B1B1B; font-weight:400; line-height:130%; letter-spacing:max(-0.432px, -0.02vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con > .notes_con > .list_con {padding:0 min(20px, 1.04vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con > .notes_con > .list_con > ul {display:flex; flex-direction:column; gap:min(15px, 0.78vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con > .notes_con > .list_con > ul > li {display:flex; align-items:center; gap:min(4px, 0.21vw);} .mypage_sub_con .benefit_sub02_con > .contents_con > .policy_con > .notes_con > .list_con > ul > li > span {font-size:min(14px, 0.73vw); color:#6B6A6A; font-weight:400; line-height:130%; letter-spacing:max(-0.336px, -0.02vw);} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .title_con {display:flex; justify-content:center; align-items:center; gap:min(3px, 0.16vw); width:100%; height:min(70px, 3.65vw); background:linear-gradient(90deg, #2378DC 0%, #00499F 100%); border-radius:min(4px, 0.21vw);} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .title_con > img {width:min(30px, 1.56vw);} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .title_con > span {font-size:min(24px, 1.25vw); color:#FFF; font-weight:700; line-height:100%; letter-spacing:max(-0.552px, -0.03vw);} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con {width:100%;} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li {} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li:first-child {border-bottom:1px solid #DFDFDF;} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con {display:flex;} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > .category_con {flex-shrink:0; display:flex; justify-content:center; align-items:center; width:min(90px, 4.69vw); height:min(70px, 3.65vw);} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > .category_con > span {} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > .title_con {display:flex; justify-content:center; align-items:center; flex:1; height:min(70px, 3.65vw);} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > .title_con > span {font-size:min(24px, 1.25vw); color:#878686; font-weight:700; line-height:100%; letter-spacing:max(-0.552px, -0.03vw);} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > ul {display:flex; flex-direction:column; gap:1px; width:100%;} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > ul > li {display:flex; gap:1px;} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > ul > li > .category_con {flex-shrink:0; display:flex; justify-content:center; align-items:center; width:min(90px, 4.69vw); height:min(60px, 3.13vw); background:#3074D5; padding:min(10px, 0.52vw);} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > ul > li > .category_con > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:600; line-height:130%; letter-spacing:max(-0.414px, -0.02vw);} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > ul > li > .title_con {display:flex; justify-content:center; align-items:center; flex:1; height:min(60px, 3.13vw); background:#3074D5; padding:min(10px, 0.52vw);} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > ul > li > .title_con > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:600; line-height:130%; letter-spacing:max(-0.414px, -0.02vw);} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > ul > li > .text_con {display:flex; justify-content:center; align-items:center; flex:1; height:min(60px, 3.13vw); border:1px solid #3074D5;} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > ul > li > .text_con > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:600; line-height:130%; letter-spacing:max(-0.414px, -0.02vw);} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > ul > li:nth-child(2) > .category_con {background:transparent; border:1px solid #3074D5;} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > ul > li:nth-child(2) > .category_con > span {color:#3074D5;} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > ul > li:nth-child(2) > .text_con > span {color:#3074D5;} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > .text_con {display:flex; justify-content:center; flex:1; text-align:center;} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > .text_con > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > .text_con > ul > li {} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > .text_con > ul > li > span {font-size:min(18px, 0.94vw); color:rgba(34,34,34,0.6); font-weight:400; line-height:130%; letter-spacing:max(-0.9px, -0.05vw);} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > .title_con:nth-child(3) > span {color:rgba(35, 120, 220, 0.80);} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > .title_con:nth-child(4) > span {color:#004FAB;} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li > .contents_con > .title_con:nth-child(5) > span {color:#062B56;} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li:nth-child(3) > .contents_con > .category_con {display:flex; justify-content:center; align-items:center; width:min(90px, 4.69vw); height:min(188px, 9.79vw); border:1px solid #3074D5; padding:min(10px, 0.52vw);} .mypage_sub_con .benefit_sub02_con.teacher > .contents_con > .grade_info > .list_con > ul > li:nth-child(3) > .contents_con > .category_con > span {font-size:min(18px, 0.94vw); color:#3074D5; font-weight:600; line-height:130%; letter-spacing:max(-0.414px, -0.02vw);} /* benefit_sub03 */ .mypage_sub_con .benefit_sub03_con {} .mypage_sub_con .benefit_sub03_con > .contents_con {} .mypage_sub_con .benefit_sub03_con > .contents_con > .list_con {} .mypage_sub_con .benefit_sub03_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:min(15px, 0.78vw);} .mypage_sub_con .benefit_sub03_con > .contents_con > .list_con > ul > li {width:100%; background:#FFF; padding:min(30px, 1.56vw); border-radius:min(10px, 0.52vw);} .mypage_sub_con .benefit_sub03_con > .contents_con > .list_con > ul > li > .list_div {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .mypage_sub_con .benefit_sub03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .mypage_sub_con .benefit_sub03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con {} .mypage_sub_con .benefit_sub03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con > span {font-size:min(20px, 1.04vw); color:#222; font-weight:500; line-height:130%; letter-spacing:max(-0.46px, -0.02vw);} .mypage_sub_con .benefit_sub03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con {} .mypage_sub_con .benefit_sub03_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con > span {font-size:min(30px, 1.56vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.69px, -0.04vw);} .mypage_sub_con .benefit_sub03_con > .contents_con > .list_con > ul > li > .list_div > .info_con {display:flex; justify-content:space-between; align-items:center;} .mypage_sub_con .benefit_sub03_con > .contents_con > .list_con > ul > li > .list_div > .info_con > .etc_con {display:inline-flex; justify-content:center; align-items:center; height:min(33px, 1.72vw); border:1px solid #C1C1C1; padding:0 min(20px, 1.04vw); border-radius:min(50px, 2.60vw);} .mypage_sub_con .benefit_sub03_con > .contents_con > .list_con > ul > li > .list_div > .info_con > .etc_con > span {font-size:min(18px, 0.94vw); color:#C1C1C1; font-weight:500; line-height:normal; letter-spacing:max(-0.414px, -0.02vw);} .mypage_sub_con .benefit_sub03_con > .contents_con > .list_con > ul > li > .list_div > .info_con > .date_con {display:flex; align-items:center; gap:min(18px, 0.94vw);} .mypage_sub_con .benefit_sub03_con > .contents_con > .list_con > ul > li > .list_div > .info_con > .date_con > span {font-size:min(20px, 1.04vw); color:#222; font-weight:400; line-height:130%; letter-spacing:max(-0.46px, -0.02vw);} .mypage_sub_con .benefit_sub03_con > .contents_con > .list_con > ul > li > .list_div > .info_con > .date_con > span.text_con {font-size:min(22px, 1.15vw); font-weight:600; letter-spacing:max(-0.506px, -0.03vw);} /* benefit_sub03 (강사 등급 히스토리) */ .mypage_sub_con .benefit_sub03_con {} .mypage_sub_con .benefit_sub03_con > .grade_history_con {} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .current_grade_con {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:min(10px, 0.52vw); width:100%; background:#FFF; padding:min(50px, 2.60vw); border-radius:min(20px, 1.04vw);} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .current_grade_con > .text01_con {} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .current_grade_con > .text01_con > span {font-size:min(28px, 1.46vw); color:#1292EE; font-weight:700; line-height:130%; letter-spacing:max(-0.644px, -0.03vw);} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .current_grade_con > .text02_con {display:flex; align-items:center; gap:min(5px, 0.26vw);} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .current_grade_con > .text02_con > span {font-size:min(30px, 1.56vw); color:#5D5D5D; font-weight:500; line-height:100%; letter-spacing:max(-0.69px, -0.04vw);} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .current_grade_con > .text02_con > span.regular_grade {display:inline-flex; justify-content:center; align-items:center; height:min(40px, 2.08vw); background:linear-gradient(266deg, #2378DC -17.48%, #00499F 97.73%), #FFF; padding:0 min(20px, 1.04vw); font-size:min(30px, 1.56vw); color:#FFF; font-weight:700; line-height:normal; letter-spacing:max(-0.69px, -0.04vw); border-radius:min(50px, 2.60vw);} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw); border-top:1px solid #E5E5E5; margin:min(40px, 2.08vw) 0 0; padding:min(30px, 1.56vw) 0;} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .tf_con {display:flex; justify-content:space-between; align-items:center;} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .tf_con > .title_con {} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .tf_con > .title_con > span {font-size:min(30px, 1.56vw); color:#1B1B1B; font-weight:700; line-height:130%; letter-spacing:max(-0.72px, -0.04vw);} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .tf_con > .form_con {display:flex; justify-content:flex-end; margin:min(24px, 1.25vw) 0 0;} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .tf_con > .form_con .input_con {display:flex; align-items:center; gap:min(12px, 0.63vw);} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .tf_con > .form_con .input_con > .select_con {} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .tf_con > .form_con .input_con > .select_con > select {width:min(141px, 7.34vw); height:min(49px, 2.55vw); border:1px solid #EFEFEF; background-color:#FFF; background-image:url("/img/sub/select_arrow_color.svg"); padding:0 min(20px, 1.04vw); border-radius:min(100px, 5.21vw); font-size:min(16px, 0.83vw); color:#7B7B7B; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw); cursor:pointer;} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .tf_con > .form_con .input_con > .date_con {cursor:pointer;} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .tf_con > .form_con .input_con > .date_con > .date_group {display:inline-flex; align-items:center; gap:min(30px, 1.56vw); height:min(49px, 2.55vw); border:1px solid #EFEFEF; background:#FFF; padding:0 min(20px, 1.04vw); border-radius:min(100px, 5.21vw);} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .tf_con > .form_con .input_con > .date_con > .date_group > input {width:min(85px, 4.43vw); height:auto; border:none; background:transparent; font-size:min(16px, 0.83vw); color:#6A6A6A; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw);} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .tf_con > .form_con .input_con > .date_con > .date_group > span {font-size:min(16px, 0.83vw); color:#6A6A6A; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw);} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .tf_con > .form_con .input_con > .date_con > .date_group > .img_con {width:min(20px, 1.04vw);} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .tf_con > .form_con .input_con > .date_con > .date_group > .img_con > img {width:100%;} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .tf_con > .form_con .input_con > .btn_con {display:flex; justify-content:center; align-items:center; width:min(95px, 4.95vw); height:min(49px, 2.55vw); border:none; background:#00499F; border-radius:min(100px, 5.21vw);} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .tf_con > .form_con .input_con > .btn_con > a {display:inline-block; font-size:min(16px, 0.83vw); color:#F9F9F9; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw);} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .info_con {width:100%; background:#FFF; padding:min(20px, 1.04vw); border-radius:min(10px, 0.52vw);} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .info_con > .title_con {width:100%; border-bottom:1px solid #E9E9E9;} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .info_con > .title_con > ul {display:flex;} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .info_con > .title_con > ul > li {padding:min(5px, 0.26vw) 0; text-align:center;} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .info_con > .title_con > ul > li > span {font-size:min(16px, 0.83vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.368px, -0.02vw);} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .info_con > .title_con > ul > li.date {width:min(220px, 11.46vw);} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .info_con > .title_con > ul > li.grade {flex:1 0 0;} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .info_con > .title_con > ul > li.reason {flex:1 0 0;} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .info_con > .list_con {} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .info_con > .list_con > ul {display:flex; flex-direction:column;} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .info_con > .list_con > ul > li {border-bottom:1px dashed #F6F6F6; padding:min(5px, 0.26vw) 0;} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .info_con > .list_con > ul > li > .list_div {display:flex; justify-content:center; align-items:center; height:min(30px, 1.56vw);} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .info_con > .list_con > ul > li > .list_div > .text_con {text-align:center;} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .info_con > .list_con > ul > li > .list_div > .text_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .info_con > .list_con > ul > li > .list_div > .text_con.date {width:min(220px, 11.46vw);} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .info_con > .list_con > ul > li > .list_div > .text_con.grade {flex:1 0 0;} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .info_con > .list_con > ul > li > .list_div > .text_con.reason {flex:1 0 0;} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .info_con > .none_con {padding:min(130px, 6.77vw) 0; text-align:center;} .mypage_sub_con .benefit_sub03_con > .grade_history_con > .resume_inquiry_con > .info_con > .none_con > span {font-size:min(20px, 1.04vw); color:#B0B0B0; font-weight:400; line-height:130%; letter-spacing:max(-0.69px, -0.04vw);} /* benefit_sub04 (강사 서약서현황) */ .mypage_sub_con .benefit_sub04_con {} .mypage_sub_con .benefit_sub04_con > .contents_con {display:flex; flex-direction:column; gap:min(80px, 4.17vw);} .mypage_sub_con .benefit_sub04_con > .contents_con > .top_con {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:min(20px, 1.04vw); width:100%; background:#FFF; padding:min(50px, 2.60vw); border-radius:min(20px, 1.04vw);} .mypage_sub_con .benefit_sub04_con > .contents_con > .top_con > .title_con {display:flex; align-items:center; gap:min(5px, 0.26vw);} .mypage_sub_con .benefit_sub04_con > .contents_con > .top_con > .title_con > span {font-size:min(30px, 1.56vw); color:#5D5D5D; font-weight:500; line-height:100%; letter-spacing:max(-0.69px, -0.04vw);} .mypage_sub_con .benefit_sub04_con > .contents_con > .top_con > .title_con > .num_text {display:inline-flex; justify-content:center; align-items:center; height:min(40px, 2.08vw); background:linear-gradient(266deg, #2378DC -17.48%, #00499F 97.73%), #FFF; padding:0 min(20px, 1.04vw); font-size:min(30px, 1.56vw); color:#FFF; font-weight:700; line-height:normal; letter-spacing:max(-0.69px, -0.04vw); border-radius:min(50px, 2.60vw);} .mypage_sub_con .benefit_sub04_con > .contents_con > .top_con > .oath_con {} .mypage_sub_con .benefit_sub04_con > .contents_con > .top_con > .oath_con > .text_con {text-align:center;} .mypage_sub_con .benefit_sub04_con > .contents_con > .top_con > .oath_con > .text_con > span {font-size:min(16px, 0.83vw); color:#1292EE; font-weight:700; line-height:130%; letter-spacing:max(-0.368px, -0.02vw);} .mypage_sub_con .benefit_sub04_con > .contents_con > .top_con > .oath_con > .list_con {margin:min(10px, 0.52vw) 0 0;} .mypage_sub_con .benefit_sub04_con > .contents_con > .top_con > .oath_con > .list_con > ul {display:flex; justify-content:center; align-items:center; gap:min(10px, 0.52vw);} .mypage_sub_con .benefit_sub04_con > .contents_con > .top_con > .oath_con > .list_con > ul > li {width:min(348px, 18.13vw);} .mypage_sub_con .benefit_sub04_con > .contents_con > .top_con > .oath_con > .list_con > ul > li > .list_div {display:flex; flex-direction:column; align-items:center; gap:min(7px, 0.36vw);} .mypage_sub_con .benefit_sub04_con > .contents_con > .top_con > .oath_con > .list_con > ul > li > .list_div > .img_con {width:100%; background:no-repeat center/cover; background-color:#E5EEFB; border-radius:min(20px, 1.04vw); overflow:hidden;} .mypage_sub_con .benefit_sub04_con > .contents_con > .top_con > .oath_con > .list_con > ul > li > .list_div > .img_con > img {width:100%;} .mypage_sub_con .benefit_sub04_con > .contents_con > .top_con > .oath_con > .list_con > ul > li > .list_div > .txt_con {display:flex; align-items:center; gap:min(4px, 0.21vw);} .mypage_sub_con .benefit_sub04_con > .contents_con > .top_con > .oath_con > .list_con > ul > li > .list_div > .txt_con > .text_con {} .mypage_sub_con .benefit_sub04_con > .contents_con > .top_con > .oath_con > .list_con > ul > li > .list_div > .txt_con > .text_con > span {font-size:min(16px, 0.83vw); color:#969696; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw);} .mypage_sub_con .benefit_sub04_con > .contents_con > .top_con > .oath_con > .list_con > ul > li > .list_div > .txt_con > .btn_con {} .mypage_sub_con .benefit_sub04_con > .contents_con > .top_con > .oath_con > .list_con > ul > li > .list_div > .txt_con > .btn_con > a {display:inline-flex; justify-content:center; align-items:center; height:min(30px, 1.56vw); background:#1292EE; padding:0 min(15px, 0.78vw); font-size:min(16px, 0.83vw); color:#FFF; font-weight:500; line-height:normal; letter-spacing:max(-0.368px, -0.02vw); border-radius:min(50px, 2.60vw);} .mypage_sub_con .benefit_sub04_con > .contents_con > .list_con {border-top:1px solid #E5E5E5; padding:min(50px, 2.60vw) 0;} .mypage_sub_con .benefit_sub04_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:min(15px, 0.78vw);} .mypage_sub_con .benefit_sub04_con > .contents_con > .list_con > ul > li {width:100%;} .mypage_sub_con .benefit_sub04_con > .contents_con > .list_con > ul > li > a {display:block; width:100%;} .mypage_sub_con .benefit_sub04_con > .contents_con > .list_con > ul > li > a > .list_div {display:flex; justify-content:space-between; align-items:flex-end; background:#FFF; padding:min(30px, 1.56vw); border-radius:min(10px, 0.52vw);} .mypage_sub_con .benefit_sub04_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .mypage_sub_con .benefit_sub04_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text01_con {} .mypage_sub_con .benefit_sub04_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text01_con > span {font-size:min(20px, 1.04); color:#222; font-weight:500; line-height:130%; letter-spacing:max(-0.46px, -0.02vw);} .mypage_sub_con .benefit_sub04_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text02_con {} .mypage_sub_con .benefit_sub04_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text02_con > span {font-size:min(30px, 1.56vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.69px, -0.04vw);} .mypage_sub_con .benefit_sub04_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text03_con {} .mypage_sub_con .benefit_sub04_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text03_con > span {display:inline-flex; justify-content:center; align-items:center; height:min(33px, 1.72vw); border:1px solid #C1C1C1; padding:0 min(20px, 1.04vw); font-size:min(18px, 0.94vw); color:#C1C1C1; font-weight:500; line-height:normal; letter-spacing:max(-0.414px, -0.02vw); border-radius:min(50px, 2.60vw);} .mypage_sub_con .benefit_sub04_con > .contents_con > .list_con > ul > li > a > .list_div > .state_con {} .mypage_sub_con .benefit_sub04_con > .contents_con > .list_con > ul > li > a > .list_div > .state_con > span {display:inline-flex; justify-content:center; align-items:center; height:min(33px, 1.72vw); padding:0 min(10px, 0.52vw); font-size:min(18px, 0.94vw); font-weight:500; line-height:normal; letter-spacing:max(-0.414px, -0.02vw); border-radius:min(50px, 2.60vw);} .mypage_sub_con .benefit_sub04_con > .contents_con > .list_con > ul > li > a > .list_div > .state_con.complete > span {background:#E5EEFB; color:#1292EE;} .mypage_sub_con .benefit_sub04_con > .contents_con > .list_con > ul > li > a > .list_div > .state_con.incomplete > span {background:#F5F5F5; color:#A6A6A6;} /* personal_sub01 */ .mypage_sub_con .personal_sub01_con {width:100%; margin:0 auto;} .mypage_sub_con .personal_sub01_con > .contents_con {} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field {} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list {width:100%; padding:min(50px, 2.60vw) min(20px, 1.04vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul {display:flex; flex-direction:column; gap:min(15px, 0.78vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li {display:flex; align-items:center; gap:min(15px, 0.78vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div {display:flex; align-items:center; gap:min(23px, 1.20vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .title_con {flex-shrink:0; display:flex; gap:min(4px, 0.21vw); width:min(160px, 8.33vw); height:min(44px, 2.29vw); border-right:2px solid #8C8C8C; padding:min(10px, 0.52vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .title_con > span {font-size:min(20px, 1.04vw); color:#373737; font-weight:700; line-height:normal;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .title_con > span.color_text {color:#CA0004;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con {} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con input {width:min(290px, 15.10vw); height:min(44px, 2.29vw); border:1px solid #EBEBEB; background-color:unset; padding:0 min(10px, 0.52vw); font-size:min(18px, 0.94vw); color:#373737; font-weight:400; line-height:normal;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con input::placeholder {color:#373737; font-weight:300;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con input.input_read {pointer-events:none;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .flex_con {display:flex; align-items:center; gap:min(7px, 0.36vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .flex_con > input {width:min(96px, 5.00vw); text-align:center;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .flex_con > span {font-size:min(18px, 0.94vw); color:#373737; font-weight:300; line-height:normal;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .birth_con > input {text-align:right;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > ul {display:flex; align-items:center; gap:min(10px, 0.52vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > ul > li {} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > ul > li > label {display:flex; align-items:center; gap:min(8px, 0.42vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > ul > li > label > input {} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > ul > li > label > .check_icon {} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > ul > li > label > span {font-size:min(18px, 0.94vw); color:#373737; font-weight:300; line-height:normal;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .address_con {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .address_con > .search_con {display:flex; align-items:center; gap:min(8px, 0.42vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .address_con > .search_con > input {} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .address_con > .search_con > .btn_con {} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .address_con > .search_con > .btn_con > a {display:inline-flex; justify-content:center; align-items:center; height:min(44px, 2.29vw); border:1px solid #EBEBEB; background:#5D5D5D; padding:0 min(10px, 0.52vw); font-size:min(18px, 0.94vw); color:#FFF; font-weight:500; line-height:normal;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .input_con > .address_con > input {width:min(750px, 39.06vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con {padding:min(10px, 0.52vw) 0;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con {display:flex; flex-direction:column; gap:min(35px, 1.82vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .title_con {} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .title_con > span {font-size:min(20px, 1.04vw); color:#00499F; font-weight:700; line-height:normal;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con {} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con {} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .title_con {} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .title_con > span {font-size:min(16px, 0.83vw); color:#3A3A3A; font-weight:400; line-height:130%; letter-spacing:max(-0.32px, -0.02vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con {margin:min(20px, 1.04vw) 0 0;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li {} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div {} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .text_con {} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .text_con > span {font-size:min(14px, 0.73vw); color:#A2A2A2; font-weight:500; line-height:normal;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con {margin:min(10px, 0.52vw) 0 0;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li {width:100%;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div {display:flex; align-items:center; gap:min(5px, 0.26vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .upload_con {display:flex; align-items:center; gap:min(5px, 0.26vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .upload_con > .file_name {display:flex; width:min(290px, 15.10vw); height:min(44px, 2.29vw); border:1px solid #EBEBEB; padding:min(10px, 0.52vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .upload_con > .file_name > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(18px, 0.94vw); color:rgba(55,55,55,0.5); font-weight:300; line-height:normal;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .upload_con > .file_label {display:flex; justify-content:center; align-items:center; gap:min(5px, 0.26vw); width:min(81px, 4.22vw); height:min(44px, 2.29vw); border:1px solid #EBEBEB; background-color:#F8F8F8; border-radius:min(5px, 0.26vw); cursor:pointer;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .upload_con > .file_label > input {display:none;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .upload_con > .file_label > img {width:min(24px, 1.25vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .upload_con > .file_label > span {font-size:min(18px, 0.94vw); color:#373737; font-weight:300; line-height:normal;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .btn_con {} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .btn_con > ul {display:flex; align-items:center; gap:min(5px, 0.26vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .btn_con > ul > li {} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .btn_con > ul > li > a {display:inline-flex; justify-content:center; align-items:center; height:min(44px, 2.29vw); padding:min(10px, 0.52vw); font-size:min(18px, 0.94vw); color:#FFF; font-weight:500; line-height:normal; border-radius:min(5px, 0.26vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .btn_con > ul > li > a.add {background:#00499F;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list > ul > li > .list_div > .teacher_con > .contents_con > .info_con > .type_con > .list_con > ul > li > .list_div > .file_con > ul > li > .list_div > .btn_con > ul > li > a.delete {background:#E62402;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list:first-child > ul > li:last-child > .list_div {align-items:flex-start;} .mypage_sub_con .personal_sub01_con > .contents_con > .input_field > .input_list:nth-child(4) > ul > li:last-child > .list_div {align-items:flex-start;} .mypage_sub_con .personal_sub01_con > .contents_con > .sns_interlock {} .mypage_sub_con .personal_sub01_con > .contents_con > .sns_interlock > .title_con {padding:min(10px, 0.52vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .sns_interlock > .title_con > span {font-size:min(20px, 1.04vw); color:#373737; font-weight:700; line-height:normal;} .mypage_sub_con .personal_sub01_con > .contents_con > .sns_interlock > ul {width:100%; display:flex; flex-direction:column; gap:min(30px, 1.56vw); border:1px solid #E0E0E0; padding:min(20px, 1.04vw) min(40px, 2.08vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .sns_interlock > ul > li {} .mypage_sub_con .personal_sub01_con > .contents_con > .sns_interlock > ul > li > a {display:inline-block;} .mypage_sub_con .personal_sub01_con > .contents_con > .sns_interlock > ul > li > a > .list_div {display:flex; align-items:center; gap:min(10px, 0.52vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .sns_interlock > ul > li > a > .list_div > img {width:min(42px, 2.19vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .sns_interlock > ul > li > a > .list_div > span {font-size:min(18px, 0.94vw); color:#1A1A1A; font-weight:600; line-height:150%; letter-spacing:max(-0.48px, -0.03vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .sns_interlock > ul > li > a.interlock > .list_div > span {color:#318CE2;} .mypage_sub_con .personal_sub01_con > .contents_con > .btn_con {display:flex; justify-content:center; margin:min(60px, 3.13vw) 0 0;} .mypage_sub_con .personal_sub01_con > .contents_con > .btn_con > ul {display:flex; align-items:center; gap:min(6px, 0.31vw);} .mypage_sub_con .personal_sub01_con > .contents_con > .btn_con > ul > li {} .mypage_sub_con .personal_sub01_con > .contents_con > .btn_con > ul > li > a {display:flex; justify-content:center; align-items:center; width:min(130px, 6.77vw); height:min(40px, 2.08vw); background:#00499F; font-size:min(16px, 0.83vw); color:#FFF; font-weight:700; line-height:normal; letter-spacing:max(-0.368px, -0.02vw); border-radius:min(5px, 0.26vw);} /* personal_sub02 */ .mypage_sub_con .personal_sub02_con {width:100%; margin:0 auto;} .mypage_sub_con .personal_sub02_con > .contents_con {} .mypage_sub_con .personal_sub02_con > .contents_con > .list_con {} .mypage_sub_con .personal_sub02_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:min(15px, 0.78vw);} .mypage_sub_con .personal_sub02_con > .contents_con > .list_con > ul > li {width:100%;} .mypage_sub_con .personal_sub02_con > .contents_con > .list_con > ul > li > a {display:block; width:100%;} .mypage_sub_con .personal_sub02_con > .contents_con > .list_con > ul > li > a > .list_div {display:flex; justify-content:space-between; align-items:flex-end; background:#FFF; padding:min(30px, 1.56vw); border-radius:min(10px, 0.52vw);} .mypage_sub_con .personal_sub02_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .mypage_sub_con .personal_sub02_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text01_con {} .mypage_sub_con .personal_sub02_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text01_con > span {font-size:min(20px, 1.04vw); color:#222; font-weight:500; line-height:130%; letter-spacing:max(-0.46px, -0.02vw);} .mypage_sub_con .personal_sub02_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text02_con {} .mypage_sub_con .personal_sub02_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text02_con > span {font-size:min(30px, 1.56vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.69px, -0.04vw);} .mypage_sub_con .personal_sub02_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text03_con {} .mypage_sub_con .personal_sub02_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text03_con > span {display:inline-flex; justify-content:center; align-items:center; height:min(33px, 1.72vw); border:1px solid #C1C1C1; padding:0 min(20px, 1.04vw); font-size:min(18px, 0.94vw); color:#C1C1C1; font-weight:500; line-height:normal; letter-spacing:max(-0.414px, -0.02vw); border-radius:min(50px, 2.60vw);} .mypage_sub_con .personal_sub02_con > .contents_con > .list_con > ul > li > a > .list_div > .state_con {} .mypage_sub_con .personal_sub02_con > .contents_con > .list_con > ul > li > a > .list_div > .state_con > span {display:inline-flex; justify-content:center; align-items:center; height:min(33px, 1.72vw); padding:0 min(10px, 0.52vw); font-size:min(18px, 0.94vw); font-weight:500; line-height:normal; letter-spacing:max(-0.414px, -0.02vw); border-radius:min(50px, 2.60vw);} .mypage_sub_con .personal_sub02_con > .contents_con > .list_con > ul > li > a > .list_div > .state_con.complete > span {background:#E5EEFB; color:#1292EE;} .mypage_sub_con .personal_sub02_con > .contents_con > .list_con > ul > li > a > .list_div > .state_con.incomplete > span {background:#F5F5F5; color:#A6A6A6;} /* 회원탈퇴 페이지 */ .mypage_sub_con .withdrawal_con {} .mypage_sub_con .withdrawal_con > .contents_con {} .mypage_sub_con .withdrawal_con > .contents_con > .title_con {} .mypage_sub_con .withdrawal_con > .contents_con > .title_con > span {font-size:min(30px, 1.56vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.69px, -0.04vw);} .mypage_sub_con .withdrawal_con > .contents_con > .st_con {margin:min(25px, 1.30vw) 0 0;} .mypage_sub_con .withdrawal_con > .contents_con > .st_con > .select_box {position:relative;} .mypage_sub_con .withdrawal_con > .contents_con > .st_con > .select_box > .select {display:flex; justify-content:space-between; align-items:center; width:min(420px, 21.88vw); height:min(65px, 3.39vw); border:1px solid #DCDCDC; background:#FFF; padding:min(20px, 1.04vw) min(30px, 1.56vw); border-radius:min(10px, 0.52vw); cursor:pointer;} .mypage_sub_con .withdrawal_con > .contents_con > .st_con > .select_box > .select > span {font-size:min(20px, 1.04vw); color:#B9B9B9; font-weight:500; line-height:130%; letter-spacing:max(-0.46px, -0.02vw);} .mypage_sub_con .withdrawal_con > .contents_con > .st_con > .select_box > .select > .img_con {width:min(18px, 0.94vw); transition:all 0.3s ease;} .mypage_sub_con .withdrawal_con > .contents_con > .st_con > .select_box > .select > .img_con > img {width:100%;} .mypage_sub_con .withdrawal_con > .contents_con > .st_con > .select_box > .select.on > span {color:#222;} .mypage_sub_con .withdrawal_con > .contents_con > .st_con > .select_box > .select.active > .img_con {transform:rotate(180deg);} .mypage_sub_con .withdrawal_con > .contents_con > .st_con > .select_box > .option_list {display:none; width:min(420px, 21.88vw); background:#FFF; padding:min(20px, 1.04vw) min(30px, 1.56vw); position:absolute; top:min(75px, 3.91vw); left:0; right:0; z-index:10; box-shadow:0 0 min(8px, 0.42vw) 0 rgba(0,0,0,0.15); border-radius:min(10px, 0.52vw);} .mypage_sub_con .withdrawal_con > .contents_con > .st_con > .select_box .select.active + .option_list {display:block;} .mypage_sub_con .withdrawal_con > .contents_con > .st_con > .select_box > .option_list > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .mypage_sub_con .withdrawal_con > .contents_con > .st_con > .select_box > .option_list > ul > li {cursor:pointer;} .mypage_sub_con .withdrawal_con > .contents_con > .st_con > .select_box > .option_list > ul > li > span {font-size:min(18px, 0.94vw); color:#222; font-weight:400; line-height:130%; letter-spacing:max(-0.414px, -0.02vw);} .mypage_sub_con .withdrawal_con > .contents_con > .st_con > .textarea_con {width:100%; margin:min(20px, 1.04vw) 0 0 ;} .mypage_sub_con .withdrawal_con > .contents_con > .st_con > .textarea_con > textarea {width:100%; height:min(235px, 12.24vw); border:1px solid #DCDCDC; background:#FFF; padding:min(30px, 1.56vw); font-size:min(20px, 1.04vw); color:#222; font-weight:500; line-height:130%; letter-spacing:max(-0.46px, -0.02vw); border-radius:min(10px, 0.52vw); overflow-y:auto;} .mypage_sub_con .withdrawal_con > .contents_con > .st_con > .textarea_con > textarea::placeholder {color:#B9B9B9;} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw); margin:min(20px, 1.04vw) 0 0;} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con > .member_policy {} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con > .member_policy > .title_con {width:100%; border-bottom:1px solid #D9D9D9; padding:min(10px, 0.52vw) min(20px, 1.04vw);} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con > .member_policy > .title_con > span {font-size:min(24px, 1.25vw); color:#1B1B1B; font-weight:700; line-height:130%; letter-spacing:max(-0.576px, -0.03vw);} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con > .member_policy > .list_con {width:100%; border-bottom:1px solid #D9D9D9; padding:min(30px, 1.56vw) min(20px, 1.04vw);} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con > .member_policy > .list_con > ul {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con > .member_policy > .list_con > ul > li {} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con > .member_policy > .list_con > ul > li > .list_div {display:flex; align-items:flex-start; gap:min(16px, 0.83vw);} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con > .member_policy > .list_con > ul > li > .list_div > .title_con {} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con > .member_policy > .list_con > ul > li > .list_div > .title_con > span {font-size:min(18px, 0.94vw); color:#222; font-weight:600; line-height:130%; letter-spacing:max(-0.9px, -0.05vw);} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con > .member_policy > .list_con > ul > li > .list_div > .text_con {} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con > .member_policy > .list_con > ul > li > .list_div > .text_con > span {font-size:min(18px, 0.94vw); color:rgba(34,34,34,0.6); font-weight:400; line-height:130%; letter-spacing:max(-0.9px, -0.05vw);} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con > .notes_con {} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con > .notes_con > .title_con {display:flex; align-items:center; gap:min(10px, 0.52vw); padding:min(10px, 0.52vw) min(20px, 1.04vw);} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con > .notes_con > .title_con > img {width:min(24px, 1.25vw);} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con > .notes_con > .title_con > span {font-size:min(18px, 0.94vw); color:#1B1B1B; font-weight:400; line-height:130%; letter-spacing:max(-0.432px, -0.02vw);} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con > .notes_con > .list_con {margin:min(20px, 1.04vw) 0 0; padding:0 min(20px, 1.04vw);} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con > .notes_con > .list_con > ul {display:flex; flex-direction:column; gap:min(15px, 0.78vw);} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con > .notes_con > .list_con > ul > li {display:flex; align-items:center; gap:min(4px, 0.21vw);} .mypage_sub_con .withdrawal_con > .contents_con > .policy_con > .notes_con > .list_con > ul > li > span {font-size:min(14px, 0.73vw); color:#6B6A6A; font-weight:400; line-height:130%; letter-spacing:max(-0.336px, -0.02vw);} .mypage_sub_con .withdrawal_con > .contents_con > .btn_con {margin:min(110px, 5.73vw) 0 0;} .mypage_sub_con .withdrawal_con > .contents_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(130px, 6.77vw); margin:0 auto; height:min(40px, 2.08vw); background:#00499F; font-size:min(16px, 0.83vw); color:#FFF; font-weight:700; line-height:normal; letter-spacing:max(-0.368px, -0.02vw); border-radius:min(5px, 0.26vw);} /* 문의 리스트페이지 */ .mypage_sub_con .mypage_inquiry_con {} .mypage_sub_con .mypage_inquiry_con > .contents_con {} .mypage_sub_con .mypage_inquiry_con > .contents_con > .list_con {} .mypage_sub_con .mypage_inquiry_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:min(15px, 0.78vw);} .mypage_sub_con .mypage_inquiry_con > .contents_con > .list_con > ul > li {width:100%;} .mypage_sub_con .mypage_inquiry_con > .contents_con > .list_con > ul > li > a {display:block; width:100%; background:#FFF; border-radius:min(10px, 0.52vw); overflow:hidden;} .mypage_sub_con .mypage_inquiry_con > .contents_con > .list_con > ul > li > a > .list_div {display:flex; flex-direction:column; gap:min(15px, 0.78vw); padding:min(30px, 1.56vw);} .mypage_sub_con .mypage_inquiry_con > .contents_con > .list_con > ul > li > a > .list_div > .top_con {display:flex; justify-content:space-between; align-items:center;} .mypage_sub_con .mypage_inquiry_con > .contents_con > .list_con > ul > li > a > .list_div > .top_con > .type_con {display:inline-flex; justify-content:center; align-items:center; height:min(33px, 1.72vw); border:1px solid #C1C1C1; padding:0 min(20px, 1.04vw); border-radius:min(50px, 2.60vw);} .mypage_sub_con .mypage_inquiry_con > .contents_con > .list_con > ul > li > a > .list_div > .top_con > .type_con > span {font-size:min(18px, 0.94vw); color:#C1C1C1; font-weight:500; line-height:130%; letter-spacing:max(-0.414px, -0.02vw);} .mypage_sub_con .mypage_inquiry_con > .contents_con > .list_con > ul > li > a > .list_div > .top_con > .current_con {display:inline-flex; justify-content:center; align-items:center; height:min(33px, 1.72vw); padding:0 min(10px, 0.52vw); border-radius: min(50px, 2.60vw);} .mypage_sub_con .mypage_inquiry_con > .contents_con > .list_con > ul > li > a > .list_div > .top_con > .current_con > span {font-size:min(18px, 0.94vw); font-weight:500; line-height:130%; letter-spacing:max(-0.414px, -0.02vw);} .mypage_sub_con .mypage_inquiry_con > .contents_con > .list_con > ul > li > a > .list_div > .top_con > .current_con.complete {background:#E5EEFB;} .mypage_sub_con .mypage_inquiry_con > .contents_con > .list_con > ul > li > a > .list_div > .top_con > .current_con.complete > span {color:#1292EE;} .mypage_sub_con .mypage_inquiry_con > .contents_con > .list_con > ul > li > a > .list_div > .top_con > .current_con.waiting {background:#F5F5F5} .mypage_sub_con .mypage_inquiry_con > .contents_con > .list_con > ul > li > a > .list_div > .top_con > .current_con.waiting > span {color:#A6A6A6;} .mypage_sub_con .mypage_inquiry_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con {display:flex; flex-direction:column; gap:min(15px, 0.78vw);} .mypage_sub_con .mypage_inquiry_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .title_con {} .mypage_sub_con .mypage_inquiry_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .title_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(30px, 1.56vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.69px, -0.04vw);} .mypage_sub_con .mypage_inquiry_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text_con {} .mypage_sub_con .mypage_inquiry_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(18px, 0.94vw); color:#A2A0A0; font-weight:500; line-height:130%; letter-spacing:max(-0.414px, -0.02vw);} /* 문의 뷰페이지 */ .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con {width:100%; background:#FFF; padding:0 min(20px, 1.04vw); border-radius:min(20px, 1.04vw);} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .my_inquiry_con {display:flex; flex-direction:column; gap:min(30px, 1.56vw); border-bottom:1px solid #ECECEC; padding:min(30px, 1.56vw);} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .my_inquiry_con > .txt_con {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .my_inquiry_con > .txt_con > .type_con {display:inline-flex; justify-content:center; align-items:center; width:max-content; height:min(33px, 1.72vw); border:1px solid #7E7B7B; padding:0 min(20px, 1.04vw); border-radius:min(50px, 2.60vw);} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .my_inquiry_con > .txt_con > .type_con > span {font-size:min(18px, 0.94vw); color:#7E7B7B; font-weight:500; line-height:130%; letter-spacing:max(-0.414px, -0.02vw);} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .my_inquiry_con > .txt_con > .title_con {} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .my_inquiry_con > .txt_con > .title_con > span {font-size:min(22px, 1.15vw); color:#121212; font-weight:600; line-height:130%;} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .my_inquiry_con > .text_con {} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .my_inquiry_con > .text_con > span {font-size:min(16px, 0.83vw); color:#121212; font-weight:400; line-height:130%;} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .my_inquiry_con > .date_con {} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .my_inquiry_con > .date_con > span {font-size:min(16px, 0.83vw); color:#666; font-weight:400; line-height:130%;} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .answer_con {display:flex; flex-direction:column; gap:min(30px, 1.56vw); padding:min(30px, 1.56vw);} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .answer_con > .title_con {display:flex; justify-content:space-between; align-items:center;} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .answer_con > .title_con > .text_con {display:flex; align-items:center; gap:min(5px, 0.26vw);} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .answer_con > .title_con > .text_con > img {width:min(33px, 1.72vw);} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .answer_con > .title_con > .text_con > span {font-size:min(22px, 1.15vw); color:#121212; font-weight:600; line-height:130%;} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .answer_con > .title_con > .writer_con {} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .answer_con > .title_con > .writer_con > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:400; line-height:130%;} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .answer_con > .text_con {} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .answer_con > .text_con > span {font-size:min(16px, 0.83vw); color:#121212; font-weight:400; line-height:130%;} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .answer_con > .date_con {} .mypage_sub_con .mypage_inquiry_con > .contents_con > .view_con > .answer_con > .date_con > span {font-size:min(16px, 0.83vw); color:#666; font-weight:400; line-height:130%;} .mypage_sub_con .mypage_inquiry_con > .contents_con > .btn_con {margin:min(60px, 3.13vw) 0 0;} .mypage_sub_con .mypage_inquiry_con > .contents_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(140px, 7.29vw); margin:0 auto; height:min(50px, 2.60vw); background:#00499F; font-size:min(16px, 0.83vw); color:#FFF; font-weight:700; line-height:130%; border-radius:min(500px, 26.04vw);} /* 결제내역 상세 팝업 */ .mypage_sub_con .reserv_popup_con_bg {display:none; width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; right:0; z-index:200;} .mypage_sub_con .reserv_popup_con {display:none; width:min(440px, 22.92vw); margin:0 auto; background:#FFF; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:200; border-radius:min(10px, 0.52vw);} .mypage_sub_con .reserv_popup_con > .contents_con {padding:min(30px, 1.56vw); position:relative;} .mypage_sub_con .reserv_popup_con > .contents_con > .txt_con {display:flex; flex-direction:column; align-items:center; gap:min(5px, 0.26vw); padding:0 0 min(26px, 1.35vw); text-align:center;} .mypage_sub_con .reserv_popup_con > .contents_con > .txt_con > .title_con {} .mypage_sub_con .reserv_popup_con > .contents_con > .txt_con > .title_con > span {font-size:min(30px, 1.56vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.69px, -0.04vw);} .mypage_sub_con .reserv_popup_con > .contents_con > .txt_con > .date_con {display:flex; justify-content:center; align-items:center; gap:min(12px, 0.63vw);} .mypage_sub_con .reserv_popup_con > .contents_con > .txt_con > .date_con > span {font-size:min(22px, 1.15vw); color:#222; font-weight:400; line-height:130%; letter-spacing:max(-0.506px, -0.03vw);} .mypage_sub_con .reserv_popup_con > .contents_con > .txt_con > .date_con > span.bold_text {font-size:min(24px, 1.25vw); font-weight:700; letter-spacing:max(-0.552px, -0.03vw);} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con {} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .info_con {border-top:1px dashed #ECECEC; border-bottom:1px dashed #ECECEC; padding:min(10px, 0.52vw);} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .info_con > ul {display:flex; align-items:center; gap:min(10px, 0.52vw);} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .info_con > ul > li {flex:1;} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .info_con > ul > li > .list_div {display:flex; align-items:center; gap:min(10px, 0.52vw); padding:min(5px, 0.26vw) 0;} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .info_con > ul > li > .list_div > .text01_con {} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .info_con > ul > li > .list_div > .text01_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:700; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .info_con > ul > li > .list_div > .text02_con {} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .info_con > ul > li > .list_div > .text02_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .inner_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw); margin:min(35px, 1.82vw) 0 0;} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .inner_con > .img_con {width:100%; background:no-repeat center/cover; border-radius:min(10px, 0.52vw); box-shadow:0 min(4px, 0.21vw) min(20px, 1.04vw) 0 rgba(0,0,0,0.2); overflow:hidden;} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .inner_con > .img_con > img {width:100%;} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .inner_con > .text_con {} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .inner_con > .text_con > span {font-size:min(14px, 0.73vw); color:#222; font-weight:400; line-height:130%; letter-spacing:max(-0.322px, -0.02vw);} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .btn_con {margin:min(35px, 1.82vw) 0 0;} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .btn_con > ul {display:flex; justify-content:center; align-items:center; gap:min(6px, 0.31vw);} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .btn_con > ul > li {} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .btn_con > ul > li > a {display:flex; justify-content:center; align-items:center; width:min(130px, 6.77vw); height:min(40px, 2.08vw); font-size:min(16px, 0.83vw); color:#FFF; font-weight:700; line-height:normal; letter-spacing:max(-0.368px, -0.02vw); border-radius:min(5px, 0.26vw);} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .btn_con > ul > li > a.a_btn01 {background:#00499F;} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .btn_con > ul > li > a.a_btn02 {background:#C60505;} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .box_con {display:flex; flex-direction:column; gap:min(12px, 0.63vw); width:100%; background:#FAFAFA; margin:min(35px, 1.82vw) 0 0; padding:min(20px, 1.04vw); border-radius:min(5px, 0.26vw);} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .box_con > .title_con {} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .box_con > .title_con > span {font-size:min(16px, 0.83vw); color:#222; font-weight:600; line-height:130%; letter-spacing:max(-0.368px, -0.02vw);} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .box_con > .list_con {} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .box_con > .list_con > ul {display:flex; flex-direction:column; gap:min(6px, 0.31vw);} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .box_con > .list_con > ul > li {position:relative;} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .box_con > .list_con > ul > li:before {content:''; width:min(3px, 0.16vw); height:min(3px, 0.16vw); background:#222; position:absolute; top:min(6px, 0.31vw); left:min(6px, 0.31vw); border-radius:min(3px, 0.16vw);} .mypage_sub_con .reserv_popup_con > .contents_con > .scroll_con > .box_con > .list_con > ul > li > span {display:inline-block; padding-left:min(18px, 0.94vw); font-size:min(12px, 0.63vw); color:#222; font-weight:400; line-height:130%; letter-spacing:max(-0.276px, -0.01vw);} .mypage_sub_con .reserv_popup_con > .contents_con > .closed_btn {position:absolute; top:max(-35px, -1.82vw); right:0;} .mypage_sub_con .reserv_popup_con > .contents_con > .closed_btn > a {display:block; width:min(23px, 1.20vw);} .mypage_sub_con .reserv_popup_con > .contents_con > .closed_btn > a > img {width:100%;} /* 시설안내 */ .facility_main_con {} .facility_main_con > .info01_con {width:100%; margin:0 auto; background:#F6F8FA;} .facility_main_con > .info01_con > .contents_con {display:flex; flex-direction:column; align-items:center; gap:min(45px, 2.34vw); width:100%; max-width:min(1620px, 84.38vw); margin:0 auto; padding:min(80px, 4.17vw) 0;} .facility_main_con > .info01_con > .contents_con > .txt_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw); text-align:center;} .facility_main_con > .info01_con > .contents_con > .txt_con > .text01_con {} .facility_main_con > .info01_con > .contents_con > .txt_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#0B5FD8; font-weight:500; line-height:normal; font-family: "Plus Jakarta Sans";} .facility_main_con > .info01_con > .contents_con > .txt_con > .text02_con {} .facility_main_con > .info01_con > .contents_con > .txt_con > .text02_con > span {font-size:min(42px, 2.19vw); color:#020E20; font-weight:700; line-height:130%;} .facility_main_con > .info01_con > .contents_con > .text_con {text-align:center;} .facility_main_con > .info01_con > .contents_con > .text_con > span {font-size:min(22px, 1.15vw); color:#404F63; font-weight:400; line-height:165%;} .facility_main_con > .info01_con > .contents_con > .tab_con {display:flex; flex-direction:column; gap:min(45px, 2.34vw); width:100%;} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_navi {} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_navi > ul {display:flex; justify-content:center; align-items:center; gap:min(15px, 0.78vw);} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_navi > ul > li {display:flex; justify-content:center; align-items:center; width:min(200px, 10.42vw); height:min(56px, 2.92vw); border:1px solid #67A5FF; border-radius:min(50px, 2.60vw); cursor:pointer; transition:all 0.3s ease;} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_navi > ul > li > span {font-size:min(22px, 1.15vw); color:#67A5FF; font-weight:500; line-height:165%; transition:all 0.3s ease;} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_navi > ul > li.on {border:1px solid #0B5FD8; background:#0B5FD8;} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_navi > ul > li.on > span {color:#FFF; font-weight:700;} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents {} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div {} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con {display:flex; flex-direction:column; align-items:center; gap:min(45px, 2.34vw);} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .view_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .view_con > .img_con {width:100%; background:no-repeat center/cover; box-shadow:0 min(20px, 1.04vw) min(20px, 1.04vw) 0 rgba(0,0,0,0.1); border-radius:min(30px, 1.56vw); overflow:hidden;} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .view_con > .img_con > img {width:100%;} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .view_con > .text_con {text-align:center;} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .view_con > .text_con > span {font-size:min(18px, 0.94vw); color:#476180; font-weight:500; line-height:normal; font-family: "Plus Jakarta Sans";} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .list_con {width:100%;} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul {display:flex; justify-content:space-between;} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li {width:calc((100% - min(160px, 8.33vw)) / 3); padding:min(10px, 0.52vw); position:relative;} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li:before {content:''; width:1px; height:min(107px, 5.57vw); background:#B0CDFF; position:absolute; top:50%; left:max(-41px, -2.14vw); transform:translateY(-50%);} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li:first-child:before {content:none;} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .list_div {display:flex; flex-direction:column; gap:min(5px, 0.26vw);} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .list_div > .txt_con {display:flex; align-items:flex-end; gap:min(6px, 0.31vw);} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .list_div > .txt_con > .num_con {} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .list_div > .txt_con > .num_con > span {font-size:min(40px, 2.08vw); color:#9AA9BC; font-weight:700; font-family: "Plus Jakarta Sans";} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con {position:relative; top:max(-4px, -0.21vw);} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .list_div > .txt_con > .title_con > span {font-size:min(22px, 1.15vw); color:#021838; font-weight:700; font-family: "Plus Jakarta Sans";} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .list_div > .text_con {} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .list_div > .text_con > span {font-size:min(18px, 0.94vw); color:#909090; font-weight:400; line-height:155%;} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li:nth-child(2) > .list_div > .txt_con > .num_con > span {color:#6E9FE6;} .facility_main_con > .info01_con > .contents_con > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li:nth-child(3) > .list_div > .txt_con > .num_con > span {color:#0B5FD8;} .facility_main_con > .info02_con {width:100%; margin:0 auto; background:url("/img/facility/facility_main_info02_con_bg.jpg")no-repeat center/cover;} .facility_main_con > .info02_con > .contents_con {display:flex; justify-content:space-between; width:100%; max-width:min(1620px, 84.38vw); margin:0 auto;} .facility_main_con > .info02_con > .contents_con > .txt_con {display:flex; flex-direction:column; padding:min(80px, 4.17vw) 0 0;} .facility_main_con > .info02_con > .contents_con > .txt_con > .text01_con {} .facility_main_con > .info02_con > .contents_con > .txt_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#0B5FD8; font-weight:500; line-height:normal; font-family: "Plus Jakarta Sans";} .facility_main_con > .info02_con > .contents_con > .txt_con > .text02_con {margin:min(20px, 1.04vw) 0 0;} .facility_main_con > .info02_con > .contents_con > .txt_con > .text02_con > span {font-size:min(42px, 2.19vw); color:#FFF; font-weight:700; line-height:130%;} .facility_main_con > .info02_con > .contents_con > .txt_con > .text03_con {margin:min(36px, 1.88vw) 0 0;} .facility_main_con > .info02_con > .contents_con > .txt_con > .text03_con > span {font-size:min(22px, 1.15vw); color:#B2C7DE; font-weight:400; line-height:165%;} .facility_main_con > .info02_con > .contents_con > .list_con {display:flex; gap:min(20px, 1.04vw);} .facility_main_con > .info02_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; justify-content:space-between; text-align:right; padding:min(80px, 4.17vw) 0;} .facility_main_con > .info02_con > .contents_con > .list_con > ul > li {} .facility_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div {} .facility_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .num_con {position:relative;} .facility_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .num_con:after {content:''; width:min(22px, 1.15vw); height:1px; background:#C7DBF5; position:absolute; top:50%; right:max(-44px, -2.29vw); transform:translateY(-50%);} .facility_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .num_con > span {font-size:min(25px, 1.30vw); color:#C7DBF5; font-weight:500; line-height:100%; font-family: "Plus Jakarta Sans";} .facility_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .txt_con {display:none; text-align:right;} .facility_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con {} .facility_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text01_con > span {font-size:min(16px, 0.83vw); color:#FFF; font-weight:700; line-height:155%; font-family: "Plus Jakarta Sans";} .facility_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con {margin:min(11px, 0.57vw) 0 0;} .facility_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text02_con > span {font-size:min(18px, 0.94vw); color:rgba(255, 255, 255, 0.50); font-weight:500; line-height:155%;} .facility_main_con > .info02_con > .contents_con > .list_con > ul > li.on > .list_div > .num_con > span {font-size:min(150px, 7.81vw); font-weight:700; line-height:normal; letter-spacing:max(-9px, -0.47vw);} .facility_main_con > .info02_con > .contents_con > .list_con > ul > li.on > .list_div > .txt_con {display:block;} .facility_main_con > .info02_con > .contents_con > .list_con > .bar_con {width:min(23px, 1.20vw);} .facility_main_con > .info02_con > .contents_con > .list_con > .bar_con > img {width:100%;} .facility_main_con > .info03_con {} .facility_main_con > .info03_con > .contents_con {} .facility_main_con > .info03_con > .contents_con > .slide_con {position:relative;} .facility_main_con > .info03_con > .contents_con > .slide_con > .swiper {} .facility_main_con > .info03_con > .contents_con > .slide_con > .swiper .swiper-wrapper {} .facility_main_con > .info03_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide {} .facility_main_con > .info03_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con {position:relative;} .facility_main_con > .info03_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .bg_con {width:100%; height:100%;} .facility_main_con > .info03_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .bg_con > img {width:100%;} .facility_main_con > .info03_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con {display:flex; flex-direction:column; gap:min(30px, 1.56vw); position:absolute; top:min(96px, 5.00vw); left:min(150px, 7.81vw);} .facility_main_con > .info03_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .text01_con {} .facility_main_con > .info03_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#0B5FD8; font-weight:500; line-height:normal; font-family: "Plus Jakarta Sans";} .facility_main_con > .info03_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .text02_con {} .facility_main_con > .info03_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .text02_con > span {font-size:min(42px, 2.19vw); color:#FFF; font-weight:700; line-height:132%;} .facility_main_con > .info03_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .text03_con {} .facility_main_con > .info03_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .text03_con > span {font-size:min(22px, 1.15vw); color:#FFF; font-weight:400; line-height:165%;} .facility_main_con > .info03_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide:nth-child(2) > .contents_con > .bg_con {background:#CCC;} .facility_main_con > .info03_con > .contents_con > .slide_con > .btn_con {width:100%; border-top:1px solid rgba(255, 255, 255, 0.50); padding:0 min(150px, 7.81vw); position:absolute; left:0; right:0; bottom:0; z-index:10;} .facility_main_con > .info03_con > .contents_con > .slide_con > .btn_con > ul {display:flex; gap:min(50px, 2.60vw);} .facility_main_con > .info03_con > .contents_con > .slide_con > .btn_con > ul > li {flex:1; padding:min(40px, 2.08vw) min(20px, 1.04vw); position:relative; cursor:pointer;} .facility_main_con > .info03_con > .contents_con > .slide_con > .btn_con > ul > li:before {content:''; width:0; height:2px; background:#FFF; position:absolute; top:max(-1px, -0.05vw); left:0; right:0; transition:all 0.3s ease;} .facility_main_con > .info03_con > .contents_con > .slide_con > .btn_con > ul > li > .txt_con {display:flex; flex-direction:column; gap:min(10px, 0.52vw); opacity:0.5; transition:all 0.3s ease;} .facility_main_con > .info03_con > .contents_con > .slide_con > .btn_con > ul > li > .txt_con > .text01_con {} .facility_main_con > .info03_con > .contents_con > .slide_con > .btn_con > ul > li > .txt_con > .text01_con > span {font-size:min(20px, 1.04vw); color:#FFF; font-weight:700; line-height:120%; letter-spacing:max(-0.46px, -0.02vw);} .facility_main_con > .info03_con > .contents_con > .slide_con > .btn_con > ul > li > .txt_con > .text02_con {} .facility_main_con > .info03_con > .contents_con > .slide_con > .btn_con > ul > li > .txt_con > .text02_con > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:400; line-height:140%; letter-spacing:max(-0.414px, -0.02vw);} .facility_main_con > .info03_con > .contents_con > .slide_con > .btn_con > ul > li.on:before {width:100%;} .facility_main_con > .info03_con > .contents_con > .slide_con > .btn_con > ul > li.on > .txt_con {opacity:1;} .facility_main_con > .info04_con {width:100%; margin:0 auto; background:#031326;} .facility_main_con > .info04_con > .contents_con {display:flex; justify-content:space-between; align-items:flex-start; width:100%; max-width:min(1620px, 84.38vw); margin:0 auto; padding:min(120px, 6.25vw) 0;} .facility_main_con > .info04_con > .contents_con > .slide_con {width:min(885px, 46.09vw);} .facility_main_con > .info04_con > .contents_con > .slide_con > .swiper {} .facility_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper {} .facility_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide {} .facility_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con {} .facility_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .img_con {width:100%; border-radius:min(28px, 1.46vw); overflow:hidden;} .facility_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .img_con > img {width:100%;} .facility_main_con > .info04_con > .contents_con > .info_con {width:min(650px, 33.85vw);} .facility_main_con > .info04_con > .contents_con > .info_con > .txt_con {display:flex; flex-direction:column; gap:min(30px, 1.56vw);} .facility_main_con > .info04_con > .contents_con > .info_con > .txt_con > .text01_con {} .facility_main_con > .info04_con > .contents_con > .info_con > .txt_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#0B5FD8; font-weight:500; line-height:normal; font-family: "Plus Jakarta Sans";} .facility_main_con > .info04_con > .contents_con > .info_con > .txt_con > .text02_con {} .facility_main_con > .info04_con > .contents_con > .info_con > .txt_con > .text02_con > span {font-size:min(42px, 2.19vw); color:#FFF; font-weight:700; line-height:132%;} .facility_main_con > .info04_con > .contents_con > .info_con > .btn_con {margin:min(30px, 1.56vw) 0 0;} .facility_main_con > .info04_con > .contents_con > .info_con > .btn_con > ul {display:flex; flex-direction:column; gap:min(15px, 0.78vw);} .facility_main_con > .info04_con > .contents_con > .info_con > .btn_con > ul > li {width:100%; padding:min(30px, 1.56vw); background:#0B2548; border-radius:min(20px, 1.04vw); transition:all 0.3s ease; cursor:pointer;} .facility_main_con > .info04_con > .contents_con > .info_con > .btn_con > ul > li > .txt_con {display:flex; align-items:center; gap:min(10px, 0.52vw);} .facility_main_con > .info04_con > .contents_con > .info_con > .btn_con > ul > li > .txt_con > .num_con {} .facility_main_con > .info04_con > .contents_con > .info_con > .btn_con > ul > li > .txt_con > .num_con > span {font-size:min(50px, 2.60vw); color:rgba(255, 255, 255, 0.30); font-weight:700; line-height:100%;} .facility_main_con > .info04_con > .contents_con > .info_con > .btn_con > ul > li > .txt_con > .text_con {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .facility_main_con > .info04_con > .contents_con > .info_con > .btn_con > ul > li > .txt_con > .text_con > .text01_con {} .facility_main_con > .info04_con > .contents_con > .info_con > .btn_con > ul > li > .txt_con > .text_con > .text01_con > span {font-size:min(22px, 1.15vw); color:#FFF; font-weight:700; line-height:100%; font-family: "Plus Jakarta Sans";} .facility_main_con > .info04_con > .contents_con > .info_con > .btn_con > ul > li > .txt_con > .text_con > .text02_con {} .facility_main_con > .info04_con > .contents_con > .info_con > .btn_con > ul > li > .txt_con > .text_con > .text02_con > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:400; line-height:100%; letter-spacing:max(-0.414px, -0.02vw);} .facility_main_con > .info04_con > .contents_con > .info_con > .btn_con > ul > li.on {background:#0B5FD8;} .facility_main_con > .info04_con > .contents_con > .info_con > .text_con {margin:min(16px, 0.83vw) 0 0;} .facility_main_con > .info04_con > .contents_con > .info_con > .text_con > span {font-size:min(18px, 0.94vw); color:#7894B2; font-weight:400; line-height:normal;} .facility_main_con > .info05_con {width:100%; margin:0 auto; background:#F6F8FA;} .facility_main_con > .info05_con > .contents_con {display:flex; flex-direction:column; align-items:center; gap:min(45px, 2.34vw); padding:min(80px, 4.17vw) 0;} .facility_main_con > .info05_con > .contents_con > .txt_con {display:flex; flex-direction:column; align-items:center; gap:min(20px, 1.04vw); text-align:center;} .facility_main_con > .info05_con > .contents_con > .txt_con > .text01_con {} .facility_main_con > .info05_con > .contents_con > .txt_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#0B5FD8; font-weight:500; line-height:normal; font-family: "Plus Jakarta Sans";} .facility_main_con > .info05_con > .contents_con > .txt_con > .text02_con {} .facility_main_con > .info05_con > .contents_con > .txt_con > .text02_con > span {font-size:min(42px, 2.19vw); color:#020E20; font-weight:700; line-height:132%;} .facility_main_con > .info05_con > .contents_con > .txt_con > .text03_con {} .facility_main_con > .info05_con > .contents_con > .txt_con > .text03_con > span {font-size:min(22px, 1.15vw); color:#404F63; font-weight:400; line-height:165%;} .facility_main_con > .info05_con > .contents_con > .list_con {} .facility_main_con > .info05_con > .contents_con > .list_con > ul {display:flex; justify-content:center; align-items:center; gap:min(10px, 0.52vw);} .facility_main_con > .info05_con > .contents_con > .list_con > ul > li {width:min(260px, 13.54vw); height:min(500px, 26.04vw); border-radius:min(20px, 1.04vw); overflow:hidden; transition:all 0.3s ease;} .facility_main_con > .info05_con > .contents_con > .list_con > ul > li > .list_div {height:100%; position:relative;} .facility_main_con > .info05_con > .contents_con > .list_con > ul > li > .list_div > .txt_con {display:flex; flex-direction:column; justify-content:space-between; width:100%; height:100%; padding:min(30px, 1.56vw); position:relative; z-index:20;} .facility_main_con > .info05_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .num_con {} .facility_main_con > .info05_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .num_con > span {font-size:min(50px, 2.60vw); color:rgba(69, 69, 69, 0.30); font-weight:700; line-height:100%; font-family: "Plus Jakarta Sans"; transition:all 0.3s ease;} .facility_main_con > .info05_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .facility_main_con > .info05_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con > .text01_con {} .facility_main_con > .info05_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con > .text01_con > span {font-size:min(22px, 1.15vw); color:#505050; font-weight:700; line-height:100%; font-family: "Plus Jakarta Sans"; transition:all 0.3s ease;} .facility_main_con > .info05_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con > .text02_con {display:none;} .facility_main_con > .info05_con > .contents_con > .list_con > ul > li > .list_div > .txt_con > .text_con > .text02_con > span {font-size:min(22px, 1.15vw); color:#FFF; font-weight:400; line-height:100%; letter-spacing:max(-0.414px, -0.02vw);} .facility_main_con > .info05_con > .contents_con > .list_con > ul > li > .list_div > .bg {width:100%; height:100%; background:no-repeat center/cover; position:absolute; top:0; left:0; right:0; z-index:10; opacity:0.3; transition:all 0.3s ease;} .facility_main_con > .info05_con > .contents_con > .list_con > ul > li.on {width:min(806px, 41.98vw);} .facility_main_con > .info05_con > .contents_con > .list_con > ul > li.on > .list_div > .txt_con > .num_con > span {color:rgba(255,255,255,0.3);} .facility_main_con > .info05_con > .contents_con > .list_con > ul > li.on > .list_div > .txt_con > .text_con > .text01_con > span {color:#FFF;} .facility_main_con > .info05_con > .contents_con > .list_con > ul > li.on > .list_div > .txt_con > .text_con > .text02_con {display:block;} .facility_main_con > .info05_con > .contents_con > .list_con > ul > li.on > .list_div > .bg {opacity:1;} .facility_main_con > .info06_con {width:100%; margin:0 auto; background:#031326;} .facility_main_con > .info06_con > .contents_con {display:flex; justify-content:space-between; align-items:center; width:100%; max-width:min(1620px, 84.38vw); margin:0 auto; padding:min(100px, 5.21vw) 0;} .facility_main_con > .info06_con > .contents_con > .info_con {width:min(500px, 26.04vw);} .facility_main_con > .info06_con > .contents_con > .info_con > .txt_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .facility_main_con > .info06_con > .contents_con > .info_con > .txt_con > .text01_con {} .facility_main_con > .info06_con > .contents_con > .info_con > .txt_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#0B5FD8; font-weight:500; line-height:normal; font-family: "Plus Jakarta Sans";} .facility_main_con > .info06_con > .contents_con > .info_con > .txt_con > .text02_con {} .facility_main_con > .info06_con > .contents_con > .info_con > .txt_con > .text02_con > span {font-size:min(42px, 2.19vw); color:#FFF; font-weight:700; line-height:132%;} .facility_main_con > .info06_con > .contents_con > .info_con > .txt_con > .text03_con {} .facility_main_con > .info06_con > .contents_con > .info_con > .txt_con > .text03_con > span {font-size:min(22px, 1.15vw); color:#404F63; font-weight:400; line-height:165%;} .facility_main_con > .info06_con > .contents_con > .info_con > .list_con {margin:min(200px, 10.42vw) 0 0; position:relative;} .facility_main_con > .info06_con > .contents_con > .info_con > .list_con:before {content:''; width:1px; height:min(178px, 9.27vw); background:rgba(255,255,255,0.3); position:absolute; top:max(-191px, -9.95vw); left:0;} .facility_main_con > .info06_con > .contents_con > .info_con > .list_con > ul {display:flex; flex-direction:column;} .facility_main_con > .info06_con > .contents_con > .info_con > .list_con > ul > li {} .facility_main_con > .info06_con > .contents_con > .info_con > .list_con > ul > li > span {font-size:min(17px, 0.89vw); color:#ADC7E0; font-weight:400; line-height:180%;} .facility_main_con > .info06_con > .contents_con > .map_con {} .facility_main_con > .info06_con > .contents_con > .map_con > .map {width:min(820px, 42.71vw); height:min(500px, 26.04vw); border:1px solid #2E639E; background:#EEE; border-radius:min(28px, 1.46vw);} /* 이용안내 */ .guide_main_con {} .guide_main_con > .info01_con {width:100%; margin:0 auto; background:#F6F8FA;} .guide_main_con > .info01_con > .contents_con {display:flex; flex-direction:column; gap:min(45px, 2.34vw); width:100%; max-width:min(1620px, 84.38vw); margin:0 auto; padding:min(80px, 4.17vw) 0;} .guide_main_con > .info01_con > .contents_con > .txt_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .guide_main_con > .info01_con > .contents_con > .txt_con > .text01_con {} .guide_main_con > .info01_con > .contents_con > .txt_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#0B5FD8; font-weight:500; line-height:normal; font-family: "Plus Jakarta Sans";} .guide_main_con > .info01_con > .contents_con > .txt_con > .text02_con {} .guide_main_con > .info01_con > .contents_con > .txt_con > .text02_con > span {font-size:min(42px, 2.19vw); color:#020E20; font-weight:700; line-height:132%;} .guide_main_con > .info01_con > .contents_con > .text_con {} .guide_main_con > .info01_con > .contents_con > .text_con > span {font-size:min(22px, 1.15vw); color:#404F63; font-weight:400; line-height:165%;} .guide_main_con > .info01_con > .contents_con > .slide_con {} .guide_main_con > .info01_con > .contents_con > .slide_con > .swiper {} .guide_main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper {} .guide_main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide {width:min(308px, 16.04vw);} .guide_main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con {display:flex; flex-direction:column; gap:min(5px, 0.26vw); padding:min(30px, 1.56vw); border-radius:min(20px, 1.04vw); color:#FFF;} .guide_main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .num_con {} .guide_main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .num_con > span {font-size:min(40px, 2.08vw); font-weight:700; line-height:130%; font-family: "Plus Jakarta Sans";} .guide_main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .text01_con {} .guide_main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .text01_con > span {font-size:min(22px, 1.15vw); font-weight:700; line-height:155%; font-family: "Plus Jakarta Sans";} .guide_main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .text02_con {} .guide_main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .text02_con > span {font-size:min(18px, 0.94vw); color:rgba(255, 255, 255, 0.80); font-weight:400; line-height:155%; letter-spacing:max(-0.414px, -0.02vw);} .guide_main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con.step01 {background:#0B5FD8;} .guide_main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con.step02 {background:#699CE6;} .guide_main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con.step03 {background:#C7D9F3; color:#1C1C1C;} .guide_main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con.step03 > .text02_con > span {color:#1C1C1C;} .guide_main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con.step04 {border:1px solid #D2E4FF; background:#E5F0FF; color:#1C1C1C;} .guide_main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con.step04 > .text02_con > span {color:#1C1C1C;} .guide_main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con.step05 {border:1px solid #D2E4FF; background:#F1F6FF; color:#1C1C1C;} .guide_main_con > .info01_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con.step05 > .text02_con > span {color:#1C1C1C;} .guide_main_con > .info02_con {width:100%; margin:0 auto; background:#EEF1F6;} .guide_main_con > .info02_con > .contents_con {display:flex; flex-direction:column; justify-content:center; gap:min(110px, 5.73vw); padding:min(80px, 4.17vw) 0;} .guide_main_con > .info02_con > .contents_con > .txt_con {display:flex; flex-direction:column; align-items:center; gap:min(20px, 1.04vw); text-align:center;} .guide_main_con > .info02_con > .contents_con > .txt_con > .text01_con {} .guide_main_con > .info02_con > .contents_con > .txt_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#0B5FD8; font-weight:500; line-height:normal; font-family: "Plus Jakarta Sans";} .guide_main_con > .info02_con > .contents_con > .txt_con > .text02_con {} .guide_main_con > .info02_con > .contents_con > .txt_con > .text02_con > span {font-size:min(42px, 2.19vw); color:#020E20; font-weight:700; line-height:132%;} .guide_main_con > .info02_con > .contents_con > .list_con {display:flex; flex-direction:column; align-items:center; gap:min(150px, 7.81vw);} .guide_main_con > .info02_con > .contents_con > .list_con > ul {display:flex; justify-content:center;} .guide_main_con > .info02_con > .contents_con > .list_con > ul > li {width:min(600px, 31.25vw); padding:min(50px, 2.60vw); border-radius:min(20px, 1.04vw); box-shadow:0 min(5px, 0.26vw) min(20px, 1.04vw) 0 rgba(0, 0, 0, 0.10); backdrop-filter:blur(3px);transform:rotate(-10deg);} .guide_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div {display:flex; flex-direction:column; gap:min(40px, 2.08vw); text-align:center; color:#222;} .guide_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .title_con {display:flex; flex-direction:column; justify-content:center; gap:min(5px, 0.26vw);} .guide_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .text01_con {} .guide_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .text01_con > span {font-size:min(25px, 1.30vw); font-weight:700; line-height:130%;} .guide_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .text02_con {} .guide_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .title_con > .text02_con > span {font-size:min(90px, 4.69vw); font-weight:700; line-height:100%; font-family: "Plus Jakarta Sans";} .guide_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .info_con {border-top:1px solid #222; padding:min(10px, 0.52vw) 0 0;} .guide_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .info_con > .text01_con {} .guide_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .info_con > .text01_con > span {font-size:min(25px, 1.30vw); font-weight:700; line-height:130%;} .guide_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .info_con > .text02_con {display:flex; flex-direction:column; justify-content:center; gap:min(3px, 0.16vw);} .guide_main_con > .info02_con > .contents_con > .list_con > ul > li > .list_div > .info_con > .text02_con > span {font-size:min(18px, 0.94vw); font-weight:300; line-height:130%;} .guide_main_con > .info02_con > .contents_con > .list_con > ul > li:first-child {border:1px solid #FFF; background:rgba(193, 193, 193, 0.10); margin-right:max(-30px, -1.56vw); box-shadow:inset 0px 1px min(10px, 0.52vw) 0 rgba(0, 0, 0, 0.10), 0 min(5px, 0.26vw) min(20px, 1.04vw) rgba(0, 0, 0, 0.1);} .guide_main_con > .info02_con > .contents_con > .list_con > ul > li:nth-child(2) {background:rgba(11, 95, 216, 0.80); margin-left:max(-30px, -1.56vw); position:relative; top:min(40px, 2.08vw);} .guide_main_con > .info02_con > .contents_con > .list_con > ul > li:nth-child(2) > .list_div {color:#FFF;} .guide_main_con > .info02_con > .contents_con > .list_con > ul > li:nth-child(2) > .list_div > .info_con {border-top:1px solid #FFF;} .guide_main_con > .info02_con > .contents_con > .list_con > .shadow {width:min(1024px, 53.33vw); height:min(42px, 2.19vw); background:#CCC; border-radius:50%; filter:blur(25px);} .guide_main_con > .info03_con {width:100%; margin:0 auto; background:url("/img/guide/guide_info03_con_bg.jpg")no-repeat center/cover;} .guide_main_con > .info03_con > .contents_con {display:flex; flex-direction:column; gap:min(90px, 4.69vw); width:100%; max-width:min(1620px, 84.38vw); margin:0 auto; padding:min(80px, 4.17vw) 0 min(260px, 13.54vw); position:relative;} .guide_main_con > .info03_con > .contents_con > .txt_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .guide_main_con > .info03_con > .contents_con > .txt_con > .text01_con {} .guide_main_con > .info03_con > .contents_con > .txt_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#0B5FD8; font-weight:500; line-height:normal; font-family: "Plus Jakarta Sans";} .guide_main_con > .info03_con > .contents_con > .txt_con > .text02_con {} .guide_main_con > .info03_con > .contents_con > .txt_con > .text02_con > span {font-size:min(42px, 2.19vw); color:#FFF; font-weight:700; line-height:132%;} .guide_main_con > .info03_con > .contents_con > .list_con {} .guide_main_con > .info03_con > .contents_con > .list_con > ul {display:flex; justify-content:space-between; align-items:stretch;} .guide_main_con > .info03_con > .contents_con > .list_con > ul > li {} .guide_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div {display:flex; flex-direction:column; gap:min(40px, 2.08vw); min-width:min(465px, 24.22vw);} .guide_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .text01_con {display:flex; align-items:center; gap:min(30px, 1.56vw);} .guide_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .text01_con > span {font-size:min(70px, 3.65vw); color:#FFF; font-weight:700; line-height:normal; letter-spacing:max(-4.2px, -0.22vw); font-family: "Plus Jakarta Sans";} .guide_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .text01_con > .bar {width:1px; height:min(70px, 3.65vw); background:rgba(255,255,255,0.5); transform:rotate(16deg);} .guide_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .text02_con {} .guide_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .text02_con > span {font-size:min(16px, 0.83vw); color:#FFF; font-weight:700; line-height:155%; font-family: "Plus Jakarta Sans";} .guide_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .text03_con {} .guide_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > .text03_con > span {font-size:min(18px, 0.94vw); color:rgba(255,255,255,0.5); font-weight:500; line-height:155%;} .guide_main_con > .info03_con > .contents_con > .list_con > ul > li.bar_li {} .guide_main_con > .info03_con > .contents_con > .list_con > ul > li.bar_li > .bar {width:1px; height:100%; background:rgba(255,255,255,0.5);} .guide_main_con > .info03_con > .contents_con > .text_con {position:absolute; top:min(80px, 4.17vw); right:0;} .guide_main_con > .info03_con > .contents_con > .text_con > span {font-size:min(18px, 0.94vw); color:#0B5FD8; font-weight:500; line-height:normal; font-family: "Plus Jakarta Sans";} .guide_main_con > .info04_con {width:100%; margin:0 auto; background:#FBFBFB; overflow:hidden;} .guide_main_con > .info04_con > .contents_con {display:flex; flex-direction:column; justify-content:center; gap:min(80px, 4.17vw); width:100%; max-width:min(1620px, 84.38vw); margin:0 auto; padding:min(150px, 7.81vw) 0 min(140px, 7.29vw); position:relative;} .guide_main_con > .info04_con > .contents_con:after {content:''; width:min(1300px, 67.71vw); height:min(1300px, 67.71vw); background:#0577FF; border-radius:min(1300px, 67.71vw); filter:blur(250px); position:absolute; top:min(680px, 35.42vw); left:50%; transform:translateX(-50%);} .guide_main_con > .info04_con > .contents_con > .txt_con {display:flex; flex-direction:column; align-items:center; gap:min(20px, 1.04vw); text-align:center;} .guide_main_con > .info04_con > .contents_con > .txt_con > .text01_con {} .guide_main_con > .info04_con > .contents_con > .txt_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#0B5FD8; font-weight:500; line-height:normal; font-family: "Plus Jakarta Sans";} .guide_main_con > .info04_con > .contents_con > .txt_con > .text02_con {} .guide_main_con > .info04_con > .contents_con > .txt_con > .text02_con > span {font-size:min(42px, 2.19vw); color:#020E20; font-weight:700; line-height:132%;} .guide_main_con > .info04_con > .contents_con > .slide_con {} .guide_main_con > .info04_con > .contents_con > .slide_con > .swiper {overflow:visible;} .guide_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper {} .guide_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide {height:min(330px, 17.19vw); background:#FFF; border-radius:min(30px, 1.56vw); box-shadow:0 min(20px, 1.04vw) min(20px, 1.04vw) 0 rgba(0,0,0,0.1);} .guide_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con {display:flex; flex-direction:column; justify-content:center; gap:min(40px, 2.08vw); width:100%; height:100%; padding:min(40px, 2.08vw) min(20px, 1.04vw); color:#2C2C2C;} .guide_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .text01_con {} .guide_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .text01_con > span {display:flex; justify-content:center; align-items:center; width:min(132px, 6.88vw); height:min(50px, 2.60vw); font-size:min(24px, 1.25vw); color:#FFF; font-weight:700; line-height:130%; letter-spacing:max(-0.552px, -0.03vw); border-radius:min(50px, 2.60vw);} .guide_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .text01_con > span {display:inline-flex; width:auto; min-width:min(132px, 6.88vw); padding:0 min(26px, 1.35vw); white-space:nowrap;} /* 2026-11-03 등급명 변경 */ .guide_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .text02_con {display:flex; align-items:flex-end; gap:min(20px, 1.04vw);} .guide_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .text02_con > span {font-size:min(50px, 2.60vw); font-weight:700; line-height:90%; letter-spacing:max(-1.15px, -0.06vw);} .guide_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .text02_con > span.num {font-size:min(70px, 3.65vw); letter-spacing:max(-1.61px, -0.08vw); font-family: "Plus Jakarta Sans";} .guide_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .text03_con {} .guide_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .text03_con > span {font-size:min(24px, 1.25vw); font-weight:600; line-height:130%; letter-spacing:max(-0.552px, -0.03vw);} .guide_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide.slide_1 {background:url("/img/guide/guide_info04_slide_vip_bg.jpg")no-repeat center/cover;} .guide_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide.slide_1 > .contents_con {color:#FFF;} .guide_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide.slide_1 > .contents_con > .text01_con > span {background:#FFF; color:#0960C7;} .guide_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide.slide_1 > .contents_con > .text02_con > span.num {font-size:min(100px, 5.21vw);} .guide_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide.slide_2 > .contents_con > .text01_con > span {background:#0960C7;} .guide_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide.slide_3 > .contents_con > .text01_con > span {background:#57A4FF;} .guide_main_con > .info04_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide.slide_4 > .contents_con > .text01_con > span {background:#161616;} .guide_main_con > .info05_con {width:100%; margin:0 auto;} .guide_main_con > .info05_con > .contents_con {display:flex; flex-direction:column; gap:min(40px, 2.08vw); width:100%; max-width:min(1620px, 84.38vw); margin:0 auto; padding:min(80px, 4.17vw) 0 min(100px, 5.21vw);} .guide_main_con > .info05_con > .contents_con > .txt_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .guide_main_con > .info05_con > .contents_con > .txt_con > .text01_con {} .guide_main_con > .info05_con > .contents_con > .txt_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#0B5FD8; font-weight:500; line-height:normal; font-family: "Plus Jakarta Sans";} .guide_main_con > .info05_con > .contents_con > .txt_con > .text02_con {} .guide_main_con > .info05_con > .contents_con > .txt_con > .text02_con > span {font-size:min(42px, 2.19vw); color:#020E20; font-weight:700; line-height:132%;} .guide_main_con > .info05_con > .contents_con > .slide_con {} .guide_main_con > .info05_con > .contents_con > .slide_con > .swiper {} .guide_main_con > .info05_con > .contents_con > .slide_con > .swiper .swiper-wrapper {} .guide_main_con > .info05_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide {width:100%; border-radius:min(50px, 2.60vw); overflow:hidden;} .guide_main_con > .info05_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con {position:relative;} .guide_main_con > .info05_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .img_con {width:100%; position:relative;} .guide_main_con > .info05_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .img_con:after {content:''; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0;} .guide_main_con > .info05_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .img_con > img {width:100%;} .guide_main_con > .info05_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con {display:flex; flex-direction:column; gap:min(40px, 2.08vw); position:absolute; left:min(100px, 5.21vw); bottom:min(100px, 5.21vw);} .guide_main_con > .info05_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .num_con {} .guide_main_con > .info05_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .num_con > span {font-size:min(150px, 7.81vw); color:rgba(255,255,255,0.7); font-weight:700; line-height:100%; font-family: "Plus Jakarta Sans";} .guide_main_con > .info05_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .text_con {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .guide_main_con > .info05_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .text_con > .text01_con {} .guide_main_con > .info05_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .text_con > .text01_con > span {font-size:min(25px, 1.30vw); color:#FFF; font-weight:700; line-height:100%; font-family: "Plus Jakarta Sans";} .guide_main_con > .info05_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .text_con > .text02_con {} .guide_main_con > .info05_con > .contents_con > .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .txt_con > .text_con > .text02_con > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:400; line-height:130%; letter-spacing:max(-0.414px, -0.02vw);} .guide_main_con > .info05_con > .contents_con > .slide_con > .swiper .swiper-pagination {display:flex; justify-content:center; align-items:center; gap:min(10px, 0.52vw); margin:min(30px, 1.56vw) 0 0; position:unset;} .guide_main_con > .info05_con > .contents_con > .slide_con > .swiper .swiper-pagination > .swiper-pagination-bullet {width:min(15px, 0.78vw); height:min(15px, 0.78vw); background:#E9E9E9; margin:0; padding:0; opacity:1; border-radius:min(50px, 2.60vw); transition:all 0.3s ease;} .guide_main_con > .info05_con > .contents_con > .slide_con > .swiper .swiper-pagination > .swiper-pagination-bullet-active {width:min(40px, 2.08vw); background:#00499F;} .guide_main_con > .info06_con {width:100%; margin:0 auto; background:url("/img/guide/guide_info06_con_bg.jpg")no-repeat center/cover;} .guide_main_con > .info06_con > .contents_con {display:flex; flex-direction:column; gap:min(235px, 12.24vw); width:100%; max-width:min(1620px, 84.38vw); margin:0 auto; padding:min(80px, 4.17vw) 0;} .guide_main_con > .info06_con > .contents_con > .txt_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .guide_main_con > .info06_con > .contents_con > .txt_con > .text01_con {} .guide_main_con > .info06_con > .contents_con > .txt_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:500; line-height:normal; font-family: "Plus Jakarta Sans";} .guide_main_con > .info06_con > .contents_con > .txt_con > .text02_con {} .guide_main_con > .info06_con > .contents_con > .txt_con > .text02_con > span {font-size:min(42px, 2.19vw); color:#FFF; font-weight:700; line-height:132%;} .guide_main_con > .info06_con > .contents_con > .btn_con {display:flex; justify-content:flex-end;} .guide_main_con > .info06_con > .contents_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(280px, 14.58vw); height:min(86px, 4.48vw); font-size:min(24px, 1.25vw); color:#F9F9F9; font-weight:500; line-height:normal; letter-spacing:max(-0.552px, -0.03vw); border-radius:min(100px, 5.21vw); box-shadow:0 min(5px, 0.26vw) min(20px, 1.04vw) 0 rgba(0,0,0,0.1); background-color:rgba(0,28,61,0.30); backdrop-filter:blur(15px) saturate(var(--saturation)); -webkit-backdrop-filter:blur(6px) saturate(var(--saturation)); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent), inset 1.8px 3px 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent), inset -2px -2px 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent), inset -3px -8px 1px -6px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -0.3px -1px 4px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 12%), transparent), inset -1.5px 2.5px 0px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 0px 3px 4px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 2px -6.5px 1px -4px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 1px 5px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 6px 16px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent); transition:background-color 400ms cubic-bezier(1, 0, 0.4, 1), box-shadow 400ms cubic-bezier(1, 0, 0.4, 1);} .guide_main_con > .info07_con {width:100%; margin:0 auto;} .guide_main_con > .info07_con > .contents_con {display:flex; flex-direction:column; gap:min(92px, 4.79vw); width:100%; max-width:min(1620px, 84.38vw); margin:0 auto; padding:min(80px, 4.17vw) 0;} .guide_main_con > .info07_con > .contents_con > div {} .guide_main_con > .info07_con > .contents_con > div > .txt_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .guide_main_con > .info07_con > .contents_con > div > .txt_con > .text01_con {} .guide_main_con > .info07_con > .contents_con > div > .txt_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#0B5FD8; font-weight:500; line-height:normal; font-family: "Plus Jakarta Sans";} .guide_main_con > .info07_con > .contents_con > div > .txt_con > .text02_con {} .guide_main_con > .info07_con > .contents_con > div > .txt_con > .text02_con > span {font-size:min(42px, 2.19vw); color:#020E20; font-weight:700; line-height:132%;} .guide_main_con > .info07_con > .contents_con > .info01 {} .guide_main_con > .info07_con > .contents_con > .info01 > .list_con {margin:min(45px, 2.34vw) 0 0;} .guide_main_con > .info07_con > .contents_con > .info01 > .list_con > ul {display:flex; gap:min(40px, 2.08vw);} .guide_main_con > .info07_con > .contents_con > .info01 > .list_con > ul > li {width:calc((100% - min(120px, 6.25vw)) /4); background:#F2F2F2; padding:min(20px, 1.04vw) 0; border-radius:min(30px, 1.56vw);} .guide_main_con > .info07_con > .contents_con > .info01 > .list_con > ul > li > .list_div {display:flex; flex-direction:column; align-items:center; gap:min(15px, 0.78vw);} .guide_main_con > .info07_con > .contents_con > .info01 > .list_con > ul > li > .list_div > .img_con {width:min(100px, 5.21vw);} .guide_main_con > .info07_con > .contents_con > .info01 > .list_con > ul > li > .list_div > .img_con > img {width:100%;} .guide_main_con > .info07_con > .contents_con > .info01 > .list_con > ul > li > .list_div > .txt_con {display:flex; flex-direction:column; gap:min(15px, 0.78vw); padding:min(10px, 0.52vw) 0 0; text-align:center;} .guide_main_con > .info07_con > .contents_con > .info01 > .list_con > ul > li > .list_div > .txt_con > .text01_con {} .guide_main_con > .info07_con > .contents_con > .info01 > .list_con > ul > li > .list_div > .txt_con > .text01_con > span {font-size:min(30px, 1.56vw); color:#222; font-weight:700; line-height:90%; letter-spacing:max(-0.69px, -0.04vw);} .guide_main_con > .info07_con > .contents_con > .info01 > .list_con > ul > li > .list_div > .txt_con > .text02_con {} .guide_main_con > .info07_con > .contents_con > .info01 > .list_con > ul > li > .list_div > .txt_con > .text02_con > span {font-size:min(20px, 1.04vw); color:#222; font-weight:600; line-height:130%; letter-spacing:max(-0.46px, -0.02vw);} .guide_main_con > .info07_con > .contents_con > .info02 {position:relative;} .guide_main_con > .info07_con > .contents_con > .info02:before {content:''; width:100%; border-top:1px dashed #E8E6E6; position:absolute; top:max(-47px, -2.45vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con {margin:min(30px, 1.56vw) 0 0;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_nav {} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_nav > ul {display:flex; align-items:center; gap:min(15px, 0.78vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_nav > ul > li {display:flex; justify-content:center; align-items:center; width:min(200px, 10.42vw); height:min(56px, 2.92vw); border:1px solid #67A5FF; background:transparent; font-size:min(22px, 1.15vw); color:#67A5FF; font-weight:500; line-height:165%; border-radius:min(50px, 2.60vw); cursor:pointer;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_nav > ul > li.on {border:1px solid #0B5FD8; background:#0B5FD8; color:#FFF; font-weight:700;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents {margin:min(40px, 2.08vw) 0 0;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div {display:none;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div.guide_info07_tab01 {display:block;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con {} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .table_con {display:flex; gap:min(12px, 0.63vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .table_con > table {width:calc((100% - min(12px, 0.63vw)) / 2);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .table_con > table > tbody {} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .table_con > table > tbody > tr {} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .table_con > table > tbody > tr > td {padding:min(10px, 0.52vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .table_con > table > tbody > tr > td > span {font-size:min(20px, 1.04vw); color:#FFF; font-weight:600; line-height:130%; letter-spacing:max(-0.46px, -0.02vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .table_con > table > tbody > tr > .title_td {border-bottom:1px solid #FBFBFB; background:#3074D5; padding:min(20px, 1.04vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .table_con > table > tbody > tr > .sub_title_td {width:33.33%; height:min(60px, 3.13vw); border-left:1px solid #FBFBFB; background:#6EA1EB;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .table_con > table > tbody > tr > .sub_title_td:first-child {border-left:none;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .table_con > table > tbody > tr > .text_td {border-bottom:1px solid #EEE; height:min(105px, 5.47vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .table_con > table > tbody > tr > .text_td > span {font-size:min(18px, 0.94vw); color:#222;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .table_con > table > tbody > tr > .text_td > span.color_text {color:#FB5858;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .table_con > table > tbody > tr > .text_td > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .table_con > table > tbody > tr > .text_td > ul > li {display:flex; align-items:center; gap:min(10px, 0.52vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .table_con > table > tbody > tr > .text_td > ul > li > span {font-size:min(18px, 0.94vw); color:#222; font-weight:600; line-height:130%; letter-spacing:max(-0.414px, -0.02vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .table_con > table > tbody > tr > .text_td > ul > li > span.time_text {display:flex; justify-content:center; align-items:center; width:min(88px, 4.58vw); height:min(27px, 1.41vw); background:#5A9EFF; font-size:min(16px, 0.83vw); color:#FFF; font-weight:600; line-height:normal; border-radius:min(50px, 2.60vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con {width:100%; background:#FFF; padding:min(20px, 1.04vw); border-radius:min(10px, 0.52vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li {} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li:first-child {border-bottom:1px solid #DFDFDF;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con {display:flex;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > .category_con {display:flex; justify-content:center; align-items:center; width:min(90px, 4.69vw); height:min(70px, 3.65vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > .category_con > span {} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > .title_con {display:flex; justify-content:center; align-items:center; width:min(372px, 19.38vw); height:min(70px, 3.65vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > .title_con > span {font-size:min(24px, 1.25vw); color:#878686; font-weight:700; line-height:100%; letter-spacing:max(-0.552px, -0.03vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > ul {display:flex; flex-direction:column; gap:1px;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > ul > li {display:flex; gap:1px;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > ul > li > .category_con {display:flex; justify-content:center; align-items:center; width:min(90px, 4.69vw); height:min(60px, 3.13vw); background:#3074D5; padding:min(10px, 0.52vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > ul > li > .category_con > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:600; line-height:130%; letter-spacing:max(-0.414px, -0.02vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > ul > li > .title_con {display:flex; justify-content:center; align-items:center; width:min(372px, 19.38vw); height:min(60px, 3.13vw); background:#3074D5; padding:min(10px, 0.52vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > ul > li > .title_con > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:600; line-height:130%; letter-spacing:max(-0.414px, -0.02vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > ul > li > .text_con {display:flex; justify-content:center; align-items:center; width:min(372px, 19.38vw); height:min(60px, 3.13vw); border:1px solid #3074D5;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > ul > li > .text_con > span {font-size:min(18px, 0.94vw); color:#FFF; font-weight:600; line-height:130%; letter-spacing:max(-0.414px, -0.02vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > ul > li:nth-child(2) > .category_con {background:transparent; border:1px solid #3074D5;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > ul > li:nth-child(2) > .category_con > span {color:#3074D5;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > ul > li:nth-child(2) > .text_con > span {color:#3074D5;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > .text_con {display:flex; justify-content:center; width:min(372px, 19.38vw); text-align:center;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > .text_con > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > .text_con > ul > li {} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > .text_con > ul > li > span {font-size:min(18px, 0.94vw); color:rgba(34,34,34,0.6); font-weight:400; line-height:130%; letter-spacing:max(-0.9px, -0.05vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > .title_con:nth-child(3) > span {color:rgba(35, 120, 220, 0.80);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > .title_con:nth-child(4) > span {color:#004FAB;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li > .contents_con > .title_con:nth-child(5) > span {color:#062B56;} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li:nth-child(3) > .contents_con > .category_con {display:flex; justify-content:center; align-items:center; width:min(90px, 4.69vw); height:min(188px, 9.79vw); border:1px solid #3074D5; padding:min(10px, 0.52vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .tab_con > .tab_contents > .info_div > .contents_con > .list_con > ul > li:nth-child(3) > .contents_con > .category_con > span {font-size:min(18px, 0.94vw); color:#3074D5; font-weight:600; line-height:130%; letter-spacing:max(-0.414px, -0.02vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .etc_con {display:flex; flex-direction:column; gap:min(17px, 0.89vw); margin:min(40px, 2.08vw) 0 0;} .guide_main_con > .info07_con > .contents_con > .info02 > .etc_con > .title_con {} .guide_main_con > .info07_con > .contents_con > .info02 > .etc_con > .title_con > span {font-size:min(18px, 0.94vw); color:#222; font-weight:700; line-height:140%; letter-spacing:max(-0.414px, -0.02vw);} .guide_main_con > .info07_con > .contents_con > .info02 > .etc_con > .text_con {} .guide_main_con > .info07_con > .contents_con > .info02 > .etc_con > .text_con > span {font-size:min(18px, 0.94vw); color:#222; font-weight:400; line-height:140%; letter-spacing:max(-0.414px, -0.02vw);} /* 예약센터 공통*/ .reservation_center_con {width:100%; margin:0 auto;} .reservation_center_con > .contents_con {display:flex; flex-direction:column; gap:min(50px, 2.60vw); width:100%; max-width:min(1620px, 84.38vw); margin:0 auto;} .reservation_center_con > .contents_con > .step_con {display:flex; flex-direction:column; gap:min(45px, 2.34vw);} .reservation_center_con > .contents_con > .step_con > .title_con {} .reservation_center_con > .contents_con > .step_con > .title_con > span {font-size:min(50px, 2.60vw); color:#1B1B1B; font-weight:700; line-height:130%; letter-spacing:max(-1.2px, -0.06vw);} .reservation_center_con > .contents_con > .step_con > ul {display:flex; justify-content:space-between; align-items:center;} .reservation_center_con > .contents_con > .step_con > ul > li {} .reservation_center_con > .contents_con > .step_con > ul > li > .list_div {display:flex; align-items:center; gap:min(10px, 0.52vw);} .reservation_center_con > .contents_con > .step_con > ul > li > .list_div > .num_con {display:flex; justify-content:center; align-items:center; width:min(46px, 2.40vw); height:min(46px, 2.40vw); border:1px solid #D8D8D8; border-radius:min(50px, 2.60vw);} .reservation_center_con > .contents_con > .step_con > ul > li > .list_div > .num_con > span {font-size:min(22px, 1.15vw); color:#D8D8D8; font-weight:500; line-height:normal; letter-spacing:max(-1.1px, -0.06vw);} .reservation_center_con > .contents_con > .step_con > ul > li > .list_div > .text_con {} .reservation_center_con > .contents_con > .step_con > ul > li > .list_div > .text_con > span {font-size:min(22px, 1.15vw); color:#D8D8D8; font-weight:400; line-height:normal; letter-spacing:max(-1.1px, -0.06vw);} .reservation_center_con > .contents_con > .step_con > ul > li > .img_con {width:min(12px, 0.63vw); opacity:0.2;} .reservation_center_con > .contents_con > .step_con > ul > li > .img_con > img {width:100%;} .reservation_center_con > .contents_con > .step_con > ul > li.on > .list_div > .num_con {border:1px solid #00499F; background:#00499F;} .reservation_center_con > .contents_con > .step_con > ul > li.on > .list_div > .num_con > span {color:#FFF; font-weight:700;} .reservation_center_con > .contents_con > .step_con > ul > li.on > .list_div > .text_con > span {color:#222; font-weight:700;} .reservation_center_con > .contents_con > .step_con > ul > li.on + li .img_con {opacity:1;} .reservation_center_con > .contents_con > .inner_con {display:flex; flex-direction:column; gap:min(55px, 2.86vw);} .reservation_center_con > .contents_con > .inner_con > .contents_con {display:flex; flex-direction:column; gap:min(40px, 2.08vw);} .reservation_center_con > .contents_con > .inner_con > .contents_con > .select_info {display:flex; flex-direction:column; gap:min(30px, 1.56vw); width:100%; background:#FFF; padding:min(30px, 1.56vw); border-radius:min(15px, 0.78vw);} .reservation_center_con > .contents_con > .inner_con > .contents_con > .select_info > .title_con {width:100%; border-bottom:1px solid #E7E7E7; padding:0 0 min(20px, 1.04vw);} .reservation_center_con > .contents_con > .inner_con > .contents_con > .select_info > .title_con > span {font-size:min(26px, 1.35vw); color:#101010; font-weight:700; line-height:normal; letter-spacing:max(-0.598px, -0.03vw);} .reservation_center_con > .contents_con > .inner_con > .contents_con > .select_info > .title_con > img {} .reservation_center_con > .contents_con > .inner_con > .contents_con > .select_info > .list_con {} .reservation_center_con > .contents_con > .inner_con > .contents_con > .select_info > .list_con > ul {display:flex; align-items:center; gap:min(10px, 0.52vw);} .reservation_center_con > .contents_con > .inner_con > .contents_con > .select_info > .list_con > ul > li {border:1px solid #DCDCDC; padding:min(20px, 1.04vw) min(30px, 1.56vw); border-radius:min(15px, 0.78vw);} .reservation_center_con > .contents_con > .inner_con > .contents_con > .select_info > .list_con > ul > li > .list_div {display:flex; align-items:center; gap:min(10px, 0.52vw);} .reservation_center_con > .contents_con > .inner_con > .contents_con > .select_info > .list_con > ul > li > .list_div > .title_con {} .reservation_center_con > .contents_con > .inner_con > .contents_con > .select_info > .list_con > ul > li > .list_div > .title_con > span {font-size:min(22px, 1.15vw); color:#101010; font-weight:700; line-height:normal; letter-spacing:max(-0.506px, -0.03vw);} .reservation_center_con > .contents_con > .inner_con > .contents_con > .select_info > .list_con > ul > li > .list_div > .text_con {} .reservation_center_con > .contents_con > .inner_con > .contents_con > .select_info > .list_con > ul > li > .list_div > .text_con > span {font-size:min(24px, 1.25vw); color:#7D7D7D; font-weight:400; line-height:normal; letter-spacing:max(-0.552px, -0.03vw);} .reservation_center_con > .contents_con > .inner_con > .contents_con > .select_info > .list_con > ul > li.none_li {width:100%; border:none; text-align:center;} .reservation_center_con > .contents_con > .inner_con > .contents_con > .select_info > .list_con > ul > li.none_li > span {font-size:min(24px, 1.25vw); color:#7D7D7D; font-weight:400; line-height:normal; letter-spacing:max(-0.552px, -0.03vw);} .reservation_center_con > .contents_con > .inner_con > .contents_con > .flex_con {display:flex; justify-content:center; align-items:flex-start; align-self:stretch; gap:min(30px, 1.56vw); border-top:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7; padding:min(50px, 2.60vw) 0;} .reservation_center_con > .contents_con > .inner_con > .contents_con > .flex_con > div {display:flex; flex-direction:column; gap:min(20px, 1.04vw); width:min(755px, 39.32vw);} .reservation_center_con > .contents_con > .inner_con > .contents_con > .flex_con > div .txt_con {display:flex; justify-content:space-between; align-items:center;} .reservation_center_con > .contents_con > .inner_con > .contents_con > .flex_con > div .txt_con > .title_con {display:flex; align-items:center; gap:min(5px, 0.26vw);} .reservation_center_con > .contents_con > .inner_con > .contents_con > .flex_con > div .txt_con > .title_con > img {width:min(30px, 1.56vw);} .reservation_center_con > .contents_con > .inner_con > .contents_con > .flex_con > div .txt_con > .title_con > span {font-size:min(26px, 1.35vw); color:#222; font-weight:600; line-height:normal; letter-spacing:max(-1.3px, -0.07vw);} .reservation_center_con > .contents_con > .inner_con > .btn_con {display:flex; justify-content:center;} .reservation_center_con > .contents_con > .inner_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(210px, 10.94vw); height:min(65px, 3.39vw); background:#00499F; font-size:min(22px, 1.15vw); color:#FFF; font-weight:700; line-height:normal; letter-spacing:max(-1.105px, -0.06vw); border-radius:min(20px, 1.04vw);} /* 예약하기 step01 */ .reserv_step01_con {} .reserv_step01_con > .contents_con {} .reserv_step01_con > .contents_con > .inner_con {} .reserv_step01_con > .contents_con > .inner_con > .check_list {border-top:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7; padding:min(50px, 2.60vw) 0;} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li {width:100%;} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div {display:flex; flex-direction:column; gap:min(25px, 1.30vw);} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .checkbox_label02 {display:flex; align-items:center; gap:min(10px, 0.52vw); width:100%; border:1px solid #F2F2F2; background:#FFF; padding:min(20px, 1.04vw) min(15px, 0.78vw); border-radius:min(20px, 1.04vw);} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .checkbox_label02 > input {} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .checkbox_label02 > .check_icon {} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .checkbox_label02 > span {font-size:min(26px, 1.35vw); color:#222; font-weight:700; line-height:normal; letter-spacing:max(-1.3px, -0.07vw);} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con {display:flex; flex-direction:column; gap:min(25px, 1.30vw); padding:0 min(20px, 1.04vw);} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con > .txt_con {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con > .txt_con > .text01_con {} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con > .txt_con > .text01_con > span {font-size:min(22px, 1.15vw); color:#222; font-weight:400; line-height:normal; letter-spacing:max(-1.1px, -0.06vw);} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con > .txt_con > .text02_con {} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con > .txt_con > .text02_con > span {font-size:min(18px, 0.94vw); color:#8E98A0; font-weight:500; line-height:140%; letter-spacing:max(-0.9px, -0.05vw);} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con > .table_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con > .table_con > .text01_con {} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con > .table_con > .text01_con > span {font-size:min(20px, 1.04vw); color:#222; font-weight:500; line-height:140%; letter-spacing:max(-0.975px, -0.05vw);} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con > .table_con > table {width:min(690px, 35.94vw);} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con > .table_con > table > tbody {} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con > .table_con > table > tbody > tr {} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con > .table_con > table > tbody > tr > td {padding:min(10px, 0.52vw);} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con > .table_con > table > tbody > tr > td > span {font-size:min(18px, 0.94vw); color:#8E98A0; font-weight:500; line-height:140%; letter-spacing:max(-0.9px, -0.05vw);} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con > .table_con > table > tbody > tr > .title_td {width:min(130px, 6.77vw); border-bottom:1px solid #FFF; background:#3383E1;} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con > .table_con > table > tbody > tr > .title_td > span {color:#FBFBFB; font-weight:700;} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con > .table_con > table > tbody > tr > .text_td {} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con > .table_con > table > tbody > tr > .text_td > span {} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con > .table_con > .text02_con {display:flex; align-items:flex-start; gap:min(4px, 0.21vw);} .reserv_step01_con > .contents_con > .inner_con > .check_list > ul > li > .list_div > .contents_con > .table_con > .text02_con > span {font-size:min(18px, 0.94vw); color:#8E98A0; font-weight:500; line-height:140%; letter-spacing:max(-0.9px, -0.05vw);} /* 예약하기 step02 */ .reserv_step02_con {} .reserv_step02_con > .contents_con {} .reserv_step02_con > .contents_con > .inner_con {} .reserv_step02_con > .contents_con > .inner_con > .contents_con {} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con {justify-content:space-between; padding:min(50px, 2.60vw) min(40px, 2.08vw);} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con {} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .txt_con > .cal_top {display:flex; align-items:center; gap:min(20px, 1.04vw);} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .txt_con > .cal_top > .btn_con {} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .txt_con > .cal_top > .btn_con > div {} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .txt_con > .cal_top > .btn_con > div > a {display:block; width:min(12px, 0.63vw);} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .txt_con > .cal_top > .btn_con > div > a > img {width:100%;} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .txt_con > .cal_top > .title {display:flex; align-items:center; gap:min(10px, 0.52vw);} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .txt_con > .cal_top > .title > span {font-size:min(26px, 1.35vw); color:#222; font-weight:600; line-height:normal; letter-spacing:max(-1.3px, -0.07vw);} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .txt_con > .cal_top > .title > span.month {text-transform:uppercase;} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .calendar > .contents_con > .cal_content {} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .calendar > .contents_con > .cal_content > .week {} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .calendar > .contents_con > .cal_content > .week > table {width:100%; table-layout:fixed; border-top:1px solid #E3E1E1; border-bottom:1px solid #E3E1E1;} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .calendar > .contents_con > .cal_content > .week > table > tbody {} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .calendar > .contents_con > .cal_content > .week > table > tbody > tr {} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .calendar > .contents_con > .cal_content > .week > table > tbody > tr > td {width:calc(100% / 7); height:min(67px, 3.49vw);} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .calendar > .contents_con > .cal_content > .week > table > tbody > tr > td > span {font-size:min(22px, 1.15vw); color:#939292; font-weight:500; line-height:normal; letter-spacing:max(-1.1px, -0.06vw);} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .calendar > .contents_con > .cal_content > .day {} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .calendar > .contents_con > .cal_content > .day > table {width:100%; table-layout:fixed;} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .calendar > .contents_con > .cal_content > .day > table > tbody {} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .calendar > .contents_con > .cal_content > .day > table > tbody > tr {} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .calendar > .contents_con > .cal_content > .day > table > tbody > tr > td {height:min(130px, 6.77vw); border-bottom:1px dashed #E3E1E1; cursor:pointer;} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .calendar > .contents_con > .cal_content > .day > table > tbody > tr > td > span {display:flex; justify-content:center; align-items:center; width:min(60px, 3.13vw); height:min(60px, 3.13vw); font-size:min(22px, 1.15vw); color:#939292; font-weight:500; line-height:normal; letter-spacing:max(-1.1px, -0.06vw); border-radius:min(50px, 2.60vw);} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .calendar > .contents_con > .cal_content > .day > table > tbody > tr > td.on {} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .calendar > .contents_con > .cal_content > .day > table > tbody > tr > td.on > span {background:#07F; color:#FFF;} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .calendar > .contents_con > .cal_content > .day > table > tbody > tr > td.none_day {cursor:default;} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .calendar > .contents_con > .cal_content > .day > table > tbody > tr > td.none_day > * {} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .calendar > .contents_con > .cal_content table > tbody > tr > td:first-child > span {color:#FE5959;} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .calendar_con > .calendar > .contents_con > .cal_content table > tbody > tr > td:last-child > span {color:#4181E7;} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .category_con {display:none;} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .category_con > .list_con {} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .category_con > .list_con > ul {display:flex; flex-direction:column; gap:min(17px, 0.89vw);} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .category_con > .list_con > ul > li {width:100%;} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .category_con > .list_con > ul > li > .radio_label {} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .category_con > .list_con > ul > li > .radio_label > input[type=radio] {display:none;} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .category_con > .list_con > ul > li > .radio_label > .inner_con {position:relative; border-radius:min(10px, 0.52vw); overflow:hidden;} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .category_con > .list_con > ul > li > .radio_label > .inner_con > .img_con {width:100%; background:no-repeat center/cover;} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .category_con > .list_con > ul > li > .radio_label > .inner_con > .img_con > img {width:100%;} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .category_con > .list_con > ul > li > .radio_label > .inner_con > .txt_con {display:flex; flex-direction:column; align-items:unset; gap:min(10px, 0.52vw); position:absolute; left:min(30px, 1.56vw); bottom:min(30px, 1.56vw);} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .category_con > .list_con > ul > li > .radio_label > .inner_con > .txt_con > .text01_con {} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .category_con > .list_con > ul > li > .radio_label > .inner_con > .txt_con > .text01_con > span {font-size:min(30px, 1.56vw); color:#FFF; font-weight:700; line-height:120%; letter-spacing:max(-0.69px, -0.04vw);} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .category_con > .list_con > ul > li > .radio_label > .inner_con > .txt_con > .text02_con {} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .category_con > .list_con > ul > li > .radio_label > .inner_con > .txt_con > .text02_con > span {font-size:min(22px, 1.15vw); color:#FFF; font-weight:400; line-height:120%; letter-spacing:max(-0.506px, -0.03vw);} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .category_con > .list_con > ul > li > .radio_label > input[type=radio]:checked + .inner_con {box-shadow:0 min(4px, 0.21vw) min(20px, 1.04vw) 0 #4E96C9;} .reserv_step02_con > .contents_con > .inner_con > .contents_con > .flex_con > .category_con > .list_con > ul > li > .radio_label > input[type=radio]:checked + .inner_con:after {content:''; width:100%; height:100%; border:min(5px, 0.26vw) solid #07F; position:absolute; top:0; left:0; box-sizing:border-box;} /* 예약하기 step03 */ .reserv_step03_con {} .reserv_step03_con > .contents_con {} .reserv_step03_con > .contents_con > .inner_con {} .reserv_step03_con > .contents_con > .inner_con > .contents_con {} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con {} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .number_con {} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .number_con > .count_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .number_con > .count_con > .list_con {border:1px solid #D4D4D4; padding:min(20px, 1.04vw) min(30px, 1.56vw); border-radius:min(10px, 0.52vw);} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .number_con > .count_con > .list_con > ul {} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .number_con > .count_con > .list_con > ul > li {width:100%; border-bottom:1px dashed #E1E1E1; padding:min(20px, 1.04vw) 0;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .number_con > .count_con > .list_con > ul > li:last-child {border-bottom:none;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .number_con > .count_con > .list_con > ul > li > .list_div {display:flex; justify-content:space-between; align-items:center;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .number_con > .count_con > .list_con > ul > li > .list_div > .text_con {} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .number_con > .count_con > .list_con > ul > li > .list_div > .text_con > span {font-size:min(22px, 1.15vw); color:#222; font-weight:700; line-height:normal; letter-spacing:max(-1.1px, -0.06vw);} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .number_con > .count_con > .list_con > ul > li > .list_div > .input_con {display:flex; align-items:center; gap:min(10px, 0.52vw);} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .number_con > .count_con > .list_con > ul > li > .list_div > .input_con > button {width:min(26px, 1.35vw); border:none; background:none; margin:0; padding:0; cursor:pointer;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .number_con > .count_con > .list_con > ul > li > .list_div > .input_con > button > img {width:100%;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .number_con > .count_con > .list_con > ul > li > .list_div > .input_con > input {width:min(25px, 1.30vw); border:none; background:transparent; text-align:center; font-size:min(20px, 1.04vw); color:#222; font-weight:500; line-height:normal; letter-spacing:max(-1px, -0.05vw);} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .number_con > .count_con > .total_con {display:flex; align-items:center; gap:min(10px, 0.52vw); width:100%; border-top:1px solid #EAE7E7; padding:min(25px, 1.30vw) min(20px, 1.04vw);} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .number_con > .count_con > .total_con > span {font-size:min(24px, 1.25vw); color:#222; font-weight:500; line-height:normal; letter-spacing:max(-1.2px, -0.06vw);} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .number_con > .count_con > .total_con > span.color_text {color:#07F; font-weight:700;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .pass_radio_list {} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .pass_radio_list > ul {display:flex; gap:min(10px, 0.52vw);} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .pass_radio_list > ul > li {flex:1;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .pass_radio_list > ul > li > .radio_label {width:100%;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .pass_radio_list > ul > li > .radio_label > input[type=radio] {display:none;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .pass_radio_list > ul > li > .radio_label > .txt_con {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:min(10px, 0.52vw); width:100%; height:min(170px, 8.85vw); background:#F4F4F4; border-radius:min(10px, 0.52vw); transition:all 0.3s ease;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .pass_radio_list > ul > li > .radio_label > .txt_con > .text01_con {} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .pass_radio_list > ul > li > .radio_label > .txt_con > .text01_con > span {font-size:min(22px, 1.15vw); color:#737373; font-weight:700; line-height:normal; letter-spacing:max(-1.1px, -0.06vw); transition:all 0.3s ease;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .pass_radio_list > ul > li > .radio_label > .txt_con > .text02_con {} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .pass_radio_list > ul > li > .radio_label > .txt_con > .text02_con > span {font-size:min(20px, 1.04vw); color:#737373; font-weight:500; line-height:normal; letter-spacing:max(-1px, -0.05vw); transition:all 0.3s ease;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .pass_radio_list > ul > li > .radio_label > input[type=radio]:checked + .txt_con {background:#2C8FFF;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .pass_radio_list > ul > li > .radio_label > input[type=radio]:checked + .txt_con > .text01_con > span {color:#FFF;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .pass_radio_list > ul > li > .radio_label > input[type=radio]:checked + .txt_con > .text02_con > span {color:#FFF;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .time_radio_list {} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .time_radio_list > ul {display:flex; flex-wrap:wrap; gap:min(15px, 0.78vw) min(10px, 0.52vw);} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .time_radio_list > ul > li {width:calc((100% - min(30px, 1.56vw)) / 4);} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .time_radio_list > ul > li > .radio_label {width:100%;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .time_radio_list > ul > li > .radio_label > input[type=radio] {display:none;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .time_radio_list > ul > li > .radio_label > .txt_con {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:min(5px, 0.26vw); width:100%; height:min(85px, 4.43vw); border:1px solid #F2F0F0; background:#FFF; border-radius:min(10px, 0.52vw); transition:all 0.3s ease;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .time_radio_list > ul > li > .radio_label > .txt_con > .time_con {} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .time_radio_list > ul > li > .radio_label > .txt_con > .time_con > span {font-size:min(22px, 1.15vw); color:#3A3A3A; font-weight:700; line-height:normal; letter-spacing:max(-1.1px, -0.06vw); transition:all 0.3s ease;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .time_radio_list > ul > li > .radio_label > .txt_con > .state_con {} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .time_radio_list > ul > li > .radio_label > .txt_con > .state_con > span {display:inline-block; padding:0 min(10px, 0.52vw); font-size:min(20px, 1.04vw); color:#2C8FFF; font-weight:500; line-height:normal; letter-spacing:max(-1px, -0.05vw); border-radius:min(50px, 2.60vw); transition:all 0.3s ease;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .time_radio_list > ul > li > .radio_label.deadline {cursor:default;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .time_radio_list > ul > li > .radio_label.deadline > .txt_con {border:1px solid #949494; background:#C9C9C9;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .time_radio_list > ul > li > .radio_label.deadline > .txt_con > .time_con > span {color:#747474;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .time_radio_list > ul > li > .radio_label.deadline > .txt_con > .state_con > span {color:#747474;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .time_radio_list > ul > li > .radio_label > .txt_con > .state_con.remaining > span {color:#FF0909;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .time_radio_list > ul > li > .radio_label > input[type=radio]:checked + .txt_con {background:#2C8FFF;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .time_radio_list > ul > li > .radio_label > input[type=radio]:checked + .txt_con > .time_con > span {color:#FFF;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .time_radio_list > ul > li > .radio_label > input[type=radio]:checked + .txt_con > .state_con > span {background:#BEE4FF;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .time_radio_list > ul > li > .radio_label > input[type=radio]:checked + .txt_con > .state_con.remaining > span {color:#2C8FFF;} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .usage_con {display:flex; align-items:center; gap:min(10px, 0.52vw); width:100%; border-top:1px solid #EAE7E7; padding:min(25px, 1.30vw) min(20px, 1.04vw);} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .usage_con > span {font-size:min(24px, 1.25vw); color:#222; font-weight:500; line-height:normal; letter-spacing:max(-1.2px, -0.06vw);} .reserv_step03_con > .contents_con > .inner_con > .contents_con > .flex_con > .use_con > .box_con > .usage_con > span.color_text {color:#07F; font-weight:700;} /* 예약하기 step04 */ .reserv_step04_con {} .reserv_step04_con > .contents_con {} .reserv_step04_con > .contents_con > .inner_con {} .reserv_step04_con > .contents_con > .inner_con > .contents_con {} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con {} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .info_con {} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .info_con > .text_con {width:100%; border-top:1px solid #D4D4D4; padding:min(20px, 1.04vw) 0;} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .info_con > .text_con > span {font-size:min(20px, 1.04vw); color:#323232; font-weight:500; line-height:150%; letter-spacing:max(-0.46px, -0.02vw);} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con {} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .txt_con {} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .txt_con > .text_con {} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .txt_con > .text_con > span {font-size:min(24px, 1.25vw); color:#2C8FFF; font-weight:700; line-height:normal; letter-spacing:max(-0.552px, -0.03vw);} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con {display:flex; flex-direction:column; gap:min(30px, 1.56vw);} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .time_con {display:flex; align-items:center; gap:min(10px, 0.52vw); width:100%; height:min(85px, 4.43vw); border:1px solid #D4D4D4; padding:0 min(30px, 1.56vw); border-radius:min(10px, 0.52vw);} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .time_con > .title_con {} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .time_con > .title_con > span {font-size:min(22px, 1.15vw); color:#101010; font-weight:700; line-height:normal; letter-spacing:max(-0.506px, -0.03vw);} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .time_con > .text_con {} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .time_con > .text_con > span {font-size:min(24px, 1.25vw); color:#7D7D7D; font-weight:400; line-height:normal; letter-spacing:max(-0.552px, -0.03vw);} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .checkbox_con {display:flex; justify-content:flex-end;} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .checkbox_con > .checkbox_label03 {display:flex; align-items:center; gap:min(10px, 0.52vw);} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .checkbox_con > .checkbox_label03 > input {display:none;} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .checkbox_con > .checkbox_label03 > span {order:1; font-size:min(22px, 1.15vw); color:#737373; font-weight:700; line-height:normal; letter-spacing:max(-1.1px, -0.06vw);} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .checkbox_con > .checkbox_label03 > .check_icon {order:2;} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list {} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li {} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div {display:flex; align-items:center; gap:min(10px, 0.52vw);} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div > .title_con {flex-shrink:0; display:flex; justify-content:center; align-items:center; width:min(170px, 8.85vw); height:min(85px, 4.43vw);} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div > .title_con > span {font-size:min(22px, 1.15vw); color:#101010; font-weight:700; line-height:normal; letter-spacing:max(-0.506px, -0.03vw);} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div > .radio_list {width:100%;} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div > .radio_list > ul {display:flex; align-items:center; gap:min(10px, 0.52vw);} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div > .radio_list > ul > li {width:calc((100% - min(10px, 0.52vw)) / 2);} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div > .radio_list > ul > li > .radio_label {width:100%;} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div > .radio_list > ul > li > .radio_label > input[type=radio] {display:none;} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div > .radio_list > ul > li > .radio_label > .txt_con {display:flex; justify-content:space-between; align-items:center; width:100%; height:min(85px, 4.43vw); border:1px solid #F2F0F0; background:#FFF; padding:0 min(30px, 1.56vw); border-radius:min(10px, 0.52vw); transition:all 0.3s ease;} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div > .radio_list > ul > li > .radio_label > .txt_con > .text01_con {} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div > .radio_list > ul > li > .radio_label > .txt_con > .text01_con > span {font-size:min(22px, 1.15vw); color:#101010; font-weight:700; line-height:normal; letter-spacing:max(-0.506px, -0.03vw); transition:all 0.3s ease;} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div > .radio_list > ul > li > .radio_label > .txt_con > .text02_con {} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div > .radio_list > ul > li > .radio_label > .txt_con > .text02_con > span {display:inline-flex; justify-content:center; align-items:center; height:min(34px, 1.77vw); background:#BEE4FF; padding:0 min(10px, 0.52vw); font-size:min(20px, 1.04vw); color:#2C8FFF; font-weight:500; line-height:normal; letter-spacing:max(-1px, -0.05vw); border-radius:min(50px, 2.60vw);} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div > .radio_list > ul > li > .radio_label.remaining > .txt_con > .text02_con > span {background:#FFC3C3; color:#FF0909;} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div > .radio_list > ul > li > .radio_label.wait > .txt_con > .text02_con > span {background:#FFF3E0; color:#B0763F;} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div > .radio_list > ul > li > .radio_label.deadline {cursor:default;} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div > .radio_list > ul > li > .radio_label.deadline > .txt_con {border:1px solid #949494; background:#C9C9C9;} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div > .radio_list > ul > li > .radio_label.deadline > .txt_con > .text01_con > span {color:#747474;} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div > .radio_list > ul > li > .radio_label > input[type=radio]:checked + .txt_con {border:1px solid transparent; background:#2C8FFF;} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .input_list > ul > li > .list_div > .radio_list > ul > li > .radio_label > input[type=radio]:checked + .txt_con > .text01_con > span {color:#FFF;} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .usage_con {border-top:1px solid #EAE7E7; padding:min(25px, 1.30vw) min(20px, 1.04vw);} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .usage_con > ul {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .usage_con > ul > li {} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .usage_con > ul > li > .list_div {display:flex; justify-content:space-between; align-items:center;} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .usage_con > ul > li > .list_div > .text01_con {} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .usage_con > ul > li > .list_div > .text01_con > span {font-size:min(24px, 1.25vw); color:#363636; font-weight:500; line-height:normal; letter-spacing:max(-1.2px, -0.06vw);} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .usage_con > ul > li > .list_div > .text02_con {} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .usage_con > ul > li > .list_div > .text02_con > span {font-size:min(24px, 1.25vw); color:#222; font-weight:500; line-height:normal; letter-spacing:max(-1.2px, -0.06vw);} .reserv_step04_con > .contents_con > .inner_con > .contents_con > .flex_con > .bu_con > .inner_con > .usage_con > ul > li > .list_div > .text02_con > span .color_text {color:#07F;} /* 예약하기 step05 */ .reserv_step05_con {} .reserv_step05_con > .contents_con {} .reserv_step05_con > .contents_con > .step_end_con {display:flex; flex-direction:column; align-items:center; gap:min(80px, 4.17vw); margin:min(50px, 2.60vw) 0 0;} .reserv_step05_con > .contents_con > .step_end_con > .box_con {display:flex; flex-direction:column; gap:min(30px, 1.56vw); width:min(870px, 45.31vw); margin:0 auto; background:#FFF; padding:min(30px, 1.56vw); border-radius:min(15px, 0.78vw); box-shadow:0 min(20px, 1.04vw) min(20px, 1.04vw) 0 rgba(0,0,0,0.05);} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .title_con {width:100%; border-bottom:1px solid #E7E7E7; padding:0 0 min(20px, 1.04vw);} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .title_con > span {font-size:min(26px, 1.35vw); color:#101010; font-weight:700; line-height:normal; letter-spacing:max(-0.598px, -0.03vw);} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .list_con {} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .list_con > ul {} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .list_con > ul > li {padding:min(20px, 1.04vw) 0;} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .list_con > ul > li > .list_div {display:flex; justify-content:space-between; align-items:center;} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .list_con > ul > li > .list_div > .title_con {} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .list_con > ul > li > .list_div > .title_con > span {font-size:min(22px, 1.15vw); color:#101010; font-weight:700; line-height:normal; letter-spacing:max(-0.506px, -0.03vw);} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .list_con > ul > li > .list_div > .text_con {} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .list_con > ul > li > .list_div > .text_con > span {font-size:min(24px, 1.25vw); color:#7D7D7D; font-weight:400; line-height:normal; letter-spacing:max(-0.552px, -0.03vw);} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .etc_con {display:flex; flex-direction:column; gap:min(30px, 1.56vw); width:100%; border-top:1px solid #DCDCDC; padding:min(20px, 1.04vw) 0;} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .etc_con > .txt_con {display:flex; justify-content:space-between;} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .etc_con > .txt_con > .title_con {} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .etc_con > .txt_con > .title_con > span {font-size:min(22px, 1.15vw); color:#101010; font-weight:700; line-height:normal; letter-spacing:max(-0.506px, -0.03vw);} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .etc_con > .txt_con > .text_con {} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .etc_con > .txt_con > .text_con > span {font-size:min(24px, 1.25vw); color:#7D7D7D; font-weight:400; line-height:normal; letter-spacing:max(-0.552px, -0.03vw);} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .etc_con > .list_con {} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .etc_con > .list_con > ul {} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .etc_con > .list_con > ul > li {} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .etc_con > .list_con > ul > li > .list_div {display:flex; justify-content:space-between;} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .etc_con > .list_con > ul > li > .list_div > .title_con {} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .etc_con > .list_con > ul > li > .list_div > .title_con > span {font-size:min(24px, 1.25vw); color:#363636; font-weight:500; line-height:normal; letter-spacing:max(-1.2px, -0.06vw);} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .etc_con > .list_con > ul > li > .list_div > .text_con {} .reserv_step05_con > .contents_con > .step_end_con > .box_con > .etc_con > .list_con > ul > li > .list_div > .text_con > span {font-size:min(24px, 1.25vw); color:#363636; font-weight:500; line-height:normal; letter-spacing:max(-1.2px, -0.06vw);} .reserv_step05_con > .contents_con > .step_end_con > .btn_con {} .reserv_step05_con > .contents_con > .step_end_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(210px, 10.94vw); height:min(65px, 3.39vw); background:#00499F; font-size:min(22px, 1.15vw); color:#FFF; font-weight:700; line-height:normal; letter-spacing:max(-1.105px, -0.06vw); border-radius:min(20px, 1.04vw);} /* 고객센터 */ .customer_main_con {} .customer_main_con > .info01_con {width:100%; margin:0 auto; background:#F7F7F7;} .customer_main_con > .info01_con > .contents_con {width:100%; max-width:min(1620px, 84.38vw); margin:0 auto; padding:min(200px, 10.42vw) 0 min(150px, 7.81vw);} .customer_main_con > .info01_con > .contents_con > .txt_con {} .customer_main_con > .info01_con > .contents_con > .txt_con > .text01_con {} .customer_main_con > .info01_con > .contents_con > .txt_con > .text01_con > span {font-size:min(24px, 1.25vw); color:#0B5FD8; font-weight:600; line-height:normal; letter-spacing:max(-0.576px, -0.03vw);} .customer_main_con > .info01_con > .contents_con > .txt_con > .text02_con {margin:min(10px, 0.52vw) 0 0;} .customer_main_con > .info01_con > .contents_con > .txt_con > .text02_con > span {font-size:min(80px, 4.17vw); color:#021838; font-weight:700; line-height:130%;} .customer_main_con > .info01_con > .contents_con > .txt_con > .text03_con {margin:min(80px, 4.17vw) 0 0;} .customer_main_con > .info01_con > .contents_con > .txt_con > .text03_con > span {font-size:min(25px, 1.30vw); color:#526177; font-weight:400; line-height:165%;} .customer_main_con > .info01_con > .contents_con > form {} .customer_main_con > .info01_con > .contents_con > form > .search_con {display:flex; justify-content:space-between; align-items:center; gap:min(20px, 1.04vw); width:min(970px, 50.52vw); border:1px solid #rgba(249, 249, 249, 0.10); background:#F9F9F9; margin:min(30px, 1.56vw) 0 0; padding:min(20px, 1.04vw); box-shadow:0 0 min(14px, 0.73vw) 0 #0075FF; border-radius:min(500px, 26.04vw);} .customer_main_con > .info01_con > .contents_con > form > .search_con > input {border:none; background:transparent; height:min(55px, 2.86vw); font-size:min(22px, 1.15vw); color:#222; font-weight:500; line-height:normal; letter-spacing:max(-0.506px, -0.03vw);} .customer_main_con > .info01_con > .contents_con > form > .search_con > input::placeholder {color:#206BFF; font-weight:700;} .customer_main_con > .info01_con > .contents_con > form > .search_con > a {flex-shrink:0; display:flex; justify-content:center; align-items:center; width:min(145px, 7.55vw); height:min(55px, 2.86vw); background:#00499F; font-size:min(22px, 1.15vw); color:#FFF; font-weight:500; line-height:normal; letter-spacing:max(-0.506px, -0.03vw); border-radius:min(500px, 26.04vw);} .customer_main_con > .info01_con > .contents_con > .keyword_con {display:flex; align-items:center; gap:min(14px, 0.73vw); margin:min(40px, 2.08vw) 0 0;} .customer_main_con > .info01_con > .contents_con > .keyword_con > .title_con {} .customer_main_con > .info01_con > .contents_con > .keyword_con > .title_con > span {font-size:min(24px, 1.25vw); color:#0B5FD8; font-weight:600; line-height:normal; letter-spacing:max(-0.576px, -0.03vw);} .customer_main_con > .info01_con > .contents_con > .keyword_con > .list_con {} .customer_main_con > .info01_con > .contents_con > .keyword_con > .list_con > ul {display:flex; align-items:center; gap:min(8px, 0.42vw);} .customer_main_con > .info01_con > .contents_con > .keyword_con > .list_con > ul > li {} .customer_main_con > .info01_con > .contents_con > .keyword_con > .list_con > ul > li > span {display:inline-flex; justify-content:center; align-items:center; height:min(48px, 2.50vw); border:1px solid #CCC; padding:0 min(20px, 1.04vw); font-size:min(22px, 1.15vw); color:#CCC; font-weight:500; line-height:normal; letter-spacing:max(-0.528px, -0.03vw); border-radius:min(50px, 2.60vw);} .customer_main_con > .info02_con {width:100%; margin:0 auto; background:#021838;} .customer_main_con > .info02_con > .contents_con {display:flex; flex-direction:column; gap:min(40px, 2.08vw); width:100%; max-width:min(1620px, 84.38vw); margin:0 auto; padding:min(100px, 5.21vw) 0;} .customer_main_con > .info02_con > .contents_con > .txt_con {display:flex; justify-content:space-between; align-items:flex-start;} .customer_main_con > .info02_con > .contents_con > .txt_con > .title_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .customer_main_con > .info02_con > .contents_con > .txt_con > .title_con > .text01_con {} .customer_main_con > .info02_con > .contents_con > .txt_con > .title_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#0B5FD8; font-weight:500; line-height:normal; font-family: "Plus Jakarta Sans";} .customer_main_con > .info02_con > .contents_con > .txt_con > .title_con > .text02_con {} .customer_main_con > .info02_con > .contents_con > .txt_con > .title_con > .text02_con > span {font-size:min(42px, 2.19vw); color:#FFF; font-weight:700; line-height:130%;} .customer_main_con > .info02_con > .contents_con > .txt_con > .btn_con {} .customer_main_con > .info02_con > .contents_con > .txt_con > .btn_con > a {display:inline-block; font-size:min(18px, 0.94vw); color:#0B5FD8; font-weight:500; line-height:normal; font-family: "Plus Jakarta Sans";} .customer_main_con > .info02_con > .contents_con > .tab_con {display:flex; flex-direction:column; gap:min(40px, 2.08vw);} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_nav {} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_nav > ul {display:flex; width:100%; border-bottom:1px solid rgba(229, 229, 229, 0.50);} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_nav > ul > li {display:flex; justify-content:center; align-items:center; width:min(200px, 10.42vw); padding:min(10px, 0.52vw); position:relative; cursor:pointer;} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_nav > ul > li:after {content:''; width:0; height:min(3px, 0.16vw); background:#FFF; position:absolute; bottom:-1px; left:0; transition:all 0.3s ease;} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_nav > ul > li > span {font-size:min(20px, 1.04vw); color:#FFF; font-weight:500; line-height:130%; letter-spacing:max(-0.48px, -0.03vw);} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_nav > ul > li.on:after {width:100%;} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents {} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div {display:none;} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con {} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul {} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li {width:100%;} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li > .list_div {border-bottom:1px solid rgba(202, 200, 200, 0.30); padding:min(40px, 2.08vw) min(20px, 1.04vw); cursor:pointer; transition:padding 0.3s ease;} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li > .list_div > .q_con {display:flex; justify-content:space-between; align-items:center;} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li > .list_div > .q_con > .text_con {display:flex; align-items:flex-start; gap:min(4px, 0.21vw);} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li > .list_div > .q_con > .text_con > span {font-size:min(20px, 1.04vw); color:rgba(255,255,255,0.8); font-weight:400; line-height:150%;} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li > .list_div > .q_con > .arrow_con {flex-shrink:0; width:min(20px, 1.04vw);} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li > .list_div > .q_con > .arrow_con > img {width:100%;} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li > .list_div > .a_con {display:none; margin:min(20px, 1.04vw) 0 0 min(25px, 1.30vw);} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li > .list_div > .a_con > span {font-size:min(20px, 1.04vw); color:rgba(255,255,255,0.8); font-weight:400; line-height:150%;} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li.on {} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li.on > .list_div {border:1px solid rgba(77, 146, 240, 0.38); background:#0A2A52; padding:min(50px, 2.60vw); border-radius:min(20px, 1.04vw);} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li.on > .list_div > .q_con > .text_con > span {font-size:min(22px, 1.15vw); color:#FFF; font-weight:700;} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li.on > .list_div > .q_con > .arrow_con {display:none;} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li:has(+ li.on) > .list_div {border:none;} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li.none_li {text-align:center;} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li.none_li > span {font-size:min(18px, 0.94vw); color:rgba(255,255,255,0.8); font-weight:400; line-height:min(350px, 18.23vw);} .customer_main_con > .info02_con > .contents_con > .tab_con > .tab_contents > .info_div.info02_con_tab01 {display:block;} .customer_main_con > .info03_con {width:100%; margin:0 auto; background:#F6F8FA;} .customer_main_con > .info03_con > .contents_con {display:flex; flex-direction:column; gap:min(40px, 2.08vw); width:100%; max-width:min(1620px, 84.38vw); margin:0 auto; padding:min(100px, 5.21vw) 0;} .customer_main_con > .info03_con > .contents_con > .txt_con {display:flex; justify-content:space-between; align-items:flex-start;} .customer_main_con > .info03_con > .contents_con > .txt_con > .title_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .customer_main_con > .info03_con > .contents_con > .txt_con > .title_con > .text01_con {} .customer_main_con > .info03_con > .contents_con > .txt_con > .title_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#0B5FD8; font-weight:500; line-height:normal; font-family: "Plus Jakarta Sans";} .customer_main_con > .info03_con > .contents_con > .txt_con > .title_con > .text02_con {} .customer_main_con > .info03_con > .contents_con > .txt_con > .title_con > .text02_con > span {font-size:min(42px, 2.19vw); color:#020E20; font-weight:700; line-height:130%;} .customer_main_con > .info03_con > .contents_con > .txt_con > .btn_con {} .customer_main_con > .info03_con > .contents_con > .txt_con > .btn_con > a {display:inline-block; font-size:min(18px, 0.94vw); color:#0B5FD8; font-weight:500; line-height:normal; font-family: "Plus Jakarta Sans";} .customer_main_con > .info03_con > .contents_con > .list_con {} .customer_main_con > .info03_con > .contents_con > .list_con > ul {display:flex; align-items:center; gap:min(40px, 2.08vw);} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li {} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > a {display:block; width:min(830px, 43.23vw); border-radius:min(20px, 1.04vw); overflow:hidden;} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div {display:flex; flex-direction:column; justify-content:space-between; height:min(304px, 15.83vw); background:#0B5FD8; padding:min(30px, 1.56vw) min(40px, 2.08vw);} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .category_con {} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .category_con > span {font-size:min(18px, 0.94vw); color:rgba(255, 255, 255, 0.80); font-weight:400; line-height:155%; letter-spacing:max(-0.414px, -0.02vw);} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .title_con {} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .title_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(38px, 1.98vw); color:#FFF; font-weight:700; line-height:130%; font-family: "Plus Jakarta Sans";} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text_con {} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .txt_con > .text_con > span {display:block; height:min(56px, 2.92vw); white-space:normal; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; overflow-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:min(18px, 0.94vw); color:#FFF; font-weight:400; line-height:155%; font-family: "Plus Jakarta Sans";} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .date_con {} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > a > .list_div > .date_con > span {font-size:min(18px, 0.94vw); color:rgba(255, 255, 255, 0.80); font-weight:400; line-height:155%; letter-spacing:max(-0.414px, -0.02vw);} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div {width:min(750px, 39.06vw);} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > ul {display:flex; flex-direction:column;} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > ul > li {width:100%; border-bottom:1px solid #DBDBDB;} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > ul > li > a {display:block; padding:min(30px, 1.56vw) 0;} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > ul > li > a > .list_div {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > ul > li > a > .list_div > .top_con {display:flex; justify-content:space-between; align-items:center;} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > ul > li > a > .list_div > .top_con > .category_con {} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > ul > li > a > .list_div > .top_con > .category_con > span {font-size:min(18px, 0.94vw); color:#222; font-weight:400; line-height:155%; letter-spacing:max(-0.414px, -0.02vw);} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > ul > li > a > .list_div > .top_con > .date_con {} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > ul > li > a > .list_div > .top_con > .date_con > span {font-size:min(18px, 0.94vw); color:rgba(34,34,34,0.8); font-weight:400; line-height:155%; letter-spacing:max(-0.414px, -0.02vw);} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > ul > li > a > .list_div > .title_con {} .customer_main_con > .info03_con > .contents_con > .list_con > ul > li > .list_div > ul > li > a > .list_div > .title_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(30px, 1.56vw); color:#222; font-weight:700; line-height:130%; font-family: "Plus Jakarta Sans";} .customer_main_con > .info04_con {width:100%; margin:0 auto; background:url("/img/customer/customer_main_con_info05_con_bg.jpg")no-repeat center/cover;} .customer_main_con > .info04_con > .contents_con {display:flex; justify-content:space-between; width:100%; max-width:min(1620px, 84.38vw); margin:0 auto; padding:min(100px, 5.21vw) 0;} .customer_main_con > .info04_con > .contents_con > .txt_con {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .customer_main_con > .info04_con > .contents_con > .txt_con > .text01_con {} .customer_main_con > .info04_con > .contents_con > .txt_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#C9DEFF; font-weight:500; line-height:120%; font-family: "Plus Jakarta Sans";} .customer_main_con > .info04_con > .contents_con > .txt_con > .text02_con {} .customer_main_con > .info04_con > .contents_con > .txt_con > .text02_con > span {font-size:min(42px, 2.19vw); color:#FFF; font-weight:700; line-height:130%;} .customer_main_con > .info04_con > .contents_con > .txt_con > .text03_con {} .customer_main_con > .info04_con > .contents_con > .txt_con > .text03_con > span {font-size:min(22px, 1.15vw); color:#DCEBFF; font-weight:400; line-height:145%;} .customer_main_con > .info04_con > .contents_con > .box_con {display:flex; flex-direction:column; gap:min(60px, 3.13vw); width:min(800px, 41.67vw); background:rgba(0,0,0,0.1); padding:min(35px, 1.82vw) min(50px, 2.60vw); backdrop-filter:blur(20px); border-radius:min(30px, 1.56vw);} .customer_main_con > .info04_con > .contents_con > .box_con > .list_con {} .customer_main_con > .info04_con > .contents_con > .box_con > .list_con > ul {display:flex; flex-direction:column; gap:min(25px, 1.30vw);} .customer_main_con > .info04_con > .contents_con > .box_con > .list_con > ul > li {} .customer_main_con > .info04_con > .contents_con > .box_con > .list_con > ul > li > .list_div {} .customer_main_con > .info04_con > .contents_con > .box_con > .list_con > ul > li > .list_div > .text01_con {} .customer_main_con > .info04_con > .contents_con > .box_con > .list_con > ul > li > .list_div > .text01_con > span {font-size:min(20px, 1.04vw); color:#BBD7FF; font-weight:700; line-height:155%;} .customer_main_con > .info04_con > .contents_con > .box_con > .list_con > ul > li > .list_div > .text02_con {} .customer_main_con > .info04_con > .contents_con > .box_con > .list_con > ul > li > .list_div > .text02_con > span {font-size:min(17px, 0.89vw); color:#FFF; font-weight:400; line-height:155%;} .customer_main_con > .info04_con > .contents_con > .box_con > .list_con > ul > li:first-child > .list_div > .text01_con > span {color:#FFF;} .customer_main_con > .info04_con > .contents_con > .box_con > .btn_con {} .customer_main_con > .info04_con > .contents_con > .box_con > .btn_con > a {display:flex; justify-content:space-between; align-items:center; width:100%; height:min(72px, 3.75vw); background:#FFF; padding:0 min(30px, 1.56vw); border-radius:min(50px, 2.60vw);} .customer_main_con > .info04_con > .contents_con > .box_con > .btn_con > a > span {font-size:min(22px, 1.15vw); color:#0B5FD8; font-weight:700; line-height:normal;} .customer_main_con > .info04_con > .contents_con > .box_con > .btn_con > a > span.arrow {position:relative; top:max(-3px, -0.16vw); font-size:min(20px, 1.04vw); font-family: "Plus Jakarta Sans";} /* 공지사항 */ .customer_notice_con {} .customer_notice_con > .contents_con {} /* FAQ */ .customer_faq_con {width:100%; margin:0 auto;} .customer_faq_con > .contents_con {display:flex; flex-direction:column; gap:min(70px, 3.65vw); width:100%; margin:0 auto;} .customer_faq_con > .contents_con > .sk_con {width:100%; max-width:min(1600px, 83.33vw); margin:0 auto;} .customer_faq_con > .contents_con > .sk_con > form {} .customer_faq_con > .contents_con > .sk_con > form > .search_con {display:flex; justify-content:space-between; align-items:center; gap:min(20px, 1.04vw); width:min(970px, 50.52vw); border:1px solid rgba(249, 249, 249, 0.10); background:#F9F9F9; padding:min(20px, 1.04vw) min(20px, 1.04vw) min(20px, 1.04vw) min(30px, 1.56vw); box-shadow:0 0 min(14px, 0.73vw) 0 #0075FF; border-radius:min(500px, 26.04vw);} .customer_faq_con > .contents_con > .sk_con > form > .search_con > input {border:none; background:transparent; height:min(55px, 2.86vw); font-size:min(22px, 1.15vw); color:#222; font-weight:500; line-height:normal; letter-spacing:max(-0.506px, -0.03vw);} .customer_faq_con > .contents_con > .sk_con > form > .search_con > input::placeholder {color:#206BFF; font-weight:700;} .customer_faq_con > .contents_con > .sk_con > form > .search_con > a {flex-shrink:0; display:flex; justify-content:center; align-items:center; width:min(145px, 7.55vw); height:min(55px, 2.86vw); background:#00499F; font-size:min(22px, 1.15vw); color:#FFF; font-weight:500; line-height:normal; letter-spacing:max(-0.506px, -0.03vw); border-radius:min(500px, 26.04vw);} .customer_faq_con > .contents_con > .sk_con > .keyword_con {display:flex; align-items:center; gap:min(14px, 0.73vw); margin:min(40px, 2.08vw) 0 0;} .customer_faq_con > .contents_con > .sk_con > .keyword_con > .title_con {} .customer_faq_con > .contents_con > .sk_con > .keyword_con > .title_con > span {font-size:min(24px, 1.25vw); color:#0B5FD8; font-weight:600; line-height:normal; letter-spacing:max(-0.576px, -0.03vw);} .customer_faq_con > .contents_con > .sk_con > .keyword_con > .list_con {} .customer_faq_con > .contents_con > .sk_con > .keyword_con > .list_con > ul {display:flex; align-items:center; gap:min(8px, 0.42vw);} .customer_faq_con > .contents_con > .sk_con > .keyword_con > .list_con > ul > li {} .customer_faq_con > .contents_con > .sk_con > .keyword_con > .list_con > ul > li > span {display:inline-flex; justify-content:center; align-items:center; height:min(48px, 2.50vw); border:1px solid #CCC; padding:0 min(20px, 1.04vw); font-size:min(22px, 1.15vw); color:#CCC; font-weight:500; line-height:normal; letter-spacing:max(-0.528px, -0.03vw); border-radius:min(50px, 2.60vw);} .customer_faq_con > .contents_con > .tab_con {display:flex; flex-direction:column; gap:min(70px, 3.65vw); width:100%; max-width:min(1600px, 83.33vw); margin:0 auto;} .customer_faq_con > .contents_con > .tab_con > .tab_nav {} .customer_faq_con > .contents_con > .tab_con > .tab_nav > ul {display:flex; width:100%; border-bottom:1px solid #E5E5E5;} .customer_faq_con > .contents_con > .tab_con > .tab_nav > ul > li {display:flex; justify-content:center; align-items:center; width:min(200px, 10.42vw); padding:min(10px, 0.52vw); position:relative; cursor:pointer;} .customer_faq_con > .contents_con > .tab_con > .tab_nav > ul > li:after {content:''; width:0; height:min(3px, 0.16vw); background:#00499F; position:absolute; bottom:0; left:0; transition:all 0.3s ease;} .customer_faq_con > .contents_con > .tab_con > .tab_nav > ul > li > span {font-size:min(20px, 1.04vw); color:#1B1B1B; font-weight:500; line-height:130%; letter-spacing:max(-0.48px, -0.03vw);} .customer_faq_con > .contents_con > .tab_con > .tab_nav > ul > li.on:after {width:100%;} .customer_faq_con > .contents_con > .tab_con > .tab_contents {} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div {display:none;} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con {} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul {} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li {width:100%;} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li > .list_div {border-bottom:1px solid rgba(202, 200, 200, 0.30); padding:min(40px, 2.08vw) min(20px, 1.04vw); cursor:pointer; transition:padding 0.3s ease;} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li > .list_div > .q_con {display:flex; justify-content:space-between; align-items:center;} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li > .list_div > .q_con > .text_con {display:flex; align-items:flex-start; gap:min(4px, 0.21vw);} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li > .list_div > .q_con > .text_con > span {font-size:min(20px, 1.04vw); color:rgba(0,0,0,0.8); font-weight:400; line-height:150%;} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li > .list_div > .q_con > .arrow_con {flex-shrink:0; width:min(20px, 1.04vw);} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li > .list_div > .q_con > .arrow_con > img {width:100%;} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li > .list_div > .a_con {display:none; margin:min(20px, 1.04vw) 0 0 min(25px, 1.30vw);} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li > .list_div > .a_con > span {font-size:min(20px, 1.04vw); color:rgba(255,255,255,0.8); font-weight:400; line-height:150%;} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li.on {} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li.on > .list_div {border:1px solid rgba(77, 146, 240, 0.38); background:#0A2A52; padding:min(50px, 2.60vw); border-radius:min(20px, 1.04vw);} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li.on > .list_div > .q_con > .text_con > span {font-size:min(22px, 1.15vw); color:#FFF; font-weight:700;} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li.on > .list_div > .q_con > .arrow_con {display:none;} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li:has(+ li.on) > .list_div {border:none;} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li.none_li {text-align:center;} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div > .list_con > ul > li.none_li > span {font-size:min(18px, 0.94vw); color:rgba(0,0,0,0.8); font-weight:400; line-height:min(350px, 18.23vw);} .customer_faq_con > .contents_con > .tab_con > .tab_contents > .info_div.faq_con_tab01 {display:block;} /* 1:1 문의하기 인트로? */ .customer_inquiry_con > .contents_con > .inquiry_type_con {width:min(600px, 31.25vw); margin:0 auto;} .customer_inquiry_con > .contents_con > .inquiry_type_con > .text_con {text-align:center;} .customer_inquiry_con > .contents_con > .inquiry_type_con > .text_con > span {font-size:min(18px, 0.94vw); color:#1A1A1A; font-weight:500; line-height:150%; letter-spacing:-0.432px;} .customer_inquiry_con > .contents_con > .inquiry_type_con > .list_con {margin:min(50px, 2.60vw) 0 0;} .customer_inquiry_con > .contents_con > .inquiry_type_con > .list_con > ul {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .customer_inquiry_con > .contents_con > .inquiry_type_con > .list_con > ul > li {width:100%;} .customer_inquiry_con > .contents_con > .inquiry_type_con > .list_con > ul > li > a {display:block; border:1px solid #E0E0E0;} .customer_inquiry_con > .contents_con > .inquiry_type_con > .list_con > ul > li > a > .list_div {display:flex; justify-content:space-between; align-items:center; height:min(115px, 5.99vw); padding:0 min(40px, 2.08vw);} .customer_inquiry_con > .contents_con > .inquiry_type_con > .list_con > ul > li > a > .list_div > .info_con {display:flex; align-items:center; gap:min(30px, 1.56vw);} .customer_inquiry_con > .contents_con > .inquiry_type_con > .list_con > ul > li > a > .list_div > .info_con > .img_con {width:min(84px, 4.38vw);} .customer_inquiry_con > .contents_con > .inquiry_type_con > .list_con > ul > li > a > .list_div > .info_con > .img_con > img {width:100%;} .customer_inquiry_con > .contents_con > .inquiry_type_con > .list_con > ul > li > a > .list_div > .info_con > .text_con {} .customer_inquiry_con > .contents_con > .inquiry_type_con > .list_con > ul > li > a > .list_div > .info_con > .text_con > span {font-size:min(22px, 1.15vw); color:#1A1A1A; font-weight:700; line-height:150%; letter-spacing:max(-0.528px, -0.03vw);} .customer_inquiry_con > .contents_con > .inquiry_type_con > .list_con > ul > li > a > .list_div > .img_con {flex-shrink:0; width:min(18px, 0.94vw);} .customer_inquiry_con > .contents_con > .inquiry_type_con > .list_con > ul > li > a > .list_div > .img_con > img {width:100%;} .customer_inquiry_con > .contents_con > .inquiry_type_con > .etc_text {margin:min(20px, 1.04vw) 0 0;} .customer_inquiry_con > .contents_con > .inquiry_type_con > .etc_text > span {font-size:min(18px, 0.94vw); color:#9F9F9F; font-weight:500; line-height:normal; letter-spacing:max(-0.45px, -0.02vw);} /* 1:1 문의하기 */ .customer_inquiry_con {width:100%; margin:0 auto;} .customer_inquiry_con > .contents_con {width:100%; max-width:min(1620px, 84.38vw); margin:0 auto;} .customer_inquiry_con > .contents_con > .list_con {width:min(700px, 36.46vw);} .customer_inquiry_con > .contents_con > .list_con > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .customer_inquiry_con > .contents_con > .list_con > ul > li {width:100%; border-bottom:1px solid #EDEDED;} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div {display:flex; align-items:center; gap:min(20px, 1.04vw);} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .title_con {display:flex; align-items:center; gap:min(5px, 0.26vw); width:min(170px, 8.85vw); padding:min(10px, 0.52vw);} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .title_con > span {font-size:min(20px, 1.04vw); color:#373737; font-weight:700; line-height:normal; letter-spacing:max(-0.5px, -0.03vw);} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .title_con > span.color_text {color:#00499F;} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .input_con {} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .input_con > .select_box {position:relative;} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .input_con > .select_box > .select {display:flex; justify-content:space-between; align-items:center; width:min(150px, 7.81vw); height:min(34px, 1.77vw); background:#F7F7F7; padding:0 min(20px, 1.04vw); border-radius:min(5px, 0.26vw); cursor:pointer;} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .input_con > .select_box > .select > span {font-size:min(16px, 0.83vw); color:#373737; font-weight:300; line-height:normal; letter-spacing:max(-0.4px, -0.02vw);} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .input_con > .select_box > .select > .img_con {width:min(10px, 0.52vw); transition:all 0.3s ease;} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .input_con > .select_box > .select > .img_con > img {width:100%;} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .input_con > .select_box > .select.on > span {color:#222;} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .input_con > .select_box > .select.active > .img_con {transform:rotate(180deg);} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .input_con > .select_box > .option_list {display:none; width:min(150px, 7.81vw); background:#F7F7F7; padding:min(20px, 1.04vw); position:absolute; top:min(44px, 2.29vw); left:0; right:0; z-index:10; box-shadow:0 0 min(8px, 0.42vw) 0 rgba(0,0,0,0.05); border-radius:min(5px, 0.26vw);} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .input_con > .select_box > .option_list > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .input_con > .select_box > .option_list > ul > li {cursor:pointer;} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .input_con > .select_box > .option_list > ul > li > span {font-size:min(16px, 0.83vw); color:#373737; font-weight:400; line-height:130%;} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .input_con > .select_box > .option_list > ul > li > span.on {font-weight:500;} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .input_con > .select_box > .option_list > ul > li:hover > span {font-weight:500;} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .input_con > .select_box .select.active + .option_list {display:block;} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .input_con > input {width:100%; height:min(34px, 1.77vw); border:none; background:transparent; padding:0 min(10px, 0.52vw); font-size:min(16px, 0.83vw); color:#373737; font-weight:400; line-height:normal; letter-spacing:max(-0.4px, -0.02vw);} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .input_con > input::placeholder {color:#4F4F4F; font-weight:300;} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .email_con {display:flex; align-items:center; gap:min(10px, 0.52vw);} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .email_con > input {width:min(150px, 7.81vw); background:#F7F7F7; border-radius:min(5px, 0.26vw);} .customer_inquiry_con > .contents_con > .list_con > ul > li > .list_div > .email_con > span {font-size:min(18px, 0.94vw); color:#4F4F4F; font-weight:300; line-height:normal;} .customer_inquiry_con > .contents_con > .input_con {border-bottom:1px solid #E6E4E4; margin:min(40px, 2.08vw) 0 0; padding:0 0 min(40px, 2.08vw);} .customer_inquiry_con > .contents_con > .input_con > .title_con {display:flex; align-items:center; gap:min(5px, 0.26vw); width:min(170px, 8.85vw); padding:min(10px, 0.52vw);} .customer_inquiry_con > .contents_con > .input_con > .title_con > span {font-size:min(20px, 1.04vw); color:#373737; font-weight:700; line-height:normal; letter-spacing:max(-0.5px, -0.03vw);} .customer_inquiry_con > .contents_con > .input_con > .title_con > span.color_text {color:#00499F;} .customer_inquiry_con > .contents_con > .input_con > .textarea_con {margin:min(10px, 0.52vw) 0 0;} .customer_inquiry_con > .contents_con > .input_con > .textarea_con > textarea {width:100%; height:min(360px, 18.75vw); border:none; background:#F4F4F4; padding:min(30px, 1.56vw); font-size:min(16px, 0.83vw); color:#373737; font-weight:400; line-height:140%; letter-spacing:max(-0.4px, -0.02vw); border-radius:min(20px, 1.04vw); overflow-y:auto;} .customer_inquiry_con > .contents_con > .input_con > .textarea_con > textarea::placeholder {color:#BDBDBD; font-weight:300;} .customer_inquiry_con > .contents_con > .input_con > .check_con {display:flex; align-items:center; gap:min(5px, 0.26vw); margin:min(40px, 2.08vw) 0 0;} .customer_inquiry_con > .contents_con > .input_con > .check_con > .checkbox_label02 {display:flex; align-items:center; gap:min(10px, 0.52vw);} .customer_inquiry_con > .contents_con > .input_con > .check_con > .checkbox_label02 > input {} .customer_inquiry_con > .contents_con > .input_con > .check_con > .checkbox_label02 > .check_icon {} .customer_inquiry_con > .contents_con > .input_con > .check_con > .checkbox_label02 > span {font-size:min(18px, 0.94vw); color:#373737; font-weight:500; line-height:normal; letter-spacing:max(-0.45px, -0.02vw);} .customer_inquiry_con > .contents_con > .input_con > .check_con > a {font-size:min(18px, 0.94vw); color:#00499F; font-weight:700; line-height:normal; letter-spacing:max(-0.45px, -0.02vw); text-decoration:underline;} .customer_inquiry_con > .contents_con > .btn_con {margin:min(70px, 3.65vw) 0 0;} .customer_inquiry_con > .contents_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(140px, 7.29vw); margin:0 auto; height:min(55px, 2.86vw); background:#00499F; font-size:min(18px, 0.94vw); color:#FFF; font-weight:700; line-height:normal; border-radius:min(10px, 0.52vw);} /* 게시판 리스트 */ .notice_list_con {width:100%; max-width:min(1620px, 84.38vw); margin:0 auto;} .notice_list_con > .normal_list_con {} .notice_list_con > .normal_list_con > .title_con {} .notice_list_con > .normal_list_con > .title_con > table {width:100%; table-layout:fixed;} .notice_list_con > .normal_list_con > .title_con > table > tbody {} .notice_list_con > .normal_list_con > .title_con > table > tbody > tr {} .notice_list_con > .normal_list_con > .title_con > table > tbody > tr > td {border-bottom:1px solid #E8E8E8; padding:min(20px, 1.04vw) 0;} .notice_list_con > .normal_list_con > .title_con > table > tbody > tr > td > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:500; line-height:130%; letter-spacing:max(-0.45px, -0.02vw);} .notice_list_con > .normal_list_con table > tbody > tr > .num_td {width:min(130px, 6.77vw);} .notice_list_con > .normal_list_con table > tbody > tr > .title_td {} .notice_list_con > .normal_list_con table > tbody > tr > .date_td {width:min(220px, 11.46vw);} .notice_list_con > .normal_list_con > .list_con {} .notice_list_con > .normal_list_con > .list_con > ul {} .notice_list_con > .normal_list_con > .list_con > ul > li {} .notice_list_con > .normal_list_con > .list_con > ul > li > a {} .notice_list_con > .normal_list_con > .list_con > ul > li > a > .list_div {} .notice_list_con > .normal_list_con > .list_con > ul > li > a > .list_div > table {width:100%; table-layout:fixed;} .notice_list_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody {} .notice_list_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr {} .notice_list_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > td {border-bottom:1px solid #E8E8E8; padding:min(20px, 1.04vw) 0;} .notice_list_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > td > span {font-size:min(20px, 1.04vw); color:#666; font-weight:400; line-height:130%;} .notice_list_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .num_td {} .notice_list_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .title_td {padding:min(20px, 1.04vw);} .notice_list_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .title_td > .contents_con {display:flex; align-items:center; gap:min(5px, 0.26vw);} .notice_list_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .title_td > .contents_con > .new_con {flex-shrink:0; display:inline-flex; justify-content:center; align-items:center; height:min(26px, 1.35vw); background:#00499F; padding:0 min(10px, 0.52vw); border-radius:min(50px, 2.60vw);} .notice_list_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .title_td > .contents_con > .new_con > span {font-size:min(14px, 0.73vw); color:#FFF; font-weight:700; line-height:130%;} .notice_list_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .title_td > .contents_con > .title_con {flex:1; display:flex; align-items:center; gap:min(5px, 0.26vw); min-width:0;} .notice_list_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .title_td > .contents_con > .title_con > span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:min(20px, 1.04vw); color:#121212; font-weight:400; line-height:130%; letter-spacing:max(-0.5px, 0.03vw);} .notice_list_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .title_td > .contents_con > .title_con > img {width:min(18px, 0.94vw);} .notice_list_con > .normal_list_con > .list_con > ul > li > a > .list_div > table > tbody > tr > .date_td {} /* 게시판 뷰 */ .notice_view_con {width:100%; max-width:min(1560px, 81.25vw); margin:0 auto;} .notice_view_con > .contents_con {} .notice_view_con > .contents_con > .top_con {display:flex; justify-content:space-between; align-items:center; padding:min(30px, 1.56vw) 0;} .notice_view_con > .contents_con > .top_con > .title_con {flex:1; min-width:0; padding:0 min(30px, 1.56vw);} .notice_view_con > .contents_con > .top_con > .title_con > span {font-size:min(22px, 1.15vw); color:#121212; font-weight:600; line-height:130%;} .notice_view_con > .contents_con > .top_con > .date_con {width:min(150px, 7.81vw); padding:0 min(30px, 1.56vw);} .notice_view_con > .contents_con > .top_con > .date_con > span {font-size:min(16px, 0.83vw); color:#666; font-weight:400; line-height:130%;} .notice_view_con > .contents_con > .posts_con {width:100%; min-height:min(350px, 18.23vw); border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; padding:min(30px, 1.56vw); font-size:min(16px, 0.83vw); color:#121212; font-weight:400; line-height:130%;} .notice_view_con > .contents_con > .posts_con * {all:revert;} .notice_view_con > .contents_con > .posts_con img {max-width:100%; height:auto !important;} .notice_view_con > .contents_con > .file_con {display:flex; align-items:flex-start; gap:min(30px, 1.56vw); border-bottom:1px solid #E8E8E8; padding:min(20px, 1.04vw) min(30px, 1.56vw);} .notice_view_con > .contents_con > .file_con > .title_con {display:flex; align-items:center; gap:2px;} .notice_view_con > .contents_con > .file_con > .title_con > img {width:min(18px, 0.94vw);} .notice_view_con > .contents_con > .file_con > .title_con > span {font-size:min(16px, 0.83vw); color:#666; font-weight:500; line-height:130%; letter-spacing:max(-0.4px, -0.02vw);} .notice_view_con > .contents_con > .file_con > ul {display:flex; flex-direction:column; gap:min(10px, 0.52vw);} .notice_view_con > .contents_con > .file_con > ul > li {} .notice_view_con > .contents_con > .file_con > ul > li > a {display:inline-block; font-size:min(16px, 0.83vw); color:#666; font-weight:400; line-height:130%; letter-spacing:max(-0.4px, -0.02vw); text-decoration:underline;} .notice_view_con > .contents_con > .btn_con {margin:min(60px, 3.13vw) 0 0;} .notice_view_con > .contents_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:min(140px, 7.29vw); margin:0 auto; height:min(55px, 2.86vw); background:#00499F; font-size:min(18px, 0.94vw); color:#FFF; font-weight:700; line-height:normal; border-radius:min(10px, 0.52vw);} /*약관 팝업*/ .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:1px solid #121212; border-bottom:1px 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:#00499F; 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%;} /* 리퀴드글래스 효과 */ #main_con > .info03_con, .guide_main_con > .info06_con { --c-light:#FFF; --c-dark:#000; --glass-reflex-light:0.6; --glass-reflex-dark:1; --saturation:160%; } /* 폴백 */ @supports not (backdrop-filter: blur(6px)) { #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .ti_con > .form_con .input_con > .select_con > select, #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .ti_con > .form_con .input_con > .select_con > .drop_con > .drop_btn {background-color:rgba(34,34,34,0.55);} #main_con > .info03_con > .contents_con > .reserv_con > .contents_con > .td_con > .ti_con > .form_con .input_con > .date_con > .date_group {background-color:rgba(34,34,34,0.55);} } @supports not (backdrop-filter: blur(15px)) { .guide_main_con > .info06_con > .contents_con > .btn_con > a {background-color:rgba(0,28,61,0.30);} } /* 푸터 */ #footer {width:100%; margin:0 auto; background:#1F1F1F; position:relative;} #footer > .contents_con {padding:min(50px, 2.60vw) min(120px, 6.25vw);} #footer > .contents_con > .terms_con {} #footer > .contents_con > .terms_con > ul {display:flex; align-items:center; gap:min(10px, 0.52vw);} #footer > .contents_con > .terms_con > ul > li {} #footer > .contents_con > .terms_con > ul > li > a {display:inline-flex; align-items:center; gap:min(50px, 2.60vw); border:1px solid #C8C8C8; height:min(51px, 2.66vw); padding:0 min(10px, 0.52vw);} #footer > .contents_con > .terms_con > ul > li > a > span {font-size:min(18px, 0.94vw); color:#BEBEBE; font-weight:500; line-height:160%; letter-spacing:max(-0.432px, -0.02vw); font-family: "Plus Jakarta Sans";} #footer > .contents_con > .terms_con > ul > li > a > img {width:min(8px, 0.42vw);} #footer > .contents_con > .logo_con {width:min(264px, 13.75vw); margin:min(76px, 3.96vw) 0 0;} #footer > .contents_con > .logo_con > img {width:100%;} #footer > .contents_con > .info_con {margin:min(44px, 2.29vw) 0 0;} #footer > .contents_con > .info_con > ul {display:flex; align-items:flex-start; gap:min(32px, 1.67vw);} #footer > .contents_con > .info_con > ul > li {} #footer > .contents_con > .info_con > ul > li > .list_div {display:flex; flex-direction:column; gap:min(10px, 0.52vw); padding:min(20px, 1.04vw) 0;} #footer > .contents_con > .info_con > ul > li > .list_div > .title_con {} #footer > .contents_con > .info_con > ul > li > .list_div > .title_con > span {font-size:min(18px, 0.94vw); color:#F8F8F8; font-weight:600; line-height:110%; letter-spacing:max(-0.414px, -0.02vw); text-transform:uppercase; font-family: "Plus Jakarta Sans";} #footer > .contents_con > .info_con > ul > li > .list_div > .text_con {} #footer > .contents_con > .info_con > ul > li > .list_div > .text_con > span {font-size:min(18px, 0.94vw); color:#A8A8A8; font-weight:400; line-height:110%; letter-spacing:max(-0.414px, -0.02vw); font-family: "Plus Jakarta Sans";} #footer > .copy_con {display:flex; justify-content:center; align-items:center; width:100%; height:min(100px, 5.21vw); border-top:1px solid rgba(239,239,239,0.5);} #footer > .copy_con > span {font-size:min(16px, 0.83vw); color:#999; font-weight:300; line-height:150%; letter-spacing:max(-0.384px, -0.02vw);} /* 키프레임 */ @keyframes main_scroll { 0% { opacity:0; } 10% { transform:translate(-50%, 0); opacity: 1; } 100% { transform:translate(-50%, 10px); opacity: 0;} } /* PC만 마우스 오버 효과 적용 */ @media (hover: hover) and (pointer: fine) { }