@charset "utf-8";

/* ===================innerhtml 디자인 15.11.12 =====================*/

.inputArea .inputBox.myinfo li{ display:block; position:relative; height:25px; line-height:25px; margin-bottom:5px; padding-top:5px !important; text-align:right; border:none; }

.inputArea .inputBox li.t0_m{ display:block; position:relative; height:18px; line-height:18px; margin-bottom: 10px; padding:0px 0px 0px 90px; color:orange; font-size:12px; font-weight:bold;}

.inputArea .inputBox.myinfo li.t0_m{ display:block; position:relative; height:18px; line-height:18px; margin-bottom: 10px; padding:0px 0px 0px 0px; color:orange; font-size:12px; font-weight:bold; text-align:left;}

.inputArea .inputBox.myinfo li.t_lb {display:block; position:relative; height:25px; line-height:25px; margin-bottom:10px; padding:0px 75px 0px 60px; text-align:right; color:#afafaf}

.inputArea .inputBox.myinfo li.t_l {display:block; position:relative; height:25px; line-height:25px; margin-bottom:10px; padding:0px 0px 0px 60px; text-align:left; color:#afafaf}

.inputArea .inputBox.myinfo li.t_l label {position:absolute; top:5px; left:0px; color:#afafaf;}

.inputArea .inputBox.myinfo li.t_lb label {position:absolute; top:5px; left:0px; color:#afafaf;}

.inputArea .inputBox.myinfo li.t_lb input {width:100%; color:#afafaf;}

.inputArea .inputBox.myinfo li.t_lb button {position:absolute; top:0px; right:0; background:none;font-weight:bold;color:white}
/* ===================alert 디자인 15.11.11 required s.common.js =====================*/
#dialogoverlay{
  display: none;
  opacity: .4;
  position: fixed;
  top: 0px;
  left: 0px;
  background: black;
  width: 100%;
  z-index: 10;
}
#dialogbox{
  display: none;
  position: fixed;
  background: orange;
  border-radius:5px;
  width:90%;
  z-index: 10;
}
/*#dialogbox > div{ 
  background:#FFF; 

}*/
#dialogbox > div > #dialogboxhead{ 
  background: orange;
  border-radius:5px;  
  border-bottom: 1px dashed #F0E68C;
  font-size:15px; 
  padding:10px 10px 5px 10px;
  color:white; 
  font-weight: bold;
  text-align:center;   
}
#dialogbox > div > #dialogboxbody{ 
  color:black; 
  background: orange; 
  padding-top:8px; 
  padding-left:10px;
  font-weight: bold;
  text-align:center; 
/*  color:#FFF; */
}
#dialogbox > div > #dialogboxfoot{ 
  border-radius:5px;  
  background: orange; 
  padding:5px; 
  text-align:center; 
}
#dialogbox > div > #dialogboxfoot button{ 
  border-radius:3px;
  background: orange; 
  border: 1px solid white;
  font-weight: bold;
  padding: 2px 20px;
  font-size: 12px;  
}
#dialogbox > div > #dialogboxfoot .big_button{ 
  border-radius:3px;    
  background: orange; 
  border: 2px solid gray;
  padding: 5px 20px;
  font-weight: bold;
  font-size: 15px;
}

/* =================== 도움말 popover 디자인 15.11.06 required s.common.js =====================*/
.pop{
/*  overflow: hidden;*/
  width:70%;
  height:auto;
  position:fixed;
  z-index: 1000; 
  text-align:left;
  min-width: 300px
}

.pop .label{
  color:#ffffff;
  background-color:white;
  border-radius:5px;
  padding:10px 10px 5px 10px;
  color: black;
}

.pop .popover{
  z-index: 1001;   
  color:#ffffff;
  background-color:orange;
  border-radius:5px;
  padding:10px 10px 5px 10px;
  color: black;
}

.pop div .scrollBox{
  background-color:#FFB733;
  z-index: 1002;     
  padding: 10px;
  height:300px;
  overflow:auto;
}

.pop .popup{
  z-index: 1001;
  color:#ffffff;
  background-color:orange;
  border-radius:5px;
  padding:10px 10px 5px 10px;
  color: black;
}

.pop .input{
  z-index: 1001;
  color:#ffffff;
  background-color:orange;
/*  border-radius:5px;*/
  padding:10px 10px 5px 10px;
  color: black;
}


.pop ul li{
/*  list-style-type: circle;*/
  display:block; 
  text-align:left; 
  position:relative; 
  font-size:12px;
  margin: 5px 0px;
}

.pop .popup ul li{
/*  list-style-type: circle;*/
  list-style: 'circle';
  display:block; 
  text-align:left; 
  position:relative; 
  font-size:12px;
/*  height: 18px;*/
  margin: 5px 0px;
}

.pop .popover ul li{
/*  list-style-type: circle;*/
  list-style: 'circle';
  display:block; 
  text-align:left; 
  position:relative; 
  font-size:12px;
/*  height: 18px;*/
  margin: 5px 0px;
}

.pop ul li.t0{ padding:0 0 0 90px;}

.pop .popover ul li.pop_title{ 
  padding:0px 0px 5px 0px;
  border-bottom: 1px dashed #F0E68C;
  margin-bottom: 10px;
}

.pop .popup ul li.pop_title{
  font-size: 15px;
  font-weight: bold;
  color:white;
  padding:0px 0px 5px 0px;
  border-bottom: 1px dashed #F0E68C;
  margin-bottom: 10px;
}

.pop ul li.pop_go{
  margin-top: 10px;
  padding:5px 0px 5px 0px;
  border-top: 1px dashed #F0E68C;
}

.pop .popover ul li.pop_go{
  margin-top: 10px;
  padding:5px 0px 5px 0px;
  border-top: 1px dashed #F0E68C;
}

.pop .popup ul li.pop_go{
  margin-top: 10px;
  padding:5px 0px 5px 0px;
  border-top: 1px dashed #F0E68C;
}


.pop ul li label{ position:absolute; top:0; left:0; font-weight: bold;}

/*말풍선 디자인의 뾰쪽 부분*/
.pop .tail{
  left:25%;
  margin-left:-10px;
  border-right :10px solid transparent;
  border-top:10px solid #66aa11;
  border-left : 10px solid transparent;
  position:absolute;
  bottom:-10px;
  width:0; height:0;
}

.help_btn{
  color:orange;
  background-color: inherit;
  float : right;  
}
.right_span{
  float : right;
  font-size:12px;
}

.pop .popover .pop_inside_btn{
  margin-top:-5pt;
  border-radius:3px;
  background-color:orange;  
  border:1px solid #8B0000;
/*  color: #8B0000; */
}

.pop .popup .pop_inside_btn{
  margin-top:-5pt;
  border-radius:3px;
  background-color:inherit;  
  border:1px solid inherit;
/*  color: #8B0000; */
}

.pop .input .pop_inside_btn{
  margin-top:-5pt;
  border-radius:3px;
  background-color:inherit;  
  border:1px solid inherit;
/*  color: #8B0000; */
}

.popover_background{
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
/*  margin-top: 10px;*/
  z-index: 5; 
  background-color:black;
}
/* =================== end: 도움말 popover 디자인 15.11.06 required s.common.js =====================*/