html {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
body {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
div {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
span {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
applet {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
object {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
iframe {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
h1 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
h2 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
h3 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
h4 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
h5 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
h6 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
p {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
blockquote {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
pre {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
a {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
abbr {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
acronym {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
address {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
big {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
cite {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
code {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
del {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
dfn {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
em {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
font {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
img {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
ins {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
kbd {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
q {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
s {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
samp {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
small {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
strike {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
strong {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
sub {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
sup {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
tt {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
var {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
b {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
u {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
i {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
center {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
dl {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
dt {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
dd {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
ol {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
ul {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
li {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
fieldset {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
form {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
label {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
legend {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
table {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
caption {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
tbody {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
tfoot {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
thead {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
tr {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
th {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
td {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: normal;
}
html {
	height: 100%; min-height: 100%;
}
body {
	height: 100%; min-height: 100%;
}
body {
	background: rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: "Malgun Gothic","¸¼Àº °íµñ"; font-size: 0.75em; -webkit-font-smoothing: subpixel-antialiased; -webkit-text-size-adjust: none;
}
a:link {
	color: rgb(0, 0, 0); text-decoration: none; cursor: pointer;
}
a:visited {
	color: rgb(0, 0, 0); text-decoration: none;
}
a:hover {
	color: rgb(0, 0, 0); text-decoration: none; cursor: pointer;
}
a:active {
	color: rgb(0, 0, 0); text-decoration: none;
}
table {
	width: 100%;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
th {
	border-collapse: collapse; border-spacing: 0;
}
td {
	border-collapse: collapse; border-spacing: 0;
}
table caption {
	display: none;
}
img {
	border: 0px currentColor; border-image: none; vertical-align: top;
}
hr {
	display: none;
}
col {
	background: none;
}
li {
	list-style: none;
}
input {
	-webkit-border-radius: 0;
}
form * {
	vertical-align: middle;
}
fieldset {
	border: currentColor; border-image: none;
}
legend {
	display: none;
}
iframe {
	background: none;
}
#wrap {
	width: 100%; height: 100%;
}
#main {
	width: 100%; height: 100%; position: relative;
}
#main .main_style {
	background: rgb(246, 246, 241); left: 0px; top: 0px; width: 50%; height: 100%; overflow: hidden; position: absolute;
}
#main .main_style .main_img {
	top: 50%; right: 0px; margin-top: -260px; margin-right: -55px; position: absolute;
}
#main .main_style .main_txt {
	top: 50%; right: 0px; margin-top: -50px; margin-right: 143px; position: absolute; cursor: pointer;
}
#main .main_useful {
	background: url("../images/bg_main.jpg") left top rgb(237, 28,36); top: 0px; width: 50%; height: 100%; right: 0px; overflow: hidden; position: absolute;
}
#main .main_useful .main_img {
	left: 0px; top: 50%; margin-top: -260px; margin-left: -57px; position: absolute;
}
#main .main_useful .main_txt {
	left: 0px; top: 50%; margin-top: -50px; margin-left: 140px; position: absolute; cursor: pointer;
}
#main .main_style a {
	display: block;
}
#main .main_useful a {
	display: block;
}
#main #logo {
	left: 47px; top: 47px; position: absolute; z-index: 5;
}
#main #btn_menu {
	top: 40px; right: 40px; position: absolute; z-index: 5;
}
#main .main_desc {
	left: 50%; top: 50%; width: 500px; text-align: center; margin-top: 250px; margin-left: -250px; position: absolute; z-index: 2;
}
#main .main_desc .ko {
	font-size: 15px; font-weight: 700;
}
#main .main_desc .en {
	color: rgb(130, 130, 130); font-size: 10px;
}
#main .btn_scroll {
	left: 50%; bottom: 40px; margin-left: -43px; position: absolute; z-index: 2;
}
#about {
	background: url("../../img/bg/bg_about.jpg") no-repeat top / cover rgb(221, 221, 221); height: 780px; text-align: center; position: relative;
}
#about h2 {
	top: 160px; width: 100%; position: absolute;
}
#about .about_txt1 {
	left: 30%; top: 255px; width: 40%; position: absolute;
}
#about .about_txt2 {
	left: 30%; top: 335px; width: 40%; position: absolute;
}
#about .about_txt3 {
	left: 30%; top: 430px; width: 40%; position: absolute;
}
#about .about_txt p {
	color: rgb(255, 255, 255); letter-spacing: -0.08em; padding-bottom: 18px;
}
#about .logo {
	width: 100%; bottom: 190px; position: absolute;
}
#customer_center {
	background: url("../../img/bg/bg_cs.gif") left top rgb(221, 221, 221); padding: 100px 0px 125px;
}
#customer_center .title {
	background: url("../../img/bg/bg_title_line.gif") repeat-x left; margin: 0px auto 20px; width: 810px; text-align: center;
}
#customer_center .title span {
	background: rgb(221, 221, 221); padding: 0px 10px; font-size: 24px; font-weight: 400; display: inline-block;
}
#customer_center .desc {
	text-align: center; color: rgb(45, 45, 45); font-size: 14px;
}
#customer_center .tel {
	padding: 60px 0px 45px; text-align: center; font-size: 45px;
}
#customer_center .cs_link {
	text-align: center; padding-bottom: 90px;
}
#customer_center .cs_link a {
	margin: 0px 12px;
}
#customer_center .wash {
	padding: 40px 0px 120px; text-align: center;
}
#customer_center .cs_mov {
	margin: 35px auto 0px; width: 520px; text-align: center;
}
#customer_center .cs_mov li {
	margin: 0px 4px; padding-bottom: 33px; display: inline-block;
}
#customer_center .cs_mov li a {
	text-align: center; color: rgb(45, 45, 45); font-size: 14px; display: block;
}
#customer_center .cs_mov li a img {
	padding-bottom: 10px;
}
#footer {background:#211d1e; padding:20px 0 75px;}
#footer .footer {position:relative; width:1120px; margin:0 auto;}
#footer .certi_area {overflow:hidden; padding-bottom:30px; border-bottom:1px solid #3c3834;}
#footer .certi01 {float:left; margin-right:55px;}
#footer .certi01 .img {padding-bottom:15px;}
#footer .certi01 .txt {text-align:right; color:#7e756c; font-size:10px;}
#footer .certi02 {float:left; text-align:center;}
#footer .certi02 .img {padding:6px 0 40px;}
#footer .certi02 .txt {text-align:right; color:#7e756c; font-size:12px;}
#footer .vip {float:right; text-align:right;}
#footer .vip .img {padding:0 0 38px;}
#footer .vip .txt {text-align:right; color:#fff; font-size:14px;}
#footer .footer_info {padding:20px 0; margin-bottom:25px; border-bottom:1px solid #3c3834; overflow:hidden;}
#footer .footer_info .link {float:left; margin-right:30px;}
#footer .footer_info .link a {margin-right:30px;}
#footer .footer_info .address {float:right; line-height:180%; padding-top:20px;}
#footer .address {text-align:right; color:#7e756c; font-size:12px;}
#footer .copyright {font-size:10px; color:#7e756c;}
#footer .btn_top {position:absolute; right:55px; bottom:-10px;}
#layer_menu {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 100; background-color: rgba(255, 255, 255, 0.95);
}
#layer_menu .menu_box {
	margin: -245px 0px 0px -249px; left: 50%; top: 50%; width: 498px; height: 490px; text-align: center; position: absolute;
}
#layer_menu .menu_box ul {
	margin-bottom: 30px;
}
#layer_menu .menu_box li {
	border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
#layer_menu .menu_box li:last-child {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#layer_menu .menu_box li a {
	height: 100px; text-transform: uppercase; line-height: 100px; font-size: 30px; display: block;
}
#layer_style {
	background: url("../images/bg_product.jpg") no-repeat 120px 420px rgb(26, 26, 26); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 100;
}
#layer_style .logo {
	left: 318px; top: 47px; position: absolute;
}
#layer_style .left_cont {
	left: 40px; top: 188px; position: absolute;
}
#layer_style .left_cont h2 {
	padding-bottom: 25px;
}
#layer_style .left_cont h3 {
	color: rgb(255, 255, 255); padding-bottom: 10px; font-size: 15px; font-weight: normal;
}
#layer_style .left_cont .desc {
	color: rgb(72, 72, 72); padding-bottom: 25px; font-size: 10px;
}
#layer_style .left_cont .txt {
	width: 150px; padding-bottom: 20px; font-size: 0px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
#layer_style .box_area {position:relative; height:100%; width:100%;}
#layer_style .box_area_in {margin-left:500px; height:100%;}
#layer_style .top_area {position:relative; top:0; right:0; width:100%; height:50%;}
#layer_style .bottom_area {position:relative; bottom:0; right:0; width:100%; height:50%;}
#layer_style .btn_back {
	left: 40px; top: 40px; position: absolute; z-index: 105;
}
#layer_style .right_area {
	width: 100%; height: 100%; position: relative;
}
#layer_style .box_area_in {
	height: 100%; margin-left: 500px;
}
#layer_style .top_area {
	top: 0px; width: 100%; height: 50%; right: 0px; position: relative;
}
#layer_style .bottom_area {
	width: 100%; height: 50%; right: 0px; bottom: 0px; position: relative;
}
#layer_style .col {
	width: 33.3%; height: 100%; float: left;
}
#layer_style .col1 {
	background: url("../images/back_media01.jpg") no-repeat center top; background-size: cover;
}
#layer_style .col2 {
	background: url("../images/back_media02.jpg") no-repeat center top; background-size: cover;
}
#layer_style .col3 {
	background: url("../images/back_media03.jpg") no-repeat center top; background-size: cover;
}
#layer_style .col4 {
	background: url("../images/back_media04.jpg") no-repeat center top; background-size: cover;
}
#layer_style .col5 {
	background: url("../images/back_media05.jpg") no-repeat center top; background-size: cover;
}
#layer_style .col6 {
	background: url("../images/back_media06.jpg") no-repeat center top; background-size: cover;
}



