@charset "utf-8";


/*메인 비쥬얼*/
.main_visual01{ background:url("/upload_data/board_data/CNT_ATCHDOWN/173682734900954.gif ") center top repeat; height:915px;}
.main_guide01{position:relative;display:inline-block;}


/* 메인 카피문구 */
.main_text01{text-align:center;color: #5192c0;font-weight:600;margin-bottom:30px;margin-top:60px;}
.main_text01 .mt01{text-align:center;width:100%;display:inline-block;font-size:35px;margin-bottom:15px;color: #4178c2;}
.main_text01 .mt02{color: #033e8d;}
.main_text01 strong{text-align:center; width:100%;  display:inline-block; font-size:60px;}



/* 메인박스 */
.main_box_guide{position:relative; margin:0 5%;}
.main_box_guide li{ float:left; }
.main_box_guide li a{ width:100%; display:inline-block; text-align:center;  font-weight:600; font-size:17px; line-height:1.3em;}

.main_box_guide01 { width:60%; margin:0 20%;display:table;}
.main_box01{ width:100%; float:left;}
.main_box01 img{ width:100%;}

.main_box02{ width:100%;}
.main_box02 span{float:left; width:50%;}
.main_box02 span a{color:#fff; text-align:left; padding:40px 15% 0 15%; width:70%; height:160px}
.main_box02 strong{width:100%;background:url("/images/humanrights/main/box_img_back03.png") right center no-repeat;font-size: 28px;display:inline-block;margin-bottom:20px;line-height:40px;}
.main_box02 p{ font-size:13px;line-height:1.8em; }
.main_box02 .main_box02_01{background:#4178c2}
.main_box02 .main_box02_02{background:#033e8d }


.main_box_guide02{background:#666 url("/upload_data/board_data/CNT_ATCHDOWN/173085397366589.jpg") right top no-repeat; width:20%; height:345px; position:absolute;top:0; left:0; margin-top:100px;background-size:cover}


.main_box03{padding: 160px 15% 0 15%;color:#fff;}
.main_box03 strong{ font-size:22px;}
.main_box03 p{font-size:13px; line-height:1.6em; margin-top:10px;}
.main_box03 span a{ color:#333; background:#fff; padding:5% 2.5%; font-size:13px; margin-top:20px;}




.main_box_guide03{background:#666 url("/upload_data/board_data/CNT_ATCHDOWN/173673010597380.gif") right top no-repeat;width:20%; height:345px; position:absolute;top:0; right:0; margin-top:100px;}
.main_box04{background:url("/images/humanrights/main/box_img03.jpg") center top repeat; width:100%; height:160px;}
.main_box04 a{ width:100%; height:50px; padding-top:110px; color:#fff; font-size:18px;}
.main_box05{background:#931c2a url("/images/humanrights/main/box_img04.png") center 35% no-repeat;width:100%; height:185px;}
.main_box05 a{ width:97%; height:110px; padding-top:120px; color:#fff; font-size:16px; }






/* 메인 두번쨰 영역 가이드*/
.main_guide02{margin:70px 0;/* display:table; */overflow: hidden;}
.main_left{width: 24%;padding-right:4%;margin-right:4%;float:left;background: url("/images/humanrights/main/main_line01.gif") right top repeat-y;}
.main_center{ width:40%;padding-right:4%; margin-right:4%; float:left;background: url("/images/humanrights/main/main_line01.gif") right top repeat-y;}
.main_right{ width:20%; float:left;}




/*notice tab*/
#Notice{}

.notice_title{ position:relative; margin-bottom:30px;}
.notice_title h3{ font-size:40px; text-align:center;}
.notice_title span{ position:absolute; top:5px;}
.notice_title .not_left{ left:0;}
.notice_title .not_right{ right:0;}

.notice_contet img{ width:100%; height:210px; margin-bottom:30px;}
.notice_contet strong{ text-align:center; margin-bottom:15px; width:100%; display:inline-block; font-size:18px; height:21px; overflow:hidden;}
.notice_contet p{ line-height:1.5em; margin-bottom:35px; height:65px; overflow:hidden;}
.notice_contet span{  text-align:center; width:100%; display:block; }
.notice_contet span a{ text-align:center;background:#000; padding:8px 50px; color:#fff;}




/* 센터 */

.main_center_guide01{background:url("/images/humanrights/main/main_center_img01.jpg") right 30% no-repeat;  padding:0px 10% 70px 0; width:90%; display:inline-block;}
.main_center_guide01 h3{ font-size:35px; margin-bottom:20px;}
.main_center_guide01 p{ line-height:1.5em; width:50%; margin-bottom:20px;}
.main_center_guide01 span a{text-align:center;background:#033e8d; padding:8px 30px; color:#fff;}

.main_center_guide02{background:#efefef url("/upload_data/board_data/CNT_ATCHDOWN/173975792101175.gif") 90% 29px no-repeat; padding:40px 7% 71px 7%; width:86%; display:inline-block;}
.main_center_guide02 h3{ font-size:30px; margin-bottom:15px; font-weight:400;}
.main_center_guide02 p{ line-height:1.5em; width:40%; margin-bottom:20px;font-size:14px}
.main_center_guide02 span a{text-align:center;background:#fff; padding:8px 30px;}



/* 관련사이트 */
.main_right_guide01{background:#b3d1f9 url("/images/humanrights/main/link_img01.png") 90% 33px no-repeat;}
.main_right_guide01 a{ padding:30px 12% 0 12%; display: inline-block; width:76%; height:132px;}
.main_right_guide01 h3{ font-size:25px; margin-bottom:10px;}
.main_right_guide01 span{ font-size:13px; }

.main_right_guide02 h3{ color:#fff; margin-bottom:10px; font-size:18px;}
.main_right_guide02 select{ width:53%; height:30px;}
.main_right_guide02 .bbs_sbtn01 {color: #fff;background:#042046;border:1px solid #042046; height:30px; padding:0 10px; font-weight:600; font-size:13px;}
.mr02_link01{background:#4178c2; height:110px; text-align:center; padding:45px 0 0 0;}
.mr02_link02{background:#033e8d; height:110px; text-align:center; padding:45px 0 0 0;}



/* 하단에 이미지  */
.main_visual02{ background:url("/images/humanrights/main/main_visual02.jpg") center top no-repeat; height:250px; margin-bottom:-45px;}


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


/*메인 비쥬얼*/
.main_visual01{ height: auto; padding-bottom:60px;}



/* 메인 카피문구 */
.main_text01{margin-top:50px;}
.main_text01 .mt01{font-size:35px;}
.main_text01 strong{ font-size:50px;}



/* 메인박스 */
.main_box_guide{position:relative; margin:0;}




/* 하단에 이미지  */
.main_visual02{  height:150px;  background-size:1220px;}



}






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




/*메인 비쥬얼*/
.main_visual01{ height: auto;}




/* 메인박스 */
.main_box_guide01 { width:54%; margin:0 23%;}
.main_box_guide02{width:23%;margin-top:60px;}

.main_box02 span a{ height:200px}
.main_box02 strong{  font-size:25px;}


.main_box_guide03{width:23%;margin-top:60px;}
.main_box03 strong{ font-size:18px;}
.main_box03 p{font-size:12px; line-height:1.4em; margin-top:10px;}






/* 메인 두번쨰 영역 가이드*/
.main_left{ width:38%; margin-bottom:40px;}
.main_center{ width:54%;padding-right:0; margin-right:0; margin-bottom:40px;background: none;}
.main_right{ width:100%;}


.main_center_guide01 p br{ display:none;}


/* 관련사이트 */
.main_right_guide01{ width:34%; float:left;}
.main_right_guide01 a{  height:125px;}

.main_right_guide02{ width:66%;float:left;}
.mr02_link01{width:50%; float:left;}
.mr02_link02{width:50%; float:left;}

}



@media all and (max-width :800px) {
.main_box_guide03{right:0.27%;}
}


@media all and (max-width :799px) {
.main_box_guide03{right:0;}
}






/* 모바일 */
@media all and (max-width :768px) {

/*메인 비쥬얼*/
.main_visual01{ padding-bottom:40px;}


/* 메인 카피문구 */
.main_text01{margin-top:40px;}
.main_text01 .mt01{font-size:25px;}
.main_text01 strong{ font-size:36px;}




/* 메인박스 */
.main_box_guide01 { width:100%;margin:0;}
.main_box_guide02{width:50%; padding:0; margin-left:0; height:345px;position: relative;margin-top:0; float:left;}
.main_box02 strong{  font-size:16px; line-height:18px;}
.main_box02 p{ height:97px; overflow:hidden; }
.main_box02 span a{ padding:30px 15% 0 15%; height:180px;}

.main_box_guide03{width:50%; height:345px; position:relative; margin-top:0; float:left;}









/* 메인 두번쨰 영역 가이드*/
.main_guide02{ margin:50px 0 30px 0;}
.main_left{ width:100%; margin-bottom:40px; padding-right:0; margin-right:0; background:none;}
.main_center{ width:100%;}
.main_right{ width:100%;}






/*notice tab*/
.notice{ border:1px solid #efefef; padding:5% 8% 10% 8%;}
.notice_title{ margin-bottom:20px;}
.notice_title h3{ font-size:30px; padding-top:5px;}
.notice_contet img{ width:100%; height: auto; }
.notice_contet p{ line-height:1.5em; margin-bottom:35px; height: auto; overflow: visible;}



/* 센터 */

.main_center_guide01{ background-position: 90% center; height: auto; padding:10%; background-size:50%; width:80%; }
.main_center_guide01 h3{ font-size:30px; margin-bottom:20px;}



.main_center_guide02 h3{ font-size:30px;}



/* 관련사이트 */
.main_right_guide01{ width:100%; float:left;}
.main_right_guide02{ width:100%;}





/* 하단에 이미지  */
.main_visual02{  height:120px;  background-size:768px;}



}


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


/* 메인 카피문구 */
.main_text01 .mt01{font-size:20px; }
.main_text01 strong{ font-size:30px;}




}



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




/* 메인 카피문구 */
.main_text01{margin-top:30px; margin-bottom:15px;}
.main_text01 .mt01{font-size:18px;margin-bottom:8px;}
.main_text01 strong{ font-size:20px;}






/* 센터 */

.main_center_guide02{ padding:0 10% 30px 10%;background:#efefef none;}
.main_center_guide02 h3{ padding-top:30px;}
.main_center_guide02 p{ line-height:1.5em; width:100%; margin-bottom:20px;}
.main_center_guide02 span a{text-align:center;background:#fff; padding:8px 30px;}







/* 관련사이트 */

.mr02_link01{ width:100%; }
.mr02_link02{width:100%;}






/* 하단에 이미지  */
.main_visual02{  height:80px;  background-size:500px;}





}



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


}