@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: 17px;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}
}   

.map-road {width: 100%; position: relative;}
.map-road .root_daum_roughmap .cont {display: none !important; }

.map-road .map-info {margin-top: 40px;}
.map-road .map-info ul {}
.map-road .map-info ul li {padding: 20px 0 20px 78px;}
.map-road .map-info ul li:first-child {background: url("/upload_data/board_data/CNT_ATCHDOWN/174709675795108.png") no-repeat left center;}
.map-road .map-info ul li:last-child {background: url("/upload_data/board_data/CNT_ATCHDOWN/174709675795562.png") no-repeat left center;}
.map-road .map-info ul li span.tit {font-size: 22px; font-weight: bold; letter-spacing: -0.06em; color: #2a89ce; margin-bottom: 9px; display: inline-block;}
.map-road .map-info ul li p.txt {font-size: 15px; font-weight: 600; letter-spacing: -0.03em; color: #5e5e5e;}


@media (max-width: 1220px) {
    .map-road .mapInner {padding-bottom: 41% !important;}
    .map-road .root_daum_roughmap .wrap_map {height: 98% !important;}
}

@media (max-width: 780px) {
    .map-road .mapInner {padding-bottom: 55% !important;}
    .map-road .map-info {margin-top: 15px;}
    .map-road .map-info ul li {padding: 15px 0 12px 66px;}
    .map-road .map-info ul li:first-child, .map-road .map-info ul li:last-child {background-size: 55px;}
    .map-road .map-info ul li span.tit {font-size: 18px; margin-bottom: 0;}
    .map-road .map-info ul li p.txt {font-size: 14px;}
}
@media (max-width: 480px) {
    .map-road .mapInner {padding-bottom: 65% !important;}
    .map-road .map-info ul li span.tit {font-size: 16px;}
}

/*연혁*/
.historyBox {background:url("/images/humanrights/contents/bg_history_2.gif") repeat-y 20px 0;padding:0 0 30px 10px;overflow:hidden; }
.historyBox.end {background:none;padding-bottom:0;}
.historyBox strong {float:left;width:13%;background:url("/images/humanrights/contents/bg_history_1.gif") no-repeat;font-size:24px;line-height:24px;padding:0 0 0 50px;}
.historyBox ul {float:left;width:81%;}
.historyBox li {line-height:22px;padding-bottom:9px;overflow:hidden;}
.historyBox li span {float:left;width:90%; letter-spacing:-0.5px;}
.historyBox li span.date {float:left;width:10%;color:#007CBC; font-weight:600;}

@media all and (max-width :1000px) {

/*연혁*/
.historyBox strong { width:100%;}
.historyBox ul {float:left;width:100%; padding-top:15px;}
.historyBox li span{ width:82%;}
.historyBox li span.date {float:left;width:10%;color:#007CBC; font-weight:600; padding-left:50px;}

}

@media all and (max-width :768px) {

/*연혁*/
.historyBox li span{ width:70%;}
.historyBox li span.date{ width:13%;}

}
    
 
 /**********************************************************************************************************************************/
 

.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;font-weight:400;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:600;}
.basic_table tbody th{background:#f6faff;color:#444;font-weight:600;}
.basic_table .point_bg,
.basic_table tr.point_bg td{background:#fbfcee;}
.basic_table td.txt_left{text-align:left}

.img_box2{margin-bottom:40px;}
.img_box2 img{width:100%;}

.purpose{margin-bottom:40px;}
.purpose p{margin-bottom:20px;text-align:center;}
.purpose p strong{display:block;background:#2f5597;color:#fff;padding:10px 0;border-radius:30px 30px 0 0}
.purpose p span{display:block;padding:20px;background:#edf6fe;border-radius:0 0 30px 30px;border:solid 1px #cce0f3;}


.organization{text-align:center;}
.organization *{box-sizing:border-box;}
.org1{position:relative;margin-bottom:40px;}
.org1:after{display:block;content:"";width:1px;height:70px;background:#666;position:absolute;bottom:-50px;left:50%;z-index:-1;}
.org1 span{display:inline-block;background:#44546a;color:#fff;padding:15px 30px;border-radius:15px;font-weight:600;min-width:260px;}

.org2{position:relative;margin-bottom:20px;}
.org2:after{display:block;content:"";width:1px;height:50px;background:#666;position:absolute;bottom:-20px;left:50%;z-index:-1;}
.org2 li span{display:inline-block;background:#2f5597;color:#fff;padding:15px 30px;border-radius:15px;font-weight:600;min-width:260px;}
.org2 ul{min-width:260px;width:260px;margin:5px auto;background:#edf6fe;border-radius:15px;border:solid 1px #cce0f3;padding:10px 0;}
.org2 ul li{padding:3px 0;}

.org3{position:relative;margin-bottom:20px;}
.org3 li{margin-bottom:10px;}
.org3 li span{display:inline-block;background:#44546a;color:#fff;padding:15px 30px;border-radius:15px 15px 0 0;font-weight:600;min-width:260px;}
.org3 ul{min-width:260px;width:260px;margin:0 auto;background:#f7f7f7;border-radius:0 0 15px 15px;border:solid 1px #ccc;padding:10px 0;}
.org3 ul li{padding:3px 0;margin:0;}

.link_box{text-align:center;}
.link_box p{background:#f8f8f8;border:solid 1px #e4e4e4;border-radius:30px;padding:30px 20px;margin-bottom:20px;box-sizing:border-box;}
.link_box p a{display:block;margin-top:20px;}
.link_box p a span{display:inline-block;background:#44546a;color:#fff;padding:8px 30px;border-radius:50px;}

.txt_box{background:#edf6fe; padding:15px;margin-bottom:20px;}

.step_ul{text-align:center;}
.step_ul li{margin-bottom:20px;}
.step_ul li strong{display:inline-block;background:#c7dcee;padding:10px;border-radius:50px;}
.step_ul li strong span{display:inline-block;background:#2f5597;color:#fff;padding:10px 90px;border-radius:50px;}
.step_ul li em{display:block;font-style:normal;margin-top:10px;font-size:16px;font-weight:500;}
.step_ul li.s2 strong{background:#c7d3ee;}
.step_ul li.s2 strong span{background:#2f3e97;}
.step_ul li.s3 strong{background:#c7c8ee;}
.step_ul li.s3 strong span{background:#3d2f97;}
.step_ul li.s4 strong{background:#d2c7ee;}
.step_ul li.s4 strong span{background:#5c2f97;}
.step_ul li.s5 strong{background:#dcc7ee;}
.step_ul li.s5 strong span{background:#772f97;}

@media all and (min-width :768px) {
.org1:after{height:300px;bottom:-300px;}

    
.org2{overflow:hidden;clear:both;width:600px;margin:0 auto;}
.org2:after{width:50%;height:1px;bottom:unset;top:46%;left:25%;}
.org2 li span{float:left;margin-top:30px;}
.org2 li ul{float:right;}

.org3{position:relative;overflow:hidden;padding-top:30px;}
.org3:before{display:block;content:"";width:75%;height:1px;background:#666;position:absolute;top:13px;left:12.5%;z-index:-1;}
.org3 li{float:left;min-width:auto;width:calc(100% / 4);padding:0 4px;}
.org3 li span{min-width:auto;width:100%;height:78px;padding-top:30px;}
.org3 li:nth-child(3) span{padding-top:15px;}
.org3 ul{position:relative;min-width:100%;width:100%;padding:10px;height:145px;}
.org3 ul:before{display:block;content:"";width:1px;height:20px;background:#666;position:absolute;top: -96px;left:50%;z-index:-1;}
.org3 ul li{width:100%;float:none;word-break:keep-all;}


.link_box:after{display:block;content:"";clear:both;}
.link_box p{float:left;width:calc(100% / 2 - 20px);margin:10px;}

.step_ul{text-align:left;}
.step_ul li{margin-bottom:20px;}
.step_ul li strong{border-radius:80px;text-align:center;}
.step_ul li strong span{box-sizing:border-box;padding:27px 10px;width:80px;height:80px;}
.step_ul li em{display:inline-block;margin-top:0;background:#efefef;width:calc(100% - 100px);padding:25px 50px;height:80px;border-radius:80px;box-sizing:border-box;}
    
}


   

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

.purpose p *{box-sizing:border-box;}
.purpose p:after{display:block;content:"";clear:both;}
.purpose p strong{float:left;width:35%;border-radius:30px 0 0 30px;height:90px;padding-top:30px;}
.purpose p span{float:right;width:65%;border-radius:0 30px 30px 0;text-align:left;height:90px;}

.org1 span{font-size:20px;padding:25px 40px;}
    
.org3 li span{padding-top:15px;height:auto;}
.org3 ul:before{top:-73px;}

.link_box p{width:calc(100% / 3 - 20px);}

}