body {color: #000000;  background: #fff; font-size:9pt;		
font-family: Georgia,Verdana,nanumgothic;
margin-top:0px;
text-align: center;
display: flex;
justify-content: center;
}
A:link {COLOR: #000080; TEXT-DECORATION: underline;}
A:visited {	COLOR: #000080; TEXT-DECORATION:  underline;}
A:active {COLOR: #000080; TEXT-DECORATION:  underline;}
A:hover {COLOR: #223f79; TEXT-DECORATION: underline;}

.mbody {border:0px solid red;width:98%;height:680px;float:left;text-align:center;margin-top:120px;}

.mtitle { border:0px solid green;width:860px;height:200px;text-align:center; margin: 0px auto;}

.mline {border:0px solid green;width:100%;height:1px;background-color:#696969;margin-top:10px}

.mmenu {border:0px solid green;width:860px;height:320px;text-align:center;margin: 0px auto;}
.mmenu_l {margin-left:130px;padding-top:40px;padding-left:25px;border:0px solid blue;width:300px;height:270px;float:left;text-align:left;display:inline-block}
.mmenu_r {padding-top:40px;padding-left:25px;border:0px solid blue;width:360px;height:270px;float:left;text-align:left;}


.mbottm1 {border:0px solid green;width:860px;height:85px;text-align:center; margin: 0px auto;}
.mbottm2 {border:0px solid green;width:860px;height:100px;text-align:center}
.mtit1 {border:0px solid red;width:860px;height:85px;text-align:center}
.mtit2 {border:0px solid red;width:860px;height:18px;text-align:center;color:#000080;font-family:nanumgothic,dotum;font-size:10pt}
.mtit3 {padding-top:10px;border:0px solid red;width:860px;height:28px;text-align:center;font-family:nanumgothic,dotum;font-weight:bold;font-size:14pt;color:#000080;}
.mtit4 {border:0px solid red;width:100%;height:18px;text-align:center;padding-left:5px;font-size:8pt;color:#000080;}
.logo{width:300px; height:83px;}

.contnt { width:90%;height:60px;font-family:Bodoni Mt,Times New Roman,nanumgothic,dotum;font-weight:bold;font-size:14pt;border:0px solid red;padding-top:20px;letter-spacing:4px;}


.sbody {border:0px solid red;width:98%;text-align:left;margin-top:70px}
.sbody1 {border:0px solid red;width:98%;height:1700px;text-align:left;margin-top:15px}
.sbody2 {border:0px solid red;width:98%;height:750px;text-align:left;margin-top:15px}

.stitle { border:0px solid green;width:1024px;height:60px;text-align:left;}
.stitle2 { border:0px solid green;width:1024px;height:60px;text-align:left;}

.stit1 {border:0px solid red;width:100%;height:30px;text-align:left;padding:20px 0px 0px 30px;font-size:20pt;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
/* .stit2 {border:0px solid red;width:100%;text-align:left;padding:20px 0px 0px 30px;font-size:11pt;font-family:nanumgothic,dotum;} */
.stit2 {border:0px solid red;width:98%;text-align:left;padding:20px 0px 0px 30px;font-size:11pt;font-family:nanumgothic,dotum;}

.stit3 {border:0px solid red;width:100%;text-align:left;padding:0px 0px 0px 30px;font-size:12pt;font-family:nanumgothic,dotum;height:60px;}


.stit4 {border:0px solid red;width:100%;text-align:left;padding:0px 0px 0px 30px;font-size:12pt;font-family:nanumgothic,dotum;height:27px;}

.fotbd {font-size:14pt;font-family:nanumgothic,dotum;font-weight:bold;color:#000000}
.fotcolor {color:#2020ca}


.sst1 {border:0px solid red;width:98%;height:35px;text-align:left;font-size:13pt;font-family:nanumgothic,dotum;font-weight:bold;float:left}

#tablevvv{text-align:left;font-size:11pt;font-family:nanumgothic,dotum;width:1000px;border:0px solid red;}
#tablevvv td{ height:20px;}
.td1{width:850px;}

.sst2 {border:0px solid red;width:11%;height:23px;text-align:left;font-size:11pt;font-family:nanumgothic,dotum;float:left}
.sst21 {border:0px solid red;width:80%;height:23px;text-align:left;font-size:11pt;font-family:nanumgothic,dotum;float:left}

.sst3 {margin-top:7px;border:0px solid red;height:40px;text-align:center;font-size:11pt;font-family:nanumgothic,dotum;}


.contt {padding-left:20px;width:1000px;display:block;border:0px solid green;height:25px}

.contt_1 {padding-left:10px;padding-top:10px;width:1000px;display:inline-block;border:0px solid green;}

.contt2 {width:1000px;display:block;border:0px solid green;font-weight:bold;height:25px}
.contt2_1 {padding-left:17px;width:1000px;display:block;border:0px solid green;font-weight:bold;height:20px}
.contt2_2 {width:1000px;display:block;border:0px solid green;font-weight:bold;}

.contt5 {padding-left:20px;width:1000px;display:block;border:0px solid green;height:25px}

.contt3 {width:1000px;display:block;border:0px solid green;height:6px}

.inliv {display:inline}
.tablediv {width:100%;height:480px;border:0px solid red}
#bdtable { width:100%;border:0px ; }

#searchv {width:98%;height:25px;float:left;border:0px solid green;padding:3px 3px 5px 3px  ;text-align:right}
.searchv2 {height:22px;}
.searchinp {border:1px solid #6c6c6c;height:20px}


.tdbg { height:24px;background:url('/media/images/title_bg.original.png');padding-top:2px;text-align:center}
.tdbg2 { width:1px ;background:url('/media/images/title_line.original.png');}

.td-2 { width:80px;}
.td-date {width:200px;}

.tdbg3 { height:27px;padding-top:2px;text-align:center;background:#d5e1f4}

.tdbgbody { width:90%;height:24px ;background:url('/media/images/title_body.original.png');padding:2px 0px 0px 0px;padding-left:15px; font-weight:bold;	}
.tdbgbody2 { width:90%;height:24px ;padding:2px 0px 0px 0px; padding-left:15px; font-weight:bold;	}

.ibodyv { padding:30px 20px 30px 20px; width:100%;border:0px solid blue;}
.ibodyv2 { padding:10px 0px 10px 0px; width:100%;border:0px solid blue;}

.pagenext {text-align:center; padding-top:10px;}

.bdlin { height:1px; padding:0px auto;}
.bdlin2 { height:2px; padding:0px auto;}
.bdheig {height:19px;padding:4px 0px 0px 0px;text-align:center;  }
.bdheig2 {height:19px;padding:4px 0px 0px 0px;padding-left:15px;  }
.filvw {height:25px;  text-align:center; background:#eaeaea;padding:2px 0px 0px 0px;}
.filvw2 {height:25px; width:90%; padding:2px 0px 0px 10px;border:0px solid red}
.lisbt  {width:87%;padding-top:10px ; float:left; text-align:right; border:0px solid red;}
.lisbts  {width:10%;padding-top:10px ; float:left; text-align:left; border:0px solid red;}
.inbodysc { width:90%;border:1px solid #6c6c6c;}

.cont_ph {height:630px;}
.cont_p {height:500px;}
.cont_code {height:1560px;}
.cont_c {height:490px;}
.cont_pe {height:400px;}

.table-board {width:100%;height:500px;border:0px solid red;}
.bt_back {padding:5px 0px 0px 2px;}


@media (max-width:390px){
    .mbody{
        margin-top:50px;
    }
    .mtitle{
        width:100%;
        height: 200px;
    }
    .mtit1{
        width:100%;
        padding-bottom: 10px;
    }
    .mtit3{
        width:100%;
        height: 20px;
        font-size: 11pt;
    }
    .t2{
        font-size: 10px;
    }
    .mmenu{
        width: 100%;
        height: 400px;
    }
    .mmenu_l{
        width:70%;
        height: 180px;
        margin-left:0px;
        text-align:left;
        padding-top:20px;
        padding-left:30px;
    }
    .mmenu_r{
        width:70%;
        padding-top:0px;
        text-align:left;
        height: 180px;
        padding-left:30px;
    }
    .contnt{
        width:100%;
        height:40px;
        letter-spacing : 2px;
    }
    .mbottm1{
        width:100%;
        height: 100px;
    }
    .mtit2{
        width:100%;
        height: 30px;
    }
    .text-address{
        font-size : 10px;
    }
    .contt{
        width:98%;
        padding-left:0px;
        height:50px;
    }
    .contt_1{
        width:98%;
        padding-left:0px;
    }
    .contt2{
        width:98%;
    }
    .contt2_1{
        width:97%;
    }
    .contt2_2{
        width:98%;
    }
    .contt3{
        width:98%;
    }
    .contt5{
        width:98%;
        padding-left:0px;
    }
    .stitle{
        width:100%;
    }
    .stitle2{
        width:100%;
        height: 100px;
    }
    .stit1{
        padding-left:10px;
    }
    .stit2{
        padding-left:10px;
    }
    .stit4{
        width:90%;
        height: 60px;
        padding-left:10px;
    }
    #tablevvv{
        width:100%;
    }
    .td1{
        width:200px;
    }
    .cont_pe{
        height:410px;
    }
    .cont_ph{
        height: 1000px;
    }
    .cont_p{
        height: 640px;
    }
    .bt_back{
        font-size:14px;
    }
    .cont_c{
        height:590px;
    }
    .cont_code{
        height:2690px;
    }
}


@media (min-width:391px) and (max-width:430px){
    .mbody{
        margin-top:50px;
    }
    .mtitle{
        width:100%;
        height: 220px;
    }
    .mtit1{
        width:100%;
        padding-bottom: 10px;
    }
    .mtit3{
        width:100%;
        height: 30px;
        font-size: 11pt;
    }
    .t2{
        font-size: 11.5px;
    }
    .mmenu{
        width: 100%;
        height: 400px;
    }
    .mmenu_l{
        width:70%;
        height: 180px;
        margin-left:0px;
        text-align:left;
        padding-top:20px;
        padding-left:40px;
    }
    .mmenu_r{
        width:70%;
        padding-top:0px;
        text-align:left;
        height: 180px;
        padding-left:40px;
    }
    .contnt{
        width:100%;
        height:40px;
        letter-spacing : 3px;
    }
    .mbottm1{
        width:100%;
        height: 110px;
    }
    .text-address{
        font-size : 11px;
    }
    .mtit2{
        width:100%;
        height: 30px;
    }
    .stitle{
        width:100%;
    }
    .stit1{
        width:95%;
    }
    .stitle2{
        width:100%;
        height: 90px;
    }
    .stit4{
        width:90%;
        height: 60px;
    }
    .stit2{
        width:90%;
    }
    #tablevvv{
        width:100%;
    }
    .td1{
        width:200px;
    }
    .cont_pe{
        height:430px;
    }
    .contt{
        width:98%;
        padding-left:0px;
        height:52px;
    }
    .sbody2{
        height:1230px;
    }
    .cont_ph{
        height: 1050px;
    }
    .contt_1{
        width:98%;
    }
    .contt2{
        width:98%;
        height:30px;
    }
    .contt2_1{
        width:98%;
        padding-left:0px;
    }
    .contt2_2{
        width:98%;
    }
    .contt3{
        width:98%;
    }
    .contt5{
        width:98%;
        padding-left:0px;
        height:45px;
    }
    .cont_p{
        height: 660px;
    }
    .cont_c{
        height:635px;
    }
    .cont_code{
        height:2690px;
    }
    .filvw{
        width:20%;
    }
    .filvw2{
        width:80%;
    }
    .board-table{
        height: 910px;
    }
    .td-2{
        width:50px;
    }
    .td-date{
        width:120px;
    }
    .bt_back{
        font-size:15px;
    }
}

@media (min-width:431px) and (max-width:768px){
    .mtitle{
        width:100%;
    }
    .mtit1{
        width:100%;
    }
    .mtit3{
        width:100%;
    }
    .mmenu{
        width:100%;
    }
    .mmenu_l{
        margin-left:110px;
        width:220px;
    }
    .mmenu_r{
        width:250px;
    }
    .contnt{
        width:100%;
        letter-spacing : 3px;
    }
    .mbottm1{
        width:100%;
    }
    .mtit2{
        width:100%;
    }
    .stitle{
        width:100%;
    }
    .stit1{
        width:98%;
    }
    .stitle2{
        width:98%;
        height:70px;
    }
    .stit4{
        height:40px;
    }
    #tablevvv{
        width:100%;
    }
    .td1{
        width:510px
    }
    .contt{
        padding-left:0px;
        width:95%;
        height:35px;
    }
    .sbody2{
        height:890px;
    }
    .cont_ph{
        height:670px;
    }
    .stit2{
        width:95%;
    }
    .contt_1{
        width:98%;
    }
    .contt2{
        width:98%;
        height:35px;
    }
    .contt2_1{
        width: 100%;
    }
    .contt2_2{
        width:98%;
    }
    .contt3{
        width:100%;
    }
    .cont_p{
        height:565px;
    }
    .contt5{
        width:97%;
    }
    .filvw{
        width:15%;
    }
    .filvw2{
        width:85%;
    }
    .cont_code{
        height:1640px;
    }
}

@media (min-width:769px) and (max-width:820px){
    .mtitle{
        width:100%;
    }
    .mtit1{
        width:100%;
    }
    .mtit3{
        width:100%;
    }
    .mmenu{
        width:100%;
    }
    .mmenu_l{
        width:247px;
    }
    .mbottm1{
        width:100%;
    }
    .mtit2{
        width:100%;
    }
    .stitle{
        width:98%;
    }
    .stitle2{
        width:98%;
        height:70px;
    }
    .stit4{
        width:94%;
        height: 40px;
    }
    #tablevvv{
        width:100%;
    }
    .td1{
        width:580px;
    }
    .contt{
        padding-left:0px;
        width:95%;
        height:40px;
    }
    .contt_1{
        width:98%;
    }
    .cont_ph{
        height:730px;
    }
    .contt2{
        width:100%;
        height:35px;
    }
    .contt2_1{
        width:100%;
        padding-left:0px;
    }
    .contt2_2{
        width:98%;
    }
    .cont_p{
        height:580px;
        width:95%;
    }
    .contt3{
        width:100%;
    }
    .sst1{
        width:101%;
    }
    .contt5{
        width:100%;
    }
    .cont_c{
        padding-left:12px;
    }
    .cont_pe{
        padding-left:24px;
    }
}

@media (min-width:821px) and (max-width:1024px) {
    .stitle{
        width:100%;
    }
    .stit1{
        width:95%;
    }
    .stitle2{
        width:100%;
    }
    .stit4{
        width:98%;
    }
    #tablevvv{;
        width:100%;
    }
    .td1{
        width:790px;
    }
    .cont_ph{
        width:96%;
    }
    .contt{
        width:100%;
    }
    .contt_1{
        width:98%;
    }
    .contt2{
        width:100%;
    }
    .contt2_1{
        width:100%;
    }
    .contt2_2{
        width:98%;
    }
    .contt3{
        width:100%;
    }
    .cont_p{
        width:96%;
    }
    .contt5{
        width:98%;
    }
}