@charset "utf-8";



/*컨텐츠 타이틀*/
#content_guide h4{background:url("/images/humanrights/inc/title01.gif") left 5px no-repeat; padding-left:25px; margin-bottom:18px; font-size:22px; letter-spacing:-0.5px; font-weight:600; line-height:30px; color:#d14f00}
#content_guide h5{background:url("/images/humanrights/inc/title01_01.gif") left 6px no-repeat; padding-left:20px;margin-bottom:18px;font-size:18px; letter-spacing:-0.5px; font-weight:600; line-height:26px;}
#content_guide h6{background:url("/images/humanrights/inc/title01_02.gif") left 5px no-repeat; padding-left:18px;margin-bottom:18px;font-size:16px; letter-spacing:-0.5px; font-weight:600; line-height:24px;}





/* 텍스트 처리방식 */
.cul01{ margin-bottom:30px;}
.cul01 li{ padding-left:18px; background:url("/images/humanrights/inc/title01_03.png") left 11px no-repeat;line-height:1.8em;}
.cul01 li ul{ margin-left:5px; margin-bottom:0;}
.cul01 li ul li{ padding-left:7px; background:url("/images/humanrights/inc/title01_04.gif") left 11px no-repeat; font-size:15px;}
.cul01 li ul li ul{ margin-left:5px; margin-bottom:0;}
.cul01 li ul li ul li{ padding-left:8px; background:url("/images/humanrights/inc/title01_05.gif") left 11px no-repeat; font-size:14px;}
.cul01 li ul li ul li ul{ margin-left:5px; margin-bottom:0;}
.cul01 li ul li ul li ul li{ padding-left:8px; background:url("/images/humanrights/inc/all_icon01.gif") left 11px no-repeat; font-size:13px;}

.cul02{ margin-bottom:30px;}
.cul02 li{ padding-left:10px; background:url("/images/humanrights/inc/all_icon01.gif") left 11px no-repeat;line-height:1.8em;}




.cdl01{margin-bottom:30px;}
.cdl01 dt{ font-weight:600; background:url("/images/humanrights/inc/title01_02.gif") left 5px no-repeat; padding-left:18px; margin-bottom:5px; margin-top:20px; font-size:16px;line-height:24px;}
.cdl01 dd{ margin-left:10px; padding-left:8px; background:url("/images/humanrights/inc/all_icon01.gif") left 10px no-repeat;line-height:1.8em;}