#layer_style .col a {display:block; width:100%; height:100%; background:url('../images/btn_media_play.png') no-repeat center center; text-indent:-99999px;}
#layer_style .col a.btn_col01 {background:url('../images/back_media01.jpg') no-repeat center top; background-size: cover;}
#layer_style .col a.btn_col02 {background:url('../images/back_media02.jpg') no-repeat center top; background-size: cover;}
#layer_style .col a.btn_col03 {background:url('../images/back_media03.jpg') no-repeat center top; background-size: cover;}
#layer_style .col a.btn_col04 {background:url('../images/back_media04.jpg') no-repeat center top; background-size: cover;}
#layer_style .col a.btn_col05 {background:url('../images/back_media05.jpg') no-repeat center top; background-size: cover;}
#layer_style .col a.btn_col06 {background:url('../images/back_media06.jpg') no-repeat center top; background-size: cover;}
#layer_style .col a:hover,
#layer_style .col a:active {background:#bababa url('../images/btn_media_play_on.gif') no-repeat center center;}

#layer_useful {
	background: rgb(246, 245, 242); top: 0px; width: 100%; height: 100%; right: 0px; position: absolute; z-index: 100;
}
#layer_useful .left_area {
	background: rgb(26, 26, 26); left: 0px; top: 0px; width: 240px; height: 100%; position: absolute;
}
#layer_useful .left_area .btn_back {
	left: 40px; top: 40px; position: absolute; z-index: 101;
}
#layer_useful .left_area h2 {
	background: url("../images/com_txt.gif") no-repeat left top; margin: 188px 0px 30px 20px; width: 166px; height: 158px; text-indent: -99999px; overflow: hidden; display: block;
}
#layer_useful .left_area .link {
	padding-left: 40px;
}
#layer_useful .left_area .link li {
	padding-bottom: 25px;
}
#layer_useful .right_area {
	background: url("../images/bg_useful.jpg") no-repeat center / cover rgb(246, 245, 242); height: 100%; margin-left: 240px; display: block;
}
#layer_useful .right_area_in {
	top: 50%; position: relative;
}
#layer_useful .right_area h2 {
	text-align: center; padding-top: 0px; font-size: 20px; font-weight: normal;
}
#layer_useful .right_area .desc {
	padding: 5px 0px 40px; text-align: center; color: rgb(130, 130, 130); font-size: 12px;
}
#layer_useful .right_area .btn_useful {
	text-align: center;
}
#layer_useful .right_area .btn_useful li {
	margin: 0px 2%; display: inline-block;
}
#layer_useful .right_area .btn_useful li a {
	margin: 0px; height: 499px; display: block; transition-duration: 0.3s;
}
#layer_useful .right_area .btn_useful a.btn_useful01 {
	background: url("../../img/bg/bg_btn_useful01.jpg") no-repeat center -30px / 110% auto;
}
#layer_useful .right_area .btn_useful a.btn_useful02 {
	background: url("../../img/bg/bg_btn_useful02.jpg") no-repeat center -30px / 110% auto;
}
#layer_useful .right_area .btn_useful a.btn_useful03 {
	background: url("../../img/bg/bg_btn_useful03.jpg") no-repeat center -30px / 110% auto;
}
#layer_useful .right_area .btn_useful a.btn_useful01:hover {
	background-position: top; background-size: 100% auto;
}
#layer_useful .right_area .btn_useful a.btn_useful02:hover {
	background-position: top; background-size: 100% auto;
}
#layer_useful .right_area .btn_useful a.btn_useful03:hover {
	background-position: top; background-size: 100% auto;
}
#layer_useful .right_area .btn_useful .pc {
	display: block;
}
#layer_useful .right_area .btn_useful .mobile {
	display: none;
}
.sub_page {
	background: url("../../img/bg/bg_brand_story_header.jpg") repeat-x top rgb(246, 246, 241); height: auto !important;
}
.sub#header {
	height: 136px;
}
.sub#header .header_area {
	margin: 0px auto; width: 960px; position: relative;
}
.sub#header .header_area .logo {
	left: 50%; top: 18px; margin-left: -67px; position: absolute;
}
.sub#header .header_area .home {
	background: url("../../img/btn/btn_home.png") no-repeat left top; left: 30px; top: 30px; width: 27px; height: 25px; text-indent: -9999px; overflow: hidden; display: inline-block; position: absolute;
}
.sub#header .header_area .menu {
	left: 50%; top: 82px; width: 472px; overflow: hidden; margin-left: -236px; position: absolute;
}
.sub#header .header_area .menu li {
	float: left;
}
.sub#header .header_area .menu li a {
	padding: 0px 25px; height: 54px; color: rgb(0, 0, 0); line-height: 54px; font-size: 12px; display: inline-block;
}
.sub#header .header_area .menu li a:hover {
	color: rgb(255, 255, 255);
}
.sub#header .header_area .menu li a.current {
	color: rgb(255, 255, 255);
}
.brand#content {
	margin: 0px auto; padding: 30px 0px 120px; width: 100%;
}
.brand .brand_area {
	margin: 0px auto; width: 960px;
}
.brand .brand_area .pc {
	display: block;
}
.brand .brand_area .mobile {
	display: none;
}
.brand .tit_category {
	text-align: center; margin-bottom: 63px; border-bottom-color: rgb(220, 220, 220); border-bottom-width: 1px; border-bottom-style: solid;
}
.brand .tit_category img {
	padding-bottom: 7px;
}
.brand .tit {
	color: rgb(0, 0, 0); font-size: 25px; margin-bottom: 10px;
}
.brand .txt {
	color: rgb(112, 112, 112); line-height: 20px; font-size: 13px; margin-bottom: 10px;
}
.brand .txt2 {
	color: rgb(196, 196, 196); line-height: 13px; font-size: 10px; margin-bottom: 30px;
}
.brand .img {
	margin-bottom: 105px;
}
.brand .designer {
	background: url("../../img/bg/bg_designer.jpg") no-repeat right 4px; text-align: right; padding-right: 250px; margin-bottom: 85px; min-height: 282px;
}
.brand .logo_bt {
	text-align: center;
}
.products#content {
	padding: 30px 0px 0px; width: 100%;
}
.products .tit_category {
	text-align: center; margin-bottom: 10px;
}
.products .type_area {
	overflow: hidden; margin-bottom: 70px; border-top-color: rgb(220, 220, 220); border-bottom-color: rgb(220, 220, 220); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.products .type_area li {
	width: 25%; float: left;
}
.products .type_area li img {
	width: 100%; height: auto;
}
.product_main {
	overflow: hidden; margin-bottom: 70px; border-top-color: rgb(220, 220, 220); border-bottom-color: rgb(220, 220, 220); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.product_main li {
	width: 25%; float: left;
}
.product_main .w50 {
	width: 50%; float: left;
}
.product_main .w33 {
	width: 33.3%; float: left;
}
.product_main li a {
	overflow: hidden; display: block; position: relative;
}
.product_main li a.btn_main1 {
	background: url("../../img/bg/bg_product_main01.png") no-repeat left top / cover;
}
.product_main li a.btn_main2 {
	background: url("../../img/bg/bg_product_main01.png") no-repeat left top / cover;
}
.product_main li a.btn_main3 {
	background: url("../../img/bg/bg_product_main01.png") no-repeat left top / cover;
}
.product_main li a.btn_main4 {
	background: url("../../img/bg/bg_product_main04.png") no-repeat left top / cover;
}
.product_main li a.btn_main5 {
	background: url("../../img/bg/bg_product_main01.png") no-repeat left top / cover;
}
.product_main li a.btn_main6 {
	background: url("../../img/bg/bg_product_main01.png") no-repeat left top / cover;
}
.product_main li a.btn_main7 {
	background: url("../../img/bg/bg_product_main01.png") no-repeat left top / cover;
}
.product_main li .btn {
	background: url("../../img/btn_product_main.png") no-repeat left top / 100% auto; left: 70px; top: 45%; width: 84px; height: 84px; display: inline-block; position: absolute;
}
.product_main li .btn_main1 .img {
	background: url("../../img/img_product_main01.png") no-repeat 50% 45px / auto 100%; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.product_main li .btn_main2 .img {
	background: url("../../img/img_product_main02.png") no-repeat 50% 45px / auto 100%; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.product_main li .btn_main3 .img {
	background: url("../../img/img_product_main03.png") no-repeat 50% 45px / auto 100%; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.product_main li .btn_main4 .img {
	background: url("../../img/img_product_main04.png") no-repeat 50% 45px / auto 100%; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.product_main li .btn_main5 .img {
	background: url("../../img/img_product_main05.png") no-repeat 50% 45px / auto 100%; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.product_main li .btn_main6 .img {
	background: url("../../img/img_product_main06.png") no-repeat 50% 45px / auto 100%; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.product_main li .btn_main7 .img {
	background: url("../../img/img_product_main07.png") no-repeat 50% 45px / auto 100%; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.product_main li .txt {
	left: 0px; top: 0px; width: 100%; height: 100%; position: relative;
}
.product_main li .txt img {
	width: 100%; height: auto; max-width: 480px;
}
.product_main li .bg {
	background: black; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.1;
}
.product_main li .m {
	display: none;
}
.products .type_in_area {
	overflow: hidden; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: solid;
}
.products .type_in_area .columnL {
	background: rgb(235, 235, 232); width: 50%; text-align: right; float: left;
}
.products .type_in_area .columnR {
	width: 50%; text-align: left; float: left;
}
.products .type_in_area .columnR .prod_detail {
	margin-bottom: 70px;
}
.products .type_in_area .columnR .btn {
	margin-left: 50px;
}
.products .type_in_area .columnR .btn a {
	margin-right: 40px; vertical-align: middle; display: inline-block;
}
.products .type_in_area .columnL .pc {
	display: block;
}
.products .type_in_area .columnL .mobile {
	display: none;
}
.products .type_in_area .columnR .pc {
	display: block;
}
.products .type_in_area .columnR .mobile {
	display: none;
}
.event#content {
	padding: 30px 0px 100px; width: 100%;
}
.event .tit_category {
	text-align: center; margin-bottom: 10px;
}
.event_area {
	padding-top: 30px; border-top-color: rgb(220, 220, 220); border-bottom-color: rgb(220, 220, 220); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.event_area .event_list {
	margin: 0px auto; width: 638px; overflow: hidden;
}
.event_area .event_list li {
	margin: 0px 18px 30px 0px; width: 309px; float: left;
}
.event_area .event_list li .img {
	background: rgb(255, 255, 255); border: 1px solid rgb(237, 237, 234); border-image: none; width: 307px; height: 311px; margin-bottom: 14px;
}
.event_area .event_list li .img img {
	width: 100%; height: auto;
}
.event_area .event_list li .txt {
	color: rgb(0, 0, 0); font-size: 13px; margin-bottom: 4px;
}
.event_area .event_list li .date {
	color: rgb(0, 0, 0); font-size: 10px;
}
.event_area .event_list li.last {
	margin-right: 0px;
}
.event_area .view_area {
	margin: 0px auto; width: 700px; padding-bottom: 30px;
}
.event_area .view_area .img img {
	width: 700px; height: auto;
}
.event_area .write_area {
	margin: 0px auto; width: 700px; padding-bottom: 30px;
}
.event_area .write_area .tbl_write th {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.event_area .write_area .tbl_write td {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.event_area .write_area .tbl_write th {
	padding: 20px 0px 0px 30px; text-align: left; color: rgb(0, 0, 0); font-size: 13px; font-weight: normal; vertical-align: top;
}
.event_area .write_area .tbl_write td {
	height: 60px;
}
.event_area .write_area .tbl_write td .inputText {
	padding: 0px; border: 1px solid rgb(211, 211, 211); border-image: none; width: 100%; height: 33px; line-height: 33px; text-indent: 10px;
}
.event_area .write_area .tbl_write .select td {
	padding-left: 30px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.event_area .write_area .tbl_write .last th {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.event_area .write_area .tbl_write .last td {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.event_area .write_area .tbl_write td.input {
	padding: 13px 0px;
}
.event_area .write_area .tbl_write td .desc_txt {
	color: rgb(255, 96, 0); font-size: 13px;
}
.event_area .write_area .tbl_write td .mb10 {
	margin-bottom: 10px;
}
.event_area .write_area .tbl_write td .mr50 {
	margin-right: 50px;
}
.event_area .input_html {
	padding: 70px 0px 0px;
}
.event_area .input_html .textarea {
	padding: 30px; border: 1px solid rgb(213, 213, 213); border-image: none; width: 638px; height: 438px; color: rgb(0, 0, 0); font-family: "¸¼Àº °íµñ", Malgun Gothic,"µ¸¿ò", Dotum, Helvetica, Verdana, Arial, sans-serif; font-size: 13px;
}
.btn_center {
	text-align: center;
}
.btn_center .btn {
	background: rgb(255, 255, 255); margin: 30px 3px 0px 2px; border: 1px solid rgb(205, 205, 205); border-image: none; width: 68px; height: 48px; color: rgb(0, 0, 0); line-height: 48px; font-size: 17px; display: inline-block;
}
.file_input_textbox {
	padding: 0px; border: 1px solid rgb(211, 211, 211); border-image: none; width: 200px; height: 33px; line-height: 33px; text-indent: 10px; margin-right: 10px; float: left;
}
.file_input_div {
	width: 166px; height: 35px; overflow: hidden; position: relative;
}
.file_input_button {
	border: currentColor; border-image: none; top: 0px; width: 166px; height: 35px; color: rgb(0, 0, 0); font-family: "¸¼Àº °íµñ", Malgun Gothic,"µ¸¿ò", Dotum, Helvetica, Verdana, Arial, sans-serif; font-size: 13px; position: absolute; background-color: rgb(211, 211, 211);
}
.file_input_hidden {
	top: 0px; right: 0px; font-size: 45px; position: absolute; opacity: 0; -khtml-opacity: 0; -moz-opacity: 0;
}
.pagination {
	text-align: center; padding-top: 30px;
}
.pagination a {
	background: rgb(255, 255, 255); border: 1px solid rgb(205, 205, 205); border-image: none; width: 48px; height: 48px; color: rgb(0, 0, 0); line-height: 48px; font-size: 17px !important; vertical-align: top; display: inline-block;
}
.pagination a.img {
	border: currentColor; border-image: none; width: auto; vertical-align: top; display: inline-block;
}
.pagination a.left.img {
	margin-right: 76px;
}
.pagination a.right.img {
	margin-left: 76px;
}
.pagination a.on {
	color: rgb(150, 160, 45); font-weight: bold;
}
.pagination a:hover {
	color: rgb(150, 160, 45); text-decoration: none;
}
.pop_useful {
	width: 809px; height: 724px;
}
.pop_useful .pc {
	display: block;
}
.pop_useful .mobile {
	display: none;
}
@media only screen and (max-width:1280px)
{
#layer_useful .right_area .btn_useful li {
	margin: 0px 1%; width: 25%; float: none; display: inline-block;
}
#layer_useful .right_area .btn_useful li:last-child {
	width: 25%;
}
#layer_useful .right_area .btn_useful li a {
	margin: 0px; height: auto; display: block; transition-duration: 0.3s;
}
#layer_useful .right_area .btn_useful li a img {
	width: 100%; height: auto;
}
}
@media not all
{
#customer_center .title {
	width: 100%;
}
#footer {
	background: rgb(33, 29, 30); padding: 30px 0px 35px;
}
#footer .footer {
	margin: 0px auto; width: auto; position: relative;
}
#footer .certi_area {
	overflow: hidden; padding-bottom: 30px; border-bottom-color: rgb(60, 56, 52); border-bottom-width: 1px; border-bottom-style: solid;
}
#footer .certi01 {
	margin: 95px 0px 0px 15px; float: left;
}
#footer .certi01 .img {
	padding-bottom: 15px;
}
#footer .certi01 .txt {
	text-align: right; color: rgb(126, 117, 108); font-size: 10px;
}
#footer .certi02 {
	margin: 95px 15px 0px 0px; text-align: center; float: right;
}
#footer .certi02 .img {
	padding: 6px 0px 40px;
}
#footer .certi02 .txt {
	text-align: right; color: rgb(126, 117, 108); font-size: 12px;
}
#footer .certi03 {
	margin: 95px 0px 0px 15px; float: left;
}
#footer .certi03 .img {
	padding-bottom: 15px;
}
#footer .vip {
	top: 0px; text-align: right; right: 30px; float: none; position: absolute;
}
#footer .vip .img {
	padding: 0px;
}
#footer .vip .txt {
	top: 20px; text-align: right; right: 110px; color: rgb(255, 255, 255); font-size: 14px; white-space: nowrap; position: absolute;
}
#footer .footer_info {
	padding: 25px 0px; text-align: center; overflow: hidden; margin-bottom: 25px; border-bottom-color: rgb(60, 56, 52); border-bottom-width: 1px; border-bottom-style: solid;
}
#footer .footer_info .link {
	width: 100%; overflow: hidden; float: none; display: inline-block; margin: 0px 5%;
}
#footer .footer_info .link a {
	margin: 0px 5%;
}
#footer .footer_info .address {
	line-height: 180%; padding-top: 20px; float: right;
}
#footer .address {
	text-align: right; color: rgb(126, 117, 108); padding-right: 15px; font-size: 12px;
}
#footer .copyright {
	color: rgb(126, 117, 108); padding-left: 15px; font-size: 10px;
}
#footer .btn_top {
	right: 15px; bottom: -10px; position: absolute;
}
#layer_style {
	background: url("../images/bg_product.jpg") no-repeat 95% 90px / 165px auto rgb(26, 26, 26); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 100;
}
#layer_style .logo {
	left: auto; top: 20px; right: 30px; position: absolute;
}
#layer_style .left_cont {
	left: 30px; top: 85px; position: absolute;
}
#layer_style .left_cont h2 {
	padding-bottom: 20px;
}
#layer_style .left_cont h3 {
	color: rgb(255, 255, 255); padding-bottom: 10px; font-size: 15px; font-weight: normal;
}
#layer_style .left_cont .desc {
	color: rgb(72, 72, 72); padding-bottom: 25px; font-size: 10px;
}
#layer_style .left_cont .txt {
	width: 150px; padding-bottom: 10px; font-size: 0px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
