/* CSS Document */
@charset "utf-8";

@import url(default.css);
@import url(common.css);

body {
	background-color: #ffffff;
	margin: 0px;

	scrollbar-3dlight-color:#cccccc;
	scrollbar-arrow-color:#999999;
	scrollbar-base-color:#ffffff;
	scrollbar-darkshadow-color:#cccccc;
	scrollbar-face-color:#ffffff; 
	scrollbar-highlight-color:#f9f9f9;
	scrollbar-shadow-color:#ffffff; 
}

body,td,th { font-family: "Dotum"; font-size: 12px; color: #333333; letter-spacing: 0px;}

IMG {border: none;} 


a:link {color: #333333; text-decoration: none}
a:visited {color: #333333; text-decoration: none}
a:hover {color: #0095d5; text-decoration: none; text-decoration: underline;}

a.top:link {font-size: 12px; color: #333333; text-decoration: none; font-weight:bold;}
a.top:visited {font-size: 12px; color: #333333; text-decoration: none; font-weight:bold;}
a.top:hover {font-size: 12px; color: #0095d5; text-decoration: none; font-weight:bold;}

a.tmenu:link {font-size: 15px; color: #ffffff; text-decoration: none; font-weight:bold;}
a.tmenu:visited {font-size: 15px; color: #ffffff; text-decoration: none; font-weight:bold;}
a.tmenu:hover {font-size: 15px; color: #ffffff; text-decoration: none; font-weight:bold; text-decoration: underline;}

a.list_red:link {color: #d50000; text-decoration: none; font-weight:bold;}
a.list_red:visited {color: #d50000; text-decoration: none; font-weight:bold;}
a.list_red:hover { color: #d50000; text-decoration: none; font-weight:bold;}



.black_12 {font-size: 12px; color:#000000; font-weight:bold}
.black_14 {font-size: 14px; color:#000000; font-weight:bold}
.333333_12 {font-size: 12px; color:#333333;}
.red_12 {font-size: 12px; color:#EF0404;}








.blue_12 {font-size: 12px; color:#1E497D; font-weight:bold} 


.input_01 { font-size: 12px; color: #666666; height: 18px; border: 1px solid #DEDEDE; background-color:#ffffff; padding:2 0 0 0;}
.input_02 { font-size: 12px; color: #666666; border: 1px solid #DEDEDE; background-color:#ffffff; padding:5 5 5 5;}


.text01 { font-size:15px; color:#ffffff; font-weight:bold;}
.text02 { font-size:15px; color:#333333; font-weight:bold;}
.text03 { color:#d50000; font-weight:bold;}
.text04 { color:#333333; font-weight:bold;}
.text05 { font-size:18px; color:#333333; font-weight:bold;}



.input {border-color:#000000; border:solid 1;}
.input_01 { font-size: 12px; color: #666666; height: 18px; border: 1px solid #DEDEDE; background-color:#ffffff; padding:2 0 0 0;}
.input_02 { font-size: 12px; color: #666666; border: 1px solid #DEDEDE; background-color:#ffffff; padding:5 5 5 5;}

.red				{font-weight:bold; color:red}
.blue				{font-weight:bold; color:blue}
.green				{font-weight:bold; color:green}
.black {font-size: 12px; color:#000000; font-weight:bold}


.bline {
	border-bottom-color: #b4cddf;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.lline {
	border-left-color: #b4cddf;
	border-left-width: 1px;
	border-left-style: solid;
}


.lp05 { padding-left:5px;}
.lp10 { padding-left:10px;}

.rp05 { padding-right:5px;}
.rp10 { padding-right:10px;}

.pd05 { padding:5px;}
.pd10 { padding:10px;}

.pt05 { padding-top:5px;}
.pt10 { padding-top:10px;}

.mt05 { margin-top:5px;}	
.mt10 { margin-top:10px;}	
.mt15 { margin-top:15px;}	
.mt20 { margin-top:20px;}	

.ime {ime-mode:disabled}
.select	{vertical-align:middle; height:22px; behavior:url(/common/css/selectBox.htc);}



/* align */
.l		{text-align:left;}
.c		{text-align:center;}
.r		{text-align:right;}
.t		{vertical-align:top;}
.bt		{vertical-align:bottom;}
.vm		{vertical-align:middle;}
.middle {vertical-align:middle;}
.b {font-weight:bold;}


/* float */
.float_left		{float:left;}
.float_right	{float:right;}
.clear_both		{clear:both;}

 /* Margin Set */
.mj00	{margin:0px;}
.mj05	{margin:05px;}
.mj10	{margin:10px;}
.mj15	{margin:15px;}
.mj20	{margin:20px;}

.lm5	{margin-left:5px;}
.lm10	{margin-left:10px;}
.lm15	{margin-left:15px;}
.lm20	{margin-left:20px;}
.lm25	{margin-left:25px;}
.lm30	{margin-left:30px;}
.lm35	{margin-left:35px;}
.lm40	{margin-left:40px;}
.lm45	{margin-left:45px;}
.lm50	{margin-left:50px;}
.lm55	{margin-left:55px;}
.lm65	{margin-left:65px;}

.rm5	{margin-right:5px;}
.rm10	{margin-right:10px;}
.rm15	{margin-right:15px;}
.rm20	{margin-right:20px;}
.rm25	{margin-right:25px;}
.rm30	{margin-right:30px;}
.rm35	{margin-right:35px;}
.rm40	{margin-right:40px;}
.rm45	{margin-right:45px;}
.rm50	{margin-right:50px;}
.rm70	{margin-right:70px;}
.rm100	{margin-right:100px;}
.rm150	{margin-right:150px;}
.rm200	{margin-right:200px;}

.bm4	{margin-bottom:4px;}
.bm5	{margin-bottom:5px;}
.bm10	{margin-bottom:10px;}
.bm15	{margin-bottom:15px;}
.bm20	{margin-bottom:20px;}
.bm25	{margin-bottom:25px;}
.bm30	{margin-bottom:30px;}
.bm35	{margin-bottom:35px;}
.bm40	{margin-bottom:40px;}
.bm45	{margin-bottom:45px;}
.bm50	{margin-bottom:50px;}
.bm55	{margin-bottom:55px;}
.bm60	{margin-bottom:60px;}

.tm3	{margin-top:3px;}
.tm5	{margin-top:5px;}
.tm10	{margin-top:10px;}
.tm15	{margin-top:15px;}
.tm20	{margin-top:20px;}
.tm25	{margin-top:25px;}
.tm30	{margin-top:30px;}
.tm35	{margin-top:35px;}
.tm40	{margin-top:40px;}
.tm45	{margin-top:45px;}
.tm50	{margin-top:50px;}
.tm55	{margin-top:55px;}
.tm60	{margin-top:60px;}
.tm65	{margin-top:65px;}
.tm70	{margin-top:70px;}
.tm75	{margin-top:75px;}
.tm80	{margin-top:80px;}
.tm90	{margin-top:90px;}
.tm100	{margin-top:100px;}


/* Padding Set */
.lp5	{padding-left:5px;}
.lp10	{padding-left:10px;}
.lp15	{padding-left:15px;}
.lp20	{padding-left:20px;}
.lp25	{padding-left:25px;}
.lp30	{padding-left:30px;}
.lp35	{padding-left:35px;}
.lp40	{padding-left:40px;}
.lp45	{padding-left:45px;}
.lp50	{padding-left:50px;}

.rp5	{padding-right:5px;}
.rp10	{padding-right:10px;}
.rp15	{padding-right:15px;}
.rp20	{padding-right:20px;}
.rp25	{padding-right:25px;}
.rp30	{padding-right:30px;}
.rp35	{padding-right:35px;}
.rp40	{padding-right:40px;}
.rp45	{padding-right:45px;}
.rp50	{padding-right:50px;}

.bp5	{padding-bottom:5px;}
.bp10	{padding-bottom:10px;}
.bp15	{padding-bottom:15px;}
.bp20	{padding-bottom:20px;}
.bp25	{padding-bottom:25px;}
.bp30	{padding-bottom:30px;}
.bp35	{padding-bottom:35px;}
.bp40	{padding-bottom:40px;}
.bp45	{padding-bottom:45px;}
.bp50	{padding-bottom:50px;}

.tp5	{padding-top:5px;}
.tp10	{padding-top:10px;}
.tp15	{padding-top:15px;}
.tp20	{padding-top:20px;}
.tp25	{padding-top:25px;}
.tp30	{padding-top:30px;}
.tp35	{padding-top:35px;}
.tp40	{padding-top:40px;}
.tp45	{padding-top:45px;}
.tp50	{padding-top:50px;}



.bm65	{ margin-bottom:45px}


.lm60  {margin-left:40px;}
.lm70  {margin-left:50px;}
.lm100  {margin-left:100px;}
.lm90  {margin-left:90px;}




.ap5	{ padding:5px}
.ap10	{ padding:10px}
.ap15	{ padding:15px}
.ap20	{ padding:20px}

.hand{cursor:pointer;}


/*참가신청관려*/
#wrap_01		{width:100%; margin:0  auto; }
.s_tt          {letter-spacing:-2px; width:100%; float:left; font:bold 20px Malgun Gothic; color:#333; padding-bottom:15px;  }
.basic_tb02        {width:100%; float:left;}
.basic_tb02        th{font:bold 13px Malgun Gothic; border-top:1px solid #b4cddf; text-align:center; padding:8px 3px 11px 10px; color:#495783;} 

.basic_tb02        td{font:normal 13px Malgun Gothic;  border-top:1px solid #b4cddf; text-align:center; padding:5px 3px 8px 10px; line-height:21px; color:#555;}
.basic_tb02_line   {border-right:1px solid #b4cddf;}
.form_t01           {color:#4fa700; font:bold 14px Malgun Gothic; }
.form_t02           {color:#2f3c67; font:bold 14px Malgun Gothic; }


/*참가쓰기*/
.write_tb        {width:100%; float:left;}
.write_tb        th{font:bold 13px Malgun Gothic; background-color:#e0e9f6; border-top:1px solid #b4cddf;  border-right:1px solid #b4cddf; text-align:left; padding:10px 3px 13px 10px; color:#495783;} 
.write_tb        td{font:normal 13px Malgun Gothic; border-top:1px solid #b4cddf; text-align:left; padding:5px 3px 8px 10px; line-height:20px; color:#555;}
.input01	{font-size: 12px; color: #666666; border: 1px solid #d7d7d7; background-color:#fff; padding-top:5px; padding-left:3px; padding-bottom:5px;}  


.button1 {background-color: white; border: 1px solid black; color: black; padding: 5px 12px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; border-radius: 2px;} /* White */
.button2 {background-color: white; border: 2px solid #008CBA; color: black; padding: 5px 12px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; border-radius: 2px;} /* Blue */
.button3 {background-color: white; border: 1px solid #4CAF50; color: black; padding: 5px 12px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; border-radius: 2px;} /* green */
.button4 {background-color: #008CBA; border: 1px solid #000000; color: white; padding: 5px 12px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; border-radius: 2px; margin-top:3px;}/*회사찾기*/

.sbutton1 {background-color: black; border: 0px solid red; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; border-radius: 2px;} 
.sbutton11 {background-color: green; border: 0px solid red; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; border-radius: 2px;} 
.sbutton2 {background-color: #008CBA; border: 0px solid red; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; border-radius: 2px;} 
.sbutton22 {background-color: red; border: 0px solid red; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; border-radius: 2px;} 

.sbutton3 {background-color: green; border: 0px solid red; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; border-radius: 2px;} 
.sbutton4 {background-color: #848484; border: 1px solid #000000; color: white; padding: 3px 7px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; border-radius: 2px;} 


.button {
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}

.button:hover {
	background-color: black; /* Green */
	color: white;
}


.buttons {
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}

.buttons:hover {
	background-color: white; /* Green */
	color: black;
}

.bt_disabled {
    opacity: 0.6;
    cursor: not-allowed;
}


.button4:hover {
	background-color: black; /* Green */
	color: white;
}





.homepage_btn		{
	display:inline-block;
	line-height:30px; 
	padding:0 15px; 
	background:#015196;
	color:#fff !important; 
	border-radius:7px;
	border:1px solid #015196;
}


.homepage_btn i	{
	font-family:'fontawesome'; 
	font-style:normal !important; 
	margin-right:5px;
	font-size:16px;
	position:relative; 
	top:2px;
}

.homepage_btn:hover	{
	color:#015196 !important; 
	background:#fff; 
	border:1px solid #015196;
}


.logout_btn		{
	display:inline-block;
	line-height:30px; 
	padding:0 15px; 
	background:#5385ac;
	color:#fff !important;
	border-radius:7px;
	border:1px solid #5385ac;
}

.logout_btn i	{
	font-family:'fontawesome'; 
	font-style:normal !important; 
	margin-right:5px;
	font-size:16px;
	position:relative; 
	top:2px;
}

.logout_btn:hover	{
	color:#5385ac !important; 
	background:#fff; 
	border:1px solid #5385ac;
}


.tab{margin-bottom:15px;display:flex;gap:10px;}
.tab a{border:1px solid #1b659c;padding:10px 25px;box-sizing:border-box;display:inline-block;font-size:1.1em;font-weight:600;border-radius:5px;color:#333}
.tab a.ov{background:#1b659c;color:#fff}
.tab a:hover{text-decoration:none;color:#333}
.tab a.ov:hover{color:#fff}


.tab3 {margin-bottom:15px;display:flex; box-sizing:border-box; padding:20px 25px;  flex-wrap:wrap; background-color:#f7f7f7 }
.tab3 a {position:relative; padding-left:15px; margin:8px 0; width:25%; box-sizing:border-box; display:inline-block;font-size:13.5px; font-weight:600;color:#333}
.tab3 a:after {position:absolute; left:0; top:5px; background-color:#1b659c;   width:6px; height:6px; content:''; }
.tab3 a.ov {color:#1B65F3}
.tab3 a:hover {text-decoration:underline; color:#1b659c}
/*.tab3 a.ov:hover {color:#fff} */

.tab3-1 ul{margin-bottom:15px;display:flex; box-sizing:border-box; padding:20px 25px;  flex-wrap:wrap; background-color:#f7f7f7 }
.tab3-1 li {position:relative; padding-left:15px; margin:8px 0; width:25%; box-sizing:border-box; display:inline-block;font-size:13.5px; font-weight:600;color:#333}
.tab3-1 li:after {position:absolute; left:0; top:5px; background-color:#1b659c;   width:6px; height:6px; content:''; }
.tab3-1 a.ov {color:#1B65F3}
.tab3-1 a:hover {text-decoration:underline; color:#1b659c}
.tab3-1 span{font-size:.9em;font-weight:500}

.tab2 {margin-bottom:15px;display:flex; flex-wrap:wrap; gap:5px;}
.tab2 a{border:1px solid #1b659c;padding:6px 15px;box-sizing:border-box;display:inline-block;font-size:1.1em;font-weight:600;border-radius:5px;color:#333}
.tab2 a.ov{background:#1b659c;color:#fff}
.tab2 a:hover{text-decoration:none;color:#333}
.tab2 a.ov:hover{color:#fff}




.check_div_wrap {width:100%; }
.check_div_wrap  h3 {background-color:#f1f1f1; line-height:50px; margin:0; text-align:center; border-bottom:1px solid #ddd}
.check_div {padding:15px; width:30%; height:480px; overflow-x:auto; border-bottom:1px solid #ddd}
.check_div ul {width:100%; margin:0; padding:0}
.check_div li {list-style:none; padding:7px 0;display: flex;align-items: center;justify-content: space-between  }
.check_div li input {vertical-align:middle}

.btn {text-align:center; margin-top:30px}
.btn a {background-color:#333; color:#fff;  border-radius:3px; padding:10px 15px; margin:0 3px}