/*박스처리*/
.cbox01{border:1px solid #e6e6e6; padding:15px 3%; border-radius:3px; margin-bottom:30px; line-height:1.8em}

/* 텍스트 처리 */
.ctext01{margin-bottom:30px;line-height:1.8em;}


/* 버튼 스타일 이미지 들어가는거 */
.btn_link01{ background:#0079ce; color:#fff; padding:0 15px; display:inline-block; font-weight:600;line-height:1.8em; font-size:14px;}
.btn_link01 a{ background:#0079ce url("/images/humanrights/inc/file01.gif") right center no-repeat; color:#fff; padding:4px 25px 4px 0; display:inline-block; font-weight:600;line-height:1.8em;}

.btn_link02{ background:#48b200; color:#fff; padding:0 15px; display:inline-block; font-weight:600;line-height:1.8em; font-size:14px;}
.btn_link02 a{ background:#48b200 url("/images/humanrights/inc/down01.gif") right center no-repeat; color:#fff; padding:4px 25px 4px 2px; display:inline-block; font-weight:600;line-height:1.8em;}

.btn_link03{ background:#ff6c00; color:#fff; padding:0 10px 0 15px; display:inline-block; font-weight:600;line-height:1.8em; font-size:14px;}
.btn_link03 a{ background:#ff6c00 url("/images/humanrights/inc/search01.png") right center no-repeat; color:#fff; padding:4px 18px 4px 0; display:inline-block; font-weight:600;line-height:1.8em;}

.btn_link04{ background:#4158ff; color:#fff; padding:0 10px 0 15px; display:inline-block; font-weight:600;line-height:1.8em; font-size:14px;}
.btn_link04 a{ background:#4158ff url("/images/humanrights/inc/search02.png") right center no-repeat; color:#fff; padding:4px 18px 4px 0; display:inline-block; font-weight:600;line-height:1.8em;}


.btn_link05{ padding:0 20px; display:inline-block; font-weight:600;line-height:1.4em; font-size:14px; background:url("/images/humanrights/inc/search03.png") 20px center no-repeat;}
.btn_link05 a{padding:4px 0 4px 25px; display:inline-block; font-weight:600;line-height:1.4em;}

/* 버튼스타일 기본 */

.btn_link_b01 a{ background:#868686; color:#fff; padding:4px 20px; display:inline-block; font-weight:600;line-height:1.8em; font-size:14px;}
.btn_link_b01 a:hover, .btn_link_b01 a:focus{background:#868686;}

.btn_link_b02 a{ background:#304aff; color:#fff; padding:4px 20px; display:inline-block; font-weight:600;line-height:1.8em; font-size:14px;}
.btn_link_b02 a:hover, .btn_link_b02 a:focus{background:#304aff; /*transition:all 0.8s ease-out;*/}




/* 정렬방식 01*/

.cal01{font-size:0; margin-bottom:30px;}
.cal01 li{ display:inline-block; font-size:15px; padding:5px;}


.cac01 { font-size:0;text-align:center;margin-bottom:30px;}
.cac01 li{display:inline-block; font-size:15px; padding:5px;}











/* 테이블 센터정렬 풀라인*/
.ctable01 {width:100%; border-top:2px solid #0f1f7e; margin-bottom:30px;}
.ctable01 th{  padding:8px 10px;text-align:center;background: #f1f4f7; border:1px solid #ccc;color:#000; line-height:1.8em; font-size:14px;}
.ctable01 td{border:1px solid #ccc; padding:5px 10px;text-align:center; line-height:1.8em; font-size:14px;}
.ctable01 .tl{ text-align:left;}
.ctable01 .tr{ text-align:right;}
.ctable01 .bg_gray{ background:#d7e1c6; color:#0e8045; font-weight:bold;}


/* 테이블 왼쪽정렬 풀라인*/
.ctable02 {width:100%; border-top:2px solid #0f1f7e;margin-bottom:30px;}
.ctable02 th{ padding:8px 10px;background: #F1F4F7; border:1px solid #ccc;color:#000; line-height:1.8em; font-size:14px;}
.ctable02 td{border:1px solid #ccc; padding:8px 10px;line-height:1.8em; font-size:14px;}
.ctable02 .tc{ text-align:center;}
.ctable02 .tr{ text-align:right;}




/* 테이블 가로선01 */
.ctable03 {width:100%; border-top:2px solid #0f1f7e;margin-bottom:30px;color:#000;}
.ctable03 th{ padding:8px 10px;background: #F1F4F7; border-bottom:1px solid #ccc;color:#000; line-height:1.8em; font-size:14px;}
.ctable03 td{border-bottom:1px solid #ccc; padding:8px 10px;line-height:1.8em; font-size:14px;}
.ctable03 .tc{ text-align:center;}
.ctable03 .tr{ text-align:right;}




/* 탭처리 */
.ctab01 ul{margin-bottom:40px;}
.ctab01 ul:after{content:''; display:block;clear:both;}
.ctab01 a {display: block;color:#000; font-weight:600;padding:7px 10% 7px 0; background:#e5e5e5; font-size:13px;}
.ctab01 a:hover{ /* transition:all .3s;*/ }
.ctab01 li { float: left; line-height:1.8em; text-align:center; margin:0 1px 1px 0;}
.ctab01 a:hover,.ctab01 a:focus,.ctab01 .on a{ color:#fff; background:#0e8045 url("/images/humanrights/inc/tab_icon01.gif") 90% center no-repeat;}


.liw02 li{ width:49.7%;}
.liw03 li{ width:33%;}
.liw04 li{ width:24.7%;}
.liw05 li{ width:19.7%;}
.liw06 li{ width:16.3%;}



/* 정렬방식 02*/
.al_ac_1400{ text-align:left;}
.al_ac_1220{ text-align:left;}
.al_ac_1100{ text-align:left;}
.al_ac_1000{ text-align:left;}
.al_ac_768{ text-align:left;}
.al_ac_480{ text-align:left;}
.al_ac_320{ text-align:left;}

.ar_ac_1400{ text-align:right;}
.ar_ac_1220{ text-align:right;}
.ar_ac_1100{ text-align:right;}
.ar_ac_1000{ text-align:right;}
.ar_ac_768{ text-align:right;}
.ar_ac_480{ text-align:right;}
.ar_ac_320{ text-align:right;}


.ar_al_1400{ text-align:right;}
.ar_al_1220{ text-align:right;}
.ar_al_1100{ text-align:right;}
.ar_al_1000{ text-align:right;}
.ar_al_768{ text-align:right;}
.ar_al_480{ text-align:right;}
.ar_al_320{ text-align:right;}


.al_ar_1400{ text-align:left;}
.al_ar_1220{ text-align:left;}
.al_ar_1100{ text-align:left;}
.al_ar_1000{ text-align:left;}
.al_ar_768{ text-align:left;}
.al_ar_480{ text-align:left;}
.al_ar_320{ text-align:left;}





/* 사이트맵*/
.sitemap01{ display:inline-block;}
.sitemap01 li{ font-weight:600; width:30%;float:left; margin-right:3%; margin-bottom:5%;}
.sitemap01 .sitmap_title01{background:url(/images/common/inc/back01.png) left top repeat; width:93%; float:left; padding:5px 0 5px 7%; margin-bottom:10px; border-radius:0 5px 0 5px;color:#fff; font-size:14px;}
.sitemap01 .sitmap_title01 a{ color:#fff;}

.sitemap_guide01{font-weight:400;}
.sitemap_guide01 dl{ width:100%; float:left;}
.sitemap_guide01 dl dt{ border-bottom:1px solid #EBEBEB; padding:7px 0; background:url(/images/common/inc/icon08.gif) 5% 11px no-repeat; padding-left:13%; width:87%; float:left; font-weight:600;}
.sitemap_guide01 dl dd{ float:left;  padding:10px 0 10px 7%;border-bottom:1px solid #EBEBEB; width:93%; background:#f3f3f3;}
.sitemap_guide01 dl dd span{background:url(/images/common/inc/icon01.gif) 9% 8px no-repeat;padding-left:15%; width:85%; float:left;}



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


/* 정렬방식 02*/
.al_ac_1400{ text-align:center;}
.ar_ac_1400{ text-align:center}
.ar_al_1400{ text-align:left;}
.al_ar_1400{ text-align:right;}

}



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


/* 탭처리 */
.liw02 li{ width:49.7%;}
.liw03 li{ width:33%;}
/* .liw04 li{ width:49.7%;}*/
.liw05 li{ width:33%;}
.liw06 li{ width:33%;}


/* 정렬방식 02*/
.al_ac_1220{ text-align:center;}
.ar_ac_1220{ text-align:center}
.ar_al_1220{ text-align:left;}
.al_ar_1220{ text-align:right;}


}


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


/* 정렬방식 02*/
.al_ac_1100{ text-align:center;}
.ar_ac_1100{ text-align:center}
.ar_al_1100{ text-align:left;}
.al_ar_1100{ text-align:right;}

}


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


/* 정렬방식 02*/
.al_ac_1000{ text-align:center;}
.ar_ac_1000{ text-align:center}
.ar_al_1000{ text-align:left;}
.al_ar_1000{ text-align:right;}

}



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




/* 정렬방식 02*/
.al_ac_768{ text-align:center;}
.ar_ac_768{ text-align:center}
.ar_al_768{ text-align:left;}
.al_ar_768{ text-align:right;}




/* 라인박스 안의 이미지가 있는경우 모바일에선 라인이 없어짐*/

.imbox01_moh{ border:0;}






/* 탭처리 */

.liw02 li{ width:49.3%;}
.liw03 li{ width:49.3%;}
.liw04 li{ width:49.3%;}
.liw05 li{ width:49.3%;}
.liw06 li{ width:32.7%;}


/* 사이트맵*/
.sitemap01 li{width:47%;}


}





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


/* 정렬방식 02*/
.al_ac_480{ text-align:center;}
.ar_ac_480{ text-align:center}
.ar_al_480{ text-align:left;}
.al_ar_480{ text-align:right;}



/* 탭처리 */
.ctab01 li { text-align:left;}
.ctab01 a {padding:7px 10% 7px 5%;}
.ctab01 a:hover,.ctab01 a:focus,.ctab01 .on a{ background:#00a7de url("/images/humanrights/inc/tab_icon01.gif") 95% center no-repeat;}

.liw02 li{ width:99.7%;}
.liw03 li{ width:99.7%;}
.liw04 li{ width:99.7%;}
.liw05 li{ width:99.7%;}
.liw06 li{ width:99.7%;}	


/* 사이트맵*/
.sitemap01 li{ width:100%; margin-right:0;}
.sitemap_guide01 dl dt{  padding-left:12%; width:88%;}



}



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


/* 정렬방식 02*/
.al_ac_320{ text-align:center;}
.ar_ac_320{ text-align:center}
.ar_al_320{ text-align:left;}
.al_ar_320{ text-align:right;}

}                                                              