/* @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; font-family:"S-Core", sans-serif;/*  border:0; */}
body { position: relative;  color:#555555; background: #fff; word-break: keep-all;
	font-size:16px; line-height: 1.8; font-family: 'S-Core',  sans-serif; font-weight: 400; border:none; padding:0; margin:0;}


A {font-family:"S-Core", sans-serif; }
A:link, A:visited, A:active {font-family:"S-Core", sans-serif;  color:#555555; text-decoration: none;}
A:hover {font-family:"S-Core", sans-serif; color:#26348; text-decoration:none; font-weight:500;}


img { /* border:0; */ font-size:0;}
form, p, fieldset, label, div {margin: 0; padding: 0;font-family:"S-Core", sans-serif; font-size:16px; line-height:180%;}
span {font-family:"S-Core", sans-serif; }
ul, ol, li, dl, dt, dd {margin:0; padding:0; list-style:none;font-family: 'S-Core' sans-serif; line-height:180%;}

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


table {margin:5px 0 0 0; padding:0; border-collapse:collapse;font-family:"S-Core", sans-serif;font-size:16px;}
th, td, td > p, td a {font-family:"S-Core", sans-serif;font-size:16px;; line-height:130%;  } 
legend,  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;
  }
  
  input[type='text'], input[type='password'], input[type='file'], textarea, select {
    display: inline-block;
    padding: 0 10px; 
    max-width: 100%;
    height: 35px;
    line-height: 33px;
    border: #bbbbbb solid 1px;
    background: #fff;
    color: #545454;
}

@media screen and (max-width:560px){
  body { font-size:14px; line-height: 1.6; }
  form, p, fieldset, label, div {font-size:14px; line-height:150%;}
  span, select, textarea, table {font-size:14px; }
  th, td, td > p, td > a {font-size:13px; line-height:120%;}
} 
  
.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;
	}
}
@media( max-width: 560px ){
  .width20p {width:25%; }
  .msmallfont {font-size:12px;}
  .mnarrow {padding-left:5px; padding-right:5px;}
} 

.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;}

.mgr5			{margin-right:5px}

.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}

.mgtb5			{margin:5px 0px;}

