/* @charset "euc-kr";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css"); */
/*
@font-face{

font-family:ng;

src:url(NanumGothic.eot);

src:local(※), url(NanumGothic.woff) format(‘woff’)

}
*/
/* 공통 */
* {margin:0; padding:0;/*  border:0; */}
body { position: relative;  color:#555555; background: #F2F3F5; word-break: keep-all;
	font-size:15px; line-height: 1.8; font-family: 'Nanum Gothic', sans-serif; border:none; padding:0; margin:0;}



A:link, A:visited, A:active {color:#555555; text-decoration: none;}
A:hover {color:#000; text-decoration:none; font-weight:bold;}


img { /* border:0; */ font-size:0;}
form, p, fieldset, label, div {margin: 0; padding: 0;font-family: 'Nanum Gothic', sans-serif; font-size:15px; line-height:140%;}
ul, ol, li, dl, dt, dd {margin:0; padding:0; list-style:none;font-family: 'Nanum Gothic', sans-serif; line-height:140%;}

select, input, li img {vertical-align:middle;}
select, textarea {border:1px solid #B7B6B6;background:#FFF;  font-size:15px; color:#b2b3b5; vertical-align:middle;}


table {margin:5px 0 0 0; padding:0; border-collapse:collapse;font-family: 'Nanum Gothic', sans-serif;font-size:15px;}
th, td {font-family: 'Nanum Gothic', sans-serif;font-size:15px;; line-height:130%;  } 
legend, hr, caption { /* display:none;  */
  overflow:hidden;width:1px;height:1px;*height:0;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-999px;
  }
  
.blind {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}  
  
  
@media( max-width: 640px ) {

	.btable thead,
	.btable tbody,
	.btable tr,
	.btable th,
	.btable td {
		display: block;
	}
	
	.hidem {display:none;}
	.width20p {width:20%;}

	.btable tr {
		border-bottom: 1px solid #ddd;
	}

	.btable th,
	.btable td {
		border-top: none;
		border-bottom: none;
	}
}

.bd1			{border:1px solid #ddd;}
.bdb1mint		{border-bottom:1px solid #1ABC9C;}
.bdb1ddd		{border-bottom:1px solid #ddd;}
.bdl1mint		{border-left:1px solid #1ABC9C;}
.bd2mint		{border:2px solid #1ABC9C;}
.bd2444			{border:2px solid #444;}
.bd2ddd			{border:2px solid #ddd;}
.bd2eee			{border:2px solid #eee;}
.bd2yello		{border:2px solid #fcb316;}
.bd2fff			{border:2px solid #fff;}

.bdt1orange    {} border-top: 1px solid #f4511e;}
.bdt3orange    {} border-top: 3px solid #f4511e;}	
.bdt1green    {} border-top: 1px solid #58b691;}
.bdt3green    {} border-top: 3px solid #58b691;}		

.bdradius30		{border-radius: 30px;}

.bgwhite		{background-color:#ffffff;}
.bgbeige2		{background-color:#fdeedd;}
.bgcmint		{background-color:#1ABC9C;}
.bgcmintlight	{background-color:#a0e2d4 !important}
.bgcyellow		{background-color:#fcb316;}
.bgcbluesky		{background-color:#6fb9e8;}

.bgcmsky {background-color:#66d0ff;}
.bgcmgreen {background-color:#a3ff66;}
.bgcmyellow {background-color:#fdff66;}

.bgcat {background-color:#354c79;}
.bgend {background-color:#707070;}
.bgnotend {background-color:#f15643;}
.bgorange {background-color:#fdf0ef;}

.bgsize100		{background-size:100%;}

.mg0			{margin:0;}
.mgauto			{margin:auto;}

.txtAc			{text-align:center;}
.txtAl			{text-align:left;}
.txtAr			{text-align:right;}

.verAt    {vertical-align:top;}

.floatL			{float:left;}
.floatR			{float:right;}

.pdl5p			{padding-left:5%;}
.pdl25p			{padding-left:25%;}
.pdl20p			{padding-left:20%;}

.pdl5			{padding-left:5px;}
.pdl10			{padding-left:10px;}
.pdl15			{padding-left:15px;}
.pdl20			{padding-left:20px;}
.pdl25			{padding-left:25px;}
.pdl30			{padding-left:30px;}
.pdl35			{padding-left:35px;}
.pdl50			{padding-left:50px;}
.pdl100			{padding-left:100px;}
.pdl200			{padding-left:200px;}
.pdl210			{padding-left:210px;}

.pdt5			{padding-top:5px;}
.pdt7			{padding-top:7px;}
.pdt10			{padding-top:10px;}
.pdt15			{padding-top:15px;}
.pdt20			{padding-top:20px;}
.pdt25			{padding-top:25px;}
.pdt40			{padding-top:40px;}	
.pdt50			{padding-top:50px;}
.pdt100			{padding-top:100px;}

.pdb5			{padding-bottom:5px;}
.pdb10			{padding-bottom:10px;}
.pdb15			{padding-bottom:15px;}
.pdb20			{padding-bottom:20px !important;}
.pdb30			{padding-bottom:30px;}
.pdb40			{padding-bottom:40px !important;}
.pdb50			{padding-bottom:50px !important;}
.pdb60			{padding-bottom:60px;}
.pdb80			{padding-bottom:80px;}
.pdb100			{padding-bottom:100px;}

.pdtb5			{padding-top:5px; padding-bottom:5px;}

.pd0			{padding:0px;}	
.pd60			{padding:20px;}	
.pd60			{padding:60px;}					
.pd1020			{padding:10px 20px;}					
.pd200			{padding:200px;}					
.pd100			{padding:100px;}					

.pdr5			{padding-right:5px;}
.pdr8			{padding-right:8px;}
.pdr10			{padding-right:10px;}
.pdr15			{padding-right:15px;}
.pdr20			{padding-right:20px;}
.pdr25			{padding-right:25px;}
.pdr30			{padding-right:30px;}
.pdr200			{padding-right:200px;}

.mgl15			{margin-left:15px !important;}

.mgl200			{margin-left:200px !important;}
.mgl220			{margin-left:220px !important;}

.mgb5			{margin-bottom:5px}
.mgb10			{margin-bottom:10px}
.mgb15			{margin-bottom:15px}
.mgb20			{margin-bottom:20px}
.mgb25			{margin-bottom:25px}
.mgb30			{margin-bottom:30px}
.mgb40			{margin-bottom:40px}
.mgb60			{margin-bottom:60px}

.mgt5			{margin-top:5px}
.mgt10			{margin-top:10px}
.mgt15			{margin-top:15px}
.mgt20			{margin-top:20px}
.mgr25			{margin-right:25px !important;}
.mgt30			{margin-top:30px}
.mgt40			{margin-top:40px}
.mgt70			{margin-top:70px;}
.mgt100			{margin-top:100px;}
.mgt200			{margin-top:200px !important;}

.mg0			{margin:0px;}
.mg5			{margin:5px;}
.mg10			{margin:10px;}

.ft10 		{font-size:10px !important;}
.ft12 		{font-size:12px;}
.ft13 		{font-size:13px;}
.ft14 		{font-size:14px;}
.ft15			{font-size:15px;}

.ft16			{font-size:16px;}
.ft17			{font-size:17px;}
.ft18			{font-size:18px  !important;;}
.ft20			{font-size:20px;}
.ft22			{font-size:22px;}
.ft25			{font-size:25px;}
.ft28			{font-size:28px !important;}
.ft30			{font-size:30px !important;}
.ft35			{font-size:35px !important;}
.ft50			{font-size:50px;}
.ft65			{font-size:65px;}

.fsitalic		{font-style:italic;}
.fsunderline	{text-decoration:underline;}

.h600			{height:600px;}
.h340			{height:340px;}

.dpNoneOnWeb	{display:none;}

.fWbold			{font-weight:bold;}
.bold			{font-weight:bold;}
.normal			{font-weight:normal;}

.ftWb			{font-weight:bold;}
.ftWn			{font-weight:normal;}


.fcwhite		{color:#fff !important;}
.fcmint			{color:#1ABC9C;}
.fcyellow		{color:#fac24e !important;}
.fcblue			{color:#6fb9e8 !important;}
.fcblue2			{color:#0092db !important;}
.fcdblue        {color:#2c53af;}
.fcdblue2        {color:#333388;}
.fcdblue3        {color:#286090;}
.fcgreen		{color:#42805C  !important; /*  #126444 #58b691 */}  
.fcgreen2		{color:#00a651 !important;}
.fcred			{color:#f36d52 !important;}
.fcred2			{color:#ff0000 !important;}
.fc888			{color:#888;}
.fcred3            {color:#da7977}
.fcred4            {color:#CC0033}
.fc444			{color:#444;}
.fcblack        {color:#000;}
.fcorange        {color:#DB5D58;}  /* #f37a76 */
.fcpurple {color:#6568AD;} /* #7e7fbd */
.fcpurple2 {color:#354c79;}

/*line*/
.wid50			{width:50px;}
.wid80			{width:80px;}
.wid100			{width:100px;}
.wid150			{width:150px;}
.wid488			{width:488px;}
.wid41p			{width:41%;}
.wid60p			{width:60%;}
.wid80p			{width:80%;}
.wid90p			{width:90%;}
.wid100p		{width:100%;}

.lh120 {line-height:120%}
.lh130 {line-height:130%}
.lh140 {line-height:140%}
.lh150 {line-height:150%}
.lh160 {line-height:160%}
.lh170 {line-height:170%}
.lh180 {line-height:180%}
.lh190 {line-height:190%}
.lh200 {line-height:200%}

.curpoint {cursor:pointer}

.txtboxblue{background:#0000ff; color:#fff; padding:1px;}

 .pageTitleO {font-weight:700; font-size:22px; color:#f37a76;  padding:20px 20px 40px 20px;}
 /* .pageTitleO:after{content:"";display:block;width:10%;height:5px;background:#f4511e;margin:10px 0 0 0} */

  .subtitle {

    background-color: #fff;

    color: #111111;
    font-weight: 500;
  }

  
.circle h5{height:90px;background:#C3003D;color:#fff;font-weight:700;width:90px;margin:0 auto;margin-bottom:15px;border-radius:100px;overflow:hidden;line-height:90px}  
/*  
.subtitle::after {
   content:    ">";
   color:      #f4511e !important;;
   font-size:24px;
    font-weight: bold;
       
} 
*/  

  .myulO li::before {
   content: '';
   display: inline-block;
   width: 8px;
   height: 8px;
   vertical-align:middle;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   background-color: #f37a76;
   margin-bottom:5px;
   margin-right: 7px;

  } 
  

.dayFont {
	background-color: #00a651;
	padding:3px 5px;
	margin 0 3px 0 0;
	color:#FFFFFF;
	font-weight: bold;
}
  
.catFont {
	background-color: #354c79;
	padding:3px 5px;
	margin 0 3px 0 0;
	color:#FFFFFF;
	font-weight: bold;
}


.endFont {
	background-color: #707070;
	padding:3px 5px;
	color:#FFFFFF;
	font-weight: bold;
}
.notendFont {
	background-color: #354c79;
	padding:3px 5px;
	color:#FFFFFF;
	font-weight: bold;
}
.freeFont {
	background-color: #ee145b;
	padding:3px 5px;
	color:#FFFFFF;
	font-weight: bold;
}
.newFont {
	background-color: #ee145b;
	padding:3px;

	color:#FFFFFF;
	font-weight: bold;
}



.nanawrap h3 {
    font-size: 123.1%;
    padding-bottom: .4em;
    position: relative;
    padding: .25em 0 .5em .75em;
    margin: 0 0 1.6rem;
    border-left: 6px solid #ccc;
}

.nanawrap h3::before {
    position: absolute;
    left: -6px;
    bottom: 0;
    content: '';
    width: 6px;
    height: 50%;
    background-color: #f16b6f;
}

 dl .dlTopLinePu1 {
  	text-align: left;
    margin: 0 0 0 120px;
    padding : 12px 10px 10px 10px;
    border-top: 1px solid #354c79;
    /* color : #f4511e; */
  }	
 dl .dlTopLinePu3 {
  	text-align: left;
    margin: 0 0 0 120px;
    padding : 12px 10px 10px 10px;
    border-top: 3px solid #354c79;
    /* color : #f4511e; */
  }	  

  .cb-list2 dl {
    font-size: 18px;
  }
  .cb-list2 dt {
    float: left;

    width: 100px;
    text-align: right;
    font-weight: bold;
    /* color: green; */
    border-top: 3px solid #f4511e;
    padding : 10px;
  }
 /* 
  .cb-list2 dt::after {
    content: ":";
  }  
*/
  .cb-list2 dd {
  	text-align: left;
    margin: 0 0 0 120px;
    padding : 12px 10px 10px 10px;
    border-top: 1px solid #f4511e;
    /* color : #f4511e; */
  }	
  
.cb-list2 ul {
    list-style: none;

}
.cb-list2 li {
    background-color: #ffffff;    /* clear: both; */
    margin: 1px 0 1px 0;    padding: 0;    overflow: hidden;
   font-size: 15px;   line-height: 120%; 
   color: #303030; 
}
.cb-list2 li h2.subtitle2 {
/*    color: #303030;*/
/*    float: left;  */     font-size: 15pt;    font-weight: bold;
    overflow: hidden;
    margin:0;    padding: 0 0 12px 10px;    
}	
.cb-list2 li h2.txtAleft { text-align: left; }
.cb-list2 li h2.txtAcenter { text-align: center; }
.cb-list2 li span {padding: 5px 0;}
.cb-list2 li span.bxtitle {
     /*    color: #608e23; */
    float: left;    font-weight: bold;
    margin: 8px 5px 0 0;   
    text-align: left;    /* width: 350px;  */
   width: 8px;
   height: 8px;
   vertical-align:middle;
   -moz-border-radius: 5px;
   -webkit-border-radius:5px;
   border-radius: 5px;
   background-color: #f37a76;        
    
}

.txtcircleG {
    color: #06824b;  /*  #58b691 */
    background-color: #fff;
        border: 2px solid #58b691;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    line-height: 48px;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
  z-index: 999;}
  
.txtcircleGR {
    color: #06824b;  /*  #58b691 */


margin-top : 48px;


    font-size: 15px;
    text-align: left;
}  

span.bxcircle {
     /*    color: #608e23; */
    float: left;    font-weight: bold;
    margin: 8px 5px 0 0;   
    text-align: left;    /* width: 350px;  */
   width: 8px;
   height: 8px;
   vertical-align:middle;
   -moz-border-radius: 5px;
   -webkit-border-radius:5px;
   border-radius: 5px;   

}

span.bxcircleS {
     /*    color: #608e23; */
    float: left;    font-weight: bold;
    margin: 8px 5px 0 0;   
    text-align: left;    /* width: 350px;  */
   width: 6px;
   height:6px;
   vertical-align:middle;
   -moz-border-radius: 50%;
   -webkit-border-radius:50%;
   border-radius: 50%;   

}

 .bgcolorPink  {   background-color: #f37a76;   }
 .bgcolorPurple  {   background-color: #354c79;   }    
 .bgcolorGreen  {   background-color: #58b691;   }  




.cb-list2 li span.bxtitletxt {
     /*    color: #608e23; */
    float: left;    font-weight: bold;
    margin: 2px 10px 0 0;       padding: 1px 1px;   
    text-align: left;    width: 40px;
    font-size : 18px;    
}

.cb-list2 li p {
/*    color: #303030;*/
    font-weight: normal;
    overflow: hidden;
    margin:0;    padding: 1px 1px;    
    text-align: left;
    font-size : 18px;
}	

  .cb-list2g dl {
    font-size: 18px;
  }
  .cb-list2g dt {
    float: left;

    width: 100px;
    text-align: right;
    font-weight: bold;
    /* color: green; */
    border-top: 3px solid #58b691;
    padding : 10px;
  }
 /* 
  .cb-list2 dt::after {
    content: ":";
  }  
*/
  .cb-list2g dd {
  	text-align: left;
    margin: 0 0 0 120px;
    padding : 12px 10px 10px 10px;
    border-top: 1px solid #58b691;
    /* color : #f4511e; */
  }	
.cb-list2g ul {
    list-style: none;

}
.cb-list2g li {
    background-color: #ffffff;    /* clear: both; */
    margin: 1px 0 1px 0;    padding: 0;    overflow: hidden;
   font-size: 15px;   line-height: 120%; 
   color: #303030; 
}
.cb-list2g li h2.subtitle2 {
/*    color: #303030;*/
/*    float: left;  */     font-size: 15pt;    font-weight: bold;
    overflow: hidden;
    margin:0;    padding: 0 0 12px 10px;    
}	
.cb-list2g li h2.txtAleft { text-align: left; }
.cb-list2g li h2.txtAcenter { text-align: center; }
.cb-list2g li span {padding: 5px 0;}
.cb-list2g li span.bxtitle {
     /*    color: #608e23; */
    float: left;    font-weight: bold;
    margin: 8px 5px 0 0;   
    text-align: left;    /* width: 350px;  */
   width: 8px;
   height: 8px;
   vertical-align:middle;
   -moz-border-radius: 5px;
   -webkit-border-radius:5px;
   border-radius: 5px;
   background-color: #58b691;        
    
}
.cb-list2g li span.bxtitletxt {
     /*    color: #608e23; */
    float: left;    font-weight: bold;
    margin: 2px 10px 0 0;       padding: 1px 1px;   
    text-align: left;    width: 40px;
    font-size : 18px;    
}

.cb-list2g li p {
/*    color: #303030;*/
    font-weight: normal;
    overflow: hidden;
    margin:0;    padding: 1px 1px;    
    text-align: left;
    font-size : 18px;
}	


.boxtitl2 {
     /*    color: #608e23; */
    float: left;    font-weight: bold;
    margin: 0 3px 3px 0;    padding: 1px 1px;
    text-align: left;    /* width: 350px;  */
    border-bottom: 1px solid #ebebeb; 
}

  .cb-list dl {
    font-size: 18px;
  }
  

    .cb-list dt.ft15 {
    font-size: 18px;
  }


  
            @media screen and (max-width: 600px) {
    .cb-list dt  { 
     font-weight: bold;    /* color: green; */    padding : 10px;
       	text-align: left;      
    } 
    . .cb-list dd { 
      text-align: left;   padding : 12px 10px 10px 10px;

    }      
            }
            @media screen and (min-width: 601px)  {
  .cb-list dt {
    float: left;
    width : 140px;
    text-align: right;
    font-weight: bold;
    /* color: green; */
    padding : 10px;
  } 
   .cb-list dd {
  	text-align: left;
    margin: 0 0 0 150px;
    padding : 12px 10px 10px 10px;
    /* color : #f4511e; */
  }	 
    
            }  


  
.cb-list ul {
    list-style: none;

}
.cb-list li {
/*    background-color: #ffffff;  */  /* clear: both; */
    margin: 1px 0 1px 0;    padding: 0;    overflow: hidden;
   font-size: 15px;   line-height: 120%; 
   color: #303030; 
}
.cb-list li h2.subtitle2 {
/*    color: #303030;*/
/*    float: left;  */     font-size: 15pt;    font-weight: bold;
    overflow: hidden;
    margin:0;    padding: 0 0 12px 10px;    
}	

.cb-list li p {
/*    color: #303030;*/
    font-weight: normal;
    overflow: hidden;
    margin:0;    padding: 1px 1px;    
    text-align: left;

}	

.cb-list2 li h2.txtAleft { text-align: left; }
.cb-list2 li h2.txtAcenter { text-align: center; }
.cb-list2 li span {padding: 5px 0;}

.cb-list li span.bgCblue {background-color: #d6d1fd; }
.cb-list li span.bgCblue2 {background-color: #bdd7ee; }
.cb-list li span.bgCblue3 {background-color: #aab0ea; }
.cb-list li span.bgCgreen {background-color: #d9f5ee; } 
.cb-list li span.bgCgreen2 {background-color: #a7edaa; } 
.cb-list li span.bgCgreen3 {background-color: #c5e0b4; }  
.cb-list li span.bgPink {background-color: #ffccff; }  
.cb-list li span.bgPink2 {background-color: #ff9999; } 
.cb-list li span.bgPink3 {background-color: #f7d7e1; }  
.cb-list li span.bgBeige {background-color: #ffe699; }  

.cb-list li span.bgApricot {background-color: #f8cbad; } 
.cb-list li span.bgApricot2 {background-color: #f4b183; }

.cb-list li span.bgBrown {background-color: #eeecbe; }   
.cb-list li span.bgBrown2 {background-color: #ffe699; } 
.cb-list li span.bgOrange {background-color: #f8cbad; } 
.cb-list li span.bgOrange2 {background-color: #ffc000; } 
.cb-list li span.bgPurple {background-color: #cc99ff; }

  .cb-listB dl {
    font-size: 18px;
  }
  .cb-listB dt {
    float: left;
    width : 80px;
    text-align: right;
    font-weight: bold;
    /* color: green; */
    padding : 2px;
  }

  .cb-listB dd {
  	text-align: left;
    margin: 0 0 0 90px;
    padding : 2px;
    /* color : #f4511e; */
  }	
  
.cb-listB ul {
    list-style: none;

}
.cb-listB li {
 /*   background-color: #ffffff;  */  /* clear: both; */
    margin: 1px 0 1px 0;    padding: 0;    overflow: hidden;
   font-size: 15px;   line-height: 120%; 
   color: #303030; 
}
.cb-listB li h2.subtitle2 {
/*    color: #303030;*/
/*    float: left;  */     font-size: 15pt;    font-weight: bold;
    overflow: hidden;
    margin:0;    padding: 0 0 12px 10px;    
}	

.cb-listB li p {
/*    color: #303030;*/
    font-weight: normal;
    overflow: hidden;
    margin:0;    padding: 1px 1px;    
    text-align: left;

}	

.clearflaot {clear:both; width:100%; height:1px;}


.cursorp		{cursor:pointer;}
.dpNoneOnWeb	{display:none !important;}

/* login */	
   #my-dialog>.card {
        margin: 0 auto; /* Added */
        float: none; /* Added */
        margin-bottom: 10px; /* Added */
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	
	#my-dialog .form-signin .form-control {
  		position: relative;
  		height: auto;
  		-webkit-box-sizing: border-box;
     	-moz-box-sizing: border-box;
        	 box-sizing: border-box;
  		padding: 10px;
  		font-size: 16px;
	}	

.contentsD {width:100%;}
.contentsD p {margin:0; padding:0;line-height:150%}
.contentsD p span {margin:0; padding:0;}

 .c_purple{background:#800080; color:#fff; padding:1px;}
 .c_blue{background:#42a1d9; color:#fff; padding:1px;}
 .c_green{background:#54792f; color:#fff; padding:1px;}

h1.sub {

    /* width: 100%; */
    height: 33px;
    background: url(../images/sub_h1_b.gif) no-repeat ;
   /* border-bottom: 1px solid #ebebeb; */
    line-height: 33px;
    font-size: 18px;
    font-weight: bold;
 color: #005b9c; 
  padding: 0 0 0 33px;
    margin: 15px 0  1px 15px;
}

h1.sub2 {
    position: relative;
    /* width: 100%; */
    height: 33px;
    background: url(../images/sub_h1_b2.gif) no-repeat ;
   /* border-bottom: 1px solid #ebebeb; */
    line-height: 33px;
    font-size: 18px;
    font-weight: bold;
 color: #005b9c; 
  padding: 0 0 0 33px;
    margin: 15px 0  1px 15px;
}

ul.ultype01 {
    margin: 0;
    padding: 5px 0 15px 35px;
    text-align: left;
    line-height: 140%;
}

ul.ultype01 li {
    margin: 0;
    padding: 1px 0px 5px 20px;
    background: url(../images/bullet01g.png) no-repeat ;
}

.imageAnchor:focus img{
    border: 1px solid blue;
}

.btn:focus {    border: 1px solid red; }