@charset "utf-8";

/* PC 모드 CSS */

html, body { height:100%; }
body { overflow-y:scroll; }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


#loading_display { position:absolute; left:0px; right:0px; top:0px; bottom:0px; background:#000; z-index:200; }
	#loading_display #loading_display_in1 { position:absolute; left:50%; top:50%; }
	#loading_display #loading_display_in2 { position:absolute; left:-25px;; top:-25px; width:50px; height:50px; }


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


#wrap { position:relative; display:none; min-width:1000px; }

	#top { position:relative; width:100%; height:80px; background:URL('/image/common/bg_top.jpg') left top repeat-x; }
		#top #logo_n_top { position:relative; width:1000px; height:0; margin:0 auto; }
		#top #logo_n_top h1 { display:block; position:absolute; left:0; top:20px; width:200px; z-index:9999; }
		#top #logo_n_top h1.logo_text {  }
		#top #logo_n_top #etc_menu { position:absolute; right:0px; bottom:20px; background:#FFF; }
		#top #logo_n_top #etc_menu ul li { float:left; height:18px; background:URL('../img/bg09.gif') no-repeat; font-size:12px; }
/*		#top #logo_n_top #etc_menu ul li:nth-child(1) { float:left; background:#FFF; height:18px; font-size:12px; } */
		#top #logo_n_top #etc_menu ul li span { display:inline-block; height:18px; line-height:18px; padding:0px 10px 0px 11px; color:#999; }
		#top #logo_n_top #etc_menu ul li span.mob { display:inline-block; height:16px; line-height:16px; padding:0px 10px 0px 10px; color:#666; background:#F1F1F1; border-radius:2px; border:1px solid #DADADA; font-size:11px; }
		#top #logo_n_top #etc_menu ul li span:hover { text-decoration:underline; }
		#top #logo_n_top #etc_menu ul li span.mob:hover { text-decoration:none; }

		#top #menu1 { position:absolute; top:20px; width:100%; overflow:hidden;} 
		#top #menu2 { position:relative; width:1000px; margin:0 auto; overflow:hidden; z-index:200; border: 0px solid #222; }
		#top #menu2 ul.m1_ul { overflow:hidden; width:10000px; margin-bottom:30px; }
		#top #menu2 li.m1_li { float:left; margin-left:0px; margin-right:0px; text-align:left; overflow:hidden; border: 0px solid #222; }
		/*#top #menu2 li.m1_li:first-child { margin-left:184px; }*/
		#top #menu2 li.m1_li:nth-child(1) { margin-left:180px; margin-right:27px; }
		#top #menu2 li.m1_li:nth-child(2) { margin-right:22px; }
		#top #menu2 li.m1_li:nth-child(3) { margin-right:7px; }
		#top #menu2 li.m1_li:nth-child(4) { margin-right:27px; }
		#top #menu2 li.m1_li:nth-child(5) { margin-right:27px; }
		#top #menu2 li.m1_li:nth-child(6) { margin-right:0px; }
		#top #menu2 li.m1_li:nth-child(7) { margin-right:0px; }
		#top #menu2 li.m1_li span.m1_li { display:inline-block; margin-top:4px; height:40px; line-height:40px; overflow:hidden; }
		#top #menu2 ul.m2_ul { margin-top:38px; }
		#top #menu2 li.m2_li { padding-top:4px; cursor:pointer; font-size:11px;  text-align:left; margin-left:0px; margin-right:2px; }
		#top #menu2 li.m3_li { padding-top:4px; cursor:pointer; text-align:left; margin-left:0px; margin-right:10px; }
		#top #menu3 { position:absolute; top:60px; left:0px; right:0px; bottom:0px; z-index:100; }
		#mode_change { margin-bottom:1px; text-align:center; font-weight:bold; color:#F00; background:#F1F1F1; padding:10px; }

	/* 모바일기기용 상단 CSS */
	#top_mob { overflow:hidden; }
		#top_mob #logo_n_top { position:relative; width:1000px; margin:0 auto; overflow:hidden; }
		#top_mob #logo_n_top h1.logo_text { display:block; height:100px; line-height:100px; font-size:30px; }
		#top_mob #logo_n_top #etc_menu { position:absolute; right:0px; bottom:20px; background:#FFF; }
		#top_mob #logo_n_top #etc_menu ul li { float:left; height:18px; background:URL('../img/bg09.gif') no-repeat; font-size:12px; }
