@charset "utf-8";
/*
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(http://cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
*/

/* 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;
}
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-weight:normal;}
hr {display:none;}
a:link, a:visited, a:active {color:#666;text-decoration:none;box-sizing:border-box;}
a:hover {color:#0054a8;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;}

.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; }

/*	풍선 도움말		*/
#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:600px;}
.w700 { width:700px;}

.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:none;}

#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; }