@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

body, td, p, input, button, textarea, select { 
	color:#666666;   font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal; font-size: 13px; margin-top:0; margin-left:0; margin-bottom:0; margin-right:0; word-break:break-all; line-height:20px;   

scrollbar-face-color: #F2F2F2; 
   scrollbar-shadow-color: #FDFDFD; 
   scrollbar-highlight-color: #ffffff;
   scrollbar-3dlight-color: #E3E3E3; 
   scrollbar-darkshadow-color: #E3E3E3;      
   scrollbar-track-color: #ffffff;
   scrollbar-arrow-color: #000000}


img {border:0} 
h1,h2,h3,h4,h5,h6,ol,ul,li,form,fieldset,input,textarea,p,th,td,dt,dd,dl {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;}
li {list-style:none;}

A:link	  {color:#000000; text-decoration:none}
A:visited {color:#353535; text-decoration:none}
A:hover   {color:#01A5E3; text-decoration:underline;}

a.tm:link, a.tm:visited, a.tm:active {  font-family: "Noto Sans KR","dotum", "tahoma"; text-decoration:none; color:#555555;	 font-size:12px}
a.tm:hover { text-decoration:none; font-family: "Noto Sans KR","dotum", "tahoma"; font-size:12px;color:#0f8bc4;}

a.tm2:link, a.tm2:visited, a.tm2:active { text-decoration:none; color:#FFFFFF}
a.tm2:hover { text-decoration:none }

.tablebg { background-color:#D9D1C6
; }

.nbt a:link {text-decoration: none; font-size: 9pt; color: 3A3A2D;}
.nbt a:visited {text-decoration: none; font-size: 9pt; color: 3A3A2D;}
.nbt a:hover {text-decoration: underline; font-size: 9pt; color: 007DC5;}

.subject { color:#315584; }
.subjectbg { background-color:#F5F2F0; }

.content { color:#404040; }
.contentbg { background-color:#FFFFFF; }

/* 탑메뉴 */
.tmenu {font-size: 8pt; COLOR: #555555;  font-family: "Noto Sans KR","dotum", "tahoma"; TEXT-DECORATION:none FONT-WEIGHT: bold; letter-spacing: 0px;}
.tmenu A:link {font-size: 8pt; COLOR: #555555;  font-family: "Noto Sans KR","dotum", "tahoma"; TEXT-DECORATION:none FONT-WEIGHT: bold; letter-spacing: 0px;}
.tmenu A:visited {font-size: 8pt; COLOR: #555555;  font-family: "Noto Sans KR","dotum", "tahoma"; TEXT-DECORATION:none FONT-WEIGHT: bold; letter-spacing: 0px;}
.tmenu A:hover {font-size: 8pt; COLOR: #555555;  font-family: "Noto Sans KR","dotum", "tahoma"; TEXT-DECORATION:underline; FONT-WEIGHT: bold; FONT-WEIGHT: bold; letter-spacing: -1px; position:relative; top:1; left:-1}

/* logo */
h1.logo{float:left;margin-left:10px;}

/* doy 메인 대메뉴 스타일 */
.gnb{width:600px;height:38px;padding-top:5px;float:right;position:relative;}
.gnb li{float:left;}
.gnb li a{float:left;padding-top:2px;text-align:center;text-decoration:none;}
.gnb li span{float:left;margin:0 30px;}
.gnb li ul.sMenu{position:absolute;width:566px;height:40px;padding:0 0 0 20px;top:30px;left:20px;display:none;}
.gnb li ul.m1{background:url(../images/topmenu/m_bg1.gif) 0 10px no-repeat;}
.gnb li ul.m2{background:url(../images/topmenu/m_bg2.gif) 0 10px no-repeat;}
.gnb li ul.m3{background:url(../images/topmenu/m_bg3.gif) 0 10px no-repeat;}
.gnb li ul.m4{background:url(../images/topmenu/m_bg4.gif) 0 10px no-repeat;}
.gnb li ul.m5{background:url(../images/topmenu/m_bg5.gif) 0 10px no-repeat;}
.gnb li ul.sMenu li{height:23px;margin:0;padding-top:14px;margin-right:13px;}
.gnb li ul.sMenu li.bg{padding:7px 0 0 0;background:none;}
.gnb li ul.sMenu li a{color:#ffffff;}
.gnb li ul.sMenu li a:hover{text-decoration:none;color:#000000;}

/* 서브메뉴 */

.sm A:link {font-size: 9pt; COLOR: #000000; font-family: "Noto Sans KR" "돋움","verdana"; TEXT-DECORATION:none FONT-WEIGHT: bold; letter-spacing: 0px;}
.sm A:visited {font-size: 9pt; COLOR: #353535; font-family: "Noto Sans KR" "돋움","verdana"; TEXT-DECORATION:none FONT-WEIGHT: bold; letter-spacing: 0px;}
.sm A:hover {font-size: 9pt; COLOR: #01A5E3; font-family: "Noto Sans KR" "돋움","verdana"; TEXT-DECORATION:underline; FONT-WEIGHT: bold; FONT-WEIGHT: bold; letter-spacing: -1px; position:relative; top:1; left:-1}

a.tm3:link, a.tm3:visited, a.tm:active { text-decoration:none; color:#003366;	 font-size:11px; FONT-WEIGHT: bold;}
a.tm3:hover { text-decoration:none; font-size:11px}

.list { color:#222222; }
.list0 { background-color:#FFFFFF; }
.list1 { background-color:#F5F5F5; }

.br10 {line-height:10px;}
.br15 {line-height:15px;}
.br5 {line-height:5px;}

.textarea { border: 1px solid #777777; }

.button { }
.select { font-size:9pt; color:black; background-color:#ffffff; border-width:1; border-color:gray;width:145; height:23;>

.name { font-weight: bold; color:#575757; }

.b { font-weight: bold; }
.ht { height:30px; } 
.ht2 { height:20px; } 
.price { color:crimson; }
.lfont { font-size:13px; }
.sfont { font-size:11px; }
.w50 { width:50%; }
.w99 { width:99%; }
.arial { font-family:Arial; }
.lh  { line-height:150%; }
.lh2 { line-height:200%; }

.box {border:1 solid; border-color:#DDDDDD; background-color:#FDFDFD;}
.login { color:#222222;  font-family: "Noto Sans KR"; font-size:10px;}
.line { background-color:#d1d1d1;}
.line2 { background-color:#A9CF38; height:1px}
.line3 { background-color:#A9CF38; height:2px}    
.line4 { background-color:#A8A7FA; height:1px}  
.tdsc {background-color:#F0F0F0;}
.edit    { border-color:#B4B4B4; border-style:solid; border-width:1px; }  /* 모든 input에 입력되는 텍스트 폰트*/
.INPUTBLUR { border-color:#B4B4B4; border-style:solid; border-width:1px; }  /* 모든 input에 입력되는 텍스트 폰트*/
.INPUTFOCUS { border-color:#B4B4B4; border-style:solid; border-width:1px; background-color:#f1f1f1; }  /* 모든 input에 입력되는 텍스트 폰트*/
 /* == text == */
.t1 {font-size:8pt; color:#333333;}
.t2 {font-size:10pt}
.t3 {font-size:11pt; letter-spacing:-1px}
.t4 {line-height:1.6}
.t5 {font-size:10pt; font-weight:bold;letter-spacing:0; font-family:tahoma; color:#669933;}
.t6 {font-size:13pt; font-weight:bold;letter-spacing:0; font-family:tahoma; color:#669933;}


<!-- 최근리스트_color -->
.list_text
{color:#6F6F6F; padding-top:2;}
.list_text a:link
{ font-family: "Noto Sans KR", 돋움,verdana; color:#6F6F6F; text-decoration:none;}
.list_text a:visited
{font-family: "Noto Sans KR", 돋움,verdana; color:#6F6F6F; text-decoration:none;}
.list_text a:hover
{font-family: "Noto Sans KR", 돋움,verdana; color:#E83D02; text-decoration:none;}


<!-- ////////// input / textarea ////////// -->
<!-- input -->

.join01_input					{border:solid 1;border-color:#D6D2CC;font-size:9pt; color:#999999;background-color:#FCFAFB;height:21px; padding-top:3;}
.join03_input					{border:solid 1;border-color:#D5D2C8;font-size:9pt; color:#999999;background-color:#FCFAFB;height:21px; padding-top:3;}
.join02_input					{border:solid 1;border-color:#D5D2C8;font-size:9pt; color:#999999; background-color:#FCFAFB;height:18px; width:88px;}
.writh_input						{border:solid 1;border-color:#EEEDEB;font-size:9pt; color:#999999;background-color:#FCFAFB;height:21px; padding:3;}
.mall_input01					{border:solid 1;border-color:#EDECE8;font-size:9pt; color:#999999;background-color:#FCFAFB; height:18px;}
.sell_input01					{padding-left:12; padding-top:3; padding-bottom:5;}
.sell_input02					{padding-left:12; padding-top:3;}
.sell_input03					{padding-left:9; padding-top:3; padding-bottom:5;}
.sell_input04					{padding-top:4; padding-bottom:4;}
.search_input					{border:solid 1;border-color:#B3B3B3;font-size:9pt; color:#999999;background-color:#F6F6F6;height:20px; padding-top:3;}
.login_input						{border:solid 1;border-color:#D6D2CC;font-size:9pt; color:#999999;background-color:#E7E5E1;height:22px; padding-top:3;}
.login_input-1					{border:solid 1;border-color:#D6D2CC;font-size:9pt; color:#999999;background-color:#E7E5E1;height:18px; padding-top:3;}
.main_login						{border:solid 1;border-color:#CBC09C;font-size:9pt; color:#999999;background-color:#FCFAF7;height:19px; width:81px; padding-top:2;}
.main_search					{border:solid 1;border-color:#CBC09C;font-size:9pt; color:#999999;background-color:#FCFAF7;height:19px; width:111px; padding-top:2;}

										<!-- textarea -->
.login_textarea				{border:solid 1;border-color:#D6D2CC;font-size:9pt; color:#999999;background-color:#E7E5E1; padding:3;}
.textarea01						{border:solid 1;border-color:#EDECEA;font-size:9pt; color:#999999;height:21px;}
.writh_textarea				{border:solid 1;border-color:#D6D2CC;font-size:9pt; color:#999999;background-color:#FCFAFB;height:250px; padding:3;}
.factory_textarea			{border:solid 1;border-color:#EEEDEB;font-size:9pt; color:#999999;background-color:#FCFAFB;height:60px; padding:3;}

										<!-- 테이블 별 텍스트 -->
.title_about						{font-size:12px; color:#22929D; font-weight:bold;}
.title_product					{font-size:12px; color:#507300; font-weight:bold;}
.title_mall							{font-size:12px; color:#22929D; font-weight:bold;}
.title_lactic						{font-size:12px; color:#22929D; font-weight:bold;}
.title_cyber						{font-size:12px; color:#22929D; font-weight:bold;}
.title_azooma					{font-size:12px; color:#22929D; font-weight:bold;}
.title_customer				{font-size:12px; color:#1989C4; font-weight:bold;}

										<!-- 메뉴별 텍스트 대표색상 -->
.fontcolorl_about				{color:#3AA2AC;}
.fontcolorl_about01			{color:#22929D;}
.fontcolorl_contents		{color:#666666;}
.fontcolorl_product			{color:#507300;}
.fontcolorl_mall				{color:#F29005;}
.fontcolorl_azooma			{color:#7888E8;}
.content							{color:#595959;}
.content01						{color:#F37A17;}
.content_box					{color:#595959;padding-top:8;}
.content_box_about		{color:#46ACB6;}
.addr								{color:#666666;}
.school								{color:#999999;}
.table_title01					{color:#636363;}
.sta									{color:#F26D7D;}
.nostar								{color:#507300;}

										<!-- line -->
.line01								{height:2; background-color:#F2F2F2;}
.line02								{height:1; background-color:#E6E6E6;}
.line03								{height:4; background-color:#F2F2F2;}
.line04								{height:2; background-color:#3AA2AC;}
.line05								{height:2; background-color:#F5F5F5;}
.line06								{height:1; background-color:#CDCDCD;}
.line07								{height:3; background-color:#3AA2AC;}
.line08								{height:3; background-color:#F0F0F0;}
.line09								{width:1; background-color:#E5E5E5;}
.line10								{height:1; background-color:#E5E5E5;}
.line11								{height:1; background-color:#41A3D7;}
.line12								{height:3; background-color:#F29005;}
.line13								{height:2; background-color:#E9E9E9;}
.line14								{height:1; background-color:#CFCFCF;}
.line_10_08						{background-image:url('/img/height_line_08.gif'); background-repeat:no-repeat; background-attachment:fixed; background-position:100% 100%;}
.line_10_09						{background-image:url('/img/height_line_09.gif'); background-repeat:no-repeat; background-attachment:fixed; background-position:100% 100%;}
.line_10_10						{background-image:url('/img/height_line_10.gif'); background-repeat:no-repeat; background-attachment:fixed; background-position:100% 100%;}
.line_dot							{height:1; background-image:url('/img/line_dot.gif')}
.line_dot_1						{height:1; background-image:url('/img/line_dot_1.gif')}

										<!-- 출력 #1 테이블 -->
.sell_height						{height:24;}
.sell_left							{background-color:#FFFFFF; padding-left:5px; padding-top:2px;}
.sell_right							{background-color:#FAFAFA; padding-left:5px; padding-top:2px;}
.sell_left_01						{background-color:#FFFFFF; padding-left:20px; padding-top:2px;}

										<!-- 출력 #2 테이블 -->
.sell_height01					{height:79;}
.sell_height02					{background-color:FAFAFA; height:24;}
.sell_height03					{background-color:FAFAFA; height:42;}
.sell_photo						{text-align:right;}
.sell_right01						{padding-left:14px; padding-top:5px;}
.sell_number					{color:#4C4C4C; padding-left:33px; padding-top:2px;}
.sell_content					{color:#4C4C4C; padding-top:2px;}
.sell_date							{color:#4C4C4C; padding-top:2px;}

										<!-- 출력 #3 테이블 -->
.sell_addr01						{background-color:#FAFAFA; padding-left:6px; color:#666666;}
.sell_addr02						{padding-left:6px; color:#666666;}
.sell_title01						{background-color:#FAFAFA;}

										<!-- 출력 #4 테이블 -->
.line_dot_front				{height:1; background-image:url('/img/dot_front.gif')}
.04sell_top						{padding-top:9;}
.04sell_bot						{padding-bottom:8;}

										<!-- 입력 테이블 #1 -->
.line_dot_2						{width:2; background-image:url('/img/line_dot_2.gif')}
.sell_title02						{padding-top:10;}
.sell_title03						{padding-top:8;}
.sell_title04						{padding-top:10; padding-right:12; text-align:right;}
.sell_title05						{padding-right:10; text-align:right;}
.tb_bgcolor01					{background-color:#F3F3F3;}
.tb_bgcolor0					{background-color:#F7F7F7;}
										
										<!-- ////////// 게시판 ////////// -->
										<!-- about board -->
.abo_line01						{height:3; background-color:#46ACB6;}
.abo_line02						{height:3; background-color:#F0F0F0;}

										<!-- mall board -->
.mal_line01						{height:3; background-color:#F8AA23;}
.mal_line02						{height:3; background-color:#F0F0F0;}

										<!-- customer board -->
.cus_line01						{height:3; background-color:#41A3D7;}
.cus_line02						{height:3; background-color:#F0F0F0;}

										<!-- cyber board -->
.cyb_line01						{height:3; background-color:#B690E6;}
.cyb_line02						{height:3; background-color:#F0F0F0;}
.cyb_bg_search				{background-image:url(/cyber/img/search_bg.gif)}
.cyb_select1					{width:69; padding-left:10px}
.cyb_select2					{width:49; padding-left:10px}

										<!-- azooma board -->
.azo_line01						{height:3; background-color:#7988E2;}
.azo_line02						{height:3; background-color:#F0F0F0;}

										
										<!-- ////////// etc ////////// -->
.depth_title						{padding-bottom:0px; padding-left:37px;}
.pop_title							{padding-bottom:0px; padding-left:10px;}
.con_left_width				{width:47px;}
.con_center_width			{width:700px;}
.con_bottom_height		{height:39px;}
.banner_content				{background-color:#EAE7E0; color:#595959; font-size:11px;}

										<!-- ////////// 글로벌 ////////// -->
.g_line_01						{height:2; background-color:#E9E8E6;}
.g_line_02						{height:1; background-color:#DDDCDA;}

										<!-- ////////// 약관 ////////// -->
.agreement01					{padding-left:5;}
.agreement02					{padding-left:17;}
.agreement03					{padding-left:31;}

										<!-- ////////// 모니터 ////////// -->
.copy_main						{padding-top:21; color:#6E3C12;}
.copy_btn						{padding-top:20;padding-right:24; text-align:right;}
.mo_line01						{height:1; background-color:#CBB998;}
.mo_line02						{height:1; background-color:#E0D3BC;}