/*ÆùÆ® ½ÃÀÛ ----------------------------------------------------------------------------------------------------------- */

	@font-face {
	 font-family: 'NanumSquare';
	 src: url(../../skin_d/font/NanumSquareR.eot);
	 src: url(../../skin_d/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
	   url(../../skin_d/font/NanumSquareR.woff) format('woff'),
	   url(../../skin_d/font/NanumSquareR.ttf) format('truetype');
	}
	@font-face {
	 font-family: 'NanumSquareLight';
	 src: url(../../skin_d/font/NanumSquareL.eot);
	 src: url(../../skin_d/font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
	   url(../../skin_d/font/NanumSquareL.woff) format('woff'),
	   url(../../skin_d/font/NanumSquareL.ttf) format('truetype');
	}
	@font-face {
	 font-family: 'NanumSquareExtraBold';
	 src: url(../../skin_d/font/NanumSquareEB.eot);
	 src: url(../../skin_d/font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
	   url(../../skin_d/font/NanumSquareEB.woff) format('woff'),
	   url(../../skin_d/font/NanumSquareEB.ttf) format('truetype');
	}
	@font-face {
	 font-family: 'NanumSquareBold';
	 src: url(../../skin_d/font/NanumSquareB.eot);
	 src: url(../../skin_d/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
	   url(../../skin_d/font/NanumSquareB.woff) format('woff'),
	   url(../../skin_d/font/NanumSquareB.ttf) format('truetype');
	}

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

	@font-face {
		font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
		src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
		url('../../skin_d/font/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('../../skin_d/font/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	}

	@font-face {
		font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 500;
		src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
		url('../../skin_d/font/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('../../skin_d/font/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	}

	@font-face {
		font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 300;
		src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
		url('../../skin_d/font/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('../../skin_d/font/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	}

/*ÆùÆ® ³¡ ----------------------------------------------------------------------------------------------------------- */

/*°øÅë ½ÃÀÛ ----------------------------------------------------------------------------------------------------------- */

	*{ margin:0px }

	html{}
	body{ background-color:#ffffff; color:#666666; line-height:100%; word-wrap:break-word; word-break:break-all; }
	body,input,textarea,select,table,button{ font-size:14px; font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim,Apple-Gothic,sans-serif; }
	*{ -webkit-text-size-adjust:none; }
	ul,ol,li{ list-style:none; }
	a:link { text-decoration:none;color:#8B8B8B; }

	.relative { position:relative; top:0; left:0; }

	.wrap {position:relative; margin:0 auto; width:100%; max-width:600px; height:100%; background:#fff;}

		/*·Î°í ------------------------------------------------------ */
		.logo_contents {font-size:0; line-height:0;}
			.logo_contents img {width:180px;}

		/*»ó´Ü ------------------------------------------------------ */
		.header { display:table; width:100%; max-width:600px;}

			.header .header_tab {width:100%; background:#e5e5e5; padding:5px 0 0 0; overflow:hidden;}
				.header .header_tab ul {padding:0; margin:0; font-size:0;}
					.header .header_tab li {position:relative; display:inline-block; width:50%; font-family:'NanumSquare'; text-align:center; font-size:13px; line-height:20px; color:#fff; padding:5px 0; margin:0;}
						.header .header_tab li span {position:relative; padding-left:35px;}
							.header .header_tab li img {position:absolute; top:.5px; left:0; width:30px;}
					.header .header_tab .on {font-family:'NanumSquareBold'; color:#000;}
					.header .header_tab li:before {content: ''; position: absolute; top:0; right:0; bottom:-1px; left:0; border-bottom:none; border-radius:10px 10px 0 0; background:#0e0906; box-shadow:0 0 2px 1px rgba(0,0,0,.1); transform:scale(1.0, 1.1) perspective(20px) rotateX(4deg); transform-origin:bottom;}
					.header .header_tab .on:before {background:#fff;}

			.header .logo {float:left; display:table; width:100%; text-align:center; padding:15px 0;}

				.header .navi {float:left; width:100%; background:#bed56e; padding:15px 0;}
					.header .navi ul {padding:0; margin:0;}
					.header .navi li {float:left; list-style:none; width:20%; font-family:'NanumSquareIBold'; text-align:center; font-size:13px; color:#fff; cursor:pointer;}
						.header .navi li span {font-family:'NanumSquare'; font-size:10px;}


		/*ÇÏ´Ü*/
		.bottom { display:table; top:0; width:100%; max-width:600px; background:#bed56e; padding:20px 0; }

			.bottom .customer {float:left; width:100%; text-align:left; border-bottom:.5px solid rgba(0,0,0,.1); padding:0 3%; box-sizing:border-box; cursor:pointer;}
				.bottom .customer .customer_title {float:left; font-family:'NanumSquareBold'; font-size:18px; line-height:25px; color:#00773e; padding:0 0 5px;}
				.bottom .customer .customer_btn {float:right; border:.5px solid #00773e; border-radius:5px; font-family:'NanumSquareBold'; text-align:center; font-size:18px; line-height:20px; color:#00773e; padding:18px 15px; box-sizing:border-box;}
				.bottom .customer .customer_comment {clear:left; float:left; font-family:'NanumSquareLight'; font-weight:bold; font-size:11px; line-height:15px; color:#000;}
				.bottom .customer .customer_number {clear:left; float:left; font-family:'NanumSquareExtraBold'; font-size:33px; line-height:40px; color:#00773e; padding:5px 0 20px;}

			.bottom .logo {display:table; width:100%; text-align:center; padding:20px 0 10px;}
				.bottom .logo img {width:150px;}

			.bottom .companyinfo { clear:both; text-align:center; padding:3px 0 0 0;
											font-family:'NanumSquare'; font-size:10px; color:#002e18; line-height:15px; }
			.bottom .companyinfo p {padding:5px 0;}
			.bottom .copyright { clear:both; text-align:center; padding:5px 0;
											font-family:'NanumSquare'; font-size:10px; color:#002e18; line-height:15px; }

			.bottom .footerbtn { float:left; width:100%; padding:20px 0 0; margin-top:15px; text-align:center; border-top:.5px solid rgba(0,0,0,.1);}
				.bottom .footerbtn a,
				.bottom .footerbtn a:visited,
				.bottom .footerbtn a:hover { font-family:'NanumSquare'; font-size:11px; color:#002e18; }
					.bottom .footerbtn span {position:relative; margin-left:15px;}
						.bottom .footerbtn i {position:absolute; top:.5px; left:0; margin-left:-15px;}

/*°øÅë ³¡ ----------------------------------------------------------------------------------------------------------- */


/*¸ÞÀÎ ÄÁÅÙÃ÷ ½ÃÀÛ ----------------------------------------------------------------------------------------------------------- */
	.main_images {position:relative; display:table; width:100%; max-width:600px; background:#fff; padding-bottom:30px; overflow:hidden;}
		.main_images .main_images_text {position:absolute; display:table; left:0; top:0; width:100%; text-align:center; padding:20px 0; background:rgba(0,0,0,.3); z-index:2; opacity:0;}
			.main_images .main_images_text .main_images_text_e {font-family:'Nanum Myeongjo', serif; font-weight:800; font-size:30px; line-height:40px; color:#fff; opacity:0;}
			.main_images .main_images_text .main_images_text_k {font-family:'NanumSquare'; font-size:15px; line-height:20px; color:#fff; opacity:0;}
		.main_images .main_images_img {}
			.main_images .main_images_img img {width:100%;-webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
		.main_images .main_text {position:absolute; top:170px; left:0; width:100%; text-align:center; z-index:2;}
			.main_images .main_text .main_title {font-family:'Nanum Myeongjo', serif; font-size:60px; line-height:120px; font-weight:800; color:#fff;}
			.main_images .main_text .main_comment {font-family:'NanumSquareLight'; font-size:25px; line-height:35px; color:#fff;}
		.main_images .video-container {position:absolute; top:0; left:50%; width:2500px; height:1400px; margin-left:-1250px; opacity:.7; z-index:1;}


/*¸ÞÀÎ ÄÁÅÙÃ÷ ³¡ ----------------------------------------------------------------------------------------------------------- */


/*¼­ºêÄÁÅÙÃ÷*/
.subimages {position:relative; display:table; width:100%; height:200px;background:url('../../skin_d/images/main_images.jpg') no-repeat center -150px; background-size:600px auto; font-size:0;}

.subtitle_group {position:absolute; top:0; left:0; width:100%; max-width:600px; height:100%; text-align:center; z-index:2; background:rgba(0,0,0,.6);}
	.subtitle_group .subtitle_k {position:absolute; top:40px; left:0; width:100%; text-align:center; font-family:'NanumSquareBold'; font-size:23px; line-height:30px; color:#fff; text-shadow:0 0 3px rgba(0,0,0,1);}
	.subtitle_group .subtitle_e {position:absolute; top:70px; left:0; width:100%; text-align:center; font-family:'NanumGothic'; font-size:12px; line-height:23px; color:#fff; background:url('../../skin/images/sub_title_shadow.png') no-repeat center bottom; background-size:300px 100px; text-shadow:0 0 3px rgba(0,0,0,1);}

	/*¸Ê*/
	.subtitle_group .subnav {position:absolute; top:100px; left:0; width:100%; text-align:center; opacity:.5;}
		.subtitle_group .subnav ul {margin:0 0 0 20px; padding:0; font-size:0;}
			.subtitle_group .subnav li {display:inline-block; font-family:'NanumSquare'; font-size:11px; line-height:30px; color:#fff; padding:0;}
			.subtitle_group .subnav li:first-child {position:relative;}
			.subtitle_group .subnav li:before {content:'>'; font-size:10px; padding:0 5px;}
			.subtitle_group .subnav li:first-child:before {content:''; padding:0;}
				.subtitle_group .subnav li i {position:absolute; top:-11px; left:-20px; font-size:15px;}

/*¼­ºê¸Þ´º*/
.submenuarea {position:absolute; bottom:0; display:table; width:100%; max-width:600px; background:#fff; text-align:center; z-index:50;}
	.submenu {float:left; width:100%;}
	.submenu ul {display:table; width:100%; margin:0; padding:0; border-bottom:.5px solid #ccc;}
	.submenu .count2 li {width:50%;}
	.submenu .count3 li {width:33.33%;}
	.submenu .count5 li {width:20%;}
		.submenu li {float:left; list-style:none; width:25%; border-right:.5px solid #ccc; border-bottom:1px solid transparent; box-sizing:border-box;}
			.submenu a,
			.submenu a:visited, 
			.submenu a:hover {font-family:'NanumSquare'; font-size:10px; line-height:35px; letter-spacing:-.5px; color:#000; text-decoration:none;}
	.submenu .on {background:#fff; color:#000; border-bottom:1px solid #000;}
/*	.submenu_fix {position:fixed; top:74px; background:rgba(255,255,255,.9);}
	.submenu_fix li {}*/

.contents { width:100%; min-height:350px;}
/*.contents0201 .success {padding:0;}*/

.contents0204 {background:#d5e09c;}