@charset "UTF-8";

/* INDEX------------------------------------------------------------------------ */
/* FONT */
/* RESET */
/* METHOD */
/* LAYOUT */
/* TOP */
/* FOOTER */
/* ----------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------- */
/* FONT */
/* ----------------------------------------------------------------------------- */
	@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
	
	@font-face { 
		font-family: 'Cafe24Dangdanghae'; 
		src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.2/Cafe24Dangdanghae.woff') format('woff');
		font-weight: normal; 
		font-style: normal; 
	}
	@font-face { 
		font-family: 'MapoDPPA'; 
		src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoDPPA.woff') format('woff'); 
		font-weight: normal; 
		font-style: normal;
	}

	/* ³ª´®°íµñ */
	@font-face {
		font-family:'Nanum';
		font-style:normal;
		font-weight:400;
		src:url('fonts/NanumGothic-Regular.eot');
		src:url('fonts/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/NanumGothic-Regular.woff2') format('woff2'),
		url('fonts/NanumGothic-Regular.woff') format('woff'),
		url('fonts/NanumGothic-Regular.ttf') format('truetype');
	}
	/* ³ª´®°íµñ Bold */
	@font-face {
		font-family:'Nanum-bold';
		font-style:normal;
		font-weight:700;
		src:url('fonts/NanumGothic-Bold.eot');
		src:url('fonts/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/NanumGothic-Bold.woff2') format('woff2'),
		url('fonts/NanumGothic-Bold.woff') format('woff'),
		url('fonts/NanumGothic-Bold.ttf') format('truetype');
	}

	/* ³ª´®¹Ù¸¥°íµñ */
	@font-face {
	  font-family: 'NanumBarunGothic';
	  font-style: normal;
	  font-weight: 400;
	  src: url(./NanumBarunGothic.eot);
	  src: local('Nanum Barun Gothic'),
		   local('NanumBarunGothic'),
		   url(../fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
		   url(../fonts/NanumBarunGothic.woff2) format('woff2'),
		   url(../fonts/NanumBarunGothic.woff) format('woff'),
		   url(../fonts/NanumBarunGothic.ttf) format('truetype');
	}

	/* ³ª´®¹Ù¸¥°íµñ Bold */
	@font-face {
	  font-family: 'NanumBarunGothicBold';
	  font-style: normal;
	  font-weight: 700;
	  src: url(./NanumBarunGothicBold.eot);
	  src: local('Nanum Barun Gothic Bold'),
		   local('NanumBarunGothicBold'),
		   url(../fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
		   url(../fonts/NanumBarunGothicBold.woff2) format('woff2'),
		   url(../fonts/NanumBarunGothicBold.woff) format('woff'),
		   url(../fonts/NanumBarunGothicBold.ttf) format('truetype');
	}

	/* ³ª´®½ºÄù¾î */
	@font-face{
		font-family: 'NanumSquare';
		src: url('fonts/NanumSquareR.eot');
		src: url('fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
			 url('fonts/NanumSquareR.woff') format('woff'),
			 url('fonts/NanumSquareR.ttf') format('truetype')
	}


	@font-face{
		font-family: 'NanumSquareB';
		src: url('fonts/NanumSquareB.eot');
		src: url('fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),
			 url('fonts/NanumSquareB.woff') format('woff'),
			 url('fonts/NanumSquareB.ttf') format('truetype')
	}


	@font-face{
		font-family: 'NanumSquareL';
		src: url('fonts/NanumSquareL.eot');
		src: url('fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'),
			 url('fonts/NanumSquareL.woff') format('woff'),
			 url('fonts/NanumSquareL.ttf') format('truetype')
	}


	@font-face{
		font-family: 'NanumSquareEB';
		src: url('fonts/NanumSquareEB.eot');
		src: url('fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
			 url('fonts/NanumSquareEB.woff') format('woff'),
			 url('fonts/NanumSquareEB.ttf') format('truetype')
	}

	/*³ª´®¸íÁ¶Ã¼*/
	@font-face {
	  font-family: 'Nanum Myeongjo';
	  font-style: normal;
	  font-weight: 400;
	  src: url('fonts/NanumMyeongjo-Regular.eot');
	  src: url('fonts/NanumMyeongjo-Regular.eot?#iefix') format('embedded-opentype'),
		   url('fonts/NanumMyeongjo-Regular.woff2') format('woff2'),
		   url('fonts/NanumMyeongjo-Regular.woff') format('woff'),
		   url('fonts/NanumMyeongjo-Regular.ttf') format('truetype');
	}
	@font-face {
	  font-family: 'Nanum Myeongjo bold';
	  font-style: normal;
	  font-weight: 600;
	  src: url('fonts/NanumMyeongjo-Bold.eot');
	  src: url('fonts/NanumMyeongjo-Bold.eot?#iefix') format('embedded-opentype'),
		   url('fonts/NanumMyeongjo-Bold.woff2') format('woff2'),
		   url('fonts/NanumMyeongjo-Bold.woff') format('woff'),
		   url('fonts/NanumMyeongjo-Bold.ttf') format('truetype');
	}
	@font-face {
	  font-family: 'Nanum Myeongjo extrabold';
	  font-style: normal;
	  font-weight: 700;
	  src: url('fonts/NanumMyeongjo-ExtraBold.eot');
	  src: url('fonts/NanumMyeongjo-ExtraBold.eot?#iefix') format('embedded-opentype'),
		   url('fonts/NanumMyeongjo-ExtraBold.woff2') format('woff2'),
		   url('fonts/NanumMyeongjo-ExtraBold.woff') format('woff'),
		   url('fonts/NanumMyeongjo-ExtraBold.ttf') format('truetype');
	}

/* ----------------------------------------------------------------------------- */
/* RESET */
/* ----------------------------------------------------------------------------- */
	*																					{ margin:0; padding:0; }
	article, aside, hgroup, header, footer, figure,
	figcaption, nav, section															{ display:block; position:relative; padding:0; margin:0; }
	form, fieldset																		{ border:0; }
	body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset,
	legend, input, textarea, p, blockquote, th, td, img									{ margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
	legend, caption																		{ display:none; }
	dl, dd, dt, ul, li, div, span														{ margin:0; padding:0; list-style:none; }
	img																					{ border:0; }
	html, body																			{ display:block; width:100%; min-width:1440px; height:100%; font-size:18px; line-height:120%; font-family: 'Noto Sans KR', sans-serif; letter-spacing:0; }
	a																					{ color:#000; text-decoration:none; }
	address																				{ font-style:normal; }
	/* p																					{ margin-bottom:10px; } */
	table, tr, th, td																	{ border-collapse:collapse; border-spacing:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	h2, h3, h4, h5																		{ font-family: 'Noto Sans KR', sans-serif; }
	.hide																				{ display:none !important; }
	input[type="submit"]																{ cursor:pointer; font-family: 'Noto Sans KR', sans-serif; }
	input, select																		{ box-sizing:border-box;  }
	/* 	input																				{ -webkit-appearance:none; border-radius:0; } */
	input[type="text"],i nput[type="password"], input[type="submit"],
	input[type="button"], textarea														{ -webkit-appearance:none; border-radius:0; font-family: 'Noto Sans KR', sans-serif; }
	select																				{ -webkit-appearance:none; border-radius:0; background:url('/images/common/select_arrow.gif') 96% center no-repeat; font-family: 'Noto Sans KR', sans-serif; }
	iframe																				{ width:100% !important; }
	.input_area																			{ width:100% !important; background:#abc; }
	strong																				{ font-family: 'Noto Sans KR', sans-serif; }
	th		

/* ----------------------------------------------------------------------------- */
/* METHOD */
/* ----------------------------------------------------------------------------- */
	.last1																							{ padding-bottom:0 !important; margin-bottom:0 !important; border-bottom:0 !important; }
	._en																							{ ime-mode:disabled; }
	._kr																							{ ime-mode:active; }
	.hid																							{ display:block; width:100px; border:1px solid #aaa; z-index:99; margin:0 auto; }
	.hid2																							{ display:inline-block; width:20px; border:1px solid #aaa; margin:0 0 0 5px !important; z-index:99; }
	.hid3																							{ display:block; width:80%; border:1px solid #aaa; margin:0 auto !important; z-index:99; }
	.hide																							{ display:none !important; }
	.bd_r_none																						{ border-right:0 !important; }
	.bd_l_none																						{ border-left:0 !important; }
	.tc																								{ text-align:center !important; }
	.tl																								{ text-align:left !important; margin:0 0 0 3px; }
	.tr																								{ text-align:right !important; }
	.clkDisa																						{ pointer-events:none; }
	.clickDisable																					{ pointer-events : none; }
	.bold																							{ font-family:'Nanum Gothic B' !important; }
	.red																							{ color: red !important; }
	.v_m																							{ top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
	.clear																							{ display:block; width:100%; clear:both; }
	.f_13																							{ font-size:13px !important; }
	.req_form:after 			{ content: ' *'; color: #F00; }
	.fr																								{ float:right; }
	.fl																								{ float:left; }


/* ----------------------------------------------------------------------------- */
/* LAYOUT */
/* ----------------------------------------------------------------------------- */
	.ex_wrap																			{ display:block; }	

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */
	.top_ex_wrap																		{ display:block; position:fixed; top:0; left:0; width:100%; z-index:9000; background:rgba(0,0,0,.25); transition-duration:.5s; }
		.top_wrap																		{ display:block; margin:0 auto; width:1400px; height:90px;  }
			.top_logo_wrap																{ display:block; width:200px; height:40px; background:url('../../images/common/top_logo_w_220727.png') center center no-repeat; margin:30px 160px 30px 0; float:left; }

						.nav_dep1_ul													{ display:block; height:60px; width:850px; float:left; }
							.nav_dep1_li												{ display:block; position:relative; float:left; width:25%; height:100px; }
								.nav_dep1_a												{ display:block; overflow:hidden; text-align:center; font-size:20px; line-height:100px; color:#fff;  /* font-weight:100; */ transition-duration:.5s; }

									.nav_dep2_ul										{ display:none; position:relative; z-index:95; background:#fff; border:1px solid #eaeaea; border-top:0; transition-duration:.5s; }
										.nav_dep2_li									{ display:block; overflow:hidden; }
										.nav_dep2_li a									{ display:block; overflow:hidden; text-align:center; padding:10px 0; font-size:15px; }
										.nav_dep2_li a:hover							{ background:#706f6f; color:#fff; }
											.nav_dep3_ul								{ display:block; overflow:hidden; background:#f8f8f8; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;   }
										.nav_dep2_li:last-child	.nav_dep3_ul			{ border-bottom:0; }
												.nav_dep3_li							{ display:block; overflow:hidden; }
												.nav_dep3_li a							{ display:block; overflow:hidden; padding:6px 0; font-size:14px; }
												.nav_dep3_li a:hover					{ background:none; text-decoration:underline; color:#706f6f; }

									.nav_dep1_view .nav_dep2_li a						{ color:#777; background:none; }
									.nav_dep1_view .nav_dep2_li a:hover					{ color:#706f6f; text-decoration:underline; }


			.top_util_wrap																{ display:block; overflow:hidden; float:right; margin:33px 0; }
				.lang_btn_wrap															{ display:inline-block; vertical-align:middle; margin:0 10px 0 0; }
					.lang_btn_wrap a{float:left; }
					.lang_btn															{ display:block; overflow:hidden; vertical-align:middle;   margin:0 10px 0 0; border: 1px solid #9b9a9a; }
					.lang_btn span														{ display:inline-block; overflow:hidden; vertical-align:middle; color:#fff; font-size:14px; font-weight:500; width:50px; text-align:center; padding:3px;}
					.lang_btn div														{ display:block; background:#fff; }
				.lang_list																{ display:none; overflow:hidden; background:#fff; font-size:14px; font-weight:500; width:60px; border-radius:10px; position:absolute; border:1px solid #ddd; box-sizing:border-box; padding:5px; }
				.lang_list a															{ display:block; overflow:hidden; text-align:center; padding:3px; }
				.site_map_btn															{ display:inline-block; overflow:hidden; vertical-align:middle; width:30px; margin:4px 0 0 0; }
				.site_map_btn span														{ display:block; margin:0 0 7px 0; background:#fff; height:3px;}

	.gnb_fixed																			{ background:#fff; border-bottom:1px solid #eaeaea; }
	.gnb_fixed .top_logo_wrap															{ background:url('../../images/common/top_logo_b_220727.png') center center no-repeat; }
	.gnb_fixed .nav_dep1_a																{ color:#000 !important; }
	.gnb_fixed .site_map_btn span														{ background:#000; }
	.gnb_fixed .lang_btn span															{ color:#000; }


		

/* ----------------------------------------------------------------------------- */
/* FOOTER */
/* ----------------------------------------------------------------------------- */
	.footer_ex_wrap																		{ display:block; overflow:hidden; background:#181818; }	
		.footer_wrap																	{ display:block; overflow:hidden; width:1400px; margin:40px auto; letter-spacing:0; }

		/* ÇϴܸµÅ© ¹× ȸ»çÁ¤º¸*/
			.footer_info_wrap															{ display:block; overflow:hidden; float:left; color:#8c8c8c; font-size:15px;  letter-spacing: 0;}
				/*ÇϴܸµÅ©*/
					.footer_util_wrap														{ display:block; overflow:hidden; margin:0 0 15px 0; }
						.footer_util_btn													{ display:inline-block; overflow:hidden; margin:0 25px 0 0; color:#8c8c8c;  }
						.footer_util_btn:hover												{ color:#fff; }

				/* ȸ»çÁ¤º¸ */
					.footer_unit_wrap														{ display:block; overflow:hidden; margin:0 0 15px 0; }
					.footer_unit_wrap span													{ display:inline-block; overflow:hidden; margin:0 25px 0 0; padding:0 2px 0 0; }
					.footer_unit_wrap span a												{ color:#8c8c8c; }

				/* Ä«ÇǶóÀÌÅÍ */
					.footer_copy_wrap													{ display:block; overflow:hidden;  }

		/* °ü°è»ç */
			.footer_relation_wrap														{ display:block; overflow:hidden; float:right; }
				.f_select																{display:block; position: relative; margin:0 auto; width: 200px; height: 38px; line-height: 38px; z-index: 1; overflow:hidden; border:1px solid #fff; color:#fff;} 
				.f_select label															{ position: absolute; top: 2px; left:50%; margin-left:-46%; width:92%; text-align:left; height:38px; line-height:35px; color: #fff; z-index: -1; display:block; font-family:'Noto Sans KR'; font-size:14px; letter-spacing:0px; background:url('../images/t_select_arrow.png') no-repeat right center;} 
				.f_select select														{ width:100%; height: 40px; line-height: 38px; font-family: inherit; border: 0; opacity: 0; filter:alpha(opacity=0); -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none; font-family:'Noto Sans KR'; font-size:14px;  }


.tb1							{ width:100%; border-top:1px solid #000; font-size:17px; }
.tb1 tbody th					{ border-bottom:1px solid #d2d2d2; padding:13px 20px; vertical-align:middle; background:#f4f4f4; font-weight:400; }
.tb1 tbody td					{ border-bottom:1px solid #d2d2d2; padding:13px 20px; vertical-align:middle;  }


.tb2							{ width:100%; border-top:1px solid #000; font-size:17px; }
.tb2 thead th					{ border-bottom:1px solid #d2d2d2; padding:13px 20px; vertical-align:middle; border-right:1px solid #ddd; text-align:center; background:#f4f4f4; font-weight:400; }
.tb2 tbody th					{ border-bottom:1px solid #d2d2d2; padding:13px 20px; vertical-align:middle; border-right:1px solid #ddd; text-align:center; background:#f4f4f4; font-weight:400; }
.tb2 tbody td					{ border-bottom:1px solid #d2d2d2; padding:13px 20px; vertical-align:middle; border-right:1px solid #ddd; text-align:center;  }
.tb2 tfoot td					{ border-bottom:1px solid #d2d2d2; padding:13px 20px; vertical-align:middle; border-right:1px solid #ddd; text-align:center; background:#f4f4f4;  }
.tb2 th:last-child				{ border-right:0; }
.tb2 td:last-child	 			{ border-right:0; }