/*		#top_mob #logo_n_top #etc_menu ul li:nth-child(1) { float:left; background:#FFF; height:18px; font-size:12px; } */
		#top_mob #logo_n_top #etc_menu ul li span { display:inline-block; height:18px; line-height:18px; padding:0px 10px 0px 11px; color:#999; }
		#top_mob #logo_n_top #etc_menu ul li span.mob { display:inline-block; height:16px; line-height:16px; padding:0px 10px 0px 10px; color:#666; background:#F1F1F1; border:1px solid #DADADA; font-size:11px; }
		#top_mob #logo_n_top #etc_menu ul li span:hover { text-decoration:underline; }
		#top_mob #logo_n_top #etc_menu ul li span.mob:hover { text-decoration:none; }

		#top_mob #menu1 { position:relative; overflow:hidden; } 
		#top_mob #menu2 { position:relative; width:1000px; margin:0 auto; overflow:hidden; z-index:200; }
		#top_mob #menu2 ul.m1_ul { overflow:hidden; width:10000px; margin-bottom:30px; }
		#top_mob #menu2 li.m1_li { font-size:13px; float:left; margin-left:10px; margin-right:10px; min-width:100px; overflow:hidden; text-align:center;}
		#top_mob #menu2 li.m1_li span.m1_li { display:inline-block; margin-top:4px; height:40px; line-height:40px; overflow:hidden; }
		#top_mob #menu2 ul.m2_ul { margin-top:20px; }
		#top_mob #menu2 li.m2_li { padding-top:4px; cursor:pointer; text-align:left; margin-left:10px; margin-right:10px; }
		#top_mob #menu2 li.m3_li { padding-top:4px; cursor:pointer; text-align:left; margin-left:0px; margin-right:10px; }
		#top_mob #menu3 { position:absolute; top:46px; left:0px; right:0px; bottom:0px; z-index:20; }
		#mobile_mode_button { position:relative; width:1000px; padding:10px; text-align:center; margin-bottom:1px; background:#F1F1F1; }


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */

	#quick { position:relative; clear:both; z-index:13; }
		#quick_left { position:absolute; left:0px; top:0px; width:50%; height:100%; }
			#quick_left_in { position:relative; margin-right:500px; height:100%; }
			#quick_left_area { position:absolute; top:0px; }
			#quick_left li { line-height:1px; }
			#quick_left img { vertical-align:top; line-height:1px; }
		#quick_right { position:absolute; right:0px; top:0px; width:50%; height:100%; }
			#quick_right_in { position:relative; margin-left:500px; height:100%; }
			#quick_right_area { position:absolute; top:0px; }
			#quick_right li { line-height:1px; }
			#quick_right img { vertical-align:top; }

	#visual_area { position:relative; clear:both; overflow:hidden; }
		#visual_area div.visual_group { position:absolute; width:100%; top:0px; overflow:hidden; }
		#visual_area div.visual_group div.visual_left { position:absolute; left:0px; top:0px; width:50%; height:100%; }
		#visual_area div.visual_group div.visual_left_in { position:relative; margin-right:500px; height:100%; }
		#visual_area div.visual_group div.visual_right { position:absolute; right:0px; top:0px; width:50%; height:100%; }
		#visual_area div.visual_group div.visual_right_in { position:relative; margin-left:500px; height:100%; }
		#visual_area div.visual_group div.visual_center { position:relative; margin:0 auto; width:1000px; z-index:2; overflow:hidden; }
		#visual_area #visual_bul_group { position:absolute; left:0px; bottom:20px; width:100%; height:15px; text-align:center; z-index:13; }
		#visual_area #visual_bul_group span.visual_slide_bul1 { display:inline-block; width:16px; height:16px; background:URL('../img/btn_now.png'); margin:0px 2px 0px 2px; cursor:pointer; }
		#visual_area #visual_bul_group span.visual_slide_bul2 { display:inline-block; width:16px; height:16px; background:URL('../img/btn_next.png'); margin:0px 2px 0px 2px; cursor:pointer; }


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


	#main_contents {  }
		#main_contents div.main_board_area { position:relative; float:left; display:inline-block; overflow:hidden; }
			#main_contents div.main_board_area div.main_board_A_500 { position:relative; width:500px; height:165px; overflow:hidden; padding:30px 0px 30px 0px; }
			#main_contents div.main_board_area div.main_board_A_500 ul { margin-top:15px; }
			#main_contents div.main_board_area div.main_board_A_500 ul li { display:block; font-size:14px; height:26px; line-height:26px; width:453px; padding-left:17px; overflow:hidden; background:URL('../img/bul02.png') left center no-repeat; }
			#main_contents div.main_board_area div.main_board_A_500 ul li span.subject { vertical-align:middle; float:left; display:inline-block; width:383px; margin-right:10px; color:#656565;  }
			#main_contents div.main_board_area div.main_board_A_500 ul li span.subject:hover { color:#2383B5; text-decoration:underline;  }
			#main_contents div.main_board_area div.main_board_A_500 ul li span.date { vertical-align:middle; float:left; display:inline-block;  font-size:12px; width:60px; text-align:right; color:#656565; }
			#main_contents div.main_board_area div.main_board_B_500 { position:relative; width:500px; height:165px; overflow:hidden; padding:30px 0px 30px 0px; }
			#main_contents div.main_board_area div.main_board_B_500 ul { margin-top:15px; }
			#main_contents div.main_board_area div.main_board_B_500 ul li span { vertical-align:top; }
			#main_contents div.main_board_area div.main_board_B_500 ul li span.img { float:left; margin-right:20px; }
			#main_contents div.main_board_area div.main_board_B_500 ul li span.subject { display:block; width:300px; height:17px; line-height:18px; font-size:16px; font-weight:bold; overflow:hidden; color:#000; }
			#main_contents div.main_board_area div.main_board_B_500 ul li span.subject:hover { color:#2383B5; text-decoration:underline;  }
			#main_contents div.main_board_area div.main_board_B_500 ul li p.board_content { color:#666; width:300px; font-size:14px; line-height:21px; margin-top:20px; height:82px; overflow:hidden; text-align:justify; }
			#main_contents div.main_board_area div.main_board_B_500 ul li p.board_content > a { color:#666; }
			#main_contents div.main_board_area div.main_board_B_500 ul li p.board_content > a:hover { color:#2383B5; text-decoration:underline; }
			#main_contents div.main_board_area div.main_board_C_500 { position:relative; width:500px; height:165px; overflow:hidden; padding:30px 0px 30px 0px; }
			#main_contents div.main_board_area div.main_board_C_500 ul { margin-top:15px; }
			#main_contents div.main_board_area div.main_board_C_500 ul li { float:left; width:100px; margin-right:23px; overflow:hidden;}
