@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select:focus,
  textarea:focus,
  input:focus {
    background: #eee;
  }
}

body {
scrollbar-face-color: #D6D3CE;
scrollbar-shadow-color: #63655A;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #63655A;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #F2F2F2;
scrollbar-arrow-color: #653366;
margin:0 
} 
   
   

td { font-family:Arial; font-size: 9pt; COLOR:#666666; line-height:160%}
td.history { font-family:Arial; font-size: 10; COLOR:#666666; BORDER-LEFT:1 solid #E0E0E0;PADDING-LEFT:5}
td.makeup { font-family:Arial; font-size: 9pt; COLOR:#666666; line-height:120%; TEXT-ALIGN:JUSTIFY}
td.gg { font-family:Arial; font-size: 9pt; COLOR:#666666; line-height:160%; TEXT-ALIGN:JUSTIFY}


.a {font-family:Arial;font-size:12px; line-height:20px; color: #666666;}
.a2 {font-family:Arial; font-size:11px; line-height:16px; color: #333333;}
.a3 {font-size:11px;color:#6C6864;font-family:Arial;letter-spacing:-1; text-decoration:none; line-height:16px; }
.a4 {font-family:Arial, dotum, dotumche; font-size:12px; color: #333333;}		
.BOX1 {font-family:Arial;font-size:9pt;color:#666666;background-color:#ffffff;border:1 solid #A8A8A8}
.BOX2 {font-family:Arial;font-size:9pt;color:#666666;background-color:#F4F4F4;border:1 solid #A8A8A8}

		A:link {font-family:Arial;font-size:9pt; color:#0066CC; text-decoration:none;}
		A:visited {font-family:Arial;font-size:9pt; color:#666666; text-decoration:none;} 
		A:hover {font-family:Arial;font-size:9pt; color:#9966FF; text-decoration:underline;}
		
textarea.t {border:1 solid #D1D1D1;font:9pt;color:#666666;font-family:Arial;}
input { background-color: #FFF8DC; color: olive; }

.txt1 {font-family:Arial;font-size:9pt;color:#0B3967;background-color:#ffffff;border:1 solid #5F5F5F;}
.callplan {font-family:Arial;font-size:11px;}
.callplan2 {font-family:Arial;font-size:11px;background:#F4F4F4}
.callplan_box {border:0}

SPAN{HEIGHT:22}

/* History list CSS */
.history01 { font-size:11px; color:#6C6864;font-family:Dotum,Dotumche,verdana; letter-spacing:-1; line-height:43px;}

a.history:link { font-size:11px;color:#6C6864;font-family:Dotum,Dotumche,verdana;letter-spacing:-1; text-decoration:none }
a.history:visited { font-size:11px;color:#7F7F7F;font-family:Dotum,Dotumche,verdana;letter-spacing:-1; text-decoration:none }
a.history:active { font-size:11px;color:#008CD1;font-family:Dotum,Dotumche,verdana;letter-spacing:-1; text-decoration:none }
a.history:hover { font-size:11px;color:#008CD1;font-family:Dotum,Dotumche,verdana;letter-spacing:-1; text-decoration:none }
/* History list CSS */


.unnamed1 {
	font-size: 9pt;
	line-height: 220%;
	color: #FFFFFF;
}
.default {
	font-size: 9pt;
	line-height: normal;
	color: #FFFFFF;
}

.style2 {color: #CCFF00}
.style4 {color: #CCFF00; font-weight: bold; }
.style5 {
	color: #FFFFFF;
	font-weight: bold;
}
.style6 {color: #FFFFFF}



.select_go {  
	font-family:Arial;
	background-color:404F21;
	color: #FFFFFF;
	font-family:Arial;
	font-size:12px;
	font-weight: bold;
}
.select_go_new {
	font-family:Arial;
	background-color:ffff01;
	color: #000000;
	font-family:Arial;
	font-size:12px;
	font-weight: bold;
}
/*
---------------------------------------- class formTable
*/



select {

    width: 200px; /* ?먰븯???덈퉬?ㅼ젙 */
    padding: .5em .5em; /* ?щ갚?쇰줈 ?믪씠 ?ㅼ젙 */
    padding-left:10px;
    font-family: inherit;  /* ?고듃 ?곸냽 */
    background: url('../img/down_arrow2.gif') no-repeat 95% 50%; /* ?ㅼ씠?곕툕 ?붿궡?쒕? 而ㅼ뒪?€ ?붿궡?쒕줈 ?€泥?*/
    border: 1px solid #ccc;
    border-radius: 3px; /* iOS ?κ렐紐⑥꽌由??쒓굅 */
    -webkit-appearance: none; /* ?ㅼ씠?곕툕 ?명삎 媛먯텛湲?*/
    -moz-appearance: none;
    appearance: none;
}



table.formTable {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    font-size: 1.2em
}

 table.formTable thead th {
    padding: 10px 20px;
    font-weight: bold;
    vertical-align: top;
    color: #369;
    border-bottom: 3px solid #009e92;
    font-size: 0.7em
}

 table.formTable thead th:nth-child(1) {
    padding: 10px 20px;
    font-weight: n;
    vertical-align: top;
    text-align: center;
    color: #369;
    border-bottom: 3px solid #009e92;
    font-size: 0.7em
}

table.formTable tbody th {

    padding: 10px 20px;
    font-weight: bold;
    vertical-align: top;
    text-align: center;
    border-bottom: 1px solid #ccc;
    background: #f3f6f7;
    font-size: 0.7em
}
table.formTable td {

    padding: 10px 20px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}

/*
---------------------------------------- class gridTable
*/

table.gridTable {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: center;
    line-height: 1.5;
}
table.gridTable th {

    padding: 5px;
    font-weight: normal;
    vertical-align: top;
    color: #fff;
    background: #009e92 ;
    font-size: 0.8em
}
table.gridTable td {

    padding: 5px;
    vertical-align: center;
    border-bottom: 1px solid #ccc;
    background: #eee;
}

table.gridTable td.smallText {

    padding: 1px;
    vertical-align: center;
    border-bottom: 1px solid #ccc;
    background: #eee;
    font-size: 0.7em;
    color : #888888;
}

/*
---------------------------------------- tag button.generalButton
*/

button {
    background-color:#6f9bcb;
    border:1px solid #6f9bcb;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:11px 22px;
    text-decoration:none;
}
.generalButton:hover {
    background-color:#84a5e0;
}
.generalButton:active {
    position:relative;
    top:1px;
}

/*
---------------------------------------- class button.generalButton
*/

.generalButton {
    background-color:#6f9bcb;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:11px 22px;
    text-decoration:none;
}
.generalButton:hover {
    background-color:#84a5e0;
}
.generalButton:active {
    position:relative;
    top:1px;
}


/*
---------------------------------------- class button.cancelButton
*/

.cancelButton {
    background-color:#647d8b;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:11px 22px;
    text-decoration:none;
}
.cancelButton:hover {
    background-color:#5a717d;
}
.cancelButton:active {
    position:relative;
    top:1px;
}

/*
---------------------------------------- class button.submitButton
*/

.submitButton {
    background-color:#33a191;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:11px 22px;
    text-decoration:none;
}
.submitButton:hover {
    background-color:#51b29d;
}
.submitButton:active {
    position:relative;
    top:1px;
}




/*
---------------------------------------- class button.warnButton
*/

.warnButton {
    background-color:#f7b42f;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:11px 22px;
    text-decoration:none;
}
.warnButton:hover {
    background-color:#eca314;
}
.warnButton:active {
    position:relative;
    top:1px;
}



/*
---------------------------------------- class button.PurpleButton
*/

.PurpleButton {
    background-color:#c878c9;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:11px 22px;
    text-decoration:none;
}
.warnButton:hover {
    background-color:#ad1eaf;
}
.warnButton:active {
    position:relative;
    top:1px;
}
/*
---------------------------------------- class button.alertButton
*/


.alertButton {
    background-color:#e74c3c;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:11px 22px;
    text-decoration:none;
}
.alertButton:hover {
    background-color:#c0392b;
}
.alertButton:active {
    position:relative;
    top:1px;
}
/*
----------------------*****--- class button.smallPurpleButton
*/

.smallPurpleButton {
    background-color:#c878c9;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:11px;
    padding:5px 10px;
    text-decoration:none;
}

.smallGeneralButton:hover {
    background-color:#ad1eaf;
}

.smallGeneralButton:active {
    position:relative;
    top:1px;
}
/*
----------------------*****--- class button.smallGeneralButton
*/

.smallGeneralButton {
    background-color:#6f9bcb;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:11px;
    padding:5px 10px;
    text-decoration:none;
}

.smallGeneralButton:hover {
    background-color:#84a5e0;
}

.smallGeneralButton:active {
    position:relative;
    top:1px;
}

/*
-------------------------******* class button.smallCancelButton
*/


.smallCancelButton {
    background-color:#647d8b;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
      border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:11px;
    padding:5px 10px;
    text-decoration:none;
}
.smallCancelButton:hover {
    background-color:#5a717d;
}
.smallCancelButton:active {
    position:relative;
    top:1px;
}

/*
-------------------------******* class button.smallSubmitButton
*/


.smallSubmitButton {
    background-color:#33a191;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
      border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:11px;
    padding:5px 10px;
    text-decoration:none;
}
.smallSubmitButton:hover {
    background-color:#51b29d;
}
.smallSubmitButton:active {
    position:relative;
    top:1px;
}

/*
-------------------------******* class button.smallWarnButton
*/
.smallWarnButton {
    background-color:#f7b42f;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
      border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:11px;
    padding:5px 10px;
    text-decoration:none;
}
.smallWarnButton:hover {
    background-color:#eca314;
}
.smallWarnButton:active {
    position:relative;
    top:1px;
}

/*
-------------------------******* class button.smallAlertButton
*/


.smallAlertButton {
    background-color:#e74c3c;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
      border: 0px solid #ccc;
    border-radius:3px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:11px;
    padding:5px 10px;
    text-decoration:none;
}
.smallAlertButton:hover {
    background-color:#c0392b;
}
.smallAlertButton:active {
    position:relative;
    top:1px;
}

/*
-------------------------??而⑦듃濡?
*/

.form-control {
    font-family: 'Noto Sans KR', sans-serif;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}






/*
--------------------(^_^)--------------------------
*/
.titleBox {
border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border: 1px solid #c7c7c7;
-webkit-box-shadow: 11px 11px 5px -7px rgba(232,232,232,1);
-moz-box-shadow: 11px 11px 5px -7px rgba(232,232,232,1);
box-shadow: 11px 11px 5px -7px rgba(232,232,232,1);
width:716px;
height: 34px;
}

ul.bullet {
    list-style-image: url( "/img/title_bullet.gif" );


    position: relative;
    top: -8px;
    left: 21;
     font-size: 16px;
}


.alert {
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}


.alert-warningtxt {
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

/*
--------------------ALK Product  CSS -------
*/


.btn {
    font-family: "Noto Sans KR", sans-serif;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
}
.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}




.btn-alvogen { 
   margin:2px; 
   color: #333; 
   width: 75px; 
   height: 40px; 
   background-color: #f3c949; 
   border-color: #f5ce5d; 
} 
.btn-alvogen.active, .btn-alvogen.focus, .btn-alvogen:active, .btn-alvogen:focus, .btn-alvogen:hover, .open>.dropdown-toggle.btn-default { 

   color: #ffffff; 
   background-color:#767676 ; 
   border-color: #767676; 
} 

.btn-search { 
   margin:2px; 
   color: #ffffff; 
   width: 75px; 
   height: 32px; 
   background-color: #019cde; 
   border-color: #1e88d4; 
} 
.btn-search.active, .btn-search.focus, .btn-search:active, .btn-search:focus, .btn-search:hover, .open>.dropdown-toggle.btn-default { 

   color: #ffffff; 
   background-color:#048ac3 ; 
   border-color: #1e88d4; 
} 


.btnq { 
   color: #ffffff; 
   width: 75px; 
   height: 40px; 
   background-color:#767676 ; 
   border-color: #767676; 
} 


/*
--------------------LIST CSS -------
*/
table.alvo_list {
}
table.alvo_list td, table.alvo_list th {
  padding: 3px 6px;
}
table.alvo_list tbody td {
  font-size: 13px;
    text-align: center;
}
table.alvo_list thead {
   
  border-top: 1px solid #858484;
  background: #E3E3E3;
  border-bottom: 1px solid #858484;
}
table.alvo_list thead th {
  height: 40px;     
  font-size: 12px;
  font-weight: bold;
  color: #595959;
  text-align: center;
}
table.alvo_list tfoot {
  font-size: 14px;
  font-weight: bold;
}
table.alvo_list tfoot td {
  font-size: 14px;
}