@media (max-width:800px) {

/* Reset */
html,body{height:100%;/*line-height:18px;*/}
*,body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,a {margin:0;padding:0;box-sizing:border-box;}
body, th, td, div, p, li, dt, dd, input, textarea, select, button {
	color:#606060;font-size:12px;
	font-family:"Noto Sans KR","AkzidGroStd",	verdana, arial, 'Times New Roman', Times, serif, sans-serif; font-weight:400;
}
body {-webkit-text-size-adjust:none} /* ºäǥƮ º¯È¯½Ã ÆùƮũ±â ÀÚµ¿È®´ë ¹æÁö */

fieldset, img, area {border:0 none;vertical-align:top;}
ul, ol {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:14px;font-weight:normal;text-align:left;}
hr {display:none;}
a:link, a:visited, a:active {color:#666;text-decoration:none;box-sizing:border-box;}
a:hover {color:#666;text-decoration:none;}

caption, th {text-align:left;font-weight:normal;}
legend, caption {overflow:hidden;left:0;top:-5000px;width:0;height:0;font-size:0;line-height:0;display:none;}

button,label{cursor:pointer;}
button {display:inline-block;border:0;vertical-align:top;}
button img{left:-3px;*left:auto}
button * {position:relative;}
button span {z-index:-1;}
textarea{*margin:-1px 0;resize:none;}
em,address{font-style:normal}

table {width:100%;}
table, table th, table td {border-collapse:collapse;border-spacing:0;}
table td a {text-decoration:underline;}

/*
a:active {outline:none;}
a {outline:none;}
a {selector-dummy: expression(this.hideFocus=true);}
*/
/* Common */
.cfx:after{display:block;clear:both;content:"";}
.cfx{zoom:1;overflow:hidden;}

.overh {overflow:hidden;clear:both;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.blind {position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;font-size:0;line-height:0;visibility:hidden;}

.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.fl {float:left;}
.fr {float:right;}
.tl {text-align:left !important;}
.tr {text-align:right;}
.tc {text-align:center !important;}
.spacing {letter-spacing:normal !important;}

.bgn {background:0 !important;}

.hide {display:none;}
.show {display:block;}

/* placeholder */
input::placeholder {
  color: #b6b6b6;
}
/* input ±âº» ½ºÅ¸ÀÏ ÃʱâÈ­
input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
*/
/* IE10 À̻󿡼­ input box ¿¡ Ãß°¡µÈ Áö¿ì±â ¹öÆ° Á¦°Å
input::-ms-clear { display: none; }
*/

/* input type number ¿¡¼­ È­»ìÇ¥ Á¦°Å
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
 */
/* Select box ½ºÅ¸ÀÏ ÃʱâÈ­
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
 */
/* IE ¿¡¼­ Select box È­»ìÇ¥ Á¦°Å
select::-ms-expand { display: none; }
 */




	.cursor { cursor:pointer; }
	.disnone { display:none; }
	.disblock { display:block; }
	.v_middle { vertical-align:middle;}
	img {border:0; font-size:0;}

	.center {text-align:center;}



	.tbl-mobile {width:100%;}
	.tbl-mobile tr td img {width:100%;}

	.null {display:none;}

	.pad5 {padding:5px;}
	.pad10 {padding:10px;}
	.pad15 {padding:15px;}
	.pad20 {padding:20px;}
	.pad30 {padding:30px;}

	.pad_t2{padding-top:2px;}
	/*.pad_l339{padding-left:152px;}*/
	.pad_l339{padding-left:379px;}
	.pad_l21{padding-left:21px;}
	.pad_b10{padding-bottom:10px;}
	.pad_b25{padding-bottom:25px;}
	.pad_t25{padding-top:25px;}
	.pad_t5{padding-top:5px;}
	.m_top10{margin-top:10px;}

	.board_t{border-top:solid 1px #e5e5e5;}

	.orange {color:#f77731; font-weight:bold;}

	.b_inp { border:1px solid #c6c6c6; margin:0; padding:3px 0 0 0; }

	/*	dz¼± µµ¿ò¸»		*/
	#tooltip{
		position:absolute;
		border:1px solid #333;
		background:#f7f5d1;
		padding:2px 5px;
		color:#333;
		display:none;
		z-index:1000;
	}

	.pad5 {padding:5px;}
	.pad10 {padding:10px;}
	.pad15 {padding:15px;}
	.pad20 {padding:20px;}
	.pad30 {padding:30px;}


	.pad_t2{padding-top:2px;}
	.pad_l339{padding-left:339px;}
	.pad_l21{padding-left:21px;}
	.pad_l10{padding-left:10px;}
	.pad_l20{padding-left:20px;}
	.pad_l30{padding-left:30px;}
	.pad_b10{padding-bottom:10px;}
	.pad_b25{padding-bottom:25px;}
	.pad_t25{padding-top:25px;}
	.pad_t5{padding-top:5px;}
	.pad_t10{padding-top:10px;}
	.pad_t140 { padding-top:18%; }
	.m_top10{margin-top:10px;}

	.pad_l159{padding-left:159px;}
	.pad_l269{padding-left:269px;}


	.mt10 { margin-top:10px; }
	.mt15 { margin-top:15px; }
	.mt20 { margin-top:20px; }
	.mt25 { margin-top:25px; }
	.mt30 { margin-top:30px; }
	.mt40 { margin-top:40px; }
	.mt50 { margin-top:50px; }


	.padb10 { padding-bottom:10px; }
	.padb15 { padding-bottom:15px; }
	.padb20 { padding-bottom:20px; }
	.padb25 { padding-bottom:25px; }
	.padb30 { padding-bottom:30px; }
	.padb40 { padding-bottom:40px; }
	.padb50 { padding-bottom:50px; }

	.gline {border-bottom:1px solid #D8D8D8;}

	.flt_lt {float:left;}
	.flt_rh {float:right;}

	.w30{ width:30px;}
	.w50{ width:50px;}
	.w52{ width:52px;}
	.w90{ width:90px;}
	.w100{ width:100px;}
	.w160{ width:160px;}
	.w187{ width:187px;}
	.w250{ width:250px;}
	.w400{ width:400px;}
	.w420{ width:420px;}
	.w570{ width:570px;}
	.w860{ width:860px;}

	.w40 { width:55px;}
	.w55 { width:55px;}
	.w71 { width:71px;}
	.w90 { width:90px;}
	.w96 { width:96px;}
	.w85 { width:85px;}
	.w110 { width:110px;}
	.w120 { width:120px;}
	.w135 { width:135px;}
	.w140 { width:140px;}
	.w150 { width:150px;}
	.w170 { width:170px;}
	.w200 { width:200px;}
	.w300 { width:300px;}
	.w400 { width:400px;}
	.w500 { width:500px;}
	.w530 { width:530px;}
	.w624 { width:624px;}
	.w650 { width:650px;}
	.w700 { width:96%;}

	.h15 { height:15px; }
	.h16 { height:16px; }
	.h17 { height:17px; }
	.h21 { height:21px; }
	.h22 { height:22px; }
	.h30 { height:30px; }
	.h40 { height:40px; }
	.h200 { height:200px; }



	.wp20 { width:20%;}
	.wp90 { width:90%;}
	.wp100 { width:100%;}


	/* sel inp textarea Á¤ÀÇ */
	.b_sel { font-size:1.1em; font-family:dotum; color:#333;}
	.b_inp { border:1px solid #c6c6c6; margin:0; padding:5px; font-size:14px;}
	.b_inp1 { border:1px solid #c6c6c6; margin:0; padding:5px; background:#fff;font-size:14px; }
	.b_inp2 { border:3px solid #308dd5; margin:0; padding:5px 0 0 0; }
	.inp_serch_bt { padding:4px 0 0 0; }



	/* font Ä÷¯ */
	.gray01 { color:#999; }
	.gray02 { color:#333; }
	.gray03 { color:#888; }
	.red01 { color:#df4548;}
	.red02 { color:#c5a0a0;}
	.oran { color:#ffd200;}
	.oran1 { color:#ea890c;}
	.oran2 { color:#474141;}
	.sky_b { color:#00d8ff;}
	.blue_b { color:#0099FF;}
	.blue_b2 { color:#336699;font-size:1.4em;}
	.red_b { color:#BC2518;}
	.iron_b { color:#9933FF;}
	.oran_b { color:#EF3800;}


	.tcenter {text-align:center;}
	.tleft {text-align:left;}
	.tright {text-align:right;}

	.clear {clear:both;}
	.b {font-weight:bold; }
	.font14 {font-size:14px;}
	.font16 {font-size:16px;}
	.fnt12 {font-size:12px}
	.fnt13 {font-size:13px}
	.fnt14 {font-size:14px}
	.fnt15 {font-size:15px}

	.mobile_show {display:block;}

	#tooltip{
		position:absolute;
		border:1px solid #333;
		background:#f7f5d1;
		padding:2px 5px;
		color:#333;
		display:none;
		}
	.flt_lt {float:left;}
	.flt_rh {float:right;}

	.f-left {float:left;}
	.f-right {float:right;}

	.not-contents {
		padding:50px 20px;
		text-align:center;
		background:#eee;
	}

	#floating {position: absolute;width:100%;overflow-x:hidden;}
	#floating  .floating_btn {position: relative;text-align:center;width:100%;left:50%;margin-left:515px;bottom:0;left:2px;}


	/*************************** button ***************************/
	button::-moz-focus-inner,
	input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

	.area-btn {
		display: inline-block;
		margin: 5px 0;
		padding: .5em .75em;
		border-radius: .25em;
		box-sizing: content-box;
		-moz-box-sizing: content-box;
		background: transparent;
		outline: 0;
		vertical-align: middle;
		font-family: : inherit;
		font-size: 18px;
		text-decoration: none;
		white-space: nowrap;
		cursor: pointer
	}

	/* ¹öÆ° °íÁ¤ »çÀÌÁî */
	.area-btn.bigsmall {
		height: 15px;
		padding: 0 .40em;
		font-size: 11px;
		line-height: 15px;
	}

	.area-btn.small {
		height: 25px;
		padding: 0 .75em;
		font-size: 11px;
		line-height: 25px;
	}

	.area-btn.default {
		height: 35px;
		padding: 0 .75em;
		font-size: 12px;
		line-height: 35px;
	}

	.area-btn.large {
		height: 46px;
		padding: 0 1em;
		font-size: 18px;
		font-weight: 600;
		line-height: 46px;
	}

	.area-btn.big {
		width:94%;
		height: 86px;
		padding: 0 1em;
		font-size: 22px;
		font-weight: 600;
		line-height: 86px;
	}

	/* ¹öÆ° ½ºÅ¸ÀÏ */
	.area-btn.white,
	.area-btn.white:link,
	.area-btn.white:visited {
		color: #666!important;
		border: 1px solid #ebebeb;
		border-bottom-color: #c6c6c6;
		box-shadow: 0 2px 2px rgba(0,0,0,0.04);
		background: #fff;
		background: linear-gradient(to bottom, #ffffff 40%, #f6f6f6 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );/*IE*/
	}

	.area-btn.white:focus,
	.area-btn.white:hover {
		background: #f4f4f4;
		background: linear-gradient(to bottom, #fafafa 0%, #fff 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );/*IE*/
	}

	.area-btn.white:active,
	.area-btn.white.active {
		text-shadow: 0 1px 0px #fff;
		border-color: #ebebeb;
		border-top-color: #ddd;
		background: #f4f4f4;
		box-shadow: none
	}

	.area-btn.blue,
	.area-btn.blue:link,
	.area-btn.blue:visited {
		color: #fff!important;
		text-shadow: 0 1px 0px #135fa4;
		border: 1px solid #135fa4;
		border-top-color: #2d9acf;
		box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.22);
		background: #3aaee7;
		background: linear-gradient(to bottom, #3aaee7 0%, #1a80d9 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aaee7', endColorstr='#1a80d9', GradientType=0 );/*IE*/
	}

	.area-btn.blue:hover {
		background: #50bae9;
		background: linear-gradient(to bottom, #50bae9 0%, #3392de 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50bae9', endColorstr='#3392de', GradientType=0 );/*IE*/
	}

	.area-btn.blue:active,
	.area-btn.blue.active {
		border-color: #2585d9;
		border-top-color: #0f4678;
		background: #2d90e7;
		box-shadow: none
	}

	.area-btn.green,
	.area-btn.green:link,
	.area-btn.green:visited {
		color: #fff!important;
		text-shadow: 0 1px 0px #135fa4;
		border: 1px solid #368321;
		border-top-color: #439f2a;
		box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.22);
		background: #76ac41;
		background: linear-gradient(to bottom, #76ac41 0%, #489215 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76ac41', endColorstr='#489215', GradientType=0 );/*IE*/
	}

	.area-btn.green:hover {
		background: #4c9b16;
		background: linear-gradient(to bottom, #7ab243 0%, #4c9b16 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ab243', endColorstr='#4c9b16', GradientType=0 );/*IE*/
	}

	.area-btn.green:active,
	.area-btn.green.active {
		border-color: #6c9d3c;
		border-top-color: #368321;
		background: #4c9b16;
		box-shadow: none;
		text-shadow: none;
	}

	.area-btn.yellow,
	.area-btn.yellow:link,
	.area-btn.yellow:visited {
		color: #000!important;
		text-shadow: 0 1px 0 #fcda7c;
		border: 1px solid #dfac23;
		border-bottom: 1px solid #c06f01;
		box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.10);
		background: #f5a802;
		background: linear-gradient(to bottom, #fcd054 0%, #f5a802 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd054', endColorstr='#f5a802', GradientType=0 );/*IE*/
	}

	.area-btn.yellow:hover {
		background: #ffb618;
		background: linear-gradient(to bottom, #ffdc78 0%, #ffb618 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc78', endColorstr='ffb618', GradientType=0 );/*IE*/
	}

	.area-btn.yellow:active,
	.area-btn.yellow.active {
		border-color: #efa80d;
		border-top-color: #cf8e00;
		background: #ffb618;
		box-shadow: none;
		text-shadow: none;
	}

	.area-btn.red,
	.area-btn.red:link,
	.area-btn.red:visited {
		color: #fff!important;
		text-shadow: 0 1px 0 #991e1a;
		border: 1px solid #991e1a;
		border-top: 1px solid #c06f01;
		box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.20);
		background: #b22520;
		background: linear-gradient(to bottom, #e8605a 0%, #b22520 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8605a', endColorstr='#b22520', GradientType=0 );/*IE*/
	}

	.area-btn.red:hover {
		background: #ca3631;
		background: linear-gradient(to bottom, #f17771 0%, #ca3631 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc78', endColorstr='ffb618', GradientType=0 );/*IE*/
	}

	.area-btn.red:active,
	.area-btn.red.active {
		border-color: #a0211d;
		border-top-color: #7f1b17;
		background: #b22520;
		box-shadow: none;
		text-shadow: none;
	}

	.area-btn.k-plate,
	.area-btn.k-plate:link,
	.area-btn.k-plate:visited {
		color: #666!important;
		border: 1px solid #c3c3c3;
		border-top-color: #d9d9d9;
		border-radius: 1px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset -1px -1px 0 #fff;
		background: #fff;
		background: linear-gradient(to bottom, #fdfdfd 0%, #f8f8f8 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f8f8f8', GradientType=0 );
	}

	.area-btn.k-plate:focus,
	.area-btn.k-plate:hover {
		background: #f4f4f4;
		background: linear-gradient(to bottom, #fafafa 0%, #fff 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );/*IE*/
	}

	.area-btn.k-plate:active,
	.area-btn.k-plate.active {
		text-shadow: 0 1px 0px #fff;
		border-color: #ebebeb;
		border-top-color: #ddd;
		background: #f4f4f4;
		box-shadow: none
	}

	.area-btn.soap,
	.area-btn.soap:link,
	.area-btn.soap:visited {
		padding: .45em .75em .75em .75em;
		color:#888!important;
		text-shadow:0 1px 0 #fafafa;
		border-style: solid;
		border-width: 1px;
		border-top-color: #f2f2f2;
		border-left-color: #dfdfdf;
		border-right-color: #dfdfdf;
		border-bottom-color: #ccc;
		box-shadow:
		0 .2em .3em rgba(0,0,0,.1),
		inset 0 -0.3em 0 #ddd,
		inset 0 -0.33em 0 #f1f1f1;
		background: #e9e9e9;
		background: linear-gradient(to bottom, #fafafa 0%, #e9e9e9 80%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#e9e9e9);
	}

	.area-btn.soap.small {
		height: 25px;
		padding: 0 .75em;
		font-size: 11px;
		line-height: 22px;
	}

	.area-btn.soap.default {
		height: 35px;
		padding: 0 .75em;
		font-size: 12px;
		line-height: 32px;
	}

	.area-btn.soap.large {
		height: 46px;
		padding: 0 1em;
		font-size: 18px;
		font-weight: 600;
		line-height: 42px;
	}

	.area-btn.soap.big {
		height: 86px;
		padding: 0 1em;
		font-size: 18px;
		font-weight: 600;
		line-height: 82px;
	}



	/* Äü ÆùÆ® */
	.kr-01 { font-family: "Apple SD »êµ¹°íµñ Neo", "Apple SD Gothic Neo", ³ª´®°íµñ, NanumGothic, "¸¼Àº °íµñ", "Malgun Gothic", µ¸¿ò, dotum, sans-serif }
	.en-01 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }


}