@charset "utf-8";
/* CSS Document */

/* ½º¸¶Æ® Æù */
@import url("smartphone.css") only screen and (min-width:200px) and (max-width:480px);
/* ¾ÆÀÌÆù */
@import url("smartphone.css") only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5);
/* Ÿºí·¿ */
@import url("tablet.css") only screen and (min-width:768px) and (max-width:1000px);
/* ¾ÆÀÌÆеå */
@import url("tablet.css") only screen and (min-width:768px) and (max-width:1000px) and (orientation : portrait);
@import url("tablet.css") only screen and (min-width:768px) and (max-width:1000px) and (orientation : landscape);
/* µ¥½ºÅ©Å¾ */
@import url("main.css") only screen and (min-width:1100px) and (max-width:1600px);


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }


/*top ¹Ù*/
.logo_top{position:relative;width:84%;background-color:;}
.logo_top a img{width:98%;display:block;margin:6% 2% 3% 5%;}

/*topÀ̹ÌÁö*/
.top_img{width:100%;display:block;margin-top:4%}
/*product*/
#product{border-top:solid 1px #9c9c9c;margin-top:4%;margin-bottom:;}
h1{
	position:relative;
	text-align:center;
	margin-top:11%;
	font-family:"Noto Sans KR", sans-serif;
	color:#323232; font-size:2.2em;font-weight:700; letter-spacing:-0.2px;
	margin-bottom:11%;line-height:px;}

#menu_pro{margin-bottom:30%;
					margin-left:auto;margin-right:auto;background-color:#999}

#menu_pro ul {display:block;margin-top:-10%;
							width:;}
#menu_pro ul li{
					float:left;
					font-family:"Noto Sans KR", sans-serif;
					font-weight:600;
					font-size:1.3em;
					text-align:center;
					}



 

/*À̹ÌÁö ¸Þ´º*/

.img_menu{width:90%;margin-left:auto;margin-right:auto;}
.img_bic{display:block;width:100%;
margin-left:auto;margin-right:auto;
margin-top:9%;}
.img_menu2{width:90%;margin-left:auto;margin-right:auto;
						}
.img_small_1{display:block;width:48%;
					float:left;margin-top:7%;margin-right:4%;}
.img_small_2{display:block;width:48%;
					float:left;margin-top:7%;margin-bottom:%;margin-bottom:%;}
.img_small_3{display:block;width:48%;
					float:left;margin-top:7%;margin-bottom:%;margin-bottom:22%;}



/*¹Ú½º¸Þ´º*/
.menu_box{display:block;width:100%;height:;margin-top:-12%;}
.menu_box hr{display:block;border:4px solid #e6e6e6;}
.box1th{width:95%;height:;display:block;
			margin-top:2%;
		
			background-color:;
			
			margin-right:auto;margin-left:auto;}
.box1th dd a{width:25%;float:left;display:block;}
.box1th dd a img{display:block;width:65%;
							margin-right:auto;margin-left:auto;}
.box1th dd a p{display:block;font-family:"Noto Sans KR", sans-serif;
						color:#323232; font-size:0.75em;font-weight:200; 
						letter-spacing:0.2px;line-height:1.3em;
						text-align:center;}
.box1th span{display:block;font-family:"Noto Sans KR", sans-serif;
						color:#323232; font-size:0.75em;font-weight:600; 
						letter-spacing:0.2px;line-height:1.2em;
						text-align:center;}
.box2th span{display:block;font-family:"Noto Sans KR", sans-serif;
						color:#323232; font-size:0.75em;font-weight:600; 
						letter-spacing:0.2px;line-height:1em;
						text-align:center;}


.box2th{width:95%;height:;
				padding-top:3%;
				background-color:;
				margin-right:auto;margin-left:auto;}
.box2th dd a{width:25%;float:left;}
.box2th dd a img{display:block;width:65%;margin-right:auto;margin-left:auto;}
.box2th dd a p{font-family:"Noto Sans KR", sans-serif;
						color:#323232; font-size:0.75em;font-weight:200; 
						letter-spacing:0.2px;line-height:1em;
						text-align:center;}
.box_line1{border:1px solid #e6e6e6;margin-top:22%;}
.box_line2{border:1px solid #e6e6e6;margin-top:22%;}
.box_line{border:3px solid #e6e6e6;margin-top:20%;}

/*¸®½ºÆ®*/
#list_set{margin-bottom:50%;}
.list{clear:both;}
.list ul{float:left;width:50%;
		padding-bottom:6%;padding-top:7%;}
.list ul li img{width:88%;display:block;margin-right:auto;margin-left:auto;}
.list .text{
					font-family:"Noto Sans KR", sans-serif;
					 font-weight: 200;
					 font-size: 1em;
					letter-spacing:0.3px;	
					line-height:19px;
					 text-align:center;
					height:40px;
					}

.list .text a{color:#323232;}
.list .text span{ font-weight:700;}
.list_line{border-bottom:1px solid #e6e6e6;margin-top:%;}
/* ¾ÆÀÌÆù ÀÛÀº »çÀÌÁî ¸Þ´ººÎºÐ ¼³Á¤ */
 @media screen and (max-width: 375px) {
	  .list .text{
					font-family:"Noto Sans KR", sans-serif;
					 font-weight: 200;
					 font-size: 0.8em;
					letter-spacing:0.2px;	
					line-height:17px;
					 text-align:center;
					height:40px;
					}
				}



/*footer*/
footer{clear:both;}
#bottom{background-color:#9c9c9c;margin-top:%;}
#bottom .bottom_SM{width:24%;display:block;margin-left:10%;
padding-top:10%;}
.adress{font-family:"Noto Sans KR", sans-serif;
					color:#fff; font-size:0.8em;font-weight:200; 
					margin-left:auto;margin-right:auto;	line-height:22px;
				margin-top:3%;margin-left:10%;padding-right:3%;letter-spacing:-0.3px;}
#bottom ul {margin-top:1%;margin-left:10%;margin-right:2%;margin-bottom:12%;}
#bottom ul li a{font-family:"Noto Sans KR", sans-serif;
						color:#fff; font-size:0.8em;font-weight:500; letter-spacing:1px;
						margin-right:2%;float:left;}
#bottom li a span{color:#f2e95a; }
.bottom_logos{width:100%;display:block;margin-left:auto;margin-right:auto;margin-top:13%;}
.top_btn{position: fixed; bottom:8%; right:2%;
					font-family:'Noto Sans KR', sans-serif;
						color:#999; font-size:0.6em;font-weight:500;letter-spacing:0.2px;
						border:1px solid #ededed;
						-moz-border-radius: 1em;
						-webkit-border-radius: 1em;
						 border-radius: 0.5em;
						padding:1.5% 1%;
						opacity: 0.8;
						background-color:#fff;}


/* ¾ÆÀÌÆù */
 @media screen and (max-width: 375px) {
	.adress{font-family:"Noto Sans KR", sans-serif;
					color:#fff; font-size:0.7em;font-weight:200; 
					margin-left:auto;margin-right:auto;	line-height:19px;
				margin-top:3%;margin-left:10%;padding-right:3%;letter-spacing:-0.1px;}	 

}