@media (min-width:2000px){
   .main_visual .swiper-container .swiper-wrapper .swiper-slide > img{ position: relative;width:100%; left:0;margin:0;}
}

@media (max-width:1300px){
   #sub_container > div,
   #sub_container > div.sub_title .in,
   .main_wrap{ width:100%;box-sizing:border-box; }
   #sub_container{ width:100%; }
   div.img{ padding:2% 5%;}
   div.img.organ{ padding:2% 0; }
   div.img.member_list{ padding:0; }
   .main_visuals .width{ min-width:100%; }
   #sub_container > div.cont{ padding:0 2%;box-sizing:border-box; }

   .etc_use{ padding:0 2%;box-sizing:border-box; }

   #sub_container .etc_use h3 .space,
   #sub_container .etc_use h3 br{ display: none !important; }

   #sub_container .default_unesco dd .img.organ a.btn_default{ height:7.5% }
   .main_visuals .hangle{ left:5%;top:5%;margin-left:0;}   
   .inner{ width:100%; }
   .main_visuals .hangle3{ left:5%;top:5%;margin-left:0;}
   .inner{ width:100%; }
   #header .gnb_area .inner h1{ float:left;margin-top:25px }
   #header .header_top .inner .site_langage{ margin-right:20px; }
   #header .gnb_area .inner .search_area{ right:20px }
   #header .gnb_area .inner .gnb { text-align:left;margin-left:250px;}
   #header .gnb_area .inner .gnb > li{ position: relative;text-align:center;}
   #header .gnb_area .inner .gnb > li > a{ width:140px; }
   #header .gnb_area .inner .gnb.on{ background:none}
   #header .gnb_area .inner .gnb.on > li:after{ border-left-color:#e4e4e4}
   #header .gnb_area .inner .gnb.on > li:first-child{ border-left-color::#fff;}
   #header .gnb_area .inner .gnb.on > li:last-child:before{ border-left-color:#e4e4e4 }
   #header .gnb_area .inner .sub_menu li a{ font-size: 12px;; }
   .hope_store .gray_box ul li .img{ padding:0;}

   .main_visual .swiper-container .swiper-wrapper .swiper-slide .hangle1{
      left:5%;margin-left:0px;
   }
   .spon_report > div{ width:100%}
   .new_box ul li .img{  }
   .new_box ul{ margin-left:-3.5%; }
   .new_box ul li{ width:31%;margin-left:2.3%; }

   .unesco_news.headquarters{ margin-top:0; }

   #header .gnb_area h1 a img{ width:210px; }



   .eng_intro_way,
   .tab_list.play.default_unesco > dl > dd,
   .tab_list > dl > dd.on{ padding:0 2%; }

   #sub_container.sub_depth3 .tb_type1{ width:100%; }
   #sub_container.sub_depth3 #interview_list .tb_type1,
   #sub_container.sub_depth3 #dream_list .tb_type1{ width:100%;margin:0; }
   #sub_container .intro_tab_list.play.unesco_intro .tab_list > dl > dd.on{ padding-left:0;padding-right:0; }

   .new_footer_banner .swiper-container{ width:90%;margin-right:10%; }
   .green_banner > form{ float:right; width:50%;}
   .green_banner > form > div{ width:100% }
   .green_banner > div{ width:50%;box-sizing:border-box; }
   .green_banner .write_letter{ text-align:right; }
   .green_banner .write_letter input{ width:50% }
   .green_banner .write_letter button{ width:30%;padding:0;line-height:100%;padding:15px 0;font-size: 12px; }
   .green_banner {width:100%;margin-bottom:0;}
   
   .board_area{ padding:50px 2% 0 }
   .board_area .right_banner,
   .board_area .left_notice{ width:48% }
   /* test 추가 */
   .green_banner_test > form{ float:right; width:50%;}
   .green_banner_test > form > div{ width:100% }
   .green_banner_test > div{ width:50%;box-sizing:border-box; }
   .green_banner_test .write_letter{ text-align:right; }
   .green_banner_test .write_letter input{ width:50% }
   .green_banner_test .write_letter button{ width:30%;padding:0;line-height:100%;padding:15px 0;font-size: 12px; }
   .green_banner_test {width:100%;margin-bottom:0;}
   
   .green_banner {
    width:100%;
	margin-bottom:0;
}
.blue_barit_banner  {

    width: 100%;

}

/* test 추가 */
.blue_barit_banner_test  {

    width: 100%;

}

   .main_bottom_banner,
   .board_area .right_banner > ul{ width:50%; border:0;position: relative;z-index: 3;}
   .board_area .right_banner > ul li{ width:100%;border:0; }
   .board_area .right_banner:after{ content:"";display: block;position: absolute;left:0;top:0;right:0;bottom:0;z-index:1;border:1px solid #e4e4e4 }
   .board_area .right_banner > ul li:last-child:after{ border-bottom:0; }
   .board_area .left_notice ul li{ margin-top:10px; }
   .main_bottom_banner{ height:auto ;margin:0;position: relative;z-index: 3;}

   .main_visual .swiper-container .swiper-wrapper .swiper-slide a span.txt,
   .main_visual .swiper-container .swiper-wrapper .swiper-slide a span.txtB{ width:100%;right:5%;margin-right:0;
   }



   #sub_container .korea_unesco_list{}
   #sub_container .korea_unesco_list ul li{background-size:15px;margin-bottom:35px; padding-left:2%;font-size:16px;}
   .unesco_list > div > div dl dd ul li a{font-size: 14px;}
   .main_visual .swiper-container .swiper-wrapper .swiper-slide a span.hangle2{
      width:50%;left:5%;margin-left:0px;top:470px
   }
   #sub_container.sub_depth3 div.new_gallery_list ul{ margin-left:-1%; }

   .sub6 .in > a{display: block;right:5px;z-index:6;margin-right:0;top:300px}
   .sub6 .in > a img{ width:130px }

   #sub_container .references h3{ border-left:0; }

   .references div[class^='edu_banner'] .swiper-wrapper{ width:100%; }

   .references div[class^='edu_banner'] .swiper-container .swiper-slide a{ display: block; }
   .references div[class^='edu_banner'] .swiper-container .swiper-slide a img{ max-width:100%;width:50% }
   .references div[class^='edu_banner'] .swiper-container .swiper-slide a span{ word-break:break-all; }
   .sub_title{ height:250px;margin-bottom:30px;}
   #sub_container h3{ margin-bottom:30px; }
   #sub_container .sub_title .inner h3{ font-size: 30px;line-height:35px;padding:0 2.5%;}
   .sub_title .inner p{ font-size: 15px;padding:0 2.5%;margin-top:15px;}
   .title_txt{ font-size: 35px;line-height:37px; text-align:center; padding:100px 0 }
   .title_txt em{ font-size:48px;line-height:50px; display: block; margin-top:10px;}
   .tb_type1 .unesco_news.promotion{ padding-top:0; }
   .top_img{ position: relative;text-align:center;}
   .top_img span{font-size: 14px;padding:20px;line-height:22px; }
   .top_img span em{ font-size: 20px;font-weight:400;display: block;margin-bottom:10px; }

   .location dd h4 { margin-top:15px; }
   .location dd h4:first-child{ padding-left:0; }
   .location dd h4 > span{ line-height:22px; }
   .root_daum_roughmap_landing{ width:100%  !important; height:50vh}
   .root_daum_roughmap_landing > div.wrap_map{ height:inherit !important; }

   /* 단행본/보고서 */
   .report_list ul li{ margin-top:20px;}
   .report_list ul li .img{ width:21%;padding:0;}
   .report_list ul li .report_info{ width:75% }

   .banner_conferenc .swiper-container .swiper-slide > img{ max-width:100%; }
   #footer .footer_banner div.banner{ width:100% !important }
   #footer .footer_banner div.banner .in > ul li a { height:70px }
   #footer .footer_address{ padding:45px 2% }
   #footer .footer_address .inner .family_site{ top:-25px }


   #footer .footer_address .inner .m_blog{ top:80px }

   .tab_list > dl > dd div,
   #sub_container h3,
   .tab_list dl.tab4 > dd,
   .tab_list dl.tab4 > dt{ box-sizing:border-box; }

   .spon_story .swiper-container{ width:90%;margin:0 5% }
   .spon_story > .swiper-button-prev{ left:10px; }
   .spon_story > .swiper-button-next{ right:10px; }

   .dream_step ol li{ width:23%;padding:0 4% 0 6%;margin-bottom:30px;min-height:160px }
   .dream_step ol li em{ font-size: 15px; }
   .dream_step ol li strong{ font-size: 18px; }
   .dream_step ol li p{ font-size: 14px; line-height:22px; }

   .intro_new .img{width:30%;}
   .intro_new .right_txt{width:60%; }

   /* 후원하기 */
   #sub_container .spon_top h3{ font-size:32px;margin:40px 0 10px }
   #sub_container .spon_top em{ font-size:14px; }
   #sub_container .spon_top .btn_list2{ padding:15px 0 ; }
   #sub_container .spon_top span{ font-size:16px; }


   #sub_container div.new_gallery_list{ margin-left:-1%; padding:0 2%;}
   #sub_container dd div.new_gallery_list{ padding:0; }
   #sub_container div.new_gallery_list li{ width:24%;margin-left:1%;margin-bottom:1%;}
   #sub_container div.new_gallery_list li a strong{ font-size:16px;line-height:20px; min-height:40px;}
   #sub_container div.new_gallery_list li a > span{ padding:10px; }
   #sub_container div.new_gallery_list li a span.txt{ margin:10px 0 15px;font-size: 14px; }
   #sub_container div.new_gallery_list li a em.img:after{ background-size:50px 50px;width:50px;height:50px;}


   .tab_type1 > dl{position: relative; padding-left:2%;padding-right:2%;box-sizing:border-box;padding-top:90px;margin-top:-30px }
   .tab_type1 > dl > dt{ height:46px;line-height:46px;z-index: 5; }
   .tab_type1 > dl:after{ content:"";display: block;background:#04104d;height:46px;position: absolute;left:0;right:0;top:0;z-index: 3;}

   #sub_container div.sponsoring_main{background-size:cover; margin-top:50px;}
   #sub_container div.sponsoring_main .in{ width:100%;padding:55px 0 0}
   #sub_container div.sponsoring_main .in > strong{ font-size:30px;margin-bottom:35px;}
   #sub_container div.sponsoring_main .in ul{ margin-left:-1%;padding-bottom:70px;padding:0 2% 20px;;box-sizing:border-box;}
   #sub_container div.sponsoring_main .in ul li{height:460px;position: relative; text-align:center;width:24%;float:left;margin-left:1%; }
   #sub_container div.sponsoring_main .in ul li img{ max-width:100%}
   #sub_container div.sponsoring_main .in ul li a.list{ color: #fff; display: block; }
   #sub_container div.sponsoring_main .in ul li a.y_btn{position: absolute;left:35px;bottom:0;right:35px;}
   #sub_container div.sponsoring_main .in ul li a:hover{ text-decoration:none; }
   #sub_container div.sponsoring_main .in p{font-size: 26px;position: relative; padding:30px 0 ; text-align:center;}
   #sub_container div.sponsoring_main .in p:after{ content:"";display: block;border-top:1px solid #97c0e5;position: absolute;left:-50%;top:0;right:-50%; }
   #sub_container div.sponsoring_main .in p > span{ color:#fff;padding:30px 0 30px; display: inline-block;}
   #sub_container div.sponsoring_main .in p span strong{ color:#fff; font-weight:500 }

   #sub_container .dream_box > div > ul{ padding:0 20px }
   #sub_container .dream_box > div > ul > li > dl{  }
   #sub_container .dream_box > div > ul > li > dl dt{ width:100%;font-weight:bold;margin-bottom:10px; }
   #sub_container .dream_box > div > ul > li > dl dd{ width:100% }
   #sub_container > .unesco_news.press_rel > ul{ margin-left:-1%; }
   #sub_container > .unesco_news.press_rel,
   #sub_container > .tb_type1.notice{ width:96%;margin-left:2%;margin-right:2%; }
   #sub_container > div.search_box,
   .intro_tab_list{ padding:0 2%; box-sizing:border-box;}

   #sub_container div.unesco_bridge ul{ width:100%;}
   #sub_container div.unesco_bridge ul:after{ content:"";display: block;clear:both }
   #sub_container div.unesco_bridge ul li{position: relative;float:left; width:22%;margin:0 1.5%;text-align:center;}
   #sub_container div.unesco_bridge ul li:after{  width:20px;height:42px;position: absolute;left:-26px;margin-top:-21px;background-size:20px 42px;}
   #sub_container div.unesco_bridge ul li:first-child:after{ display: none; }
   #sub_container div.unesco_bridge ul li.even{  }
   #sub_container div.unesco_bridge ul li:first-child{ margin-left:1.5%; }
   #sub_container div.unesco_bridge ul li div { height:340px; }
   #sub_container div.unesco_bridge ul li div img{ max-width:60%;margin:0 20% }
   #sub_container div.unesco_bridge ul li strong{ font-size: 24px;padding:25px 0 15px;}
   #sub_container div.unesco_bridge ul li strong span{ font-size:16px;}

   #sub_container .corporate_spon div.unesco_bridge ul li{ padding-left:2%;padding-right:2%;box-sizing:border-box; }


   #sub_container .corporate_spon .ing_list{padding:25px 0 ; }
   #sub_container .corporate_spon .ing_list li{position: relative; vertical-align:top;display: inline-block; margin-left:1%;width:13%}
   #sub_container .corporate_spon .ing_list li:after{ content:"";display: block;width:14px;height:30px;background:url(/assets/img/sub/blur_spon1.png) 0 0 no-repeat;position: absolute;left:-13px;top:50px;background-size:14px 30px;}
   #sub_container .corporate_spon .ing_list li:first-child{ margin-left:0; }
   #sub_container .corporate_spon .ing_list li:first-child:after{ display: none; }
   #sub_container .corporate_spon .ing_list li img{ max-width:80%;margin:0 10%; }
   #sub_container .corporate_spon .ing_list li span{ display: block;font-size: 13px;color: #666;line-height:20px;margin-top:10px; }


   .spon_business_list{padding:50px 0; }
   .spon_business_list ul li{ display: inline-block;vertical-align:top;width:33.33%; }
   .spon_business_list ul li strong{font-size: 26px;line-height:28px;}
   .spon_business_list ul li em{ font-size:26px;line-height:28px; }
   .spon_business_list ul li p{ font-size:16px;line-height:24px;margin-top:20px;padding:0 25px;}


   .spon_doit{  }
   .spon_doit ul{ width:100%; }
   .spon_doit ul:after{ content:"";display: block;border-bottom:1px solid #e2e2e2;position: absolute;left:-1000px;right:-1000px;bottom:0; }
   .spon_doit ul li{ position: relative;padding:60px 0 ; }
   .spon_doit ul li:after{ content:"";display: block;clear:both; }
   .spon_doit ul li.middle{ background:#f6f7f8; }
   .spon_doit ul li.middle:before{content:"";display: block; background:#f6f7f8;position: absolute;left:-1000px;top:0;bottom:0;width:1000px; }
   .spon_doit ul li.middle:after{content:"";display: block; background:#f6f7f8;position: absolute;right:-1000px;top:0;bottom:0;width:1000px; }
   .spon_doit ul li > div{ vertical-align:top; }
   .spon_doit ul li .left{position: relative;top:30px;display: inline-block;width:50%; text-align:center;}
   .spon_doit ul li .left em{ color: #0077d4;font-size: 18px; line-height:20px;display: block;}
   .spon_doit ul li .left strong{ font-size:25px;line-height:36px; font-weight:200;display: block; }
   .spon_doit ul li .left a{ margin-top:20px;color: #0072bc;background:#faeb00;font-size:18px;line-height:21px;padding:15px 30px;display: inline-block;font-weight:500; }
   .spon_doit ul li .right_img{ display:inline-block;width:50%; }
   .spon_doit ul li .right_img img{ max-width:100%; }


   #sub_container > div.ing_campaign { margin-left:0;padding:0 2%; }
   .ing_campaign > div{ width:49.5%;margin-left:1%;box-sizing:border-box;}
   .ing_campaign > div:first-child{ margin-left:0; }

   .ing_campaign > div .info .img{ width:50%; }
   .ing_campaign > div .info .txt{ padding-left:55%; }

   .unesco_business .new_tab dd{ padding:0 2% }

}

@media (max-width:1276px){

   .sub6 .in > a{top:370px}
   .main_visuals .hangle{ font-size: 30px; }

   #sub_container .spon_top span{ display: block;padding:0 2%; line-height:18px}
   #sub_container ,
   #container{ margin-top:205px; }
   #header .gnb_area{ height:205px;top:0;  }
   #header .gnb_area.on{ height:500px }
   #header .gnb_area .inner{ position:static; }
   #header .gnb_area .inner h1{ position: absolute;left:20px;top:20px;right:0;text-align:left;margin-top:0; z-index: 5;}
   #header .gnb_area .inner h1 img{ max-width:100%;width:100px; }
   #header .gnb_area .inner .gnb{ margin-left:0;margin-top:100px }
   #header .gnb_area .inner .search_area{ top:40px }
   #header .gnb_area .inner .gnb > li{ width:16.666%; }
   #header .gnb_area .inner .gnb > li > a{ width:100%; }
   #header .gnb_area .inner .gnb > li.menu_3 + li > a{ width:100% }
   #header .gnb_area .inner .gnb > li.menu_3 .line2 a{ line-height:30px; }
   #header .gnb_area .inner .gnb > li.menu_3 .line2 a br{ display: none; }
   #header .gnb_area .inner .gnb { margin-right:0px }
   #header.headerScroll .gnb_area .inner h1{ top:10px; }
   #header.headerScroll .gnb_area .inner .search_area{ top:30px }
   /* #header.headerScroll{background: url(/assets/img/common/bg_header_middle.png) 0 0 repeat-x; }*/
   #header.headerScroll .gnb_area{ height:180px }
   #header.headerScroll .gnb_area.on{ height:475px}
   #header.headerScroll .gnb_area:before{ height:100px;}

   .tab_list dl.tab5{ padding-top:110px; }
   .tab_list dl.tab5 > dt{width:50%; }
   .tab_list dl.tab5 > dt.btn2{ left:50%; }
   .tab_list dl.tab5 > dt.btn2 a{ padding:15px 0 }
   .tab_list dl.tab5 > dt.btn2 ~ dt{ width:33.33%; }
   .tab_list dl.tab5 > dt.btn3{ left:0%;top:48px; border-left:0;}
   .tab_list dl.tab5 > dt.btn3 a:after{ display: none; }
   .tab_list dl.tab5 > dt.btn4{ left:33.33%;top:48px; }
   .tab_list dl.tab5 > dt.btn5{ left:66.66%;top:48px; }

   .member_list .member_list_board .top > li:first-child:after{bottom:-610px; }
   .member_list .member_list_board .middle > li{ margin-top:20px; }
   .member_list .member_list_board .middle:before{ bottom:85px }
   .member_list .member_list_board .bottom2:before{ left:14.6%;right:14.6%; }
   .member_list .member_list_board > ul > li:after{ top:18px }
   .member_list .member_list_board > ul > li > a{ font-size: 18px;height:40px;line-height:35px;; }
   .member_list .member_list_board ul > li > ul li{ font-size: 15px;letter-spacing:-1px;line-height:28px; }

   .member_list .member_list_board .middle{ width:30%;margin-right:10.5%; }

   .tab_list dl.tab8{ padding-top:130px;border-left:1px solid #ddd;border-top:1px solid #ddd; }
   .tab_list dl.tab8 > dt{width:25%;}
   .tab_list dl.tab8 > dt.on:after,
   .tab_list dl.tab8 > dt:after{ display: none; }
   .tab_list dl.tab8 > dt a{ border:1px solid #ddd;border-left:0;border-top:0; }
   .tab_list dl.tab8 > dt.on:after{display: block; border-color:#000;z-index: 6;}

   .tab_list dl.tab8 > dt.btn2{ left:25%; }
   .tab_list dl.tab8 > dt.btn3{ left:50%; }
   .tab_list dl.tab8 > dt.btn4{ left:75%; }

   .tab_list dl.tab8 > dt.btn5{ top: 60px;left:0; }
   .tab_list dl.tab8 > dt.btn6{ left:25%;top: 60px }
   .tab_list dl.tab8 > dt.btn7{ left:50%;top: 60px }
   .tab_list dl.tab8 > dt.btn8{ left:75%;top: 60px }


   .tab_style2 dl.tab4{ padding-top:118px }
   .tab_style2 dl.tab4 > dt{ width:50%;left:0; }
   .tab_style2 dl.tab4 > dt a{  font-size: 14px;  }
   .tab_style2 dl.tab4 > dt.btn2{ left:50% }
   .tab_style2 dl.tab4 > dt.btn3{ left:0;top:55px }
   .tab_style2 dl.tab4 > dt.btn4{ left:50%;top:55px }
}

@media (max-width:1200px){
   #header .gnb_area .inner .sub_menu li a{ font-size: 13px; }
   .board_area .right_banner > ul li a strong{ font-size:15px; }
   .board_area .right_banner > ul li a{ background-size:30px auto !important;padding:0 0 0 30%;background-position:20px center !important; }

   .layer_all_menu.pc{ padding:25px;width:90%;box-sizing:border-box; margin:0 5%;left:0; }
   .layer_all_menu.pc > ul{ margin-left:-1%; }
   .layer_all_menu.pc > ul > li{ width:24%;margin-left:1%; }

   .human_social{}
   .human_social .tab_list > dl.tab4{ padding-top:110px; }
   .human_social .tab_list dl.tab4 > dt{ width:50%;margin-top:-2px;}
   .human_social .tab_list dl.tab4 > dt > a{ font-size: 14px; }
   .human_social .tab_list dl.tab4 > dt.btn2{ left:50%; }
   .human_social .tab_list dl.tab4 > dt.btn3{ left:0%;top:48px }
   .human_social .tab_list dl.tab4 > dt.btn4{ left:50%;top:48px }
   .human_social .tab_list > dl > dt:after{ border:2px solid #000; }
   .human_social .tab_list > dl > dt:first-child:after{ border-right-width:1px;border-bottom-width:1px; }
   .human_social .tab_list > dl > dt.btn2:after{ border-left-width:1px;border-bottom-width:1px; }
   .human_social .tab_list > dl > dt.btn3:after{ border-right-width:1px;border-top-width:1px; }
   .human_social .tab_list > dl > dt.btn4:after{ border-left-width:1px;border-top-width:1px; }

   .corporate_spon .img_list > li img{ width:100px }
   .hope_store .gray_box ul li{ height:130px; }
   .hope_store .gray_box ul li .txt dl dt{ font-size: 16px; }
   .hope_store .gray_box ul li .txt dl dd{ font-size: 14px;line-height:22px;; }

   .hope_store .gray_box1 ul{ font-size: 0;line-height:0;text-align:center;padding:30px 0 ;; }
   .hope_store .gray_box1 ul li{ width:30.33%;margin-bottom:2%;}
   .hope_store .gray_box1 ul li img{ max-width:70%;margin:0 15%; }

   #sub_container div.spon_list3 ul li{ padding:0 3%; }

   #sub_container.hope_store .tab_list dd > div .tb_type1 > ul > li{ margin-bottom:20px; }

}
@media (max-width:1160px){
   .board_area .left_notice ul li{ margin-top:6px }

   .etc_use > strong{ font-size: 38px; }
   .etc_use > strong span{ font-size: 38px; }

   #sub_container div.sponsoring_main{background-size:cover;margin-top:30px;}
   #sub_container div.sponsoring_main .in{ width:100%;padding:35px 0 0}
   #sub_container div.sponsoring_main .in > strong{ font-size:24px;margin-bottom:25px;}
   #sub_container div.sponsoring_main .in ul{ margin-left:-1%;padding-bottom:35px;padding:0 2% 20px;;box-sizing:border-box;}
   #sub_container div.sponsoring_main .in ul li{height:380px;position: relative; text-align:center;width:24%;float:left;margin-left:1%; }
   #sub_container div.sponsoring_main .in ul li img{ max-width:100%}
   #sub_container div.sponsoring_main .in ul li em{ font-size:22px;line-height:28px;color: #fff;display: block;font-weight:500 ;padding:10px 0 5px;}
   #sub_container div.sponsoring_main .in ul li span{ font-size: 14px;line-height:20px; color: #fff; display: block;letter-spacing:-2px;}
   #sub_container div.sponsoring_main .in ul li span br{ display: none; }
   #sub_container div.sponsoring_main .in ul li a.list{ color: #fff; display: block; }
   #sub_container div.sponsoring_main .in ul li a.y_btn{position: absolute;left:15px;bottom:0;right:15px;padding:10px 0 15px;}
   #sub_container div.sponsoring_main .in p{font-size:20px;position: relative; padding:30px 0 ; text-align:center;}
   #sub_container div.sponsoring_main .in p > span{ padding:15px 0;background-size:60px 51px;}

}

@media (max-width:1100px){

   .unesco_news{ margin-top:25px }
   #sub_container .korea_unesco_list{}
   #sub_container .korea_unesco_list ul li{background-size:15px;margin-bottom:35px;width:48% !important;font-size:16px;}
   .unesco_news > ul li a strong{ min-height:60px;white-space:normal }
   .main_visual .swiper-container .swiper-wrapper .swiper-slide .hangle1{ left:5%; font-size:30px;}
     .main_visuals .hangle.hangle_1126{left:5%;bottom:20%!important;}
   .main_visual .swiper-container .swiper-wrapper .swiper-slide .hangle1 a{ margin-top:10px;height:30px;line-height:30px;padding:0 10px; }
   .main_visual .swiper-container .swiper-wrapper .swiper-slide .hangle1 a span{ height:30px;line-height:30px; padding-right:15px;padding-left:10px;}
   .tb_type1 .unesco_news.promotion > ul li a span{ font-size: 15px;min-height:90px; }
   #container{ margin-top:205px }
   #sub_container{ margin-top:205px }
   #sub_container.on{ margin-top:180px }

   #sub_container .references h3{ padding:0 80px;font-size: 34px; }
   .header_search{ top:187px; }
   .header_search.scrolls{ top:187px}
   .references{ margin-top:40px; }
   .left_right_list > ul > li{ padding:45px 0 40px;}
   .left_right_list > ul > li > strong{ }
   .left_right_list > ul > li > p{ font-size: 14px;line-height:25px;width:70% }
   .left_right_list > ul > li ul{ margin-top:15px }
   .left_right_list > ul > li ul li strong,
   .left_right_list > ul > li ul li{ font-size: 14px; }

   .etc_copy{ padding:0 2%; }
   #sub_container .etc_copy h3{ font-size:30px; line-height:34px;margin: 0 0 20px; }

   #sub_container > h2 span{ font-size:14px;line-height:20px;; }


   .spon_question dl dt{ display: block;background-position:125px 6px;padding-left:2%;margin-bottom:20px; }
   .spon_question dl dd{ display: block; }

   .etc_copy h4{ font-size: 30px;line-height:32px;position: relative; display: inline-block;padding:10px 10px 0 0 ;font-weight:400; margin:50px 0 10px;}
   .etc_copy h4:after{ content:"";display: block;border-top:2px solid #17375e;position: absolute;left:0;top:0;right:0;}
   .etc_copy p{ font-size:14px;line-height:23px;background-size:250px auto}
   .etc_copy ul li{ line-height:22px; color: #666; }
   .etc_copy ul li a{ color: #666; font-size:15px;line-height:22px;}
   .etc_copy ul li strong{ color: #17375e;font-size: 15px; font-weight:400; }


   #sub_container .unesco_intro h4{ font-size: 40px; }
   .unesco_intro .left_right_list > ul > li.greetings .greeting_box{ padding:40px 30px }
   .unesco_intro .left_right_list > ul > li.greetings .greeting_box img{ width:300px }

   .unesco_intro .left_right_list > ul > li a.pdf{ font-size: 13px;top:-20px; right:100px}
   .unesco_intro .left_right_list > ul > li a.pdf img{ width:100px; }

   .spon_question dl dd{  }
   .spon_question dl dd:after{ content:"";display: block;clear:both }
   .spon_question dl dd strong{ width:100%;box-sizing:border-box;text-align:left; margin:0;float:left;height:30px;line-height:30px;margin-bottom:0px;margin-top:10px;}
   .spon_question dl dd strong:after{ top:0; }
   .spon_question dl dd strong:first-child{ margin-top:0; }
   .spon_question dl dd > a,
   .spon_question dl dd span { width:100%;box-sizing:border-box;display: block;text-align:left; float:left;height:30px;line-height:30px;;margin-bottom:10px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;margin-bottom:0;padding-left:15px;box-sizing:border-box;}


   .location dd.center .spon_question dl dd strong{ margin-left:0; }

   #sub_container .unesco_intro .tb_type1.style2 .bottom td ul.style_1{ padding-left:0px; }

   #sub_container > div.spon_map1{ }
   #sub_container > div.spon_map1 ul{ font-size: 0;line-height:0; }
   #sub_container > div.spon_map1 ul li{ width:30%;margin:0 1.5%;}
   #sub_container > div.spon_map1 ul li img{ max-width:100%; }
   #sub_container > div.spon_map1 ul li strong{ font-size:16px;line-height:20px;display: block; margin:10px 0 7px;}
   #sub_container > div.spon_map1 ul li span{ font-size:14px;line-height:20px; }
   #sub_container > div.spon_map1 ul li span br{ display: none; }

   /* news */

   a.btn_default.down span{padding-right:15px; background-size: 10px 10px }
   #sub_container div.new_unesco_news .new_info{ float:right;width:55%;padding-top:22px; }
   #sub_container div.new_unesco_news .new_info strong{ font-size: 30px;line-height:24px;}
   #sub_container div.new_unesco_news .new_info p{ margin:15px 0 ; }

   #sub_container div.new_unesco_news .new_info ul{margin-top:20px;}
   #sub_container div.new_unesco_news .new_info ul:after{ content:"";display: block;clear:both }
   #sub_container div.new_unesco_news .new_info ul li{ width:19%;float:left;margin-left:1% }
   #sub_container div.new_unesco_news .new_info ul li a{ display: block; }
   #sub_container div.new_unesco_news .new_info ul li a .img{  }
   #sub_container div.new_unesco_news .new_info ul li a em{ display: block;color: #838383;letter-spacing:-1px;text-align:center;font-size: 13px;padding-top:10px;}



   .unesco_hope{}
   .unesco_hope ul.list{ font-size: 0;line-height:0;text-align:center; }
   .unesco_hope ul.list li{;margin:30px 1%;width:31%;}
   .unesco_hope ul.list li img{ max-width:100%; }
   .unesco_hope ul.list li strong{ font-size:18px; line-height:20px;display: block;margin:15px 0 ; }
   .unesco_hope ul.list li p{ color: #696969;font-size:14px;line-height:20px; }

   .unesco_business .in_box{ background-size:100px 100px !important;padding:45px 0  }
   .references div[class^='edu_banner'] .swiper-container .swiper-slide a span{ padding:10px 15px; }


}

@media (max-width:1060px){

   .corporate_spon .howto:after{ content:"";display: block;border-top:1px solid #ddd;position: absolute;left:0;right:0;top:50%; }
   .corporate_spon .howto > li{ width:33.33%; }
   .corporate_spon .howto > li:nth-child(4):after{ border-left:0; }

   .main_wrap h3{ margin:30px 0 15px }
   .board_area .right_banner > ul li a { padding:0% 0 0 25%; background-position:10px center !important}
   .board_area .right_banner > ul li a strong{ font-size: 15px;line-height:18px; }
   .board_area .right_banner > ul li a span{ font-size: 12px;line-height:14px; color: #666;letter-spacing:-1px}

   .board_area .left_notice ul li a{ font-size: 14px;; }

   .main_bottom_banner .swiper-container img.pc{ display: none; }
   .main_bottom_banner .swiper-container img.m{ display: block; }

   .sponsoring ul li{ padding:40px 0;width:25%; }
   .sponsoring ul li img{ width:100px }
   .sponsoring ul li strong{ font-size: 24px;line-height:30px;; }

   a.btn_default{ display: inline-block; background:#558ed5;text-align:center;padding:2px 20px 5px;}
   a.btn_default span{font-size: 14px !important;line-height:18px; display: inline-block;padding-right:10px; color:#fff;background-size:5px 9px}

   .school_spon .howto{ margin-top:35px; }
   .school_spon.corporate_spon .howto > li{ width:31%;padding:20px 1% 0  }
   .school_spon.corporate_spon .howto:after{ display: none; }


   #sub_container .unesco_intro .promotion_session h4{ font-size: 26px;line-height:30px;margin-bottom:0; }

   .secretariat{ overflow: hidden;margin-top:30px;}
   .secretariat .imgs{width:28%; }
   .secretariat .imgs img{ max-width:100%; }
   .secretariat .imgs span{ position: absolute;left:0;right:0;bottom:0;color: #fff;background:url(/assets/img/common/bg_dim2.png) 0 0 repeat; font-size:14px;letter-spacing:-1px; padding:10px 0 ;}

   .secretariat .secretariat_info{ width:70%;margin-left:30%; }
   .secretariat .secretariat_info ul{ margin-top:20px; }
   .secretariat .secretariat_info ul li{ position: relative;margin-bottom:5px;padding-left:80px; }
   .secretariat .secretariat_info ul li strong{ position: absolute;left:0;top:0;display: block;width:65px;color: #558ed5;font-weight:500; }
   .secretariat .secretariat_info ul li span{  }

   .btn_list2 > a.style1.big { height: 43px; line-height: 37px; padding:0 35px;font-size: 20px;}
   .btn_list2 > a.style1.big span{ background-size:25px 21px;padding-right:30px; }
   #sub_container .spon_top br{ display:block; }

   #sub_container .corporate_spon .ing_list{padding:15px 0 ; }
   #sub_container .corporate_spon .ing_list li{ margin-left:1%;width:24%; }
   #sub_container .corporate_spon .ing_list li:after{ content:"";display: block;width:14px;height:30px;background:url(/assets/img/sub/blur_spon1.png) 0 0 no-repeat;position: absolute;left:-13px;top:50px;background-size:14px 30px;}
   #sub_container .corporate_spon .ing_list li span{font-size:15px;line-height:24px;margin-top:10px; }

}

@media (max-width:960px){
   #sub_container > div h3:first-child,
   #sub_container .default_unesco h4,
   #sub_container.hope_store h2{ font-size: 24px;line-height:36px;; }


   #sub_container.hope_store h2 p{ font-size:18px;line-height:24px;; }

   .board_area .left_notice ul li{ margin-top:9px }

   .layer_all_menu.pc > ul > li{ width:32%;margin-left:1%; }

   .history{ padding:25px 0; width:100%;}
   .history:after{ display: none;}
   .history > li{ width:100%;float:none;padding-right:0;position: relative;z-index: 5;margin-right:0px;margin-bottom:30px; }
   .history > li:nth-child(even){ float:none;padding-right:0;padding-left:0px; margin-top:0;margin-right:0;}
   .history > li > strong{ display: block; color: #558ed5;font-size: 40px;line-height:42px;margin-bottom:10px;padding-left:25px;position: relative;}
   .history > li > strong:before{ content:"";display: block;width:22px;height:22px;background:#558ed5;border-radius:50%;position: absolute;left:0px;top:7px;margin-top:5px; }
   .history > li > strong:after{ content:"";display: block;width:12px;height:12px;background:#fff;border-radius:50%;position: absolute;left:5px;top:7px;margin-top:10px; }
   .history > li:nth-child(odd) > strong:before{ left:0; }
   .history > li:nth-child(odd) > strong:after{ left:5px; }

   .history > li:nth-child(odd) > strong{;text-align:left;; }
   .history > li > ul{}
   .history > li > ul li{ overflow: hidden; }
   .history > li > ul li em{ color: #17375e;font-size: 16px;width:15%;float:left; line-height:25px;}
   .history > li > ul li span{ font-size: 15px;color: #050505;line-height:25px;float:left;width:85% }
   .history > li:first-child > ul li span{ text-align:left;float:left; }

   .coronation{ padding: 20px 0 40px; }
   .coronation ul li{ width:23.333%; min-height:300px; padding:0 5%;float:left;text-align:center;background:url(/assets/img/sub/icon_step_blur2.gif) left center no-repeat; }
   .coronation ul li:first-child{ background:none;}
   .coronation ul li img{ max-width:100% }
   .coronation ul li strong{ display: block;color: #050505;font-size: 17px;margin-top:5px; font-weight:400}
   .coronation ul li > span{ font-size: 16px;display: block;margin:5px 0  }
   .coronation ul li a{  }
   
   .coronation2{ padding: 20px 0 40px; }
   .coronation2 ul li{ width:23.333%; min-height:300px; padding:0 5%;float:left;text-align:center;background:url(/assets/img/sub/icon_step_blur1.gif) left center no-repeat; }
   .coronation2 ul li:first-child{ background:none;}
   .coronation2 ul li img{ max-width:100% }
   .coronation2 ul li strong{ display: block;color: #050505;font-size: 17px;margin-top:5px; font-weight:400}
   .coronation2 ul li > span{ font-size: 16px;display: block;margin:5px 0  }
   .coronation2 ul li a{  }

   #header .gnb_area .inner .gnb > li > a{ font-size: 14px; }
   .promotion_session .coronation{ padding:20px 0 40px; }
   .promotion_session .coronation ul li{ box-sizing:border-box; }
   .promotion_session .coronation ul li img{ max-width:100%; }
   .promotion_session .coronation2{ padding:20px 0 40px; }
   .promotion_session .coronation2 ul li{ box-sizing:border-box; }
   .promotion_session .coronation2 ul li img{ max-width:100%; }

   .corporate_spon .img_list > li { width:23%;padding:0 1%; margin-bottom:2%}
   .corporate_spon .img_list > li img{ width:auto }
   .corporate_spon .img_list > li ul li{ font-size: 14px;line-height:20px;; }

   .new_unesco dl.tab4{ padding-top:140px; }
   .new_unesco dl.tab4 dt{ width:50%;border:1px solid #ddd;box-sizing:border-box; }
   .new_unesco dl.tab4 dt:after{ border:0 }
   .new_unesco dl.tab4 dt.on{ border:2px solid #000 !important; }
   .new_unesco dl.tab4 dt.on:after,
   .new_unesco dl.tab4 dt.on:first-child:after{ display: none; }



   .new_unesco dl.tab4 dt.btn1{ border-bottom:0; }
   .new_unesco dl.tab4 dt.btn2{ left:50%;top:0;border-bottom:0; }
   .new_unesco dl.tab4 dt.btn3{ left:0; top:60px;}
   .new_unesco dl.tab4 dt.btn4{ left:50%;top:60px; }

   .hope_store .gray_box ul li{ height:120px; }
   .hope_store .gray_box ul li .txt dl dt{ font-size: 15px; }
   .hope_store .gray_box ul li .txt dl dd{ font-size: 13px;line-height:18px;; }

   .intro_new .right_txt strong{ font-size:28px;line-height:38px; }
   .intro_new .right_txt em{font-size: 22px;line-height:28px;display: block; margin:20px 0 }
   .intro_new .right_txt p{ margin-bottom:20px; }

   #sub_container div.unesco_bridge{ padding:40px 0  }
   #sub_container div.unesco_bridge ul{ padding:0  }
   #sub_container div.unesco_bridge ul li{position: relative;float:left; width:22%;margin:0 1.5%;text-align:center;}
   #sub_container div.unesco_bridge ul li:after{  width:10px;height:21px;position: absolute;left:-16px;margin-top:-21px;background-size:10px 21px;}
   #sub_container div.unesco_bridge ul li.even{  }
   #sub_container div.unesco_bridge ul li:first-child{ margin-left:1.5%; }
   #sub_container div.unesco_bridge ul li div { height:200px; }
   #sub_container div.unesco_bridge ul li div img{ max-width:40%;margin:0 30% }
   #sub_container div.unesco_bridge ul li strong{ font-size: 20px;padding:15px 0 10px;}
   #sub_container div.unesco_bridge ul li div span{ font-size:12px; line-height:16px;display: block;}

   .member_list .member_list_board .top > li.two{ width:30%; }
   .member_list .member_list_board .middle{ width:30%;margin-right:8%; }
   .member_list .member_list_board .middle:after{ width:40%; }
   .member_list .member_list_board .middle > li:first-child:before{ left:25%; }

   .member_list .member_list_board .top > li.two:after{ width:162%; }

   .member_list .member_list_board .bottom2 > li{ width:20%;margin:0 1.5% }
   .member_list .member_list_board ul > li > ul li a{ font-size: 13px; }

   .tab_list.play.international dl{ padding-top:80px; }
   .tab_list.play.international > dl > dt{ height:67px; }
   .tab_list.play.international > dl > dt.line2.eng{ height:60px; }
}

@media (max-width:900px){
   .press_rel_box{ margin-left:-1% }
   .press_rel_box .press_item{ width:31%;margin-left:2%;}
   div.img .pc{  display:none; }
   div.img .m{ display: none; }
   div.img .tablet{ display: inline-block; }

   .unesco_news > ul{  }
   .unesco_news > ul li{ width:32%;margin-left:1%; }
   .unesco_news > ul li a strong{ font-size:17px;line-height:24px;margin-bottom:5px;min-height:48px; }
   .unesco_news > ul li a em{ font-size: 13px;line-height:20px;height:45px}

   #sub_container .default_unesco h4{ margin:35px 0 15px;font-size: 40px;line-height:42px;; }

   .map_img{ background-size:100% auto ;padding-bottom:80px;}
   .map_img ul li{ width:40%; }
   .map_img ul li:before{ left:10px;right:-10px;bottom:-10px }
   .map_img ul li:first-child:before{ left:-10px;right:10px;bottom:-10px; }
   .map_img ul li img{ max-width:100% }
   .map_img ul li div em{ font-size: 16px;; }
   .map_img ul li:first-child{ margin-left:0 }
   .map_img ul li:first-child + li{ top:0;margin:0;margin-left:5%; }

   .logo_city > li ul{ width:50%; }

   #sub_container div.new_unesco_news .new_info .select2_area{ position: static;margin-top:10px; }
   #sub_container div.new_unesco_news .new_info .select2_area select{
      height:34px;
      line-height: 34px;
      font-size: 14px;
   }
   #sub_container div.new_unesco_news .new_info .select2_area select:first-child{ margin-left:0; }

}

@media (max-width:866px){





   a.btn_default{ padding:5px 20px; }
   a.btn_default span{ font-size: 14px;}

   .unesco_list > div > div dl dd ul li.title,
   .unesco_list > div > div dl dt{ padding:10px 0 }
   .unesco_list > div > div dl dt strong{ font-size: 15px;margin:0;; }
   .unesco_list > div > div dl dt span { font-size: 13px;; }

   .unesco_network h4{ margin-top:35px; font-size: 24px;}
   .unesco_list > div > div dl dd ul li span.day{ position:static; }

   .school_list_div.tb_type1 .unesco_news > ul li a > em{
      -webkit-line-clamp: 1;
      height:1.5em;
   }

   #sub_container .dream_box > div ul.listss > li.two span{ margin-right:25px; }

   .unesco_network{ box-sizing:border-box; background-size:200px ;background-position:right 160px; }
   .new_unesco .unesco_network{ background-position:right 65px; }

   .unesco_network .tb_type1{ margin:10px 0 0;width:100%; }
   .right_img.unesco1 h4{ padding-left:0 !important; }
   .references div[class^='edu_banner'] > .swiper-button-prev{ left:10px; }
   .references div[class^='edu_banner'] > .swiper-button-next{ right:10px; }

   #sub_container div.tb_type1 ul > li span.img:after{ width:40px;height:40px;background-size:40px 40px; }

   .default_unesco .left_right_list > ul > li{ padding:35px 0  }
   .default_unesco dd .left_right_list > ul > li:first-child{ padding-top:0 }
   .tab_list dl.tab4 dd div.right_img p,
   #sub_container .default_unesco.tab_list dl.tab4 dd .left_right_list p{ width:70% !important }
   .main_visual{ height:auto }
   .main_visual .swiper-container .swiper-wrapper .swiper-slide a .hangle1{ font-size:30px; }
   .main_visual .swiper-container .swiper-wrapper .swiper-slide a .hangle1 span{ margin-top:15px;height:30px;line-height:30px;padding:0 25px;font-size: 14px; }
   .main_visual .swiper-container .swiper-wrapper .swiper-slide a img{ left:0;margin:0; }
   .main_visual div[class^='swiper-button']{ width:25px;height:41px;background-size:25px 41px; margin-top:-20px;}
   .unesco_network h4 span{ display: block; }
   .unesco_network,
   #sub_container.unesco_korea .left_right_list,
   .default_unesco .left_right_list.default > ul > li,
   #sub_container .default_unesco.tab_list .efa_edu dt dd .left_right_list.default > ul > li,
   .default_unesco .btn2 + dd .left_right_list.bottom > ul > li:first-child,
   .right_img.unesco1,
   .default_unesco .btn2 + dd .left_right_list > ul > li:first-child{ }
   .right_img.unesco1{ width:96%;margin:0 2%; }

   #sub_container > div h3:first-child br,
   #sub_container .default_unesco h4 br,
    #sub_container.hope_store h2 br { display: none; }


   #sub_container .default_unesco .efa_edu .left_right_list > ul > li h4 span{ font-size: 30px;; }
   #sub_container .default_unesco .tb_type1.distribution tbody tr td:first-child{ box-sizing:border-box; }
   #sub_container .default_unesco .tb_type1.distribution tbody tr td,
   #sub_container .default_unesco .tb_type1.distribution2 tbody tr td{ padding:10px 0  }
   .tab_list dl.tab4 dd > p { padding:0 2%; }
   .tab_list dl.tab4 dd p{ box-sizing:border-box;}
   .distribution ,
   .distribution2 { overflow-x:scroll; }
   .distribution table,
   .distribution2 table { width:150%; }
   #sub_container .default_unesco .tb_type1 tbody tr td{ box-sizing:border-box; }
   #header{ padding:0; }

   #sub_container.unesco_korea .left_right_list{ background-size:200px  }

   #sub_container .spon_top h3.italic_tit{ font-size: 36px;line-height:42px;; }
   .green_banner > div{ width:100%;}
   .green_banner > div:first-child{ margin-bottom:15px; }
   .green_banner .write_letter{ text-align:left; }
   .green_banner .write_letter input{ width:50% }
   .green_banner .write_letter button{ width:20%;padding:0;line-height:100%;padding:15px 0;font-size: 12px; }
   .green_banner > form{ width:100%;float:none; }
   
   /* test 추가 */
   .green_banner_test > div{ width:100%;}
   .green_banner_test > div:first-child{ margin-bottom:15px; }
   .green_banner_test .write_letter{ text-align:left; }
   .green_banner_test .write_letter input{ width:50% }
   .green_banner_test .write_letter button{ width:20%;padding:0;line-height:100%;padding:15px 0;font-size: 12px; }
   .green_banner_test > form{ width:100%;float:none; }

   #sub_container .spon_story h3,
   #sub_container h3{ font-size:30px; margin:30px 0 10px;}

   .title_txt{ padding:30px 0 ; font-size: 24px; line-height:30px;}
   .title_txt em{ font-size: 30px;line-height:32px; }

   .go_top{ padding:10px;right:20px;bottom:20px; }
   .go_top span{ }
   .go_top img{ width:30px;height:30px; }

   .tab_style2 dl.tab4{ padding-top:130px }
   .tab_style2 dl.tab4 > dt a{ font-size: 12px;line-height:18px  }
   .tab_style2 dl.tab4 > dt.btn3,
   .tab_style2 dl.tab4 > dt.btn4{ top:55px }

   .main_visual .swiper-pagination { display: block; position: absolute;left:0;bottom:25px;right:0;}
   .main_visual .swiper-pagination .swiper-pagination-bullet{  margin-left:25px;width:32px;height:32px;background:url(/assets/m_img/main/main_visual_thum_off.png) 0 0 no-repeat;}
   .main_visual .swiper-pagination .swiper-pagination-bullet:first-child{ margin-left:0}
   .main_visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:url(/assets/m_img/main/main_visual_thum_on.png) 0 0 no-repeat; }
   .main_visual .swiper-slide img.pc{ display:none; }
   .main_visual .swiper-container .swiper-wrapper .swiper-slide > img.m{ left:0;margin:0;display: inline-block; }
   .new_box h3{ background:url(/assets/m_img/common/icon_title1.gif) 0 0 no-repeat; background-size:25px 25px; height:25px;line-height:25px;}
   .main_wrap h3{ margin:20px 0 10px;padding-left:35px; font-size: 18px;}

   .board_area .left_notice h3{ background:url(/assets/m_img/common/icon_title2.gif) 0 0 no-repeat; background-size:25px 25px; height:25px;line-height:25px; }

   .detail.campaign .col1{ width:30%; }
   .detail.campaign .col2{ width:auto; }

   .corporate_spon.school_spon .school_list p{ margin-top:5px; }
   .new_box{  padding:0 2%;  }
   .new_box ul{ margin:0; }
   .new_box ul li{ width:100%;margin:0;overflow: hidden; margin-top:1.5%;background-color: #fff;}
   .new_box ul li:hover{ background:#e3e3e3; }
   .new_box ul li:first-child{ margin-top:0}
   .new_box ul li .img{ width:50%;float:left;box-sizing:border-box; }
   .new_box ul li .img img.m{ display: block;height:100%; }
   .new_box ul li .img img.pc{ display: none; }
   .new_box ul li .info{ width:50%;float:left; box-sizing:border-box;border:0;}


   .unesco_intro .left_right_list > ul > li a.pdf{ right:50px;display: block; }
   .unesco_intro .left_right_list > ul > li a.pdf img{ width:100px; margin:0;}


   .board_area .left_notice ul li{ margin-top:5px }
   .board_area .left_notice ul li a{ width:80% }
   .board_area .right_banner,
   .board_area .left_notice{ width:100%;margin:0; }
   .board_area .left_notice{ margin-bottom:20px; }
   .board_area .right_banner > ul li a{ background-position:30px center !important;padding:0% 0 0% 25%}
   .board_area .right_banner > ul li a strong{ font-size: 20px;line-height:24px; margin-bottom:10px;}
   .board_area .right_banner > ul li a span{ font-size: 16px;line-height:20px;}
   #footer .footer_address .inner .family_site{ display: none; }


   .top_img{ position: relative;text-align:center;}
   .top_img span{font-size: 14px;padding:20px;line-height:22px; position:static;display: block;}
   .top_img span em{ font-size: 20px;font-weight:400;display: block;margin-bottom:10px; }

   .tb_type1 .banner5 li{ height:100px; }

   /* tab css */
   .tab_list{  }
   .tab_list > dl{ padding-top:70px;position: relative; }
   .tab_list > dl > dt{ position: absolute;top:0;left:0;text-align:center; font-size: 14px;color: #707070;}
   .tab_list > dl > dt.line2{ line-height:17px;}
   .tab_list > dl > dt > a{font-size: 15px;color: #707070;font-weight:400;position: relative; z-index: 5;}
   .tab_list > dl > dt.on > a{ color: #000;}
   .tab_list > dl > dt > a:hover{ text-decoration:none; }
   .tab_list > dl > dt:after{ content:"";display: block;border:1px solid #ddd;border-left:0;border-bottom:2px solid #000;position: absolute;left:0;top:0;right:0;bottom:0;z-index: 3;}
   .tab_list > dl > dt:first-child:after{ border-left:1px solid #ddd; }
   .tab_list > dl > dt.on:after{ border-width:2px;border-color:#000;border-bottom-color:#fff;border-left:2px solid #000; }
   .tab_list > dl > dd { visibility:hidden;position: absolute;left:0;top:-9999px;}
   .tab_list > dl > dd.on {visibility:visible;position: relative;top:0; }

   .tab_list dl.tab8{ padding-top:140px; }
   .tab_list dl.tab8 > dt.btn5,
   .tab_list dl.tab8 > dt.btn6,
   .tab_list dl.tab8 > dt.btn7,
   .tab_list dl.tab8 > dt.btn8{ top:60px; }

   .references{ margin-top:30px; }

   .left_right_list > ul > li{ padding:30px 0 25px;background-size:120px auto;}
   .left_right_list > ul > li > strong{ font-size: 30px; line-height:38px;margin-bottom:20px }
   .left_right_list > ul > li > p{ font-size: 13px;line-height:22px;width:70% }
   .left_right_list > ul > li ul{ margin-top:10px }
   .left_right_list > ul > li ul li strong,
   .left_right_list > ul > li ul li{ font-size: 13px;line-height:20px; }
   .left_right_list > ul > li ul{ width:70% }
   .left_right_list > ul > li > a{ font-size: 14px; padding-right:20px;height:30px;line-height:30px}
   .list_type1 > li{ padding-left:10px;font-size: 13px; line-height:20px; }
   .list_type1 > li:after{ width:4px;height:4px;top:8px }

   .tb_type1 table thead tr th{ padding:10px 0;font-size: 15px;  }
   .tb_type1 table tbody tr.title_notice td:first-child{ font-size: 15px; }
   .tb_type1 table tbody tr td a{ font-size: 14px;; }
   .tb_type1 table tfoot tr td,
   .tb_type1 table tbody tr td{ font-size: 14px;; }
   .tb_type1.notice .col1{ width:15% }
   .tb_type1.notice .col2{ width:auto }
   .tb_type1.notice .col3{ width:15% }

   .tb_type1.detail tbody th.detail_title{ padding: 15px; font-size: 16px;width:100%;text-overflow:auto;;white-space:normal;overflow: hidden;}
   .tb_type1.detail tbody th.write_info{ padding-left:15px;  font-size: 14px}
   .tb_type1.detail tbody th.write_info span{ font-size: 14px; }

   .tb_type1.detail td strong{ font-size: 18px;; }
   .tb_type1.detail td strong span{ font-size: 15px;; }
   .tb_type1.detail table tbody tr td p { font-size: 14px; line-height:22px;}

   .btn_list{ font-size:0;line-height:0;padding:20px 2%; }
   .btn_list.right > a{ margin-left:6px }
   .btn_list > a{ display: inline-block; font-size: 13px;line-height:16px;padding:8px 10px;text-align:center;min-width:80px; border:1px solid #b5b5b5;color:#b5b5b5;}

   .prev_next{ border-bottom:1px solid #b2b2b2; }
   .prev_next .col1{ width:20%; }
   .prev_next .col2{ width:auto; box-sizing:border-box;}
   .prev_next table{}
   .prev_next table tbody th{ font-weight:400;font-size: 14px; padding:10px 0;background:#eee;color: #969696; border-top:1px solid #ddd;}
   .prev_next table tbody td{ padding-left:15px;border-top:1px solid #ddd; box-sizing:border-box;}
   .prev_next table tbody td a{ font-size: 14px;color: #666;display: inline-block;padding-right:20px; }

   /* 단행본/보고서 */
   .report_list ul li .img{width:20%;}
   .report_list ul li .report_info{;width:75%;padding:15px 5px 10px }
   .report_list ul li .report_info strong{ font-size: 20px;line-height:24px;color: #000; }
   .report_list ul li .report_info span{display: block; font-size: 14px;line-height:20px;color: #9b9b9b; margin:5px 0 10px;}
   .report_list ul li .report_info p{ color: #666;font-size: 13px;line-height:22px;
   -webkit-line-clamp:3;min-height:auto;
    }
   .report_list ul li .report_info a{ margin-top:10px;display: block;}
   .report_list ul li .report_info a img{ width:110px }

   .tb_type1 .unesco_news > ul li { margin-bottom:4%; }
   .tb_type1 .unesco_news > ul li a em{ font-size: 15px;line-height:25px;min-height:75px;margin-top:10px}

   .spon_report > p,
   #sub_container .etc_use{ padding:0 2%;box-sizing:border-box }
   #sub_container .etc_use h3{ margin:25px 0 15px;font-size: 25px;
    padding:0;padding-top:5px;line-height:28px;}

   .etc_use ul li,
   .etc_use .ul_default li,
   .etc_use .style_1 li,
   .etc_use ol li a,
   .etc_use ol li,
   .etc_use p{ font-size: 15px;line-height:23px; }

   .etc_use > strong{ font-size: 30px;}
   .etc_use > strong:first-child { margin:40px 0 10px }
   .etc_use > strong span{ font-size: 30px; }

   .style_1 li { position: relative; padding-left: 10px; font-size: 14px; line-height: 22px;}
   .style_1 li:after{top:8px; }

   .dream_cam em,
   .dream_cam > p > a,
   .dream_cam > p,
   p{ font-size: 14px;line-height:22px; }
   .dream_cam em,
   .dream_cam > p{ text-align:left; }

   .faq.tab_style2 > dl > dt a{ font-size: 14px;padding:10px 0;letter-spacing:-1px; }
   #sub_container .unesco_intro .tb_type1.style2 .bottom td{ overflow:visible; white-space:normal}
   #sub_container .unesco_intro .tb_type1.style2 .bottom td:first-child + td + td { padding-left:10px; }
   .unesco_intro .left_right_list > ul > li ul { width:100%; }
   .unesco_intro .left_right_list > ul > li.greetings > ul li{ width:100%;margin:0; }

   #sub_container .unesco_intro .tb_type1.style2 .line th{ font-size: 14px;padding:10px 0 }

   #sub_container .unesco_intro .tb_type1.style2 th{ font-size:15px; }
   #sub_container .unesco_intro h4{ font-size: 32px; line-height:36px; }
   .unesco_intro .left_right_list > ul > li.greetings .greeting_box > strong{ font-size: 30px;line-height:38px; }
   .unesco_intro .left_right_list > ul > li.greetings .greeting_box > strong span{ font-size: 30px;line-height:38px; }
   .unesco_intro .left_right_list > ul > li.greetings .greeting_box > em{ margin-top:30px; }

   .intro_tab_list dl.tab6 > dt{ width:33.33%; }
   .intro_tab_list dl.tab6 > dt.btn2{ left:33.33%;}
   .intro_tab_list dl.tab6 > dt.btn3{ left:66.66%; }
   .intro_tab_list dl.tab6 > dt.btn4{ left:0; top:48px;}
   .intro_tab_list dl.tab6 > dt.btn5{ left:33.33%; top:48px; }
   .intro_tab_list dl.tab6 > dt.btn6{ left:66.66%; top:48px; }


   .intro_tab_list dl.tab6 ,
   .intro_tab_list dl.tab7 { padding-top:0px; }
   .intro_tab_list dl.tab6 > dt:after{ border:2px solid #000; }
   .intro_tab_list dl.tab6 > dt:first-child:after{ border-right-width:1px;border-bottom-width:1px; }
   .intro_tab_list dl.tab6 > dt.btn2:after{ border-left-width:1px;border-right-width:1px;border-bottom-width:1px; }
   .intro_tab_list dl.tab6 > dt.btn3:after{ border-left-width:1px;border-bottom-width:1px; }
   .intro_tab_list dl.tab6 > dt.btn4:after{ border-right-width:1px;border-top-width:1px; }
   .intro_tab_list dl.tab6 > dt.btn5:after{ border-right-width:1px;border-left-width:1px;border-top-width:1px; }
   .intro_tab_list dl.tab6 > dt.btn6:after{border-left-width:1px;border-top-width:1px; }


   .intro_tab_list dl.tab7 > dt{ width:33.33%; }
   .intro_tab_list dl.tab7 > dt.btn2{ left:33.33%;}
   .intro_tab_list dl.tab7 > dt.btn3{ left:66.66%; }
   .intro_tab_list dl.tab7 > dt.btn4{ left:0; top:48px;}
   .intro_tab_list dl.tab7 > dt.btn5{ left:25%; top:48px; }
   .intro_tab_list dl.tab7 > dt.btn6{ left:50%; top:48px; }
   .intro_tab_list dl.tab7 > dt.btn7{ left:75%; top:48px; }
   .intro_tab_list dl.tab7 > dt.btn3 ~ dt{ width:25%; }

   .intro_tab_list > dl > dt.on:after{ border-bottom-color:#000; }
   .intro_tab_list > dl > dt.btn3 ~ dt.on:after{ border-top:none; }

   .intro_tab_list dl.tab6 > dt:after{ border:2px solid #000; }
   .intro_tab_list dl.tab6 > dt:first-child:after{ border-right-width:1px;border-bottom-width:1px; }
   .intro_tab_list dl.tab6 > dt.btn2:after{ border-left-width:1px;border-right-width:1px;border-bottom-width:1px; }
   .intro_tab_list dl.tab6 > dt.btn3:after{ border-left-width:1px;border-bottom-width:1px; }
   .intro_tab_list dl.tab6 > dt.btn4:after{ border-right-width:1px;border-top-width:1px; }
   .intro_tab_list dl.tab6 > dt.btn5:after{ border-right-width:1px;border-left-width:1px;border-top-width:1px; }
   .intro_tab_list dl.tab6 > dt.btn6:after{border-left-width:1px;border-top-width:1px; }




   .search_box.right{ margin-bottom:10px; }

   .tab_style2 > dl > dt a{font-size: 14px;}

   .location dd > .list_type1{ padding-bottom:40px;}
   .location .gray_box1{ background:#ebebeb;padding:15px ;margin-top:10px; }
   .location .gray_box1 p{ font-size: 14px;line-height:22px;; }
   .location .gray_box1 p strong{ color: #050505;font-weight:400; }

   #sub_container .unesco_intro .tb_type1.style1 table tbody tr td{ padding:10px 0; }
   #sub_container .unesco_intro .tb_type1.style1 table tbody tr td p{ font-size: 14px;line-height:20px; padding:0 5px;}

   .day_list ol li{ font-size: 16px ; padding:15px 0 ; }
   .day_list .day_info > div{ padding:5px 10px;font-size: 14px; line-height:22px; }

   .care_info .col1{ width:10%; }
   .care_info .col2{ width:auto; }
   .care_info .col3{ width:17%; }
   .care_info .col4{ width:10%; }
   .promotion_session .gray_box1 a{ padding:5px 15px;  }
   a.btn_default.write span{ background-size: 15px 17px}

   .img_list li strong{ font-size: 16px;line-height:22px;margin:10px 0 8px; }
   .img_list li span{ font-size: 13px;line-height:17px;display: block; }

   #sub_container .default_unesco .left_txt_right_img > p{ width:70% !important }
   #sub_container .default_unesco .left_txt_right_img.img1{ background-size:200px auto }

   .btn_list2 {width:96%;margin:0 2%; padding-top:40px;}

   .gray_line{ padding:55px 0; margin:40px 2% 0;width:96%}
   .gray_line p{ font-size: 24px;line-height:34px;width:70%;}
   .gray_line.spon_business1{ background-size:200px auto; }

   #sub_container > div .unesco_network h3:first-child{ margin-top:30px; }

   .spon_business_list ul li { text-align:left;width:100%;margin:0;padding:0 2%;box-sizing:border-box;margin-top:20px;}
   .spon_business_list ul li:first-child { margin-top:0; }
   .spon_business_list ul li strong{  }
   .spon_business_list ul li p{ margin-top:10px; }

   .spon_question{ margin-bottom:20px; }
   .spon_question dl{ width:100% }

   .banner_pop{ position: fixed;left:50%;top:30%;border:1px solid #17375e;background:#fff;z-index:20;margin:0 0 0 -376px;display: none; }
   .banner_pop > a{ position: absolute;right:-30px;top:0;z-index: 3; }
   .banner_pop h2 em{ display: block; font-size: 30px;line-height:30px;font-weight:500}
   .banner_pop h2{ position: relative;background:#fff;padding:10px 0 ;text-align:center;border-bottom:1px solid #ddd; font-size: 30px;line-height:30px;font-weight:500;z-index: 5;}
   .banner_pop h2 span{ position: absolute;right:30px;bottom:10px;color: #9f9f9f;font-size: 14px;font-weight:300;display: inline-block;height:18px;line-height:18px;padding-left:25px;background:url(/assets/img/sub/icon_time2.gif) 0 0 no-repeat; }
   .banner_pop .in{ padding:20px 2% 15px; }
   .banner_pop .in p{ margin-top:5px; }
   .banner_pop .in > ul{ overflow: hidden; font-size: 0;line-height:0;width:705px;margin-left:-15px;}
   .banner_pop .in > ul li{ margin:10px 0 15px 15px;display: inline-block;width:220px; }
   .banner_pop .in > ul li img{ max-width:100%; }
   .banner_pop .in > ul li span{ display: block;color: #666;font-size: 14px;line-height:22px;text-align:center; }


   .banner_pop .in > ul{ width:100%; }
   .style3 .in ul { margin:0;margin-left:-2%}
   .style3 .in ul li { width:31.3333%;margin:10px 0 15px 2%;; text-align:center;}
   .banner_pop.schools{}
   .banner_pop.schools h2{ padding:40px 0  }
   .banner_pop.schools .in{ width:96%;padding:2%; }
   .banner_pop.schools .in .img img{ max-width:100% }

   .banner_pop{left:0;width:96% !important;margin:0 2% !important}
   .banner_pop > a{ right:0;top:-59px; }

   .corporate_spon .tb_type1.write th{ font-size: 12px; }
   .corporate_spon .tb_type1.write th span{ font-size: 10px;; }
   .corporate_spon .tb_type1.write td{ padding-top:5px;padding-bottom:5px; }
   .tb_type1 table tbody tr td select{ height:28px;line-height:28px;background:#fff;width:26%;font-size: 13px;}
   .corporate_spon .tb_type1.write td input[type='text']{ width:100%;box-sizing:border-box; }
   .corporate_spon .tb_type1.write .phone td input[type='text']{ width:20%; }

   .dream_step ol li{ width:95%;padding-left:5% !important;text-align:left;background:none;min-height:auto; margin-bottom:15px;}
   .dream_step ol li p,
   .dream_step ol li em,
   .dream_step ol li strong{ display: inline-block; }
   .dream_step ol li p br{ display: none; }

   .school_spon.corporate_spon .howto > li p{
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      word-break: keep-all;
   }

   .corporate_spon.school_spon .unesco_news > ul li{ width:32%; }
   .school_detail > strong { padding-top:15px;font-size: 30px; }

   .hope_store .howto li img{ width:60px }
   .hope_store .howto li strong{ font-size: 16px; }

   .hope_store .gray_box ul li{ width:99.5%;height:auto; margin-top:20px;overflow: hidden;}
   .hope_store .gray_box ul li .img{ position:static;float:left; }
   .hope_store .gray_box ul li .txt{ float:right; margin:0;width:62%;padding-top:5%; }
   .hope_store .gray_box ul li:first-child{ margin-top:0px;}
   .hope_store .gray_box ul li .txt dl dt{ font-size: 20px;; }
   .hope_store .gray_box ul li .txt dl dd{ font-size: 16px;;line-height:26px;}

   #sub_container.hope_store .tab_list dd > div h3{ margin-top:0 }
   #sub_container.hope_store .tab_list dd > div .tb_type1 > ul{ padding-top:0px; }
   #sub_container.hope_store .tab_list dd > div .tb_type1 > ul > li{ width:32.3333%;min-height:275px; }
   #sub_container.hope_store .tab_list dd > div .tb_type1 > ul > li strong{ font-size: 16px;line-height:22px; margin-top:10px; }
   #sub_container.hope_store .tab_list dd > div .tb_type1 > ul > li em{ font-size: 15px;; }
   #sub_container.hope_store .tab_list dd > div .tb_type1 > ul > li span.list span:first-child,
   #sub_container.hope_store .tab_list dd > div .tb_type1 > ul > li span.list span{ background-size:10px 14px;padding-left:15px; height:auto;min-height:auto;-webkit-line-clamp:2;}
   #sub_container.hope_store .tab_list dd > div .tb_type1 > ul > li span.list span { font-size: 12px;letter-spacing:-0.5px;line-height:18px; }

   .spon_report .img_list{ margin-top:20px;}
   .spon_report .img_list ul li{ width: 31.333%;padding:2% 1%; }
   .spon_report .img_list ul li strong{font-size:28px;margin-top:0;margin-bottom:10px }
   .spon_report .img_list ul li em{ color: #17375e;font-size:20px;}

   .campaign ul li{  }
   .campaign ul li a strong{ margin:10px 0 5px; }
   .campaign ul li a em{ font-size: 13px;line-height:20px;height:40px; }

   .press_rel_box .press_item .info { padding:2% 3%; }
   .press_rel_box .press_item .info strong{ line-height:20px;;display: block; }
   .press_rel_box .press_item .info em{ line-height:22px;height:70px; }

   #sub_container div.new_gallery_list li{ width:32.33%;}


   #sub_container div.sponsoring_main .in{ width:100%;padding:25px 0 0}
   #sub_container div.sponsoring_main .in > strong{ font-size:20px;margin-bottom:15px;}
   #sub_container div.sponsoring_main .in ul{ margin-left:0%;padding-bottom:35px;padding:0 2% 20px;;box-sizing:border-box;}
   #sub_container div.sponsoring_main .in ul li{height:380px;position: relative; text-align:center;width:48%;float:left;margin:0 1% 2%;}
   #sub_container div.sponsoring_main .in ul li img{ max-width:100%}
   #sub_container div.sponsoring_main .in ul li em{ font-size:22px;line-height:28px;color: #fff;display: block;font-weight:500 ;padding:10px 0 5px;}
   #sub_container div.sponsoring_main .in ul li span{ font-size: 14px;line-height:20px; color: #fff; display: block;letter-spacing:-2px; padding:0 5%;}
   #sub_container div.sponsoring_main .in ul li span br{ display: none; }
   #sub_container div.sponsoring_main .in ul li a.list{ color: #fff; display: block; }
   #sub_container div.sponsoring_main .in ul li a.y_btn{position: absolute;left:15px;bottom:0;right:15px;padding:10px 0 15px;}
   #sub_container div.sponsoring_main .in p{font-size:15px;position: relative; padding:30px 0 ; text-align:center;}
   #sub_container div.sponsoring_main .in p > span{ padding:10px 0;background-size:40px 34px;}


   .dream_cam{padding:40px 0 }
   .dream_cam > ul{width:100%;text-align:center;}
   .dream_cam > ul li{ float:none;vertical-align:middle; margin-left:30px;background:#fff;border-radius:50%;height:300px;width:300px;display:inline-block; }
   .dream_cam > ul li .in{ display:block;vertical-align:middle;text-align:center; padding-top:70px;}
   .dream_cam > ul li:first-child .in{ padding-top:35px; }
   .dream_cam > ul li .in img{ width:50px; }
   .dream_cam > ul li .in strong{ font-size:16px;line-height:20px;margin:10px 0 ; }
   .dream_cam > ul li .in p{ font-size: 14px;line-height:20px;text-align:center; }
   .dream_cam > ul li .in a{ font-size: 13px;line-height:16px;color: #fff;margin-top:10px; }
   .dream_cam > ul li:first-child{ margin-left:0; }

   .spon_btn{ text-align:center;font-size: 0;line-height:0; padding-top:15px; }
   .spon_btn li{ display: inline-block;width:46%;margin:0 2%;height:35px;}
   .spon_btn li:first-child{ margin-left:2%; }
   .spon_btn li a{ font-size:14px;height:35px;line-height:30px;border-radius:40px; }

   .spon_btn.bottom li { padding:5px 0 ;font-size: 14px;line-height:20px;width:46%;margin:0 2%; }
   .spon_btn.bottom li span{ font-size: 12px;; }

   #sub_container div.spon_list3 ul{ margin-top:30px; }
   #sub_container div.spon_list3 ul li{ width:46%;margin:2%; }
   #sub_container div.spon_list3 ul li > img{ max-width:90%;margin:0 5%; }
   #sub_container div.spon_list3 ul li strong{ font-size: 18px;line-height:22px; margin:15px 0 10px; }
   #sub_container div.spon_list3 ul li p{ font-size: 13px;line-height:16px;; }

   #sub_container div.spon_top { padding:40px 0 0  }
   .spon_qu_list{ padding:40px 0 ; }

   #sub_container div.spon_list3,
   .spon_qu_list .in_box{ margin-top:20px;}
   .spon_qu_list .in_box ul { padding:20px 0 }
   .spon_qu_list .in_box ul li{ width:28%;margin:15px 2%;}
   .spon_qu_list .in_box ul li img{ max-width:70%;margin:0 15%; }
   .spon_qu_list .in_box ul li > span{ font-size: 14px;line-height:18px;margin:15px 0 ;}


   .hope_store .gray_box1 ul{ font-size: 0;line-height:0;text-align:center;padding:20px 0 0;; }
   .hope_store .gray_box1 ul li{ width:43%;}
   .hope_store .gray_box1 ul li img{ max-width:70%;margin:0 15%; }


   .spon_report .tab_list > dl{ padding-top:80px; }
   .new_list{}
   .new_list ul li a{ padding:15px 15px 5px;}
   .new_list ul li .list strong{ font-size:14px;line-height:26px; }
   .new_list ul li .list .new{padding:3px;font-size: 10px;line-height:12px;margin-left:10px;position: relative;top:-5px; }
   .new_list ul li .list em{ font-size: 15px;line-height:20px;margin-top:10px }
   .new_list ul li > a span.date{ font-size: 12px;position: absolute;right:20px;top:50%;margin-top:-10px; }


   .spon_doit{  }
   .spon_doit ul li{ position: relative;padding:30px 0 ; }
   .spon_doit ul li .left{position: relative;top:30px;display: inline-block;width:50%; text-align:center;}
   .spon_doit ul li .left em{ color: #0077d4;font-size:15px; line-height:20px;display: block;}
   .spon_doit ul li .left strong{ font-size:18px;line-height:24px;}
   .spon_doit ul li .left a{ margin-top:10px;font-size:14px;line-height:21px;padding:7px 15px;display: inline-block;font-weight:500; }

   .tab_style2 > dl > dt a br{ display: none; }
}
@media (max-width:850px){
   #header .layer_all_menu.m{
      -webkit-transition: all 0.5s ;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
   }

   #sub_container .korea_unesco_list ul li{ font-size: 14px; background-size:12px; }

   .tb_type1.write .gray_line2 ul li{ margin-top:10px; }
   .search_box{ text-align:left;position: relative; box-sizing:border-box;}

   dd .search_box{ padding:0; }
   dd .search_box button{ right:0; }
   .search_box input{ width:100%;margin-left:0;box-sizing:border-box;margin-top:10px; }
   .search_box button{background:none; position: absolute;right:0;bottom:0;width:49px }
   .search_box button img{ width:100%; }
   .style_chk label,
   .school_spon.corporate_spon .tb_type1.write td p{ font-size: 14px; }
   .tb_type1 table tbody tr td input[type='password'],
   .tb_type1 table tbody tr td input[type='text'],
   #sub_container .dream_box > div dd input[type='text']{ font-size: 14px; height:28px;line-height:28px; }
   #sub_container .dream_box > div ul.listss > li{ width:100%;margin-top:5px; font-size: 14px;}
   #sub_container .dream_box > div ul.listss > li > span{ font-size: 14px;; }
   #sub_container .dream_box > div ul.listss > li:first-child{ margin-top:0; }
   #sub_container .dream_box > div dd > span.line2,
   #sub_container .dream_box > div dd > span{ display:block;margin:5px 0 0;font-size: 14px;}
   #daumRoughmapContainer1514443565687,
   #map{ width:100%;height:400px; }
}
@media (max-width:817px){
   .banner_pop.intro{ width:96% !important; }
   .banner_pop.intro > a{ top:0;z-index:10; }
   .banner_pop.intro h2{ line-height:34px;padding:10px 0 15px; }

   .member_list .member_list_board > ul > li > a{ font-size: 15px;line-height:34px;height:36px;; }
   .member_list .member_list_board ul > li > ul li{ font-size: 13px;line-height:24px;; }
   .member_list .member_list_board .middle:before{ bottom:73px; }
   .member_list .member_list_board .top > li:first-child:after{bottom:-560px;}

   .member_list .member_list_board .bottom2 > li{ width:23%;margin:0 0.5%; }
   .member_list .member_list_board .bottom2:before{ left:13%;right:13%; }
   

}
@media (max-width:710px){
   .member_pop.floor_info .list_tb.type2 li dl dd span{ width:100%;font-size: 13px; }
   .member_pop.floor_info .list_tb.type2 li dl dd img{ width:26px }
   .member_pop.floor_info{ width:90%;margin:0 5%;left:0; }

   .board_area .right_banner > ul li a{padding-left:30%;}


   #footer .footer_address{ text-align:center;padding:30px 2%; }

   #footer .footer_address .inner .m_blog{ display: block;text-align:center;font-size: 0;line-height:0; margin-bottom:25px;}
   #footer .footer_address .inner .m_blog li{ display: inline-block;vertical-align:top;margin-left:15px; }
   #footer .footer_address .inner .m_blog li:first-child{ margin-left:0 }
   #footer .footer_address .inner .m_blog li a{ display: block; }
   #footer .footer_address .inner .m_blog li a img{ width:27px;  }
   #footer .footer_address .inner .footer_util{ margin-left:-1%; }
   #footer .footer_address .inner .footer_util li{ width:32.3%;margin-left:1%;margin-bottom:1.5%; }
   #footer .footer_address .inner .footer_util li:after{ display: none; }
   #footer .footer_address .inner .footer_util li a{font-weight:200;font-size: 13px; height:30px;line-height:30px;background:#383d48;box-sizing:border-box; }
   #footer .footer_address .inner address ul{ margin-bottom:0; }
   #footer .footer_address .inner address p,
   #footer .footer_address .inner address ul li,
   #footer .footer_address .inner address ul li a{ float:none;font-size: 13px; }

   #footer .footer_address .inner .m_blog{ position:static; }
   .unesco_intro .left_right_list > ul > li.greetings .greeting_box img{ width:200px; }

   /* 찾기 */
   .search_box{ margin-bottom:10px;text-align:left; }
   .search_box .total_post{ position:static;left:0;top:0%;margin-top:0px;padding-left:15px;}
   .search_box .total_post span{ font-weight:500;color: #000; }
   .search_box select{font-size: 14px;
      background:#fff url(/assets/img/common/bg_select.gif) right center no-repeat;
      padding:0 30px 0 10px;height:42px;line-height:42px;margin-bottom:5px;
   }


   .spon_doit{  }
   .spon_doit ul li{ position: relative;padding:20px 0 ; }
   .spon_doit ul li .left{position: relative;top:20px;display: inline-block;width:50%; text-align:center;}
   .spon_doit ul li.middle .left{ top:0; }
   .spon_doit ul li .left em{ color: #0077d4;font-size:15px; line-height:20px;display: block;}
   .spon_doit ul li .left strong{ font-size:18px;line-height:24px;}
   .spon_doit ul li .left a{ margin-top:10px;font-size:14px;line-height:21px;padding:7px 15px;display: inline-block;font-weight:500; }
   .spon_doit ul li .right_img img{ max-width:80%;margin:0 10%; }

   .unesco_business .in_box{ background:none !important; }

   .member_list .member_list_board ul > li > ul li a{ font-size: 12px;; }

   #sub_container.hope_store .tab_list dd > div .tb_type1 > ul > li{min-height:250px; }


}
@media (max-width:672px){
   #header .layer_all_menu.m{position: fixed;top:0;bottom:0;width:70%;background:#fff;z-index: 20;
      -webkit-transition: all 0.4s ;
      -moz-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s;
      left:-70%;
   }
   #header .layer_all_menu.m.on{
      left:0;
   }
   #header .layer_all_menu.m:after{ content:"";display: block;width:50%;background:#384c65;position: absolute;right:0;top:82px;bottom:0;z-index: 2; height:100%;}
   #header .layer_all_menu.m h2{ text-indent:-9999px;position: absolute;left:-99999px; }
   #header .layer_all_menu.m .top{ display: block;background:#0077d4; padding:15px}
   #header .layer_all_menu.m .top > a.m_logo{  }
   #header .layer_all_menu.m .top > a.m_logo img{ width:200px; }

   #header .layer_all_menu.m > a.btn_close{ position: absolute;right:20px;top:25px;background:url(/assets/img/common/m_btn_close_all_menu.gif) 0 0 no-repeat;display: block;width:15px;height:15px;background-size:15px 15px;}
   #header .layer_all_menu.m > a.btn_close img{ width:25px; }

   #header .layer_all_menu.m > ul{ }
   #header .layer_all_menu.m > ul > li{ }
   #header .layer_all_menu.m > ul > li.menu5 strong{ background:#3d5571; }
   #header .layer_all_menu.m > ul > li > a,
   #header .layer_all_menu.m > ul > li > strong.on,
   #header .layer_all_menu.m > ul > li > strong{ position: relative;z-index: 2;color: #696969;font-weight:200;font-size: 15px; cursor:pointer;width:40%;display: block;border-bottom:1px solid #efefef;height:50px;line-height:50px;padding-left:20px;box-sizing:border-box;}
   #header .layer_all_menu.m > ul > li > a:hover,
   #header .layer_all_menu.m > ul > li.on > strong,
   #header .layer_all_menu.m > ul > li > strong:hover{ background:#0060c9;color: #fff;}
   #header .layer_all_menu.m > ul > li ul{position: absolute;left:40%;top:82px;bottom:0;z-index: 3;background:#0060c9;right:0; display: none; padding-left:40px;width:60%;box-sizing:border-box;}
   #header .layer_all_menu.m > ul > li ul li{}
   #header .layer_all_menu.m > ul > li ul li a{ color: #fff;display: block;font-size: 15px;font-weight:200;height:50px;line-height:50px;border-bottom:1px solid #4d90d9 }
   #header .layer_all_menu.m > ul > li:first-child ul{ display: block; }


   .unesco_hope ul.list li{;margin:20px 1%;width:31%;}
   .unesco_hope ul.list li strong{ font-size:15px; line-height:18px;display: block;margin:7px 0 ; }
   .unesco_hope ul.list li p{ color: #696969;font-size:12px;line-height:16px; padding:0 3%;}
   .unesco_hope ul.list li p br{ display: none; }
   .unesco_business .in_box{ padding:30px 0  }


   .dream_cam > ul li:first-child .in{ padding-top:15px; }
   .dream_cam > ul li .in img { width:35px; }
   .dream_cam > ul li{ margin-left;width:280px;height:280px;margin:5%; }
   .dream_cam > ul li:first-child{ margin:0 5%;padding-top:20px;height:260px; }

}

@media (max-width:656px){
   #sub_container.on,
    #container,
    #sub_container{ margin-top:69px }
   .main_visual .swiper-pagination .swiper-pagination-bullet{  margin-left:7px;background:url(/assets/m_img/main/main_visual_thum_off.png) 0 0 no-repeat;width:20px;height:20px;background-size:20px 20px;}
   .main_visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:url(/assets/m_img/main/main_visual_thum_on.png) 0 0 no-repeat;width:20px;height:20px;background-size:20px 20px; }

   .main_visuals .hangle{ font-size: 24px;line-height:28px;; }

   .main_visuals .hangle a,
   .main_visuals .hangle a span{ height:28px;line-height:28px;font-size: 13px; }

   .main_visuals .hangle a span{ padding:0 15px 0 10px; }

   .list_type1 > li,
   .left_right_list > ul > li ul li strong,
   .left_right_list > ul > li ul li{ font-size: 12px;;line-height:18px; }

   .main_visuals { height:auto; }
   /* .main_visuals .box1{  background:url(/assets/img/main/board.jpg) center center no-repeat;background-size:100% 100% }
   .main_visuals .box2{ background:url(/assets/img/main/kncu_news.jpg) center center no-repeat;background-size:100% 100% }
   .main_visuals .box3{ background:url(/assets/img/main/goingtogether.jpg) center center no-repeat;background-size:100% 100% }
   .main_visuals .box4{ background:url(/assets/img/main/newsletter.jpg) center center no-repeat;background-size:100% 100% } */

   #sub_container.hope_store .tab_list dd > div .tb_type1 > ul > li strong{ line-height:18px;margin:5px 0 0px; }
   #sub_container.hope_store .tab_list dd > div .tb_type1 > ul > li em{ margin:0; }


   .unesco_intro .left_right_list > ul > li a.pdf{position:static;margin-top:20px;right:0;top:0; height:auto;text-align:left;}
   .unesco_intro .left_right_list > ul > li a.pdf img{ width:100px; margin:0;}


   .press_rel_box{ margin-left:-2% }
   .press_rel_box .press_item{ width:48%;margin-left:2%;}

   .meeting_tab > dl > dt{ height:40px;line-height:40px; }
   .meeting_tab > dl > dt > a{ font-size: 14px;; }

   #sub_container .spon_top h3.italic_tit{ font-size:26px;line-height:32px;; }

   .spon_story > .swiper-button-prev{ left:5px }
   .spon_story > .swiper-button-next{ right:5px }
   .press_rel_box .press_item .info strong{ font-size:14px;line-height:20px;; }
   .press_rel_box .press_item .info em{ font-size: 12px; line-height:18px;margin:10px 0 7px;height:55px;}

   .main_visual .swiper-container .swiper-wrapper .swiper-slide a .hangle1{ font-size:24px; line-height:30px;margin-top:-36px }
   .main_visual .swiper-container .swiper-wrapper .swiper-slide a .hangle1 span{ margin-top:10px;height:24px;line-height:24px;padding:0 15px;font-size:12px; }

   .unesco_news.size_list{ padding:0 2%;box-sizing:border-box; }
   .banner_pop.intro h2{ font-size: 24px;line-height:30px;padding:5px 0 10px; }

   .new_footer_banner .swiper-container{ width:85%;margin-right:15% }
   .new_footer_banner .swiper-container .swiper-slide a{ padding:10px 0  }
   .corporate_spon .howto:before{ content:"";display: block;border-top:1px solid #ddd;position: absolute;left:0;right:0;top:33%; }
   .corporate_spon .howto:after{ content:"";display: block;border-top:1px solid #ddd;position: absolute;left:0;right:0;top:66%; }
   .corporate_spon .howto > li{ width:50%;min-height:170px; }
   .corporate_spon .howto > li img{ width:80px }
   .corporate_spon .howto > li:nth-child(4):after{ border-left:1px solid #ddd; }
   .corporate_spon .howto > li:nth-child(3):after,
   .corporate_spon .howto > li:nth-child(5):after{ border-left:0; }
   .howto > li strong{ font-size: 15px; }
   .howto > li p{ font-size: 13px; line-height:18px;}

   .member_pop{width:90%;margin:0 5%;left:0;}
   .member_pop .tab_style2{ position: relative;z-index:5; }

   div.img .m{ display: inline-block; }
   #header .gnb_area .inner .search_area .all_menu,
   div.img .pc,
   #header .gnb_area .inner .gnb,
   div.img .tablet{ display: none; }

   #header .gnb_area:before,
   #header .gnb_area,
   #header.headerScroll .gnb_area{ height:69px;overflow:visible; }
   #header .gnb_area .inner h1{ top:5px ; text-align:center;}
   #header .gnb_area .inner h1 img{ width:70px }
   #header .gnb_area .inner .left_menu{ display:inline-block;position: relative;z-index: 10; }
   #header .gnb_area .inner .left_menu img{ width:50px }
   #header .gnb_area .inner .search_area{ top:15px;right:10px; }

   #sub_container .unesco_intro .promotion_session h4,
   #sub_container > h2,
   #sub_container .etc_copy h3{ font-size:24px;line-height:32px;margin-bottom:10px; }

   #sub_container > h2 span{ font-size:12px;line-height:18px; }

   #sub_container .korea_unesco_list ul li{ width:100% !important;padding-left:20px;box-sizing:border-box; margin-bottom:10px;}

   .header_search{ top:69px; }
   .header_search input{ width:40%;height:30px;line-height:30px; }
   .header_search button{ padding:0 10px;font-size: 12px;;height:30px;line-height:30px;margin-right:10px;}
   .header_search.scrolls{ top:69px}

   .member_pop.floor_info .list_tb.type2 li dl dd span{ width:100%;line-height:20px; }
   .main_bottom_banner .swiper-container-horizontal > .swiper-pagination{ right:10px;top:0; }
   .new_box ul li .img{ border:0; }
   .new_box ul li .info{ padding:10px; }
   .new_box ul li .info strong{ font-size: 16px;margin:0; }
   .new_box ul li .info span.date{ margin-bottom:5px; }
   .new_box ul li .info span.txt{font-size: 12px;

    -webkit-line-clamp: 3;
    height: 4.5em;
   }
   .new_box ul li .img:after{ content:"";display: none;width:40px;height:40px;background:url(/assets/img/common/icon_plus.png) 0 0 no-repeat;background-size:40px 40px;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;z-index: 2; }

   .board_area .right_banner > ul li a strong{ font-size: 17px;margin-bottom:0px; }
   .board_area .right_banner > ul li a span{ font-size: 13px; }
   .board_area .right_banner > ul li:first-child a,
   .board_area .right_banner > ul li a{ background-size:30px 30px;}

   .spon_question dl dt{background-position:95px 6px;background-size:8px 6px;font-size: 14px; }

   #header .layer_all_menu.m{ width:90%;left:-90%; }
   #header .layer_all_menu.m:after{ top:69px }

   #header .layer_all_menu.m .top > a.m_logo img{ width:60px; }

   #header .layer_all_menu.m > ul > li ul li a{  height:41px;line-height:41px;font-size: 12px;font-weight:400  }
   #header .layer_all_menu.m > ul > li > a,
   #header .layer_all_menu.m > ul > li > strong{ padding-left:10px;display: block; height:40px;line-height:40px; font-size: 13px;font-weight:400;color: #696969; }
   #header .layer_all_menu.m > ul > li ul{ padding-left:15px;top:68px; }


   #footer{ margin-top:50px; }
   #footer .footer_address .inner .footer_util li a{ font-size: 12px;letter-spacing:-1px }


   #sub_container .unesco_intro h3{ margin-top:30px; }
   #sub_container h3{ font-size: 20px;line-height:28px;margin-top:20px; }

   /* 서브 타이틀 */

   .sub_title{ height:200px;margin-bottom:30px;}
   #sub_container .sub_title .inner h3{ font-size:30px;line-height:40px;padding:0 25px;}
   .sub_title .inner p{ font-size: 14px;padding:0 25px;margin-top:10px;line-height:20px}
   .title_txt{ font-size:20px;line-height:28px; text-align:center;}
   .title_txt em{ font-size:26px;line-height:34px; display: block; margin-top:10px;}

   .tab_list > dl > dt.line2{ padding-top:0;height:60px; }

   .tab_list > dl > dt,
   .tab_list > dl > dt.line2.eng{ height:60px; }
   .tb_type1.notice table tbody tr td{ font-size: 13px;; }
   .tb_type1.notice table tbody tr td:first-child + td a{ width:90%;padding-right:10%;  font-size: 13px;;}



   .top_img span{font-size:12px;padding:10px;line-height:18px;}
   .tab_list > dl > dt.on > a,
   .tab_list > dl > dt > a{ line-height:14px;font-size: 11px;letter-spacing:-1px;}




   .spon_report .tab_list > dl{ padding-top:55px; }
   .spon_qu_list.spon .tab_list > dl > dt{ height:35px;line-height:35px; }
   .spon_qu_list.spon .tab_list > dl > dt a{font-size: 14px; height:33px;line-height:33px; }


   .spon_report .tab_list{ margin-top }
   .references div[class^='edu_banner']{ padding:30px 0  }
   .references div[class^='edu_banner'] .swiper-container{ width:80%;margin:0 10% }
   #sub_container .references h3{ padding:0 40px;font-size: 26px;height:46px;line-height:46px; }
   #sub_container .references:after { top:46px }

   .left_right_list > ul > li{ padding:30px 0 25px;}
   .left_right_list > ul > li > strong{ font-size: 24px; line-height:32px;margin-bottom:10px }
   .left_right_list > ul > li > p{ font-size: 12px;line-height:18px;width:100%;word-break:keep-all }

   #sub_container .unesco_intro h4{ font-size: 24px;line-height:32px;box-sizing:border-box;margin-bottom:20px; }
   .paging{ margin-top:30px; }
   .paging > span,
   .paging > span a img,
   .paging > ol li,
   .paging > ol li a{ width:20px;height:20px;line-height:20px;font-size: 12px; vertical-align:top;}

   .btn_list > a{ display: inline-block; font-size: 12px;line-height:15px;padding:6px 5px;text-align:center;min-width:80px; border:1px solid #b5b5b5;color:#b5b5b5;}
   .tb_type1 .unesco_news.headquarters > ul,
   .unesco_news > ul{ margin-left:-2% !important; }
   .unesco_news > ul li{ width:48%;margin-left:2%;}
   .unesco_news > ul li a .info{ padding:10px 0;}

   #sub_container > .unesco_news.press_rel > ul{ margin-left:-2%; }
   .unesco_news.press_rel > ul li{ width:48%;margin-left:2%;}
   .unesco_news > ul li a strong{ font-size:15px;line-height:1.3em;margin-bottom:5px;height:2.6em;
   -webkit-line-clamp: 2;min-height:40px; }
   .unesco_news > ul li a em{ font-size: 12px;
      -webkit-line-clamp:3;height:4.5em;line-height:1.5em;
    }

   .spon_question dl{ padding:10px 0; }
   .location dd.center .spon_question.bottom{ padding:0 2%;box-sizing:border-box; }
   .location .spon_question.bottom dl dd ul li.third + li,
   .location .spon_question.bottom dl dd ul li.third,
   .location .spon_question.bottom dl dd ul li{ width:100%; }
   .location .spon_question.bottom dl dd strong{ width:25%; }
   .location .spon_question dl dd > a,
   .location .spon_question dl dd span { width:75% ;padding-left:3%;box-sizing:border-box}

   /* 단행본/보고서 */
   .report_list ul li .img{width:25%;}
   .report_list ul li .report_info{padding:10px 5px 5px }
   .report_list ul li .report_info strong{ font-size: 15px;line-height:20px;}
   .report_list ul li .report_info span{ font-size: 13px;line-height:20px;}
   .report_list ul li .report_info p{font-size: 12px;line-height:20px; }
   .report_list ul li .report_info a{ }
   .report_list ul li .report_info a img{ width:80px }

   #sub_container .etc_use h3{ margin:20px 0 10px;font-size: 22px; line-height:26px;}
   .etc_use ul li,
   .etc_use .ul_default li,
   .etc_use .style_1 li,
   .etc_use ol li a,
   .etc_use ol li,
   .etc_use p{ font-size: 13px;line-height:20px; }

   .etc_use > strong{ font-size: 24px; line-height:30px}
   .etc_use > strong:first-child { margin:40px 0 10px }
   .etc_use > strong span{ font-size:24px;display: block; }

   #sub_container .spon_top span.color2,
   .etc_use > em{ font-size:16px; margin-top:10px;}

   #sub_container .etc_copy h3{ font-size: 30px; line-height:34px;margin: 0 0 10px; }
   .etc_copy h4{ font-size: 25px;line-height:30px;position: relative; display: inline-block;padding:5px 10px 0 0 ; margin:25px 0 10px;}
   .etc_copy h4:after{ content:"";display: block;border-top:2px solid #17375e;position: absolute;left:0;top:0;right:0;}
   .etc_copy p{ font-size:13px;line-height:22px;background-size:200px auto}
   .etc_copy ul li{ line-height:22px; color: #666;font-size: 13px; }
   .etc_copy ul li a{ color: #666; font-size:13px;line-height:22px;}
   .etc_copy ul li strong{ color: #17375e;font-size: 13px; font-weight:400; }

   .faq .tb_type1{}
   .faq .tb_type1 .col1{ width:10%; }
   .faq .tb_type1 .col2{ width:18%; }
   .faq .tb_type1 .col3{ width:auto; }
   .faq.tab_style2 .tb_type1 table tbody tr td:first-child + td + td{ padding:0 0 10px 20px; }


   .faq.tab_style2 > dl > dt a{ font-size: 13px;padding:10px 0;letter-spacing:-1px; }
   .faq.tab_style2 > dl{ padding-top:45px }

   #sub_container .meeting_tab h4 span{ font-size:14px;line-height:20px;display: block; }
   #sub_container .pre_peeting.unesco_intro h4{ font-size: 24px; line-height:30px; margin:20px 0 10px;}
   #sub_container .unesco_intro h4 > a.btn_default{ height:25px;line-height:25px; padding:0 10px;margin-left:5px}
   #sub_container .unesco_intro h4 > a span{ vertical-align:middle;height:25px !important;line-height:25px !important; padding-right:20px;; }
   .unesco_intro .left_right_list > ul > li.greetings .greeting_box{ padding:20px 15px; }
   .unesco_intro .left_right_list > ul > li.greetings .greeting_box > strong{ font-size: 23px;line-height:28px;letter-spacing:-1px; }
   .unesco_intro .left_right_list > ul > li.greetings .greeting_box > strong span{ font-size: 23px;line-height:28px;display: block; }
   .unesco_intro .left_right_list > ul > li.greetings .greeting_box > em{ margin-top:15px; }
   .unesco_intro .left_right_list > ul > li.greetings .greeting_box > em strong{ font-size: 20px; }

   .history > li > strong{ font-size: 30px;line-height:34px; }
   .history > li > strong:before{ width:15px;height:15px;top:4px }
   .history > li > strong:after{ width:7px;height:7px;top:3px;left:4px;}
   .history > li:nth-child(odd) > strong:after{ left:4px;}
   .history > li > ul{}
   .history > li > ul li{ overflow: hidden; }
   .history > li > ul li em{ color: #17375e;font-size: 14px;width:28%;float:left; line-height:25px;}
   .history > li > ul li span{ font-size: 12px;color: #050505;line-height:22px;float:left;width:72% }
   .history > li:first-child > ul li span{ text-align:left;float:left; }


   .member_search{  }
   .member_search .col1{ width:20%; }
   .member_search .col2{ width:20%; }
   .member_search .col3{ width:auto; }
   .member_search .col4{ width:20%; }
   .member_search .col5{ width:20%; }

   .member_pop .tab_style2 > dl{ padding-top:35px; }
   .member_pop .tab_style2 > dl > dt{ height:35px; }
   .member_pop h5 { font-size: 20px; margin-bottom:10px;line-height:26px}
   .member_pop .info_box ul li,
   .member_pop .info_box ul li em,
   .member_pop .style_1 li,
   .member_pop .info_box p{ font-size: 14px;; }

   .member_pop .info_box ul li{ margin-top:8px; }
   .member_pop .info_box ul li:first-child{ margin-top:0 }
   .member_pop.pop11 .list_tb li dl dt,
   .member_pop.pop10 .list_tb li dl dt,
   .member_pop.pop9 .list_tb li dl dt{ width:75px;font-size: 16px; }

   .member_pop.pop11 .list_tb li dl dd,
   .member_pop.pop10 .list_tb li dl dd,
   .member_pop.pop9 .list_tb li dl dd{ width:375px; }

   .member_pop .list_tb li dl dd span,
   .member_pop .list_tb li dl dd em{ font-size: 13px; line-height:20px; }

   .care_info .col1{ width:13%; }
   .care_info .col2{ width:auto; }
   .care_info .col3{ width:20%; }
   .care_info .col4{ width:10%; }

   .intro_tab_list > dl.tab7 > dt.on > a{ font-size: 13px; }
   .intro_tab_list > dl.tab7 > dt > a,
   .tab_list > dl.tab3 > dt.on > a,
   .tab_list > dl.tab3 > dt > a{ font-size: 12px; }

   .detail.campaign .col1{ width:40%; }
   .detail.campaign .col2{ width:auto; }
   .target_board{ margin-bottom:30px; }
   .spon_question dl dd strong{font-size: 14px; }
   .spon_question dl dd > a,
   .spon_question dl dd span { font-size: 14px; }

   .bus_line .list_type1{ width:100%;margin:0; }

   .member_pop > a{ right:0;top:-31px;padding:5px; }
   .member_pop > a img{ width:20px; vertical-align:top}

   .location dd h4 > span{ font-size: 14px;; }
   #sub_container .location dd h4 > span{ line-height:22px; }
   #sub_container .location dd h4 > span br{ display: none; }
   .member_pop .tab_style2 > dl > dd{ padding-left:15px;padding-right:15px; }
   .tab_style2 > dl > dt a{ font-size: 13px; }
   .member_pop .tab_style2 > dl > dd div.img img{ max-width:50%; }
   .coronation ul li{min-height:200px;background-size:15px 24px; }
   .coronation ul li strong{ font-size: 14px;line-height:18px; }
   .coronation ul li > span{ font-size: 12px;line-height:16px;; }
   .coronation2 ul li{min-height:200px;background-size:15px 24px; }
   .coronation2 ul li strong{ font-size: 14px;line-height:18px; }
   .coronation2 ul li > span{ font-size: 12px;line-height:16px;; }

   a.btn_default.down2{ padding:2px 10px;padding-left:5px;}
   a.btn_default.down2 span{ background-size:15px 13px;font-size: 12px; line-height:15px;padding-right:20px;letter-spacing:-1px}

   .promotion_session .gray_box1 a{ float:left;margin-top:5px;margin-right:100px;padding-top:3px;padding-bottom:4px;}

   #sub_container .default_unesco .tb_type1 tbody tr th{ font-size: 14px;; }
   #sub_container .default_unesco .tb_type1 tbody tr td{ font-size: 13px; padding-left:10px;}

   #sub_container .default_unesco .tb_type1 tbody tr.left td:first-child{ padding-left:20px; }

   #sub_container .default_unesco dd a.btn_default{ padding:4px 15px; }
   a.btn_default.search2 span{ font-size: 14px;background-size:12px 11px;padding-right:15px; }

   #sub_container .default_unesco h4 span{ height:24px;line-height:24px; font-size: 13px;}
   #sub_container .default_unesco dd a.btn_default{ padding:4px 5px;height: 17px;line-height:14px; }
   a.btn_default.down3 span { padding-right:15px;background-size:8px 10px; }

   #sub_container div.corporate_spon h3 br,
   #sub_container div.school_spon h3.c br{ display: none; }
   #sub_container div.corporate_spon h3,
   #sub_container div.school_spon h3.c,
   #sub_container .spon_story h3,
   #sub_container .default_unesco .efa_edu .left_right_list > ul > li h4 span,
   #sub_container > div h3:first-child,
   #sub_container .default_unesco h4{ font-size: 24px;line-height:36px;; }
   #sub_container .default_unesco h5{ margin:15px 0 ;font-size: 18px;line-height:22px; }

   .default_unesco.tab_list.new > dl.tab2{ padding-top:60px; }
   .unesco_list > div > div dl dd ul li{ padding:10px }
   .unesco_list > div > div dl dd ul li span.day,
   .unesco_list > div > div dl dd ul li a,
   .unesco_list > div > div dl dd ul li.title{ font-size: 12px; }
   .unesco_list > div > div dl dd ul li.title,
   .unesco_list > div > div dl dt{ padding:5px 0 }
   .unesco_list > div > div dl dt strong{ font-size: 13px;margin:0;; }
   .unesco_list > div > div dl dt span { font-size: 12px;; }

   .unesco_network h4{ margin-top:20px;font-size: 24px;line-height:30px;padding-top:10px; }

   .unesco_network .tb_type1 table tbody tr td:first-child{ padding-left:5px; }

   .logo_city > li ul{ margin-top:-10px; }
   .logo_city > li ul li{ font-size: 12px;; }

   .img_list.spon_business li{ width:46%;margin-bottom:20px; }
   .img_list.spon_business li img{ width:100px; }
   .img_list.spon_business li span{ height:36px;overflow:hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      word-break: keep-all;
    }

    .gray_line{ padding:30px 2%; margin:20px 0 0;}
    .gray_line p{ font-size:16px;line-height:24px;width:100%;}
    .gray_line.spon_business1{ background:none; }

   .spon_business_list ul li em,
   .spon_business_list ul li strong{ font-size: 24px;line-height:24px; }
   .spon_business_list ul li span{ font-size: 14px;line-height:18px; }
   .spon_business_list ul li p{ padding:0;font-size: 13px;line-height:20px; }

   .btn_list2 > a.style1.big{ height:40px;line-height:40px;padding:0 22px;font-size:20px; }
   .btn_list2 > a.style1.big span{ display: inline-block;padding-right:25px;background-size:17px 15px }

   .sponsoring ul li img{ width:60px }
   .sponsoring ul li{ padding:20px 0;width:25%; }
   .sponsoring ul li strong{ font-size:14px;line-height:18px; margin:10px 0 7px; letter-spacing:-1px;}

   a.btn_default{ display: inline-block; background:#558ed5;text-align:center;padding:2px 10px;font-size: 12px;}
   a.btn_default span{font-size:12px !important;height:18px !important;line-height:16px !important; display: inline-block;padding-right:10px; color:#fff;background-size:3px 5px}
   .dream_step ol li a span{ background-size: 6px 8px; }

   .corporate_spon .img_list > li { width:46%;padding:0 2%; margin-bottom:3%}
   .corporate_spon .img_list > li img{ width:100px }
   .corporate_spon .img_list > li ul li{ font-size: 14px;line-height:20px;}

   .tb_type1 .banner5 li{ height:70px }

   .banner_pop h2 img{ width:90px; }
   .banner_pop.intro .in,
   .banner_pop .in{ padding:5% 2% }
   .banner_pop .in > ul > li span{ font-size: 12px;line-height:18px;; }
   .banner_pop > a{ top:-25px;padding:5px; }
   .banner_pop > a img{ width:15px;vertical-align:top }

   .corporate_spon .tb_type1.write th{ text-align:left;padding-left:5px; }
   .tb_type1 table{ /* table-layout: auto; */}
   .detail .tb_type1 table{ table-layout: fixed;}

   .tab_style2 .tb_type1 table tbody tr.answer td{ padding:10px;}
   .tab_style2 .tb_type1 table tbody tr.answer td p{ font-size: 12px; }
   .btn_list2{ padding-top:20px; }
   .btn_list2 > button,
   .btn_list2 > a{ font-size:16px;height:35px;line-height:35px; padding:0 35px;}
   .btn_list2 > button{ margin-top:0; vertical-align:top;}
   .btn_list2 > a.style1.big{ height:35px;line-height:35px;padding:0 25px;font-size:16px; }
   .btn_list2 > a.style1.big span{ display: inline-block;padding-right:30px;background:url(/assets/img/sub/btn_icon1.png) right center no-repeat; font-size: 14px;background-size:20px 17px; vertical-align:top;}
   .btn_list2.center a{ margin-left:10px }
   .dream_step ol{ padding:3% }
   .dream_step ol li{ padding:0 !important; }

   #sub_container div.spon_list3{ margin-top:40px;padding:40px 0; }

   .map_img{ padding:40px 0 80px; }
   .map_img ul li{ width:40%; }
   .map_img ul li img{ max-width:100% }
   .map_img ul li div{ padding-bottom:7px }
   .map_img ul li div em{ font-size: 14px;margin: 0 0 5px }
   .map_img ul li:first-child{ margin-left:0 }
   .map_img ul li:first-child + li{ top:0;margin:0;margin-left:2%; }

   .school_spon.corporate_spon .howto:before{ display: none; }
   .school_spon .howto{ margin-top:35px; }
   .school_spon.corporate_spon .howto > li{ width:31%;padding:20px 1%; }
   .school_spon.corporate_spon .howto > li p{ font-size: 13px;; }
   .school_spon.corporate_spon .howto > li:after{ display: none; }
   .school_spon.corporate_spon .howto:before{ content:"";display: block;border-left:1px solid #ddd;position: absolute;left:32%;top:0;bottom:0 }
   .school_spon.corporate_spon .howto:after{ content:"";display: block;border-left:1px solid #ddd;position: absolute;left:66%;top:0;bottom:0 }

   .corporate_spon.school_spon .unesco_news > ul li{ width:48% }

   .banner_pop h2 em,
   .school_detail > strong { padding-top:0px;font-size:24px; }

   #sub_container.hope_store h2 span{ padding:0 10%; }
   #sub_container.hope_store h2 span br{ display: none; }
   .hope_store .howto:after{ content:"";display: block;border-bottom:1px solid #ddd;position: absolute;left:0;top:50%;right:0;margin-top:-1px;  }
   .hope_store .howto li{ width:33.33%;padding:10px 0  }
   .hope_store .howto li img{ width:50px }
   .hope_store .howto li strong{ font-size: 14px; }


   .hope_store .gray_box ul li .txt dl dt{ font-size: 16px;; }
   .hope_store .gray_box ul li .txt dl dd{ font-size: 13px;;line-height:20px;}


   .application_txt{margin:15px 0 40px;padding-bottom:40px; }
   .application_txt > a{ margin-left:10px }
   .application_txt strong{  }
   a.btn_default.down span{ background-size:6px 8px; }

   #sub_container.hope_store .tab_list dd > div .tb_type1 > ul > li{ width:49%; }
   #sub_container.hope_store .tab_list dd > div .tb_type1 > ul > li em{ font-size: 13px;; }
   #sub_container.hope_store .tab_list dd > div .tb_type1 > ul > li span.list span:first-child,
   #sub_container.hope_store .tab_list dd > div .tb_type1 > ul > li span.list span{ background-size:7px 10px;padding-left:15px }

   .tb_type1.detail table tbody tr td{ padding:30px 10px; }

   .spon_report .img_list{ margin-top:20px;}
   .spon_report .img_list ul li{ width: 31.333%;}
   .spon_report .img_list ul li strong{font-size:24px;margin-top:0;margin-bottom:10px }
   .spon_report .img_list ul li em{ color: #17375e;font-size:16px;margin-bottom:5px;display: block;}
   .spon_report .img_list ul li p{ font-size:13px; line-height:20px;}

   .spon_report .tab_style2 dl.tab5 dt{ width:20%; }
   .spon_report .tab_style2 dl.tab5 dt.btn2{ left:20% }
   .spon_report .tab_style2 dl.tab5 dt.btn3{ left:40% }
   .spon_report .tab_style2 dl.tab5 dt.btn4{ left:60% }
   .spon_report .tab_style2 dl.tab5 dt.btn5{ left:80% }

   .sponsorship .tb_type1 table tbody tr td{ padding:10px 2% }
   .sponsorship .tb_type1 table tbody tr td a{ width:350px; }

   .left_right_list > ul > li ul{ width:100%; }
   .campaign ul li{ width:48%; }
   .campaign ul li a strong{ margin:10px 0 5px; }
   .campaign ul li a em{ font-size: 13px;line-height:20px;height:40px; }


   .tb_type1.left.care_info table tbody tr td:first-child + td a{ width:300px; }


   .green_banner{ padding:15px;  width:100%; margin-bottom:20px;}
   .green_banner .write_letter{ text-align:left; float:left;width:100%}
   .green_banner .write_letter input{ width:58% }
   .green_banner .write_letter button{ width:30%;padding:0;line-height:100%;padding:15px 0;font-size: 12px; }
   
   /* test 추가 */
   .green_banner_test{ padding:15px;  width:100%; margin-bottom:20px;}
   .green_banner_test .write_letter{ text-align:left; float:left;width:100%}
   .green_banner_test .write_letter input{ width:58% }
   .green_banner_test .write_letter button{ width:30%;padding:0;line-height:100%;padding:15px 0;font-size: 12px; }


.blue_barit_banner {padding: 15px 0px 15px;
   background: #0168d4;
   margin-top: 0px;
   overflow: hidden;
   /*height:360px;*/
   height:440px;
   float:right;	margin-bottom:20px;
   width: 100%;
   box-sizing: border-box;}
.blue_barit_banner ul {padding:0; margin:0;  width:100%; display:block; *zoom:1}
.blue_barit_banner ul:after {clear:both; display:block; content:"";}
.blue_barit_banner li {float:left; border-right:1px solid #99c3ee; padding:10px 10px;margin-top:0; margin-bottom:0px; color:#fff;  text-align:center; width:50%; box-sizing:border-box;}
.blue_barit_banner a {color:#fff; font-size:12px;}
.blue_barit_banner img {width:100%; display:block; max-width:50px; margin:0 auto; margin-bottom:10px;}

.blue_barit_banner li:nth-child(2) {border:none }
.blue_barit_banner li:nth-child(3) {margin-top:0px;  border-top:1px solid #99c3ee;}
.blue_barit_banner li:nth-child(4) {margin-top:0px; border-top:1px solid #99c3ee;}
.blue_barit_banner li:nth-child(5) {margin-top:0px; border-top:1px solid #99c3ee;}
.blue_barit_banner li:nth-child(6) {margin-top:0px; border-top:1px solid #99c3ee; margin-bottom:-1px;border-bottom:1px solid #99c3ee;}
.blue_barit_banner li:nth-child(7) {margin-top:0px; border-top:1px solid #99c3ee; border-right:1px solid #99c3ee;}


/* test 추가 */
.blue_barit_banner_test {padding: 15px 0px 15px;
    background: #0168d4;
    margin-top: 0px;
    overflow: hidden;
	height:360px;
	float:right;	margin-bottom:20px;
    width: 100%;
    box-sizing: border-box;}
.blue_barit_banner_test ul {padding:0; margin:0;  width:100%; display:block; *zoom:1}
.blue_barit_banner_test ul:after {clear:both; display:block; content:"";}
.blue_barit_banner_test li {float:left; border-right:1px solid #99c3ee; padding:10px 10px;margin-top:0; margin-bottom:0px; color:#fff;  text-align:center; width:50%; box-sizing:border-box;}
.blue_barit_banner_test a {color:#fff; font-size:12px;}
.blue_barit_banner_test img {width:100%; display:block; max-width:50px; margin:0 auto; margin-bottom:10px;}

.blue_barit_banner_test li:nth-child(2) {border:none }
.blue_barit_banner_test li:nth-child(3) {margin-top:0px;  border-top:1px solid #99c3ee;}
.blue_barit_banner_test li:nth-child(4) {margin-top:0px; border-top:1px solid #99c3ee;}
.blue_barit_banner_test li:nth-child(5) {margin-top:0px; border-top:1px solid #99c3ee;}
.blue_barit_banner_test li:nth-child(6) {margin-top:0px; border-top:1px solid #99c3ee;}
.blue_barit_banner_test li:nth-child(7) {margin-top:0px; border-top:1px solid #99c3ee;}





   .intro_new .img{ width:100%;box-sizing:border-box;}
   .intro_new .img img{ max-width:40%;margin:0 30%; }
   .intro_new .right_txt { width:100%;padding-left:2%;padding-right:2%; box-sizing:border-box;}
   .intro_new .right_txt strong{ font-size:20px;line-height:30px; }
   .intro_new .right_txt em{font-size: 14px;line-height:22px;margin:10px 0 }
   .intro_new .right_txt p{font-size: 12px;}

   .secretariat{ overflow: hidden;margin-top:50px; }
   .secretariat .imgs{ float:none;position: relative;width:100%;text-align:center; }
   .secretariat .imgs img{}
   .secretariat .imgs span{ position: absolute;left:0;right:0;bottom:0;color: #fff;background:url(/assets/img/common/bg_dim2.png) 0 0 repeat; font-size:14px;letter-spacing:-1px; padding:10px 0 ;text-align:center;}

   .secretariat .secretariat_info{ width:100%;float:none;margin-left:0px; }
   .secretariat .secretariat_info ul{ margin-top:20px; }
   .secretariat .secretariat_info ul li{ position: relative;margin-bottom:5px;padding-left:80px; }
   .secretariat .secretariat_info ul li strong{ position: absolute;left:0;top:0;display: block;width:65px;color: #558ed5;font-weight:500;font-size: 12px; }
   .secretariat .secretariat_info ul li span{ font-size: 12px; }

   #sub_container .spon_top h3{ margin:20px 0 5px;font-size: 20px;line-height:28px; }


   #sub_container.hope_store h2 p{ font-size:16px;line-height:22px;; }

   #sub_container > div.spon_map1 > img{margin:40px 2% 30px; }

   #sub_container > div.spon_map1{ }
   #sub_container > div.spon_map1 ul{ padding:0 2%;box-sizing:border-box; }
   #sub_container > div.spon_map1 ul li{ width:100%;margin-top:20px;}
   #sub_container > div.spon_map1 ul li:first-child{margin-top:0px;}
   #sub_container > div.spon_map1 ul li img{ max-width:100%; }
   #sub_container > div.spon_map1 ul li strong{ font-size:14px;line-height:18px;}
   #sub_container > div.spon_map1 ul li span{ font-size:12px;line-height:18px; }
   #sub_container > div.spon_map1 ul li span br{ display: block; }


   .tab_type1 > dl{ padding-top:60px; }
   #sub_container div.new_gallery_list li{ width:49%;}
   #sub_container div.new_gallery_list li a strong{ font-size: 14px;line-height:20px }
   #sub_container div.new_gallery_list li a span.bottom,
   #sub_container div.new_gallery_list li a span.txt{ font-size: 12px; }
   #sub_container div.new_gallery_list li a span.bottom{ padding:0 5px; }
   #sub_container div.new_gallery_list li a span.bottom:after { height:8px;margin-top: -4px;}

   /* news */

   #sub_container div.new_unesco_news > .img{ padding:0;border:0;float:none;width:100%;}
   #sub_container div.new_unesco_news > .img img{ width:200px; }

   #sub_container div.new_unesco_news .new_info{ float:right;width:96%;margin:0 2%;;padding-top:22px; }
   #sub_container div.new_unesco_news .new_info strong{ font-size:24px;line-height:24px;}
   #sub_container div.new_unesco_news .new_info p{ margin:10px 0 ; }

   #sub_container div.new_unesco_news .new_info ul{margin-top:20px;}
   #sub_container div.new_unesco_news .new_info ul:after{ content:"";display: block;clear:both }
   #sub_container div.new_unesco_news .new_info ul li{ width:19%;float:left;margin-left:1% }
   #sub_container div.new_unesco_news .new_info ul li a{ display: block; }
   #sub_container div.new_unesco_news .new_info ul li a .img{ }
   #sub_container div.new_unesco_news .new_info ul li a em{ display: block;color: #838383;letter-spacing:-1px;text-align:center;font-size: 13px;padding-top:10px;}


   #sub_container div.sponsoring_main .in{ width:100%;padding:25px 0 0}
   #sub_container div.sponsoring_main .in > strong{ font-size:20px;margin-bottom:15px;}
   #sub_container div.sponsoring_main .in > strong br{ display: block; }
   #sub_container div.sponsoring_main .in ul{ margin-left:0%;padding-bottom:35px;padding:0 2% 20px;;box-sizing:border-box;}
   #sub_container div.sponsoring_main .in ul li{height:auto;width:96%;float:none;margin:10% 1%;}
   #sub_container div.sponsoring_main .in ul li:first-child{ margin-top:0; }
   #sub_container div.sponsoring_main .in ul li em{ font-size:16px;line-height:22px;}
   #sub_container div.sponsoring_main .in ul li span{ font-size:12px;line-height:18px;}
   #sub_container div.sponsoring_main .in ul li a.y_btn{position: static;margin-top:10px;padding:5px 20px 10px;}
   #sub_container div.sponsoring_main .in p{font-size:13px;position: relative; padding:15px 0 ; text-align:center;text-align:left;}
   #sub_container div.sponsoring_main .in p br{ display: block; }

   p font{ font-size:14px !important;line-height:22px; }

   #sub_container div.sponsoring_main .in p{ padding:15px 5% }
   #sub_container div.sponsoring_main .in p > span{ padding:0;background:none; display: block; }
   #sub_container div.sponsoring_main .in p span.q > a{ display: block;margin-left:0; }
   #sub_container div.sponsoring_main .in p span.q a.phone{ margin-top:10px; }
   #sub_container div.sponsoring_main .in p span.txt strong br{ display: none; }

   .member_list > a{ display: inline-block;text-indent:-9999px;position: absolute;left:0;top:0;height:6.5%; }
   .member_list > a.btn_member_1{ width: 35.6%; left: 2.7%; }
   .member_list > a.btn_member_2{ width: 44%; left: 3.2%; top: 20.2%;}
   .member_list > a.btn_member_3{ width: 29.8%; left: 39.4%; }
   .member_list > a.btn_member_4{ width: 44.6%; left: 52.4%; top: 20.2%; }
   .member_list > a.btn_member_5{ width: 44%; left: 53%; top: 38.5%; }
   .member_list > a.btn_member_6{ width: 44%; left: 53%; top: 65.5%;}
   .member_list > a.btn_member_7{ width: 26.5%; left: 70.4%; }
   .member_list > a.btn_member_8{ width: 43.6%; left: 28.7%; top: 91.3%; }

   .target_board > a{ position:absolute; width:44%;height:10%;text-indent:-9999px;}
   .target_board > a.target_1{ right: 2.5%; top: 0; }
   .target_board > a.target_2{ left: 3.2%; top: 23%; }
   .target_board > a.target_3{ left: 53%; top: 23%; width:44% }
   .target_board > a.target_4{ left: 3.5%; top: 68%; width: 43%; }
   .target_board > a.target_5{ left: 53%; top: 68%; width:44%  }

   #sub_container .unesco_intro .tb_type1.style2 .bottom td ul li,
   #sub_container .unesco_intro .tb_type1 table tbody tr td{ font-size: 12px;line-height:16px }

   .search_box select{ min-width:auto;width:30%;margin-left:0; }

   #sub_container .spon_top > strong{ font-size: 16px;line-height:22px; }

   #sub_container div.unesco_bridge{ padding:30px 0 ;margin:20px 0 }
   #sub_container div.unesco_bridge ul li{position: relative;float:left; width:46%;margin:2%;}
   #sub_container div.unesco_bridge ul li:after{ display: none;}
   #sub_container div.unesco_bridge ul li.even{  }
   #sub_container div.unesco_bridge ul li:first-child{ margin-left:2%; }
   #sub_container div.unesco_bridge ul li div { height:200px; }
   #sub_container div.unesco_bridge ul li div img{ max-width:40%;margin:0 30% }
   #sub_container div.unesco_bridge ul li strong{ font-size: 20px;padding:15px 0 10px;}
   #sub_container div.unesco_bridge ul li div span{ font-size:12px; line-height:16px;display: block;}
   .list_type1 > li > span,
   .list_type1 > li > a,
   .list_type1 > li > strong{ font-size:12px;line-height:16px; font-weight:300 }
   .sub6 .in > a{ top:200px }
   .sub6 .in > a img{ width:100px }

   .spon_qu_list{ padding:30px 0; }

   .new_list{}
   .new_list ul li a{ padding:10px 10px;}
   .new_list ul li .list strong{ }
   .new_list ul li .list .new{padding:3px;margin-left:10px;position: relative;top:-5px; }
   .new_list ul li .list em{ ;font-size: 13px;line-height:20px;margin-top:5px }
   .new_list ul li > a span.date{ position: absolute;right:20px;top:50%;margin-top:-8px; font-size: 12px;}


   .spon_doit ul li{ position: relative;padding:110px 2% 30px ;overflow: hidden; }
   .spon_doit ul li .left{position: relative;top:20px;display: inline-block;text-align:center;float:left;width:100%;text-align:left;}
   .spon_doit ul li.middle .left{ top:20px; }
   .spon_doit ul li .left em{ color: #0077d4;font-size:15px; line-height:20px;display: block;}
   .spon_doit ul li .left strong{ font-size:15px;line-height:22px;}
   .spon_doit ul li .left strong br{ display: none; }
   .spon_doit ul li .left a{ margin-top:10px;font-size:14px;line-height:21px;padding:7px 15px;display: inline-block;font-weight:500; }
   .spon_doit ul li .right_img{ position: absolute;left:2%;top:10px;width:100%}
   .spon_doit ul li .right_img img{width:200px;margin:0; }


   .ing_campaign > div{ width:100%;margin-left:0%;height:160px;margin-top:10px;}
   .ing_campaign > div:first-child{ margin-top:0px;}
   .ing_campaign > div > span{ padding:5px 10px 6px;font-size: 13px;; }
   .ing_campaign > div .info .txt{ padding:30px 25px 30px 55%;}
   .ing_campaign > div .info .txt strong{ height:25px;font-size: 18px;; }
   .ing_campaign > div .info .txt em{ height:22px;font-size: 14px;; }
   .ing_campaign > div .info .txt span{ font-size: 12px;; }

   .spon_qu_list h4{ margin-top:30px;font-size: 22px; }

   #sub_container .pre_peeting.unesco_intro dd > div > h4:first-child span,
   #sub_container .pre_peeting.unesco_intro dd > div > h4:first-child,
   #sub_container .pre_peeting.unesco_intro dd > h4:first-child{ margin-top:0;box-sizing:border-box }

   .member_list .member_list_board .bottom2:before{ top:-25px }
   .member_list .member_list_board .bottom1 li.two { top:80px; }
   .member_list .member_list_board .bottom1 li.two:after{ width:120px; }
   .member_list .member_list_board .bottom2{ margin-top:100px; }
   .member_list .member_list_board .bottom2 > li:before{ top:-25px;height:25px; }
   .member_list .member_list_board > ul > li > a{ font-size: 14px;; }
   .member_list .member_list_board ul > li > ul li{ font-size: 12px;line-height:22px;; }
   .member_list .member_list_board .top > li.two{ width:35%; }
   .member_list .member_list_board .middle{ width:35%;margin-right:4%; }
   .member_list .member_list_board .top > li.two:after{ width:139%; }
   .member_list .member_list_board .middle:before{ bottom:69px; }
   .member_list .member_list_board .top > li:first-child:after{ bottom:-500px }
   #daumRoughmapContainer1514443565687,
   #map{height:300px; }


   .member_search{ overflow-x:scroll; }
   .member_search table{ width:150%; }

   #sub_container.spon5 .spon_doit ul li{ text-align:left; }
   #sub_container.spon5 .spon_doit ul li .left{ float:none }


   .main_visuals .slick-arrow{ width:30px 49px; }
   .main_visuals .mv_next{ background-size:30px 49px; }
   .main_visuals .mv_prev{ background-size:30px 49px; }

   .banner_pop.intro .in > div h3{ font-size: 18px; }
   .banner_pop .in p { margin-top:0px;font-size: 12px;line-height:16px;}
   .banner_pop.intro .in > div ul li{ font-size: 12px;line-height:16px;; }

}

@media (max-width:570px){
   .tab_style2 > dl.tab5 > dt a{ font-size: 12px;letter-spacing:-1px;; }

   .application_txt{;margin:15px 0 40px; padding:0 2%; }
   .application_txt strong{ padding-right:20px; display: block;background-position:205px 10px;background-size:6px 5px;}
   .application_txt strong + a{ margin-left:0px }
   a.btn_default.down span{ background-size:6px 8px; }

   .tb_type1.left.care_info table tbody tr td:first-child + td a,
   .sponsorship .tb_type1 table tbody tr td a{ width:250px; }

   .pop8.member_pop .pop_day em{ width:125px }

   .report_list ul li .img > a span{ font-size: 12px;top:40% }
   .school_spon.corporate_spon dd > p{ width:70% }
   .tab_type1 > dl > dd .import{ font-size: 12px;; }
   .tab_type1 > dl > dt,
   .tab_type1 > dl > dt > a{ font-size: 13px;; }
   #sub_container .dream_box > div dd input[type='text']{ width:80px;font-size: 12px;}
   #sub_container .dream_box > div dd input[type='text'].big{ width:100%;box-sizing:border-box }
   #sub_container .dream_box dd button{ font-size: 12px;height:28px;line-height:28px;padding:0 5px;; }
   #sub_container .dream_box > div dd textarea{ height:120px;font-size: 13px; }
   .corporate_spon .tb_type1.write td,
   .corporate_spon .tb_type1.write .spon td{ padding-right:0; }


   #sub_container div.spon_list3 ul li > img{ max-width:80%;margin:0 10%; }
   #sub_container div.spon_list3 ul li strong{ font-size: 16px;line-height:20px; margin:10px 0 5px; }
   #sub_container div.spon_list3 ul li p{ font-size: 12px;line-height:16px;; }



   #sub_container .corporate_spon .ing_list{padding:10px 0 ; text-align:left;}
   #sub_container .corporate_spon .ing_list li{ margin:2%;width:46%; text-align:left;text-align:center;}
   #sub_container .corporate_spon .ing_list li:first-child{ margin:2%;}
   #sub_container .corporate_spon .ing_list li:after{ content:"";display: block;width:14px;height:30px;background:url(/assets/img/sub/blur_spon1.png) 0 0 no-repeat;position: absolute;left:-13px;top:50px;background-size:14px 30px;}
      #sub_container .corporate_spon .ing_list li:nth-child(odd):after{ display: none; }
   #sub_container .corporate_spon .ing_list li span{font-size:12px;line-height:18px;margin-top:10px; }

   .member_list_board{ padding:0 2%; }
   .member_list .member_list_board > ul{ margin-left:0; }
   .member_list .member_list_board .top > li{ width:100%;margin:0; }
   .member_list .member_list_board .top > li.two{ width:100%;position:static; }

   .member_list .member_list_board > ul > li:after{ border-top:0; }
   .member_list .member_list_board .middle > li:first-child:before{ display: none; }
   .member_list .member_list_board .middle{ width:100%;margin:20px 0 ;float:none;font-size: 0;line-height:0;; }
   .member_list .member_list_board .middle:after{ border:0;clear:both;width:auto;position:static;}
   .member_list .member_list_board .middle > li{ width:100%;display: inline-block;margin-left:0}
   .member_list .member_list_board .top > li:first-child:after{ bottom:-800px; }

   .member_list .member_list_board .bottom1 > li{ width:100%;margin:10px 0 0; }
   .member_list .member_list_board .bottom1 li.two{ position:static; }

   .member_list .member_list_board .bottom2{ margin:10px 0 30px; }
   .member_list .member_list_board .bottom2 > li{ width:100%;margin:10px 0 0; }

   .tab_style2 > dl > dt a{ font-size: 12px;line-height:14px;; }


}
@media (max-width:500px){
   #sub_container .dream_box > div ul.listss > li input{ display: block; margin-top:5px; }
}
@media (max-width:480px){
   .main_visuals .hangle{ font-size: 20px;line-height:24px;; }
   .board_area .right_banner > ul li a{ background-size:20px auto !important;background-position:15px center !important;padding:0% 0 0% 25%}
   .main_visuals .hangle a{ padding:0 5px }
   .board_area .right_banner > ul li a strong{ font-size: 14px;}
   .board_area .right_banner > ul li a span{ font-size: 12px;display: block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;padding-right:10%;box-sizing:border-box; }
   .board_area .right_banner > ul li:first-child a,
   .board_area .right_banner > ul li a{ background-size:25px 25px;}
   .board_area .right_banner > ul li a,
   .board_area .right_banner > ul li:first-child a{ background-position:10px center; }

   #footer { margin-top:30px; }
   #footer .footer_address .inner .footer_util li a{ font-size: 11px; }
   .new_box ul li .info strong{ height:2.6em;line-height:1.3em }
   .new_box ul li .info span.txt{ -webkit-line-clamp:2;font-size: 11px; height:3em}

   .left_right_list > ul > li{background:none !important;}

   .tb_type1.left.care_info table tbody tr td:first-child + td a{ width:200px; }

   #sub_container .references h3{ padding:0 20px;font-size: 20px;height:36px;line-height:36px; }
   #sub_container .references:after { top:36px }

   #sub_container h3{ font-size:20px;line-height:23px;; }

   .tb_type1 table thead tr th{ padding:10px 0;font-size: 13px;  }
   .tb_type1 table tbody tr.title_notice td:first-child{ font-size: 13px; }
   /* .tb_type1 table tbody tr td a{ font-size: 12px;; padding-right:20px } */
   .tb_type1 table tbody tr td a{ font-size: 12px;}
   .tb_type1 table tfoot tr td,
   .tb_type1 table tbody tr td{ font-size: 12px;padding:10px 0 ; }
   .tb_type1.notice .col1{ width:17% }
   .tb_type1.notice .col2{ width:auto }
   .tb_type1.notice .col3{ width:20% }
   .paging{ margin-top:20px; }

   .press_rel_box .press_item .info > span > span{ display: block;margin:5px 0 0; font-size:12px; background-size:12px 12px;padding-left:15px;line-height:15px;height:15px;}
   .press_rel_box .press_item .info > span > span:first-child{ margin:0;background-size:12px 12px }
   .press_rel_box .press_item .info em{ height: 53px}

   .etc_copy p{ background:none;padding-right:0;}

   .main_visual .swiper-container .swiper-wrapper .swiper-slide .hangle1{ left:3%;top:10%;font-size: 24px;line-height:30px;; }

   #sub_container .unesco_intro .promotion_session h4{ font-size: 14px;line-height:20px; }
   .faq .tb_type1{}
   .faq .tb_type1 .col1{ width:10%; }
   .faq .tb_type1 .col2{ width:22%; }
   .faq .tb_type1 .col3{ width:auto; }
   .faq.tab_style2 .tb_type1 table tbody tr td:first-child + td + td{ padding-left:5px; }

   #sub_container div.sponsoring_main .in > strong br{ display:none; }
   .detail.campaign .col1{ width:50%; }
   .detail.campaign .col2{ width:auto; }

   .tb_type1.detail tbody th.write_info span{ font-size: 12px; }

   .spon_question dl dd strong{ font-size: 13px; }
   .spon_question dl dd > a,
   .spon_question dl dd span { font-size:13px; }


   #sub_container .unesco_intro .tb_type1.style1 table tbody tr td p{ font-size: 12px}
   .tb_type1.style2 .bottom td p,
   .style_1 li{ font-size: 12px;line-height:22px;; }

   #sub_container .default_unesco .left_txt_right_img p{ width:100% !important; }
   .default_unesco .left_right_list.default > ul > li,
   #sub_container.unesco_korea .left_right_list,
   .right_img.unesco1,
   .right_img.unesco2,
   .unesco_network,
   .default_unesco .btn2 + dd .left_right_list.bottom > ul > li:first-child,
   .default_unesco .btn2 + dd .left_right_list > ul > li:first-child,
   #sub_container .default_unesco .left_txt_right_img.img1{ background:none !important}


      p font{ font-size:12px !important;line-height:20px !important; }

   #sub_container .default_unesco.tab_list .efa_edu .left_right_list.default > ul > li p,
   .tab_list dl.tab4 dd div.right_img p,
   #sub_container .default_unesco.tab_list dl.tab4 dd .left_right_list p{ width:100% !important }

   .left_right_list{ margin-top:0; }

   .unesco_list{ overflow-x:scroll;  }
   .unesco_list > div{ width:750px;; }
   .unesco_list > div > div{ width:150px }
   .unesco_list > div:before,
   .unesco_list:after,
   .unesco_list:before,
   .unesco_list > div:after{ display: none; }


   .logo_city > li ul li{ font-size: 10px; }
   .spon_business_list ul li img{ width:80px }
   .spon_business_list ul li strong{ font-size: 16px;line-height:20px; letter-spacing:-1px; margin:10px 0 8px;}
   .spon_business_list ul li span{ font-size: 12px;line-height:16px;min-height:50px; }


   .btn_list2 > a.style1.big{ height:30px;line-height:30px;padding:0 14px;font-size:16px; }


   .spon_story .swiper-container{ width:80%;margin:0 10% }

   .map_img{ padding:20px 0 40px; }
   .map_img ul li{ width:60%; }
   .map_img ul li img{ max-width:100% }
   .map_img ul li div{ padding-bottom:7px }
   .map_img ul li div em{ font-size: 13px;margin: 0 0 5px }
   .map_img ul li:first-child{ margin-left:0 }
   .map_img ul li:first-child + li{ top:0;margin:0;margin-top:5% }


   .school_spon.corporate_spon .howto > li strong{ font-size: 13px;color: #050505;letter-spacing:1px;line-height:17px;min-height:38px; margin-bottom:0;margin-top:8px;}
   .school_spon.corporate_spon .howto > li p{ font-size: 12px;line-height:15px; }


   .spon_report .img_list{ margin-top:10px;}
   .spon_report .img_list ul li strong{font-size:24px;margin-top:0;margin-bottom:10px }
   .spon_report .img_list ul li em{ color: #17375e;font-size:14px;letter-spacing:-1px}
   .spon_report .img_list ul li p{ font-size:12px; line-height:18px;}

   .sponsorship .tb_type1 table tbody tr td a{ width:200px }
   .spon_report .tab_style2 .tb_type1 table tbody tr td:last-child{ text-overflow:clip;}

   #header .gnb_area .inner .search_area{ top:23px }
   #header .gnb_area .inner .search_area .btns_search{  }
   #header .gnb_area .inner .search_area > a img{ width:25px }
   #header .search_area .m_language > a{width:25px;font-size: 12px;height:25px;line-height:25px; }
   #header .search_area .m_language ul{ top:22px; }
   #header .search_area .m_language ul li a{ font-size: 12px; }

   #header .gnb_area .inner .search_area .search_input input{height:24px;line-height:24px}
   #header .gnb_area .inner .search_area .search_input.on { width:180px }
   #header .gnb_area .inner .search_area .search_input.on input{border:1px solid #ddd; width:100px;padding:0 5px; }
   #header .gnb_area .inner .search_area .search_input.on button img{ width:25px }


   .green_banner{ padding:2% }
   .green_banner .left{ background-size:30px 23px;padding-left:20px ; width:100%; display:block;}
   .green_banner .left strong{ font-size: 13px;; }
   .green_banner .left p{ font-size: 12px;line-height:18px; }
   .green_banner .write_letter input{ width:70%;box-sizing:border-box;padding:0 2%;height:30px;line-height:30px; }
   .green_banner .write_letter button{ width:30%;padding:0;line-height:100%;height:30px;line-height:26px;font-size: 12px; }
   
   
   /* test 추가 */
   .green_banner_test{ padding:2% }
   .green_banner_test .left{ background-size:30px 23px;padding-left:20px ; width:100%; display:block;}
   .green_banner_test .left strong{ font-size: 13px;; }
   .green_banner_test .left p{ font-size: 12px;line-height:18px; }
   .green_banner_test .write_letter input{ width:70%;box-sizing:border-box;padding:0 2%;height:30px;line-height:30px; }
   .green_banner_test .write_letter button{ width:30%;padding:0;line-height:100%;height:30px;line-height:26px;font-size: 12px; }

   #footer .footer_banner div.banner > a{ margin-top:-21px; }


   /* 찾기 */
   .search_box .total_post{padding-left:15px;}
   .search_box .total_post span{ font-weight:500;color: #000; }
   .search_box select{font-size: 13px; background-size:11px 4px;padding:0 15px 0 5px;height:32px;line-height:32px;width:31.333%;margin:0 1% 0 0;
   }
   .search_box select:first-child{ width:33.3% }
   .search_box select:first-child+select+select{ margin-right:0; }
   .search_box input{ font-size: 13px;height:30px;line-height:30px; }
   .search_box button { border-right:0; width:27px;}
   .search_box button img{ width:inherit;margin-right:-1px;position: relative; }

   .sub_title{ height:160px }
   #sub_container .sub_title .inner h3{ font-size:24px;line-height:30px;padding:0 10px; }
   .sub_title .inner p{ padding:0 10px; font-size: 12px;line-height:16px;}
   #sub_container div.new_gallery_list li a span.txt{ min-height:36px; }



   #sub_container .school_spon h3.c{ letter-spacing:-1px;line-height:28px;}
   #sub_container .school_spon h3.c br{ display: none; }
   .spon_qu_list{ padding:30px 0 40px }

   .spon_qu_list h4{ font-size: 18px;font-weight:400 }
   .dream_cam > ul li .in img{ width:35px }
   .dream_cam > ul li .in p{ font-size: 12px;line-height:16px; }

   #sub_container div.spon_list3 ul{ margin:0; }
   #sub_container div.spon_list3 ul li{ width:80%;margin:5% 10%; }
   #sub_container div.spon_list3 ul li > img{ max-width:70%;margin:0 15%; }
   #sub_container div.spon_list3 ul li strong{ font-size:14px;line-height:18px; }
   #sub_container div.spon_list3 ul li p{ font-size:12px;; }


   .sub6 .in > a{right:5px;top:180px; }
   .sub6 .in > a img{ width:70px }


   .spon_qu_list .in_box ul { padding:15px 0 }
   .spon_qu_list .in_box ul li{ width:28%;margin:15px 2%;}
   .spon_qu_list .in_box ul li img{ max-width:60%;margin:0 20%; }
   .spon_qu_list .in_box ul li > span{ font-size: 13px;line-height:16px;margin:10px 0 ;}

   .new_footer_banner div[class^='swiper-button-']{ width:15px;height:15px;background-size:15px 15px;margin-top:-7px }
   .new_footer_banner .inner > div.swiper-button-next{ right:45px;  }
   .new_footer_banner .inner > div.swiper-button-prev{ right:25px;z-index: 5;  }
   .new_footer_banner .inner > div.swiper-button-play{ right:5px; }
   .board_area .left_notice ul li a{ font-size: 14px; }
   .board_area .left_notice ul li:after{ top : 7px }

   .intro_tab_list > dl.tab7 > dt > a,
   .tab_list > dl.tab3 > dt.on > a,
   .tab_list > dl.tab3 > dt > a{ font-size: 11px;}
   .tab_list > dl.tab3.m_line > dt a{ line-height:14px; }
   .tab_list > dl > dt br{ display:block; }

   .references div[class^='edu_banner'] div[class^='swiper-button']{ width:13px;height:25px;background-size:13px 25px;margin-top:5px; }
   .unesco_business .new_tab dt br{ display:block; }
   .unesco_business .new_tab dt.btn5 { padding-top:63px;padding-bottom:7px }

   .unesco_business .in_box h4{ font-size: 24px;line-height:20px;; }
   .unesco_business .new_tab > dl{ padding-top:115px; }
   .unesco_business .new_tab dt{ background-size:35px 32px; padding-top:70px;font-size: 12px;height:40px;background-position:center 25px;line-height:15px}
   .unesco_business .in_box{ background:none !important }
   .unesco_business .in_box{ padding:20px 2% }
   .unesco_business .in_box ol li span,
   .unesco_business .in_box ol li{ font-size: 14px; line-height:22px; }

   .unesco_business .new_tab dt.btn3,
   .unesco_business .new_tab dt.btn5{ word-break:break-all; }
   .left_right_list > ul > li > strong{ font-size:21px; line-height:26px}
   .spon_question dl dd > a,
   .spon_question dl dd span,
   .spon_question dl dd strong{ font-size: 12px;height:auto;white-space:normal; }

   .spon_question dl dd > a,
   .spon_question dl dd span{ line-height:18px; }
   .spon_question dl dd span.img{ display: block; }
   .tb_type1 .unesco_news.promotion{ padding-top:0; }
   .tb_type1 .unesco_news > ul li a em{ font-size: 14px; }
   .tb_type1 .unesco_news.promotion > ul li a span{ min-height:auto;height:60px;font-size: 12px; padding:0 5%;text-align:center;}

   .green_banner .write_letter input{ background-size:100px 11px;background-position:10px center; }
   
   /* test 추가 */
   .green_banner_test .write_letter input{ background-size:100px 11px;background-position:10px center; }

   .spon_btn{  padding-top:0; }
   .spon_btn li{ display: inline-block;width:48%;margin:0 1%;height:30px;}
   .spon_btn li:first-child{ margin-left:1%; }
   .spon_btn li a{ font-size:12px;height:30px;line-height:28px;border-radius:40px; }

   .spon_btn.bottom li { width:48%;margin:0 1%;font-size: 12px;line-height:18px }
   .spon_btn.bottom li span{ font-size: 10px;; }

      #sub_container.hope_store .tab_list dd > div .tb_type1 > ul > li{min-height:200px; }


      #sub_container .spon_top .btn_list2 .img_pdf a img{ width:140px; }
      .spon_top .btn_list2.center a{ margin-top:10px; }
}

@media (max-width:360px){
   .unesco_news.promotion > ul li{ width:100%;margin:0 0 5%; }
   .unesco_news.promotion > ul li a{}
   .tb_type1 .unesco_news.promotion > ul li a span{ min-height:auto; }
}


@media (max-width:320px){
   #sub_container div.sponsoring_main .in > strong br{ display: none; }
   #sub_container div.new_gallery_list{ margin:0; }
   #sub_container div.new_gallery_list li{ width:100%;margin-left:0}
}