@charset "utf-8";




/* 전체레이아웃 설정값 */
#wrap{ min-width:320px; overflow:hidden;}

#container_main {width:100%;position:relative;word-break: keep-all;}
#container {width:100%; background:url("/upload_data/board_data/CNT_ATCHDOWN/173672942598937.gif ") left top repeat-x;}
#content_guide{ display:inline-block; position:relative; padding-left:60px; width:890px;word-break: keep-all}


.ly_center{ width:1200px; margin:0 auto;position:relative;} /* 모바일일떄 100% 센터정렬*/
.ly_center_mom{ width:1200px; margin:0 auto; position:relative;}/* 모바일일떄 마진이 들어간 센터정렬*/
.ly_w100{width:100%; position:relative;}




/* 서브타이틀 */
.history{ height:40px; margin-bottom:55px; overflow:hidden;}
.history li { background:url("/images/humanrights/inc/arrow01.png") left center no-repeat; padding-left:45px; margin-right:10px; float:left;line-height:40px; color:#fff; font-size:13px;}
.history li img{ margin-top:-4px;}
.history li a{color:#fff;}
.history li:first-child{ background: url("/images/humanrights/inc/home01.png")left center no-repeat; padding-left:0; width:17px; height:39px; text-indent:-9999px;}
.history .hpoint{ font-weight:600; color:#FF3;}
.history .hpoint a{color:#FF3;}

.title_guide{ position:relative; margin-bottom:20px;}
.title_guide h3{ color:#000; font-size:45px; letter-spacing:-1px;  border-bottom:1px solid #d2d2d2; padding-bottom:20px; margin-top:45px;}


/* 어플리케이션레이아웃 */
.app{ position: absolute; right:0; top:0;}
.app li { margin-left:5px; float:left;}


#content{min-height:400px; margin: 50px 0 30px 0;width:100%; line-height:1.6em;}



/* 푸터레이아웃 */

#footer{margin:45px 0 35px 0; background:#fff; border-top:1px solid #DFDFDF; padding:40px 0; position:relative;}

#footer .logo_copy{ vertical-align:top; display:inline-block; width:17%; margin-right:3%;}
#footer .address {display:inline-block;width:78%;position:relative;}

#footer .address .add_txt01 {margin-bottom:15px;}
#footer .address .add_txt01 li { font-size:14px; display:inline-block; padding:0 15px; font-weight:600; background:url("/images/humanrights/inc/line02.png") left top repeat-y;}
#footer .address .add_txt01 li:first-child{ background:none;}
#footer .address .add_txt01 li a { color:#313131;}

#copyright {padding-left:15px; line-height:1.4em; float:left;}
#copyright .f_tell{ margin-left:10px;}
#copyright .f_copy{ width:100%; display:block;}




/* 맨위로버튼 */
.first_top_go {  position: absolute; right:0; z-index:999; top:0;}


/* 조직도 */
.org_guide01 {margin-bottom:100px; display: inline-block; width:100%;} 
.org_guide01 span.president {font-weight:600; display: block;color:#fff; font-size:16px;  margin:0 auto; line-height:40px; height:40px;text-align: center; background:#0396C3; margin-bottom:40px; width:30%;} 
.org_guide01 ul li {float:left; width:21%; margin:0 2%; font-weight:600;text-align:center; color:#fff; background:#17A835;line-height:30px;}


.org_guide02 h3 {  color:#000;  font-weight:600; width:15%; margin-right:5%; float:left;}
.org_box01 { float:left; position:relative; width:98%; margin:0 0 50px 2%; }
.org_box01 dl { float:right; width:80%; background:#F4DFDF; margin-bottom:10px;}
.org_box01 dt{width:17%; margin-right:3%; color:#0053C4;font-weight:600; background:red; margin-bottom:10px;float:left;}
.org_box01 dt a{ width:100%; color:#0053C4;float:left;}
.org_box01 dd { width:80%; background:#CFCE17;float:left;margin-bottom:10px;}
.org_box01 dd ul li{ float:left; margin:0 2% 10px 0; color:#0925C7;}
.org_box01 dd ul li a{ color:#0925C7;}

.org_box02 { float:left; position:relative; width:98%; margin:0 0 50px 2%; }
.org_box02 ul{ float:left; width:80%;background:#CFCE17;}
.org_box02 ul li{ float:left; margin:0 2% 10px 0;color:#0925C7;}
.org_box02 ul li a{ color:#0925C7;}






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

/* 전체레이아웃 설정값 */
.ly_center{ width:100%;}
.ly_center_mom{ width:94%; margin:0 3%;}
.ly_w100{width:100%;}
#content_guide{width:100%; float:none; position:relative; background:none; padding-left:0;}






/* 왼쪽메뉴레이아웃 */
#leftBox { display:none;}




/* 서브타이틀 */
.history{ margin-bottom:30px;}
.title_guide h3{ margin-top:30px;}





/* 푸터레이아웃 */
#footer .logo_copy{ display:none;}
#footer .address {width:100%;}


}



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




/* 서브타이틀 */
.history{ margin-bottom:20px;}
.title_guide h3{ font-size:35px; margin-top:20px;}


/* 어플리케이션레이아웃 */
.app li img{ width:38px; margin-left:2px;}



/* 푸터레이아웃 */
#footer{ margin:25px 0 35px 0; padding:20px 0;}


#footer .address .add_txt01 {border-top:1px solid #E4E4E4; background:url("/images/humanrights/inc/line02.png") left top repeat-y;  float:left; width:100%;}
#footer .address .add_txt01 li { float:left; padding:0; line-height:34px; background:none; border-bottom:1px solid #E4E4E4;background:url("/images/humanrights/inc/line02.png") right top repeat-y; width:50%; font-size:12px;}
#footer .address .add_txt01 li a { padding-left:10%;}
#footer .address .add_txt01 li:first-child{ background:url("/images/humanrights/inc/line02.png") right top repeat-y;}



#copyright {padding-left:0; font-size:85%;}
#copyright .f_tell{ margin-left:0; width:100%; display:block;}
#copyright .f_copy{ width:100%; display:block;}



/* 맨위로버튼 */
.first_top_go { position: relative; text-align:right;}



	
/* 조직도 */
.org_guide01 {margin-bottom:50px;} 
.org_guide01 span.president { width:50%;} 
.org_guide01 ul li { width:46%; margin:0 2% 10px 2%; }

.org_guide02 h3 {width:100%; margin-right:0; margin-bottom:15px;}
.org_box01 { width:100%; margin:0 0 50px 0;}
.org_box01 dl { float:left; width:100%;}
.org_box01 dt{width:27%;}
.org_box01 dd { width:70%;}

.org_box02 {width:100%; margin:0 0 50px 0; }
.org_box02 ul{width:100%;}







}





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

/* 서브타이틀 */
.history li { padding-left:28px; margin-right:0;}
.title_guide h3{  font-size:30px; padding-bottom:15px; margin-bottom:15px; margin-top:20px; text-align:center;}


/* 어플리케이션레이아웃 */
.app{ position: relative;}
.app ul { text-align:center; font-size:0;}
.app li{ display:inline-block; float:none;}
.app li img{ width:36px;}


}


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





/* 조직도 */
.org_box01 { width:100%; margin:0 0 50px 0;}
.org_box01 dl { float:left; width:100%; margin-bottom:20px;}
.org_box01 dt{width:100%; margin-right:0; }

.org_box01 dd { width:100%;}




}




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

}