.gnb .mypage{display:inline-block;position: absolute;right: 0;}
.gnb .login{display:inline-block; position: absolute;right: 80px;}
.gnb .login a,
.gnb .mypage a {display: block;padding: 10px 18px; color: #fff;font-size: 14px;font-weight: 500;}

.head h1 strong{display: block;width: 210px;height: 46px;background: url('/upload_data/board_data/BBS_0000008/176517177326607.jpg') no-repeat center;background-size: contain;}
.head h1 strong img{display:none;}

.sub_container{padding-top: 190px;}

@media (min-width: 768px) {

.sub_site .menu>ul>li{width:20%;}
.sub_site .menu.on .depth_box{top: 160px;}
.head h1 strong{width: 295px; background-size:auto;}
    
.gnb .mypage {display:inline-block;position: absolute;right: 0;}
.gnb .mypage a {display: block;padding: 10px 18px; color: #fff;font-size: 14px;font-weight: 500;}
.sub_container{padding-top: 250px;}

.gnb .login{right:105px;}

}
@media (min-width: 1023px) {
header{border:none;}

.sub_site .head{position: static;display:flex;justify-content:space-between;align-items: center;height: 110px;}
.sub_site .head h1{padding:0;}
.sub_site .menu{position:static;}
.sub_site .menu.on:before{content:'';position: absolute;left: 0;top: 189px;display: block;width: 100vw;height:45px;background:#fff;border-bottom: 1px solid rgba(0,0,0,0.1);border-top: 1px solid rgba(0,0,0,0.1);}
.sub_site .menu>ul>li{position:relative;}
.sub_site .menu.on .depth_box{position: absolute;top: 85px;left: -50%;width: max-content;border: none;}
.sub_site .menu>ul>li:last-child .depth_box{left:auto; right:0;}
.depth_boxcon{width:auto;}
    
.sub_container{padding-top: 150px;}
}

/* 인사말 */
.greeting{display: flex;flex-direction: column;gap: 20px 0;padding: 40px 20px;border-radius:20px;border: 1px #e1e1e1 solid;word-break: keep-all;}
.greeting .tit{font-weight:600;font-size:18px;color: #382d70;}
.greeting p{word-break:keep-all;}
@media all and (min-width:1023px) {
.greeting{padding: 60px 200px;text-align: center;background: url('/upload_data/board_data/BBS_0000008/176517131036626.png') no-repeat;background-position: 70% 110%;} 
.greeting .tit{font-size:22px;}
}

/*찾아오시는길*/
.address_map{margin-bottom: 30px;}
.address_map li{position: relative;padding: 10px 0 10px 43px;}
.address_map li:before{content:'';position: absolute;left: 0;top: 5px;display:block;width:33px;height:33px;background:url('/upload_data/board_data/BBS_0000008/176489648807893.png') no-repeat;}
.address_map li.add:before{background-position:50% 0;}
.address_map li.tel:before{background-position: 50% -42px;}
.address_map li strong{display:block;color: #382d70;}
.address_map li span{display:block;color: #767676;}
@media all and (min-width:768px) {
.address_map li strong{display:inline-block;border-right: 1px #ededed solid;margin-right: 10px;padding-right: 10px;}    
.address_map li span{display:inline-block;}  
} 

/* 설립취지 */
.vision{margin-bottom:60px;}
.vision .list{margin-bottom:30px;}
.vision .list ul li{padding:30px 20px;margin-bottom: 20px;border-radius:20px;background:#f4f4f4;text-align:center;}
.vision .list ul li strong{display:block;margin-bottom:10px;font-size:24px;font-weight:600;color: #ff2428;}
.vision .list ul li span{display:block; font-size:18px; font-weight:400; word-break:keep-all; color:#666;}
.vision .list ul li:before{content:'';display:block;width:80px;height: 68px;margin: 0 auto 20px;background:url('/upload_data/board_data/BBS_0000008/176489761825449.png')no-repeat;}
.vision .list ul li:nth-of-type(1):before{background-position: 50% -16px;}
.vision .list ul li:nth-of-type(2):before{background-position: 50% -141px;}
.vision .txt{text-align:center; word-break:keep-all;}
.vision .txt span{display: inline-block;background: #d72a22;color:#fff;padding: 2px 10px;margin:4px 0;}
@media all and (min-width:768px) {
.vision .list ul li{position:relative;text-align:left;padding: 40px 0 40px 130px;}
.vision .list ul li:before{position:absolute;left: 20px;margin: 0;}
.vision .list ul li strong{margin-bottom: 4px;}
.vision .txt{min-width: 630px;width: 70%;margin: 0 auto;line-height: 1.7em;font-size: 17px;}
}

/* 현황 */
.list_txt {margin: 20px 0 30px;}
.list_txt li {border-top: dotted 1px #dedede;padding: 15px 0;position:relative;}
.list_txt li strong {display: inline-block;position: relative;padding: 0 5px; color: #382d70;font-size: 18px;font-weight: 600;}
.list_txt li strong:after {display: block;position: absolute;bottom: 0;left: 0; width: 100%;height: 10px;background: rgba(255,81,81,0.2);content: "";}
.list_txt li span {display: block;margin-top: 8px;}

@media all and (min-width:768px) {
.list_txt li {padding-left:15px;}
.list_txt li:after {display: block;clear: both;content: "";}
.list_txt li strong {float: left;}
.list_txt li span {float: right;width: 80%;}
}

/* 회원동참안내 */
.support_con h4{font-size:24px;padding-left:0;margin-bottom: 35px;background:none;text-align: center;}
.support_con h4 span{display: block;font-size:30px;}
.support_con .support_list{padding: 20px;background: #f6f6f9;margin-bottom:40px;border-radius: 10px;}
.support_con .support_list li{font-size: 18px;font-weight:500;color: #222;}
.support_con .support_list li ul{margin-top: 14px;}
.support_con .support_list li ul li{position: relative;margin-bottom: 8px;padding-left: 17px;font-size: 15px;font-weight:400;color: #777;word-break: keep-all;}
.support_con .support_list li ul li:before{content:'';position: absolute;top: 9px;left: 0;display:block;width:10px;height:4px;background:#c4c4c4;border-radius: 10px;}
.support_con .support_account{margin-bottom:40px;}
.support_con .support_account ul{display:flex;flex-direction:column;gap: 20px;}
.support_con .support_account ul li{padding: 40px 20px;border:1px #e1e1e1 solid;border-radius: 10px;text-align: center;}
.support_con .support_account ul li p{margin-bottom: 12px;}
.support_con .support_account ul li p:last-of-type{margin-bottom:0;}
.support_con .support_account ul li .tit{font-size: 20px;font-weight:600;color: #111;}
.support_con .support_account ul li .tit:after{content:'';display:block;width:30px;height:1px;margin: 10px auto;background:#ededed;}
.support_con .support_account ul li .tel{color:#009470;font-size:24px;font-weight: 900;}
.support_con .support_account ul li.acc1 .txt{font-size:15px;}
.support_con .support_account ul li.acc2 .txt{font-size: 22px;font-weight: 900;color: #ee3a43;}
.support_con .support_account ul li.acc2 .num{padding: 8px 0;background:#f4f4f4;border-radius:10px;color:#222;}
.support_con .txt_box{padding: 20px;background: #f6f6f9;border-radius: 10px;text-align: center;font-size: 15px;}
@media all and (min-width:768px) {
.support_con .support_list{padding:40px;}   
.support_con .support_list li{font-size:20px;}
.support_con{padding-top: 9px;}
.support_con .support_account ul{flex-direction:row;gap: 0 2%;}
.support_con .support_account ul li{width: 49%;}
    
}

.edu_con .basic_box{font-size:20px;font-weight:600;color: #382d70;text-align:center;}
          

.req_ico>div{max-width: 280px;padding: 20px 0;margin: 0 auto 40px;background: #fff;border: 1px #382d70 solid;border-radius:30px;text-align:center;}
.req_ico>div p{font-size:15px; font-weight:500;}
.req_ico>div p img{display:block; margin:0 auto 10px;}

.req_ico ul{display:flex;flex-direction: column;gap: 20px;margin-bottom: 20px;}
.req_ico ul li{text-align:center;}
.req_ico ul li .txt1{display:inline-block;padding: 3px 8px;background: #382d70;color: #fff;font-size: 14px;font-weight: 500;border-radius: 50px;}
.req_ico ul li .txt2:before{content:'';display: block;width: 90px;height: 90px;margin: -6px auto 23px;background: #fff url('/upload_data/board_data/BBS_0000008/178115261408287.png') no-repeat;border-radius: 50%;border: 1px #382d70 solid;}
.req_ico ul li.req1 .txt2:before{background-position: 50% 16px;}        
.req_ico ul li.req2 .txt2:before{background-position: 50% -63px;}     
.req_ico ul li.req3 .txt2:before{background-position: 50% -140px;}     

@media all and (min-width:768px) {
  .req_ico ul{flex-direction:row;justify-content: center;}  
}
@media all and (min-width:1023px) {
.req_ico ul{gap:0 60px;padding: 50px;background: #f4f4f8;border-radius: 30px;}
}