/*20090101*/
/*define by kim yoon jung*/
* {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:"dotum","gulim",  "Arial", "applegothic";
	font-size: 11px;
	line-height:150%;
}
.vm { vertical-align:middle; }
.vb { vertical-align:bottom; }
.vt { vertical-align:top; }

.b_c1	{ background-color: #CDD1FA;text-align:center;vertical-align:top;font-size:12px; }
.b_c2 { background-color: #d2eafb;text-align:center;vertical-align:top;font-size:12px; }
.b_c3 { background-color: #EFD1F5;text-align:center;vertical-align:top;font-size:12px; }
.b_c4 { background-color: #F5FBB0;text-align:center;vertical-align:top;font-size:12px; }
.b_c5 { background-color: #C9F8D0;text-align:center;vertical-align:top;font-size:12px; }
.b_c6 { background-color: #FFD2A6;text-align:center;vertical-align:top;font-size:12px; }

input {
	font-size: 11px;
	line-height:150%;
	word-spacing: -1px;
	height:19px;
	border: expression( (this.type!='checkbox' && this.type!='radio' && this.type!='image') ?  '1px solid #c2c2c2':'1px' );
}

.sm_txt_title { font-family:'Malgun Gothic', '±¼¸²Ã¼'; font-size:9px; font-weight:bold;}
.sm_txt_date { font-family:'Malgun Gothic', '±¼¸²Ã¼'; font-size:9px; font-weight:bold;}
.sm_txt { font-family:'Malgun Gothic', '±¼¸²Ã¼'; font-size:9px; }
.font_stat_txt {color:#488ed0;font-weight:bold; font-family:'Malgun Gothic', '±¼¸²Ã¼'; font-size:9px;}


.tc { text-align:center; }

table{
	border:none;
	border-collapse:collapse;
}

A:link {color:#545454;FONT-SIZE:12px;text-decoration:none;}
A:visited {color:#545454;FONT-SIZE:12px;text-decoration:none;}
A:active {color:#545454;FONT-SIZE:12px;text-decoration:underline;}
A:hover {color:#0174DF;FONT-SIZE:12px;text-decoration:underline;}

.div_menu {color:#000; font-family:'Malgun Gothic', '±¼¸²Ã¼'; font-size:18px; height:40px; background: #fff; border: 1px solid #cccccc; position:absolute;text-align:center;vertical-align:middle;}

textarea,select {
	font-size: 11px;
	line-height:150%;
	word-spacing: -1px;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-top:1px solid #cccccc;
}


/*񃧯 css*/
BODY
{
  scrollbar-face-color: #E7E7E7;
  scrollbar-shadow-color: #A5A5A5;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #C9C9C9;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-track-color: #F8F8F8;
  scrollbar-arrow-color: #6895C4;
}

img {
	border:none;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}


.logintext{color:#686fb8; font-size:13px; font-family:"dotum"; font-weight:bold;}

.loginname{color:#474292; font-size:13px; font-family:"dotum";}

.st_input{color:#777; background-color: #f4f4f4;border:1px solid #cfd4e3; height:20px; font-size:12px;font-family:"verdana"; padding-left:5px;}


/* ·Î±×ÀιöÆ° */

.btn_login{
	background-color: #444444 ;
	color: white;
	font-size: 14px;
	font-weight: bold;
	border: none;
	border-radius: 6px;
	padding: 10px 20px;
	height: 50px;
	cursor: pointer;
	font-family: "dotum", "gulim";
}
.btn_login:hover {
  background-color: #5c5c5c;
}

.form-row td{
	padding-bottom: 4px;
}

/* ȸ¿ø°¡ÀÔ, ºñ¹Ð¹øÈ£ ã±â ¹öÆ° */
.btn_action{
	background-color: #dddddd;
	border: none;
	color: #333333;
	padding: 5px 10px;
	font-size: 12px;
	cursor: pointer;
	border-radius: 4px;
	margin-right: 6px;
}

.btn_action:hover {
  background-color: #cccccc;
}

/* ÀÎÁõ¹öÆ° */
.input_authcode{
	width: 100px;
}

.btn_auth_request{
	background-color: #5a5a5a;
	border: none;
	color: white;
	padding: 5px 10px;
	font-size: 12px;
	cursor: pointer;
	border-radius: 4px;
}

.btn_auth_request:hover {
  background-color: #777777;
}
.end_list_call{
  color:#FFFFFF;
  background-color: #FF8409;
  border:1px solid #cfd4e3;
  height:20px;
  font-size:11px;
  font-family:"dotum";
  padding-left:5px;
  text-align:center;
}

/****************TOP MENU******************/
.gnb_menu{FONT-SIZE:12px; color:#FFFFFF; font-family:"dotum"; TEXT-DECORATION: none;}
A.gnb_menu:visited {FONT-SIZE:12px; font-family:"dotum"; color:#FFFFFF;TEXT-DECORATION: none;}
A.gnb_menu:active {FONT-SIZE:12px; font-family:"dotum"; color:#FFFFFF;TEXT-DECORATION: underline;}
A.gnb_menu:hover {FONT-SIZE:12px; font-family:"dotum"; color:#FFFFFF;TEXT-DECORATION: underline;}
A.gnb_menu:link {FONT-SIZE:12px;font-family:"dotum";  color:#FFFFFF;TEXT-DECORATION: none;}


.gnb_line{FONT-SIZE:14px; color:#8581c5; margin-left:3px; margin-right:3px;}


.toptext{ FONT-SIZE:12px; font-family:"dotum";color:#999999;TEXT-DECORATION: none; }
A.toptext:visited {FONT-SIZE:12px; font-family:"dotum"; color:#999999;TEXT-DECORATION: none;}
A.toptext:active {FONT-SIZE:12px; font-family:"dotum"; color:#b94ebf;TEXT-DECORATION: none;}
A.toptext:hover {FONT-SIZE:12px; font-family:"dotum"; color:#b94ebf;TEXT-DECORATION: underline; }
A.toptext:link {FONT-SIZE:12px;font-family:"dotum";  color:#999999;TEXT-DECORATION: none;}


/****************Left MENU******************/
.lefttitle{COLOR:#524db3;FONT-SIZE:13px; font-family:"dotum"; font-weight:bold; }

.leftmenu{COLOR:#666666;}
A.leftmenu:visited {COLOR:#666666; FONT-SIZE:11px; font-family:"dotum";TEXT-DECORATION: none;}
A.leftmenu:link {COLOR:#666666; FONT-SIZE:11px; font-family:"dotum";TEXT-DECORATION: none;}
A.leftmenu:active {COLOR:#666666; FONT-SIZE:11px; font-family:"dotum";TEXT-DECORATION: none;}
A.leftmenu:hover {COLOR:#666666; FONT-SIZE:11px; font-family:"dotum"; TEXT-DECORATION: underline;}


/****************main Title******************/
.maintitle{COLOR:#000;FONT-SIZE:16px; font-family:"dotum"; font-weight:bold; }
.maintitle2{COLOR:#ccc;FONT-SIZE:16px; font-family:"dotum"; font-weight:bold; }


.t_date{ color:#777777; font-size:12px;font-family:"dotum"}
A.t_date:visited {FONT-SIZE:12px; font-family:"dotum"; color:#777777;TEXT-DECORATION: none;}
A.t_date:active {FONT-SIZE:12px; font-family:"dotum"; color:#b94ebf;TEXT-DECORATION: underline;}
A.t_date:hover {FONT-SIZE:12px; font-family:"dotum"; color:#b94ebf;TEXT-DECORATION: underline; }
A.t_date:link {FONT-SIZE:12px;font-family:"dotum";  color:#777777;TEXT-DECORATION: none;}



/****************Å×À̺í******************/
.t_line{background:#b7b4ec; height:2px;}
.t_line2{background:#FFA6FF; height:2px;}
.t_bg2{
  FONT-SIZE:12px; font-family:"dotum"; background:#edecfc; height:24px; color:#4e4a99;
  padding:3px 3px 3px 3px
}
.t_bg{
  FONT-SIZE:12px; font-family:"dotum"; background:#edecfc; height:24px; color:#4e4a99;
  border-bottom:1 solid #b7b4ec;
  padding:3px 3px 3px 3px
}

.t_bg3{
  FONT-SIZE:12px; font-family:"dotum"; background:#F3E0EC; height:15px; color:#4e4a99;
  border-bottom:1 solid #b7b4ec;
  padding:3px 3px 3px 3px
}
.t_bg4{
  FONT-SIZE:12px; font-family:"dotum"; background:#CCDEF8; height:15px; color:#4e4a99;
  border-bottom:1 solid #b7b4ec;
  padding:3px 3px 3px 3px
}

.t_bg5{
  FONT-SIZE:12px; font-family:"dotum"; background:#FFFF80; height:15px; color:#0000FF;
  border-bottom:1 solid #ECEC00;
  padding:3px 3px 3px 3px
}


.t_bgrb{
  FONT-SIZE:12px; font-family:"dotum"; background:#FFD9FF; height:24px; color:#DB006D;
  border-bottom:1 solid #D8B5FB;
  border-right:1 solid #D8B5FB;
  padding:3px 3px 3px 3px
}

.t_blue{background-color:#dfe5f7; height:24px; color:#4f6abb; font-size:12px;}
.t_white{background-color:#ffffff; height:24px; color:#4f6abb; font-size:12px;}
.t_bora{background-color:#F1DEFF; height:24px; color:#4f6abb; font-size:12px;}
.t_black{background-color:#ffffff; height:24px; color:#000000; font-size:12px;}

.t_black2{background-color:#ffffff; height:30px; color:#000000; font-size:15px;}
TD {FONT-SIZE:12px; COLOR: #555555; FONT-FAMILY: "dotum",  "Arial"; TEXT-DECORATION: none; }
A:visited {FONT-SIZE: 12px; COLOR: #555555; FONT-FAMILY: "dotum",  "Arial"; TEXT-DECORATION: none;}
A:active {FONT-SIZE: 12px; COLOR: #555555; FONT-FAMILY: "dotum",  "Arial"; TEXT-DECORATION: none;}
A:hover {FONT-SIZE: 12px; COLOR: #555555; FONT-FAMILY: "dotum",  "Arial"; TEXT-DECORATION: none;}


.board {FONT-SIZE:12px; COLOR: #333333; FONT-FAMILY: "dotum",  "Arial"; TEXT-DECORATION: none; }
A.board:visited {FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: "dotum",  "Arial"; TEXT-DECORATION: none;}
A.board:active {FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: "dotum",  "Arial"; TEXT-DECORATION: none;}
A.board:hover {FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: "dotum",  "Arial"; TEXT-DECORATION: none;}


.clinic {FONT-SIZE:12px; COLOR: #333333; FONT-FAMILY: "dotum",  "Arial"; TEXT-DECORATION: none; }
A.clinic:visited {FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: "dotum",  "Arial"; TEXT-DECORATION: none;}
A.clinic:active {FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: "dotum",  "Arial"; TEXT-DECORATION: none;}
A.clinic:hover {FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: "dotum",  "Arial"; TEXT-DECORATION: none;}


TEXTAREA {
	padding:5;
	font-size: 12px;
	font-family:  "dotum",  "verdana";
	color:#666;
	background-color:#ffffff;
	line-height:18px;
	}

/* ¼¿·ºÆ®_¸ÞÀÎ*/
.SELECT_style {
	border:1 solid #0371b4;
	font-size: 11px;
	font-family:  "dotum",  "Arial";
	color:#2d81b5;
	background-color:#ffffff;
	setColor:#2d81b5,#ffffff,#2d81b5,#ffffff,#c6dded,#c6dded;
	/*setImage=/img/inc/arrow_image2.gif*/
}


.input_a{
	border:1 solid #c2c2c2;
	font-size: 12px;
	font-family:  "dotum",  "Arial";
	color:#777;
	background-color:#ffffff;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 3px;
	height:20px;
}

.input_b{
	border:0 solid #c2c2c2;
	font-size: 12px;
	font-family:  "dotum",  "Arial";
	color:#888;
	height:20px;
}

.input_b[type="checkbox"] {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	transform: translateY(-1px);
	accent-color: #555196;
	cursor: pointer;
}


.btn_a{
	border-left:1 solid #ddd;border-top:1 solid #ddd;border-right:1 solid #444;border-bottom:1 solid #444;
	font-size: 11px;
	font-family:  "dotum",  "Arial";
	color:#393676;
	background-color:#eeeeee;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	height:20px;
}

.btn_b{
	border-left:1 solid #ddd;border-top:1 solid #ddd;border-right:1 solid #444;border-bottom:1 solid #444;
	font-size: 12px;
	font-family:  "dotum",  "Arial";
	color:#393676;
	background-color:#eeeeee;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 3px;
	height:22px;
}

.ff{FONT-SIZE:00px;}

.location{FONT-SIZE:11px; font-family:"dotum"; color:888888;TEXT-DECORATION: none;}
A.location:visited {FONT-SIZE: 11px; font-family:"dotum"; color:888888; TEXT-DECORATION: none;}
A.location:active {FONT-SIZE: 11px; font-family:"dotum"; color:a6a5de; TEXT-DECORATION: underline;}
A.location:hover {FONT-SIZE: 11px; font-family:"dotum"; color:a6a5de; TEXT-DECORATION: underline;}

.gray8{color:#888888; TEXT-DECORATION: none;}
.point{color:#555196; TEXT-DECORATION: none;}

.line{color:#dbdbdb; TEXT-DECORATION: none; padding-left:4px; padding-right:4px;}
.line_tr{background-color:#dddddd; height:1px;}

.paging{FONT-SIZE:11px; font-family:"verdana"; color:888888;TEXT-DECORATION: none;}
A.paging:visited {FONT-SIZE: 11px; font-family:"verdana"; color:888888; TEXT-DECORATION: none;}
A.paging:active {FONT-SIZE: 11px; font-family:"verdana"; color:272366; TEXT-DECORATION: none; font-weight:bold;}
A.paging:hover {FONT-SIZE: 11px; font-family:"verdana"; color:272366; TEXT-DECORATION: none;}


.bold{font-weight:bold}

.tr_line{background-color:#dddddd; height:1px;}







.12f{FONT-SIZE:12px;}
A.12f:visited {FONT-SIZE: 12px;TEXT-DECORATION: none;}
A.12f:active {FONT-SIZE: 12px; TEXT-DECORATION: none;}
A.12f:hover {FONT-SIZE: 12px; TEXT-DECORATION: none;}

.11f{FONT-SIZE:11px;font-family:"dotum";}
A.11f:visited {FONT-SIZE: 11px;TEXT-DECORATION: none;}
A.11f:active {FONT-SIZE: 11px; TEXT-DECORATION: none;}
A.11f:hover {FONT-SIZE: 11px; TEXT-DECORATION: none;}

.10f{FONT-SIZE:10px;font-family:"dotum";}
A.10f:visited {FONT-SIZE: 10px;TEXT-DECORATION: none;}
A.10f:active {FONT-SIZE: 10px; TEXT-DECORATION: none;}
A.10f:hover {FONT-SIZE: 10px; TEXT-DECORATION: none;}

.orange{color:#ee7f12;}

.blue{COLOR: #409cdc;}
A.blue:visited {COLOR: #409cdc; TEXT-DECORATION: none;}
A.blue:active {COLOR: #409cdc; TEXT-DECORATION: underline;}
A.blue:hover {COLOR: #409cdc; TEXT-DECORATION: underline;}

.green{COLOR: #1f8f06;}
A.green:visited {COLOR: #1f8f06; TEXT-DECORATION: none;}
A.green:active {COLOR: #1f8f06; TEXT-DECORATION: underline;}
A.green:hover {COLOR: #1f8f06; TEXT-DECORATION: underline;}

.purple{color:#4e4a99;}

.purplebg{ background-color:f0f0fc}

.gray7{color:#777777;}
A.gray7:visited {COLOR:#777777; TEXT-DECORATION: none;}
A.gray7:active {COLOR:#777777; TEXT-DECORATION: underline;}
A.gray7:hover {COLOR:#777777; TEXT-DECORATION: underline;}


.gray9{color:#999999;}
A.gray9:visited {COLOR:#999999; TEXT-DECORATION: none;}
A.gray9_text:active {COLOR:#999999; TEXT-DECORATION: underline;}
A.gray9_text:hover {COLOR:#999999; TEXT-DECORATION: underline;}

.black{COLOR:#000000;}
A.black_text:visited {COLOR:#000000; TEXT-DECORATION: none;}
A.black_text:active {COLOR:#000000; TEXT-DECORATION: underline;}
A.black_text:hover {COLOR:#000000; TEXT-DECORATION: underline;}




.white{color:#fff;}


.dodum{FONT-FAMILY: "dotum",  "Arial"; TEXT-DECORATION: none;}
A.dodum:visited {FONT-FAMILY: "dotum",  "Arial"; TEXT-DECORATION: none;}
A.dodum:active {FONT-FAMILY: "dotum",  "Arial"; TEXT-DECORATION:: none;}
A.dodum:hover {FONT-FAMILY: "dotum",  "Arial";TEXT-DECORATION:: none;}

.verdana{FONT-FAMILY: "verdana"; TEXT-DECORATION: none;}
A.verdana:visited {FONT-FAMILY: "verdana"; TEXT-DECORATION: none;}
A.verdana:active {FONT-FAMILY: "verdana"; TEXT-DECORATION:: none;}
A.verdana:hover {FONT-FAMILY: "verdana"; TEXT-DECORATION:: none;}



.l14{line-height:14px;}
.l15{line-height:15px;}
.l16{line-height:16px;}
.l18{line-height:18px;}
.l_s{letter-spacing:-1px;}
.f_bg{background-color:eeeeee;}

.contents{ height:22px; color:#666666; font-size:11px; line-height:15px;}
.td_contents{ color:#666666; font-size:11px; line-height:15px;padding:7 5 7 5;border-right:1px solid #dddddd;}
.td_l_contents{ color:#666666; font-size:11px; line-height:15px;padding:7 5 7 5;}
.txt_area {
	padding:5;
	font-size: 11px;
	font-family:  "dotum",  "verdana";
	color:#666;
	background-color:#ffffff;
	line-height:18px;
	width:100%;
	height:300px;
	}
.input_calc {color:#777;border:1px solid #cfd4e3; height:20px; font-size:11px;font-family:"verdana";text-align:center;}
.pink_off {color:#B37D99;}
.pink_on  {color:#AA243C;font-weight:bold;}

/*´äº¯¹Ú½º*/
.answer_box {float:left;
	width:670px;
	text-align:left;
	padding:10px 0px 10px 15px ;
	margin:0px 0px 0px 40px;
	background-color:#ededed;
	/*border:1px solid #cbd7e3;*/
}

/*°øÁö ½ºÅ©·Ñ*/
.hotnews_wrap dl {margin:0px 0 0 0px;}
.hotnews_wrap dl dt {float:left; margin-right:6px; padding-right:7px; background:url(http://imgnews.naver.com/image/sports/main/bu_arrow.gif) no-repeat right 3px; color:#333; font-family:µ¸¿ò, dotum; font-size:12px; font-weight:bold; letter-spacing:-1px;}
.hotnews_wrap dl dd {float:left; overflow:hidden; width:280px; height:14px; margin:0; padding:0;font-size:13px;}
.hotnews_wrap dl dd li {_display:inline; color:#333; font-family:µ¸¿ò, dotum; font-size:13px;}
.hotnews_wrap dl dd li a {color:#333; font-family:µ¸¿ò, dotum; font-size:13px;}

/*Å×À̺í*/
.table_line{background-color:#c4d7e3}    /*leftmenu1-line*/
.table_line2{background-color:#ffffff}   /*leftmenu2-line*/
.table-bg2{background-color:#f3f3f3}      /*leftmenu-bg*/
.table-bg{background-color:#e7f0f6}      /*leftmenu-bg2*/

.tr_line{background-color:#dddddd}   /*ȸ»ö1¶óÀÎ*/

.lefttitle{color:#2163a5;}       /*ŸÀÌƲÁ¦¸ñ*/
.title{color:#000000;}       /*ŸÀÌƲÁ¦¸ñ*/
.titleline{background-color:#aacff0}  /*°Ë»ö¶óÀÎ*/
.searchbox{background-color:#d9eaf8}  /*°Ë»ö¹Ú½ºÄ®¶ó*/
.searchbox2{background-color:#eef5fa}  /*°Ë»ö¹Ú½ºÄ®¶ó-¿¶Àº»ö*/

.fieldcolor{background-color:#f3f3f3}      /*ÀÛÀºÁ¦¸ñbg*/
.td_bg{background-color:#ffffff}     /*¿À¸¥ÂÊ Èò»ö bg*/
.textcolor2{color:#2163a5;}           /*°Ë»ö ÅؽºÆ®*/
.tablebar{background-color:#4e99c2}   /*Å×À̺í¹Ù*/
.tablebar2{background-color:#77b0cf}

.pop_title{background-color:#2267a7;}
.textcolor{color:#6096be; font-weight:bold;}
.pop_bg{background-color:#14579f}
.blue{color:#2267a7}          /*Çʵå Á¦¸ñ*/
.lightblue{color:#488ed0}     /*ÀÛÀº Á¦¸ñe*/

.pop_title_bora{background-color:#4e4a99;}
.titleline_bora{background-color:#b7b4ec}  /*°Ë»ö¶óÀÎ*/


/*±ÛÀÚ»ö*/

.font_red {color:#FF3600;}
.font_blue {color:#0c518a;}
.font_red_w {color:#FF3600; font-weight:bold;}
.font_blue_w {color:#0c518a;font-weight:bold;}
.font_lightblue_w {color:#488ed0;font-weight:bold;}
.black{color:#000000;}
.gray_9{color:#999999}
.red{color:#db402e;}
.lightgreen{color:#5daf19;}
.green{color:#108e4c;}
.white{color:#ffffff;}


.white2{color:#fff; font-family:"gulim"; font-size:14px; font-weight:bold;}
.white2 a:link{color:#fff; font-family:"gulim"; font-size:14px; font-weight:bold;}
.white2 a:visited{color:#fff; font-family:"gulim"; font-size:14px; font-weight:bold;}
.white2 a:active {color:#fff; font-family:"gulim"; font-size:14px; font-weight:bold; background:#488ed0; border:solid #488ed0 5px;}
.white2 a:hover { color:#fff; font-family:"gulim"; font-size:14px; font-weight:bold; background:#488ed0; border:solid #488ed0 5px;}



.f_11{font-size:11px; font-family:"dotum";}
.f_13{font-size:13px; font-family:"gulim";}
.f_15{font-size:15px; font-family:"gulim";font-weight:bold;}
.bold{font-weight:bold}

.l_h24{line-height:24px;}
.l_h20{line-height:20px;}
.l_h18{line-height:18px;}
.l_h16{line-height:16px;}

.top{vertical-align:top;}
.middle{vertical-align:middle;}
.btm{vertical-align:bottom;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}


/*Å×À̺í°øÅë*/
.T_T    {background-color: #aaa; height:1px;}
.T_L	{ background-color: #ddd; }
.T_H    { padding-top:2px; font-size : 12px; color:#555; font-weight:bold; background:#f7f7f7; font-family:gulim; text-align:center; height:23px; border-top:1px solid #aaa; border-bottom:1px solid #ddd;}

.T_F		    { padding-left: 10px; padding-right: 10px; font-size : 12px; color:#555; background:#f7f7f7; font-weight: bold ;font-family:gulim; padding-top:2px; height:23px;}
.T_D		    { background-color:#ffffff; padding-left: 10px; padding-right: 10px; font-size : 12px; color:#666; font-family:gulim;}

.T_F2		    { padding-left: 10px; padding-right: 10px; font-size : 12px; color:#555; background:#f2f2f2;font-family:gulim; padding-top:2px; height:23px;}

.T_F3		    { padding-left: 10px; padding-right: 10px; font-size : 12px; color:#555; background:#dddddd;font-family:gulim; padding-top:2px; height:23px;}

.T_txt1			{font-size: 12px; color:#444; font-family:gulim; font-weight: normal ; background-color:#ffffff; text-align:center;height:23px; border-bottom:1px solid #e1e1e1;}
.T_txt2			{font-size: 12px; color:#f74942; font-family:gulim; font-weight: normal ; background-color:#ffffff; text-align:center;height:23px; border-bottom:1px solid #e1e1e1;}


/*º¸¶ó»öÅ×À̺í*/

.B_T    {background-color: #aaa; height:1px;}
.B_L	{ background-color: #b7b4ec; }
.B_H    { padding-top:2px; font-size : 12px; color:#555; font-weight:bold; background:#f7f7f7; font-family:gulim; text-align:center; height:23px; border-top:1px solid #aaa; border-bottom:1px solid #ddd;}

.B_F		    { padding-left: 10px; padding-right: 10px; font-size : 12px; color:#4e4a99; background:#edecfc; font-weight: bold ;font-family:gulim; padding-top:2px; height:23px;}
.B_D		    { padding-left: 10px; padding-right: 10px; font-size : 12px; color:#666; background-color:#ffffff; font-family:gulim;}

.timebox { border:1px solid #e6e6e6;background:#e6e6e6; text-align:left }


.sbtn01 {border:1px solid #8039CC;background:#8667CF;padding:3px 8px 2px 8px ; *padding:1px 4px 1px 4px ; color:#fff;    font-family:Malgun Gothic; font-size:11px; vertical-align:middle; }
.sbtn02 {border:1px solid #8039CC;background:#f0ecf9;padding:3px 8px 2px 8px ; *padding:1px 4px 1px 4px ; color:#8039CC; font-family:Malgun Gothic; font-size:11px; vertical-align:middle; }

/* ============================================
   ¸ð´ø UI (2025.12.09)
   ============================================ */

/* Æû ÄÁÅ×ÀÌ³Ê */
.modern-form-container {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 24px;
  margin-bottom: 20px;
}

/* Æû ±×·ì */
.modern-form-group {
  margin-bottom: 20px;
}

.modern-form-group label {
  display: block;
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
  font-size: 13px;
}

/* ÀÔ·Â Çʵå */
.modern-input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 13px;
  transition: all 0.3s ease;
  box-sizing: border-box;
  margin-bottom: 5px;
}

.modern-input:focus {
  outline: none;
  border-color: #4a90e2;
  box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
}

.modern-input:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}

/* ¼¿·ºÆ® ¹Ú½º */
.modern-select {
  width: 100%;
  padding: 3px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 13px;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}

.modern-select:focus {
  outline: none;
  border-color: #4a90e2;
  box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
}

/* ÅؽºÆ® ¿µ¿ª */
.modern-textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 13px;
  resize: vertical;
  min-height: 100px;
  font-family: inherit;
  transition: all 0.3s ease;
}

.modern-textarea:focus {
  outline: none;
  border-color: #4a90e2;
  box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
}

/* ¹öÆ° ½ºÅ¸ÀÏ */
.modern-btn {
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
}

.modern-btn-primary {
  background-color: #4a90e2;
  color: #fff;
}

.modern-btn-primary:hover {
  background-color: #357abd;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(74, 144, 226, 0.3);
}

.modern-btn-secondary {
  background-color: #6c757d;
  color: #fff;
}

.modern-btn-secondary:hover {
  background-color: #5a6268;
}

.modern-btn-success {
  background-color: #28a745;
  color: #fff;
}

.modern-btn-success:hover {
  background-color: #218838;
}

.modern-btn-danger {
  background-color: #dc3545;
  color: #fff;
}

.modern-btn-danger:hover {
  background-color: #c82333;
}

.modern-btn:active {
  transform: translateY(0);
}

/* ±×¸®µå ·¹À̾ƿô */
.modern-grid {
  display: grid;
  gap: 20px;
}

.modern-grid-2 {
  grid-template-columns: repeat(2, 1fr);
}

.modern-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

/* Ä«µå ½ºÅ¸ÀÏ */
.modern-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin-bottom: 20px;
}

.modern-card-header {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #f0f0f0;
}

/* ¾Ë¸² ¸Þ½ÃÁö */
.modern-alert {
  padding: 12px 16px;
  border-radius: 6px;
  margin-bottom: 20px;
  font-size: 13px;
}

.modern-alert-warning {
  background-color: #fff3cd;
  border-left: 4px solid #ffc107;
  color: #856404;
}

.modern-alert-info {
  background-color: #d1ecf1;
  border-left: 4px solid #17a2b8;
  color: #0c5460;
}

.modern-alert-danger {
  background-color: #f8d7da;
  border-left: 4px solid #dc3545;
  color: #721c24;
}

/* üũ¹Ú½º ¹× ¶óµð¿À ¹öÆ° */
.modern-checkbox,
.modern-radio {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  cursor: pointer;
}

/* ÅÇ ½ºÅ¸ÀÏ */
.modern-tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 2px solid #e0e0e0;
  margin-bottom: 20px;
  gap: 0;
}

.modern-tab {
  padding: 10px 10px;
  cursor: pointer;
  border: none;
  background: none;
  font-size: 13px;
  color: #666;
  transition: all 0.3s ease;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  white-space: nowrap;
  display: inline-block;
  flex-shrink: 0;
}

.modern-tab:hover {
  color: #4a90e2;
  background-color: #f8f9fa;
}

.modern-tab.active {
  color: #4a90e2;
  border-bottom-color: #4a90e2;
  font-weight: 600;
}

/* ¹ÝÀÀÇü */
@media (max-width: 768px) {
  .modern-grid-2,
  .modern-grid-3 {
    grid-template-columns: 1fr;
  }
  
  .modern-form-container {
    padding: 16px;
  }
}