#layer_style .btn_back {
	left: 20px; top: 10px; position: absolute;
}
#layer_style .box_area {
	left: 0px; top: 40%; width: 100%; height: 60%; position: absolute;
}
#layer_style .top_area {
	top: 0px; width: 100%; height: 50%; right: 0px; position: absolute;
}
#layer_style .bottom_area {
	width: 100%; height: 50%; right: 0px; bottom: 0px; position: absolute;
}
#layer_style .col {
	width: 33.3%; height: 100%; float: left;
}
#layer_style .col1 {
	background: #fff;
}
#layer_style .col2 {
	background: url("../images/back_media01.jpg") no-repeat center top; background-size: cover;
}
#layer_style .col3 {
	background: #fff;
}
#layer_style .col4 {
		background: url("../images/back_media02.jpg") no-repeat center top; background-size: cover;
}
#layer_style .col5 {
	background: #fff;
}
#layer_style .col6 {
	background: url("../images/img_style02.jpg") no-repeat center top; background-size: cover;
}
#layer_style .col a {display:block; width:100%; height:100%; background:url('../images/btn_media_play.png') no-repeat center center; text-indent:-99999px;}
#layer_style .col a.btn_col01 {background:url('../images/back_media01.jpg') no-repeat center top; background-size: cover;}
#layer_style .col a.btn_col05 {background:url('../images/back_media02.jpg') no-repeat center top; background-size: cover;}
#layer_style .col a:hover,
#layer_style .col a:active {background:#bababa url('../images/btn_media_play_on.gif') no-repeat center center;
}
#layer_useful {
	background: rgb(246, 245, 242); top: 0px; width: 100%; height: 100%; right: 0px; position: absolute; z-index: 100;
}
#layer_useful .left_area {
	background: rgb(26, 26, 26); left: 0px; top: 0px; width: 100%; height: 220px; position: absolute;
}
#layer_useful .left_area .btn_back {
	left: 20px; top: 10px; position: absolute; z-index: 101;
}
#layer_useful .left_area h2 {
	background: url("../images/com_txt_m.gif") no-repeat left top; margin: 105px 0px 0px 30px; width: 254px; height: 65px; text-indent: -99999px; overflow: hidden; display: block;
}
#layer_useful .left_area .link {
	padding: 0px; top: 60px; right: 0px; position: absolute;
}
#layer_useful .left_area .link li {
	padding: 0px 30px 0px 0px; float: left;
}
#layer_useful .right_area {
	background: url("../images/bg_product.jpg") no-repeat center / cover rgb(246, 245, 242); height: 100%; margin-left: 0px; display: block;
}
#layer_useful .right_area_in {
	top: 0px; position: relative;
}
#layer_useful .right_area h2 {
	text-align: center; padding-top: 245px; font-size: 20px; font-weight: normal;
}
#layer_useful .right_area .desc {
	padding: 5px 0px 40px; text-align: center; color: rgb(130, 130, 130); font-size: 10px;
}
#layer_useful .right_area .btn_useful {
	text-align: center; overflow: hidden;
}
#layer_useful .right_area .btn_useful li {
	margin: 0px; width: 33.3%; float: left; display: inline-block;
}
#layer_useful .right_area .btn_useful li:last-child {
	width: 33.4%;
}
#layer_useful .right_area .btn_useful li a {
	margin: 0px 10px; height: 550px; display: block; transition-duration: 0.3s;
}
#layer_useful .right_area .btn_useful li a img {
	width: 100%; height: 550px;
}
.nyroModalCloseButton {
	top: -48px; right: 0px;
}
.pop_useful img {
	width: 100%; height: auto;
}
.sub_page {
	background: url("../../img/bg/bg_brand_story_header.jpg") repeat-x top rgb(246, 246, 241); height: auto !important;
}
.sub#header {
	height: 136px;
}
.sub#header .header_area {
	margin: 0px auto; width: auto; position: relative;
}
.sub#header .header_area .logo {
	left: 50%; top: 18px; margin-left: -67px; position: absolute;
}
.sub#header .header_area .home {
	background: url("../../img/btn/btn_home.png") no-repeat left top; left: 30px; top: 30px; width: 27px; height: 25px; text-indent: -9999px; overflow: hidden; display: inline-block; position: absolute;
}
.sub#header .header_area .menu {
	left: 50%; top: 82px; width: 472px; overflow: hidden; margin-left: -236px; position: absolute;
}
.sub#header .header_area .menu li {
	float: left;
}
.sub#header .header_area .menu li a {
	padding: 0px 25px; height: 54px; color: rgb(0, 0, 0); line-height: 54px; font-size: 12px; display: inline-block;
}
.sub#header .header_area .menu li a:hover {
	color: rgb(255, 255, 255);
}
.sub#header .header_area .menu li a.current {
	color: rgb(255, 255, 255);
}
.brand#content {
	margin: 0px auto; padding: 30px 15px 120px; width: 100%;
}
.brand .brand_area {
	margin: 0px auto; width: auto;
}
.brand .tit_category {
	text-align: center; margin-bottom: 63px;
}
.brand .tit {
	color: rgb(0, 0, 0); font-size: 25px; margin-bottom: 10px;
}
.brand .txt {
	color: rgb(112, 112, 112); line-height: 20px; font-size: 13px; margin-bottom: 10px;
}
.brand .txt2 {
	color: rgb(196, 196, 196); line-height: 13px; font-size: 10px; margin-bottom: 30px;
}
.brand .img {
	margin-bottom: 105px;
}
.brand .img img {
	width: 100%; height: auto;
}
.brand .designer {
	background: url("../../img/bg/bg_designer.jpg") no-repeat right 4px; text-align: right; padding-right: 250px; margin-bottom: 85px; min-height: 282px;
}
.brand .logo_bt {
	text-align: center;
}
.product_main {
	overflow: hidden; margin-bottom: 70px; border-top-color: rgb(220, 220, 220); border-bottom-color: rgb(220, 220, 220); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.product_main li {
	width: 25%; height: auto; float: left;
}
.product_main li a {
	height: auto; overflow: hidden; display: block; position: relative;
}
.product_main li a.btn_main1 {
	background: none;
}
.product_main li a.btn_main2 {
	background: none;
}
.product_main li a.btn_main3 {
	background: none;
}
.product_main li a.btn_main4 {
	background: none;
}
.product_main li a .img {
	display: none;
}
.product_main li a .txt {
	display: none;
}
.product_main li a .btn {
	display: none;
}
.product_main li a .bg {
	display: none;
}
.product_main li a .m {
	display: block;
}
.product_main li a .m img {
	width: 100%; height: auto;
}
}
@media not all
{
.product_main li {
	width: 50%; height: auto; float: left;
}
.products .type_in_area .columnL img {
	width: 100%; height: auto;
}
.products .type_in_area .columnR .prod_detail img {
	width: 100%; height: auto;
}
}
@media not all
{
#layer_style {
	background: url("../images/bg_product.jpg") no-repeat 95% 80px / 90px auto rgb(26, 26, 26); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 100;
}
#layer_style .box_area {
	left: 0px; top: 35%; width: 100%; height: 65%; position: absolute;
}
#layer_style .left_cont .desc {
	left: 310px; top: 0px; color: rgb(72, 72, 72); padding-bottom: 25px; font-size: 10px; white-space: nowrap; position: absolute;
}
#layer_style .left_cont .txt {
	left: 310px; top: 115px; width: 150px; padding-bottom: 10px; font-size: 0px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; position: absolute;
}
#layer_useful {
	background: rgb(246, 245, 242); top: 0px; width: 100%; height: 100%; right: 0px; position: absolute; z-index: 100;
}
#layer_useful .left_area {
	background: rgb(26, 26, 26); left: 0px; top: 0px; width: 100%; height: 150px; position: absolute;
}
#layer_useful .left_area .btn_back {
	left: 20px; top: 10px; position: absolute; z-index: 101;
}
#layer_useful .left_area h2 {
	background: url("../images/com_txt_m.gif") no-repeat left top; margin: 45px 0px 0px 160px; width: 254px; height: 65px; text-indent: -99999px; overflow: hidden; display: block;
}
#layer_useful .left_area .link {
	padding: 0px; top: 10px; right: 0px; position: absolute;
}
#layer_useful .left_area .link li {
	padding: 0px 30px 0px 0px; float: left;
}
#layer_useful .right_area {
	background: url("../images/bg_useful.jpg") no-repeat center / cover rgb(246, 245, 242); height: 100%; margin-left: 0px; display: block;
}
#layer_useful .right_area h2 {
	text-align: center; padding-top: 175px; font-size: 20px; font-weight: normal;
}
#layer_useful .right_area .desc {
	padding: 5px 0px 20px; text-align: center; color: rgb(130, 130, 130); font-size: 10px;
}
#layer_useful .right_area .btn_useful {
	text-align: center; overflow: hidden;
}
#layer_useful .right_area .btn_useful li {
	width: 230px; float: none; display: inline-block;
}
#layer_useful .right_area .btn_useful li:last-child {
	width: 230px;
}
#layer_useful .right_area .btn_useful li a {
	margin: 0px 35px; height: 350px; display: block; transition-duration: 0.3s;
}
#layer_useful .right_area .btn_useful li a img {
	width: 100%; height: 350px;
}
.nyroModalCloseButton {
	top: 0px; right: -48px;
}
.pop_useful {
	text-align: center;
}
.pop_useful img {
	width: auto; height: 650px;
}
}
@media only screen and (max-device-width:736px)
{
#main .main_style {
	background: rgb(246, 246, 241); left: 0px; top: 0px; width: 50%; height: 100%; overflow: hidden; position: absolute;
}
#main .main_style .main_img {
	top: 50%; right: 0px; margin-top: -130px; margin-right: -20px; position: absolute;
}
#main .main_style .main_img img {
	width: auto; height: 200px;
}
#main .main_style .main_txt {
	top: 50%; right: 0px; margin-top: -50px; margin-right: 58px; position: absolute; cursor: pointer;
}
#main .main_style .main_txt img {
	width: auto; height: 22px;
}
#main .main_useful {
	background: url("../images/bg_main.jpg") left top rgb(237, 28, 36); top: 0px; width: 50%; height: 100%; right: 0px; overflow: hidden; position: absolute;
}
#main .main_useful .main_img {
	left: 0px; top: 50%; margin-top: -130px; margin-left: -20px; position: absolute;
}
#main .main_useful .main_img img {
	width: auto; height: 200px;
}
#main .main_useful .main_txt {
	left: 0px; top: 50%; margin-top: -50px; margin-left: 54px; position: absolute; cursor: pointer;
}
#main .main_useful .main_txt img {
	width: auto; height: 22px;
}
#main .main_style a {
	display: block;
}
#main .main_useful a {
	display: block;
}
#main #logo {
	left: 15px; top: 20px; position: absolute; z-index: 5;
}
#main #logo img {
	width: 55px; height: auto;
}
#main #btn_menu {
	top: 15px; right: 15px; position: absolute; z-index: 5;
}
#main #btn_menu img {
	width: 25px; height: auto;
}
#main .main_desc {
	left: 0px; top: 50%; width: 100%; text-align: center; margin-top: 70px; margin-left: 0px; position: absolute; z-index: 2;
}
#main .main_desc .ko {
	font-size: 12px; font-weight: 700;
}
#main .main_desc .en {
	color: rgb(130, 130, 130); font-size: 9px;
}
#main .btn_scroll {
	left: 50%; bottom: 15px; margin-left: -17px; position: absolute; z-index: 2;
}
#main .btn_scroll img {
	width: 34px; height: auto;
}
#about {
	background: url("../../img/bg/bg_about.jpg") no-repeat top / cover rgb(221, 221, 221); height: 390px; text-align: center; position: relative;
}
#about h2 {
	top: 65px; width: 100%; position: absolute;
}
#about h2 img {
	width: 154px; height: auto;
}
#about .about_txt1 {
	left: 10%; top: 113px; width: 80%; position: absolute;
}
#about .about_txt2 {
	left: 10%; top: 180px; width: 80%; position: absolute;
}
#about .about_txt3 {
	left: 10%; top: 263px; width: 80%; position: absolute;
}
#about .about_txt p {
	color: rgb(255, 255, 255); letter-spacing: -0.08em; padding-bottom: 18px; font-size: 10px;
}
#about .logo {
	width: 100%; bottom: 35px; position: absolute;
}
#about .logo img {
	width: 68px; height: auto;
}
#customer_center {
	background: url("../../img/bg/bg_cs.gif") left top rgb(221, 221, 221); padding: 50px 10px 65px;
}
#customer_center .title {
	background: url("../../img/bg/bg_title_line.gif") repeat-x left; margin: 0px auto 10px; width: 100%; text-align: center;
}
#customer_center .title span {
	background: rgb(221, 221, 221); padding: 0px 10px; font-size: 15px; font-weight: 400; display: inline-block;
}
#customer_center .title img {
	width: auto; height: 15px;
}
#customer_center .desc {
	text-align: center; color: rgb(45, 45, 45); font-size: 9px;
}
#customer_center .tel {
	padding: 15px 0px; text-align: center; font-size: 18px;
}
#customer_center .cs_link {
	text-align: center; padding-bottom: 40px;
}
#customer_center .cs_link a {
	margin: 0px 12px;
}
#customer_center .cs_link img {
	width: 90px; height: auto;
}
#customer_center .wash {
	padding: 10px 0px 55px; text-align: center;
}
#customer_center .wash img {
	width: 100%; height: auto; max-width: 420px;
}
#customer_center .cs_mov {
	margin: 35px auto 0px; width: auto; text-align: center;
}
#customer_center .cs_mov li {
	margin: 0px 4px; padding-bottom: 13px; display: inline-block;
}
#customer_center .cs_mov li a {
	text-align: center; color: rgb(45, 45, 45); font-size: 10px; display: block;
}
#customer_center .cs_mov li a img {
	width: 58px; height: auto; padding-bottom: 5px;
}
#layer_menu {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 100; background-color: rgba(255, 255, 255, 0.95);
}
#layer_menu .menu_box {
	margin: -100px 0px 0px -100px; left: 50%; top: 50%; width: 200px; height: 200px; text-align: center; position: absolute;
}
#layer_menu .menu_box ul {
	margin-bottom: 10px;
}
#layer_menu .menu_box li {
	border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