/*			#main_contents div.main_board_area div.main_board_C_500 ul li:last-child { margin-right:0px; } */
			#main_contents div.main_board_area div.main_board_C_500 ul li span { vertical-align:middle; }
			#main_contents div.main_board_area div.main_board_C_500 ul li span.img { display:block; margin-bottom:10px; }
			#main_contents div.main_board_area div.main_board_C_500 ul li span.subject { display:block;  font-size:12px; line-height:14px; height:28px; overflow:hidden; font-weight:bold; color:#000000; vertical-align:middle; }
			#main_contents div.main_board_area div.main_board_C_500 ul li span.subject:hover { color:#2383B5; text-decoration:underline;  }
			#main_contents div.main_board_area div.main_board_A_1000 { position:relative; overflow:hidden; padding:30px 0px 30px 0px; }
			#main_contents div.main_board_area div.main_board_A_1000 ul li { display:block; font-size:24px; height:33px; line-height:33px; text-align:center; overflow:hidden; }
			#main_contents div.main_board_area div.main_board_A_1000 ul li span { vertical-align:middle; margin-right:2px; }
			#main_contents div.main_board_area div.main_board_A_1000 ul li span.subject { font-family:'나눔바른고딕','NanumBarunGothic','나눔고딕','NanumGothic', '맑은 고딕','malgun gothic','Nanum Gothic','dotum','돋움'; color:#010101; }
			#main_contents div.main_board_area div.main_board_A_1000 ul li span.subject:hover { color:#2383B5; text-decoration:underline;  }
			#main_contents div.main_board_area div.main_board_B_1000 { position:relative; overflow:hidden; padding:30px 0px 30px 0px; }
			#main_contents div.main_board_area div.main_board_B_1000 ul li span { vertical-align:top; }
			#main_contents div.main_board_area div.main_board_B_1000 ul li span.img { float:left; margin-right:30px; }
			#main_contents div.main_board_area div.main_board_B_1000 ul li span.subject { display:block; width:770px; height:33px; line-height:33px; font-size:24px; font-family:'나눔바른고딕','NanumBarunGothic','나눔고딕','NanumGothic', '맑은 고딕','malgun gothic','Nanum Gothic','dotum','돋움'; overflow:hidden; }
			#main_contents div.main_board_area div.main_board_B_1000 ul li span.board_subject { color:#010101; }
			#main_contents div.main_board_area div.main_board_B_1000 ul li span.board_subject:hover { color:#2383B5; text-decoration:underline;  }
			#main_contents div.main_board_area div.main_board_B_1000 ul li span.board_title { float:right; height:14px; line-height:14px; font-size:12px; color:#9A9A9A; padding-left:20px; margin-top:9px; border-left:1px solid #DADADA; }
			#main_contents div.main_board_area div.main_board_B_1000 ul li p.board_content { margin-top:10px; height:110px; overflow:hidden; text-align:justify; }
			#main_contents div.main_board_area div.main_board_B_1000 ul li p.board_content > a { color:#666; font-size:14px; line-height:22px; margin-top:17px; }
			#main_contents div.main_board_area div.main_board_B_1000 ul li p.board_content > a:hover { color:#2383B5; text-decoration:underline;  }
			#main_contents div.main_board_area div.main_board_C_1000 { position:relative; overflow:hidden; padding:30px 0px 30px 0px; }
			#main_contents div.main_board_area div.main_board_C_1000 ul li { float:left; width:180px; margin-right:25px; overflow:hidden;}
