@charset "utf-8";


/* 오시는길*/
.map_txt {background: url("/images/humanrights/contents/location_01.png") left top no-repeat;padding: 10px 0 0 80px;font-size: 14px;height: 70px;margin-bottom: 10px;}
.map_txt strong {font-size: 22px;line-height: 23px;}
.map {border: 3px solid #ddd;height: 450px;}


@media all and (max-width :768px) {
/* 오시는길*/
.mapBox .s01{  background:#f0f0f0; } 
.mapBox .s01 li{  width:100%;}
}

@media all and (max-width :480px) {
.map_txt strong {font-size: 15px;line-height: 20px;}
.map_txt {padding: 0 0 15px 0;background: none;}

}



.img_box{border:1px solid #e6e6e6; padding:30px; border-radius:3px; margin-bottom:30px; line-height:1.8em}
.img_box p{text-align:center;margin:0 0 20px 0}
.img_box h4{margin-bottom:10px !important}
.img_box ul{margin:0}
@media all and (min-width :768px) {
.img_box{position:relative;padding:30px 30px 30px 210px}
.img_box p{position:absolute;top:30px;left:30px;text-align:left}
}       
  

/*학교안심 우주 -내용*/
@font-face {
    font-family: 'HakgyoansimWoojuR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimWoojuR.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


/*MBC1961굴림-제목*/
@font-face {
    font-family: 'WavvePADO-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/WavvePADO-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/*프리텐다드_회칙*/
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


.greeting{position:relative;text-align:center;font-weight:600;}
.greeting .img{margin-bottom:20px;}
.greeting .img span{display:block;font-size:14px;color:#666}
.greeting .con .txt1{font-family: 'WavvePADO-Regular';font-size:16px;color:#222}
.greeting .con .txt1 strong{color:#7b3286;}
.greeting .con p{padding-bottom:20px;}
.greeting .con .name{color:#666;}


.org h4{padding:0 !important;background:none !important;font-family: 'WavvePADO-Regular';color:#222 !important;font-size:19px !important;text-align:center;}
.org h4 strong{display:block;font-size:30px;color:#7b3286;line-height:36px;}
.org div{position:relative;}
.org li{position:relative;}
.org li span{display:inline-block;color:#fff;text-align:center;padding:5px 0;border-radius:30px;}
.org .org1:after,
.org .org2:after{display:block;content:"";clear:both;}
.org .org1:before{display:block;content:"";width:100%;height:1px;border-top:dotted 2px #ccc;position:absolute;top:50%;left:0;transform:translate(0, -50%);z-index:-1;}
.org .org1 li{float:left;width:50%;}
.org .org1 li:last-child{text-align:right;}
.org .org1 li span{font-size:18px;font-weight:600;background:#7b3286;width:120px;}
.org .org1_1{position:relative;text-align:center;}
.org .org1_1 span{display:inline-block;font-size:18px;font-weight:600;background:#7b3286;width:140px;color:#fff;padding:5px 0;border-radius:30px;margin-top:30px;}
.org .org1_1:before{display:block;content:"";width:1px;height:62px;border-left:dotted 2px #ccc;position:absolute;top:-19px;left:49.7%;transform:translate(-50% , 0);z-index:-1;}
.org .org2{padding-top:20px;margin-top:30px;}
.org .org2:before{display:block;content:"";width:1px;height:42px;border-left:dotted 2px #ccc;position:absolute;top:-45px;left:49.7%;transform:translate(-50% , 0);z-index:-1;}
.org .org2 ul:before{display:block;content:"";width:62%;height:1px;border-top:dotted 2px #ccc;position:absolute;top:0;left:50%;transform:translate(-50%, 0);z-index:-1;}
.org .org2 li{float:left;width:50%;padding-bottom:10px;}
.org .org2 li:nth-child(even){text-align:right;}
.org .org2 li:before{display:block;content:"";width:1px;height:20px;border-left:dotted 2px #ccc;position:absolute;top:-16px;z-index:-1;}
.org .org2 li:nth-child(odd):before{left:38%}
.org .org2 li:nth-child(even):before{right:38%}
.org .org2 li span{background:#9966a1;width:100px;}


.pledge h4{padding:0 !important;background:none !important;font-family: 'WavvePADO-Regular';color:#222 !important;font-size:19px !important;text-align:center;margin-bottom:30px !important;}
.pledge h4 strong{display:block;font-size:30px;color:#7b3286;line-height:36px;}

.pledge .box{margin-bottom:30px;}
.pledge h5{padding:0 !important;background:none !important;margin:0 !important;text-align:center;}
.pledge h5 span{display:inline-block;padding:5px 40px;background:#7b3286;color:#fff;border-radius:30px;}
.pledge .box ul{background:#e8f0f9;margin-top:5px;border-radius:20px;padding:20px;margin-bottom:30px;}
.pledge .box ul li{position:relative;font-weight:600;padding-left:10px;}
.pledge .box ul li:before{display:inline-block;content:"";width:5px;height:5px;background:#222;border-radius:10px;position:absolute;top:8px;left:0;}

.rule{font-family: 'Pretendard-Regular';}
.rule h4{font-family: 'WavvePADO-Regular';padding:0 !important;background:none !important;color:#7b3286 !important;text-align:center;margin-bottom:30px !important}
.rule h5{padding:0 !important;background:none !important;font-weight:600;margin-bottom:10px !important;font-weight:800;}
.rule .rule_box{background:#e8f0f9;padding:20px;margin-bottom:30px;border-radius:20px;}
.rule .rule_box li{font-weight:600;padding:5px 0;letter-spacing:1px;}
.rule .rule_box li strong{color:#3e0a46;font-size:18px;}

.basic_table{width:100%;margin:10px 0 20px 0;border-top:2px solid #adb4bc;border-left:2px solid #fff;border-right:2px solid #fff;}
.over_table .basic_table{min-width:650px;}
.basic_table th,
.basic_table td{text-align:center;padding:12px 10px;border:1px solid #e3e0e0;border-top:none;vertical-align:middle;font-size:16px;line-height:1.5em;background:#fff;word-break:break-word;}
.basic_table thead th{background:#f8f8fc;color:#333;font-weight:500;}
.basic_table tbody th{background:#f6faff;color:#444;font-weight:500;}
.basic_table .point_bg,
.basic_table tr.point_bg td{background:#fbfcee;}


@media all and (min-width :768px) {
.org h4{margin-bottom:70px !important;}
.org{position:relative;width:700px;margin:0 auto;}
.org .org1{width: 500px;margin:0 auto;}
.org .org1_1{position:absolute;top: 210px;right: 150px;}
.org .org1_1 span{margin-top:0;}
.org .org1_1:before{width:100px;height:1px;border-top:dotted 2px #ccc;border-left:none;position:absolute;top:50%;left: -60px;transform:translate(0, -50%);}
.org .org2{padding-top:30px;margin-top: 120px;}
.org .org2:before{height: 137px;top: -135px;}   
.org .org2 ul:before{width:85%;}
.org .org2 li{width:calc(100% / 7);text-align:center;}
.org .org2 li:nth-child(odd):before{top:-28px;left:50%;height:40px;transform:translate(-50%, 0);}
.org .org2 li:nth-child(even):before{right:50%;height:100px;top:-90px;transform:translate(-50%, 0);}
.org .org2 li:nth-child(even){margin-top:60px;text-align:center;}

.pledge:after{display:block;content:"";clear:both;}
.pledge .box{float:left;width:calc(100% / 2 - 6px);margin:0 3px;}
    
}     

@media all and (min-width :1023px) {

.greeting{position:relative;text-align:left;}
.greeting .img{position:absolute;top:0;right:0;text-align:center}
.greeting .con{width:calc(100% - 300px);font-size:17px;}
.greeting .con .txt1{font-size:24px;line-height:33px;}
.greeting .con .name{font-size:15px;line-height:18px;}

.pledge .box{float:left;width:calc(100% / 2 - 16px);margin:0 8px;}

.rule h4{font-size:30px !important;}
.rule .rule_box{padding:30px 40px;}
.rule .rule_box li{font-size:16px;}
.rule .rule_box li strong{font-size:18px;}

    
}