@charset "utf-8";


@media screen and (max-width: 1920px) {
  html.ie11 .main-contact__bg {background-size:cover;}	
  
}

@media all and (max-width:1440px){
  #gnb .gnb1_li {padding: 0 30px; }  

  .main-visual-content {padding: 0px 5% 40px;}
  .main-visual .swiper-navigation {bottom:4rem;left: 5%;}

  .products--detail{margin:0px 0 60px;}
  .products--detail .detail--img{flex:0 0 45%;}
  .products--detail .detail--txt{flex:1; padding-left:30px;}
  .products--detail .stit{font-size: 30px;margin-bottom:10px;}
  .products--detail .desc{font-size: 15px;margin-bottom:15px;}
  .products--detail .btn--area{margin-top:15px;}
  .products--detail .file_box > a{font-size:13px;}
  
  .detail--cont{margin:0px 0 60px;font-size:14px;}
  .related--cont{width:100%; padding:60px 0;}
  





}   

/* 1280px 이하 */
@media all and (max-width:1280px){
  #gnb .gnb1_li {padding: 0 20px; }
  .gnb1_a {font-size:1.6rem;}
  .gnb2_a {font-size: 1.4rem;  }
  #header.bg_on .gnb1_a {font-size:1.6rem;}

  .main-visual-title {font-size:45px;}
  .main-visual-title br{}
  .main-visual-desc {margin-top:2rem;font-size: 24px;}

  .inner{padding:0 5%;}

  .section-tit{padding-bottom:4rem;}
  .section-tit .tit-big{font-size:4.5rem;}
  .section-tit .tit-s{font-size:1.8rem;margin-top:15px;}
  
  .section_1{padding:80px 5%;}

  .section_2{padding:100px 5%;}
  .section_2:before{height:500px;}
  .section_2 .sec_slideArea{padding:0px 60px;}

  .section_3{padding:80px 5%;}
  .section_3 .sec-tit{padding-bottom:50px;}
  .section_3 .b-tit{font-size:4.5rem;}
  .section_3 .b-txt{font-size:18px;margin-left:5px;}

  .m-product li:first-child{padding-right:40px; }
  .m-product .m-tit{font-size:26px;margin-bottom:20px;}

  .section_4{padding:80px 5%;}
  .section_4 .sec-tit{padding-top:70px;background:url(/images/main/sec04-logo.png) 50% 0% no-repeat;font-size:18px;margin-bottom:40px;}
  .cs-area .num{font-size:30px;}
  .cs-area .rtit > span{padding:4px 16px;font-size:14px;}

  .footer-notice{padding:12px 5%;}
  .f-notice{padding-right:20px;}
  .f-notice-wrap .n-tit{font-size:17px;padding-right:20px;}
  .f-notice-wrap .n-date{font-size:14px;padding-right:20px;}
  .f-notice-wrap .n-cont{font-size:14px;}
  
  .footer{padding:40px 5%;}
  .footer_menu {margin-bottom:20px;}
  .footer_menu > a {font-size: 15px;margin-left:15px;}
  
  .footer .f_cont{font-size:13px;}
  .footer .f_cont > span{font-size:13px;padding-left:8px; margin-left:8px;}
  .footer .f_cont > span::after{top:3px;height:10px; }  
  .footer .f_copy{font-size:12px;}	

  .sub--menu.typeC > a{padding-left:25px; margin-left:20px;font-size:16px;}

  map-contacts {padding:0px 5%;}








}

/* 1100px 이하 */
@media all and (max-width:1100px){
  #gnb .gnb1_li {padding: 0 15px; }

  .sub--menu.typeC > a{padding-left:20px; margin-left:15px;font-size:16px;}

  .round_tab li a {font-size:13px;}

}


