@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');

body,td,span,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section {margin:0;padding:0;font-size:13px; color:#333; line-height:1.9em; font-weight:400;font-family: 'Nanum Gothic', sans-serif, 'dotum'; }
ul,ol,li{margin:0;padding:0;list-style:none;}
a, img{border:0px;}
a{text-decoration:none;}
	


	#gnb_wrap { width:100%; height:40px;  border-bottom:1px solid #DDD;}
	#gnb_wrap .gnb_{width:100%; margin:0 auto;}
	#gnb_wrap .gnb_nav_left {float:left; width:100%; text-align:left; font-size:12px; margin:0 auto;}	
	a.sns_bt:link, a.sns_bt:visited, a.sns_bt:active{float:left; display:block;  width:50%; height:39px; font-size:11px;  color:#414141; text-decoration:none; margin-left:0px; padding:0px; border-right:1px solid #DDD; text-align:center;}	
	a.sns_bt:hover {color:#527bae; }


	#main_visual{clear:both; position:relative; text-align:center; width:100%; height:auto; padding:0; z-index:0; background:url('/html/image/main_back.gif') repeat;}
	#sub_visual{clear:both; position:relative; text-align:center; width:100%;  padding:0; z-index:0;}

	
	
	#contents {width:100%; margin:0 auto;}
	#contents:after {content:""; display:block; clear:both;}	
	.pro_area { clear:both; width:96%; margin:0px auto; padding:0px 0; padding-bottom:20px;}
	.pro_area:after {content:""; display:block; clear:both;}
	.pro_area .pro_box {float:left; width:100%; padding-top:20px; margin:0 auto;}
	.pro_area .pro_box ul { width:100%; list-style:none; top:0; left:0; padding:0;}
	.pro_area .pro_box ul li{ float:left; display:inline; width:48%; text-align:center; margin-right:1%; margin-left:1%; margin-bottom:2%; }
	.pro_area .pro_box ul li:nth-child(2n){margin-right:0;}
	.pro_area .pro_box ul li img {width:100%;  border:1px solid #e6e6e6; border-bottom:0px; box-sizing:border-box; }
	.pro_area .pro_box ul li p{height:43px; line-height:43px; background-color:#8a8a8a; font-size:1.1em; font-weight:normal;  color:#fff; } /* 상품명 */
	
	#contents .cs_center {width:100%; margin:0px auto; border:0px solid #ddd; box-sizing:border-box;}
	#contents .cs_center .online_b {float:left; width:100%; top:0; left:0; padding:0; text-align:center; color:#fff; font-size:1.4em; line-height:1.5em; background-color:#676767; padding-bottom:30px;}
	#contents .cs_center .online_b i{font-size:35px;}
	#contents .cs_center .online_b span{font-size:0.7em; color:#fff;}
	#contents .cs_center .online_b button{padding:5px 30px; color:#fff; background-color:#c6191e; border:0px; margin-top:10px; font-size:0.7em;}
	#contents .cs_center .online_b button:hover{background-color:#000;}
	#contents .cs_center .tel {float:left; width:100%; top:0; left:0; padding:10px 0px; text-align:left; color:#333; padding-top:23px;  line-height:1.6em; border-bottom:1px solid #ddd; padding-left:40px;}
	#contents .cs_center .tel h1{color:#333; font-size:1.4em; font-weight:700; }
	#contents .cs_center .tel i{font-size:40px; color:#c6191e;}
	#contents .cs_center .tel p{text-transform:uppercase; color:#000; font-weight:700; font-size:1.5em; line-height:1.6em;}
	#contents .cs_center .tel span{text-transform:uppercase; color:#6d6d6d;font-size:0.9em;}
	#contents .cs_center .notice {float:left; width:90%; top:0; left:0; padding:0; text-align:left; color:#333; padding-top:23px; padding-bottom:23px; margin-left:15px; }
	#contents .cs_center .notice h1{color:#333; font-size:1.4em; font-weight:700; margin-bottom:10px;}
	#contents .cs_center .notice h1 a{float:right; font-size:0.7em;}
	#contents .cs_center .notice h1:after{clear:both;}
	#contents .cs_center .notice p{color:#333; height:30px; line-height:30px;  font-size:13px;}
	#contents .cs_center .notice p span{float:right; height:30px; line-height:30px;  font-size:13px;}
	#contents .cs_center .notice:after{clear:both;}
	#contents .cs_center .youtube {float:right; width:100%; height:210px; top:0; left:0; padding:0; color:#333; border:0px solid red;}

	#contents .photo_area { clear:both; width:100%; margin:0px auto; padding:0px 0;}	
	#contents .photo_area:after {content:""; display:block; clear:both;}
	#contents .photo_area .photo_box {float:none; width:93%; padding-top:10px; margin:0 auto;}
	#contents .photo_area .photo_box h1{color:#333; font-size:1.4em; font-weight:700; margin-bottom:10px;}
	#contents .photo_area .photo_box ul { width:100%; list-style:none; top:0; left:0; padding:0;}
	#contents .photo_area .photo_box ul li{ float:left; display:inline; width:31.3333%;  text-align:center; margin-right:1%; margin-left:1%; }
	#contents .photo_area .photo_box ul li:last-child {margin-right:0;}
	#contents .photo_area .photo_box ul li img {width:100%;   border:0px solid #e6e6e6; box-sizing:border-box;}
	#contents .photo_area .kakao {width:100%; background-color:#FCE302; margin-top:20px; float:right; border:1px solid #FCE302;  box-sizing:border-box; text-align:center;}
	#contents .photo_area .kakao img{width:100%; max-width:403px;}
	



	#sub_menu{width:100%; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
	#sub_menu .sub_l{width:100%; max-width:100%; margin:0 auto;}
	#sub_menu .sub_l ul{width:100%; max-width:100%; margin:0 auto; overflow:hidden; border-left:0px solid #ddd; }
	#sub_menu .sub_l ul:after{clear:both;}
	#sub_menu .sub_l ul li{width:33.333333%; float:left; height:40px; line-height:40px; border-right:1px solid #ddd; text-align:center;}
	#sub_menu .sub_l ul li:nth-child(3n){border-right:0px;}
	#sub_menu .sub_l ul li a{display:block; width:100%; float:left; height:40px; line-height:40px; font-size:1em;}
	/*#sub_menu .sub_l ul li a:hover{background-color:#ccc; color:#333; font-size:1.2em;}*/
	#sub_menu .sub_l ul li a.on{background-color:#333; color:#fff; font-size:1em; font-weight:700;}
	
	.stitle{margin:0 auto; margin-top:0px; margin-bottom:0px;  max-width:320px; text-align:center; border:0px solid red; font-size:1.8em; padding-bottom:0px; color:#000; text-align:center; border-bottom:0px solid #000; letter-spacing:-0.05em;}
	.stitle_bar{
		display:block;
		width:30px;
		height:25px;
		border-top:2px solid #000;
		margin:10px auto 0;	
	}

	.btitle{margin-bottom:20px; border:0px solid red; font-size:1.2em; font-weight:700; padding-bottom:0px; color:#000; border-bottom:1px solid #bcbcbc;}
	.btitle i{color:#C6191E; font-weight:900; font-size:0.3em;}
	.btitle span{font-size:0.9em;}
	.btitle p{font-size:0.7em; line-height:20px;}

	.ptitle{width:250px; background-color:#ddd;  border:0px solid red; font-size:1.2em; font-weight:700; color:#000; border-radius:10px; text-align:center;}
	
	#sub{width:100%; max-width:1200px; margin:0 auto;}
	#sub:after{clear:both;}

	#intro div:first-child{width:50%; float:left;}

	.history_wrap .txt_box>section {
	 margin-bottom:30px;
	 border-bottom:1px solid #eee;
	 padding-bottom:30px;
	 overflow:hidden
	}
	.history_wrap .txt_box>section:last-of-type {
	 border:0;
	 padding-bottom:0;
	 margin-bottom:0
	}
	.history_wrap .txt_box>section h4 {
	 float:left;
	 width:20%;
	 text-align:center;
	 font-size:1.2em;
	 color:#222;
	 line-height:1;
	  font-weight:700;
	}
	.history_wrap .txt_box>section ul {
	 float:right;
	 width:80%
	}
	.history_wrap .txt_box>section ul li {
	 position:relative;
	 margin-bottom:0px;
	 padding-left:20px
	}
	.history_wrap .txt_box>section ul li p span{
	 font-size:1em; font-weight:700; color:#000;
	}

	.history_wrap .txt_box>section ul li:last-of-type {
	 margin-bottom:0
	}

	.cer_area { clear:both; width:100%; margin:0px auto; padding:20px 0;}
	.cer_area:after {content:""; display:block; clear:both;}
	.cer_area .cer_box {width:100%; padding-top:20px; margin:0 auto;}
	.cer_area .cer_box ul { width:100%; list-style:none; top:0; left:0; padding:0;}
	.cer_area .cer_box ul li{ float:left; display:inline; width:31.333333%; text-align:center; margin-right:1%; margin-left:1%; margin-bottom:2%; }
	.cer_area .cer_box ul li:last-child {margin-right:0;}
	.cer_area .cer_box ul li img {width:100%;  border:1px solid #e6e6e6; border-bottom:0px; box-sizing:border-box; }
	.cer_area .cer_box ul li p{height:43px; line-height:43px; background-color:#8a8a8a; font-size:1.1em; font-weight:normal;  color:#fff; } 


	.map_box { width:100%; margin:0 auto;}
	.map_box ul { width:100%; list-style:none; top:0; left:0; padding:0;}
	.map_box ul li{ float:left; display:inline; width:100%; margin:0; padding:0; text-align:left; text-indent:15px; height:30px; line-height:30px; background-color:#8a8a8a; font-size:1em; font-weight:normal;  color:#fff; text-indent:10px;}
	

	.product_list{width:100%; margin:0 auto; clear:both; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd; overflow:hidden;}
	.product_list:after{clear:both;}
	.product_list div{width:100%; float:left;}
	.product_list div.left{ text-align:center;}
	.product_list div.right{padding-top:0px;}

	.tbl{width:100%; border-top:1px solid #333; /*border-collapse:collapse;*/}
	.tbl th{width:30%; background-color:#f2f2f2; border-bottom:1px solid #ccc; padding:3px 0; font-size:0.85em;}
	.tbl td{width:70%; border-bottom:1px solid #ccc; padding:3px 0; text-indent:10px; font-size:0.85em;}

	.tbla{width:100%; border-top:1px solid #333; }
	.tbla th{width:20%; background-color:#f2f2f2; border-bottom:1px solid #ccc; padding:3px 0; font-size:0.85em;}
	.tbla td{width:30%; border-bottom:1px solid #ccc; padding:3px 0; text-indent:10px; font-size:0.85em;}

	.tblc{width:100%; border-top:1px solid #333; }
	.tblc th{width:50%; background-color:#f2f2f2; border-bottom:1px solid #ccc; padding:8px 0; font-size:0.85em;}
	.tblc td{width:50%; border-bottom:1px solid #ccc; padding:5px 0; text-indent:10px; font-size:0.85em;}

	.tbld{width:100%; border-top:0px solid #333; }
	.tbld th{width:4%; border-bottom:0px solid #ccc; padding:8px 0; font-size:0.85em;}
	.tbld td{border-bottom:0px solid #ccc; padding:0px 0; font-size:0.85em; margin:0;}

	.tble{width:100%; border-top:1px solid #333; }
	.tble th{width:20%; background-color:#f2f2f2; border-bottom:1px solid #ccc; border-bottom:0px solid #ccc; padding:8px 0; font-size:0.85em;}
	.tble td{border-bottom:1px solid #ccc; padding:10px 0; font-size:0.85em;  text-align:center;}


	.pro_area1 { clear:both; width:100%; margin:0px auto; padding:10px 0;}
	.pro_area1:after {content:""; display:block; clear:both;}
	.pro_area1 .pro_box1 {float:left; width:100%; padding-top:20px; margin:0 auto;}
	.pro_area1 .pro_box1 ul { width:100%; list-style:none; top:0; left:0; padding:0;}
	.pro_area1 .pro_box1 ul li{ float:left; display:inline; width:48%; text-align:center; margin-right:1%; margin-left:1%; margin-bottom:2%; }
	.pro_area1 .pro_box1 ul li:last-child {margin-right:0;}
	.pro_area1 .pro_box1 ul li img {width:100%;  border:1px solid #e6e6e6; border-bottom:0px; box-sizing:border-box; }
	.pro_area1 .pro_box1 ul li p{height:43px; line-height:20px; background-color:#8a8a8a; font-size:1em; font-weight:normal;  color:#fff; } /* 상품명 */

	.janga li{float:left; display:inline; width:100%; text-align:center; border-bottom:1px solid #ddd; overflow:hidden; margin-top:30px; height:auto; padding-bottom:30px;}
	.janga li:last-child {margin-right:0; border-right:0px;}
	.janga li p{ width:150px; height:150px; line-height:150px; background-color:#B254A1; border-radius:50%; text-align:center; margin:0 auto; margin-bottom:10px;} 
	.janga li p i{font-size:60px; color:#fff;  line-height:150px; } 
	.janga li div{ text-align:center; font-size:0.9em; font-weight:normal; border:0px solid red; } 
	.janga li div h1{ font-size:1.5em; font-weight:bold; border:0px solid red;} 

	.movie_box{width:100%;}
	.movie_box ul{width:100%;}
	.movie_box ul li{float:left; display:inline; width:100%; text-align:center; border-right:0px solid #ddd; overflow:hidden; margin-top:30px; text-align:center;}
	.movie_box ul li p{width:100%; height:43px; line-height:43px; background-color:#8a8a8a; font-size:1.1em; font-weight:normal;  color:#fff; margin:0 auto;}
	


	.sbold{color:#c6191e; font-weight:700;}
	.sbold15{font-size:14px; color:#000; font-weight:700; letter-spacing:0.05em;}
	.sbold20{font-size:15px; color:#000; font-weight:700;}
	.sbold20b{font-size:15px; color:#0e559f; font-weight:700;}