section#subVisual {background:#293646;}

section#container {width:100%;margin:0 auto; min-height:500px; background:url(../../_images/common/bg_pattern.jpg) no-repeat left 0px; padding-bottom:50px;}
section#container:after {content:""; display:block; clear:both;}
section#container2 {width:100%;margin:0 auto; min-height:500px; background:url(../../_images/contents/ourwork_img.jpg) no-repeat left 0px; padding-bottom:50px;}
section#container2:after {content:""; display:block; clear:both;}

ul.sub_basic {float:right; margin:15px 0 0 0;}
ul.sub_basic li {float:left; background:url(../../_images/common/ico_bread.gif) no-repeat right center; padding-right:15px; margin-left:10px;}
ul.sub_basic li:last-child {background:none; padding-right:0; font-weight:bold;}
ul.sub_basic li a {display:block;}
ul.sub_basic li a:hover {opacity:0.8}


/* contents 공통 */
div.contents_box2 {}
div.contents_box2 h3.tit2 {font-size:23px; font-weight:bold; color:#5a5a5a; line-height:80px; border-bottom:2px solid #ed1924; margin-bottom:20px;}
div.contents_box { position:relative; float:right; width:863px;}
div.contents_box h3.tit {font-size:23px; font-weight:bold; color:#5a5a5a; line-height:84px; }
div.contents_box h3.tit3 {font-size:23px; font-weight:bold; color:#5a5a5a; line-height:84px; border-bottom:2px solid #ed1924; margin-bottom:20px; }
div.contents_box h3.tit4{font-size:23px; color:#9c9c9c; margin-bottom:16px}

p.text {font-size:15px; color:#787878; line-height:28px; margin-bottom:30px;  white-space: pre-line;}
p.text strong {font-weight:bold;}
p.text span.big {font-size:24px; font-weight:bold;}
p.text02 {font-size:13px; color:#787878; line-height:20px; margin-bottom:30px;  white-space: pre-line;}
p.text02 > span {display:block; font-size:16px; color:#333; font-weight:bold;}
p.text03 {font-size:14px; color:#787878; line-height:20px; margin-bottom:30px;  white-space: pre-line;}
p.text03 > span {display:block; font-size:16px; color:#333; font-weight:bold;}
.text_space_low{margin-top:-35px;}

h4.s_tit01 {font-size:18px; font-weight:bold; color:#666; margin-bottom:20px;} 

/*회원가입 로그인*/
.sct_wrap img{display:block; margin:0 auto 20px; }
.login_title{text-align:center; font-size:40px; color:#242424; margin-bottom:27px;}
.login_sub{text-align:center; font-size:16px;  margin-bottom:48px; color:#6f6f6f; font-weight:bold;}
.login_icon{width:744px; height:184px; position:relative; margin:0 auto;}
.login_icon li{float:left;  width:184px; height:184px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.login_icon li:nth-child(1){border-left:1px solid #ccc;}
.login_icon li a {display:block; width:184px; height:184px;}
.login_icon li img{display:block; text-align:center; margin:32px auto 20px;}
.login_icon li span{display:block; text-align:center; font-size:18px; color:#242424; font-weight:bold;}
.search_info{width:863px; text-align:center; margin-top:50px;}
.search_info li {display:inline-block; margin:-19px auto 50px 5px; }
a.search_btn{display:block; width:150px; height:45px; color:#ffffff; border-radius:3px; font-size:16px; text-align:center; line-height:45px; }
a.search_id{background-color:#c93c39;}
a.search_pw{background-color:#000;}


.login_box{}
.login_box table{border:1px solid #bfbfbf; width:446px;  margin:0 auto; padding:20px 20px 20px 20px; background-color:#f2f2f2;}
.login_box table input{width:250px; height:35px; border:1px solid #bfbfbf; margin:10px 0;}
.login_box table td.login_title{width:139px; font-size:15px; text-align:left; font-weight:bold; color:#000; padding-left:23px;}

.submit_btn{width:446px; background-color:#404040; padding:10px 0; cursor:pointer; position:relative; left:208px; margin-top:20px;}
.submit_btn a{display:block; width:446px; color:#fff; text-align:center;}

.id_info{text-align:center;}
.find_id{font-size:35px; padding-bottom:10px; color:#f79646; font-weight:bold;}
.find_pw{font-size:20px; padding-bottom:10px; color:#f79646; font-weight:bold;}
/*메일인증*/
.rule_check{background-color:#f2f2f2; border:1px solid #d4d4d4; padding:20px;}
.rule_check input {margin:20px 0;  }
.rule_check label {font-size:18px; font-weight:bold; display:inline-block; margin-left:10px;}
.rule_check p {height:250px; overflow-y:scroll; background-color:#fff; white-space: pre-line; margin: 0 20px; padding:10px; border:1px solid #d4d4d4; color:#787878;}
.backing_form_wrap table td.sign_up_title{font-size:15px; padding:20px 0 20px 20px; width:130px; font-weight:bold;}
.backing_form_wrap table.rule_check{border:1px solid #d4d4d4;}
.backing_form_wrap table.rule_check02{border:none;}
.backing_form_wrap table.rule_check02 select {width:100px;}
.backing_form_wrap table.rule_check02 input[type=radio] {margin-left:10px;}
table.rule_check02 ul li{margin:14px 0;}
a.mail_btn{padding:9px 25px; font-size:15px; color:#fff; background-color:#000;}
p.finish_text{font-size:25px; color:#ff9900; text-align:center; margin-bottom:20px;}

/*북한인권현황*/

.situation_img{width:1120px; height:607px; position:relative;}
.si_images img:nth-child(n+2){display:none;}
.img_nav{position:absolute; bottom:0; width:1120px; height:70px;}
.img_nav li.choose{background-color:#000;}
.img_nav li{display:table; float:left; width:139px; height:55px; background-color:rgba(0,0,0,0.6); color:#fff; cursor:pointer; vertical-align:middle; text-align:center; font-size:16px; padding:10px; border-left:1px solid #fff;}
.first-child{border-left:none;}
.img_nav li p {display:table-cell; vertical-align:middle; color:#fff;}
.situ_text div:nth-child(n+2){display:none;}


/* NKHR소개 */
ul.tap_menu {width:100%; height:50px; margin-bottom:50px; border-bottom:2px solid #ed1924;}
ul.tap_menu li {float:left; font-size:17px; background:#f6f6f6;}
ul.tap_menu li a {display:block; color:#666; padding:15px 14px; border-top:1px solid #dfe0e0; border-right:1px solid #dfe0e0;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul.tap_menu li a:hover {opacity:0.8}
ul.tap_menu li:first-child a {border-left:1px solid #dfe0e0; }
ul.tap_menu li.on a {background:#fff; color:#ed1924; padding:16px 15px; font-weight:bold; border-top:2px solid #ed1924; border-right:2px solid #ed1924; border-left:2px solid #ed1924;}

p.line {width:100%; height:2px; background:#454547; margin:30px 0; }

ul.intro_list {}
ul.intro_list li {font-size:16px; color:#333; line-height:40px; background:url(../../_images/contents/ico_dot.png) no-repeat left center; padding-left:20px;}

ul.about_box:after {content:""; display:block; clear:both;}
ul.about_box li {float:left;}
ul.about_box li:last-child {width:67%; margin-left:30px;}

ul.activity_ban:after {content:""; display:block; clear:both;}
ul.activity_ban li {float:left; margin-left:5px; width:19.5%; text-align:center; font-size:16px; height:78px; line-height:78px; background:#ff863b; border-radius:5px; -moz-border-radius:5px ; -webkit-border-radius:5px ;}
ul.activity_ban li:first-child {margin-left:0px;}
ul.activity_ban li a {display:block; color:#fff; /*padding:40px 0;*/}
ul.activity_ban li a:hover {opacity:0.8}
ul.activity_ban li a.two_line{line-height:25px; margin-top:14px;} 

div.img_ct {text-align:center}

dl.movement_list {margin-bottom:50px;}
dl.movement_list:after {content:""; display:block; clear:both;}
dl.movement_list dd {float:left;}
dl.movement_list dd:last-child {width:69.5%; margin-left:20px;}

div.cs_box {padding:30px 30px 30px 120px; border:1px solid #e5e5e5; background:url(../../_images/contents/ico_foot_cs.gif) no-repeat 5% center; font-size:12px; }
div.cs_box > p { color:#666; padding-bottom:5px}
div.cs_box > span {font-weight:bold; color:#000; background:url(../../_images/contents/ico_tel.gif) no-repeat left center; padding-left:20px;}

ul.adr_box {}
ul.adr_box li { font-size:15px; color:#666; line-height:28px; }
ul.adr_box li > span { color:#333; font-weight:bold; padding-left:15px; }
ul.adr_box li > span:first-child {padding-left:0}

ul.office_box:after {content:""; display:block; clear:both;}
ul.office_box li {float:left; margin-right:20px; text-align:center; font-size:12px; margin-bottom:40px; height:220px;}
ul.office_box li > a {display:block;}
ul.office_box li > a:hover {opacity:0.8}
ul.office_box li > a > p {font-weight:bold; color:#333; padding-top:15px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; width:176px;}
ul.office_box li > a > span {display:block;  color:#666; width:176px; }
ul.office_box li > a > strong {display:block; padding-top:10px;color:#000}
ul.office_box img{width:123px !important; height:164px !important;}

/* 활동안내 */

ul.ourwork_box {}
ul.ourwork_box:after {content:""; display:block; clear:both;}
ul.ourwork_box li {width:467px; height:327px; float:left; margin:60px 0 0 63px; text-align:center; color:#fff;}
ul.ourwork_box li:nth-child(1) {background:url(../../_images/contents/ourwork_bg_01.png) no-repeat top left;}
ul.ourwork_box li:nth-child(2) {background:url(../../_images/contents/ourwork_bg_03.png) no-repeat top left;}
ul.ourwork_box li:nth-child(3) {background:url(../../_images/contents/ourwork_bg_02.png) no-repeat top left;}
ul.ourwork_box li:nth-child(4) {background:url(../../_images/contents/ourwork_bg_04.png) no-repeat top left;}
ul.ourwork_box li dl {margin-top:40px;}
ul.ourwork_box li dl dt {font-weight:bold;}
ul.ourwork_box li dl dt p {font-size:22px; padding-bottom:15px;}
ul.ourwork_box li dl dd {font-size:16px; font-weight:bold; line-height:30px;}
ul.ourwork_box li dl dd.first {background:url(../../_images/contents/p_line.png) no-repeat top; padding-top:17px; margin-top:15px;}
ul.ourwork_box li dl dd a{color:#fff;}
ul.ourwork_box li dl dd a:hover {opacity:0.8}




/* layer */
.layerBg {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url("../../_images/contents/overlay.png") repeat 0 0;z-index:998}
.layerPop {display:none;position:fixed;top:-50%;left:50%;width:600px;height:400px;margin-top:-200px;margin-left:-300px;z-index:999;color:#000;background:#fff url("../../_images/contents/bg_layer_pop.png") no-repeat right bottom;}
.layerPop .layerPopInner {width:90%;margin:0 auto;padding:60px 0 0}
.layerPop .layerPopInner p.tit {font-size:28px;font-weight:bold;color:#ff7e00;margin-bottom:20px;}
.layerPop .layerPopInner p.tit span {display:block;font-size:15px;font-weight:normal;color:#4c4c4c;}
.layerPopInner .layerClose {display:none;position:absolute;top:0;right:0}


/* paging */
.paging {text-align:center;}
.paging ul {display:inline-block;/*display:inline;*//*zoom:1;*/}
.paging ul > li { display:inline; /*position:relative*/}
.paging ul > li > a {float:left;padding:5px 8px;text-decoration:none;cursor:pointer;font-size:13px;font-weight:bold;color:#4c4c4c;}
.paging ul > li.first a, .paging ul > li.last a, .paging ul > li.prev a, .paging ul > li.next a {padding:0;border:1px solid #e6e6e6;font-weight:normal;margin:0 3px}
.paging ul > li.prev a {margin-right:10px}
.paging ul > li.next a {margin-left:10px}
.paging ul > .active > a {color:#e67335;}
.paging ul > li > a:hover {background:#fdfdfd;}
.paging ul > .active > a:hover {}
.paging img {vertical-align:middle}

/* 자료센터 */

ul.source_box:after {content:""; display:block; clear:both;}
ul.source_box li {border:1px solid #ff863b; float:left; margin:0 7px 7px 0; width:277px; height:139px; text-align:center; font-size:16px; border-radius:5px; -moz-border-radius:5px ; -webkit-border-radius:5px ;}
ul.source_box li:first-child {margin-left:0px;}
ul.source_box li a {display:block; color:#505050 !important; font-size:20px; line-height:140px;}
ul.source_box li a.two_line{line-height:28px;  margin-top:43px;}
ul.source_box li:hover { background-color:#ff863b;}
ul.source_box li:hover a{color:#fff !important;}
/* 자료센터 */

/* 활동안내 - 유엔활동 */
ul.cam_box:after {content:""; display:block; clear:both;}
ul.cam_box li {overflow:hidden; border:1px solid #ff863b; float:left; margin-left:3px; width:168px; height:98px; text-align:center; font-size:16px; border-radius:5px; -moz-border-radius:5px ; -webkit-border-radius:5px ;}
ul.cam_box li:first-child {margin-left:0px;}
ul.cam_box li a {display:block; color:#5f5f5f; height:98px; line-height:98px;}
ul.cam_box li a.two_line{line-height:26px; margin-top:23px;}
ul.cam_box li:hover{background-color:#ff863b; }
ul.cam_box li:hover a {color:#fff;}
ul.work_list li {margin-top:20px; font-size:14px; color:#808080; line-height:26px; background:url(../../_images/contents/ico_dot.png) no-repeat 6px 9px; padding-left:20px;}
.l_on{background-color:#ff863b;} 
.l_on a { color:#fff !important;}



/* 활동안내 - 유엔활동 */

/* 활동안내 - 이미지 박스 */

.img_box{padding-top:10px; border-top:2px solid #444547;}
.img_box:after {content:""; display:block; clear:both;}
.bor_none{border-top:none; float:left; padding-bottom:30px;}
.img_box li {margin:20px 0 0 10px; width:272px; border:1px solid #d8d8d8; border-top:2px solid #feb812; float:left; padding-bottom:20px;}
.img_box li .f_tit{display:block; padding:15px 10px 3px 15px; color:#333; font-size:15px; width:240px; font-weight:bold; text-overflow:ellipsis; overflow:hidden;white-space:nowrap;}
.img_box li .f_tit:hover{color:#fe0065;}
.img_box li p{padding-left:15px; color:#a9a9a9; font-size:12px; height:40px; line-height:20px; width:240px;overflow:hidden;white-space:normal;text-overflow:ellipsis;}
.img_box li .btn_m{padding-left:15px; width:70px; height:22px; display:block; border-radius:5px; color:#ff0000; font-size:12px; line-height:25px;}
.botom_l{border-bottom:2px solid #444547; margin-top:20px;}



.cho_th li{float:left; margin-bottom:20px;}
.cho_th:after{content:""; display:block; clear:both;}
.cho_th li{display:block; padding:9px 0; width:90px; border:1px solid #ddd; background:#f7f7f7; color:#888; text-align:center; line-height:1.2em;}
.cho_th .c_on{border:1px solid #565e60; background:#fff; color:#565e60; font-weight:bold;}

/* 활동안내 - 이미지 박스 */

/* 멀티미디어 */
.play_con{width:100%; border:1px solid #d8d8d8; border-top:2px solid #feb812; padding-top:20px;}
.play_con .f_tit{display:block; color:#333; font-size:15px; font-weight:bold;} 
.play_con .f_tit:hover{color:#fe0065;}
.play_con p{padding:15px 15px 5px 15px; color:#a9a9a9; font-size:12px; line-height:20px; overflow:hidden;white-space:normal;text-overflow:ellipsis;}
.play_con .btn_m{margin-bottom:20px; padding-left:15px; width:70px; height:22px; display:block; border-radius:5px; color:#ff0000; font-size:12px; line-height:25px;}
.more { border:1px solid #d8d8d8; padding:10px 15px; float:right; margin:10px 0px 0px 0px;  overflow:hidden; font-size:15px; }
.more:after {content:""; display:block; clear:both;}

.v_titl{font-size:15px; font-weight:600; line-height:18px; color:#727272; padding:5px 0; text-overflow:ellipsis; overflow:hidden; width:650px; display:block; font-weight:bold; white-space:nowrap;}
.v_info{border-bottom:1px solid #d8d8d8; }
.v_info p{font-size:12px; padding:5px 0;}
.v_info p span{margin-right:20px;}

.m_play_con{text-align:center; border:none; margin-bottom:50px;}
.m_play_con p {white-space: pre-line; color:#808080;}
.sub_title{font-size:13px;}
.m_play_con strong{font-weight:bold; color:#727272;}
.m_play_con h4 {margin-top:30px;}
.ko_text{text-align:left;}
.v_btn{float:right;}
.v_btn li{float:left; font-size:12px; color:##757575; border:1px solid #d9ded9; padding:7px; background-color:#f2f5f9; margin:0 2px;}
.v_btn li:hover a {color:red;}

.v_table table{width:858px;}
.v_table td{border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:7px 10px;}
.v_table th{width:70px; padding:7px 13px; font-weight:bold; color:#808080; text-align:left; background-color:#f5f8f9;  border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; }
.v_table input{padding:10px 7px 9px; border:1px solid #cfcfcf;}

.video_a_btn{text-align:center; margin-top:50px;}
#btn_submit{background-color:#ff3061; color:#fff; cursor:pointer; border:none; margin:2px;}
#btn_ce{color:#757575; border:1px solid #757575; padding:9px; margin:2px;}
#btn_ce:hover{color:#ff3061;}
/* 멀티미디어 */



/*후원참여*/
.backing_top{display:inline-block;}
.top_text{display:inline-block; font-size:13px; color:#808080; line-height:20px; margin-bottom:0; white-space:pre-line; vertical-align:top; margin-top:-21px;}
.top_text strong{font-weight:bold; color:#333;}
.top_table{width:520px; margin-left:225px; margin-top:-195px;}
.top_table td{height:19px; border-bottom:1px solid #e4e4e4; color:#6B6B6B; font-size:12px;}
.top_table thead {border-bottom:2px solid #444547; }
.top_table thead td{font-size:16px; font-weight:900; color:#000; height:37px;}
 .top_table td.top_table_title{ font-size:13px; line-height:20px; color:#333; width:120px; padding:7px 0 6px;  }


.backing_middle{margin-top:50px; padding:20px 15px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
p.middle_text{line-height:24px; font-size:13px; white-space:normal;}
.backing_btn{ width:235px; margin:45px auto;}

.backing_bottom {width:583px; margin:0 auto 80px;}
.backing_bottom h3{font-size:14px; font-weight:900; color:#000; height:37px; line-height:37px;}
.backing_bottom table{ width:583px; border-top:2px solid #d4d4d4; border-bottom:2px solid #d4d4d4;}
.backing_bottom table td{padding:8px 4px; border-bottom:1px dashed #b2b2b2;}
.bottom_table_title{color:#5f5f5f; font-weight:900; font-size:12px;}

.download_btn{text-align:right;}
.download_btn a {display:inline-block; padding:2px 13px; background-color:#fbfbfb; border:1px solid #ccc; text-align:center;}
.download_btn a span{color:#e60000; font-weight:900;}

/*후원하기*/
.text_margin{margin-left:18px;}
.backing_form_wrap{margin-top:35px; position:relative; z-index:9;}
.backing_form_wrap span{color:#f75700;}
.backing_form_wrap h3{color:#ff9900; margin:10px 0 ; font-size:16px;}
.backing_form_wrap table{width:863px; border-top:2px solid #ff9900;  border-bottom:1px solid #b3b3b3;}
.backing_form_wrap table td{border-bottom:1px solid #ebebeb; /* padding:10px;*/}
.backing_form_wrap table tr.table_last td{border-bottom:1px solid #b3b3b3;}
.backing_form_wrap table td.ft{padding:20px 0 20px 30px; border-right:1px solid #ebebeb; text-align:left; width:197px; font-size:14px; color:##323233;}
.backing_form_wrap td input[type=text]{padding:9px 7px 8px;  border:1px solid #d8d8d8; vertical-align:middle; margin-right:8px; width:223px;}
.backing_form_wrap td input[type=password]{padding:9px 7px 8px;  border:1px solid #d8d8d8; vertical-align:middle; margin-right:8px; width:223px;}
.backing_form_wrap td.post_num input[type=text]{width:74px;}
.backing_form_wrap td.add_num input[type=text]{width:590px;}
.backing_form_wrap td.mo_num input[type=text]{width:100px;}
.backing_form_wrap table select{width:241px; height:31px;}
.radio01 p {margin-top:10px; font-size:13px; line-height:20px;}
.radio01 input{margin-left:20px;}
.radio01 input:nth-child(1){margin-left:0;}
.birth p {margin-top:10px; font-size:13px; line-height:20px;}
.bank li{font-size:14px; padding:13px 0; color:#6B6B6B;}
.bank em{display:inline-block; width:180px;}
.bank li span{display:inline-block;  width:160px; color:#6B6B6B;}
.all_docu{display:block; font-size:12px; text-align:right; color:#6B6B6B; width:47px; margin-top:-20px; border-bottom:1px solid #6B6B6B; margin-left:137px;}
.btn_confirm{text-align:center; margin:58px 0 80px 0;}

.backing_under{border-bottom:2px solid #000; padding-bottom:10px;}
.donate_part1{padding:20px 0 40px 0;}
.donate_part1:after{content:""; display:block; clear:both;}
.backing_under2{display:block; color:#ed1924; font-size:18px; font-weight:bold; padding-bottom:10px; border-bottom:2px solid #eee; margin-bottom:20px;}



.agc_form input[type=image], .donataccbt{display:inline-block; background-color:#f1f1f1; border-radius:5px; padding:14px 30px; border:2px solid #eee;}
.agc_form input[type=image]:hover, .donataccbt:hover{border:2px solid #ddd;}
.agc_form input[type=text]{background-color:#e5e5e5; height:10px; padding:9px 7px 8px; vertical-align:middle;}

.agc_form p {margin:10px 0; line-height:35px; background-color:#fafafa; padding:5px 25px; font-size:12px; color:#808080;}
.agc_overflow .agc_fl{float:left;}
.agc_overflow .agc_fr{float:right;margin-top:42px;}

.global_giving{width:162px; text-align:center; border:1px solid #e19b2d; border-radius:15px; padding:5px;}
.global_giving:hover{background-color:}

.global_giving p {background-color:#fafafa; color:#DB8600 !important; font-size:13px; font-weight:bold; margin-bottom:10px;}
.global_giving_img1{width:162px; margin-bottom:10px;}

/*인턴 자원봉사지원*/
.intern_text_wrap{width:600px; margin:-157px 0 130px 266px;}

/* 후원참여 */
.or_aplly_but {font-size:24px; font-weight:bold; line-height:40px; background-color:#ed1924; color:#fff !important; padding:5px 10px;}
.or_aplly_but:hover{opacity:0.9;}