@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&family=Roboto:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family:'Cafe24Ohsquare';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Cafe24Ohsquare.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
 * {outline:0 !important; }
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0; padding:0; }

html, body {
	max-width: 100%;
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	-ms-content-zooming: none; 
	touch-action: pan-y;
}
body {
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body{width:100%;  background:#fff;  min-width:320px;  word-wrap:break-word;  word-break:break-all; font-family:'Noto Sans KR', 'Roboto', sans-serif; letter-spacing:-0.015em; }
body,input,select,textarea,button {border:none;  font-size:16px; color:#666; font-weight:400; }

ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate;border-spacing:0; font-size:17px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:17px;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:160%;letter-spacing:normal;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:#666;}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
img{max-width:100%;}
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/
select::-ms-expand {display:none}
select{ -webkit-appearance:none;  background:#fff url('/img/loca_arrow_b.png') no-repeat right 10px center; background-size:9px;}
input[type=image] {border-radius:0 !important;}


/* 레이아웃 */
#wrap {position:relative; width:100%; height:100%;}
.noScroll{overflow:hidden;}
.mobile {display:none;}
.pc {display:block;}


/* subheader */
#subheader {width:100%; opacity:1; transition:all 0.3s linear;}
	#subheader .header_in {position:relative; padding:0 2%; box-sizing:border-box; padding-bottom:50px;}
	#subheader .header_in h1 {padding-top:35px;}
	#subheader .header_in button {position:absolute; right:5%; top:45px; background:none; border:0; cursor:pointer;transition:all 0.2s linear;}
	#subheader .work_close {position:absolute; right:5%; top:45px;}


/* 팝업레이어 */
.overlay, .overlay2 {content:''; border-radius:100%; width:4em; height:4em; max-width:65px; max-height:65px; overflow:hidden; border-radius:100%; transform:scale(1); will-change:transform; position:fixed; top:34px; right:93px; z-index:-1; transition:all ease-in 1s; background-color:#fff; transition:all ease-in 1s;  visibility:hidden;}
.overlay.up {transform:scale(70); transition:all ease-in 1s; z-index:999999999; visibility:visible; opacity:1;}
.overlay2 {background-color:#B46647;}
.overlay2.up {z-index:999999999; transform:scale(70); transition:all ease-in 1s; visibility:visible;}
/* 팝업레이어 */


/* menu */
#menuArea {position:absolute; top:0; left:0; z-index:9999999999; width:100%; height:100%; overflow:hidden; display:none; height:-webkit-fill-available;}
	#menuArea h1 {position:absolute; top:20%; left:50%; transform:translate(-50%,-50%); display:none;}

		.menuList {padding:0 5%; box-sizing:border-box;}
		.menuList .btnMenu_mClose{position:absolute; top:40px; right:5%; cursor:pointer;}
		.menuList .btnMenu_mClose dt{color:#fff; display:inline-block; vertical-align:middle;}
		.menuList .btnMenu_mClose dd{position:relative; display:inline-block; vertical-align:middle; text-align:center; width:60px; height:60px}
		.menuList .btnMenu_mClose dd p{position:absolute; left:0; top:12px; display:inline-block; width:62px; height:2px; background:#fff; margin:7px 0; transform:rotate(-45deg); transition:all 0.5s ease;}
		.menuList .btnMenu_mClose dd p.Menu_two{transform:rotate(45deg); transition:all 0.5s ease;}

		.menuList .btnMenu_mClose:hover dd p{transform:rotate(45deg); transition:all 0.5s ease;}
		.menuList .btnMenu_mClose:hover dd p.Menu_two{transform:rotate(-45deg); transition:all 0.5s ease;}


.list {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:none; text-align:center;}
.list > li > a {position:relative; display:inline-block; font-size:3.125rem; line-height:1; letter-spacing:0.5pt; color:#C98E76; font-weight:300; margin-bottom:40px; opacity:0; transition:all 0.5s ease; left:-50px;}
.list > li > a:hover {color:#fff; transition:all 0.5s ease;}
.list > li > a.on {left:0; opacity:1; transition:all 0.5s ease;}
.list > li > a:after {content:''; width:45px; height:45px; background:rgba(255,255,255,0.08); border-radius:100%; position:absolute; right:-50px; top:-15px; opacity:0; transition:all 0.3s ease}
.list > li > a:hover {font-weight:500; letter-spacing:0.5pt; color:#C98E76;}
.list > li > a:hover:after {opacity:1; transition:all 0.3s ease; right:-25px; top:0;}

.sMenu {position:absolute; top:125%; left:50%; transform:translate(-50%,-50%); display:none; width:418px; text-align:center;}
.sMenu span {cursor:none; font-size:1.063rem; letter-spacing:0.5pt; color:#fff; font-weight:300; display:inline-block; line-height:1; margin-bottom:20px; transition:all 0.2s linear;}
.sMenu span::after{content:"|"; float:right; display:block;}
.sMenu span:first-child {width:35%}
.sMenu span:last-child {width:45%; margin-left:-4px;}
.sMenu span:last-child::after{content:"";}

.msdown {position:absolute; top:145%; left:50%; transform:translate(-50%,-50%); display:none; width:418px; border-top:1px dashed #9C5539; padding-top:20px;}
.msdown .mf{float:left; width:25%; color:#fff; font-size:0.8rem; padding:4px 0px; }
.msdown .mc{float:left; width:50%; height:46px; padding:0 10px; border-radius:24px; background-color:#fff;}
.msdown .me{float:right; width:20%; height:46px; line-height:46px;}
.msdown .me a:first-child{margin-left:5px;}
.msdown .me a:last-child{margin-left:3px;}
.msdown input {width:100%; padding:13px 0px; border-radius:24px; border:none; background-image:url(/img/placeholder.png); background-position:13px center; background-size:auto; background-repeat:no-repeat; background-position:center;}
.msdown input:focus {background-image:none; background-position:-10px center; text-indent:0; }

.main_circle {position:relative; height:100%; background-image:url(/img/main_circle.svg); background-repeat:no-repeat; background-size:contain;  background-position:bottom center;}
.main_circle .main_txt{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.main_circle .main_stxt{position:absolute; top:82%; left:50%; transform:translate(-50%, -50%); text-align:center;}
.main_circle .main_stxt p.t1{color:#fff; font-size:1.8rem; margin-bottom:5px;}
.main_circle .main_stxt p.t2{color:#B46647; font-size:0.9rem; margin-bottom:40px;}
.main_circle .main_stxt .line{border:1px solid #B46647; transform:rotate(90deg); width:42px; height:0px; margin:auto}


/*sub*/
#sub_wrap {width:100%;}
.bg1 {background-color:#F5EFED}
.bg2 {background-color:#fff}

/* company */
.history {width:65%; background-color:#fff; padding:130px 190px 130px 260px; top:170px}
.history h2 {color:#B46647; font-Weight:700; font-size:70px; word-break:keep-all; font-family:'Cafe24Ohsquare';}
.history h3 {color:#B46647; font-size:20px; word-break:keep-all}
.history .hr-sect {
	display:flex;
	flex-basis:100%;
	align-items:center;
	color:#E6C2B4;
	font-size:24px;
	margin:8px 0px;
	margin-top:100px;
	font-family:'Cafe24Ohsquare';
}
.history .hr-sect::before {
	content:"";
	flex-grow:1;
	background:#E6C2B4;
	height:2px;
	font-size:0px;
	line-height:0px;
	margin-right:16px;	
}
.history li {position:relative; padding-top:40px;}
.history li .year{display:inline-block; width:20%; color:#000000; font-size:50px; font-Weight:700; vertical-align:top; font-family:'Cafe24Ohsquare';}
.history li .con{display:inline-block; width:80%; margin-left:-4px;}
.history li .con p {margin-left:40px;color:#000; font-size:16px; word-break:keep-all}
.history li .con .tc{color:#B46647}
.history li .Lline {display:inline-block; width:20%; padding-top:40px; border-bottom:2px solid #B46647;}
.history li .Rline {display:inline-block; width:80%; padding-top:40px; border-bottom:2px solid #E6C2B4; margin-left:-4px;}

.maps {background-color:#fff; margin-top:200px; padding-top:50px; }
.maps h2{color:#E2E2E2; font-size:20px; text-align:center; margin-bottom:200px;}
.maps .mimg {width:100%;}
.maps .mimg img {width:100%; height:auto}

.maps .maplink  {position:absolute;  width:700px; height: 700px; right:0px; margin-right: 100px}
.maps .maplink a {display:block; width: 700px; height: 700px;  }


.Patent{background-color:#fff; padding:200px 0px;}
.Patent .Patent-wrap{width:1400px; margin:0 auto;}
.Patent .Patent-wrap h2 {color:#B46647; font-size:100px; font-weight:700; text-align:center; margin-bottom:80px; font-family:'Cafe24Ohsquare'; word-break:keep-all}
.Patent .Patent-wrap li{display:inline-block; width:19.5%; margin-bottom:20px; text-align:center;}



/* product */
.product {background-color:#fff; padding:100px 200px; }
.product h2 {color:#B46647; font-Weight:700; font-size:70px; word-break:keep-all; font-family:'Cafe24Ohsquare';}
.product h3 {color:#B46647; font-size:20px; word-break:keep-all}
.product .hr-sect {
	display:flex;
	flex-basis:100%;
	align-items:center;
	color:#E6C2B4;
	font-size:24px;
	margin:8px 0px;
	margin-top:100px;
	font-family:'Cafe24Ohsquare';
}
.product .hr-sect::before {
	content:"";
	flex-grow:1;
	background:#E6C2B4;
	height:2px;
	font-size:0px;
	line-height:0px;
	margin-right:16px;	
}
.product ul {text-align:left; margin-top:40px; box-sizing:border-box; overflow:hidden;}
.product ul:after{content:"";display:block;clear:both;visibility:hidden;}
.product li {position:relative; float:left; width:33.333333333%; padding:0 20px; margin-bottom:50px; text-align:center; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.product li .ions {position:absolute; bottom:20px; right:20px; z-index:200;}
.product li .ions a{display:inline-block;}

.product li .inarea {position:absolute; bottom:14px; right:45px; z-index:200;}
.product li .inarea input {width:58%; padding:5px 10px; border-radius:24px; border:1px solid #E6C2B4; }
.product li .inarea input::placeholder {color:#C6C6C6; font-size:12px;}

.product li .pro_img {width:100%; margin-bottom:10px;}
.product li .pro_img img {width:100%; height:auto}
.product li .pro_con {width:100%}
.product li .pro_con p {text-align:left; font-size:16px; color:#000; word-break:keep-all}
.product li .pro_con p:nth-child(2){color:#B46647;}

/* contact */
.contact {position:relative; background-color:#F5EFED; box-sizing:border-box; padding:100px 200px;}
.contact h2 {color:#B46647; font-Weight:700; font-size:70px; word-break:keep-all;  font-family:'Cafe24Ohsquare';}
.contact h3 {color:#B46647; font-size:20px; word-break:keep-all}
.contact .hr-sect {
	display:flex;
	flex-basis:100%;
	align-items:center;
	color:#E6C2B4;
	font-size:24px;
	margin:8px 0px;
	margin-top:100px;
	 font-family:'Cafe24Ohsquare';
}
.contact .hr-sect::before {
	content:"";
	flex-grow:1;
	background:#E6C2B4;
	height:2px;
	font-size:0px;
	line-height:0px;
	margin-right:16px;	
}
.contact .forms {text-align:left; box-sizing:border-box; overflow:hidden; padding:80px 0px; display:flex;}
.contact .forms .conL {display:inline-block; vertical-align: middle; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; order:1}
.contact .forms .conL .cns {padding-right:100px; border-right:1px dashed #E6C2B4; transform:translate(0%, 50%);}
.contact .forms .conL .cns h2{font-size:52px; font-Weight:700; font-family:'Cafe24Ohsquare'; color:#B46647; margin-bottom:30px;}
.contact .forms .conL .cns p{font-size:16px; padding-left:20px; text-indent:-20px; margin:10px 0; word-break:keep-all;}
.contact .forms .conL .cns .fa {
	color:#000;
	display:initial;
	margin-right:10px;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.contact .forms .conR {display:inline-block; vertical-align: middle; width:50%; padding-left:100px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; order:2}
.contact .forms .conR .formControl {margin-bottom:10px; color:#A76E58; font-size:20px;}
.contact .forms .conR .formControl label {display:block; margin-bottom:5px;}
.contact .forms .conR .formControl input {display:block; width:100%; height:40px; padding:0 10px; border:1px solid #E6C2B4; box-sizing:border-box;}
.contact .forms .conR .formControl textarea {display:block; width:100%; height:150px; padding:0 10px; border:1px solid #E6C2B4; box-sizing:border-box; resize:none;}
.contact .forms .conR button {width:100%; margin-bottom:16px; font-size:20px; color:#E6C2B4; border:0; cursor:pointer; background-color:#000000; padding:20px 0px; text-align:center;}


/* 푸터 */
#footer {width:100%; background-color:#FAFAFA; border-top:1px solid #B46647; padding:70px 0px;}
#footer .footer-wrap{width:1400px; margin:0 auto;}
#footer .footer-wrap .flogo {display:inline-block; width:15%;}
#footer .footer-wrap .fcon {display:inline-block; width:39%; margin-left:40px; color:#B4B4B4; vertical-align:middle;}
#footer .footer-wrap .fcon h2{font-size:18px; padding-bottom:5px; border-bottom:1px solid #B4B4B4; margin-bottom:17px;}
#footer .footer-wrap .fcon p {font-size:14px;word-break:keep-all; line-height:22px;}


@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.main_circle .main_txt{position:absolute; top:48%; left:50%; transform:translate(-50%, -50%);}
	.main_circle .main_stxt{position:absolute; top:86%; left:50%; transform:translate(-50%, -50%); text-align:center;}
}

/*******************************************************************************
	@media 1400px
*******************************************************************************/
@media only screen and (min-width:1400px) and (max-width:3800px) {
	.main_circle {background-size:cover; top:20%}
	.main_circle .main_txt {width:60%; top:35%;}
	.main_circle .main_txt embed{ width:90%; height:auto; padding:0 5%}
	.main_circle .main_stxt{width:100%; top:60%;}
}

@media only screen and (max-width:1400px) {
	.main_circle {background-size:cover; top:20%}
	.main_circle .main_txt {width:60%; top:35%;}
	.main_circle .main_txt embed{ width:90%; height:auto; padding:0 5%}
	.main_circle .main_stxt{width:100%; top:60%;}

	.product li .inarea{bottom:-30px; right:-10px}

	.contact .forms .conL .cns {transform: translate(0%, 30%);}

	#footer .footer-wrap{width:1280px;}

}
/*******************************************************************************
	@media 1366px
*******************************************************************************/
@media all and (max-width:1366px){
	#footer .footer-wrap{width:1300px;}
	.Patent .Patent-wrap{width:1280px;}
	.Patent .Patent-wrap li{width:19%; padding:0 5px;}

	.contact {padding:50px;}
	.contact .forms .conL .cns{padding-right:50px}
	.contact .forms .conR {padding-left:50px;}
}

/*******************************************************************************
	@media 1200px
*******************************************************************************/
@media all and (max-width:1200px){
	/* footer */
	#footer {padding:50px 0px;}
	#footer .footer-wrap{width:87%; padding:0 20px;}
	#footer .footer-wrap .flogo {display:block; width:100%; text-align:center; margin-bottom:50px;}
	#footer .footer-wrap .fcon {display:block; width:100%; margin:30px 0px;}

	.product li .pro_con p {font-size: 12px}
}

/*******************************************************************************
	@media 1024px
*******************************************************************************/
@media only screen and (min-width:981px) and (max-width:1024px) {
	.main_circle .main_txt {width:60%; top:30%;}
	.main_circle .main_txt embed{ width:90%; height:auto; padding:0 5%}
	.main_circle .main_stxt{width:100%; top:60%;}

	/* company */
	.history {width:92%; padding:20px; margin-top:30px}
	.history h2 {line-height:75px; margin-top:45px;}
	.history h3 { margin-top:20px;}
	.Patent .Patent-wrap{width:100%;}
	.Patent .Patent-wrap ul {padding:0 20px;}
	.Patent .Patent-wrap li{width:22.7%; padding:0 10px;}
	
	.product {background-color:#fff; padding:50px 100px;}
	.product h2 {font-size:46px; line-height:40px; margin-top:45px;}
	.product h3 {margin-top:10px;}
	.product .hr-sect {margin-top:40px;}


	/*****220111***.product li .ions {top:20px; left:51%; transform:translate(-50%,-50%);}*/
	.product li .ions {position: absolute; bottom:10px; right:20px; z-index:200;}


	.product li .pro_con p, .product li .pro_con p:nth-child(2) {font-size:12px;}
}

/*******************************************************************************
	@media 980px
*******************************************************************************/
@media all and (max-width:980px){
	body,html {font-size:15px; font-weight:normal;}
	table {font-size:15px;}
	table caption {font-size:15px;}

	.mobile {display:block;}
	.pc {display:none !important;}

	/* subheader */
	#subheader .header_in {padding:0 3%;}
	#subheader .header_in h1 {padding-top:25px;}
	#subheader .header_in button {right:3%; top:30px;}
	#subheader .work_close {width:40px; right:3%; top:25px;}

		#menuArea h1 {top:20%;}
			.menuList {padding:0 3%;}


	.list {width:100%; top:42%; box-sizing:border-box;}
	.list > li > a {font-size:4.125rem;}
	.sMenu {width:70%;}
	.sMenu span {font-size:2.063rem}
	/* Closebtn */
	.menuList .btnMenu_mClose dd {width:40px; height:40px;}
	.menuList .btnMenu_mClose dd p {width:40px;}
	/* Closebtn */	

	/* company */
	.history {width:92%; padding:20px; margin-top:30px}
	.history h2 {line-height:75px; margin-top:45px;}
	.history h3 { margin-top:20px;}

	.history li {padding-top:20px;}
	.history li .year{font-size:26px;}
	.history li .con p {margin-left:0px; padding-left:14px; text-indent:-14px; font-size:16px;}
	.history li .con .tc{color:#B46647}
	.history li .Lline {padding-top:30px;}
	.history li .Rline {padding-top:30px;}
	
	.maps {padding-top:0px; }
    .maps .maplink  {display:none }
	.maps .maplink a {display:none}
	.Patent{padding:100px 0px;}
	.Patent .Patent-wrap{width:100%;}
	.Patent .Patent-wrap ul {padding:0 20px;}
	.Patent .Patent-wrap h2 {font-size:64px; margin-bottom:40px;}

	.product {background-color:#fff; padding:50px 20px;}
	.product h2 {font-size:36px; line-height:40px; margin-top:45px;}
	.product h3 {font-size:12px; margin-top:10px;}
	.product .hr-sect {margin-top:40px;}
	.product li {width:50%;}

	.product li .ions {top:20px; bottom:unset; left:51%; transform:translate(-50%,-50%);}

	.product li .inarea{top:60px; left:0; right:0; margin-right: auto; margin-left:auto}

	.product .pro_con p, .product .pro_con p:nth-child(2) {font-size:12px;}

	.contact {padding:50px 20px;}
	.contact .forms {display:block; padding:40px 0px;}	
	.contact .forms .conL {width:100%; padding-right:0px; }
	.contact .forms .conL .cns {padding:0px;border-right:none; transform:translate(0);}
	.contact .forms .conL .cns h2{font-size:28px; line-height:34px; margin-top:30px; margin-bottom:15px}
	.contact .forms .conL .cns p{font-size:14px;}

	.contact .forms .conR  {width:100%; padding-left:0px;}
	.contact .forms .conR .formControl {margin-bottom:10px; color:#A76E58; font-size:16px;}
}

/*******************************************************************************
	@media 823px
*******************************************************************************/
@media only screen and (min-width:769px) and (max-width:824px) {
	#menuArea h1{width:30%; top:50px;}
	.list {top:45%;}
	.list > li > a {font-size:2.2rem; margin-bottom:20px;}
	.sMenu {top:115%; width:50%;}
	.sMenu span {margin-bottom:15px; font-size:1rem;}
	.list > p.copy {position:relative; text-align:center; left:0; bottom:0; margin-top:12px;}

	.msdown {top:150%; width:50%}
	.msdown .mf{font-size:0.85rem;}
	.msdown .mc{width:45%;}
	.msdown input {background-size:90%;}
	.msdown .me{width:22%;}

	.main_circle .main_txt {width:44%; top:30%;}
	.main_circle .main_txt embed{ width:90%; height:auto; padding:0 5%}
	.main_circle .main_stxt{width:100%; top:64%;}
	.main_circle .main_stxt p.t1{font-size:1.2rem;}
	.main_circle .main_stxt p.t2{font-size:0.65rem; margin-bottom:20px;}
	.main_circle .main_stxt .line {width:20px;}

	/* company */
	.history {width:92%; padding:20px; margin-top:30px}
	.history h2 {line-height:75px; margin-top:45px;}
	.history h3 { margin-top:20px;}

	.history li {padding-top:20px;}
	.history li .year{font-size:26px;}
	.history li .con p {margin-left:0px; padding-left:14px; text-indent:-14px; font-size:16px;}
	.history li .con .tc{color:#B46647}
	.history li .Lline {padding-top:30px;}
	.history li .Rline {padding-top:30px;}

	.Patent .Patent-wrap li{width:30.4%; padding:0 10px;}
	
}

/*******************************************************************************
	@media 671~768px
*******************************************************************************/
@media all and (max-width:768px){
	.list {top:44%;}
	.list > li > a:after {width:25px; height:25px;}
	.list > li > a {font-size:3rem; margin-bottom:20px;}

	.sMenu {width:70%; top:170%;}
	.sMenu span {font-size:1.45rem; margin-bottom:15px;}
	.list > p.copy {left:50%; bottom:15px;}

	.msdown {width:70%; top:205%;}
	.msdown .mf {font-size:1.15rem;}
	.msdown .mc {width:49%}

	.main_circle .main_txt {width:84%; top:30%;}
	.main_circle .main_txt embed{ width:90%; height:auto; padding:0 5%}
	.main_circle .main_stxt{width:100%; top:60%;}

	/* company */
	.history {width:90%; padding:20px; margin-top:30px}
	.history h2 {line-height:75px; margin-top:45px;}
	.history h3 { margin-top:20px;}

	.history li {padding-top:20px;}
	.history li .year{font-size:26px;}
	.history li .con p {margin-left:0px; padding-left:14px; text-indent:-14px; font-size:16px;}
	.history li .con .tc{color:#B46647}
	.history li .Lline {padding-top:30px;}
	.history li .Rline {padding-top:30px;}

	.Patent .Patent-wrap li{width:30.2%; padding:0 10px;}
}

/*******************************************************************************
	@media 640px
*******************************************************************************/
@media only screen and (min-width:667px) and (max-width:736px) {
	#menuArea h1{width:30%; top:40px;}
	.list {top:45%;}
	.list > li > a {font-size:2.2rem; margin-bottom:20px;}
	.sMenu {top:115%; width:50%;}
	.sMenu span {margin-bottom:15px; font-size:1rem;}
	.list > p.copy {position:relative; text-align:center; left:0; bottom:0; margin-top:12px;}

	.msdown {top:150%; width:50%}
	.msdown .mf{font-size:0.85rem;}
	.msdown .mc{width:45%;}
	.msdown input {background-size:90%;}
	.msdown .me{width:22%;}


	.main_circle .main_txt {width:46%; top:30%;}
	.main_circle .main_txt embed{ width:90%; height:auto; padding:0 5%}
	.main_circle .main_stxt{width:100%; top:60%;}
	.main_circle .main_stxt p.t1{font-size:1.2rem;}
	.main_circle .main_stxt p.t2{font-size:0.65rem; margin-bottom:20px;}
	.main_circle .main_stxt .line {width:20px;}

	/* company */
	.history {width:90%; padding:20px; margin-top:30px}
	.history h2 {line-height:75px; margin-top:45px;}
	.history h3 { margin-top:20px;}

	.history li {padding-top:20px;}
	.history li .year{font-size:26px;}
	.history li .con p {margin-left:0px; padding-left:14px; text-indent:-14px; font-size:16px;}
	.history li .con .tc{color:#B46647}
	.history li .Lline {padding-top:30px;}
	.history li .Rline {padding-top:30px;}

	.Patent .Patent-wrap li{width:29.5%; padding:0 10px;}
	.Patent .Patent-wrap h2 {font-size:60px; margin-bottom:40px;}
}

@media only screen and (min-width:568px) and (max-width:640px) {
	/* subheader */
	#subheader .header_in h1 {padding-top:15px;}
	#subheader .header_in h1 img {width:120px; vertical-align:top;}
	#subheader .header_in button {width:30px; top:15px;}

	#menuArea h1{width:30%; top:40px;}
	.list {top:44%;}
	.list > li > a {font-size:1.85rem; margin-bottom:10px;}

	.sMenu {top:125%; width:50%;}
	.sMenu span {margin-bottom:15px; font-size:0.9rem;}
	.list > p.copy {position:relative; text-align:center; left:0; bottom:0; margin-top:12px;}
	
	.msdown {top:170%; width:50%}
	.msdown .mf{font-size:0.85rem;}
	.msdown .mc{width:45%;}
	.msdown input {background-size:90%;}
	.msdown .me{width:22%;}

	.main_circle .main_txt {width:50%; top:30%;}
	.main_circle .main_txt embed{ width:90%; height:auto; padding:0 5%}
	.main_circle .main_stxt{width:100%; top:65%;}
	.main_circle .main_stxt p.t1{font-size:1.2rem;}
	.main_circle .main_stxt p.t2{font-size:0.65rem; margin-bottom:20px;}
	.main_circle .main_stxt .line {width:20px;}

	/* company */
	.history {width:90%; padding:20px; margin-top:30px}
	.history h2 {line-height:75px; margin-top:45px;}
	.history h3 { margin-top:20px;}

	.history li {padding-top:20px;}
	.history li .year{font-size:26px;}
	.history li .con p {margin-left:0px; padding-left:14px; text-indent:-14px; font-size:16px;}
	.history li .con .tc{color:#B46647}
	.history li .Lline {padding-top:30px;}
	.history li .Rline {padding-top:30px;}

	.Patent .Patent-wrap li{width:29.5%; padding:0 10px;}
	.Patent .Patent-wrap h2 {font-size:60px; margin-bottom:40px;}
}

/*******************************************************************************
	@media 480px
*******************************************************************************/
@media all and (max-width:480px){
	/* subheader */
	#subheader .header_in h1 {padding-top:15px;}
	#subheader .header_in h1 img {width:120px; vertical-align:top;}
	#subheader .header_in button {width:30px; top:15px;}

	/* menu */
	#menuArea h1 {width:100%; top:20%; text-align:center;}
	#menuArea h1 img {width:240px;}

	.list {top:40%;}
	.list > li > a {font-size:2.2rem; margin-bottom:20px;}
	.sMenu {top:155%; width:90%;}
	.sMenu span {margin-bottom:15px; font-size:1rem;}
	.list > p.copy {position:relative; text-align:center; left:0; bottom:0; margin-top:12px;}

	.msdown {top:190%;}
	.msdown .mf{font-size:0.85rem;}
	.msdown .mc{width:45%;}
	.msdown input {background-size:90%;}
	.msdown .me{width:22%;}

	/* Closebtn */
	.menuList .btnMenu_mClose {top:15px;}
	.menuList .btnMenu_mClose dd {width:30px; height:30px;}
	.menuList .btnMenu_mClose dd p {width:30px;}
	/* Closebtn */

	.main_circle .main_txt {width:50%; top:28%;}
	.main_circle .main_txt embed{ width:90%; height:auto; padding:0 5%}
	.main_circle .main_stxt{width:100%; top:60%;}
	.main_circle .main_stxt p.t1{font-size:1.2rem;}
	.main_circle .main_stxt p.t2{font-size:0.65rem; margin-bottom:20px;}
	.main_circle .main_stxt .line {width:20px;}

	/* company */
	.history {width:85%; padding:20px; margin-top:30px}
	.Patent .Patent-wrap li{width:43.2%; padding:0 10px;}
	.Patent .Patent-wrap h2 {font-size:34px; margin-bottom:40px;}

	.product h2,.contact h2 {font-size:47px; line-height:50px;}
	.product h3,.contact h3 {font-size:14px;}
	.product li .pro_con p {font-size:11px; letter-spacing:-0.5px}
	.product li .pro_con p:nth-child(2) {font-size:10px;}
}
 
/*******************************************************************************
	@media 414px
*******************************************************************************/
@media all and (max-width:414px){
	.list {width:100%; top:40%;}
	.sMenu {top:140%;}
	.msdown {width:100%; top:176%;}
	.msdown .mf{font-size:11px;}

	.main_circle .main_txt {width:100%; top:34%;}
	.main_circle .main_stxt{top:58%;}
	.main_circle .main_stxt p.t2{margin-bottom:40px;}
	.main_circle .main_stxt .line {width:42px;}	

	.history h2 {font-size:36px; line-height:40px; margin-top:45px;}
	.history h3 {font-size:12px; margin-top:10px;}
	.history .hr-sect {margin-top:40px;}

	.history li {padding-top:20px;}
	.history li .year{font-size:20px;}
	.history li .con p {margin-left:0px; padding-left:10px; text-indent:-10px; font-size:12px;}
	.history li .con .tc{color:#B46647}
	.history li .Lline {padding-top:20px;}
	.history li .Rline {padding-top:20px;}
	.product li {padding:0 6px;}
}


/*******************************************************************************
	@media 320px
*******************************************************************************/
@media all and (max-width:320px){
	.list {width:100%; top:50%;}
	.sMenu {top:140%;}
	.msdown {width:100%; top:176%;}
	.msdown .mf{font-size:11px;}
	.msdown .mc{width:45%;}
	.msdown .me{width:22%;}

	.main_circle .main_txt {top:32%;}

	.Patent .Patent-wrap li{width:45.5%; padding:0 5px;}

	.product li .ions {width:100%; text-align:center;}
}