#sub .privacy h4 {font-size: 1.25em;font-weight: 500;}
#sub .sitemap ul {text-align: center;}
#sub .sitemap li { display: inline-block; vertical-align: top; width: 80%; margin: 0 10px 30px; -webkit-box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%); box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%); overflow: hidden;}
#sub .sitemap li h1 {background: #3F4D5C; color: #fff; font-size: 1.1em; font-weight: 600; padding: 10px 0;}
#sub .sitemap li dd {padding: 10px 0;}
#sub .sitemap li dd:nth-child(even) {background: #f4f4f4;}
#sub .sitemap li dd:hover {font-weight: 600;}

.sub_tlt {font-weight: 700;font-size: 22px;margin-bottom: 10px;}
.sub_tlt:before {display: block;clear: both;content: "";width: 22px;height: 3px;background: #009fe3;margin-bottom: 7px;}
.sub_tlt2 {color: #009fe3;font-weight: 600;font-size: 18px;margin-bottom: 10px;}

.mt {margin-bottom: 50px;}
.mt2 {margin-bottom: 20px;}
.more.down {border: 1px solid #dedede; border-radius: 0px; width: 100%; line-height: 59px; padding-left: 15px;color: #444;}

@media all and (min-width: 768px) {
    #sub .sitemap li { width:31.33%; float: left; margin: 0 1% 30px;}
    #sub .sitemap li:nth-child(3n+1) { clear: both;}
    .sub_tlt { font-size: 26px; margin-bottom: 15px;}
    .more.down { max-width: 300px; line-height: 70px; height: 70px; font-size: 16px; padding-left: 20px; transition: 0.3s;}
    .more.down:before { right: 23px; top: 30px;}
    .more.down:after {top: 33px;right: 23px;}
    .more.down:hover {background: #009fe3;color: #fff;border-color: #009fe3;}
    .more.down:hover:after {background: #fff;}
    .more.down:hover:before {border-color: #fff;}
}

@media all and (min-width: 1200px) {
    #sub .sitemap ul {display:flex;}
    #sub .sitemap li h1 {font-size: 1.25em;}
    .sub_tlt {font-size: 30px;margin-bottom: 25px;}
    .sub_tlt:before {content: "";width: 30px;height: 3px;}
    .mt {margin-bottom: 80px;}
    .mt2 {margin-bottom: 20px;}
}



/*교육일정*/
.cal_wrap{display:flow-root;}
.cal_wrap::after{content:"";display:block;clear:both;}

.cal .ym{text-align:center;font-size:1.75em;font-weight:700;color:#303030;line-height:40px;}
.cal .ym span.next,.cal .ym span.prev{text-align:center;padding:11px 11px 0;vertical-align:middle;margin:0 15px;display:inline-block;width:40px;height:40px;border:1px solid #dcdcdc;border-radius:500px;cursor:pointer;}

.cal p.tip{font-size:0.9em;}
.cal p.tip span{padding-left:10px;}
.cal p.tip span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:500px;vertical-align:middle;margin-right:5px;}
.cal p.tip span.today:before{background:var(--sub_color);}
.cal p.tip span.event:before{background:var(--main_color);}

.cal .cal_wrap ul li{display:inline-block;width:14.28%;float:left;}
.cal .cal_wrap ul.week{border-top:1px solid #444;}
.cal .cal_wrap ul.week li{text-align:center;font-size:0.9em;font-weight:600;line-height:30px;}
.cal .cal_wrap ul.week li:nth-child(1){color:#ff4b4b;}

.cal .cal_wrap ul.date{border-bottom:1px solid #e0e0e0;}
.cal .cal_wrap ul.date li{text-align:center;font-size:0.9em;padding:10px 0;border-top:1px solid #e0e0e0;height:45px;}
.cal .cal_wrap ul.date li h3{line-height:25px;}
.cal .cal_wrap ul.date li.event h3,.cal .cal_wrap ul.date li.today h3{display:inline-block;font-weight:600;width:25px;background:var(--main_color);color:#fff;border-radius:500px;}
.cal .cal_wrap ul.date li.today h3{background:var(--sub_color);}
.cal .cal_wrap ul.date li span.title{display:none;}

.cal .list01{ background:#f3f3f4;padding:30px 3%;line-height:25px;}
.cal .list01 li{padding-bottom:20px;}
.cal .list01 li:last-child{padding-bottom:0;}
.cal .list01 li:last-child .cal_edu_item{border:0px;}
.cal .list01 span.date{background:var(--sub_color);color:#fff;padding:0 10px;border-radius:500px;display:inline-block;text-align:center;font-weight:500;}
.cal .list01 a{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;display:block;}

.cal .tit_dot{font-size:1.1em;font-weight:700;}

.cal .info_shd{display:flex;flex-direction:column;}
.cal .info_shd dt{background:#f8f8f8;padding:10px;text-align:center;font-weight:500;}
.cal .info_shd dd{padding:10px;}

@media all and (min-width:840px){
.cal .ym{font-size:2em;}
.cal .cal_wrap ul.week li{line-height:50px;}
.cal .cal_wrap ul.date li{text-align:left;padding:10px;height:120px;}
.cal .cal_wrap ul.date li.event{background:#f3f3f4;border-top:2px solid var(--main_color);}
.cal .cal_wrap ul.date li.today{background:#f0f5fb;border-top: 2px solid var(--sub_color);}
.cal .cal_wrap ul.date li.event h3,.cal .cal_wrap ul.date li.today h3{display:block;font-size:1em;width:100%;background:none;color: var(--main_color);border-radius:0;}
.cal .cal_wrap ul.date li.today h3{color:var(--main_color)!important;}
.cal .cal_wrap ul.date li span.title{display:block;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;word-break:break-all;overflow:hidden;}
.cal .cal_wrap ul.date li.event span.title:hover{text-decoration:underline;}
.cal .tit_dot{font-size:1.2em;}
.cal .info_shd{display:flex;flex-direction:row;flex-wrap:wrap;}
.cal .info_shd dt{width:20%;border-bottom:1px solid #dedede;}
.cal .info_shd dd{width:30%;border-bottom:1px solid #dedede;}

    .cal .list01 li{font-size:1.1em}
    .cal .list01 a{font-size:1.2em}
}

@media all and (min-width:1200px){
.cal .list01{display:flex;flex-wrap:wrap;}
.cal .list01 li{width:47%;}
    .cal .list01 li:nth-child(odd) {padding-right:2.5%}
    .cal .list01 li:nth-child(even) {border-left:1px solid #ddd; padding-left:2.5%}
.cal .list01 span.date{padding:3px 15px;font-size:1.05em;}
.cal .tit_dot{font-size:1.5em;}
.cal .info_shd dt{padding:15px;}
.cal .info_shd dd{padding:15px;}
}


/*개인정보처리방침, 이용약관*/
.privacy{max-width:1000px; margin:0 auto;border: 1px solid #ddd;padding: 20px 10px;}
.privacy h5 {font-size:1.3em; font-weight:800; color:var(--main_color)}
.privacy h6{font-size:1.1em; font-weight:700}
.privacy p, .privacy ol li{color: #666; line-height:1.7}

.usebox{max-width:1000px; margin:0 auto;border: 1px solid #ddd;padding: 20px 10px;}
.usebox h4{font-size: 1.3em; font-weight: 800; color: var(--main_color);}
.usebox .box01{background: #f8f8f8; padding:15px; text-align:center; margin-bottom:20px;}
.usebox ul{color: #666; border: 1px solid #ddd;padding: 15px;}

@media all and (min-width:768px) {
.privacy, .usebox{padding: 40px 20px;}
    .usebox .box01{padding:20px; margin-bottom:40px;}
    .usebox ul{padding: 20px;}
}


/*로그인*/
.top_tit{/*! text-align: center; */margin-bottom: 20px;}
.top_tit h3{font-size: 1.6em;font-weight: 800;margin-bottom: 15px;}
.top_tit p{font-size: 1.2em;font-weight: 700;}

#login .login_box{padding: 20px;border: 1px solid #ddd;border-top: 3px solid var(--main_color);max-width: 580px;margin: 0 auto;}
#login.find_id .login_box {border-top: 3px solid #757575;}
#login .login_box p{color: #595959;margin-bottom: 20px;}
#login .input_box input{margin-bottom: 10px; width:100%}
#login .login_box h6{font-size:1.3em; font-weight:700; color:var(--main_color); text-align:center; margin-bottom:5px;}

.btn01{background: #757575;color: #fff;  display: block;padding: 10px;text-align: center;width: 150px;margin: 20px auto 30px;}
.login-btn{background: var(--main_color);}

#login .login_box ul{display: flex;flex-wrap: wrap;width: 100%;justify-content: center;}
#login .login_box ul li{width: 33.333%;text-align: center;position: relative;color: #999;border-right: 1px solid #ddd;}
#login .login_box ul li:hover{color: #595959;}
#login .login_box ul li:last-child{border-right:0px;}

@media all and (min-width:768px) {
    .top_tit h3{font-size: 2em;}
    .top_tit p{font-size: 1.4em;font-weight: 700;}
    .top_tit{margin-bottom: 40px;}
    #login .login_box{padding: 40px 50px;}
    #login .login_box p{margin-bottom: 30px; font-size:1.05em; text-align:center}
    .btn01{padding: 15px;  width:180px;margin: 20px auto 40px;}
}

@media all and (min-width:1200px) {
    .top_tit h3{font-size: 2.5em;margin-bottom: 25px;}
    .top_tit p{font-size: 1.7em;}
    .top_tit{margin-bottom: 60px;}
}



/*회원가입*/
.member .joinstep {text-align:center;padding: 20px 0px 80px;}
.member .joinstep ul {width:100%; max-width:600px; margin:0 auto; position:relative;}
.member .joinstep ul:before {content:''; display:inline-block; width:4px; height:4px; border:4px solid #616d7b; background:#fff; border-radius:100px; position:absolute; left:0; top:-4px; z-index:10;}
.member .joinstep li {display:inline-block; width:33.33%; float:left; padding:10px 10px 0 0; border-top:4px solid #616d7b; color:#616d7b; text-align:right; position:relative;}
.member .joinstep li.on {color:#616d7b;}
.member .joinstep li span.st {display:inline-block; width:12px; height:12px; border:4px solid #616d7b; background:#fff; border-radius:100px; position:absolute; right:0; top:-8px;}
.member .joinstep li.on ~ li {border-color:#d5dade; color:#9ea9b3;}
.member .joinstep li.on ~ li span.st {border-color:#d5dade;}

.member .tit_dot{font-size:1.2em; font-weight:700}

.member .agreebox {background:#fff; padding:20px 3%; border:1px solid #e0e0e0; width:100%; height:300px; overflow-y:scroll;}
.member .agreebox h5 {font-weight:600; font-size:1.1em;}

.member .agree_check {background:#fff; border:1px solid #e0e0e0; border-top:0; padding:10px 3%;}
.member .agree_check.bt {border-top:1px solid #e0e0e0;}
.member .agree_check input[type="checkbox"] {display:none;}
.member .agree_check input[type="checkbox"] + label:before {content:'\f058'; font-family:'FontAwesome'; display:inline-block; vertical-align:baseline; margin:0 0.5em 0 0; font-size:1.25em; color:#9ea9b3;}
.member .agree_check input[type="checkbox"]:checked + label:before {color:#3b75b9;}

.btns a {background:#f0f0f0; color:#888; display:inline-block; width:140px; padding:1em 0; margin:0 0.2em; cursor:pointer;}
.btns a.type01 {background:var(--sub_color2); color:#fff;}
.btns a.type02 {background:var(--main_color); color:#fff;}

#joinForm{border: 1px solid #ddd; padding: 20px;}
#joinForm .join_input_box .box{margin-bottom:20px;}
#joinForm .join_input_box .box label span{font-weight:700; color:#333}
#joinForm .join_input_box .box label b{color:#e13a3a;}
#joinForm #useridvalidate{background: #333; color:#fff; padding:5px 10px;;display: block;width: 100px;text-align: center;margin-top: 10px;}
#joinForm p.intxt{color:#666; margin-top: 10px;}
#joinForm #btnJoinForm{background:var(--main_color); color:#fff; display:block;  text-align:center; padding:10px; margin: 0 auto; width:100px; margin-top:20px;}

.license_box{background:#f2f2fb; padding:20px; width:100%;}

@media all and (min-width:400px) {
#joinForm{padding: 25px;}
    #joinForm .join_input_box .box{display:flex; flex-wrap:wrap;}
    #joinForm .join_input_box .box label{width:5em}
    #joinForm .join_input_box .box input{width:calc(100% - 6em);}
    #joinForm #useridvalidate, #joinForm p.intxt{margin-left:5em}
}

@media all and (min-width:768px) {
  .member .agreebox {padding:30px 20px;}
  .member .agree_check {padding:15px 20px;}
  .member input[type="password"].mid_input {min-width:400px;}
  .member .tit_dot{font-size:1.4em; font-weight:700}
    
    #joinForm{padding: 40px;}
    #joinForm .join_input_box .box label{width:10em; font-size:1.05em}
    #joinForm .join_input_box .box input{width:calc(100% - 12em);}
    #joinForm #useridvalidate, #joinForm p.intxt{margin-left:10.5em}
    .license_box{padding:30px;width: 500px;margin: 0 auto;}
    .license_box strong{margin-right:30px;width: 100%;display: block;}
}

@media all and (min-width:1200px) {
    .member .joinstep {text-align:center;padding: 20px 0px 100px;}
    .member .tit_dot{font-size:1.6em;}
    #joinForm{padding: 80px}
    #joinForm .join_input_box .box{margin-bottom:40px;}
    #joinForm #btnJoinForm{width:150px;margin-top: 60px;}
    .license_box input{width:100%; }
}


/*마이페이지*/
.mypage{}
.mypage form{border:1px solid #ddd; padding:20px; margin-bottom:20px}
.mypage .join_input_box .box{display: flex;flex-wrap: wrap;margin-bottom: 10px;}
.mypage .join_input_box .box label{width:5em}
.mypage .join_input_box .box input{width:calc(100% - 6em)}
.mypage .license_box{margin-top:20px;}

@media all and (min-width:768px) {
.mypage form{padding:40px; margin-bottom:40px;/*! max-width: 600px; *//*! margin: 0 auto; */font-size: 1.1em;}
.mypage .join_input_box .box label{width:10em; font-weight: 600}
.mypage .join_input_box .box input{width:calc(100% - 11.2em)}
    .mypage .license_box{margin-left:10em}
    .mypage .join_input_box .box{display: flex;flex-wrap: wrap;margin-bottom: 30px;}
}


/*교육신청*/
#edu .form_wrap{background: #fff; padding: 20px; border: 1px solid #e0e0e0;color: #333;margin-bottom: 20px;}
#edu .form_wrap .form_group{display: flex;flex-wrap: wrap;margin-bottom: 10px;}
#edu .form_wrap .form_group:last-of-type{margin:0px; }
#edu .form_wrap .form_group .inline{display: flex;flex-wrap: wrap; gap:2%}
#edu .form_wrap .form_group .inline input{width:32%}
#edu .form_wrap label{width: 5em;font-weight: 600;}
label b{color: #e13a3a;}
#edu .form_wrap select,
#edu .form_wrap input{width: calc(100% - 6em);}


/* 달력 이벤트 태그 */
.cal_events_wrap { padding: 2px 0; }
.cal_event_tag { position: relative; background: #1a7bbf; color: #fff; border-radius: 3px; padding: 1px 4px; margin: 1px 0; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; line-height: 1.5;}
.cal_event_tag.cal_event_end {background: var(--main_color);}

/* 팝업 */
.cal_popup { display: none; position: fixed; background: #fff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.18); padding: 14px 16px 12px; width: 300px; z-index: 9999; font-size: 13px; line-height: 1.7; word-break: keep-all; word-wrap: break-word;}
.cal_popup.active { display: block; }
.cal_popup_close { position: absolute; top: 8px; right: 10px; background: none; border: none; font-size: 15px; cursor: pointer; color: #aaa; line-height: 1;}
.cal_popup_close:hover { color: #333; }
.cal_popup_title { display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding-right: 20px; color: #222; border-bottom: 1px solid #eee; padding-bottom: 8px;}
.cal_popup_table { border-collapse: collapse; width: 100%; }
.cal_popup_table tr td { padding: 3px 4px; vertical-align: top; font-size: 13px; color: #333; }
.cal_popup_table .cal_popup_label { color: #888; white-space: nowrap; padding-right: 10px; width: 36px; }
.cal_popup_table a { color: #1a7bbf; teaxt-decoration: none; }
.cal_popup_table a:hover { text-decoration: underline; }

/* 하단 목록 */
.cal_edu_item {display: flex;flex-wrap: wrap;padding-bottom: 20px;border-bottom: 1px solid #ddd;}
.cal_edu_date { display: block; color: #888; margin-bottom: 5px; width: 100%;}
.cal_edu_title { display: block; font-weight: bold; margin-bottom: 10px; width: 100%;}
.cal_edu_title a { color: inherit; text-decoration: none; }
.cal_edu_title a:hover { text-decoration: underline; }
.cal_edu_place { color: #555;  width: 50%;}
.cal_edu_status {   width: 50%;/*! text-align: right; */color: var(--main_color);}
ul.date li.event h3.num { color: #e05; }


@media all and (min-width:768px) {
#edu .form_wrap{padding: 40px;}
#edu .form_wrap .form_group{margin-bottom: 20px;}
    
    #edu .form_wrap label{width: 7em;}
    #edu .form_wrap select,
    #edu .form_wrap input, #edu .form_wrap textarea,
    #edu .form_wrap .form_group .inline{width: calc(100% - 8em);}
    .cal_edu_date{margin-bottom:10px;}
}

@media all and (min-width:980px) {
#edu .form_wrap{margin-bottom:40px;padding: 40px 60px;}
    #edu .form_wrap label{font-size: 1.1em; width: 10em;}
     #edu .form_wrap select,
    #edu .form_wrap input, #edu .form_wrap textarea{width: calc(100% - 12.5em);}
    #edu .form_wrap .form_group .inline{width: calc(100% - 30em);}
    #edu .form_wrap .form_group{margin-bottom: 30px;}
}

@media all and (min-width:1200px) {
#edu .form_wrap{margin-bottom:60px;padding: 60px 100px;}
    .cal_edu_title,
    .cal_edu_date{margin-bottom:20px;}
    .cal_edu_item{border-bottom:0px;}
}

@media all and (min-width:1400px) {
#edu .form_wrap{padding: 60px 200px;}
}


/*오시는길*/
.location .root_daum_roughmap{width: 100%;}
.location .root_daum_roughmap .cont .section.lst{display:none;}
.location .root_daum_roughmap{border-bottom:1px solid #ddd}
.location .map_info{margin-top: 20px;padding-top: 20px;color: #333;}
.location .map_info ul{border: 1px solid #ddd;border-top: 3px solid var(--main_color);padding: 20px;}
.location .map_info li{display: flex;flex-wrap: wrap;margin-bottom: 10px;border-bottom: 1px solid #ddd;padding-left: 20px;padding-bottom: 10px;}
.location .map_info li:last-child{border:0px; margin:0px; padding-bottom:0px;}

.location .map_info b{width: 5em;display: block;color: var(--main_color);position: relative;font-weight: 700;}
.location .map_info b:before{content:'\e0c8'; display:block; font-family: var(--icon); position:absolute;left: -20px;font-weight: 600;}
.location .map_info li.ico02 b:before{content:'\e0b0'}
.location .map_info li.ico03 b:before{content:'\f2da'}
.location .map_info li.ico04 b:before{content:'\e158'}
.location .map_info p{width: calc(100% - 6em);color: #525252;font-weight: 400;}

@media all and (min-width:980px) {
.location{margin-bottom:40px;}
.location .map_info ul{padding: 30px; font-size:1.1em}
.location .map_info li{margin-bottom: 20px;padding-bottom: 20px; padding-left:40px;}
    .location .map_info b:before{left:-40px; font-size:23px;}
    .location .root_daum_roughmap .wrap_map { height:500px;}
}



/*준비중*/
.readybox{border:5px solid #eee; padding:20px; max-width:768px;margin: 0 auto;}
.readybox span{width:50px; height:50px; display:block; background: #eee; margin:0 auto 20px;text-align: center;line-height: 50px;font-size: 25px;color: #a0a0a0;font-weight: 800;border-radius: 50%;}
.readybox p{text-align: center;color: #666;font-size: 1.1em;}

@media all and (min-width:980px) {
.readybox{padding:40px;}
    .readybox p{font-size: 1.2em; font-weight: 600}
}

/*page up*/
#pageup {position:fixed;z-index:999;right:0;bottom:20px;width:50px;height:50px;  background: #339dff url(../img/top_img.png) no-repeat center center; background-size: 30px;display:block;cursor:pointer;z-index:4000;border-radius: 50px;}

@media all and (min-width:1200px) {
#pageup {right:20px;width: 70px;height: 70px;}
}


/*퀵메뉴*/
.quick_menu{position: fixed;z-index: 999;right: 0;bottom: 100px;}
.quick_menu ul{background: #1c2a63; padding: 15px 10px 10px 10px;color: #fff; border-radius: 10px 0px 0px 10px;width: 75px;font-size: 0.9em;}
.quick_menu li{text-align: center; position:relative; margin-bottom:10px;border-bottom: 1px solid #ffffff30;padding-bottom: 10px;}
/*.quick_menu li.ico:before{display:block; content:''; height:40px; width:40px;background: #0c4594 url(../img/quick_ico01.png) no-repeat;   background-size: auto;  background-size: 100%;  border-radius: 50px;margin: 0 auto 5px;}
.quick_menu li.ico.i02:before{background: #0c4594 url(../img/quick_ico02.png) no-repeat; background-size: 100%;}
.quick_menu li.ico.i03:before{background: #0c4594: url(../img/quick_ico03.png) no-repeat; background-size: 100%;}
.quick_menu li:nth-child(4){border-top:1px solid #ffffff4f;padding-top: 15px; margin:0}*/
.quick_menu li.call{margin:0;border-bottom: 0px;}

.quick_menu li a{display: flex; flex-wrap: wrap; }
.quick_menu li a img{width: 35px; margin:0 auto;}
.quick_menu li a p{width: 100%;}
.quick_menu li.call p{background: #ffc453; font-size:0.9em; padding: 5px;border-radius: 5px;color: #0f1948;font-weight: 700;margin-bottom: 5px;}
.quick_menu li span{font-weight:800;color: #ffc453;}

@media all and (min-width:768px) {
    .quick_menu ul{width:90px;font-size: 1em;}
    .quick_menu li{margin-bottom:15px; padding-bottom:15px;}
    .quick_menu li a img{width: 40px; margin:0 auto;}
}

@media all and (min-width:980px) {
    .quick_menu ul{width:100px;}
}

@media all and (min-width:1200px) {
    .quick_menu ul{width:120px;padding: 10px;}
    .quick_menu li span{font-size:0.95em;}
     .quick_menu li a img{width: 45px;}
}


/*ceo*/
.ceo .img img{display: block; border-radius: 10px;}
.ceo .txt{margin-top: 40px;}
.ceo .txt h4{font-size: 1.2em; font-weight: 700; margin-bottom: 20px;}
.ceo .txt h4 i{color:var(--main_color)}
.ceo .txt p{color: #595959; font-weight: 400; margin-bottom: 20px;}
.ceo .txt em{font-weight: 700;}
.ceo .txt b{}

@media all and (min-width:768px) {
    .ceo .txt{display:flex; flex-wrap:wrap}
    .ceo .txt .left{width:45%;}
    .ceo .txt .right{width:55%;}
    .ceo .txt h4{font-size: 1.3em;}
    .ceo .txt p{font-weight: 400; margin-bottom: 30px;} 
}

@media all and (min-width:980px) {
    .ceo .txt{margin-top: 60px;}
    .ceo .txt h4{font-size: 1.5em;}
    .ceo .txt p{font-size: 1.2em;margin-bottom: 40px;} 
    .ceo .txt em{font-size: 1.3em;}
}

@media all and (min-width:1200px) {
    .ceo .txt{margin-top: 80px;}
    .ceo .txt h4{font-size: 1.7em;}
}


/*원격지원*/
.downpage{}
.downpage .process{border: 1px solid #e0e0e0; padding: 15px; margin-bottom: 40px;}
.downpage .process li{margin-bottom:5px;}
.downpage .process p{background: #f8f8f8; padding:10px; margin-top:15px; color:#666}
.downpage .downbox{}
.downpage .downbox h5{font-size: 1.2em; font-weight: 800; margin-bottom: 20px;}
.downpage .downbox .box{display: flex; flex-wrap: wrap;}
.downpage .downbox .box a{width: 100%; background: #ddd; padding: 15px; border-radius: 5px; text-align: center; margin-bottom: 10px;}
.downpage .downbox .box a:hover{background:#314493;color: #fff;}
.downpage p.lastfont{border: 1px solid #e0e0e0;padding: 15px;color: #666;}

@media all and (min-width:550px) {
    .downpage .downbox .box{gap:2%}
    .downpage .downbox .box a{width: 49%;}
    .downpage .downbox h5{font-size: 1.4em;}
}

@media all and (min-width:980px) {
    .downpage .process{font-size:1.1em; padding:25px;margin-bottom: 60px;}
    .downpage .process p{padding:25px; margin-top:25px;}
    .downpage .process li{margin-bottom:7px;}
.downpage .downbox, .downpage p.lastfont{font-size:1.1em}
    .downpage .downbox .box a{margin-bottom:20px;padding: 20px;font-weight: 700;}
    .downpage p.lastfont{padding: 25px;}
}

@media all and (min-width:1200px) {
    .downpage .process{padding:30px;margin-bottom: 80px;}
    .downpage p.lastfont{padding: 30px;}
   .downpage .downbox h5{font-size: 1.6em;}
    .downpage .downbox .box a{padding: 25px;}
}