@charset "utf-8";

/* 컨텐츠영역 */
#ContentArea{clear:both; display:block; width:100%; } /* margin-top:90px; 해더고정한다면 상단여백 margin-top:90px; _padding-top:90px; */
	.ContentArea{}
		/* 메인컨텐츠 */
		#Main_Content{height:600px; text-align:center;} /* 나뉨 */
			.Main_Content{width:600px; color:#fff; text-align:left; margin:auto; padding-top:60px; }
				.Main_Content_title{font-size:20px; font-family: 'Jeju Gothic', sans-serif; text-align:center; padding-bottom:10px;}
				.Main_Content_text{}
				.Main_Content_text p{}
				.Main_Content_text span{opacity:0.5; line-height:16px;}
				.Main_Content_img{padding-top:20px;}
				.Main_Content_img img{}
					
		/* 서브컨텐츠 */
		#SubContentArea{width:1100px;}
			/* 왼쪽메뉴와 오른쪽 본문 */
			.SubContentArea{}
				/* 왼쪽메뉴 */
				#SNBArea{/*float:left;width:200px;*/ height:100%;} /* position:absolute; left:0px; position:fixed;  */
					.SNBArea{}
						/* 타이틀 */
						#SNBArea .Title{background-color:#383838; background-image:url(../images/bg_style01.png); color:#fff; padding:10px 0px 10px 0px;}
						#SNBArea .Title span{opacity:0.4; margin-left:13px;}
						#SNBArea .Title p{font-weight:bold; font-size:16px; margin-left:15px;}
						/* 메뉴 */
						.SNBArea dl{  }
						.SNBArea dl.box_pad{ padding:5px 0 10px 0;  }
						.SNBArea dl dt{height:40px; line-height:40px; color:#fff; font-weight:bold; font-size:14px; background-image:url(../images/bg_style01.png); padding-left:10px;} /* 나뉨 */
						.SNBArea dl dd{border-bottom:1px solid #f9f9f9;}
						.SNBArea dl dd p{}
						.SNBArea dl dd p a{display:block; font-size:13px; letter-spacing:-0.5px; /*font-size:14px; letter-spacing:-1px;*/ font-family: 'Jeju Gothic', sans-serif; padding:8px 5px 8px 5px; background-color:#fff;}
						.SNBArea dl dd p a:hover { color:#74b7ed;}	
					.SNBArea dl dd p a.active { color:#74b7ed;}
						.SNBArea dl dd hr{display:block; border:none; border-bottom:1px solid #f9f9f9;}
						.SNBArea dl dd ul{background-color:#f7f7f7; padding:5px 5px 5px 10px;}
						.SNBArea dl dd ul li{width:100%;list-style-type:decimal; list-style-position:inside; line-height:20px; letter-spacing:-1px;}/* list-style-type:decimal; list-style-position:inside; */
						.SNBArea dl dd ul li a{}
					.SNBArea a, .SNBArea a:active, .SNBArea a:focus{color:#4d4d4d;}
					.SNBArea a:hover{color:#000;}
					
				.SNBArea_Fixed{display:block; width:inherit; position:fixed; top:35px; z-index:2000000;} /* 스크롤시위치 */	
				
				/* 오른족 본문  */	
				#ContentSArea{float:right; width:899px; border-left:1px solid #CCCCCC; } /* margin-left:200px; _margin-left:0px; */
					.ContentSArea{margin:15px;}
					/* 컨텐츠안전가로최대사이즈 860px */	
						.ContentSArea h1, .ContentSArea h2, .ContentSArea h3
						{display:block;  font-weight:normal; font-family: 'Jeju Gothic', sans-serif;}
						.ContentSArea h1{height:30px; font-size:20px; line-height:30px;}
						.ContentSArea h2{font-size:18px; padding-top:100px; margin-bottom:5px;}
						.ContentSArea h2 span{display: block; float: left; width:5px; height:18px; line-height:18px; background-color:#b5adab; margin-right:5px;}
						.ContentSArea h3{font-size:15px; margin-bottom:10px;}

/* ---------------------------------------------------------------------------------------------------------------------------- */	
/* 오른족 본문 클래스 변경/추가 2020년 06월 23일 */	
/*
h1, h2, h3{display:block;  font-weight:normal; font-family: 'Jeju Gothic', sans-serif;}
h1{height:30px; font-size:20px; line-height:30px;}
h2{font-size:18px; padding-top:100px; margin-bottom:5px;}
h2 span{display: block; float: left; width:5px; height:18px; line-height:18px; background-color:#b5adab; margin-right:5px;}
h3{font-size:15px; margin-bottom:10px;}						
*/
/* ---------------------------------------------------------------------------------------------------------------------------- */	

						/* 설명타입 : 기본 */
						.ContentSArea_body{}
							.ContentBox{line-height:20px;}
							.ContentBox p{padding:5px 5px 0px 15px;}
							.ContentBoxPoint{border:2px dotted #FFCCCC; padding:10px;} /* 상단시작글 */
							.OverAtion{background-color:#f7f7f7; border-radius:10px;}
								p.OverAtion{text-align:center; padding:10px 10px 10px 10px;}
								.OverAtion b{display:block; font-size:13px; text-align:left; font-weight:normal; font-family: 'Jeju Gothic', sans-serif; margin-bottom:10px;}
								.ImgCenter{text-align:center;}
								.ImgCenter img{margin-top:10px;}
							
						/* 설명타입 : 다운로드용 */
						.ContentSArea_Down{width:100%;}
						.ContentSArea_Down table{border: 1px dashed #cccccc; margin-top:10px;}
						.ContentSArea_Down table caption{text-align:left; font-size:18px; margin-bottom:5px; font-family: 'Jeju Gothic', sans-serif;}
						.ContentSArea_Down table caption span{display: block; float: left; width:5px; height:18px; line-height:18px; background-color:#b5adab; margin-right:5px;}
						.ContentSArea_Down table th{width:50%; text-align:center; padding:10px;}
						.ContentSArea_Down table td{padding:10px;}
						.ContentSArea_Down table td a{display:block;}
						
						/* 설명타입 : 제품소개 */
						.GoodsInfoBox{width:900px; display:inline-block; border:1px solid #f4f4f4; }
						.GoodsInfoBox h5{} /* display:block; font-family: 'Jeju Gothic', sans-serif; font-size:20px; font-weight:bold; */
							.GoodsInfoBox_Title{}
							.GoodsInfoBox_Cont{padding:30px;}
								.GoodsInfoBox_ContTitle{text-align:left; margin-top:20px;}
								.GoodsInfoBox_ContTitle p{font-family: 'Jeju Gothic', sans-serif; font-size:18px; font-weight:bold; color:#424242; line-height:25px; margin-bottom:10px;}
								.GoodsInfoBox_ContTitle p img{vertical-align:middle;}																	
						
		#SubContentArea:after{content:""; display:block; clear:both;}
		
#ContentArea:after{content:""; display:block; clear:both;}					

/* --------------------------------------------------------------------------------------------- */						
/* 공통사용 폰트스타일 */
.FontStyle01{color:#cf092e; font-weight:bold;}
/* 공통사용 링크스타일 */
a.LinkA{display:block; font-size:20px; line-height:25px; color:#116ab3; font-family: 'Jeju Gothic', sans-serif; margin-bottom:10px;}
/* 공통사용 본문의 내용 들여쓰기 오른족 본문 타입A  */
.ContentSArea_body table tbody td{padding-left:15px;}
.ContentSArea_body table tbody td p{ text-indent:10px; margin-left:-14px;}
.TextOut{margin-left:-14px;}
/* 공통사용 본문의 내용 들여쓰기 오른족 본문 타입B  */
.ContentSArea_Box_body table tbody td{padding:10px 10px 10px 15px;}
.ImagesWidthA{width:200px;}	
.ImagesWidthB{width:300px;}
.ImagesWidthC{width:150px;}	
/* 공통사용 타이틀 */
.TitleComm{color:#000; font-size:16px; font-weight:bold; text-align:left; font-family: 'Jeju Gothic', sans-serif; margin-bottom:5px;}
.TitleComm small{color:#bebebe; font-size:11px; font-family:Dotum, helvetica, sans-serif; margin-left:5px;}
.TitleComm span.Icon{float:left; width:7px; height:7px; line-height:7px; border:3px solid #fbc300; border-radius:50%; display:block; text-decoration:-1100px; margin-right:3px; margin-top:4px;}	

/* --------------------------------------------------------------------------------------------- */	
/* 동영상가이드 */
/* 당선작 */
.MoveViewForm{clear:both; display:block; margin-top:50px;}
	/*	당선작썸네일 */
	.MoveViewForm_thum{float:left; margin-right:15px;}
	.MoveViewForm_thum img{}
	/* 당선작내용 */
	.MoveViewForm_info{float:left;}
	.MoveViewForm_info em, .MoveViewForm_info b{display:block; font-style:normal;font-family: 'Jeju Gothic', sans-serif; margin-bottom:5px;}
	.MoveViewForm_info em{color:#eba1a0; font-size:18px;}
	.MoveViewForm_info b{color:#333333; font-size:18px;}
	.MoveViewForm_thumimg{height:110px;}
		/* 버튼 */
		.MoveViewForm fieldset{border:none;}
		.MoveViewForm fieldset a{display:block; width:200px; height:30px; line-height:30px; text-align:center; color:#fff; border:none; border-radius:3px; margin-bottom:5px}
			.Go_goods{background-color:#eba1a0;}
			.Go_goods:hover{background-color:#ef8786;}
			.Go_cont{background-color:#5f5f5f;}
			.Go_cont:hover{background-color:#494949;}
						
/* --------------------------------------------------------------------------------------------- */	
/* 제품소개 */
.ContentSArea{}
	.IntroduceGoods{clear:both; display:block;}
		/* 상단 */
		.IntroduceGoods_Header{clear:both; display:block; height:280px; background:url(../images/info/info_bg01_.png) top no-repeat; background-color:#f8f8f8;}
		.IntroduceGoods_Header *{font-family:'Noto Sans KR', sans-serif;}
			/* 대표설명글 */
			.Header_Info{float:left; width:55%; height:inherit; overflow:hidden;}
			.Header_Info_box{height:100%; margin:30px 40px 35px 40px;}
			.Header_Info fieldset{height:100%; margin:30px 40px 35px 40px;}
				.Header_Info span{display:block; color:#fff; font-size:16px; margin-bottom:5px;}
				.Header_Info h1{display:block; color:#fff; font-size:35px; line-height:40px; margin-bottom:25px;}
				.Header_Info p{height:60px; color:#fff; line-height:18px; margin-bottom:20px; font-size:13px; opacity: 0.7}
			.Header_Info .Btn{}
			.Header_Info .Btn input{width:180px; height:35px; line-height:35px; color:#fff; font-size:15px; background-color: #6e80db;border-radius:4px; border:1px solid #a6b1e9; cursor:pointer; transition:0.2s; margin:0 10px 0 0}
        .Header_Info .Btn input:hover { background:#4153af; }
			/* 대표이미지 */
			.Header_Img{float:left; width:44%; height:inherit; overflow:hidden;}
			.Header_Img fieldset{text-align:center;}
			.Header_Img img{margin-top:20px;}
		
		/* 주요링크 */
		.IntroduceGoods_Link{clear:both; display:block; text-align:center; margin-top:30px;}
		.IntroduceGoods_Link a{display:inline-table; width:100px; height:100px; text-align:center; background-color:#fff; border-radius:55px; margin-left:30px;border:1px solid #dee2f7;transition:0.2s}
.IntroduceGoods_Link a:hover { background: #ced6ff; }
		.IntroduceGoods_Link a.First{margin-left:0px;}
		.IntroduceGoods_Link a img{margin:20px 0px 5px 0px;}
		.IntroduceGoods_Link a p{color:#666a80; font-size:13px; letter-spacing:-1px; font-weight:bold }
		.IntroduceGoods_Link2{color:#454545; font-size:14px; }
		
		/* 설명 */
		.IntroduceGoods_Body{clear:both; display:block; margin:30px 20px 20px 20px; _width:100%;}
			.Info_Box{clear:both; display:block; margin-bottom:30px;}
			.Info_Box h2{color:#454545; margin-bottom:10px; padding-top:0px;}
			.Info_Box h2 span{width:5px; background-color:#d3d3d3;}
			
			/* 활용용도 */
			.Info_Use{line-height:20px;}
			
			/* 사이즈 */
			.Info_size table{border:2px solid #d8d8d8;}
			.Info_size table caption{text-align:left; margin-bottom:5px;}
			.Info_size table thead{}
			.Info_size table tbody{}
			.Info_size table th,
			.Info_size table td{height:25px; text-align:center; border:1px solid #d8d8d8;}
			.Info_size table th{background-color:#fbfbfb;}
			.Info_size table td{}
			.Info_size table tbody th{width:25%;}
			.Info_size p{margin-top:5px;}
			
			/* 샘플 */
			.Info_Sample{}
			.Info_Sample h2{}
			.Info_Sample img{margin:0px; padding:0px;}
			
			/* 작업방법 */
			.Info_Work{}
			
			/* 공통유의사항 */
			.Info_Notable{text-align:center;}
			.Info_Notable h2{text-align:left;}
			.Info_NotableBox{text-align:center; line-height:22px; background-color:#f5f5f5; border-radius:5px; padding:15px; margin-bottom:20px;}
			.Info_NotableBox .Info_NotableCont1{background-color:#FFFFFF; padding:10px;}
			.Info_NotableBox .Info_NotableCont2{background-color:#e5e6e6; padding:10px;}
				.Info_Notable dl{color:#424242; text-align:left; margin-top:10px;}
				.Info_Notable dl dt{font-weight:bold;}
				.Info_Notable dl dd{margin-left:10px;}
			
			
			
		 .Btn_Input {width: 180px;
		height: 35px;
		line-height: 35px;
		color: #ffffff;
		font-size: 15px;
		border: none;
		background-color: #6e80db;
        border-radius:4px; 
        border:1px solid #a6b1e9;
		cursor: pointer;
		text-align: center;
		float:left;
		margin:0 10px 0 0;
        transition:0.2s
		}
		.Btn_Input a {color: #ffffff;}
        .Btn_Input:hover { background:#4153af; }