@charset "utf-8";
.basic_table tbody td.c1 {background:var(--bggray1);font-weight:bold;}
.basic_table tbody th.bg1 {background:var(--bgpoint);}
.basic_table tbody th.bg2 {background:#f3f0ff}
.basic_table tbody th.bg3 {background:#e7e3f5;}
.basic_table tbody th.bg4 {background:#dedaf3;}
.basic_table tbody th.bg5 {background:#d2cee6;}


/*교육활동침해사안 처리 철차*/
.h_step h5{background:var(--point1);color:#fff;text-align:center;font-size:16px;padding:16px 15px;font-weight:bold;border-radius:10px 30px 10px 10px;font-family:SUIT;position:relative;margin-bottom:20px;}
.h_step h5:before{display:block;content:'';width:1px;height:20px;position:absolute;bottom:-21px;background:#ebeaf1;left:calc(50% - 1px);z-index:-1;}
.h_step .s2 h5{background:var(--point2);}
.h_step .s1 > ul {border:1px solid #ebeaf1;padding:10px;border-radius:10px;margin:0;background:#fff;}
.h_step .s1 ul ul li{font-size:15px;margin:0;}
.h_step .s2 span{border:1px solid #ebeaf1;padding:16px 10px;margin:20px 0;display:block;border-radius:10px;position:relative;} 
.h_step .s2 span:before{display:block;content:'';width:1px;height:20px;position:absolute;bottom:-21px;background:#ebeaf1;left:calc(50% - 1px);}
.h_step .s2 span.nb:before{display:none;}
.h_step .s2 p{text-align:center;width:100%;border:1px solid #ebeaf1;padding:16px 10px;margin:20px 0;display:block;border-radius:5px;position:relative;background:#fff;}
.h_step .s2 p:before{display:block;content:'';width:1px;height:30px;position:absolute;top:-30px;background:#ebeaf1;z-index:-1;left:calc(50% - 1px);}
.h_step .s2 div li strong{line-height:1.5em;padding:0 0 0 15px;margin:0 0 5px 0;background: url("/images/common/li01.png") no-repeat 0 5px;display:block;}
.h_step .s2 div li ol li{padding:0 0 5px 5px;}
.h_step .s2 div li ul li span{margin:0}
.h_step .s2 div ol > li{text-align:left;margin-bottom:15px;}
.h_step .s2 div > ol > li{text-align:center;}
.h_step .s2 div > ol > li > ul.w100{background:#f9f8fd;padding:20px 10px;border-radius:10px;text-align:left;display: block;}
.h_step .s2 div > ol > li > ul span {background:#f9f8fd;padding:10px;border:none;}
.h_step .s2 div > ol > li > ul span:before{display:none;}
.h_step .s2 div > ol > li > ul.w100 li li{background:url("/images/common/li02.png") no-repeat 0 7px; padding-left:10px; margin-bottom:15px; }
.h_step .s2 div li ol li li {background: url("/images/common/li02.png") no-repeat 0 7px;padding-left:10px;}
.h_step .s2 div > ol > li > ul span:before{display:block;content:'';width:1px;height:20px;position:absolute;top:-20px;background:#ebeaf1;left:calc(50% - 1px);}
.h_step .s2 div > ol > li > ul{display:flex;justify-content:space-between;}
.h_step .s2 div li.col3{display: flex;justify-content: space-between;margin-bottom: 20px;}
.h_step .s2 div li.col3 span{display: inline-flex;align-items: center;justify-content: center;width: 30%;margin: 0;}
.h_step .s2 ol.flex_box{display: flex;flex-direction: column;justify-content: space-between;height: 100%;position: relative;}
.h_step .s2 ol.flex_box:before{display: block;content: "";width :1px;height: 100%;position: absolute;top: -20px;background: #ebeaf1;left: calc(50% - 1px);}
.h_step .s2 ol.flex_box li:before, .h_step .s2 ol.flex_box li span:before{display: none;}

@media all and (min-width:768px) {
.h_step .s2{display:flex;flex-wrap:wrap;gap:2%;} 
.h_step .s2 div{width:49%;} 
.h_step .s2 div ol > li > ul > li{width:49%;}
.h_step .s2 div > ol > li > ul.w100,
.h_step .s2 div > ol > li > ul span{padding: 20px 30px;}
.h_step .s2 p:before{left:calc(12.5% - 1px);height:60px;top:-60px;}
.h_step .s2 p:after{display:block;content:'';left:calc(37% - 1px);height:205px;top:-205px;width:1px;position:absolute;background:#ebeaf1;z-index:-1;} 
}

/* Desktop */
@media all and (min-width:1023px) {
.h_step .s1 {display:flex;justify-content:space-between;margin:30px 0;}
.h_step h5{margin:0;}
.h_step .s1 h5{width:150px;display:flex;justify-content:center;align-items:center;}
.h_step .s1 h5:before{right:-20px;bottom:auto;left:auto;width:20%;height:1px;}
.h_step .s1 > ul{width:calc(100% - 170px);margin:0;padding:20px;display:flex;justify-content:space-around;}
}        

/*소개*/   
.greeting_box {padding: 20px; background: #f5f4fa; border-radius: 50px 0; max-width: 1000px;  margin: 0 auto;}
.greeting_box>div {background: #fff;  padding: 20px; border-radius: 30px 0;box-shadow: 0 0 10px rgba(219,219,219,.3);}
.greeting_box h4 {padding:0;background:none; margin: 30px 0 35px;color: #4635c8; font-size: 1.5rem;font-weight: 700; font-family: SUIT;}
.greeting_box h5 {color: #4635c8; font-size: 20px; padding:0;background:none; font-weight: 700; font-family: SUIT;    line-height: normal;}
/*.greeting_box h5::before {content: '';background: url(/images/common/notice_ico.png)no-repeat; background-position: 36% 10%;  width: 70px; height: 43px;
display: inline-block;}*/
.greeting_box .basic_p {margin: 0 auto;}
.greeting_box .basic_box li {word-break: break-word;}

.greet_img {display:block; position: relative;}
.greet_img:after {content:''; position:absolute; top: -125px; width:174px; height:143px;background:url(/images/27_human/content/sub01/greeting.png) no-repeat center;padding:50px 0 0 0; background-size: 100%; left: 0;}    

/*Tablet */
@media all and (min-width:768px) {
.greeting_box h4 {font-size: 1.7rem;}
.greet_img:after { top: -122px; width: 400px;right: 0;left: auto;}
}


/*** sub01 ***/
/*인사말*/
.greeting{padding-bottom: 160px;background: url("/images/27_human/content/sub01/greeting_bg.gif") no-repeat bottom center /cover;}
.greeting h4{background: none;padding: 0;}
.greeting h4 strong{display: block;color: var(--point1);}
.greeting p{margin: 30px 0;font-size: 20px;word-break: keep-all;}

/*센터안내*/
.org_wrap{position: relative;}
.org_wrap:before{position: absolute;width: 1px;height: 80%;content: "";background: #ddd;left: 20px;z-index: -1;}
.org_wrap .org01{padding-bottom: 40px;}
.org_wrap .org01 h5{margin: 0;padding: 10px 0;text-align: center;font-family: SUIT;font-size: 18px;color: #fff;background: var(--point1);border-radius: 10px;}
.org_wrap .org01 p{border: 1px solid var(--point1);padding: 10px 0;font-size: 16px;text-align: center;border-radius: 10px;background: #fff;}
.org_wrap .org02{padding-left: 40px;}
.org_wrap .org02>ul>li{position: relative;margin-bottom: 20px;}
.org_wrap .org02>ul>li:before{position: absolute;width: 20px;height: 1px;background: #ddd;content: "";top: 20px;left: -20px;}
.org_wrap .org02 li a{display: block;padding: 10px 0;font-size: 16px;font-weight: bold;color: var(--point2);background: var(--bgpoint);text-align: center;border-radius: 10px;}
.org_wrap .org02 ul ul{border: 1px solid var(--bgpoint);padding: 15px;border-radius: 10px;background: #fff;}
.org_wrap .org02 li li{position: relative;padding-left: 8px;font-size: 14px;}
.org_wrap .org02 li li:before{position: absolute;width: 3px;height: 3px;background: var(--point2);content: "";top: 8px;left: 0;}

/* Tablet */
@media all and (min-width:768px) {
.greeting{padding-bottom: 200px;background-size: auto;}

.org_wrap{max-width: 800px;margin: 0 auto;}
.org_wrap:before{left: 50%;}
.org_wrap .org01{width: 200px;margin: 0 auto;}
.org_wrap .org02{position: relative;padding-top: 40px;padding-left: 0;}
.org_wrap .org02:before{position: absolute;width: calc(100% - 200px);height: 1px;background: #ddd;content: "";top: 0;left: 50%;transform: translateX(-50%);}
.org_wrap .org02>ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.org_wrap .org02>ul>li{width: 200px;}
.org_wrap .org02>ul>li:before{width: 1px;height: 40px;top: -40px;left: 50%;}
.org_wrap .org02 li a{font-size: 18px;}
.org_wrap .org02 li li{font-size: 16px;}
}

/* PC */
@media all and (min-width:1023px) {
.greeting{padding-bottom: 100px;background-position: bottom right;}
}