.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;}
.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;}
.fcgreen		{color:#42805C  !important; /*  #126444 #58b691 */}  
.fcgreen2		{color:#57b600 !important;}
.fcred			{color:#db3a1a !important;}
.fcred2			{color:#ff0000 !important;}
.fc888			{color:#888;}
.fcred3            {color:#da7977}
.fcred4            {color:#CC0033}
.fc444			{color:#444;}
.fcblack        {color:#000;}
.fcorange        {color:#d3403a;}  /* #DB5D58 #f37a76 */
.fcpurple {color:#6568AD;} /* #7e7fbd */
.fcpurple2 {color:#354c79;}
.fcpurple3 {color:#d11568;}

/*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;}
 .pageTitleB {font-weight:700; font-size:22px; color:#253493 ;  padding:20px 20px 20px 20px;} 
 .pageTitleG {font-weight:700; font-size:22px; color:#42805C ;  padding:20px 20px 20px 20px;} 
 .pageTitleO {font-weight:700; font-size:22px; color:#d3403a ;  padding:20px 20px 40px 20px;}  /*  #f37a76 */
 /* .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: #d3403a; /*   #f37a76   */
   margin-bottom:5px;
   margin-right: 7px;

  } 
  


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

.catFont2 {
	background-color: #4e92df;
	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: #807c78;
	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: #d3403a; /*   #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: #d3403a;  } /*   #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;
    padding: 0;
    margin: 30px 0 35px 0;
}
.cb-list li {
    background-color: #ffffff;    /* clear: both; */
    margin: 0 0 0 5px;    padding: 0;    overflow: hidden;
   font-size: 18px;   line-height: 170%; 
   color: #303030; text-align: left;
}

.cb-list li li {
    background-color: #ffffff;    /* clear: both; */
    margin: 0px;    padding: 0;    overflow: hidden;
   font-size: 18px;   line-height: 170%; 
   color: #303030;
}


.cb-list li span.bxtitle {
     /*    color: #608e23; */
    float: left;    font-weight: bold;
    margin: 0;    padding: 1px 0;
    text-align: center;    width: 30px;
}

.cb-list li p {
    /* color: #303030; */
    font-weight: normal;
    overflow: hidden;
    margin-left: 20px;
    padding: 1px 1px;
    text-align: left;
    background-color: #ffffff;    /* clear: both; */
     overflow: hidden;
   font-size: 18px;   line-height: 170%; 
   color: #303030;    
}

.cb-list li li p {
    background-color: #ffffff;    /* clear: both; */
    margin: 0 0 0 20px;    padding: 0;    overflow: hidden;
   font-size: 16px;   line-height: 150%; 
   color: #303030;


}

span.bxcircleS {
    /* color: #608e23; */
    float: left;
    font-weight: bold;
    margin: 5px 5px 0 0;

    text-align: center;
    /* width: 350px; */
    width: 22px;
    height: 22px;
     font-size: 16px; 
    line-height:22px;
    color:#fff;
    vertical-align: middle;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

span.bxcircleS2 {
    /* color: #608e23; */
    float: left;
    font-weight: bold;
    margin: 12px 8px 0 0;
    padding-top:5px;
    text-align: center;
    /* width: 350px; */
    width: 8px;
    height: 8px;

    vertical-align: middle;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

 span.bxcircleS3 {
    /* color: #608e23; */
    float: left;
    font-weight: bold;
    margin: 10px 5px 0 0;
    text-align: center;
    /* width: 350px; */
    width: 8px;
    height: 2px;
}


@media screen and (max-width:560px){
  .cb-list li {   font-size: 14px;  font-weight:600; line-height: 150%; }
  .cb-list li li { font-size: 14px;   font-weight:600; line-height: 150%; }
  .cb-list li p { font-size: 14px;   line-height: 140%; }
  .cb-list li li p { font-size: 14px;   line-height: 140%; }
   span.bxcircleS {
    margin: 3px 5px 0 0;
    text-align: center;
    width: 18px;
    height: 18px;
    font-size: 14px;
    line-height: 18px; }
span.bxcircleS2 {
    /* color: #608e23; */
    float: left;
    font-weight: bold;
    margin: 7px 5px 0 0;
    padding-top:5px;
    text-align: center;
    /* width: 350px; */
    width: 8px;
    height: 8px;

    vertical-align: middle;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

 span.bxcircleS3 {
    /* color: #608e23; */
    float: left;
    font-weight: bold;
    margin: 10px 5px 0 0;
    text-align: center;
    /* width: 350px; */
    width: 8px;
    height: 2px;
}	
} 	

.bgcolorGreen {
    background-color: #c0853f;   /* #00aeef  */
}		

.bgcolorCirclenum {
    background-color: #9f3d02;  /*  #0478c2  */
}	


	
 .prgGroup {
    	text-align:center;
    padding: 0px;
   min-height:37px;
}	



 .prgGroup li  {

	border:#da7106 solid 0px;
	display:inline-block;
	padding:10px 20px;
	font-size:16px;
	text-align:center;

	min-width:180px;
	min-height:40px;
	line-height:33px;
}

 .prgGroup li a {
	margin: 0px 10px;
	border:#da7106 solid 1px;
	display:block;
	padding:10px 20px;
	font-size:16px;
	text-align:center;
	background:#da7106;
	color:#fff;
	min-width:180px;
	min-height:40px;
	line-height:33px;
	font-size:18px;
}	

 .prgGroup li a:hover /* , .prgGroup li a:focus */
 {
	border:1px solid #603913;
	background:#603913;
	font-weight:600;
}
@media (max-width: 991px) {
.prgGroup {
	width:100%;
	text-align:center;
    margin: 10px 0;
   min-height:37px;	}
}
@media screen and (max-width:560px){
	
 .prgGroup {
	width:100%;
	text-align:center;
    margin: 10px 0;
   min-height:37px;
}	



 .prgGroup li  {

	border:#da7106 solid 0px;
	display:inline-block;
	padding:10px 20px;
	font-size:16px;
	text-align:center;

	min-width:180px;
	min-height:40px;
	line-height:23px;
}

 .prgGroup li a {
	margin: 0px 10px;
	border:#da7106 solid 1px;
	display:block;
	padding:10px 20px;
	font-size:16px;
	text-align:center;
	background:#da7106;
	color:#fff;
	min-width:180px;
	min-height:40px;
	line-height:23px;
	font-size:18px;
}		
}

  .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:#2279AC; 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 {
    border: 1px solid blue;
}
.imageAnchor:focus img{
    border: 1px solid blue;
}

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

.txtBox30 {
	font-weight: bold; margin:2px 10px 10px 0px;
     border-style: solid; border-width: 2px 2px 2px 8px; padding: 12px; word-break: break-all;
     border-color: #005e20; background-color:rgba(255, 160, 122, 0.2); 
 }
 
 .shape{    
	position:absolute;
	top:0px; right:0px;
	border-style: solid; border-width: 0 80px 50px 0; height: 0px; width: 0px;
	-ms-transform:rotate(360deg); /* IE 9 */
	-o-transform: rotate(360deg);  /* Opera 10.5 */
	-webkit-transform:rotate(360deg); /* Safari and Chrome */
	transform:rotate(360deg);
	
}

.shape-text{
    color:#fff; font-size:12px; font-weight:bold; position:relative; right:-40px; top:2px; white-space: nowrap;
	-ms-transform:rotate(30deg); /* IE 9 */
	-o-transform: rotate(360deg);  /* Opera 10.5 */
	-webkit-transform:rotate(30deg); /* Safari and Chrome */
	transform:rotate(30deg);
}

.poster {
	position:relative;
    min-height:300px;
    height:auto;
}

.poster{
    background:#fff; border:1px solid #ddd; margin: 15px 0; overflow:hidden;
}

.poster-radius{
    border-radius:7px;
}

.poster-default {    border-color: #334fd5; }
.poster-default .shape{
	border-color: transparent #334fd5 transparent transparent;
	border-color: rgba(255,255,255,0) #334fd5 rgba(255,255,255,0) rgba(255,255,255,0);
}

.poster-default2 {    border-color: #c63b96; }
.poster-default2 .shape{
	border-color: transparent #c63b96 transparent transparent;
	border-color: rgba(255,255,255,0) #c63b96 rgba(255,255,255,0) rgba(255,255,255,0);
}

.poster-default3 {    border-color: #363636; }
.poster-default3 .shape{
	border-color: transparent #363636 transparent transparent;
	border-color: rgba(255,255,255,0) #363636 rgba(255,255,255,0) rgba(255,255,255,0);
}


	
  .boxtitle {display:inline-block; width:80px; margin:5px 0px;background-color:#26348c; color:#fff; 
  	text-align:center;  font-weight:bold;}


  .redstar {
    color: red;
	margin-left : 5px;
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
	
	
}

.hideftsize0 {
    clip: rect(0,0,0,0);
    overflow: hidden;
    position: absolute;
    display: block!important;
    top: -1px!important;
    width: 1px!important;
    height: 1px!important;
    background: none!important;
    font-size: 5px!important;
}

.infobox {
	width : 100%;
    margin-bottom: 20px;
    padding: 25px 29px;
    border: 10px solid #f6f4f3;
    border-radius: 0;
    background: #fff;
    /* font-size: 1rem; */
    color: #222;
}

.redstar {
    color: red;
	margin-left : 5px;
}

.sr-only {
  overflow: hidden;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
}

.necessary {
    display: inline-block;
    position: relative;
    text-indent: -9999px;

}

.necessary::before {
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 7px;
    content: '*';
    text-indent: 0;
    color: #ed1c24;
}
	
.page_main {text-align:center; margin:0 auto;}
.pagination {display: flex;; justify-content: center;}


.container .product {
  width: 100%;
   border:#ddd solid 1px; 

  margin: 1em 0;
  border-radius: 5px;
  overflow: hidden;
  
  

   box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.15);
  transition: all .1s ease-in-out; 
}
.container .product:hover {
   box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.11); 
}
.container .product .img-container {

}
.container .product .img-container img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  padding:15px 0;
}
.container .product p {
	margin: 0px 10px;
	padding:0px 15px 0 0;	
	text-align:left;
     font-size : 18px;
	color:#333;
/*	min-width:180px;
	min-height:40px; */
	line-height:33px;
}

@media (max-width: 560px) {
	
span.bxcircleS {
    /* color: #608e23; */
    float: left;
    font-weight: bold;
    margin: 8px 5px 0 0;
    text-align: center;
    /* width: 350px; */
    width: 18px;
    height: 18px;
     font-size: 16px; 
    line-height:16px;
    color:#fff;
    vertical-align: middle;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

span.bxcircleS2 {
    /* color: #608e23; */
    float: left;
    font-weight: bold;
    margin: 8px 5px 0 0;
    text-align: center;
    /* width: 350px; */
    width: 8px;
    height: 8px;

    vertical-align: middle;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}


.container .product {
  width: 100%;
  border:#ddd solid 1px;

  margin: 1em 0;
  border-radius: 5px;
  overflow: hidden;

/*   box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.15);
  transition: all .1s ease-in-out; */
}

.container .product span.bxcircleS2 {
    /* color: #608e23; */
    float: left;
    font-weight: bold;
    margin: 11px 5px 0 0;
    text-align: center;
    /* width: 350px; */
    width: 8px;
    height: 8px;

    vertical-align: middle;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.container .product p {
	margin: 0px 10px;
	padding:0px 15px 0 0;	
	text-align:left;
     font-size : 16px;
	color:#333;
/*	min-width:180px;
	min-height:40px; */

}

.container .product .img-container img {
  object-fit: cover;
  width: 100%;
  max-width: 630px;
  height: 100%;
  margin:15px 0;
}
.container .product .product-info {
  background: #fff;

}

	
}