/* CSS Document */

@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 



body, h1, h2, h3, h4, h5, h6, form, div, p, em, img, ul, li, ol, table, tr, td, fieldset, label, dt { padding:0; margin:0; font-family:"Nanum Gothic","³ª´®°íµñ","³ª´®°íµñü", "µ¸¿ò", "µ¸¿òü", Dotum, Arial, sans-serif; font-size:13px; color:#333333;  LINE-HEIGHT: 20PX;}
a { color:#4e5151; text-decoration:none;}


hr, legend, .accessibility_area h2, .gnb_area h2, .search_area h2, .why_area h2 { display:none; }
.dp_none { display:none; }

/* CSS Document end */

/*input styel*/
#input_btn { border:solid 1px; background-color:#ffffff; color:#666666; }
#input_image { border:none; }
#checkbox { border:none; }
/*input styel end*/

.list_head {font-family:"Nanum Gothic","³ª´®°íµñ","³ª´®°íµñü","µ¸¿ò", "µ¸¿òü"; font-size:11px; color:#676767}

/*-write.html--*/
.write_head {font-family:"Nanum Gothic","³ª´®°íµñ","³ª´®°íµñü","µ¸¿ò", "µ¸¿òü"; font-size:12px; color:#ffffff}
.write_head2 {font-family:"Nanum Gothic","³ª´®°íµñ","³ª´®°íµñü","µ¸¿ò", "µ¸¿òü"; font-size:12px; color:#5d5d5d; font-weight:bold}
.write_input{font-family:"Nanum Gothic","³ª´®°íµñ","³ª´®°íµñü","µ¸¿ò", "µ¸¿òü"; font-size:12px; color:#676767;border-left:1px solid #cecece; border-right:1px solid  #cecece; border-top:1px solid  #cecece; border-bottom:1px solid  #cecece; height:15px; width:150px}
.write_input2{font-family:"Nanum Gothic","³ª´®°íµñ","³ª´®°íµñü","µ¸¿ò", "µ¸¿òü"; font-size:12px; color:#676767;border-left:1px solid #cecece; border-right:1px solid  #cecece; border-top:1px solid  #cecece; border-bottom:1px solid  #cecece; height:15px; width:450px}
.write_input3{font-family:"Nanum Gothic","³ª´®°íµñ","³ª´®°íµñü","µ¸¿ò", "µ¸¿òü"; font-size:12px; color:#676767;border-left:1px solid #cecece; border-right:1px solid  #cecece; border-top:1px solid  #cecece; border-bottom:1px solid  #cecece; height:15px; width:385px}


/*-°øÅë--*/
.list_head2 {font-family:"Nanum Gothic","³ª´®°íµñ","³ª´®°íµñü","µ¸¿ò", "µ¸¿òü"; font-size:12px; color:#676767}
.list_input{font-family:"Nanum Gothic","³ª´®°íµñ","³ª´®°íµñü","µ¸¿ò", "µ¸¿òü"; font-size:11px; color:#676767;border-left:1px solid #cecece; border-right:1px solid  #cecece; border-top:1px solid  #cecece; border-bottom:1px solid  #cecece; height:15px; width:120px}
.textarea
{scrollbar-face-color:#eeeeee;scrollbar-shadow-color:#cccccc;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#fafafa;scrollbar-darkshadow-color:#ccccccF;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#333333; height:170px; width:450px; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:12px; color:#676767;border-left:1px solid #cecece; border-right:1px solid  #cecece; border-top:1px solid  #cecece; border-bottom:1px solid  #cecece }
.textarea2
{scrollbar-face-color:#eeeeee;scrollbar-shadow-color:#cccccc;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#fafafa;scrollbar-darkshadow-color:#ccccccF;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#333333; font-family:"µ¸¿ò", "µ¸¿òü"; font-size:12px; color:#676767;}

/*main_page*/
.pr {font-family:"Nanum Gothic","³ª´®°íµñ","³ª´®°íµñü","µ¸¿ò", "µ¸¿òü"; font-size:13pt; color:#7d7d7d; font-weight:bold; padding-bottom:3px;}




/*.submenu   a{font-family:"Nanum Gothic","³ª´®°íµñ", "µ¸¿ò", "µ¸¿òü"; font-size:14px; color:#4e5151;}
.submenu   a:hover { color:#070278; font-weight:bold; }
*/

TABLE.submenu   a{font-family:"Nanum Gothic","³ª´®°íµñ", "µ¸¿ò", "µ¸¿òü"; font-size:15px; color:#ffffff;}
TABLE.submenu   a:hover{font-family:"Nanum Gothic","³ª´®°íµñ", "µ¸¿ò", "µ¸¿òü"; font-size:15px; color:#cf979a;}

/* left_menu  a:hover { color:#7288bd;  } */

TABLE.left_menu td{  padding:10px; padding-left:20px; }

.left_menu a{font-family:"Nanum Gothic","³ª´®°íµñ", "µ¸¿ò", "µ¸¿òü"; font-size:16px; color:#444444; font-weight:bold;}
.left_menu a:hover {font-family:"Nanum Gothic","³ª´®°íµñ", "µ¸¿ò", "µ¸¿òü"; font-size:16px; color:#000000; font-weight:bold; }
.left_title {font-family:"Nanum Gothic","³ª´®°íµñ","³ª´®°íµñü","µ¸¿ò", "µ¸¿òü"; font-size:18pt; color:#090d36; font-weight:bold; padding-bottom:5px;padding-top:5px; text-align:center;}


.con_title {font-family:"Nanum Gothic","³ª´®°íµñ","³ª´®°íµñü","µ¸¿ò", "µ¸¿òü"; font-size:11pt; color:#541d20; font-weight:bold; padding-bottom:5px;text-align:left;} 
.con_title_new {font-family:"Nanum Gothic","³ª´®°íµñ","³ª´®°íµñü","µ¸¿ò", "µ¸¿òü"; font-size:10pt;   padding-bottom:5px; text-align:left;} 
.con_raw {font-size:12pt;text-align:left;color:#385dbb; font-weight:bold;}
.sub_title {font-family:"Nanum Gothic","³ª´®°íµñ","³ª´®°íµñü","µ¸¿ò", "µ¸¿òü"; font-size:20pt; color:#090d36; font-weight:bold; padding-top:5px; text-align:left;} 
.sub_title_su {font-family:"Nanum Gothic","³ª´®°íµñ","³ª´®°íµñü","µ¸¿ò", "µ¸¿òü"; font-size:16pt; color:#090d36; font-weight:bold; padding-top:5px; text-align:left;} 

.sub_title_main {font-family:"Nanum Gothic","³ª´®°íµñ","³ª´®°íµñü","µ¸¿ò", "µ¸¿òü"; font-size:15pt; color:#090d36; font-weight:bold; padding-top:5px;} 

TABLE.cont {
	BORDER-BOTTOM: #541d20 1px solid; BORDER-TOP: #541d20 1px solid; font-size: 12px;
}
TABLE.cont .clear {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
TABLE.cont .Ttitle {
	BORDER-BOTTOM: #541d20 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 7px; BACKGROUND-COLOR: #e3dddd; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; FONT-WEIGHT: bold; BORDER-RIGHT: #541d20 1px solid; PADDING-TOP: 7px
}

TABLE.cont .Ttitle_right {
	BORDER-BOTTOM: #541d20 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 7px; BACKGROUND-COLOR: #e3dddd; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; FONT-WEIGHT: bold;  PADDING-TOP: 7px
}

TABLE.cont .Ttitle01 {
	BORDER-BOTTOM: #541d20 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 7px; BACKGROUND-COLOR: #f1f8f9; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; FONT-WEIGHT: bold; BORDER-RIGHT: #541d20 1px solid; PADDING-TOP: 7px
}
TABLE.cont .Ttitle_none {
	BORDER-BOTTOM: #541d20 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 7px; BACKGROUND-COLOR: #e3dddd; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; FONT-WEIGHT: bold; BORDER-RIGHT: #ffffff 0px solid; PADDING-TOP: 7px
}
TABLE.cont .Ttitle01_none {
	BORDER-BOTTOM: #541d20 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 7px; BACKGROUND-COLOR: #f1f8f9; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; FONT-WEIGHT: bold; BORDER-RIGHT: #ffffff 0px solid; PADDING-TOP: 7px
}
TABLE.cont .Ltitle {
	BORDER-BOTTOM: #541d20 1px solid; TEXT-ALIGN: left; PADDING-BOTTOM: 7px; BACKGROUND-COLOR: #e3dddd; PADDING-LEFT: 4px; PADDING-RIGHT: 3px; FONT-WEIGHT: bold; PADDING-TOP: 7px
}
TABLE.cont .Ltitle01 {
	BORDER-BOTTOM: #541d20 1px solid; TEXT-ALIGN: left; PADDING-BOTTOM: 7px; BACKGROUND-COLOR: #e3dddd; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; FONT-WEIGHT: bold; PADDING-TOP: 7px
}
TABLE.cont .Ltitle02 {
	BORDER-BOTTOM: #541d20 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 7px; BACKGROUND-COLOR: #f1f8f9; PADDING-LEFT: 8px; PADDING-RIGHT: 3px; FONT-WEIGHT: bold; BORDER-RIGHT: #541d20 1px solid; PADDING-TOP: 7px
}
TABLE.cont .Ltitle02_center {
	BORDER-BOTTOM: #541d20 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 7px; BACKGROUND-COLOR: #f1f8f9; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; FONT-WEIGHT: bold; BORDER-RIGHT: #541d20 1px solid; PADDING-TOP: 7px
}
TABLE.cont .cont_left {
	BACKGROUND-COLOR:#ffffff; BORDER-BOTTOM: #f2f2f2 1px solid;BORDER-right: #f2f2f2 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 7px; LINE-HEIGHT: 140%; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; PADDING-TOP: 7px
}

TABLE.cont .cont_mid {
	 BORDER-BOTTOM: #f2f2f2 1px solid;BORDER-right: #f2f2f2 1px solid; TEXT-ALIGN: left; PADDING-BOTTOM: 7px; LINE-HEIGHT: 140%; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; PADDING-TOP: 7px
}

TABLE.cont .cont_right {
	 BORDER-BOTTOM: #f2f2f2 1px solid;  TEXT-ALIGN: center; PADDING-BOTTOM: 7px; LINE-HEIGHT: 140%; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; PADDING-TOP: 7px
}

TABLE.cont .cont_left > UL > LI {
	LINE-HEIGHT: 160%; LIST-STYLE-TYPE: disc
}
TABLE.cont .cont_center {
	BORDER-BOTTOM: #f2f2f2 1px solid; TEXT-ALIGN: center; LINE-HEIGHT: 140%
}
TABLE.cont .Rline {
	BORDER-RIGHT: #f2f2f2 1px solid
}

TABLE.cont .cont_none {
	BORDER-BOTTOM: #f2f2f2 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 6px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; HEIGHT: 100px; COLOR: #676767; PADDING-TOP: 6px
}
TABLE.cont .cont_open {
	BORDER-BOTTOM: #f2f2f2 1px solid; TEXT-ALIGN: left; PADDING-BOTTOM: 30px; LINE-HEIGHT: 140%; BACKGROUND-COLOR: #f2eeeb; PADDING-LEFT: 30px; PADDING-RIGHT: 30px; COLOR: #666666; PADDING-TOP: 30px
}
TABLE.cont .cont_field {
	TEXT-ALIGN: left; PADDING-BOTTOM: 20px; LINE-HEIGHT: 140%; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; HEIGHT: 200px; VERTICAL-ALIGN: top; PADDING-TOP: 20px
}
TABLE.cont .noti {
	LETTER-SPACING: -0.05em; COLOR: #d92626; FONT-SIZE: 8pt; FONT-WEIGHT: bold
}
TABLE.contCustomerA .hide {
	DISPLAY: none
}
TABLE.contCustomerA {
	BORDER-BOTTOM: #97bfc2 2px solid; MARGIN: 10px 0px 20px; WIDTH: 100%; OVERFLOW: hidden; BORDER-TOP: #97bfc2 2px solid
}
TABLE.contCustomerA THEAD TH {
	BORDER-BOTTOM: #541d20 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #541d20 1px solid; PADDING-BOTTOM: 7px; LINE-HEIGHT: 140%; BACKGROUND-COLOR: #e3dddd; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; FONT-WEIGHT: bold; PADDING-TOP: 7px
}
TABLE.contCustomerA TBODY TH {
	BORDER-BOTTOM: #541d20 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #541d20 1px solid; PADDING-BOTTOM: 7px; LINE-HEIGHT: 140%; BACKGROUND-COLOR: #e3dddd; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; FONT-WEIGHT: bold; PADDING-TOP: 7px
}
TABLE.contCustomerA THEAD TH.rightBor {
	BORDER-RIGHT: #541d20 1px solid
}
TABLE.contCustomerA TBODY TD.rightBor {
	BORDER-RIGHT: #e5e5e5 1px solid
}
TABLE.contCustomerA TBODY TD {
	BORDER-BOTTOM: #e5e5e5 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #e5e5e5 1px solid; PADDING-BOTTOM: 7px; LINE-HEIGHT: 140%; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; PADDING-TOP: 7px
}
.tf_default {
	BORDER-BOTTOM: #d9d9d9 1px solid; BORDER-LEFT: #979797 1px solid; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 10px; LETTER-SPACING: -0.04em; HEIGHT: 15px; COLOR: #333333; FONT-SIZE: 9pt; BORDER-TOP: #979797 1px solid; BORDER-RIGHT: #d9d9d9 1px solid; PADDING-TOP: 3px
}
TABLE.cont .tf_select {
	BORDER-BOTTOM: #d9d9d9 1px solid; BORDER-LEFT: #979797 1px solid; BACKGROUND-COLOR: #f2f2f2; PADDING-LEFT: 5px; FONT-FAMILY: "verdana, arial, ????"; LETTER-SPACING: -0.04em; HEIGHT: 20px; COLOR: #666666; FONT-SIZE: 8pt; BORDER-TOP: #979797 1px solid; BORDER-RIGHT: #d9d9d9 1px solid; PADDING-TOP: 4px
}
TABLE.cont .tf_multi {
	BORDER-BOTTOM: #dbdbdb 1px solid; BORDER-LEFT: #dbdbdb 1px solid; PADDING-BOTTOM: 10px; LINE-HEIGHT: 160%; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; LETTER-SPACING: -0.04em; COLOR: #333333; FONT-SIZE: 9pt; BORDER-TOP: #dbdbdb 1px solid; BORDER-RIGHT: #dbdbdb 1px solid; PADDING-TOP: 10px
}
TABLE.cont .tf_lock {
	BORDER-BOTTOM: #d9d9d9 1px solid; BORDER-LEFT: #979797 1px solid; BACKGROUND-COLOR: #eaeaea; PADDING-LEFT: 5px; LETTER-SPACING: -0.04em; COLOR: #333333; FONT-SIZE: 9pt; BORDER-TOP: #979797 1px solid; BORDER-RIGHT: #d9d9d9 1px solid; PADDING-TOP: 2px
}
TABLE.reply_cont {
	BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid
}
TABLE.reply_cont .Ltitle {
	BORDER-BOTTOM: #f2f2f2 1px solid; TEXT-ALIGN: left; LINE-HEIGHT: 140%; BACKGROUND-COLOR: #ffffff; WIDTH: 100px; BORDER-RIGHT: #cfcfcf 1px solid
}
TABLE.reply_cont .cont_left {
	BORDER-BOTTOM: #f2f2f2 1px solid; TEXT-ALIGN: left; PADDING-BOTTOM: 10px; LINE-HEIGHT: 140%; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FONT-SIZE: 8pt; BORDER-RIGHT: #ffffff 1px solid; PADDING-TOP: 5px
}
TABLE.reply_cont .cont_center {
	BORDER-BOTTOM: #f2f2f2 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 10px; LINE-HEIGHT: 140%; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 5px
}
/* ¿Â¶óÀÎÁ¢¼ö ¹öÆ° */
a.su_btn {font-family:"Nanum Gothic","³ª´®°íµñ", "µ¸¿ò", "µ¸¿òü"; font-size:12px; display:inline-block;
padding:7px 7px;border:1px solid #951811;background:#ff3061;color:#fff;text-decoration:none;vertical-align:middle;font-weight:bold; animation: blinker .5s infinite alternate;}
a.su_btn_1 {font-family:"Nanum Gothic","³ª´®°íµñ", "µ¸¿ò", "µ¸¿òü"; font-size:13px; display:inline-block;padding:7px 7px;border:1px solid #951811;background:#ff3061;color:#fff;text-decoration:none;vertical-align:middle;
;font-weight:bold; animation: blinker .5s infinite alternate;}
a.su_btn_n {font-family:"Nanum Gothic","³ª´®°íµñ", "µ¸¿ò", "µ¸¿òü"; font-size:12px; display:inline-block;
padding:3px 3px;border:1px solid #951811;background:#ff3061;color:#fff;text-decoration:none;vertical-align:middle;font-weight:bold; animation: blinker .5s infinite alternate;}

a.blink {

  box-sizing:border-box;

  animation: blinker .5s infinite alternate;

  width:7px;

  height:7px;

  border-radius:7px;

  background:#e95050;

  border:1px solid #c63e3e;

  display:inline-block;

}

@keyframes blinker {  

  from {opacity: .8; box-shadow:0 0 0 #e95050; }

  to {opcity: 1; box-shadow:0 0 10px #e95050; }

}


/* ¼­ºê¸Þ´º */

TABLE.sub_menu td{
	background:#33373e;  font-size: 12px; text-align:left; padding:10px; padding-left:30px;
}
.sub_menu a{font-family:"Nanum Gothic","³ª´®°íµñ", "µ¸¿ò", "µ¸¿òü"; font-size:14px; color:white; font-weight:bold;text-decoration:none;}
.sub_menu td:hover{background: url("/img/sub_menu_bg.png") repeat 0px 0px;}


TABLE.sub_menu_top td{background:#1e2229;}