@charset "UTF-8";



@media screen and (max-width : 1280px) {
	
	.post_pagenation_mo { display :none !important; }	
	.post_pagenation_pc { display :flex !important; }

	
	
	.viewPagingArea { height: 40px; }
	
/* 	.mobile_search_btn { display : none; } */
	
/*   .storyCon .thumbnail .caption dt, .storyCon .thumbnail .caption dd p { height : 35px; } */
  
  .board_view_con { width : 65%; }
  
  .header { position: static; }
  
  .subDetailTitle {
    margin-left: 50px;
   }
  .detail_Infor_con {
    padding: 30px;
   }
/*     .imgDetail { */
/*     margin: 0px 100px 80px 50px; */
/*    } */
  
  
  
  .vwList { width : 24.5%; }
  .form_section dt { padding: 10px; }
  .form_section { padding: 20px 0; }
  .popup-default .popup-wrap { width:  530px; }
  /* header */
  .navInner{width:100%;}
  .logo img{width: 100%;}
  .headerInner{ padding-right: 5%;}

  /* header - End */

  /* footer */
  .footerlogo{ padding: 2%;}
  .footerlogo img{width: 100%;}
  .footCon{ width: calc(80% - 250px); }
  .foot_Info .address{ margin-bottom: 0; }
  .footLink{ width: 250px; }
  /* footer - End */

  /* main */
  .section{
    padding-left: 5%;
    padding-right: 5%;
  }
  .demoHistory button {
    margin-right: 5%;
  }

  .vi_Content .mainSearch{width: 100%;}
  .vi_Content .mainInfor .mainInfor_inner, .mainSearch form[name="topSearch"]{ width: 70%;}
  
  /* main - End */

  /* sub */
  /* layout */
  .container{padding: 0 2%}

/*   .tabMenu a{ height: 50px; } */

  .leftArea{left: 0; width: 25%}
  .sub_con{padding: 0;}
  .sub_con.rt_sub_con{ padding-left: 27%; }
  /* layout - End */

  .gallery ul .gall_item{margin: 0.5%; width:32.3%; }

  .head_Area{float: none; min-width:inherit; width: 100%; }
  .board_head{display: block;}
  .board_head .dataBtn{min-width:inherit; width: 100%; padding: 10px; border-top: 1px solid #fff;}

  .imgView, .detail_infor_Area{width: 50%;}

  .publishDown .slick-slide{margin: 0 10px;}

  /* .viewerInfoArea{width: 400px;} */
/*   sub - End */

}
/*  width : 1280 - End */

@media screen and (max-width : 1024px) {
	
	.post_pagenation_mo { display :none !important; }	
	.post_pagenation_pc { display :flex !important; }

	
	
	.post_pagenation {
	  margin: 5% auto 0;
	}
	
	.viewerInfoArea dd {
		font-size: 4rem !important;
		width: auto !important;
	}

	.viewerInfoArea dt {
		width: 100% !important;
    	font-size: 4rem !important;	
	}
	
	.viewerInfoArea h3 {
		font-size: 3rem !important;
	}
	
	.viewPagingArea .vwPageNum {
		font-size: 3.6rem !important;
	}
	
	.vwClose {
		width: 50px !important;
    	height: 50px !important;
	}
	
	.vwInfoHandle {
		left: -50px !important;
   		width: 50px !important;
    	font-size: 30px !important;
    	height: 300px !important;
	}
	
	.iviewer_common {
		bottom: 70px !important;
	}
	
	.iviewer_button {
		width: 70px !important;
		height: 70px !important;
	}
	
	.iviewer_zoom_out {
    	left: 100px !important;
    	height: 70px !important;
    }
    
    .iviewer_zoom_fit {
    	left: 180px !important;
    	height: 70px !important;
    }
	
	.text_btn_wrap { right : 6%; }
	
	.viewGall_Btn { margin : 10px; }
	
	.processInfor li::before { width : 15px; height : 15px; }
	
	
  .location .lo_depth .lo_select, .location .lo_depth a {
  	line-height : 40px;
	overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  	}
	
  html,body{ font-size: 9px;}
  
  .viewPagingArea { height: 100px; }
  
  .viewPagingArea .vwFirst, .viewPagingArea .vwPrev,
  .viewPagingArea .vwNext, .viewPagingArea .vwLast {
    transform: scale(3);
    margin: 30px;
	}
  
  .infor_dataBtn p { width : 100%; }
  
    .header { position: static; }
  
  .board_foot {
	width : 90%;
}
  
  /* 모바일(태블릿) 전체적이 영역 */
  
  
  	.thumbnail .caption dt, .thumbnail .caption dd {
  		height : auto;
  	}
 
  	.inforCon p, .inforItems {
  		text-align: left;
  	}


	.inforText p, .inforWidth, .lists, .reso_exInfo {
		width: 80% !important;
	}
		
	.inforCon .section {
		padding: 50px 0px;
	}
	
	.inforCon .lists, .inforCon ol.numberlist {
		padding:0;	
	}
	
	.inforText p {
		padding : 10px;
	}
	
	.dona_data_type {
		padding : 10px;
	}
	
	.visit_stepImg .processInfor, .participation_step .processInfor {
		grid-template-columns: repeat(auto-fill, minmax(33%,auto));
	}
	
	.pointBox, .lawinfor, .w_2layout {
		width: 100% !important;
	}
	
	.sub_con, .inforCon, .agreementInfo {
		width : 100% !important;
	}
	
	.inforCon h4 {
    	margin-top: 30px;
	}
	
/* 모바일(태블릿) 전체적이 영역 -END- */
  
  
  
  
  
  .listVw_year, .listVw_month {
  	padding : 0;
  }

/* .storyCon .thumbnail .caption dt, .storyCon .thumbnail .caption dd p { height : 50px; } */


  .slick-next::before, .slick-prev::before {
  	background-position-y: bottom;
  	top: 0;
    position: absolute;
  	}

  .board_view_con { width : 100%; }

  .subDetailTitle {
    margin-left: 0;
   }
  .detail_Infor_con {
    padding: 30px;
   }
    .imgDetail {
    margin: 0;
   }

  
  .vwList { width : 100%; }
  .form_section dt { padding: 10px; }
  .form_section { padding: 20px 0; }
  .popup-default .popup-wrap { width:  500px; }
  /* header */
  .logo a{padding: 5px 10px;}
  nav ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  nav .menu{width: auto;}
  .headerInner{padding-right: 0.5%;}
  /* header - End */

  /* footer */
  .footCon{width: calc(80% - 200px)}
  .footCon .foot_top, .footLink .sns{
    display: flex; justify-content: space-between;
  }
  .footer .iBtn.email::before, .footer .iBtn.youtube::before, .footer .iBtn.facebook::before, .footer .iBtn.blog::before{
    width: 24px; height: 24px;
  }
  .footLink{padding: 0 2%; width: 200px;}
  .familly .fmSelect{max-width: inherit; }
  .footLink .sns .iBtn{ padding: 0;}
  /* footer - End */

  /* main */
  /* layout */
    .locationInner{height: 40px;}
/*     .location .lo_depth .lo_select, .location .lo_depth a{line-height: 40px;} */
    .location .lo_home a{
      padding: 10px; background-position-y:-10px;
    }

    .leftArea{position: relative; top: 0; width: 100%; float:none; }
    .l_nav_dep1{display: flex; flex-wrap:wrap;}
    .leftNav li{ float: left;width: calc((100vw - 4vw - 40px) / 4); position: relative;}
    .leftNav_A li{ float: left;width: calc((100vw - 4vw - 40px) / 2)!important; position: relative;}
    .leftNav li a{padding: 5px 10px; }
/*     .leftNav li .l_dep1_mn{border-right: 1px solid #555; border-bottom:0; } */
    .leftNav li .l_dep1_mn:last-child{border-right: 0 }
    .leftNav li .l_dep1_mn:hover::after,
    .leftNav li .l_dep1_mn.mnTarget::after{
      display: none;
    }
    .leftNav li:first-child .l_nav_dep2{ display: none; }
    .l_nav_dep2{ width: 100%; position: absolute; left: 0; z-index: 9; background: rgb(242,222,176)}
    .l_nav_dep2 li{ float: none; width: 100%!important; }

    .leftNav .slick-list{overflow:inherit;}
    .leftNav .l_nav_dep1 {width: calc(100% - 40px); margin: 0 auto; }
    .leftNav .slick-prev, .leftNav .slick-next{
      width: 20px;
/*       height: 100%; */
      z-index: 2;
      border-radius: 0;
/*       background: #2d477a; */
    }
    .sub_con.rt_sub_con{padding: 0; }

    .subTitle{ margin : 6% 0 0 0; }
    .tabMenu a{height: 40px;}
  /* layout - End */

  /* style */
  .modalCon{width: 90%;min-width:inherit;}

  .tabMenu a{min-width: 33.3%; padding: 1%; font-size: 15px; }

  .searchForm_display .form_box{ min-width: inherit;}


  /* style - End */


  .section{
    padding-left: 1%;
    padding-right: 1%;
  }
  .time_Section{ padding: 10px; margin-left: 20px; }
  .demoHistory button {
    margin-right: 0;
    width: 60px;
    height: 60px;
    transform: translate(0, -50%);
  }

   /* 雅뚯눘 뒄占쎈꺖占쎈뻼, 筌〓챷肉  */
   .newsCon{width: 65%;}
   .participation{width: 35%;}
   .todayArc, .newUpload {
     float: none; 
     padding-right: 2%;
   }
   .todayArc{
/*    	border-bottom: 1px solid #eee; */
   		margin-bottom: 3%;
   	}
   
   .participation{ overflow: hidden;}
   .participation h3{clear: both;}
   
   .transcription, .errorReport{float: left; width : 100%; }
 
   .todayArc a, .newUpload a,.transcription a{
/*      height: 30vh; */
     min-height: 200px;
   }
      
    /* .errorReport {
      width: 100%;
      height: auto;
    }
    .errorReport a{
      flex-direction: column;
      padding: 5% 2%;
    }
    .errorReport a::before{
      margin-bottom: 1%;
      width: 100%;
    } */
  /* 雅뚯눘 뒄占쎈꺖占쎈뻼, 筌〓챷肉  -end */

  /* main - End */

  /* sub */
/*   .location .lo_depth .lo_select, .location .lo_depth a{ padding: 0 20px 0 0; } */
  .locaIcon{width: 10px; right: 5px}

  .view_head .viewerLogo{padding: 0 2%; justify-content: center;}
  .view_head .viewerTit{ padding: 0 2%; font-size: 3rem !important; }
  .vwClose{right: 10px;}

  .listVw_lists{ column-count:3; padding: 20px;}

  .calendal_display{max-height: inherit;}
  .calendar-wrapper{width: 60%;}
  .calVw_dateSelect, .calVw_lists_Area {float: none; width: 100%; height: auto;}
  .calVw_lists_Area{ height: 600px;}

  .day span{height: 30px; width: 30px; line-height: 30px;}

  .imgView, .detail_infor_Area{float: none; width: 100%;}

  .imgDetail{height: auto;}
  /* .viewerInfoArea{width: calc(100% - 30px); } */
  .detail_infor_Area{float: none;}

  .recommend_display .thumbnail .caption{position: relative;}
  .recommend_display .recommendList li{margin: .5%; width: 19%;}

  .publishDown .slider{ height: auto; }
  .publishDown .slick-slide{ height: 250px;}
  .publishDown .slick-arrow{ width:20px; height: calc(100% - 25px); top:0; }
  .publishDown .slick-prev {left:5px; transform:translate(-100%, 0); }
  .publishDown .slick-next {right:5px; transform:translate(100%, 0); }

  label.writeBox, label.writeBox textarea{width: 70vw;}
  label.input_address, label.input_address input,
  label.input_titleArea, label.input_titleArea input{ width: 70vw;}
  .tr_textarea label.writeBox, .tr_textarea label.writeBox textarea{width: 100%; height: 100%;}
  
  .time_Section { width : 43%; }
  
  .location li.lo_depth{
	width: 31%;
	}
  
  
  
  /* sub - End */

}
/*  width : 1024 - End */

@media screen and (max-width : 768px) {
	
	.post_pagenation_mo { display :flex !important; }
	.post_pagenation_pc { display :none !important; }

	
	.thumbText dt { margin-bottom: 30px; }
	
	.newsCaption dd {
		display: none;
	}

	.thumbText dd>a {
		display: none;
	}
	
	.text_btn_wrap {
	transform: scale(0.8);
	}
	
	.lo_home { display : none; }

/* 	.locaIcon { transform: translateY(-50%) rotate(0deg); } */
	
	.location .lo_depth .lo_select { padding-right: 20px; text-align: left; }
	
	.location li.lo_depth {
		width: 33%;
		float: left;
	}
	
	.viewPagingArea { height: 100px; }
	.post-cont, .post-cont2 {
	width:100%;
}
	
	.header { position: relative; z-index : 9999999999999999; }
	.content { padding-top : 0; }
	
  html,body{ font-size: 8px;}
  
/*   .locationInner { display : none; } */
  
  .storyCon .thumbnail .caption dd p { height : 35px; }
  
  
  
    .subDetailTitle {
    margin-top: 5%;
/*     margin-left: 0px; */
   }
  .detail_Infor_con {
    padding: 0;
   }
    .imgDetail {
    margin: 0;
   }
  
  
  
  
  .form_section dt { padding: 10px; }
  .form_section { padding: 5px 0; }
  .popup-default .popup-wrap { width:  500px; }
  /* header */
  .logo{ min-width: 150px; height: 40px; position: absolute; top: 0; z-index: 2;}
  .logo a{height: 80%; width: auto; background: url(../img/demo_oa_logo.png) no-repeat center/contain;}
  .navArea{width: 100%;}
  nav#nav{padding: 2%; width: 100%;}
  .navTopItem{margin-left: 10px;}
  .logo img{opacity: 0; }
  /* header - End */

  /* footer */
  .footer{flex-direction:column; height: auto;}
  .footer .logo, .footCon, .footLink{ position: relative; float: none; }
  .footCon{width: 100%; padding: 0 2%;}
  .footCon .foot_top, .footLink .sns{ justify-content: space-around; }
  .footLink{ width: 60%; margin: 0 auto; margin-bottom: 20px;  }
  /* footer - End */

  /* main */
  .mainConList{grid-template-columns:repeat(auto-fill, minmax(100%,auto))}

  /*  ⑤벊占쏙옙沅쀯옙鍮  */
  .vi_Content .mainInfor .mainInfor_inner, .mainSearch form[name="topSearch"]{width: 96%; padding: 0;}
  .mainSearch label.mainSchInput{margin-bottom: 5px;}
  .mainSearch .detailSearch {
    position: relative;
    display: none;
    top: auto;
    right: auto;
    transform: translate(0, 0);
  }

  .vi_Content .mainInfor, .vi_Content .mainInfor *{ height: 40px; line-height: 40px; margin-right: 10px; }
  .mainSearch .detailSearch{ width: fit-content; }

  /* 占쎌궎占쎈뮎占쎌벥 占쎌뵬筌욑옙 */
  .demoHistory button {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0, -10px);
    margin: 0 auto;
  }
  /* 占쎌궎占쎈뮎占쎌벥 占쎌뵬筌욑옙 - end */
  .news{
  	flex-wrap: wrap;
  	position: relative;
/*   	padding-bottom: 86px; */
  	}
  .todayArc, .newUpload, .youtubeContent, .participation{
    width: 50%;
    padding:0 1%;
  }
  .errorReport{ 
    position: absolute;
    bottom: 0;
    right: 2%;
    width: 96%;
    height: auto;
  }
  /* main - End */

  /* layout */
  .locationArea {
/*   display: none; */
  border-bottom:0;}
/*   .page_num{display: none;} */
  /* layout - End */

  /* style  */
/*   .aBtn, button, .iBtn{height: 26px; line-height: 24px; } */

  .tabMenu a{min-width: 50%; padding : 10px; font-size: 1.6rem; }

  .modalCon{width: 100%; min-width:inherit; max-height:inherit;}

  .slick-prev, .slick-next{line-height: normal;}
  /* style - End */

  /* sub */

  .infor{padding: 20px 2%; margin-bottom: 20px;}

  .board_head .head_Area .post_title, .board_head .head_Area .board_ctrlBox, .board_head .head_Area .board_public_date{
    padding: 10px;
  }
  .board_ctrlBox{text-align: inherit; display: flex; justify-content: space-around; }
  .board_ctrlBox .bo_ctrl_Date{float: none; width:28%; margin-right: 5px; }
  .board_ctrlBox .bo_ctrl_Date input{ width: 100%;}
  .board_ctrlBox button{margin-right: 5px;}

  .listVw_lists{column-count: 2;}
  .vwList{padding: 0; }

  .listVw_year li, .listVw_month li{height: 40px;}
  .listVw_month li{border-right:0}

  .listVw_lists{ padding: 2%; }

  .time_Section{ width: 30%; margin-left: 15px; }
  .time_Section:last-child{display: none;}
  .time_Section::before{top:-10px}

  .view_head .viewerLogo{padding: 0 1.5%; min-width: 100px;}
  .view_head .viewerLogo img{width: 100%; height: initial;}
  .view_head .viewerTit{ width: calc(100% - (15% + 35px)); max-width: calc(100% - 135px); padding: 0 1.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
  .vwClose{right: 0;}

  .siteMap{ grid-template-columns:repeat(auto-fill, minmax(49%,auto))}

  .calendar-box{padding: 10px 0; }
  .calendar-wrapper{width: 100%;}
  .week{margin: 0}
  .day span{height: 26px; width: 26px; line-height: 26px;}

  .viewContral .nextImg,.viewContral .prevImg{
    background-position:bottom -0px center;
    background-size: 14px;
    height: 25px;
  }
  .viewContral .prevImg:hover, .viewContral .nextImg:hover{
    background-position:bottom -27px center
  }

  .w_2layout{float: none; width: 100%; margin-bottom: 10px;}

  .award, .legacyService{height: auto;}

  .publishDown .slick-slide{margin: 0 5px; height: 200px;}

  .picResource .reso_exImg, .picResource .reso_exInfo{float: none; width: 100%; }
  .picUseExemple .picUse_ex_li p{ padding:10px 2%; }

/*   .searchForm_display .form_section dt{margin: 10px;} */

  .searchForm_display .form_section dt, .searchForm_display .form_section dd{
    width: 100%; float: none; text-align: left;
  }
  input, textarea, select, button, .aBtn{ 
	/*   width: 29%;  */
/* 	min-width: inherit; */
	margin: 1% 0 1% 0;
  	}
  .searchForm_display form .form_group{width: 100%;}

  label.writeBox, label.writeBox textarea{width: 100%; min-width: 85vw; }
  .tr_textarea label.writeBox, .tr_textarea label.writeBox textarea{min-width: 100%; height: 100%;}


  label.input_address, label.input_address input,
  label.input_titleArea, label.input_titleArea input{ width: 85vw;}

  .processInfor{
    grid-template-columns:repeat(auto-fill, minmax(49%,auto));
  }
  .dona_step .dona_ask, .dona_step .infortext{ height: auto; }
  .dona_infor {height: auto;}
  .processInfor li::before{
    font-size:2.5rem; height:30px; width: 30px; line-height:30px;
  }

  .my_acc_area{display: block;}
  .edit_account{ width: 100%; }
  .edit_account button{ min-width: fit-content; }
  /* sub - End */

}

/* .storyCon .thumbnail .caption dt, .storyCon .thumbnail .caption dd p { height : 40px; }  */



.notImgView{
	display : none;
}

.locationArea { position: relative; z-index: 1; }

/*  width : 768 - End */

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

	.post_pagenation_mo { display :flex !important }
	.post_pagenation_pc { display :none !important; }

	
	.btn-trans-go { position : absolute; left:0;}
	
	.lo_home { display : none; }
	
	.viewPagingArea { height: 100px; }
	
	.pagenation *{
		width: 30px;
	}

/* 	.top_search { display : none !important; } */
	
/* 	.vi_Content .mainSearch { display : none; } */
	
	.board_view { border-bottom : none; }
	
	.foot_text {
		display: flex;
    	width: 100%;
    	justify-content: center;
	}
	.footCon .foot_top, .footLink .sns { padding-right: 5%; }

	.foot_top {
    	width: 100%;
	}
	
	 .footCon .foot_top span{ margin-right: 0 }
	 
	 
	 .content_prevPg, .content_nextPg {
	 	width: 30%;
	 }

	
/* 모바일 전체적이 영역 */


	.inforText p, .inforWidth, .lists, .reso_exInfo {
		width: 100% !important;
	}
		
	.inforCon .section {
		padding: 50px 0px;
	}
	
	.inforCon .lists, .inforCon ol.numberlist {
		padding:0;	
	}
	
	.inforText p {
		padding : 10px;
	}
	
	.dona_data_type {
		padding : 10px;
	}
	
	.visit_stepImg .processInfor, .participation_step .processInfor {
		grid-template-columns: repeat(auto-fill, minmax(33%,auto));
	}
	
	.pointBox, .lawinfor, .w_2layout {
		width: 100% !important;
	}
	
	.sub_con, .inforCon, .agreementInfo {
		width : 100% !important;
	}
	
	.inforCon h4 {
    	margin-top: 10px;
	}
	
	.thumbnail .thumbImg {
  		height : 100px;
  	}
  
	
/* 모바일 전체적이 영역 -END- */
	
	
/* 	.storyCon .thumbnail .caption dt, .storyCon .thumbnail .caption dd p { height : 40px; } */
	
	.mobileBtn { display : block; }
	
	.modal-wrap .modal-inner .email-share .email-share-contents .share-img { width :100%; hieght : 100%;  }
	.modal-wrap .modal-inner .email-share p { width : 70vw; }
	.modal-wrap .modal-inner .email-share .table-default { width : 80vw; }
	.modal-wrap.share-mail .modal-inner { width : 95%; }
	.modal-wrap .modal-inner .email-share .email-share-contents { width : 80vw; }
	.modal-wrap .modal-inner { width : 95%; }
	
	
	.modal-wrap .modal-inner .embed-share,
	.modal-wrap .modal-inner .embed-share textarea,
	.modal-wrap .modal-inner .embed-share input, .modal-wrap
	.table-default table td input[type=text],
	.modal-wrap .modal-inner .email-share textarea {
    width: 55vw;
	}
.imgView{
	display : none;
}

.notImgView{
	display : block;
}
  
  .form_section dt { padding: 0px; }
  .form_section { padding: 5px; }
  .popup-default .popup-wrap { width:  300px; }
.vi_Content .mainInfor .mainInfor_inner, .mainSearch form[name="searchMain"]{width: 96%; padding: 0;}
  .pointText{ font-size: 2.4rem; }
  .logo, .footerlogo{width: auto;}
  .footerlogo a{height: 100%;}
  .footerlogo img{height: 100%; width: auto;}
  /* header */
  .header{ height: 40px; background:#2D477A !important; color:#333 !important; }
  .navArea{position: absolute; top: 40px; width: 100%; height: auto; background: #fff; padding-bottom: 20px; z-index: 9; display: none; border-bottom: solid 1px #dddddd; }
  .navTop {
    position: relative;
    text-align: center;
    border-bottom: 1px solid #fff;
    height: auto;
  }
  .navTop a:hover{color:inherit;}
  .navTopItem{ margin: 0 auto; padding: 10px 0;}
  .top_search{ display: block; }

  nav#nav{height: auto; padding: 0;}
  nav ul{ flex-direction: column; }
  nav .menu { height: 40px;}
  nav .menu a:hover{color:inherit;}
  .headBtn{
    /* content: ""; */
    display: block;
    /* justify-content: space-evenly; align-items: center; flex-direction: column; */
    width: 40px; height: 40px;
    position: absolute; top: 50%; right: 1%; transform: translateY(-50%);
    cursor: pointer;
  }
  .headBtn hr{
    position: absolute;
    top:50%; left: 50%;
    width: 70%; height: 2px;
    background: #fff; border: none;
    transition:transform 0.6s; transform-origin: center; transform: translate(-50%);
  }
  .headBtn hr:nth-child(1){transform: translate(-50%, -7px) rotate(0);}
  .headBtn hr:nth-child(2){transform: translate(-50%) rotate(0);}
  .headBtn hr:nth-child(3){transform: translate(-50%, 7px) rotate(0);}
  .open_nav{
    display: block;
  }
  .open_nav>hr{
    margin: 0 auto;
    position: absolute;
    top: 50%;
    background: #fff;
    border: 0;
    height: 2px;
    transform-origin: center;
  }
  .open_nav>hr:nth-child(1){
    transform: translate(-50%) rotate(45deg);
    width:30px !important;
  }
  .open_nav>hr:nth-child(2){
    width:0 !important;
  }
  .open_nav>hr:nth-child(3){
    transform: translate(-50%) rotate(-45deg);
    width:30px !important;
  }

  /* header - End */

  /* footer */
  /* footer - End */

  /* layout */
  .content {
    padding-top: 10px;
    padding-bottom: 4vh;
  }
  .leftNav li{width:calc((100vw - 4vw - 40px) / 3);}
  .leftNav_A li{width:calc((100vw - 4vw - 40px) / 2)!important;}
  /* layout - End */

  /* style */

  /* style - End */

  /* main */

  .moveTo{
    bottom: 210px;
  }

  .gallery ul .gall_item{width: 49%;}

  .demoHistory{height: auto; }
  .demoHistory_Con{ height: auto; position: relative;}
  .demo_timeline{ position: relative; top: 0; left: 0; transform: translate(0);}
  .time_Section{ display: block; width: 95%; }
  .time_Section:nth-child(even){transform:translateY(0);}
  .time_Section::before, .time_Section:nth-child(even)::before{ position: relative; top: 0; left: 0; transform: translate(0)}
  .time_Section::after, .time_Section:nth-child(even)::after{top: 0; transform: translateY(0); }
  

  .todayArc, .newUpload, .youtubeContent, .participation{
    width: 100%;
    margin-bottom: 4%;
  }
  /* main - End */

  /* sub */


  .listVw_lists{ column-count: 1; }

  .board_ctrlBox{ flex-wrap: wrap; }
  .board_ctrlBox .bo_ctrl_Date{display: block; width:100%; margin-right: 0; margin-bottom: 10px; overflow: hidden; }
  .board_ctrlBox .bo_ctrl_Date input{ width: initial;}

  .detail_infor_Area, .recommend_display{padding: 2%;}


  .viewerInfoArea.detail_infor_Area{padding: 0;}
  .detail_Infor dt{ min-width: 81px;}
  .detail_Infor dd{
   	min-width: calc(100% - 80px);
    width: 100%;
	line-height: 30px; 
   }
   
   .layout2 dd {
    	min-width: 50% !important;
    	width: 0 !important;
   }


  .siteMap{ grid-template-columns:repeat(auto-fill, minmax(100%,auto)); column-gap:0;}


  .publishDown .slick-slide{margin: 0 2px;}
  .publishDown .slick-prev {left:3px; }
  .publishDown .slick-next {right:3px;  }
  .searchForm_display .form_section dt, .searchForm_display .form_section dd{
    width: 100%;
  }
  .form_section dt, .form_section dd{float: none; width: 100%;}


  label.writeBox, label.writeBox textarea{width: 100%;}
  label.input_address, label.input_address input,
  label.input_titleArea, label.input_titleArea input{ width: 100%;}

  .keywords { display:none; }
  
  .leftNav li .l_dep1_mn{white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
 
  .my_reDwBtn {position:absolute; top:100px;}
  
  .thumbnail_list li{position:relative; }
  /* sub - End */
  .familly { display : none; }
  .searchList_boxs .searchList_category { width : 100% }
  
  .subDetailTitle { margin-left : 0; }
  
  .thumbImg img { height : 100%; }
  
  .picUseExemple .picUse_ex_li .picUse_ex { width: 48.3%; }
  
  .print { display : none; } 
  
  .subTitle { letter-spacing: -3px; }
  

}
/*  width : 640 - End */



/* @media screen and (max-width : 480px) { */
/* 	.slick-track { width : 2000000px !important; } */
/* 	.slick-slide { width : 227px !important; } */
/* } */




@media screen and (max-width : 320px) {
	
	.post_pagenation_mo { display :flex !important; }	
	.post_pagenation_pc { display :none !important; }

	
	.navTop { padding : 0; }
	
	.navTop .iBtn.search_btn {
		position: absolute;
    	right: 0;
	}
	
	.top_sch_box { position: relative; }
	
	.viewPagingArea { height: 100px; }
	
	.popup-default .popup-wrap { width:  200px; }
  /* header */
  /* header - End */

  /* footer */
  /* footer - End */

  /* main */
  .mainConList{grid-template-columns:repeat(auto-fill, minmax(100%,auto))}

  /* main - End */

  /* sub */
  
  /* sub - End */

}
/*  width : 320 - End */