소스만 넣으면 사이트가 차단됩니다. 구버전에서는 잘먹혔었는데 안되요... 채택완료

    

    .sub010401 { text-align:center; }

    .sub010401 > div{margin-bottom: 50px;}

    .sub010401 h3 { font-size: 2.3em; margin: 20px 0; }

    /*.sub010401 h4 { width: 100%; font-size: 2em; color:#fff !important; border: 2px solid orange; background: orange;  height:50px; line-height: 50px; }*/

 .sub010401 h4 { width: 100%; margin-bottom: 50px;    font-size: 2.5em;    font-weight: bold;    text-align: center;    color: #555;    margin-top: 10px; }

    .sub010401 h5 { width: 100%; font-size: 1.7em; background: skyblue; line-height: 50px; color:#fff; }

    .sub010401 p {  color:#555; font-size: 18px; padding: 30px 20px; border: 1px solid #eee; }

    .sub010401 .sub_txt{width: 100%; font-size:18px;color:#666; font-weight:300; line-height:26px; margin-bottom:30px; text-align: center; border: 4px solid #eee; border-radius: 12px; background: #fcfcfc; font-weight: 800; }

    .sub010401 .sub_txt1{ }

    .sub010401 .sub_txt2{ }

    .sub010401 .sub010401_01 { width: 1000px; margin: 0 auto; }

    .sub010401 .sub010401_01::after { display: block; content: ''; clear: both; }

    .sub010401 .sub010401_01 .p_sub_tx1 .top_img  { width:100%; margin:0 auto 60px;}

    

    .sub010401 .sub010401_02 { width: 1000px; margin: 0 auto 80px; /*border: 1px solid #eee; box-sizing: border-box;*/ height:560px; }

    .sub010401 .sub010401_02:after { content: ''; display: block; clear:both; }

    .sub010401 .sub010401_02 .tab { width: 100%; cursor: pointer;}

    .sub010401 .sub010401_02 .tab p { padding:12px; font-weight: 800; }

    .sub010401 .sub010401_02 .tab_1, .tab_2, .tab_3 { width: 50%; display: block; height: 50px; float: left; }

    /*.sub010401 .sub010401_02 .tab_1, .tab_2, .tab_3 { width: 33.33%; display: block; height: 50px; float: left; }*/

    .sub010401_02 .on { background: orange; }

    .sub010401_02 .on p { color:#fff !important; }

    .sub010401_02 .on::after { background: #fff; }

    .sub010401 .sub010401_02 .tab_con { /*border: 1px solid #eee; box-sizing: border-box;*/ }

    .sub010401 .sub010401_02 .tab_con div iframe { padding: 20px 0; }

    

    .sub010401 .sub010401_03 { width: 1000px; margin: 0 auto 80px; /*border: 1px solid #eee; box-sizing: border-box;*/ height:880px; }

    .sub010401 .sub010401_03:after { content: ''; display: block; clear:both; }

    .sub010401 .sub010401_03 .box_1 { }

    .sub010401 .sub010401_03 .box_1::after { display: block; content: ''; clear: both; }

    .sub010401 .sub010401_03 .box_1 .box_1_a { margin: 20px; padding: 20px; }

    .sub010401 .sub010401_03 .box_1 .box_1_4 { }

    .sub010401 .sub010401_03 .box_1 .box_1_4 p { text-align:left;  padding: 30px 156px; }

    

    .sub010401 .sub010401_04 { width: 1000px; margin: 0 auto 80px; /*border: 1px solid #eee; box-sizing: border-box;*/ height:580px; }

    .sub010401 .sub010401_04:after { content: ''; display: block; clear:both; }

    .sub010401 .sub010401_04 .box_2 { }

    .sub010401 .sub010401_04 .box_2 .box_2_a { margin: 20px; padding: 20px; }

    .sub010401 .sub010401_04 .box_2 .box_2_3 { }

    .sub010401 .sub010401_04 .box_2 .box_2_3::after { display: block; content: ''; clear: both; }

    .sub010401 .sub010401_04 .box_2 .box_2_3 ul { width: 100%;  }

    .sub010401 .sub010401_04 .box_2 .box_2_3 ul li { width: 20%; float:left; font-size: 18px; }

    .sub010401 .sub010401_04 .box_2 .box_2_3 ul li i { color: skyblue; font-size: 23px; vertical-align: text-top; }

    .sub010401 .sub010401_04 .box_2 .box_2_3 p { text-align:left;  padding: 30px 156px; }

    

    .sub010401 .sub010401_05 { width: 1000px; margin: 0 auto 80px; /*border: 1px solid #eee; box-sizing: border-box;*/ height:230px; }

    .sub010401 .sub010401_05:after { content: ''; display: block; clear:both; }

    .sub010401 .sub010401_05 .box_3 { }

    .sub010401 .sub010401_05 .box_3::after { display: block; content: ''; clear: both; }

    .sub010401 .sub010401_05 .box_3 .box_3_a { margin: 20px; padding: 20px; }

    .sub010401 .sub010401_05 .box_3 .box_3_4 { }

    .sub010401 .sub010401_05 .box_3 .box_3_4 p { text-align:left;  padding: 30px 156px; }

    

    .sub010401 .sub010401_06 { width: 1000px; margin: 0 auto 80px; /*border: 1px solid #eee; box-sizing: border-box;*/ height:560px; }

    .sub010401 .sub010401_06:after { content: ''; display: block; clear:both; }

    .sub010401 .sub010401_06 .box_4 { }

    .sub010401 .sub010401_06 .box_4::after { display: block; content: ''; clear: both; }

    .sub010401 .sub010401_06 .box_4 .box_4_a { margin: 20px; padding: 20px; }

    .sub010401 .sub010401_06 .box_4 .box_4_4 { }

    .sub010401 .sub010401_06 .box_4 .box_4_1 p { }

    

    

    

    

    .mo_br { display: none; }

    

@media screen and (max-width:767px){

    

    .sub010401 { width:100%;  }

    

    .sub010401 .sub010401_01 { width: 100%; }

    .sub010401 .sub010401_01 .p_sub_tx1 .top_img  { width:100% !important; }

    

    .sub010401 .sub010401_02 { width: 100%; margin: 0 auto 50px; /* border: 1px solid #eee; box-sizing: border-box;*/ }

    .sub010401 .sub010401_02 .tab_1, .tab_2 { width: 50%; display: block; height: 50px; float: left; }

    /*.sub010401 .sub010401_02 .tab_1, .tab_2, .tab_3 { width: 33.33%; display: block; height: 50px; float: left; }*/

    .sub010401 .sub010401_02 .tab p { padding:9px;  font-size: 13px; }

    .sub010401 .sub010401_02 .tab_con div iframe { padding: 20px 0; width:100%; }

    

    .sub010401 .sub010401_03 { width: 100%; margin: 0 auto 80px; /*border: 1px solid #eee; box-sizing: border-box;*/ height:1000px; }

    .sub010401 .sub010401_03:after { content: ''; display: block; clear:both; }

    .sub010401 .sub010401_03 .box_1 { }

    .sub010401 .sub010401_03 .box_1::after { display: block; content: ''; clear: both; }

    .sub010401 .sub010401_03 .box_1 .box_1_a { margin: 20px; padding: 20px; }

    .sub010401 .sub010401_03 .box_1 .box_1_4 { }

    .sub010401 .sub010401_03 .box_1 .box_1_4 p { text-align:left;  padding: 30px 20px; }

    

    .sub010401 .sub010401_04 { width: 100%; margin: 0 auto 80px; /*border: 1px solid #eee; box-sizing: border-box;*/ height:660px; }

    .sub010401 .sub010401_04:after { content: ''; display: block; clear:both; }

    .sub010401 .sub010401_04 .box_2 { }

    .sub010401 .sub010401_04 .box_2 .box_2_a { margin: 20px; padding: 20px; }

    .sub010401 .sub010401_04 .box_2 .box_2_3 { }

    .sub010401 .sub010401_04 .box_2 .box_2_3::after { display: block; content: ''; clear: both; }

    .sub010401 .sub010401_04 .box_2 .box_2_3 ul { width: 100%;  }

    .sub010401 .sub010401_04 .box_2 .box_2_3 ul li { width: 33.33%; float:left; font-size: 18px; }

    .sub010401 .sub010401_04 .box_2 .box_2_3 ul li i { color: skyblue; font-size: 23px; vertical-align: text-top; }

    .sub010401 .sub010401_04 .box_2 .box_2_3 p { text-align:left;  padding: 30px 156px; }

    

    .sub010401 .sub010401_05 { width: 100%; margin: 0 auto 80px; /*border: 1px solid #eee; box-sizing: border-box;*/ height:230px; }

    .sub010401 .sub010401_05:after { content: ''; display: block; clear:both; }

    .sub010401 .sub010401_05 .box_3 { }

    .sub010401 .sub010401_05 .box_3::after { display: block; content: ''; clear: both; }

    .sub010401 .sub010401_05 .box_3 .box_3_a { margin: 20px; padding: 20px; }

    .sub010401 .sub010401_05 .box_3 .box_3_4 { }

    .sub010401 .sub010401_05 .box_3 .box_3_4 p { text-align:left;  padding: 30px 156px; }

    

    .sub010401 .sub010401_06 { width: 100%; margin: 0 auto 80px; /*border: 1px solid #eee; box-sizing: border-box;*/ height:560px; }

    .sub010401 .sub010401_06:after { content: ''; display: block; clear:both; }

    .sub010401 .sub010401_06 .box_4 { }

    .sub010401 .sub010401_06 .box_4::after { display: block; content: ''; clear: both; }

    .sub010401 .sub010401_06 .box_4 .box_4_a { margin: 20px; padding: 20px; }

    .sub010401 .sub010401_06 .box_4 .box_4_4 { }

    .sub010401 .sub010401_06 .box_4 .box_4_1 p { }

    

    .mo_br { display: block; }

        

    }

    





    

        

            권익옹호

            

                장애인 당사자가 차별이나 학대를 당했을 때 도움을 줍니다.

 혼자 끙끙 앓았던 차별 · 학대 문제, 장애로 인해 겪은 부당한 경험,

 어떻게 대응해야 할지 몰랐던 불편함을 장애 당사자와 실무 직원이 함께 해결합니다.

 권익옹호를 통해 장애인의 완전한 사회참여와 평등권 실현에 한 발 더 다가섭니다.

           

            



        

    

    

    

        

            

                당사자권익옹호지원

            

            

                장애인인색개선캠페인

            

        

        

        

            




                

            

            




                

            

        

    







    $(function () {    

        tab('#tab',0);    

    });

    function tab(e, num){

        var num = num || 0;

        var menu = $(e).children();

        var con = $(e+'_con').children();

        var select = $(menu).eq(num);

        var i = num;

        select.addClass('on');

        con.eq(num).show();

        menu.click(function(){

            if(select!==null){

                select.removeClass("on");

                con.eq(i).hide();

            }

            select = $(this);    

            i = $(this).index();

            select.addClass('on');

            con.eq(i).show();

        });

    }