/*			#main_contents div.main_board_area div.main_board_C_1000 ul li:last-child { margin-right:0px; } */
			#main_contents div.main_board_area div.main_board_C_1000 ul li span { vertical-align:middle; }
			#main_contents div.main_board_area div.main_board_C_1000 ul li span.img { display:block; margin-bottom:10px; }
			#main_contents div.main_board_area div.main_board_C_1000 ul li span.subject { font-size:14px; line-height:16px; font-weight:bold; color:#000; vertical-align:middle; }
			#main_contents div.main_board_area div.main_board_C_1000 ul li span.subject:hover { color:#2383B5; text-decoration:underline;  }
			#main_contents div.main_board_area div.main_board_C_1000 ul li p.board_content { color:#666; font-size:12px; line-height:18px; overflow:hidden; text-align:justify; margin-top:5px; }
			#main_contents div.main_board_area div.main_board_C_1000 ul li p.board_content > a { color:#666; }
			#main_contents div.main_board_area div.main_board_C_1000 ul li p.board_content > a:hover { color:#2383B5; text-decoration:underline; }

		#main_contents div.main_form_area { position:relative; float:left; display:inline-block; overflow:hidden; }
			#main_contents div.main_form_area span.title { display:block; text-align:center; height:32px; line-height:32px; font-size:14px; }
			#main_contents div.main_form_area span.title2 { color:#010101; }
			#main_contents div.main_form_area span.title3 { color:#000; font-size:16px; font-weight:bold; font-family:'나눔바른고딕','NanumBarunGothic','나눔고딕','NanumGothic', '맑은 고딕','malgun gothic','Nanum Gothic','dotum','돋움'; }
			#main_contents div.main_form_area div.main_form_1000 { position:relative; overflow:hidden; padding:30px 0px 30px 0px; }
			#main_contents div.main_form_area div.main_form_1000 ul li { display:block; font-size:24px; height:33px; line-height:33px; text-align:center; overflow:hidden; }
			#main_contents div.main_form_area div.main_form_1000 ul li span { vertical-align:middle; }
			#main_contents div.main_form_area div.main_form_1000 ul li span.date { float:left; font-size:14px; color:#666; }
			#main_contents div.main_form_area div.main_form_1000 ul li span.subject { display:inline-block; width:700px; overflow:hidden; font-family:'나눔바른고딕','NanumBarunGothic','나눔고딕','NanumGothic', '맑은 고딕','malgun gothic','Nanum Gothic','dotum','돋움'; color:#010101; }
			#main_contents div.main_form_area div.main_form_1000 ul li span.subject:hover { color:#2383B5; text-decoration:underline;  }
			#main_contents div.main_form_area div.main_form_1000 ul li span.state { float:right; font-size:12px; color:#666; }
			#main_contents div.main_form_area div.main_form_1000 ul li span.state_1 { display:inline-block; width:100px; height:22px; line-height:22px; color:#353430; border-radius:2px; border:1px solid #AED0DC; background:#C0E7F6; }
			#main_contents div.main_form_area div.main_form_1000 ul li span.state_2 { display:inline-block; width:100px; height:22px; line-height:22px; color:#353430; border-radius:2px; border:1px solid #E7BFB3; background:#FFD5C5; }
			#main_contents div.main_form_area div.main_form_1000 ul li span.state_3 { display:inline-block; width:100px; height:22px; line-height:22px; color:#353430; border-radius:2px; border:1px solid #BCB9CC; background:#D0CDE2; }
			#main_contents div.main_form_area div.main_form_1000 ul li span.state_4 { display:inline-block; width:100px; height:22px; line-height:22px; color:#353430; border-radius:2px; border:1px solid #D4D8BD; background:#EBF0D2; }
			#main_contents div.main_form_area div.main_form_500 { position:relative; width:500px; height:165px; overflow:hidden; padding:30px 0px 30px 0px; }
			#main_contents div.main_form_area div.main_form_500 ul { margin-top:15px; }
			#main_contents div.main_form_area div.main_form_500 ul li { display:block; height:26px; line-height:26px; overflow:hidden; }
			#main_contents div.main_form_area div.main_form_500 ul li span { float:left; vertical-align:middle; }
			#main_contents div.main_form_area div.main_form_500 ul li span.date { display:inline-block; width:90px; font-size:12px; color:#666; text-align:center; }
			#main_contents div.main_form_area div.main_form_500 ul li span.subject { display:inline-block; font-size:14px; width:263px; height:22px; overflow:hidden; color:#666; padding-left:17px; background:URL('../img/bul03.png') left center no-repeat; }
			#main_contents div.main_form_area div.main_form_500 ul li span.subject:hover { color:#2383B5; text-decoration:underline;  }
			#main_contents div.main_form_area div.main_form_500 ul li span.state { font-size:12px; color:#666; text-align:center; }
			#main_contents div.main_form_area div.main_form_500 ul li span.state_1 { display:inline-block; width:98px; height:22px; line-height:22px; color:#353430; border-radius:2px; border:1px solid #AED0DC; background:#C0E7F6; }
			#main_contents div.main_form_area div.main_form_500 ul li span.state_2 { display:inline-block; width:98px; height:22px; line-height:22px; color:#353430; border-radius:2px; border:1px solid #E7BFB3; background:#FFD5C5; }
			#main_contents div.main_form_area div.main_form_500 ul li span.state_3 { display:inline-block; width:98px; height:22px; line-height:22px; color:#353430; border-radius:2px; border:1px solid #BCB9CC; background:#D0CDE2; }
			#main_contents div.main_form_area div.main_form_500 ul li span.state_4 { display:inline-block; width:98px; height:22px; line-height:22px; color:#353430; border-radius:2px; border:1px solid #D4D8BD; background:#EBF0D2; }

		#main_contents div.main_login_area { position:relative; float:left; display:inline-block; overflow:hidden; }
			#main_contents div.main_login_area div.div1 { padding:30px 0px 30px 0px; }
			#main_contents div.main_login_area div.div2 { position:relative; width:500px; height:165px; overflow:hidden; padding:30px 0px 30px 0px; }
			#main_contents div.main_login_area h3.title { float:left; display:inline-block; width:100px; height:32px; line-height:32px; vertical-align:top; }
			#main_contents div.main_login_area span.title { font-size:24px; font-family:'나눔바른고딕','NanumBarunGothic','나눔고딕','NanumGothic', '맑은 고딕','malgun gothic','Nanum Gothic','dotum','돋움'; color:#333; }
			#main_contents div.main_login_area span.title2 { color:#000; font-size:16px; font-weight:bold; font-family:'나눔바른고딕','NanumBarunGothic','나눔고딕','NanumGothic', '맑은 고딕','malgun gothic','Nanum Gothic','dotum','돋움'; }
			#main_contents div.main_login_area input.css_id { ime-mode:disabled; border:1px solid #DADADA; width:222px; height:14px; margin-right:10px; padding:8px; background:URL('../img/input_bg_id.jpg') #F9F9F9 no-repeat; }
			#main_contents div.main_login_area input.css_id2 { position:absolute; left:0px; top:70px; ime-mode:disabled; border:1px solid #DADADA; width:294px; height:14px; padding:8px; background:URL('../img/input_bg_id.jpg') #F9F9F9 no-repeat; }
			#main_contents div.main_login_area input.css_pwd { border:1px solid #DADADA; width:222px; height:14px; margin-right:10px; padding:8px; background:URL('../img/input_bg_pwd.jpg') #F9F9F9 no-repeat; }
			#main_contents div.main_login_area input.css_pwd2 { position:absolute; left:0px; top:108px; border:1px solid #DADADA; width:294px; height:14px; padding:8px; background:URL('../img/input_bg_pwd.jpg') #F9F9F9 no-repeat; }
			#main_contents div.main_login_area button.btn_login { width:150px; height:32px; color:#FFF; font-weight:bold; margin-right:40px; border-radius:3px; border:1px solid #2383B5; background:#289CCB; }
			#main_contents div.main_login_area button.btn_login2 { position:absolute; left:320px; top:70px; width:150px; height:70px; font-size:16px; color:#FFF; font-weight:bold; border-radius:3px; border:1px solid #2383B5; background:#289CCB; }
			#main_contents div.main_login_area button.btn_login3 { position:absolute; left:320px; top:70px; width:150px; height:70px; font-size:16px; color:#FFF; font-weight:bold; margin-right:40px; border-radius:3px; border:1px solid #2383B5; background:#289CCB; }
			#main_contents div.main_login_area span.other_menu { float:right; display:inline-block; width:195px; height:32px; line-height:16px; overflow:hidden; }
			#main_contents div.main_login_area span.other_menu1 { font-size:11px; color:#666; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; text-decoration:underline; margin-right:20px; }
			#main_contents div.main_login_area span.other_menu2 { font-size:11px; color:#666; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; }
			#main_contents div.main_login_area span.other_menu3 { font-size:11px; color:#666; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; margin-right:20px; }
			#main_contents div.main_login_area span.other_menu4 { float:right; display:inline-block; width:200px; height:32px; line-height:16px; overflow:hidden; }
			#main_contents div.main_login_area span.other_menu5 { font-size:11px; font-weight:bold; color:#2383B6; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; text-decoration:underline; margin-right:20px; }
			#main_contents div.main_login_area span.other_menu6 { font-size:11px; color:#666; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; }
			#main_contents div.main_login_area span.other_menu7 { font-size:11px; color:#666; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; margin-right:20px; }
			#main_contents div.main_login_area span.other_menu8 { font-size:11px; color:#666; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; }
			#main_contents div.main_login_area span.other_menu9 { position:absolute; left:0px; top:160px; }
			#main_contents div.main_login_area span.other_menu10 { font-size:14px; color:#666; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; text-decoration:underline; margin-right:14px; }
			#main_contents div.main_login_area span.other_menu11 { font-size:14px; color:#666; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; margin-right:14px; }
			#main_contents div.main_login_area span.other_menu13 { font-size:14px; color:#666; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; }
			#main_contents div.main_login_area span.other_menu14 { font-size:14px; font-weight:bold; color:#2383B6; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; text-decoration:underline; margin-right:14px; }
			#main_contents div.main_login_area span.membership { display:inline-block; width:490px; height:32px; line-height:32px; background:URL('../img/login_bg.png'); text-align:center; color:#000; margin-right:10px; vertical-align:top; }
			#main_contents div.main_login_area span.membership1 { font-weight:bold; text-decoration:underline; }
			#main_contents div.main_login_area span.membership2 { display:inline-block; margin-left:15px; vertical-align:middle; }
			#main_contents div.main_login_area span.membership3 { position:absolute; left:0px; top:70px; display:inline-block; width:310px; height:68px; line-height:68px; background:#F0F0F0; border-radius:3px; border:1px solid #CDCDCD; text-align:center; color:#000; font-size:14px; }
			#main_contents div.main_login_area span.membership4 { font-weight:bold; text-decoration:underline; }
			#main_contents div.main_login_area span.membership5 { color:#C00; margin-left:10px; }

		#main_contents div.main_diary_area { position:relative; float:left; display:inline-block; overflow:hidden; }
			#main_contents div.main_diary_area div.div1 { padding:30px 0px 30px 0px; overflow:hidden; }
			#main_contents div.main_diary_area div.div2 { position:relative; width:500px; height:165px; overflow:hidden; padding:30px 0px 30px 0px; }
			#main_contents div.main_diary_area div.div3 { margin-left:25px; }
			#main_contents div.main_diary_area div.div4 { float:left; width:155px; text-align:center; }
			#main_contents div.main_diary_area div.div5 { margin-bottom:10px; }
			#main_contents div.main_diary_area div.div6 { text-align:center; font-family:'Arial Black'; height:90px; overflow:hidden; font-size:100px; line-height:90px; color:#333; margin-bottom:15px; }
			#main_contents div.main_diary_area div.div7 { text-align:center; font-size:14px; line-height:17px; color:#333; font-weight:bold; }
			#main_contents div.main_diary_area div.div8 { float:left; overflow:hidden; margin-left:20px; }
			#main_contents div.main_diary_area span.title { display:block; height:24px; line-height:24px; font-size:24px; font-family:'나눔바른고딕','NanumBarunGothic','나눔고딕','NanumGothic', '맑은 고딕','malgun gothic','Nanum Gothic','dotum','돋움'; overflow:hidden; color:#010101; text-align:center; border-bottom:1px solid #F7F7F7; padding-bottom:20px; margin-bottom:23px; }
			#main_contents div.main_diary_area span.ym { display:block; font-size:16px; color:#2E2E2E; margin-bottom:10px; font-family:tahoma; }
			#main_contents div.main_diary_area span.ym2 { display:inline-block; width:90px; height:14px; line-height:14px; text-align:center; font-size:14px; color:#2E2E2E; font-family:tahoma; vertical-align:top; }
			#main_contents div.main_diary_area span.ymc { display:inline-block; width:14px; height:14px; vertical-align:top; }
			#main_contents div.main_diary_area span.week { color:#666; font-weight:normal; }
			#main_contents div.main_diary_area li.m1 { float:left; text-align:center; width:330px; }
			#main_contents div.main_diary_area li.m2 { float:left; text-align:center; width:330px; margin-left:5px; }
			#main_contents div.main_diary_area div.main_diary { width:282px; }
			#main_contents div.main_diary_area div.main_diary ul { border:1px solid #FFF; overflow:hidden; }
			#main_contents div.main_diary_area div.main_diary ul li { float:left; display:inline-block; width:38px; height:23px; border:1px solid #FFF; text-align:center; font-family:tahoma; font-size:12px; }
			#main_contents div.main_diary_area div.main_diary ul li.days { float:left; display:inline-block; width:38px; height:23px; border:1px solid #FFF; text-align:center; font-family:tahoma; font-size:12px; }
			#main_contents div.main_diary_area div.main_diary ul li.days:hover { border:1px solid #45bbeb; }
			#main_contents div.main_diary_area div.main_diary ul li span { display:inline-block; width:38px; height:23px; line-height:23px; color:#333; }

		#main_contents div.main_banner_area { position:relative; float:left; display:inline-block; }
			#main_contents div.main_content_block { width:1000px; margin:0 auto; overflow:hidden; }
			#main_contents div.main_content_block span.main_board_title1 { display:block; text-align:center; height:32px; line-height:32px; font-size:14px; margin-bottom:10px; }
			#main_contents div.main_content_block span.main_board_title11{ color:#010101; }
			#main_contents div.main_content_block span.main_board_title2{ color:#000; font-size:16px; font-weight:bold; font-family:'나눔바른고딕','NanumBarunGothic','나눔고딕','NanumGothic', '맑은 고딕','malgun gothic','Nanum Gothic','dotum','돋움'; }


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


	#content_area { position:relative; clear:both; margin:0px auto; width:1000px; overflow:hidden; }
		#content_area div.title_n_loc { margin:80px 0px 40px 0px; padding-bottom:10px; border-bottom:0px solid #6788E5; overflow:hidden; }
		#content_area div.title_n_loc span.title{ font-size:30px; font-weight:600; line-height:40px; color:#000; vertical-align:middle; }
		#content_area div.title_n_loc span.loc { float:right; line-height:35px; margin-left:20px; vertical-align:middle; }
		#content_area div.title_n_loc span.loc1 { color:#999; margin-right:9px; text-decoration:underline; }
		#content_area div.title_n_loc span.loc2 { color:#999; margin-right:9px; text-decoration:underline; background:URL('../img/bul_loc1.jpg') left center no-repeat; padding-left:14px; }
		#content_area div.title_n_loc span.loc3 { color:#333; margin-right:10px; background:URL('../img/bul_loc2.jpg') left center no-repeat; padding-left:19px; }
		#content_area div.no_auth { text-align:center; border:1px solid #DADADA; background:#F9F9F9; padding:60px; font-size:16px; color:#000; font-weight:bold; }
		#content_area div.no_auth > span { color:#299DCC; }
		#content_area div.no_auth div { margin-top:30px; }
		#content_area div.no_content { text-align:center; border:1px solid #DADADA; background:#F9F9F9; padding:60px; font-size:16px; color:#000; font-weight:bold; }
		#content_area div.no_content > span { color:#299DCC; }
		#content_area div.no_content div { margin-top:30px; }


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


	#bottom { position:relative; width:100%; min-width:1000px; margin-top:40px; border-top:0px solid #E2E2E2; }
		#menu_member_100per { position:relative; clear:both; padding-top:0px; }
		#menu_member { position:relative; width:1000px; height:0; margin:0 auto; clear:both; }
		#menu_member ul li { display:inline-block; height:40px; line-height:40px; }
		#menu_member ul li span { display:inline-block; margin-right:12px; padding-right:13px; font-size:1.083em; font-weight:600; color:#444; background:url('../image/common/footer_line.jpg') right center no-repeat; }
		#menu_member ul li span.lst { background:#fff; }
		.footerMn { position:relative; width:1000px; margin:0 auto; background:#ECECED; overflow:hidden; }
		.footerMn_L { float:left; height:49px; line-height:49px; padding-left:30px; font-size:18px; font-weight:600; color:#333; }
		.footerMn_L span { font-size:16px; font-weight:600; color:#555; }
		.footerMn_R { float:right; padding-right:30px; }
		.footerMn_R span a { display:inline-block; margin-left:20px; height:49px; line-height:49px; font-size:13px; font-weight:600; color:#555; }
		#menu_focus { position:absolute; right:20px; top:40px; }
		#menu_focus span { float:left; margin-left:2px; }
		.copyright_box { position:relative; width:100%; background:url('/image/common/bg_footer.jpg') center top no-repeat; }
		#copyright { position:relative; clear:both; margin:0 auto; width:1000px; padding:20px 0px 40px 0px; overflow:hidden; }
		.footer_logo { float:left; padding:10px 0 0; }
		#copyright div.address { float:right; width:770px; line-height:20px; font-size:1em; color:#848484; }
		#copyright div.address > div { clear:both; }
		#copyright span { float:left; display:inline-block; margin:0 10px 0 0; }

		#copyright span.tel { color:#848484; }
		#copyright span.tel2 { color:#848484; }
		#copyright span.copy { margin-left:0px; padding-left:0px;width:100%; margin-top:0px; }
		#copyright img.snumber2 { margin-left:5px; vertical-align:middle; }


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


	#ssl_mark { position:fixed; right:0px; bottom:0px; z-index:20; }
	#ssl_mark > img { width:95px; height:95px; cursor:pointer; }


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


	/* popup */
		div.popup_area { position:fixed; display:block; z-index:100; }
		div.popup_border { border:1px solid #444444; padding:2px; overflow:hidden; }
		div.popup_title { height:23px; line-height:23px; color:#F7F8FA; font-weight:bold; background:URL('../img/pop.jpg') no-repeat left top; overflow:hidden; padding:0px 5px 0px 40px; font-size:11px; cursor:pointer; }
		div.popup_close { height:31px; text-align:right; overflow:hidden; }
		button.popup_close_but1 { margin-top:4px; background:URL('../img/pop_today.png'); border:0px; width:101px; height:23px; cursor:pointer; }
		button.popup_close_but2 { margin-top:4px; background:URL('../img/pop_close.png'); border:0px; width:60px; height:23px; cursor:pointer; }


/**************************************************
   Main
 *************************************************/

.mainBox { position:relative; width:100%; }
.mainBox1 { position:relative; width:1000px; margin:0 auto; background:#fff; overflow:hidden; }
.mainBox1_C { position:relative; font-size:0; overflow:hidden; }
.mainBox1_L { float:left; display:block; width:235px; margin-right:20px; }
.mainBox1_R { float:left; display:block; width:235px; margin-right:0px; }
.mainTel { position:absolute; left:575px; top:353px; z-index:3; }

.mainBox2 { position:relative; width:1000px; margin:460px 0 0; }
.mainBox3 { position:relative; width:1000px; margin:0 auto 40px; overflow:hidden; }
.mainBox3_L { float:left; display:block; width:310px; height:135px; margin:0 35px 0 0; background:#F7F7F7 url('/image/main/bx_icon1.jpg') 225px 55px no-repeat; }
.mainBox3_C { float:left; display:block; width:310px; height:135px; margin:0 35px 0 0; background:#F7F7F7 url('/image/main/bx_icon2.jpg') 225px 55px no-repeat; }
.mainBox3_R { float:left; display:block; width:310px; height:135px; margin:0; background:#F7F7F7 url('/image/main/bx_icon3.jpg') 225px 55px no-repeat; }
.mainBox3_T { margin:18px 0 10px 30px; padding:4px 0 0; font-size:20px; font-weight:600; color:#333; background:url('/image/main/bx_line.jpg') left top no-repeat; }
.mainSmt { margin:0 0 0 30px; font-size:12px; font-weight:400; color:#888; line-height:135%; }

.mainBox_ic { margin:40px 0 0; text-align:center; }
.mainBox_txt { margin:25px 0; text-align:center; line-height:135%; }
.mainBox_btn { text-align:center; }
.mainBan { position:relative; height:300px; margin:255px 0 0; background:url('/image/main/banner.jpg') center top no-repeat; }
.mainTit { position:relative; margin:15px 0 22px; font-family:'Titillium Web', sans-serif; font-size:34px; font-weight:700; color:#111; text-align:center; }
.mainTit span { display:block; margin:-7px 0 0; font-family:'나눔고딕','NanumGothic'; font-size:14px; font-weight:400; color:#666; text-align:center; }

/**************************************************
   Sub
 *************************************************/

/*Sub*/
.page_navi_box { position:absolute; left:0; top:0; width:1000px; height:44px; border-bottom:1px solid #d5d5d5; }
.page_navi_box1 { position:absolute; left:0; top:-170px; width:1000px; height:44px; border-bottom:1px solid #d5d5d5; }
.page_navi { display:block; height:44px; border-right:1px solid #eee; }
.page_navi li { float:left; height:44px; line-height:44px; font-weight:600; }
.page_navi li.p1 { display:inline-block; margin-right:0px; padding:0 30px; border-right:1px solid #eee; }
.page_navi li.p2 { display:inline-block; padding-right:1px; border-right:1px solid #eee; }
.selectBoxSelectedAreaGlobal { height:44px; line-height:44px; color:#222; font-weight:600; background:#fff; }
.selectBoxSelectedAreaFocusGlobal { height:44px; line-height:44px; color:#222; font-weight:600; background:#fff; }
.selectBoxOptionGlobal { height:28px; color:#555; font-weight:400; border-bottom:1px solid #eee; background:#fff; }
.selectBoxOptionOverGlobal { height:28px; color:#222; font-weight:400; border-bottom:1px solid #eee; background:#F6F9EF; }
.selectBoxOptionInnerLayer { overflow:auto; background:#fff;}
.page_cont { position:relative; width:100%; min-height:400px; margin-bottom:40px; font-size:13px; color:#555; line-height:160%; }
.stitle { position:relative; margin-bottom:15px; padding-top:10px; font-size:1.333em; font-weight:600; color:#3A3E3D; background:url('/image/sub/stit_dot.jpg') left top no-repeat; }
.stitle1 { position:relative; margin-bottom:7px; padding-top:10px; font-size:1.083em; font-weight:600; color:#2686CC; }
.stitle1 span { display:inline-block; padding:2px 7px; border:2px solid #AED1EA; border-radius:10px; }
.stitle5 { position:relative; margin-bottom:7px; padding-top:0px; font-size:1.167em; font-weight:600; color:#003366; }
.stitle6 { position:relative; margin-bottom:7px; padding-top:0px; font-size:1em; font-weight:600; color:#2686CC; }

/**************************************************
   Sub Content
 *************************************************/

/* Company */
.hfBox { position: relative; border: 2px dotted #999; overflow: hidden; }
.hfBox_L { float:left; display:block; width:463px; padding: 17px; border-right: 2px dotted #999; }
.hfBox_R { float:right; display:block; width:463px; padding: 17px; }

.cpyBox { position:relative; margin:0 0 80px; overflow:hidden; }
.cpyBox_L { float:left; display:block; width:400px; }
.cpyBox_L span { font-weight:600; color:#8B4B9F; }
.cpyBox_R { float:right; display:block; width:550px; }
.cerBox { position:relative; margin:0 0 35px; overflow:hidden; }
.cerBox_L { float:left; display:block; width:310px; margin-right:35px; }
.cerBox_R { float:right; display:block; width:310px; margin-right:0; }

.bizTxt { position:relative; margin:0 0 35px; padding:0 0 30px; border-bottom:2px dotted #999; }
.bizTxt span { display:inline-block; padding:7px 0; }
.bizTxt span:nth-child(1) { width:520px; }
.bizTxt span:nth-child(2) { width:220px; }
.bizTxt span:nth-child(3) { width:220px; }
.bizTxt span:nth-child(4) { width:320px; }
.bizTxt span:nth-child(5) { width:320px; }

.mapBox { margin:0 0 20px; }
.mapBox1 span { display:inline-block; margin-right:50px; }

/* 테이블타입 */
.tbTp1 { position: relative; width: 100%; margin: 10px 0 35px; }
.tbTp2 { position: relative; width: 100%; margin: 0 0 20px; }
.tbTp3 { position: relative; width: 100%; margin: 0 0 20px; }
table.Tp1 { width:100%; font-size: 13px; line-height:1.5em; border-top:2px solid #555; }
table.Tp1 caption { position:absolute; visibility:hidden; font-size:0; }
table.Tp1 th, table.Tp1 td { vertical-align:middle;  }
table.Tp1 thead th { padding:9px 10px 8px; font-size:1em; font-weight:600; color:#222; text-align:center; border-right:1px solid #bbb; border-bottom:1px solid #aaa; background:#EDEDED; }
table.Tp1 thead th:last-child { border-right:0px; }
table.Tp1 thead td { padding:9px 10px 8px; font-size:1em; color:#555555; background:#FEF0ED; border-bottom:1px solid #FFD9D1;  }
table.Tp1 tbody th { width: 120px; padding:7px 10px 6px; font-size:1em; font-weight:400; color:#222; background:#F7F7F7; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
table.Tp1 tbody td { padding:7px 10px 6px; font-size:1em; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
table.Tp1 tbody td:last-child { border-right:0px; }
table.Tp1 tbody tr.ctr { text-align:center; }

table.Tp2 { width:100%; font-size: 15px; border-top:2px solid #396AAB; }
table.Tp2 caption { position:absolute; visibility:hidden; font-size:0; }
table.Tp2 th, table.Tp2 td { vertical-align:middle; }
table.Tp2 thead th { height:36px; line-height:36px; font-size:1em; font-weight:600; color:#fff; text-align:center; border-right:0px solid #EDF4FD; border-bottom:0px solid #bbb; background:#6F99D1; }
table.Tp2 thead td { padding:7px 10px; font-size:1em; color:#555555; background:#FEF0ED; border-bottom:1px solid #FFD9D1;  }
table.Tp2 tbody th { padding:5px 20px; font-size:1em; font-weight:400; color:#222; text-align:center; background:#EDF4FD; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
table.Tp2 tbody td { padding:5px 20px; font-size:1em; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
table.Tp2 tbody td:last-child { text-align:center; border-right:0px; }

/* AOS 제품소개 */
.prBox { position:relative; margin:0 0 50px; overflow:hidden; }
.prBox_L { float:left; display:block; width:440px; }
.prBox_R { float:right; display:block; width:516px; padding-left:15px; border-left:1px dotted #999; }
.prBox_L1 { float:left; display:block; width:460px; }
.prBox_R1 { float:right; display:block; width:460px; }
.prBtit { position:relative; margin:0 0 30px; padding:15px 0; font-size:22px; font-weight:600; color:#fff; text-align:center; background:#3367AF; }
.prTit { position:relative; margin:0 0 10px; padding:0 0 0 20px; font-size:17px; font-weight:600; color:#003366; background:url('/image/sub/tit_dot1.jpg') left center no-repeat; }
.prTxt { position:relative; margin:0 0 25px; }
.prTxt span { font-weight:600; color:#333; }
.prTxt1 { padding:14px 10px; background:#f2f2f2; border:1px solid #ddd; }
.prTxt2 { margin:0 0 30px; }
.prImg1 { margin:0 0 160px; }
.prImg2 { margin:0 0 40px; text-align:center; }
.prImg3 { margin:0 0 10px; }
.prImg4 { margin:30px 0; }

/**분할박스**/
.bxTp1, .bxTp2, .bxTp3, .bxTp4 { position:relative; width:100%; margin:0 0 40px; overflow:hidden; }
.bxTp2 { background:url('/image/sub/cline1.jpg') left bottom no-repeat; }
.bxTp3 { background:url('/image/sub/cline2.jpg') 300px top repeat-y; }
.bxTp1_L { display:block; float:left; width:500px; }
.bxTp1_R { display:block; float:right; width:500px; text-align:right; }
.bxTp2_L { display:block; float:left; width:330px; }
.bxTp2_R { display:block; float:right; width:620px; }
.bxTp3_L { display:block; float:left; width:270px; }
.bxTp3_R { display:block; float:right; width:660px; }
.bxTp4_L { display:block; float:left; width:470px; }
.bxTp4_R { display:block; float:right; width:470px; }
.bxTp4_C { margin:0 0 25px; overflow:hidden; }
.bxTp4_C span { display:block; }
.bxTp4_C span:first-child { float:left; width:230px; margin-right:10px; }
.bxTp4_C span:last-child { float:left; width:200px; height:136px; line-height:136px; padding-left:26px; border:2px dotted #999; }

.lineBox { position:relative; width:100%; margin:30px 0; }
.lineBox span.lineTy1 { display:inline-block; width:80px; height:2px; background:#222; }

.txBig1 { font-size:45px; color:#000; line-height:1.4em; }
.txBig2 { margin:0 0 5px; font-size:30px; color:#000; line-height:1.4em; }
.txBig3 { font-size:20px; color:#000; line-height:1.4em; }
.txBig4 { font-size:17px; color:#222; line-height:1.6em; }

.org { color:#C98348; }
.red { color:#DF0F0F; }
.blue { color:#3171D0; }
.navy { color:#344E91; }
.bld { font-weight:600; }

.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.mb90 { margin-bottom:90px; }
.mb100 { margin-bottom:100px; }



/* Tab */
.tab_box { position:relative; width:100%; margin-top:0px; }
div.tabs { position:relative; width:100%; margin: 0 0 20px; padding:0; font-size: 0; text-align:center; }
div.tabs span { margin:0px; }
div.tabs span a { display: inline-block; width:200px; height:42px; line-height:42px; font-size:17px; color:#333; text-align:center; border:1px solid #c0c0c0; }
div.tabs span a:hover { color:#333; background:#F1F1ED; }	
div.tabs span.active a { color:#fff; font-weight:600; background:#9D9DEC; border:1px solid #9D9DEC; }
.tab_container { position:relative; width:100%; margin:25px 0; background:#fff; }
.tab_content { position:relative; padding:0px; }