@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:14px; 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:1250px; margin:0 auto;}
	#gnb_wrap .gnb_nav_left {float:left; width:50%; text-align:left; font-size:12px; margin:0 auto;}
	#gnb_wrap .gnb_nav {float:right; width:50%; text-align:right; font-size:12px; margin:0 auto;}
	a.gnb_bt:link, a.gnb_bt:visited, a.gnb_bt:active{ height:39px; line-height:39px; font-size:11px;  color:#414141; text-decoration:none; margin-left:15px;}	
	a.gnb_bt:hover {color:#527bae; }
	a.sns_bt:link, a.sns_bt:visited, a.sns_bt:active{float:left; display:block; height:39px; font-size:11px;  color:#414141; text-decoration:none; margin-left:0px; padding:0px; border-right:1px solid #DDD;}	
	a.sns_bt:hover {color:#527bae; }
	a.tok_bt:link, a.tok_bt:visited, a.tok_bt:active{float:left; display:block; height:39px; font-size:11px;  color:#414141; text-decoration:none; margin-left:0px; padding:0px; border-right:1px solid #DDD; padding-right:10px;}	
	a.tok_bt:hover {color:#527bae; }


	#header_area { width:1250px; height:115px; margin:0px auto; border:0px solid red;}
	#header_area:after{ content:""; clear:both;}	
	#header_area .header_logo { float:left;width:238px; padding-top:0px;}
	#header_area .header_logo img{margin-top:37px;}
	
	
	#lnb_wrap {width:960px; float:right; height:85px; border:0px solid red; margin-top:30px;}
	#lnb_wrap .lnb_area {width:100%; margin:0 auto;}
	#lnb_wrap .lnb {float:right; height:85px; line-height:85px; color:#333;}
	#lnb_wrap .lnb ul { float:left; width:100%; text-align:center; padding:0; margin:0; top:0; font-size:0; line-height:0; }
	#lnb_wrap .lnb ul > li {position:relative;  float:left;  display:block; text-align:center; font-size:17px; line-height:85px; }
	#lnb_wrap .lnb ul > li > a{display:block; text-align:center; color:#333;  padding:0 37px; font-weight:700;}
	#lnb_wrap .lnb ul > li > a:hover{ display:block; text-align:center; color:#004EA1; cursor:pointer; height:85px; line-height:85px; text-decoration:none; border:0px solid red;}
	#lnb_wrap .lnb ul > li:last-child > a{ padding-right:0px;}
	#lnb_wrap .lnb ul > li > ul{width:150px; position: absolute; left:0px; top:85px; background: #000; border:1px solid #000; border-top:0px solid #fff;; display: none; z-index:9990; opacity:1; filter: alpha(opacity:'100'); padding:0; margin:0;}
	#lnb_wrap .lnb ul > li > ul > li{width:100%; height:30px; line-height:30px;  font-weight:normal; padding:0px; margin:0; text-align:left; cursor:pointer;  list-style:none; color:#fff;}
	#lnb_wrap .lnb ul > li > ul > li > a{width:100%; height:30px; line-height:30px; color:#333; background:#fff; font-size:12px; padding:0px; margin:0; text-align:left; text-indent:10px;}
	#lnb_wrap .lnb ul > li > ul > li > a:hover{background:#C6191E; color:#fff; width:100%; height:30px; line-height:30px;padding:0px; margin:0; text-align:left; text-indent:13px; }


	

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

	
	
	#contents {width:1250px; margin:0 auto;}
	#contents:after {content:""; display:block; clear:both;}	
	.pro_area { clear:both; width:1250px; margin:0px auto; padding:20px 0;}
	.pro_area:after {content:""; display:block; clear:both;}
	.pro_area .pro_box {float:left; width:1250px; 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:297px; text-align:center; margin-right:20px; }
	.pro_area .pro_box ul li:last-child {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:16px; font-weight:normal;  color:#fff; } /* 상품명 */
	
	#contents .cs_center {width:1250px; margin:20px auto; border:1px solid #ddd; box-sizing:border-box; height:370px;}
	#contents .cs_center .online_b {float:left; width:189px; height:368px; top:0; left:0; padding:0; text-align:center; color:#fff; font-size:1.4em; line-height:1.5em; background-color:#676767; padding-top:23px;}
	#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:270px; height:210px; top:0; left:0; padding:0; text-align:left; color:#333; padding-top:23px; margin-left:40px; line-height:1.6em;}
	#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:335px; height:210px; top:0; left:0; padding:0; text-align:left; color:#333; padding-top: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:365px; height:210px; top:0; left:0; padding:0; color:#333; border:0px solid red;}

	#contents .photo_area { clear:both; width:1250px; margin:0px auto; padding:10px 0;}	
	#contents .photo_area:after {content:""; display:block; clear:both;}
	#contents .photo_area .photo_box {float:left; width:100%; padding-top:0px; 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:193px; height:147px; text-align:center; margin-right:18px; }
	#contents .photo_area .photo_box ul li:last-child {margin-right:0;}
	#contents .photo_area .photo_box ul li img {width:193px;   border:0px solid #e6e6e6; box-sizing:border-box;}
	#contents .photo_area .kakao {margin-top:46px; float:right; border:1px solid #FCE302;  box-sizing:border-box;}
	
	
	
	#quick{position:fixed; z-index:99999; top:163px; width:90px; border:1px solid #ddd; left:50%; margin-left:645px; background-color:#fff;}
	#quick h1{padding:5px 0;text-transform:uppercase; color:#fff; font-weight:700; font-size:0.9em; background-color:#c6191e; text-align:center; width:100%;}
	#quick p{padding:15px 0;text-transform:uppercase; color:#333; font-size:0.8em; text-align:center; width:100%; border-bottom:1px solid #ddd;}
	#quick p i{font-size:30px; color:#9fa1a3; padding-bottom:5px;}
	#quick h2{padding:5px 0; text-transform:uppercase; font-weight:700; font-size:0.7em; color:#c6191e; text-align:center; width:100%;}


	#sub_menu{width:100%; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
	#sub_menu .sub_l{width:100%; max-width:1250px; margin:0 auto;}
	#sub_menu .sub_l ul{width:100%; max-width:1250px; margin:0 auto; overflow:hidden; border-left:1px solid #ddd; }
	#sub_menu .sub_l ul:after{clear:both;}
	#sub_menu .sub_l ul li{width:20%; float:left; height:60px; line-height:60px; border-right:1px solid #ddd; text-align:center;}
	#sub_menu .sub_l ul li a{display:block; width:100%; float:left; height:60px; line-height:60px; font-size:1.2em;}
	/*#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:1.2em; font-weight:700;}
	
	.stitle{margin:0 auto; margin-top:30px; margin-bottom:0px;  max-width:350px; text-align:center; border:0px solid red; font-size:2.5em; padding-bottom:0px; color:#000; text-align:center; border-bottom:0px solid #000;}
	.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.6em; 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.8em;}
	.btitle p{font-size:0.4em; 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.8em;
	 color:#222;
	 line-height:1
	}
	.history_wrap .txt_box>section ul {
	 float:right;
	 width:80%
	}
	.history_wrap .txt_box>section ul li {
	 position:relative;
	 margin-bottom:15px;
	 padding-left:20px
	}
	.history_wrap .txt_box>section ul li p span{
	 font-size:1.2em; 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:15.2%; text-align:center; margin-right:20px; }
	.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:16px; 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:20%; margin:0; padding:0; text-align:center; height:60px; line-height:60px; 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:20px; padding-bottom:20px; border-bottom:1px solid #ddd; overflow:hidden;}
	.product_list:after{clear:both;}
	.product_list div{width:50%; 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.9em;}
	.tbl td{width:70%; border-bottom:1px solid #ccc; padding:3px 0; text-indent:10px; font-size:0.9em;}

	.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.9em;}
	.tbla td{width:30%; border-bottom:1px solid #ccc; padding:3px 0; text-indent:10px; font-size:0.9em;}

	.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.9em;}
	.tblc td{width:50%; border-bottom:1px solid #ccc; padding:5px 0; text-indent:10px; font-size:0.9em;}

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

	.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.9em;}
	.tble td{border-bottom:1px solid #ccc; padding:10px 0; font-size:0.9em;  text-align:center;}


	.pro_area1 { clear:both; width:100%; margin:0px auto; padding:0px 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:23.7%; text-align:center; margin-right:20px; }
	.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:43px; background-color:#8a8a8a; font-size:15px; font-weight:normal;  color:#fff; } /* 상품명 */

	.janga li{float:left; display:inline; width:25%; text-align:center; border-right:1px solid #ddd; overflow:hidden; margin-top:30px; height:300px;}
	.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:50%; text-align:center; border-right:0px solid #ddd; overflow:hidden; margin-top:30px; text-align:center;}
	.movie_box ul li p{width:560px; height:43px; line-height:43px; background-color:#8a8a8a; font-size:16px; font-weight:normal;  color:#fff; margin:0 auto;}
	


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