@charset "utf-8";
/* CSS Document */
html { overflow-y:scroll;}
*{ margin:0; padding:0; border:0px; }
ul, ol, li { list-style:none; }
legend, hr { overflow:hidden; position:absolute; top:0; left:0}
legend, hr, caption { visibility:hidden; font-size:0; width:0; height:0; line-height:0}
label { cursor:pointer; }
.img_png { tmp:expression(setPng24(this)); }
A:link		{ color:#333333;text-decoration:none; } /* 방문전 */
A:visited	{ color:#333333;text-decoration:none; } /* 방문후 */
A:active	{ color:#333333;text-decoration:none; } /* 마우스클릭시 */
A:hover		{ color:#0b6db0;text-decoration:none; } /* 마우스오버 */
A:focus		{ color:#0b6db0;text-decoration:none; } /* 포커스 */
td,a,div,p,pre,input,center,textarea,blockquote,select,option {
		font-family:Dotum,Gulim,Verdana,Arial,DotumChe,GulimChe,Tahoma,mo9;
    font-size:12px; color:#333333; line-height:120%;
}
.hidden { visibility:hidden; position:absolute; top:0; }
/* 인풋 */
textarea { border:solid 1px #cccccc; background-color:#fff; }
select   { border:solid 1px #cccccc; vertical-align:middle; height:19px; background-color:#f7f7f7; }
.input_text{ border:solid #ddd 1px; background:#fafafa; height:16px; padding:3px 0 0 5px; vertical-align:middle; }

/* 상단 숨김메뉴 */
#accessibility { overflow:hidden;position:absolute;width:100%;z-index:1000}
#accessibility a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
#accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:700;line-height:1;color:#fff;}

.
/* 레이어팝업 */
#popup  { -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75; filter:alpha(opacity=75);
    position:absolute; z-index:100; background:#000000; display:none; top:0; left:0;}
#window { position:absolute; z-index:102; background:#ffffff; display:none; border:2px solid #242f43;}


/* 상단 (로고,로그인,버튼) */
#header	{width:100%;  height:100px; position:relative; background:url(../images/user/bg_top.png) repeat-x;}

#top_layers 	{width:1000px;; height:30px; margin:0 auto; position:relative;}
#top_layers h1				{ position: absolute; float:left; display:inline; margin-top:40px; z-index: 1100; }
#top_layers .util_menu     { float:right; margin-top:8px;}
#top_layers .util_menu dt  { visibility:hidden; position:absolute; }
#top_layers .util_menu dd  {  float:left; display:inline; background:url('images/user/Top_line.gif' )no-repeat left 6px; }
#top_layers .util_menu dd  A {  font-family:'Nanum Gothic'; font-size:12px; color:#333; font-weight:bold; }


/* 상단메뉴 서브 */
#top_menu 			{ width:1000px; height:70px; margin:0 auto; position:relative; z-index:88; }
#top_menu #navi			 { position:absolute; top:30px; right: 0; float:left; }
#top_menu #navi .main_set	  { position: relative; width: 180px; float:left;text-align: center; display:block;  } /* 대메뉴set */
#top_menu #navi .main_item 		{  font-size: 18px; }
#top_menu #navi .sub_set	  { background:#666; position: absolute; left: 50%; width: 140px; margin-left: -70px; border-radius: 5px; display:none; }
#top_menu #navi .sub_set ul {   padding:5px; display: inline-block;  }
#top_menu #navi .sub_set li { width: 100%; display: inline-block; padding:8px 0; }
#top_menu #navi .sub_set li A			{ display: block;  font-family:'Nanum Gothic'; font-weight:bold; font-size:13px; }
#top_menu #navi .sub_set li A:link		{ color:#aaa;text-decoration:none; } /* 방문전*/
#top_menu #navi .sub_set li A:visited	{ color:#aaa;text-decoration:none; } /* 방문후 */
#top_menu #navi .sub_set li A:active	{ color:#aaa;text-decoration:none; } /* 마우스클릭시*/
#top_menu #navi .sub_set li A:hover		{ background:url('/images/user/menu_sub_on.gif') no-repeat 0 3px;color:#fff; font-weight:bold; text-decoration:none; } /* 마우스오버 */
#top_menu #navi .sub_set li A:focus		{ background:url('/images/user/menu_sub_on.gif') no-repeat 0 3px;color:#fff; font-weight:bold; text-decoration:none; } /* 포커스 */


#top_menu #navi .main_item  A			{ padding:0 0 20px 0; display:block; font-family:'Nanum Gothic'; font-size:16px; font-weight:bold; }
#top_menu #navi .main_item  A:link		{ color:#999;text-decoration:none; } /* 방문전*/
#top_menu #navi .main_item  A:visited	{ color:#999;text-decoration:none; } /* 방문후 */
#top_menu #navi .main_item  A:active	{ color:#999;text-decoration:none; } /* 마우스클릭시*/
#top_menu #navi .main_item  A:hover		{ background:url(/images/user/menu_on.gif) no-repeat center bottom; color:#1c92dd; display:block; font-family:'Nanum Gothic'; font-weight:bold;} /* 마우스오버 */
#top_menu #navi .main_item  A:focus		{  background:url(/images/user/menu_on.gif) no-repeat center bottom; color:#1c92dd; display:block; font-family:'Nanum Gothic'; font-weight:bold;} /* 포커스 */

/************************************/
/* 메인내용 */
/************************************/


/* 메인 비주얼 */
#main_visual { position:relative; background:url(../images/user/main_visual_bg.gif) repeat-x; height:340px;}
#main_visual .visual_img	{ background:url(../images/user/main_visual_img.gif) no-repeat center; height:340px; position:relative; margin:0 auto; min-width:1200px;}


#main_content { width:1000px; position:relative; margin:0 auto; padding:25px 0 0 0;}

#cont { width:1000px; height:560px; position:relative; margin:0 auto;}
#cont_potoview { width:670px; height:270px; float:left; border-bottom:5px solid #dedede; padding-bottom:25px;}

#photo_preview {width:300px; height:270px; float:left;  border-right:1px solid #dedede; padding-right:25px;}

/* 갤러리 */
#photo                    { position:relative; width:300px; height:228px; float:left;}
#photo .photo_title       { width:300px; height:20px; margin-bottom:24px;}
#photo .photo_list        { position:relative; width:300px; float:left;}
#photo .photo_list li     { float:left; margin:0 2px;}
#photo .photo_list li img { border:solid 1px #ddd;  width:89px; height:70px; padding:2px;}
#photo .photo_list li p   { font-size:11px; color:#666; margin:12px 0; text-align:center;}
#photo .more_img          { position:relative; float:right; }
#photo .photo_none        { width:290px; padding:50px 0; text-align:center;}

/* 공지사항 */
#preview                         { position:relative; width:300px; height:330px;  float:left; padding-left:24px;}
#preview .preview_title          { width:300px; height:20px;}
#preview .preview_list           { position:relative; width:300px; height:18px; margin-top:18px; background:#fff; }
#preview .preview_list li        { width:100%; display:inline; float:left; margin:0 0 15px 0; border-bottom:1px dashed #dedede;}
#preview .preview_list A         { float:left; padding-left:8px; background:url('/images/user/list.gif') no-repeat 0 5px; }
#preview .preview_list A:link    { color:#777777; text-decoration:none; } /* 방문전 */
#preview .preview_list A:visited { color:#777777; text-decoration:none; } /* 방문후 */
#preview .preview_list A:active  { color:#777777; text-decoration:none; } /* 마우스클릭시 */
#preview .preview_list A:hover   { color:#8a99a8; text-decoration:none; } /* 마우스오버 */
#preview .preview_list A:focus	 { color:#888; text-decoration:none; } /* 포커스 */
#preview .preview_list span      { float:right; display:inline; color:#aaaaaa; }
#preview .more_img 							 { position:relative; float:right; }
#preview .preview_none           { width:280px; padding:45px 0; text-align:center;}

/* 설문조사 */
#survey               { position:relative; width:300px; height:330px;  float:left; padding-left:24px;}
#survey .survey_title { width:300px; height:20px; }
#survey .survey_cont  { width:300px; height:292px; margin-top:18px; }
#survey .more_img     { position:relative; float:right; }

/* SNS */
#sns            { width:260px; height:300px; float:left; margin-left:28px;}
#sns .sns_title { width:300px; height:20px; }
#sns .sns_cont  { width:300px; height:292px; margin-top:18px; }
#sns .more_img  { position:relative; float:right; }

#box_cont {width:1000px; height:110px; float:left; padding-top:25px;}

/* 바로가기 메뉴 */
.short_cut	  { position: relative; width:325px; height:120px; float:left; margin-left:35px; }
.short_cut li	{ float:left; }



/* 서브 컨텐츠 */
#sub_container { position:relative; width:1000px; margin:0 auto;}

#sides			             { width:216px; float:left; border-left: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; height:100%;}
#sides	.sides_title	   { border-bottom:solid 1px #e4e4e4;width:216px; height:86px;}
#sides	.sides_title h3	 { font-family:'Nanum Gothic'; color:#474f58; font-size:26px; font-weight:bold; line-height:28px; float:left;}
#sides ul	               { display:inline-block; clear:both; width:216px;}
#sides li                { border-bottom: solid 1px #e4e4e4;}
#sides .side_menu        {  }
#sides .side_menu a	     { width:182px; font-family:'Nanum Gothic'; font-size:13px; font-weight:bold; color:#999; padding:11px 0 11px 5px; display:block; text-align:right;}
#sides .side_menu_on     { background:#1653b7;}
#sides .side_menu_on a   { width:182px; padding:11px 0 11px 5px; font-family:'Nanum Gothic'; color:#ffffff; font-size:15px; font-weight:bold; display:block; text-align:right;}

.content { width:760px; float:right; position:relative; }

.title    { position:relative; width:760px; float:right; height:40px; margin:30px 0 17px 0;}
.title h2 { position:relative; font-family:'Nanum Gothic'; font-size:30px; font-weight:bold; color:#545454; line-height:120%; }

#sub_visual           { position:relative; background:url(/images/user/sub_visual_bg.gif) repeat-x; height:230px;}
#sub_visual .sub_img	{ background:url(/images/user/sub_visual_img.gif) no-repeat center; height:230px; position:relative; margin:0 auto; min-width:1200px;}

.position			      { background:#e1e1e1; height:32px; }
.box      { width:1000px; margin:0 auto; }
.position  dl		    { padding-top:10px; float:right;}
.position  dd		    { display:inline; }
.position .parents	{ font-size:11px; color:#999; padding:0 6px 0 7px; background:url('/images/user/icon_home_next.gif') no-repeat 0px 1px; }
.position .this		{ font-size:11px; color:#5f514a; padding:0 6px 0 7px; background:url('/images/user/icon_home_next.gif') no-repeat 0px 1px; font-weight:bold; }


/* 연혁 리스트 */
.history_list { width:760px; display:inline-block; border-collapse:collapse; position:relative; border-top:solid 2px #ddd; }
.history_list dt { float:left; position:absolute; left:0; top:13px;  font-weight:bold; font-size:24px; color:#454545; font-family:Verdana, Geneva, sans-serif;width:120px; }
.history_list dd { float:left; font-weight:bold; font-size:12px; color:#777;margin-left:100px; width:660px; }
.history_list dd ul { position:relative;  }
.history_list dd li { padding:7px 0; border-top:dotted 1px #ccc; border-collapse:collapse; position:relative;}
.history_list dd p { font-family: Verdana, Geneva, sans-serif,'Nanum Gothic'; color:#454545;  font-size:12px; margin-left:80px; line-height:140%;}
.history_list .year_span { width:80px; float:left; padding:1px 0 0 0; font-family:Verdana, Geneva, sans-serif; position:absolute; left:0; top:10px; }
.history_list .etc_span { float:right; text-align:center; width:200px; }


/*협력사*/
.company_list { width:100%;  display:inline-block; }
.company_list dl {	float:left; margin:10px 6px; }
.company_list dt .company_img { border-radius:1em; border:solid 1px #ddd;  }
.company_list dd { display:block; margin-top:10px; width:175px;  }
.company_list dd li { padding:0 0 3px 0; text-align:center; font-family:Verdana, Geneva, sans-serif,'Nanum Gothic'; }

/*사진*/
.photo_ul	{ display:inline-block;}
.photo_ul li { float:left; margin-left:45px; }
.photo_ul p	{ text-align:center; font-family:'Nanum Gothic'; font-size:14px; font-weight:bold; padding-top:10px; }
.photo_ul .photo_div { border:solid 1px #ddd; }
.photo_ul .photo_div img { border:solid 4px #fff; }


/* 사이트 맵 */
.site_map { float:left; padding:10px; }
.map_div { width:165px; height:300px; }
.map_div h3 { border-left:solid 2px #1969d2; border-bottom:solid 2px #ddd;border-top:solid 1px #eee;border-right:solid 1px #eee; padding:12px 0 10px 8px; font-family:'Nanum Gothic'; color:#333; background:url(/images/common/board_bg.gif) repeat; }
.map_div ul { font-size:12px; border-left:solid 1px #ddd; background:#fdfdfd; }
.map_div li { border-bottom: dashed 1px #e5e5e5; padding: 8px 0 8px 8px; }
.map_div li A	{ font-weight:bold; font-size:11px; }
.map_div li A:link		{ color:#999;text-decoration:none; } /* 방문전 */
.map_div li A:visited	{ color:#999;text-decoration:none; } /* 방문후 */
.map_div li A:active	{ color:#999;text-decoration:none; } /* 마우스클릭시 */
.map_div li A:hover		{ color:#0d8aa4;text-decoration:none;font-size:12px; } /* 마우스오버 */
.map_div li A:focus		{ color:#0d8aa4;text-decoration:none;font-size:12px; } /* 포커스 */

/* 프로필*/
.profile_ul li{ width:154px; height:210px; float:left; text-align:center; border:solid 1px #ddd; padding:5px; margin:15px 5px 0 10px; }
.profile_ul p { margin-top:10px; font-size:13px; }

/* 프로필*/
.agreement_dl dl{ width:175px; float:left; text-align:center; margin:15px 5px 0 10px; }
.agreement_dl .them_div { background:#fff; overflow:hidden; width:175px; height:240px;}
.agreement_dl .them_div A { width:175px; height:116px; display:table-cell; text-align:center; border:solid 2px #e5e5e5; vertical-align:middle; }
.agreement_dl .them_div A:link	  	{ color:#4f4f4f;text-decoration:none; } /* 방문전 */
.agreement_dl .them_div A:visited	{ color:#4f4f4f;text-decoration:none; } /* 방문후 */
.agreement_dl .them_div A:active  	{ color:#4f4f4f;text-decoration:none; } /* 마우스클릭시 */
.agreement_dl .them_div A:hover		{ border:solid 2px #fbb53d; text-decoration:none;} /* 마우스오버 */
.agreement_dl .them_div A img { vertical-align:middle; display:inline;  }
.agreement_dl dd { padding:5px 0; background:#fafafa; border:solid 1px #e5e5e5; font-size:13px; line-height:18px; }

/* 상품판매 상세정보*/
#view_box { padding-bottom:10px; width:760px; display:inline-block; border-bottom:solid 1px #ddd;}
#view_box h2 { font-family:'NanumGothic'; color:#666; font-size:20px; }
#view_box .box_photo { float:left; width:210px; margin-top:10px;}
#view_box .box_photo a{ border:solid 1px #ddd; display:inline-block;}
#view_box .box_photo .photo_img { border:solid 3px #fff; }
#view_box .box_photo li{ float:left; margin:6px 7px 0 7px; }
#view_box .box_table { float:right; width:480px;}
#view_box .product_table { border-top:#e6e6e6 solid 1px; border-collapse:collapse; color:#666;  }
#view_box .product_table th { border-bottom:#e6e6e6 solid 1px; background:#f9f9f9; font-family:Verdana,Geneva,sans-serif;  padding:15px 0 8px 3px; text-align:left;}
#view_box .product_table td { border-bottom:#e6e6e6 solid 1px; padding:15px 0 8px 3px; font-family:Verdana,Geneva,sans-serif; text-align:left; }

/*****************************************************/
/*****************************************************/


/*카피라이트*/
#footer { background:url('/images/user/copy_bg.gif') repeat-x; height:90px; clear:both;}
#footer .footer_info	{ width:1000px; margin:0 auto; height:30px; position:relative; }
#footer .footer_info h3  { float:left; height:50px; }
#footer .copy_right	{ float:left; margin:10px 0 0 12px; color:#888;}

.way_div { border:solid 1px #eee; border-top:none; margin-top:-3px; text-align:center; position:relative; padding:15px 0; }


/* 캘린더 */
.calendar_table  								{ border-collapse:collapse; }
.calendar_table .calendar_line 	{ padding:3px 0 1px 0; font-weight:normal; text-align:left;}
.calendar_table td 							{ height:100px; vertical-align:top; }
.calendar_table th 							{ padding:7px; text-align:center; color:#666; border:solid 1px #ccc; background:url('/images/common/table_title_bg.gif') repeat-x;  }
.calendar_table .item_date 			{ font-weight:bold; color:#777; border:solid 1px #ccc; }
.calendar_table .item_date_memo { font-weight:bold; color:#777; border:solid 1px #ccc; background:url(/images/calendar_memo_bg.gif) no-repeat; }
.calendar_table .item_date_today { font-weight:bold; color:#333; border:solid 1px #ccc; background:#FFC; }
.calendar_table .item_date_selectday { font-weight:bold; color:#666; border:solid 1px #ccc; background-color:#D3FFD3; }
.calendar_table .item_date_seltoday { font-weight:bold; color:#666; border:solid 1px #ccc; background-color:#FFC; }

/*텍스트 컬러*/
.red_t { font-size:11px; color:#a73434; font-weight:bold; }
.green_t { font-size:11px; color:#1f9790; font-weight:bold; }
.blue_t { font-size:11px; color:#4c1f97; font-weight:bold; }
.orange_t { font-size:11px; color:#fd6d16;  font-weight:bold;}

.input_chk            {display:block;height:24px;position:relative}
.input_chk input      {position:absolute;top:50%;right:1px;z-index:9;margin-top:-11px;-webkit-appearance:none}
.input_chk label      {display:block;position:absolute;top:0;left:0;z-index:10;width:100%;height:24px;background-size:24px 24px;-webkit-background-size:24px 24px;font-size:14px;font-weight:bold;color:#333;line-height:24px;cursor:pointer}