/* Common **********************************************************************/ /* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */ /* Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); a } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); } @font-face { font-family: 'Pretendard'; font-weight: 100; src: url('/font/Pretendard-Thin.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 200; src: url('/font/Pretendard-ExtraLight.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 300; src: url('/font/Pretendard-Light.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 400; src: url('/font/Pretendard-Regular.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 500; src: url('/font/Pretendard-Medium.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 600; src: url('/font/Pretendard-SemiBold.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 700; src: url('/font/Pretendard-Bold.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 800; src: url('/font/Pretendard-ExtraBold.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 900; src: url('/font/Pretendard-Black.woff2') format('woff2'); } @font-face { font-family: 'SchoolSafetyFoundation'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimBareonbatangR.woff2') format('woff2'); font-weight: 400; font-display: swap; } .rufina-regular { font-family: "Rufina", serif; font-weight: 400; font-style: normal; } .rufina-bold { font-family: "Rufina", serif; font-weight: 700; font-style: normal; } .tai-heritage-pro-bold { font-family: "Tai Heritage Pro", serif; font-weight: 700; font-style: normal; } /* Common **********************************************************************/ html,body {width:100%; } html {overflow-y:scroll; box-sizing:border-box;} *, *:before, *:after{box-sizing:inherit;} *{ -webkit-text-size-adjust:none; -webkit-text-size-adjust - auto | none | N% (default auto) } body {word-break:break-all;-ms-word-break:break-all; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;} fieldset,img {border:0px none; vertical-align:top;} dl,ul,ol,menu,li {list-style:none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;} button {border:0 none; background-color:transparent; cursor:pointer;} body { background:#fff;} body,th,td,input,select,textarea,button {font-size:13px; line-height:1.6; font-family: 'Pretendard'; color:#7d7d7d;} input, select, textarea, button{vertical-align:middle; } a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;} a:hover,a:focus{color:#333; text-decoration:none} table {border-collapse:collapse; border-spacing:0;} address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;} summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;} caption {position:static;} /* label hidden 처리 */ .invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;} label.invisible{*position:Absolute;} /* common */ .clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;} .clfix {display:inline-block;} .clfix {display:block;} * html .clfix {height:1%;} /* Hides from IE-mac */ .clfix {zoom:1;} /*for IE 5.5-7*/ .list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;} .swiper-container{overflow: unset !important;} /*멤버스킨*/ .title{font-size:15px; font-weight:bold;} /*테이블*/ .tbl_type,.tbl_type th,.tbl_type td{border:0} .tbl_type{width:100%;border-bottom:1px solid #e2e2e5; } .tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;} .tbl_type p{font-size:11px; color:#b6b7bc;} .tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;} .tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0} .tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; } .tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;} .tbl_type2 p{font-size:11px; color:#b6b7bc;} .tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;} /*로그인스킨*/ #login_wrap {width:100%; background:#f7f7f7; padding:50px;} .login_top {width:100%; height:50px; border-bottom:1px solid #eaeaea; margin-bottom:20px;} .login_top h2 {font-size:30px; color:#4b4f58; line-height:1; font-weight:600;} .login_top h2 span {font-size:15px; font-weight:400; } .login_mid {display: flex; justify-content: space-between; width:100%; overflow: hidden;} .login_mid .login_con { width:50%; height:100%; } .login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;} .login_mid .login_con .login_id {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:10px;} .login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;} .login_mid .login_con .login_pw {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:20px;} .login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;} .login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; } .login_mid .login_con span img {vertical-align:middle;} .login_mid .login_con input::placeholder {font-size:14px; color:#c3c3c3;} .login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:14px; color:#c3c3c3;} .login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:14px; color:#c3c3c3;} .login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:14px; color:#c3c3c3;} .login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:14px; color:#c3c3c3;} .login_mid .login_btn {width:100%; height:55px; margin-top:20px;} .login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:18px; line-height:53px;} .login_mid .login_bottom {text-align:center;} .login_mid .login_bottom li {display:inline-block; margin-left:20px; padding-left:20px; position:relative; line-height:35px;} .login_mid .login_bottom li::before {width:1px; height:13px; background:#ddd; content:''; position:absolute; left:0; top:11px;} .login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;} .login_mid .login_bottom li:first-child::before {display:none;} .login_mid .login_bottom li a {color:#666; font-size:15px; line-height:15px;} .login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;} .login_mid .login_bottom li label {color:#666; font-size:15px; line-height:15px;} .login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;} .login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;} .login_mid .login_bottom li .naver_login img {vertical-align:-1px;} .login_mid .login_img {width:47.27%;} .login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;} .login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;} /*회원가입 스킨*/ .inWrap {width:98%; border:1px solid #353638; border-width:1px 0; padding:30px 0;} .inWrap.type1 { padding:50px 0;} .inWrap.type2 { padding:0;} .inWrap.type3 { padding:5px 0; border-bottom-width:0;} .inWrap.width1 { width:680px !important; margin:0 auto;} .tbox1 { border:1px solid #cdcdcd; } .tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;} .tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;} .txt_type { line-height:25px; font-size:13px; color:#666;} .agreement input{vertical-align:middle; border:none;} .btnType { display:inline-block; position:relative; transition:all 0.3s;} .btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:13px;} .btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; } .btnWrap input{color:#fff;} .center{text-align:center;} .tab_img {display:none;} .mob_img {display:none;} .pc_on{display:block;} .mob_on{display:none !important;} :root{ --bg01: #2bacf0; --co01: #FE7493; --co02: #FFC9D6; --co03: #E9355D; } /* ==main== */ #wrap{ position: relative; width: 100%; max-width: 100%; margin: 0 auto; overflow: hidden; line-height: 1.1;} .inner{width: calc(100% - 50px); margin: 0 auto; max-width:1500px;} /* popup */ .popup{position:fixed;inset:0;display:none;z-index:10000;} .popup.show{display:block;} .popup .dim{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(2px);} .popup .panel{position:relative;width:min(500px,80vw); box-shadow:var(--shadow); top: 50%; left: 50%; transform: translate(-50%, -50%);} .popup .pop_top{position:absolute;right:0;top:-40px; display: flex; justify-content: space-between; align-items: center; width: 100%;} .popup .close{width:30px;height:30px;border-radius:999px;background:var(--co01); cursor:pointer;} .popup .close img{width:70%; height:70%;} .media img{width:100%;height:auto;box-shadow:0 10px 30px rgba(0,0,0,.12);opacity:1;transition: opacity .45s ease-in-out; aspect-ratio:1; object-fit:cover;} .media img.fade{opacity:0;} .media figcaption{margin-top:10px;font-weight:700;background:#111;color:#fff;border-radius:8px;padding:.6rem 1rem;font-size:.95rem;} .today{font-size: 1rem; color:#fff; line-height: 1; cursor:pointer;} .popimg img{width: 100%; aspect-ratio:1; object-fit:cover;} .barSlider .slick-dots{display:flex;flex-wrap:wrap;justify-content:center;margin-top: -1px;} .barSlider .slick-dots li{flex:1;} .barSlider .slick-dots button{cursor:pointer;padding-block:15px;width:100%;background:#fff;color:var(--co01);font-weight:700;font-size:.9rem;line-height:1;border:0;transition:background .25s ease, color .25s ease, filter .25s ease;} .barSlider .slick-dots li.slick-active button, .barSlider .slick-dots button:hover{background:var(--co01);color:#fff; filter:brightness(1.05);} /* header */ /* header fix body.hd-fixed #header{background:#fff; backdrop-filter: blur(10px);} body.hd-fixed #header .h_top{display:none;} body.hd-fixed #header .gnb-wrap .gnbBg{top:80px;} #header{width:100%; position: fixed; top: 0; left: 0; z-index:99999;} */ #header h1 a{display: block; background: url('/images/main/main_logo_pc.png')center no-repeat; background-size:cover; width: 183px; height: 40px; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;} #header .inner{width: calc(100% - 100px); max-width:100%;} #header .h_top{display: flex; justify-content: space-between; padding-block:15px; border-bottom: 1px solid #ccc;} #header .lng_list{display: flex;} #header .lng_list li a{font-size: 14px; color: #999;} #header .lng_list li:not(:last-child){position: relative; padding-right: 10px;} #header .lng_list li:not(:first-child){padding-left: 10px;} #header .lng_list li:not(:last-child)::after{content:''; position: absolute; right: 0; top: 50%; transform:translateY(-50%); width: 1px; height: 80%; background: #ccc;} #header .lng_list li.on a{color: #222; border-bottom: 1px solid #222;} #header .h_btm{display: flex; align-items: center; justify-content: space-between;} #header .all_btn{background: url('/images/main/main_all_btn.png')center no-repeat; background-size:cover; width: 24px; height: 24px;} #header .login_wrap{display: flex; gap:20px;} #header .login_wrap a{position: relative; font-size: 14px; color: #222;} #header .login_wrap a:nth-child(1)::after{content:''; position: absolute; right: -12px; top: 50%; transform:translateY(-50%); width: 1px; height: 70%; background: #ccc;} /* #header.fixed{position: fixed; z-index: 9000; width: 100%; background: #fff; transition:.3s;} */ .h_btm.fixed {position: fixed; top: 0; left: 0; width: 100%; padding: 0 50px; background: #fff; z-index: 9999;} .h_btm.fixed .gnb-wrap .gnbBg{top:79.8px;} .h_btm.fixed .gnb-wrap .gnbBg:after{position:absolute; width:100%; left:0; height:1px; background-color:rgba(0, 0, 0, 0.20); content:"";} .navigation{display: none;} .nav_btn{display: none;} /* gnb */ #header .gnb{display: flex; justify-content: space-between; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;} #header .gnb > li > a{display: block; padding: 30px 2.5vw; font-size: 18px; color: #222; font-weight: 500; white-space:nowrap; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;} #header.on .gnb > li{border-left:1px solid transparent; border-right:1px solid transparent;} #header.on .gnb > li >a{color: #222;} #header.on .gnb > li.on > a{color: var(--co01);} #header .gnb > li{position: relative;} .gnb-wrap .gnbBg{overflow:hidden; position:absolute; left:0; top: 126px; width:100%; height:0; background: #fff; z-index:98;opacity:0;transition:height 0.3s ease-in-out, opacity 0.2s ease-in-out;} .gnb-wrap .gnbBg:after{position:absolute; width:100%; left:0; height:1px; background-color:#ddd; content:"";} .gnb-wrap.on .gnbBg{height:380px; opacity:1.0; filter:Alpha(opacity=100);} .gnb-wrap .gnb .gnb-2dep{position:absolute; top:70px; left:0px; z-index:99;width:100%; text-align:left; opacity:0;filter:Alpha(opacity=0);height:0;transition: all 0.2s 0s;transition-delay: 0s;visibility:hidden;} .gnb-wrap .gnb .gnb-2dep > ul{padding-block:30px;} .gnb-wrap .gnb .gnb-2dep > ul > li{text-align: center;} .gnb-wrap .gnb .gnb-2dep > ul > li:not(:last-child){margin-bottom: 15px;} .gnb-wrap .gnb .gnb-2dep > ul > li > a{font-size: 16px; color: #222; transition:.1s ease-in-out; word-break:keep-all;} .gnb-wrap .gnb .gnb-2dep > ul > li > a:hover{color: var(--co01); font-weight: 500;} .gnb-wrap .gnb .gnb-2dep ol{max-width:60px; display: flex; align-items: flex-start; flex-direction: column; margin: 10px auto;} .gnb-wrap .gnb .gnb-2dep ol li:not(:first-child){margin-top: 3px;} .gnb-wrap .gnb .gnb-2dep ol li a{position: relative; padding-left: 15px; font-size: 14px; color: #666; white-space: nowrap;} .gnb-wrap .gnb .gnb-2dep ol li a::before{content:''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 3px; height: 3px; border-radius:50%; background: #666;} .gnb-wrap .gnb.on > li .gnb-2dep{opacity:1.0;visibility:visible;transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out 0.2s;} @media screen and (max-width:1700px) { #header .gnb > li > a{padding: 30px 2vw;} } @media screen and (max-width:1500px) { #header h1 a{width: 150px; height: 33px;} #header .gnb > li > a{padding: 30px 1.5vw; font-size: 1rem;} .gnb-wrap .gnbBg{top: 123px;} .gnb-wrap .gnb .gnb-2dep > ul > li > a{font-size: 1rem;} } /* header_pink_250925 */ /* #header.on h1 a{background: url('/images/main/main_logo_pc_w.png')center no-repeat; background-size: cover;} #header.on{background:rgba(255, 105, 148, 0.8);} #header.on .gnbBg{background:rgba(255, 105, 148, 0.8);} #header.on .gnb > li > a{color:#fff;} #header.on .gnb-wrap .gnb .gnb-2dep > ul > li > a{color:#fff;} #header.on .gnb-wrap .gnb .gnb-2dep ol li a{color:#fff;} #header.on .gnb-wrap .gnb .gnb-2dep ol li a::before{background:#fff;} #header.on .gnb > li.on > a{color:#fff;} #header.on .all_btn {background:url('/images/main/main_all_btn_w.png') center no-repeat;} #header.on .login_wrap a{color:#fff;} #header.on .lng_list li.on a{color:#fff; border-bottom: 1px solid #fff;} #header.on .lng_list li a{color:#f5f5f5;} #header.on .h_top{border-bottom: 1px solid rgba(255, 255, 255, 0.5);} #header.on .gnb-wrap .gnbBg:after{background:rgba(255, 255, 255, 0.5);} #header.on .lng_list li:not(:last-child)::after{background:rgba(255, 255, 255, 0.5);} #header.on .login_wrap a:nth-child(1)::after{background:rgba(255, 255, 255, 0.5);} */ /* all_menu */ .all_menu_wrap{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(255, 201, 214, 0.90); backdrop-filter: blur(10px); z-index: 9999;} .all_menu_wrap .all_close{position: absolute; top: 70px; right: 0; background: url('/images/main/all_close.png')center no-repeat; width: 36px; height: 36px;} .all_menu_wrap .all_inner{position: relative; display: flex; justify-content: center; flex-direction: column; height: 100%; width: calc(100% - 80px); margin: 0 auto;} .all_menu_wrap .login_wrap{display: flex; gap:20px;} .all_menu_wrap .login_wrap a{position: relative; font-size: 14px; color: #222;} .all_menu_wrap .login_wrap a:not(:last-child)::after{content:''; position: absolute; right: -11px; top: 50%; transform:translateY(-50%); width: 1px; height: 70%; background: #999;} .all_menu_wrap .all_top{display: flex; justify-content: space-between; align-items: flex-end; width: 100%; padding-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.20);} .all_menu_wrap .all_top h3{display: block; font-size: 60px; color: #222; font-weight: 400;} .all_menu_wrap .all_menu{display: flex; justify-content: space-between; padding-inline:40px; padding-top: 30px;} .all_menu_wrap .lnb_menu{width: 8%;} .all_menu_wrap .all_menu .all_tit{display: block; font-size: 20px; font-weight: 600; color: #222; text-align: center; white-space: nowrap;} .all_menu_wrap .all_sub_menu{margin-top: 40px; text-align: center;} .all_menu_wrap .all_sub_menu > li:not(:first-child){margin-top: 15px;} .all_menu_wrap .all_sub_menu li a{font-size: 18px; color: #222; text-align: center; transition:.2s;} .all_menu_wrap .all_sub_menu li a:hover{color: var(--co01); font-weight: 600; transition:.2s;} .all_menu_wrap .all_sub_menu ol{max-width:60px; display: flex; align-items: flex-start; flex-direction: column; margin: 10px auto;} .all_menu_wrap .all_sub_menu ol li:not(:first-child){margin-top: 3px;} .all_menu_wrap .all_sub_menu ol li a{position: relative; padding-left: 15px; font-size: 16px; color: #666;} .all_menu_wrap .all_sub_menu ol li a::before{content:''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 3px; height: 3px; border-radius:50%; background: #666;} /* quick */ #quick_wrap{position: fixed; right: 30px; bottom:100px; z-index: 9997;} #quick_wrap li a{display: flex; flex-direction: column; align-items: center; justify-content: center; gap:5px; width: 50px; color: #222222; background: var(--co01); border-radius:50%; aspect-ratio: 1;} #quick_wrap li:last-child a{background: transparent;} #quick_wrap li i{transition: transform ease .3s;} #quick_wrap li.quick{display: none;} #quick_wrap li:last-child:hover i{transform: translateY(-5px);} #quick_wrap li:not(:last-child){margin-bottom: 10px;} #quick_wrap li span{font-size: 20px; color: var(--co01); font-weight: 600;} /* quick hover txt */ #quick_wrap li {position: relative; border-radius:50%; transition: background 0.3s ease;} #quick_wrap li a{display: flex; align-items: center; position: relative;} #quick_wrap li a .quick_icon{display: flex; width: 50px; height: 50px; aspect-ratio:1; align-items: center; justify-content: center; z-index: 1;} #quick_wrap li a .quick_icon img{width: 22px;} #quick_wrap li .label {position: absolute; right: 60px;width: 120px; height: 35px; line-height: 35px; padding-inline: 15px; background: #E9355D; color: #fff; font-size: 0.875rem; border-radius: 35px; white-space: nowrap; opacity: 0; transform: translateX(10px); pointer-events: none; transition: all 0.3s ease;} #quick_wrap li:not(:last-child):hover {background: #E9355D;} #quick_wrap li:hover .label {opacity: 1;transform: translateX(0);} /* visual */ #visual-wrap{width:calc(100% - 100px); margin-bottom: 40px;} #visual-wrap .swiper-slide{border-radius:25px; overflow: hidden;} #visual-wrap .swiper-slide.swiper-slide-active img{animation: visAni01 ease-in-out 5s forwards;} #visual-wrap .visual .txt_wrap{position: absolute; left: 5.2083vw; bottom:20%; display: flex; flex-direction: column; gap: 30px;} #visual-wrap .visual .txt_wrap h2{width: 100%; font-size: 50px; color: #222; line-height: 1.3; word-break: keep-all;} #visual-wrap .visual .txt_wrap .txt_info{font-size: 18px; color: #555; line-height: 23px;} #visual-wrap .visual .txt_wrap .more_btn{position: relative;display: block;font-size: 18px;color: #222;border: 1px solid #222;border-radius: 30px;width: 180px;height: 50px;line-height: 50px;text-align: center;overflow: hidden;z-index: 1;transition: color 0.3s ease;} #visual-wrap .visual .txt_wrap .more_btn::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #222;z-index: -1;transform: scaleX(0);transform-origin: left;transition: transform 0.3s ease;border-radius: 30px;} #visual-wrap .visual .txt_wrap .more_btn:hover{color: #fff;} #visual-wrap .visual .txt_wrap .more_btn:hover::before {transform: scaleX(1);} #visual-wrap .txt_wrap h2, #visual-wrap .txt_wrap .txt_info{ opacity:0;transform:translateY(50px);transition:opacity 1.4s cubic-bezier(.22,.61,.36,1),transform 1.4s cubic-bezier(.22,.61,.36,1);will-change:opacity, transform;} #visual-wrap .swiper-slide-active .txt_wrap h2{opacity: 1;transform: translateY(0);transition-delay:.75s;} #visual-wrap .swiper-slide-active .txt_wrap .txt_info{opacity: 1;transform: translateY(0);transition-delay:1.15s;} #visual-wrap .swiper-pagination{bottom: 70px; left: 5.2083vw; width: auto; display: flex; gap:25px;} #visual-wrap .swiper-pagination .swiper-pagination-bullet{position: relative; background: #222; width: 6px; height: 6px; opacity: 1;} #visual-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{content:''; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 30px; height: 30px; border:1px solid var(--co01); border-radius:50%;} #visual-wrap .circle_wrap {position: absolute; top: 40px; right: 40px; z-index: 50; width: 10.4167vw; height: 10.4167vw; background: url('/images/main/txt_circle.png')center no-repeat; background-size:cover;} #visual-wrap .arrow {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: floatArrow 2s ease-in-out infinite;} #visual-wrap .arrow img{width: 3.3333vw;} @keyframes visAni01{ 0%{transform:scale(1.1);} 100%{transform:scale(1)} } @keyframes floatArrow { 0%, 100% { transform: translate(-50%, -50%) translateY(0); } 50% { transform: translate(-50%, -50%) translateY(-8px); } } /* main_tit */ .main_tit_wrap{} .main_tit_wrap h3{font-size: 45px; color: #222222; margin-top: 20px;} .main_tit_wrap span.sub_tit{display: block; font-size: 18px; color: var(--co01); font-weight: 500;} a.main_btn{position: relative;overflow: hidden;transition: background 0.3s ease;display: block; width: 200px; height: 64px; line-height: 64px; margin-top: 60px; font-size: 18px; color: #fff; background: var(--co02); border-radius:30px; text-align: center;} a.main_btn::before {content: '';position: absolute;top: 0;left: -75%;width: 50%;height: 100%;background: rgba(255, 255, 255, 0.3);transform: skewX(-20deg);transition: left 0.5s ease;} a.main_btn:hover::before {left: 125%;} .sec_box{padding-top: 120px;} .section{padding-block:120px;} /* section01 */ .sec01_container{background: linear-gradient(180deg, #FFECF0 0%, #FFF 100%); padding-block:120px;} #section01{padding-bottom: 60px;} #section01 .inner{display: flex; gap: 80px; align-items: center;} #section01 .slide_img{max-width:640px;} #section01 .slide_img .main-swiper img{width: 100%; border-radius:999px 999px 0 0; aspect-ratio: 0.844 / 1; object-fit: cover;} #section01 .slide_info{max-width:780px;} #section01 .thumb-swiper{width:88%; margin-left: 0; margin-top: 60px;} #section01 .thumb-swiper .swiper-slide img{width: 100%; aspect-ratio: 0.844 / 1; object-fit:cover;} /*#section01 .thumb-swiper .swiper-slide img{width: 100%; aspect-ratio: 0.844 / 1; object-fit:cover; filter: grayscale(1);} #section01 .thumb-swiper .swiper-slide-thumb-active img{filter: grayscale(0);}*/ #section01 .thumb_nav{display: flex; gap:10px; margin-top: 60px;} #section01 .swiper-button-next, #section01 .swiper-button-prev{position: unset; margin-top: 0; color: transparent;} #section01 .swiper-button-prev{background: url('/images/main/main_sec01_prev.png')center no-repeat; background-size:cover; width: 40px; height: 40px; cursor:pointer;} #section01 .swiper-button-next{background: url('/images/main/main_sec01_next.png')center no-repeat; background-size:cover; width: 40px; height: 40px; cursor:pointer;} #section01 .thumb_wrap{position: relative;} #section01 .circle_txt{position: absolute; top: -25%; right:-1%; z-index: 50; width: 10.4167vw; height: 10.4167vw; background: url('/images/main/txt_circle.png')center no-repeat; background-size:cover; animation: rotate360 15s linear infinite;} @keyframes rotate360 { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* section01_01 */ #section01_01{padding-block:60px;} #section01_01 .main_tit_wrap{text-align:center;} #section01_01 .model-youtube-swiper{margin-top:60px;} #section01_01 .model-youtube-swiper a{display:block;} #section01_01 .model-youtube-swiper img{width: 100%; border-radius:20px;} #section01_01 .model-youtube-swiper a span{display: block; margin-top: 12px; font-size: 16px; color:#222; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #section01_01 .swiper-pagination{position: unset; display: flex; margin-top: 40px; width: 100%;} #section01_01 .swiper-pagination .swiper-pagination-bullet{margin: 0 !important; border-radius:0; height: 4px; flex:1; background: #D9D9D9;} #section01_01 .swiper-pagination .swiper-pagination-bullet-active{background: #222;} /* section02 */ #section02{padding-top:60px;} #section02 .main_tit_wrap{display:flex; justify-content: space-between; align-items: flex-end;} #section02 .main_tit_wrap a.main_btn{margin-top:0px; } #section02 .img_box{margin-top: 60px;} /* section03 */ #section03{background: url('/images/main/main_sec03_bg01_01.png')top no-repeat; background-size:cover;} #section03 .inner{display:flex; justify-content: space-between; align-items: center; gap:80px;} #section03 .main_tit_wrap{display: flex; flex-direction: column; align-items: flex-start; flex-shrink: 0;} #section03 .main_tit_wrap .tit_left{display: flex; flex-direction: column; gap:80px;} #section03 .main_tit_wrap span.sub_tit{color: var(--co03);} #section03 .main_tit_wrap .tit_left p{font-size: 22px; color: #222;} #section03 .main_tit_wrap .tit_top{position: relative;} #section03 .main_tit_wrap .tit_top::after{content:''; position: absolute; left: 0; bottom: -40px; width: 40px; height: 2px; background: #222;} #section03 .banda_wrap{display: flex; flex-direction: column; align-items: center; width:100%; gap:40px;} #section03 .banda_wrap .banda_tab{display: flex; gap:40px;} #section03 .banda_wrap .banda_tab a{display:block; width:160px; font-size:20px; text-align:center; color:#555; padding-bottom:8px; transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} #section03 .banda_wrap .banda_tab a.on{color:#E9355D; border-bottom:2px solid #E9355D; font-weight:700;} #section03 .banda_wrap .banda_tab a:hover{color:#E9355D; border-bottom:2px solid #E9355D; font-weight:700;} #section03 .banda_wrap .warning_txt{font-size:18px; text-align:center; line-height:1.35;} #section03 .banda_box{display: flex; justify-content: space-between; align-items: flex-end; gap:80px;} #section03 .banda_box .banda_con{width:100%; max-width:445px;} #section03 .banda_box .banda_con .big_img{width: 100%; aspect-ratio:1 / 1.2; object-fit:cover;} #section03 .banda_box .bfaf-login{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap:40px; position: relative; } #section03 .banda_box .bfaf-login p{font-size: 20px; color: #222; text-align:center;} #section03 .banda_box .bfaf-login a{font-size: 24px;color: #FFF;background-color: var(--co01);padding: 8px 25px;border-radius: 30px;} #section03 img-comparison-slider{width: 100%; aspect-ratio:1 / 1.2;} #section03 .banda_box .bfaf-login .be_img{position: absolute; top: 0; left:0; width: 100%; height: 100%; z-index: -1;} #section03 .banda_box .bfaf-login .be_img img{width: 100%; aspect-ratio: 1 / 1.2; object-fit:cover;} #section03 .banda_box .bfaf-login .be_img::after{content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(255,255,255,0.75); backdrop-filter: blur(6px);} /* section04 */ #section04 .main_tit_wrap{display: flex; justify-content: space-between; align-items: flex-end;} #section04 .main_tit_wrap h3{font-weight: 400;} #section04 .main_tit_wrap h3 span{display: block; font-weight: 600;} #section04 .main_tit_wrap p{font-size: 22px; color: #666; margin-top: 40px; line-height: 1.4;} #section04 .main_tit_wrap p span{display: block;} #section04 .career_wrap{display: flex; justify-content: space-between; gap: 80px; margin-top: 40px;} #section04 .career_wrap .txt_box{display: flex; flex-direction: column; gap:40px;} #section04 .career_wrap .txt_box p{font-size: 35px; color: #222; line-height: 1.3; word-break:keep-all;} #section04 .career_wrap .txt_box p span{display: block;} #section04 .career_wrap .txt_box span.line{width: 2px; height: 60px; background: #222;} #section04 .career_wrap .career_list li{font-size: 20px; color: #666;} #section04 .career_wrap .career_list li.top{color: var(--co01); font-weight: 600;} #section04 .career_wrap .career_list li:not(:first-child){margin-top: 10px;} #section04 .prize_wrap{margin-top:80px;} #section04 .prize_wrap ul.img_ul{display: flex; gap:80px; width:100%;} #section04 .prize_wrap ul.img_ul li{display: flex; flex-direction: column; align-items: center; gap:20px; } #section04 .prize_wrap ul.img_ul li img:last-child{box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.20); border-radius:20px;} /* section05 */ #section05{padding-bottom:120px;} #section05 .main_tit_wrap{display: flex; justify-content: space-between; align-items: flex-end;} #section05 .main_tit_wrap h3{font-weight: 400;} #section05 .main_tit_wrap h3 span{display: block; font-weight: 600;} #section05 .main_tit_wrap p{font-size: 22px; color: #666; margin-top: 40px; line-height: 1.4;} #section05 .main_tit_wrap p span{display: block;} #section05 .step_wrap{position: relative; display: flex; justify-content: space-between; margin-top: 80px;} #section05 .step_item{width:280px; display: flex; flex-direction: column; align-items: center; gap:40px;} #section05 .step_item img{border-radius:20px; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;} #section05 .step_item img:hover{transform:scale(1.05); -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;} #section05 .step_item h4{display:flex; flex-direction:column; align-items: center; font-size: 28px; color: #222; font-weight:700; gap:10px; letter-spacing: -0.04em;} #section05 .step_item h4 strong{font-size:18px; font-weight:600; color: var(--co01);} #section05 .step_item p{font-size: 16px; color: #666; line-height: 1.4; text-align: center; word-break:keep-all;} #section05 .step_item p span{display: block;} #section05 .bg_txt{position: absolute; top: 50%; left: 10%; transform:translateY(-50%); font-size:300px; font-family: "Rufina", serif; color: #222; opacity: 0.04; white-space: nowrap; z-index: -1;} /* section06 */ #section06{padding-block:0px 190px;} #section06 .video-slider-wrap{display: flex; justify-content: space-between; gap:80px; margin-top: 60px;} #section06 .video-preview{width: 100%; max-width:750px;} #section06 .video-preview iframe{width: 100%; height: 450px; border-radius:20px;} #section06 .video-info .video-title{font-size: 28px; color: #222; line-height: 1.5;} #section06 .video-info .video-desc{margin-top: 20px; padding-bottom: 20px; font-size: 18px; color: #666; line-height: 1.4;} #section06 .video-info .txt_btm{position: relative; font-size: 18px; color: #666; padding-top: 15px;} #section06 .video-info .txt_btm::before{content:''; position: absolute; top: 0; left: 0; width: 10px; height: 1px; background: #666;} #section06 .video-info .txt_btm p:not(:first-child){margin-top: 5px;} #section06 .video-thumb-swiper{margin-top: 60px;} #section06 .video-thumb-swiper img{width: 100%; border-radius:20px;} #section06 .swiper-pagination{position: unset; display: flex; margin-top: 40px; width: 100%;} #section06 .swiper-pagination .swiper-pagination-bullet{margin: 0 !important; border-radius:0; height: 4px; flex:1; background: #D9D9D9;} #section06 .swiper-pagination .swiper-pagination-bullet-active{background: #222;} #section06 a.main_btn{margin: 60px auto 0;} /* section07 */ #section07 {background: #F8FAFB; padding: 120px 0;} #section07 .box_wrap{display: flex; flex-direction: column; gap:80px;} #section07 .top_box{display: flex; justify-content: space-between;} #section07 .top_box em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px; display:block;} #section07 .top_box h5 {color: #222; font-size: 51px; font-weight:400; line-height: 65px; margin-top: 20px;} #section07 .top_box h5 span{color: #E9355D; font-weight: 700;} #section07 .top_box .arw_wrap{display: flex; gap: 10px; align-items: flex-end;} #section07 .top_box .arw_wrap div{cursor:pointer;} #section07 .bottom_box{width: calc(100% - 50px); margin: 0 auto; max-width: 1500px;} #section07 .bottom_box .img_box{margin-bottom:30px; border-radius: 40px; overflow: hidden; box-shadow: 6px 5px 15px 0px rgba(0, 0, 0, 0.3);} #section07 .bottom_box .img_box img{width:100%;} #section07 .bottom_box .txt_wrap h6{font-size:28px; font-weight:700; line-height: 1.35; color:#E9355D; letter-spacing:-0.04em; word-break:keep-all;} #section07 .bottom_box .txt_wrap p{font-size:19px; font-weight:400; line-height: 1.35; margin-top: 20px; word-break:keep-all; color: #222;} /* sub_id */ .sub_id_wrap{max-width:700px; margin: 0 auto; padding: 80px 50px; background: #fff; border-radius:15px; line-height: 1;} .sub_id_wrap h2{margin-bottom: 50px; font-size: 40px; color: #000; text-align: center;} .sub_id_wrap .form_wrap .tabs{display: flex;} .sub_id_wrap .form_wrap .tabs a{display: block; width: 50%; text-align: center; font-size: 20px; padding-block:15px;} .sub_id_wrap .form_wrap .tabs a.on{color: #000; border-bottom: 1px solid #000;} .sub_id_wrap .form_inner02{display: flex; flex-direction: column; gap:30px; align-items: center;} .sub_id_wrap .form_inner02 p{font-size: 22px; color: #444;} .sub_id_wrap .id_check .id_box{width: 100%; padding-block:15px; background: #F9F9F9; border-radius:10px; text-align: center; font-size: 18px; color: #222;} .sub_id_wrap .form_inner{display: flex; flex-direction: column; gap:30px; margin-top: 50px;} .sub_id_wrap .form_box{display: flex; flex-direction: column; gap:10px;} .sub_id_wrap .form_box label{font-size: 20px; color: #222; font-weight: 600;} .sub_id_wrap .submit_btn{border-radius: 10px; background: #000; font-size: 24px; color: #fff; width: 100%; height: 60px; margin-top: 30px;} .sub_id_wrap .login_wrap{display: flex; justify-content: center; gap:25px; margin-top: 50px;} .sub_id_wrap .login_wrap a{width: 240px; font-size: 24px; text-align: center; border-radius:10px; padding-block:10px;} .sub_id_wrap .login_wrap a.login_btn01{border:2px solid #000; color: #fff; background: #000;} .sub_id_wrap .login_wrap a.login_btn02{border:2px solid #000; color: #000; background: #fff;} .sub_id_wrap input[type="text"], .sub_id_wrap input[type="password"], .sub_id_wrap input[type="email"]{height: 60px; padding: 5px 15px; font-size: 18px; color: #666; border:none; border-radius: 10px; background: #F9F9F9;} .sub_id_wrap .submit_btn{border-radius: 10px; background: #000; font-size: 24px; color: #fff; height: 60px; margin-top: 30px;} /* sub_login */ .sub_login_wrap{padding: 80px 50px; background: #fff; border-radius:15px; line-height: 1;} .sub_login_wrap.account_box{max-width:700px; margin: 0 auto; box-shadow: 4px 4px 11px 0 rgba(0, 0, 0, 0.10); border-radius:15px;} .sub_login_wrap h2{margin-bottom: 50px; font-size: 40px; color: #000; text-align: center;} .sub_login_wrap.account_box{padding: 50px; margin-bottom: 80px;} .sub_login_wrap .input_box{display: flex; flex-direction: column; gap:30px;} .sub_login_wrap .login_md{display: flex; justify-content: space-between; margin-top: 20px;} .sub_login_wrap input[type="text"], .sub_login_wrap input[type="password"], .sub_login_wrap input[type="email"]{height: 60px; padding: 5px 15px; font-size: 18px; color: #666; border:none; border-radius: 10px; background: #F9F9F9;} .sub_login_wrap .form_inner{display: flex; flex-direction: column; gap:30px; margin-top: 50px;} .sub_login_wrap .form_box{display: flex; flex-direction: column; gap:10px;} .sub_login_wrap .form_box label{font-size: 20px; color: #FE7493; font-weight: 600;} .sub_login_wrap .check_wrap {display: flex;align-items: center;gap: 15px;font-family: sans-serif;font-size: 16px;} .sub_login_wrap .check_wrap input[type="checkbox"] {appearance: none;width: 16px;height: 16px;border: 1px solid #ccc;border-radius: 2px;background-color: white;position: relative;cursor: pointer; margin-right: 5px;} .sub_login_wrap .check_wrap input[type="checkbox"]:checked {background-color: #FE7493;border-color: #FE7493;} .sub_login_wrap .check_wrap input[type="checkbox"]:checked::after {content: '✔';color: white;font-size: 12px;position: absolute;top: -2px;left: 2px;} .sub_login_wrap .check_wrap input[type="checkbox"]:disabled {background-color: #f0f0f0;border-color: #dcdcdc;cursor: not-allowed;} .sub_login_wrap .check_wrap input[type="checkbox"]:disabled::after {color: #ccc;} .sub_login_wrap .submit_btn{border-radius: 10px; background: #FE7493; font-size: 24px; color: #fff; height: 60px; margin-top: 30px;} .sub_login_wrap .search_wrap{display: flex; align-items: center; gap:20px;} .sub_login_wrap .search_wrap a{position: relative; font-size: 16px ; color: #444;} .sub_login_wrap .search_wrap a:not(:last-child)::after{content:''; position: absolute; right: -10px; top: 50%; transform:translateY(-50%); width: 1px; height: 40%; background: #666;} .sub_login_wrap .external_wrap{display: flex; justify-content: space-evenly; margin-top: 50px;} .sub_login_wrap .external_wrap p{margin-top: 10px; text-align: center;} .sub_login_wrap .divider{display: flex; justify-content: center; align-items: center; gap:15px; margin-top: 35px; white-space:nowrap;} .sub_login_wrap .divider span{display: block; background: #DDD; width: 100%; height: 1px;} .sub_login_wrap .signup_link{display: flex; justify-content: center; gap:30px; margin-top: 20px; font-size: 14px; color: #444; line-height: 1.4;} .sub_login_wrap .signup_link a{font-size: 14px; color: #444; border-bottom: 1px solid #444; line-height: 1.4;} .sub_login_wrap .txt_area{display: flex; gap:50px; flex-direction: column;} .sub_login_wrap .txt_area > div{flex:1;} .sub_login_wrap .txt_area h3{font-size: 20px; color: #222; text-align: left; margin-bottom: 20px;} .sub_login_wrap .txt_area .txt_box{height: 400px; border-radius: 10px; background: #F9F9F9; padding: 25px; font-size: 16px; line-height: 1.6; overflow-y:auto;} .sub_login_wrap .txt_area .txt_box strong{display: block; padding-block: 15px;} .sub_login_wrap .txt_area.area_column{flex-direction: column;} .sub_login_wrap .txt_area .txt_box{height: 240px;} .sub_login_wrap .agree_wrap{margin-top: 25px; display: flex; flex-direction: column; gap:20px;} .sub_login_wrap .check_label{display: flex;align-items: center;cursor: pointer;justify-content: flex-end; font-size: 16px; color: #444;} .sub_login_wrap .check_label b{display: flex;align-items: center;cursor: pointer;justify-content: flex-end; font-size: 16px; color: #E9355D;} .sub_login_wrap .agree_box{appearance: none;width: 18px;height: 18px;border: 1px solid #ccc;border-radius: 3px;margin-right: 8px;position: relative;cursor: pointer;} .sub_login_wrap .agree_box::after {content: '✔'; font-size: 13px; position: absolute; left: 2px; top: -2px; color: #ccc; visibility: visible;} .sub_login_wrap .agree_box:checked {background-color: #FE7493;border-color: #FE7493;} .sub_login_wrap .agree_box:checked::after {color: #fff;} .sub_login_wrap .account_btn{display: flex; justify-content: center; gap: 20px; margin-top: 25px;} .sub_login_wrap .account_btn a{width: 160px; height:55px; font-size: 22px; border-radius:50px; border:1px solid #FE7493; text-align: center; line-height:55px;} .sub_login_wrap .account_btn a.btn01{background: #fff; color: #FE7493;} .sub_login_wrap .account_btn a.btn02{background: #FE7493; color: #fff;} .sub_sign_wrap{line-height: 1; width:1000px; margin:0 auto;} .sub_sign_wrap h2{margin-bottom: 50px; font-size: 40px; color: #000; text-align: center;} .sub_sign_wrap input[type="text"], .sub_sign_wrap input[type="password"], .sub_sign_wrap input[type="email"]{height: 55px; padding: 5px 15px; font-size: 18px; color: #666; border:none; border-radius: 10px; background: #F9F9F9;} .sub_sign_wrap .form_list li{display: flex; gap:10px;} .sub_sign_wrap .form_list li:not(:first-child){margin-top: 30px;} .sub_sign_wrap .form_list li label{margin-top: 20px; width: 140px; flex-shrink:0; font-size: 20px; color: #000; font-weight: 500;} .sub_sign_wrap .form_list li label .required{color: #E9355D;} .sub_sign_wrap .form_list li input{width: 100%;} .sub_sign_wrap .form_list li .id_field{display: flex; gap:20px; width: 100%;} .sub_sign_wrap .form_list .add_wrap{width: 100%; display: flex; flex-direction: column; gap: 15px;} .sub_sign_wrap .form_list .address_row{display: flex; gap:20px; width: 100%;} .sub_sign_wrap .sub_btn{width: 150px; border:1px solid #DE4552; flex-shrink: 0; font-size: 18px; color: #DE4552; border-radius:5px;} .sub_sign_wrap ul li .input_wrap{display: flex; flex-direction: column; width: 100%; gap:10px;} .sub_sign_wrap ul li .input_wrap em{color: #666;font-size: 14px;font-weight: 300;} .sub_sign_wrap .check_label {display: flex;align-items: center;cursor: pointer;justify-content: flex-start;font-size: 16px;color: #444;align-items: stretch;} .sub_sign_wrap .check_label span{line-height: 1.5;} /* footer */ #footer{background: #FDF2F2; padding-block:60px;} #footer .footer_top{padding-bottom: 40px; border-bottom: 1px solid rgba(34, 34, 34, 0.20);} #footer .footer_top .inner{display: flex; justify-content: space-between;} #footer .footer_map{display: flex; gap:40px; flex:1 1 51%; padding-right: 40px;} #footer .map_box{width: 100%; max-width:600px;} #footer .map_box iframe{width: 100%; height: 200px;} #footer .contact_wrap{display: flex; flex-direction: column; justify-content: space-between;} #footer .contact_top dl{margin-top: 30px;} #footer .customer_wrap{display: flex; flex-direction: column; justify-content: space-between; flex:1 1 22%; padding-left: 40px;} #footer h4{font-size: 40px; color: #222; font-weight: 500;} #footer dl{display: flex; gap:20px; font-size: 16px;} #footer dl dt{color: var(--co01); flex-shrink:0; line-height: 1.3;} #footer dl dd{line-height: 1.3;} #footer .link_list{display: flex; gap:10px;} #footer .link_list li a{display: flex; align-items: center; justify-content: center;width: 40px; aspect-ratio: 1; background: rgba(254, 116, 147, 0.20); border-radius:50%;} #footer .footer_btm{padding-top: 40px;} #footer .footer_btm .inner{display: flex; justify-content: space-between;} #footer address ul{display: flex; gap:20px; margin-bottom:10px;} #footer .footer_info{font-size: 16px; color: #666; line-height: 1.5;} #footer .footer_info .copy{margin-top: 20px;} #footer .clinic_hours dd{display: flex; gap:20px; font-size: 16px; color: #222;} #footer .clinic_hours dd:not(:first-child){margin-top: 2px;} #footer .clinic_hours dd:nth-child(3){font-size: 14px; color: #999;} #footer .service_link{display: flex; gap:40px;} #footer .service_link li a{font-size: 16px; color: #666;} @media screen and (max-width:1400px) { #section01 .slide_img{max-width:44%;} #section01 .slide_info{max-width:49%;} } /* ===sub======================================= */ #sub_visual_wrap{padding-top: 120px;} #sub_visual_wrap .txt_wrap{width: 100%;} #sub_visual_wrap .txt_wrap h2{font-size: 55px; color: #222; font-weight: 700;text-align: center;} #sub_visual_wrap .txt_wrap h2 span{display: block;} #sub_visual_wrap .txt_wrap ul.sub_nav{display: flex; align-items: center; justify-content: center;gap:35px;} #sub_visual_wrap .txt_wrap ul.sub_nav li{position: relative;font-size: 18px; color: #222; font-weight: 300;} #sub_visual_wrap .txt_wrap ul.sub_nav li:not(:first-child):not(:empty)::after{content:'';position: absolute; left: -20px; top: 50%; transform:translateY(-50%); width: 4px; height: 4px; background: #d9d9d9; border-radius:50%;} #sub_visual_wrap .txt_wrap .inner{display: flex; justify-content: space-between;} .rolling_wrap {overflow: hidden;white-space: nowrap;width: 100%;color: #fff;margin-top: 60px;} .txt_rolling { font-family: "Rufina", serif; display: inline-block;white-space: nowrap;animation: scroll-left 80s linear infinite;} .txt_rolling span {display: inline-block;padding-right: 50px;font-size: 120px; color: #222; opacity: 0.05;} @keyframes scroll-left { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } } #sub_contents{padding-block: 80px 0;} #sub_contents.inner_none > .inner{width: 100%; max-width:100%;} /* sub_tit */ .sub_tit_wrap .c_txt{display: block; font-size: 18px; color: var(--co01); font-weight: 600;} .sub_tit_wrap h3{margin-top: 20px; font-size: 50px; color: #222; line-height: 1.3; font-weight: 600;} .sub_tit_wrap h3 span{display: block;} .sub_tit_wrap p{font-size: 25px; color: #222;} /* sub0101 */ .sub0101_wrap .con01.inner{display:flex; gap:30px;} .sub0101_wrap .con01.inner .img_box{border-radius:40px; overflow:hidden;} .sub0101_wrap .con01.inner .img_box:nth-child(1){width:calc()} .sub0101_wrap .con01.inner .img_box:nth-child(2){width:calc()} .sub0101_wrap .con01.inner .img_box img{width:100%; height:100%; object-fit:cover;} .sub0101_wrap .con02{padding-block:80px 160px;} .sub0101_wrap .con02 .sub_tit_wrap h3 strong{color:var(--co01); font-weight: 600;} .sub0101_wrap .con02 .txt_wrap{display: flex; gap:80px; flex-direction: column; align-items: flex-end; margin-top: 80px;} .sub0101_wrap .con02 .txt_wrap h4{font-size:32px; font-family: "SchoolSafetyFoundation"; font-weight:700; color:var(--co01); letter-spacing:-0.04em; line-height:1.35; margin-bottom: 40px;} .sub0101_wrap .con02 .txt_wrap h4 span{display:block; padding-left:200px;} .sub0101_wrap .con02 .txt_wrap p{font-size: 25px; color: #222; line-height: 1.3; text-align: right;} .sub0101_wrap .con02 .txt_wrap p span{display: block;} .sub0101_wrap .con03 img{width: 100%;} .sub0101_wrap .rolling_wrap{margin-top: 0;} .sub0101_wrap .con04{padding-block:160px; background: linear-gradient(0deg, #FDF2F2 0%, #FFF 100%);} .sub0101_wrap .step_wrap > div{display: flex; gap:4.1667vw; margin-top: 80px;} .sub0101_wrap .step_wrap .img_box{width: 40%;} .sub0101_wrap .step_wrap .img_box img{width: 100%;} .sub0101_wrap .step_wrap .txt_wrap{width: 55%;} .sub0101_wrap .step_wrap .txt_wrap strong{display: block; font-size: 260px; color: rgb(0,0,0,.05); font-family: "Tai Heritage Pro", serif; font-weight: 700; text-align: right;} .sub0101_wrap .step_wrap .txt_wrap .txt_box em{font-size: 40px; color: var(--co01); font-weight: 500;} .sub0101_wrap .step_wrap .txt_wrap .txt_box .info{margin-top: 36px;} .sub0101_wrap .step_wrap .txt_wrap .txt_box .info p{font-size: 22px; color: #222; line-height: 1.4;} .sub0101_wrap .step_wrap .txt_wrap .txt_box .info p:not(:first-child){margin-top: 20px;} .sub0101_wrap .step_wrap .txt_wrap .txt_box .info p span{display: block;} .sub0101_wrap .step_wrap .item02{flex-direction: row-reverse;} .sub0101_wrap .step_wrap .item02 strong{text-align: left;} .sub0101_wrap .step_wrap .item02 .txt_box{text-align: right;} .sub0101_wrap .con05{padding-block:120px;} .sub0101_wrap .con05 .sub_tit_wrap{text-align: center;} .sub0101_wrap .carousel {width: 100%; margin-top: 80px;} .sub0101_wrap .carousel-cell {width: auto;margin-right: 50px;flex: 0 0 auto;} .sub0101_wrap .carousel-cell img {max-width: 100%;display: block;width: auto;height: 600px; border-radius:30px;} .sub0101_wrap .carousel-cell p{font-size: 20px; color: #222; padding-top: 15px;} /* sub0102 */ .sub0102_wrap .con00{position:relative; width:100%; height:560px; background:url('../../images/sub/sub0102_img01.png') no-repeat center; background-size:cover;} .sub0102_wrap .con00 img{position:absolute; left:8%; height:100%;} .sub0102_wrap .con01{background:#f8f8f8; padding-block:120px;} .sub0102_wrap .con01 .inner{display: flex; flex-direction: column; align-items: flex-end;} .sub0102_wrap .con01 .tit_wrap{width:100%;} .sub0102_wrap .con01 .tit_wrap h3{color: #222; font-size: 51px; font-weight: 400; line-height: 61px;} .sub0102_wrap .con01 .tit_wrap h3 em{color:#FE7493; font-weight:700;} .sub0102_wrap .con01 .txt_wrap{line-height: 1.4; display: flex; margin-top: 60px; width: 100%;justify-content: space-between;} .sub0102_wrap .con01 .inku_list li:nth-child(1){font-size: 21px; margin-bottom:16px; color:#FE7493; font-weight:600; letter-spacing:-0.04em;} .sub0102_wrap .con01 .inku_list li:nth-child(2){font-size: 51px; margin-bottom:12px; font-weight:400; color:#111; letter-spacing:-0.04em;} .sub0102_wrap .con01 .inku_list li:nth-child(3){font-size: 25px; color:#111; letter-spacing:-0.04em;} .sub0102_wrap .con01 .inku_list li span{font-weight:700;} .sub0102_wrap .con01 .txt_wrap p{font-size:20px; line-height: 1.4; color: #222; margin-top:60px;} .sub0102_wrap .con01 .txt_wrap p span{display: block;} .sub0102_wrap .con01 .career_list{margin-top:40px; font-size: 18px;} /* .sub0102_wrap .con01 .career_list li:nth-child(1){color: var(--co01); margin-bottom:20px;} */ .sub0102_wrap .con01 .career_list li:not(:first-child){margin-top:8px;} .sub0102_wrap .con01 .img_box{width: 40%;display: flex;flex-direction: column;align-items: flex-end;} .sub0102_wrap .con01 .img_box img{width: 100%;} .sub0102_wrap .con02{padding-block:120px;background:url('/images/sub/sub0102_bakimg01.png') no-repeat center; background-size:cover;} .sub0102_wrap .con02 ul.img_ul{display: flex; gap:80px; width:100%;} .sub0102_wrap .con02 ul.img_ul li{display: flex; flex-direction: column; align-items: center; gap:20px; } .sub0102_wrap .con02 ul.img_ul li img:last-child{box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.20); border-radius:20px;} .sub0102_wrap .con02 .txt_wrap{margin-top: 80px;} .sub0102_wrap .con02 h3{color: #222;font-size: 25px;font-weight: 700;line-height: 35px; margin-bottom: 40px;} .sub0102_wrap .con02 p{color: #222;font-size: 19px;font-weight: 400;line-height: 135%; word-break:keep-all;} .sub0102_wrap .con02 p:last-child{margin-top: 20px;} .sub0102_wrap .con02 .news_wrap{margin-top: 80px; display: flex; justify-content: space-between; align-items: center; gap:80px;} /* sub0103 */ .sub0103_wrap .con01 p{font-size: 36px; color: #222; line-height: 1.4;} .sub0103_wrap .con01 p span{display: block;} .sub0103_wrap .con01 img{margin-top: 40px; width: 100%;} .sub0103_wrap .con02{padding-top: 120px;} .sub0103_wrap .con02 .clinic_info{margin-top: 80px; display: flex; gap:4.1667vw;} .sub0103_wrap .con02 .clinic_info > div{flex:1; border-top: 1px solid #222;} .sub0103_wrap .con02 .clinic_info dl{padding-top: 40px; display: flex; align-items: flex-start; color: #222;} .sub0103_wrap .con02 .clinic_info dl dt > div{display: flex; align-items: center; gap:10px;} .sub0103_wrap .con02 .clinic_info dl dt{width: 240px; font-size: 22px; flex-shrink:0;} .sub0103_wrap .con02 .clinic_info .number dd{font-size: 40px; font-weight: 600;} .sub0103_wrap .con02 .time_wrap .time{font-size: 22px;} .sub0103_wrap .con02 .time_wrap .time .ampm{display: flex; gap:20px;} .sub0103_wrap .con02 .time_wrap .time .ampm span{width: 60px; flex-shrink:0;} .sub0103_wrap .con02 .time_wrap .time > div:not(:first-child){margin-top: 20px;} .sub0103_wrap .con02 .time_wrap .time > div:nth-child(3){color: #999;} .sub0103_wrap .con03{padding-block:120px;} .sub0103_wrap .con03 .map_box{margin-top: 80px;} .sub0103_wrap .con03 .map_box iframe{width: 100%; height: 600px; border-radius:30px;} .sub0103_wrap .con03 .map_info{margin-top: 60px; color: #222;} .sub0103_wrap .con03 .map_info dl{display: flex;} .sub0103_wrap .con03 .map_info > div{padding-block:20px; border-bottom: 1px solid #EEE;} .sub0103_wrap .con03 .map_info > div:not(:last-child) dl{align-items: center;} .sub0103_wrap .con03 .map_info dl dt{width: 240px; flex-shrink:0;} .sub0103_wrap .con03 .map_info dl dt > div{display: flex; align-items: center; gap:15px; font-size: 22px; font-weight: 600;} .sub0103_wrap .con03 .map_info .address dd{font-size: 25px; font-weight: 600;} .sub0103_wrap .con03 .map_info .line{font-size: 18px; color: #fff; border-radius:20px; padding: 2px 8px; flex-shrink: 0;} .sub0103_wrap .con03 .map_info .line.line07, .sub0103_wrap .con03 .map_info .line.line09{background: #8C8621;} .sub0103_wrap .con03 .map_info .line.line_new{background: #DE4552;} .sub0103_wrap .con03 .map_info .line.line03 {background: #FF7D21;} .sub0103_wrap .con03 .map_info .sub_line{display: flex; gap:30px; font-size: 18px;} .sub0103_wrap .con03 .map_info .line.bus1{background: #7182F5;} .sub0103_wrap .con03 .map_info .line.bus2{background: #F86E55;} .sub0103_wrap .con03 .map_info .line.bus3{background: #5FB73C;} .sub0103_wrap .con03 .map_info .bus_wrap > div{display: flex; align-items: flex-start; gap:10px;} .sub0103_wrap .con03 .map_info .bus_wrap > div:not(:first-child){margin-top: 10px;} .sub0103_wrap .con03 .map_info .bus_num{display: flex; gap:8px 16px; flex-wrap:wrap; font-size: 18px;} .sub0103_wrap .con03 .map_info .bus_num li{position: relative;} .sub0103_wrap .con03 .map_info .bus_num li:not(:last-child)::after{content:''; position: absolute; right: -8px; top: 50%; transform:translateY(-50%); width: 1px; height: 65%; background: #999;} /* sub0302 */ .sub03_wrap h3 {color: #222; font-weight: 400; font-size: 41px; line-height: 60px; margin-bottom: 40px;} .sub03_wrap .con01 {background: #DCE3E9;} .sub03_wrap .con01 .box_wrap {display:flex; justify-content: space-between; align-items: center;} .sub03_wrap .con01 .box_wrap > img {position: relative;} .sub03_wrap .con01 .box_wrap .txt_wrap {position: absolute; right:210px; z-index: 1;} .sub03_wrap .con01 .box_wrap .txt_wrap strong {color: #222; font-size: 41px; font-weight: 600; line-height: 60px; text-align: right; display: block; letter-spacing:-0.04em;} .sub03_wrap .con01 .box_wrap .txt_wrap strong span {color: #E9355D;} .sub03_wrap .con01 .box_wrap .txt_wrap ul.check_list {margin-top: 40px;} .sub03_wrap .con01 .box_wrap .txt_wrap ul.check_list li {color: #222; font-size: 31px; line-height: 32px; margin-bottom: 20px; display:flex; justify-content: flex-end; align-items: center; gap:10px;} .sub03_wrap .con01 .box_wrap .txt_wrap ul.check_list li:last-child {margin-bottom: 0;} .sub03_wrap .con02 {width:100%; background: url('/images/sub/sub0301_bg01.png'); padding: 120px 0;} .sub03_wrap .con02 .box_wrap {display:flex; flex-direction: column; justify-content: center; align-items: center; } .sub03_wrap .con02 .box_wrap span {color: #999; font-size: 19px; font-weight: 400; line-height: 19px;} .sub03_wrap .con02 .box_wrap .txt_wrap {text-align: center;} .sub03_wrap .con02 .box_wrap .txt_wrap p {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px;} .sub03_wrap .con02 .box_wrap .txt_wrap h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 61px; margin-top: 20px;} .sub03_wrap .con02 .box_wrap .ico_wrap {display: flex; justify-content: center; align-items: center; gap: 40px; align-self: stretch; flex-wrap: wrap; margin-top: 80px; margin-bottom: 60px;} .sub03_wrap .con02 .box_wrap .ico_wrap .box {display:flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; flex: 1 0 0;} .sub03_wrap .con02 .box_wrap .ico_wrap .box p {color: #000; font-size: 21px; font-weight: 400; line-height: 31px; letter-spacing: -0.84px; text-align: center;} .sub03_wrap .con02 .box_wrap .ico_wrap .box p em {font-weight: 600;} .sub03_wrap .con03 {padding: 120px 0;} .sub03_wrap .con03 .box_wrap {display:flex; align-items: center; gap:80px;} .sub03_wrap .con03 .box_wrap .left_box {display:flex; align-items: flex-start; gap:50px;} .sub03_wrap .con03 .box_wrap .right_box em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px;} .sub03_wrap .con03 .box_wrap .right_box h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 61px; margin-top: 20px;} .sub03_wrap .con03 .box_wrap .right_box ul {width:710px; margin-top: 80px;} .sub03_wrap .con03 .box_wrap .right_box ul li {color: #000; font-size: 25px; font-weight: 400; line-height: 35px;border-bottom:1px solid #E5E5E5; padding-left: 40px; padding-bottom: 40px; margin-bottom: 20px; display:flex; align-items: baseline; word-break:keep-all;} .sub03_wrap .con03 .box_wrap .right_box ul li:last-child {border:0; margin-bottom: 0; padding-bottom: 0;} .sub03_wrap .con03 .box_wrap .right_box ul li span {color: #FF6994; font-family: "Playfair Display"; font-size: 51px; font-weight: 500; line-height: 51px; padding-right: 15px;} .sub03_wrap .con04 {background: #F8FAFB; padding: 120px 0;} .sub03_wrap .con04 .box_wrap{display: flex; flex-direction: column; gap:80px;} .sub03_wrap .con04 .top_box{display: flex; justify-content: space-between;} .sub03_wrap .con04 .top_box em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px; display:block;} .sub03_wrap .con04 .top_box h5 {color: #222; font-size: 51px; font-weight:400; line-height: 65px; margin-top: 20px;} .sub03_wrap .con04 .top_box h5 span{color: #E9355D; font-weight: 700;} .sub03_wrap .con04 .top_box .arw_wrap{display: flex; gap: 10px; align-items: flex-end;} .sub03_wrap .con04 .top_box .arw_wrap div{cursor:pointer;} .sub03_wrap .con04 .bottom_box{width: calc(100% - 50px); margin: 0 auto; max-width: 1500px;} .sub03_wrap .con04 .bottom_box .img_box{margin-bottom:30px; border-radius: 40px; overflow: hidden; box-shadow: 6px 5px 15px 0px rgba(0, 0, 0, 0.3);} .sub03_wrap .con04 .bottom_box .img_box img{width:100%;} .sub03_wrap .con04 .bottom_box .txt_wrap h6{font-size:28px; font-weight:700; line-height: 1.35; color:#E9355D; letter-spacing:-0.04em; word-break:keep-all;} .sub03_wrap .con04 .bottom_box .txt_wrap p{font-size:19px; font-weight:400; line-height: 1.35; margin-top: 20px; word-break:keep-all; color: #222;} .sub03_wrap .con05 {background: linear-gradient(180deg, #FFECF0 0%, #FFF 100%); padding:120px 0;} .sub03_wrap .con05 .txt_wrap{margin-bottom:80px;} .sub03_wrap .con05 .txt_wrap h5 {color: #222; text-align: center; font-size: 51px; font-weight: 600; line-height: 65px; margin-top:20px;} .sub03_wrap .con05 .txt_wrap h5 span {font-weight: 700; color: #E9355D;} .sub03_wrap .con05 .txt_wrap em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px; display:block; text-align: center;} .sub03_wrap .con05 .table_wrap table{width:100%; max-width:1200px; margin:0 auto;} .sub03_wrap .con05 .table_wrap table tr th, .sub03_wrap .con05 .table_wrap table tr td{padding:20px; font-size:19px; text-align:center; letter-spacing: -0.04em; line-height: 1.35;} .sub03_wrap .con05 .table_wrap table tr th{min-width:100px; background:#ec4c70; color:#fff; font-weight:600; border-bottom: 1px solid #fff;} .sub03_wrap .con05 .table_wrap table tr td{color:#222; border: 1px solid #ccc;} .sub03_wrap .con05 .table_wrap table tr:first-child td{background:#ffb6c6; border:1px solid #ffb6c6; color: #fff; font-weight: 600;} .sub03_wrap .con05 .table_wrap table tr:last-child th{border-bottom:0px;} .sub03_wrap .con05 .table_wrap table tr:first-child td.pink{border-top:5px solid #E9355D; background: #e9355d; color:#fff; font-weight:600;} .sub03_wrap .con05 .table_wrap table tr:last-child td.pink{border-bottom:5px solid #E9355D;} .sub03_wrap .con05 .table_wrap table tr td.pink{border-right:5px solid #E9355D; border-left:5px solid #E9355D;} .sub03_wrap .con06 {position: relative; padding:120px 0 180px;} .sub03_wrap .con06 .box_wrap {display:flex; justify-content: space-between;} .sub03_wrap .con06 .box_wrap .left_box{flex-shrink:0;} .sub03_wrap .con06 .box_wrap .left_box em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px;} .sub03_wrap .con06 .box_wrap .left_box h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 65px; margin-top: 20px;} .sub03_wrap .con06 .box_wrap .left_box h5 span {color: #E9355D; font-weight: 700; display:block;} .sub03_wrap .con06 .box_wrap .left_box .arw_wrap{display:flex; gap:10px; margin-top: 40px;} .sub03_wrap .con06 .box_wrap .left_box .arw_wrap > div{cursor:pointer;} .sub03_wrap .con06 .box_wrap .right_box{width: 62%;} .sub03_wrap .con06 .equipSlide{padding-bottom: 60px;} .sub03_wrap .con06 .equipSlide .swiper-slide {cursor:pointer; position: relative; max-width: 360px; height: 330px; padding: 50px 40px 40px; border-radius: 30px; background: rgba(245, 245, 245, 0.9);} .sub03_wrap .con06 .equipSlide .swiper-slide .img_box{position: absolute; right: 20px; bottom: -60px; width: 45%; z-index: 3;} .sub03_wrap .con06 .equipSlide .swiper-slide .img_box img{width: 100%; transition:all .3s; min-height:330px;} .sub03_wrap .con06 .equipSlide .swiper-slide .txt_wrap{position:relative; z-index:99;} .sub03_wrap .con06 .equipSlide .swiper-slide .txt_wrap em{color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px; display:block;} .sub03_wrap .con06 .equipSlide .swiper-slide .txt_wrap strong {color: #222; font-size: 35px; font-weight: 600; line-height: 45px; display:block; margin-top: 20px;} .sub03_wrap .con06 .equipSlide .swiper-slide:hover img{transform:scale(1.08);} .sub03_wrap .con06 .rolling_wrap{position: absolute; bottom:10%; left:0; z-index: 1; margin-top:0;} .sub03_wrap .con06 .txt_rolling span{color: rgb(255,255,255,.7); opacity: 1;} .sub03_wrap .con07 {width:100%; background: url('/images/sub/sub0301_bg02.jpg'); padding: 120px 0;} .sub03_wrap .con07 .box_wrap{text-align:center;} .sub03_wrap .con07 .box_wrap em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px; display:block; text-align: center;} .sub03_wrap .con07 .box_wrap h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 65px; text-align: center; margin-top: 20px;} .sub03_wrap .con07 .box_wrap h5 span {color: #E9355D; font-weight: 700;} .sub03_wrap .con07 .box_wrap p{font-size:19px; margin-top: 40px; line-height:1.35;} .sub03_wrap .con07 .box_wrap ul {display:flex; gap:20px; margin-top: 60px;} .sub03_wrap .con07 .box_wrap ul li{width:276px; height:280px;} .sub03_wrap .con07 .box_wrap ul li a{display: flex; height:100%; padding: 35px 30px; flex-direction: column; justify-content: space-between; align-items: flex-start; border-radius: 20px; background: #FF6994; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.20); transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940); word-break:keep-all; text-align: left;} .sub03_wrap .con07 .box_wrap ul li strong {color: #FFF; font-size:30px; font-weight:600; line-height: 1.35; } .sub03_wrap .con07 .box_wrap ul li img {margin-left: auto;} .sub03_wrap .con07 .box_wrap ul li:hover a{transform:translateY(-40px); box-shadow: 0 45px 20px 0 rgba(0, 0, 0, 0.05);} .sub03_wrap .con08{padding:120px 0;} .sub03_wrap .con08 .txt_wrap em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px; display:block;} .sub03_wrap .con08 .txt_wrap h5 {color: #222; font-size: 51px; font-weight:400; line-height: 65px; margin-top: 20px;} .sub03_wrap .con08 .txt_wrap h5 span{color: #E9355D; font-weight: 700;} .sub03_wrap .con08 .step_wrap{position: relative; display: flex; justify-content: space-between; margin-top: 80px;} .sub03_wrap .con08 .step_item{width:280px; display: flex; flex-direction: column; align-items: center; gap:40px;} .sub03_wrap .con08 .step_item img{border-radius:20px; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;} .sub03_wrap .con08 .step_item img:hover{transform:scale(1.05); -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;} .sub03_wrap .con08 .step_item h4{display:flex; flex-direction:column; align-items: center; font-size: 28px; color: #222; font-weight:700; gap:10px; letter-spacing: -0.04em;} .sub03_wrap .con08 .step_item h4 strong{font-size:18px; font-weight:600; color: var(--co01);} .sub03_wrap .con08 .step_item p{font-size: 16px; color: #666; line-height: 1.4; text-align: center; word-break:keep-all;} .sub03_wrap .con08 .step_item p span{display: block;} .sub03_wrap .con08 .bg_txt{position: absolute; top: 50%; left: 10%; transform:translateY(-50%); font-size:300px; font-family: "Rufina", serif; color: #222; opacity: 0.04; white-space: nowrap; z-index: -1;} .sub03_wrap .con09{text-align: center; padding: 120px 0; position: relative; background:#F8FAFB;} .sub03_wrap .con09 .txt_wrap em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px; display:block;} .sub03_wrap .con09 .txt_wrap h5 {color: #222; font-size: 51px; font-weight:400; line-height: 65px; margin-top: 20px;} .sub03_wrap .con09 .txt_wrap h5 span{color: #E9355D; font-weight: 700;} .sub03_wrap .con09 .txt_wrap p{font-size: 19px; margin-top: 40px; line-height: 1.35;} .sub03_wrap .con09 .card_wrap{display:flex; width:100%; max-width:1200px; margin:40px auto 0; gap:40px;} .sub03_wrap .con09 .card_box{overflow:hidden; position:relative; cursor:pointer; display:flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; border-radius:40px; padding:40px; transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} .sub03_wrap .con09 .card_box:nth-child(1){color:#000; width:100%; height:420px; background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255, 0.5)), url("/images/sub/sub0301_img17.jpg")center no-repeat; background-size: cover;} .sub03_wrap .con09 .card_box:nth-child(2){color:#fff; width:100%; height:420px; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5)), url("/images/sub/sub0301_img18.jpg")center no-repeat; background-size: cover;} .sub03_wrap .con09 .card_box h6{font-size:28px; font-weight:700; line-height: 1.35; letter-spacing:-0.04em; word-break:keep-all;} .sub03_wrap .con09 .card_box p{font-size:19px; font-weight:400; line-height: 1.35; margin-top:10px; word-break:keep-all;} .sub03_wrap .con09 .card_box .info_box{display:flex; opacity:0; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding:40px; position:absolute; top:100%; background:#ec4c70a6; backdrop-filter: blur(10px); color:#fff; width: 100%; height: 100%; left: 0; transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} .sub03_wrap .con09 .card_box .info_box p{text-align:left;} .sub03_wrap .con09 .card_box .info_box p:nth-child(1){font-size:28px; font-weight:700; line-height: 1.35; letter-spacing:-0.04em; word-break:keep-all;} .sub03_wrap .con09 .card_box .info_box p:nth-child(2){font-size:19px; font-weight:400; line-height: 1.35; margin-top:10px; word-break:keep-all;} .sub03_wrap .con09 .card_box:hover{border-radius:60px; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.25);} .sub03_wrap .con09 .card_box:hover .info_box{opacity:1; top:0;} /* sub0301 */ .sub0301_wrap .con03 {position:relative; padding: 120px 0; background: #FF6994;} .sub0301_wrap .con03::after{position:absolute; content:''; content:'';opacity:0.1; position: absolute; right:-600px; top: 50%; transform:translateY(-50%); background: url("/images/sub/sub0301_img12.png")center no-repeat; width:1500px; aspect-ratio:1 / 1; background-size: contain;} .sub0301_wrap .con03 .inner{display:flex; align-items: center; justify-content: space-between;} .sub0301_wrap .con03 .left_box{width:50%;} .sub0301_wrap .con03 .left_box em {font-size: 19px; font-weight: 700; line-height: 19px; color:#fff;} .sub0301_wrap .con03 .left_box h5 {font-size: 51px; font-weight:400; line-height: 65px; margin-top: 20px;color:#fff;} .sub0301_wrap .con03 .left_box strong{font-weight: 700;} .sub0301_wrap .con03 .left_box p{font-size: 19px; color: #fff; margin-top: 40px; line-height:1.35; word-break:keep-all;} .sub0301_wrap .con03 .right_box{position:relative; z-index:99;} .sub0301_wrap .con03 .right_box img:nth-child(2){position:absolute; left:-45%; bottom:65px; transform:translatex(50%); box-shadow:10px 10px 20px rgba(0, 0, 0, 0.25);} /* sub0309 */ .sub0309_wrap .con03{background:#fff;} .sub0309_wrap .con03::after{display: none;} .sub0309_wrap .con10{background:#F8FAFB; padding-block:120px; } .sub0309_wrap .con10 .box_wrap {display: flex; flex-direction: column; gap:40px;} .sub0309_wrap .con10 .box_wrap .txt_wrap{display: flex; flex-direction: column; gap:20px; } .sub0309_wrap .con10 .box_wrap .txt_wrap p{color: #FE7493;font-size: 19px;font-weight: 700;line-height: 19px; text-transform: uppercase;} .sub0309_wrap .con10 .box_wrap .txt_wrap h5{color: #222;font-size: 51px;font-weight: 400;line-height: 65px; } .sub0309_wrap .con10 .box_wrap .txt_wrap h5 strong{font-weight: 700;} .sub0309_wrap .con10 .page_box{display: flex; flex-direction: column; gap:40px;} .sub0309_wrap .con10 .page_box ul.cate_wrap{display: flex; gap:40px;} .sub0309_wrap .con10 .page_box ul.cate_wrap li{color: #222;font-size: 24px;font-weight: 400; padding-bottom: 15px;} .sub0309_wrap .con10 .page_box ul.cate_wrap li:hover{cursor:pointer; } .sub0309_wrap .con10 .page_box ul.cate_wrap li.active{border-bottom: 2px solid #FE7493; } .sub0309_wrap .con10 .page_box .page_wrap .flex_box{display: flex; gap:80px; justify-content: space-between; align-items: center;} .sub0309_wrap .con10 .page_box .page_wrap .flex_box .txt_box{display: flex; flex-direction: column; gap:55px;} .sub0309_wrap .con10 .page_box .page_wrap .flex_box .txt_box .top em{color: #FE7493;font-size: 18px;font-weight: 700;line-height: 18px; display: block; margin-bottom: 10px; } .sub0309_wrap .con10 .page_box .page_wrap .flex_box .txt_box .top h3{color: #222;font-size: 31px;font-weight: 700;line-height: 31px; margin-bottom: 0; } .sub0309_wrap .con10 .page_box .page_wrap .flex_box .txt_box p{color: #666;font-size: 19px;font-weight: 400;line-height: 29px; word-break:keep-all;} /* sub0401 */ .sub0401_wrap h3 {color: #222; font-weight: 400; font-size: 41px; line-height: 60px; margin-bottom: 40px;} .sub0401_wrap .con01 {background: #DCE3E9;} .sub0401_wrap .con01 .box_wrap {display:flex; justify-content: space-between; align-items: center;} .sub0401_wrap .con01 .box_wrap > img {position: relative;} .sub0401_wrap .con01 .box_wrap .txt_wrap {position: absolute; right:210px; z-index: 1;} .sub0401_wrap .con01 .box_wrap .txt_wrap strong {color: #222; font-size: 41px; font-weight: 600; line-height: 60px; text-align: right; display: block;} .sub0401_wrap .con01 .box_wrap .txt_wrap strong span {color: #E9355D;} .sub0401_wrap .con01 .box_wrap .txt_wrap ul.check_list {margin-top: 40px;} .sub0401_wrap .con01 .box_wrap .txt_wrap ul.check_list li {color: #222; font-size: 31px; line-height: 32px; margin-bottom: 20px; display:flex; justify-content: flex-end; align-items: center; gap:10px;} .sub0401_wrap .con01 .box_wrap .txt_wrap ul.check_list li:last-child {margin-bottom: 0;} .sub0401_wrap .con02 {width:100%; background: url('/images/sub/sub0301_bg01.png'); padding: 120px 0;} .sub0401_wrap .con02 .box_wrap {display:flex; flex-direction: column; justify-content: center; align-items: center; } .sub0401_wrap .con02 .box_wrap span {color: #999; font-size: 19px; font-weight: 400; line-height: 19px;} .sub0401_wrap .con02 .box_wrap .txt_wrap {text-align: center;} .sub0401_wrap .con02 .box_wrap .txt_wrap p {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px;} .sub0401_wrap .con02 .box_wrap .txt_wrap h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 61px; margin-top: 20px;} .sub0401_wrap .con02 .box_wrap .ico_wrap {display: flex; justify-content: center; align-items: center; gap: 40px; align-self: stretch; flex-wrap: wrap; margin-top: 80px; margin-bottom: 60px;} .sub0401_wrap .con02 .box_wrap .ico_wrap .box {display:flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; flex: 1 0 0;} .sub0401_wrap .con02 .box_wrap .ico_wrap .box p {color: #000; font-size: 21px; font-weight: 400; line-height: 31px; letter-spacing: -0.84px; text-align: center;} .sub0401_wrap .con02 .box_wrap .ico_wrap .box p em {font-weight: 600;} .sub0401_wrap .con03 {padding: 120px 0;} .sub0401_wrap .con03 .img_box img {width:100%;} .sub0401_wrap .con03 .box_wrap {display:flex; gap:130px;} .sub0401_wrap .con03 .box_wrap .left_box {display:flex; flex-direction: column; align-items: center; gap:40px;} .sub0401_wrap .con03 .box_wrap .left_box p {color: #000; font-size: 31px; font-weight: 600; line-height: 31px;} .sub0401_wrap .con03 .box_wrap .mid_box {display:flex; align-items: center;} .sub0401_wrap .con03 .box_wrap .right_box {display:flex; flex-direction: column; align-items: center; gap:40px;} .sub0401_wrap .con03 .box_wrap .right_box p {color: #000; font-size: 31px; font-weight: 600; line-height: 31px;} .sub0401_wrap .con04 {padding: 120px 0;} .sub0401_wrap .con04 .box_wrap {display:flex; align-items: center; gap:80px;} .sub0401_wrap .con04 .box_wrap .left_box {display:flex; align-items: flex-start; gap:50px;} .sub0401_wrap .con04 .box_wrap .right_box em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px;} .sub0401_wrap .con04 .box_wrap .right_box h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 61px; margin-top: 20px;} .sub0401_wrap .con04 .box_wrap .right_box ul {width:710px; margin-top: 80px;} .sub0401_wrap .con04 .box_wrap .right_box ul li {color: #000; font-size: 25px; font-weight: 400; line-height: 35px;border-bottom:1px solid #E5E5E5; padding-left: 40px; padding-bottom: 40px; margin-bottom: 20px; display:flex; align-items: baseline; word-break:keep-all;} .sub0401_wrap .con04 .box_wrap .right_box ul li:last-child {border:0; margin-bottom: 0; padding-bottom: 0;} .sub0401_wrap .con04 .box_wrap .right_box ul li span {color: #FF6994; font-family: "Playfair Display"; font-size: 51px; font-weight: 500; line-height: 51px; padding-right: 15px;} /* sub0501 */ .sub0501_wrap h3 {color: #222; font-weight: 400; font-size: 41px; line-height: 60px; margin-bottom: 40px;} .sub0501_wrap .con01 {background: #DCE3E9;} .sub0501_wrap .con01 .box_wrap {display:flex; justify-content: space-between; align-items: center;} .sub0501_wrap .con01 .box_wrap > img {position: relative;} .sub0501_wrap .con01 .box_wrap .txt_wrap {position: absolute; right:210px; z-index: 1;} .sub0501_wrap .con01 .box_wrap .txt_wrap strong {color: #222; font-size: 41px; font-weight: 600; line-height: 60px; text-align: right; display: block;} .sub0501_wrap .con01 .box_wrap .txt_wrap strong span {color: #E9355D;} .sub0501_wrap .con01 .box_wrap .txt_wrap ul.check_list {margin-top: 40px;} .sub0501_wrap .con01 .box_wrap .txt_wrap ul.check_list li {color: #222; font-size: 31px; line-height: 32px; margin-bottom: 20px; display:flex; justify-content: flex-end; align-items: center; gap:10px;} .sub0501_wrap .con01 .box_wrap .txt_wrap ul.check_list li:last-child {margin-bottom: 0;} .sub0501_wrap .con02 {width:100%; background: url('/images/sub/sub0301_bg01.png'); padding: 120px 0;} .sub0501_wrap .con02 .box_wrap {display:flex; flex-direction: column; justify-content: center; align-items: center; } .sub0501_wrap .con02 .box_wrap span {color: #999; font-size: 19px; font-weight: 400; line-height: 19px;} .sub0501_wrap .con02 .box_wrap .txt_wrap {text-align: center;} .sub0501_wrap .con02 .box_wrap .txt_wrap p {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px;} .sub0501_wrap .con02 .box_wrap .txt_wrap h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 61px; margin-top: 20px;} .sub0501_wrap .con02 .box_wrap .ico_wrap {display: flex; justify-content: center; align-items: center; gap: 40px; align-self: stretch; flex-wrap: wrap; margin-top: 80px; margin-bottom: 60px;} .sub0501_wrap .con02 .box_wrap .ico_wrap .box {display:flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; flex: 1 0 0;} .sub0501_wrap .con02 .box_wrap .ico_wrap .box p {color: #000; font-size: 21px; font-weight: 400; line-height: 31px; letter-spacing: -0.84px; text-align: center;} .sub0501_wrap .con02 .box_wrap .ico_wrap .box p em {font-weight: 600;} .sub0501_wrap .con03 .img_box img {width:100%;} .sub0501_wrap .con04 {width:100%; background: url('/images/sub/sub0301_bg02.jpg'); padding: 120px 0;} .sub0501_wrap .con04 .box_wrap {display:flex; flex-direction: column; align-items: center;} .sub0501_wrap .con04 .box_wrap em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px;} .sub0501_wrap .con04 .box_wrap h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 61px; margin-top: 20px;} .sub0501_wrap .con04 .box_wrap h5 span {color: #E9355D;} .sub0501_wrap .con04 .box_wrap strong {display: flex; padding: 5px 40px; justify-content: center; align-items: center; border-radius: 30px; background: #FE7493; color:#fff; font-size: 25px; font-weight: 600; line-height: 37.5px; margin-top: 60px; margin-bottom: 60px;} .sub0501_wrap .con04 .box_wrap p {color: #222; font-size: 25px; font-weight: 400; line-height: 37.5px; text-align: center; word-break:keep-all;} .sub0501_wrap .con05 {background: #F8FAFB; padding: 120px 0;} .sub0501_wrap .con05 .box_wrap {display:flex; flex-direction: column; align-items: center;} .sub0501_wrap .con05 .box_wrap em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px;} .sub0501_wrap .con05 .box_wrap h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 61px; margin-top: 20px; margin-bottom: 60px;} .sub0501_wrap .con05 .box_wrap h5 span {color: #E9355D;} .sub0501_wrap .con05 .box_wrap p {color: #222; text-align: center; font-size: 25px; font-weight: 400; line-height: 37.5px; margin-top: 60px; word-break:keep-all;} .sub0501_wrap .con06 .img_box img {width:100%;} .sub0501_wrap .con07 {background: linear-gradient(180deg, #FFECF0 0%, #FFF 100%); padding:120px 0;} .sub0501_wrap .con07 .box_wrap h5 {color: #222; text-align: center; font-size: 51px; font-weight: 600; line-height: 65px; margin-bottom: 40px;} .sub0501_wrap .con07 .box_wrap h5 span {font-weight: 700; color: #E9355D;} .sub0501_wrap .con07 .box_wrap em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px; display:block; text-align: center;} .sub0501_wrap .con07 .box_wrap ul {display: flex; align-items: center; justify-content: center; margin-top: 80px;} .sub0501_wrap .con07 .box_wrap ul li {display: flex; width: 420px; height: 420px; flex-direction: column; justify-content: center; align-items: center; flex-shrink: 0; aspect-ratio: 1/1; border-radius: 50%; border: 1px solid #E9355D;} .sub0501_wrap .con07 .box_wrap ul li:nth-child(2) {background: rgba(255, 201, 214, 0.30); backdrop-filter: blur(2.5px); margin-left: -40px; margin-right: -40px; position: relative;} .sub0501_wrap .con07 .box_wrap ul li:nth-child(2):before {content:""; position: absolute; top: -50px; width: 1px; height: 120px; background: #EC4C70;} .sub0501_wrap .con07 .box_wrap ul li em {color: #E9355D; text-align: center; font-size: 19px; font-weight: 400;} .sub0501_wrap .con07 .box_wrap ul li strong {color: #E9355D; font-size: 31px; font-weight: 600; margin-top: 10px; margin-bottom: 40px;} .sub0501_wrap .con07 .box_wrap ul li p {color: #222; text-align: center; font-size: 19px; font-weight: 400; line-height: 28.5px;} .sub0501_wrap .con08 {padding: 120px 0;} .sub0501_wrap .con08 .box_wrap {display:flex; align-items: center; gap:80px;} .sub0501_wrap .con08 .box_wrap .left_box {display:flex; align-items: flex-start; gap:50px;} .sub0501_wrap .con08 .box_wrap .right_box em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px;} .sub0501_wrap .con08 .box_wrap .right_box h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 61px; margin-top: 20px;} .sub0501_wrap .con08 .box_wrap .right_box ul {width:710px; margin-top: 80px;} .sub0501_wrap .con08 .box_wrap .right_box ul li {color: #000; font-size: 25px; font-weight: 400; line-height: 35px;border-bottom:1px solid #E5E5E5; padding-left: 40px; padding-bottom: 40px; margin-bottom: 20px; display:flex; align-items: baseline; word-break:keep-all;} .sub0501_wrap .con08 .box_wrap .right_box ul li:last-child {border:0; margin-bottom: 0; padding-bottom: 0;} .sub0501_wrap .con08 .box_wrap .right_box ul li span {color: #FF6994; font-family: "Playfair Display"; font-size: 51px; font-weight: 500; line-height: 51px; padding-right: 15px;} /* sub0601 */ .sub0601_wrap h3 {color: #222; font-weight: 400; font-size: 41px; line-height: 60px; margin-bottom: 40px;} .sub0601_wrap .con01 {background: #DCE3E9;} .sub0601_wrap .con01 .box_wrap {display:flex; justify-content: space-between; align-items: center;} .sub0601_wrap .con01 .box_wrap > img {position: relative;} .sub0601_wrap .con01 .box_wrap .txt_wrap {position: absolute; right:210px; z-index: 1;} .sub0601_wrap .con01 .box_wrap .txt_wrap strong {color: #222; font-size: 41px; font-weight: 600; line-height: 60px; text-align: right; display: block;} .sub0601_wrap .con01 .box_wrap .txt_wrap strong span {color: #E9355D;} .sub0601_wrap .con01 .box_wrap .txt_wrap ul.check_list {margin-top: 40px;} .sub0601_wrap .con01 .box_wrap .txt_wrap ul.check_list li {color: #222; font-size: 31px; line-height: 32px; margin-bottom: 20px; display:flex; justify-content: flex-end; align-items: center; gap:10px;} .sub0601_wrap .con01 .box_wrap .txt_wrap ul.check_list li:last-child {margin-bottom: 0;} .sub0601_wrap .con02 {width:100%; background: url('/images/sub/sub0301_bg01.png'); padding: 120px 0;} .sub0601_wrap .con02 .box_wrap {display:flex; flex-direction: column; justify-content: center; align-items: center; } .sub0601_wrap .con02 .box_wrap span {color: #999; font-size: 19px; font-weight: 400; line-height: 19px;} .sub0601_wrap .con02 .box_wrap .txt_wrap {text-align: center;} .sub0601_wrap .con02 .box_wrap .txt_wrap p {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px;} .sub0601_wrap .con02 .box_wrap .txt_wrap h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 61px; margin-top: 20px;} .sub0601_wrap .con02 .box_wrap .ico_wrap {display: flex; justify-content: center; align-items: center; gap: 40px; align-self: stretch; flex-wrap: wrap; margin-top: 80px; margin-bottom: 60px;} .sub0601_wrap .con02 .box_wrap .ico_wrap .box {display:flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; flex: 1 0 0;} .sub0601_wrap .con02 .box_wrap .ico_wrap .box p {color: #000; font-size: 21px; font-weight: 400; line-height: 31px; letter-spacing: -0.84px; text-align: center;} .sub0601_wrap .con02 .box_wrap .ico_wrap .box p em {font-weight: 600;} .sub0601_wrap .con03 {width:100%; background: url('/images/sub/sub0301_bg02.jpg'); padding: 120px 0;} .sub0601_wrap .con03 .box_wrap em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px; display:block; text-align: center;} .sub0601_wrap .con03 .box_wrap h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 65px; text-align: center; margin-top: 20px;} .sub0601_wrap .con03 .box_wrap h5 span {color: #E9355D; font-weight: 700; display:block;} .sub0601_wrap .con03 .box_wrap p {color: #222; text-align: center; font-size: 21px; font-weight: 400; line-height: 31px; margin-top: 20px;} .sub0601_wrap .con03 .box_wrap ul {display:flex; gap: 30px; margin-top: 60px;} .sub0601_wrap .con03 .box_wrap ul li {display: flex; width:276px; height: 340px; padding: 40px 35px; flex-direction: column; justify-content: space-between; align-items: flex-start; border-radius: 20px; background: #FF6994; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.20); } .sub0601_wrap .con03 .box_wrap ul li span {color: #fff; font-size: 19px; font-weight: 400; line-height: 19px; display:block;} .sub0601_wrap .con03 .box_wrap ul li strong {color: #FFF; font-size: 25px; font-weight: 700; line-height: 35px; margin-top: 15px; display:block;} .sub0601_wrap .con03 .box_wrap ul li img {margin-left: auto;} .sub0601_wrap .con04 {background: #F8FAFB; padding: 120px 0;} .sub0601_wrap .con04 .box_wrap h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 61px; text-align: center; margin-bottom: 40px;} .sub0601_wrap .con04 .box_wrap h5 span {color: #E9355D;} .sub0601_wrap .con04 .box_wrap em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px; text-align: center; display:block;} .sub0601_wrap .con04 .box_wrap ul {display:flex; align-items: center; justify-content: center; gap:40px; margin-top: 60px;} .sub0601_wrap .con04 .box_wrap ul li {display: flex; padding: 20px 20px 40px 20px; flex-direction: column; justify-content: center; align-items: center; border-radius: 20px; background: #FFF; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.10); position: relative;} .sub0601_wrap .con04 .box_wrap ul li span {display: flex; width: 80px; height: 80px; position: absolute; bottom:158px; flex-direction: column; justify-content: center; align-items: center; border-radius: 50px; background: #FF6994; color:#fff; font-size: 31px; font-weight: 700;} .sub0601_wrap .con04 .box_wrap ul li strong {color: #222; font-size: 25px; font-weight: 700; margin-top: 50px;} .sub0601_wrap .con04 .box_wrap ul li p {color: #222; text-align: center; font-size: 21px; font-weight: 400; line-height: 31.5px; margin-top: 15px;} .sub0601_wrap .con05 .img_box img {width:100%;} .sub0601_wrap .con06 {background: linear-gradient(180deg, #FFECF0 0%, #FFF 100%); padding:120px 0;} .sub0601_wrap .con06 .box_wrap h5 {color: #222; text-align: center; font-size: 51px; font-weight: 600; line-height: 65px; margin-bottom: 40px;} .sub0601_wrap .con06 .box_wrap h5 span {display:block; font-weight: 700; color: #E9355D;} .sub0601_wrap .con06 .box_wrap em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 26.6px; display:block; text-align: center;} .sub0601_wrap .con06 .box_wrap ul {display: flex; align-items: center; justify-content: center; margin-top: 80px;} .sub0601_wrap .con06 .box_wrap ul li {display: flex; width: 420px; height: 420px; flex-direction: column; justify-content: center; align-items: center; flex-shrink: 0; aspect-ratio: 1/1; border-radius: 50%; border: 1px solid #E9355D; color: #E9355D; font-size: 31px; font-weight: 600; line-height: 45px; text-align: center;} .sub0601_wrap .con06 .box_wrap ul li:nth-child(2) {background: rgba(255, 201, 214, 0.30); backdrop-filter: blur(2.5px); margin-left: -40px; margin-right: -40px; position: relative;} .sub0601_wrap .con06 .box_wrap ul li:nth-child(2):before {content:""; position: absolute; top: -50px; width: 1px; height: 120px; background: #EC4C70;} .sub0601_wrap .con06 .box_wrap ul li em {color: #E9355D; text-align: center; font-size: 19px; font-weight: 400;} .sub0601_wrap .con06 .box_wrap ul li strong {color: #E9355D; font-size: 31px; font-weight: 600; margin-top: 10px; margin-bottom: 40px;} .sub0601_wrap .con06 .box_wrap ul li p {color: #222; text-align: center; font-size: 19px; font-weight: 400; line-height: 28.5px;} .sub0601_wrap .con07 {padding: 120px 0;} .sub0601_wrap .con07 .box_wrap {display:flex; align-items: center; gap:80px;} .sub0601_wrap .con07 .box_wrap .left_box {display:flex; align-items: flex-start; gap:50px;} .sub0601_wrap .con07 .box_wrap .right_box em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px;} .sub0601_wrap .con07 .box_wrap .right_box h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 61px; margin-top: 20px;} .sub0601_wrap .con07 .box_wrap .right_box ul {width:710px; margin-top: 80px;} .sub0601_wrap .con07 .box_wrap .right_box ul li {color: #000; font-size: 25px; font-weight: 400; line-height: 35px;border-bottom:1px solid #E5E5E5; padding-left: 40px; padding-bottom: 40px; margin-bottom: 20px; display:flex; align-items: baseline; word-break:keep-all;} .sub0601_wrap .con07 .box_wrap .right_box ul li:last-child {border:0; margin-bottom: 0; padding-bottom: 0;} .sub0601_wrap .con07 .box_wrap .right_box ul li span {color: #FF6994; font-family: "Playfair Display"; font-size: 51px; font-weight: 500; line-height: 51px; padding-right: 15px;} /* sub0701 */ .sub07_wrap h3 {color: #222; font-weight: 400; font-size: 41px; line-height: 60px; margin-bottom: 40px;} .sub07_wrap .con01 {background: linear-gradient(90deg, #FDF2F2 0%, #FFF 100%);} .sub07_wrap .con01 .box_wrap {display:flex; justify-content: center; align-items: center; gap:140px;} .sub07_wrap .con01 .box_wrap > img {position: relative;} /* .sub07_wrap .con01 .box_wrap .txt_wrap {position: absolute; right:210px; z-index: 1;} */ .sub07_wrap .con01 .box_wrap .txt_wrap strong {color: #222; font-size: 41px; font-weight: 600; line-height: 60px; display: block;} .sub07_wrap .con01 .box_wrap .txt_wrap strong span {color: #E9355D;} .sub07_wrap .con01 .box_wrap .txt_wrap .txt_box {display: flex; flex-direction: column; gap:40px; margin-top: 40px;} .sub07_wrap .con01 .box_wrap .txt_wrap .txt_box p{color: #222;font-size: 24px;font-weight: 400;line-height: 1.3; } .sub07_wrap .con01 .box_wrap .txt_wrap .txt_box p strong{font-weight: 700; font-size: 24px; display: inline; line-height: 1.3; } .sub07_wrap .con01 .box_wrap .txt_wrap .txt_box p.smp{font-size:18px; line-height: 1.2;} .sub07_wrap .con01 .box_wrap .txt_wrap .txt_box p.smp strong{font-size:18px; line-height: 1.2;} .sub07_wrap .con01 .box_wrap .txt_wrap ul.check_list {margin-top: 60px; display: flex;} .sub07_wrap .con01 .box_wrap .txt_wrap ul.check_list li {height: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap:10px;padding-inline:30px;color: #222;font-size: 16px;font-style: normal;font-weight: 400;letter-spacing: -0.64px;} .sub07_wrap .con01 .box_wrap .txt_wrap ul.check_list li:not(:last-child) {border-right: 1px dashed #FF5D82; } .sub07_wrap .con02 {width:100%; background: #F8FAFB; padding: 120px 0; } .sub07_wrap .con02 .box_wrap {display:flex; flex-direction: column; justify-content: center; align-items: center; } .sub07_wrap .con02 .box_wrap span {color: #999; font-size: 19px; font-weight: 400; line-height: 19px;} .sub07_wrap .con02 .box_wrap .txt_wrap {text-align: center;} .sub07_wrap .con02 .box_wrap .txt_wrap p {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px;} .sub07_wrap .con02 .box_wrap .txt_wrap h5 {color: #222; font-size: 51px; font-weight: 700; line-height: 61px; margin-top: 20px;} .sub07_wrap .con02 .box_wrap .txt_wrap h5 span {color: #E9355D; font-size: 51px; font-weight: 700; line-height: 61px;} .sub07_wrap .con02 .card_wrap{display:flex; width:100%; margin:80px auto 0; gap:40px;flex-wrap:wrap; } .sub07_wrap .con02 .card_box{width: calc((100% - 80px) / 3); height:280px; overflow:hidden; position:relative; cursor:pointer; display:flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; border-radius:40px; padding:40px; transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} .sub07_wrap .con02 .card_box:nth-child(1){color:#fff; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.1)), url("/images/sub/sub0701_img10.png")center no-repeat; background-size: cover;} .sub07_wrap .con02 .card_box:nth-child(2){color:#fff; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.1)), url("/images/sub/sub0701_img11.png")center no-repeat; background-size: cover;} .sub07_wrap .con02 .card_box:nth-child(3){color:#fff; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.1)), url("/images/sub/sub0701_img12.png")center no-repeat; background-size: cover;} .sub07_wrap .con02 .card_box:nth-child(4){color:#fff; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.1)), url("/images/sub/sub0701_img13.png")center no-repeat; background-size: cover;} .sub07_wrap .con02 .card_box:nth-child(5){color:#fff; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.1)), url("/images/sub/sub0701_img14.png")center no-repeat; background-size: cover;} .sub07_wrap .con02 .card_box:nth-child(6){color:#fff; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.1)), url("/images/sub/sub0701_img15.png")center no-repeat; background-size: cover;} .sub07_wrap .con02 .card_box h6{font-size:32px; font-weight:700; line-height: 1.35; letter-spacing:-0.04em; word-break:keep-all; margin-top:10px;} .sub07_wrap .con02 .card_box p{font-size:19px; font-weight:400; line-height: 1.35; word-break:keep-all;} .sub07_wrap .con02 .card_box .info_box{display:flex; opacity:0; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding:40px; position:absolute; top:100%; background:#ec4c70a6; backdrop-filter: blur(10px); color:#fff; width: 100%; height: 100%; left: 0; transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} .sub07_wrap .con02 .card_box .info_box p{text-align:left;} .sub07_wrap .con02 .card_box .info_box p:nth-child(1){font-size:32px; font-weight:700; line-height: 1.35; letter-spacing:-0.04em; word-break:keep-all;} .sub07_wrap .con02 .card_box .info_box p:nth-child(2){font-size:19px; font-weight:400; line-height: 1.35; margin-top:10px; word-break:keep-all;} .sub07_wrap .con02 .card_box:hover{border-radius:60px; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.25);} .sub07_wrap .con02 .card_box:hover .info_box{opacity:1; top:0;} .sub07_wrap .con03 {width:100%; padding: 120px 0;} .sub07_wrap .con03 .box_wrap h5 {display: flex; color: #222; font-size: 51px; font-weight: 600; line-height: 65px; text-align: center; margin-top: 20px; justify-content: center;} .sub07_wrap .con03 .box_wrap h5 span {color: #E9355D; font-weight: 700; display:block;} .sub07_wrap .con03 .box_wrap p {color: #E9355D; text-align: center; font-size:19px; font-weight: 400; line-height:1.35; margin-top: 20px;} .sub07_wrap .con03 .box_wrap .img_box{margin-top: 80px;} .sub07_wrap .con04{padding:120px 0; background: #F8FAFB;} .sub07_wrap .con04 .box_wrap{display: flex; flex-direction: column; gap:80px;} .sub07_wrap .con04 .top_box{display: flex; justify-content: space-between;} .sub07_wrap .con04 .top_box em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px; display:block;} .sub07_wrap .con04 .top_box h5 {color: #222; font-size: 51px; font-weight:400; line-height: 65px; margin-top: 20px;} .sub07_wrap .con04 .top_box h5 span{color: #E9355D; font-weight: 700;} .sub07_wrap .con04 .top_box .arw_wrap{display: flex; gap: 10px; align-items: flex-end;} .sub07_wrap .con04 .top_box .arw_wrap div{cursor:pointer;} .sub07_wrap .con04 .bottom_box{width: calc(100% - 50px); margin: 0 auto; max-width: 1500px;} .sub07_wrap .con04 .bottom_box .swiper-slide{border-radius: 40px; background:#fff; box-shadow: 6px 5px 15px 0px rgba(0, 0, 0, 0.3);} .sub07_wrap .con04 .bottom_box .img_box{overflow: hidden; /* background: #f8f8f8; padding: 20px; */border-radius: 20px; margin:40px 40px 20px;} .sub07_wrap .con04 .bottom_box .img_box img{width:100%; max-height:390px; object-fit:contain;} .sub07_wrap .con04 .bottom_box .txt_wrap{padding:0px 40px 40px;} .sub07_wrap .con04 .bottom_box .txt_wrap .tit_wrap{display:flex; flex-direction: column; align-items: center; gap:10px;} .sub07_wrap .con04 .bottom_box .txt_wrap .tit_wrap h6{font-size:28px; font-weight:700; line-height: 1.35; color:#E9355D; letter-spacing:-0.04em; word-break:keep-all;} .sub07_wrap .con04 .bottom_box .txt_wrap .tit_wrap p{font-size:17px; font-weight:400; line-height: 1.35; word-break:keep-all; color: #222; letter-spacing:-0.04em;} .sub07_wrap .con04 .bottom_box .txt_wrap ul{margin-top:20px; font-size:17px; font-weight:400; line-height:22px; word-break:keep-all; color: #222; letter-spacing:-0.04em; border: 1px solid #eee; border-radius: 20px; padding: 20px;} .sub07_wrap .con04 .bottom_box .txt_wrap ul li{position:relative; padding-left:15px; margin-bottom:5px;} .sub07_wrap .con04 .bottom_box .txt_wrap ul li:before{position:absolute; content:''; width:6px; height:6px; top:8px; left:0; background: #fe7493; border-radius:99px;} .sub07_wrap .con06 {padding: 120px 0;} .sub07_wrap .con06 .box_wrap {display:flex; align-items: center; gap:80px;} .sub07_wrap .con06 .box_wrap .left_box {display:flex; align-items: flex-start; gap:50px;} .sub07_wrap .con06 .box_wrap .right_box em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px;} .sub07_wrap .con06 .box_wrap .right_box h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 61px; margin-top: 20px;} .sub07_wrap .con06 .box_wrap .right_box ul {width:710px; margin-top: 80px;} .sub07_wrap .con06 .box_wrap .right_box ul li {color: #000; font-size: 25px; font-weight: 400; line-height: 35px;border-bottom:1px solid #E5E5E5; padding-left: 40px; padding-bottom: 40px; margin-bottom: 20px; display:flex; align-items: baseline; word-break:keep-all;} .sub07_wrap .con06 .box_wrap .right_box ul li:last-child {border:0; margin-bottom: 0; padding-bottom: 0;} .sub07_wrap .con06 .box_wrap .right_box ul li span {color: #FF6994; font-family: "Playfair Display"; font-size: 51px; font-weight: 500; line-height: 51px; padding-right: 15px;} .sub07_wrap .con07 {position: relative; padding:120px 0 180px;} .sub07_wrap .con07 .box_wrap {display:flex; justify-content: space-between;} .sub07_wrap .con07 .box_wrap .left_box{flex-shrink:0;} .sub07_wrap .con07 .box_wrap .left_box em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px;} .sub07_wrap .con07 .box_wrap .left_box h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 65px; margin-top: 20px;} .sub07_wrap .con07 .box_wrap .left_box h5 span {color: #E9355D; font-weight: 700; display:block;} .sub07_wrap .con07 .box_wrap .left_box .arw_wrap{display:flex; gap:10px; margin-top: 40px;} .sub07_wrap .con07 .box_wrap .left_box .arw_wrap > div{cursor:pointer;} .sub07_wrap .con07 .box_wrap .right_box{width: 62%;} .sub07_wrap .con07 .equipSlide{padding-bottom: 60px;} .sub07_wrap .con07 .equipSlide .swiper-slide {cursor:pointer; position: relative; max-width: 360px; height: 330px; padding: 50px 40px 40px; border-radius: 30px; background: rgba(245, 245, 245, 0.9); margin-right: 40px;} .sub07_wrap .con07 .equipSlide .swiper-slide .img_box{position: absolute; right: 20px; bottom: -60px; width: 45%; z-index: 3;} .sub07_wrap .con07 .equipSlide .swiper-slide .img_box img{width: 100%; transition:all .3s; min-height:330px;} .sub07_wrap .con07 .equipSlide .swiper-slide .txt_wrap{position:relative; z-index:99;} .sub07_wrap .con07 .equipSlide .swiper-slide .txt_wrap em{color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px; display:block;} .sub07_wrap .con07 .equipSlide .swiper-slide .txt_wrap strong {color: #222; font-size: 35px; font-weight: 600; line-height: 45px; display:block; margin-top: 20px;} .sub07_wrap .con07 .equipSlide .swiper-slide:hover img{transform:scale(1.08);} .sub07_wrap .con07 .rolling_wrap{position: absolute; bottom:10%; left:0; z-index: 1; margin-top:0;} .sub07_wrap .con07 .txt_rolling span{color: rgb(255,255,255,.7); opacity: 1;} /* sub0801 */ .sub0801_wrap h3 {color: #222; font-weight: 400; font-size: 41px; line-height: 60px; margin-bottom: 40px;} .sub0801_wrap .con01 {background: #DCE3E9;} .sub0801_wrap .con01 .box_wrap {display:flex; justify-content: space-between; align-items: center;} .sub0801_wrap .con01 .box_wrap > img {position: relative;} .sub0801_wrap .con01 .box_wrap .txt_wrap {position: absolute; right:210px; z-index: 1;} .sub0801_wrap .con01 .box_wrap .txt_wrap strong {color: #222; font-size: 41px; font-weight: 600; line-height: 60px; text-align: right; display: block;} .sub0801_wrap .con01 .box_wrap .txt_wrap strong span {color: #E9355D;} .sub0801_wrap .con01 .box_wrap .txt_wrap ul.check_list {margin-top: 40px;} .sub0801_wrap .con01 .box_wrap .txt_wrap ul.check_list li {color: #222; font-size: 31px; line-height: 32px; margin-bottom: 20px; display:flex; justify-content: flex-end; align-items: center; gap:10px;} .sub0801_wrap .con01 .box_wrap .txt_wrap ul.check_list li:last-child {margin-bottom: 0;} .sub0801_wrap .con02 {width:100%; background: url('/images/sub/sub0301_bg01.png'); padding: 120px 0;} .sub0801_wrap .con02 .box_wrap {display:flex; flex-direction: column; justify-content: center; align-items: center; } .sub0801_wrap .con02 .box_wrap span {color: #999; font-size: 19px; font-weight: 400; line-height: 19px;} .sub0801_wrap .con02 .box_wrap .txt_wrap {text-align: center;} .sub0801_wrap .con02 .box_wrap .txt_wrap p {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px;} .sub0801_wrap .con02 .box_wrap .txt_wrap h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 61px; margin-top: 20px;} .sub0801_wrap .con02 .box_wrap .ico_wrap {display: flex; justify-content: center; align-items: center; gap: 40px; align-self: stretch; flex-wrap: wrap; margin-top: 80px; margin-bottom: 60px;} .sub0801_wrap .con02 .box_wrap .ico_wrap .box {display:flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; flex: 1 0 0;} .sub0801_wrap .con02 .box_wrap .ico_wrap .box p {color: #000; font-size: 21px; font-weight: 400; line-height: 31px; letter-spacing: -0.84px; text-align: center;} .sub0801_wrap .con02 .box_wrap .ico_wrap .box p em {font-weight: 600;} .sub0801_wrap .con03 {width:100%; background: url('/images/sub/sub0301_bg02.jpg'); padding: 120px 0;} .sub0801_wrap .con03 .box_wrap {display:flex; flex-direction: column; align-items: center;} .sub0801_wrap .con03 .box_wrap h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 61px; } .sub0801_wrap .con03 .box_wrap h5 span {color: #E9355D;} .sub0801_wrap .con03 .box_wrap em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px; margin-top: 20px;} .sub0801_wrap .con03 .box_wrap ul {display:flex; align-items: center; gap:4px; margin-top: 60px;} .sub0801_wrap .con03 .box_wrap ul li:nth-child(even) {margin-top: -50px;} .sub0801_wrap .con03 .box_wrap ul li span {color: #E9355D; text-align: center; font-size: 19px; font-weight: 700; display:block;} .sub0801_wrap .con03 .box_wrap ul li strong {color: #222; text-align: center; font-size: 25px; font-weight: 700; display:block; margin-top: 10px;} .sub0801_wrap .con04 .img_box img {width:100%;} .sub0801_wrap .con05 {background: linear-gradient(180deg, #FFECF0 0%, #FFF 100%); padding:120px 0;} .sub0801_wrap .con05 .box_wrap h5 {color: #222; text-align: center; font-size: 51px; font-weight: 600; line-height: 65px; margin-bottom: 40px;} .sub0801_wrap .con05 .box_wrap h5 span {font-weight: 700; color: #E9355D;} .sub0801_wrap .con05 .box_wrap em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 26.6px; display:block; text-align: center;} .sub0801_wrap .con05 .box_wrap ul {display: flex; align-items: center; justify-content: center; margin-top: 80px;} .sub0801_wrap .con05 .box_wrap ul li {display: flex; width: 420px; height: 420px; flex-direction: column; justify-content: center; align-items: center; flex-shrink: 0; aspect-ratio: 1/1; border-radius: 50%; border: 1px solid #E9355D; color: #E9355D; font-size: 31px; font-weight: 600; line-height: 45px; text-align: center;} .sub0801_wrap .con05 .box_wrap ul li:nth-child(2) {background: rgba(255, 201, 214, 0.30); backdrop-filter: blur(2.5px); margin-left: -40px; margin-right: -40px; position: relative;} .sub0801_wrap .con05 .box_wrap ul li:nth-child(2):before {content:""; position: absolute; top: -50px; width: 1px; height: 120px; background: #EC4C70;} .sub0801_wrap .con05 .box_wrap ul li em {color: #E9355D; text-align: center; font-size: 19px; font-weight: 400;} .sub0801_wrap .con05 .box_wrap ul li strong {color: #E9355D; font-size: 31px; font-weight: 600; margin-top: 10px; margin-bottom: 40px;} .sub0801_wrap .con05 .box_wrap ul li p {color: #222; text-align: center; font-size: 19px; font-weight: 400; line-height: 28.5px;} .sub0801_wrap .con06 {padding: 120px 0;} .sub0801_wrap .con06 .box_wrap {display:flex; align-items: center; gap:80px;} .sub0801_wrap .con06 .box_wrap .left_box {display:flex; align-items: flex-start; gap:50px;} .sub0801_wrap .con06 .box_wrap .right_box em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px;} .sub0801_wrap .con06 .box_wrap .right_box h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 61px; margin-top: 20px;} .sub0801_wrap .con06 .box_wrap .right_box ul {width:710px; margin-top: 80px;} .sub0801_wrap .con06 .box_wrap .right_box ul li {color: #000; font-size: 25px; font-weight: 400; line-height: 35px;border-bottom:1px solid #E5E5E5; padding-left: 40px; padding-bottom: 40px; margin-bottom: 20px; display:flex; align-items: baseline; word-break:keep-all;} .sub0801_wrap .con06 .box_wrap .right_box ul li:last-child {border:0; margin-bottom: 0; padding-bottom: 0;} .sub0801_wrap .con06 .box_wrap .right_box ul li span {color: #FF6994; font-family: "Playfair Display"; font-size: 51px; font-weight: 500; line-height: 51px; padding-right: 15px;} .sub0801_wrap .con07 {width:100%; background: url('/images/sub/sub0301_bg02.jpg'); padding: 120px 0;} .sub0801_wrap .con07 .box_wrap {display:flex; flex-direction: column; align-items: center;} .sub0801_wrap .con07 .box_wrap em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px; } .sub0801_wrap .con07 .box_wrap h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 61px; margin-top: 20px;} .sub0801_wrap .con07 .box_wrap h5 span {color: #E9355D;} .sub0801_wrap .con07 .box_wrap ul {display: flex; align-items: center; gap: 50px; align-self: stretch; margin-top: 60px;} .sub0801_wrap .con07 .box_wrap ul li {display: flex; padding: 40px 35px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; flex: 1 0 0; border-radius: 20px; background: #FF6994; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.20);} .sub0801_wrap .con07 .box_wrap ul li strong {color: #FFF; font-size: 31px; font-weight: 700; } .sub0801_wrap .con07 .box_wrap ul li span {color: #FFF; font-size: 21px; font-weight: 400;} .sub0801_wrap .con08 {background: #F8FAFB; padding: 120px 0;} .sub0801_wrap .con08 .box_wrap {display:flex; flex-direction: column; align-items: center;} .sub0801_wrap .con08 .box_wrap h5 {color: #222; font-size: 51px; font-weight: 600;} .sub0801_wrap .con08 .box_wrap h5 span {color: #E9355D;} .sub0801_wrap .con08 .box_wrap em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 29px; text-align: center; margin-top: 40px;} .sub0801_wrap .con08 .box_wrap ul {display:flex; margin-top: 60px;} .sub0801_wrap .con08 .box_wrap ul li {display:flex; flex-direction: column; align-items: center; position: relative;} .sub0801_wrap .con08 .box_wrap ul li span {display: flex; width: 80px; height: 80px; flex-direction: column; justify-content: center; align-items: center; border-radius: 50px; background: #FF6994; color: #FFF; font-size: 31px; font-weight: 700; position: absolute; bottom:125px;} .sub0801_wrap .con08 .box_wrap ul li strong {color: #222; text-align: center; font-size: 25px; font-weight: 700; margin-top: 17px;} .sub0801_wrap .con08 .box_wrap ul li p {color: #222; text-align: center; font-size: 21px; font-weight: 400; line-height: 31px; margin-top: 15px;} .sub0801_wrap .con09 {width:100%; background: url('/images/sub/sub0301_bg02.jpg'); padding: 120px 0;} .sub0801_wrap .con09 .box_wrap em {color: #FE7493; font-size: 19px; font-weight: 700; line-height: 19px; display:block; text-align: center;} .sub0801_wrap .con09 .box_wrap h5 {color: #222; font-size: 51px; font-weight: 600; line-height: 65px; text-align: center; margin-top: 20px; word-break:keep-all;} .sub0801_wrap .con09 .box_wrap h5 span {color: #E9355D; font-weight: 700; } .sub0801_wrap .con09 .box_wrap p {color: #222; text-align: center; font-size: 21px; font-weight: 400; line-height: 31px; margin-top: 20px; word-break:keep-all;} .sub0801_wrap .con09 .box_wrap ul {display:flex; gap: 40px; margin-top: 60px;} .sub0801_wrap .con09 .box_wrap ul li {display: flex; width:276px; height: 340px; padding: 40px 35px; flex-direction: column; justify-content: space-between; align-items: flex-start; border-radius: 20px; background: #FF6994; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.20); flex: 1 0 0;} .sub0801_wrap .con09 .box_wrap ul li span {color: #fff; font-size: 19px; font-weight: 400; line-height: 19px; display:block;} .sub0801_wrap .con09 .box_wrap ul li strong {color: #FFF; font-size: 25px; font-weight: 700; line-height: 35px; margin-top: 15px; display:block;} .sub0801_wrap .con09 .box_wrap ul li img {margin-left: auto;} /* sub0804 */ .sub0804_wrap .con09 {height:826px;} /* sub0901 */ .sub0901_wrap {padding-bottom: 120px;} .sub0901_wrap h3 {color: #222; font-weight: 400; font-size: 41px; line-height: 60px; margin-bottom: 40px;} .sub0901_wrap .cate_box ul {display:flex; gap:10px;} .sub0901_wrap .cate_box ul li {display: flex; padding: 14px 28px; justify-content: center; align-items: center; gap: 10px; border-radius: 999px; border: 1px solid #ddd;} .sub0901_wrap .cate_box ul li a {color: #ddd; font-size: 19px; font-weight: 700; line-height: 20px;} .sub0901_wrap .cate_box ul li.on {border: 1px solid #E9355D;} .sub0901_wrap .cate_box ul li.on a {color: #E9355D;} .sub0901_wrap .box_wrap {margin-bottom: 80px;} .sub0901_wrap .box_wrap ul {display:flex; gap:30px; margin-top: 40px; flex-wrap:wrap;} .sub0901_wrap .box_wrap ul li {display: flex; width: 480px; padding: 40px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 30px; border-radius: 20px; background: #FFF; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.20);} .sub0901_wrap .swiper-slide {height: auto;} .sub0901_wrap .swiper-slide .big_img{width: 100%;} .sub0901_wrap .bfaf-login{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap:40px; position: relative;} .sub0901_wrap .bfaf-login p{font-size: 21px; color: #222; line-height: 29px; text-align: center;} .sub0901_wrap .bfaf-login a{display:flex; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; width: 180px; height: 32px; font-size: 19px; font-weight: 600; color: #FFF;background-color: #E9355D;padding: 12px 20px;border-radius: 30px;} .sub0901_wrap .bfaf-login .be_img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;} .sub0901_wrap .bfaf-login .be_img img {width: 100%;} .sub0901_wrap .bfaf-login .be_img::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(255,255,255,0.75);backdrop-filter: blur(10px);} .sub0901_wrap img-comparison-slider{width: 100%; aspect-ratio:1;} .sub0901_wrap .box_wrap .txt_box a {display:flex; flex-direction: column; gap:20px;} .sub0901_wrap .box_wrap .txt_box .top_txt {display:flex; justify-content: space-between; align-items: flex-end;} .sub0901_wrap .box_wrap .txt_box .top_txt span {display: flex; padding: 9px 18px; justify-content: center; align-items: center; border-radius: 999px; background: #E9355D; color: #FFF; font-size: 17px; font-weight: 700; line-height: 18px;} .sub0901_wrap .box_wrap .txt_box .top_txt em {color: #222; font-size: 19px; font-weight: 400; line-height: 19px;} .sub0901_wrap .box_wrap .txt_box strong {color: #222; font-size: 25px; font-weight: 500; line-height: 31px;} .sub0901_wrap .box_wrap .txt_box p {color: #222; font-size: 21px; font-weight: 400; line-height: 31px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .paging ul {display:flex; align-items: center; justify-content: center;} .paging ul li {display: flex; width: 42px; height: 42px; justify-content: center; align-items: center; aspect-ratio: 1/1; } .paging ul li a {color: #ddd; font-size: 19px; font-weight: 700; line-height: 19px;} .paging ul li.on a {color: #E9355D; } .paging ul li img {display:flex; align-items: center; justify-content: center;} .paging ul li.circle {display: flex; width: 42px; height: 42px; justify-content: center; align-items: center; aspect-ratio: 1/1; border-radius: 999px; background: #FFF; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.20); margin-right: 10px;} .paging ul li.circle:last-child{margin-right: 0;} /* sub0901_view_wrap */ .sub0901_view_wrap .tit_box{padding-bottom: 40px; border-bottom:1px solid rgba(34, 34, 34, 0.50);} .sub0901_view_wrap .tit_box p{color: #222;font-size: 41px;font-weight: 600;line-height: 1.6;} .sub0901_view_wrap .tit_box em{color: #222;font-size: 21px;font-weight: 400;} .sub0901_view_wrap .edit_box{padding-block:60px; border-bottom:1px solid rgba(34, 34, 34, 0.50);} .sub0901_view_wrap .edit_box .img_wrap{display: flex; margin-bottom: 60px;} .sub0901_view_wrap .edit_box .img_wrap .img_box{width:50%; aspect-ratio:1; position: relative;} .sub0901_view_wrap .edit_box .img_wrap .img_box span{position: absolute; bottom:20px; right:20px; font-size:41px;color: #222; font-weight: 600;} .sub0901_view_wrap .edit_box p {color: #222;text-align: center; font-size: 17px; line-height: 1.6;} .sub0901_view_wrap .btn_box{padding-top:80px; padding-bottom:120px;display: flex;flex-direction: column;justify-content: center;align-items: center;} .sub0901_view_wrap .btn_box > a span{display: flex;width: 200px;height: 64px;padding: 12px 20px;justify-content: center;align-items: center;gap: 10px;border-radius: 999px; border: 1px solid #E9355D;color: #FE7493;font-size: 19px;} .sub0901_view_wrap .btn_box > a span:hover{background:#FE7493; color:#fff; border:none;} .sub0901_view_wrap .btn_box .btn02{display: flex; justify-content: space-between;align-items: center;align-self: stretch;} .sub0901_view_wrap .btn_box .btn02 a{display: flex; gap:30px; } .sub0901_view_wrap .btn_box .btn02 a:last-child{display: flex; flex-direction: row-reverse;} .sub0901_view_wrap .btn_box .btn02 .txt_btnbox {display: flex; flex-direction: column; gap:5px;} .sub0901_view_wrap .btn_box .btn02 a:last-child .txt_btnbox{text-align: right;} .sub0901_view_wrap .btn_box .btn02 .txt_btnbox span{color: #222;font-size: 41px;font-weight: 400;} .sub0901_view_wrap .btn_box .btn02 .txt_btnbox p{color: #222;font-size: 17px;font-weight: 400; width:500px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } /* sub0902_wrap */ .sub0902_wrap {padding-bottom: 120px;} .sub0902_wrap h3 {color: #222; font-weight: 400; font-size: 41px; line-height: 60px; margin-bottom: 40px;} .sub0902_wrap .box_wrap{margin-bottom: 80px;} .sub0902_wrap .box_wrap ul {display: flex; gap:30px; flex-wrap:wrap;} .sub0902_wrap .box_wrap ul li {padding:40px; background:#fff; width:calc((100% - 60px) / 3); border-radius: 20px;box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.20);} .sub0902_wrap .box_wrap ul li > a{display: flex; flex-direction: column; gap:30px;} .sub0902_wrap .box_wrap ul li > a .img_box{width:100%; aspect-ratio:1;} .sub0902_wrap .box_wrap ul li > a .img_box img{width:100%; } .sub0902_wrap .box_wrap ul li > a .txt_box{display: flex; flex-direction: column;gap:20px;} .sub0902_wrap .box_wrap ul li > a .txt_box strong{color: #222;font-size: 25px;font-weight: 500; } .sub0902_wrap .box_wrap ul li > a .txt_box em{color: #222;font-size: 19px;font-weight: 400; } /* 일반게시판_list */ .basic_bd02{line-height: 1;} .basic_bd02 .inner{width: 100%;} .basic_bd02 .search_box{display: flex; flex-direction: row-reverse; align-items: end;margin-bottom: 30px;} .basic_bd02 .search_box .search{display: flex;gap:10px;justify-content: end;} .basic_bd02 .search_box .search select{font-size: 18px; color: #222; width: 182px; height: 70px; border:1px solid #ddd; border-radius:50px; padding: 0px 54px 0px 30px;-webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(/images/sub/basic_bd01_icon01.png)center right 30px no-repeat;} .basic_bd02 .search_box .input_wrap{position: relative;} .basic_bd02 .search_box .input_wrap input{width: 558px; height: 70px;font-size: 18px; color: #222; border:1px solid #ddd; border-radius:50px;padding: 0px 74px 0px 40px;} .basic_bd02 .search_box .input_wrap input::placeholder{color: rgba(0,0,0,.4);} .basic_bd02 .search_box .input_wrap button{position: absolute; right: 30px; top: 50%; transform:translateY(-50%);} .basic_bd02 .news-list ul{border-top: 1px solid #000;} .basic_bd02 .news-list ul li{position: relative;border-bottom: 1px solid #eee;background: #fff;} .basic_bd02 .news-list ul li::after{content:'';opacity: 0;position: absolute;right: 50px; top: 50%; transform:translateY(-50%);transition:.3s;background: url(/images/sub/basic_bd02_icon03.png)center no-repeat; width: 55px; height: 52px; background-size: cover;} .basic_bd02 .news-list ul li a{display: flex;align-items: center;padding: 35px 50px;} .basic_bd02 .news-list ul li .date_box{display: flex; flex-direction: column;align-items: center;gap:10px;width: 70px;} .basic_bd02 .news-list ul li .date_box p{font-size: 36px; color: #cfcfcf;font-weight: 700;transition:.3s;} .basic_bd02 .news-list ul li .date_box span{font-size: 17px;color: #cfcfcf;font-weight: 700;transition:.3s;} .basic_bd02 .news-list ul li .txt_box{width: calc(100% - 280px);margin-left: 60px;} .basic_bd02 .news-list ul li .txt_box .tit_box{display: flex;width: calc(100% - 80px);margin-bottom: 15px;} .basic_bd02 .news-list ul li .txt_box .tit_box span.tag01{display: inline-block;vertical-align: middle;height: 25px;line-height: 23px;border: 1px solid #eee;padding: 0 15px;font-size: 14px;margin-right: 10px;color: var(--bg01);} .basic_bd02 .news-list ul li .txt_box .tit_box strong{font-size: 23px; color: #222;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .basic_bd02 .news-list ul li .txt_box p{font-size: 17px; color: #777;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .basic_bd02 .news-list ul li .txt_box p.mob_date{display: none;} .basic_bd02 .news-list ul li:hover{background: #f9f9f9;} .basic_bd02 .news-list ul li:hover .date_box p{color: #222;} .basic_bd02 .news-list ul li:hover .date_box span{color: #222;} .basic_bd02 .news-list ul li:hover::after{opacity: 1;} /* 일반게시판_view */ .basic_bd01_view .inner{width: 1650px;} .basic_bd01_view .tit_box{padding-bottom: 50px;border-bottom: 1px solid #2f3435;} .basic_bd01_view .tit_box strong{font-size: 24px; color: var(--bg01); font-weight: 700;} .basic_bd01_view .tit_box p{font-size: 36px; margin: 20px 0px 30px ; font-weight: 700;color: #000; word-break: break-word;} .basic_bd01_view .tit_box span{font-size: 18px;color: #abadae;font-weight: 500;} .basic_bd01_view .view_box{padding: 80px 20px;} .basic_bd01_view .view_box img{margin-bottom: 80px;} .basic_bd01_view .view_box p{font-size: 18px; color: #000;word-break: break-word;} .basic_bd01_view .file_box{padding: 22px 35px;background: #f9f9f9; margin-top: 40px;} .basic_bd01_view .file_box ul {display: flex;align-items: center;gap:10px; flex-wrap:wrap;} .basic_bd01_view .file_box ul li{display: flex;align-items: flex-start;gap:20px 10px; width: 32%;} .basic_bd01_view .file_box ul li img {margin-bottom: 0;} .basic_bd01_view .file_box ul li em{display: block;} .basic_bd01_view .file_box ul li a{font-size: 15px; color: #444;transition:.3s;border-bottom: 1px solid transparent;} .basic_bd01_view .file_box ul li a:hover{border-bottom: 1px solid #444;} .basic_bd01_view .view_btn_box{display: flex; justify-content:space-between;align-items:center;padding: 50px 0px 20px; border-top: 1px solid #dcdcdc;} .basic_bd01_view .view_btn_box .arr{display: flex;align-items:center;gap:20px;} .basic_bd01_view .view_btn_box .arr p{font-size: 18px; color: #000;width: 200px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .basic_bd01_view .view_btn_box .arr.next p{text-align: end;} .basic_bd01_view .view_btn_box .arr:hover p{text-decoration: underline;text-underline-position: under;} .basic_bd01_view .view_btn_box .back{position: relative;width: 72px; height: 72px; border:1px solid var(--bg01); border-radius:10px;} .basic_bd01_view .view_btn_box .back img{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);} .basic_bd01_view .view_btn_box .back:hover{background: url(/images/sub/basic_bd01_icon06_2.png)center no-repeat var(--bg01);} .basic_bd01_view .view_btn_box .back:hover img{display: none;} /* 사진갤러리&동영상게시판 */ .gallery_bd02 .con ul.img_li {display: flex; gap: 80px 2%; flex-wrap: wrap;} .gallery_bd02 .con ul.img_li li {width: 32%;} .gallery_bd02 .con ul.img_li li .img_wrap {position: relative; width: 100%; height: 0; overflow: hidden; margin: 0 auto; border-radius: 10px; padding-bottom: 65.559%;} .gallery_bd02 .con ul.img_li li .img_wrap img {position: absolute; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; transition: all 0.2s linear; overflow: hidden;} .gallery_bd02 .con ul.img_li li .img_wrap img:hover {transform: scale(1.1);} .gallery_bd02 .con ul.img_li li .txt_wrap {margin-top: 20px;} .gallery_bd02 .con ul.img_li li .txt_wrap span.month {font-size: 20px; color: #00a3cc; font-weight: 600;} .gallery_bd02 .con ul.img_li li .txt_wrap p.p_tit {font-size: 20px; color:#222; font-weight: 600;word-break: break-word;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gallery_bd02 .con ul.img_li li .txt_wrap p.p_con {border-top: 1px solid #ddd; font-size: 16px; color: #444; padding-top: 16px; margin-top: 16px;} .gallery_bd02 .con ul.img_li {gap: 45px 2%;} .gallery_bd02 .con ul.img_li li .txt_wrap p.p_tit {font-size: 18px;} .gallery_bd02 .con ul.img_li li .txt_wrap p.p_con {border-top: 0; margin-top: 0; padding-top: 10px; font-size: 14px;} .gallery_bd02 .search_box{display: flex; flex-direction: row-reverse; align-items: end;margin-bottom: 30px;} .gallery_bd02 .search_box .search{display: flex;gap:10px;justify-content: end;} .gallery_bd02 .search_box .search select{font-size: 18px; color: #222; width: 182px; height: 70px; border:1px solid #ddd; border-radius:50px; padding: 0px 54px 0px 30px;-webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(/images/sub/basic_bd01_icon01.png)center right 30px no-repeat;} .gallery_bd02 .search_box .input_wrap{position: relative;} .gallery_bd02 .search_box .input_wrap input{width: 558px; height: 70px;font-size: 18px; color: #222; border:1px solid #ddd; border-radius:50px;padding: 0px 74px 0px 40px;} .gallery_bd02 .search_box .input_wrap input::placeholder{color: rgba(0,0,0,.4);} .gallery_bd02 .search_box .input_wrap button{position: absolute; right: 30px; top: 50%; transform:translateY(-50%);} /* modal */ .modal {display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 9999; justify-content: center; align-items: center;} .modal_content {overflow:hidden; background: #fff; border-radius:40px; max-width: 700px; width: 90%; padding:40px; position: relative; display: flex; flex-direction: column; align-items: center;} .modal_close {position: absolute; top:30px; right:30px;} .modal_close img{width:30px;} .modal_inner {display: flex; flex-direction: column; align-items: center; gap: 20px; position:relative; z-index:9;} .modal_inner img {max-width: 100%; height: auto; border-radius:999px;} .modal_inner h2 {font-size:30px; color: #E9355D;} .modal_inner p {color:#222; font-size: 18px; line-height: 1.6; text-align: center;} .modal_nav {display: flex; justify-content: space-between; width: 100%;margin-top: 20px;} .modal_nav button {background: #fff; color: #E9355D; padding: 10px 18px; border-radius: 8px; font-size: 14px; cursor: pointer; transition: background 0.2s; border:1px solid #E9355D;} .modal_nav button:hover {background: #E9355D;color: #fff;} .modal .txt_rolling{position:absolute; top:40%; z-index:1;} /* quick_box */ .quick_box{position: fixed;width: 100%;bottom: 0;left: 0; background: rgb(254, 116, 147, .7); z-index: 4000;} .quick_box.rel{position: absolute;bottom: 495px;} .quick_box .inner{display: flex; align-items:center;justify-content: space-between; padding:15px;} .quick_box .left{display: flex;align-items:center; gap:60px;} .quick_box .left .txt{flex-shrink:0;} .quick_box .left .txt strong{font-size:25px; color:#fff; font-weight:700;} .quick_box .left .i_box {display: flex; margin-right:40px; gap:10px;} .quick_box .left .i_box input[type="text"] {border: none;height: 35px;padding: 0 10px;font-size: 14px;border-radius:5px;width:calc(100% - 30px / 4);text-align:center;font-weight:500;} .quick_box .left .i_box input[type="text"]::placeholder{color:#9b9b9b;} .quick_box .left .i_box select{width:calc(100% - 30px / 4);border-radius:5px;border: none;text-align:center;color:#9b9b9b;font-weight:500; height: 35px;} .quick_box .left .i_box select option{text-align:center; padding-block:5px; width:calc(100% - 30px / 4); font-size:14px; font-weight:500; background:#f9f9f9;} .quick_box .right{display:flex;align-items:center;} .quick_box .right .c_wrap{display:flex; flex-direction:column; gap:6px;} .quick_box .right .c_box{font-size:14px; color:#fff; font-weight:600;display: flex;align-items:center; gap:10px; word-break:keep-all;} .quick_box .right button{flex-shrink:0; background:#fff; color:var(--co01); font-size:16px; line-height:1.35; font-weight:700; padding:7px 30px; margin-left:30px;border-radius:5px;} .quick_box .right .c_box input[type="checkbox"]{flex-shrink:0; appearance: none;border: none; width: 16px; height: 16px;background-color: #fff; cursor: pointer;position: relative;border-radius: 4px;} .quick_box .right .c_box input[type="checkbox"]:checked {background-color: #545454; } .quick_box .right .c_box input[type="checkbox"]:checked::after {content: '✔'; font-size:10px;color: white;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}