@media screen and (max-width:1400px){
  /* join form page style  */
  .join_box{width:60%;}
  .login_box{width:60%;}
  
}


@media screen and (min-width:1200px){
  .nav_icon{display:none;}
}

@media screen and (max-width:1200px){
  header{_top:0;}
  .site_info .boxes .box1{width:50%;}
  .site_info .boxes .box2{width:50%;}
  .site_info .boxes .box3{width:100%;}
  .nav_icon{display:none;}

  
  .sup_page_title{width:50%;}
  .sup_page_title{font-size:25px;}

  .txt_button a{font-size:12px; margin:70px 30px 0 0;}

  .detail_section .detail_img{width:60%; margin:auto; float:none;}
  .detail_section .detail_contents{width:60%; margin:auto; margin:30px auto 30px auto; float:none; padding:10px; box-sizing: border-box; }
  .detail_section .detail_contents>div, .detail_section .detail_contents p {padding:10px 0 ; }
  .contents_center{max-width:1200px; width:100%; margin:auto; height:auto;}

  .gallery_box{box-sizing: border-box;}
  .grid-sizer, .gallery_item{width:25%;}
  .gallery_contents .gallery_view{width:33.33%}

  .upload_section{box-sizing: border-box; padding: 50px 10px 70px 10px;}



}
@media screen and (max-width:950px){
  /* join form page style  */
  .join_box .input_box .col_con:nth-child(1),.join_box .name_box .col_con:nth-child(1),.join_box .pass_box .col_con:nth-child(1),.join_box .email_box .col_con:nth-child(1), .join_box .pass_check_box .col_con:nth-child(1){display:none;}

  .join_box .input_box .col_con:nth-child(2){width:78%; margin-left:0;}
  .join_box .input_box .col_con:nth-child(3){width:20%;}
  .join_box .name_box .col_con:nth-child(2){width:100%; margin-left:0;}
  .join_box .pass_box .col_con:nth-child(2){width:100%; margin-left:0;}
  .join_box .email_box .col_con:nth-child(2){margin-left:0; width:35%;}
  .join_box .email_box .col_con:nth-child(3){width:8%; font-size:12px;}
  .join_box .email_box .col_con:nth-child(4){width:57%;}
  .join_box .pass_check_box .col_con:nth-child(2){width:78%; margin-left:0;}
  .join_box .pass_check_box .col_con:nth-child(3){width:20%;}

  .sub_page_title{font-size:25px;}

  .title_box{text-align:center; }
  .title_box .title_txt{border-left:0;}
  .txt_contents{float:none; width:100%;}
  .txt_button{float:none; text-align:center; width:100%; }
  .txt_button a{display:inline-block; margin:30px 0; float:none;}

}


@media screen and (max-width:900px){
  .about .company{width:100%;}
  .portfolio .port_con_box .port_con{width:50%;}

  .sub_page_title h2{font-size:30px;}
  .content{width:50%;}
  .gallery_contents .gallery_view{width:50%}

 
}

@media screen and (max-width:800px){
  .sub_img .img_slogan h2{font-size:35px;}
  .sub_img .img_slogan p{font-size:20px;}
  .gallery_box{box-sizing: border-box;}
  .grid-sizer, .gallery_item{width:33.33%;}
  
  
}



