@charset "utf-8";
@font-face {
    font-family:'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:20px;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;background:#fff;font-weight: 400;color: #333}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0;padding:0}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;}
a {color:#333;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

table,tr,td,th{border: 0;padding: 0;margin: 0;border-spacing: 0}

.placeholdersjs {color:#333 !important}
.con{max-width:1280px;margin: 0 auto;width:100% }

.fontB{font-weight: 700}
.pc{display: block !important;}
.mobile{display: none !important;}
.jalnan{font-family:'yg-jalnan';}

.line1{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden;}
.line2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em;height: 2.4em;}

/* 공통 css */
.head{position: fixed;top:0;left: 0;width:100%;background: white;z-index: 99;border-bottom: 1px solid #dfdfdf;text-align: center;padding: 30px 0;}
.head .con{overflow: hidden}
.head .logo{float: left;}
.head .menu{float: right}
.head .menu li{;float: left;margin-left: 25px;line-height: 36px}
.head .menu li:hover>a{color: #526ccc;}
.head .menu_on{display: none;}
.head .menu_close{display: none}
.head .menu li.on a{color: #526ccc;}
.head .menu ul{float: left;}
.head .my{float: left;line-height: 36px;margin-left:35px}
.head .my a{font-size: 18px;display: inline-block;margin: 0 5px}

.mobile{display: none !important;}
.pc{display: block !important;}
.w-100{width:100%}

.main00{width: 100%;overflow: hidden;margin-top: 97px}
.main00 div{float: left;width:50%;text-align: center;padding: 250px 0;background-size: cover}
.main00 p{font-size: 50px;color: white;font-weight: 700;margin: 50px 0;line-height: 1.4em;}
.main00 p span{color: #32256d}
.main00 .left{background-image: url('../img/main00_img01.png')}
.main00 .right{background-image: url('../img/main00_img02.png')}
.main00 div a{width:180px;height: 60px;background: white;border-radius: 15px;margin: 0 auto;display: block;line-height: 60px;color: #7187d9;border: 1px solid white;}
.main00 div a:hover{background: none;color: white;transition-duration: .3s;}

.main01{padding: 100px 0;width:90%;text-align: center;}
.main01 a{display: block;margin: 0 auto;width:180px;height: 60px;line-height: 60px;color: white;text-align: center;background-image: url('../img/main01_btn.png');margin-top: 40px;border-radius: 13px}
.main01 a:hover{border: 1px solid #a2b4f6;color: #a2b4f6;background-image: none}
.main01 .num{background-image: url('../img/main01_bg.png');overflow: hidden;margin: 0 auto;margin-top: 80px;padding: 60px 0;background-size: 105% 105%;border-radius: 20px;width:80%;}
.main01 li{float: left;width:25%;color: white}
.main01 li p{font-size: 50px;font-weight: bold;color: white;}
.main01 li span{display: block;font-size: 25px;margin-top: 10px}

.main .tit_b{font-size: 40px;color: #333;font-weight: 700;text-transform: uppercase;word-break: keep-all}
.main .tit_s{color: #32256d;font-weight:700;margin-bottom: 10px;text-transform: uppercase}

.main02{background-image: url('../img/main02_bg.png');background-size: 100% 100%;padding: 100px 0;text-align: center}
.main02 .inner{width:90%;margin: 0 auto;margin-top: 70px;overflow: hidden}
.main02 .img{float: left;width:55%;}
.main02 .img img{width:100%;max-width: 628px}
.main02 .txt{float: right;width:40%;text-align: left;padding-top: 7%}
.main02 .eng{font-size: 18px;color: #9b9b9b;letter-spacing: 5px;text-transform: uppercase;margin-bottom: 50px}
.main02 .kr01{font-size: 26px;font-weight: 700}
.main02 .kr01 span{background:#32256d;color: white;padding: 0 5px}
.main02 .kr02{margin: 25px 0;color: #666;line-height: 1.6em}
.main02 .kr03{font-size: 26px;color: #333;font-weight: 700;line-height: 1.4em}
.main02 .kr03 span{color: #32256d;}

.main03 {text-align: center;padding: 100px 0}
.main03 .txt{margin-top: 40px;margin-bottom: 75px;color: #666;line-height: 1.6em;word-break: keep-all}

.main04{background: #f5e6f8;padding: 100px 0;text-align: center;}
.main04 ul{overflow: hidden;margin-top: 70px}
.main04 li{float: left;width:30%;margin:0 1%;padding: 20px 0;}
.main04 li:nth-child(2){margin: 0 2%}
.main04 li .box{width:90%;background: white;border-radius: 10px;box-shadow: 0px 5px 20px rgba(0,0,0,0.3);margin: 0 auto;height: 380px}
.main04 li .box img{padding-top: 55px;}
.main04 li .box p{margin-top: 40px;font-size: 24px;color: #333;}
.main04 li .box span{display: block;font-size: 18px;margin-top: 15px;color: #666;line-height: 1.5em;}
.main04 li .noti{font-size: 16px;color: #666;margin-top:20px}
.main04 li .noti img{padding-right: 5px}

.main05{text-align: center;padding: 100px 0}
.main05 .swiper{margin-top: 40px;padding: 30px 0;}
.main05 .swiper-slide{background: wite;border-radius: 10px;box-shadow: 0px 5px 10px rgba(0,0,0,0.3); display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;height: 140px;padding: 0 20px}
.main05 .swiper-slide img{margin-right:15px}
.main05 .swiper-slide p{font-size: 18px;color: #666;text-align: left;;line-height: 1.5em;word-break: keep-all}
.main05 .swiper-horizontal > .swiper-pagination-bullets{bottom:0;}

.main06{background-image: url('../img/main06_bg.png');padding: 100px 0;text-align: center;}
.main06 .tit_b span{background: #32256d;color: white;padding: 0 5px}
.main06 .txt01{margin-top: 40px;color: #666;line-height: 1.6em;}
.main06 .inner{overflow: hidden;width:90%;margin: 0 auto;margin-top: 70px}
.main06 .inner .left{float: left;width:45%;margin-top: 10%;}
.main06 .inner .right{float: right;width:55%;text-align: left;position: relative;padding: 45px 0; padding-left: 10px}
.main06 .left p{margin-top: 30px;color: #32256d;font-size: 30px;line-height: 1.6em;font-weight: 700}
.main06 .right .line{height: 100%;width:10px;background: url('../img/main06_line.png');background-size: 100% 100%;border-radius: 5px;position: absolute;left: 0;top:0;}
.main06 .right li{margin-bottom: 50px;padding-left: 140px;position: relative;color: #666}
.main06 .right li:last-child{margin-bottom: 0;}
.main06 .right li span{display: block;line-height: 30px;font-size: 24px;font-weight: bold;margin-bottom: 5px;}
.main06 .right li::before{width:120px;left: 0;top:14px;position: absolute;height: 2px;background: #8eb3f8;content: '';}
.main06 .right li::after{width:8px;height: 8px;border-radius: 50%;background: #8eb3f8;top:11px;left: 120px;content: '';position: absolute;}
.main06 .txt02{font-size: 22px;color: #666;line-height: 1.6em;margin-top: 60px;font-weight: 700}

.main07{text-align: center;padding-top: 100px}
.main07>div{padding: 100px 0;}
.main07 .con{overflow: hidden}
.main07 .left{width:50%;float: left;padding-left: 5%;box-sizing: border-box;text-align: left;margin-top: 5%}
.main07 .right{float: right;width:50%;padding-left: 5%;box-sizing: border-box;}
.main07 .left .num{width:40px;height: 40px;border-radius: 50%;background: #32256d;line-height: 40px;text-align: center;font-weight: 700;color: white;}
.main07 .left .txt01{font-size: 24px;color: #333;margin-top: 35px;}
.main07 .left b{display: block;margin: 30px 0;color: #32256d;font-size: 40px;}
.main07 .left .txt02{font-size: 24px;color: #666;line-height: 1.5em;font-weight: 700}
.main07 .right dl:first-child{margin-bottom: 70px;}
.main07 .right dt{margin: 25px 0;color: #32256d;font-weight: 700;font-size: 24px}
.main07 .right dd{color: #666;line-height: 1.5em;}
.main07 .right dd span{color: #32256d;}
.main07_02{background: #eeeeee;}

.main08{background: #f5e6f8;padding: 100px 0;}
.main08 .con{padding: 0 5%;box-sizing: border-box;overflow: hidden}
.main08 .left{float: left;width:50%;}
.main08 .right{float: right;width:50%}
.main08 .con .txt{margin-top: 40px;color: #666;line-height: 1.5em}
.main08 .con a{display: block;width:180px;height: 60px;line-height: 60px;text-align: center;color: #7187d9;background: white;margin-top: 35px;border-radius: 15px}
.main08 .con a:hover{color: white;;background: #a2b4f6}
.main08 .con01 .right div{width:90%;height: 400px;background: white;padding: 25px;border-radius: 12px;box-sizing: border-box;overflow: hidden;margin-left: 10%}
.main08 .con01 ul{animation-play-state: running; display: flex;flex-direction: column;gap: 10px;animation: scroll 20s linear infinite;animation-play-state: running;position: relative}
/* 롤링 애니메이션 */
 @keyframes scroll {
   0% {
     transform: translateY(0);
   }
   100% {
     transform: translateY(-100%);
   }
 }
.main08 .con01 li{color: #888;padding:20px;border-bottom: 1px solid #d2d2d2;line-height: 30px;overflow: hidden}
.main08 .con01 li b{float: left;display: block;margin-right: 50px;}
.main08 .con01 li p{float: left;}
.main08 .con01 li span{float: right;display: block;height: 30px;border-radius: 15px;background: #32256d;width:70px;text-align: center;font-size: 16px;text-align: center;color: white;}
.main08 .con02{margin-top: 120px;}
.main08 .con02 .left div{width:90%;background: white;padding: 60px 50px;box-sizing: border-box;overflow: hidden;border-radius: 12px;}
.main08 .con02 .left dl{overflow: hidden;line-height: 63px;margin: 10px 0}
.main08 .con02 .left img{display: block;float: left;padding-top: 20px;}
.main08 .con02 .left dt{float: left;margin-left: 10px;color: #333;font-weight: 700;line-height: 23px;padding-top: 20px;}
.main08 .con02 .left dd{float: right;font-size:32px;font-weight: 700;color: #333;}
.main08 .con02 .left span{color: #32256d;}

.main09{padding: 100px 0}
.main09 .con01{text-align: center;}
.main09 .con01 .arrow{margin-top: 50px;margin-bottom: 30px}
.main09 .con01 .txt{font-size: 24px;color: #333;font-weight: 700}
.main09 .con01 ul{overflow: hidden;margin-top: 30px;padding-top: 30px}
.main09 .con01 li{width:30%;float: left;padding: 30px 40px;border-radius: 12px;background: #eee;position: relative}
.main09 .con01 li::before{width:40px;height: 40px;background-image: url('../img/main09_ck.png');position: absolute;content: '';left: 50%;margin-left: -20px;top:-20px;}
.main09 .con01 li:nth-child(2){margin: 0 5%;}
.main09 .con01 li img{position: absolute;left:40px;top:50%;margin-top: -38px;}
.main09 .con01 li p{padding-left: 90px;font-size: 22px;text-align: left;line-height: 1.7em}
.main09 .con01 li b{display: block;color: #333;}
.main09 .con01 li span{display: block;font-size: 18px;color: #666;}
.main09 .con02{margin-top: 100px;text-align: center}
.main09 .con02 .txt{color: #666;margin-top: 50px;line-height: 1.5em;}
.main09 .con02 .box{overflow: hidden;margin-top: 80px}
.main09 .con02 .box img{width:50%;float: left;display: block;}
.main09 .con02 .box .text{width:50%;float: left;padding-left: 3%;text-align: left;padding-top: 30px}
.main09 .con02 .box .tit{font-size: 24px;margin-bottom: 30px}
.main09 .con02 .box .tit b{color: #32256d;}
.main09 .con02 .box .tt{line-height: 1.7em;color: #666}
.main09 .con02 .box02 .tt span{font-size: 18px}
.main09 .con02 .box01 .tt span{font-size: 16px}

.main10{background: #eee;padding: 100px 0;text-align: center}
.main10 .txt{color: #666;line-height: 1.6em;;margin-top: 30px}
.main10 ul{margin-top: 70px;overflow: hidden}
.main10 li{float: left;width:23%;margin: 0 1%;}
.main10 li .img{width:100%;height: 260px;overflow: hidden;border-radius: 10px;position: relative;}
.main10 li .img img{position:absolute; top:50%; transform:translateY(-50%) translateX(-50%);display: block;left: 50%;width:100%}
.main10 li .tit b{display: block;margin-top: 15px;color: #32256d;}
.main10 li .tit p{color: #666;margin-top:10px}
.main10 li:hover .img img{width:110%;transition-duration: .3s}

.main11{text-align: center;padding: 100px 5%;}
.main11 .txt{color: #666;margin-top: 30px;}
.main11 ul{margin-top: 70px;}
.main11 li{padding: 40px 0;padding-left: 350px;padding-right: 30px;background: url('../img/main11_bg.png');background-size: 100% 100%;border-radius: 10px;position: relative;margin-bottom: 25px;}
.main11 li span{position: absolute;left: 70px;width:260px;height: 56px;line-height: 56px;text-align: center;border-radius: 28px;background: white;top:50%;margin-top: -28px;font-size: 26px;color: #32256d;font-weight: 700}
.main11 li small{font-size: 16px;font-weight: 400}
.main11 li p{text-align: left;line-height: 1.5em;}
.main11 li:hover span{transform: translateX(-30px);transition-duration: .3s;}

.main12{background-image: url('../img/main12_bg.png');text-align: center;color: white;padding: 100px 0;}
.main12 b{display: block;font-size: 40px;margin-bottom: 35px}
.main12 p{font-size: 26px;line-height: 1.5em;}
.main12 a{display: block;margin: 0 auto;margin-top: 70px;background: white;width:180px;height: 60px;line-height: 60px;text-align: center;border-radius: 15px;color: #7187d9;font-weight: 700}
.main12 a:hover{background: #7187d9;color: white;}

.footer{border-top: 1px solid #ddd;padding: 50px 0;}
.footer .con{overflow: hidden}
.footer .logo{float: left;}
.footer .logo img{width:150px;}
.footer .txt{float: left;margin-left:60px;font-size: 16px;color: #666;line-height: 1.6em;}

.sub{padding-top: 97px;padding-bottom: 100px}
.con600{max-width: 600px;width:94%;margin: 0 auto;padding: 100px 0;}
.sub .tit_50{font-size: 50px;color: #333;font-weight: 700;text-align: center;margin-bottom: 50px}

.login{padding-top: 160px}
.login img{display: block;margin:0 auto}
.login .txt{margin-top: 30px;font-size: 24px;color: #666;line-height: 1.6em;text-align: center}
.login .txt span{color: #32256e;}
.login .form{margin-top: 30px;}
.login .form li{line-height: 40px;padding: 10px;box-sizing: border-box;border-bottom: 1px solid #c9c9c9;position: relative;padding-left: 130px;margin-bottom: 5px;overflow: hidden}
.login .form li label{font-size: 18px;color: #999;width: 120px;position: absolute;left: 10px;top:10px;line-height: 40px}
.login .form li input{display: block;width:100%;height: 40px;border: none;font-size: 18px}
.login .ck{margin:20px 0;position: relative;line-height: 26px;}
.login .ck input{display: none}
.login .ck label::before{width:26px;height: 26px;border-radius: 50%;border: 1px solid #ccc;content: '';position: absolute;left: 0;}
.login .ck label{font-size: 18px;color: #666;padding-left: 35px;line-height: 26px;display: block}
.login .ck input:checked+label::after{width:14px;height: 14px;background: #ccc;position: absolute;left: 6px;top:6px;border-radius: 50%;content: ''}
.login .form button{width: 100%;height: 60px;line-height: 60px;text-align: center;color: white;display:block;background: #32256e;border-radius: 10px;font-size: 18px;border: none;}
.login .link{margin-top: 20px; overflow: hidden}
.login .link li{float: left;font-size: 18px;position: relative;line-height: 24px;margin-right: 21px}
.login .link li a{color: #999;}
.login .link li:first-child::after{width:1px;height: 14px;background: #999;position: absolute;top:5px;right: -10px;content: ''}
.login .link li:last-child{margin-right: 0;float: right}
.login .link li:last-child a{color: #666}
.login .site{margin-top: 40px;position: relative;border-top: 1px solid #ddd;padding-top: 35px}
.login .site::before{width:100px;height: 30px;line-height: 30px;background: white;content: '또는';left: 50%;margin-left: -50px;top: -15px;font-size: 16px;color: #aaa;position: absolute;text-align: center}
.login .site a{display: block;width:100%;height: 60px;line-height: 60px;text-align: center;border-radius: 10px;margin-bottom: 20px;position: relative}
.login .site img{position: absolute;left: 20px;top:19px;}
.login .site .kakao{background: #fee500;color: #333}
.login .site .naver{background: #08c508;color: white;}

.join .form li label span{color: #ec000b;padding-right: 3px}
.join .form li.mb_30{margin-bottom: 30px}
.join .form .radio div{width:100%;height: 40px;}
.join .form .radio div label{width:auto;position: relative;left: auto;top:auto;padding-left: 35px;position: relative;display: block;float: left;margin-right: 20px}
.join .form .radio div input{display: none;width: auto;}
.join .form .radio div label::before{width:26px;height: 26px;border: 1px solid #ccc;border-radius: 50%;position: absolute;left: 0;top:7px;content: ''}
.join .form .radio div input:checked+label{color: #32256e;}
.join .form .radio div input:checked+label::before{border-color: #32256e;}
.join .form .radio div input:checked+label::after{width:14px;height: 14px;position: absolute;left:6px;top:13px;background:#32256e;content: '';border-radius: 50%  }
.join .form select{display: block;width:100px;height: 40px;border:1px solid #ddd;border-radius: 5px;margin-right: 5px;float: left;font-size: 18px;background: none;padding: 0 10px}
.join .form .grade select{width:60%;}
.join .form .area select{width:45%}
.join .form .ag01 div label{font-size: 16px;line-height: 1.5em;letter-spacing: -1px}
.join .form .line02 label{line-height: 20px}
.join .ag_form{margin-top: 60px}
.join .ag_form .box{overflow: hidden}
.join .ag_form .box input{display: none;}
.join .ag_form .box label{line-height: 40px;display: block;padding-left: 30px;font-size: 18px;color: #666;position: relative;}
.join .ag_form .box label::before{width:18px;height: 18px;position: absolute;left: 0;top:11px;border-radius: 2px;border: 1px solid #ddd;content: ''}
.join .ag_form .box input:checked+label::before{background: #32256e;background-image: url("../img/ag_ck.png");background-repeat: no-repeat;background-position: center;border-color: #32256e}
.join .ag_form .ag_tt{overflow-y: scroll;;height: 200px;border: 1px solid #c9c9c9;padding: 20px ;box-sizing: border-box;text-align: left;font-size: 16px;color: #666;line-height: 1.5em;margin-bottom: 20px}
.join .ag_form .box label span{color: #e71b1b;}

.find .form .modi{padding-right: 80px}
.find .form .modi button{width:auto;height: 40px;line-height: 40px;position: absolute;right:0;top:15px;background: none;color: #32256e;text-decoration: underline;margin-top: 0}
.find .form button{margin-top: 20px}

.land{padding-top: 0;}
.land_top{background-image: url('../img/land_bg.png');background-repeat: no-repeat;text-align: center;color: white;padding: 80px 0;background-size: cover}
.land .box{max-width: 760px;padding:20px;box-sizing: border-box;width:94%;margin: 0 auto;}
.land_top p{font-size: 45px;line-height: 1.5em;margin-bottom: 30px}
.land_top p span{background: #32256d;padding: 0 10px}

.land01{padding: 80px 0}
.land01 img{margin-bottom:30px}
.land .inner{width:90%;margin: 0 auto;border-radius: 40px;padding: 20px 40px;box-shadow: 3px 3px 5px rgba(0,0,0,.3);background: white;}
.land02{background-image: url('../img/land_bg02.png');background-size: 100% 100%;padding: 70px 0;}
.land02 img{margin-bottom: 30px}
.land02 .inner{height: 350px}
.land02 .inner textarea{width:100%;height: 100%;display: block;border: none;font-size: 18px}
.land02 .box:nth-child(1){margin-bottom: 40px}
.land02 .box input{display: none;}
.land02 .box label{line-height: 40px;display: block;padding-left: 30px;font-size: 18px;color: #666;position: relative;}
.land02 .box label::before{width:18px;height: 18px;position: absolute;left: 0;top:11px;border-radius: 2px;border: 1px solid #ddd;content: '';background-color: white}
.land02 .box input:checked+label::before{background: #32256e;background-image: url("../img/ag_ck.png");background-repeat: no-repeat;background-position: center;border-color: #32256e}
.land02 .box:nth-child(3){;margin: 0 auto;padding: 0 4%;}
.land02 button{width:90%;margin: 0 auto;height: 60px;line-height: 60px;background-image: url('../img/wr_btn.png');background-size: 100% 100%;border-radius: 10px;border: none;font-size: 20px;color: white;display: block}
.land .tail{padding: 50px 0;text-align: center;border-top: 1px solid #dcdcdc;}
.land .tail img{height: 32px;}
.land .tail p{font-size: 14px;color: #333;line-height: 1.5em;margin-top: 30px}

.land_re .inner{padding: 0;padding: 50px 40px;width:100%}
.land02_01{background-image: url('../img/land02_bg01.jpg');padding: 100px 0;text-align: center;background-size:auto 100%;background-repeat: no-repeat}
.land02_01 .form{margin-top: 0;}
.land02_01 .tit p{font-size: 50px;font-weight: bold;margin-top: 30px}
.land02_01 .tit span{display: block;margin: 50px 0;line-height: 1.6em;}
.land02_01 .form{text-align: left}
.land02_01 .form p{margin-bottom: 10px;font-weight: 700;text-align: left;font-size: 18px}

.land02_02{background-image: url('../img/land02_bg02.jpg');padding: 100px 0;background-size: auto 100%;background-repeat: no-repeat}
.land_re .tit{text-align: center;margin-bottom: 50px}
.land_re .tit p{margin-top: 20px}
.land_re .tit p span{color: red;}
.land_re .form{margin-top: 0;}
.land_re .box02{margin: 70px auto}
.land_re .form li.big{padding-left: 170px}
.land_re .form li.big label{width:160px}

.land_re .ag{overflow: hidden}
.land_re .ag input{display: none;}
.land_re .ag label{line-height: 40px;display: block;padding-left: 30px;font-size: 18px;color: #666;position: relative;float: left}
.land_re .ag label::before{width:18px;height: 18px;position: absolute;left: 0;top:11px;border-radius: 2px;border: 1px solid #ddd;content: '';background-color: white}
.land_re .ag input:checked+label::before{background: #32256e;background-image: url("../img/ag_ck.png");background-repeat: no-repeat;background-position: center;border-color: #32256e}
.land_re .ag span{color: red;}
.land_re .ag a{float: right;color: #333;font-size: 18px;}

.land02_03{padding: 100px 0}
.land02_03 .inner{margin-bottom: 30px}
.land02_03 .box{width:100%;padding: 0 20px;margin-top: 30px}
.land02_03 .box button{width:100%;background: #32256d;color: white;display: block;line-height: 60px;height: 60px;border-radius: 10px;border: none;font-size: 20px}
.land02_03 .txt{font-size: 22px;color: #333;font-weight: bold;margin-top: 30px}

.land02_02 .tit p,.land02_03 .tit p{font-size: 18px}

.sub_top{background-size: cover;background-position: center;text-align: center;background-repeat: no-repeat;padding: 130px 0;color: white;font-weight: 700}
.sub_top span{display: block;font-size: 18px;}
.sub_top p{font-size: 50px;margin-top: 10px}
.sub .tit_b{font-size: 40px;color: #333;font-weight: 700;text-transform: uppercase}
.sub .tit_s{color: #32256d;font-weight:700;margin-bottom: 10px;text-transform: uppercase}

.manager .sub_top{background-image: url('../img/manager_bg.png');}
.sub01 .sub_top{background-image: url('../img/sub01_bg.png')}
.cs .sub_top{background-image: url('../img/cs_bg.png')}
.notice .sub_top{background-image: url('../img/notice_bg.png')}
.sub02 .sub_top{background-image: url('../img/sub02_bg.png')}
.review .sub_top{background-image: url('../img/review_bg.png')}

.sub_nav{border-bottom: 1px solid #d2d2d2;}
.sub_nav .con{overflow: hidden}
.sub_nav li{float: left;width:33.333%;line-height: 80px;text-align: center;font-weight: 700}
.sub_nav li a{color: #333;}
.sub_nav .on{background: #32256d;}
.sub_nav .on a{color: white;}
.sub_nav .col04 li{width:25%}
.sub_nav li:hover a{color: #a2b4f6;}
.sub_nav .on:hover a{color: white;}

.sub .list{margin-top: 100px;overflow: hidden}

.sub .list li{float: left;width:23%;margin: 0 1%;margin-bottom: 30px;border: 1px solid #d2d2d2;border-radius: 12px;overflow: hidden}
.sub .list li .img{width:100%;height: 220px;position: relative;overflow: hidden}
.sub .list li .img img{width:100%;top: 50%;transform: translateY(-50%);position: absolute;}
.sub .list li .no_img{background-color:#eee;background-image: url('../img/logo.png');background-position: center;background-repeat: no-repeat;background-size: 50%;}
.sub .list .txt{padding: 20px;}
.sub .list .txt .name{font-size: 22px;color: #333;font-weight: 700;line-height: 31px;margin-bottom: 10px}
.sub .list .txt .star{height: 15px;background-image: url('../img/star_num.png');width:75px;display: inline-block;margin-top: 8px;margin-left: 5px}

.sub .view .txt{padding: 20px 0}
.sub .view .subject{font-size: 22px;font-weight: 700;padding: 15px 0;border-bottom: 3px solid #32256d;}
.sub .view .subject span{float: right;font-size: 16px;}
.sub .view .prev{margin-top: 20px}
.sub .view .prev li{float: none;width:100%;border: none;border-top: 1px solid #959595;margin: 0;border-radius: 0;overflow: hidden;padding: 10px 10px;font-size: 16px;line-height: 1.7em;}
.sub .view .prev li a{width: auto;  background: none;  color: #333;  font-weight: 700;  text-align: left;  line-height: 1.7em; height: auto;  border-radius: 0;  margin-top:0px;  display: inline-block;padding-left: 10px}
.sub .view .prev li:last-child{border-bottom: 1px solid #959595}


.manager .star01{width:15px}
.manager .star02{width:30px}
.manager .star03{width:45px}
.manager .star04{width:60px}
.manager .star05{width:75px}
.sub .list .txt dl{margin-bottom: 5px;overflow: hidden}
.sub .list .txt dt{float: left;color: #666}
.sub .list .txt dd{color: #666;float: right}
.sub .list .txt dd span{color: #32256d;font-weight: 700}
.sub .list .txt a{width:100%;background: #32256d;color: white;font-weight: 700;text-align: center;line-height: 48px;height: 48px;border-radius: 5px;margin-top: 10px;display: block;cursor: pointer}
.sub .list .txt a:hover{background: white;color:  #32256d;border:1px solid #32256d;}
.review .list .txt .name{text-align: center;margin-bottom: 30px}

.manager_detail{padding-bottom: 0;}
.manager_top{padding: 100px 0;overflow: hidden}
.manager_top .img{width:32%;height: 320px;position: relative;float: left;overflow: hidden}
.manager_top .img img{width:100%;top: 50%;transform: translateY(-50%);position: absolute;}
.manager_top .no_img{background-color:#eee;background-image: url('../img/logo.png');background-position: center;background-repeat: no-repeat;}
.manager_top .txt{float: right;width:60%;margin-top: 3%}
.manager_top .txt01{border-bottom: 1px solid #32256d;padding: 0 10px; padding-bottom: 20px;margin-bottom: 20px}
.manager_top .txt01 b{display: block;color: #32256d;}
.manager_top .txt01 div{overflow: hidden;margin-top: 10px;}
.manager_top .txt01 p{float: left;font-size: 30px;font-weight: 700;color: #333;line-height: 41px;}
.manager_top .txt01 span{float: right;display: block;height: 15px;background-image: url('../img/star_num.png');margin-top: 13px;}
.manager_top dl{overflow: hidden;margin-bottom: 10px;padding: 0 10px}
.manager_top dt{float: left;color: #333}
.manager_top dd{float: left;color: #32256d;font-weight: 700;margin-left: 15px}

.manager_wr{background: #f5e6f8;padding: 100px 0;text-align: center;}
.manager_wr .box{margin-top: 70px;width:100%;padding: 30px 50px;height: 350px;background: white;border-radius: 5px;}
.manager_wr .box textarea{width:100%;height: 100%;display: block;font-size: 20px;border: none;}
.manager_wr .star_box{margin-top: 30px;overflow: hidden}
.manager_wr .star_box p{float: left;line-height: 31px;color: #333;}
.manager_wr .star_box .num{float: left;padding-top: 8px;margin-left: 10px;height: 23px;width:75px;}
.manager_wr .star_box .star{width:15px;height: 15px;background-image: url('../img/star_num_line.png');display: block;float: left}
.manager_wr .star_box .star.on{background-image: url('../img/star_num.png')}
.manager_wr button{display: block;width:180px;height: 60px;line-height: 60px;color: white;font-weight: 700;text-align: center;margin: 0 auto;margin-top: 50px;font-size: 20px;border-radius: 10px;background-image: url('../img/wr_btn.png');border: none;}

.sub01_01{padding: 100px 0;text-align: center;}
.sub01_01 .txt{margin-top: 25px;line-height: 1.7em;color: #666;}
.sub01_01 img{margin-top: 70px}
.sub01_01 ul{margin-top: 50px}
.sub01_01 li{width:70%;background: #f5e6f8;max-width: 600px;border-radius: 12px;color: #32256d;font-weight: 700;margin: 10px auto;padding: 20px 0;}
.sub01_01 span{display: block;color: #666;margin-top: 20px}

.sub01_pd{background: #eee;padding: 100px 0;text-align: center;}
.sub01_pd .txt{color: #666;margin-top: 25px;}
.sub01_pd .box{max-width: 500px;margin: 0 auto;border-radius: 10px;background: white;width:80%;margin-top: 50px;box-shadow: 3px 3px 5px rgba(0,0,0,0.3);padding: 45px;box-sizing: border-box;text-align: left;position: relative}
.sub01_pd .box p{font-weight: 700;color: #32256d;font-size: 24px;}
.sub01_pd .box ul{margin-top: 20px;font-size: 18px;color: #666;line-height: 1.7em}
.sub01_pd .box img{position: absolute;right: 45px;top:45px}
.sub01_pd .box a{display: block;margin: 0 auto;width:180px;height: 60px;line-height: 60px;text-align: center;color: white;border-radius: 10px;margin-top: 70px;background-image: url('../img/wr_btn.png');background-size: 100%;}
.sub01_pd .box a:hover{background: #32256d;;}

.sub01_price{text-align: center;padding: 100px 0;}
.sub01_price .box{max-width: 500px;margin: 50px auto;border-radius: 10px;background: #f5e6f8;width:80%;box-shadow: 3px 3px 5px rgba(0,0,0,0.3);padding: 70px 0;box-sizing: border-box;}
.sub01_price .box span{background: #32256d;width:180px;height: 60px;line-height: 60px;text-align: center;color: white;font-size: 24px;font-weight: 700;border-radius: 30px;display: block;margin: 0 auto;}
.sub01_price .box b{display: block;margin-top: 40px;font-size: 50px;color: #333;}
.sub01_price a{display: block;margin: 0 auto;width:180px;height: 60px;line-height: 60px;text-align: center;color: white;border-radius: 10px;margin-top: 60px;background-image: url('../img/wr_btn.png');background-size: 100%;}
.sub01_price a:hover{background: #32256d;}
.sub01_faq{text-align: center;padding: 100px 0;background: #eee;}
.sub01_faq .con{padding: 0 10%;}
.sub01_faq .tit_b{margin-bottom: 50px}
.sub01_faq .box{margin-bottom: 20px;text-align: left;line-height: 40px;border-radius: 10px;background: white;}
.sub01_faq .qu{padding: 20px 30px;position: relative;cursor: pointer}
.sub01_faq .qu p{color: #333;font-weight: 700;padding-right:30px}
.sub01_faq .qu:hover p{color: #32256d;}
.sub01_faq .qu img{position: absolute;right: 30px;top:50%;margin-top: -5px}
.sub01_faq .an{border-top: 1px solid #eee;padding: 20px 30px;font-size: 18px;color: #666;line-height: 1.6em;display: none;}
.sub01_faq .qu.on img{transform: rotate(180deg)}
.sub01_notice{padding: 0 10%;padding-top: 100px;text-align: center;}
.sub01_notice dl{margin-top: 50px;text-align: left}
.sub01_notice dt{border-bottom: 1px solid #eee;padding: 20px 0;}
.sub01_notice dt p{font-weight: 700;color: #333;}
.sub01_notice dd{padding: 20px 0;}
.sub01_notice dd p{line-height: 1.6em;font-size: 18px;color: #666;}

.sub01_03{padding-bottom: 0;text-align: center}
.sub01_03 .con01{padding: 100px 0;}
.sub01_03 .con01 .txt{margin-top: 30px;color: #666;line-height: 1.7em;}
.sub01_03 .con01 li{margin-top: 70px;overflow: hidden}
.sub01_03 .con01 li img{width:50%;display: block;float: left;}
.sub01_03 .con01 li .tt{float: left;width:50%;padding: 50px 0;padding-left: 50px;text-align: left}
.sub01_03 .con01 li b{display: block;color: #32256d;font-size: 22px;margin-bottom: 20px}
.sub01_03 .con01 li p{line-height: 1.6em;color: #666;word-break: keep-all}
.sub01_03 .con01 .box{margin-top: 100px;}
.sub01_03 .con01 .box p{color: #666;margin-top: 35px}
.sub01_03 .con01 .box b{color: #32256d;}
.sub01_03 .con02{background: #f5e6f8;padding: 100px 0;text-align: left}
.sub01_03 .con02 .con{position: relative;}
.sub01_03 .con02 b{font-size: 40px;color: #333;display: block;line-height: 1.6em;}
.sub01_03 .con02 b span{color: #32256d;}
.sub01_03 .con02 p{margin-top: 30px;color: #666;line-height: 1.7em}
.sub01_03 .con02 img{position: absolute;right: 0 ;top:-15%;}

.sub02 .banner{margin-top: 100px;padding: 50px 95px;box-sizing: border-box;background: #e7e7e8;border-radius: 15px;overflow: hidden}
.sub02 .banner img{float: right}
.sub02 .banner p{font-size: 25px;color: #333;font-weight: 700;line-height: 1.6em;float: left;padding-top: 15px;}
.sub02 .banner p span{color: #8c8c8c}
.sub02.black .banner{background: #373737}
.sub02.black .banner p{color: white}
.sub02.black .banner p span{color: #cbcbcb;}
.sub02.special .banner{background: #e0f0fa}
.sub02.special .banner p{color: #333}
.sub02.special .banner p span{color: #007ce4;}

.sub02_01{padding: 100px 0;text-align: center;}
.sub02_01 .txt{margin-top: 25px;line-height: 1.7em;color: #666;}
.sub02_01 .tt01{margin-top: 40px;font-size: 24px;color: #666;font-weight: 700}
.sub02_01 .tt02{margin-top: 20px;font-size: 20px;color: #666;}
.sub02_01 .box{margin-top:15px}
.sub02_01 .box li{width:70%;background: #f5e6f8;max-width: 600px;border-radius: 12px;color: #32256d;font-weight: 700;margin: 10px auto;padding: 20px 0;}
.sub02_01 .label{margin-top: 50px}
.sub02_01 .label span{display: inline-block;padding: 0 15px;min-width: 75px;height: 40px;line-height: 38px;text-align: center;border: 1px solid #959595;border-radius: 18px;font-size: 18px;color: #666;margin: 8px 3px}
.sub02_01 .label span:hover{background: #a2b4f6;color: white;border-color: #a2b4f6;}
.sub02_01 .notice{margin-top: 30px;display: inline-block;}
.sub02_01 .notice p{float: left;font-size: 18px;color: #666;text-align: left;line-height: 24px}
.sub02_01 .notice img{float: left;padding: 5px 0;margin-right: 20px}

.sub02_pd{background: #eee;padding: 100px 0;text-align: center;}
.sub02_pd .txt{color: #666;margin-top: 25px;}
.sub02_pd .inner{margin-top: 50px;overflow: hidden;padding: 10px;}
.sub02_pd .box{width:32%;float: left;border-radius: 10px;background: white;box-shadow: 3px 3px 5px rgba(0,0,0,0.3);padding: 40px;box-sizing: border-box;text-align: left;position: relative}
.sub02_pd .box:nth-child(2){margin: 0 2%;}
.sub02_pd .box p{font-weight: 700;color: #32256d;font-size: 24px;}
.sub02_pd .box ul{margin-top: 20px;font-size: 18px;color: #666;line-height: 1.7em;overflow: hidden}
.sub02_pd .box img{position: absolute;right: 45px;top:45px}
.sub02_pd .box a{display: block;margin: 0 auto;width:180px;height: 60px;line-height: 60px;text-align: center;color: white;border-radius: 10px;margin-top: 20px;background-image: url('../img/wr_btn.png');background-size: 100%;}
.sub02_pd .box a:hover{background: #32256d;color: white}
.special .sub02_pd .box{width:80%;max-width: 650px;margin: 0 auto;float: none}
.special .sub02_pd .box li{width:40%;float: left}
.special .sub02_pd .box li:nth-child(2n-1){width:60%}
.special .sub02_pd .box a{margin-top: 50px}
.special .sub02_pd span{display: block;font-size: 16px;margin-top: 20px;color: #666;line-height: 1.6em}

.sub02_price{text-align: center;padding: 100px 0;}
.sub02_price .tt{margin-top: 20px;color: #555;font-size: 18px;line-height: 1.6em}
.sub02_price .inner{overflow: hidden;margin: 55px 0;}
.sub02_price .box{width:49%;float: left;box-sizing: border-box;}
.sub02_price .box:nth-child(2){float: right}
.sub02_price .box p{line-height: 27px;text-align: center;color: #666;font-weight: 700;margin-bottom: 20px}
.sub02_price .box img{padding-right: 10px}
.sub02_price .box table{width:100%}
.sub02_price .box th{background: #32256d;line-height: 60px;color: white;}
.sub02_price .box td{line-height: 60px;font-size: 18px;color: #333;}
.sub02_price .box .age{font-weight: 700}
.sub02_price .box td span{font-size: 16px;padding-right: 5px;text-decoration: line-through}
.sub02_price a{display: block;margin: 0 auto;width:180px;height: 60px;line-height: 60px;text-align: center;color: white;border-radius: 10px;margin-top: 60px;background-image: url('../img/wr_btn.png');background-size: 100%;}
.sub02_price a:hover{background: #32256d;color: white}
.sub02_price tr:hover td{background: #f3f3f3}

.sub02_04{padding-bottom: 0;}
.sub02_04 .banner{background: #f5e6f8;padding: 100px 0;text-align: left}
.sub02_04 .banner .con{position: relative;}
.sub02_04 .banner b{font-size: 40px;color: #333;display: block;line-height: 1.6em;}
.sub02_04 .banner b span{color: #32256d;}
.sub02_04 .banner p{margin-top: 30px;color: #666;line-height: 1.7em}
.sub02_04 .banner img{position: absolute;right: 0 ;top:-15%;}

.sub02_pay{overflow: hidden;padding-top: 200px}
.sub02_pay .img{width:47%;float: left;height: 100%;background-image: url('../img/sub02_pay.png');text-align: center;color: white;padding: 250px 0;background-size: 100%;}
.sub02_pay .right{width:47%;float: right;}
.sub02_pay .img span{width:180px;height: 40px;display: block;border-radius: 20px;background: white;color: #32256d;font-weight: 700;line-height: 40px;margin: 0 auto}
.sub02_pay .img p{font-weight: bold;font-size: 50px;margin-top: 20px}
.sub02_pay .right h3{font-size: 22px;color: #333;padding-top: 20px;}
.sub02_pay .right .price{font-weight: 700;color: #32256d;margin-top: 10px;display: block;margin-bottom: 35px}
.sub02_pay .right dl{overflow: hidden;margin-bottom: 15px}
.sub02_pay .right dt{font-size: 18px;line-height: 45px}
.sub02_pay .right dt span{color: #32256d;}
.sub02_pay .right dd{line-height: 48px;height: 50px;padding: 0 10px;border: 1px solid #dcdcdc;border-radius: 10px;}
.sub02_pay .right dd select{width:100%;height: 100%;border: none;background: none;display: block;font-size: 18px}
.sub02_pay .right button{width:100%;height: 50px;line-height: 50px;margin-top: 30px;background: #32256d;font-size: 20px;color: white;display: block;border: none;border-radius:10px;}

.cs .list table{width:100%;}
.cs .list th{border-top: 2px solid #32256d;line-height: 30px;padding: 15px 0;font-size: 18px;color: #333;border-bottom: 2px solid #ddd}
.cs .list td{padding: 15px 0;line-height: 30px;border-bottom: 1px solid #ddd;text-align: center;font-size: 18px;color: #666;}
.cs .list td a{color: #666;}
.cs .list td a:hover{color:  #32256d}
.cs .list .tit{text-align: left}
.cs .pagi{text-align: center;margin-top: 50px}
.cs .pagi a{display: inline-block;width:30px;height: 30px;color: #666;text-align: center;line-height: 30px;margin: 0 3px;font-size: 16px}
.cs .pagi a.on{background: #eee;color: #666}
.cs .search{text-align: center;margin-top: 30px;font-size: 16px}
.cs .search select{width:120px;border: 1px solid #ddd;line-height: 40px;display: inline-block;height: 40px;background: white;}
.cs .search input{width:200px;border: 1px solid #ddd;height: 40px;line-height: 40px;margin: 0 5px}
.cs .search button{width:80px;height: 40px;line-height: 40px;background: #aaa;border: none;color: white;}


@media screen and (max-width:1080px){
    body{font-size: 18px}
    
    .con{width:94%}
    
    .head{height: 60px;padding-top: 15px;}
    .head .logo{position: relative;left: 0;top:0;}
    .head .logo img{height: 30px;}
    .head .menu_on{display: block;position: absolute;right: 3%;height: 30px;top:15px;z-index: 3;}
    .head .menu_on img{height: 100%}
    .head .menu{position: fixed;left: 0;width:100%;background:white;height: 100%;box-sizing: border-box;z-index:9;top:0;padding-top: 0px;left: -100%;}
    .head .menu ul{float: none;}
    .head .menu li{display: block;margin: 0;;padding:15px 3%;font-size: 18px;border-bottom: 1px solid #eee;text-align: left;float: none;}
    .head .my{float: none;text-align: center;margin: 20px 0;}
    .head .my a{margin: 0 10px}
    
    .head .menu_close{display: block;position: absolute;right: 3%;height: 30px;top:15px;}
    .head .menu_close img{height: 100%;}
    
    .main00{margin-top:60px }
    .main00 p{font-size: 40px}
    .main .tit_b{font-size: 35px}
    .main01 li p{font-size: 40px}
    .main01 li span{font-size: 20px}
    
    .main02 .img{width:50%}
    .main02 .txt{width:45%;padding-top:2%;}
    .main04 li .box span{font-size: 16px}
    
    .main05 .swiper-slide img{margin-right: 10px}
    .main05 .swiper-slide p{font-size: 16px}
    
    .main06 .inner{width:100%}
    .main06 .inner .left{width:40%}
    .main06 .inner .left img{width:80%;max-width: 260px}
    .main06 .inner .right{width:60%}
    .main06 .left p{font-size: 25px}
    
    .main07 .left{padding-left: 0;}
    .main07 .left b{font-size: 34px}
    .main07 .right{padding-left: 3%}
    .main07 .right img{width:100%}
    .main07 .left .txt01{font-size: 20px}
    .main07 .left .txt02{font-size: 24px;word-break: keep-all}
    
    .main08 .con{padding: 0}
    .main08 .con01 .right div{width:100%;margin-left: 0;}
    .main08 .con02 .left div{padding: 40px}
    
    .main09 .con01 li{padding: 20px }
    .main09 .con01 li img{left: 20px;width:60px;margin-top: -30px}
    .main09 .con01 li p{padding-left: 80px}
    .main09 .con01 li span{line-height: 1.5em}
    
    .main10 li .img{height: 220px}
    
    .main11{padding: 100px 0}
    .main11 li{padding-left: 290px}
    .main11 li span{left: 20px}
    .main11 li p{word-break: keep-all;}
    .main11 li p br{display: none;}
    
    .main12 b{font-size: 35px;word-break: keep-all;padding: 0 3%;}
    
    .footer .logo{float: none;margin: 0 auto;text-align: center}
    .footer .txt{margin-left: 0;float: none;text-align: center;margin-top: 20px}
    
    .sub{padding-top: 60px}
    .sub_nav .con{width:100%}
    
    .sub01_03 .con02 .con{padding-right: 280px}
    .sub01_03 .con02 b{font-size: 30px;word-break: keep-all;}
    .sub01_03 .con02 img{width:260px;top:0;}
    
    .sub02_pd .box{width:100%;}
    .sub02_pd .box:nth-child(2){margin: 20px 0;}
    
    .sub02_price .box{width:100%;float: none;margin-bottom: 30px}
    
    .sub02_04 .banner .con{padding-right: 280px}
    .sub02_04 .banner b{font-size: 30px;word-break: keep-all;}
    .sub02_04 .banner img{width:260px;top:0;}
    
    .sub .list{margin-top: 60px}
    .sub .list li{width:48%;margin: 0 ;}
    .sub .list li:nth-child(2n){float: right}
    
    .manager_top .txt01{padding-bottom: 15px}
    .manager_top .img{width:40%;}
    .manager_top .txt01 div{margin-top: 10px}
    .manager_top .txt{width:55%;}
    .manager_top .txt01 p{font-size: 25px}
    .manager_wr .box{margin-top: 40px;padding: 20px 30px;height: 280px}
    
    .login{padding-top: 120px}
    .sub .tit_50{font-size: 40px}
    .login>img{max-width: 450px;width:80%}
    
    .land{padding-top: 0;}
    .land_top img:last-child{width:80%;max-width: 680px}
}




@media screen and (max-width:640px){
    .con{width:94%;}
    .mobile{display: block !important;}
    .pc{display: none !important;}
    body{font-size: 15px}
    p{word-break: keep-all;}
    .sub{padding-bottom: 60px}
    .main00 div{float: none;width:100%;padding:70px 0;}
    .main00 p{margin: 30px 0;font-size: 30px}
    .main00 div a{height: 45px;line-height: 45px}
    .main .tit_b{font-size: 25px}
    .main01{padding: 60px 0}
    .main01 a{line-height: 50px;height: 50px;background-size: 100% 100%}
    .main01 .num{margin-top: 30px;width:100%;padding: 10px}
    .main01 .num li{width:50%;margin: 10px 0}
    .main01 li p{font-size: 33px}
    .main01 li span{font-size: 18px;margin-top: 0}
    
    .main02{padding: 60px 0}
    .main02 .inner{width:100%;margin-top: 30px}
    .main02 .img{float: none;margin: 0 auto;text-align: center;}
    .main02 .txt{float: none;width:100%;text-align: center}
    .main02 .eng{margin-bottom: 20px}
    .main02 .kr02{margin: 15px 0;}
    .main02 .kr03{font-size: 22px}
    
    .main03{padding: 60px 0}
    .main03 .txt{margin-top: 30px;margin-bottom: 40px}
    
    .main04{padding: 60px 0}
    .main04 ul{margin-top: 30px}
    .main04 li{width:100%;}
    .main04 li:nth-child(2){margin: 0 }
    .main04 li .box{padding: 0 10px;height:auto;padding-bottom: 40px}
    .main04 li .box img{padding-top: 40px;height: 100px}
    .main04 li .box p{font-size: 20px;margin-top: 20px}
    .main04 li .box span{font-size: 14px}
    
    .main05{padding: 60px 0;}
    .main05 .swiper{margin-top: 20px}
    .main05 .swiper-slide{height: 120px}

    .main06{padding: 60px 0}
    .main06 .txt01{margin-top: 20px}
    .main06 .inner{margin-top: 30px}
    .main06 .inner .left{float: none;width:100%;margin-top: 0;}
    .main06 .inner .left img{width:70%;}
    .main06 .left p{font-size: 22px;margin-top: 20px}
    .main06 .inner .right{float: none;width:100%;margin-top: 10px;padding: 20px 0}
    .main06 .right .line{width:5px}
    .main06 .right li{padding-left: 40px;margin-bottom: 15px}
    .main06 .right li::before{width:20px;left: 5px;top:12px}
    .main06 .right li::after{left: 20px;top:9px}
    .main06 .right li span{font-size: 18px;line-height: 26px}
    .main06 .txt02{font-size: 18px;margin-top: 30px}
    
    .main07{padding-top: 60px}
    .main07 > div{padding: 40px 0}
    .main07 .left{float: none;width:100%;text-align: center;margin-top: 0;}
    .main07 .left .num{margin: 0 auto}
    .main07 .left .txt01{margin-top: 20px;font-size: 18px}
    .main07 .left b{margin: 15px 0;font-size: 28px}
    .main07 .left .txt02{font-size: 18px}
    .main07 .right{padding-left: 0;width:100%;float: none;margin-top: 20px}
    .main07 .right dt{font-size: 20px;margin: 10px 0}
    .main07 .right dl:first-child{margin-bottom: 30px}
    
    .main08{padding: 60px 0}
    .main08 .con .txt{margin-top: 15px}
    .main08 .con a{height: 45px;line-height: 45px;margin-top: 10px}
    .main08 .left{float: none;width:100%;}
    .main08 .right{float: none;width:100%;margin-top: 20px}
    .main08 .con01 .right div{padding: 10px}
    .main08 .con01 li{padding: 10px 15px}
    .main08 .con01 .right div{height: 200px}
    .main08 .con02{margin-top: 40px}
    .main08 .con02 .left div{width:100%;padding: 10px}
    .main08 .con02 .left dl{line-height: 43px}
    .main08 .con02 .left dd{font-size: 22px}
    .main08 .con02 .left img{padding-top: 10px}
    .main08 .con02 .left dt{padding-top: 10px}

    .main09{padding: 60px 0}
    .main09 .con01 .arrow{margin-top: 30px;margin-bottom: 15px;width:30px}
    .main09 .con01 .txt{font-size: 18px}
    .main09 .con01 li{width:100%;float: none;margin-bottom: 30px}
    .main09 .con01 li:nth-child(2){margin: 0;margin-bottom: 30px}
    .main09 .con01 li b{font-size: 18px}
    .main09 .con01 li span{font-size: 15px}
    .main09 .con02{margin-top: 50px}
    .main09 .con02 .txt{margin-top: 20px}
    .main09 .con02 .box{margin-top: 40px}
    .main09 .con02 .box img{width:100%;float: none;margin-top: 10px}
    .main09 .con02 .box .text{width:100%;float: none;padding: 0;margin-top: 10px}
    .main09 .con02 .box .tit{font-size: 18px;margin-bottom: 10px}
    .main09 .con02 .box02 .tt span{font-size: 14px}
    
    .main10{padding: 60px 0}
    .main10 .txt{margin-top: 20px;word-break: keep-all}
    .main10 ul{margin-top: 20px}
    .main10 li{width:48%;margin-bottom: 20px}
    .main10 li .img{height: 150px}
    .main10 li .tit b{margin-top: 10px}
    .main10 li .tit p{margin-top: 5px}
    
    .main11{padding: 60px 0}
    .main11 .txt{margin-top: 15px;word-break: keep-all;}
    .main11 ul{margin-top: 30px}
    .main11 li{padding: 20px}
    .main11 li span{position: relative;line-height: 45px;height: 45px;display: block;margin: 0 auto;width:100%;top:auto;left: 0;font-size: 18px}
    .main11 li p{margin-top: 10px;text-align: center}
    
    .main12{padding: 60px 0;}
    .main12 b{font-size: 30px;margin-bottom: 20px}
    .main12 p{font-size: 20px;word-break: keep-all;padding: 0 3%}
    .main12 a{height: 45px;line-height: 45px;margin-top: 30px}
    
    .footer{padding: 30px 3%;}
    .footer .logo img{width:120px}
    .footer .txt{font-size: 14px}
    
    .sub_top{padding: 70px 0}
    .sub_top span{font-size: 15px}
    .sub_top p{font-size: 35px}
    .sub_nav li{line-height: 50px}
    .sub01_01{padding: 60px 0 ;}
    .sub .tit_b{font-size: 25px}
    
    .sub01_pd{padding: 60px 0;}
    .sub01_pd .txt{margin-top: 15px}
    .sub01_pd .box{width:95%;margin-top: 20px;padding: 20px}
    .sub01_pd .box p{font-size: 18px}
    .sub01_pd .box img{top:20px;right: 20px}
    .sub01_pd .box ul{font-size: 15px;margin-top: 10px}
    .sub01_pd .box a{line-height: 45px;height: 45px;margin-top: 30px}
    
    .sub01_price{padding: 60px 0;}
    .sub01_price .box{width:95%;margin-top: 20px;padding: 30px 10px}
    .sub01_price .box span{height: 45px;line-height: 45px;font-size: 18px}
    .sub01_price .box b{font-size: 35px;margin-top: 20px}
    .sub01_price a{margin-top: 10px;line-height: 45px;height: 45px}
    
    .sub01_faq{padding: 60px 0;}
    .sub01_faq .box{margin-bottom: 10px}
    .sub01_faq .con{padding: 0;}
    .sub01_faq .qu{padding: 10px 15px}
    .sub01_faq .an{padding: 10px 15px;font-size: 15px}
    
    .sub01_notice{padding: 0;padding-top: 60px}
    .sub01_notice dl{margin-top: 20px}
    .sub01_notice dt{padding: 10px 0;}
    .sub01_notice dd{padding: 10px 0}
    .sub01_notice dd p{font-size: 14px}
    
    .sub01_01 ul{margin-top: 30px}
    .sub01_01 li{width:100%;padding: 15px 0;}
    .sub01_01 img{margin-top: 30px}
    
    .sub01_03{padding-bottom: 0;}
    .sub01_03 .con01{padding: 60px 0;}
    .sub01_03 .con01 li{margin-top: 30px}
    .sub01_03 .con01 li img{width:100%;float: none;}
    .sub01_03 .con01 li .tt{float: none;width:100%;padding: 10px 0;}
    .sub01_03 .con01 li b{font-size: 18px;margin-bottom: 10px}
    .sub01_03 .con01 .box{margin-top: 50px}
    
    .sub01_03 .con02{padding: 50px 0;text-align: center}
    .sub01_03 .con02 .con{padding-right: 0;}
    .sub01_03 .con02 img{position: relative;top:auto;right: auto;width:180px;margin-bottom: 10px}
    .sub01_03 .con02 b{font-size: 20px}
    .sub01_03 .con02 p{margin-top: 10px}

    .sub02 .banner{margin-top: 50px;padding: 20px}
    .sub02 .banner p{font-size: 20px;padding-top: 0;float: none;word-break: keep-all;}
    .sub02 .banner img{width:100px}
    
    .sub02_01{padding: 60px 0;}
    .sub02_01 .txt{margin-top: 15px}
    .sub02_01 .tt01{margin-top: 20px;font-size: 18px}
    .sub02_01 .box li{width:100%;padding: 10px 0;}
    .sub02_01 .tt02{font-size: 18px}
    .sub02_01 .label{margin-top: 20px}
    .sub02_01 .label span{min-width: 70px;padding: 0 10px;height: 35px;line-height: 33px;font-size: 14px;margin: 5px 3px}
    .sub02_01 .notice{margin-top: 20px;display: block;text-align: center}
    .sub02_01 .notice img{float: none;margin-right: 0;}
    .sub02_01 .notice p{float: none;font-size: 15px;margin-top: 10px;text-align: center}
    .sub02_pd .box{padding: 20px}
    .sub02_pd .box img{top:20px;right: 20px}
    .sub02_pd .box p{font-size: 20px}
    .sub02_pd .box ul{margin-top: 10px;font-size: 16px}
    .sub02_pd .box a{line-height: 45px;height: 45px}
    
    .sub02_price .box p{margin-bottom: 10px}
    .sub02_price .inner{margin: 30px 0}
    .sub02_price .box th{line-height: 20px;padding: 5px 0;}
    .sub02_price .box th span{display: block;}
    .sub02_price .box td{font-size: 15px;line-height: 20px;padding: 5px 0;}
    .sub02_price .box td span{font-size: 13px;display: block}
    .sub02_price a{margin-top: 30px;line-height: 45px;height: 45px}
    
    .sub02_price .tt{font-size: 15px}
    .sub02_pd{padding: 60px 0;}
    .sub02_pd .inner{margin-top: 30px}
    .special .sub02_pd .box{width:100%}
    .special .sub02_pd .box li{width: 100%;float: none;}
    .special .sub02_pd .box li:nth-child(2n-1){width:100%}
    .special .sub02_pd .box a{margin-top: 20px}
    .special .sub02_pd span{font-size: 14px;word-break: keep-all;}
    
    .sub02_04{padding-bottom: 0;}
    .sub02_04 .banner .con{padding:30px 0;text-align: center}
    .sub02_04 .banner .con .con{padding-right: 0;}
    .sub02_04 .banner .con img{position: relative;top:auto;right: auto;width:180px;margin-bottom: 10px;float: none;}
    .sub02_04 .banner .con b{font-size: 20px}
    .sub02_04 .banner .con p{margin-top: 10px;font-size: 16px}
    
    .sub02_pay{padding-top: 100px}
    .sub02_pay .img{width:100%;float: none;padding: 60px 0;background-position: center}
    .sub02_pay .img p{margin-top: 15px;font-size: 25px}
    .sub02_pay .right{float: none;width:100%}
    .sub02_pay .right .price{margin-bottom: 20px}
    .sub02_pay .right dt{font-size: 16px;line-height: 40px}
    .sub02_pay .right dd{line-height: 38px;height: 40px}
    .sub02_pay .right dd select{font-size: 16px}
    
    .sub .list li{margin-bottom: 20px}
    .sub .list li .img{height: 130px}
    .sub .list .txt{padding: 10px}
    .sub .list .txt .name{font-size: 18px;line-height:27px }
    .sub .list .txt .star{display: block;margin-left: 0;margin-top: 5px}
    .sub .list .txt a{line-height: 40px;height: 40px}
    
    .manager_top{padding: 60px 0}
    .manager_top .img{width:80%;float: none;margin: 0 auto;height: 180px}
    .manager_top .txt{width:80%;float: none;margin: 0 auto;margin-top: 20px }
    .manager_top .txt01 p{font-size: 20px}
    .manager_top .txt01 div{margin-top: 0;}
    .manager_top .txt01{padding-bottom: 5px;margin-bottom: 10px}
    .manager_top dd{float: right}
    
    .manager_detail{padding-bottom: 0;}
    .manager_wr{padding: 50px 0;}
    .manager_wr .box{padding: 15px;margin-top: 20px;height: 200px}
    .manager_wr .box textarea{font-size: 16px}
    .manager_wr .star_box{margin-top: 10px}
    .manager_wr button{height: 45px;line-height: 45px;margin-top: 30px;font-size: 16px}
    
    .cs .list th{padding: 10px 0;font-size: 15px}
    .cs .list td{padding: 10px 0;font-size: 15px}
    .cs .list .num,.cs .list .date{display: none;}
    .cs .pagi{margin-top: 30px}
    .cs .pagi a{margin: 0;}
    .cs .search select{width:80px;border-radius: 0}
    .cs .search input{width:150px;border-radius: 0;}
    .cs .search button{width:60px}
    
    .review .list .txt .name{margin-bottom: 10px}
    
    .sub .tit_50{font-size: 35px;margin-bottom: 30px}
    .login .txt{margin-top: 20px;font-size: 18px}
    .login .form{margin-top: 20px}
    .login .form li{padding: 5px;padding-left: 110px;}
    .login .form li label{font-size: 15px;width:100px;top:5px}
    .login .form li input{font-size: 15px}
    .login .ck label{font-size: 15px;line-height: 20px;padding-left: 25px}
    .login .ck label::before{width:20px;height: 20px}
    .login .ck input:checked + label::after{width:10px;height: 10px;top:5px;left: 5px}
    .login .form button{line-height: 45px;height: 45px;font-size: 15px}
    .login .link li{font-size: 15px}
    .login .site{margin-top: 30px}
    .login .site::before{font-size: 14px}
    .login .site a{margin-bottom: 10px}
    .login .site .kakao{line-height: 46px;height: 46px}
    .login .site .naver{line-height: 46px;height: 46px}
    .login .site img{top:12px}
    
    .find .form .modi button{top:5px}
    .find .form .modi{padding-right: 60px}
    
    .join .form .radio div label::before{width:20px;height: 20px;top:10px}
    .join .form .radio div label{padding-left:30px}
    .join .form .radio div input:checked + label::after{width:12px;height: 12px;top:14px;left: 4px;}
    .join .form select{font-size: 15px;width:31%}
    .join .form .grade select{width:100%}
    .join .form .area select{width:49%;margin-right: 0}
    .join .form .area select:last-child{float: right}
    .join .form .ag01 div label{font-size: 14px}
    .join .ag_form{margin-top: 40px}
    
    .join .ag_form .box label{font-size: 15px;padding-left: 25px}
    .join .ag_form .ag_tt{height: 160px;padding: 10px;font-size: 14px}
    
    .land_top{padding: 60px 0}
    .land_top img{width:50%}
    .land .box{padding: 0}
    .land_top p{font-size: 30px;margin-bottom: 20px}
    .land01{padding: 50px 0;}
    .land01 img{width:80%;max-width: 500px}
    .land .inner{width:100%;border-radius: 10px;padding: 10px 20px;}
    .land .form{margin-top:0}
    
    .land02{padding: 50px 0}
    .land02 img{width:80%;max-width: 500px;margin-bottom: 20px}
    .land02 .inner{height: 200px;padding: 10px}
    .land02 .inner textarea{font-size: 15px}
    
    .land02 .box:nth-child(3){padding: 0 ;margin: 10px auto}
    .land02 .box label{font-size: 15px;padding-left: 25px}
    
    .land02 button{width:100%;height: 45px;line-height: 45px;font-size: 15px}
    
    .land .tail{padding: 30px 2%;}
    .land .tail img{height: 25px;}
    .land .tail p{margin-top: 20px}
    
    .land02_01{padding: 60px 0;}
    .land_re .tit p{font-size: 35px}
    .land02_01 .tit span{margin-top: 30px}
    .land02_01 .form p{font-size: 16px}
    
    .land02_02{padding: 60px 0;}
    .land_re .tit img{width:80%;max-width: 400px}
    .land02_02 .tit p,.land02_03 .tit p{font-size: 15px}
    .land_re .tit{margin-bottom: 30px}
    .land_re .box02{margin: 40px auto}
    .land02_03{width:94%;margin: 0 auto;padding: 60px 0}
    .land_re .ag label{font-size: 15px}
    .land_re .ag a{font-size: 15px;}
    .land02_03 .box button{height: 50px;line-height: 50px;font-size: 18px}
    .land02_03 .txt{font-size: 15px}
}