@charset "utf-8";



/**************************************************************************************
                                 * list *
***************************************************************************************/
.listBox a{width:calc(100%/3 - 30px); padding:3.5%; margin:0 15px 30px 15px !important;border-radius: 25px; border:solid 2px #e8e8e8;transition:all 0.5s ease;}
.listBox a:hover{border:solid 2px #01aebb !important;}

.itemBox{}
.itemBox figure{width:100%;padding-top:100%;display:block;overflow:hidden;position:relative;}
.itemBox figure img{width:100%;position:absolute;top:0;left:0;display:block;transition:all 0.5s ease;}
.itemBox:hover figure img{transform:scale(1.1);transition:all 0.5s ease;}
.itemBox .txtBox{width:100%;padding:20px 5px; text-align: center;}
.itemBox .txtBox .tit{width:100%;color: #000; font-weight: 700; display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all 0.5s ease;}
.itemBox .txtBox .category1, .itemBox .txtBox .category2 {width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all 0.5s ease;}

.itemBox:hover .txtBox .tit{color: #16bdca !important;}

.itemBox:hover .txtBox .category1{color: #00225b !important;}
.itemBox:hover .txtBox .category2{color: #222 !important;}


.itemBox .txtBox span{display:flex;flex-wrap:wrap;}


    @media screen and (max-width:1500px) {
    .listBox a{width:calc(100%/3 - 30px);margin:0 12px 30px 12px !important;}
    }
    @media screen and (max-width:1280px) {
    .listBox a{width:calc(100%/3 - 20px);margin:0 10px 30px 10px !important;border-radius: 22px;}
    }
    @media screen and (max-width:1100px) {
    .listBox a{width:calc(100%/3 - 15px);margin:0 7px 25px 7px !important;border-radius: 20px;}
    }
    @media screen and (max-width:960px) {
    .itemBox .txtBox{padding:15px 4px;}
    }
    @media screen and (max-width:860px) {
    .listBox a{width:calc(100%/2 - 30px);margin:0 12px 25px 12px !important;}
    }
    @media screen and (max-width:767px) {
    .listBox a{width:calc(100%/2 - 20px);margin:0 10px 25px 10px !important;border-radius: 17px;}
    }
    @media screen and (max-width:640px) {
    .listBox a{width:calc(100%/2 - 20px);margin:0 8px 20px 8px !important;}
    }
    @media screen and (max-width:540px) {
    .listBox a{width:calc(100%/2 - 20px);border-radius: 15px;}
    }
    @media screen and (max-width:460px) {
    .listBox a{width:calc(100%/1 - 20px);}
    }





/*********** list_total ***********/
.list_total{padding:0 20px;}
.list_total span.disF a{padding:0 10px;color:#999;font-size:14px;position:relative;}
.list_total span.disF a:after{width:3px;height:3px;background:#999;border-radius:50%;position:absolute;top:calc(50% - 2px);left:-2px;display:block;content:"";}
.list_total span.disF a:first-child:after{display:none !important;}
.list_total span.disF a:hover,
.list_total span.disF a.on{color:#000;}

    @media screen and (max-width:960px) {
    .list_total{padding:0 5px 0 10px;}
    }
    @media screen and (max-width:767px) {
    .list_total span.disF a{padding:0 8px;font-size:13px;}
    }
    @media screen and (max-width:560px) {
    .list_total{padding:0 0 0 5px;}
    .list_total span{width:100%;margin-bottom:10px;}
    .list_total span.disF{justify-content:flex-start;}
    .list_total span.disF a{padding:0 6px;font-size:12px;}
    .list_total span.disF a:first-child{padding-left:0 !important;}
    }





/*********** 페이징 ***********/
.PageBox{display:flex;align-items:center;justify-content:center;margin-top:60px;}
.PageBox *{width:32px;height:32px;line-height:32px;margin:0 3px;padding:0;font-size:15px;color:#333;font-weight:400;text-align:center;display:block;}
.PageBox b{background:#16bdca;color:#fff;border-radius:50%;}
.PageBox a:hover{color:#16bdca;}
.PageBox .arr{width:10px;height:10px;margin:0 10px;border:solid #555;display:block;transform:rotate(45deg);font-size:0;}
.PageBox .arr.prev{border-width:0 0 1px 1px;}
.PageBox .arr.next{border-width:1px 1px 0 0;}

@media screen and (max-width:1100px){
.PageBox{margin-top:50px;}
.PageBox *{width:30px;height:30px;line-height:30px;margin:0 2px;font-size:13px;}
.PageBox .arr{width:8px;height:8px;margin:0 8px;}  
}
@media screen and (max-width:640px){
.PageBox{margin-top:40px;}
.PageBox *{width:27px;height:27px;line-height:27px;margin:0 1px;font-size:12px;}
.PageBox .arr{width:6px;height:6px;margin:0 5px;}  
}
@media screen and (max-width:400px){
.PageBox{margin-top:30px;}
.PageBox *{width:22px;height:22px;line-height:22px;}
}
@media screen and (max-width:340px){
.PageBox *{width:17px;height:17px;line-height:17px;}
}








/**************************************************************************************
                                 * view *
***************************************************************************************/
.view{width:100%;}
.viewpro{width:100%;}
.viewpro .imgBox{width:50%; background: #f9f9f9; border-radius: 30px;}
.viewpro .imgBox figure{width:100%;padding-top:78%;display:block;overflow:hidden;position:relative;}
.viewpro .imgBox img{width:100%;position:absolute;top:50%;left:0;display:block;transform:translateY(-50%);transition:all 0.2s ease;}
.viewpro .imgBox .bimg{width:calc(100% - 10px);padding: 13%;}

.viewpro .txtBox{width:44%;}

.viewpro .txtBox .titBox{padding:25px 20px;}
.viewpro .txtBox .titBox .tit{letter-spacing: -0.03em;}


.viewBut{width:100%;}
.viewBut li{width:calc(100%/3 - 10px);margin:5px;}
.viewBut li a{width:100%;padding:25px 0;font-size:20px;line-height:120%;font-weight:bold;color:#634b25;background:#e1e0db;text-align:center;display:block;}
.viewBut li:first-child a{color:#fff;background:#16bdca;}
.viewBut li:hover a{background:#d5d1ca;}
.viewBut li:first-child:hover a{background:#000;}


    @media screen and (max-width:1500px){
    .viewpro .imgBox figure{padding-top:90%;}
    }
    @media screen and (max-width:1400px){
    .viewpro .txtBox .titBox .tit{font-size: 50px !important;letter-spacing: -0.05em;}
    }
    @media screen and (max-width:1280px){
    .viewpro .txtBox .titBox .tit{font-size: 45px !important;}
    }
    @media screen and (max-width:1100px){
    .viewpro .txtBox .titBox .tit{font-size: 50px !important;}
        
    .viewpro .imgBox{width:98%; margin: 0 auto;border-radius: 40px;}
    .viewpro .imgBox figure{padding-top:70%;}
    .viewpro .imgBox .bimg{padding: 15%;}
        
    .viewpro .txtBox{width:95%; margin: 0 auto; margin-top: 50px;}

    .viewpro .txtBox .titBox{padding:20px 15px;}

    .viewBut li{width:calc(100%/3 - 6px);margin:3px;}
    .viewBut li a{padding:20px 0;}
    }
    @media screen and (max-width:767px){
    .viewpro .imgBox figure{padding-top:80%;border-radius: 30px;}
        
    .viewpro .txtBox .titBox{padding:16px 10px;}
    .viewpro .txtBox .titBox .tit{font-size: 45px !important;}

    .viewBut li{width:calc(100%/3 - 6px);margin:3px;}
    .viewBut li a{padding:20px 0;font-size:18px;}
    }
    @media screen and (max-width:560px){
    .viewpro .imgBox figure{padding-top:85%;}
        
    .viewpro .txtBox .titBox .tit{font-size: 38px !important;text-align: center;}
    }
    @media screen and (max-width:460px){
    .viewpro .txtBox .titBox .tit{font-size: 34px !important;}
    }
    @media screen and (max-width:420px){
    .viewpro .txtBox .titBox .tit{font-size: 32px !important;}
        
    .viewBut li{width:calc(100%/2 - 6px);}
    .viewBut li a{padding:15px 0;}
    .viewBut li:first-child{width:100%;}
    }
    @media screen and (max-width:360px){
    .viewpro .txtBox .titBox .tit{font-size: 28px !important;}
    }
    @media screen and (max-width:320px){
    .viewpro .txtBox .titBox .tit{font-size: 25px !important;}
    }


/***** View 상세 *****/

.ns-d1{}
.ns-d1 .disF{margin-bottom:10px !important;}
.ns-d1 .disF .cyBox{width:145px;padding:10px 10px 9px 10px;border-radius:10px !important;background:#119cd8;display:flex;align-items:center;justify-content:center;position:relative;}
.ns-d1 .disF .cyBox.c2{background:#00ab8f;}
.ns-d1 .disF .cyBox font{width:100%;text-align:center;color:#fff;line-height:120% !important;}

.ns-d1 .disF .ttBox{width:calc(100% - 145px);padding-left:20px;}

    @media screen and (max-width:1400px) {
    .ns-d1 .disF .cyBox{width:140px;}

    .ns-d1 .disF .ttBox{width:calc(100% - 140px);}
    }
    @media screen and (max-width:1280px) {
    .ns-d1 .disF .ttBox .type22.fP500{line-height:120% !important;font-family:'Pretendard-Light' !important;}
    }
    @media screen and (max-width:1100px) {
    .ns-d1 .disF .ttBox font{font-size: 20px !important;}
    }
    @media screen and (max-width:960px) {
    .ns-d1 .disF{margin-bottom:10px !important;}
    .ns-d1 .disF .cyBox{width:160px;padding:12px 10px 11px 10px;}

    .ns-d1 .disF .ttBox{width:calc(100% - 160px);}
    }
    @media screen and (max-width:767px) {
    .ns-d1 .disF .cyBox{width:150px;padding:13px 10px 12px 10px;}
    .ns-d1 .disF .cyBox font{font-size: 18px !important;}

    .ns-d1 .disF .ttBox{width:calc(100% - 150px);}
        
    .ns-d1 .disF .ttBox font{font-size: 18px !important;}
    }
    @media screen and (max-width:640px) {
    .ns-d1 .disF{margin-bottom:8px !important;}
    .ns-d1 .disF .cyBox{width:140px;padding:13px 10px 12px 10px;}
    .ns-d1 .disF .cyBox font{font-size: 16px !important;}

    .ns-d1 .disF .ttBox{width:calc(100% - 140px);}
        
    .ns-d1 .disF .ttBox font{font-size: 16px !important;}
    }
    @media screen and (max-width:460px) {
    .ns-d1 .disF{margin-bottom:6px !important;}
        
    .ns-d1 .disF .cyBox{width:120px;padding:11px 10px 10px 10px;border-radius:8px !important;}
    .ns-d1 .disF .cyBox font{font-size: 15px !important;}

    .ns-d1 .disF .ttBox{width:calc(100% - 120px);}
        
    .ns-d1 .disF .ttBox font{font-size: 15px !important;}
    }
    @media screen and (max-width:420px) { 
    .ns-d1 .disF{margin-bottom:15px !important;}       
    .ns-d1 .disF .cyBox{width:100%;border-radius:7px !important;}
    .ns-d1 .disF .cyBox font{font-size: 16px !important;}

    .ns-d1 .disF .ttBox{width:calc(100% - 0px);margin-top: 8px;padding-left: 0px;}
        
    .ns-d1 .disF .ttBox font{font-size: 16px !important;text-align: center;}
    }
    @media screen and (max-width:360px) { 
    .ns-d1 .disF .cyBox{padding:10px 10px 9px 10px;border-radius:6px !important;}
    .ns-d1 .disF .cyBox font{font-size: 15px !important;}
        
    .ns-d1 .disF .ttBox{margin-top: 7px;}
    .ns-d1 .disF .ttBox font{font-size: 15px !important;}
    }





/* 제품상세정보 */
.viewinfo,
.viewinfo .InfoBox{width:98%; margin: 0 auto;}
.viewinfo .InfoBox .inBox{}
.viewinfo .InfoBox .inBox h5{padding-top: 10px;padding-left: 68px; position: relative;}
.viewinfo .InfoBox .inBox h5 i{width: 53px;height: 52px; background:url(/sub1/img/viewinfo_ico1.png) no-repeat 0 1px; position:absolute;top:0;left:0;display:block;content:"";}
.viewinfo .InfoBox .inBox h5 i.ico2{background:url(/sub1/img/viewinfo_ico2.png) no-repeat 0 1px; }
.viewinfo .InfoBox .inBox h5 i.ico3{background:url(/sub1/img/viewinfo_ico3.png) no-repeat 0 1px; }
.viewinfo .InfoBox .inBox h5 i.ico4{background:url(/sub1/img/viewinfo_ico4.png) no-repeat 0 1px; }
.viewinfo .InfoBox .inBox h5 i.ico5{background:url(/sub1/img/viewinfo_ico5.png) no-repeat 0 1px; }
.viewinfo .InfoBox .inBox ul{padding-left: 25px;}

    @media screen and (max-width:1280px) {
    .viewinfo .InfoBox .inBox h5{padding-left: 56px; font-size: 30px !important;} 
    .viewinfo .InfoBox .inBox h5 i{width: 48px;height: 47px; background:url(/sub1/img/viewinfo_ico1.png) no-repeat 0 1px; background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico2{background:url(/sub1/img/viewinfo_ico2.png) no-repeat 0 1px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico3{background:url(/sub1/img/viewinfo_ico3.png) no-repeat 0 1px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico4{background:url(/sub1/img/viewinfo_ico4.png) no-repeat 0 1px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico5{background:url(/sub1/img/viewinfo_ico4.png) no-repeat 0 1px;background-size: cover;}
    }
    @media screen and (max-width:1100px) { 
    .viewinfo .InfoBox .inBox.w45{width: 100% !important;}
    .viewinfo .InfoBox .inBox.w45:nth-child(2){margin-top: 80px;}
    }
    @media screen and (max-width:767px) { 
    .viewinfo .InfoBox .inBox h5{padding-left: 54px; font-size: 28px !important;} 
    .viewinfo .InfoBox .inBox h5 i{width: 42px;height: 41px; background:url(/sub1/img/viewinfo_ico1.png) no-repeat 0 2px; background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico2{background:url(/sub1/img/viewinfo_ico2.png) no-repeat 0 2px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico3{background:url(/sub1/img/viewinfo_ico3.png) no-repeat 0 2px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico4{background:url(/sub1/img/viewinfo_ico4.png) no-repeat 0 2px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico5{background:url(/sub1/img/viewinfo_ico5.png) no-repeat 0 2px;background-size: cover;}
        
    .viewinfo .InfoBox .inBox ul{padding-left: 20px;}
    }
    @media screen and (max-width:460px) { 
    .viewinfo .InfoBox .inBox h5{padding-left: 50px; font-size: 24px !important;} 
    .viewinfo .InfoBox .inBox h5 i{width: 40px;height: 38px; background:url(/sub1/img/viewinfo_ico1.png) no-repeat 0 1px; background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico2{background:url(/sub1/img/viewinfo_ico2.png) no-repeat 0 1px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico3{background:url(/sub1/img/viewinfo_ico3.png) no-repeat 0 1px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico4{background:url(/sub1/img/viewinfo_ico4.png) no-repeat 0 1px;background-size: cover;}
    .viewinfo .InfoBox .inBox h5 i.ico5{background:url(/sub1/img/viewinfo_ico5.png) no-repeat 0 1px;background-size: cover;}
        
    .viewinfo .InfoBox .inBox ul{padding-left: 15px;}
    }



/* Technical Specification */
.viewinfo .InfoBox .inBox .TableBox{padding-left: 10px;}
.viewinfo .InfoBox .inBox .TechBox{background:rgba(239,245,251,.8) !important;}
.viewinfo .InfoBox .inBox .TechBox:nth-child(1){border-top:solid 2px #1774d0;}
.viewinfo .InfoBox .inBox .TechBox:last-child{border-bottom:solid 1px #99c0e7 !important;}
.viewinfo .InfoBox .inBox .TechBox>.cate{width:20%;text-align: center;}
.viewinfo .InfoBox .inBox .TechBox>.con{width:80%; padding: 40px ;background: #fff;}

.viewinfo .InfoBox .inBox .TechBox>.reagent{width:33.3%;text-align: center;background:rgba(239,245,251,.8) !important; text-align: center;}
.viewinfo .InfoBox .inBox .TechBox>.purpose{width:33.3%; background: background:rgba(239,245,251,.8) !important; text-align: center;}
.viewinfo .InfoBox .inBox .TechBox>.standard{width:33.3%;background: background:rgba(239,245,251,.8) !important; text-align: center;}

.viewinfo .InfoBox .inBox .TechBox.titBox{background:rgba(239,245,251,.8) !important;padding: 25px ;text-align: center;border-bottom:solid 1px #e1eaf7;}
.viewinfo .InfoBox .inBox .TechBox.titBox font{color:#1774d0;font-weight:bold;}

.viewinfo .InfoBox .inBox .TechBox.conBox{border-bottom:solid 1px #e1eaf7;}
.viewinfo .InfoBox .inBox .TechBox.conBox:hover{background:rgba(0,0,0,0.05);}
.viewinfo .InfoBox .inBox .TechBox.conBox .cate font{color:#000;}


.viewinfo .InfoBox .inBox .TechBox>.reagent{width:33.3%;text-align: center;background:rgba(239,245,251,.8) !important; text-align: center;}
.viewinfo .InfoBox .inBox .TechBox>.purpose{width:33.3%; background: background:rgba(239,245,251,.8) !important; text-align: center;;}
.viewinfo .InfoBox .inBox .TechBox>.standard{width:33.3%;background: background:rgba(239,245,251,.8) !important; text-align: center;}

.viewinfo .InfoBox .inBox .TechBox.conBox .reagent{background:#fff !important; padding: 20px !important;border-right:solid 1px #e1eaf7;}
.viewinfo .InfoBox .inBox .TechBox.conBox .purpose{background:#fff !important; padding: 20px !important;border-right:solid 1px #e1eaf7;}
.viewinfo .InfoBox .inBox .TechBox.conBox .standard{background:#fff !important; padding: 20px !important;border-right:none;}

    @media screen and (max-width:767px){
    .viewinfo .InfoBox .inBox .TechBox>.cate{width:25%;}
    .viewinfo .InfoBox .inBox .TechBox>.con{width:75%; padding: 30px ;}
    .viewinfo .InfoBox .inBox .TechBox font{font-size: 18px !important;}
    }
    @media screen and (max-width:640px){
    .viewinfo .InfoBox .inBox .TechBox>.cate{width:30%;}
    .viewinfo .InfoBox .inBox .TechBox>.con{width:70%; padding: 25px ;}
    .viewinfo .InfoBox .inBox .TechBox font{font-size: 17px !important; line-height: 130%;}
    }
    @media screen and (max-width:500px){
    .viewinfo .InfoBox .inBox .TechBox>.cate{width:100%; padding: 15px;border-bottom:solid 1px #e1eaf7;}
    .viewinfo .InfoBox .inBox .TechBox>.con{width:100%; padding: 15px 20px 30px 20px;}
    .viewinfo .InfoBox .inBox .TechBox font{font-size: 17px !important; line-height: 130%;text-align: center;}
    }
    @media screen and (max-width:420px){
    .viewinfo .InfoBox .inBox .TechBox>.con{padding: 15px 20px 20px 20px;}
    .viewinfo .InfoBox .inBox .TechBox font{font-size: 16px !important;}
    }





/* 시약 및 구성요소 IMG */
.viewinfo .InfoBox .inBox .R_imgBox{}
.viewinfo .InfoBox .inBox .R_imgBox span{width:calc(100%/2 - 30px); padding: 1%; margin:20px 10px !important;border-radius: 20px;transition:all 0.5s ease;}
.viewinfo .InfoBox .inBox .R_imgBox span img{border-radius: 20px;}

    @media screen and (max-width:1280px){
    .viewinfo .InfoBox .inBox .R_imgBox span{width:calc(100%/2 - 20px);margin:20px 5px !important;}
    .viewinfo .InfoBox .inBox .R_imgBox span img{border-radius: 15px;}
    }
    @media screen and (max-width:960px){
    .viewinfo .InfoBox .inBox .R_imgBox span{width:calc(100%/2 - 10px);  margin:20px 2px !important;}
    .viewinfo .InfoBox .inBox .R_imgBox span img{border-radius: 12px;}
    }
    @media screen and (max-width:767px){
    .viewinfo .InfoBox .inBox .R_imgBox span{width:calc(100%/2 - 5px);  margin:20px 2px !important;}
    .viewinfo .InfoBox .inBox .R_imgBox span img{border-radius: 10px;}
    }
    @media screen and (max-width:540px){
    .viewinfo .InfoBox .inBox .R_imgBox {margin-bottom: 30px;}
    .viewinfo .InfoBox .inBox .R_imgBox span{width:calc(100%/1 - 0px);padding: 2%;   margin:0 !important;}
    .viewinfo .InfoBox .inBox .R_imgBox span img{border-radius: 8px;}
    }




.viewinfo .InfoBox .menu{width:100%;border-left:solid 1px #ebe0e0;}
.viewinfo .InfoBox .menu li{width:calc(100%/4 + 1px);margin-left:-1px;}
.viewinfo .InfoBox .menu li a{width:100%;padding:20px 0;font-size:20px;line-height:120%;font-weight:bold;text-align:center;color:#634b25;border:solid 1px #ebe0e0;background:#fff;display:block;}
.viewinfo .InfoBox .menu li:hover a,
.viewinfo .InfoBox .menu li.on a{background:#16bdca;border-color:#16bdca;color:#fff !important;}

.viewinfo .InfoTxT{width:100%;}
.viewinfo .InfoTxT .img{text-align:center;}
.viewinfo .InfoTxT .img img{max-width:100%;}

.viewinfo .InfoTxT .m4TXT{width:100%;}
.viewinfo .InfoTxT .m4TXT .txtDbox{width:100%;margin:10px 0 50px 0;padding:40px;background:#fafafa;}

@media screen and (max-width:1280px) {
.viewinfo .InfoBox .menu li a{padding:18px 0;font-size:18px;}

.viewinfo .InfoTxT .m4TXT .txtDbox{margin:10px 0 40px 0;padding:30px;}
}
@media screen and (max-width:960px) {
.viewinfo .InfoBox .menu li a{padding:16px 0;font-size:17px;}

.viewinfo .InfoTxT .m4TXT .txtDbox{margin:10px 0 30px 0;padding:20px;}
}
@media screen and (max-width:640px) {
.viewinfo .InfoBox .menu li a{font-size:16px;letter-spacing:-0.04em;}
}
@media screen and (max-width:420px) {
.viewinfo .InfoBox .menu li a{padding:14px 0;font-size:14px;}
}






/* 게시판 리스트
.listboard{width:100%;}
.listboard .listboardStyle{width:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;border:1px solid #ddd;border-bottom:none;}
.listboard .listboardStyle tr{border-bottom:1px solid #ddd;}
.listboard .listboardStyle th,
.listboard .listboardStyle td{padding:18px 0;color:#777;font-weight:normal;font-size:18px;line-height:120%;text-align:center;}
.listboard .listboardStyle th{background:#f1f1f1;border-right:1px solid #ddd;}
.listboard .listboardStyle th:last-child{border-right:none;}
.listboard .listboardStyle td.title{text-align:left;padding-left:2%;padding-right:2%;word-break:normal;display:flex;align-items:center;}
.listboard .listboardStyle td.title img{vertical-align:middle;}
.listboard .listboardStyle td.title a{width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

@media screen and (max-width:1280px){
.listboard .listboardStyle th,
.listboard .listboardStyle td{padding:16px 0;font-size:16px;}
}
@media screen and (max-width:640px){
.Mno{display:none;}
.listboard .listboardStyle td:first-child{width:10%;}
.listboard .listboardStyle td.title{width:100% !important;}
.listboard .listboardStyle td:last-child{width:25% !important;}
.listboard .listboardStyle th,
.listboard .listboardStyle td{padding:14px 0;font-size:14px;}
}
*/




/*글쓰기 버튼*/
.writeBut{text-align:right;}
.writeBut a.write{width:230px;margin:0 auto;padding:14px 0;background:#999;color:#fff;font-weight:normal;display:inline-block;text-align:center;}
.writeBut a.write:hover{background:#000;}
.writeBut a.list{width:230px;margin:0 auto;padding:14px 0;background:#fff;border:1px solid #ddd;font-weight:normal;display:inline-block;}
.writeBut a.list:hover{background:#333;border-color:#ddd;color:#fff;}

.subPageWrap b{background:#16bdca;}
.subPageWrap a:hover{color:#16bdca;}

@media screen and (max-width:960px){
.writeBut a.write{width:200px;padding:12px 0;}
}
@media screen and (max-width:640px){
.writeBut a.write{width:180px;padding:10px 0;}
}
@media screen and (max-width:500px){
.writeBut a.write{width:150px;}
}
@media screen and (max-width:420px){
.writeBut a.write{width:120px;}
}