@charset "utf-8";
@font-face { 
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

/* PC 모드 CSS */

html, body { height:100%; }
body {  }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


#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; width:100%; min-width:1902px; } /*수정전  position:relative; display:none; min-width:1260px;*/

	#top { position:fixed; top:0px; width:100%; height:156px; z-index:220; background:#fff; }
		#top #logo_n_top { position:relative; margin:0 auto; overflow:hidden; } /*수정전  width:1260px; */
		#top h1 { position:relative; width:230px; z-index:220; margin-top:42px; margin-left:50px; } 
		#top #logo_n_top h1.logo_text { display:block; height:100px; line-height:100px; font-size:30px; }
		#top #logo_n_top #etc_menu { position:absolute; right:40px; top:10px; } /*수정전 position:absolute; right:0px; top:10px;*/
		#top #logo_n_top #etc_menu ul li { float:left; height:18px; background:URL('../img/dot1.png') 0px 5px no-repeat; font-size:13px;}
/*		#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 { color:#333; } /*수정전  text-decoration:underline;*/
		#top #logo_n_top #etc_menu ul li span.mob:hover { text-decoration:none; }

		#top #logo_n_top #etc_menu2 { position:absolute; right:240px; background:#fff; top:80px; z-index:20; } /*추가*/

		#top #menu1 { position:absolute; top:46px; width:100%; overflow:hidden; background:#fff; border-bottom:1px solid #ddd; } /*수정전 top:74px;*/
		#top #menu2 { position:relative; width:849px; margin:0 auto; overflow:hidden; z-index:21; }
		#top #menu2 ul.m1_ul { overflow:hidden; width:849px; float:center; margin-bottom:30px; }
		#top #menu2 li.m1_li { font-size:13px; float:left;  min-width:100px; overflow:hidden; text-align:center; }
		#top #menu2 li.m1_li span.m1_li { display:inline-block; height:100px; line-height:40px; overflow:hidden; }
		#top #menu2 ul.m2_ul { margin-top:10px; } /*수정전  margin-top:13px; */
		#top #menu2 li.m2_li { padding-top:5px; cursor:pointer; text-align:center; font-size:15px; } /*수정전 padding-top:5px; cursor:pointer;  text-align:center; font-size:14px;*/
		#top #menu2 li.m3_li { padding-top:5px; cursor:pointer; text-align:left; margin-left:0px; margin-right:10px; }
		#top #menu3 { position:absolute; top:100px; left:0px; right:0px; bottom:0px; z-index:20; border-top:1px solid #ccc;}
		#mode_change { margin-bottom:1px; text-align:center; font-weight:bold; color:#F00; background:#F1F1F1; padding:10px; }

	/* 모바일기기용 상단 CSS */
	#top_mob { position:fixed; top:0px; width:100%; height:156px; z-index:22; background:#fff; }
		#top_mob #logo_n_top {  position:relative; margin:0 auto; overflow:hidden;  } /*수정전 position:relative;  overflow:hidden; padding-left:500px;*/
		#top_mob h1 { position:relative; width:230px; z-index:220; margin-top:42px; margin-left:50px; } /*수정전 position:relative;width:230px;  z-index:22; margin-top:43px;*/
		#top_mob #logo_n_top h1.logo_text {  display:block; height:100px; line-height:100px; font-size:30px; } /*수정전  display:block; height:100px; line-height:100px; font-size:30px;*/
		#top_mob #logo_n_top #etc_menu { position:absolute; right:40px; top:10px; } /*수정전 position:absolute; right:0px; top:10px; background:#FFF;*/
		#top_mob #logo_n_top #etc_menu ul li { float:left; height:18px; background:URL('../img/dot1.png') 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 { color:#333; } /*수정전  text-decoration:underline; */
		#top_mob #logo_n_top #etc_menu ul li span.mob:hover { text-decoration:none; }

		#top_mob #logo_n_top #etc_menu2 { position:absolute; left:10px; background:#fff; top:6px; z-index:20; } /*추가*/

		#top_mob #menu1 { position:absolute; top:46px; width:100%; overflow:hidden; background:#fff; border-bottom:1px solid #ddd; } /*수정전 position:relative; overflow:hidden; */
		#top_mob #menu2 { position:relative; width:1260px; margin:0 auto; overflow:hidden; z-index:21; }
		#top_mob #menu2 ul.m1_ul { overflow:hidden; width:1260px; margin-bottom:30px; }
		#top_mob #menu2 li.m1_li { font-size:13px; float:left;  min-width:100px; overflow:hidden; text-align:center; } /*수정전font-size:13px; float:left; margin-left:10px; margin-right:10px; min-width:230px; overflow:hidden; text-align:center; */
		#top_mob #menu2 li.m1_li span.m1_li { display:inline-block; height:100px; line-height:40px; overflow:hidden; } /*수정전 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; 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:100px; left:0px; right:0px; bottom:0px; z-index:20; border-top:1px solid #ccc;} /*수정전  position:absolute; top:46px; left:0px; right:0px; bottom:0px; z-index:20; */
		#mobile_mode_button { position:relative; width:1260px; padding:10px; text-align:center; margin-bottom:1px; } /*수정전 position:relative; width:1260px; 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:630px; 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:630px; 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:146px; 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:630px; 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:630px; height:100%; }
		#visual_area div.visual_group div.visual_center { position:relative; margin:0 auto; width:1260px; z-index:2; overflow:hidden; }
		#visual_area #visual_bul_group { position:absolute; left:0px; bottom:20px; width:100%; height:30px; text-align:center; z-index:13; }
		#visual_area #visual_bul_group span.visual_slide_bul1 { display:inline-block; width:42px; height:20px; background:URL('../img/btn_now.png') no-repeat; cursor:pointer; margin:0 5px; } /*수정전 display:inline-block; width:52px; 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:42px; height:20px; background:URL('../img/btn_next.png') no-repeat center; cursor:pointer; margin:0 5px; }


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


	#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_630 { position:relative; width:630px; height:165px; overflow:hidden; padding:30px 0px 30px 0px; }
			#main_contents div.main_board_area div.main_board_A_630 ul { margin-top:15px; }
			#main_contents div.main_board_area div.main_board_A_630 ul li { display:block; font-size:14px; height:26px; line-height:26px; width:583px; padding-left:17px; overflow:hidden; background:URL('../img/bul02.png') left center no-repeat; }
			#main_contents div.main_board_area div.main_board_A_630 ul li span.subject { vertical-align:middle; float:left; display:inline-block; width:513px; margin-right:10px; color:#656565;  }
			#main_contents div.main_board_area div.main_board_A_630 ul li span.subject:hover { color:#2383B5; text-decoration:underline;  }
			#main_contents div.main_board_area div.main_board_A_630 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_630 { position:relative; width:630px; height:165px; overflow:hidden; padding:30px 0px 30px 0px;}
			#main_contents div.main_board_area div.main_board_B_630 ul { margin-top:15px; }
			#main_contents div.main_board_area div.main_board_B_630 ul li span { vertical-align:top; }
			#main_contents div.main_board_area div.main_board_B_630 ul li span.img { float:left; margin-right:20px; }
			#main_contents div.main_board_area div.main_board_B_630 ul li span.subject { display:block; width:430px; 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_630 ul li span.subject:hover { color:#2383B5; text-decoration:underline;  }
			#main_contents div.main_board_area div.main_board_B_630 ul li p.board_content { color:#666; width:430px; 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_630 ul li p.board_content > a { color:#666; }
			#main_contents div.main_board_area div.main_board_B_630 ul li p.board_content > a:hover { color:#2383B5; text-decoration:underline; }
			#main_contents div.main_board_area div.main_board_C_630 { position:relative; width:630px; height:165px; overflow:hidden; padding:30px 0px 30px 0px; }
			#main_contents div.main_board_area div.main_board_C_630 ul { margin-top:15px; }
			#main_contents div.main_board_area div.main_board_C_630 ul li { float:left; width:100px; margin-right:23px; overflow:hidden; }
/*			#main_contents div.main_board_area div.main_board_C_630 ul li:last-child { margin-right:0px; } */
			#main_contents div.main_board_area div.main_board_C_630 ul li span { vertical-align:middle; }
			#main_contents div.main_board_area div.main_board_C_630 ul li span.img { display:block; margin-bottom:10px; }
			#main_contents div.main_board_area div.main_board_C_630 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_630 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:"Noto Sans KR",'나눔고딕','NanumGothic','돋움', Dotum, '굴림', Gulim, Verdana, sans-serif; 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:"Noto Sans KR",'나눔고딕','NanumGothic','돋움', Dotum, '굴림', Gulim, Verdana, sans-serif; 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:35px; 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:"Noto Sans KR",'나눔고딕','NanumGothic','돋움', Dotum, '굴림', Gulim, Verdana, sans-serif; }
			#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:"Noto Sans KR",'나눔고딕','NanumGothic','돋움', Dotum, '굴림', Gulim, Verdana, sans-serif; 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:630px; 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:393px; 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:630px; 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:"Noto Sans KR",'나눔고딕','NanumGothic','돋움', Dotum, '굴림', Gulim, Verdana, sans-serif; color:#333; }
			#main_contents div.main_login_area span.title2 { color:#000; font-size:16px; font-weight:bold; font-family:"Noto Sans KR",'나눔고딕','NanumGothic','돋움', Dotum, '굴림', Gulim, Verdana, sans-serif; }
			#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:630px; 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:"Noto Sans KR",'나눔고딕','NanumGothic','돋움', Dotum, '굴림', Gulim, Verdana, sans-serif; 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:305px; }
			#main_contents div.main_diary_area li.m2 { float:left; text-align:center; width:305px; margin-left:10px; }
			#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_diary_area div.main_diary_1 { width:420px;}
			#main_contents div.main_diary_area div.main_diary_1 ul { border:1px solid #FFF; overflow:hidden; }
			#main_contents div.main_diary_area div.main_diary_1 ul li { float:left; display:inline-block; width:56px; height:23px; border:1px solid #FFF; text-align:center; font-family:tahoma; font-size:12px; }
			#main_contents div.main_diary_area div.main_diary_1 ul li.days { float:left; display:inline-block; width:56px; height:23px; border:1px solid #FFF; text-align:center; font-family:tahoma; font-size:12px; }
			#main_contents div.main_diary_area div.main_diary_1 ul li.days:hover { border:1px solid #45bbeb; }
			#main_contents div.main_diary_area div.main_diary_1 ul li span { display:inline-block; width:56px; 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:1260px; 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:"Noto Sans KR",'나눔고딕','NanumGothic','돋움', Dotum, '굴림', Gulim, Verdana, sans-serif; }


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */

	#content_left_area { clear:both; margin:0px auto; width:200px; overflow:hidden;float:left;}
		#content_left_area div.title_n_loc { margin:60px 0px 60px 0px; overflow:hidden; }
		#content_left_area div.title_n_loc span.title{ font-size:36px; line-height:40px; font-family:"Noto Sans KR",'나눔고딕','NanumGothic','돋움', Dotum, '굴림', Gulim, Verdana, sans-serif; color:#000; vertical-align:middle; }
		#content_left_area div.title_n_loc span.loc { float:right; line-height:35px; margin-left:20px; vertical-align:middle; }
		#content_left_area div.title_n_loc span.loc1 { color:#999; margin-right:9px; text-decoration:underline; }
		#content_left_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_left_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_left_area div.no_auth { text-align:center; border:1px solid #DADADA; background:#F9F9F9; padding:60px; font-size:16px; color:#000; font-weight:bold; }
		#content_left_area div.no_auth > span { color:#299DCC; }
		#content_left_area div.no_auth div { margin-top:30px; }
		#content_left_area div.no_content { text-align:center; border:1px solid #DADADA; background:#F9F9F9; padding:60px; font-size:16px; color:#000; font-weight:bold; }
		#content_left_area div.no_content > span { color:#299DCC; }
		#content_left_area div.no_content div { margin-top:30px; }



	#content_area {margin:0px auto; width:1000px; overflow:hidden; margin-bottom:60px;}
		#content_area div.title_n_loc { margin:40px 0px 60px 0px; overflow:hidden;}
		#content_area div.title_n_loc span.title{ font-size:36px; line-height:40px; font-family:"Noto Sans KR",'나눔고딕','NanumGothic','돋움', Dotum, '굴림', Gulim, Verdana, sans-serif; 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; margin-top:60px; } /*수정전  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 { font-family:"Noto Sans KR",'나눔고딕','NanumGothic','돋움', 'Dotum', '굴림', 'Gulim','Verdana', sans-serif; position:relative; width:100%; min-width:1902px; min-height:150px; background:#f8f8fa; } /*수정전 font-family:"Noto Sans KR",'나눔고딕','NanumGothic','돋움', Dotum, '굴림', Gulim, Verdana, sans-serif; position:relative; width:100%; min-width:1260px; min-height:150px; background:#2d313b; /*margin-top:100px;*/*/
		#menu_member_100per { position:relative; clear:both; padding:12px 0 7px; border-bottom:1px solid #373b45; }
		#menu_member { position:relative; clear:both; margin:0 auto; width:1260px; /*color:#FFF;*/ font-size:14px; }
		#menu_member ul li { display:inline-block; }
		#menu_member ul li span { color:#ccc; display:inline-block; margin-right:25px; padding-right:25px; background:URL('../img/bul_copy_slice2.png') right center no-repeat;}
		#menu_member ul li span.private { color:#e1e1e1; }
		#menu_member ul li span.request { display:inline-block; padding:2px 10px 2px 10px; color:#ccc; border-radius:2px; border:1px solid #666; background:#000; margin-right:10px; }
		#menu_focus { position:absolute; right:20px; top:15px; }
		#menu_focus span { float:left; margin-left:2px; }
		#copyright { position:relative; clear:both; margin:0 auto; width:1260px; padding:36px 0px 45px 0px; overflow:hidden; background:url(../img/foot_bg.gif); }
		#copyright div.address { font-style:normal; line-height:36px; color:#8d8d8d; font-size:14px; float:right; width:1100px; } /*수정전  font-style:normal; line-height:22px; color:#d9d9d9; font-size:14px;*/
		#copyright div.address > div { clear:both; }
		#copyright span { float:left; display:inline-block; margin-left:10px; padding-left:10px; } /*수정전 float:left; display:inline-block; background:URL('../img/bul_copy_slice.jpg') left center no-repeat; margin-left:10px; padding-left:10px;*/
		#copyright div.address > div > span:first-child { /*background:#000;*/ margin-left:0px; padding-left:0px; }

		#copyright span.tel { margin-left:0px; padding-left:0px; color:#CCC; font-weight:bold; }
		#copyright span.tel2 { color:#CCC; font-weight:bold; }
		#copyright span.copy { margin-left:0px; padding-left:0px;width:100%; margin-top:5px; font-size:13px; }
		#copyright img.snumber2 { margin-left:5px; vertical-align:middle; }


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


	#ssl_mark { position:fixed; right:0px; bottom:0px; z-index:20; }
	#ssl_mark > img { width:/*95*/0px; height:/*95*/0px; /*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; }


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */


	/* 상단 3개 팀 링크 */
	.site{position:absolute; left:0px; top:0px;}
	.site ul li{float:left; border-right:1px solid #bbb;}
	.site ul li:first-child{border-left:1px solid #bbb;}
	.site ul li a{display:block; color:#666; padding:8px 30px 12px; font-size:14px; font-weight:300;}
	.site ul li a:hover{ color:#fff;  background:#000;}
	.site ul li.on{color:#fff;  background:#000;}
	.site ul li.on a{color:#fff;  background:#000;}


	/*분과소개칸*/
	.team_banner li {margin-right:14px;}



	/*위원회 소개 페이지*/
	.bg_box { display:block; width:100%; height:1060px; background:url('../img_sub/intro_bg1.png') no-repeat; background-size:cover; }
	.bg_box ul.text_box { margin:0 auto; padding:30px 0; text-align:center; margin-top:100px; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box ul.text_box li { font-size:40px; color:#333; line-height:40px; padding:20px 0; }
	.bg_box ul.text_boxFadeInUp { opacity: 0; }
	.bg_box p.text_p { text-align:center; font-size:19px; color:#666; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box ul.text_pFadeInUp { opacity: 0; }

	.bg_box2 { display:block; width:100%; height:590px; background:#fff; text-align:center; }
	.bg_box2 .thumb { float:left; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box2 .thumbFadeInUp { opacity: 0; }
	.bg_box2 .text_box_gp { display:block; width:700px; height:400px; float:left; margin-left:80px; }
	.bg_box2 .text_box_gp ul.text_box { display:inline-block; float:left; margin:0 auto; padding:30px 0; text-align:left; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box2 .text_box_gp ul.text_box li { font-size:40px; color:#333; line-height:40px; padding:15px 0; }
	.bg_box2 .text_box_gp ul.text_boxFadeInUp { opacity: 0; }
	.bg_box2 .text_box_gp p.text_p { display:inline-block; float:left; width:468px; text-align:left; font-size:18px; color:#666; letter-spacing:-1px; word-break:keep-all; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box2 .text_box_gp ul.text_pFadeInUp { opacity: 0; }


	.bg_box3 { display:block; width:100%; height:912px; background:url('../img_sub/part_bg.png') no-repeat; background-size:cover; text-align:center; }
	.bg_box3 .part { float:left; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box3 .partFadeInUp { opacity: 0; }
	.bg_box3 .text_box_gp { display: table; margin: 0 auto; height:140px; padding:30px 0; }
	.bg_box3 .text_box_gp ul.text_box { display:inline-block; float:left; margin:0 auto; padding:0 40px 0 0; text-align:left; border-right:2px solid #fff; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box3 .text_box_gp ul.text_box li { font-size:40px; color:#fff; font-weight:bold; line-height:30px; padding:8px 0; }
	.bg_box3 .text_box_gp ul.text_boxFadeInUp { opacity: 0; }
	.bg_box3 .text_box_gp p.text_p { display:inline-block; float:left; width:530px; line-height:30px; text-align:left; font-size:18px; color:#fff; letter-spacing:-1px; padding-left:40px; word-break:keep-all; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box3 .text_box_gp ul.text_pFadeInUp { opacity: 0; }


	.bg_box4 { display:block; width:100%; height:737px; background:url('../img_sub/sug_bg.png') no-repeat; background-size:cover; text-align:center; }
	.bg_box4 .text_box_gp { display:block; width:500px; position:relative; top:146px; left:486px; }
	.bg_box4 .text_box_gp ul.text_box { display:block; margin:0 auto; padding:0 40px 0 0; text-align:left; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box4 .text_box_gp ul.text_box li { font-size:40px; color:#333; font-weight:bold; line-height:30px; padding:8px 0; }
	.bg_box4 .text_box_gp ul.text_boxFadeInUp { opacity: 0; }
	.bg_box4 .text_box_gp p.text_p { display:block; width:468px; text-align:left; font-size:18px; color:#666; letter-spacing:-1px; padding-top:50px; line-height:30px; word-break:keep-all; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box4 .text_box_gp ul.text_pFadeInUp { opacity: 0; }


	.bg_box5 { display:block; width:100%; height:271px; background:url('../img_sub/law_bg.png') no-repeat; background-size:cover; text-align:center; }
	.bg_box5 .text_box_gp { padding:30px 0; }
	.bg_box5 .text_box_gp ul.text_box { display:block; margin:0 auto; padding:0 40px 0 0; text-align:center; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box5 .text_box_gp ul.text_box li { font-size:30px; color:#fff; font-weight:bold; line-height:30px; padding:0; }
	.bg_box5 .text_box_gp ul.text_boxFadeInUp { opacity: 0; }
	.bg_box5 .btn1 { display:inline-block; width:208px; height:48px; line-height:48px; background:#fff; border-radius:50px; color:#333; box-shadow:inset 2px 2px 11px 10px #ccc; font-size:18px; margin-top:23px; }


	/*1기 위원소개*/
	.bg_box6 { display:block; width:100%; height:950px; }
	.bg_box6 ul.text_box { margin:0 auto; padding:30px 0; text-align:center; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box6 ul.text_box li { display:inline-block; width:300px; font-size:35px; color:#333; font-weight:bold; line-height:40px; padding:35px 0; border-bottom:3px solid #333; }
	.bg_box6 ul.text_boxFadeInUp { opacity: 0; }
	.bg_box6 p.text_p { width:650px; text-align:center; font-size:18px; line-height:30px; margin:0 auto; padding-top:15px; word-break:keep-all; color:#666; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box6 ul.text_pFadeInUp { opacity: 0; }

	.bg_box6 .gray_boxgr { display:block; position:absolute; width:100%; text-align:center; padding:85px 0 0 0; }
	.bg_box6 .gray_boxgr img { margin-left:15px; }
	.bg_box6 .gray_boxgr img.ongraybox_btn { position:absolute; top:240px; left:817px; cursor:pointer; }

	.bg_box7 { display:block; width:100%; height:3600px; }
	.bg_box7 ul.text_box { margin:0 auto; padding:30px 0; text-align:center; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box7 ul.text_box li { display:inline-block; width:400px; font-size:35px; color:#333; font-weight:bold; line-height:40px; padding:35px 0; border-bottom:3px solid #333; }
	.bg_box7 ul.text_boxFadeInUp { opacity: 0; }
	.bg_box7 p.text_p { width:650px; text-align:center; font-size:18px; line-height:30px; margin:0 auto; padding-top:15px; word-break:keep-all; color:#666; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box7 ul.text_pFadeInUp { opacity: 0; }
	.bg_box7 .gray_boxgr { display:block; position:absolute; width:100%; text-align:center; padding:85px 0 0 0; }
	.bg_box7 .gray_boxgr img { margin-left:15px; }
	.bg_box7 .gray_boxgr img.ongraybox_btn { position:absolute; top:240px; left:817px; cursor:pointer; }


	/*2기 위원소개*/
	.bg_box6-2 { display:block; width:100%; height:1000px; }
	.bg_box6-2 ul.text_box { margin:0 auto; padding:30px 0; text-align:center; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box6-2 ul.text_box li { display:inline-block; width:300px; font-size:35px; color:#333; font-weight:bold; line-height:40px; padding:35px 0; border-bottom:3px solid #333; }
	.bg_box6-2 ul.text_boxFadeInUp { opacity: 0; }
	.bg_box6-2 p.text_p { width:650px; text-align:center; font-size:18px; line-height:30px; margin:0 auto; padding-top:15px; word-break:keep-all; color:#666; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box6-2 ul.text_pFadeInUp { opacity: 0; }

	.bg_box6-2 .gray_boxgr { display:block; width:1220px; height:555px; text-align:center; margin:50px auto; background:url('../img_sub/organ/2nd/gray_boxgr_bg.png') no-repeat; }
	.bg_box6-2 .gray_boxgr img { margin-left:15px; }
	.bg_box6-2 .gray_boxgr img.ongraybox_btn { position:relative; top:160px; cursor:pointer; }

	.bg_box7-2 { display:block; width:100%; height:3270px; }
	.bg_box7-2 ul.text_box { margin:0 auto; padding:30px 0; text-align:center; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box7-2 ul.text_box li { display:inline-block; width:400px; font-size:35px; color:#333; font-weight:bold; line-height:40px; padding:35px 0; border-bottom:3px solid #333; }
	.bg_box7-2 ul.text_boxFadeInUp { opacity: 0; }
	.bg_box7-2 p.text_p { width:650px; text-align:center; font-size:18px; line-height:30px; margin:0 auto; padding-top:15px; word-break:keep-all; color:#666; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box7-2 ul.text_pFadeInUp { opacity: 0; }

	.bg_box7-2 .tablebox { display:block; position:absolute; width:100%; text-align:center; padding:85px 0 0 0; }
	.bg_box7-2 .tablebox img { margin-bottom:50px; }
	.bg_box7-2 .tablebox img.ongraybox_btn { position:absolute; top:240px; left:817px; cursor:pointer; }

	.before_organ { display:block; width:100%; height:180px; }
	.before_organ ol.text_box { margin:0 auto; padding:30px 0; text-align:center; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.before_organ ol.text_box li { display:inline-block; width:400px; font-size:35px; color:#333; font-weight:bold; line-height:40px; padding:35px 0; border-bottom:3px solid #333; }
	.before_organ ol.text_boxFadeInUp { opacity: 0; }
	.before_organ p.text_p { width:650px; text-align:center; font-size:18px; line-height:30px; margin:0 auto; padding-top:15px; word-break:keep-all; color:#666; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.before_organ ol.text_pFadeInUp { opacity: 0; }
	.before_organ .btngp { display:block; width:1220px; margin:50px auto; text-align:center; }
	.before_organ .btngp li { display:inline-block; width:140px; padding:0 0 20px 0; }
	.before_organ .btngp li a { display:inline-block; width:140px; height:50px; line-height:50px; border:1px solid #2e75d5; border-radius:10px; font-size:17px; text-align:center; color:#fff; background:#2e75d5; }

/*3기 위원소개*/
	.bg_box6-1 { display:block; width:100%; height:350px; }
	.bg_box6-1 ul.text_box { margin:0 auto; padding:30px 0; text-align:center; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box6-1 ul.text_box li { display:inline-block; width:300px; font-size:35px; color:#333; font-weight:bold; line-height:40px; padding:35px 0; border-bottom:3px solid #333; }
	.bg_box6-1 ul.text_boxFadeInUp { opacity: 0; }
	.bg_box6-1 p.text_p { width:650px; text-align:center; font-size:18px; line-height:30px; margin:0 auto; padding-top:15px; word-break:keep-all; color:#666; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box6-1 ul.text_pFadeInUp { opacity: 0; }

	.bg_box6-1 .gray_boxgr { display:block; position:absolute; width:100%; text-align:center; padding:85px 0 0 0; }
	.bg_box6-1 .gray_boxgr img { margin-left:15px; }
	.bg_box6-1 .gray_boxgr img.ongraybox_btn { position:absolute; top:240px; left:817px; cursor:pointer; }

	.bg_box7-1 { display:block; width:100%; height:3800px; } /*페이지 전체 영역*/ /* height:3480px; */
	.bg_box7-1  ul.text_box { margin:0 auto; padding:0 0; text-align:center; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box7-1  ul.text_box li { display:inline-block; width:400px; font-size:35px; color:#333; font-weight:bold; line-height:40px; padding:35px 0; border-bottom:3px solid #333; }
	.bg_box7-1  ul.text_boxFadeInUp { opacity: 0; }
	/*.bg_box7-1  p.text_p { width:350px; text-align:center; font-size:18px; line-height:30px; margin:0 auto; padding-top:15px; word-break:keep-all; color:#666; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; } */
	.bg_box7-1  ul.text_pFadeInUp { opacity: 0; }
	.bg_box7-1  .gray_boxgr { display:block; position:absolute; width:100%; text-align:center; padding:0 0 0 0; }
	.bg_box7-1 .gray_boxgr img { margin-left:15px; }
	.bg_box7-1  .gray_boxgr img.ongraybox_btn { position:absolute; top:240px; left:817px; cursor:pointer; }
	
	.bg_box3-3 { display:block; width:100%; height:912px; background:url('../img_sub/part_bg.png') no-repeat; background-size:cover; text-align:center; }
	.bg_box3-3 .part { float:left; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box3-3 .partFadeInUp { opacity: 0; }
	.bg_box3-3 .text_box_gp { display: table; margin: 0 auto; height:140px; padding:30px 0; }
	.bg_box3-3 .text_box_gp ul.text_box { display:inline-block; float:left; margin:0 auto; padding:0 40px 0 0; text-align:left; border-right:2px solid #fff; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box3-3 .text_box_gp ul.text_box li { font-size:40px; color:#fff; font-weight:bold; line-height:30px; padding:8px 0; }
	.bg_box3-3 .text_box_gp ul.text_boxFadeInUp { opacity: 0; }
	.bg_box3-3 .text_box_gp p.text_p { display:inline-block; float:left; width:530px; line-height:30px; text-align:left; font-size:18px; color:#fff; letter-spacing:-1px; padding-left:40px; word-break:keep-all; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box3-3 .text_box_gp ul.text_pFadeInUp { opacity: 0; }
	
	.btngp { display:block; width:1220px; margin:30px auto; text-align:center; }
	.btngp ol {display:inline-block; width:140px; padding:0 0 20px 0;}
	.btngp li { display:inline-block; width:140px; padding:0 0 20px 0; }
	.btngp li  a {display:inline-block; width:140px; height:50px; line-height:50px; border:1px solid #2e75d5; border-radius:10px; font-size:17px; text-align:center; color:#fff; background:#2e75d5; }

	/*1기 의제 소개 페이지*/
	.bg_box8 .title_gp { padding:30px 0; }
	.bg_box8 .title_gp span { display:block; text-align:center; color:#868686; font-size:18px; }
	.bg_box8 .title_gp p { margin:20px auto; width:400px; word-break:keep-all; text-align:center; color:#333; font-size:27px; font-weight:500; line-height:30px; }
	.bg_box8 { display:block; width:100%; }
	.bg_box8 ul.text_box { margin:0 auto; padding:30px 0; text-align:center; background:#f7f6f6; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box8 ul.text_box li { clear:both; display:flex; margin:50px 0 0 0; }
	.bg_box8 ul.text_box li div.title_big { display:inline-block; float:left; width:30%; font-size:29px; font-weight:500; line-height:29px; text-align:right; word-break:keep-all; }
	.bg_box8 ul.text_box li div.title_big2 { display:inline-block; float:left; width:30%; font-size:20px; color:#333; font-weight:500; line-height:29px; text-align:right; word-break:keep-all; }
	.bg_box8 ul.text_box li div.title_small { display:inline-block; float:left; width:50%; font-size:16px; color:#999; line-height:30px; margin:0 0 0 34px; text-align:left; word-break:keep-all; }
	.title_num1 { width:69% !important; font-size:16px; color:#999; line-height:27px; margin:0 0 0 34px; text-align:left; word-break:keep-all; background:url('../img_sub/title_num1.jpg') no-repeat top left; padding:0 0 10px 50px; }
	.title_num2 { width:69% !important; font-size:16px; color:#999; line-height:27px; margin:0 0 0 34px; text-align:left; word-break:keep-all; background:url('../img_sub/title_num2.jpg') no-repeat top left; padding:0 0 10px 50px; }
	.title_num3 { width:69% !important; font-size:16px; color:#999; line-height:27px; margin:0 0 0 34px; text-align:left; word-break:keep-all; background:url('../img_sub/title_num3.jpg') no-repeat top left; padding:0 0 10px 50px; }
	.title_num4 { width:69% !important; font-size:16px; color:#999; line-height:27px; margin:0 0 0 34px; text-align:left; word-break:keep-all; background:url('../img_sub/title_num4.jpg') no-repeat top left; padding:0 0 10px 50px; }
	.bg_box8 ul.part1 { height:500px; }
	.bg_box8 ul.part1 li div.title_big { color:#88cb31; }
	.bg_box8 ul.part1 li div.title_big2 { background:url('../img_sub/title_big2_green.png') no-repeat 460px 0px; }
	.bg_box8 ul.part2 { height:295px; background:#fff; }
	.bg_box8 ul.part2 li div.title_big { color:#a049e9; }
	.bg_box8 ul.part2 li div.title_big2 { background:url('../img_sub/title_big2_purple.png') no-repeat 460px 0px; }
	.bg_box8 ul.part3 { height:444px; }
	.bg_box8 ul.part3 li div.title_big { color:#ffc03a; }
	.bg_box8 ul.part3 li div.title_big2 { background:url('../img_sub/title_big2_yellow.png') no-repeat 460px 0px; }
	.bg_box8 ul.part4 { height:325px; background:#fff; }
	.bg_box8 ul.part4 li div.title_big { color:#4d70d3; }
	.bg_box8 ul.part4 li div.title_big2 { background:url('../img_sub/title_big2_blue.png') no-repeat 460px 0px; }
	.bg_box8 ul.part5 { height:325px; background:#fff; }
	.bg_box8 ul.part5 li div.title_big { color:#4d70d3; }
	.bg_box8 ul.part5 li div.title_big2 { background:url('../img_sub/title_big2_blue.png') no-repeat 460px 0px; }
	.bg_box8 ul.part6 { height:325px; background:#fff; }
	.bg_box8 ul.part6 li div.title_big { color:#4d70d3; }
	.bg_box8 ul.part6 li div.title_big2 { background:url('../img_sub/title_big2_blue.png') no-repeat 460px 0px; }
	.bg_box8 ul.text_boxFadeInUp { opacity: 0; }


/*2기 의제 소개 페이지*/
	.bg_box9 .title_gp { padding:30px 0; }
	.bg_box9 .title_gp span { display:block; text-align:center; color:#868686; font-size:18px; }
	.bg_box9 .title_gp p { margin:20px auto; width:400px; word-break:keep-all; text-align:center; color:#333; font-size:27px; font-weight:500; line-height:30px; }
	.bg_box9 { display:block; width:100%; }
	.bg_box9 ul.text_box { margin:0 auto; padding:20px 0; text-align:center; background:#f7f6f6; animation-duration:1s; animation-fill-mode: both; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; }
	.bg_box9 ul.text_box li { clear:both; display:flex; margin:30px 0 0 0; }
	.bg_box9 ul.text_box li div.title_big { display:inline-block; float:left; width:30%; font-size:29px; font-weight:500; line-height:29px; text-align:right; word-break:keep-all; }
	.bg_box9 ul.text_box li div.title_big2 { display:inline-block; float:left; width:30%; font-size:20px; color:#333; font-weight:500; line-height:29px; text-align:right; word-break:keep-all; }
	.bg_box9 ul.text_box li div.title_small { display:inline-block; float:left; width:50%; font-size:16px; color:#999; line-height:30px; margin:0 0 0 34px; text-align:left; word-break:keep-all; }
	.title_num1 { width:69% !important; font-size:16px; color:#999; line-height:27px; margin:0 0 0 34px; text-align:left; word-break:keep-all; background:url('../img_sub/title_num1.jpg') no-repeat top left; padding:0 0 10px 50px; }
	.title_num2 { width:69% !important; font-size:16px; color:#999; line-height:27px; margin:0 0 0 34px; text-align:left; word-break:keep-all; background:url('../img_sub/title_num2.jpg') no-repeat top left; padding:0 0 10px 50px; }
	.title_num3 { width:69% !important; font-size:16px; color:#999; line-height:27px; margin:0 0 0 34px; text-align:left; word-break:keep-all; background:url('../img_sub/title_num3.jpg') no-repeat top left; padding:0 0 10px 50px; }
	.title_num4 { width:69% !important; font-size:16px; color:#999; line-height:27px; margin:0 0 0 34px; text-align:left; word-break:keep-all; background:url('../img_sub/title_num4.jpg') no-repeat top left; padding:0 0 10px 50px; }
	
	.bg_box9 ul.part1 { height:605px; }
	.bg_box9 ul.part1 li div.title_big { color:#88cb31; }
	.bg_box9 ul.part1 li div.title_big2 { background:url('../img_sub/title_big2_green.png') no-repeat 360px 0px; }
	
	.bg_box9 ul.part2 { height:300px; background:#fff; }
	.bg_box9 ul.part2 li div.title_big { color:#a049e9; }
	.bg_box9 ul.part2 li div.title_big2 { background:url('../img_sub/title_big2_purple.png') no-repeat 460px 0px; }
	
	.bg_box9 ul.part3 { height:300px; }
	.bg_box9 ul.part3 li div.title_big { color:#ffc03a; }
	.bg_box9 ul.part3 li div.title_big2 { background:url('../img_sub/title_big2_yellow.png') no-repeat 460px 0px; }
	
	.bg_box9 ul.part4 { height:325px; background:#fff; }
	.bg_box9 ul.part4 li div.title_big { color:#88cb31; }
	.bg_box9 ul.part4 li div.title_big2 { background:url('../img_sub/title_big2_green.png') no-repeat 460px 0px; }
	
	.bg_box9 ul.part5 { height:325px;}
	.bg_box9 ul.part5 li div.title_big { color:#a049e9; }
	.bg_box9 ul.part5 li div.title_big2 { background:url('../img_sub/title_big2_purple.png') no-repeat 460px 0px; }
	
	.bg_box9 ul.part6 { height:325px; background:#fff; }
	.bg_box9 ul.part6 li div.title_big { color:#ffc03a; }
	.bg_box9 ul.part6 li div.title_big2 { background:url('../img_sub/title_big2_yellow.png') no-repeat 460px 0px; }
	
	.bg_box9 ul.text_boxFadeInUp { opacity: 0; }





	/* Animation */
	@keyframes fadeInUp {
		from {
			transform: translate3d(0,40px,0)
		}

		to {
			transform: translate3d(0,0,0);
			opacity: 1
		}
	}

	@-webkit-keyframes fadeInUp {
		from {
			transform: translate3d(0,40px,0)
		}

		to {
			transform: translate3d(0,0,0);
			opacity: 1
		}
	}

	.fadeInUp { opacity: 0; animation-name:fadeInUp; -webkit-animation-name:fadeInUp; }


	/*온라인 서명 페이지*/
	.sign_box { width:100%; height:1043px; background:url('../img_sub/sign_bg.png') no-repeat; padding-top:64px; }
	.sign_box .title1 { display:block; text-align:center; font-size:25px; color:#333; font-family:'GmarketSansMedium',sans-serif; letter-spacing:-1px; } 
	.sign_box .title2 { display:block; text-align:center; font-size:30px; color:#333; font-family:'GmarketSansBold',sans-serif; margin-bottom:64px;  } 
	.sign_box .text { display:block; text-align:center; font-size:18px; line-height:30px; color:#333; margin:0 auto; letter-spacing:-1px; } 
	.sign_box .picture_gp { display:block; margin:0 auto; position:absolute; top:811px; }
	.sign_box .picture_gp .pic1 { position:relative; left:520px; animation-name:future; animation-duration:2s; animation-duration:leaner; animation-iteration-count:infinite; animation-direction:alternate; animation-fill-mode:forwards;  } 
	.sign_box .picture_gp .pic2 { position:relative; top:38px; left:551px; } 
	.sign_box .picture_gp .pic3 { position:relative; bottom:91px; left:575px; animation-name:future2; animation-duration:1s; animation-duration:leaner; animation-iteration-count:infinite; animation-direction:alternate; animation-fill-mode:forwards; } 

	/* 애니메이션 키프레임 이름 = future */
		@-webkit-keyframes future {
		  0% {
			top:30px;
		  }
		  100% {
			top:10px;
		  }
		}
	/* 애니메이션  키프레임 이름 = future2 */
		@-webkit-keyframes future2 {
		  0% {
			top:10px;
		  }
		  100% {
			top:15px;
		  }
		}

	.sign_box .btn_gp { clear:both; display:block; margin:0 auto; position:relative; width:548px; height:47px; top:498px; }
	.sign_box .btn_gp .signbtn1 { display:inline-block; width:243px; height:46px; background:url('../img_sub/icon_btn.png') 195px 15px #23b6af no-repeat; line-height:46px; font-size:16px; color:#fff; text-align:center; border-radius:5px; padding-right:20px; margin-right:15px;  }
	.sign_box .btn_gp .signbtn1:hover { background:url('../img_sub/icon_btn.png') 195px 15px #19958f no-repeat; transition:0.5s ease; }
	.sign_box .btn_gp .signbtn2 { display:inline-block; width:263px; height:46px; background:url('../img_sub/icon_btn.png') 195px 15px #1d6fd6 no-repeat; line-height:46px; font-size:16px; color:#fff; text-align:center; border-radius:5px; padding-right:20px; border-style:none; }
	.sign_box .btn_gp .signbtn2:hover { background:url('../img_sub/icon_btn.png') 195px 15px #165bb2 no-repeat; transition:0.5s ease; }
	.sign_box .counter { position:relative; top:555px; color:#6d6d6d; font-size:22px; font-family:'GmarketSansMedium',sans-serif; text-align:center; }
	.sign_box .counter h2 { display:inline-block; width:180px; color:#2174d8; font-size:53px }



	/*선언문*/

	.decl_gp { width:960px; height:3118px; background:url('../img_sub/declaration_bg.jpg') no-repeat; margin:0 auto; } /*수정전 width:960px; height:4080px; background:url('../img_sub/declaration.jpg') no-repeat; margin:0 auto;*/
	.decl_tit { padding-top:208px; font-family:'Nanum Myeongjo',serif; font-weight:bold; color:#333; font-size:45px; text-align:center; line-height:50px; letter-spacing:-4px; margin-top:50px; }
	.decl_tit span { display:block; font-size:35px; color:#90939a; font-weight:400; letter-spacing:-3px; line-height:62px; }
		
	.decl_cont { font-size:19px; color:#333; line-height:30px; padding:90px 50px; word-break:keep-all; font-weight:500;}
	.decl_cont .det_box { background:#f4f4f4; border-top:1px solid #28344e; border-bottom:1px solid #28344e; padding:21px 47px; }
	.decl_cont .det_box p { padding:10px 0; font-size:18px; }
	.decl_cont .det_box p span { font-size:21px; font-weight:bold; color:#0061c5; padding-right:5px; letter-spacing:-2px; font-family:'Nanum Myeongjo',serif; }
	.decl_cont .det_box ul { padding:0 0 10px 40px; }
	.decl_cont .date { text-align:center; margin:50px 0; }
	.decl_cont .citizen_sign { text-align:center; margin-bottom:100px; font-size:25px; letter-spacing:-1px; font-weight:600; }
	.decl_cont .sign_line { margin:0 auto; width:200px; height:2px; margin-bottom:50px; background:#333; }


	.delc_logo { width:100%; margin-bottom:116px; }
	.delc_logo tr td { width:20%; text-align:center; padding-top:5px; font-family:'Nanum Myeongjo',serif; }
	.delc_logo tr td.logotit { font-weight:600; }
	.delc_logo2 { width:100%; margin-bottom:116px; }
	.delc_logo2 tr td { width:16%; text-align:center; padding-top:5px; font-family:'Nanum Myeongjo',serif; }
	.delc_logo2 tr td.logotit { font-weight:600; }


	/*인덱스*/

	.index_gp { display:block; background:url('../img/index_bg.png') no-repeat; width:100%; height:934px; background-size:cover; }
	.index_gp .index_logo { display:block; margin:0 auto; padding:87px 0; }	
	.index_gp .index_tit { font-size:40px; font-weight:bold; color:#fff; text-align:center; font-family: 'GmarketSansBold';}	
	.index_gp .btngp { text-align:center; margin-top:60px; }
	.index_gp .btngp .index_btn1 { display:inline-block; width:403px; height:520px; background:url('../img/index_btn1.png') no-repeat; border-radius:20px; margin:0 45px;}
	.index_gp .btngp .index_btn1:hover { background:url('../img/index_btn1_o.png') no-repeat; transition:0.5s ease; }
	.index_gp .btngp .index_btn2 { display:inline-block; width:403px; height:520px; background:url('../img/index_btn2.png') no-repeat; border-radius:20px; margin:0 45px; transition:2s ease; }
	.index_gp .btngp .index_btn2:hover { background:url('../img/index_btn2_o.png') no-repeat; transition:0.5s ease; }