/* 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'); } @font-face { font-family: 'NanumSquareNeoLight'; src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot); src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype"); } @font-face { font-family: 'NanumSquareNeo'; src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot); src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype"); } @font-face { font-family: 'NanumSquareNeoBold'; src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot); src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype"); } @font-face { font-family: 'NanumSquareNeoExtraBold'; src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot); src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype"); } @font-face { font-family: 'NanumSquareNeoHeavy'; src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot); src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype"); } @font-face { font-family: 'NanumSquareNeoVariable'; src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot); src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.ttf) format("truetype"); } @font-face { font-family: 'Hakgyoansim Allimjang'; font-weight: 400; font-style: normal; font-display: swap; src: url('https://cdn.jsdelivr.net/gh/fonts-archive/HakgyoansimAllimjang/HakgyoansimAllimjang-R.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/fonts-archive/HakgyoansimAllimjang/HakgyoansimAllimjang-R.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/fonts-archive/HakgyoansimAllimjang/HakgyoansimAllimjang-R.otf') format('opentype'), url('https://cdn.jsdelivr.net/gh/fonts-archive/HakgyoansimAllimjang/HakgyoansimAllimjang-R.ttf') format('truetype'); } @font-face { font-family: 'Hakgyoansim Allimjang'; font-weight: 700; font-style: normal; font-display: swap; src: url('https://cdn.jsdelivr.net/gh/fonts-archive/HakgyoansimAllimjang/HakgyoansimAllimjang-B.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/fonts-archive/HakgyoansimAllimjang/HakgyoansimAllimjang-B.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/fonts-archive/HakgyoansimAllimjang/HakgyoansimAllimjang-B.otf') format('opentype'), url('https://cdn.jsdelivr.net/gh/fonts-archive/HakgyoansimAllimjang/HakgyoansimAllimjang-B.ttf') format('truetype'); } @font-face { font-family: 'SBAggroB'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ANDONG264TTF'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2502-1@1.0/ANDONG264TTF.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ownglyph_corncorn-Rg'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Uiyeun'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105@1.1/Uiyeun.woff') format('woff'); font-weight: normal; font-style: normal; } /* 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: 'NanumSquareNeo' , 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: #ff4390; --co02: #bd56c3; --co03: #7a69f7; --co04: #5c128e; --co05: #ff7cb2; --bg01: #fff2f7; --bg02: #f8eef9; --bg03: #f2f0fa; --trs04: all .4s cubic-bezier(0.420, 0.000, 0.225, 1.175); --trs05: all .5s cubic-bezier(0.420, 0.000, 0.225, 1.175); } *,body,html{cursor: none;} .curzr svg path {transition:.4s;} .curzr.hover-active svg path{fill: var(--co03);stroke-width: 1px;stroke: #000;} /* ==main== */ #wrap{ position: relative; width: 100%; max-width: 100%; min-width: 1600px; margin: 0 auto; overflow: hidden;word-break: keep-all;} .inner{width: 1280px; margin: 0 auto; max-width:100%;} .fh{font-family: 'Hakgyoansim Allimjang';} ::selection{background: #7a69f7; color: #fff;} /* header */ #header{position: fixed;top: 0;left: 0;width: 100%; z-index: 7000;line-height: 1; background: #fff;border-bottom: 1px solid #ddd;} #header .inner{position: relative;display: flex;justify-content: space-between;align-items: center;width: 1600px;height: 100px;} ul.gnb{display: flex;align-items: center;margin-right: 100px;} ul.gnb li{position: relative;padding: 41px 0;} ul.gnb li::after{content:'';position: absolute;bottom: -1px; left: 50%;transform:translateX(-50%); width: 0%; height: 2px; background: var(--co01);transition: var(--trs05);} ul.gnb li.on::after{width: 100%;} ul.gnb li a{display: flex;align-items: center;justify-content: center;width: 130px;font-size: 18px; color: #222; font-weight: 700;transition: var(--trs05);} /* all_menu */ .all_menu{display: none;position: fixed; top: 100px; left: 0;width: 100%;padding: 30px 0px 100px;background: #fff;line-height: 1;z-index: 6000;box-shadow:6px 6px 12px rgba(0,0,0,.15);} .all_menu .inner{display: flex;justify-content: flex-end;width: 1600px;padding-right: 100px;} .all_menu ul.menu li:not(:last-child){margin-bottom: 26px;} .all_menu ul.menu li a{display: block;font-size: 16px; color: #666;text-align: center; width: 180px;transition:.4s;font-weight: 700;} .all_menu ul.menu li a:hover{color: var(--co01);} .all_btn{position: absolute; right: 0; top: 50%; transform:translateY(-50%);display: block;width: 30px; height: 23px;} .all_btn::before{content:'';position: absolute;right: 0; top: 0;width: 100%;height: 3px;background: #333;transition:.4s;} .all_btn::after{content:'';position: absolute; right: 0; bottom: 0;width: 100%;height: 3px;background: #333;transition:.4s;} .all_btn span{display: block;position: absolute; right: 0; top: 50%; transform:translateY(-50%);width: 100%;height: 3px;background: #333;} #header.all ul.gnb li a{width: 180px;} #header.all .all_btn::before{animation:navAni01 .6s ease forwards;} #header.all .all_btn::after{animation:navAni02 .6s ease forwards;} #header.all span{animation:navAni03 .6s ease forwards;} #header.close .all_btn::before{animation:navAni01 .6s ease reverse forwards;} #header.close .all_btn::after{animation:navAni02 .6s ease reverse forwards;} #header.close span{animation:navAni03 .6s ease reverse forwards;} @keyframes navAni01 { 0%{top: 0; transform: rotate(0deg);} 50%{top: 10px;transform:rotate(0deg);} 100%{top: 10px;transform:rotate(45deg);} } @keyframes navAni02 { 0%{bottom: 0; transform: rotate(0deg);} 50%{bottom: 10px;transform:rotate(0deg);} 100%{bottom: 10px;transform:rotate(-45deg);} } @keyframes navAni03 { 0%{opacity: 1;} 50%{opacity: 0;} 100%{opacity: 0;} } /* navi */ .nav_btn{display: none;} .navigation{display: none;} #visual_wrap{position: relative;margin-top: 100px;} #visual_wrap .txt_wrap{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 100%;} #visual_wrap .txt_wrap strong{display: block;font-size: 110px; color: #fff;font-weight: 700;text-align: center;} #visual_wrap .txt_wrap p{font-size: 40px; color: #fff; font-weight: 700;text-align: center; margin-top: 10px;font-weight: 400;} .section{line-height: 1;padding: 130px 0;} .section .sec_tit{margin-bottom: 60px;width: 100%;} .section .sec_tit p{font-size: 60px; color: #222; line-height: 72px; font-weight: 700; font-family: 'Hakgyoansim Allimjang';text-align: center;} .section .sec_tit p b{font-weight: 700;} .section .sec_tit p b.co01{color: var(--co01);} .section .sec_tit p b.co02{color: var(--co02);} .section .sec_tit p b.co03{color: var(--co03);} .section .sec_tit span{display: block;font-size: 28px; line-height: 40px; color: #666; font-weight: 400;text-align: center;text-align: center; margin-top: 35px;} /* section01 */ #section01 .box_wrap{display: flex;gap:32px;} #section01 .box_wrap .box{position: relative;width: calc((100% - 64px) / 3); height: 400px; background: #fff; border-radius:28px;transition:var(--trs04);} #section01 .box_wrap .box::after{content:'';position: absolute; top: 50%;width: calc(100% + 6px); height: calc(100% + 6px);left: 50%;transform:translate(-50%,-50%); background: linear-gradient(90deg,rgba(254, 68, 145, 1) 0%, rgba(122, 105, 247, 1) 100%);z-index: -1; border-radius:30px;transition:var(--trs04);} #section01 .box_wrap .box:hover{border-radius:23px;} #section01 .box_wrap .box:hover::after{width: calc(100% + 16px); height: calc(100% + 16px);} #section01 .box_wrap .box em{display: block;font-size: 100px;font-weight: 700;text-align: center;margin-top: 60px;} #section01 .box_wrap .box:nth-child(1) em{color: #ff7cb2;} #section01 .box_wrap .box:nth-child(2) em{color: #ca78cf;} #section01 .box_wrap .box:nth-child(3) em{color: #a296f9;} #section01 .box_wrap .box strong{display: block;font-size: 48px; color: #222; font-weight: 700;text-align: center;margin: 50px 0px 20px;} #section01 .box_wrap .box p{font-size: 24px; color: #666; line-height: 36px;text-align:center; margin-top: 10px;} /* section02 */ #section02{background: url(/assets/images/main/sec02_bg01_pc.jpg)center no-repeat; background-size: cover;padding: 180px 0 160px;background-attachment: fixed;} #section02 .txt_wrap strong{display: block;font-size: 60px; color: #fff; line-height: 72px;text-align: center;margin-bottom: 75px;} #section02 .txt_wrap p{font-size: 28px; color: #fff; font-weight: 400;text-align: center;line-height: 40px;} #section02 .txt_wrap .sub_txt{position: relative;display: flex; align-items: flex-end;justify-content: center;gap:15px;font-size: 48px; color: #fff; font-weight: 700;padding-top: 88px;margin-top: 60px;} #section02 .txt_wrap .sub_txt::after{content:'';position: absolute;top: 0; left: 50%;transform:translateX(-50%);width: 60px; height: 8px; background: #fff;} #section02 .txt_wrap .sub_txt em{display: block;font-size: 150px; font-weight: 700;line-height: 1;text-align: center;} #section02 .txt_wrap .sub_txt .number{position: relative;min-width: 260px; height: 150px;} #section02 .txt_wrap .sub_txt .digit-con:nth-child(1){left: 0;} #section02 .txt_wrap .sub_txt .digit-con:nth-child(2){left: 50%;transform:translateX(-50%);} #section02 .txt_wrap .sub_txt .digit-con:nth-child(3){right: 0;} #section02 .txt_wrap .sub_txt .digit-con{position: absolute;display:inline-block;height:150px;overflow:hidden;overflow-x: visible;vertical-align:top;} #section02 .txt_wrap .sub_txt .digit-con span{display:block;font-size:150px;line-height:1;position:relative;text-align:center;top:0;width:max-content;} /* section03 */ #section03{position: relative;} #section03 .bg_slide_wrap{margin-top: 20px;} #section03 ul.bg_slide01{margin-bottom: 40px;} #section03 ul li{font-size: 200px; color: #f5f5f5; font-family: 'SBAggroB';width: 1700px;line-height: 1;} #section03 .box_wrap{position: absolute; left: 0;bottom: 145px;width: 100%;} #section03 .box_wrap .inner{display: flex;justify-content: center;flex-wrap:wrap; gap:190px 0; width: 1600px;} #section03 .box_wrap .box{position: relative;} #section03 .box_wrap .box .txt{display: flex;align-items: center; justify-content: center;width: 420px; height: 80px; border-radius:40px; box-shadow: 6px 6px 12px rgba(0,0,0,.15);} #section03 .box_wrap .box .txt p{font-size: 28px; color: #fff; font-weight: 700;} #section03 .box_wrap .box .icon{position: absolute;top: 50%; transform:translateY(-50%); left: 100%;z-index: 100;} #section03 .box_wrap .box01 .txt{background: var(--co01);} #section03 .box_wrap .box02 .txt{background: var(--co03);} #section03 .box_wrap .box03 .txt{background: #a296f9;} #section03 .box_wrap .box04 .txt{background: var(--co02);} #section03 .box_wrap .box05 .txt{background: #ff7cb2;} #section03 .box_wrap .box01{margin-left: 160px;margin-right: 265px;top: -30px;} #section03 .box_wrap .box02{margin-right: 160px;} #section03 .box_wrap .box04{margin: 0px 235px 0px 30px;top: -105px;} #section03 .box_wrap .box05{top: -50px;} #section03 .box_wrap .box01 .icon{left: 82%;} #section03 .box_wrap .box02 .icon{top: 28%;left: 88%;} #section03 .box_wrap .box03 .icon{left: 85%;} #section03 .box_wrap .box04 .icon{top: 64%;left: 89%;} #section03 .box_wrap .box05 .icon{top: 68%;left: 85%;} @media screen and (max-width:1750px) { #section03 .box_wrap .inner{transform: translateX(-35px);} } /* section04 */ #section04{background-color: var(--bg01);} #section04 .box_wrap{display: flex;gap:30px} #section04 .box_wrap .box{width: calc((100% - 60px) / 3);border-radius:30px;background: #fff;} #section04 .box_wrap .box .tit{display: flex; align-items: center; justify-content: center; height: 70px;border-radius:23px 23px 0 0; box-shadow: 6px 6px 12px rgba(0,0,0,.15);} #section04 .box_wrap .box .tit p{font-size: 28px; color: #fff; font-weight: 700;} #section04 .box_wrap .box .txt{padding: 50px 40px 50px;} #section04 .box_wrap .box .txt strong{display: block;font-size: 35px; color: #222; font-weight: 700;text-align: center;margin-bottom: 40px;} #section04 .box_wrap .box .txt ul li{position: relative;font-size: 24px;color: #666;padding-left: 22px;} #section04 .box_wrap .box .txt ul li::after{content:'';position: absolute; left: 0; top: 8px;width: 5px; height: 5px; border-radius:50%;} #section04 .box_wrap .box .txt ul li:not(:last-child){margin-bottom: 10px;} #section04 .box_wrap .box .txt a{display: flex;align-items: center; justify-content: center;gap:10px;width: 250px; height: 64px;font-size: 24px; color: #fff; font-weight: 700;border-radius:32px;margin: 40px auto 0;} #section04 .box_wrap .box .txt a img{transition:var(--trs04);} #section04 .box_wrap .box .txt a:hover img{transform:translateX(10px) rotate(-45deg);} #section04 .box_wrap .box01{border:4px solid var(--co01);} #section04 .box_wrap .box02{border:4px solid var(--co02);} #section04 .box_wrap .box03{border:4px solid var(--co03);} #section04 .box_wrap .box01 .tit{background: var(--co01);} #section04 .box_wrap .box02 .tit{background: var(--co02);} #section04 .box_wrap .box03 .tit{background: var(--co03);} #section04 .box_wrap .box01 .txt ul li::after{background: var(--co01);} #section04 .box_wrap .box02 .txt ul li::after{background: var(--co02);} #section04 .box_wrap .box03 .txt ul li::after{background: var(--co03);} #section04 .box_wrap .box01 .txt a{background: rgba(255,67,144,.8);} #section04 .box_wrap .box02 .txt a{background: rgba(189,86,195,.8);} #section04 .box_wrap .box03 .txt a{background: rgba(122,105,247,.8);} /* section05 */ #section05 ul.sec05_slide .slick-track{padding-bottom: 60px;} #section05 ul.sec05_slide li{width: 440px;background: #f5f5f5; border-radius:30px;padding: 50px 45px; margin-left: 40px; box-shadow:6px 6px 12px rgba(0,0,0,.15);} #section05 ul.sec05_slide li .img_wrap{position:relative; width:100%; padding-bottom:52.355%;} #section05 ul.sec05_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;} #section05 ul.sec05_slide li .img_wrap img.img_cover{width:auto; height:auto;} #section05 ul.sec05_slide li .txt_wrap{margin-top: 30px;} #section05 ul.sec05_slide li .txt_wrap p{font-size: 24px; color: #222;line-height: 36px;height: 72px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;} #section05 ul.sec05_slide li .txt_wrap span{display: block;font-size: 18px; color: #999; margin-top: 30px;} #section05 ul.sec05_slide li:hover .txt_wrap p{text-decoration:underline;} #section05 ul.sec05_slide .slick-prev{position: absolute;top: 43%;left: 285px;transform:translateY(-50%);background: url(/assets/images/main/prev01_pc.png)center no-repeat; width: 70px; height: 70px; background-size: cover;text-indent: -9999px;z-index: 100; border-radius:50%;box-shadow: 5px 8px 12px rgba(122,105,247,.15);} #section05 ul.sec05_slide .slick-next{position: absolute;top: 43%;right: 285px;transform:translateY(-50%);background: url(/assets/images/main/next01_pc.png)center no-repeat; width: 70px; height: 70px; background-size: cover;text-indent: -9999px;z-index: 100;border-radius:50%;box-shadow: 5px 8px 12px rgba(122,105,247,.15);} #section05 .more_btn{display: flex;align-items: center; justify-content: center;gap:10px;width: 250px; height: 64px;font-size: 24px; color: #fff; background: var(--co03); font-weight: 700;border-radius:32px;margin: 0px auto;} #section05 .more_btn img{transition:var(--trs04);} #section05 .more_btn:hover img{transform:translateX(10px) rotate(-45deg);} @media screen and (max-width:1860px) { #section05 ul.sec05_slide .slick-prev{left: 8%;} #section05 ul.sec05_slide .slick-next{right: 8%;} } /* section06 */ #section06{background-color: #ece8f6;} #section06 .inner{display: flex;gap:80px;} #section06 .txt_wrap{width: calc((100% - 80px) / 2);} #section06 .txt_wrap .sec_tit{margin-bottom: 28px;} #section06 .txt_wrap .sec_tit p{text-align: left;} #section06 .txt_wrap .sec_tit span{text-align: left;margin-top: 20px;} #section06 .txt_wrap .img_wrap{width: 100%;box-shadow: 6px 6px 12px rgba(0,0,0,.15);border-radius:20px;} #section06 .txt_wrap .img_wrap img{width: 100%;} #section06 .online_wrap{width: calc((100% - 80px) / 2);} #section06 .online_wrap .tit{margin-bottom: 30px;} #section06 .online_wrap .tit strong{position: relative;display: block;padding-left: 20px;font-size: 24px; color: #222; font-weight: 700;font-family: 'NanumSquareNeoBold';} #section06 .online_wrap .tit strong::after{content:'';position: absolute;left: 0;top: 50%; transform:translateY(-50%);width: 3px; height: 20px; background: var(--co04);} #section06 .online_wrap .input_wrap{display: flex; flex-wrap:wrap;gap:20px 10px;} #section06 .online_wrap .input_wrap .input{position: relative;width: calc((100% - 10px) / 2);} #section06 .online_wrap .input_wrap .input02{position: relative;width: 100%;} #section06 .online_wrap .input_wrap input[type="text"]{width: 100%; height: 58px;background: #fff; border:0; font-size: 18px; color: #222;padding: 0 20px; border-radius:8px;} #section06 .online_wrap .input_wrap input[type="text"]:focus{outline:0;} #section06 .online_wrap .input_wrap input[type="text"] + label{position: absolute;left: 20px;top: 50%; transform:translateY(-50%);font-size: 18px; color: #999;transition:.5s;} #section06 .online_wrap .input_wrap input[type="text"] + label b{color: var(--co04); font-weight: 400;} #section06 .online_wrap .input_wrap input[type="text"]:focus + label {opacity: 0;} #section06 .online_wrap .input_wrap input[type="text"]:valid + label {opacity: 0;} #section06 .online_wrap .input_wrap select{width: 100%;height: 58px;border:0;font-size: 18px; color: #222;padding: 0 20px;-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; background: url(/assets/images/main/select_icon01_pc.png)center right 20px no-repeat #fff; background-size: 18px; border-radius:8px;} #section06 .online_wrap .input_wrap select:focus{outline:0;} #section06 .online_wrap .input_wrap textarea{width: 100%;height: 160px;background: #fff; border:0;font-size: 18px; color: #222;padding: 20px 15px;border-radius:8px;resize:none;} #section06 .online_wrap .input_wrap textarea + label{position: absolute;left: 15px; top: 20px;font-size: 18px; color: #999;transition:.5s;} #section06 .online_wrap .input_wrap textarea + label b{color: var(--co04); font-weight: 400;} #section06 .online_wrap .input_wrap textarea:focus{outline:0;} #section06 .online_wrap .input_wrap .textarea.filled label{opacity: 0;} #section06 .online_wrap .input_wrap .textarea.focused label{opacity: 0;} #section06 .online_wrap .check_wrap{display: flex; align-items: center;gap:6px;margin-top: 20px;} #section06 .online_wrap .check_wrap input[type="checkbox"]{display: none;} #section06 .online_wrap .check_wrap input[type="checkbox"] + label{position: relative;padding-left: 28px;font-size: 18px; color: #666;} #section06 .online_wrap .check_wrap input[type="checkbox"] + label::after{content:'';position: absolute;left: 0; top: 0; width: 18px; height: 18px; background: #fff; border:1px solid #bbb; border-radius:2px;font-family: 'Pretendard';font-size: 15px;} #section06 .online_wrap .check_wrap input[type="checkbox"]:checked + label::after{content:'✓';background: var(--co04);border:1px solid var(--co04);text-align: center;line-height: 16px;color: #fff;} #section06 .online_wrap .check_wrap .pro_pop_btn{font-size: 18px; color: #222; font-weight: 500; cursor:pointer;} #section06 .online_wrap .online_btn{display: flex; align-items: center; justify-content: center;gap:10px; width: 100%; height: 64px;font-size: 24px; color: #fff; font-weight: 700;border-radius:32px; background: var(--co03); margin-top: 40px;} #section06 .online_wrap .online_btn img{transition:var(--trs04);} #section06 .online_wrap .online_btn:hover img{transform:translateX(10px) rotate(-45deg);} .quick_menu{position: fixed;bottom: 80px; right: 60px;z-index: 8000;} .quick_menu.rel{position: absolute; bottom: 350px;} .quick_menu ul.quick li:not(:last-child){margin-bottom: 10px;} .quick_menu ul.quick li a{display: flex;align-items: center;padding-left: 15px;width: 60px; height: 60px; border-radius:8px;transition:var(--trs04);margin-left: auto;overflow: hidden; box-shadow: 6px 6px 12px rgba(0,0,0,.15);} .quick_menu ul.quick li.top_btn a{justify-content: center;padding-left: 0;} .quick_menu ul.quick li p{display: none;font-size: 16px; color: #fff;} .quick_menu ul.quick li.kakao p{color: #3a2020;} .quick_menu ul.quick li span{display: block;width: max-content;} .quick_menu ul.quick li:nth-child(1) a{background: var(--co01);} .quick_menu ul.quick li:nth-child(2) a{background: var(--co02);} .quick_menu ul.quick li:nth-child(3) a{background: var(--co03);} .quick_menu ul.quick li:nth-child(4) a{background: #fee500;} .quick_menu ul.quick li:nth-child(5) a{background: #222;} .quick_menu ul.quick li.on:not(.top_btn) a{width: 220px;gap:20px;} .quick_menu ul.quick li.on p{display: block;} /* pri_pop */ .pri_pop_wrap{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);z-index: 9999;line-height: 1;} .pri_pop_wrap .pop_box_wrap{position: absolute; left: 50%;top: 50%;transform:translate(-50%,-50%);} .pri_pop_wrap .pop_x_btn{display: block;position: relative;width: fit-content;font-size: 24px; color: #fff;font-weight: 700;margin-bottom: 20px;padding-right: 30px; margin-left: auto;} .pri_pop_wrap .pop_x_btn::after{content:'';position: absolute;right: 0; top: 50%; transform:translateY(-50%);width: 20px; height: 3px; background: #fff;} .pri_pop_wrap .pop_box{width: 1000px; height: 397px;background: #fff; border-radius:12px;padding: 40px 35px;} .pri_pop_wrap .pop_box .txt{overflow-y: scroll;height: 100%;} .pri_pop_wrap .pop_box .txt p{font-size: 18px; color: #999;line-height: 30px;white-space:pre-wrap;} .pri_pop_wrap .pop_box .txt::-webkit-scrollbar {width: 6px; /* 스크롤바의 너비 */} .pri_pop_wrap .pop_box .txt::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: #ddd; /* 스크롤바의 색상 */border-radius: 10px;} .pri_pop_wrap .pop_box .txt::-webkit-scrollbar-track {background: rgba(33, 122, 244, 0); /*스크롤바 뒷 배경 색상*/} /* footer */ #footer{line-height: 1;border-top: 1px solid #ddd;} #footer .inner{width: 1600px;} #footer .f_top{border-bottom: 1px solid #ddd;} #footer .f_top .inner{display: flex;align-items: center;justify-content: space-between;height: 60px;} #footer .f_top .a_wrap{display: flex;gap:20px;} #footer .f_top .a_wrap a{font-size: 16px; color: #666;} #footer .f_top .a_wrap a.pri{color: #7A69F7;} #footer .f_top .sns_wrap{display: flex; align-items: center;gap:30px;} #footer .f_top .sns_wrap a{position: relative;} #footer .f_top .sns_wrap a img{transition:.3s;} #footer .f_top .sns_wrap a img.on{position: absolute;top: 0; left: 0;opacity: 0;} #footer .f_top .sns_wrap a:hover img.on{opacity: 1;} #footer .f_top .sns_wrap a:hover img.off{opacity: 0;} #footer .f_bot{padding: 50px 0;} #footer .f_bot a{display: block; width: fit-content;margin-bottom: 45px;} #footer .f_bot .ad_wrap{display: flex;align-items: center;justify-content: space-between;} #footer .f_bot address p{display: flex;font-size: 16px;gap:30px; color: #666;line-height: 28px;} #footer .f_bot address p b{display: inline-block;color: #222; font-weight: 700;font-family: 'NanumSquareNeoBold';margin-right: 10px;} #footer .f_bot address p em{position: relative;display: flex;gap:10px;} #footer .f_bot address p em:not(:last-child)::after{content:'|';position: absolute; right: -15px; top: 50%;transform:translateY(-50%);font-size: 10px; color: #aaa;} #footer .f_bot .tel p{font-size: 30px; color: var(--co01); font-weight: 700; margin-bottom: 20px;} #footer .f_bot .tel span{display: block;font-size: 16px; color: #999;} #footer .f_bot p.copy{font-size: 16px; color: #666;margin-top: 15px;} /* ===sub=========================== */ #wrap.sub_wrap{padding-top: 100px;} #sub_contents{padding-bottom: 120px;padding-top: 80px;} #sub_contents.no_p{padding-bottom: 0;padding-top: 0;} #sub_contents.no_pb{padding-bottom: 0;padding-top: 120px;} #sub_contents.no_pt{padding-bottom: 120px;padding-top: 0px;} #sub_visual_wrap{position: relative;} #sub_visual_wrap .txt_wrap{position: absolute; left: 50%;top: 50%;transform:translate(-50%,-50%);width: 100%;} #sub_visual_wrap .txt_wrap span{display: block; font-size: 40px; color: #fff;font-weight: 700;text-align: center;margin-bottom: 30px;} #sub_visual_wrap .txt_wrap p{font-size: 100px; color: #fff; font-weight: 700;text-align: center;line-height: 1.2;} #sub_visual_wrap .sub0101_txt p{position: absolute;top: 50%; left: 50%; transform:translate(-50%,-50%);font-size: 105px; font-weight: 700; color: #fff; text-transform:uppercase;z-index: 100;} #sub_visual_wrap .sub0101_txt .img{position: absolute;} #sub_visual_wrap .sub0101_txt .img:nth-child(1){top: 50px;left: 340px;} #sub_visual_wrap .sub0101_txt .img:nth-child(2){top: 25px; right: 185px;} #sub_visual_wrap .sub0101_txt .img:nth-child(3){top: 190px; left: 45px;} #sub_visual_wrap .sub0101_txt .img:nth-child(4){top: 285px; right: 15px;} #sub_visual_wrap .sub0101_txt .img:nth-child(5){bottom: 160px; left: 230px;} #sub_visual_wrap .sub0101_txt .img:nth-child(6){bottom: 210px; right: 245px;} #sub_visual_wrap .sub0101_txt .img:nth-child(7){bottom: 25px;left: 455px;} #sub_visual_wrap .sub0101_txt .img:nth-child(8){bottom: 25px; right: 500px;} @media screen and (max-width:1900px) { #sub_visual_wrap .sub0101_txt .img img{transform:scale(0.7)} #sub_visual_wrap .sub0101_txt .img:nth-child(5){bottom: 110px; left: 180px;} #sub_visual_wrap .sub0101_txt .img:nth-child(6){bottom: 110px; right: 245px;} } #sub_visual_wrap .sub0102_3_txt{position: absolute; left: 50%;top: 50%;transform:translate(-50%,-50%);min-width: max-content;line-height: 1;background: url(/assets/images/sub/sub0102_3_icon01.png)top left no-repeat , url(/assets/images/sub/sub0102_3_icon02.png)top right no-repeat , url(/assets/images/sub/sub0102_3_icon03.png)bottom left no-repeat , url(/assets/images/sub/sub0102_3_icon04.png)bottom right no-repeat;padding: 20px 65px;} #sub_visual_wrap .sub0102_3_txt span{display: block;font-size: 48px;font-weight: 700; color: #fff;text-align: center;} #sub_visual_wrap .sub0102_3_txt span b{color: #d896b9;font-weight: 700;} #sub_visual_wrap .sub0102_3_txt p{font-size: 100px; color: #fff;font-weight: 700;text-align:center;margin-top: 20px;} .depth03_wrap{line-height: 1; margin-bottom: 110px;} .depth03_wrap ul{display: flex;border-radius:50px; border:1px solid var(--co01);overflow: hidden;} .depth03_wrap ul li{flex:1;transition:.4s;} .depth03_wrap ul li:not(:last-child){border-right: 1px solid var(--co01);} .depth03_wrap ul li a{display: flex;align-items: center;justify-content: center;height: 100%;font-size: 28px; color: #222;padding: 30px 20px;text-align: center;font-weight: 700;transition:.4s;} .depth03_wrap ul li.on{background: var(--co05);} .depth03_wrap ul li.on a{color: #fff;} .depth03_wrap ul li:hover{background: var(--co05);} .depth03_wrap ul li:hover a{color: #fff;} .depth04_wrap{margin-top: 80px;} .depth04_wrap ul{border:1px solid var(--co03);} .depth04_wrap ul li:not(:last-child){border-right: 1px solid var(--co03);} .depth04_wrap ul li.on{background: #a296f9;} .depth04_wrap ul li:hover{background: #a296f9;} /* 공통 */ .sub_tit01{margin-bottom: 70px;} .sub_tit01.flex{display: flex; align-items: center;justify-content: center;gap:20px;} .sub_tit01 .top_txt{font-size: 24px; color: #999;text-align: center; margin-bottom: 10px;} .sub_tit01 p{font-size: 60px; line-height: 72px; color: #222; font-weight: 700;text-align: center;font-family: 'Hakgyoansim Allimjang';} .sub_tit01 p b{font-weight: 700;} .sub_tit01 p b.col01{color: var(--co01);} .sub_tit01 span{display: block;font-size: 28px; color: #666; line-height: 40px;text-align: center;margin-top: 35px;} .sub_tit01 span b{font-weight: 400;} .sub_tit01 em{font-size: 28px;color: #999;font-weight: 400;} .sub_tit01 .co01{color: var(--co01);} .sub_tit01 .co02{color: var(--co02);} .sub_tit01 .co03{color: var(--co03);} table.tbl01{width: 100%;} table.tbl01:not(:last-child){margin-bottom: 40px;} table.tbl01 tr{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} table.tbl01 .bl-d{border-left: 1px solid #ddd;} table.tbl01 .br-d{border-right: 1px solid #ddd;} table.tbl01 .br-w{border-right: 1px solid #fff;} table.tbl01 .br0{border-right: 0;} table.tbl01 .bl0{border-left: 0;} table.tbl01 .bt0{border-top: 0;} table.tbl01 .bb0{border-bottom: 0;} table.tbl01 .mt{margin-top: 10px;} table.tbl01 .mb{margin-bottom: 10px;} table.tbl01 .transparent{background: transparent; border:0;padding: 0;} table.tbl01 .center{text-align: center;} table.tbl01 .left{text-align: left;} table.tbl01 .pre{white-space: pre-wrap;} table.tbl01 img{display: block;} table.tbl01 .fz02{font-size: 17px;} table.tbl01 .fz03{font-size: 15px;} table.tbl01 .fz04{font-size: 14px;} table.tbl01 .fz06{font-size: 16px;} table.tbl01 strong{color: #222; font-weight: 600;} table.tbl01 th{font-size: 20px;font-weight: 600;color: #222;padding: 10px;background: #f5f5f5;line-height: 24px;} table.tbl01 th .tit01{font-size: 24px; padding: 16px; color: #fff;font-weight: 500;background: #1a1a1a;} table.tbl01 th .tit02{font-size: 20px; padding: 16px; color: #fff;background: #8f9090; font-weight: 500;} table.tbl01 th .txt01{font-size: 16px; color: #222;padding-bottom: 10px;} table.tbl01 td{font-size: 18px; line-height: 24px; color: #666;padding: 15px 19px;background: #fff; border:1px solid #ddd;} table.tbl01 td:first-child{border-left: 0;} table.tbl01 td:last-child{border-right: 0;} table.tbl01 td.br{border-right: 1px solid #ddd;} table.tbl01 td.td_color01{background: #ffbbda;color: var(--co01);} table.tbl01 td.td_color02{background: #F2F0FA;} table.tbl01 td .txt:not(:last-child){margin-bottom: 20px;} table.tbl01 td .txt_box01{text-align: center;line-height: 24px; background: #fff;padding: 30px; border:1px solid #ddd;} table.tbl01 td .txt_box01 strong{display: block;color: #222; font-weight: 600;} table.tbl01 td .ap_btn{display: flex; align-items: center; justify-content: center; font-size: 18px; width: 80px; height: 44px; border-radius:8px;margin: 0 auto;color: #fff;font-weight: 700; box-shadow: 3px 3px 7px rgba(26,26,26,.2);transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000); } table.tbl01 td .ap_btn:hover{transform:translateY(3px);} table.tbl01 td .ap_btn.ap_btn01{background: var(--co01);} table.tbl01 td .ap_btn.ap_btn02{background: var(--co03);} table.tbl01 td .ap_btn.ap_btn03{background: #1a1a1a;} /* sub0101 */ .sub0101_wrap{line-height: 1;} .sub0101_wrap .con{padding: 120px 0;} .sub0101_wrap .con01 p{font-size: 40px; line-height: 64px; color: #222;text-align: center;} .sub0101_wrap .con01 p b{color: var(--co03);font-weight: 400;} .sub0101_wrap .con01 .logo{margin-top: 30px;} .sub0101_wrap .con01 .logo img{display: block;margin: 0 auto;} .sub0101_wrap .con02{background: var(--bg03);font-family: 'ANDONG264TTF';} .sub0101_wrap .con02 .inner{position: relative;} .sub0101_wrap .con02 .txt_wrap{padding-bottom: 80px;} .sub0101_wrap .con02 .txt_wrap strong{display: block;font-size: 70px; color: #1a1a1a; margin-bottom: 55px;font-weight: 400;} .sub0101_wrap .con02 .txt_wrap p{font-size: 32px; line-height: 36px;color: #1a1a1a; } .sub0101_wrap .con02 .txt_wrap p:not(:last-child){margin-bottom: 30px;} .sub0101_wrap .con02 .img_wrap{position: absolute;right: 0; bottom: -40px;display: flex;gap:10px;align-items: flex-end;} .sub0101_wrap .con02 .img_wrap p{font-size: 23px; color: #1a1a1a;padding-bottom: 40px;} .sub0101_wrap .con03 p{font-size: 40px; line-height: 64px; color: #222;text-align: center;} .sub0101_wrap .con03 p:not(:last-child){margin-bottom: 40px;} .sub0101_wrap .con03 p b{color: var(--co03);font-weight: 400;} .sub0101_wrap .con04{background: url(/assets/images/sub/sub0101_banner_bg01.jpg)center no-repeat; background-size: cover;} .sub0101_wrap .con04 p{font-size: 72px; color: #fff; font-weight: 700;text-align: center;} .sub0101_wrap .con04 span{display: block;font-size: 28px; color: #fff; text-align: center; margin-top: 30px;} /* sub0102 */ /* 커버 */ .sub0102_1_cover{line-height: 1;} .sub0102_1_cover .tit_wrap{margin-bottom: 70px;} .sub0102_1_cover .tit_wrap p{font-size: 60px; color: #222; font-weight: 700;text-align: center;} .sub0102_1_cover .tit_wrap p b{color: var(--co01);font-weight: 700;} .sub0102_1_cover .tit_wrap span{display: block;font-size: 28px; color: #666; line-height: 40px;text-align: center;margin-top: 35px;} .sub0102_1_cover .box_wrap{display: flex;gap:30px} .sub0102_1_cover .box_wrap .box{width: calc((100% - 60px) / 3);border-radius:30px;background: #fff;} .sub0102_1_cover .box_wrap .box .tit{display: flex; align-items: center; justify-content: center; height: 70px;border-radius:23px 23px 0 0; box-shadow: 6px 6px 12px rgba(0,0,0,.15);} .sub0102_1_cover .box_wrap .box .tit p{font-size: 28px; color: #fff; font-weight: 700;} .sub0102_1_cover .box_wrap .box .txt{padding: 50px 40px 50px;} .sub0102_1_cover .box_wrap .box .txt strong{display: block;font-size: 35px; color: #222; font-weight: 700;text-align: center;margin-bottom: 40px;} .sub0102_1_cover .box_wrap .box .txt ul li{position: relative;font-size: 24px;color: #666;padding-left: 22px;} .sub0102_1_cover .box_wrap .box .txt ul li::after{content:'';position: absolute; left: 0; top: 8px;width: 5px; height: 5px; border-radius:50%;} .sub0102_1_cover .box_wrap .box .txt ul li:not(:last-child){margin-bottom: 10px;} .sub0102_1_cover .box_wrap .box .txt a{display: flex;align-items: center; justify-content: center;gap:10px;width: 250px; height: 64px;font-size: 24px; color: #fff; font-weight: 700;border-radius:32px;margin: 40px auto 0;} .sub0102_1_cover .box_wrap .box .txt a img{transition:var(--trs04);} .sub0102_1_cover .box_wrap .box .txt a:hover img{transform:translateX(10px) rotate(-45deg);} .sub0102_1_cover .box_wrap .box01{border:4px solid var(--co01);} .sub0102_1_cover .box_wrap .box02{border:4px solid var(--co02);} .sub0102_1_cover .box_wrap .box03{border:4px solid var(--co03);} .sub0102_1_cover .box_wrap .box01 .tit{background: var(--co01);} .sub0102_1_cover .box_wrap .box02 .tit{background: var(--co02);} .sub0102_1_cover .box_wrap .box03 .tit{background: var(--co03);} .sub0102_1_cover .box_wrap .box01 .txt ul li::after{background: var(--co01);} .sub0102_1_cover .box_wrap .box02 .txt ul li::after{background: var(--co02);} .sub0102_1_cover .box_wrap .box03 .txt ul li::after{background: var(--co03);} .sub0102_1_cover .box_wrap .box01 .txt a{background: rgba(255,67,144,.8);} .sub0102_1_cover .box_wrap .box02 .txt a{background: rgba(189,86,195,.8);} .sub0102_1_cover .box_wrap .box03 .txt a{background: rgba(122,105,247,.8);} /* 공통 */ .sub0102_1_wrap{padding-top: 10px;line-height: 1;} .sub0102_1_wrap .con{padding: 120px 0;} .sub0102_1_wrap .con .sub02_tit01{margin-bottom: 80px;} .sub0102_1_wrap .con .sub02_tit01 p{font-size: 40px; color: #222; font-weight: 700;text-align: center;} .sub0102_1_wrap .con .sub02_tit01 p b{font-weight: 700;} .sub0102_1_wrap .con .sub02_tit01 span{display: block;font-size: 28px; color: #666;text-align: center; margin-top: 27px;} .sub0102_1_wrap .con .sub02_tit01 span b{font-weight: 400;} .sub0102_1_wrap .step_box_wrap{} .sub0102_1_wrap .step_box_wrap .book_wrap{position: relative;width: 1030px; height: 420px;margin: 0 auto;} .sub0102_1_wrap .step_box_wrap .book_wrap img{position: absolute;} .sub0102_1_wrap .step_box_wrap .book_wrap .img01{top: 0; left: 60px;} .sub0102_1_wrap .step_box_wrap .book_wrap .img02{top: 86px;left: 332px;} .sub0102_1_wrap .step_box_wrap .book_wrap .img03{top: -10px; right: -81px;} .sub0102_1_wrap .step_box_wrap .book_wrap .img04{bottom: 45px; left: 0px;} .sub0102_1_wrap .step_box_wrap .book_wrap .img05{bottom: -33px;right: 90px;} .sub0102_1_wrap .step_box_wrap .step_wrap{display: flex;gap:6px;margin-top: 90px;} .sub0102_1_wrap .step_box_wrap .step_wrap .box{flex:1;} .sub0102_1_wrap .step_box_wrap .step_wrap .box div:not(:last-child){margin-bottom: 6px;} .sub0102_1_wrap .step_box_wrap .step_wrap .box .num{display: flex; align-items: center; justify-content: center; height: 45px;font-size: 28px; font-weight: 700;} .sub0102_1_wrap .step_box_wrap .step_wrap .box .img_wrap img{max-width: 100%;} .sub0102_1_wrap .step_box_wrap .step_wrap .box.last .img_wrap{position: relative;height: calc(100% - 45px);} .sub0102_1_wrap .step_box_wrap .step_wrap .box.last .img_wrap img{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);} .sub0102_1_wrap .btn_wrap{display: flex; align-items: center; justify-content: center;gap:20px; padding: 120px 0;} .sub0102_1_wrap .btn_wrap a{display: flex; align-items: center; justify-content: center;gap:14px; width: 300px; height: 64px; font-size: 28px; font-weight: 700; border-radius:32px; color: #fff; box-shadow: 6px 6px 6px rgba(0,0,0,.1);} .sub0102_1_wrap .btn_wrap a img{transition:.4s;} .sub0102_1_wrap .btn_wrap a:hover img{transform:rotate(-45deg);} /* con01~ */ .sub0102_1_wrap .con01{margin-top: 120px;} .sub0102_1_wrap .con01 .tit{display: flex; align-items: center;justify-content: center;gap:20px;} .sub0102_1_wrap .con01 .tit strong{font-size: 60px; color: #222;font-weight: 700;} .sub0102_1_wrap .con01 .tit strong b{font-weight: 700;} .sub0102_1_wrap .con01 .tit span{font-size: 18px; color: #999;} .sub0102_1_wrap .con01 p{font-size: 28px; color: #666; line-height: 40px;text-align: center;margin-top: 30px;} .sub0102_1_wrap .con03 .step_box_wrap .step_wrap .box .num{background: #fff;} .sub0102_1_wrap .con04 .step_box_wrap .book_wrap{width: 865px; height: 420px;} .sub0102_1_wrap .con04 .step_box_wrap .book_wrap .img01{top: 85px;left: 0px;} .sub0102_1_wrap .con04 .step_box_wrap .book_wrap .img02{top: 0; left: 85px;} .sub0102_1_wrap .con04 .step_box_wrap .book_wrap .img03{top: 0px; right: -81px;} .sub0102_1_wrap .con04 .step_box_wrap .book_wrap .img04{bottom: 77px; left: 220px;} .sub0102_1_wrap .con04 .step_box_wrap .book_wrap .img05{bottom: -31px;right: 113px;} .sub0102_1_wrap .con05 .step_box_wrap .book_wrap .img01{top: 86px;left: 332px;} .sub0102_1_wrap .con05 .step_box_wrap .book_wrap .img02{top: 0; left: 60px;} .sub0102_1_wrap .con05 .step_box_wrap .step_wrap .box .num{background: #fff;} .sub0102_1_wrap .con06 .step_box_wrap .book_wrap .img01{top: 86px;left: 285px;} .sub0102_1_wrap .con06 .step_box_wrap .book_wrap .img02{top: 0; left: 60px;} .sub0102_1_wrap .con06 .step_box_wrap .book_wrap .img04{left: 100px;} .sub0102_1_wrap .con06 .step_box_wrap .book_wrap .img05{bottom: -17px;} .sub0102_1_wrap .con07 .step_box_wrap .book_wrap .img01{top: 86px;left: 285px;} .sub0102_1_wrap .con07 .step_box_wrap .book_wrap .img02{top: 0; left: 60px;} .sub0102_1_wrap .con07 .step_box_wrap .book_wrap .img04{left: 100px;} .sub0102_1_wrap .con07 .step_box_wrap .book_wrap .img05{bottom: -17px;} .sub0102_1_wrap .con07{background: var(--bg03);} .sub0102_1_wrap .con07 .step_box_wrap .step_wrap .box .num{background: #fff;} /* type01 */ .sub0102_1_wrap.type01 .con .sub02_tit01 p b{color:var(--co01);} .sub0102_1_wrap.type01 .con .sub02_tit01 span b{color:var(--co01);} .sub0102_1_wrap.type01 .con01{background: var(--bg01);} .sub0102_1_wrap.type01 .con01 .tit strong b{color: var(--co01);} .sub0102_1_wrap.type01 .step_box_wrap .step_wrap .box .num{color: var(--co05);} .sub0102_1_wrap.type01 .con02 .step_box_wrap .step_wrap .box .num{background: var(--bg01); } .sub0102_1_wrap.type01 .con03{background: var(--bg01);} .sub0102_1_wrap.type01 .btn_wrap a{background: var(--co01);} /* type02 */ .sub0102_1_wrap.type02 .con .sub02_tit01 p b{color:var(--co02);} .sub0102_1_wrap.type02 .con .sub02_tit01 span b{color:var(--co02);} .sub0102_1_wrap.type02 .con01{background: var(--bg02);} .sub0102_1_wrap.type02 .con01 .tit strong b{color: var(--co02);} .sub0102_1_wrap.type02 .step_box_wrap .step_wrap .box .num{color: var(--co02);} .sub0102_1_wrap.type02 .con02 .step_box_wrap .step_wrap .box .num{background: var(--bg02); } .sub0102_1_wrap.type02 .con03{background: var(--bg02);} .sub0102_1_wrap.type02 .con04 .step_box_wrap .step_wrap .box .num{background: var(--bg02); } .sub0102_1_wrap.type02 .btn_wrap{background: var(--bg02);} .sub0102_1_wrap.type02 .btn_wrap a{background: var(--co02);} /* type03 */ .sub0102_1_wrap.type03 .con .sub02_tit01 p b{color:var(--co03);} .sub0102_1_wrap.type03 .con .sub02_tit01 span b{color:var(--co03);} .sub0102_1_wrap.type03 .con01{background: var(--bg03);} .sub0102_1_wrap.type03 .con01 .tit strong b{color: var(--co03);} .sub0102_1_wrap.type03 .step_box_wrap .step_wrap .box .num{color: var(--co03);} .sub0102_1_wrap.type03 .con02 .step_box_wrap .step_wrap .box .num{background: var(--bg03); } .sub0102_1_wrap.type03 .con03{background: var(--bg03);} .sub0102_1_wrap.type03 .con04 .step_box_wrap .step_wrap .box .num{background: var(--bg03); } .sub0102_1_wrap.type03 .con05{background: var(--bg03);} .sub0102_1_wrap.type03 .con06 .step_box_wrap .step_wrap .box .num{background: var(--bg03); } .sub0102_1_wrap.type03 .btn_wrap a{background: var(--co03);} /* sub0102_2 */ .sub0102_2_wrap{line-height: 1;} .sub0102_2_wrap .con{padding: 120px 0;} .sub0102_2_wrap .con .slide_wrap ul .slick-list{width: calc(100% + 20px);} .sub0102_2_wrap .con .slide_wrap ul li{margin-right: 20px;} .sub0102_2_wrap .con .slide_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:75.41%; overflow: hidden; border-radius:12px;} .sub0102_2_wrap .con .slide_wrap ul 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;transition:.5s;} .sub0102_2_wrap .con .slide_wrap ul li .img_wrap:hover img{transform:scale(1.1);} .sub0102_2_wrap .con .slide_wrap ul li .txt_wrap{margin-top: 25px;padding: 0px 28px;} .sub0102_2_wrap .con .slide_wrap ul li .txt_wrap p{font-size: 18px; line-height: 24px; color: var(--co01); font-weight: 700;text-align: center;height: 48px;} .sub0102_2_wrap .con .slide_wrap ul li .txt_wrap span{display: block;font-size: 14px; line-height: 18px;color: #666; margin-top: 10px;text-align: center;} .sub0102_2_wrap .con .slide_wrap .slick-prev{position: absolute;top: 35%;left: -25px;transform:translateY(-50%); width: 50px; height: 50px;background: url(/assets/images/sub/sub0102_2_prev01.png)center no-repeat #fff; border-radius:50%; box-shadow: 5px 8px 12px rgba(0,0,0,.15); text-indent: -9999px;z-index: 100;} .sub0102_2_wrap .con .slide_wrap .slick-next{position: absolute;top: 35%;right: -25px;transform:translateY(-50%); width: 50px; height: 50px;background: url(/assets/images/sub/sub0102_2_next01.png)center no-repeat #fff; border-radius:50%; box-shadow: 5px 8px 12px rgba(0,0,0,.15); text-indent: -9999px;z-index: 100;} .sub0102_2_wrap .con .slide_wrap .slide02 .slick-prev{background: url(/assets/images/sub/sub0102_2_prev02.png)center no-repeat #ffbbda; } .sub0102_2_wrap .con .slide_wrap .slide02 .slick-next{background: url(/assets/images/sub/sub0102_2_next02.png)center no-repeat #ffbbda; } .sub0102_2_wrap .con01{padding-top: 0;} .sub0102_2_wrap .con01 .box_wrap{display: flex;align-items: center;justify-content: center;} .sub0102_2_wrap .con01 .box_wrap .box:first-child{transform:translateX(90px);} .sub0102_2_wrap .con01 .box_wrap .box:last-child{transform:translateX(-90px);} .sub0102_2_wrap .con01 .box_wrap .box .icon{position: relative;width: 460px; height: 460px; padding-top: 80px;background: rgba(255,67,144,.1); border-radius:50%;} .sub0102_2_wrap .con01 .box_wrap .box:last-child .icon{padding-top: 110px;} .sub0102_2_wrap .con01 .box_wrap .box .icon img{display: block; margin: 0 auto;} .sub0102_2_wrap .con01 .box_wrap .box .icon p{position: absolute; bottom: 60px; left: 50%; transform:translateX(-50%);font-size: 48px; color: #fff; font-weight: 700;text-align: center;text-shadow: 0 0 10px rgba(255, 67, 144, .5);} .sub0102_2_wrap .con01 .box_wrap .box .txt{margin-top: 30px;} .sub0102_2_wrap .con01 .box_wrap .box .txt p{font-size: 28px; color: #666;text-align: center;} .sub0102_2_wrap .con01 .box_wrap .box .txt p b{color: var(--co01);font-weight: 400;} .sub0102_2_wrap .con02{background: var(--bg01);} .sub0102_2_wrap .con04{background: var(--bg01);} .sub0102_2_wrap .con05{padding-bottom: 0;} .sub0102_2_wrap .con05 .inner{display: flex;gap:80px;} .sub0102_2_wrap .con05 .txt_wrap{width: calc((100% - 80px) / 2);} .sub0102_2_wrap .con05 .txt_wrap .sub_tit01{margin-bottom: 28px;} .sub0102_2_wrap .con05 .txt_wrap .sub_tit01 p{text-align: left;} .sub0102_2_wrap .con05 .txt_wrap .sub_tit01 span{text-align: left;margin-top: 20px;} .sub0102_2_wrap .con05 .txt_wrap .img_wrap{width: 100%;box-shadow: 6px 6px 12px rgba(0,0,0,.15);border-radius:20px;} .sub0102_2_wrap .con05 .txt_wrap .img_wrap img{width: 100%;} .sub0102_2_wrap .con05 .txt_wrap em{display: block;font-size: 18px; color: #222; font-weight: 700;text-align: center;margin-top: 20px;} .sub0102_2_wrap .con05 .online_wrap{width: calc((100% - 80px) / 2);} .sub0102_2_wrap .con05 .online_wrap .tit{margin-bottom: 30px;} .sub0102_2_wrap .con05 .online_wrap .tit strong{position: relative;display: block;padding-left: 20px;font-size: 24px; color: #222; font-weight: 700;font-family: 'NanumSquareNeoBold';} .sub0102_2_wrap .con05 .online_wrap .tit strong::after{content:'';position: absolute;left: 0;top: 50%; transform:translateY(-50%);width: 3px; height: 20px; background: var(--co04);} .sub0102_2_wrap .con05 .online_wrap .input_wrap{display: flex; flex-wrap:wrap;gap:20px 10px;} .sub0102_2_wrap .con05 .online_wrap .input_wrap .input{position: relative;width: calc((100% - 10px) / 2);} .sub0102_2_wrap .con05 .online_wrap .input_wrap .input02{position: relative;width: 100%;} .sub0102_2_wrap .con05 .online_wrap .input_wrap input[type="text"]{width: 100%; height: 58px;background: #fff; font-size: 18px; color: #222;padding: 0 20px; border-radius:8px; border:1px solid #ddd;} .sub0102_2_wrap .con05 .online_wrap .input_wrap input[type="text"]:focus{outline:0;} .sub0102_2_wrap .con05 .online_wrap .input_wrap input[type="text"] + label{position: absolute;left: 20px;top: 50%; transform:translateY(-50%);font-size: 18px; color: #999;transition:.5s;} .sub0102_2_wrap .con05 .online_wrap .input_wrap input[type="text"] + label b{color: var(--co04); font-weight: 400;} .sub0102_2_wrap .con05 .online_wrap .input_wrap input[type="text"]:focus + label {opacity: 0;} .sub0102_2_wrap .con05 .online_wrap .input_wrap input[type="text"]:valid + label {opacity: 0;} .sub0102_2_wrap .con05 .online_wrap .input_wrap select{width: 100%;height: 58px;border:1px solid #ddd;font-size: 18px; color: #222;padding: 0 20px;-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; background: url(/assets/images/main/select_icon01_pc.png)center right 20px no-repeat #fff; background-size: 18px; border-radius:8px;} .sub0102_2_wrap .con05 .online_wrap .input_wrap select:focus{outline:0;} .sub0102_2_wrap .con05 .online_wrap .input_wrap textarea{width: 100%;height: 160px;background: #fff; border:1px solid #ddd;font-size: 18px; color: #222;padding: 20px 15px;border-radius:8px;resize:none; } .sub0102_2_wrap .con05 .online_wrap .input_wrap textarea + label{position: absolute;left: 15px; top: 20px;font-size: 18px; color: #999;transition:.5s;} .sub0102_2_wrap .con05 .online_wrap .input_wrap textarea + label b{color: var(--co04); font-weight: 400;} .sub0102_2_wrap .con05 .online_wrap .input_wrap textarea:focus{outline:0;} .sub0102_2_wrap .con05 .online_wrap .input_wrap .textarea.filled label{opacity: 0;} .sub0102_2_wrap .con05 .online_wrap .input_wrap .textarea.focused label{opacity: 0;} .sub0102_2_wrap .con05 .online_wrap .check_wrap{display: flex; align-items: center;gap:6px;margin-top: 20px;} .sub0102_2_wrap .con05 .online_wrap .check_wrap input[type="checkbox"]{display: none;} .sub0102_2_wrap .con05 .online_wrap .check_wrap input[type="checkbox"] + label{position: relative;padding-left: 28px;font-size: 18px; color: #666;} .sub0102_2_wrap .con05 .online_wrap .check_wrap input[type="checkbox"] + label::after{content:'';position: absolute;left: 0; top: 0; width: 18px; height: 18px; background: #fff; border:1px solid #bbb; border-radius:2px;font-family: 'Pretendard';font-size: 15px;} .sub0102_2_wrap .con05 .online_wrap .check_wrap input[type="checkbox"]:checked + label::after{content:'✓';background: var(--co01);border:1px solid var(--co01);text-align: center;line-height: 16px;color: #fff;} .sub0102_2_wrap .con05 .online_wrap .check_wrap .pro_pop_btn{font-size: 18px; color: #222; font-weight: 500; cursor:pointer;} .sub0102_2_wrap .con05 .online_wrap .online_btn{display: flex; align-items: center; justify-content: center;gap:10px; width: 100%; height: 64px;font-size: 24px; color: #fff; font-weight: 700;border-radius:32px; background: var(--co01); margin-top: 40px;} .sub0102_2_wrap .con05 .online_wrap .online_btn img{transition:var(--trs04);} .sub0102_2_wrap .con05 .online_wrap .online_btn:hover img{transform:translateX(10px) rotate(-45deg);} /* sub0102_3 */ /* 공통 */ .sub0102_3_wrap{line-height: 1;} .sub0102_3_wrap .con{padding: 120px 0;} .sub0102_3_wrap .con:last-child{padding-bottom: 0;} .sub0102_3_wrap .con .sub_tit01{margin-bottom: 40px;} .sub0102_3_wrap .con table.tbl_mob{display: none;} .sub0102_3_wrap .con01{padding-top: 0;} .sub0102_3_wrap .con01 .sub_tit01{margin-bottom: 0;} .sub0102_3_wrap .con.bg01{background: var(--bg03);} .sub0102_3_wrap .tbl_flex_wrap{display: flex;flex-wrap:wrap;gap:20px;} .sub0102_3_wrap .tbl_flex_wrap table.flex02{width: calc((100% - 20px) / 2);margin-bottom: 0;} .sub0102_3_wrap .tbl_flex_wrap table.flex03{width: calc((100% - 40px) / 3);margin-bottom: 0;} .sub0102_3_wrap .tbl_flex_wrap table.flex04{width: calc((100% - 60px) / 4);margin-bottom: 0;} .sub0102_3_wrap .tbl_flex_wrap table.flex02 td, .sub0102_3_wrap .tbl_flex_wrap table.flex03 td, .sub0102_3_wrap .tbl_flex_wrap table.flex04 td{padding: 15px 12px;} .sub0102_3_wrap .tbl_flex_wrap table.flex04 td{font-size: 15px;} /* sub0102_3_1 */ .sub0102_3_1_wrap .con02 table.tbl01 .col01{width: 16%;} .sub0102_3_1_wrap .con02 table.tbl01 .col02{width: 34%;} .sub0102_3_1_wrap .con02 table.tbl01 .col03{width: 16%;} .sub0102_3_1_wrap .con02 table.tbl01 .col04{width: 34%;} .sub0102_3_1_wrap .con03 table.tbl01 .col01{width: 25%;} .sub0102_3_1_wrap .con03 table.tbl01 .col02{width: 25%;} .sub0102_3_1_wrap .con03 table.tbl01 .col03{width: 25%;} .sub0102_3_1_wrap .con03 table.tbl01 .col04{width: 25%;} .sub0102_3_1_wrap .con04 table.tbl01 .col01{width: 17%;} .sub0102_3_1_wrap .con04 table.tbl01 .col02{width: 83%;} .sub0102_3_1_wrap .con05 table.tbl01 .col01{width: 8%;} .sub0102_3_1_wrap .con05 table.tbl01 .col02{width: 18%;} .sub0102_3_1_wrap .con05 table.tbl01 .col03{width: 15%;} .sub0102_3_1_wrap .con05 table.tbl01 .col04{width: 15%;} .sub0102_3_1_wrap .con05 table.tbl01 .col05{width: 15%;} .sub0102_3_1_wrap .con05 table.tbl01 .col06{width: ;} /*sub0102_3_2*/ .sub0102_3_2_wrap .con02 table.tbl01 .col01{width: 20%;} .sub0102_3_2_wrap .con02 table.tbl01 .col02{width: 26.6%;} .sub0102_3_2_wrap .con02 table.tbl01 .col03{width: 26.6%;} .sub0102_3_2_wrap .con02 table.tbl01 .col04{width: 26.6%;} .sub0102_3_2_wrap .con02 table.tbl01:nth-child(2) .col01{width: 20%;} .sub0102_3_2_wrap .con02 table.tbl01:nth-child(2) .col02{width: 30%;} .sub0102_3_2_wrap .con02 table.tbl01:nth-child(2) .col03{width: 20%;} .sub0102_3_2_wrap .con02 table.tbl01:nth-child(2) .col04{width: 30%;} .sub0102_3_2_wrap .con03 table.tbl01 .col01{width: 20%;} .sub0102_3_2_wrap .con03 table.tbl01 .col02{width: 20%;} .sub0102_3_2_wrap .con03 table.tbl01 .col03{width: 20%;} .sub0102_3_2_wrap .con03 table.tbl01 .col04{width: 20%;} .sub0102_3_2_wrap .con03 table.tbl01 .col05{width: 20%;} .sub0102_3_2_wrap .con04 table.tbl01 .col01{width: 17%;} .sub0102_3_2_wrap .con04 table.tbl01 .col02{width: 62%;} .sub0102_3_2_wrap .con04 table.tbl01 .col03{width: 17%;} .sub0102_3_2_wrap .con05 table.tbl01 .col01{width: 8%;} .sub0102_3_2_wrap .con05 table.tbl01 .col02{width: 18%;} .sub0102_3_2_wrap .con05 table.tbl01 .col03{width: 15%;} .sub0102_3_2_wrap .con05 table.tbl01 .col04{width: 15%;} .sub0102_3_2_wrap .con05 table.tbl01 .col05{width: 15%;} .sub0102_3_2_wrap .con05 table.tbl01 .col06{width: ;} /*sub0102_3_3*/ .sub0102_3_3_wrap .con02 table.tbl01 .col01{width: 14%;} .sub0102_3_3_wrap .con02 table.tbl01 .col02{width: 36%;} .sub0102_3_3_wrap .con02 table.tbl01 .col03{width: 14%;} .sub0102_3_3_wrap .con02 table.tbl01 .col04{width: 36%;} .sub0102_3_3_wrap .con03 table.tbl01 .col01{width: 100px;} .sub0102_3_3_wrap .con03 table.tbl01 .col02{width: calc(40% - 100px);} .sub0102_3_3_wrap .con03 table.tbl01 .col03{width: 40%;} .sub0102_3_3_wrap .con04 table.tbl01 .col01{width: 14%;} .sub0102_3_3_wrap .con04 table.tbl01 .col02{width: 86%;} .sub0102_3_3_wrap .con04 table.tbl01 td{padding: 40px;} .sub0102_3_3_wrap .con05 table.tbl01 .col01{width: 50%;} .sub0102_3_3_wrap .con05 table.tbl01 .col02{width: 25%;} .sub0102_3_3_wrap .con05 table.tbl01 .col03{width: 25%;} .sub0102_3_3_wrap .con05 table.tbl01 td{padding: 7px 10px;} /*sub0102_3_4*/ .sub0102_3_4_wrap .con03 table.tbl01 .col01{width: 100px;} .sub0102_3_4_wrap .con03 table.tbl01 .col02{width: calc(27% - 100px);} .sub0102_3_4_wrap .con03 table.tbl01 .col03{width: 27%;} .sub0102_3_4_wrap .con04 table.tbl01 .col01{width: 12%;} .sub0102_3_4_wrap .con04 table.tbl01 .col02{width: 88%;} /*sub0102_3_5*/ .sub0102_3_5_wrap .con03 table.tbl01 tr:nth-child(3) td:nth-child(2){height: 127px;} /*sub0102_3_6*/ .sub0102_3_6_wrap .con03 table.tbl01 .col01{width: 80px;} .sub0102_3_6_wrap .con03 table.tbl01 .col02{width: calc(40% - 80px);} .sub0102_3_6_wrap .con03 table.tbl01 .col03{width: 40%;} /*sub0102_4*/ .sub0102_4_wrap{line-height: 1;} .sub0102_4_wrap .depth04_wrap ul{border:1px solid #3fa8f4;width: 720px;margin: 0 auto;} .sub0102_4_wrap .depth04_wrap ul li.on{background: #71c9ff;} .sub0102_4_wrap .depth04_wrap ul li:hover{background: #71c9ff;} .sub0102_4_wrap .depth04_wrap ul li:not(:last-child){border-right: 1px solid #3fa8f4;} .sub0102_4_wrap table{width: 100%;} .sub0102_4_wrap table tr{border-bottom: 1px solid #ddd;} .sub0102_4_wrap table th{font-size: 20px; padding: 12px 10px; color: #fff;background: #3fa8f4;font-weight: 700;} .sub0102_4_wrap table td{font-size: 16px; padding: 12px 10px; color: #222;text-align: center;font-weight: 700;} .sub0102_4_wrap table td b{color: #3fa8f4;} .sub0102_4_wrap .con02{padding-top: 120px;} .sub0102_4_wrap .con02 .txt_wrap{} .sub0102_4_wrap .con02 .txt_wrap p{font-size: 28px; color: #222; line-height: 40px;text-align: center;} .sub0102_4_wrap .con02 .txt_wrap strong{display: block;font-size: 28px; color: #3fa8f4; font-weight: 700; text-align: center; margin-top: 20px;} .sub0102_4_wrap .con03 .sub_tit01{margin-bottom: 40px;} .sub0102_4_wrap .con03 .tbl_wrap ul.paging02{display: flex;justify-content: center;gap:10px;margin-top: 30px;} .sub0102_4_wrap .con03 .tbl_wrap ul.paging02 li a{display: flex; align-items: center; justify-content: center;width: 28px; height: 28px; font-size: 16px; color: #666; background: #e3f3ff;} .sub0102_4_wrap .con03 .tbl_wrap .search_wrap{display: flex;align-items: center; justify-content: center;gap:10px; margin-top: 30px;} .sub0102_4_wrap .con03 .tbl_wrap .search_wrap select{width: 100px; height: 30px;font-size: 15px; color: #666; border:1px solid #ddd;padding: 0px 10px;-webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(/assets/images/sub/select_icon01.png)center right 10px no-repeat #fff; background-size: 12px;} .sub0102_4_wrap .con03 .tbl_wrap .search_wrap select:focus{outline:0;} .sub0102_4_wrap .con03 .tbl_wrap .search_wrap input[type="text"]{width: 280px;height: 30px;border:1px solid #ddd;padding: 0px 10px;} .sub0102_4_wrap .con03 .tbl_wrap .search_wrap input[type="text"]:focus{outline:0;} .sub0102_4_wrap .con03 .tbl_wrap .search_wrap .search_btn{display: flex;align-items: center; justify-content: center;width: 54px; height: 30px; background: #e3f3ff;font-size: 15px; color: #666;} .sub0102_4_wrap .con03 .tbl_wrap .write_btn{display: flex; align-items: center; justify-content: center;margin-top: 20px;margin-left: auto;width: 66px; height: 30px;font-size: 16px; color: #666;background: #e3f3ff;} .sub0102_4_wrap .con03 .dw_wrap{display: flex;align-items: center; justify-content: center;gap:40px;margin-top: 100px;} .sub0102_4_wrap .con03 .dw_wrap a{display: flex; align-items: center; justify-content: center;gap:10px;width: 360px;height: 56px;font-size: 16px; color: #222; font-weight: 900; border-radius:4px; background: #e3f3ff; box-shadow: 3px 3px 10px rgba(0,0,0,.13);transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000); } .sub0102_4_wrap .con03 .dw_wrap a:hover{transform:translateY(3px);} .sub0102_4_wrap .con04{padding: 120px 0;} .sub0102_4_wrap .con04 ul{border-top: 1px solid #e3f3ff;} .sub0102_4_wrap .con04 ul li{display: flex;align-items: center;border-bottom: 1px solid #e3f3ff;padding: 24px 0;} .sub0102_4_wrap .con04 ul li strong{display: block;width: 155px;font-size: 16px; color: #71c9ff;font-weight: 700;text-align: center;} .sub0102_4_wrap .con04 ul li .txt{padding: 0 30px;width: calc(100% - 155px);} .sub0102_4_wrap .con04 ul li .txt p{font-size: 16px; color: #222;} .sub0102_4_wrap .con04 ul li .txt02{display: flex;gap:20px; align-items: center;} .sub0102_4_wrap .con04 ul li .txt02 .img{width: 100px; height: 100px;} .sub0102_4_wrap .con04 ul li .txt02 .img img{width: 100%;height: 100%; object-fit:cover;} .sub0102_4_wrap .con04 ul li .txt02 .p_wrap p:not(:last-child){margin-bottom: 15px;} .sub0102_4_wrap .con04 ul li .txt .img_wrap{display: flex;align-items: center; gap:35px;} .sub0102_4_wrap .con05{background-color: #e3f3ff;padding: 100px 0;} .sub0102_4_wrap .con05 .tab-menu-wrap{display: flex; align-items: center; justify-content: center;} .sub0102_4_wrap .con05 .tab-menu-wrap a{font-size: 16px; color: #222; font-weight: 700;padding: 20px 35px; border-radius:8px 8px 0 0;transition: var(--trs04);} .sub0102_4_wrap .con05 .tab-menu-wrap a.on{color: #71c9ff; background: #fff;font-weight: 700; } .sub0102_4_wrap .con05 .tab-con{padding: 40px 50px;background: #fff; border-radius:20px;} .sub0102_4_wrap .con05 .tab-con ul li{display: flex;align-items: center;border-bottom: 1px solid #e3f3ff;padding: 24px 0;line-height: 1.8;} .sub0102_4_wrap .con05 .tab-con ul li img{display: block;max-width: 100%;} .sub0102_4_wrap .con05 .tab-con ul li img:not(:last-child){margin-bottom: 15px;} .sub0102_4_wrap .con05 .tab-con ul li:last-child{border-bottom: 0;} .sub0102_4_wrap .con05 .tab-con ul li strong{display: block;width: 160px;font-size: 16px; line-height: 20px; color: #71c9ff;font-weight: 700;text-align: center;} .sub0102_4_wrap .con05 .tab-con ul li .txt{padding-left: 30px;width: calc(100% - 160px);} .sub0102_4_wrap .con05 .tab-con ul li .txt p{font-size: 16px; color: #222;} .sub0102_4_wrap .con05 .tab-con ul li .txt p:not(:last-child){margin-bottom: 15px;} .sub0102_4_wrap .con05 .tab-con ul li .txt p b{display: inline-block;background: #222; border-radius:2px;padding: 3px;color: #fff; font-weight: 700;} .sub0102_4_wrap .con05 .tab-con ul li .txt p em{font-size: 16px; font-weight: 700 ;} .sub0102_4_wrap .con05 .tab-con ul li .txt em{font-size: 15px;color: #71c9ff;} .sub0102_4_wrap .con05 .tab-con ul li .img_flex{display: flex;gap:35px;} .sub0102_4_wrap .con05 .tab-con ul li .img_flex img{display: block;margin: 0 auto;} .sub0102_4_wrap .con05 .tab-con ul li .img_flex strong{display: block;text-align: center;font-size: 15px; margin: 15px auto 0;color: #333;font-family: 'NanumSquareNeoExtraBold';width: auto;} .sub0102_4_wrap .con05 .tab-con ul li .box_wrap{display: flex;flex-wrap:wrap;gap:15px 55px;} .sub0102_4_wrap .con05 .tab-con ul li .box_wrap .box{position: relative;display: flex; align-items: center; gap:7px; justify-content: center;flex-direction: column;width: 200px; height: 80px;border:2px solid #e3f3ff;} .sub0102_4_wrap .con05 .tab-con ul li .box_wrap .box:first-child{background: #e3f3ff;} .sub0102_4_wrap .con05 .tab-con ul li .box_wrap .box:last-child{background: #e3f3ff;} .sub0102_4_wrap .con05 .tab-con ul li .box_wrap .box:not(:last-child)::after{content:'';position: absolute;right: -35px; top: 50%; transform:translateY(-50%); background: url(/assets/images/sub/sub0102_4_arr01.png)center no-repeat; width: 10px; height: 13px; background-size: cover;} .sub0102_4_wrap .con05 .tab-con ul li .box_wrap .box:nth-child(4)::after{display: none;} .sub0102_4_wrap .con05 .tab-con ul li .box_wrap .box:nth-child(5)::before{content:'';position: absolute;left: -35px; top: 50%; transform:translateY(-50%); background: url(/assets/images/sub/sub0102_4_arr01.png)center no-repeat; width: 10px; height: 13px; background-size: cover;} .sub0102_4_wrap .con05 .tab-con ul li .box_wrap .box p{font-weight: 700;margin-bottom: 0;} .sub0102_4_wrap .con05 .tab-con ul li .box_wrap .box span{display: block;font-size: 15px;text-align: center;} .sub0102_4_wrap .con05 table .col01{width: 230px;} .sub0102_4_wrap .con05 table .col02{} .sub0102_4_wrap .con05 table .col03{width: 230px;} .sub0102_4_wrap .con05 table tr{border-bottom: 0;} .sub0102_4_wrap .con05 table th{font-size: 16px;padding: 5px;border:2px solid #e3f3ff;text-align: center;} .sub0102_4_wrap .con05 table td{font-size: 16px; padding: 5px;color: #222;font-weight: 400; border:2px solid #e3f3ff;text-align: center;} .sub0102_4_wrap .con05 table td b{font-size: 16px; color: #222; font-weight: 700;} .sub0102_4_wrap .con05 .tab-con ul li .txt .sub_txt{margin-top: 20px;} .sub0102_4_wrap .con05 .tab-con ul li .txt .sub_txt p{font-size: 15px;} .sub0102_4_wrap .con05 .tab-con ul li .txt .sub_txt p em{color: #222;font-size: 15px;} .sub0102_4_wrap .con06{padding-top: 120px;} .sub0102_4_wrap .con06 .box_wrap{display: flex;flex-wrap:wrap;gap:80px 65px;} .sub0102_4_wrap .con06 .box_wrap .box{width: calc((100% - 65px) / 2);} .sub0102_4_wrap .con06 .box_wrap .box .tit{font-size: 20px; color: #222; font-weight: 700;padding-bottom: 20px;border-bottom: 1px solid #222;text-align: center;} .sub0102_4_wrap .con06 .box_wrap .box ul li{border-bottom: 1px solid #ddd;} .sub0102_4_wrap .con06 .box_wrap .box ul li .q_wrap{display: flex;align-items: center;padding: 20px;} .sub0102_4_wrap .con06 .box_wrap .box ul li .q_wrap em{display: block;width: 35px;font-size: 18px; color: #222; font-weight: 700;} .sub0102_4_wrap .con06 .box_wrap .box ul li .q_wrap p{font-size: 15px; color: #222; font-weight: 700;width: calc(100% - 50px);line-height: 1.5;padding-right: 10px;} .sub0102_4_wrap .con06 .box_wrap .box ul li .q_wrap .arr{width: 15px;transition:.4s;} .sub0102_4_wrap .con06 .box_wrap .box ul li .q_wrap.on .arr{transform:rotate(180deg);} .sub0102_4_wrap .con06 .box_wrap .box ul li .a_slide{display: none;} .sub0102_4_wrap .con06 .box_wrap .box ul li .a_wrap{display: flex;align-items: center;padding: 0px 20px 25px;} .sub0102_4_wrap .con06 .box_wrap .box ul li .a_wrap em{display: block;width: 35px;font-size: 18px; color: #666; font-weight: 700;} .sub0102_4_wrap .con06 .box_wrap .box ul li .a_wrap p{font-size: 15px; color: #666; font-weight: 700;width: calc(100% - 35px);line-height: 1.6;} /* sub0102_4_3 */ .sub0102_4_3_wrap .online_wrap{margin-top: 80px;} .sub0102_4_3_wrap .online_wrap ul li{display: flex;} .sub0102_4_3_wrap .online_wrap ul li:not(:last-child){margin-bottom: 20px;} .sub0102_4_3_wrap .online_wrap ul li p{font-size: 24px;color: #333; font-weight: 700;width: 180px;padding-left: 20px;transform: translateY(15px);} .sub0102_4_3_wrap .online_wrap ul li input:focus{outline:0;} .sub0102_4_3_wrap .online_wrap ul li .input{width: calc(100% - 180px);} .sub0102_4_3_wrap .online_wrap ul li .input input[type="text"], .sub0102_4_3_wrap .online_wrap ul li .input input[type="file"]{width: 100%;height: 58px;font-size: 18px; padding: 0px 20px;color: #999;border:1px solid #ddd; border-radius:8px;} .sub0102_4_3_wrap .online_wrap ul li .input input[type="text"]::placeholder, .sub0102_4_3_wrap .online_wrap ul li .input input[type="file"]::placeholder{font-size: 18px; color: #999;} .sub0102_4_3_wrap .online_wrap ul li .input02{display: flex;gap:10px;} .sub0102_4_3_wrap .online_wrap ul li .input02 input[type="text"]{width: calc((100% - 20px) / 3);} .sub0102_4_3_wrap .online_wrap ul li .select_wrap{display: flex;gap:10px;} .sub0102_4_3_wrap .online_wrap ul li select{width: calc((100% - 10px) / 2);height: 58px;font-size: 18px; margin-bottom: 10px; padding: 0px 20px;color: #999;border:1px solid #ddd; border-radius:8px;-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; background: url(/assets/images/main/select_icon01_pc.png)center right 20px no-repeat #fff; background-size: 18px; } .sub0102_4_3_wrap .online_wrap ul li select:focus{outline:0;} .sub0102_4_3_wrap .online_wrap ul li span{display: block;font-size: 18px; color: #999; font-weight: 700; margin-top: 10px;} .sub0102_4_3_wrap .online_wrap ul li .input03 .file_wrap{display: flex;gap:10px;} .sub0102_4_3_wrap .online_wrap ul li .input03 input[type="file"]{display: none;} .sub0102_4_3_wrap .online_wrap ul li .input03 .file_txt{width: calc(100% - 260px);height: 58px;line-height: 58px;font-size: 18px; padding: 0px 20px;color: #999;border:1px solid #ddd; border-radius:8px;} .sub0102_4_3_wrap .online_wrap ul li .input03 .file_lable{display: flex;align-items: center; justify-content: center;font-size: 18px;width: 250px; height: 58px;background: #333;color: #fff;border-radius:8px;} .sub0102_4_3_wrap .online_wrap a.submit_btn{display: flex; align-items: center;justify-content: center;gap: 10px;width: 250px;height: 64px;font-size: 24px;color: #fff;font-weight: 700;border-radius: 32px;margin: 80px auto 0;background: #3fa8f4;} .sub0102_4_3_wrap .online_wrap a.submit_btn img{transition: var(--trs04);} .sub0102_4_3_wrap .online_wrap a.submit_btn:hover img{transform:rotate(-45deg);} .sub0102_4_2_wrap .online_wrap ul li .p_wrap{display: flex;width: 50%;} .sub0102_4_2_wrap .online_wrap ul li .input04{display: flex;align-items: center;gap:20px;} .sub0102_4_2_wrap .online_wrap ul li .input04 input[type="text"]{} .sub0102_4_2_wrap .online_wrap ul li .input04 input[type="checkbox"]{display: none;} .sub0102_4_2_wrap .online_wrap ul li .input04 input[type="checkbox"] + label{position: relative;padding-left: 28px;font-size: 18px; color: #999;} .sub0102_4_2_wrap .online_wrap ul li .input04 input[type="checkbox"] + label::after{content:'';position: absolute;left: 0; top: 0; width: 18px; height: 18px; background: #fff; border:1px solid #ddd; border-radius:2px;font-family: 'Pretendard';font-size: 15px;} .sub0102_4_2_wrap .online_wrap ul li .input04 input[type="checkbox"]:checked + label::after{content:'✓';background: #3fa8f4;border:1px solid #3fa8f4;text-align: center;line-height: 16px;color: #fff;} .sub0102_4_2_wrap .online_wrap ul li textarea{width: 100%;height: 250px;font-size: 18px; padding: 20px;color: #999;border:1px solid #ddd; border-radius:8px;resize:none;} .sub0102_4_2_wrap .online_wrap ul li textarea::placeholder{font-size: 18px; color: #3fa8f4; font-weight: 700; line-height: 30px;} .sub0102_4_2_wrap .online_wrap ul li textarea:focus{outline:0;} .sub0102_4_2_wrap .btn_wrap{display: flex;gap:10px;justify-content: center;margin-top: 80px;} .sub0102_4_2_wrap .btn_wrap a.submit_btn.back_btn{background: #fff;border:2px solid #3fa8f4; color: #3fa8f4;} .sub0102_4_2_wrap .btn_wrap a.submit_btn{margin-top: 0;margin: 0;} /*sub0103*/ .sub0103_wrap{line-height: 1;} .sub0103_wrap .sub0102_1_cover .box_wrap .box .img img{display: block;margin: 0 auto;} .sub0103_wrap .sub0102_1_cover .box_wrap .box .txt{padding: 40px;} .sub0103_wrap .con01{padding: 80px 0px 140px;} .sub0103_wrap .con01 .box_wrap .box{position: relative;display: flex;gap:30px;} .sub0103_wrap .con01 .box_wrap .box .anc{position: absolute;top: -100px;} .sub0103_wrap .con01 .box_wrap .box:not(:last-child){margin-bottom: 30px;} .sub0103_wrap .con01 .box_wrap .box .img_box{display: flex;align-items: center; justify-content: center;width: 300px; background: var(--bg01); border-radius:24px;padding: 50px 0;} .sub0103_wrap .con01 .box_wrap .box .txt_box{width: calc(100% - 330px);padding: 80px 28px;background: var(--bg01); border-radius:24px;} .sub0103_wrap .con01 .box_wrap .box .txt_box ul li{display: flex;gap:20px;} .sub0103_wrap .con01 .box_wrap .box .txt_box ul li:not(:last-child){margin-bottom: 20px;} .sub0103_wrap .con01 .box_wrap .box .txt_box ul li p{display: flex; align-items: center;justify-content: center;width: 120px; height: 60px;font-size: 28px; background: #ff7cb2;color: #fff;font-weight: 700; border-radius:30px;} .sub0103_wrap .con01 .box_wrap .box .txt_box ul li span{display: block;width: calc(100% - 140px);font-size: 28px; color: #222; line-height: 40px; transform: translateY(10px);} .sub0103_wrap .con01 .box_wrap .box02 .img_box{background: var(--bg02);} .sub0103_wrap .con01 .box_wrap .box02 .txt_box{background: var(--bg02);} .sub0103_wrap .con01 .box_wrap .box02 .txt_box ul li p{background: #ca78cf;} .sub0103_wrap .con01 .box_wrap .box03 .img_box{background: var(--bg03);} .sub0103_wrap .con01 .box_wrap .box03 .txt_box{background: var(--bg03);} .sub0103_wrap .con01 .box_wrap .box03 .txt_box ul li p{background: #a296f9;} .sub0103_wrap .con02{padding: 80px 0; background: var(--bg01);} .sub0103_wrap .con02 .box_wrap{display: flex;gap:25px;} .sub0103_wrap .con02 .box_wrap .box{display: flex;align-items: center; justify-content: center;width: calc((100% - 75px) / 4); background: #fff; border:3px solid #ffbbda; border-radius:24px;height: 450px;} .sub0103_wrap .con03{padding: 120px 0;} .sub0103_wrap .con03 .box_wrap{display: flex;gap:22px;} .sub0103_wrap .con03 .box_wrap .box{width: calc((100% - 44px) / 3);border:3px solid #ffbbda; border-radius:24px;} .sub0103_wrap .con03 .box_wrap .box .top{display: flex;align-items: center; justify-content: center;width: 100%;height: 260px;} .sub0103_wrap .con03 .box_wrap .box .mid{display: flex;align-items: center; justify-content: center;background: #ffbbda;height: 70px;} .sub0103_wrap .con03 .box_wrap .box .mid p{font-size: 36px; color: #222;font-family: 'Uiyeun';text-align: center;} .sub0103_wrap .con03 .box_wrap .box .bot{display: flex;align-items: center;flex-direction: column;justify-content: center;height: 235px;padding: 30px;} .sub0103_wrap .con03 .box_wrap .box .bot p{font-size: 24px; color: #222; font-weight: 700; line-height: 40px;text-align: center;} .sub0103_wrap .con03 .box_wrap .box .bot p:not(:last-child){margin-bottom: 30px;} .sub0103_wrap .con04{padding: 50px 0;background: var(--bg01);} .sub0103_wrap .con04 .sub_tit01{margin-bottom: 30px;} .sub0103_wrap .con04 .btn_wrap{display: flex; align-items: center; justify-content: center;gap:20px; margin-top: 35px;} .sub0103_wrap .con04 .btn_wrap a{display: flex; align-items: center; justify-content: center;gap:14px; width: 300px; height: 64px; font-size: 28px; font-weight: 700; border-radius:32px; color: #fff; box-shadow: 6px 6px 6px rgba(0,0,0,.1);background: var(--co01);} .sub0103_wrap .con04 .btn_wrap a img{transition:.4s;} .sub0103_wrap .con04 .btn_wrap a:hover img{transform:rotate(-45deg);} /*sub0201*/ .sub0201_wrap{line-height: 1;} .sub0201_wrap .con01{padding: 140px 0 100px;} .sub0201_wrap .con01 .box_wrap{display: flex;gap:32px;} .sub0201_wrap .con01 .box_wrap .box{position: relative;width: calc((100% - 64px) / 3); height: 400px; background: #fff; border-radius:28px;transition:var(--trs04);} .sub0201_wrap .con01 .box_wrap .box::after{content:'';position: absolute; top: 50%;width: calc(100% + 6px); height: calc(100% + 6px);left: 50%;transform:translate(-50%,-50%); background: linear-gradient(90deg,rgba(254, 68, 145, 1) 0%, rgba(122, 105, 247, 1) 100%);z-index: -1; border-radius:30px;transition:var(--trs04);} .sub0201_wrap .con01 .box_wrap .box:hover{border-radius:23px;} .sub0201_wrap .con01 .box_wrap .box:hover::after{width: calc(100% + 16px); height: calc(100% + 16px);} .sub0201_wrap .con01 .box_wrap .box em{display: block;font-size: 150px;font-weight: 700;text-align: center;margin-top: 45px;} .sub0201_wrap .con01 .box_wrap .box:nth-child(1) em{color: #ff7cb2;} .sub0201_wrap .con01 .box_wrap .box:nth-child(2) em{color: #ca78cf;} .sub0201_wrap .con01 .box_wrap .box:nth-child(3) em{color: #a296f9;} .sub0201_wrap .con01 .box_wrap .box strong{display: block;font-size: 48px; color: #222; font-weight: 700;text-align: center;margin: 35px 0px 20px;} .sub0201_wrap .con01 .box_wrap .box p{font-size: 24px; color: #666; line-height: 36px;text-align:center; margin-top: 10px;} .sub0201_wrap .con01 table{width: 100%;margin-top: 60px;} .sub0201_wrap .con01 table .col01{width: 120px;} .sub0201_wrap .con01 table .col02{width: 580px;} .sub0201_wrap .con01 table .col03{} .sub0201_wrap .con01 table th{background: var(--co03);font-size: 24px; color: #fff; font-weight: 700;padding: 10px;border:1px solid #ddd;} .sub0201_wrap .con01 table td{height: 68px;font-size: 24px; color: #222; font-weight: 700; line-height: 36px;padding: 10px 20px;text-align: center;border:1px solid #ddd;} .sub0201_wrap .con01 table td .txt_wrap{display: flex;align-items: center; justify-content: space-around;} .sub0201_wrap .con01 table td .txt_wrap p:nth-child(1){width: 128px;text-align: center;} .sub0201_wrap .con01 table td .txt_wrap p:nth-child(2){width: 410px;text-align: center;} .sub0201_wrap .con01 table td .txt_wrap p b{color: var(--co03);} .sub0201_wrap .con01 table td img{max-height: 100%;} .sub0201_wrap .con01 #menu_anc{position: relative;top: -100px;} .sub0201_wrap .con01 .menu_wrap{margin-top: 100px;} .sub0201_wrap .con01 .menu_wrap ul{display: flex;} .sub0201_wrap .con01 .menu_wrap ul li{flex:1;} .sub0201_wrap .con01 .menu_wrap ul li .icon{position: relative;width: 160px; height: 160px;margin: 0 auto;} .sub0201_wrap .con01 .menu_wrap ul li .icon img{width: 100%;transition:.4s;} .sub0201_wrap .con01 .menu_wrap ul li .icon img.img_on{opacity: 0;} .sub0201_wrap .con01 .menu_wrap ul li .icon img.img_off{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);} .sub0201_wrap .con01 .menu_wrap ul li.on{animation:sub0201Ani01 2s ease-in infinite;transform:scale(1);} .sub0201_wrap .con01 .menu_wrap ul li.on .icon img.img_on{opacity: 1;} .sub0201_wrap .con01 .menu_wrap ul li.on .icon img.img_off{opacity: 0;} @keyframes sub0201Ani01{ 0%{transform:scale(1);} 50%{transform:scale(1.05);} 100%{transform:scale(1);} } .sub0201_wrap .con01 .menu_wrap ul li:hover .icon img.img_on{opacity: 1;} .sub0201_wrap .con01 .menu_wrap ul li:hover .icon img.img_off{opacity: 0;} .sub0201_wrap .con01 .menu_wrap ul li .txt{position: relative;} .sub0201_wrap .con01 .menu_wrap ul li .txt em{position: absolute;top: -38px;left: 50%;transform:translateX(-50%);font-size: 25px; padding: 5px 10px; color: #ddd;background: #fff;font-family: 'Hakgyoansim Allimjang';font-weight: 700;transition:.4s;} .sub0201_wrap .con01 .menu_wrap ul li .txt p{font-size: 30px; line-height: 36px;color: #ddd; font-weight: 700;font-family: 'Hakgyoansim Allimjang';text-align: center;margin-top: 15px;transition:.3s;} .sub0201_wrap .con01 .menu_wrap ul li.on .txt em{color: #222;} .sub0201_wrap .con01 .menu_wrap ul li.on .txt p{color: #222;} .sub0201_wrap .con01 .menu_wrap ul li.on .txt p b{color: var(--co01);} .sub0201_wrap .con01 .menu_wrap ul li.on .txt p b.co02{color: var(--co03);} .sub0201_wrap .con01 .menu_wrap ul li:hover .txt em{color: #222;} .sub0201_wrap .con01 .menu_wrap ul li:hover .txt p{color: #222;} .sub0201_wrap .con01 .menu_wrap ul li:hover .txt p b{color: var(--co01);} .sub0201_wrap .con01 .menu_wrap ul li:hover .txt p b.co02{color: var(--co03);} .sub0201_wrap .con02{padding-bottom: 140px;} .sub0201_wrap .con02 .tit_wrap .top{display: flex;align-items: center;gap:20px;justify-content: center;} .sub0201_wrap .con02 .tit_wrap .top .txt span{display: block;font-size: 28px; color: #222; font-weight: 700;margin-bottom: 15px;} .sub0201_wrap .con02 .tit_wrap .top .txt p{font-size: 60px; color: #222; font-weight: 700;} .sub0201_wrap .con02 .tit_wrap .top .txt p b{color: var(--co01);} .sub0201_wrap .con02 .tit_wrap .top .txt p b.co02{color: var(--co03);} .sub0201_wrap .con02 .tit_wrap .top em{font-size: 28px; color: #7e7e7e;transform: translateY(40px);} .sub0201_wrap .con02 .tit_wrap .sub_tit01 span{margin-top: 20px;color: #222;} .sub0201_wrap .con02 .step_wrap{display: flex;gap:6px;margin-top: 90px;} .sub0201_wrap .con02 .step_wrap .box{flex:1;} .sub0201_wrap .con02 .step_wrap .box div:not(:last-child){margin-bottom: 6px;} .sub0201_wrap .con02 .step_wrap .box .num{display: flex; align-items: center; justify-content: center; height: 45px;font-size: 28px; font-weight: 700;color: #ff7cb2; background: #fff2f7;} .sub0201_wrap .con02 .step_wrap .box .img_wrap img{max-width: 100%;} .sub0201_wrap .con02 .step_wrap .box.last .img_wrap{position: relative;height: calc(100% - 45px);} .sub0201_wrap .con02 .step_wrap .box.last .img_wrap img{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);} .sub0201_wrap .con02 .step_wrap02 .box .num{background: #F2F0FA;color: #A296F9;} .sub0201_wrap .con02 .step_wrap03 .box .num{background: #f2f0fa;color: #A296F9;} .sub0201_wrap .con03 img{width: 100%;} .sub0201_wrap .con04{padding: 140px 0;} .sub0201_wrap .con04 .box_wrap{position: relative;border:2px solid #737373; border-radius:24px; padding: 105px 85px 60px;} .sub0201_wrap .con04 .box_wrap em{position: absolute;top: 0; left: 50%;transform:translateX(-50%);display: flex; align-items: center; justify-content: center;font-size: 24px; color: #fff;width: 280px; height: 72px; border-radius:0 0 8px 8px; background: #737373;} .sub0201_wrap .con04 .box_wrap .tit{margin-bottom: 35px;} .sub0201_wrap .con04 .box_wrap .tit p{font-size: 48px; color: #222; font-weight: 700;text-align: center;} .sub0201_wrap .con04 .box_wrap ul{display: flex;flex-wrap:wrap;gap:30px 105px;} .sub0201_wrap .con04 .box_wrap ul li{position: relative;display: flex;align-items: center;justify-content: flex-end;flex-direction: column;gap:25px;width: calc((100% - 210px) / 3);height: 230px;padding: 0px 0px 20px; border:2px solid #a9a9a9; border-radius:23px;} .sub0201_wrap .con04 .box_wrap ul li:not(:last-child)::after{content:'';position: absolute;right: -63px; top: 50%;transform:translateY(-50%);background: url(/assets/images/sub/sub0201_arr01.png)center no-repeat; width: 16px; height: 22px; background-size: cover;} .sub0201_wrap .con04 .box_wrap ul li:nth-child(3)::after{display: none;} .sub0201_wrap .con04 .box_wrap ul li b{display: flex;align-items: center; justify-content: center;position: absolute;top: 0; left: 50%;transform:translateX(-50%);font-size: 20px;width: 88px;height: 32px;color: #fff;background: #a9a9a9; border-radius:0 0 8px 8px;font-weight: 400;} .sub0201_wrap .con04 .box_wrap ul li p{font-size: 20px; color: #222;font-weight: 700;text-align: center;} .sub0201_wrap .con04 .box_wrap .sub_txt{margin-top: 60px;} .sub0201_wrap .con04 .box_wrap .sub_txt p{position: relative;padding-left: 35px;width: fit-content;margin: 0 auto;line-height: 30px;font-size: 20px; color: #222;} .sub0201_wrap .con04 .box_wrap .sub_txt p::after{content:'';position: absolute; top: 2px; left: 0;background: url(/assets/images/sub/sub0201_chk_icon01.png)center no-repeat; width: 26px; height: 25px; background-size: cover;} .sub0201_wrap .con04 .box_wrap .sub_txt p b{color: var(--co01); font-weight:400;} .sub0201_wrap .con05 .slide_wrap{margin-bottom: 140px;} .sub0201_wrap .con05 .con_wrap{display: flex;gap:30px; align-items: center;} .sub0201_wrap .con05 .con_wrap .img_con{width: 710px;} .sub0201_wrap .con05 .con_wrap .img_wrap{position:relative; width:100%; padding-bottom:58.741%;} .sub0201_wrap .con05 .con_wrap .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;} .sub0201_wrap .con05 .con_wrap .txt_con{width: calc(100% - 740px);} .sub0201_wrap .con05 .con_wrap .txt_con .tit_wrap{margin-bottom: 15px;} .sub0201_wrap .con05 .con_wrap .txt_con .tit_wrap p{font-size: 48px; color: #222; font-weight: 700; margin-bottom: 15px;} .sub0201_wrap .con05 .con_wrap .txt_con .tit_wrap span{display: block;font-size: 18px; color: #222; line-height: 27px;} .sub0201_wrap .con05 .con_wrap .txt_con ul{border-top: 1px solid #a9a9a9;} .sub0201_wrap .con05 .con_wrap .txt_con ul li{display: flex;flex-wrap:wrap;padding: 15px 0;} .sub0201_wrap .con05 .con_wrap .txt_con ul li p{font-size: 18px; color: #222;font-weight: 700;width: 90px;line-height: 27px;} .sub0201_wrap .con05 .con_wrap .txt_con ul li span{display: block;width: calc(100% - 90px);font-size: 18px; line-height: 27px;color: #222; white-space: pre-wrap;} .sub0201_wrap .con05 .con_wrap .txt_con ul.info02 li span{width: 100%;} .sub0201_wrap .con05 .slick-prev{position: absolute; left: -50px; top: 50%;transform:translateY(-50%); background: url(/assets/images/sub/sub0201_prev01.png)center no-repeat; background-size: cover;width: 50px; height: 50px;text-indent: -9999px; z-index: 100;} .sub0201_wrap .con05 .slick-next{position: absolute; right: -100px; top: 50%;transform:translateY(-50%); background: url(/assets/images/sub/sub0201_next01.png)center no-repeat; background-size: cover;width: 50px; height: 50px;text-indent: -9999px; z-index: 100;} .sub0201_wrap .con05-2 .slick-prev{position: absolute; left: -50px; top: 50%;transform:translateY(-50%); background: url(/assets/images/sub/sub0201_prev02.png)center no-repeat; background-size: cover;width: 50px; height: 50px;text-indent: -9999px; z-index: 100;} .sub0201_wrap .con05-2 .slick-next{position: absolute; right: -100px; top: 50%;transform:translateY(-50%); background: url(/assets/images/sub/sub0201_next02.png)center no-repeat; background-size: cover;width: 50px; height: 50px;text-indent: -9999px; z-index: 100;} .sub0201_wrap .con06{background: #eee;padding: 70px 0;} .sub0201_wrap .con06 p{font-size: 78px; color: #222; font-weight: 700;text-align: center;transition:1s;} .sub0201_wrap .con06 p b{color: var(--co03);} .sub0201_wrap .con06 span{display: block;font-size: 45px; color: #222;font-family: 'Ownglyph_corncorn-Rg';text-align: center; margin-top: 30px;transition:1s;opacity: 0;transform: translateY(30px);} .sub0201_wrap .con06 .slick-active span{transform: translateY(0);opacity: 1;} .sub0201_wrap .con07{position: relative;} .sub0201_wrap .con07 video{position: absolute;top: 0; left: 0;width: 100%;height: 100%;object-fit:cover;z-index: -1;filter: brightness(0.5);} .sub0201_wrap .con07 .txt_wrap .inner{position: relative;padding: 330px 0;} .sub0201_wrap .con07 .txt_wrap p{position: absolute;font-size: 48px; color: #fff;font-family: 'NanumSquareNeoExtraBold';} .sub0201_wrap .con07 .txt_wrap p:nth-child(1){top: 180px;left: 170px;} .sub0201_wrap .con07 .txt_wrap p:nth-child(2){top: 65px;left: 410px;} .sub0201_wrap .con07 .txt_wrap p:nth-child(3){top: 240px;right: 360px;} .sub0201_wrap .con07 .txt_wrap p:nth-child(4){top: 117px;right: 70px;} .sub0201_wrap .con07 .txt_wrap p:nth-child(5){bottom: 240px;left: 60px;} .sub0201_wrap .con07 .txt_wrap p:nth-child(6){bottom: 100px; left: 290px;} .sub0201_wrap .con07 .txt_wrap p:nth-child(7){bottom: 195px;right: 450px;} .sub0201_wrap .con07 .txt_wrap p:nth-child(8){bottom: 60px;right: 145px;} .sub0201_wrap .con07 .txt_wrap strong{position: relative;display: block;font-size: 90px;width: max-content;text-align: center; color: var(--co03);font-weight: 700;z-index: 0; background: url(/assets/images/sub/sub0102_3_icon01.png)top left no-repeat , url(/assets/images/sub/sub0102_3_icon02.png)top right no-repeat , url(/assets/images/sub/sub0102_3_icon03.png)bottom left no-repeat , url(/assets/images/sub/sub0102_3_icon04.png)bottom right no-repeat; padding: 35px;} .sub0201_wrap .con07 .txt_wrap strong::before{position: absolute;left: 50%;transform: translateX(-50%);width: max-content;content: attr(data-content);z-index: -1;-webkit-text-stroke: 8px #fff;} .sub0201_wrap .con08{padding: 140px 0;} .sub0201_wrap .con08 .tit_wrap{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 60px;} .sub0201_wrap .con08 .tit_wrap .left span{font-size: 20px; color: #222; line-height: 30px;} .sub0201_wrap .con08 .tit_wrap .right .sub_tit01{margin-bottom: 0;} .sub0201_wrap .con08 .tit_wrap .right .sub_tit01 span{color: #222;text-align: right;margin-top: 0;margin-bottom: 10px;} .sub0201_wrap .con08 .tit_wrap .right .sub_tit01 p{text-align: right;} .sub0201_wrap .con09{padding: 140px 0;background-color: #f2f0fa;} .sub0201_wrap .con09 .txt_wrap p{font-size: 72px; color: #222; line-height: 90px; font-weight: 700;text-align: center;} .sub0201_wrap .con09 .txt_wrap p b{color: var(--co03);} .sub0201_wrap .con09 .btn_wrap{display: flex; align-items: center; justify-content: center;gap:20px; margin-top: 35px;} .sub0201_wrap .con09 .btn_wrap a{display: flex; align-items: center; justify-content: center;gap:14px; width: 300px; height: 64px; font-size: 28px; font-weight: 700; border-radius:32px; color: #fff; box-shadow: 6px 6px 6px rgba(0,0,0,.1);background: var(--co03);} .sub0201_wrap .con09 .btn_wrap a img{transition:.4s;} .sub0201_wrap .con09 .btn_wrap a:hover img{transform:rotate(-45deg);} /*sub0202*/ .sub0202_wrap{line-height: 1;} .sub0202_wrap .tab-container{margin-top: 120px;} .sub0202_wrap .tab-con .box_wrap{padding: 60px 150px; background: var(--bg01); border-radius:24px;} .sub0202_wrap .tab-con.co02 .box_wrap{background: var(--bg02);} .sub0202_wrap .tab-con.co03 .box_wrap{background: var(--bg03);} .sub0202_wrap .tab-con .tit_wrap .tag{display: flex; align-items: center; justify-content: center;width: 130px; height: 32px; font-size: 14px; background: var(--co01);color: #fff;margin: 0 auto 20px; border-radius:16px;font-weight: 700;} .sub0202_wrap .tab-con .tit_wrap .sub_tit01 span{color: #222;} .sub0202_wrap .tab-con .box_wrap{margin-top: 60px;} .sub0202_wrap .tab-con .box_wrap strong{display: block;font-size: 28px; font-weight: 700;text-align: center; color: var(--co01); margin-bottom: 40px;} .sub0202_wrap .tab-con .box_wrap ul{display: flex;gap:30px;} .sub0202_wrap .tab-con .box_wrap ul li{display: flex;align-items: center;justify-content: space-around; gap:20px;flex-direction: column;width: calc((100% - 60px) / 3); min-height: 350px; padding: 40px 20px 20px; background: #fff; border-radius:24px;} .sub0202_wrap .tab-con .box_wrap ul li p{font-size: 20px; color: #222; font-weight: 700; line-height: 1.4;text-align: center;} .sub0202_wrap .tab-con.co02 .tit_wrap .tag{background: var(--co02);} .sub0202_wrap .tab-con.co02 .box_wrap strong{color: var(--co02);} .sub0202_wrap .tab-con.co03 .tit_wrap .tag{background: var(--co03);} .sub0202_wrap .tab-con.co03 .box_wrap strong{color: var(--co03);} .sub0202_wrap .btn_wrap{display: flex; align-items: center; justify-content: center;gap:20px; margin-top: 140px;} .sub0202_wrap .btn_wrap a{display: flex; align-items: center; justify-content: center;gap:14px; width: 300px; height: 64px; font-size: 28px; font-weight: 700; border-radius:32px; color: #fff; box-shadow: 6px 6px 6px rgba(0,0,0,.1);background: var(--co01);} .sub0202_wrap .btn_wrap a img{transition:.4s;} .sub0202_wrap .btn_wrap a:hover img{transform:rotate(-45deg);} .sub0202_wrap .tab-con.co02 .btn_wrap a{background: var(--co02);} .sub0202_wrap .tab-con.co03 .btn_wrap a{background: var(--co03);} /*sub0301*/ .sub0301_wrap{line-height: 1;} .sub0301_wrap .sub0201_wrap .con01{padding: 20px 0px 140px;} .sub0301_wrap .sub0201_wrap .con01 .sub_tit01 span{margin-top: 0;margin-bottom: 25px; color: #222;} .sub0301_wrap .con{padding-top: 140px;} .sub0301_wrap .con02{position: relative;padding: 140px 0px 120px;} .sub0301_wrap .con02 video{position: absolute; left: 0;top: 0;width: 100%; height: 100%; object-fit:cover;z-index: -1;filter: brightness(0.5);} .sub0301_wrap .con02 .txt_wrap .txt:not(:last-child){margin-bottom: 70px;} .sub0301_wrap .con02 .txt_wrap .txt p{font-size: 100px;line-height: 1.2;text-align: center;color: #fff;font-weight: 700;} .sub0301_wrap .con02 .txt_wrap .txt p b.b01{color: #ffdb45;} .sub0301_wrap .con02 .txt_wrap .txt p b.b02{color: var(--co03);} .sub0301_wrap .con02 .txt_wrap .txt p b.b03{position: relative;z-index: 1;} .sub0301_wrap .con02 .txt_wrap .txt p b.b03::after{content:'';position: absolute; left: -6px;top: 50%; transform:translateY(-50%); width: 0;height: 100%; background: var(--co03);z-index: -1;transition:1.5s;} .sub0301_wrap .con02 .txt_wrap .txt p b.b03.on::after{width: calc(100% + 12px);} .sub0301_wrap .txt_box_st01{padding: 60px 165px 80px; border-radius:24px;} .sub0301_wrap .txt_box_st01.co01{background: var(--bg01);} .sub0301_wrap .txt_box_st01.co02{background: var(--bg02);} .sub0301_wrap .txt_box_st01.co03{background: var(--bg03);} .sub0301_wrap .txt_box_st01 .sub_tit01{margin-bottom: 50px;} .sub0301_wrap .txt_box_st01 .sub_tit01 .tag{display: flex;align-items: center;font-size: 20px; color: #fff;font-weight: 700;width: fit-content;height: 40px;padding: 0px 25px; border-radius:20px;margin: 0 auto;} .sub0301_wrap .txt_box_st01.co01 .sub_tit01 .tag{background: var(--co01);} .sub0301_wrap .txt_box_st01.co02 .sub_tit01 .tag{background: var(--co02);} .sub0301_wrap .txt_box_st01.co03 .sub_tit01 .tag{background: var(--co03);} .sub0301_wrap .txt_box_st01 .sub_tit01 span{margin-bottom: 5px;margin-top: 20px;color: #222;} .sub0301_wrap .con03 .txt_box_st01 .box{display: flex;align-items: center; justify-content: center;background: url(/assets/images/sub/sub0301_bg02.jpg)center no-repeat; background-size: cover; height: 300px; border-radius:24px;} .sub0301_wrap .con03 .txt_box_st01 .box p{display: flex;align-items: baseline;gap:10px;font-size: 36px; color: #fff;font-weight: 700; text-shadow: 3px 3px 8px rgba(0,0,0,.3);} .sub0301_wrap .con03 .txt_box_st01 .box p b{display: block;line-height: 1;text-align: center;font-size: 100px;} .sub0301_wrap .con03 .txt_box_st01 .box .number{position: relative;min-width: 195px; height: 100px;transform: translateY(13px);} .sub0301_wrap .con03 .txt_box_st01 .box .digit-con:nth-child(1){left: 0;} .sub0301_wrap .con03 .txt_box_st01 .box .digit-con:nth-child(2){left: 50%;transform:translateX(-50%);} .sub0301_wrap .con03 .txt_box_st01 .box .digit-con:nth-child(3){right: 0;} .sub0301_wrap .con03 .txt_box_st01 .box .digit-con{position: absolute;display:inline-block;height:100px;overflow:hidden;overflow-x: visible;vertical-align:top;} .sub0301_wrap .con03 .txt_box_st01 .box .digit-con span{display:block;font-size:100px;line-height:1;position:relative;text-align:center;top:0;width:max-content;} .sub0301_wrap .con04 .box_wrap{display: flex;gap:20px;} .sub0301_wrap .con04 .box{background: #fff;border-radius:12px;padding: 26px 30px;} .sub0301_wrap .con04 .box p{font-size: 26px; color: #222; line-height: 1.2; font-weight:700;text-align: center;} .sub0301_wrap .con04 .left{width: 295px;} .sub0301_wrap .con04 .left .box{width: 100%;border:2px solid #ff7cb2;padding: 30px;} .sub0301_wrap .con04 .left .box .icon img{display: block;margin: 0 auto 20px;} .sub0301_wrap .con04 .right{display: flex;flex-wrap:wrap;gap:18px;width: calc(100% - 315px);} .sub0301_wrap .con04 .right .box{width: calc((100% - 20px) / 2);border:2px solid #a296f9;} .sub0301_wrap .con04 .right .box .icon img{display: block;margin: 0 auto 15px;} .sub0301_wrap .con04 .right .box02_wrap{width: calc((100% - 20px) / 2);} .sub0301_wrap .con04 .right .box02{width: 100%;} .sub0301_wrap .con04 .right .box02:not(:last-child){margin-bottom: 18px;} .sub0301_wrap .con04 .right .box03{width: 100%;} .sub0301_wrap .con05 .sub_tit01 p{margin-top: 25px;} .sub0301_wrap .con05 .txt_box_st01 .sub_tit01 span{margin-top: 5px;} .sub0301_wrap .con05 .box_wrap{display: flex;gap:25px;} .sub0301_wrap .con05 .box_wrap .box{position: relative;width: calc((100% - 50px) / 3);} .sub0301_wrap .con05 .box_wrap .box .img_wrap img{width: 100%;} .sub0301_wrap .con05 .box_wrap .box .txt_wrap{position: absolute;left: 50%; transform:translateX(-50%);bottom: 20px; display: flex; align-items: center; justify-content: center; width: 200px; height: 40px; background: #fff; border-radius:20px;} .sub0301_wrap .con05 .box_wrap .box .txt_wrap p{font-size: 24px; color: #222; font-weight: 700;} .sub0301_wrap .con06 .sub_tit01 p{margin-top: 25px;} .sub0301_wrap .con06 .txt_box_st01 .sub_tit01 span{margin-top: 5px;} .sub0301_wrap .con06 .box_wrap{display: flex;gap:65px;justify-content: center;} .sub0301_wrap .con06 .box_wrap .box{display: flex;align-items: center; justify-content: center; flex-direction: column;} .sub0301_wrap .con06 .box_wrap .img_wrap{} .sub0301_wrap .con06 .box_wrap .txt_wrap{margin-top: 30px;width: max-content;} .sub0301_wrap .con06 .box_wrap .txt_wrap p{text-align: center;font-size: 28px; color: #222; font-family: 'NanumSquareNeoHeavy'; margin-bottom: 15px;} .sub0301_wrap .con06 .box_wrap .txt_wrap span{display: block;font-size: 15px; line-height: 24px; color: #666;text-align: center;} .sub0301_wrap .con07 .sub_tit01 p{margin-top: 25px;} .sub0301_wrap .con07 .txt_box_st01 .sub_tit01 span{margin-top: 5px;} .sub0301_wrap .con07 .img_wrap img{width: 100%; border-radius:24px;} .sub0301_wrap .con08 .box_wrap{display: flex;gap:30px 20px;flex-wrap:wrap;} .sub0301_wrap .con08 .box_wrap .box{width: calc((100% - 60px) / 4);} .sub0301_wrap .con08 .box_wrap .box .img_wrap img{width: 100%;} .sub0301_wrap .con08 .box_wrap .box .txt_wrap{margin-top: 10px;} .sub0301_wrap .con08 .box_wrap .box .txt_wrap p{font-size: 18px; color: #222; font-weight: 700;text-align: center;} .sub0301_wrap .con09 .txt_box_st01{padding: 60px 130px 80px;} .sub0301_wrap .con09 .box_wrap{position: relative;display: flex;flex-wrap:wrap;justify-content: center;gap:60px;z-index: 10;} .sub0301_wrap .con09 .box_wrap em{position: absolute;left: 50%;transform:translateX(-50%);height: 3px; background: #fff;z-index: -1;} .sub0301_wrap .con09 .box_wrap em.line01{width: 668px;top: 90px;left: 57%;} .sub0301_wrap .con09 .box_wrap em.line02{width: 802px;top: 46.1%;transform:translate(-50%,-50%);} .sub0301_wrap .con09 .box_wrap em.line03{width: 540px;bottom: 157px;} .sub0301_wrap .con09 .box_wrap .box{position: relative;} .sub0301_wrap .con09 .box_wrap .box::after{content:'';position: absolute; top: 81px;right: -33px;background: url(/assets/images/sub/sub0301_icon14.png)center no-repeat; width: 11px; height: 20px; background-size: cover;} .sub0301_wrap .con09 .box_wrap .box:nth-child(7)::after, .sub0301_wrap .con09 .box_wrap .box:nth-child(10)::after{display: none;} .sub0301_wrap .con09 .box_wrap .box:nth-child(1), .sub0301_wrap .con09 .box_wrap .box:nth-child(8){margin-left: 110px;} .sub0301_wrap .con09 .box_wrap .box:nth-child(3), .sub0301_wrap .con09 .box_wrap .box:nth-child(10){margin-right: 110px;} .sub0301_wrap .con09 .box_wrap .box .num p{font-size: 20px; font-weight: 700;text-align: center;color: var(--co01);} .sub0301_wrap .con09 .box_wrap .box .icon{margin: 10px 0px 20px;} .sub0301_wrap .con09 .box_wrap .box .icon img{display: block;margin: 0 auto;} .sub0301_wrap .con09 .box_wrap .box .txt{position: relative;display: flex;align-items: center;justify-content: center;width: 210px;height: 80px;background: #fff;padding: 15px 0;} .sub0301_wrap .con09 .box_wrap .box .txt::after{content:'';position: absolute; top: -7px;left: 50%; transform:translateX(-50%);background: url(/assets/images/sub/sub0301_icon15.png)center no-repeat; width: 10px; height: 7px; background-size: cover;} .sub0301_wrap .con09 .box_wrap .box .txt p{font-size: 18px; color: #222; line-height: 24px;text-align: center;} .sub0301_wrap .con10 .top_box{display: flex;gap:150px;margin-bottom: 80px;} .sub0301_wrap .con10 .top_box .sub_tit01 p{text-align: left;} .sub0301_wrap .con10 .top_box .sub_tit01 span{text-align: left;} .sub0301_wrap .con10 .sub0102_1_cover .box_wrap .box .tit p{font-size: 40px;} .sub0301_wrap .con10 .sub0102_1_cover .box_wrap .box .txt{padding: 35px 40px 35px;} .sub0301_wrap .con10 .sub0102_1_cover .box_wrap .box .txt ul li{color: #222;} .sub0301_wrap .con10 .sub0102_1_cover .box_wrap .box .txt02{display: flex;align-items: flex-start;gap:7px; justify-content: center;font-size: 24px; line-height: 30px; height: 63px;color: #222;width: max-content;margin: 45px auto 0;font-family: 'Ownglyph_corncorn-Rg';} .sub0301_wrap .con10 .sub0102_1_cover .box_wrap .box .tag_wrap{display: flex;justify-content: center;gap:10px;margin-top: 20px;} .sub0301_wrap .con10 .sub0102_1_cover .box_wrap .box .tag_wrap .tag{display: flex; align-items: center;justify-content: center;width: 150px; height: 56px; border-radius:8px; font-size: 28px; color: #fff; font-weight: 700;} .sub0301_wrap .con10 .sub0102_1_cover .box_wrap .box01 .tag_wrap .tag{background: var(--co01);} .sub0301_wrap .con10 .sub0102_1_cover .box_wrap .box02 .tag_wrap .tag{background: var(--co02);} .sub0301_wrap .con10 .sub0102_1_cover .box_wrap .box03 .tag_wrap .tag{background: var(--co03);} .sub0301_wrap .con11{padding: 100px 0; margin-top: 140px; background: var(--bg03);} .sub0301_wrap .con11 .box_wrap{display: flex;gap:30px;} .sub0301_wrap .con11 .box_wrap .box{width: calc((100% - 60px) / 3);padding: 67px 50px 45px;background: #fff; border-radius:30px;} .sub0301_wrap .con11 .box_wrap .box .img{display: flex;align-items: flex-end;height: 230px;} .sub0301_wrap .con11 .box_wrap .box img{display: block; margin: 0 auto;} .sub0301_wrap .con11 .box_wrap .box .txt{margin-top: 40px;} .sub0301_wrap .con11 .box_wrap .box .txt p{font-size: 40px; color: #222; font-weight: 700;text-align: center;} .sub0301_wrap .con11 .box_wrap .box .txt span{display: block;font-size: 15px; color: #666;line-height: 24px;text-align: center;margin-top: 30px;} .sub0301_wrap .con12{height: 3800px;} .sub0301_wrap .con12 .box_wrap .box{position: relative;font-family: 'Ownglyph_corncorn-Rg';width: fit-content;transform: translateY(calc(-80px * (var(--i) - 1)));} .sub0301_wrap .con12 .box_wrap .box .txt{position: absolute; top: 0; left: 0;width: 100%; height: 100%;padding: 60px 55px;} .sub0301_wrap .con12 .box_wrap .box .txt strong{display: flex; align-items: center; justify-content: center;font-size: 24px; color: #fff;width: fit-content;padding: 0px 40px;height: 56px; background: #a296f9;border-radius:28px;font-weight: 400; margin-bottom: 25px;} .sub0301_wrap .con12 .box_wrap .box .txt p{font-size: 28px; color: #222; line-height: 36px;} .sub0301_wrap .con12 .box_wrap .box .txt p b{position: relative;font-weight: 400;z-index: 10;} .sub0301_wrap .con12 .box_wrap .box .txt p b::after{content:'';position: absolute; left: 0; bottom: 4px;background: #c3bbff;width: 100%; height: 10px;z-index: -1;} .sub0301_wrap .con12 .box_wrap .box:nth-child(2n){margin-left: auto;} .sub0301_wrap .con12 .box_wrap .box:nth-child(2n) .txt{padding: 60px 65px;} .sub0301_wrap .con12 .box_wrap .box:nth-child(2n) strong{background: #ffa3c5;margin-left: auto;} .sub0301_wrap .con12 .box_wrap .box:nth-child(2n) .txt p{text-align: right;} .sub0301_wrap .con12 .box_wrap .box:nth-child(2n) .txt p b::after{background: #ffa3c5;} .sub0301_wrap .con13{padding: 50px 0; background: var(--bg03);} .sub0301_wrap .con13 .sub_tit01{margin-bottom: 30px;} .sub0301_wrap .con13 .btn_wrap{display: flex; align-items: center; justify-content: center;gap:20px; margin-top: 35px;} .sub0301_wrap .con13 .btn_wrap a{display: flex; align-items: center; justify-content: center;gap:14px; width: 360px; height: 64px; font-size: 28px; font-weight: 700; border-radius:32px; color: #fff; box-shadow: 6px 6px 6px rgba(0,0,0,.1);background: var(--co03);} .sub0301_wrap .con13 .btn_wrap a img{transition:.4s;} .sub0301_wrap .con13 .btn_wrap a:hover img{transform:rotate(-45deg);} /*sub0302*/ .sub0302_wrap{line-height: 1;} .sub0302_wrap #visual_wrap{margin-top: 0;} .sub0302_wrap .inner{display: flex;gap:80px;} .sub0302_wrap .con01{padding-top: 140px;} .sub0302_wrap .con01 .txt_wrap{width: calc((100% - 80px) / 2);} .sub0302_wrap .con01 .txt_wrap .sub_tit01{margin-bottom: 28px;} .sub0302_wrap .con01 .txt_wrap .sub_tit01 p{text-align: left;} .sub0302_wrap .con01 .txt_wrap .sub_tit01 span{text-align: left;margin-top: 20px;} .sub0302_wrap .con01 .txt_wrap .img_wrap{width: 100%;box-shadow: 6px 6px 12px rgba(0,0,0,.15);border-radius:20px;} .sub0302_wrap .con01 .txt_wrap .img_wrap img{width: 100%;} .sub0302_wrap .con01 .txt_wrap em{display: block;font-size: 18px; color: #222; font-weight: 700;text-align: center;margin-top: 20px;} .sub0302_wrap .online_wrap{width: calc((100% - 80px) / 2);} .sub0302_wrap .online_wrap .tit{margin-bottom: 30px;} .sub0302_wrap .online_wrap .tit strong{position: relative;display: block;padding-left: 20px;font-size: 24px; color: #222; font-weight: 700;font-family: 'NanumSquareNeoBold';} .sub0302_wrap .online_wrap .tit strong::after{content:'';position: absolute;left: 0;top: 50%; transform:translateY(-50%);width: 3px; height: 20px; background: var(--co04);} .sub0302_wrap .online_wrap .input_wrap{display: flex; flex-wrap:wrap;gap:20px 10px;} .sub0302_wrap .online_wrap .input_wrap .input{position: relative;width: calc((100% - 10px) / 2);} .sub0302_wrap .online_wrap .input_wrap .input02{position: relative;width: 100%;} .sub0302_wrap .online_wrap .input_wrap input[type="text"]{width: 100%; height: 58px;background: #fff; font-size: 18px; color: #222;padding: 0 20px; border-radius:8px; border:1px solid #ddd;} .sub0302_wrap .online_wrap .input_wrap input[type="text"]:focus{outline:0;} .sub0302_wrap .online_wrap .input_wrap input[type="text"] + label{position: absolute;left: 20px;top: 50%; transform:translateY(-50%);font-size: 18px; color: #999;transition:.5s;} .sub0302_wrap .online_wrap .input_wrap input[type="text"] + label b{color: var(--co04); font-weight: 400;} .sub0302_wrap .online_wrap .input_wrap input[type="text"]:focus + label {opacity: 0;} .sub0302_wrap .online_wrap .input_wrap input[type="text"]:valid + label {opacity: 0;} .sub0302_wrap .online_wrap .input_wrap select{width: 100%;height: 58px;border:1px solid #ddd;font-size: 18px; color: #222;padding: 0 20px;-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; background: url(/assets/images/main/select_icon01_pc.png)center right 20px no-repeat #fff; background-size: 18px; border-radius:8px;} .sub0302_wrap .online_wrap .input_wrap select:focus{outline:0;} .sub0302_wrap .online_wrap .input_wrap textarea{width: 100%;height: 160px;background: #fff; border:1px solid #ddd;font-size: 18px; color: #222;padding: 20px 15px;border-radius:8px;resize:none; } .sub0302_wrap .online_wrap .input_wrap textarea + label{position: absolute;left: 15px; top: 20px;font-size: 18px; color: #999;transition:.5s;} .sub0302_wrap .online_wrap .input_wrap textarea + label b{color: var(--co04); font-weight: 400;} .sub0302_wrap .online_wrap .input_wrap textarea:focus{outline:0;} .sub0302_wrap .online_wrap .input_wrap .textarea.filled label{opacity: 0;} .sub0302_wrap .online_wrap .input_wrap .textarea.focused label{opacity: 0;} .sub0302_wrap .online_wrap .check_wrap{display: flex; align-items: center;gap:6px;margin-top: 20px;} .sub0302_wrap .online_wrap .check_wrap input[type="checkbox"]{display: none;} .sub0302_wrap .online_wrap .check_wrap input[type="checkbox"] + label{position: relative;padding-left: 28px;font-size: 18px; color: #666;} .sub0302_wrap .online_wrap .check_wrap input[type="checkbox"] + label::after{content:'';position: absolute;left: 0; top: 0; width: 18px; height: 18px; background: #fff; border:1px solid #bbb; border-radius:2px;font-family: 'Pretendard';font-size: 15px;} .sub0302_wrap .online_wrap .check_wrap input[type="checkbox"]:checked + label::after{content:'✓';background: var(--co03);border:1px solid var(--co03);text-align: center;line-height: 16px;color: #fff;} .sub0302_wrap .online_wrap .check_wrap .pro_pop_btn{font-size: 18px; color: #222; font-weight: 500; cursor:pointer;} .sub0302_wrap .online_wrap .online_btn{display: flex; align-items: center; justify-content: center;gap:10px; width: 100%; height: 64px;font-size: 24px; color: #fff; font-weight: 700;border-radius:32px; background: var(--co03); margin-top: 40px;} .sub0302_wrap .online_wrap .online_btn img{transition:var(--trs04);} .sub0302_wrap .online_wrap .online_btn:hover img{transform:translateX(10px) rotate(-45deg);} /*sub0401*/ .sub0401_wrap{line-height: 1;} .sub0401_wrap .search_wrap{display: flex; width: 100%; height: 70px; border:2px solid #ddd; margin-bottom: 30px;} .sub0401_wrap .search_wrap input[type="text"]{width: calc(100% - 80px); border:0;font-size: 24px; color: #999;padding: 0px 20px;} .sub0401_wrap .search_wrap input[type="text"]::placeholder{font-size: 24px; color: #999;} .sub0401_wrap .search_wrap input[type="text"]:focus{outline:0;} .sub0401_wrap .search_wrap .search_btn{display: flex;align-items: center; justify-content: center;width: 80px;height: 100%;} .sub0401_wrap .list_wrap{display: flex;gap:30px; flex-wrap:wrap;} .sub0401_wrap .list_wrap .con{width: calc((100% - 60px) / 3); border:2px solid #ddd;} .sub0401_wrap .img_wrap{position:relative; width:100%; padding-bottom:68.966%;overflow: hidden;} .sub0401_wrap .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;transition:.5s;} .sub0401_wrap .txt_wrap{border-top: 2px solid #ddd;padding: 20px;} .sub0401_wrap .txt_wrap p{font-size: 18px; color: #999; line-height: 24px;height: 48px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;} .sub0401_wrap .txt_wrap span{display: block;position: relative;font-size: 15px; color: #999; margin-top: 50px;margin-left: auto;padding-left: 25px;width: fit-content;} .sub0401_wrap .txt_wrap span::after{content:'';position: absolute; top: 50%; left: 0; transform:translateY(-50%); background: url(/assets/images/sub/date_icon01.png)center no-repeat; width: 16px; height: 16px; background-size: cover;} .sub0401_wrap .txt_wrap .bot{display: flex;align-items: center; justify-content: space-between;margin-top: 50px;} .sub0401_wrap .txt_wrap .bot span{margin-top: 0px;} .sub0401_wrap .con:hover .img_wrap img{transform:scale(1.05);} /*sub0403*/ .sub0403_wrap{line-height: 1;} .sub0403_wrap ul.list_wrap{display: flex;flex-wrap:wrap;gap:40px;} .sub0403_wrap ul.list_wrap li{width: calc((100% - 80px) / 3);} .sub0403_wrap ul.list_wrap li .img_wrap{position:relative; width:100%; padding-bottom:70%;overflow: hidden;border-radius:20px;} .sub0403_wrap ul.list_wrap 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;transition:.4s;} .sub0403_wrap ul.list_wrap li:hover .img_wrap img{transform:scale(1.05);} .sub0403_wrap ul.list_wrap li .txt_wrap{display: flex;align-items: center; justify-content: space-between;margin-top: 20px;} .sub0403_wrap ul.list_wrap li .txt_wrap .txt{width: calc(100% - 100px);} .sub0403_wrap ul.list_wrap li .txt_wrap p{font-size: 24px;color: #222; font-weight: 700;line-height: 36px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sub0403_wrap ul.list_wrap li .txt_wrap span{display: block;position: relative;font-size: 15px; color: #999; padding-left: 25px;margin-top: 12px;} .sub0403_wrap ul.list_wrap li .txt_wrap span::after{content:'';position: absolute; top: 50%; left: 0; transform:translateY(-50%); background: url(/assets/images/sub/date_icon01.png)center no-repeat; width: 16px; height: 16px; background-size: cover;} .sub0403_wrap ul.list_wrap li .txt_wrap .stat{display: flex; align-items: center; justify-content: center;width: 80px;height: 50px; font-size: 24px;border-radius:30px;color: #fff;font-weight: 400;background: ##1a1a1a;} .sub0403_wrap ul.list_wrap li .txt_wrap .stat01{background: #1a1a1a;} .sub0403_wrap ul.list_wrap li .txt_wrap .stat02{background: var(--co01);} /* sub0502_wrap */ .sub0502_wrap{line-height: 1;} .sub0502_wrap .con01{position: relative; padding-bottom: 200px;} .sub0502_wrap .con01 .txt_wrap{position: absolute;top: -180px;left: 50%; transform:translateX(-50%); width: 1280px; padding: 80px;background: #0d2351; border-radius:30px;} .sub0502_wrap .con01 .txt_wrap p{font-size: 90px; color: #fff; font-weight: 700; line-height: 110px;text-align: center;} .sub0502_wrap .con02{padding: 120px 0;} .sub0502_wrap .con02 .txt_wrap p{font-size: 60px; line-height: 78px; color: #222; font-weight: 700;text-align: center;} .sub0502_wrap .con02 .txt_wrap p b.co01{color: var(--co01);} .sub0502_wrap .con03{padding-top: 140px;} .sub0502_wrap .con03 .logo_wrap{position: relative;display: flex;align-items: center; justify-content: center;padding-bottom: 80px;} .sub0502_wrap .con03 .logo_wrap .char{position: absolute;right: 80px;top: -70px;} .sub0502_wrap .con03 .txt_wrap{padding: 120px 0; background: #0d2351;} .sub0502_wrap .con03 .txt_wrap p{font-size: 90px; color: #fff; font-weight: 700;text-align: center;} /*.sub0502_wrap .con04{padding: 120px 0;background: #ddd;height: 500px;}*/ /* .sub0502_wrap .con04 .search_wrap{display: flex;gap:10px;} .sub0502_wrap .con04 .search_wrap .search{display: flex;gap:10px;} .sub0502_wrap .con04 .search_wrap select{width: 300px; height: 70px; border:2px solid #ddd;padding: 0px 20px;font-size: 24px;color: #999;-webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(/assets/images/main/select_icon01_pc.png)center right 20px no-repeat #fff; background-size: 18px;} .sub0502_wrap .con04 .search_wrap select.s02{width: 380px;} .sub0502_wrap .con04 .search_wrap .search_btn{display: flex; align-items: center; justify-content: center;width: 270px; height: 70px;font-size: 24px; color: #fff; border-radius:12px; background: #0d2351;} */ .sub0502_wrap .con05{padding: 120px 0 0;} .sub0502_wrap .con05 .online_wrap{margin-bottom: 80px;} .sub0502_wrap .con05 .online_wrap ul li{display: flex;} .sub0502_wrap .con05 .online_wrap ul li:not(:last-child){margin-bottom: 20px;} .sub0502_wrap .con05 .online_wrap ul li p{width: 180px;font-size: 24px;padding-left: 18px;color: #222; font-weight: 700;transform: translateY(14px);} .sub0502_wrap .con05 .online_wrap ul li .input_wrap{display: flex;gap:10px;width: calc(100% - 180px);} .sub0502_wrap .con05 .online_wrap ul li input[type="text"]{width: 100%;height: 58px;font-size: 18px; color: #999;border:1px solid #ddd; border-radius:8px;padding: 0px 20px;} .sub0502_wrap .con05 .online_wrap ul li input[type="text"]::placeholder{font-size: 18px; color: #999;} .sub0502_wrap .con05 .online_wrap ul li input[type="text"]:focus{outline:0;} .sub0502_wrap .con05 .online_wrap ul li .input_wrap .input01{width: 730px;} .sub0502_wrap .con05 .online_wrap ul li .input_wrap .input02{width: 360px;} .sub0502_wrap .con05 .online_wrap ul li .input_wrap .input03{width: calc((100% - 20px) / 3);} .sub0502_wrap .con05 .online_wrap ul li .input_wrap .chk_wrap{display: flex; align-items: center;} .sub0502_wrap .con05 .online_wrap ul li .input_wrap .chk_wrap p{width: 110px;transform: translateY(0px);} .sub0502_wrap .con05 .online_wrap ul li .input_wrap .chk_wrap .chk{display: flex;gap:12px;} .sub0502_wrap .con05 .online_wrap ul li .input_wrap .chk_wrap .chk input[type="radio"]{display: none;} .sub0502_wrap .con05 .online_wrap ul li .input_wrap .chk_wrap .chk input[type="radio"] + label{display: flex;align-items: center; justify-content: center;width: 120px; height: 58px;font-size: 18px; color: #fff; font-weight: 700; background: #ddd; border-radius:30px;transition:.4s;} .sub0502_wrap .con05 .online_wrap ul li .input_wrap .chk_wrap .chk input[type="radio"]:checked + label{background: var(--co01);} .sub0502_wrap .con05 .online_wrap ul li .input_wrap .select_wrap{display: flex;gap:10px;flex-wrap:wrap;width: 100%;} .sub0502_wrap .con05 .online_wrap ul li .input_wrap .select_wrap select{width: calc((100% - 10px) / 2);height: 58px;font-size: 18px; color: #999;border-radius:8px;padding: 0px 20px; border:1px solid #ddd;-webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(/assets/images/main/select_icon01_pc.png)center right 20px no-repeat #fff; background-size: 18px;} .sub0502_wrap .con05 .online_wrap ul li .input_wrap .select_wrap select:focus{outline:0;} .sub0502_wrap .con05 .pri_wrap .box:not(:last-child){margin-bottom: 40px;} .sub0502_wrap .con05 .pri_wrap .chk_wrap{display: flex; align-items: center; justify-content: space-between;margin-bottom: 30px;} .sub0502_wrap .con05 .pri_wrap .chk_wrap input[type="checkbox"]{display: none;} .sub0502_wrap .con05 .pri_wrap .chk_wrap input[type="checkbox"] + label{position: relative;padding-left: 50px;font-size: 24px; color: #222;font-weight: 700;} .sub0502_wrap .con05 .pri_wrap .chk_wrap input[type="checkbox"] + label em{color: var(--co01);font-weight: 700;} .sub0502_wrap .con05 .pri_wrap .chk_wrap input[type="checkbox"] + label::after{content:'';position: absolute; left: 0; top: 50%; transform:translateY(-50%);width: 40px; height: 40px;background: url(/assets/images/sub/chk_icon01.png)center no-repeat #f5f5f5; background-size: 24px; border-radius:50%;transition:.4s;} .sub0502_wrap .con05 .pri_wrap .chk_wrap input[type="checkbox"]:checked + label::after{background: url(/assets/images/sub/chk_icon01.png)center no-repeat var(--co01); } .sub0502_wrap .con05 .pri_wrap .chk_wrap .arr{position: relative;font-size: 24px; color: #222; font-weight: 700;padding-right: 40px;} .sub0502_wrap .con05 .pri_wrap .chk_wrap .arr::after{content:'';position: absolute;right: 0;top: 50%;transform:translateY(-50%);width: 20px; height: 3px; background: #222;} .sub0502_wrap .con05 .pri_wrap .chk_wrap .arr::before{content:'';position: absolute;right: 0;top: 50%;transform:translateY(-50%);width: 20px; height: 3px; background: #222;transition:.3s;} .sub0502_wrap .con05 .pri_wrap .chk_wrap .arr.on::before{transform: translateY(-50%) rotate(-90deg);} .sub0502_wrap .con05 .pri_wrap .pri_box{display: none;font-size: 18px; line-height: 30px;padding: 40px;color: #999;font-weight: 400;background: #f5f5f5; border-radius:12px;white-space: pre-line;} .sub0502_wrap .con05 .pri_wrap .pri_box strong{font-weight: 700;} .sub0502_wrap .con05 .pri_wrap .pri_box b{color: #ff7cb2;font-weight: 400;} .sub0502_wrap .con05 a.more_btn{display: flex;align-items: center; justify-content: center;gap:10px;width: 250px; height: 64px;font-size: 24px; background: var(--co01); color: #fff; font-weight: 700;border-radius:32px;margin: 40px auto 0;} .sub0502_wrap .con05 a.more_btn img{transition:var(--trs04);} .sub0502_wrap .con05 a.more_btn:hover img{transform:translateX(10px) rotate(-45deg);}