@media screen and (max-width:700px){
  .top_line .login_bar a{width:30%;}
  .top_line .login_bar a:nth-child(1){width:30%;}
  .top_line .login_bar a:nth-child(2){width:30%;}
  .top_line .login_bar a:nth-child(3){width:30%; text-align: center;} 
  .top_line .login_bar .line:nth-child(1){display:none;}
  header .gnb{display:none; position:absolute; top:100%; width:100%; z-index:100; left:-5px;}
  header .gnb li{float:none; width:100%; justify-content: center; background:#101010;}
  .nav_icon{display:block;}
  .site_info{padding:30px 0;}
  .site_info .boxes{bottom:0;}
  .site_info .boxes .box1{width:100%;}
  .site_info .boxes .box2{width:100%;}
  .site_info .boxes .box3{width:100%;}
  .portfolio .port_con_box .port_con{width:100%;}
  .content{width:100%;}


  footer .copy{display:none;}
  footer .sns_box{float:none; margin:auto; width:50%; display:flex; justify-content: center;}
  
  .sub_img{display:none;}
  .join_box{width:80%;}
  .login_box{width:80%;}

  .detail_section .detail_img{width:90%; margin:auto; float:none;}
  .detail_section .detail_contents{width:90%; margin:auto; margin:30px auto 30px auto; float:none; padding:10px; box-sizing: border-box; }
  .detail_section .detail_contents>div, .detail_section .detail_contents p {padding:10px 0 ; }
  .detail_section .detail_btns a{font-size:10px;}
  .detail_section .detail_btns a:nth-child(1){background: #e4e4e4; width:49%;}
  .detail_section .detail_btns a:nth-child(2){background:rgb(218, 198, 198); width:49%; margin-left:2%;}
  .detail_section .detail_btns a:nth-child(3){background:rgb(226, 218, 218); width:100%; margin-left:0%; margin-top:10px}
  .gallery_box{box-sizing: border-box;}
  .grid-sizer, .gallery_item{width:50%;}
  
  .gallery_section .sub_page_title .title_line{width:60%;}
  .gallery_contents .gallery_view{width:100%}
  .gallery_section .sub_page_title {width:50%;}
  

  .upload_left {width:100%; padding:0; margin-bottom: 10px;}
  .upload_right {width:100%; padding:0;}

  .sub_page_title{width:80%;}
  .sub_page_title h2{ font-size:30px;}
  .sub_page_title .title_line{width:50px;}
  .gallery_btns{margin-top: 10px;}
  .gallery_btns button{margin:10px 0;}

  .board_table{width:80%; margin:auto;}
  .board_table a{font-size:12px; padding:10px 20px;} 
  .write_box p textarea{height:150px;}
  .write_box p:last-child{margin-bottom:0;}
  .write_btn{margin-bottom:10px;}
 
  .community_section.padding_fit, .gallery_section, .community_section, .login_section, .join_section {padding:100px 0 70px 0;}
}

@media screen and (max-width:420px){
  .join_box .input_box .col_con:nth-child(2){width:68%; margin-left:0;}
  .join_box .input_box .col_con:nth-child(3){width:30%;}
  .join_box .pass_check_box .col_con:nth-child(2){width:68%; margin-left:0;}
  .join_box .pass_check_box .col_con:nth-child(3){width:30%;}
  .join_box .join_btns button{padding:10px 0;}

  .join_box .email_box .col_con:nth-child(2){margin-left:0; width:85%;}
  .join_box .email_box .col_con:nth-child(3){margin-bottom:10px; width:15%;}
  .join_box .email_box .col_con:nth-child(4){width:100%;}

  .gallery_box{box-sizing: border-box;}
  .grid-sizer, .gallery_item{width:100%;}

  .form_data{margin:5px 0; border:0;}
  .upload_title label{width:100%;}
  .upload_title input {width:100%;}

  .upload_category em {width:100%;}
  .upload_category select {width:100%;}
  
  .board_table .board_list span.num, .board_table .board_list span.hits {display:none;}
  .board_table .board_list .board_title span.title{text-align: center;}
  .board_table .board_list span.title b{float:right;}
  .board_table .board_list span.title{width:60%; font-size:11px; text-align: left;}
  .board_table .board_list span.id{width:40%; font-size:11px;}
  .numbering span.page_number{display:none;}
  .community_btn .search_box{width:100%; float:none;}
  .community_btn .search_box select{width:30%; font-size: 10px;padding:5px;}
  .community_btn .search_box .search_input{width:58%;}
  .community_btn .search_box button{width:9%;}
  .board_btn{float:none; width:100%; display:block; width:100%; text-align: center; box-sizing: border-box; margin-top:5px;}
  .write_btn{float:none;}
  .write_btn>a{display: block; width:49%;  text-align:center;  margin-top:5px;}
  .write_btn>a:nth-child(1){margin-left:2px;}

  .write_box p label{display:none;}
  .write_box p input{width:100%;}
  .gallery_btns {border-top:0px;}
  .gallery_btns button{width:100%;font-size: 12px; padding:10px; box-sizing: border-box; margin-bottom:5px;}
  
}