@font-face {
	font-family: Noto Sans Korean;
	src: url(//i1.daumcdn.net/cfs.tistory/static/font/notokr-regular.woff2) format("woff2"), url(//i1.daumcdn.net/cfs.tistory/static/font/notokr-regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: Noto Sans Korean;
	src: url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format("embedded-opentype"), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Medium-Hestia.woff) format("woff"), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Medium-Hestia.otf) format("opentype");
	font-weight: 500;
	font-style: normal;
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 300;
  src: local("./font/NanumSquareRoundL"), /* computer */
    url("./font/NanumSquareRoundL.eot"), /* IE9 Compat Modes */
    url("./font/NanumSquareRoundL.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./font/NanumSquareRoundL.woff2") format("woff2"), /* Modern Browsers */
    url("./font/NanumSquareRoundL.woff") format("woff"), /* Modern Browsers */
    url("./font/NanumSquareRoundL.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 400;
  src: local("NanumSquareRoundR"), /* computer */
    url("./font/NanumSquareRoundR.eot"), /* IE9 Compat Modes */
    url("./font/NanumSquareRoundR.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./font/NanumSquareRoundR.woff2") format("woff2"), /* Modern Browsers */    
    url("./font/NanumSquareRoundR.woff") format("woff"), /* Modern Browsers */
    url("./font/NanumSquareRoundR.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 700;
  src: local("NanumSquareRoundB"), /* computer */
    url("./font/NanumSquareRoundB.eot"), /* IE9 Compat Modes */
    url("./font/NanumSquareRoundB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./font/NanumSquareRoundB.woff2") format("woff2"), /* Modern Browsers */
    url("./font/NanumSquareRoundB.woff") format("woff"), /* Modern Browsers */
    url("./font/NanumSquareRoundB.ttf") format("truetype"); /* Safari, Android, iOS */
}
.Nanum {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 800;
  src: local("NanumSquareRoundEB"), /* computer */
    url("./font/NanumSquareRoundEB.eot"), /* IE9 Compat Modes */
    url("./font/NanumSquareRoundEB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./font/NanumSquareRoundEB.woff2") format("woff2"), /* Modern Browsers */
    url("./font/NanumSquareRoundEB.woff") format("woff"), /* Modern Browsers */
    url("./font/NanumSquareRoundEB.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* titillium-web-regular - latin */
.Titillium {
  font-family: 'Titillium Web';
  font-style: normal;
  letter-spacing: -4.0px;
  font-weight: 400;
  font-size: 1.2em;
  src: url('../fonts/titillium-web-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('../fonts/titillium-web-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v8-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
#boxsize {margin: 0px auto; width: 100%; min-width: 300px; max-width: 1000px;}
#mainbox {margin: 0px auto; width: 100%; min-width: 300px; max-width: 1200px;}

ul {
	margin: 0px; padding: 0px;  -ms-word-break: keep-all;
}
a:link{font-size: 12pt;color:#000;text-decoration:none;}
a:visited{font-size: 12pt;color:#000;text-decoration:none;}
a:active{font-size: 12pt;color:#ff042a;text-decoration:none;}
a:hover{font-size: 12pt;color:#000;text-decoration: underline;}
.where1 {background-color:#c6e46c;}
.where2 {background-color:#72b9f6;}
.where3 {background-color:#d78ff5;}
.where4 {background-color:#093e81;}
.where5 {background-color:#2b8109;}
.where6 {background-color:#0852cd;}
.where7 {background-color:#814d09;}
.where8 {background-color:#a309ea;}
.where9 {background-color:#000000;}
.where10 {background-color:#eae5e6;}
body, table, tr, td, select, input
{
	font-size: 12pt; color:#000;	
	line-height:100% ;
	text-decoration:none;
}
li {list-style-type: none;}
menu{font-size: 9pt;color:#0099cc;text-decoration: underline;}
.tbl_uth01 li {
background-color:#814d09;
}

.utm00 {width:100%;}
.tbl_utm01 {width:100%;}
.tbl_utm01 li div li{
	line-height: 22px; font-family: "Nanum Gothic",sans-serif !important; font-size: 14px;
}

.boxline {border-bottom: 1px solid #d0d0d0;border-left: 1px solid #d0d0d0;border-right: 1px solid #d0d0d0;padding:7px 0;}
.tbl_utm02 {width:100%;}
.tbl_utm02 li {
	line-height: 22px; font-family: "Nanum Gothic",sans-serif !important; font-size: 14px;
}
.tbl_utm03 {width:100%;}
.tbl_utm03 li {
	line-height: 22px; font-family: "Nanum Gothic",sans-serif !important; font-size: 14px;
}
/*헤드부분 테이블 조정*/
.tbl_utm09 {width:100%;}
.tbl_utm09 ul {
	background: rgb(83, 150, 235); padding: 6px; text-align: center; color: rgb(255, 255, 255); font-weight: 700; vertical-align: middle; border-bottom-color: rgb(200, 208, 213); border-bottom-width: 1px; border-bottom-style: solid;border-left-width: 1px; border-left-style: solid;border-left-color: rgb(200, 208, 213);
}
.tbl_utm09 ul a{color: rgb(255, 255, 255);font-size:16px;}
.tbl_utm09 li {
	padding: 10px 10px; color: rgb(102, 102, 102); vertical-align: middle; border-bottom-color: rgb(200, 208, 213); border-bottom-width: 1px; border-bottom-style: solid;border-right-width: 1px; border-right-style: solid;border-right-color: rgb(200, 208, 213);
}
.tbl_utm09  .tdleft {
               border-left-width: 1px; border-left-style: solid;border-left-color: rgb(200, 208, 213);display: inline-block;	
}
.tbl_utm09  .entdleft {
               border-left-width: 1px; border-left-style: solid;border-left-color: rgb(200, 208, 213);background:#3a3838;color:#FFF;	
}

/*게시판 관리자 CSS*/
.tbl_bod01 {width:100%;}
.tbl_bod01 li {
	line-height: 22px; font-family: "Nanum Gothic",sans-serif !important; font-size: 14px;
}
.tbl_bod01 div:first-child li {
	border-top-color: rgb(3, 78, 162); border-top-width: 2px; border-top-style: solid;
}
.tbl_bod01 li {
	background: rgb(247, 247, 247); padding: 16px; width: 220px; text-align: center; color: rgb(51, 51, 51); font-weight: 700; vertical-align: middle; border-bottom-color: rgb(200, 208, 213); border-bottom-width: 1px; border-bottom-style: solid;
}
.tbl_bod01 li {
	padding: 16px 22px; color: rgb(102, 102, 102); vertical-align: middle; border-bottom-color: rgb(200, 208, 213); border-bottom-width: 1px; border-bottom-style: solid;border-right-color: rgb(200, 208, 213);
}

.font_print {
 font-family: 'Nanum Gothic', sans-serif;
   font-size: 1.25em;
   color:#4a4b4c;
   font-weight: 600;
   margin-bottom:50px;   
}
.submt {text-align:center;font-size:2em;font-weight:600;margin-bottom:50px;}
.ffdm {color:#1616f7;background:#eeecec;-webkit-box-sizing:border-box;font-size: 0.8em;border: 1px solid rgb(0, 0, 0);}
.ffdmb {color:#FFFFFF;background:#000000;-webkit-box-sizing:border-box;font-size: 0.8em;border: 2px solid rgb(204, 51, 0);}
.ffdmc {color:#cc0000;background:#ffff99;-webkit-box-sizing:border-box;font-size: 0.8em;border: 2px solid rgb(204, 51, 0);}
.ffdmf {color:#000000;background:#ffffff;-webkit-box-sizing:border-box;font-size: 0.9em;border: 1px solid rgb(0, 0, 0);}
.red {color:#cc001d;background:#eeecec;-webkit-box-sizing: border-box;border: 1px solid rgb(0, 0, 0);box-sizing: border-box;padding: 2px 4px 2px 4px;}
.bos {box-sizing: border-box;border: 1px solid rgb(0, 0, 0);padding: 2px 4px 2px 4px;}
.bosx {box-sizing: border-box;border: 1px solid rgb(0, 0, 0);padding: 2px 4px 2px 4px;font-weight:900;}
.fryo {float:right;}
.bskar {display: inline-block;}
.bskara {display: inline-block;position: relative;vertical-align: top;}
.sryo {text-align:center;margin-top:30px;}
.prtcolor {color: rgb(130, 16, 16);}
.conall {padding-right:50px;display: inline-block;}
.txtrain1 {text-align:left;}
.txtrain2 {text-align:center;}
.txtrain3 {text-align:right;}
.txtrain4 {text-align:center;margin-top:30px;}
.txtrain5 {text-align:center;font-weight:700;background-color:#e7eaf0;}
.txtrain6 {text-align:center;font-weight:700;background-color:#cecfce;}
.txtrain7 {text-align:center;font-weight:600;font-size:2.0em;font-family: Noto Sans Korean, sans-serif;ext-shadow: 2px 2px 4px gray;}
.txtrain8 {margin-left:20px;text-align:left;font-weight:700;background-color:#e7eaf0;letter-spacing:2.9px;font-size:1.6em;line-height:30px;font-family: 'Titillium Web';}

.txtmarg1 {margin-left:10px;}
.sdancs {margin-top:17px;}
.xdancs {margin-top:25px;text-align:center;}
.dancs {margin-top:40px;}
.dancsp {margin-top:25px;}
.dancsxo {margin-top:10px;}
.todancs {margin-top:140px;}
.bgfot {text-align: right; float: right;}
.catmar {margin-left:18px;}
.ckmh {margin-bottom:20px;}
.ckmps {margin:20px 10px;font-weight:600;color:#000066;letter-spacing:1.5px;}
.ckmpp {margin:20px 0;font-weight:900;color:#993300;letter-spacing: 1px;}
.mlop {padding-right:5px;}
.smdist {margin-left:14px;}
.coybg {background: rgb(224, 224, 224);border-radius: 10px;padding:5px 5px;margin-bottom:70px;}
.fotlin {margin-top:50px;border-top-color: rgb(3, 78, 162); border-top-width: 2px; border-top: thick double #32a1ce;;}
.button_ck {
background: rgb(224, 224, 224);
text-decoration:none !important;
display:inline-block;
padding:4px 25px 7px 25px;
margin-right:30px;
transition:all 0.1s;
border:1px solid #000;
cursor:pointer;
border-radius: 2px;
color:#000;
}
.hand {cursor:pointer;}
.ckbtn{
color: rgb(0, 0, 0);
font-size:0.95rem;
}
.ckbtn3{
background: rgb(218, 229, 233);
font-size:0.78rem;
text-decoration:none !important;
text-align:center;
}
.ckbtn3 a{
color: rgb(0, 0, 0);
}
.button_ck:active{
 transform: translateY(3px);
 background: rgb(52, 180, 223);
 color:#000;
}
.ckbtn4{
background: rgb(239, 181, 154);
font-size:0.78rem;
text-decoration:none !important;
text-align:center;
padding:10px;
}
.ckbtn4 a{
color: rgb(0, 0, 0);
text-align:right;
}  
.mntitle {text-align:center;font-weight:600;color:#6868FF;font-size:1.7em;margin-top:50px;}
.nofirs {display: inline-block;padding-right:7px;letter-spacing: 1px;}
.dispy {display: inline-block;}
.dispy span{margin-top:.30px;vertical-align: bottom;}
.dispy li {display: inline-block;padding-right:15px;background:#6868FF;}
.fixp {height:auto;}

/*반응형 테이블형식으로 나누기*/
/* 부분 나누기  CSS */
.row {width:100%;}
.row:before,
.row:after {
    content: "";
    display: table;    
    
}
.row:after {
    clear: both;  
    
}

.column, .columns {
   position: relative;
   padding: 0px;
   min-height: 1px;
   margin-left:25px;
   
}
.column.centered, .columns.centered  {
    float: none;
    margin: 0 auto;
}


/* column widths */
.row .zero         { width: 4.333%; }
.row .bfone       { width: 6.8888%; }
.row .one         { width: 8.33333%; }
.row .two         { width: 16.66667%; }
.row .three       { width: 25%; }
.row .four        { width: 33.33333%; }
.row .five        { width: 41.66667%; }
.row .six         { width: 50%; }
.row .seven       { width: 58.33333%; }
.row .eight       { width: 66.66667%; }
.row .nine        { width: 75%;}
.row .ten         { width: 83.33333%; }
.row .eleven      { width: 91.66667%; }
.row .twelve      { width: 100%; }
.row .onetwo      { width: 10.66667%; }
.row .thrtwo      { width: 13.66667%; }

.plke ul li{border: 1px solid #d0d0d0;padding: 10px 0px;}
/*테이블만들기 CSS*/
      .uttable .bke {
        border: 1px solid #b9b9b9;
        padding: 10px 10px;
      }
      .uttable .bbkm {
        padding: 10px 10px;
      }      
      .ut-table {
        display: table;
        width: 100%;
      }
      .ut-table-row {
        display: table-row;
      }
      .ut-table-cell {
        display: table-cell;
        padding: 0px 0px;
        height: auto;
      }
@media screen and (min-width: 480px) {
  .ut-wdp {
         width:33%;
      }      
 }      
    
     .ut-top {
        vertical-align: top;
      }
      .ut-middle {
        vertical-align: middle;
      }
      .ut-bottom {
        vertical-align: bottom;
      }     
.ddfi {background:#404343;color:#FFF;font-weight:600;} 
.ddfj {background:#99bafc;color:#4b4b4a;font-weight:600;} 
.ddfop {background:#d9e8f7;color:#000;font-weight:600;}  

.ckebox ul li{display: inline-block;padding:0px 0px;}


*-- 인쇄용 팝업창 소스CSS ========== --*/
.modal_wrap{
        display: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top:50%;
        left: 50%;
        margin: -250px 0 0 -250px;
        background:#000;
        z-index: 2;
    }
    .black_bg{
        display: none;
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-color:rgba(0, 0,0, 0.7);
        top:0;        
        left: 0;
        z-index: 3;
    }
    .modal_close{
        width: 100px;
        height: 100px;
        position: relative;
        z-index: 1000;
        margin: 0px auto;
        cursor: pointer;
        
    }
    .modal_close > a{
        display: block;
        width: 100%;
        height: 100%;
        background:url(../../img/pop_close.gif);
        cursor: pointer;
    }

@media print {
    .pex {display:none;}
}
/* 미디어쿼리를 위한 CSS */
@media (min-width: 481px) {/*테이블만들기 CSS-2*/
     .pktable li {
        border: 1px solid #bcbcbc;
      }
      .pk-table {
        display: table;
        width: 100%;  
        color:#000;
        
      }
      .pk-table ul{padding:0;margin:0;}
      
      .pk-table-row {
        display: table-row;
      }
      .pk-table-cell {
        display: table-cell;
        padding: 10px 10px;
       
      }
      .pk-table-cellm {
        display: table-cell;
        padding: 10px 10px;
        
      }      
      .pk-table-cellp {
        display: table-cell;
        padding: 10px 5px;
        text-align:center;
        
      }
      .pk-table-cellk {
        display: table-cell;
        padding: 3px 5px;
        
      }    
      .pk-table-cellro {
        display: table-cell;
        padding: 0px 0px;
        
      }                  
      .pk-top {
        vertical-align: top;
      }
      .pk-middle {
        vertical-align: middle;
      }
      .pk-bottom {
        vertical-align: bottom;
      }
      .pk-table-cellk1 {
        display: table-cell;
        padding: 10px 5px;
        width:32%;
        
      }  
        .pk-table-cellk2 {
        display: table-cell;
        padding: 10px 5px;
        width:68%;
        
      }  
    .ut-wdp {
         width:33%;
      }          
  .mddfop {background:#d9e8f7;color:#000;font-weight:600;}  
    
}

@media (min-width: 320px) and (max-width: 480px) {
/*테이블만들기 CSS-2*/
     .pktable li {
        border: 1px solid #bcbcbc;
      }
      .pk-table {
        display: table;
        width: 100%;  
        color:#000;
        padding:0;
      }
      .pk-table ul{padding:0;margin:0;}
      .pk-table-row {
        display: table-row;
      }
      .pk-table-cell {
        display: table-cell;
        padding: 10px 10px;
        
      }
      .pk-table-cellp {
        display: table-cell;
        padding: 10px 0px;
        
      }  
      .pk-table-cellm {
        display: table-cell;
        padding: 5px 3px;
        
      }            
      .pk-top {
        vertical-align: top;
      }
      .pk-middle {
        vertical-align: middle;
      }
      .pk-bottom {
        vertical-align: bottom;
      }
        .pk-table-cellk1 {
        display: table-cell;
        padding: 10px 5px;
        width:30%;
        
      }  
        .pk-table-cellk2 {
        display: table-cell;
        padding: 10px 5px;
        width:70%;
        
      }          
 .mddfop {background:#d9e8f7;color:#000;font-weight:300;}  
 .ut-wdp {
         width:0%;
      }            
}
   table {
     width: 100%;
     border: 1px solid #7d7d7d;
     border-collapse: collapse;
   }
   th, td {
     border: 1px solid #7d7d7d;padding:5px; 20px;
   }
table tr:first-child th {
	background: rgb(247,247,247);
	padding: 16px;
	width: 220px;
	text-align: center;
	color: rgb(51,51,51);
	font-weight: 700;
	vertical-align: middle;
	border-top-color: rgb(4,124,199);
	border-top-width: 3px;
	border-top-style: solid;
	
}   
th .axa {width:10%;background:#000;}
th .bxa {width:40%;}

.axa {width:18%;padding:10px;text-align:center;background:#e1dfdf;}
.bxa {width:32%;padding:10px;text-align:center;}
.cxa {width:22%;padding:10px;text-align:center;background:#e1dfdf;}
.dxa {width:28%;padding:10px;text-align:center;}

.mnabitbox {

	border-top-color: rgb(255,255,255);
	border-top-width: 5px;
	border-top-style: solid;
}
.mnabigo {padding-left:30px;}