/* Common **********************************************************************/ /* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */ /* Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */ @font-face { font-family: 'Pretendard'; font-weight: 100; src: url('/assets/font/Pretendard-Thin.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 200; src: url('/assets/font/Pretendard-ExtraLight.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 300; src: url('/assets/font/Pretendard-Light.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 400; src: url('/assets/font/Pretendard-Regular.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 500; src: url('/assets/font/Pretendard-Medium.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 600; src: url('/assets/font/Pretendard-SemiBold.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 700; src: url('/assets/font/Pretendard-Bold.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 800; src: url('/assets/font/Pretendard-ExtraBold.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 900; src: url('/assets/font/Pretendard-Black.woff2') format('woff2'); } @import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap'); /* Common **********************************************************************/ html,body {width:100%; scroll-behavior: smooth;} 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: "Noto Sans JP", sans-serif; 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;} /* input {appearance: none; -webkit-appearance: none; -webkit-border-radius: 0;} select {-webkit-appearance: none; -moz-appearance: none; appearance: none;} */ .center{text-align:center;} .pc_img {display:block;} .tab_img {display:none;} .mob_img {display:none;} .pc {display:block;} .tab {display:none;} .mob {display:none;} :root { --co01: #1361e1; } ::selection{background: #222;color: #fff;} .fg{font-family: "Great Vibes", cursive;} /* ==main== */ #wrap{ position: relative; width: 100%; max-width: 100%; min-width: 1550px; margin: 0 auto; overflow: hidden;word-break: break-all;} .inner{width: 1500px; margin: 0 auto; max-width:100%;} /* header */ #header{position: fixed;left: 0; top: 0;width: 100%;z-index: 8000;transition:.6s ease;} #header.active{top: -100%;} #header.bg{background: rgba(255,255,255,.6);} #header .inner{display: flex;justify-content: space-between;align-items: center; width: 100%; height: 120px; padding: 0px 50px;} #header .right_wrap{display: flex;align-items: center;gap:20px;} #header .all_btn{position: relative;} #header .all_btn img{transition:.3s;} #header .all_btn img.on{position: absolute; left: 0; top: 0;opacity: 0;} #header .lan_wrap{position: relative;} #header .lan_wrap em{position: relative;display: flex;align-items: center; width: 80px; height: 34px; border-radius:17px; border:1px solid #ddd;gap:6px;padding: 6px;font-size: 14px; color: #222; font-weight: 500;transition:.4s; cursor:pointer;} #header .lan_wrap em::after{content:'';position: absolute;right: 12px;top: 50%;transform:translateY(-50%); background: url(/assets/images/main/lan_arr_pc.png)center no-repeat; width: 9px; height: 6px;} #header .lan_wrap em:hover{background: rgba(255,255,255,.6);} #header .lan_wrap ul{display: none;position: absolute;top: calc(100% + 10px);left: 50%;transform:translateX(-50%); width: 100px;background: #fff;padding: 8px; border-radius:15px;box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);} #header .lan_wrap ul li a{display: flex;align-items: center; justify-content: center; height: 40px;font-size: 14px; color: #222; font-weight: 500; border-radius:12px;} #header .lan_wrap ul li.on a{background: #eee;} /* all_menu */ #header.all{background: #fff;} #header.all.active{top: 0;} #header.all .all_btn img.on{opacity: 1;} #header.all .all_btn img.off{opacity: 0;} .all_menu_wrap{display: none;position: fixed; top: 120px; left: 0;z-index: 5000;width: 100%; line-height: 1; background: #fff;height: calc(100vh - 120px);} .all_menu_wrap .inner{display: flex;align-items: flex-end;justify-content: space-between;padding-top: 150px;} .all_menu_wrap .all_menu{position: relative;} .all_menu_wrap .menu_wrap h3{font-size: 64px; color: #222; font-weight: 600;cursor:pointer;width: fit-content;transition:.4s;} .all_menu_wrap .menu_wrap h3:not(:last-child){margin-bottom: 40px;} .all_menu_wrap .menu_wrap h3.on{color: #666;} .all_menu_wrap .menu_wrap ul{display: none;position: absolute;top: -15px;left: 500px;width: 100%;} .all_menu_wrap .menu_wrap ul li a{font-size: 36px; color: #222; font-weight: 600; line-height: 66px;} .all_menu_wrap .menu_wrap ul li a:hover{color: #666;} .all_menu_wrap .txt_wrap .txt:not(:last-child){margin-bottom: 55px;} .all_menu_wrap .txt_wrap .txt p{font-size: 16px; color: #222; font-weight: 600;} .all_menu_wrap .txt_wrap .txt span{display: block;font-size: 16px;color: #888; line-height: 28px; margin-top: 15px; font-weight: 600;} /* navi */ .nav_btn{display: none;} .navigation{display: none;} /* visual_wrap */ #visual_wrap{position: relative; background: url(/assets/images/main/main_visual01_pc.jpg)center no-repeat; background-size: cover; height: 1227px;} #visual_wrap .video_wrap{position: relative;width: 690px;height: 100%;margin: 0 auto;} #visual_wrap .video_wrap::after{content:'';position: absolute;top: 0; left: 0; width: 100%; height: 100%;z-index: 10;} #visual_wrap .video_wrap video, #visual_wrap .video_wrap iframe{width: 100%;height: 100%;object-fit:cover;} .section{line-height: 1;} .section .sec_tit{margin-bottom: 60px;} .section .sec_tit p{font-size: 48px; color: #222; font-weight: 800; line-height: 64px;} .section .sec_tit .bot_txt{margin-top: 30px;} .section .sec_tit span{display: block; font-size: 24px; color: #222; font-weight: 500; line-height: 36px;} .section .mob_slide{display: none;} a.more_btn_st01{display: flex;align-items: center; justify-content: center;gap:16px;width: 200px; height: 60px; background: #222; border-radius:30px;font-size: 20px; color: #fff; font-weight: 600;} a.more_btn_st01 img{transition:.4s ease;} a.more_btn_st01:hover img{transform:rotate(45deg);} /* section01 */ #section01{position: relative;padding: 200px 0 280px;overflow: hidden;} #section01 .bg{position: absolute;left: 0;top: 0;width: 100%;z-index: -1;} #section01 .bg video{width: 100%;opacity: .3;} #section01 .banner_wrap{display: none;position: relative;overflow: hidden; border-radius:20px; margin-bottom: 185px;} #section01 ul.banner_slide li .img_wrap{position:relative; width:100%; padding-bottom:18.667%; } #section01 ul.banner_slide li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} #section01 .banner_wrap .numcount{position: absolute;right: 0; bottom: 0; z-index: 100;display: flex;align-items: center;justify-content: center; gap:23px;width: 88px; height: 40px;background:rgba(34,34,34,.8);border-radius:20px 0 0 0;} #section01 .banner_wrap .numcount span{font-size: 18px; color: #999;} #section01 .banner_wrap .numcount span.now{position: relative;color: #fff;} #section01 .banner_wrap .numcount span.now::after{content:'/';position: absolute; right: -14px; top: 50%;transform:translateY(-50%);color: #999;} #section01 .slide_wrap.mob_slide{display: none;} #section01 .slide_wrap ul.sec01_slide .slick-list{width: calc(100% + 20px);padding-bottom: 20px;} #section01 .slide_wrap ul.sec01_slide li.slick-slide{margin-right: 20px;overflow: hidden; border-radius:20px; transition:.3s;} #section01 .slide_wrap ul.sec01_slide li.slick-slide.slick-active{box-shadow: 3px 3px 20px rgba(0,0,0,.05);} #section01 .slide_wrap ul.sec01_slide li .img_wrap{position:relative; width:100%; padding-bottom:100%;} #section01 .slide_wrap ul.sec01_slide li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} #section01 .slide_wrap ul.sec01_slide li em.tag{position: absolute;top: 0; right: 0;z-index: 10;display: flex;align-items: center;padding: 0 18px; height: 32px; font-size: 14px; color: #fff; font-weight: 500; background: #222;} #section01 .slide_wrap ul.sec01_slide li .txt_wrap{padding: 30px;background: #fff;} #section01 .slide_wrap ul.sec01_slide li .txt_wrap .top{margin-bottom: 10px;} #section01 .slide_wrap ul.sec01_slide li .txt_wrap span{font-size: 16px; color: #888; font-weight: 500;} #section01 .slide_wrap ul.sec01_slide li .txt_wrap .top p{font-size: 20px; color: #222; font-weight: 600; margin-top: 12px; line-height: 1.4;} #section01 .slide_wrap ul.sec01_slide li .txt_wrap .bot span i{display: inline-block;width: 7px;} #section01 .slide_wrap ul.sec01_slide li .txt_wrap .bot p{font-size: 16px;color: #222; font-weight: 600;margin-top: 12px;} #section01 .slide_wrap ul.sec01_slide li .txt_wrap .bot p b{font-size: 32px; color: var(--co01); font-weight: 700;} #section01 .slide_wrap ul.slick-dots{display: flex;justify-content: center;gap:8px;} #section01 .slide_wrap ul.slick-dots li{width: 8px; height: 8px; background: #999; border-radius:50%; text-indent: -9999px;transition:.3s;} #section01 .slide_wrap ul.slick-dots li.slick-active{background: #444;} #section01 .slide_wrap .slick-prev{position: absolute;top: 50%;left: -40px;transform:translateY(-50%);background: url(/assets/images/main/prev01_pc.png)center no-repeat; width: 80px; height: 80px;z-index: 100;text-indent: -9999px;} #section01 .slide_wrap .slick-next{position: absolute;top: 50%;right: -40px;transform:translateY(-50%);background: url(/assets/images/main/next01_pc.png)center no-repeat; width: 80px; height: 80px;z-index: 100;text-indent: -9999px;} /* section02 */ #section02{padding: 150px 0 200px;} #section02 .sec_tit img{transform: translateY(6px);} #section02 .sec_tit img.pc_img{display: inline-block;} #section02 .sec_tit img.tab_img{display: none;} #section02 .sec_tit img.mob_img{display: none;} #section02 .slide_wrap.mob_slide{display: none;} #section02 .sec02_slide{position: relative;} #section02 .sec02_slide .slick-list{width: calc(100% + 20px);padding-bottom: 60px;} #section02 .sec02_slide li.slick-slide{margin-right: 20px; border-radius:20px; overflow: hidden; transition:.3s;} #section02 .sec02_slide li.slick-slide.slick-active{box-shadow:3px 3px 20px rgba(0,0,0,.1);} #section02 .sec02_slide li .img_wrap{position:relative; width:100%; padding-bottom:100%;} #section02 .sec02_slide li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} #section02 .sec02_slide li em.flag{position: absolute;top: 0; right: 0; z-index: 10; width: 55px; height: 37px;} #section02 .sec02_slide li em.flag.jp{background: url(/assets/images_jp/main/japan.png)center no-repeat; background-size: cover;} #section02 .sec02_slide li em.flag.cn{background: url(/assets/images_jp/main/china.png)center no-repeat; background-size: cover;} #section02 .sec02_slide li em.flag.tw{background: url(/assets/images_jp/main/taiwan.png)center no-repeat; background-size: cover;} #section02 .sec02_slide li em.flag.ru{background: url(/assets/images_jp/main/russia.png)center no-repeat; background-size: cover;} #section02 .sec02_slide li em.flag.us{background: url(/assets/images_jp/main/usa.png)center no-repeat; background-size: cover;} #section02 .sec02_slide li em.flag.br{background: url(/assets/images_jp/main/brazil.png)center no-repeat; background-size: cover;} #section02 .sec02_slide li em.flag.id{background: url(/assets/images_jp/main/indonesia.png)center no-repeat; background-size: cover;} #section02 .sec02_slide li em.flag.ca{background: url(/assets/images_jp/main/canada.png)center no-repeat; background-size: cover;} #section02 .sec02_slide li em.flag.tr{background: url(/assets/images_jp/main/turkey.png)center no-repeat; background-size: cover;} #section02 .sec02_slide li em.flag.fr{background: url(/assets/images_jp/main/france.png)center no-repeat; background-size: cover;} #section02 .sec02_slide li em.flag.kr{background: url(/assets/images_jp/main/korea.png)center no-repeat; background-size: cover;} #section02 .sec02_slide li .txt_wrap{background: #fff;padding: 30px;} #section02 .sec02_slide li .txt_wrap p{font-size: 20px; color: #222; font-weight: 600;line-height: 1.2;} #section02 .sec02_slide li .txt_wrap span{display: block;font-size: 16px; color: #999; font-weight: 500; margin-top: 12px;} #section02 .sec02_slide .slick-prev{position: absolute;top: 50%;left: -40px;transform:translateY(-50%);background: url(/assets/images/main/prev01_pc.png)center no-repeat; width: 80px; height: 80px;z-index: 100;text-indent: -9999px;} #section02 .sec02_slide .slick-next{position: absolute;top: 50%;right: -40px;transform:translateY(-50%);background: url(/assets/images/main/next01_pc.png)center no-repeat; width: 80px; height: 80px;z-index: 100;text-indent: -9999px;} #section02 ul.slick-dots{display: flex;justify-content: center;gap:8px;} #section02 ul.slick-dots li{width: 8px; height: 8px; background: #999; border-radius:50%;transition:.4s; text-indent: -9999px;} #section02 ul.slick-dots li.slick-active{background: #444;} #section02 .sec02_pop_wrap{display: none;position: fixed;top: 0; left: 0; background: rgba(0,0,0,.5);width: 100%; height: 100vh;dz-index: 9999;} #section02 .sec02_pop_wrap .pop_wrap{position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%);} #section02 .sec02_pop_wrap .pop_wrap .pop_x_btn{position: absolute; top: 20px; right: 20px; display: flex;align-items: center;justify-content: center; background: rgba(255,255,255,.5); border-radius:50%; width: 34px; height: 34px;transition:.3s;opacity: 0;} #section02 .sec02_pop_wrap .pop_wrap:hover .pop_x_btn{opacity: 1;} #section02 .sec02_pop_wrap .pop_wrap .pop_x_btn img{width: 18px;} /* section03 */ #section03{padding: 190px 0;background: url(/assets/images/main/sec03_bg01_pc.png)center top no-repeat;} #section03 .img_wrap img{margin: 0 auto;} /* section04 */ #section04{padding-bottom: 200px;} #section04 .inner{display: flex;gap:200px; align-items: center;width: 100%;} #section04 .img_box{display: flex;flex-wrap:wrap;gap:20px; width: 860px;} #section04 .img_box .img01{display: flex;align-items: flex-end;} #section04 .img_box .img01 img, #section04 .img_box .img03 img{border-radius:0 20px 20px 0;} #section04 .img_box .img02 img, #section04 .img_box .img04 img{border-radius:20px;} .sec04_pop{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100vh;z-index: 8000;background: rgba(221, 221, 221, .5);backdrop-filter: blur(10px);} .sec04_pop .pop_wrap{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);} .sec04_pop .pop_wrap .pop_x_btn{position: absolute; top: 0; right: 0; display: flex;align-items: center; justify-content: center; width: 80px; height: 80px; border-radius:50%; background: #fff; border:1px solid #999;} .sec04_pop .big_slide_wrap{width: 390px;margin: 0 auto;} .sec04_pop ul.big_slide li .img_wrap{position:relative; width:100%; padding-bottom:148.974%;} .sec04_pop ul.big_slide li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} .sec04_pop .big_slide_wrap .arr_wrap button{position: absolute; top: 50%;transform:translateY(-50%);} .sec04_pop .big_slide_wrap .arr_wrap button.sec04_pop_prev{left: 0;} .sec04_pop .big_slide_wrap .arr_wrap button.sec04_pop_next{right: 0;} .sec04_pop .sm_slide_wrap{width: 580px;margin: 0 auto;} .sec04_pop ul.sm_slide .slick-list{width: calc(100% + 20px);padding: 60px 0px 30px;} .sec04_pop ul.sm_slide li{margin-right: 20px;opacity: .6;} .sec04_pop ul.sm_slide li .img_wrap{position:relative; width:100%; padding-bottom:100%; overflow: hidden; border-radius:12px; transition:.3s;} .sec04_pop ul.sm_slide li .img_wrap::after{content:'';position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius:12px;transition:.3s;} .sec04_pop ul.sm_slide li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} .sec04_pop ul.sm_slide li.slick-current{opacity: 1;} .sec04_pop ul.sm_slide li.slick-current .img_wrap{box-shadow: 0px 0px 10px rgba(19,97,225,.5);} .sec04_pop ul.sm_slide li.slick-current .img_wrap::after{border:1px solid var(--co01);} .sec04_pop .slide_items .numcount{display: flex;align-items: center;justify-content: center;gap:20px;width: 80px; height: 40px; background: rgba(102,102,102,.9); border-radius:20px;margin: 0 auto;} .sec04_pop .slide_items .numcount span{position: relative;font-size: 16px; color: #999; font-weight: 500;} .sec04_pop .slide_items .numcount span.now{color: #fff;} .sec04_pop .slide_items .numcount span.total::after{content:'/';position: absolute;left: -12px; top: 50%;transform:translateY(-50%);} /* section05 */ #section05 .inner{width: 100%;padding: 0 50px;} #section05 .box_wrap{position: relative;background: url(/assets/images/main/sec05_img01_pc.png)center no-repeat; height: 100vh; border-radius:20px; background-size: cover;} #section05 .box_wrap p{color: #fff;} #section05 .box_wrap .txt{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%); width: 100%;} #section05 .box_wrap .txt p{font-size: 200px; font-weight: 600;text-align: center;} #section05 .box_wrap .bot_txt{position: absolute;left: 0;bottom: 0; width: 100%;padding: 40px;display: flex;align-items: flex-end; justify-content: space-between;} #section05 .box_wrap .bot_txt .left p{font-size: 32px; font-weight: 500; line-height: 1.4;} #section05 .box_wrap .bot_txt .right p{font-size: 16px; font-weight: 500; line-height: 1.4;} /*quick*/ ul.quick_menu{position: fixed;right: 50px; bottom: 60px;z-index: 5000;} ul.quick_menu li:not(:last-child){margin-bottom: 10px;} ul.quick_menu li a{display: block; border-radius:50%; box-shadow:0px 0px 15px rgba(0,0,0,.15);} ul.quick_menu li a img{transition:.3s ease;} ul.quick_menu li a:hover img{transform:scale(1.05);} /* footer */ #footer{line-height: 1;padding: 200px 0px 65px;font-family: 'Pretendard';} #footer .inner{width: 100%;padding: 0 90px;} #footer .f_top{display: flex;justify-content: space-between;} #footer .f_top .left span{display: block;font-size: 32px; color: #222; font-weight: 600;margin-bottom: 20px;} #footer .f_top .left p{font-size: 48px; line-height: 66px;color: #222; font-weight: 600;} #footer .f_top .left .sns_wrap{display: flex;gap:10px;margin-top: 60px;} #footer .f_top .right .btn_wrap{margin-bottom: 110px;} #footer .f_top .right .btn_wrap a{position: relative;display: block;font-size: 32px; color: #222; font-weight: 600;width: fit-content;margin-left: auto;} #footer .f_top .right .btn_wrap a::after{content:'';position: absolute;left: 0; bottom: -5px; width: 0%; height: 2px; background: #222;transition:.3s ease;} #footer .f_top .right .btn_wrap a:hover::after{width: 100%;} #footer .f_top .right .btn_wrap a:not(:last-child){margin-bottom: 25px;} #footer .f_top .right p{font-size: 16px; line-height: 24px;color: #666; font-weight: 500;text-align: right;} #footer .f_bot{margin-top: 180px;} #footer .f_bot p{font-size: 267px; color: #222; font-weight: 600; text-align: center;letter-spacing: -6px;} #footer .f_bot .txt_wrap{display: flex;align-items: center; justify-content: space-between;margin-top: 20px;} #footer .f_bot .txt_wrap span{font-size: 16px; color: #666;font-weight: 500;} #footer .f_bot .txt_wrap span b{color: #222;font-weight: 500;} #footer .f_bot .txt_wrap span a{display: inline-block;color: #222;margin-right: 20px;} #footer .f_bot .txt_wrap span a:hover{text-decoration:underline;} .f_pop_wrap{display: none;position: fixed;top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.4);z-index: 9999;} .f_pop_wrap .pop_wrap{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);width: 500px; padding: 40px 60px;background: #fff; border-radius:20px;} .f_pop_wrap .pop_wrap .x_btn{position: absolute;top: 20px; right: 20px;} .f_pop_wrap .pop_wrap .txt_wrap p{font-size: 20px; margin-bottom: 20px; color: #222; font-weight: 700;text-align: center;border-bottom: 1px solid #ddd;padding-bottom: 30px;} .f_pop_wrap .pop_wrap .txt_wrap span{display: block;font-size: 16px; color: #666; line-height: 1.6;} .f_pop_wrap .pop_wrap .txt_wrap span b{font-size: 18px;color: #222;} .f_pop_wrap .pop_wrap .txt_wrap .mid{margin-top: 30px;} .f_pop_wrap .pop_wrap .txt_wrap .mid span:not(:last-child){margin-bottom: 16px;} /* ===sub============================================ */ #sub_contents.pt{padding-top: 120px;} #sub_contents > .inner{width: 800px; max-width: 100%;} #sub_contents img{max-width: 100%;} /* 공통 */ .sub_tit03{margin-bottom: 100px;} .sub_tit03 p{font-size: 44px; color: #333; font-weight: 800;text-align: center;} input.ra_st01{display: none;} input.ra_st01 + label{position: relative;padding-left: 28px;font-size: 18px; color: #222; font-weight: 700;} input.ra_st01 + label::after{content:'';position: absolute;left: 0; top: 0;width: 20px; height: 20px; border-radius:50%; border:1px solid #ddd;} input.ra_st01:checked + label::after{border:5px solid var(--co01);} input.chk_st01{display: none;} input.chk_st01 + label{position: relative;padding-left: 30px;font-size: 16px; color: #222; font-weight: 500;} input.chk_st01 + label::after{content:'';position: absolute;left: 0; top: 0;width: 20px; height: 20px; border-radius:4px; border:1px solid #999; background: #fff;} input.chk_st01:checked + label::after{background: url(/assets/images/sub/chk_icon01.png)center no-repeat #222; border:1px solid #222;} a.list_back_btn{display: flex;align-items: center; justify-content: center;margin: 0 auto;width: 116px; height: 50px; border-radius:8px; border:1px solid #ddd;font-size: 16px; color: #222; font-weight: 700;} /*sub_wrap*/ .sub_wrap{line-height: 1.4;} .sub_wrap .s_inner{padding: 0 40px;} .sub_wrap .con{padding: 160px 0;} .sub_wrap .con.bg01{background: #000; border-radius:30px;} .sub_wrap .con01{position: relative;height: 1536px;} .sub_wrap .con01 .sub_tit01{position: absolute;bottom: 90px;} .sub_wrap img{max-width: 100%;} .sub_wrap .sub_tit01 p{font-size: 64px; color: #222; font-weight: 800; line-height: 84px;} .sub_wrap .sub_tit01 p em{display: inline-block;margin-right: 15px;} .sub_wrap .sub_tit01 p img{vertical-align: inherit;} .sub_wrap .sub_tit01 p span{font-size: 40px;font-weight: 600;} .sub_wrap .sub_tit01.wh p{color: #fff;} .sub_wrap .sub_tit01-1 p{line-height: 64px;} h3.h3_tit01{display: flex;align-items: center; justify-content: center;font-size: 36px; color: #222; font-weight: 800; width: 200px; height: 72px; margin-bottom: 30px; background: url(/assets/images/sub/txt_bg01.png)center no-repeat; background-size: cover;} h3.h3_tit02{display: flex;align-items: center; justify-content: center;font-size: 32px; color: #222; font-weight: 800; width: 270px; height: 72px; margin-bottom: 30px; background: url(/assets/images/sub/txt_bg02.png)center no-repeat; background-size: cover;} .sub_wrap .sub_tit02{position: relative;} .sub_wrap .sub_tit02.center{text-align: center;} .sub_wrap .sub_tit02.center h3{margin: 0 auto 30px;} .sub_wrap .sub_tit02.line01{padding-bottom: 220px;margin-bottom: 80px;} .sub_wrap .sub_tit02.line01::after{content:'';position: absolute;bottom: 0;left: 50%;transform:translateX(-50%);width: 1px; height: 140px;border-left: 1px dashed #222;} .sub_wrap .sub_tit02.line02{padding-bottom: 110px;} .sub_wrap .sub_tit02.line02::after{content:'';position: absolute;position: absolute;bottom: 0; left: 50%;transform:translateX(-50%);width: 2px; height: 80px;background: linear-gradient(180deg,transparent 0%, rgba(0, 0, 0, 1) 100%);} .sub_wrap .sub_tit02 em{display: block;font-size: 32px; color: #e8b9b5; font-weight: 800; margin-bottom: 30px;} .sub_wrap .sub_tit02 p{font-size: 35px; line-height: 1.6;color: #222; font-weight: 600; margin-bottom: 40px;} .sub_wrap .sub_tit02 p.p02{font-size: 42px; line-height: 60px;} .sub_wrap .sub_tit02 p b{font-weight: 800;} .sub_wrap .sub_tit02 p .udl{border-bottom: 2px solid #222;padding-bottom: 10px;} .sub_wrap .sub_tit02 p span{font-size: 34px; } .sub_wrap .sub_tit02 p span.span02{font-size: 32px;} .sub_wrap .sub_tit02 .txt span{display: block;font-size: 25px; line-height: 40px; color: #222; font-weight: 500;} .sub_wrap .sub_tit02 .txt span:not(:last-child){margin-bottom: 30px;} .sub_wrap .sub_tit02 .txt span b{font-weight: 800;} .sub_wrap .sub_tit02 .txt span .udl{display: inline-block;border-bottom: 0; padding-bottom: 5px;text-decoration: underline;text-underline-position: under;} .sub_wrap .sub_tit02.wh p{color: #fff;} .sub_wrap .sub_tit02.wh p .udl{border-bottom: 2px solid #fff;} .sub_wrap .sub_tit02.wh span{color: #fff;} .sub_wrap .sub_tit02.wh .txt span{color: #fff;} .sub_wrap .sub_tit02.wh h3.h3_tit01{filter: brightness(10);} .sub_wrap .sub_tit02.wh h3.h3_tit02{filter: brightness(10);} .sub_wrap .sub_tit02.wh .txt span .udl{border-bottom: 2px solid #fff; } .sub_wrap .ul_tbl01 ul{border-top: 2px solid #666;border-bottom: 2px solid #666;} .sub_wrap .ul_tbl01 ul li{display: flex;align-items: center;padding: 40px 20px;} .sub_wrap .ul_tbl01 ul li:not(:last-child){border-bottom: 1px solid #ddd;} .sub_wrap .ul_tbl01 ul li p{font-size: 30px; color: #222; font-weight: 800;width: 185px;} .sub_wrap .ul_tbl01 ul li span{display: block;font-size: 28px; color: #222; font-weight: 500; line-height: 48px;width: calc(100% - 185px);} .sub_wrap .ul_tbl01 span.b_txt{display: block;font-size: 20px; color: #222; font-weight: 500;text-align: right; margin-top: 20px;} .sub_wrap .ul_tbl02 ul li{display: flex; gap:20px; align-items: center; background: #f5f5f5; border-radius:60px; padding: 20px 40px;} .sub_wrap .ul_tbl02 ul li:not(last-child){margin-bottom: 20px;} .sub_wrap .ul_tbl02 ul li p{display: flex;align-items: center; justify-content: center;font-size: 20px;color: #fff;font-weight: 700;width: 130px; height: 50px; background: #222; border-radius:25px;} .sub_wrap .ul_tbl02 ul li span{display: block;font-size: 28px; color: #222; font-weight: 600; line-height: 40px;width: calc(100% - 150px);} .sub_wrap .ul_tbl03 ul li{display: flex; min-height: 120px;} .sub_wrap .ul_tbl03 ul li:nth-child(2n-1){background: #f5f5f5;} .sub_wrap .ul_tbl03 ul li p{display: flex;align-items: center; justify-content: center;font-size: 24px; color: #222; font-weight: 700;width: 240px;} .sub_wrap .ul_tbl03 ul li .box_wrap{display: flex;width: calc(100% - 240px);} .sub_wrap .ul_tbl03 ul li .box_wrap .box{display: flex;align-items: center;position: relative;margin-left: 40px;width: 120px;} .sub_wrap .ul_tbl03 ul li .box_wrap .box em{position: absolute; left: 0;top: -30px;display: flex;align-items: center; justify-content: center;width: 120px; height: 30px; background: #222; color: #fff; font-size: 18px; font-weight: 700; border-radius:8px 8px 0 0;} .sub_wrap .ul_tbl03 ul li .box_wrap span{font-size: 20px; color: #222; font-weight: 500; line-height: 32px;} .sub_wrap .ul_tbl03 ul li .box_wrap .box03{width: auto;} .sub_wrap .ul_tbl03 ul li .box_wrap .box03 span{font-weight: 700;} .sub_wrap em.line01{display: block; width: 2px; height: 140px; margin: 80px auto 80px;background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(102, 102, 102, 1) 30%, rgba(102, 102, 102, 1) 70%, rgba(255, 255, 255, 1) 100%);} .sub_wrap .txt_box_st01 .txt{position: relative;padding: 30px 40px;background: #f5f5f5; border-radius:80px;margin-left: auto;width: fit-content;} .sub_wrap .txt_box_st01 .txt:not(:last-child){margin-bottom: 30px;} .sub_wrap .txt_box_st01 .txt::after{content:'';position: absolute;right: 80px;bottom: -17px; width: 17px; height: 17px; background: url(/assets/images/sub/arr01.png)center no-repeat; background-size: cover;} .sub_wrap .txt_box_st01 .txt p{font-size: 23px; color: #222; font-weight: 500;} .sub_wrap .txt_box_st01 .txt:nth-child(2n){margin-left: initial;} .sub_wrap .txt_box_st01 .txt:nth-child(2n)::after{right: initial; left: 80px;} .sub_wrap .txt_box_st02 .box_wrap{position: relative;padding: 45px 40px; border-radius:20px; border:3px solid #ddd;} .sub_wrap .txt_box_st02 .box_wrap:not(:last-child){margin-bottom: 90px;} .sub_wrap .txt_box_st02 .box_wrap .tag{position: absolute;left: 30px;top: -33px;display: flex;align-items: center; justify-content: center;padding: 0px 15px; height: 30px; background: #222; border-radius:8px 8px 0 0;font-size: 18px; color: #fff ; font-weight: 700; text-transform:uppercase; } .sub_wrap .txt_box_st02 .box_wrap .tit{display: flex;align-items: center;gap:10px;} .sub_wrap .txt_box_st02 .box_wrap .tit p{font-size: 32px; color: #222; font-weight: 700;} .sub_wrap .txt_box_st02 .box_wrap .tit span{display: flex;align-items: center;height: 32px; font-size: 16px; padding: 0px 10px; color: #222; font-weight: 700; background: #f5f5f5; border-radius:4px;text-transform:uppercase;} .sub_wrap .txt_box_st02 .box_wrap .txt{margin-top: 25px;} .sub_wrap .txt_box_st02 .box_wrap .txt p{font-size: 24px; color: #222; font-weight: 700; margin-bottom: 20px;} .sub_wrap .txt_box_st02 .box_wrap .txt span{display: block;font-size: 18px; color: #666; font-weight: 500; line-height: 32px;letter-spacing: -0.5px;} .sub_wrap .txt_box_st02 .box_wrap .ul_tbl02{margin-top: 35px;} .sub_wrap .txt_box_st02 .box_wrap .ul_tbl02 ul li{gap:20px;padding: 15px;margin-bottom: 0;} .sub_wrap .txt_box_st02 .box_wrap .ul_tbl02 ul li p{width: 120px;} .sub_wrap .txt_box_st02 .box_wrap .ul_tbl02 ul li span{font-size: 20px; font-weight: 600;width: calc(100% - 140px); line-height: 32px;} .sub_wrap .txt_box_st02-2 .box_wrap{display: flex;gap:30px;align-items: center;padding: 20px;} .sub_wrap .txt_box_st02-2 .box_wrap:not(:last-child){margin-bottom: 60px;} .sub_wrap .txt_box_st02-2 .box_wrap .tag{width: 180px;} .sub_wrap .bg_box01{padding: 110px 40px 120px;border-radius:30px;} .sub_wrap .bg_box01:not(:last-child){margin-bottom: 40px;} .sub_wrap .bg_box01 .sub_tit02 em{font-weight: 400;color: #666; margin-bottom: 10px;} .sub_wrap .bg_box01 .sub_tit02:last-child .txt span{line-height: 44px;} .sub_wrap .bg_box01 .img{margin: 75px 0;} .sub_wrap .bg_box02{padding: 100px 40px 80px;background: #000; border-radius:20px;} .sub_wrap .bg_box02:not(:last-child){margin-bottom: 40px;} .sub_wrap .bg_box02 .sub_tit02{position: relative;z-index: 2;} .sub_wrap .bg_box02 .sub_tit02 em{position: absolute;top: -5px; left: 50%;transform:translateX(-50%);font-weight: 400;color: #666;z-index: -1;} .sub_wrap .bg_box02 .txt_box{margin-top: 75px;} .sub_wrap .bg_box02 .txt_wrap{display: flex;align-items: center; background: #fff; border-radius:20px; padding: 30px 40px;} .sub_wrap .bg_box02 .txt_wrap:not(:last-child){margin-bottom: 30px;} .sub_wrap .bg_box02 .txt_wrap p{font-size: 28px; color: #000; font-weight: 800;} .sub_wrap .bg_box02 .txt_wrap span{display: block;font-size: 26px; color: #000; font-weight: 500; line-height: 40px;} .sub_wrap .img_box_st01 .box_wrap{display: flex;align-items: center;gap:30px;padding: 20px;background: rgba(255,255,255,.6); border-radius:30px; border:3px solid #fff;} .sub_wrap .img_box_st01 .box_wrap:not(:last-child){margin-bottom: 30px;} .sub_wrap .img_box_st01 .box_wrap .txt_box{width: calc(100% - 210px);} .sub_wrap .img_box_st01 .box_wrap .txt_box p{font-size: 30px; line-height: 48px; color: #222; font-weight: 600;} .sub_wrap .img_box_st01-2 .box_wrap{gap:30px;} .sub_wrap .img_box_st01-2 .box_wrap .txt_box{width: calc(100% - 270px);} .sub_wrap .img_box_st01-2 .box_wrap .txt_box .top{display: flex;align-items: center; gap:20px;margin-bottom: 20px;} .sub_wrap .img_box_st01-2 .box_wrap .txt_box .top em{display: flex;align-items: center; justify-content: center; width: 100px; height: 50px;font-size: 20px; color: #fff; font-weight: 700; background: #222; border-radius:25px;} .sub_wrap .img_box_st01-2 .box_wrap .txt_box .top strong{display: block;font-size: 24px; color: #222; font-weight: 600;width: calc(100% - 120px);} .sub_wrap .img_box_st01-2 .box_wrap .txt_box ul li{position: relative;padding-left: 15px;font-size: 20px; line-height: 36px; color: #222; font-weight: 600;} .sub_wrap .img_box_st01-2 .box_wrap .txt_box ul li::after{content:'·';position: absolute;left: 0; top: 0;} .sub_wrap .img_box_st02 .img_box:not(:last-child){margin-bottom: 120px;} .sub_wrap .img_box_st02 .top_img_wrap{position: relative;} .sub_wrap .img_box_st02 .top_img_wrap em{display: flex;align-items: center; justify-content: center; position: absolute; top: 60px;left: 40px; width: 190px; height: 50px; font-size: 24px; color: #fff;font-weight: 500; border:2px solid #fff; border-radius:50px;} .sub_wrap .img_box_st02 .top_img_wrap p{position: absolute;left: 40px; bottom: 60px;font-size: 28px; color: #fff;font-weight: 500; line-height: 40px;} .sub_wrap .img_box_st02 .top_img_wrap p b{font-weight: 700;} .sub_wrap .img_box_st02 .img_flex_wrap{padding-top: 80px;} .sub_wrap .img_box_st02 .img_flex_wrap .tit{margin-bottom: 40px;} .sub_wrap .img_box_st02 .img_flex_wrap .tit p{font-size: 40px; color: #222; font-weight: 700;} .sub_wrap .img_box_st02 .img_flex_wrap .img_flex{display: flex;flex-wrap:wrap;gap:40px;} .sub_wrap .img_box_st02 .img_flex_wrap .img{width: calc((100% - 40px) / 2);} .sub_wrap .img_box_st02 .img_flex_wrap .img p{font-size: 26px; color: #222; font-weight:600; margin-top: 20px;text-align: center;} .sub_wrap .img_box_st02 .ul_tbl02{margin-top: 60px;} .sub_wrap .img_box_st02 .ul_tbl02 ul li{gap:20px;padding: 25px;margin-bottom: 0;} .sub_wrap .img_box_st02 .ul_tbl02 ul li p{width: 120px;text-transform:uppercase;} .sub_wrap .img_box_st02 .ul_tbl02 ul li span{font-size: 20px; font-weight: 600;width: calc(100% - 140px); line-height: 30px;} .sub_wrap .img_box_st02 .img_box02 .top_img_wrap p b{display: inline-block;margin-bottom: 5px;} .sub_wrap .img_box_st02 .img_box02 .top_img_wrap em{top: initial;left: 40px;bottom: 60px;} .sub_wrap .img_box_st02 .img_box02 .top_img_wrap p{top: 60px; left: 40px; bottom: initial;} .sub_wrap .img_box_st02 .img_box.bl .top_img_wrap em{color: #222;border: 2px solid #222;} .sub_wrap .img_box_st02 .img_box.bl .top_img_wrap p{color: #222;} .sub_wrap .last_con{position: relative; height: 880px;padding: 90px 0px 60px; } .sub_wrap .last_con .sub_tit02 p{color: #fff;} .sub_wrap .last_con .bot_txt{position: absolute;left: 40px; bottom: 50px;display: flex;align-items: flex-end;justify-content: space-between;width: calc(100% - 80px);} .sub_wrap .last_con .bot_txt span{font-size: 16px; color: #fff;font-weight: 500;} .sub_wrap .last_con .bot_txt p{font-size: 32px; color: #fff; font-weight: 500; line-height: 48px;text-align: right;} .sub_wrap .last_con02{height: auto; padding-bottom: 210px; background: url(/assets/images/sub/sub0103_bg06.jpg)center no-repeat;background-size: cover;} .sub_wrap .last_con02 .top_txt{font-size: 16px; color: #fff;margin-bottom: 60px; font-weight: 500;} .sub_wrap .last_con02 .txt{margin: 80px 0 0;} .sub_wrap .last_con02 .txt p{font-size: 26px; color: #fff; font-weight: 500; line-height: 40px;} .sub_wrap .last_con02 .txt p:not(:last-child){margin-bottom: 40px;} .sub_wrap .last_con02 .txt p.p_bot{margin-top: 90px;} .sub_wrap .last_con02 .txt p.p_bot span{display: inline-block;margin-right: 30px;font-size: 20px;} .sub_wrap .last_con.bl .top_txt{color: #222;} .sub_wrap .last_con.bl .sub_tit02 p{color: #222;} .sub_wrap .last_con.bl .txt p{color: #222;} .sub_wrap .last_con.bl .bot_txt span{color: #222;} .sub_wrap .last_con.bl .bot_txt p{color: #222;} /* sub0101_wrap */ .sub0101_wrap .con01{background: url(/assets/images/sub/sub0101_bg01.jpg)center no-repeat; background-size: cover;} .sub0101_wrap .con02{padding-top: 200px;background: url(/assets/images/sub/sub0101_bg02.jpg)center bottom no-repeat #d1d5d8; background-size: 100%;} .sub0101_wrap .con02 .box_wrap{background: #eee; border:1px solid #fff;margin-top: 150px; padding: 40px 20px 20px; border-radius:20px; width: fit-content;} .sub0101_wrap .con02 .box_wrap strong{display: block;font-size: 30px; line-height: 40px; color: #222;font-weight: 700;margin-bottom: 30px;} .sub0101_wrap .con03{padding-bottom: 870px;background: url(/assets/images/sub/sub0101_bg03.jpg)center bottom no-repeat #f7f7f7; background-size: 100%;} .sub0101_wrap .con03 .sub_tit02 p{letter-spacing: -3px;} .sub0101_wrap .con03 .box_wrap{display: flex;flex-wrap:wrap;gap:30px;padding: 150px 0px 160px;} .sub0101_wrap .con03 .box_wrap .box{position: relative;width: calc((100% - 30px) / 2); overflow: hidden; border-radius:20px;} .sub0101_wrap .con03 .box_wrap .box p{position: absolute;top: 50px;left: 50%;transform:translateX(-50%);font-size: 30px; line-height: 48px; color: #222; font-weight: 600;text-align: center;width: 100%;} .sub0101_wrap .con03 .box_wrap .box p b{font-weight: 800;} .sub0101_wrap .con04 .img{margin: 70px 0px 40px;} .sub0101_wrap .con05{padding: 0;} .sub0101_wrap .con05 .img{ margin-top: 80px;} .sub0101_wrap .con06{height: 1120px;background: url(/assets/images/sub/sub0101_bg04.jpg)center bottom no-repeat #edf3fc; background-size: 100%;} .sub0101_wrap .con07{background: url(/assets/images/sub/sub0101_bg05.jpg)center top no-repeat #cacacc; background-size: 100%;} .sub0101_wrap .con07 .img{margin-top: 580px;} .sub0101_wrap .con08{background: url(/assets/images/sub/sub0101_bg06.jpg)center top no-repeat ; background-size: 100%;} .sub0101_wrap .con08 .sub_tit02 p span{letter-spacing: -0.1px;} .sub0101_wrap .con08 .ul_tbl02{margin-top: 80px;} .sub0101_wrap .last_con{background: url(/assets/images/sub/sub0101_bg07.jpg)center no-repeat;background-size: cover;} .sub0101_wrap .last_con .txt{margin-top: 250px;} .sub0101_wrap .last_con .txt p{font-size: 32px; color: #fff; font-weight: 500; line-height: 56px;} /* sub0102_wrap */ .sub0102_wrap .con01{background: url(/assets/images/sub/sub0102_bg01.jpg)center no-repeat; background-size: cover;} .sub0102_wrap .con02{background: #d1d5d8;} .sub0102_wrap .con02 .box_wrap{margin-top: 60px;} .sub0102_wrap .con02 .box_wrap .box{position: relative;display: flex; gap:30px;align-items: center; background: #fff; border-radius:125px; padding: 25px;} .sub0102_wrap .con02 .box_wrap .box:not(:last-child){margin-bottom: 40px;} .sub0102_wrap .con02 .box_wrap .box:not(:last-child)::after{content:'';position: absolute;bottom: -50px; left: 50%;transform:translateX(-50%); width: 60px; height: 60px; border-radius:50%; background: url(/assets/images/sub/plus_icon01.png)center no-repeat #000;z-index: 10;} .sub0102_wrap .con02 .box_wrap .box .img{border-radius:50%; overflow: hidden;} .sub0102_wrap .con02 .box_wrap .box .img img{width: 100%; height: 100%; object-fit:cover;} .sub0102_wrap .con02 .box_wrap .box .txt_wrap{width: calc(100% - 230px);} .sub0102_wrap .con02 .box_wrap .box .txt_wrap .tit{display: flex;align-items: flex-start; flex-direction: column; gap:10px;width: 390px; padding-bottom: 20px; margin-bottom: 20px;border-bottom: 1px solid #999;} .sub0102_wrap .con02 .box_wrap .box .txt_wrap .tit p{font-size: 22px; color: #222; font-weight: 700; line-height: 1.4;} .sub0102_wrap .con02 .box_wrap .box .txt_wrap .tit span{display: block;font-size: 18px; color: #222; font-weight: 500;margin-left: 0px;} .sub0102_wrap .con02 .box_wrap .box .txt_wrap .txt p{font-size: 16px; color: #666; line-height: 1.6;font-weight: 500;} .sub0102_wrap .con03{background: url(/assets/images_jp/sub/sub0102_bg02.jpg)center bottom no-repeat #e8e2d2; background-size: 100%;} .sub0102_wrap .con03 .sub_tit02.txt01{padding: 175px 0px 1180px;} .sub0102_wrap .con03 .sub_tit02.txt01 b{position: relative;} .sub0102_wrap .con03 .sub_tit02.txt01 b::after{content:'';position: absolute;top: -10px;left: 50%;transform:translateX(-50%); width: 6px; height: 6px; background: #222; border-radius:50%;} .sub0102_wrap .con03 .sub_tit02.txt02 p b{position: relative;z-index: 1;} .sub0102_wrap .con03 .sub_tit02.txt02 p b::after{content:''; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 180px; height: 180px;background: rgba(240,241,197,.3); border-radius:50%;z-index: -1;filter: blur(25px);} .sub0102_wrap .con03 .sub_tit02.txt02 p b.bg02::after{background: rgba(221,199,127,.8); } .sub0102_wrap .con04{padding-bottom: 0;} .sub0102_wrap .con04 .sub_tit02.tit01 p{position: relative;} .sub0102_wrap .con04 .dsub_tit02.tit01 p::after{content:'';position: absolute;top: 50%; left: 50%;transform:translate(-50%,-50%);z-index: -1; width: 250px; height: 250px; background: #ebf8ff; filter: blur(25px); border-radius:50%;opacity: .8;} .sub0102_wrap .con04 .img{margin-top: 75px;} .sub0102_wrap .con04 .txt01{padding: 40px 0; background: #000;} .sub0102_wrap .con04 .txt01 p{font-size: 48px; color: #fff; font-weight: 500;text-align: center;} .sub0102_wrap .con05{background: url(/assets/images/sub/sub0101_bg05.jpg)center top no-repeat #cacacc; background-size: 100%;} .sub0102_wrap .con05 .img{margin-top: 580px;} .sub0102_wrap .con06{padding-top: 760px;background: url(/assets/images/sub/sub0102_bg04.jpg)center top no-repeat #dbdbdb; background-size: 100%;} .sub0102_wrap .con06 .img{margin: 80px 0;} .sub0102_wrap .last_con{background: url(/assets/images/sub/sub0101_bg07.jpg)center no-repeat;background-size: cover;} .sub0102_wrap .last_con .txt{margin-top: 250px;} .sub0102_wrap .last_con .txt p{font-size: 32px; color: #fff; font-weight: 500; line-height: 56px;} /* sub0103_wrap */ .sub0103_wrap .con01{background: url(/assets/images/sub/sub0103_bg01.jpg)center no-repeat; background-size: cover;} .sub0103_wrap .con02{padding-bottom: 80px; } .sub0103_wrap .con02 .txt01{margin: 80px 0;} .sub0103_wrap .con02 .txt02{padding: 40px; background: #f2f2f2; border-radius:30px;} .sub0103_wrap .con02 .txt02 p{font-size: 40px; font-weight: 500; line-height: 56px;text-align: center;color: #222;} .sub0103_wrap .con02 .txt_box_st01{position: relative;} .sub0103_wrap .con02 .txt_box_st01::after{content:'';position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%); border-radius:50%; filter:blur(25px); width: 400px; height: 250px; background: #ecf8ff;z-index: -1;opacity: .9;} .sub0103_wrap .con02 .sub_tit02.txt03{margin-top: 160px;} .sub0103_wrap .con02 .sub_tit02.txt03 p{font-weight: 500;} .sub0103_wrap .con03 .box_wrap{margin-top: 75px;} .sub0103_wrap .con03 .box_wrap .box:not(:last-child){margin-bottom: 80px;} .sub0103_wrap .con03 .box_wrap .box .img_wrap{position: relative;display: flex;justify-content: center;gap:160px;} .sub0103_wrap .con03 .box_wrap .box .img_wrap::after{content:'';position: absolute; top: 50%; left: 50%;transform:translate(-50%,-50%); background: url(/assets/images/sub/equal_icon01.png)center no-repeat; width: 30px; height: 13px;} .sub0103_wrap .con03 .box_wrap .box .img_wrap .img p{font-size: 26px; color: #fff; line-height: 40px;font-weight: 500;margin-top: 30px;text-align: center;} .sub0103_wrap .con03 .box_wrap .box .img_wrap .img p b{font-weight: 700;} .sub0103_wrap .con03 .box_wrap .box .txt{margin-top: 50px; background: rgba(255,255,255,.1); border-radius:40px; padding: 25px;} .sub0103_wrap .con03 .box_wrap .box .txt p{font-size: 24px; color: #fff;font-weight: 500; line-height: 40px;text-align: center;} .sub0103_wrap .con03 .box_wrap02{padding: 80px 0px 90px;} .sub0103_wrap .con03 .box_wrap02 .box{display: flex; align-items: center; padding: 50px 0;border-radius:20px; background: rgba(255,255,255,.1);} .sub0103_wrap .con03 .box_wrap02 .box:not(:last-child){margin-bottom: 30px;} .sub0103_wrap .con03 .box_wrap02 .box .left{position: relative;width: 300px;z-index: 1;} .sub0103_wrap .con03 .box_wrap02 .box .left em{position: absolute;left: 50%; top: 50%;transform:translate(-50%,-50%);z-index: -1;font-size: 120px;font-weight: 700;} .sub0103_wrap .con03 .box_wrap02 .box .left p{font-size: 28px; color: #fff; font-weight: 500;text-align: center;} .sub0103_wrap .con03 .box_wrap02 .box .right{width: calc(100% - 300px);} .sub0103_wrap .con03 .box_wrap02 .box .right p{font-size: 20px; line-height: 44px; color: #fff; font-weight: 500;text-align: center;} .sub0103_wrap .con03 .box_wrap02 .box .right p b{font-weight: 700;} .sub0103_wrap .con03 .box_wrap02 .box01 .left em{color: #000; } .sub0103_wrap .con03 .box_wrap02 .box02 .left em{color: rgba(255,255,255,.2); } .sub0103_wrap .con03 .txt02{padding: 150px 0px 300px;} .sub0103_wrap .con03 .txt02 p{font-size: 28px; color: #fff; line-height: 48px;text-align: center;} .sub0103_wrap .con03 .txt02 p span{display: inline-block;border-bottom: 2px solid #fff;padding-bottom: 8px;} .sub0103_wrap .con03 .txt03{padding: 60px 0px 80px;} .sub0103_wrap .con03 .txt03 p{font-size: 28px; line-height: 40px; color: #fff; font-weight: 500;text-align: center;} .sub0103_wrap .con03 .txt03 p b{font-weight: 700;} .sub0103_wrap .con03 .txt04{padding: 0;} .sub0103_wrap .con04 .sub_tit02-1{padding-bottom: 70px;} .sub0103_wrap .con04 .bg_box01-1{background: url(/assets/images/sub/sub0103_bg02.png)center no-repeat; background-size: cover;} .sub0103_wrap .con04 .bg_box01-2{background: url(/assets/images/sub/sub0103_bg03.png)center no-repeat; background-size: cover;} .sub0103_wrap .con04 .bg_box01-3{background: url(/assets/images/sub/sub0103_bg04.png)center no-repeat; background-size: cover;} .sub0103_wrap .con05{background: url(/assets/images/sub/sub0103_bg05.jpg)center no-repeat; background-size: cover;} .sub0103_wrap .con05 .img{margin: 70px 0;} .sub0103_wrap .con05 .img img{display: block;margin: 0 auto;transform: translateX(10px);} .sub0103_wrap .con05 .txt_wrap p{font-size: 36px; color: #222; line-height: 56px;text-align: center;font-weight: 500;} .sub0103_wrap .con06 .sub_tit02-1{margin-bottom: 70px;} .sub0103_wrap .con06 .bg_box02-1 .txt_wrap p{width: 150px;} .sub0103_wrap .con06 .bg_box02-1 .txt_wrap span{width: calc(100% - 150px);} .sub0103_wrap .con06 .bg_box02-2 .txt_wrap p{width: 125px;} .sub0103_wrap .con06 .bg_box02-2 .txt_wrap span{width: calc(100% - 125px);letter-spacing: -1.3px;} .sub0103_wrap .con06 .bg_box02-3 .txt_wrap p{width: 230px;} .sub0103_wrap .con06 .bg_box02-3 .txt_wrap span{width: calc(100% - 230px);letter-spacing: -0.6px;} /* sub0104_wrap */ .sub0104_wrap .con01{background: url(/assets/images/sub/sub0104_bg01.jpg)center no-repeat; background-size: cover;} .sub0104_wrap .con02{background: url(/assets/images/sub/sub0104_bg02.jpg)center bottom no-repeat; background-size: 100%;} .sub0104_wrap .con02 .img{padding: 80px 0px 150px;} .sub0104_wrap .con02 .img_box_st01{margin: 70px 0 110px;} .sub0104_wrap .con02 .sub_tit02-2 p{line-height: 48px;margin-bottom: 0;} .sub0104_wrap .con03{background: url(/assets/images/sub/sub0104_bg03.jpg)center top no-repeat #000; background-size: cover; } .sub0104_wrap .con03 .sub_tit02 p span{font-size: 44px;} .sub0104_wrap .con03 .img{margin-top: 75px;} .sub0104_wrap .con04{background: url(/assets/images/sub/sub0104_bg04.jpg)center top no-repeat; background-size: cover;} .sub0104_wrap .con04 .txt01{margin: 840px 0px 280px;} .sub0104_wrap .con04 .txt01 p{font-size: 32px; color: #fff; line-height: 48px;text-align: center;} .sub0104_wrap .con04 .sub_tit02-2 p{text-align: left;margin-bottom: 20px;} .sub0104_wrap .con04 .sub_tit02-2 .txt span{text-align: left;} .sub0104_wrap .con04 .img{margin: 70px 0px 150px;} .sub0104_wrap .con04 .box_wrap .tit{margin-bottom: 70px;} .sub0104_wrap .con04 .box_wrap .tit p{font-size: 40px; color: #fff; font-weight: 500; line-height: 56px;text-align: center;} .sub0104_wrap .con04 .box_wrap .tit p b{font-weight: 700;} .sub0104_wrap .con04 .box_wrap .img_box{display: flex; gap:30px; justify-content: center;} .sub0104_wrap .con04 .box_wrap .img_wrap{position: relative;width: calc((100% - 30px) / 2);} .sub0104_wrap .con04 .box_wrap .img_wrap p{position: absolute;top: 50px; left: 50%;transform:translateX(-50%);font-size: 30px; color: #222; line-height: 48px; font-weight: 600;text-align: center; width: 100%;} .sub0104_wrap .con04 .box_wrap .img_wrap p b{font-weight: 800;} .sub0104_wrap .con04 .box_wrap .txt_box{display: flex;display: flex; gap:30px; justify-content: center;} .sub0104_wrap .con04 .box_wrap .txt_box p{position: relative;font-size: 32px; color: #fff; font-weight: 700;width: calc((100% - 30px) / 2); line-height: 48px;text-align: center; margin-top: 50px; padding-top: 115px;} .sub0104_wrap .con04 .box_wrap .txt_box p span{font-size: 26px; font-weight: 500;} .sub0104_wrap .con04 .box_wrap .txt_box p::after{content:'';position: absolute;top: 0; left: 50%;transform:translateX(-50%);width: 2px; height: 80px;background: linear-gradient(180deg,transparent 0%, rgba(255, 255, 255, 1) 100%);} .sub0104_wrap .con05{padding-top: 900px;background: url(/assets/images/sub/sub0104_bg06.jpg)center top no-repeat #ececed; background-size: 100%;} .sub0104_wrap .con05 .sub_tit02 p{margin-bottom: 0;} .sub0104_wrap .con05 .sub_tit02 .txt span{margin-bottom: 20px;} .sub0104_wrap .con05 .sub_tit02-2{margin-top: 30px;} .sub0104_wrap .con05 .ul_tbl02{margin-top: 40px;} .sub0104_wrap .con05 .ul_tbl02 ul li{gap:30px;} .sub0104_wrap .con05 .ul_tbl02 ul li p{width: 120px;} .sub0104_wrap .con05 .ul_tbl02 ul li .txt_wrap{width: calc(100% - 150px);} .sub0104_wrap .con05 .ul_tbl02 ul li span{font-size: 32px; line-height: 36px;} .sub0104_wrap .con05 .ul_tbl02 ul li em{display: block;font-size: 24px;color: #666;} .sub0104_wrap .con06{background: url(/assets/images/sub/sub0104_bg05.jpg)center top no-repeat; background-size: 100%;} .sub0104_wrap .con06 .img{margin-top: 560px;} /* sub0105_wrap */ .sub0105_wrap .con01{background: url(/assets/images/sub/sub0105_bg01.jpg)center no-repeat; background-size: cover;} .sub0105_wrap .con02{background: url(/assets/images/sub/sub0105_bg02.jpg)center bottom no-repeat; background-size: 100%;} .sub0105_wrap .con02 .img{margin: 70px 0px 150px;} .sub0105_wrap .con02 .sub_tit02-2 p{line-height: 56px; margin-bottom: 70px;} .sub0105_wrap .con03{background: url(/assets/images/sub/sub0105_bg03.jpg)center bottom no-repeat; background-size: 100%;} .sub0105_wrap .con03 .sub_tit02 p span{font-size: 44px;} .sub0105_wrap .con03 .sub_tit02 .txt span{letter-spacing: -0.3px;} .sub0105_wrap .con03 .sub_tit02 .txt span b.udl{font-weight: 600;} .sub0105_wrap .con03 .sub_tit02-2{padding: 150px 0px 80px;} .sub0105_wrap .con03 .img{margin-bottom: 70px;transform:translateX(20px);} .sub0105_wrap .con04 h3.h3_tit01{font-size: 32px;} .sub0105_wrap .con04 .txt_box_st01 .txt{margin-left: initial;} .sub0105_wrap .con04 .txt_box_st01 .txt::after{right: initial; left: 80px;} .sub0105_wrap .con04 .txt_box_st01 .txt:nth-child(2n)::after{right: 80px; left: initial;} .sub0105_wrap .con04 .txt_box_st01 .txt:nth-child(2n){margin-left: auto;} .sub0105_wrap .con04 .txt_box_st01 .txt:nth-child(1){transform:translateX(70px);} .sub0105_wrap .con04 .txt_box_st01 .txt:nth-child(2){transform:translateX(-110px);} .sub0105_wrap .con04 .txt_box_st01 .txt:nth-child(3){transform:translateX(70px);} .sub0105_wrap .con05{padding: 110px 0;margin-bottom: 160px;border-radius:30px; background: url(/assets/images/sub/sub0105_bg04.png)center no-repeat; background-size: cover;} .sub0105_wrap .con05 .sub_tit02 p, .sub0105_wrap .con05 .sub_tit02 .txt span{color: #361f03;} .sub0105_wrap .con05 .img{margin: 70px 0;} .sub0105_wrap .con06{background: url(/assets/images/sub/sub0105_bg05.jpg)center top no-repeat #fdf3df; background-size: 100%;} .sub0105_wrap .con06 .tbl_img{margin: 560px 0px 160px;} .sub0105_wrap .con06 .sub_tit02-2 p{letter-spacing: -0.2px; margin-top: 20px;margin-bottom: 0; } .sub0105_wrap .con06 .sub_tit02-3{margin-top: 30px;} .sub0105_wrap .con06 .sub_tit02-3 p{font-weight: 700;margin-bottom: 20px;} .sub0105_wrap .con06 .img{margin: 80px 0;} .sub0105_wrap .con07{padding-top: 100px;background: #fdf3df;} .sub0105_wrap .con07 .txt_wrap{position: relative;display: flex;gap:20px; margin-bottom: 40px;} .sub0105_wrap .con07 .txt_wrap .txt{display: flex;align-items: center; justify-content: center;width: 380px; height: 70px; background: #fff; border-radius:35px;} .sub0105_wrap .con07 .txt_wrap .txt p{font-size: 20px; color: #222; font-weight: 500; } .sub0105_wrap .con07 .txt_wrap .txt01{margin-top: 25px;} .sub0105_wrap .con07 .txt_wrap .txt02{position: absolute;right: 0;bottom: 80px;width: 580px;} /* sub0106_wrap */ .sub0106_wrap .con01{background: url(/assets/images/sub/sub0106_bg01.jpg)center no-repeat; background-size: cover;} .sub0106_wrap .con02{background: url(/assets/images/sub/sub0106_bg02.jpg)center top no-repeat; background-size: cover;} .sub0106_wrap .con02 .img{margin: 70px 0px 160px;} .sub0106_wrap .con02 .sub_tit02-2 h3.h3_tit01{font-size: 32px;} .sub0106_wrap .con02 .sub_tit02-2 p{letter-spacing: -0.9px;} .sub0106_wrap .con02 .sub_tit02-2 .txt span b{font-weight: 500;} .sub0106_wrap .con02 .sub_tit02-3{margin: 150px 0px 70px;} .sub0106_wrap .con02 .img{transform:translateX(10px); margin-bottom: 70px;} .sub0106_wrap .con03{background: url(/assets/images/sub/sub0106_bg03.jpg)center top no-repeat; background-size: cover;} .sub0106_wrap .con03 .sub_tit02 h3.h3_tit01{font-size: 32px;} .sub0106_wrap .con03 .sub_tit02 .txt span{letter-spacing: -0.4px;} .sub0106_wrap .con03 .img{margin-top: 70px;} .sub0106_wrap .con04{background: #f4f4f6;} .sub0106_wrap .con04 .box_wrap{margin-top: 60px;} .sub0106_wrap .con04 .box_wrap .box{position: relative;display: flex; gap:30px;align-items: center; background: #fff; border-radius:125px; padding: 25px;} .sub0106_wrap .con04 .box_wrap .box:not(:last-child){margin-bottom: 40px;} .sub0106_wrap .con04 .box_wrap .box:not(:last-child)::after{content:'';position: absolute;bottom: -50px; left: 50%;transform:translateX(-50%); width: 60px; height: 60px; border-radius:50%; background: url(/assets/images/sub/plus_icon01.png)center no-repeat #000;z-index: 10;} .sub0106_wrap .con04 .box_wrap .box .img{border-radius:50%; overflow: hidden;} .sub0106_wrap .con04 .box_wrap .box .img img{width: 100%; height: 100%; object-fit:cover;} .sub0106_wrap .con04 .box_wrap .box .txt_wrap{width: calc(100% - 230px);} .sub0106_wrap .con04 .box_wrap .box .txt_wrap .tit{display: flex;flex-direction: column;align-items: flex-start;gap:10px; width: 410px; padding-bottom: 20px; margin-bottom: 20px;border-bottom: 1px solid #999;} .sub0106_wrap .con04 .box_wrap .box .txt_wrap .tit p{font-size: 28px; color: #222; font-weight: 700;letter-spacing: -1px;} .sub0106_wrap .con04 .box_wrap .box .txt_wrap .tit span{display: block;font-size: 20px; color: #222; font-weight: 500;margin-left: 0px;} .sub0106_wrap .con04 .box_wrap .box .txt_wrap .txt p{font-size: 20px; color: #666; line-height: 32px;font-weight: 500;} .sub0106_wrap .con05{background: url(/assets/images/sub/sub0106_bg04.jpg)center top no-repeat; background-size: cover;} .sub0106_wrap .con05 .sub_tit02-1 p{line-height: 56px;} .sub0106_wrap .con05 .img_box_st01 .box_wrap .txt_box p{font-weight: 500;} .sub0106_wrap .con05 .img_box_st01 .box_wrap .txt_box p b{font-weight: 700;} .sub0106_wrap .con05 .sub_tit02-2{padding: 160px 0px 580px;} .sub0106_wrap .con05 .sub_tit02-3{margin: 140px 0px 100px;} .sub0106_wrap .con05 .sub_tit02-3 p{line-height: 56px;} .sub0106_wrap .con05 .box_wrap{position: relative; border:3px solid #fff; background: rgba(255,255,255,.4); padding: 20px;} .sub0106_wrap .con05 .box_wrap em{position: absolute;left: 0; top: -33px;display: flex;align-items: center; justify-content: center;width: 80px; height: 30px; border-radius:8px 8px 0 0 ;color: #fff;font-size: 18px; font-weight: 700;background: #222;} .sub0106_wrap .con05 .box_wrap .txt_box .txt{padding: 40px 0;} .sub0106_wrap .con05 .box_wrap .txt_box .txt:not(:last-child){border-bottom: 2px solid #fff;} .sub0106_wrap .con05 .box_wrap .txt_box .txt p{font-size: 26px; line-height: 40px; color: #222;font-weight: 500;text-align: center;} .sub0106_wrap .con05 .box_wrap .txt_box .txt p b{display: block;font-size: 30px;font-weight: 700;} /* sub0201_wrap */ .sub0201_wrap .con01{background: url(/assets/images/sub/sub0201_bg01.jpg)center no-repeat; background-size: cover;} .sub0201_wrap .con02 .img01{margin: 70px 0;} .sub0201_wrap .con02 .img02{margin: 160px 0px 70px;} .sub0201_wrap .con02 .sub_tit02-2 p{margin-bottom: 20px;} .sub0201_wrap .con02 .sub_tit02-2 ul{margin: 45px 0 30px;} .sub0201_wrap .con02 .sub_tit02-2 ul li{display: flex;gap:20px;align-items: center;} .sub0201_wrap .con02 .sub_tit02-2 ul li:not(:last-child){margin-bottom: 25px;} .sub0201_wrap .con02 .sub_tit02-2 ul li strong{display: flex;align-items: center; justify-content: center;width: 30px; height: 30px; border:2px solid #ddd;font-size: 20px; color: #222; font-weight: 700;} .sub0201_wrap .con03{padding-bottom: 0;} .sub0201_wrap .con03 .txt_box_st02{margin-top: 100px;} .sub0201_wrap .con04 .sub_tit02 p{margin-bottom: 100px;} /* sub0202_wrap */ .sub0202_wrap .con01{background: url(/assets/images/sub/sub0202_bg01.jpg)center no-repeat; background-size: cover;} .sub0202_wrap .con02 .img{margin: 70px 0px 60px;} .sub0202_wrap .con03{background: #f5f5f5;padding-bottom: 240px;} .sub0202_wrap .con03 .sub_tit02 .txt span b.udl{font-weight: 700;} .sub0202_wrap .con03 .img_box_st01{margin-top: 80px;} .sub0202_wrap .con03 .img_box_st01 .box_wrap .txt_box p{font-weight: 500; } .sub0202_wrap .con03 .img_box_st01 .box_wrap .txt_box p b{font-weight: 700;} .sub0202_wrap .con04{background: #f5f5f5;padding-top: 0;} .sub0202_wrap .con04 .sub_tit02 .txt span b.udl{font-weight: 700;} .sub0202_wrap .con04 .box_wrap{margin-top: 70px;} .sub0202_wrap .con04 .box_wrap .box{position: relative;display: flex; gap:30px;align-items: center; background: #fff; border-radius:125px; padding: 25px; border:2px solid #ddd;} .sub0202_wrap .con04 .box_wrap .box:not(:last-child){margin-bottom: 40px;} .sub0202_wrap .con04 .box_wrap .box .img{border-radius:50%; overflow: hidden;} .sub0202_wrap .con04 .box_wrap .box .img img{width: 100%; height: 100%; object-fit:cover;} .sub0202_wrap .con04 .box_wrap .box .txt_wrap{width: calc(100% - 230px);} .sub0202_wrap .con04 .box_wrap .box .txt_wrap .tit{display: flex;align-items: center; width: 390px; padding-bottom: 20px; margin-bottom: 20px;border-bottom: 1px solid #999;} .sub0202_wrap .con04 .box_wrap .box .txt_wrap .tit p{font-size: 28px; color: #222; font-weight: 700;} .sub0202_wrap .con04 .box_wrap .box .txt_wrap .tit span{display: block;font-size: 20px; color: #222; font-weight: 500;margin-left: 20px;} .sub0202_wrap .con04 .box_wrap .box .txt_wrap .txt p{font-size: 20px; color: #666; line-height: 32px;font-weight: 500;} .sub0202_wrap .con05 .sub_tit02 p{margin-bottom: 70px;} /* sub0203_wrap */ .sub0203_wrap .con .sub_tit02 .txt span b.udl{font-weight: 700;} .sub0203_wrap .con .sub_tit02 .txt span{letter-spacing: -0.1px;} .sub0203_wrap .con01{background: url(/assets/images/sub/sub0203_bg01.jpg)center no-repeat; background-size: cover;} .sub0203_wrap .con02 .img{margin: 70px 0px 55px;} .sub0203_wrap .con02 .txt_box{padding: 50px;background: #eee; border-radius:20px; margin-top: 80px;} .sub0203_wrap .con02 .txt_box p{font-size: 40px; line-height: 56px;text-align: center;color: #222;} .sub0203_wrap .con02 .txt_box p b{font-weight: 700;} .sub0203_wrap .con03{background: #f5f5f5;} .sub0203_wrap .con03 .img_box_st01{margin-top: 110px;} .sub0203_wrap .con03 .img_box_st01 .box_wrap{position: relative;} .sub0203_wrap .con03 .img_box_st01 .box_wrap:not(:last-child){margin-bottom: 60px;} .sub0203_wrap .con03 .img_box_st01 .box_wrap .txt_box p span{display: block;font-size: 28px; font-weight: 500; line-height: 40px;margin-top: 5px;} .sub0203_wrap .con03 .img_box_st01 .box_wrap em{position: absolute;left: 50px;top: -33px;display: flex;align-items: center; justify-content: center;width: 120px; height: 30px; background: #222;font-size: 18px;color: #fff;font-weight: 700; border-radius:8px 8px 0 0;} .sub0203_wrap .con04{padding-bottom: 0;} .sub0203_wrap .con04 .txt_box_st02-2{margin-top: 110px;} .sub0203_wrap .con05{padding-bottom: 0;} .sub0203_wrap .con05 .img{margin: 70px 0px 60px;} .sub0203_wrap .con05 .ul_tbl02{margin-bottom: 80px;} .sub0203_wrap .con05 .ul_tbl02 ul li{gap:20px;} .sub0203_wrap .con05 .ul_tbl02 ul li p{width: 150px;} .sub0203_wrap .con05 .ul_tbl02 ul li span{font-size: 20px; width: calc(100% - 170px);font-weight: 500;line-height: 1.6; } .sub0203_wrap .con05 .bg_wrap{padding: 90px 0px 80px; background: #f5f5f5;} .sub0203_wrap .con05 .bg_wrap .txt_box{position: relative; border:3px solid #fff;} .sub0203_wrap .con05 .bg_wrap .txt_box em{position: absolute;top: -33px;left: 0;display: flex; align-items: center; justify-content: center;width: 120px; height: 30px; background: #222;font-size: 18px; color: #fff; font-weight: 700; border-radius:8px 8px 0 0;} .sub0203_wrap .con05 .bg_wrap .txt_box .txt{padding: 0px 20px; background: rgba(255,255,255,.4);} .sub0203_wrap .con05 .bg_wrap .txt_box .txt p{padding: 35px 0;font-size: 26px;color: #222;font-weight: 500;text-align: center;letter-spacing: -0.2px;line-height: 1.5;} .sub0203_wrap .con05 .bg_wrap .txt_box .txt p b{font-weight: 700;} .sub0203_wrap .con05 .bg_wrap .txt_box .txt:not(:last-child) p{border-bottom: 2px solid #fff;} .sub0203_wrap .con07 .ul_tbl02 ul li p{width: 190px;} .sub0203_wrap .con07 .ul_tbl02 ul li span{width: calc(100% - 210px);} /* sub0204_wrap */ .sub0204_wrap .con01{background: url(/assets/images/sub/sub0204_bg01.jpg)center no-repeat; background-size: cover;} .sub0204_wrap .con02 .img{margin: 70px 0;} .sub0204_wrap .con03{background: #f4f4f6;} .sub0204_wrap .con03 .box_wrap{margin-top: 80px;} .sub0204_wrap .con03 .box_wrap .box{position: relative;display: flex; gap:30px;align-items: center; background: #fff; border-radius:125px; padding: 25px;} .sub0204_wrap .con03 .box_wrap .box:not(:last-child){margin-bottom: 40px;} .sub0204_wrap .con03 .box_wrap .box:not(:last-child)::after{content:'';position: absolute;bottom: -50px; left: 50%;transform:translateX(-50%); width: 60px; height: 60px; border-radius:50%; background: url(/assets/images/sub/plus_icon01.png)center no-repeat #000;z-index: 10;} .sub0204_wrap .con03 .box_wrap .box .img{border-radius:50%; overflow: hidden;} .sub0204_wrap .con03 .box_wrap .box .img img{width: 100%; height: 100%; object-fit:cover;} .sub0204_wrap .con03 .box_wrap .box .txt_wrap{width: calc(100% - 230px);} .sub0204_wrap .con03 .box_wrap .box .txt_wrap .tit{display: flex;align-items: center; width: 390px; padding-bottom: 20px; margin-bottom: 20px;border-bottom: 1px solid #999;} .sub0204_wrap .con03 .box_wrap .box .txt_wrap .tit p{font-size: 28px; color: #222; font-weight: 700;} .sub0204_wrap .con03 .box_wrap .box .txt_wrap .tit span{display: block;font-size: 20px; color: #222; font-weight: 500;margin-left: 20px;} .sub0204_wrap .con03 .box_wrap .box .txt_wrap .txt p{font-size: 20px; color: #666; line-height: 32px;font-weight: 500;} .sub0204_wrap .con04 .sub_tit02{margin-bottom: 70px;} /* sub0205_wrap */ .sub0405_wrap{line-height: 1;} .sub0205_wrap .con01{background: url(/assets/images/sub/sub0205_img01.png)center no-repeat; background-size: cover;} .sub0205_wrap .con02{padding-bottom: 0;} .sub0205_wrap .con02 .img02{margin: 50px 0 70px;} .sub0205_wrap .sub_tit02.first_con02 {margin-top: 40px} .sub0205_wrap .sub_tit02 h3.h3_tit01 {margin-bottom: 40px;} .sub0205_wrap .sub_tit02 h3.h3_tit02 {margin-bottom: 40px;} .sub0205_wrap .sub_tit02 h3.h3_tit02.kr{font-size: 30px;} .sub0205_wrap .sub_tit02.pd160 {padding-top: 160px;} .sub0205_wrap .sub_tit02 p {margin-bottom: 80px;} .sub0205_wrap .sub_tit02 .txt span:not(:last-child){margin-bottom: 50px;} .sub0205_wrap .sub_tit02 .txt_box_color{margin: 80px 0 160px;padding: 44px 0;border-radius: 20px;background: #c4b7a7;} .sub0205_wrap .sub_tit02 .txt_box_color p{margin-bottom: 0;font-size: 40px;color: white;line-height: 1.4em;} .sub0205_wrap .sub_tit02.bg{padding: 160px 0;background-color: #f5f5f5;} .sub0205_wrap .txt_box_wrap {display: flex;flex-direction: column;row-gap: 30px;margin: 80px 0 280px;} .sub0205_wrap .txt_box_wrap .txt_box01{display: flex;margin: 0 40px;column-gap: 60px;align-items: center;padding: 20px;border: 3px solid #fff;border-radius: 30px;background-color: rgba(256, 256, 256, 0.8);} .sub0205_wrap .txt_box_wrap .txt_box01 img{width: 180px;height: 180px;border-radius: 20px;} .sub0205_wrap .txt_box_wrap .txt_box01 .txt_wrap{display: flex;flex-direction:column;row-gap: 13px;justify-content: center;align-items: flex-start;text-align: left;} .sub0205_wrap .txt_box_wrap .txt_box01 .txt_wrap strong{font-size: 30px;color: #222;font-weight: 600;} .sub0205_wrap .txt_box_wrap .txt_box01 .txt_wrap p{margin-bottom: 0;font-size: 26px;line-height: 1.5384em;font-weight: 500;} .sub0205_wrap .con02 .img05{margin-bottom: 90px;} .sub0205_wrap .txt_box_st02_wrap{display: flex;flex-direction: column;row-gap: 90px;} .sub0205_wrap .txt_box_st02 .box_wrap{position: relative;margin: 0 40px;padding: 45px 40px 40px;border-radius: 20px;border: 0;background-color: #fff;} .sub0205_wrap .txt_box_st02 .box_wrap .tag{left: auto;right: 30px;top: -30px;text-transform:uppercase;} .sub0205_wrap .txt_box_st02 .box_wrap .tit p{margin-bottom: 0;line-height: 1;} .sub0205_wrap .txt_box_st02 .box_wrap .txt{text-align: left;} .sub0205_wrap .txt_box_st02 .box_wrap .txt p{margin: 30px 0 23px;line-height: 1;} .sub0205_wrap .txt_box_st02.bg{padding: 90px 0 80px;background-color: #f5f5f5;} .sub0205_wrap .txt_box_st02.bg .box_wrap{display: block;margin: 0 40px;padding: 0;border-radius: 0;border: 3px solid #fff;background-color: rgba(256, 256, 256, 0.4);} .sub0205_wrap .txt_box_st02.bg .box_wrap .tag{left: -3px;right: auto;top: -33px;width: 120px;} .sub0205_wrap .txt_box_st02.bg .box_wrap .txt_box .txt{margin-top: 0;} .sub0205_wrap .txt_box_st02.bg .box_wrap .txt_box .txt p{width: calc(100% - 40px);margin: 0 auto 0;padding: 40px;font-size: 24px;line-height: 20px;font-weight: 500;text-align: center;border-bottom: 2px solid #fff;} .sub0205_wrap .txt_box_st02.bg .box_wrap .txt_box .txt p:last-child{border: 0;} .sub0205_wrap .txt_box_st02.bg .box_wrap .txt_box .txt p b{display: block;font-size: 26px;font-weight: 700;} .sub0205_wrap .ul_tbl02 ul{margin: 60px 40px 80px;} .sub0205_wrap .ul_tbl02 ul li{gap:20px;min-height: 100px;border-radius:50px;padding: 25px 25px;} .sub0205_wrap .ul_tbl02.st02 li{display: flex;flex-direction: column;align-items: flex-start;border-radius:30px;} .sub0205_wrap .ul_tbl02.st03 li{padding: 15px;border-radius: 60px;} .sub0205_wrap .ul_tbl02.st02 li span{padding: 0 30px;line-height: 1.8em;} .sub0205_wrap .ul_tbl02 ul li p{display: flex;width: 280px;margin-bottom: 0;border-radius: 25px;} .sub0205_wrap .ul_tbl02 ul li span{font-size: 20px;line-height: 30px;text-align-last: left;} .sub0205_wrap .con02 .img10{margin-bottom: 160px;} /* sub0301_wrap */ .sub0301_wrap .con .sub_tit02 p span{font-size: 44px;} .sub0301_wrap .con01{background: url(/assets/images/sub/sub0301_bg01.jpg)center no-repeat; background-size: cover;} .sub0301_wrap .con02{background: url(/assets/images/sub/sub0301_bg02.jpg)center no-repeat; background-size: cover;} .sub0301_wrap .con02 .img{margin: 80px 0px 120px;} .sub0301_wrap .con02 .img_box_st01{margin-top: 70px;} .sub0301_wrap .con02 .img_box_st01 .box_wrap .txt_box p{font-size: 28px;line-height: 44px;} .sub0301_wrap .con03{background: url(/assets/images/sub/sub0301_bg03.jpg)center no-repeat; background-size: cover;} .sub0301_wrap .con03 .box_wrap{position: relative;padding: 22px 22px 50px; background: rgba(255,255,255,.4); border:3px solid #fff; margin-top: 105px;} .sub0301_wrap .con03 .box_wrap em{position: absolute; left: 0;top: -33px;display: flex;align-items: center;font-size: 18px; font-weight: 700; background: #222;color: #fff; padding: 0 17px;width: fit-content; height: 30px; border-radius:8px 8px 0 0;} .sub0301_wrap .con03 .box_wrap .img{border:3px solid #fff;} .sub0301_wrap .con03 .box_wrap .txt{margin-top: 50px;} .sub0301_wrap .con03 .box_wrap .txt p{font-size: 30px; font-weight: 700;text-align: center;color: #222;} .sub0301_wrap .con04{padding-bottom: 0;} .sub0301_wrap .con04 .box_con strong.tit{display: block;font-size: 48px; color: #756c61; font-weight: 700;text-align: center;} .sub0301_wrap .con04 .box_wrap{display: flex;margin-top: 80px;} .sub0301_wrap .con04 .box_wrap .box{width: calc(100% / 3);} .sub0301_wrap .con04 .box .block_con{display: flex;align-items: center;justify-content: flex-end;flex-direction: column;height: 310px;} .sub0301_wrap .con04 .box .block_con .block{width: 160px; height: 100px; background: #756c61;} .sub0301_wrap .con04 .box .block_con .block:not(:last-child){margin-bottom: 4px;} .sub0301_wrap .con04 .box .txt_wrap{position: relative;padding: 40px 24px;} .sub0301_wrap .con04 .box_wrap .box:nth-child(2) .txt_wrap{background: #eee8e3;padding-bottom: 120px;} .sub0301_wrap .con04 .box .txt_wrap em{position: absolute; left: 0; top: -30px;display: flex;align-items: center;justify-content: center;width: 130px; height: 30px; color: #fff; background: #222;font-size: 18px;font-weight: 700; border-radius:8px 8px 0 0;} .sub0301_wrap .con04 .box .txt_wrap .txt:not(:last-child){margin-bottom: 60px;} .sub0301_wrap .con04 .box .txt_wrap .txt strong{font-size: 24px; color: #222; font-weight: 700; line-height: 36px;letter-spacing: -0.5px;} .sub0301_wrap .con04 .box .txt_wrap .txt p{font-size: 24px; line-height: 36px; color: #666;letter-spacing: -0.2px;} .sub0301_wrap .con05{background: #eee8e3;} .sub0301_wrap .con05 .box_wrap{margin-top: 60px;} .sub0301_wrap .con05 .box_wrap .box{position: relative;display: flex; gap:30px;align-items: center; background: #fff; border-radius:125px; padding: 25px;} .sub0301_wrap .con05 .box_wrap .box:not(:last-child){margin-bottom: 40px;} .sub0301_wrap .con05 .box_wrap .box:not(:last-child)::after{content:'';position: absolute;bottom: -50px; left: 50%;transform:translateX(-50%); width: 60px; height: 60px; border-radius:50%; background: url(/assets/images/sub/plus_icon01.png)center no-repeat #000;z-index: 10;} .sub0301_wrap .con05 .box_wrap .box .img{border-radius:50%; overflow: hidden;} .sub0301_wrap .con05 .box_wrap .box .img img{width: 100%; height: 100%; object-fit:cover;} .sub0301_wrap .con05 .box_wrap .box .txt_wrap{width: calc(100% - 230px);} .sub0301_wrap .con05 .box_wrap .box .txt_wrap .tit{display: flex;align-items: center; width: 390px; padding-bottom: 20px; margin-bottom: 20px;border-bottom: 1px solid #999;} .sub0301_wrap .con05 .box_wrap .box .txt_wrap .tit p{font-size: 28px; color: #222; font-weight: 700;} .sub0301_wrap .con05 .box_wrap .box .txt_wrap .tit span{display: block;font-size: 20px; color: #222; font-weight: 500;margin-left: 20px;} .sub0301_wrap .con05 .box_wrap .box .txt_wrap .txt p{font-size: 20px; color: #666; line-height: 32px;font-weight: 500;} .sub0301_wrap .con06{background: url(/assets/images/sub/sub0301_bg04.jpg)center no-repeat; background-size: cover;} .sub0301_wrap .con06 .box_wrap{position: relative;padding: 22px 22px 50px; background: rgba(255,255,255,.4); border:3px solid #fff; margin-top: 105px;} .sub0301_wrap .con06 .box_wrap em{position: absolute; left: 0;top: -33px;display: flex;align-items: center;font-size: 18px; font-weight: 700; background: #222;color: #fff; padding: 0 17px;width: fit-content; height: 30px; border-radius:8px 8px 0 0;} .sub0301_wrap .con06 .box_wrap .txt{padding: 45px 0;} .sub0301_wrap .con06 .box_wrap .txt:not(:last-child){border-bottom: 2px solid #fff;} .sub0301_wrap .con06 .box_wrap .txt:last-child{padding-bottom: 0;} .sub0301_wrap .con06 .box_wrap .txt p{font-size: 30px; font-weight: 700;text-align: center;color: #222;} .sub0301_wrap .con06 .box_wrap .txt span{display: block;font-size: 26px; color: #222; text-align: center;font-weight: 500; margin-top: 14px;} .sub0301_wrap .last_con{background: url(/assets/images/sub/sub0301_bg05.jpg)center no-repeat; background-size: cover;} /* sub0302_wrap */ .sub0302_wrap .con01{background: url(/assets/images/sub/sub0302_bg01.jpg)center no-repeat; background-size: cover;} .sub0302_wrap .con02{background: url(/assets/images/sub/sub0302_bg02.jpg)center no-repeat; background-size: cover;} .sub0302_wrap .con02 .img{margin: 80px 0px 120px;} .sub0302_wrap .con02 .img_box_st01{margin-top: 70px;} .sub0302_wrap .con02 .img_box_st01 .box_wrap .txt_box p{font-size: 28px;line-height: 44px;} .sub0302_wrap .con03{background: url(/assets/images/sub/sub0302_bg03.jpg)center no-repeat; background-size: cover;} .sub0302_wrap .con03 .box_wrap{position: relative;padding: 22px ; background: rgba(255,255,255,.4); border:3px solid #fff; margin-top: 105px;} .sub0302_wrap .con03 .box_wrap em{position: absolute; left: 0;top: -33px;display: flex;align-items: center;font-size: 18px; font-weight: 700; background: #222;color: #fff; padding: 0 17px;width: fit-content; height: 30px; border-radius:8px 8px 0 0;} .sub0302_wrap .con04{padding-bottom: 0;} .sub0302_wrap .con04 .sub_tit02 p{margin-bottom: 110px;} .sub0302_wrap .con04 .box_wrap .box{position: relative; height: 500px; padding: 60px 40px;} .sub0302_wrap .con04 .box_wrap .box:not(:last-child){margin-bottom: 2px;} .sub0302_wrap .con04 .box_wrap .box em{position: absolute; left: 50%; transform:translateX(-50%);top: -32px;display: flex;align-items: center; justify-content: center;width: 130px; height: 30px; border-radius:8px 8px 0 0;font-size: 18px; color: #222; font-weight: 700;} .sub0302_wrap .con04 .box_wrap .box .tit{margin-bottom: 40px;color: #222;} .sub0302_wrap .con04 .box_wrap .box .tit p{font-size: 28px; text-align: center;font-weight: 700;} .sub0302_wrap .con04 .box_wrap .box .tit span{display: block;font-size: 20px;text-align: center; margin-top: 16px;font-weight: 500;} .sub0302_wrap .con04 .box_wrap .box .txt_flex{display: flex;align-items: center;gap:30px; background: #fff; border-radius:60px; height: 120px; padding: 0 35px;} .sub0302_wrap .con04 .box_wrap .box .txt_flex:not(:last-child){margin-bottom: 20px;} .sub0302_wrap .con04 .box_wrap .box .txt_flex strong{display: flex;align-items: center;justify-content: center;width: 120px; height: 50px;font-size: 20px; color: #222; font-weight: 700; border-radius:25px;} .sub0302_wrap .con04 .box_wrap .box .txt_flex .txt p{font-size: 24px;font-weight: 500;color: #222;} .sub0302_wrap .con04 .box_wrap .box .txt_flex .txt p b{display: inline-block;font-size: 20px;font-weight: 500;margin-left: 10px;} .sub0302_wrap .con04 .box_wrap .box .txt_flex .txt span{display: block;font-size: 20px; color: #666; margin-top: 16px;} .sub0302_wrap .con04 .box_wrap .box .txt_flex .txt span b{font-weight: 700;} .sub0302_wrap .con04 .box_wrap .box ul.sub_txt{margin-top: 20px;padding-left: 60px;} .sub0302_wrap .con04 .box_wrap .box ul.sub_txt li{position: relative;padding-left: 15px;font-size: 20px; color: #222; line-height: 36px;font-weight: 500;} .sub0302_wrap .con04 .box_wrap .box ul.sub_txt li::after{content:'•';position: absolute;top: 0; left: 0;} .sub0302_wrap .con04 .box_wrap .box01{background: #c8daea;height: 540px;} .sub0302_wrap .con04 .box_wrap .box02{background: #a7c0da;} .sub0302_wrap .con04 .box_wrap .box03{background: #89a9c5;} .sub0302_wrap .con04 .box_wrap .box04{background: #6989a5;} .sub0302_wrap .con04 .box_wrap .box01 em{background: #c8daea;} .sub0302_wrap .con04 .box_wrap .box02 em{background: #a7c0da;} .sub0302_wrap .con04 .box_wrap .box03 em{background: #89a9c5;} .sub0302_wrap .con04 .box_wrap .box04 em{background: #6989a5;} .sub0302_wrap .con04 .box_wrap .box01 .txt_flex strong{background: #c8daea;} .sub0302_wrap .con04 .box_wrap .box02 .txt_flex strong{background: #a7c0da;} .sub0302_wrap .con04 .box_wrap .box03 .txt_flex strong{background: #89a9c5;} .sub0302_wrap .con04 .box_wrap .box04 .txt_flex strong{background: #6989a5;} .sub0302_wrap .con05{padding-bottom: 0;} .sub0302_wrap .con05 .sub_tit02 p{margin-bottom: 70px;} .sub0302_wrap .con05 .em_wrap .s_inner{display: flex;justify-content: space-between;padding: 0 60px;} .sub0302_wrap .con05 .em_wrap em{display: flex;align-items: center; justify-content: center; width: 130px; height: 30px; font-size: 18px; color: #fff;font-weight: 700;background: #222; border-radius:8px 8px 0 0;} .sub0302_wrap .con05 .txt_wrap{display: flex;padding: 0px 40px;} .sub0302_wrap .con05 .txt_wrap .txt{display: flex;align-items: center;flex:1; height: 150px;padding: 0 16px;} .sub0302_wrap .con05 .txt_wrap .txt p{font-size: 26px; line-height: 36px; color: #222;font-weight: 500;} .sub0302_wrap .con05 .txt_wrap.co01{background: #c8daea;} .sub0302_wrap .con05 .txt_wrap.co02{background: #a7c0da;} .sub0302_wrap .con05 .txt_wrap.co03{background: #89a9c5;} .sub0302_wrap .con05 .txt_wrap.co04{background: #6989a5;} .sub0302_wrap .last_con{background: url(/assets/images/sub/sub0302_bg04.jpg)center top no-repeat; background-size: cover;} /* sub0401 */ .sub0401_wrap{line-height: 1;padding: 0 24px;} .sub0401_wrap .tit_wrap{margin-bottom: 60px;} .sub0401_wrap .tit_wrap .top{display: flex;gap:10px;align-items: center;padding: 0px 24px 32px;border-bottom: 1px solid #ddd; margin-bottom: 60px;} .sub0401_wrap .tit_wrap .top a.on{background: #222; color: #fff;} .sub0401_wrap .tit_wrap .top a{display: flex; align-items: center; height: 30px;padding: 0 13px; border-radius:4px; font-size: 18px; font-weight: 700; color: var(--co01);font-weight:700;} .sub0401_wrap .tit_wrap .cate{display: flex;align-items: center; justify-content: center;gap:86px;} .sub0401_wrap .tit_wrap .cate a{position: relative;font-size: 18px; color: #999;} .sub0401_wrap .tit_wrap .cate a:not(:last-child)::after{content:'|';position: absolute; right: -45px; top: 50%;transform:translateY(-50%);color: #ddd;} .sub0401_wrap .tit_wrap .cate a.on{color: #222; font-weight: 700;} .sub0401_wrap .list_wrap{padding: 0 24px;} .sub0401_wrap .list_wrap .list:not(:last-child){margin-bottom: 60px;} .sub0401_wrap .list_wrap .list .img_wrap{position:relative; width:100%; padding-bottom:63.937%;} .sub0401_wrap .list_wrap .list .img_wrap::after{content:'';position: absolute; left: 0; bottom: 0;width: 100%; height: 80px;background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%);} .sub0401_wrap .list_wrap .list .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} .sub0401_wrap .list_wrap .list .txt_wrap{margin-top: 45px;} .sub0401_wrap .list_wrap .list .txt_wrap p{font-size: 20px; color: #222;font-weight: 700;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sub0401_wrap .list_wrap .list .txt_wrap span{display: block;font-size: 16px; color: #999; margin-top: 18px;} /* sub0401_view */ .sub0401_view_wrap{line-height: 1;} .sub0401_view_wrap .top{margin-bottom: 60px; padding-bottom: 60px;border-bottom: 1px solid #ddd;} .sub0401_view_wrap .top em{display: flex;align-items: center; height: 30px; margin: 0 auto 20px; background: #222;padding: 0 16px;font-size: 14px; color: #fff;font-weight: 700; border-radius:4px; width: fit-content;} .sub0401_view_wrap .top p{font-size: 44px; color: #222; font-weight: 800;text-align: center;line-height: 1.4;} .sub0401_view_wrap .top span{display: block;font-size: 18px; color: #999; font-weight: 500;text-align: center; margin-top: 20px;} .sub0401_view_wrap .edit img{max-width: 100%;} .sub0401_view_wrap .bot{padding-top: 60px;margin-top: 80px; border-top: 1px solid #ddd;} .sub0401_view_wrap .bot a.list_btn{display: flex;align-items: center; justify-content: center; width: 116px; height: 50px;border:1px solid #ddd; border-radius:8px;font-size: 18px; color: #222; font-weight: 700;margin: 0 auto;} .sub0401_view_wrap .edit a{display: flex;align-items: center;justify-content: center;width: 200px;height: 60px;background: var(--co01);border-radius: 8px;font-size: 18px;color: #fff;font-weight: 700;margin: 20px auto 0;} /* sub0401_2 */ .sub0401_2_wrap .inner{padding: 0;} .sub0401_2_wrap .sub_tit03{position: relative;} .sub0401_2_wrap .sub_tit03 input{display: none;} .sub0401_2_wrap .sub_tit03 .copy_btn{position: absolute;right: 0; top: 5px;} .sub0401_2_wrap .tit_wrap .top{margin-bottom: 0;} .sub0401_2_wrap .select_wrap{display: flex;flex-wrap:wrap;gap:12px;background: #f5f5f5;padding: 20px;} .sub0401_2_wrap .select_wrap a{display: flex;align-items: center; justify-content: center;width: calc((100% - 12px) / 2); height: 50px; background: #fff; border-radius:8px;font-size: 18px; color: #222; font-weight: 700;transition:.3s;} .sub0401_2_wrap .select_wrap a:hover{opacity: .6;} .sub0401_2_wrap .list_box_wrap strong.tit{display: block;font-size: 20px;color: #222; font-weight: 700;margin-bottom: 30px;} .sub0401_2_wrap .list_wrap{padding: 0;overflow-y: scroll;height: 783px;} .sub0401_2_wrap .list{display: flex;justify-content: space-between;align-items: flex-end;padding: 30px;background: #f5f9ff; border-radius:8px;} .sub0401_2_wrap .list_wrap .list:not(:last-child){margin-bottom: 10px;} .sub0401_2_wrap .list_wrap .list .txt_wrap{margin-top: 0;} .sub0401_2_wrap .list .txt_wrap em{display: block;font-size: 14px; color: #999;font-weight: 700; margin-bottom: 12px;} .sub0401_2_wrap .list .txt_wrap .txt p{font-size: 18px; color: #222;font-weight: 700;} .sub0401_2_wrap .list .txt_wrap .txt span{display: block;font-size: 16px; color: #222;} .sub0401_2_wrap .list .txt_wrap strong{display: block;font-size: 20px; color: #222; margin-top: 30px;} .sub0401_2_wrap .list .txt_wrap strong b{display: inline-block;font-size: 14px;font-weight: 400;margin-left: 10px;} .sub0401_2_wrap .list a.btn{display: flex;align-items: center; justify-content: center; width: 90px; height: 36px; border-radius:18px; background: #222; color: #fff;font-size: 16px; font-weight: 700;} .sub0401_2_wrap .re_box_wrap{position: relative;} .sub0401_2_wrap .re_box{position: relative;display: flex;align-items: center; justify-content: center;width: 100%; height: 80px; font-size: 24px; color: #fff;font-weight: 700; background: var(--co01); } .sub0401_2_wrap .re_box.re_pop_btn{margin-top: 30px;cursor:pointer;} .sub0401_2_wrap .re_box .count{position: absolute;left: 24px;top: 50%;transform:translateY(-50%);display: flex;align-items: center; justify-content: center; width: 60px; height: 36px;background: #fff; border-radius:18px;font-size: 20px; color: var(--co01);font-weight: 700; } .sub0401_2_wrap .re_pop_box{display: none;position: absolute; bottom: 0; left: 0; width: 100%;z-index: 9999;} .sub0401_2_wrap .re_pop_box .pop_box .tit{display: flex;align-items: center; justify-content: space-between; height: 80px;border-bottom: 1px solid #ddd;padding: 0 24px; border-radius:20px 20px 0 0;background: #fff;} .sub0401_2_wrap .re_pop_box .pop_box .tit p{font-size: 20px; color: #222; font-weight: 700;} .sub0401_2_wrap .re_pop_box .pop_box .container{padding: 20px 24px 0 24px; background: #fff;} .sub0401_2_wrap .re_pop_box .pop_box .con_wrap .con{position: relative;padding: 15px 20px;background: #f5f5f5;} .sub0401_2_wrap .re_pop_box .pop_box .con_wrap .con:not(:last-child){margin-bottom: 5px;} .sub0401_2_wrap .re_pop_box .pop_box .con_wrap .con .del_btn{position: absolute;top: 10px; right: 10px;} .sub0401_2_wrap .re_pop_box .pop_box .con_wrap .con .del_btn img{width: 16px;} .sub0401_2_wrap .re_pop_box .pop_box .con_wrap .con span{display: block;font-size: 14px; color: #999;font-weight: 500; margin-bottom: 10px;} .sub0401_2_wrap .re_pop_box .pop_box .con_wrap .con p{font-size: 16px; color: #222;font-weight: 700;} .sub0401_2_wrap .re_pop_box .pop_box .con_wrap .con strong{display: block;font-size: 16px; color: #222; margin-top: 10px;} .sub0401_2_wrap .re_pop_box .pop_box .price{display: flex;align-items: center; justify-content: space-between;padding: 20px 0 30px;margin-top: 20px;border-top: 1px solid #ddd;} .sub0401_2_wrap .re_pop_box .pop_box .price span{font-size: 16px; color: #999;font-weight: 500;} .sub0401_2_wrap .re_pop_box .pop_box .price b{font-size: 20px; color: var(--co01);} .sub0401_2_wrap .re_box_wrap .re_bg{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.4);z-index: 9000;} /* sub0401_2_view */ .sub0401_2_view_wrap{line-height: 1;} .sub0401_2_view_wrap .tit_wrap{padding-bottom: 50px;} .sub0401_2_view_wrap .tit_wrap p{font-size: 44px; color: #222; font-weight: 800;text-align: center;} .sub0401_2_view_wrap .tit_wrap span{display: block;font-size: 16px; line-height: 28px; color: #999;text-align: center;font-weight: 500; margin-top: 60px;} .sub0401_2_view_wrap .tit_wrap span b{font-size: 22px; color: #222;font-weight: 700;} .sub0401_2_view_wrap .con{padding: 40px 24px;} .sub0401_2_view_wrap .con strong.tit{display: block;font-size: 20px; color: #222; font-weight: 700; margin-bottom: 30px;} .sub0401_2_view_wrap .con01{border-top: 8px solid #f5f5f5;border-bottom: 8px solid #f5f5f5;} .sub0401_2_view_wrap .con01 .ra_wrap{display: flex;align-items: center;gap:30px;} .sub0401_2_view_wrap .con02 .cal_wrap{width: 100%;} .sub0401_2_view_wrap .con02 .cal_wrap .cal_btn{display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px;} .sub0401_2_view_wrap .con02 .cal_wrap .cal_btn strong{font-size: 18px;color: #222; font-weight: 700;} .sub0401_2_view_wrap .con02 .cal_wrap table{width: 100%; table-layout: fixed;} .sub0401_2_view_wrap .con02 .cal_wrap table th{font-size: 16px; padding: 20px 0; color: #666;font-weight: 500;} .sub0401_2_view_wrap .con02 .cal_wrap table th:first-child, .sub0401_2_view_wrap .con02 .cal_wrap table th:last-child{color: #999;} .sub0401_2_view_wrap .con02 .cal_wrap table td{position: relative;padding: 15px 20px;height: 100px;vertical-align: top;} .sub0401_2_view_wrap .con02 .cal_wrap table td p{position: relative;font-size: 16px; color: #222; font-weight: 500;width: fit-content;} .sub0401_2_view_wrap .con02 .cal_wrap table td span{display: block;font-size: 14px; font-weight: 500;color: #999;margin-top: 2px;} .sub0401_2_view_wrap .con02 .cal_wrap table td.off p{color: #999;} .sub0401_2_view_wrap .con02 .cal_wrap table td.today::after{content:'';position: absolute;top: 0; left: 0;width: 100%; height: 100%; border-radius:8px; background: #f5f5f5;z-index: -2;} .sub0401_2_view_wrap .con02 .cal_wrap table td.on p{color: #fff;} .sub0401_2_view_wrap .con02 .cal_wrap table td.on p::after{content:'';position: absolute;top: 50%; left: 50%;transform:translate(-50%,-50%); width: 40px; height: 40px;background: var(--co01);border-radius:50%;z-index: -1;} .sub0401_2_view_wrap .con03 .input_wrap{display: flex;flex-wrap:wrap;gap:10px;} .sub0401_2_view_wrap .con03 .input_wrap input[type="radio"]{display: none;} .sub0401_2_view_wrap .con03 .input_wrap input[type="radio"] + label{display: flex;align-items: center; justify-content: center;width: calc((100% - 30px) / 4); height: 44px; font-size: 16px; color: #666; font-weight: 500;border:1px solid #ddd; border-radius:6px; cursor:pointer;} .sub0401_2_view_wrap .con03 .input_wrap input[type="radio"]:checked + label{background: var(--co01); border:1px solid var(--co01); color: #fff;font-weight: 700;} .sub0401_2_view_wrap .con03 .result_box{padding: 30px;margin-top: 20px; background: #f5f5f5; border-radius:6px;} .sub0401_2_view_wrap .con03 .result_box p{font-size: 18px; color: #666;font-weight: 500;} .sub0401_2_view_wrap .con04{border-top: 8px solid #f5f5f5;border-bottom: 8px solid #f5f5f5;} .sub0401_2_view_wrap .con04 .input:not(:last-child){margin-bottom: 30px;} .sub0401_2_view_wrap .con04 .input p{font-size: 18px; color: #222; font-weight: 700; margin-bottom: 16px;} .sub0401_2_view_wrap .con04 .input input[type="text"], .sub0401_2_view_wrap .con04 .input input[type="date"]{width: 100%;height: 60px;border:1px solid #ddd; border-radius:6px;padding: 0 20px;font-size: 16px; color: #666;font-weight: 500;} .sub0401_2_view_wrap .con04 .input input[type="text"]::placeholder{font-size: 16px; color: #999;font-weight: 500;} .sub0401_2_view_wrap .con05 .box{display: flex;align-items: flex-end; justify-content: space-between; padding: 20px; border-radius:6px; border:1px solid #ddd;} .sub0401_2_view_wrap .con05 .box01{background: #f5f5f5;margin-bottom: 20px;} .sub0401_2_view_wrap .con05 .box01 .txt span{display: block;font-size: 16px; color: #999;margin-bottom: 15px;} .sub0401_2_view_wrap .con05 .box01 .txt p{font-size: 16px; color: #333;font-weight: 700;} .sub0401_2_view_wrap .con05 .box01 b{font-size: 16px; color: #222; font-weight: 700;} .sub0401_2_view_wrap .con05 .box02 p{font-size: 16px; color: #222; font-weight: 550;} .sub0401_2_view_wrap .con05 .box02 b{font-size: 20px; color: #222; font-weight: 700;} .sub0401_2_view_wrap .con05 a.mod_btn{display: block;font-size: 16px; color: var(--co01);margin-left: auto;margin-top: 20px;border-bottom: 1px solid var(--co01);width: fit-content;font-weight: 700;} .sub0401_2_view_wrap .con05 .pri_box{margin-top: 40px;padding: 40px 20px; background: #f5f5f5;} .sub0401_2_view_wrap .con05 .pri_box .pri{display: flex;align-items: center; justify-content: space-between;} .sub0401_2_view_wrap .con05 .pri_box .pri:not(:last-child){margin-bottom: 20px;} .sub0401_2_view_wrap .con05 .pri_box .pri a{font-size: 14px; color: #999; font-weight: 500; border-bottom: 1px solid #999;padding-bottom: 2px;} .sub0401_2_view_wrap .con06{padding-bottom: 0;padding-top: 10px;border-top: 1px solid #ddd;} .sub0401_2_view_wrap .con06 .bot_box{display: flex;align-items: center; justify-content: space-between;} .sub0401_2_view_wrap .con06 .bot_box b{font-size: 20px; color: #222; font-weight: 700;} .sub0401_2_view_wrap .con06 .bot_box a{display: flex;width: 170px; height: 60px;align-items: center;justify-content: center; gap:10px;background: var(--co01); border-radius:6px;} .sub0401_2_view_wrap .con06 .bot_box a em{display: flex;align-items: center;justify-content: center;width: 24px; height: 24px; background: #fff; border-radius:50%;font-size: 16px; color: var(--co01); font-weight: 700;} .sub0401_2_view_wrap .con06 .bot_box a p{font-size: 18px; color: #fff; font-weight: 700;} .sub0401_2_view_wrap .pop{position: fixed;top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.4);z-index: 9999;} .sub0401_2_view_wrap .pop .pop_wrap{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);width: 500px; padding: 60px 20px 20px;background: #fff; border-radius:20px;} .sub0401_2_view_wrap .pop .pop_wrap .x_btn{position: absolute;top: 20px; right: 20px;} .sub0401_2_view_wrap .pop .pop_wrap .txt_wrap p{font-size: 20px; margin-bottom: 20px; color: #222; font-weight: 700;text-align: center;} .sub0401_2_view_wrap .pop .pop_wrap .txt_wrap span{display: block;font-size: 18px; color: #666; line-height: 28px;text-align: center;} .sub0401_2_view_wrap .pop .pop_wrap .txt_wrap .mid{margin: 30px 0;} .sub0401_2_view_wrap .pop .pop_wrap .txt_wrap .mid span{line-height: 32px;} .sub0401_2_view_wrap .pop .pop_wrap .txt_wrap .mid span:not(:last-child){margin-bottom: 22px;} .sub0401_2_view_wrap .pop .pop_wrap .btn_wrap{display: flex;gap:10px; margin-top: 50px;} .sub0401_2_view_wrap .pop .pop_wrap .btn_wrap a{display: flex;align-items: center; justify-content: center;width: calc((100% - 10px) / 2); height: 40px; font-size: 16px; color: #222; font-weight: 500;border-radius:20px; background: #ddd;} .sub0401_2_view_wrap .pop .pop_wrap .btn_wrap a.bl{color: #fff ;background: #222;} .sub0401_2_view_wrap .after_pop.pop{display: none;} .sub0401_2_view_wrap .after_pop.pop .pop_wrap{padding: 50px 50px 40px;background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(200, 211, 247, 1) 100%);} .sub0401_2_view_wrap .after_pop.pop .pop_wrap .txt_wrap p{font-size: 24px; margin-bottom: 60px;} .sub0401_2_view_wrap .after_pop.pop .pop_wrap .txt_wrap .box{padding: 35px 30px;background: #fff;border-radius:20px;} .sub0401_2_view_wrap .after_pop.pop .pop_wrap .txt_wrap .box ul li{display: flex;font-size: 16px; color: #222; font-weight: 500;} .sub0401_2_view_wrap .after_pop.pop .pop_wrap .txt_wrap .box ul li:not(:last-child){margin-bottom: 15px;} .sub0401_2_view_wrap .after_pop.pop .pop_wrap .txt_wrap .box ul li p{width: 70px;font-size: 16px; color: #222; font-weight: 500;margin-bottom: 0;} .sub0401_2_view_wrap .after_pop.pop .pop_wrap .txt_wrap .box ul li span{font-weight: 700;} .sub0401_2_view_wrap .after_pop.pop .pop_wrap a.a_btn{display: flex;align-items: center; justify-content: center;width: 160px; height: 40px;font-size: 16px; background: var(--co01);margin: 60px auto 0; color: #fff;font-weight: 700; border-radius:20px;} .sub0401_2_view_wrap .complete_wrap{padding: 50px 50px 40px;background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(200, 211, 247, 1) 100%);} .sub0401_2_view_wrap .complete_wrap .txt_wrap p{font-size: 24px; margin-bottom: 60px; text-align: center;color: #222;} .sub0401_2_view_wrap .complete_wrap .txt_wrap .box ul li{display: flex;font-size: 16px; color: #222; font-weight: 500;} .sub0401_2_view_wrap .complete_wrap .txt_wrap .box{padding: 35px 30px;background: #fff;border-radius:20px;} .sub0401_2_view_wrap .complete_wrap .txt_wrap .box ul li:not(:last-child){margin-bottom: 15px;} .sub0401_2_view_wrap .complete_wrap .txt_wrap .box ul li p{width: 70px;font-size: 16px; color: #222; font-weight: 500;margin-bottom: 0;margin-right: 20px;} .sub0401_2_view_wrap .complete_wrap .txt_wrap .box ul li span{font-weight: 700;} .sub0401_2_view_wrap .complete_wrap a.a_btn{display: flex;align-items: center; justify-content: center;width: 160px; height: 40px;font-size: 16px; background: var(--co01);margin: 60px auto 0; color: #fff;font-weight: 700; border-radius:20px;} /* sub0402 */ .sub0402_wrap{line-height: 1;} .sub0402_wrap .tit_wrap{margin-bottom: 90px;} .sub0402_wrap .tit_wrap p{font-size: 44px; color: #222;font-weight: 900;text-align: center; margin-bottom: 35px; text-transform:uppercase;} .sub0402_wrap .tit_wrap span{display: block;font-size: 16px; color: #999; line-height: 24px;text-align: center;} .sub0402_wrap .con:not(:last-child){margin-bottom: 160px;} .sub0402_wrap .con .tit{margin-bottom: 40px;} .sub0402_wrap .con .tit p{font-size: 20px; color: #222; font-weight: 700;} .sub0402_wrap .con .list_wrap .list{position: relative; border-radius:20px; overflow: hidden; box-shadow: 3px 3px 20px rgba(0,0,0,.1);} .sub0402_wrap .con .list_wrap .list .img_wrap{position:relative; width:100%; } .sub0402_wrap .con .list_wrap .list .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} .sub0402_wrap .con .list_wrap .list .txt_wrap{display: flex;flex-direction: column;gap:30px;justify-content: flex-end;position: absolute; left: 0; bottom: 0;width: 100%; height: 100%; padding: 20px;background: linear-gradient(180deg,transparent 54%, rgba(0, 0, 0, 1) 100%);} .sub0402_wrap .con .list_wrap .list .txt_wrap .txt{color: #fff;} .sub0402_wrap .con .list_wrap .list .txt_wrap .txt span{display: block;font-size: 16px; font-weight: 700; margin-bottom: 15px;} .sub0402_wrap .con .list_wrap .list .txt_wrap .txt p{font-size: 20px;} .sub0402_wrap .con .list_wrap .list .txt_wrap .txt em{display: block;font-size: 16px;margin-top: 18px;} .sub0402_wrap .con .list_wrap .list .txt_wrap .more_btn{position: relative;display: flex;align-items: center; justify-content: center; height: 54px; background: #222; border-radius:27px;font-size: 18px;color: #fff;font-weight: 500;} .sub0402_wrap .con .list_wrap .list .txt_wrap .more_btn em{position: absolute;left: 4px; top: 50%;transform:translateY(-50%);display: flex;align-items: center; width: 48px; height: 48px; background: #fff;border-radius:50px; transition:.5s ease-in-out; } .sub0402_wrap .con .list_wrap .list .txt_wrap .more_btn em img{display: block;position: absolute;right: 16px;} .sub0402_wrap .con .list_wrap .list .txt_wrap .more_btn p{position: absolute;top: 50%; left: 50%;transform:translate(-50%,-50%);mix-blend-mode: difference;} .sub0402_wrap .con .list_wrap .list .txt_wrap .more_btn:hover em{width: calc(100% - 8px);} .sub0402_wrap .con01 .list_wrap .list{width: 320px; margin-right: 20px;} .sub0402_wrap .con01 .list_wrap .list .img_wrap{padding-bottom: 140.625%;} .sub0402_wrap .con01 .slick-dots{display: flex;justify-content: center;gap:6px;margin-top: 20px;} .sub0402_wrap .con01 .slick-dots li{width: 8px; height: 8px; background: #999;text-indent: -9999px; border-radius:50px;transition:.3s;} .sub0402_wrap .con01 .slick-dots li.slick-active{background: #444;width: 24px;} .sub0402_wrap .con02 .list_wrap{display: flex;flex-wrap:wrap;gap:20px;} .sub0402_wrap .con02 .list_wrap .list{width: calc((100% - 60px) / 4);} .sub0402_wrap .con02 .list_wrap .list .img_wrap{padding-bottom: 127.778%;} /* sub0402_view */ .sub0402_view_wrap{line-height: 1;} .sub0402_view_wrap .inner{width: 1160px;} .sub0402_view_wrap .tit_wrap{margin-bottom: 80px;} .sub0402_view_wrap .tit_wrap span{display: block;font-size: 14px; color: #999; font-weight: 500;margin-bottom: 20px;} .sub0402_view_wrap .tit_wrap p{font-size: 44px; color: #222; font-weight: 800;} .sub0402_view_wrap .tit_wrap .tag_wrap{display: flex;flex-wrap:wrap;gap:8px; margin-top: 25px;} .sub0402_view_wrap .tit_wrap .tag_wrap em{display: flex;align-items: center; justify-content: center;height: 36px;background: #f5f5f5; border:1px solid #ddd;padding: 0 12px;color: #999; font-size: 14px; font-weight: 500; border-radius:18px;} .sub0402_view_wrap .con:not(:last-child){margin-bottom: 100px;} .sub0402_view_wrap .con .tit{padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px solid #000;} .sub0402_view_wrap .con .tit p{font-size: 20px;font-weight: 700; color: #222; } .sub0402_view_wrap .con01 .box_wrap{display: flex;gap:30px;} .sub0402_view_wrap .con01 .box_wrap .box{width: calc((100% - 30px) / 2);} .sub0402_view_wrap .con01 .box_wrap .box .img_wrap:not(:last-child){margin-bottom: 30px;} .sub0402_view_wrap .con01 .box_wrap .box .img_wrap img{max-width: 100%; border-radius:20px;} .sub0402_view_wrap .con02 .video_wrap{position:relative; width:100%; padding-bottom:56.25%;overflow: hidden; border-radius:20px;} .sub0402_view_wrap .con02 .video_wrap video, .sub0402_view_wrap .con02 .video_wrap iframe, .sub0402_view_wrap .con02 .video_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} .sub0402_view_wrap .con03 .txt_box{padding: 20px 40px;background: #f5f5f5; border:1px solid #ddd; border-radius:20px;} .sub0402_view_wrap .con03 .txt_box .txt{padding: 30px 0;} .sub0402_view_wrap .con03 .txt_box .txt:not(:last-child){border-bottom: 1px solid #ddd;} .sub0402_view_wrap .con03 .txt_box .txt span{display: block;font-size: 16px; color: #999;margin-bottom: 24px;font-weight: 600;} .sub0402_view_wrap .con03 .txt_box .txt p{font-size: 18px; color: #222; font-weight: 600;line-height: 1.4;} .sub0402_view_wrap .con03 .txt_box .txt p.co01{color: var(--co01);} .sub0402_view_wrap .con04 .txt_box02{font-size: 18px; color: #222; line-height: 30px;font-weight: 600;padding: 40px;background: #f5f9ff; border:1px solid #ddd; border-radius:20px;white-space: pre-wrap;} /* sub0403 */ .sub0403_wrap{line-height: 1;} .sub0403_wrap .tit_wrap{margin-bottom: 160px;} .sub0403_wrap .tit_wrap p{font-size: 44px; color: #222; font-weight: 700;text-align: center;} .sub0403_wrap .top{background: #f5f5f5;border-top: 1px solid #ddd;padding: 30px 24px; margin-bottom: 60px;} .sub0403_wrap .cate_wrap{display: flex;flex-wrap:wrap;gap:10px;} .sub0403_wrap .cate_wrap a{display: flex;align-items: center; justify-content: center; height: 40px; background: #fff; border-radius:4px;font-size: 18px; color: #999; font-weight: 700; padding: 0 10px; transition:.3s;} .sub0403_wrap .cate_wrap a.on{background: #222; color: #fff;} .sub0403_wrap .list_wrap{padding: 0 24px;} .sub0403_wrap .list:not(:last-child){margin-bottom: 60px;} .sub0403_wrap .list .img_flex{display: flex;border-radius:20px; overflow: hidden;} .sub0403_wrap .list .img_flex .img_box{position: relative;width: 50%;overflow: hidden;} .sub0403_wrap .list .img_flex .img_box em{position: absolute; top: 20px; left: 20px;display: flex;align-items: center;justify-content: center;width: 100px; height: 30px; border-radius:15px;background: #222;font-size: 18px; color: #fff;font-weight: 500;z-index: 100;} .sub0403_wrap .list .img_flex .img_wrap{position:relative; width:100%; padding-bottom:117.021%;} .sub0403_wrap .list .img_flex .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} .sub0403_wrap .list .img_flex .img_box.after em{background: #3961e1;} .sub0403_wrap .list .img_flex .img_box.after .img_wrap{filter: blur(20px) brightness(0.4);} .sub0403_wrap .list .img_flex .img_box.after .txt{display: flex;align-items: center;justify-content: center;flex-direction: column;gap:25px;position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%);} .sub0403_wrap .list .img_flex .img_box.after .txt p{font-size: 18px; color: #fff; line-height: 30px; text-align: center;} .sub0403_wrap .list .txt_wrap{margin-top: 20px;} .sub0403_wrap .list .txt_wrap p{font-size: 20px; color: #222; font-weight: 600; line-height: 1.5;} /* sub0403_view */ .sub0403_view_wrap .top{margin-bottom: 60px;} .sub0403_view_wrap .top .img_flex{display: flex;} .sub0403_view_wrap .top .img_box{width: 50%;} .sub0403_view_wrap .top .img_wrap{padding-bottom: 160%;} .sub0403_view_wrap .top .txt_wrap{left: 50%; transform:translateX(-50%);} .sub0403_view_wrap .top .txt_wrap ul li{flex-direction: column;align-items: center;justify-content: center;} .sub0403_view_wrap .top .txt_wrap ul li p{text-align: center;width: 100%; } .sub0403_view_wrap .info_wrap{padding: 30px;border:1px solid #ddd; border-radius:12px;} .sub0403_view_wrap .info_wrap ul li:not(:last-child){margin-bottom: 20px;} .sub0403_view_wrap .info_wrap ul li{display: flex;} .sub0403_view_wrap .info_wrap ul li span{display: block; width: 95px;font-size: 18px;color: #222; font-weight: 500;} .sub0403_view_wrap .info_wrap ul li p{width: calc(100% - 95px);font-size: 18px; color: #222; font-weight: 700;} /* sub0501 */ .sub0501_wrap{line-height: 1;} .sub0501_wrap .inner{display: flex;margin-top: 60px;padding: 0 50px;width: auto;} .sub0501_wrap .sub_tit{position: relative;display: flex;flex-direction: column;width: 65%;padding-right: 60px;color: #222;} .sub0501_wrap .sub_tit::after{content: '©25';position: absolute;left: 0;bottom: 0;font-size: 400px;letter-spacing: -24px;} .sub0501_wrap .sub_tit strong{font-size: 60px;line-height: 80px;font-weight: 700;letter-spacing: -0.32px;} .sub0501_wrap .sub_tit span{margin-top: 14px;color: #999;font-size: 24px;font-weight: 600;letter-spacing: -0.16px;} .sub0501_wrap .sub_con{width: 35%} .sub0501_wrap .sub_con .txt_box{font-size: 20px;color: #666;line-height: 2em;font-weight: 600;letter-spacing: -0.16px;} .sub0501_wrap .sub_con .txt_box strong{display: block;margin-top: 40px;color: #000;line-height: 2.4em;font-weight: 700;} .sub0501_wrap .sub_con .txt_box:first-child strong {margin-top: 0;} .sub0501_wrap .sub_con .txt_box p{font-weight: 700;} .sub0501_wrap .sub_con .txt_box:first-child p{line-height: 1.8em;} .sub0501_wrap .sub_con .txt_box .list_box{display: flex;flex-direction: column;row-gap: 24px;margin-bottom: 24px;} .sub0501_wrap .sub_con .txt_box .list_box li:not(.dep2 li)::before{content: '▪ ';} .sub0501_wrap .sub_con .txt_box .dep2 li{display: flex;gap: 5px;line-height: 1.6em;} .sub0501_wrap .sub_con .txt_box .dep2 li::before{content: '· ';} .sub0501_wrap .sub_con .img_box{overflow: hidden;width: 100%;min-width: 640px;margin-top: 60px;border-radius: 20px;border: 1px solid #f5f5f5;} .sub0501_wrap .sub_con .img{width: 100%;} .sub0501_wrap .sub_con .img_box.bottom{margin: 150px 0 0;border: 0} /* sub0502 */ .sub0502_wrap{line-height: 1;} .sub0502_wrap .list_wrap{display: flex;flex-wrap:wrap;gap:20px;} .sub0502_wrap .list_wrap .list{width: calc((100% - 60px) / 4); cursor:pointer;} .sub0502_wrap .list_wrap .list .img_wrap{position:relative; width:100%; padding-bottom:133.333%; border-radius:20px; overflow: hidden;} .sub0502_wrap .list_wrap .list .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} .sub0502_wrap .pop_wrap{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(255,255,255,.5); z-index: 9999;backdrop-filter: blur(20px);} .sub0502_wrap .pop_wrap .pop_box{position: absolute;top: 50%; left: 50%;transform:translate(-50%,-50%);} .sub0502_wrap .pop_wrap .pop_box .x_btn{position: absolute;top: 0; right: 0;} .sub0502_wrap .pop_wrap .big_slide{width: 390px;margin: 0 auto;} .sub0502_wrap .pop_wrap .big_slide li .img_wrap{position:relative; width:100%; padding-bottom:148.718%; border-radius:20px; overflow: hidden;} .sub0502_wrap .pop_wrap .big_slide li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} .sub0502_wrap .pop_wrap .sm_slide_wrap{width: 630px;margin: 0 auto;} .sub0502_wrap .pop_wrap .sm_slide .slick-list{width: calc(100% - 20px); padding: 60px 0px 10px;} .sub0502_wrap .pop_wrap .sm_slide li{margin-right: 20px;border-radius:12px; overflow: hidden;border:1px solid transparent;transform: translateX(20px);} .sub0502_wrap .pop_wrap .sm_slide li.slick-current{border:1px solid #6e95d4; box-shadow: 0px 0px 10px rgba(19,97,225,.5);} .sub0502_wrap .pop_wrap .sm_slide li .img_wrap{position:relative; width:100%; padding-bottom:100%; border-radius:12px; overflow: hidden;} .sub0502_wrap .pop_wrap .sm_slide li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} .sub0502_wrap .pop_wrap .slick-arrow{position: absolute;top: 50%;transform:translateY(-50%);} .sub0502_wrap .pop_wrap .prev{left: 0;} .sub0502_wrap .pop_wrap .next{right: 0;} .sub0502_wrap .pop_wrap .slide_items{margin: 25px auto 0; width: 80px; background: rgba(102,102,102,.9); border-radius:20px;} .sub0502_wrap .pop_wrap .slide_items .numcount{display: flex;gap:22px;align-items: center; justify-content: center;height: 40px; } .sub0502_wrap .pop_wrap .slide_items span{font-size: 16px; color: #fff;font-weight: 500;} .sub0502_wrap .pop_wrap .slide_items span.total{position: relative;color: #999;} .sub0502_wrap .pop_wrap .slide_items span.total::after{content:'/';position: absolute;top: 50%; left: -12px; transform:translateY(-50%);} /* sub0503 */ .sub0503_wrap{line-height: 1;} .sub0503_wrap .inner{display:flex;flex-direction: column;row-gap: 80px;margin-top: 60px;max-width: 1442px;} .sub0503_wrap .sub_con{display: flex;column-gap: 80px;} .sub0503_wrap .sub_con .img_box{overflow: hidden;position: relative;z-index: -2;width: 920px;height: 677px;border-radius: 20px;background: url('/assets/images/sub/sub0503_img01.png') no-repeat center/cover;} .sub0503_wrap .sub_con:nth-child(1) .img_box::after{content:'';display: block;position: absolute;z-index: -1;right: 60px;bottom: 60px;width: 416px;height: 564px;background: url('/assets/images/sub/sub0503_img02.png') no-repeat;} .sub0503_wrap .sub_con:nth-child(2) .img_box::after{content:'';display: block;position: absolute;z-index: -1;right: 60px;bottom: 60px;width: 380px;height: 559px;background: url('/assets/images/sub/sub0503_img03.png') no-repeat;} .sub0503_wrap .img_box .txt_wrap{position: absolute;left: 60px;bottom: 60px;} .sub0503_wrap .img_box .txt_wrap strong{display: block;margin-bottom: 0.5625em;font-size: 64px;color: #000;line-height: 1.35;font-weight: 700;} .sub0503_wrap .img_box .txt_wrap b{font-size: 26px;color: #000;font-weight: 500;} .sub0503_wrap .img_box .txt_wrap p{margin-top: 1.7em;font-size: 20px;color: #222;line-height: 1.6em;font-weight: 500;} .sub0503_wrap .txt_box{width: calc(100% - 1000px);} .sub0503_wrap .txt_box b{display: block;margin-bottom: 1em;font-size: 23px;color: #000;font-weight: 700;} .sub0503_wrap .txt_box p{margin-bottom: 1.2em;font-size: 20px;color: #000;font-weight: 700;} .sub0503_wrap .txt_box ul{margin-bottom: 40px;} .sub0503_wrap .txt_box li{display: flex;gap: 5px;font-size: 16px;color: #222;line-height: 2em;font-weight: 500;} .sub0503_wrap .txt_box li::before{content: '·';} /* mypage */ .tab_menu_st01{margin: 0 auto 30px;width: fit-content;} .tab_menu_st01 ul{display: flex;padding: 8px; border-radius:12px; background: #f5f5f5;} .tab_menu_st01 li a{display: flex;align-items: center; justify-content: center;width: 213px; height: 48px; font-size: 16px; color: #999; font-weight: 500; border-radius:8px;} .tab_menu_st01 li.on a{background: #fff;color: #222; box-shadow:0px 0px 10px rgba(0,0,0,0.05);} /* login */ .login_con{line-height: 1;height: 100vh;} .login_con .con_wrap{display: flex;} .login_con .con01{padding: 160px 0;width: 50%;} .login_con .con01 .inner{width: 450px;} .login_con .con01 .tit{text-align: center; margin-bottom: 40px;} .login_con .con01 .tit p{font-size: 36px; color: #222; font-weight: 500;} .login_con .con01 .tit span{display: block;font-size: 16px; color: #999; font-weight: 500; margin-top: 20px;} .login_con .input_wrap{margin-bottom: 40px;} .login_con .input_wrap .input:not(:last-child){margin-bottom: 30px;} .login_con .input_wrap .input p{font-size: 16px; color: #222; font-weight: 600; margin-bottom: 12px;} .login_con .input_wrap .input input[type="text"], .login_con .input_wrap .input input[type="password"]{width: 100%; height: 54px; font-size: 16px; color: #666; background: #f5f5f5; border:1px solid #ddd; border-radius:12px;padding: 0px 20px;} .login_con .input_wrap .input input[type="text"]::placeholder, .login_con .input_wrap .input input[type="password"]::placeholder{color: #999;} .login_con a.log_btn{display: flex;align-items: center; justify-content: center;width: 100%; height: 64px; background: var(--co01); border-radius:12px;font-size: 18px; color: #fff ;font-weight: 700;} .login_con .bot{margin-top: 60px; padding-top: 40px;border-top: 1px solid #ddd;} .login_con .bot span{display: block;font-size: 14px; line-height: 24px; color: #999; font-weight: 500;text-align: center;} .login_con .con02{width: 50%;border-left: 1px solid #648dca;} .login_con .con02 video{width: 100%; height: 100%; object-fit:cover;} /* join */ .join_con.login_con{height: auto;} .join_con.login_con .con01 .pri_box{margin: 40px 0;padding-top: 20px; border-top: 1px solid #ddd;d} .join_con.login_con .con01 .pri_box .pri{display: flex;align-items: center; justify-content: space-between;} .join_con.login_con .con01 .pri_box .pri:not(:last-child){margin-bottom: 20px;} .join_con.login_con .con01 .pri_box .pri a{font-size: 14px; color: #999; font-weight: 500; border-bottom: 1px solid #999;padding-bottom: 2px;} /* 마이페이지 */ .mypage_wrap{padding: 120px 0px 200px;line-height: 1;height: auto;} .mypage_wrap .sub_tit03{margin-bottom: 80px;} .mypage_wrap .tab_menu_st01{margin-bottom: 60px; } .mypage_wrap .tab_menu_st01 li a{font-size: 18px; width: 200px; height: 60px;} .mypage_wrap .tab_menu_st01 li.on a{font-weight: 700;} .mypage01 .inner{width: 500px; } .mypage01 .input_wrap .input input[type="text"]:focus, .mypage01 .input_wrap .input input[type="password"]:focus{outline:1px solid var(--co01);background: #fff;} .mypage02{padding-bottom: 0;} .mypage02 .con_wrap .tit{margin-bottom: 40px;} .mypage02 .con_wrap .tit p{font-size: 24px; color: #222; font-weight: 700;} .mypage02 .con_wrap .cate_wrap{display: flex;gap:30px;border-bottom: 1px solid #ddd;} .mypage02 .con_wrap .cate_wrap a{position: relative;display: flex;align-items: center;gap:6px;font-size: 18px;color: #666;font-weight: 500;padding-bottom: 20px;} .mypage02 .con_wrap .cate_wrap a::after{content:'';position: absolute; left: 50%;transform:translateX(-50%);bottom: -2px;width: 0;height: 3px;background: #222;transition:.3s;} .mypage02 .con_wrap .cate_wrap a.on{color: #222; font-weight: 700;} .mypage02 .con_wrap .cate_wrap a.on::after{width: calc(100% + 20px);} .mypage02 .con_wrap .cate_wrap a:hover{color: #222;} .mypage02 .con_wrap .cate_wrap a em{display: flex;align-items: center; justify-content: center;width: 18px; height: 18px; border-radius:50%;font-size: 14px; color: #fff; font-weight: 500; } .mypage02 .con_wrap .em01{background: #648dca;} .mypage02 .con_wrap .em02{background: var(--co01);} .mypage02 .con_wrap .em03{background: #666;} .mypage02 .con_wrap .list_wrap{padding: 40px 20px;} .mypage02 .con_wrap .list_wrap .list{position: relative;background: #f5f9ff; border-radius:8px;} .mypage02 .con_wrap .list_wrap .list a:not(.c_btn){display: block;padding: 25px 30px;} .mypage02 .con_wrap .list_wrap .list:not(:last-child){margin-bottom: 20px;} .mypage02 .con_wrap .list_wrap .list .top{display: flex;align-items: center; justify-content: space-between;margin-bottom: 18px;} .mypage02 .con_wrap .list_wrap .list .top em{display: flex;align-items: center; justify-content: center;width: 72px; height: 24px; border-radius:12px;font-size: 14px; color: #fff;font-weight: 500;} .mypage02 .con_wrap .list_wrap .list .top p{display: flex;align-items: center;gap:8px;font-size: 14px;color: #999; font-weight: 500;} .mypage02 .con_wrap .list_wrap .list .bot .txt p{font-size: 20px; color: #222; font-weight: 700;} .mypage02 .con_wrap .list_wrap .list .bot .txt span{display: block;font-size: 16px; color: #222;font-weight: 600; margin-top: 25px;} .mypage02 .con_wrap .list_wrap .list .bot .txt span b{display: inline-block;font-weight: 400; color: #666; margin-right: 12px;} .mypage02 .con_wrap .list_wrap .list a.c_btn{position: absolute;bottom: 24px; right: 30px;display: flex;align-items: center; justify-content: center;width: 100px; height: 30px; border:1px solid #a6bddf; border-radius:6px;font-size: 14px; color: #222; font-weight: 500;z-index: 100;} .mypage02_view .con_wrap a.back_btn{display: flex;gap:20px; align-items: center;font-size: 20px; color: #222;font-weight: 700;margin-bottom: 40px;} .mypage02_view .top{padding: 30px;background: #f5f9ff; border-radius:8px; margin-bottom: 35px;} .mypage02_view .top em{display: flex;align-items: center; justify-content: center;width: 72px; height: 24px; border-radius:12px;font-size: 14px; color: #fff;font-weight: 500;} .mypage02_view .top p{font-size: 30px; color: #222; font-weight: 700; margin-top: 18px;} .mypage02_view .box_wrap:not(:last-child){margin-bottom: 30px;} .mypage02_view .box_wrap strong.tit{display: block;font-size: 18px; color: #222; font-weight: 700; margin-bottom: 20px;} .mypage02_view .box_wrap .box{padding: 30px;border:1px solid #ddd; border-radius:8px;} .mypage02_view .box_wrap .box ul.list01 li{display: flex;align-items: center; justify-content: space-between;} .mypage02_view .box_wrap .box ul.list01 li:not(:last-child){margin-bottom: 16px;} .mypage02_view .box_wrap .box ul.list01 li p{font-size: 16px; color: #666; font-weight: 500;} .mypage02_view .box_wrap .box ul.list01 li .left{display: flex;align-items: center;gap:10px;} .mypage02_view .box_wrap .box ul.list01 li .left strong{color: #222;} .mypage02_view .box_wrap .box ul.list01 li .left .co01{color: #648dca;} .mypage02_view .box_wrap .box ul.list01 li .right p{color: #222;} .mypage02_view .box_wrap .box .bot{border-top: 1px solid #ddd;margin-top: 25px; padding-top: 25px;text-align: right;} .mypage02_view .box_wrap .box .bot p{font-size: 20px; color: #222; font-weight: 700;} .mypage02_view .box_wrap .box .bot span{display: block;font-size: 14px; color: #666;margin-top: 10px; font-weight: 500;} .mypage02_view .box_wrap .box ul.list02 li{position: relative;font-size: 16px; color: #666;font-weight: 500;line-height: 32px;padding-left: 15px;} .mypage02_view .box_wrap .box ul.list02 li::after{content:'▪';position: absolute;top: 0; left: 0;} .mypage02_view .btn_wrap{display: flex; align-items: center;justify-content: space-between; margin-top: 40px;} .mypage02_view .btn_wrap a{display: flex;align-items: center; justify-content: center;padding: 0 30px; height: 50px;border:1px solid #ddd; border-radius:8px;font-size: 16px; color: #222; font-weight: 500;} .mypage02_view .btn_wrap a.btn02{border:1px solid #648dca;}