@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
ul {list-style:none; margin:0; padding:0;}
body
{	margin-left : 0;
	margin-top : 0;
	margin-right : 0;
	margin-bottom: 0;
	font-family: "Pretendard Variable","Malgun Gothic", Arial, Dotum, ±¼¸², Verdana, Geneva, Arial, Helvetica, crns-serif;
	font-size: 12px ;line-height:18px;
	background-repeat: repeat-x;
	scrollbar-face-color:#efefef;
	scrollbar-shadow-color:#999999;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-track-color:#ffffff;
	scrollbar-arrow-color:#1E386B;
	background:#ffffff;
}
td
{	color:#3a3a3a;
	
	font-size:16px ;line-height:26px; letter-spacing:0pt;}
img {border:0; vertical-align:middle;}


/* ¸µÅ©- ±âº» */
a {color:#666; text-decoration:none;}
/* A:link     	{ color: #666666; text-decoration: none;}
A:active 	{ color: #666666; text-decoration: none;}
A:visited 	{ color: #666666; text-decoration: none;}
A:hover 		{ color: #fd5b1b; text-decoration: none;} */



/* ¸µÅ©-À̸ÞÀÏ */
A.email:link {COLOR: #818181; TEXT-DECORATION: none;}
A.email:visited {COLOR: #818181; TEXT-DECORATION: none;}
A.email:hover {COLOR: #5BC4DE;  TEXT-DECORATION: none;}

/* ½ºÅ©·Ñ¹Ù */
BODY { scrollbar-3dlight-color:#DAD7C8;
scrollbar-arrow-color:#F1F0F0;
scrollbar-track-color:#F1F0F0;
scrollbar-darkshadow-color:#DAD7C8;
scrollbar-face-color:#DAD7C8;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#DAD7C8}


/* ¿©¹é¶ç¿ì±â */
.padding	{ PADDING-TOP:10px; PADDING-BOTTOM:10px; PADDING-LEFT:10px; LINE-HEIGHT: 25px}
.padding_left01	{ PADDING-LEFT:10px; }
.padding_left02	{ PADDING-LEFT:20px; }
.padding_left03	{ PADDING-LEFT:30px; }
.padding_right01	{ PADDING-RIGHT:10px; }
.padding_right02	{ PADDING-RIGHT:15px; }
		

/* ÆûÇʵ忡 »ç¿ëµÇ´Â ½ºÅ¸ÀÏ ½ÃÆ® */
.form {border: 1px solid #E0E0E0; BACKGROUND-COLOR: #ffffff;   COLOR: #555555; font-size: 12px; height:26px;}
.form1 {border: 1px solid #E0E0E0; BACKGROUND-COLOR: #ffffff;   COLOR: #555555; font-size: 9pt; }
.form12 {border: 0px solid #efefef; BACKGROUND-COLOR: #efefef;  COLOR: #cccccc; font-size: 9pt; }
.form2 {border: 1px solid #E0E0E0; BACKGROUND-COLOR: #ffffff; COLOR: #555555; font-size: 9pt; }
.form3 {border: 0px solid #DEDEDE; BACKGROUND-COLOR: #fbfbfb; COLOR: #555555; middle; font-size:9pt; text-align:left; text-valign: middle; text-indent: 2pt;}


/* ÁÂÃø¸Þ´º */
.leftmenu   { font-size: 9pt; line-height:20px; color: #818181}

/* Áß°£¸Þ´º */
A.midmenu:link {COLOR: #F26522; FONT-SIZE: 9pt; TEXT-DECORATION: none; line-height:20px;}
A.midmenu:visited {COLOR: #F26522; FONT-SIZE: 9pt; TEXT-DECORATION: none; line-height:20px;}
A.midmenu:hover {COLOR: #3399CC; FONT-SIZE: 9pt; TEXT-DECORATION: none; line-height:20px;}


/* »óÇ°ºÎºÐ */
.pro01   { font-size:8pt; color:#555555; font-weight:bold; line-height:24px;}
.pro02   { font-size:18pt; color:#fd6f03; font-weight:bold; line-height:24px;}


/* ÆùÆ®»ö */

.tx_basic   { font-size:9pt; color:#363636; line-height:24px;}
.tx_gray     { font-size:9pt; color:#666666; line-height:24px;}
.tx_blue01  { font-size:9pt; color:#448CCB; line-height:24px;}
.tx_blue02  { font-size:9pt; color:#0D004C; line-height:24px;}
.tx_brown  { font-size:9pt; color:#A36209; line-height:24px;}
.tx_green   { font-size:9pt; color:#608D2C; line-height:24px;}

/* ÀÏ¹Ý ÅؽºÆ®º¸´Ù ÀÛÀº ÅؽºÆ®¸¦ »ç¿ëÇÒ¶§ */
.s1 { font-size: 8pt;  line-height:20px; color: #818181}

/* ÀÏ¹Ý ÅؽºÆ®º¸´Ù ¹®ÀÚ°£ ³ôÀÌ°£°Ý Á¼°Ô */
.h1 { font-size: 9pt;  line-height:20px; PADDING-LEFT:10px; color: #362F2D}
.h2 { font-size: 9pt;  line-height:24px; color: #362F2D}
.h3 { font-size: 9pt;  line-height:15px; color: #362F2D}
.time { font-size: 9pt;  line-height:12px;}

/* ŸÀÌƲ - ÀϹÝÅؽºÆ®º¸´Ù Å« ÅؽºÆ®¸¦ »ç¿ëÇÒ¶§ */
.tl { font-size: 12pt; color: #555555;text-decoration: none;font-weight:bold;}

/* ÀÏ¹Ý ÅؽºÆ®º¸´Ù Å©°í ±½Àº ÅؽºÆ®¸¦ »ç¿ëÇÒ¶§ */
.b { font-size:9pt; color:#BF8615;font-weight:bold;}
.bb { font-size:9pt; color:#000;font-weight:bold;}
.tt { font-size:14px; color:#000000;font-weight:bold;}



.navi2 { font-size:8pt; color:#000000; letter-spacing:normal}
.navi { font-size:8pt; color:#B2B2B2; letter-spacing:normal}
.navi img {vertical-align:-1px;}
.board_title { font-size:1rem; color:#3a3a3a; font-weight:800; padding:10px 0px;}

.contents  {font-family: "Verdana"; font-size: 8pt; line-height:18px; color: #666666 }


.notice_date {font-family: "Tahoma"; font-size:8pt; color:#bbbbbb; letter-spacing:normal; }
.notice_title { font-size:8pt; color:#939393; letter-spacing:normal; }
.notice_con { font-size:8pt; color:#666666; letter-spacing:normal;}
.hot{ font-size:9pt; color:#AB7B4C; letter-spacing:normal;}

.sub_con { font-size:8pt; color:#666666; letter-spacing:normal;}

/* Åõ¸íÆÄÀÏÁö¿øÇϱâ */
.png24 { tmp:expression(setPng24(this)); } 

#png_box {
 position:absolute;
 left:13px;
 top:44px;
 z-index:4;
}


.contents  { font-size: 8pt; line-height:18px; color: #666666 }
.contents_b { font-size: 14px; line-height:22px; color: #484848;  font-weight:800; }
.contents_b2 { font-size: 13pt; line-height:20px; color: #4e4e4e;  font-weight:bold; }
.contents_b3 { font-size: 18pt; line-height:20px; color: #4e4e4e;  font-weight:bold; line-height:25pt;}
.contents_bs { font-size: 9pt; line-height:18px; color: #4d4d4d;  font-weight:bold; }
.contents_g  { font-size: 9pt; line-height:18px; color: #4d4d4d; }


.tab_title01 { font-size: 9pt; line-height:18px; color: #ffffff;  font-weight:bold; }
.tab_title02 { font-size: 9pt; line-height:18px; color: #858585;  font-weight:bold; }


.contents_g_all  { font-size: 8pt; line-height:18px; color: #c1c1c0;  font-weight:bold;}
.contents_g_w  { font-size: 8pt; line-height:18px; color: #ffffff; }
.contents_g_w_b  { font-size: 8pt; line-height:18px; color: #ffffff;  font-weight:bold;}

.contents_g_title  { font-size: 16pt; line-height:18px; color: #ffffff;  font-weight:bold;}
.contents_g_title_s  { font-size: 8pt; line-height:18px; color: #dcc96d;  font-weight:bold;}
.contents_g_title_s2  { font-size: 8pt; line-height:18px; color: #c6c6c6; }


.contents_left01 { font-size: 8pt; line-height:18px; color: #ff6326;   }
.contents_left02 { font-size: 8pt; line-height:18px; color: #a769a3;  font-weight:bold; }
.contents_left03 { font-size: 8pt; line-height:18px; color: #7974b0;  font-weight:bold; }
.contents_left04 { font-size: 8pt; line-height:18px; color: #77adb6;  font-weight:bold; }

.main_sul_01 { font-size: 9pt; line-height:18px; color: #333333;   }
.main_sul_02 { font-size: 9pt; line-height:18px; color: #7d7d7d;   }
.main_sul_03 { font-size: 9pt; line-height:18px; color: #666666;   }
.main_sul_date { font-size: 9pt; line-height:18px; color: #adadad;   }

.main_sul { font-size: 9pt; line-height:18px; color: #ff4545;  font-weight:bold;   }

.contents_dat { font-size: 8pt; line-height:18px; color: #009241;  }

.total_text { font-size: 8pt; line-height:18px; color: #a6a6a6; letter-spacing:-0.2pt; }
.total_text_red { font-size: 8pt; line-height:18px; color: #ff4545;  font-weight:bold; }
.total_text_2 { font-size: 8pt; line-height:18px; color: #c6c6c6;  }



/* .paging_su { font-size: 11px; line-height:18px; color: #bcbbb9;   }
.paging_su2 { font-size: 11px; line-height:18px; color: #ed1c24;  font-weight:bold; } */


.style207 {color: #4b56a1; font-weight: bold; }
.style208 {	color: #a51b29;
	font-weight: bold;
	font-size: 10pt;}



.datmenu { font-size:12px; color:#949494; letter-spacing:normal; }



.top_menu_tx {font-size:18px; font-weight:800; line-height:35px; color:#fff; height:43px; text-align:center; }
.top_menu_tx a {color:#fff;}

.main_visaul {position:absolute; z-index:5; background: url(../images/main/mainimg.jpg) #e8e6e9 center top; background-repeat:no-repeat;  width:100%; height:280px; margin:0px auto;}

.main_login {position:absolute; z-index:100; left:50%; margin-left:-484px;}

.main_product_back {position:absolute; width:100%; height:700px; background-color:#f4f4f4; z-index:1; }

.main_product {position:absolute; width:980px; height:650px; margin:0px auto; left:50%; margin-left:-490px; z-index:2; margin-top:50px;}

.main_product02 {position:relative; width:100%; margin:0px auto;  padding-top:50px; height:auto; overflow:hidden; }




.main_p_titl {padding:15px 0px; text-align:center; font-size:28px; font-weight:700; color:#000; text-align:left;}
.main_p_titl a {color:#000;}

.main_p_table {background-color:#fff; border:1px soild #efefef;}

.main_p_table_s {background-color:#c3c3c5; color:#fff; font-weight:800;  text-align:center; padding:10px 0px; font-size:14px;}
.main_p_table_s02 {background-color:#9b9c9f; color:#fff; font-weight:800;  text-align:center; padding:10px 0px; font-size:14px;}


.main_notice {border-bottom:1px solid #EDF4F9;  width:100%; text-align:left; padding:30px 0;}
.main_notice .main_notice_na {display:flex; align-items:center; width:980px; height:40px; margin:0px auto; overflow:hidden;}
.main_notice .main_notice_na h1 {  text-align:left; margin-right:34px; font-size:18px; font-weight:800; line-height:22px; letter-spacing:-1px; color:#000;}
.main_notice .main_notice_na ul {margin:0; padding:0;}
.main_notice .main_notice_na ul li { text-align:left;  display:inline-block;  width:700px; font-size:12px; color:#939393; letter-spacing:normal; }
.main_notice .main_notice_na ul li a:link {color:#000; font-size:16px;}
.main_notice .main_notice_na .more {display:block; width:fit-content; height:38px; padding:0 25px; border:1px solid #B2C8D7; border-radius:40px; color:#666; font-size:14px; line-height:38px;}

.sub_title {font-size:21px; line-height:30px; font-weight:800; color:#000; height:60px; letter-spacing:-1px;}
.title_sun {border-bottom:1px solid #d7d7d7; margin-top:-19px;}

.member_login_title_b {width:100%; padding-bottom:25px; margin-bottom:25px;text-align:left; line-height:45px; color:#000; font-size:35px; font-weight:900; border-bottom:1px solid #e9e9e9;}
.member_login { width:57%; padding:40px 60px 60px; border:1px solid #e9e9e9; background-color:#f9f9f9;}
.member_op_s {letter-spacing:-1px; font-size:11px; color:#8f8f8f; height:35px;}
.member_id {width:70px; display:inline-block; font-weight:800;}


.member_ok { width:80%; padding:40px 60px 60px; border-top:1px solid #e9e9e9;  border-bottom:1px solid #e9e9e9; background-color:#f9f9f9; text-align:center; margin-top:30px;}
.member_ok h1 { font-size:19px; line-height:28px; font-weight:800;letter-spacing:-1.5px; }
.member_ok span {font-size:12px; line-height:18px; font-weight:500; color:#737373;}



.member_dat_s {width:70%; margin:15px auto; text-align:left; line-height:35px; color:#8c8c8c;}
.btn_mem_s {padding:5px 15px; background-color:#e5e5e5; border:1px solid #d7d7d7;  font-size:11px; line-height:18px; float:right;}

.join_title {width:90%; text-align:left; margin:0px auto; }
.join_title h1 { font-size:19px; line-height:28px; font-weight:800;letter-spacing:-1.5px; }
.join_title p {font-size:14px; line-height:15px; font-weight:800; color:#ff510d; margin-top:25px;}
.join_title span {font-size:12px; line-height:18px; font-weight:500; color:#737373;}



.join_title02 {width:100%; text-align:left; margin:20px auto 15px; }
.join_title02 h1 { font-size:17px; line-height:17px; font-weight:800;letter-spacing:-1.5px; color:#ff510d; }
.join_title02 span {font-size:12px; line-height:16px; font-weight:500; color:#737373;}



#footer {margin-top:100px;padding-top:30px;}
.header {margin-bottom:40px;}

.join_btns {display:flex; justify-content:center;}
.join_btns .btn_j_1 {background:#FB6B1A; width:fit-content; height:40px; padding:0 15px; color:#fff; font-size:16px; line-height:40px;}
.join_btns .btn_j_2 {background:#666; width:fit-content; height:40px; margin-left:10px; padding:0 15px; color:#fff; font-size:16px; line-height:40px;}

.footer_main #footer {margin-top:0;}

.login_after {text-align:left;}
.login_after .type {display:flex; align-items:center; background:#1A56E1; width:fit-content; height:24px; padding:0 10px; border-radius:24px; color:#fff;}
.login_after p.title { color:#000; font-size:20px; line-height:1.6;}
.login_after p.title em {font-style:normal; color:#1A56E1;}
.login_after .btns a {display:flex; align-items: center; justify-content: center; height:40px; padding:0 15px; border-radius:4px; color:#fff; font-size:12px; font-weight:500; line-height:12px; text-align:center;}
.login_after .btns a.btn1 {background:#F15D08;}
.login_after .btns a.btn2 {background:#EDF4F9; margin-top:10px; color:#666;}

.sub_join_box a{
  font-weight: 500;
  font-size: 11px;
  line-height: 11px;
  color: #B3B3B3;
}


.sub_join_box{
  display:flex; 
  padding-top:5px;
  gap: 6px;
}

.sub_join_box .divider_col{
  width: 1px;
  height: 12px;
  background-color: #D9D9D9;
}