@import url('https://fonts.googleapis.com/css?family=Radley&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:400,700&display=swap');

	#k_font{font-family: 'Noto Serif KR', serif;}
	#e_font{font-family: 'Radley', serif;}

	#container{width:100%; margin-top:50px;}
	#visual{width:100%;}

	/*sub 공통*/
	#sec1, #sec2, #sec3 {overflow:hidden;}
	.sub_s1{border-bottom:1px solid #ccc;}
	.s_title{font-size:22px; text-align:center; font-weight:bold; margin:5px 0 0;}
	.s_title:after{content:""; display:block; width:60px; height:1px; background-color:#383231; margin:15px auto;}
	.area{width:90%; margin:0 auto; margin-bottom: 25px; margin-top:15px;}
	.area img {width:100%;}
	.area table {width:100%; text-align: center;}

	/* sub_visual */
	.sv1 {background:#fff url("../img/bn_s1.jpg") no-repeat center center; background-size:cover; height:140px;}
	.sv2 {background:#fff url("../img/bn_s2.jpg") no-repeat center center; background-size:cover; height:140px;}
	.sv3 {background:#fff url("../img/bn_s3.jpg") no-repeat center center; background-size:cover; height:140px;}
	.sv4 {background:#fff url("../img/bn_s4.jpg") no-repeat center center; background-size:cover; height:140px;}
	.sv5 {background:#fff url("../img/bn_s5.jpg") no-repeat center center; background-size:cover; height:140px;}

	/*sub1*/
	.sub1 {}
	.s1_title {font-size:24px; letter-spacing: -1.6px; padding-bottom:7px;}
	.s1_text {float:left; font-size: 15px; line-height: 22px; padding-bottom:20px;}

	/*sub2(제품)*/
	.s2_menu {width:100%; margin:0 auto; text-align: center; border-bottom:1px solid #ccc; display: inline-block;}
	.s2_menu ul li {float: left; width:50%; line-height: 45px; background: #f0f0f0; font-size: 15px;}
	.s2_menu ul li.menu_on {background: #ff552e; color:#fff; font-weight: bold;}
	.s2_tit {font-size: 30px; text-align: center;}
	.s2_tit > h4 {border-bottom:3px solid #ff552e; margin:0 auto; padding:10px 0;}

	.sub_prd {margin-top:15px; padding-bottom:30px; display:table;}
	.sec3_half {width:100%; float:left; padding-bottom: 30px;}
	.sec3_half > .tit1 {padding-bottom:3px;}
	.half_s {width:47.3%; margin:0 1%; margin-bottom:15px; border:1px solid #ddd; float:left; position: relative; overflow:hidden;}
	.half_s img {height: 16vh;}
	.c_text {text-align:center; line-height:45px; border-top:1px solid #959595; font-size: 0.8em;}
	.best {position: absolute; width:48px; height: 28px; text-align: center; line-height: 28px; color:#fff; background:#ed1c24; font-size: 13px;}
	.new {position: absolute; width:48px; height: 28px; text-align: center; line-height: 28px; color:#fff; background:#3a1b0d; font-size: 13px;}
	.sec3_half2 {width:100%; float:left; padding-bottom: 30px;}
	.sec3_half2 > .tit1 {padding-bottom:3px;}

	.hoverBox {text-align: center;}
	.moreBox {text-align: center;}
	.more_btn {background-color: #555; color:#fff; width:80px; height: 28px; border:none; margin-bottom:10px; font-size: 12px;}

	/*sub2_view*/
	.sub_prdss {display: table; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
	.sub_prdss ul li {}
	.sub_prdss ul li img {padding:5%; width:90%; text-align: center;}
	.ss_tit {font-size: 24px; letter-spacing: -1.2px; padding-bottom:10px;}
	.ss_text {font-size:15px; line-height: 22px; border-bottom:1px solid #ccc; padding-bottom: 20px;}
	.ss_table {padding:15px 0;}
	.ss_table tr td {color:#888; padding:10px; font-size: 14px; text-align: left;}
	.ss_table tr td:first-child {width:30%; color:#ff552e; font-size:15px;}
	.ss_listbtnbox {
		width: 90%;
		margin:0 auto;
		overflow-y: hidden;
		padding-bottom:50px;
	}
	.ss_listbtn {
		width: 100px;
		padding: 10px 5px;
		text-align: center;
		color:#fff;
		font-size: 14px;
		background-color: #ff552e;
		border: 0;
		cursor: pointer;
		-webkit-appearance: none;
			-moz-appearance:none;
			appearance: none;
			border-radius: 0px;
			float: right;
	}

	/*sub4*/
	.s4_tit {font-size: 30px; text-align: center; font-weight: bold; letter-spacing: -1.2px; margin-top:15px;}
	.s4_table {border-top:1px solid #111; border-collapse: collapse; margin-bottom:30px;}
	.s4_table tr td {border-bottom:1px solid #ccc; line-height: 20px; text-align: center; font-size: 0.7em; padding:7px 0;}
	.s4_table tr:first-child td {background: #f5f5f5; font-weight: bold; line-height: 30px;}
	.s4_table tr td:first-child {width:10%;}
	.s4_table tr td:nth-child(2) {width:45%; text-align: left;}
	.s4_table tr td:nth-child(3) {width: 13%;}
	.s4_table tr td:nth-child(4) {width: 18%;}
	.s4_table tr td:nth-child(5) {width: 14%;}
	.s4_table tr:first-child td:nth-child(2) {text-align: center;}

	.number_div {text-align: center; margin-bottom:50px; font-size: 14px;}
	.number_div ul {display: inline-block;}
	.number_div ul li {float: left; border:1px solid #ccc; color:#555; width:24px; height: 24px; text-align: center; line-height: 24px; margin:0 2px; cursor: pointer}
	.number_div ul li.num_on {background: #ff552e; color:#fff; font-weight: bold; border:1px solid #ff552e;}

	/*view*/
	.view_tit {border-top:2px solid #111; border-bottom:1px solid #ccc; background:#f5f5f5; font-size: 13px; line-height: 30px; padding:15px;}
	.view_tit h4 {font-size: 20px; letter-spacing: -0.6px;}
	.view_text {padding:15px; color:#333; border-bottom:1px solid #ccc; margin-bottom:30px; font-size: 14px;}

	/*sub4-2*/
	.faq_q {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color: #f5f5f5; line-height: 24px; padding:10px; font-weight: bold; font-size: 17px;}
	.faq_q_org {width:25px; height: 25px; line-height: 25px; text-align: center; border:1px solid #ff552e; background-color: #ff552e; float: left; color:#fff; margin-right:10px;}
	.faq_a {line-height: 22px; font-size: 12px; padding:10px;}
	.faq_a_org {width:25px; height: 25px; line-height: 25px; text-align: center; border:1px solid #ff552e; color:#ff552e; float: left; font-size: 17px; font-weight: bold;}
	.faq_a_text {padding-left:10px; display: inline-block; width:80%;}
	.faq_border {border-bottom:1px solid #ccc; margin-bottom: 70px;}

	/*sub5*/
	.order {background:#fafafa; text-align: center; margin:25px 0;}
	.order img {width: 100%;}
	.od_gray {background:#f5f5f5; height: 40px; line-height: 40px; padding:0 10px; margin-bottom: 15px;}
	.od_gray2 {background:#f5f5f5; height: 40vh; padding-left:10px; margin-bottom: 35px;}
	.od_text {resize: none; outline: none; width: 100%; border:none; background: none; padding:2% 0;}

	input[type="text"] {
		 width: 100%; /* 원하는 너비 설정 */
		 height: auto; /* 높이값 초기화 */
		 line-height : normal; /* line-height 초기화 */
		 font-family: inherit; /* 폰트 상속 */
		 border: none; border-radius: 0; /* iSO 둥근모서리 제거 */
		 outline-style: none; /* 포커스시 발생하는 효과 제거를 원한다면 */
		 -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */
		 -moz-appearance: none; appearance: none;
	 	 background: none;
	 	 }

	input::placeholder {
		   color: #bbb;
			 font-size: 14px;
		 }
		 textarea::placeholder {
	 			color: #bbb;
	 			font-size: 14px;
	 		}

	.listbtnbox2 {
		 	overflow-y: hidden;
			text-align: center;
			margin-bottom: 70px;
		 }
	.listbtn2 {
		 	width: 100px;
		 	padding: 10px 5px;
		 	text-align: center;
		 	color:#fff;
		 	font-size: 14px;
		 	background-color: #ff552e;
		 	border: 0;
		 	cursor: pointer;
		 	-webkit-appearance: none;
		 		-moz-appearance:none;
		 		appearance: none;
		 		border-radius: 0px;
		 }