#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:#fbfbfb;border-top:2px solid #DFDFDF;}
.cal .cal_wrap ul.date li.today{background:#ebf4ff;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;display: block;position: relative;}
.ceo .txt em img{width:80px;position: absolute;left: 8em;top: -4px;}

@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;}
    .ceo .txt em img{width:90px;left: 8.5em;top: -4px;}
}

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


/*원격지원*/
.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;}
}



/*product*/
.product{}
.product.pdinner{}

.center_tablist{}
.center_tablist .tab{display: flex;flex-wrap: wrap;gap: 2%;margin-bottom: 20px;}
.center_tablist .tab dd{width: 32%;text-align: center;background: #f8f8f8;border-radius: 50px;padding: 10px;color: #828282;margin-bottom: 10px;cursor: pointer;}
.center_tablist .tab dd:hover{color:#555}
.center_tablist .tab dd.tablinks{}
.center_tablist .tab dd.on{background:var(--sub_color); color:#fff}

.product .tabcontent{}
.product .tabcontent.pdinner{}

.product .tabcontent .left .img{}
.product .tabcontent .left .img img{border-radius: 10px;display: block;margin-bottom: 20px;}

.product .tabcontent .right .txt{margin-bottom:40px;}
.product .tabcontent .right .txt h3{font-size: 1.6em;font-weight: 700;}
.product .tabcontent .right .txt h3 p{font-size: 0.6em;/*! color: #868686; */display: inline-block;padding-left: 10px;}
.product .tabcontent .right .txt h5{color: var(--main_color);font-weight: 700;font-size: 1.1em;}
.product .tabcontent .right .txt > p{margin-top: 20px;padding: 20px 0px;border-top: 1px solid #ddd;}
.product .tabcontent .right .txt ul{}
.product .tabcontent .right .txt ul li{margin-bottom:10px; padding: 10px;border: 1px solid #ddd;border-radius: 5px;position: relative;padding-left: 45px;}
.product .tabcontent .right .txt ul li:before{display: block; content: '\e5ca'; font-family: var(--icon); position: absolute; left: 10px; top: 8px; font-size: 20px; color: #fff;background: var(--main_color);width: 25px;height: 25px;border-radius: 5px;text-align: center;font-weight: 700;}

.product .tabcontent .btm{}

.product .tabcontent .btm .box{background: #0a0c35; color: #fff; padding: 30px 20px; border-radius: 10px;}
.product .tabcontent .btm .box.mb{}

.product .tabcontent .btm .box .tit{margin-bottom: 20px;}
.product .tabcontent .btm .box .tit span{color: var(--sub_color);font-weight: 800; margin-bottom: 5px; display: block;}
.product .tabcontent .btm .box .tit h4{font-size: 1.3em; font-weight: 800; margin-bottom: 20px;}
.product .tabcontent .btm .box .tit p{color: #f8f8f8de; font-weight: 400;}

.product .tabcontent .btm .box ul{display: flex;flex-wrap: wrap;gap: 2%;}
.product .tabcontent .btm .box ul li{width: 49%;}
.product .tabcontent .btm .box ul li img{border-radius: 5px;width: 100%;}
.product .tabcontent .btm .box.b03 ul li:last-child img{background: #84c4ff;}
.product .tabcontent .btm .box ul li p{text-align: center;padding: 5px 0px;}

.product .tabcontent .btm .box.b02 li{}
.product .tabcontent .btm .box.b02 li img{width: 50px;margin: auto;display: block;margin-bottom: 10px;}
.product .tabcontent .btm .box.b02 li p{padding: 0px;color: #0a0c35;}

.product .tabcontent .btm .b02 ul li{/*! border: 2px solid var(--sub_color); */border-radius: 5px;padding: 10px;margin-bottom: 10px;background: #fff;padding-bottom: 15px;}


@media all and (min-width:768px) {
    .product .tabcontent .top{display:flex; flex-wrap:wrap}
    .product .tabcontent .left{width:300px; margin-right:30px;}
    .product .tabcontent .right{width:calc(100% - 330px);}
    
    .center_tablist .tab{margin-bottom: 60px;}
    .center_tablist .tab dd{width: 12.555%;}
    
.product .tabcontent .right .txt h3{font-size: 2em;}
    .product .tabcontent .btm .box{padding: 40px;}
    .product .tabcontent .btm .box .tit h4{font-size: 1.5em;}
    .product .tabcontent .btm .box .tit{margin-bottom: 40px;}
    
    .product .tabcontent .btm .box ul li{width: 32%;}
    .product .tabcontent .btm .box ul li p{padding: 15px 0px;}
    .product .tabcontent .btm .b02 ul li{width:23.5%}
    .product .tabcontent .right .txt h5{font-size: 1.2em;}
}


@media all and (min-width:980px) {
    .product .tabcontent .top{margin-bottom:60px;}
}

@media all and (min-width:1200px) {
    .product .tabcontent .top{margin-bottom:80px}
    .product .tabcontent .left{width:450px; margin-right:70px;}
    .product .tabcontent .right{width:calc(100% - 530px);}
    
    .center_tablist .tab{margin-bottom: 100px;}
    .product .tabcontent .right .txt h3{font-size: 2.2em;}
    .product .tabcontent .btm .box{padding: 60px;}
    .product .tabcontent .btm .box .tit h4{font-size: 1.8em;}
    .product .tabcontent .btm .box .tit{margin-bottom: 60px;}
    
     .product .tabcontent .btm .box.b01 ul li{width: 15%;}
    .product .tabcontent .btm .box.b02 li img{width: 60px;}
    .product .tabcontent .btm .b02 ul li{padding:15px;}
}

@media all and (min-width:1600px) {
.product .tabcontent .right .txt h3{font-size: 2.5em;}
.product .tabcontent .right .txt h3 p{font-size: 0.5em;padding-left: 20px;}
.product .tabcontent .right .txt h5{font-size: 1.4em;}
    .product .tabcontent .right .txt > p{margin-top: 30px;padding: 30px 0px; font-size:1.1em; line-height:1.8;}
    .product .tabcontent .right .txt ul li{padding:15px; padding-left:50px;}
    .product .tabcontent .right .txt ul li:before{top: 15px;left: 15px;}
}


.vericut-section,
.vericut-intro,
.interface-section,
.product-section { padding: 100px 0; }
.interface-section{padding-bottom:0px;}
.vericut-section, .product-section { padding-top:0px; }

.interface-section .inner { width: 90%; max-width: 1400px; margin: 0 auto; }
.section-title h2,
.intro-text h2,
.product-block h2 { font-size: 1.5em; font-weight: 800; color: #00233a; margin-bottom: 10px; }

.section-title h5{font-size: 1.2em; font-weight: 800; color: #217fbc; margin-bottom: 15px;}

.section-title p,
.intro-text p,
.product-block p,
.product-block li { line-height: 1.8; color: #666; font-weight:400;position:relative; }
.product-block li:before{display: block; clear: both; content: "\e86c"; font-family: var(--icon);position: absolute;left: 0; top: -5px; font-weight: 300; font-size: 23px; color: #7aa3e1;}
.product-block li{padding-left:30px;}

.solution-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 40px; }

.solution-card { /*! background: #e8f4ff; */ border-radius: 10px; padding: 20px;border: 1px solid #ddd;}

.solution-card .icon img { width: 50px; height:50px; display: block; margin-bottom: 20px; }

.solution-card h3 { font-size: 1.5em; font-weight: 800; color: #00233a; margin-bottom: 10px; }

.solution-card h4 { font-size:1.1em; font-weight: 700; margin-bottom: 20px; }

.solution-card li { position:relative; line-height: 1.8; padding-left: 30px;color: #3f3f3f;font-weight: 400;}
.solution-card li:before{ display: block; clear: both; content: "\e86c"; font-family: var(--icon); position: absolute; left: 0; top: -5px; font-weight: 300; font-size: 23px;color: #7aa3e1;}
.vericut-intro { background: #f7fbff; }

.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }

.intro-image img { width: 100%; display: block; border-radius: 10px; }

.vericut-intro blockquote { font-size: 1.1em; font-weight: 700; line-height: 1.6; color: #598daf; margin-top: 20px; }

.interface-block { padding: 20px 0; border-top: 1px solid #ddd; }

.interface-block h2 { font-size: 1.2em; font-weight: 800; margin-bottom: 30px; color: #00233a; }
.interface-block .fbox{display:flex; flex-wrap:wrap; gap:2%;}
.interface-block .fbox img{width:49%;margin-bottom: 10px; border:1px solid #ddd;}

.interface-img img { width: 100%; display: block; }

.product-block { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; padding: 80px 0; border-bottom: 1px solid #e5e5e5; }
.product-block{/*! padding-top:0px; */}
.product-block.reverse .txt { order: 2; }

.product-block.reverse .img { order: 1; }

.product-block .img img { width: 100%; display: block; border-radius: 24px; }

.product-block ul { margin-top: 20px;}

@media all and (max-width: 1024px) {
  .vericut-section,
  .vericut-intro,
  .interface-section,
  .product-section { padding: 40px 0; }

  .solution-grid,
  .grid2,
  .product-block { grid-template-columns: 1fr; }

  .product-block { gap: 30px; padding: 60px 0; }
    .product-block:first-child{padding-top:0px;}
    .interface-block:last-child{padding-bottom:0px;}
  .product-block.reverse .txt,
  .product-block.reverse .img { order: unset; }

}

@media all and (min-width:650px) {
.interface-block .fbox img{width:32%;margin-bottom: 20px;}
    .section-title h2,
    .intro-text h2,
    .product-block h2 { font-size: 1.7em;  }
    .interface-block h2 { font-size: 1.5em;}
    .product-block p{font-size:1.2em; color:#3a3a3a;}
}

@media all and (min-width:980px) {
.interface-block .fbox img{width:23.333%;margin-bottom: 20px;}
    .interface-block { padding: 40px 0; border-top: 1px solid #ddd; }
    .interface-block:last-of-type { padding-bottom:0px;}
}

@media all and (min-width:1200px) {
.solution-card {  border-radius: 10px; padding: 30px;border: 1px solid #ddd;}
    .product-block{display:flex; flex-wrap:wrap;}
    .product-block .txt{width:calc(100% - 360px)}
    .product-block .img{width:300px;}
    .product-block.reverse .txt { order: 1;}
}

@media all and (min-width:1500px) {
.interface-block .fbox img{width:15%;}
    .section-title h2,
    .intro-text h2,
    .product-block h2 { font-size: 2em;}
    .section-title h5{font-size: 1.4em;}
}



/*cimco*/
.cimco .benefit{margin-bottom: 40px;}
.cimco h4{font-size: 1.5em;font-weight: 800;color: #00233a;margin-bottom: 15px;}
.cimco .benefit .b_wrap .box{background: #edf3f9; padding-top: 60px;}
.cimco .b_wrap .box{border-radius:10px; padding:20px; margin-bottom:15px;position: relative;}
.cimco .benefit .b_wrap .box:before{display: block; clear: both; content: "\e30c"; font-family: var(--icon); position: absolute; right: 25px; top: 15px; font-weight: 300; font-size: 40px;color: #217fbc;}
.cimco .benefit .b_wrap .box.ic02:before{content: "\f5cf";}
.cimco .benefit .b_wrap .box.ic03:before{content: "\e0f0";}
.cimco .benefit .b_wrap .box.ic04:before{content: "\f100";}
.cimco .benefit .b_wrap .box.ic05:before{content: "\f049";}
.cimco .benefit .b_wrap .box.ic06:before{content: "\e915";}
.cimco .b_wrap .box p{font-size: 1.2em;font-weight: 700;margin-bottom: 10px;color: #002036;}

.cimco .feature .b_wrap .box{border:1px solid #ddd;}
.cimco .feature .box:first-child img{margin-bottom:0px;}
.cimco .feature .box img{margin-bottom: 20px; border-radius: 10px;}

.cimco .all_feature .box{background: #f8f8f8;padding: 20px;border-radius: 10px;margin-bottom: 20px;}
.cimco .all_feature .box h5{font-size: 1.2em;font-weight: 700;margin-bottom: 10px;color: #002036;}
.cimco .all_feature .box ul{}
.cimco .all_feature .box li{position: relative;padding-left: 10px;border-bottom: 1px solid #f0f0f0;padding-bottom: 7px;margin-bottom: 7px;}
.cimco .all_feature .box li:before{width:3px; height:3px; background: #b3b3b3; display:block;  content:'';  position:absolute; border-radius:20px; left: 0;top: 7px;}
.cimco .all_feature .box li:last-child{border:0px; margin:0px; padding-bottom:0px;}

@media all and (min-width:768px) {
.cimco .b_wrap{display:flex; flex-wrap: wrap; gap:2%;}
    .cimco .b_wrap .box{width:49%}
}

@media all and (min-width:980px) {
    .cimco .b_wrap .box{width:49%; padding:25px;margin-bottom: 20px;}
    .cimco .b_wrap .box p,
    .cimco .all_feature .box h5{font-size: 1.3em;}
    .cimco .b_wrap .box em{font-size:1.05em; line-height:1.6}
    .cimco .benefit{margin-bottom: 60px;}
    .cimco h4{font-size: 1.8em;}
    .cimco .all_feature .box{padding:25px;}
}

@media all and (min-width:1200px) {
    .cimco .benefit{margin-bottom: 80px;}
    .cimco .all_feature{display:flex; flex-wrap:wrap; gap:2%}
    .cimco .all_feature h4{width:100%}
    .cimco .all_feature .box{width:49%;}
}

@media all and (min-width:1500px) {
    .cimco .b_wrap .box{width:32%; padding:35px;margin-bottom: 25px;}
    .cimco .benefit .b_wrap .box:before{font-size: 55px;right: 35px;top: 25px;}
    .cimco .benefit{margin-bottom: 100px;}
    .cimco h4{font-size: 2em;}
    
    .cimco .b_wrap .box p{font-size: 1.3em;}
    .cimco .b_wrap .box em{font-size:1.05em; line-height:1.6}
    .cimco .benefit .b_wrap .box{padding-top: 100px;}
    
    .cimco .all_feature .box{padding:35px;}
    .cimco .all_feature .box h5{margin-bottom:15px}
    .cimco .all_feature .box li:before{top:10px;}
}


/*기술지원*/
.tech_spport .tech_wrap .box{padding: 20px; padding-top: 20px; padding-top: 50px; margin-bottom: 15px; /*! background: #edf3f9; */ border-radius: 10px; position: relative;border: 1px solid #ddd;}
.tech_spport .tech_wrap .box:before{display: block; clear: both; content: "\e923"; font-family: var(--icon); position: absolute; right: 25px; top: 15px; font-weight: 300; font-size: 40px;color: #217fbc;}
.tech_spport .tech_wrap .box.b02:before{content: "\ebba";}
.tech_spport .tech_wrap .box.b03:before{content: "\e02f";}
.tech_spport .tech_wrap .box.b04:before{content: "\e878";}
.tech_spport .tech_wrap .box h3{font-size: 1.2em; font-weight: 700;margin-bottom: 5px; color: #002036;}
.tech_spport .tech_wrap .box a{background: #aaa; color: #fff; padding: 7px 15px; border-radius: 5px; display: block; margin-top: 10px; text-align: center;width: 100%;}
.tech_spport .tech_wrap .box a:hover{background: #4f6f8f; color: #fff;}

@media all and (min-width:768px) {
.tech_spport .tech_wrap{display:flex; flex-wrap:wrap; gap:2%}
.tech_spport .tech_wrap .box{width:49%;align-items: flex-end;display: flex;flex-wrap: wrap;align-content: flex-end;}
.tech_spport .tech_wrap .box h3{width:100%}
    .tech_spport .tech_wrap .box ul{width:100%}
}

@media all and (min-width:1200px) {
    .tech_spport .tech_wrap .box{width:23.5%;padding: 30px;padding-top: 80px;margin: 0;}
    .tech_spport .tech_wrap .box ul{margin-bottom:10px}
    }

@media all and (min-width:1500px) {
    .tech_spport .tech_wrap .box{padding-top: 60px;}
}