/* Tablet  1024px 이하 */
@media all and (max-width:1024px) {
  html{font-size: 56.3%;}
  #header{height:100px;}
  #header .logoArea{flex:1; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;z-index: 4;}
  #header .logo{min-height:40px;background:url(../images/logo_s.png) 0% 50% no-repeat;}
  #header .util{display:none;}
  #gnb {display:none;}

  .main-visual .swiper-pagination-current {width:2.5rem;}
  .main-visual .swiper-pagination-total {width:2.5rem;margin-right:.5rem;}
  .main-visual .swiper-progress__hidden-space {width:14.0rem;margin-right:0rem;}
  .main-visual .swiper-progress__wrap {width:14.0rem; left:2.5rem;}

  .main-visual-title br{display:none !important;}
  .main-visual-title {font-size:40px;}
  .main-visual-desc {margin-top:2rem;font-size: 24px;}

  .section-tit{padding-bottom:4rem;}
  .section-tit .tit-big{font-size:4rem;}
  .section-tit .tit-s{font-size:1.8rem;margin-top:10px;}
  
  .section_1 .txtBox .tit{font-size:2.2rem;margin-bottom:10px;}
  .section_1 .txtBox .txt{font-size:1.7rem;margin-bottom:15px;}
  .section_1 li{flex:1; margin-left:20px;}

  .section_2{padding:80px 5%;}
  .section_2:before{height:400px;}
  .section_2 .sec_slideArea{padding:0px 60px;}

  .section_3{padding:80px 5%;}
  .section_3 .sec-tit{padding-bottom:40px;}
  .section_3 .b-tit{font-size:4rem;}
  .section_3 .b-txt{font-size:18px;margin-left:5px;}

  .tab-ty1 {margin-bottom:50px;}
  .tab-ty1 .swiper-slide {padding:0 10px;font-size:17px;}

  .m-product li{display:inline-block;width:50%;}
  .m-product li:first-child{padding-right:30px; }
  .m-product .m-tit{font-size:24px;margin-bottom:20px;}
  .m-product .m-txt{font-size:17px;margin-bottom:20px;}
  .m-product .m-desc{font-size:15px;margin-bottom:20px;}

  .section_4{padding:80px 5%;}
  .section_4 .sec-tit{padding-top:70px;background:url(/images/main/sec04-logo.png) 50% 0% no-repeat;font-size:18px;margin-bottom:30px;}
  .cs-area .num{font-size:30px;}
  .cs-area .rtit > span{padding:4px 16px;font-size:14px;}

  .f-logo{flex:0 0 150px;}  


  #visual{height:300px;}
  #visual .visual-tit{font-size:4rem;}
  #visual .visual-sub-txt{font-size:2.2rem;}
  
  .sub--menu{width:100%;height:50px;}
  .sub--menu > a{padding-left:20px; margin-left:15px;font-size:15px;}

  .sub--menu.typeC{display:none; }
  .sub--menu-wrap.typeC{display: inline-block !important;}

  .location li{padding-left: 25px;font-size:14px;}   
  .title{font-size:4rem;margin-bottom:40px;}
  .title > em{font-size:16px;}

  .products--main .btnArea{padding:8px 5px;}
  .product--more{font-size:14px;  padding-left:18px; background-size:auto 14px;min-height:14px;}

  .products--tit{font-size:14px;  padding-left:18px;}



  .tit_lg{font-size:3.5rem;margin-bottom:30px;}
  .tit_md{font-size:2.4rem;margin-bottom:20px;} 

  .p--section{margin-bottom:40px;}
  .txtBox-1{padding:30px;margin:20px 0; }
  .tit_s{font-size:2rem;padding-left:28px;margin-bottom:20px;}
  .i--num{ top:3px;width:20px;height:20px;font-size:13px;}

  .products--list .p--img{display: inline-block;width:250px;}
  .products--list .p--cont{display: inline-block;width:calc(100% - 250px); padding-left:40px;}
  .products--list .p--tit-eng{font-size:16px;}
  .products--list .p--tit{font-size:16px;margin-bottom:10px;}
  .products--list .p--txt{font-size:14px;}
  .products--list .p--btn{margin-top:15px;}

  .list-typeB li{display: inline-block;width:30.33333%; margin:0 0% 3% 4.5%;}
  .list-typeB li:nth-child(4n-3){margin:0 0% 3% 4.5%;}
  .list-typeB li:nth-child(3n-2){margin:0 0% 3% 0%;}

  .board-view .btnBox .s-txt{display: none !important;}

  .board-view .subjectBox{flex-wrap: wrap;align-items:center;padding:20px;}
  .board-view .subjectBox .leftArea{width:100%;margin-bottom:15px;}
  .board-view .subjectBox .rightArea{width:100%;text-align:right;}
  .board-view .stit{margin-right:10px;}


  .round_tab {border:1px solid #dfdfdf;padding:20px 15px 5px;border-radius:4px; text-align:center;box-sizing: border-box; }
  .round_tab li {margin:0px 0px 15px;display: inline-block;}
  .round_tab li a {border:0px solid #dfdfdf;background:#fff; text-align: center; padding:0px 15px 0px 10px;font-size:13px; display:block; border-radius:0px;}
  .round_tab li a::before {content: ' '; display: inline-block; vertical-align: top;width:3px; height:3px; margin-top:5px;margin-left:-9px;margin-right:4px;border-radius: 50%; background:var(--concept-color);}
  .round_tab li a:hover {color: #333;border: 0px solid var(--concept-color);background:#fff; }
  .round_tab li.active a {color: #333;border: 0px solid var(--concept-color);background:#fff; }


  .products--detail .stit{font-size:24px;margin-bottom:10px;}
  .products--detail .desc{font-size: 14px;margin-bottom:15px;}






















}


	
/* Mobile 768px 이하 */
@media all and (max-width:768px) {   
  html{font-size: 50%;}

  .pc_only{display: none !important;}	
  .mo_only{display: inline-block !important;}

  .mMenu {right:-100%; width:100%;}

  .main-visual-title {font-size:35px;}
  .main-visual-desc {font-size: 20px;}

  .section-tit{padding-bottom:4rem;}
  .section-tit .tit-big{font-size:4rem;}
  .section-tit .tit-s{font-size:1.8rem;margin-top:10px;}
  
  .section_1{padding:60px 5%;}
  .section_1 li{flex:1; margin-left:15px;padding-top:0px;}
  .section_1 .txtBox{padding:20px 0px 0;}
  .section_1 .txtBox .tit{font-size:20px;margin-bottom:5px;}
  .section_1 .txtBox .txt{font-size:17px;margin-bottom:10px;}
  .section_1 li:hover{margin-top:0px;}
  .section_1 .txtBox .more--btn{text-align:left;}
  .more--btn > span{font-size:12px;padding-bottom:5px;}

  .section_2{padding:80px 5%;}
  .section_2:before{height:300px;}
  .section_2 .sec_slideArea{padding:0px 0px;}
  .section_2 .sec_slideArea .swiper-button-prev,  
  .section_2 .sec_slideArea .swiper-button-next{width:0px; height:0px;}

  .section_2 .txtArea > h3{font-size:3.5rem;margin-bottom:20px;}
  .section_2 .txtArea > p{font-size:2rem;margin-bottom:40px;}
  .section_2 .txtArea > p br{display:none;}
  .section_2 .iconArea > *{padding:0 20px;}
  .section_2 .icon-tit{font-size:17px;margin-bottom:20px;}
  .section_2 .btn > a{margin-left:20px;}  
  .main-icon1{min-height:70px; background-size:auto 70px;}
  .main-icon2{min-height:70px; background-size:auto 70px;}  
  .more--btn2{font-size:13px;}
  .download-file{font-size:13px;}

  .section_3{padding:60px 5%;}
  .section_3:before{width:100%;background:#fafafa;}

  .tab-ty1 {display:none;}
  .swiper-product { padding:0px 0 50px;}  
  .swiper-product .swiper-pagination {display: inline-block !important;}

  .m-product li{display:inline-block;width:100%;}
  .m-product li:first-child{padding-right:0px; margin-bottom:30px;}
  .m-product .m-tit{font-size:20px;margin-bottom:15px;}
  .m-product .m-txt{font-size:16px;margin-bottom:15px;}
  .m-product .m-desc{font-size:14px;margin-bottom:20px;}

  .section_4{padding:60px 5%;}
  .section_4 .sec-tit{padding-top:60px;background-size:auto 35px;font-size:16px;margin-bottom:30px;}
  .cs-area .num{font-size:24px;}
  .cs-area .rtit > span{padding:4px 16px;font-size:13px;}

  .footer-notice{padding:15px 5%;}

  .f-notice{display:block;width:100%; padding-right:0px;border-top:1px solid #ebebeb;padding-top:15px;box-sizing: border-box;}
  .f-logo{display:block;width:100%;text-align:left; margin-bottom:15px;}

  .f-notice-wrap .n-tit{font-size:16px;padding-right:15px;}
  .f-notice-wrap .n-date{font-size:13px;padding-right:10px;}
  .f-notice-wrap .n-cont{font-size:13px;}
  
  .footer{padding:40px 5%;}
  .footer_menu {margin-bottom:20px;}
  .footer_menu > a {font-size: 14px;margin-left:15px;}

  
  .footer .f_cont{font-size:13px;}
  .footer .f_cont > span{font-size:13px;padding-left:0px;margin-left:0px;padding-right:5px;}
  .footer .f_cont > span::after{display:none; }  
  .footer .f_copy{font-size:12px;}	

  .footer .f_cont > span:first-child{display:inline-block;width:100%;margin-bottom:5px;}
  .footer .f_cont > span:first-child::after{display:none;}

  .btn_up_layer {right:5px;bottom:20px;width:40px; height:40px; background-size:40px 40px;}

  .col50{width:100% !important; }

  #visual{height:220px;}
  #visual .visual-txt-con{padding:60px 5% 0;}
  #visual .visual-tit{font-size:3.5rem;}
  #visual .visual-sub-txt{font-size:2rem;}
  
  .sub--menu{display:none !important;}
  .sub--menu-wrap{display: inline-block !important;} 

  .location{width:100%;margin:0px 0 10px;}
  .location li{padding-left: 25px;font-size:14px;}   
  .title{font-size:4rem;margin-bottom:40px;}
  .title > em{font-size:15px;}

  .list-typeA{text-align:left;margin:0px auto 20px;}
  .list-typeA li{width:48%; margin-left:4%; margin-bottom:6%;}
  .list-typeA li:nth-child(odd){margin-left:0;}
  .list-typeA li:nth-child(even){margin-left:4%;}  

  .products--list .p--img{display: inline-block;width:220px;}
  .products--list .p--cont{display: inline-block;width:calc(100% - 220px); padding-left:20px;}
  .products--list .p--tit-eng{font-size:16px;}
  .products--list .p--tit{font-size:16px;margin-bottom:5px;}
  .products--list .p--txt{font-size:14px;line-height:1.3em;height:2.6em;}
  .products--list .p--btn{margin-top:10px;}

  .list-typeB li{display: inline-block;width:48%; margin:0 0% 6% 4%;}
  .list-typeB li:nth-child(odd){margin:0 0% 6% 0% !important;}
  .list-typeB li:nth-child(even){margin:0 0% 6% 4% !important;}


  .list--search{margin-bottom:20px; }
  .list--search .selectArea{width:100px;}

  .board-view .content_box{padding:30px 0px; min-height:auto;}
  .board-view .btnBox{padding:10px 5px;}
  .board-view .btnBox .item1{padding-right:5px;}
  .board-view .btnBox .item2{padding:0 10px;width:auto;}
  .board-view .btnBox .item3{padding-left:5px;}
  .board-view .subjectBox{padding:15px 0px;}
  .board-view .file_box{padding:15px 5px;}

  .board-btn-prev{margin-right:0px;}
  .board-btn-next{margin-left:0px;}

  .boardList ul{flex-wrap: wrap;justify-content:flex-start;}
  .boardList ul.list-head{display: none !important;}  
  .boardList .etc-blank{flex:0 0 100%;}
  .boardList .stit_mo{display: inline-block;}
  
  .boardList .chkbox{flex:0 0 100%;text-align:left;padding-bottom:25px;}  
  .boardList .no{display: none;} 
  .boardList .subject{flex:0 0 100%;text-align:left;font-weight: 500;font-size:15px; padding:0px;margin-bottom:10px;}  
  .boardList .name{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 20px 0px 0px;}
  .boardList .file{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 20px 0px 0px;}
  .boardList .hit{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 20px 0px 0px;}
  .boardList .date{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 0px 0px 0px;} 

  .round_tab { text-align:left; }
  .round_tab li a {padding:0px 10px 0px 10px;}

  .form_sty1{margin:0px 0 40px;}
  .form_sty1 li{display: inline-block; vertical-align:top;}
  .form_sty1 li.top{vertical-align:top;padding-top:5px;}
  .form_sty1 .tit{display: inline-block;width:100%;font-size: 14px;margin-bottom:8px;padding-top:5px;}
  .form_sty1 .tit > span{font-size: 14px;}
  .form_sty1 .tit > span.required::before{font-size:14px;}
  .form_sty1 .cont{display: inline-block;width:100%;}
  .form_sty1 .txt{padding:0 10px;font-size: 13px;}

  .f-group-A .sm{font-size:13px;}

  .map-content{margin:40px 0px;height:400px;}

  .map-contacts .c_title{width:100%;font-size:18px;line-height:1;margin-bottom:10px;}
  .map-contacts .c_content{width:100%;font-size:16px;}

  .products--detail{margin:0px 0 60px;flex-wrap: wrap;}
  .products--detail .detail--img{flex:0 0 100%;margin-bottom:30px;}
  .products--detail .detail--txt{flex:0 0 100%;padding-left:0px;}
  .products--detail .stit{font-size:20px;margin-bottom:10px;}
  .products--detail .desc{font-size: 14px;margin-bottom:15px;}

  .company-top{width:100%;margin-bottom:6rem;box-sizing: border-box;}
  .company-top > h3{font-weight:700;font-size:5rem;color: var(--second-color);line-height: 1;letter-spacing:-0.05rem;text-transform:uppercase; margin-bottom:15px;}
  .company-top > p{font-weight:400;font-size:3rem;color: var(--second-color);line-height: 1.3;letter-spacing:-0.05rem;}
  
  .company-mid{display:flex;flex-wrap: wrap;}
  .company-mid .leftArea{position:relative;flex:0 0 100%; padding:6rem 5% 0rem 5%;}
  .company-mid .rightArea{flex:0 0 100%; padding:0rem 5% 5rem 5%; margin-top:40px}
  
  .text-s{font-size:17px;margin-bottom:20px;}
  









}








/*mobile 520 이하 */
@media all and (max-width:520px){

  .main-visual-content {padding: 0px 5% 40px 5%;}
  .main-visual-title {font-size:30px;}
  .main-visual-desc {font-size: 18px;}
  .main-visual-desc br{display:inline !important;}

  .main-visual .swiper-pagination-current {width:2.0rem;}
  .main-visual .swiper-pagination-total {width:2.0rem;margin-right:.5rem;}
  .main-visual .swiper-progress__hidden-space {width:10.0rem;margin-right:0rem;}
  .main-visual .swiper-progress__wrap {width:10.0rem; left:2.0rem;}

  .m--scroll {display:none !important;}

  .section_1{padding:50px 5%;}
  .section_1 ul{flex-wrap: wrap;}
  .section_1 li{flex:0 0 100%; margin-left:0px;padding-top:30px;}
  .section_1 li:first-child{padding-top:0px;}
  .section_1 .txtBox{padding:15px 0px 0;}
  .section_1 .txtBox .tit{font-size:20px;margin-bottom:5px;}
  .section_1 .txtBox .txt{font-size:16px;margin-bottom:10px;}
  .section_1 .img--square{padding-top:60%;}

  .section_2{padding:20px 0 60px;}
  .section_2:before{height:0px;}
  .section_2 .txtArea{padding:30px 5% 0;}

  .section_2 .txtArea > h3{font-size:3.0rem;margin-bottom:15px;}
  .section_2 .txtArea > p{font-size:2rem;margin-bottom:30px;}
  .section_2 .icon-tit{font-size:16px;margin-bottom:20px;}
  .section_2 .btn > a{margin-left:15px;}  
  .main-icon1{min-height:60px; background-size:auto 60px;}
  .main-icon2{min-height:60px; background-size:auto 60px;}  

  .section_3{padding:50px 5%;}
  .section_3 .b-tit{font-size:4rem;}
  .section_3 .b-txt{font-size:16px;margin-left:5px;}

  .section_4 .sec-tit{padding-top:60px;background-size:auto 35px;font-size:15px;margin-bottom:30px;}
  .section_4 .sec-tit br{display:inline;}
  .cs-area .num{font-size:20px;}

  .m-product .m-txt{font-size:14px;margin-bottom:15px;}
  .m-product .m-desc{font-size:14px;margin-bottom:20px;}

  .footer_menu .blank{display:block;margin-top:10px;}
  .footer_menu > a:nth-child(5){margin-left:0px;}

  .container {margin:5rem 0;}
  .location li{padding-left: 25px;font-size:13px;}   
  .title{font-size:3rem;margin-bottom:30px;}
  .title > em{font-size:15px;}

  .tit_lg{font-size:2.8rem;margin-bottom:20px;}
  .tit_md{font-size:2.2rem;margin-bottom:15px;}  
  .text-m{font-size:14px;margin-bottom:20px;}  
  .bullet-list{font-size:14px;margin-bottom:8px;}

  .p--section{margin-bottom:30px;}
  .txtBox-1{padding:25px 20px;margin:20px 0; }
  .tit_s{font-size:1.8rem;padding-left:24px;margin-bottom:15px;}
  .i--num{ top:0px;width:18px;height:18px;font-size:13px;}

  .products--list .p--img{display: inline-block;width:100%;margin-bottom:15px;}
  .products--list .p--cont{display: inline-block;width:100%; padding-left:0px;}
  .products--list .p--tit-eng{font-size:15px;}
  .products--list .p--tit{font-size:15px;margin-bottom:5px;}
  .products--list .p--txt{font-size:13px;line-height:1.3em;height:2.6em;}
  .products--list .p--btn{margin-top:10px;}

  .products--list ul{padding:20px 0;}
  .products--list ul:first-child{padding:0px 0 20px;}

/*   .list-typeB li{display: inline-block;width:100%; margin:0 0% 30px !important;}
  .list-typeB li:nth-child(even){margin:0 0% 30px 0% !important;}
  .list-typeB li:nth-child(odd){margin:0 0% 30px 0% !important;}  */

  .zoom-list .zoom-tit .tit{font-size:14px;}
  .zoom-list .zoom-tit .txt{font-size:12px;}

  .pagination {margin: 40px 0;}

  .list--search{max-width:100%;margin-left:0; margin-bottom:20px;}
  
  .tab_cate li a {padding:0 20px;font-size:15px;}

  .inputfile-wrap label.btn {width:80px;margin-left:5px;}

  .f-group-A{flex-wrap: wrap;}
  .f-group-A > * {margin-left:10px;}
  .f-group-A > *:nth-child(4){margin-left:0px;}
  .f-group-A .w2{width:50%;}
  .f-group-A .select-w{width:100%; margin-top:10px;}

  .map-contacts .c_title{font-size:16px;}
  .map-contacts .c_content{font-size:14px;}

  .products--detail{margin:0px 0 40px;}
  .detail--cont{margin:0px 0 40px;}
  .related--cont{width:100%; padding:40px 0;}


  .company-top > h3{font-size:4rem;}
  .company-top > p{font-size:2.5rem;}
  
  .text-s{font-size:16px;}


}


/*mobile 420 이하 */
@media all and (max-width:420px){  
  .products--main{padding-bottom:10px;}
  .products--main .btnArea{left:3%;width:94%; padding:8px 5px;}
  .product--more{font-size:13px;}

  .products--tit{font-size:13px; }

  .txtBox-1{padding:20px;}


  .company-top > h3{font-size:3.25rem;}
  .company-top > p{font-size:2.4rem;}
  
  .text-s{font-size:15px;}


}


/*mobile 375 이하 */
@media all and (max-width:375px){
  .main-visual-title {font-size:26px;}

  .more--btn2{font-size:12px;}
  .download-file{font-size:12px;}

  .cs-area .num{font-size:17px;}
  .section_4 .cs-wrap > *{flex:1;padding:0 10px;}
  
  .product--more{font-size:12px;}  
  .products--tit{font-size:12px; }

  .title > em{font-size:14px;}

  .tab_cate li a {padding:0 15px;font-size:14px;}

  .round_tab li a {font-size:12px; }


}


/*mobile 320 이하 */
@media all and (max-width:320px){
  html{font-size: 44%;}

  .product--more{min-height:auto;background:none;  padding-left:0px;}
  .list--search .selectArea{width:90px;}

  .board-view .stit{font-size:13px;}
  .board-view .date{font-size:13px;}
  .board-view .hit{font-size:13px;}
  .board-view .file_box > a{font-size:13px;}
  .board-view .content_box p{font-size:14px;}  
  .board-view .btnBox .s-txt{font-size:14px;}  
  .board-btn-prev{font-size:13px;}
  .board-btn-next{font-size:13px;}

  .boardList .name{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 20px 0px 0px;}
  .boardList .file{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 20px 0px 0px;}
  .boardList .hit{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 0px 0px 0px;}
  .boardList .date{flex:0 0 100%;text-align:left; padding:0;margin-top:10px;}













}



/* **************************************** *
 * height 
 * **************************************** */
  
  @media(max-width: 540px) and (height: 720px){

  }
  
  @media(min-width: 375px) and (max-height: 667px){

      
  }
  
  @media(width: 280px) and (max-height: 653px){

  }