#layer_menu .menu_box li:last-child {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#layer_menu .menu_box li a {
	height: 35px; text-transform: uppercase; line-height: 38px; font-size: 14px; display: block;
}
#layer_menu .close img {
	width: 25px; height: auto;
}
#footer {
	background: rgb(33, 29, 30); padding: 30px 0px 35px;
}
#footer .footer {
	margin: 0px auto; width: auto; position: relative;
}
#footer .certi_area {
	overflow: hidden; padding-bottom: 15px; border-bottom-color: rgb(60, 56, 52); border-bottom-width: 1px; border-bottom-style: solid;
}
#footer .certi01 {
	margin: 60px 0px 0px 15px; float: left;
}
#footer .certi01 .img {
	padding-bottom: 5px;
}
#footer .certi01 .img img {
	width: auto; height: 42px;
}
#footer .certi01 .txt {
	text-align: right; color: rgb(126, 117, 108); font-size: 5px;
}
#footer .certi02 {
	margin: 60px 15px 0px 0px; text-align: center; float: right;
}
#footer .certi02 .img {
	padding: 0px 0px 20px;
}
#footer .certi02 .img img {
	width: auto; height: 34px;
}
#footer .certi02 .txt {
	text-align: right; color: rgb(126, 117, 108); font-size: 5px;
}
#footer .vip {
	top: 0px; text-align: right; right: 30px; float: none; position: absolute;
}
#footer .vip .img {
	padding: 0px;
}
#footer .vip .img img {
	width: auto; height: 35px;
}
#footer .vip .txt {
	top: 10px; text-align: right; right: 60px; color: rgb(255, 255, 255); font-size: 8px; white-space: nowrap; position: absolute;
}
#footer .footer_info {
	padding: 20px 0px; text-align: center; overflow: hidden; margin-bottom: 15px; border-bottom-color: rgb(60, 56, 52); border-bottom-width: 1px; border-bottom-style: solid;
}
#footer .footer_info .img {
	width: auto; height: 60px;
}
#footer .footer_info .link {
	width: 100%; overflow: hidden; float: none; display: inline-block; margin: 0px 15%;
}
#footer .footer_info .link a {
	margin: 0px 15%;
}
#footer .footer_info .link img {
	width: auto; height: 60px;
}
#footer .footer_info .address {
	line-height: 180%; padding-top: 20px; float: right;
}
#footer .address {
	text-align: right; color: rgb(126, 117, 108); padding-right: 15px; font-size: 6px;
}
#footer .address a {
	color: rgb(126, 117, 108);
}
#footer .copyright {
	color: rgb(126, 117, 108); padding-left: 15px; font-size: 6px;
}
#footer .btn_top {
	right: 15px; bottom: -10px; position: absolute;
}
#footer .btn_top img {
	width: 20px; height: auto;
}
#layer_style {
	background: url("../images/bg_product.jpg") no-repeat 95% 50px / 82px auto rgb(26, 26, 26); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 100;
}
#layer_style .logo {
	left: auto; top: 12px; right: 15px; position: absolute;
}
#layer_style .logo img {
	width: 66px; height: auto;
}
#layer_style .left_cont {
	left: 15px; top: 45px; position: absolute;
}
#layer_style .left_cont h2 {
	padding-bottom: 10px;
}
#layer_style .left_cont h2 img {
	width: 98px; height: auto;
}
#layer_style .left_cont h3 {
	color: rgb(255, 255, 255); padding-bottom: 5px; font-size: 9px; font-weight: normal;
}
#layer_style .left_cont .desc {
	color: rgb(72, 72, 72); padding-bottom: 5px; font-size: 5px;
}
#layer_style .left_cont .txt {
	width: 75px; padding-bottom: 5px; font-size: 0px; border-bottom-color: rgb(148, 148, 148); border-bottom-width: 1px; border-bottom-style: solid;
}
#layer_style .left_cont .txt img {
	width: 58px; height: auto;
}
#layer_style .btn_back {
	left: 10px; top: 6px; position: absolute;
}
#layer_style .btn_back img {
	width: 50px; height: auto;
}
#layer_style .box_area {
	left: 0px; top: 40%; width: 100%; height: 60%; position: absolute;
}
#layer_style .top_area {
	top: 0px; width: 100%; height: 50%; right: 0px; position: absolute;
}
#layer_style .bottom_area {
	width: 100%; height: 50%; right: 0px; bottom: 0px; position: absolute;
}
#layer_style .col {
	width: 33.3%; height: 100%; float: left;
}
#layer_style .col1 {
	background: #fff;
}
#layer_style .col2 {
	background: url("../images/back_media01.jpg") no-repeat center top; background-size: cover;
}
#layer_style .col3 {
	background: #fff; no-repeat top; background-size: cover; width: 33.4%;
}
#layer_style .col4 {
		background: url("../images/back_media02.jpg") no-repeat center top; background-size: cover;
}
#layer_style .col5 {
	background: #fff;
}
#layer_style .col6 {
	background: url("../images/img_style02.jpg") no-repeat center top; background-size: cover; width: 33.4%;
}
#layer_style .col a {
	background: url("../images/btn_media_play.png") no-repeat center / 75% auto rgb(255, 255, 255); width: 100%; height: 100%; text-indent: -99999px; display: block;
}
#layer_style .col a:hover {
	background: url("../images/btn_media_play_on.gif") no-repeat center / 50% auto rgb(186, 186, 186);
}
#layer_style .col a:active {
	background: url("../images/btn_media_play_on.gif") no-repeat center / 50% auto rgb(186, 186, 186);
}
#layer_useful {
	background: rgb(246, 245, 242); top: 0px; width: 100%; height: 100%; right: 0px; position: absolute; z-index: 100;
}
#layer_useful .left_area {
	background: rgb(26, 26, 26); left: 0px; top: 0px; width: 100%; height: 110px; position: absolute;
}
#layer_useful .left_area .btn_back {
	left: 10px; top: 10px; position: absolute; z-index: 101;
}
#layer_useful .left_area .btn_back img {
	width: 50px; height: auto;
}
#layer_useful .left_area h2 {
	background: url("../../img/t_useful_m.gif") no-repeat left top / 127px auto; margin: 53px 0px 0px 15px; width: 254px; height: 65px; text-indent: -99999px; overflow: hidden; display: block;
}
#layer_useful .left_area .link {
	padding: 0px; top: 35px; right: 0px; position: absolute;
}
#layer_useful .left_area .link li {
	padding: 0px 15px 0px 0px; float: left;
}
#layer_useful .left_area .link li img {
	width: 48px; height: auto;
}
#layer_useful .right_area {
	background: url("../../img/bg/bg_useful.jpg") no-repeat center / cover rgb(246, 245, 242); height: 100%; padding-bottom: 110px; margin-left: 0px; display: block;
}
#layer_useful .right_area_in {
	top: 0px; position: relative;
}
#layer_useful .right_area h2 {
	text-align: center; padding-top: 124px; font-size: 12px; font-weight: normal;
}
#layer_useful .right_area .desc {
	padding: 5px 0px 10px; text-align: center; color: rgb(130, 130, 130); font-size: 7px;
}
#layer_useful .right_area .btn_useful {
	text-align: center; overflow: hidden;
}
#layer_useful .right_area .btn_useful li {
	margin: 0px 1%; width: 30%; float: none; display: inline-block;
}
#layer_useful .right_area .btn_useful li:last-child {
	width: 30%;
}
#layer_useful .right_area .btn_useful li a {
	margin: 0px; height: auto; display: block; transition-duration: 0.3s;
}
#layer_useful .right_area .btn_useful li a img {
	width: 100%; height: auto;
}
#layer_useful .right_area .btn_useful .pc {
	display: none;
}
#layer_useful .right_area .btn_useful .mobile {
	display: block;
}
.nyroModalCloseButton {
	top: -22px; right: 10px;
}
.nyroModalCloseButton {
	width: 16px; height: 16px; background-size: 100% auto;
}
.nyroModalCont iframe {
	width: 300px; height: 200px;
}
.nyroModalCont {
	width: 100%; text-align: center; max-width: 100%;
}
.nyroModalLink {
	width: 100%; max-width: 100%;
}
.pop_useful {
	width: 100%; overflow: auto;
}
.pop_useful img {
	width: 100%; height: auto;
}
.pop_useful .pc {
	display: none;
}
.pop_useful .mobile {
	display: block; position: relative;
}
.pop_useful .mobile img {
	width: 100%; height: auto;
}
.pop_useful .mobile .nyroModalClose {
	display:block; position:absolute; top:10px; right:10px; width:16px; height:16px; background:url("../images/btn_pop_close.gif") no-repeat left top; background-size:100% auto; z-index:999999; text-indent:-99999px; overflow:hidden;
}
.sub_page {
	background: url("../../img/bg/bg_brand_story_header.jpg") repeat-x top / auto 68px rgb(246, 246, 241); height: auto !important;
}
.sub#header {
	height: 68px;
}
.sub#header .header_area {
	margin: 0px auto; width: auto; position: relative;
}
.sub#header .header_area .logo {
	left: 50%; top: 8px; margin-left: -34px; position: absolute;
}
.sub#header .header_area .logo img {
	width: 68px; height: auto;
}
.sub#header .header_area .home {
	background: url("../../img/btn/btn_home.png") no-repeat left top / 100% auto; left: 14px; top: 14px; width: 14px; height: 15px; text-indent: -9999px; overflow: hidden; display: inline-block; position: absolute;
}
.sub#header .header_area .menu {
	left: 50%; top: 41px; width: 320px; text-align: center; overflow: hidden; margin-left: -160px; position: absolute;
}
.sub#header .header_area .menu li {
	float: none; display: inline;
}
.sub#header .header_area .menu li a {
	padding: 0px 14px; height: 27px; color: rgb(0, 0, 0); line-height: 29px; font-size: 8px; display: inline-block;
}
.sub#header .header_area .menu li a:hover {
	color: rgb(255, 255, 255);
}
.sub#header .header_area .menu li a.current {
	color: rgb(255, 255, 255);
}
.brand#content {
	margin: 0px auto; padding: 15px 0px 100px; width: auto;
}
.brand .brand_area {
	margin: 0px auto; padding: 0px 10px; width: auto;
}
.brand .brand_area .pc {
	display: none;
}
.brand .brand_area .mobile {
	display: block;
}
.brand .tit_category {
	text-align: center; margin-bottom: 25px;
}
.brand .tit_category img {
	width: 96px; height: auto;
}
.brand .tit {
	color: rgb(0, 0, 0); font-size: 15px; margin-bottom: 5px;
}
.brand .txt {
	color: rgb(112, 112, 112); line-height: 14px; letter-spacing: -0.08em; font-size: 11px; margin-bottom: 10px;
}
.brand .txt2 {
	color: rgb(196, 196, 196); line-height: 7px; font-size: 5px; marpgin-bottom: 20x;
}
.brand .img {
	margin-bottom: 35px;
}
.brand .img img {
	width: 100%; height: auto;
}
.brand .designer {
	background: url("../../img/bg/bg_designer.jpg") no-repeat right 4px / 100px auto; padding: 3px 115px 0px 0px; text-align: right; margin-bottom: 0px; min-height: 50px;
}
.brand .logo_bt {
	text-align: right; padding-right: 8px; margin-top: -150px;
}
.brand .logo_bt img {
	width: 90px; height: auto;
}
.products#content {
	padding: 15px 0px 0px; width: 100%;
}
.products .tit_category {
	margin-bottom: 0px;
}
.products .tit_category img {
	width: 70px; height: auto;
}
.product_main {
	overflow: hidden; margin-bottom: 30px; border-top-color: rgb(220, 220, 220); border-bottom-color: rgb(220, 220, 220); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.product_main li {
	width: 50%; height: auto; float: left;
}
.product_main li a {
	height: auto; overflow: hidden; display: block; position: relative;
}
.product_main li a.btn_main1 {
	background: none;
}
.product_main li a.btn_main2 {
	background: none;
}
.product_main li a.btn_main3 {
	background: none;
}
.product_main li a.btn_main4 {
	background: none;
}
.product_main li a .img {
	display: none;
}
.product_main li a .txt {
	display: none;
}
.product_main li a .btn {
	display: none;
}
.product_main li a .bg {
	display: none;
}
.product_main li a .m {
	display: block;
}
.product_main li a .m img {
	width: 100%; height: auto;
}
.products .type_in_area .columnL {
	background: rgb(235, 236, 231); height: 450px;
}
.products .type_in_area .columnL .pc {
	display: none;
}
.products .type_in_area .columnL .mobile {
	display: block;
}
.products .type_in_area .columnR .pc {
	display: none;
}
.products .type_in_area .columnR .mobile {
	display: block;
}
.products .type_in_area .columnL img {
	width: 160px; height: auto;
}
.products .type_in_area .columnR .prod_detail {
	margin-bottom: 10px;
}
.products .type_in_area .columnR .prod_detail img {
	width: 160px; height: auto;
}
.products .type_in_area .columnR .btn {
	margin-top: -15px; margin-left: -25px;
}
.products .type_in_area .columnR .btn a {
	margin-right: 20px; vertical-align: middle; display: inline-block;
}
.products .type_in_area .columnR .btn img {
	width: 75px; height: auto;
}
.products .type_in_area .columnR .btn .back img {
	width: 50px; height: auto;
}
.event#content {
	padding: 15px 0px 50px; width: 100%;
}
.event .tit_category {
	text-align: center; margin-bottom: 0px;
}
.event .tit_category img {
	width: auto; height: 12px;
}
.event_area {
	padding-top: 15px; border-top-color: rgb(220, 220, 220); border-bottom-color: rgb(220, 220, 220); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.event_area .event_list {
	margin: 0px auto; width: auto; overflow: hidden;
}
.event_area .event_list li {
	margin: 0px 5px 15px; width: auto; float: none;
}
.event_area .event_list li .img {
	background: rgb(255, 255, 255); border: 1px solid rgb(237, 237, 234); border-image: none; width: 100%; height: auto; margin-bottom: 5px;
}
.event_area .event_list li .txt {
	color: rgb(0, 0, 0); font-size: 13px; margin-bottom: 4px;
}
.event_area .event_list li .date {
	color: rgb(0, 0, 0); font-size: 10px;
}
.event_area .event_list li.last {
	margin-right: 0px;
}
.event_area .view_area {
	margin: 0px 10px; width: auto; padding-bottom: 30px;
}
.event_area .view_area .img img {
	width: 100%; height: auto;
}
.event_area .write_area {
	margin: 0px auto; width: auto; padding-bottom: 30px;
}
.event_area .write_area .tbl_write th {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.event_area .write_area .tbl_write td {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.event_area .write_area .tbl_write th {
	padding: 20px 0px 0px 30px; text-align: left; color: rgb(0, 0, 0); font-size: 13px; font-weight: normal; vertical-align: top;
}
.event_area .write_area .tbl_write td {
	height: 60px;
}
.event_area .write_area .tbl_write td .inputText {
	padding: 0px; border: 1px solid rgb(211, 211, 211); border-image: none; width: 100%; height: 33px; line-height: 33px; text-indent: 10px;
}
.event_area .write_area .tbl_write .select td {
	padding-left: 30px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.event_area .write_area .tbl_write .last th {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.event_area .write_area .tbl_write .last td {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.event_area .write_area .tbl_write td.input {
	padding: 13px 0px;
}
.event_area .write_area .tbl_write td .desc_txt {
	color: rgb(255, 96, 0); font-size: 13px;
}
.event_area .write_area .tbl_write td .mb10 {
	margin-bottom: 10px;
}
.event_area .write_area .tbl_write td .mr50 {
	margin-right: 50px;
}
.event_area .input_html {
	padding: 70px 0px 0px;
}
.event_area .input_html .textarea {
	padding: 30px; border: 1px solid rgb(213, 213, 213); border-image: none; width: 638px; height: 438px; color: rgb(0, 0, 0); font-family: "¸¼Àº °íµñ", Malgun Gothic,"µ¸¿ò", Dotum, Helvetica, Verdana, Arial, sans-serif; font-size: 13px;
}
.btn_center {
	text-align: center;
}
.btn_center .btn {
	background: rgb(255, 255, 255); margin: 15px 2px 0px 1px; border: 1px solid rgb(205, 205, 205); border-image: none; width: 38px; height: 28px; color: rgb(0, 0, 0); line-height: 30px; font-size: 10px; display: inline-block;
}
.file_input_textbox {
	padding: 0px; border: 1px solid rgb(211, 211, 211); border-image: none; width: 200px; height: 33px; line-height: 33px; text-indent: 10px; margin-right: 10px; float: left;
}
.file_input_div {
	width: 166px; height: 35px; overflow: hidden; position: relative;
}
.file_input_button {
	border: currentColor; border-image: none; top: 0px; width: 166px; height: 35px; color: rgb(0, 0, 0); font-family: "¸¼Àº °íµñ", Malgun Gothic,"µ¸¿ò", Dotum, Helvetica, Verdana, Arial, sans-serif; font-size: 13px; position: absolute; background-color: rgb(211, 211, 211);
}
.file_input_hidden {
	top: 0px; right: 0px; font-size: 45px; position: absolute; opacity: 0; -khtml-opacity: 0; -moz-opacity: 0;
}
.pagination {
	text-align: center; padding-top: 15px;
}
.pagination a {
	background: rgb(255, 255, 255); border: 1px solid rgb(205, 205, 205); border-image: none; width: 18px; height: 18px; color: rgb(0, 0, 0); line-height: 22px; font-size: 8px !important; vertical-align: top; display: inline-block;
}
.pagination a.left.img {
	margin-right: 20px;
}
.pagination a.right.img {
	margin-left: 20px;
}
.pagination a img {
	width: 20px; height: 20px;
}
}
@media not all
{
#layer_style {
	background: url("../images/bg_product.jpg") no-repeat 98% 40px / 60px auto rgb(26, 26, 26); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 100;
}
#layer_style .logo {
	left: auto; top: 12px; right: 15px; position: absolute;
}
#layer_style .logo img {
	width: 66px; height: auto;
}
#layer_style .left_cont {
	left: 75px; top: 5px; position: absolute;
}
#layer_style .box_area {
	left: 0px; top: 150px; width: 100%; height: 500px; position: absolute;
}
#layer_style .top_area {
	top: 0px; width: 100%; height: 50%; right: 0px; position: absolute;
}
#layer_style .bottom_area {
	width: 100%; height: 50%; right: 0px; bottom: 0px; position: absolute;
}
#layer_useful .right_area .btn_useful {
	text-align: center; overflow: hidden;
}
#layer_useful .right_area .btn_useful li {
	width: 25%; float: none; display: inline-block;
}
#layer_useful .right_area .btn_useful li:last-child {
	width: 25%;
}
#layer_useful .right_area .btn_useful li a {
	margin: 0px 10%; height: 230px; display: block; transition-duration: 0.3s;
}
#layer_useful .right_area .btn_useful li a img {
	width: 100%; height: 230px;
}
.product_main li {
	width: 25%; height: auto; float: left;
}
.products .type_in_area .columnL {
	background: rgb(235, 236, 231);
}
.products .type_in_area .columnL img {
	width: 160px; height: auto;
}
.products .type_in_area .columnR .prod_detail img {
	width: 160px; height: auto;
}
.products .type_in_area .columnR .btn {
	margin-top: -15px; margin-left: -25px;
}
.products .type_in_area .columnR .btn a {
	margin-right: 20px; vertical-align: middle; display: inline-block;
}
.products .type_in_area .columnR .btn img {
	width: 75px; height: auto;
}
.products .type_in_area .columnR .btn .back img {
	width: 50px; height: auto;
}
.event#content {
	padding: 15px 0px 50px; width: 100%;
}
.event .tit_category {
	text-align: center; margin-bottom: 0px;
}
.event .tit_category img {
	width: auto; height: 12px;
}
.event_area {
	padding-top: 15px; border-top-color: rgb(220, 220, 220); border-bottom-color: rgb(220, 220, 220); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.event_area .event_list {
	margin: 0px auto; width: 100%; overflow: hidden;
}
.event_area .event_list li {
	margin: 0px 1% 15px; width: 48%; float: left;
}
.event_area .event_list li .img {
	background: rgb(255, 255, 255); border: 1px solid rgb(237, 237, 234); border-image: none; width: 100%; height: auto; margin-bottom: 5px;
}
.event_area .event_list li .txt {
	color: rgb(0, 0, 0); font-size: 13px; margin-bottom: 4px;
}
.event_area .event_list li .date {
	color: rgb(0, 0, 0); font-size: 10px;
}
.event_area .event_list li.last {
	margin-right: 0px;
}
.event_area .view_area {
	margin: 0px 10px; width: auto; padding-bottom: 30px;
}
.event_area .view_area .img img {
	width: 100%; height: auto;
}
.event_area .write_area {
	margin: 0px auto; width: auto; padding-bottom: 30px;
}
.event_area .write_area .tbl_write th {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.event_area .write_area .tbl_write td {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.event_area .write_area .tbl_write th {
	padding: 20px 0px 0px 30px; text-align: left; color: rgb(0, 0, 0); font-size: 13px; font-weight: normal; vertical-align: top;
}
.event_area .write_area .tbl_write td {
	height: 60px;
}
.event_area .write_area .tbl_write td .inputText {
	padding: 0px; border: 1px solid rgb(211, 211, 211); border-image: none; width: 100%; height: 33px; line-height: 33px; text-indent: 10px;
}
.event_area .write_area .tbl_write .select td {
	padding-left: 30px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.event_area .write_area .tbl_write .last th {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.event_area .write_area .tbl_write .last td {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.event_area .write_area .tbl_write td.input {
	padding: 13px 0px;
}
.event_area .write_area .tbl_write td .desc_txt {
	color: rgb(255, 96, 0); font-size: 13px;
}
.event_area .write_area .tbl_write td .mb10 {
	margin-bottom: 10px;
}
.event_area .write_area .tbl_write td .mr50 {
	margin-right: 50px;
}
}