@charset "utf-8";

/* CSS Document */
*{margin:0; padding:0; font-family:'Nanum Gothic',verdana, tahoma, sans-serif;}
body{ font-family:'Nanum Gothic', verdana, tahoma, sans-serif;
	font-size:/*62.5%0.75em12px*/ 75%;
	margin:0 auto;
	padding:0;
	margin:0;
	letter-spacing:-0.5px;
	width:100%;
	height:100%;
	color:#666;
	/*line-height:1.6em/*20px
	line-height:20px;*/
	/*background-image:url(/images/la2.gif);*/
	}
a { color: #6f6f6f; text-decoration:none; border:0; padding:0; margin:0; }
a:hover { color:#171717; text-decoration:none; border:0; padding:0; margin:0; }
img { border:0; }
div, ul, ol, dl, dt, dd, li, table, thead, tbody, td, tr, th, p, caption, address { margin:0; padding:0; list-style:none; }
hr, caption, legend { margin: 0; padding: 0; display:none; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-size:0; }
html {overflow-y:scroll;}

fieldset {padding:0; border:none;margin:0;}

.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: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:140px; }

.m_top10{margin-top:10px;}

.pad_l159{padding-left:159px;}
.pad_l269{padding-left:269px;}

.board_t{border-top:solid 1px #e5e5e5;}

.orange {color:#f77731; font-weight:bold;}
.red {color:#ca0000;}


/* sel inp textarea Á¤ÀÇ */
.b_sel { font-size:1.1em; font-family:dotum; color:#333;}
.b_inp { border:1px solid #c6c6c6; margin:0; padding:3px; }
.b_inp1 { border:1px solid #c6c6c6; margin:0; padding:3px 0 0 3px; }
.b_inp2 { border:3px solid #308dd5; margin:0; padding:5px 0 0 0; }
.inp_serch_bt { padding:4px 0 0 0; }
.w40 { width:55px;}
.w55 { width:55px;}
.w71 { width:71px;}
.w90 { width:90px;}
.w96 { width:96px;}
.w85 { width:85px;}
.w100 { width:100px;}
.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;}

.wp100 { width:100%;}

/* jwplayer size */
.mrg-auto {margin:0 auto;}
.mrg-tb20 {margin:20px 0;}
.w600 { width:600px;}
.w674 { width:674px;}
.h426 { height:426px;}

.h15 { height:15px; }
.h16 { height:16px; }
.h17 { height:17px; }
.h21 { height:21px; }
.h22 { height:22px; }
.h30 { height:30px; }
.h40 { height:40px; }
.h50 { height:50px; }
.h200 { height:200px; }

.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; }
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}


.padl10 { padding-left:10px; }
.padl20 { padding-left:20px; }
.padl30 { padding-left:30px; }
.padl40 { padding-left:40px; }
.padl50 { padding-left:50px; }

.padt10 { padding-top:10px; }
.padt20 { padding-top:20px; }
.padt30 { padding-top:30px; }
.padt40 { padding-top:40px; }
.padt50 { padding-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;}

.b {font-weight:bold; }
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.fnt14 {font-size:14px}

/* 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;}

.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;}

#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;}

.not-contents {
	padding:50px 20px;
	text-align:center;
	background:#eee;
}

/*************************** 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", µ¸¿ò, 'Nanum Gothic', sans-serif }
.en-01 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }


.area_tooltip {
	background: #fff;
	color: #333;
	padding: 10px;
	position:absolute;
	display:none;
}