#infos .col-md-3{margin-bottom:30px;}
#infos h4{ color:#222; height:40px;}
.info_item{background:#f8f8f8; padding:0px 0; border:2px dashed #222;}
.info_item:hover{border:2px dashed #e32636;}
.big_tit{color:#222; padding:21px 5px; font-size:24px; font-weight:600; text-align:left;}
.d-ib{display: inline-block; *display: inline; *zoom: 1; position: relative;}
.fc_orange{color: #e32636; }
#btn_top{ width: 51px; height: 51px; overflow: hidden; position: fixed; right: 2%; bottom: 2%; z-index: 100; background: url(../images/common/ui_totop.png) 0 0 no-repeat; text-align: center; text-indent: -9999px;}
#btn_top:hover{ background-position: 0 -51px; }
.innerMedia{ margin-left: auto;margin-right: auto;  position: relative;}
.innerMedia.imT1{ max-width: 1600px;}
.innerMedia.imT2{ max-width: 1280px;}
.innerMedia > .contMargin{margin-bottom: 3.125%; /*40:1600*/ margin-top: 6.25%; /* 100:1600 */ }
span.h100{height: 100%;vertical-align: middle;display: inline-block;}

.ani3{-webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out;  -o-transition: .3s ease-in-out;  transition: .3s ease-in-out;}
.hide{opacity:0;}

.btn_ani1 .barVign,.btn_ani1 .barVign2{position: absolute; background-color: #fff; z-index: 10;}
.btn_ani1 .barVign.T{left: 2%; top: 2%; width: 96%; height: 1px;}
.btn_ani1 .barVign.R{right: 2%; top: 2%; width: 1px; height: 96%; }
.btn_ani1 .barVign.B{right: 2%; bottom: 2%; width: 96%; height: 1px;}
.btn_ani1 .barVign.L{left: 2%; bottom: 2%; width: 1px; height: 96%;}
.btn_ani1 .barVign2.T{right: 2%; top: 2%; width: 0; height: 1px;}
.btn_ani1 .barVign2.R{right: 2%; bottom: 2%; width: 1px; height: 0; }
.btn_ani1 .barVign2.B{left: 2%; bottom: 2%; width: 0; height: 1px;}
.btn_ani1 .barVign2.L{left: 2%; top: 2%; width: 1px; height: 0;}

#header .sc{display: none; position: relative; width: 100%;  height:60px; background-color: #000000; overflow: hidden;}
#header .sc .close{position: absolute; right: 98px; top: 17px;}
#header .sc input{ position: absolute; left: 20%; top: 12px;  color: #fff; background-color: #000000; border: 1px solid #000000; height: 30px; line-height: 30px; font-size: 15px;  width: 60%;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}

iframe.box_moviearea{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#header .header_inner{position: relative;}
/**/
#wrap{width: 100%; overflow: hidden;}
#wrap.rela{position: relative;}
#wrap.ing #header .header_inner{
    height: 60px;
    -webkit-transition: height 0.2s ease-in-out;
    -moz-transition: height 0.2s ease-in-out;
    -ms-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
}
#wrap.ing #header .btn_menu{
    top: 19px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#wrap.ing #header h1 img{ width: 74px;
    -webkit-transition: width 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-in-out;
    -ms-transition: width 0.2s ease-in-out;
    -o-transition: width 0.2s ease-in-out;
    transition: width 0.2s ease-in-out;
}
#wrap.ing #header .btn_sc{top: 20px;}
#header.on{
    background-color: rgba(0, 0, 0, 0.7);
   /* IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
#header.on:not([dummy]) {
    /* IE9 only */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}
#wrap.ing #header.on #lnb{top: 13px;}

#header{
    position: fixed; left: 0; top: 0; width: 100%;  z-index: 20; background: none;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
#header .header_inner{position: relative; height: 90px;  overflow: hidden;}
#header .btn_sc{
    position: absolute; right: 98px; top: 32px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#header h1{ width: auto; position: absolute; left: 31px; top: 8px; font-size: 0;  z-index: 1; }
#header h1 img{
    max-width: 100%; width: 130px;
    -webkit-transition: width 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-in-out;
    -ms-transition: width 0.2s ease-in-out;
    -o-transition: width 0.2s ease-in-out;
    transition: width 0.2s ease-in-out;
}
#header .btn_menu{
    width: 35px; height: 24px; position: absolute; right: 40px; top: 32px; z-index: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#header .btn_menu .line{
position: absolute; left: 0; top: 0; background-color: #fff; width: 100%; height: 2px;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
#header .btn_menu .line.n2{ top: 11px;  }
#header .btn_menu .line.n3{ top: 22px;  }
#header .btn_menu:hover .line,
#header .btn_menu:hover .line.n2,
#header .btn_menu:hover .line.n3{top:11px;}

#lnb{ position: absolute; left: 0; top: -40px;   /*top: 30px;*/ width: 100%; z-index: 0;  }
#header.on #lnb{top: 30px;}
#lnb > ul{font-size: 0; text-align: center;}
#lnb > ul > li{display: inline-block; *display: inline;*zoom: 1;}
#lnb > ul > li a{text-transform:uppercase; color: #fff;display: block; padding: 10px 20px; }
#lnb > ul > li a:hover{text-decoration:none; color:#e32636;}

#allMenu{
    -webkit-overflow-scrolling:touch;
    display: none;
    position: fixed; left: 0; top: 0; z-index: 100; overflow-y:scroll; overflow-x:hidden;
    width: 100%; height: 100%;
    background-color: #161515;
    zoom:1;
}

#allMenu .close{color:#ebebeb; position: absolute; right: 40px; top: 20px; width: 76px; height: 80px; overflow: hidden; text-indent: -9999px; }
#allMenu .toggle-button {
    -webkit-transition: all .5s cubic-bezier(.7, 0, .3, 1);
    -moz-transition: all .5s cubic-bezier(.7, 0, .3, 1);
    -o-transition: all .5s cubic-bezier(.7, 0, .3, 1);
    transition: all .5s cubic-bezier(.7, 0, .3, 1);
}

#allMenu .toggle-button .lines {
    transition: all .3s cubic-bezier(.7, 0, .3, 1);
    position: relative;
    width: 100%;
    height: 1px;
    background-color: #fff;
    display: block;
    top: 0;
    margin-top: -2px;
}

#allMenu .toggle-button .lines, #allMenu .toggle-button .lines:after, #allMenu .toggle-button .lines:before {
    -webkit-transition: all .3s cubic-bezier(.7, 0, .3, 1);
    -moz-transition: all .3s cubic-bezier(.7, 0, .3, 1);
    -o-transition: all .3s cubic-bezier(.7, 0, .3, 1);
}
#allMenu .toggle-button .lines:after, #allMenu .toggle-button .lines:before {
    transition: all .3s cubic-bezier(.7, 0, .3, 1);
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    display: block;
    content: ''}
#allMenu .toggle-button .lines:before {
    /* top: -10px */}
#allMenu .toggle-button .lines:after {
    top: 10px;
}
#allMenu .toggle-button.toggle {
    /*-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);*/
}
#allMenu .toggle-button.toggle .lines {
    background-color: transparent!important;
}
#allMenu .toggle-button.toggle .lines:after, #allMenu .toggle-button.toggle .lines:before {
    top: 0;
}
#allMenu .toggle-button.toggle .lines:before {
    -webkit-transform: translateY(0)rotate(-45deg);
    -moz-transform: translateY(0)rotate(-45deg);
    -o-transform: translateY(0)rotate(-45deg);
    -ms-transform: translateY(0)rotate(-45deg);
    transform: translateY(0)rotate(-45deg);
}
#allMenu .toggle-button.toggle .lines:after {
    -webkit-transform: translateY(0)rotate(45deg);
    -moz-transform: translateY(0)rotate(45deg);
    -o-transform: translateY(0)rotate(45deg);
    -ms-transform: translateY(0)rotate(45deg);
    transform: translateY(0)rotate(45deg);
}


#allMenu .toggle-button.toggle:hover .lines:before {
    -webkit-transform: translateY(0)rotate(-55deg);
    -moz-transform: translateY(0)rotate(-55deg);
    -o-transform: translateY(0)rotate(-55deg);
    -ms-transform: translateY(0)rotate(-55deg);
    transform: translateY(0)rotate(-55deg);
}
#allMenu .toggle-button.toggle:hover .lines:after {
    -webkit-transform: translateY(0)rotate(55deg);
    -moz-transform: translateY(0)rotate(55deg);
    -o-transform: translateY(0)rotate(55deg);
    -ms-transform: translateY(0)rotate(55deg);
    transform: translateY(0)rotate(55deg);
}



#allMenu .bg{ position: absolute; left: 50%; top: 0;  z-index: 0; margin-left: -1000px; width: auto; height: 100%; }
#allMenu .bg img{ width: auto; height: 100%; }
#allMenu .allMenu_inner{ position: absolute; left: 0; top: 13%; width: 100%; height: auto;  text-align: center;   }
#allMenu .allMenu_inner nav{padding-top: 2.5%;  font-size: 2.143em;/* 30px; */ line-height: 2.2em; /*64px*/ font-family: 'Exo 2', sans-serif; font-weight: 300; }
#allMenu .allMenu_inner nav a{display: inline-block; *display: inline; *zoom: 1; color: #c0c0c0;
 -webkit-transition: color  1s ease;
 -moz-transition: color  1s ease;
 -ms-transition: color  1s ease;
 -o-transition: color  1s ease;
 transition: color  1s ease;
 }
 #allMenu .allMenu_inner nav > ul > li{
 background-color: rgba(34, 33, 33, 0);
 -webkit-transition: all 100ms ease-in-out;
 -moz-transition: all 100ms ease-in-out;
 -ms-transition: all 100ms ease-in-out;
 -o-transition: all 100ms ease-in-out;
 transition: all 100ms ease-in-out;

 }
 #allMenu .allMenu_inner nav > ul > li.on{
 	background-color: rgba(34, 33, 33, 0.4);
 }
#allMenu .allMenu_inner nav a:hover{color: #f0f0f0;}
#spot_main{ position: relative; left: 0; top: 0; width: 100%; z-index: 10; overflow: hidden; background-color: #000;}
#spot_main #movA1{ position: absolute; left: 0; top: 0; width: 100%; margin-left: 0; }

#area_intro ul > li{ width: 50%; height: 100%;  float: left; font-size: 0; position: relative; left: 0; top: 0; overflow: hidden; }
#area_intro ul > li a{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
#area_intro ul > li img{width: 100%;}
#area_intro ul > li .cover{
    position: absolute; left: 0; top: 0; width: 100%; height: 100%;text-align: center;
    overflow-x: hidden;
    text-align: center; font-weight: normal; font-size: 20px; color: #fff;
}
#area_intro ul > li .cover:not([dummy]) {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}
#area_intro ul > li .cover > span{ position: relative; left:0; top: 45%; text-align: center;  display: inline-block;}
#area_intro ul > li .cover img{width:auto;}
#area_intro ul > li .cover2{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; text-align: center; background-color: rgba(0, 0, 0, 0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
}
#area_intro ul > li .cover2 span.bg{ position: absolute; left: 1.6%; top: 1.6%; width: 95%; height: 95%;  border: 3px solid #fff; }
#area_intro ul > li .cover2 span.txt{ position: relative; left:0; top: 45%;  text-align: center;   font-weight: normal; font-size: 20px; color: #fff; text-align: center;display: inline-block;}
#area_intro ul > li .cover2 span.txt img{width:90%;}


/*footer*/
#footer *{box-sizing: border-box}
#footer{width:100%; background-color:#000;  color:#696969;   position: relative; z-index: 10;}
#footer .fooer_inner{max-width:1240px; margin:0 auto; *zoom:1; padding-top: 30px;  padding-bottom:20px;}
#footer .fooer_inner:after{clear: both;display: block;content: "";height: 0; visibility: hidden;}
#footer .area.area_language{float: left; width: 34%; margin-right: 4%; }
#footer .area.area_contact{float: left; width: 25%; }
#footer .area.area_companyInfo{float: right; width: 32%; }
#footer .area_language{margin-bottom: 4%;}
#footer .area_language h2{ margin-bottom: 20px; color: #bababa; font-size: 1em; font-weight: normal;  text-transform: uppercase;  }
#footer .area_language nav > ul{}
#footer .area_language nav > ul > li{margin-bottom: 10px; margin-right: 2px;float: left;display: inline-block; *display: inline; *zoom: 1;}
#footer .area_language nav > ul > li a{display: block; padding: 6px 13px; border: 1px solid #444; color: #666;}
#footer .area_language nav > ul > li a:hover{color: #fff; border-color: #fff;}

#footer .area_contact ul>li{margin-top: 8px; padding-left: 45px; line-height: 23px; color:#bababa;position: relative;}
#footer .area_contact ul>li:first-child{margin-top: 0; }
#footer .area_contact ul .fax{ }
#footer .area_contact ul>li>a{color:#fff; display:block; font-size:15px;}
#footer .area_contact ul .mail{clear: both;}
#footer .area_contact ul>li:after{display: block;  position: absolute; left: 0; top: 0; background-image: url(../images/common/ico_common.png);background-repeat: no-repeat; content:"";}
#footer .area_contact ul .tel:after{width: 20px; height: 20px; background-position: -25px -45px; }
#footer .area_contact ul .fax:after{width: 22px; height: 22px; background-position: -70px -42px; }
#footer .area_contact ul .mail:after{ top: 5px; width: 22px; height: 15px; background-position: -124px -49px;}
#footer .area_contact ul .face:after{width: 23px; height: 22px; background-position: -169px -47px; }
#footer .area_contact ul .insta:after{width: 23px; height: 22px; background-position: -205px -47px; }
#footer .area_contact ul .pint:after{width: 23px; height: 22px; background-position: -246px -47px; }
#footer .area_contact ul .store:after{width: 23px; height: 22px; background-position: -286px -47px; }

#footer .area_companyInfo{line-height: 1.8em; /* 14/26 */ }
#footer .area_companyInfo .h{color: #bababa;}

#footer .copyright{position: relative; clear: both; border-top: 1px solid #333; padding-top: 30px; padding-bottom: 30px;  text-align: center; line-height: 1.8em; /* 14/26 */}
#footer .copyright span.space{display:inline-block;}
#footer .copyright .top{position: absolute; right: 1%; top: 50%;margin-top: -10px;}
/*#footer  address .btn_sa:hover{ color: #fff; border: 1px solid #fff;}*/

#container.main .on-page{ position: relative; margin-top: -1px;}
#container.main .on-page img{max-width: 100%;}
#container.main .on-page .g1,
#container.main .on-page .g2
{float:left; width: 50%; position: relative; margin-top: -1px;}
#container.main .on-page .g2:after{display: block;clear: both;content: '';}
#container.main #sect1{ height: 400px; z-index: 8; background-color: #fff;}
#container.main #sect2{z-index: 9; height: 540px; font-size: 0;}
#container.main #sect2 .g1,#container.main #sect2 .g2{height: 540px;}
#container.main #sect3{z-index: 10; width: 100%; }
#container.main #sect3 .bg{ max-width:110%;  position: relative; left:-3%; top: 0;}
#container.main #sect4{z-index: 11;  width: 100%; overflow: hidden;}
#container.main #sect4 .bg{ max-width:110%;  position: relative; left:-3%; top: 0;}
#container.main #sect5,
#container.main #sect6,
#container.main #sect7{z-index: 10;  margin-top: -1px; font-size: 0;}
#container.main #sect6:after, #container.main #sect7:after{display: block;clear: both;content: '';}
#container.main #sect8{height: 500px; z-index: 9; margin-top: 0; overflow: hidden;}
#container.main #sect8 .bg{ position: relative; left:0; top: -24%;}
#container.main #sect9{width: 100%; position: relative; left: 0; top: 0; height: 0; padding-bottom: 30%;}
#container.main #sect9 iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
/*#container.main #sect2{height: 560px;}
#container.main #sect3{ height: 479px; }
#container.main #sect4{ height: 481px; }
#container.main #sect5{ height: 961px; }
#container.main #sect6{ height: 479px; }
#container.main #sect7{ height: 479px; }
#container.main #sect8{ height: 479px; }*/

#container.main #sect1 .inner{ max-width: 1280px; margin-left: auto;margin-right: auto;  position: relative;}
#container.main #sect1 .bg{ width: 48.515625%; position: absolute; left: -90px; top: -640px;}
#container.main #sect1 .cont{position: absolute; right: 0; top: 108px; text-align: right; font-size: 1.286em; line-height: 1.6em; /* 18/30 */}
#container.main #sect1 .cont h1{margin-bottom: 30px;}


#container.main #sect2 .h{ position: absolute; left: 0; top: 0; z-index: 5; }

#container.main #sect2 .g1 .h{ width: 38.4%; left: 50%;  top: 50%; margin-left: -19.2%; margin-top: -5.6%; }
#container.main #sect2 .g2 .h{ width: 20.8%; left: 50%;  top: 50%; margin-left: -10.4%; margin-top: -5.6%; }

#container.main #sect3 .h,
#container.main #sect4 .h,
#container.main #sect5 .h,
#container.main #sect8 .h
{  position: absolute; left: 50%; top: 50%; z-index: 5;  margin-top: -1%; }
#container.main #sect3 .h{width: 18.85%; margin-left: 10.575%;}
#container.main #sect4 .h{width: 18.85%; margin-left: -32.425%;}
#container.main #sect5 .h{width: 13.8%; margin-left: -6.9%; margin-top: -15%;}
#container.main #sect5 .lst_core{position: absolute; left: 50%; top: 37%; width: 1600px; margin-left: -800px;}
#container.main #sect5 .lst_core > ul{font-size: 0; text-align: center;}
#container.main #sect5 .lst_core > ul > li{width: 15.9375%; display: inline-block; *display: inline; *zoom: 1; margin: 0 1.5625%; position: relative;}
#container.main #sect5 .lst_core > ul > li .front{display: block;transform:perspective(600px) rotateY(0deg); backface-visibility:hidden; }
#container.main #sect5 .lst_core > ul > li .back{display: block;transform:perspective(600px) rotateY(180deg); backface-visibility:hidden; position: absolute; left: 0; top: 0;}
#container.main #sect5 .lst_core > ul > li .t1{display: block; margin-top: 30px;}


#container.main #sect6 .h{ position: absolute; left: 0; top: 0; z-index: 5; }
#container.main #sect6 .g1 .h{ width: 13.1%; left: 50%;  top: 50%; margin-left: -6.55%; margin-top: -5.6%; }
#container.main #sect6 .g2 .h{ width: 11.9%; left: 50%;  top: 50%; margin-left: -5.95%; margin-top: -5.6%; }

#container.main #sect7 .h{ position: absolute; left: 0; top: 0; z-index: 5; }
#container.main #sect7 .g1 .h{ width: 24.5%; left: 50%;  top: 50%; margin-left: -12.25%; margin-top: -5.6%; }
#container.main #sect7 .g2 .h{ width: 27.9%; left: 50%;  top: 50%; margin-left: -13.95%; margin-top: -5.6%; }

#container.main #sect8 .h{width: 17.75%; margin-left: -8.875%; margin-top: -7%;}
#container.main #sect8 .lst{ position: absolute; left: 0; top: 60%; width: 100%; z-index: 5; text-align: center; }
#container.main #sect8 .lst > ul > li{display: inline-block; *display: inline; *zoom: 1; margin: 0 4%;}
#container.main #sect8 .lst > ul > li > a{ padding-left: 85px; font-size: 1.786em; line-height: 1.08em; /*25/27*/ font-family: 'Exo 2', sans-serif; font-weight: 400; color: #fff; display: block; position: relative;}
#container.main #sect8 .lst > ul > li > a:after{ position: absolute; left: 0; top: -16px;  width: 61px; height: 61px; content:""; background-repeat: no-repeat; background-image: url(../images/common/ico_common.png); }
#container.main #sect8 .lst > ul > li.n1 > a:after{ background-position: -25px -121px;}
#container.main #sect8 .lst > ul > li.n2 > a:after{ background-position: -116px -120px;}
#container.main #sect8 .lst > ul > li.n3 > a:after{ background-position: -207px -113px;}
#container.main #sect8 .lst > ul > li.n4 > a:after{ background-position: -294px -119px;}



#container{ min-height: 700px; }
#container .container_inner{}
#container.main .container_inner{margin-bottom: 0;}
/*#container.ov_hide{overflow:hidden;}*/
#area_about1 img{max-width: 100%;}
#area_about1{ overflow: hidden;  background: url(../images/about/bg_about1.jpg) center top no-repeat; -webkit-background-size: cover;
background-size: cover; background-attachment: fixed; }
#area_about1 .box_outer{height: 100%; margin-left:auto; margin-right: auto; position: relative;}
#area_about1 .box_outer .group_txt{max-width: 1600px; height:100%;position: relative;margin:auto;}
#area_about1 .bg{ position: absolute;}
#area_about1 .bg img{max-width: 100%;}
#area_about1 .bg.n0{position: relative;left:0; top:0; width: 100%; }
#area_about1 .bg.n0 img{width: 100%;}
#area_about1 .bg.n1{left: 27.5%; top: 51%; width: 20.5%;}
#area_about1 .bg.n1{left: 25.5%; top: 63.1%; width: 25.625%;}
#area_about1 .bg.n2{left: 59.2%; top: 68%; width: 19.875%;}
#area_about1 .bg.n3{left: 8.6%; top: 51.9%; width: 21.875%;}
#area_about1 .bg.n4{left: 19.1%; top: 14.3%; width: 59.5625%;}
#area_about1 .bg.n5{left: 29.6%; top: 5.7%; width: 43.25%;}
#area_about1 .bg.n6{left: 30.8%; top: 52.5%; width: 35.625%;z-index: 1}

#area_about1.ab1_1{ overflow: visible;  background: url(../images/about/bg_about1.jpg) center bottom no-repeat; -webkit-background-size: cover;
background-size: cover;  }
#area_about1.ab1_1 .bg.n0{position: relative;left:0; bottom:0; width: 100%; }
#area_about1.ab1_1 .bg.n2{left: 59.2%; top:-19%; width: 15.9%;}
#area_about1.ab1_1 .bg.n5{left: 29.6%; top: -74.3%; width: 43.25%;}
#area_about1.ab1_1 .box_outer{ max-width: 100%;}
#area_about1.ab1_1 .greeting{
    padding: 8% 0 9%;
    position: absolute; top:0 ; left: 0; width: 100%;
    height: 86%;
    background-color: rgba(0, 0, 0, 0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
    color: #C3C3C3;
}
#area_about1 .greeting:not([dummy]) {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}

#box_loading{
    position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%;text-align: center;
    background-color: #222;
    /* margin-right: 17px; */overflow-y: scroll;  overflow-x: hidden;
}
#box_loading.type2{background-color: #7e7e7e;overflow:hidden;}
#box_loading .cont{ text-align: center; position: absolute; left: 50%; top: 50%; width: 1024px; height: 100px; margin-left: -512px; margin-top: -50px; }
#box_loading .cont strong{display: block; font-size: 1.2em; color: #fff; font-weight: normal; text-align: center; margin-top: 10px; font-family: 'Exo 2', sans-serif;}
#box_loading.noLoading{display: none;}

#box_loading .cont2{display: inline-block; vertical-align: middle;position: relative;}
#box_loading .cont2 .img_bar{position: absolute;top:0;left:0;bottom:0;right:0;overflow: hidden;width:0;}
#box_loading .cont2.on .img_bar{width:100%;
    -ms-transform:-ms-width 1.5s ease;
    -webkit-transition:-webkit-width 1.5s linear;
    -moz-transition:-moz-width 1.5s linear;
    -o-transition:-o-width 1.5s linear;
    transition:width 1.5s linear;
}

#area_about1 .greeting .box_outer2{max-width: 1600px; margin-left: auto; margin-right:auto; font-size: 1.143em; line-height: 1.81em; /* 16/29 */}
#area_about1 .greeting .box_outer2 .group_left,#area_about1 .greeting .box_outer2 .group_right{ float: left; width: 48.125%;/* 770 */  }
#area_about1 .greeting .box_outer2 .group_right{float: right;}
#area_about1 .greeting .title{ margin-bottom: 3.75%;/* 60 */ }

#area_about2{ position: relative;background-color: #121212;  overflow: hidden; background: url(../images/about/bg_about2.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed }
#area_about2 .inner{position: relative;}
#area_about2 .bg.n0{position: absolute;left:0; top:-5%; width: 100%; }
#area_about2 .history{ position: relative; margin: 7.7%; max-width: 870px; height: 523px; padding-right: 90px; overflow: hidden;}
#area_about2 .history h1{margin-bottom: 40px;}
#area_about2 .history .prev,#area_about2 .history .next{position: absolute; right: 0;}
#area_about2 .history .prev{top: 110px;}
#area_about2 .history .prev a,#area_about2 .history .next a{display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px;}
#area_about2 .history .next{bottom: 0;}
#area_about2 .history .bx-default-pager{display: none;}
#area_about2 .lst_history  ul{width: 100%;}
#area_about2 .lst_history  li{ width: 100%; padding: 30px 0 30px 80px; border-bottom: 1px solid #282828; position: relative; color: #ccc; font-size: 1.143em; line-height: 1.5em; /* 16/24 */}

#area_about2 .lst_history  ul  li strong{color: #fff; font-weight: bold; position: absolute; left: 0; top: 30px;}


#area_about3{ background-color: #111; position: relative; overflow: hidden; height: 0; padding-bottom: 30%; }
#area_about3 iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#area_about3 img{max-width: 100%;}
#area_about3 .play{ position: absolute; left: 50%; top: 50%;  width: 92px; height: 92px; margin-left: -46px; margin-top: -46px; }
#area_about4{ background-color: #111; position: relative; height: 0; padding-bottom: 370px; overflow: hidden; }
#area_about4 .bg.n0{position: absolute;left:0; top:-70%; width: 100%; }
#area_about4 .vision{ position: relative; margin:5.9%;  text-align: center;   font-size: 1.143em; line-height: 1.81em; /* 16/29 */ color: #ddd; }
#area_about4 .vision h1{margin-bottom: 35px;}
#area_about5:after{display: block;content:"";height: 0;visibility: hidden;clear: both;}
#area_about5{position: relative;}
#area_about5 #contact_us{width: 50%;min-height:200px;background-color: #2f2e2c;padding:5% 0;}
#area_about5 #contact_us:after{display: block;content:"";height: 0;visibility: hidden;clear: both;}
#area_about5 #contact_us > .inner{float:right; width:51.4286em;margin: 0 5.7143em;}
#area_about5 #contact_us > .inner h2{margin-bottom:6%;}
#contact_us > .inner dl{position: relative;}
#contact_us > .inner dl:after{display: block;content:"";height: 0;visibility: hidden;clear: both;}
#contact_us > .inner dl dt{float:left; width:9.1429em;clear: left;}
#contact_us > .inner dl dt > span{font-size: 1.1429em;line-height: 2.5em;color: #ffffff;}
#contact_us > .inner dl dd{margin-left:9.1429em;margin-bottom:0.7143em;}
#contact_us > .inner dl dd > input{border-width:0;outline: none; width:100%;box-sizing:border-box; line-height: 2.8571; background-color: #201f1e;color: #fff;border-radius:0.1em;height:2.8571em;}
#contact_us > .inner dl dd > textarea{border-width:0;outline: none; width:100%;box-sizing:border-box; line-height: 1.5; background-color: #201f1e;color: #fff;border-radius:0.1em;height:12.1429em;padding:0.4em;}
#contact_us > .inner dl dd > button.btn_send{font-size:1.0714em ;width:5.8667em;height:2.6667em;background-color: #c74735;color: #fff;font-weight: 700;border-radius: 0.4em;margin-top:1.6667em;}


#area_about5 #google_map{width: 50%;position: absolute;top:0;bottom:0;right:0;height:100%;overflow:hidden;}
#area_about5 #google_map > iframe{width:100%;height:100%;}
#area_about6{background: url(../images/about/bg_about4.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed  overflow: hidden; }
#area_about6 img{max-width: 100%;}
#area_about6 .bg.n0{position: absolute;left:0; top:-7%; width: 100%; }
#area_about6 .crafter{max-width: 1600px; padding:5.9% 0;  margin-left: auto; margin-right: auto; text-align: center; font-size: 1.143em; line-height: 1.81em; /* 16/29 */ color: #ddd; }
#area_about6 img{max-width: 100%;}
#area_about6 .crafter .t1{margin-top: 3.4%; /* 55 */}
#area_about6 .crafter  ul.lst{text-align: center;font-size: 0; margin-top: 6.3%; /* 100 */}
#area_about6 .crafter  ul.lst > li{display: inline-block; *display: inline; *zoom: 1; width: 13%; margin:0 3%; vertical-align: middle;}
#area_about6 .crafter  ul.lst > li:first-child{margin-left: 0;}


#spot.sub{ width: 100%; height: 450px; overflow: hidden; z-index: 10;}
#spot.sub .box_outer{ position: absolute; left: 0; top: 0; width: 100%; height: 450px;  overflow: hidden; }
#spot.sub.craftmanship,#spot.sub.wood,#spot.sub.sound,#spot.sub.design, #spot.sub.custom{ position: relative; }

#spot.sub video{ position: absolute; left: 0; top: 0; width: 100%; }
#spot.sub .bg{ position: absolute; left: 50%; top: 0; width: 2000px; margin-left: -1000px; }
#spot.main .bg{top: -8% !important;}
#spot.sub .bg img{width: 100%;  height: auto;}
#spot.sub .txt{position: absolute; left: 0; top:40%; width: 100%; margin-left: 0; text-align: center; color: #fff; font-size: 1.286em; line-height: 1.41em; /* 18/24 */ z-index: 3; text-align: center;}
#spot.sub .txt h1{padding-bottom: 2%; margin-bottom: 2%; position: relative; display: inline-block; *display: inline; *zoom: 1;font-family: 'Exo 2', sans-serif; line-height: 1.2em; font-weight:400; font-size:2.2em;}
#spot.sub .txt h1 img{max-width: 100%;}
#spot.sub .txt h1:after{
    display: block;position: absolute; left: 50%; bottom: 0; width: 0; height: 1px; margin-left: -50px; background-color: #fff; content: "";
     -webkit-transition: all 1000ms ease-out;
 -moz-transition: all 1000ms ease-out;
 -ms-transition: all 1000ms ease-out;
 -o-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
#spot.sub .txt h1.lineS:after{width: 100px;}
/*#spot.sub.product{background: url(../images/product/spot_categori.jpg) center 0 no-repeat; background-attachment: fixed;}*/
#spot.sub.news{background: url(../images/news/spot_news.jpg) center 0 no-repeat; background-attachment: fixed;}
#spot.sub.artists{background: url(../images/artists/spot_artists.jpg) center 0 no-repeat; background-attachment: fixed;}
#spot.sub.dealer{background: url(../images/dealer/spot_dealer.jpg) center 0 no-repeat; background-attachment: fixed;}
#spot.sub.design .txt{ top: 35%;}
#spot.sub.support{ height: 295px;}
#spot.sub.support .txt{top: 21%;}
#spot.sub.support .bg{height: 295px;background: url(../images/support/spot_support.jpg) center 0 no-repeat; background-attachment: fixed;}
#spot.sub.support2{background: url(../images/support/spot_support2.jpg) center 0 no-repeat;  -webkit-background-size: cover; background-size: cover; background-attachment: fixed;}
#spot.sub.support2 .box_outer{overflow: visible;}
#spot.sub.support2 .txt{ position: absolute; width: 38%; top: 80%; margin-left: 57%; text-align: left; }
#spot.sub.support2 .txt h1{margin-bottom: 5%; padding-bottom: 0;}
#spot.sub.support2 .txt h1:after{display: none;}

#spot.sub .txt .sub_txt{margin-top:2.5em;}
#spot.sub .txt .sub_txt > p{opacity: 0;visibility: hidden;
    -moz-transform: translate3d(0,50px,0); -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0);
    -webkit-transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-out;
    -moz-transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out, -moz-transform 0.5s ease-out;
    -ms-transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out, -ms-transform 0.5s ease-out;
    -o-transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out, -o-transform 0.5s ease-out;
    transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out, transform 0.5s ease-out;
}
#spot.sub .txt .sub_txt .txt02{}
#spot.sub .txt .sub_txt .txt03{margin-top:1em;}
#spot.sub .txt .sub_txt .txt04{margin-top:2.5em;}

#spot.sub.txt_step1 .txt .sub_txt .txt02{visibility: visible;opacity: 1;-moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
#spot.sub.txt_step2 .txt .sub_txt .txt03{visibility: visible;opacity: 1;-moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
#spot.sub.txt_step3 .txt .sub_txt .txt04{visibility: visible;opacity: 1;-moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}



.lst_corevalues{ position: fixed; right: 0; top: 50%; z-index: 10; margin-top: -150px;}
.lst_corevalues > ul > li{margin-bottom: 2px;height:30px;}
.lst_corevalues > ul > li > a{ display: block; position: relative; font-size: 0; line-height: 0;height:100%;text-align: right;}
.lst_corevalues > ul > li > a > img{height:100%;vertical-align: middle;}
.lst_corevalues > ul > li > a .on{display: inline-block;height: 100%;width:0;background-color: #333333;color: #fff;overflow:hidden;vertical-align: middle;text-align: left;}
.lst_corevalues > ul > li > a .on > span{margin-left:10px;font-size: 13px;line-height:30px;display: inline-block;width:104px;}
.lst_corevalues > ul > li.on > a .on{width:114px;}

#spot.sub.craftmanship .txt h1{padding-bottom: 0;width: 64%;}
#spot.sub.craftmanship .txt h1:after{display: none;}
#area_craftmanship > .interview{background: #fff url(../images/corevalues/bg_greeting.jpg) 0 0 no-repeat; -webkit-background-size: cover;
background-size: cover; width: 100%; overflow: hidden; }
#area_craftmanship > .interview > .innerMedia{ margin-top: 13%; }
#area_craftmanship > .interview > .innerMedia h1{margin-top: 10%;  /*160*/ }
#area_craftmanship > .interview > .innerMedia .clearfix{ margin-bottom: 10%; /*160*/ }
#area_craftmanship > .interview .txt,#area_craftmanship > .interview .mov{ width: 48.125%; /*1600/770*/  position: relative; }
#area_craftmanship > .interview .txt{width: 45.125%; padding-left: 4%; }
#area_craftmanship > .interview .mov .play{position: absolute; left: 50%; top: 50%; margin-left: -5.5%; margin-top: -9.5%; width: 11%;}
#area_craftmanship > .interview .txt{position: relative;left: 0;top: 0;float: left; height: 434px; }
#area_craftmanship > .interview .txt .h{margin-bottom: 5%; font-size: 2.500em; line-height: 1.5em; color: #3c3c3c; position: relative;}
#area_craftmanship > .interview .txt .h .quotes{position: absolute; width: 50px; }
#area_craftmanship > .interview .txt .h .quotes img{width: 100%;}
#area_craftmanship > .interview .txt .h .quotes.left{left: -60px; top: -11px;}
#area_craftmanship > .interview .txt .h .quotes.right{right: -50px; bottom: 0;}
#area_craftmanship > .interview .txt .cont{font-size: 1.125em; line-height: 1.9em; color: #3c3c3c; }
#area_craftmanship > .interview .txt .cont p{margin-top: 30px;}
#area_craftmanship > .interview .txt .cont p.first{margin-top: 0;}
#area_craftmanship > .interview .txt .space{display: block;}
#area_craftmanship > .interview .mov{position: relative; left: 0; top: 0;float: right; height: 434px; background-color: #ddd; text-align: center;  overflow: hidden;}
#area_craftmanship > .interview .mov img{}

#area_craftmanship .craftman{ width: 100%; height: 450px; overflow: hidden; position: relative;}
#area_craftmanship .craftman > .bg{ position: absolute; left: 50%; top: 0; width: 2000px; margin-left: -1000px; }
#area_craftmanship .craftman > .bg > img{width: 100%; height: auto;}
#area_craftmanship .craftman .cont_parent{ position: absolute; left: 12.5%; top: 12.5%; z-index: 2;  color: #fff;}
#area_craftmanship .craftman .cont_parent .t1{ font-size: 3em; font-weight: normal; margin-top: 4%; }
#area_craftmanship .craftman .cont_parent .t2{font-size: 1.429em; /*14/20*/  margin-top: 10%; }
#area_craftmanship .craftman .cont_parent .t2 .since{margin-top: 4%;}
#area_craftmanship .craftman .play_parent{position: absolute; left: 47.5%; top: 42.5%; width: 5%;  /* 500 / 92 */ /*320 / 92*/ }
#area_craftmanship .craftman .play_parent{max-width:100%;}
#area_craftmanship .craftman .lst_movs{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; }
#area_craftmanship .craftman .lst_movs ul{}
#area_craftmanship .craftman .lst_movs ul > li{float: left; width: 25%; position: relative; font-size: 1.429em; /*14/20*/ line-height: 1.5em; color: #fff; }
#area_craftmanship .craftman .lst_movs ul > li img{max-width: 100%;}
#area_craftmanship .craftman .lst_movs ul > li .cont{ position: absolute; left: 9%; top: 9%; }
#area_craftmanship .craftman .lst_movs ul > li .play{position: absolute; left: 40.8%; top: 40.8%; width: 18.4%;  /* 500 / 92 */ /*320 / 92*/ }
#area_craftmanship .craftman .lst_movs ul > li .play img{width: 100%;}
#area_craftmanship span.since{ display: block; font-style: italic; font-size: 0.800em; /* 20/16 */ margin-top: 2%; font-family: 'Exo 2', sans-serif; }

#spot.sub.wood .txt h1{padding-bottom: 0;width: 52.15%;}
#spot.sub.wood .txt h1:after{display: none;}
#spot.sub.wood{/*background: url(../images/corevalues/spot_wood.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed;*/}

#area_wood #sec_wood1{background: url(../images/corevalues/bg_wood2.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed;}
#area_wood #sec_wood2{background: url(../images/corevalues/bg_wood3.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed;}
#area_wood #sec_wood3{background: url(../images/corevalues/bg_wood4.jpg) center top no-repeat;-webkit-background-size: cover; background-size: cover; background-attachment: fixed;}
#area_wood #sec_wood4{background: url(../images/corevalues/bg_wood5.jpg) center top no-repeat;-webkit-background-size: cover; background-size: cover; background-attachment: fixed;}
#area_wood #sec_wood5{background: url(../images/corevalues/bg_wood6.jpg) center top no-repeat;-webkit-background-size: cover; background-size: cover; background-attachment: fixed;}
#area_wood #sec_wood6{background: url(../images/corevalues/bg_wood7.jpg) center top no-repeat;-webkit-background-size: cover; background-size: cover; background-attachment: fixed;}
#area_wood #sec_wood7{background: url(../images/corevalues/bg_wood8.jpg) center top no-repeat;-webkit-background-size: cover; background-size: cover; background-attachment: fixed;}

#area_wood .inner_wood{position: relative; width: 100%; height: 100%; overflow: hidden; }
#area_wood #sec_wood1 .h{ position: absolute; left: 10%; top: 12%; z-index: 1; }
#area_wood #sec_wood2 .h{ position: absolute; right: 10%; top: 12%; z-index: 1; }
#area_wood #sec_wood3 .h{ position: absolute; left: 10%; top: 12%; z-index: 1; }
#area_wood #sec_wood4 .h{ position: absolute; right: 10%; top: 12%; z-index: 1; }
#area_wood #sec_wood5 .h{ position: absolute; left: 10%; top: 12%; z-index: 1; }
#area_wood #sec_wood6 .h{ position: absolute; right: 10%; top: 12%; z-index: 1; }
#area_wood #sec_wood7 .h{ position: absolute; left: 10%; top: 12%; z-index: 1; }


#area_wood .inner_wood .cont{width: 488px; position: absolute; left: 10%; top: 57.28643216080402%; /*570/995*/  color: #fff; font-size:
        1.286em; line-height: 1.666666666666667em;   /* 30/18 */
        -webkit-perspective: 600px;
        perspective: 600px;
        -webkit-perspective-origin: top left;
        perspective-origin: top left;
 }
 #area_wood #sec_wood5 .cont{top: 49.286432%;}
  #area_wood .inner_wood .cont .inr{
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
 }
#area_wood .inner_wood .cont h2{ margin-bottom: 5%;}
#area_wood .inner_wood .cont p{text-align:justify; text-justify:inter-cluster;}

#area_wood .lst_wood1 > li{ position: absolute; left: 0; top: 0;  z-index: 1; }
#area_wood .lst_wood1 > li img{max-width: 100%; height: auto;}
#area_wood .lst_wood1 > li.n1{ width: 25%; /*500/2000*/ left: 42.5%;  /* 850/2000 */ top: 15.77889447236181%;/* 157/995 */  z-index: 3; }
#area_wood .lst_wood1 > li.n2{ width: 20%;/*400/2000*/ left: 47.5%;  /* 850/2000 */; top: 45.032663%;/* 463/995 */  z-index: 4; }
#area_wood .lst_wood1 > li.n3{ width: 22.5%; /*450/2000*/ left: 67.55%;  /* 1351/2000 */ top: 22.51256281407035%;/* 224/995 */  z-index: 3; }
#area_wood .lst_wood1 > li.n4{ width: 19%; /*380/2000*/ left: 67.55%;  /* 1351/2000 */ top: 53.978392%;/* 554/995 */  z-index:4; }



#area_wood .lst_wood3 > li{ position: absolute; left: 0; top: 0;  z-index: 1; }
#area_wood .lst_wood3 > li img{max-width: 100%; height: auto;}
#area_wood .lst_wood3 > li.n1{ width: 14.65%; /*293/2000*/ left: 42.5%;  /* 850/2000 */ top: 15.77889447236181%;/* 198/995 */  z-index: 5; }
#area_wood .lst_wood3 > li.n2{ width: 14.5%;/*290/2000*/ left: 57%;  /* 1140/2000 */; top: 24.932663%;/* 270/995 */  z-index: 4; }
#area_wood .lst_wood3 > li.n3{ width: 18.55%; /*371/2000*/ left: 71.49%;  /* 1430/2000 */ top: 16.08040201005025%;/* 160/995 */  z-index: 3; }
#area_wood .lst_wood3 > li.n4{ width: 14.55%; /*291/2000*/ left: 71.49%;  /* 1430/2000 */ top: 40.408543%;/* 415/995 */  z-index:3; }

#area_wood #sec_wood5 .mov{ width: 43.5%; /*950/2000*/  position: absolute; left: 48.5%;  /* 850/2000 */ top: 19.89949748743719%;/* 198/995 */ }
#area_wood #sec_wood5 .mov img{max-width: 100%;}

#area_wood #sec_wood5 .mov .play{position: absolute; left: 40.8%; top: 40.8%; width: 18.4%;  /* 500 / 92 */ /*320 / 92*/ }


#area_wood #sec_wood7 .char{ padding-top: 7%; padding-bottom: 7%;  max-width: 1300px; margin-left: auto; margin-right: auto; }
#area_wood #sec_wood7 .char > .header_char{ margin-bottom: 4.615384615384615%; color: #fff; font-size: 1.286em; line-height: 1.666666666666667em;   /* 30/18 */}
#area_wood #sec_wood7 .char > .article_char > ul > li{ position: relative; float: left; width: 20%; overflow: hidden;}
#area_wood #sec_wood7 .char > .article_char > ul > li > a{display: block;}
#area_wood #sec_wood7 .char > .article_char > ul > li img{width: 100%;}
#area_wood #sec_wood7 .char > .article_char > ul > li .on{display: none; position: absolute; left: 0; top: 0; width: 100%; z-index: 2;}
#area_wood #sec_wood7 .char > .article_char > ul > li .box{
    display: none;
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center;
        background-color: rgba(0, 0, 0, 0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
}
#area_wood #sec_wood7 .char > .article_char > ul > li .line{ display: none; position: absolute; left: 5%; top: 5%; width: 88%; height: 88%; border: 2px solid #fff; z-index: 2; }
#area_wood #sec_wood7 .char > .article_char > ul > li .box:not([dummy]) {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}
#area_wood #sec_wood7 .char > .article_char > ul > li .box .out{margin-top: 45%; display: block; font-size: 1.571em; /* 14/22 */  color: #fff; font-weight: 700;   }
#area_wood #sec_wood7 .char > .article_char > ul > li .box .out .en{ display: block; font-size:0.727em; /* 22/16 */ margin-top: 3%; }
#area_wood #sec_wood7 .char > .article_char > ul > li.on .line,
#area_wood #sec_wood7 .char > .article_char > ul > li.on .box{display: block;}

#spot.sub.sound .txt{top: 30%;}
#spot.sub.sound .txt h1{padding-bottom: 0;width:54%;}
#spot.sub.sound .txt h1:after{display: none;}
#spot.sub.sound .txt .ico{display: inline-block; *display: inline; *zoom: 1; margin-top: 4%; }

#spot.sub.sound .media_pc.cover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/corevalues/bg_cover.png) repeat-x; -webkit-background-size: cover; background-size: cover; z-index: 2; }
#area_wood .inner_sound{position: absolute; width: 100%; height: 100%; overflow: hidden;}

#area_sound img{max-width: 100%;}
#area_sound .dmp-winHeight{position: relative; width: 100%; overflow: hidden;  background-color: #262523; font-size: 1.143em; /* 14/16 */ line-height:1.666666666666667em; /*18/30*/ color: #fff;}
#area_sound .dmp-winHeight h2{margin-bottom: 2%; font-size: 2.000em; /* 16/32 */ line-height: 1.117647058823529em; font-weight: bold;}
#area_sound .inner_sound{padding-bottom: 100px;}
#area_sound #sec_sound1 .sec_s1_1{ width: 100%; height: 50%; position: relative; overflow: hidden;  }
#area_sound #sec_sound1 .sec_s1_1 .bg{position: absolute; left: 0; top: -13%;}
#area_sound #sec_sound1 .sec_s1_1 .cont{ position: absolute; left: 55%; top: 25%; z-index: 3; color: #fff;}
#area_sound #sec_sound1 .sec_s1_1 .cont h2{margin-bottom: 3%}
#area_sound #sec_sound1 .sec_s1_2{width: 100%; height: 50%; position: relative; overflow: hidden; text-align: center; }
#area_sound #sec_sound1 .sec_s1_2 .inr{margin-top: 7%; color: #fff; }
#area_sound #sec_sound1 .sec_s1_2 .gra{ padding: 45px 100px; position: relative; display: inline-block; *display: inline; *zoom: 1; margin-left: auto; margin-right: auto; color: #fff; font-size: 1.429em; line-height: 1.2em; }
#area_sound #sec_sound1 .sec_s1_2 .gra .t_1,#area_sound #sec_sound1 .sec_s1_2 .gra .t_2,#area_sound #sec_sound1 .sec_s1_2 .gra .t_3{position: absolute;}
#area_sound #sec_sound1 .sec_s1_2 .gra .t_1{left: 0; top: 55px;}
#area_sound #sec_sound1 .sec_s1_2 .gra .t_2{left: 43.2%; top: 0;}
#area_sound #sec_sound1 .sec_s1_2 .gra .t_3{right: 0; top: 52px;}
#area_sound #sec_sound1 .sec_s1_2 .t1{font-size: 1.889em; /* 18/34 */ line-height: 1.117647058823529em; font-weight: bold;}
#area_sound #sec_sound1 .sec_s1_2 .h{font-size: 1.286em; /* 14/18 */ line-height:1.666666666666667em; /*18/30*/ margin-bottom: 1%;}

/*#area_wood #sec_sound1 .h{ position: absolute; left: 10%; top: 12%; z-index: 1; }*/

#area_sound #sec_sound2 .cont{position: absolute; left: 10%; top: 15%; z-index: 2;}
#area_sound #sec_sound2_2 .sec_s2_1 .cont{position: absolute; left: 48%; top: 29%; z-index: 2;}
#area_sound #sec_sound2_2 .sec_s2_2 .cont{position: absolute; left: 10%; top: 29%; z-index: 2;}

#area_sound #sec_sound2_2 .sec_s2_1,#area_sound #sec_sound2_2 .sec_s2_2{ width: 100%; height: 50%; position: relative; overflow: hidden }

#area_sound #sec_sound3 .sec_s3_1,#area_sound #sec_sound3 .sec_s3_2,
#area_sound #sec_sound4 .sec_s4_1,#area_sound #sec_sound4 .sec_s4_2
{ width: 100%; height: 50%; position: relative; overflow: hidden }
#sec_sound3{width: 100%;position: relative; background-color: #262523; overflow: hidden;}
#area_sound #sec_sound3 .sec_s3_1 .bg,#area_sound #sec_sound3 .sec_s3_2 .bg{
    position: absolute; left: 50%; top: 0; width: 2000px; margin-left: -1000px;
}


#area_sound #sec_sound3{background: url(../images/corevalues/bg_sound6_4.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; position: static; }
#area_sound #sec_sound5{background: url(../images/corevalues/bg_sound9.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; position: static; }

#sec_sound4 .cont{position: absolute; left: 10%; top: 11%;}
#sec_sound5 .cont{position: absolute; left: 10%; bottom: 11%; top:inherit;}

#area_sound #sec_sound6.dmp-winHeight{ background-color: #fff; }
#area_sound #sec_sound6 .bg_daddario{position: absolute; right: 0; bottom: 0; width: 53.15%;}
#area_sound #sec_sound6 h1{position: absolute; right: 13%; top: 19%; width: 13.9%;}
#area_sound #sec_sound6 .g1{position: absolute; left: 10%; top: 19%; width: 30%; color: #2d2d2d;}
#area_sound #sec_sound6 .g1 h2{margin-bottom: 3%;}
#area_sound #sec_sound6 .g1 .t1{  margin-bottom: 6%;font-size: 1.2em;font-weight: 700;line-height: 1.2em;}
#area_sound #sec_sound6 .g1 .img{font-size: 0; margin-top: 13%;}
#area_sound #sec_sound6 .g1 .img > *{display: inline-block; *display: inline; *zoom: 1;}
#area_sound #sec_sound6 .g1 .img .n1{ width: 39.5%; }
#area_sound #sec_sound6 .g1 .img .n2{ width: 54.83333333333333%;  margin-left: 5%; }

#area_sound  .playerAudio{margin-top: 7%; position: relative; text-align: center;}
#area_sound  .playerAudio .lst{ max-width: 1500px; width: 100%; margin-left: auto; margin-right: auto;  margin-top: 4%; margin-bottom: 3%;}
#area_sound  .playerAudio .lst > ul{margin: 2%; }
#area_sound  .playerAudio .lst > ul:after{display: block;content:"";height: 0;visibility: hidden;clear: both;}
#area_sound  .playerAudio .lst > ul > li{ float: left; width: 20%; margin-bottom: 25px; font-size: 1.2em; }
#area_sound  .playerAudio .lst > ul > li a{background: url(../images/corevalues/bg_arr.png) 0 3px no-repeat; color: #fff; display: block; padding-left: 30px; text-align: left;}
#area_sound  .playerAudio .lst > ul > li a.on{ color: #000; }
#area_sound  .playerAudio .lst > ul > li a .time{margin-left: 5px;}
#area_sound  .playerAudio .box_control{ overflow: hidden; }
#area_sound  .playerAudio .box_control .line{width: 100%; position: absolute; left: 0; bottom: 163px; height: 1px; background-color: #808080;}
#area_sound  .playerAudio .box_control .center{ display: inline-block; *display: inline; *zoom: 1; position: relative; padding: 20px; z-index: 10;}
#area_sound  .playerAudio .box_control .center .prev{ position: absolute; left: 0; top: 150px; }
#area_sound  .playerAudio .box_control .center .next{ position: absolute; right: 0; top: 150px; }
#area_sound  .playerAudio .box_control .center .h{margin-top: 20px; font-size: 2.286em; line-height: 1.2em;}

#area_design img{max-width: 100%;}
#spot.sub.design .txt h1{width: 50%;}
#area_design .dmp-winHeight{position: relative; width: 100%; overflow: hidden;  background-color: #262523; font-size: 1.143em; /* 14/16 */ line-height:1.666666666666667em; /*18/30*/ color: #fff;}
#area_design .dmp-winHeight h2{margin-bottom: 2%; font-size: 2.000em; /* 16/32 */ line-height: 1.117647058823529em; font-weight: bold;}
#area_design #sec_design1 .cont{text-align:center; margin-top:7.5%; position:relative; z-index:3;}
#area_design #sec_design1{background-color: #222; position: relative;}
#area_design #sec_design1 .secGroup{position:relative; left:0; top:0; margin-top: 4%; width: 100%; height:100%; text-align: center; z-index:2;}
#area_design #sec_design1 .secGroup .ico{position: absolute; left: 0; top: 0; display:block;}
#area_design #sec_design1 .secGroup .ico img{max-width:100%;}
#area_design #sec_design1 .secGroup .ico.n1{left: 8.6%; top: 2%; z-index:0;width: 16.45%;}
#area_design #sec_design1 .secGroup .ico.n2{left: 9.5%; top: 344px; z-index:0;width: 14.5%;}
#area_design #sec_design1 .secGroup .ico.n3{left: 31.5%; top: 0.2%; z-index: 7;width: 21.3%;}
#area_design #sec_design1 .secGroup .ico.n4{left: 31.1%; top: 21.6%; z-index:0;width: 24.75%;}
#area_design #sec_design1 .secGroup .ico.n5{left: 33.6%; top: 35.3%; z-index:0;width: 22%;}
#area_design #sec_design1 .secGroup .ico.n6{left: 55.5%; top: 1.1%; z-index: 7;width: 6.3%;}
#area_design #sec_design1 .secGroup .ico.n7{left: 58.7%; top: 27%; z-index: 8;width: 5.7%;}
#area_design #sec_design1 .secGroup .ico.n8{left: 65.3%; top: 1.8%; z-index:0;width: 24.9%;}

#area_design #sec_design2{position: static; background: url(../images/corevalues/bg_design2.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed;}

#area_design #sec_design3 .cont{text-align:left; margin-top:7.5%; padding-left: 10%; position:relative; z-index:3;}
#area_design #sec_design3 .ico{ width:57%; position: absolute; right: 7%; bottom: -30%; }
#area_design #sec_design3 .bg2{ width:57%; position: absolute; left: 31%; top: -2%;}

#area_design #sec_design4{position: static; background: url(../images/corevalues/bg_design4.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed;}

#area_design #sec_design5 .cont{text-align:left; margin-top: 37.5%; padding-left: 10%; position:relative; z-index:3; color: #2d2d2d;}
#area_design #sec_design5 .ico{ width:39.55%; position: absolute; left: 52%; top: 0%; }

#area_design #sec_design6 .group-l{position: absolute; left: 0; top: 0; width: 50%; height: 100%; z-index: 1; background-color: #fff;}
#area_design #sec_design6 .group-l .btn_close{position: absolute;right:1em;top:1em;width:2em;z-index: 1;display: none;}
#area_design #sec_design6 .group-l .btn_close img{max-width:100%;}
#area_design #sec_design6 .group-r{position: absolute; left: 50%; top: 0; width: 50%; height: 100%; background-color: #402921; z-index: 0;}
#area_design #sec_design6 .group-l .dmp-Slide-big{  }
#area_design #sec_design6 .viewport{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
#area_design #sec_design6 .group-l .dmp-Slide-big .big{ width: 51%; position: absolute; left: 50%; top: 0; margin-left: -25%; }
#area_design #sec_design6 .group-r .inner_group{ padding: 7%; }
#area_design #sec_design6 .group-l .dmp-Slide-big .big .cont{color: #000; text-align:center;}
#area_design #sec_design6 .group-l .dmp-Slide-big .big .cont .t1{margin-top:4%; margin-bottom:4%; font-size:2em; font-weight:700; }
#area_design #sec_design6 .group-l .dmp-Slide-big .big .cont .t2{font-size:1.04em }
#area_design #sec_design6 .group-r .inner_group > .h{ margin-bottom: 3%;}
#area_design #sec_design6 .group-r .inner_group > .t1{ margin-bottom: 3%;}
#area_design #sec_design6 .group-r .dmp-Slide-thumb ul{display: block;clear: both;}
#area_design #sec_design6 .group-r .dmp-Slide-thumb li{
    float: left; width: 20.9%; margin-bottom:0; height: auto; text-align: center;
}
#area_design #sec_design6 .group-r .dmp-Slide-thumb li button{
    display: inline-block; *display: inline; *zoom: 1;padding: 9% 2%; width: 90%; border-radius:10px;
    opacity: 0.7;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#area_design #sec_design7 .group-l{ position: absolute; left: 0; top: 0; width: 270px; height: 100%; background-color: #262523;  z-index: 1}
#area_design #sec_design7 .group-l  .inner_group{ text-align: center; margin-top: 40%; overflow: hidden;}
#area_design #sec_design6 .group-r .dmp-Slide-thumb li button .p{display: block; margin-top: 2%; color: #fff;}
#area_design #sec_design6 .group-r .dmp-Slide-thumb li button:hover,
#area_design #sec_design6 .group-r .dmp-Slide-thumb li.on button{background-color: #28160F; opacity: 1;}
#area_design #sec_design7 .group-l  .inner_group li{margin-top: 8%;}
#area_design #sec_design7 .group-l  .inner_group li:first-child{margin-top:0;}
#area_design #sec_design7 .group-l  .inner_group li button{width: 96%; text-align: center; display: block; font-size: 1.286em; /* 14/18 */  line-height: 1.2em; color: #fff; padding: 2%; font-weight: normal;}
#area_design #sec_design7 .group-l  .inner_group li.on button,
#area_design #sec_design7 .group-l  .inner_group li button:hover{color: #e89477;}

#area_design #sec_design7 .viewport > .big{position: absolute; height:100%; width: 100%;overflow: hidden;}
#area_design #sec_design7 .viewport > .big h3{position: absolute;top:5%;left:300px;font-size:2em;color: #000000;}
#area_design #sec_design7 .viewport > .big h3.white{color:#fff;}
#area_design #sec_design7 .viewport > .big h4{position: absolute;bottom: 10%;right: 5%;text-align: right;}



#spot.sub.product .sp_paginate{position: absolute;right:10px;bottom:10px;z-index: 10}
#spot.sub.product .sp_paginate .swiper-pagination-switch{display: inline-block;width:11px;height: 11px;background-color: #a4a19c;border-radius:50%;margin:0 5px;}
#spot.sub.product .sp_paginate .swiper-pagination-switch.swiper-active-switch{background-color: #e32636;}


#area_product .lst_categori{width: 1610px; margin:40px 0; margin-left: auto;margin-right: auto;}
#area_product .lst_categori > ul{margin-left: -10px;}
#area_product .lst_categori > ul > li{ width: 390px; height: 389px;  float: left; margin-left: 10px; margin-bottom: 9px;  overflow: hidden; position: relative;    }
#area_product .lst_categori > ul > li img{ width: 100%; height: auto; position: absolute;left: 0;top: 0;z-index: 0;}
#area_product .lst_categori > ul > li .btn_ani1{
    display: block;position:absolute; width: 100%; height: 100%; z-index: 5;
    background-image: url(tng.png);
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
#area_product .lst_categori > ul > li .btn_ani1 > span{opacity: 0;}
#area_product .lst_categori > ul > li .btn_ani1 .txt{ position: absolute; top: 50%; margin-top: -12px;  text-align: center; color: #fff; width: 100%;  }
#area_product .lst_categori > ul > li .btn_ani1 .txt strong{display: block; font-weight:500; font-size: 1.514em; line-height: 1.166666666666667em; /* 24/28*/ letter-spacing: -1px; margin-bottom: 2%; }
#area_product .lst_categori > ul > li .btn_ani1 .txt a{
      padding: 0 8px; display: inline-block; *display: inline; *zoom: 1; text-align: center; margin-top: 15px; background-color: #9f3b00;
  font-size: 0.9em; color: #fff;  line-height: 30px; height: 30px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius: 6px;
  border: 3px solid #9f3b00;
  behavior: url(/css/PIE.htc);
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
display: none;
}
#area_product .lst_categori > ul > li .btn_ani1 .txt a:hover{
    background-color: transparent;
}


#area_product .lst_categori > ul > li .btn_ani1.ovr{
    background-color: rgba(0, 0, 0, 0.7);
   /* IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
#area_product .lst_categori > ul > li .btn_ani1.ovr > span{opacity: 1;}
#area_product .lst_categori > ul > li .btn_ani1.ovr:not([dummy]) {
    /* IE9 only */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}


#area_product .lst_categori > ul > li.n1{}
#area_product .lst_categori > ul > li.n2{height: 190px;}
#area_product .lst_categori > ul > li.n3{height: 190px;}
#area_product .lst_categori > ul > li.n4{height: 190px;}
#area_product .lst_categori > ul > li.n5{width: 190px; height: 190px;}
#area_product .lst_categori > ul > li.n6{height: 190px;}
#area_product .lst_categori > ul > li.n7{width: 190px; height: 190px;}
#area_product .lst_categori > ul > li.n8{width: 190px;  height: 190px;}
#area_product .lst_categori > ul > li.n9{ width: 190px; height: 190px;}
#area_product .lst_categori > ul > li.n10{ width: 190px; height: 190px;}
#area_product .lst_categori > ul > li.n11{ height: 190px;}
#area_product .lst_categori > ul > li.n12{ width: 190px; height: 190px;}
#area_product .lst_categori > ul > li.n13{ width: 190px; height: 190px;}
#area_product .lst_categori > ul > li.n14{ width: 190px; height: 190px;}
#area_product .lst_categori > ul > li.n15{ width: 190px; height: 190px;}
#area_product .lst_categori > ul > li.n16{ width: 190px; height: 190px;}

#area_product .lst_categori > ul > li.n21{}
#area_product .lst_categori > ul > li.n22{height: 190px;}
#area_product .lst_categori > ul > li.n23{height: 190px;}
#area_product .lst_categori > ul > li.n24{height: 190px;}
#area_product .lst_categori > ul > li.n25{height: 190px;}
#area_product .lst_categori > ul > li.n26{height: 190px;}
#area_product .lst_categori > ul > li.n27{height: 190px;}

#area_product .lst_categori > ul > li.n31{}
#area_product .lst_categori > ul > li.n32{height: 190px;}
#area_product .lst_categori > ul > li.n33{height: 190px;}
#area_product .lst_categori > ul > li.n34{height: 190px;}
#area_product .lst_categori > ul > li.n35{width: 190px; height: 190px;}
#area_product .lst_categori > ul > li.n36{height: 190px;}
#area_product .lst_categori > ul > li.n37{width: 190px; height: 190px;}
#area_product .lst_categori > ul > li.n38{height: 190px;}

#area_product .lst_categori > ul > li.n41{}
#area_product .lst_categori > ul > li.n42{}
#area_product .lst_categori > ul > li.n43{}
#area_product .lst_categori > ul > li.n44{}


#area_product  .box_search{max-width: 1004px; margin-left:auto; margin-right:auto;  text-align: center;}
#area_product  .box_search .inner{margin-bottom: 7.968127490039841%; display: inline-block; *display: inline; *zoom: 1; position: relative; }
#area_product  .box_search .lst_sort{display: inline-block; *display: inline; *zoom: 1;}
#area_product  .box_search .btn_result{ width: 167px;  height: 36px; margin-left: 5px; font-size: 15px; line-height: 36px; background-color: #5c5c5c; color: #fff; text-align: center; text-transform: uppercase; }
#area_product  .box_search .search2{ position: absolute; right: 0;top: 56px; }
#area_product  .box_search .inpBox{ margin-left: 18px;}

#zoomBg { position: absolute; width:90%; top:10px; text-align:center; border-radius:10px; background:#fff; z-index:999; left:50%; margin-left:-35%; -webkit-box-shadow: 4px 4px 8px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 8px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 8px 0px rgba(50, 50, 50, 0.75);}
#zoomBg .close {position:absolute; right:40px; top:40px;color:#333; font-size:15px;}
#zoomBg .photo{ position: absolute; left: 5%; top: 5%; width: 70%; height: 90%; border: 1px solid #ddd; overflow:hidden; cursor:move;}
#zoomBg .photo .inner{display: table; width: 100%; height: 100%; }
#zoomBg .photo span{display: table-cell; vertical-align: middle;}
#zoomBg .photo img{width: 100%; height: auto;}
#zoomBg .artSlide{position: absolute; right: 70px; top: 88px; padding:40px 0 40px 0;}
#zoomBg .artSlide > button {position:absolute; left:22px;}
#zoomBg .artSlide button.up { top:0;}
#zoomBg .artSlide button.down { bottom:0;}
#zoomBg .artSlide .bx_list {position:relative;height:448px; overflow:hidden; margin-bottom:8px;margin-top:20px;}
#zoomBg .artSlide ul.list {position:relative;}
#zoomBg .artSlide ul.list > li:first-child {margin-top:0;}
#zoomBg .artSlide ul.list > li {margin-bottom:20px; width: 58px; height:58px; position: relative; text-align:center; overflow: hidden; }
#zoomBg .artSlide ul.list > li .on{  width: 54px; height: 54px; position: absolute; left: 0; top: 0; display: block; border: 2px solid #f01849; z-index: 1;}
#zoomBg .artSlide ul.list > li > a {text-align:center;position:absolute; top:0;left:0;display:block; width: 58px; height: 58px;}
#zoomBg .artSlide ul.list > li > a > img {  }


#area_isotope{margin-bottom: 4%;}
#area_isotope > .inner{margin-left: -32px; position: relative; left: 0; top: 0;}
#area_isotope .boxi{border: 1px solid #ccc; width:292px; margin-left: 32px; margin-bottom: 32px; background-color: #fff; /* position: absolute; left: 0; top: 0; */}
#area_isotope .boxi .img a{display: block;}
#area_isotope .boxi.btn_more{visibility: visible;}
#area_isotope .boxi img.photo{height:330px; width:100%; object-fit:cover;}
@media only screen and (max-width:768px){
    #area_isotope .boxi img.photo{height:210px;}
}
#area_isotope .boxi .cont{background-color: #fff; padding: 20px;}
#area_isotope .boxi .cont h1{font-size: 1em;}
#area_isotope .boxi .cont h1 a{font-size: 1.286em; line-height: 1.23em; /* 18/24 */ color: #222; font-weight: normal; }
#area_isotope .boxi .cont .box_txt{ margin-top: 5.496503496503497%; /* 20 */ }
#area_isotope .boxi.btn_more .inner_boxi > a{
    display:table;width: 100%;height:374px;background:#fafafa; text-align:center; color:#333;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
#area_isotope .boxi.btn_more .inner_boxi > a>span{display: table-cell; vertical-align: middle; font-size:18px; font-weight: bold;}
#area_isotope .boxi.btn_more .inner_boxi > a>span>img{padding-bottom:10px;}
#area_isotope .boxi.btn_more .inner_boxi > a:hover{background:#fff;}

/*option : news */
#area_isotope.news .boxi .cont h1 a{font-weight: bold; }
#area_isotope.news .boxi .cont .box_txt a.t1{line-height: 1.6em;}
#area_isotope .boxi .time{ margin-top: 20px; padding-left: 20px;  background:  url(../images/news/ico_time.gif) 0 50% no-repeat; color: #7d7d7d;  height: 20px; line-height: 20px;}

/*sortDesign*/
.lst_sort{text-align: center;}
.lst_sort > li{ display: inline-block; *display: inline; *zoom: 1; margin-left: 5px;}
.lst_sort > li img{max-width: 100%; height: auto; }
.lst_sort > li:first-child{margin-left: 0;}
.lst_sort dl.box_sort{color: #505050;  position: relative; z-index: 2; }
.lst_sort dl.box_sort dt{position: relative; z-index: 2; display: table; border-style: solid; border-color: #dadada #dadada #dadada; border-width: 0 0 1px; min-width: 157px;  height: 36px; background: url(../images/common/ico_arrbot_off.gif) 90% 50% no-repeat; background-color: #fff; }
.lst_sort dl.box_sort dt button{ display: table-cell; width: 100%; height: 34px; vertical-align: middle; text-align: left;  }
.lst_sort dl.box_sort dt button span{ display: block; padding-left: 13px;  color: #505050; font-size: 13px; font-weight: 700; padding-right: 40px; }
.lst_sort dl.box_sort dd{display: none;width: 84%;  min-width: 100px; padding: 20px 8% 20px 8%; display: none; position: absolute; left: 0; top: 36px; z-index: 1; border-style: solid; border-width: 1px; border-color:#dadada; background-color: #fff; text-align: left;}
.lst_sort dl.box_sort dd > ul > li{ margin-top: 10px; white-space:nowrap; }
.lst_sort dl.box_sort dd > ul > li:first-child{margin-top: 0;}
.lst_sort dl.box_sort dd > ul > li button:hover,dl.box_sort dd > ul > li.on button{ color: #e80f0f;   }

.lst_sort dl.box_sort.color dd > ul:after{display: block;clear: both;content:"";visibility: hidden; height: 0;  }
.lst_sort dl.box_sort.color dd > ul > li{margin-top: 3%;width: 30.2%;float: left;margin-left: 4%;}
.lst_sort dl.box_sort.color dd > ul > li.n0{float: none; text-align: center;  width: 100%;   }
.lst_sort dl.box_sort.color dd > ul > li button{width: 100%; height: 26px; line-height: 26px; color: #fff;}
.lst_sort dl.box_sort.color dd > ul > li button span{visibility: hidden;  }
.lst_sort dl.box_sort.color dd > ul > li.n0 button{color: #000;}
.lst_sort dl.box_sort.color dd > ul > li.n1,
.lst_sort dl.box_sort.color dd > ul > li.n4,
.lst_sort dl.box_sort.color dd > ul > li.n7,
.lst_sort dl.box_sort.color dd > ul > li.n10,
.lst_sort dl.box_sort.color dd > ul > li.n13{margin-left: 0;}
.lst_sort dl.box_sort.color dd > ul > li.n1 button{background-color: #d60c0c;  }
.lst_sort dl.box_sort.color dd > ul > li.n2 button{background-color: #f76800;}
.lst_sort dl.box_sort.color dd > ul > li.n3 button{background-color: #9d4b0f;}
.lst_sort dl.box_sort.color dd > ul > li.n4 button{background-color: #f3e219;  }
.lst_sort dl.box_sort.color dd > ul > li.n5 button{background-color: #21ba21;}
.lst_sort dl.box_sort.color dd > ul > li.n6 button{background-color: #3585c2;}
.lst_sort dl.box_sort.color dd > ul > li.n7 button{background-color: #3585c2;  }
.lst_sort dl.box_sort.color dd > ul > li.n8 button{background-color: #83017f;}
.lst_sort dl.box_sort.color dd > ul > li.n9 button{background-color: #eb3792;}
.lst_sort dl.box_sort.color dd > ul > li.n10 button{background-color: #ffffff; color: #000; border: 1px solid #ededed;   }
.lst_sort dl.box_sort.color dd > ul > li.n11 button{background-color: #6b6b6b;}
.lst_sort dl.box_sort.color dd > ul > li.n12 button{background-color: #000000;}
.lst_sort dl.box_sort.color dd > ul > li.n13 button{background: url(../images/bg/bg_gra1.jpg);}
.lst_sort dl.box_sort.color dd > ul > li.n14 button{background: url(../images/bg/bg_gra2.jpg);}

#area_productView{display: none; position: fixed; right: 0;top: 0; z-index: 101; width: 100%; height: 100%; overflow-y: scroll;
   background-color: rgba(0, 0, 0, 0.7);  overflow-x: hidden;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
}
#area_productView:not([dummy]) {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}
#area_productView .article_productView{width: 63.25%; position: absolute; right: 0; top: 0; overflow: hidden;}
#area_productView .article_productView > .inner{position: relative; background-color: #040403; }
#area_productView .article_productView .bg{position: absolute; left: 0; top: 0; z-index: 0; width: 100%;}
#area_productView .article_productView .bg img{width: 100%;}
#area_productView .article_productView .zoom{ width: 36.75%; position: fixed; left: 0; top: 0; text-align: center; }
@media only screen and (max-width: 992px) {
    #area_productView .article_productView .zoom{ width: 100%; position: relative; left: 0; top: 0; text-align: center; }
}

#area_productView .article_productView .zoom button.btn_zoom{position: absolute; right: 33%; top: 50%; z-index: 1;}
#area_productView .article_productView .zoom .img{ padding-top: 10%;  width: 90%; display: inline-block; *display: inline; *zoom: 1; }
#area_productView .article_productView .zoom .img img{max-width: 100%;}

#area_productView .productViewDetail{ min-width: 1060px; width: 84%; position: relative; left: 0; top: 0; }
#area_productView .productViewDetail .inner_productViewDetail{ padding: 0 4.245283018867925%;}

#area_productView .header_productView{border-bottom: 1px solid #222; position: relative;z-index: 1}
#area_productView .header_productView.fixed{}
#area_productView .header_productView.fixed > .inner{position: fixed; }
#area_productView .header_productView.fixed .bg_header{background-color:#000;}
#area_productView .header_productView .bg_header{position: absolute; top: 0; width: 200%; left: -4.64%; bottom: 20px;
	-webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
/*#area_productView .header_productView > .inner{position: fixed;}*/
#area_productView .header_productView > .inner > h1{font-size: 2.143em; /* 14/30 */ line-height: 1.2em; padding: 1em 0;  font-weight: normal; color: #fff;position: relative;z-index: 1;}
#area_productView .header_productView > .inner > h1 .media_mobile{font-size:0.6em; color:#818181;}
#area_productView .header_productView .g-r{position: absolute; right: 0; top: 40.1%; font-size: 1.429em; line-height: 1.2em;/* 14/20 */  z-index: 1;}
#area_productView .header_productView .g-r > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
#area_productView .header_productView .g-r .t1 .st1{ font-size: 0.700em; margin-left: 5px; }
#area_productView .header_productView .g-r .close{padding-left: 4px; vertical-align: -1px;}
#area_productView .article_pro{ position: relative; padding-top: 4.123711340206186%; }
#area_productView .article_pro .proViewBody{ padding: 7% 0;  }

#area_product .box_tabType{margin-top: 4.968944099378882%;}
.box_tabType ul{text-align: center; font-size: 0;}
.box_tabType ul li {display: inline-block; *display: inline; *zoom: 1;width: 18.5%; margin: 0 0.5%; color: #ccc; font-size: 14px; line-height: 1.2em; vertical-align: middle; }
.box_tabType ul li a{display: block; width: 98%; padding: 8.5% 1%;  background-color: #2c2c2c;  }
.box_tabType ul li.on a{background-color: #82a350; color: #fff;}
.box_tabType ul li a:hover{ color: #fff;}
/*.box_tabType ul li a {color:#969595; font-size:15px; font-weight:bold;display:inline-block; padding-bottom:8px; border-bottom:2px solid #fff; }
.box_tabType ul li.on a,.tabBox ul li:hover a {border-bottom:2px solid #ed1949; color:#ed1949;}*/

#area_productView .article_productView .proViewBody .proViewBodyCont#proViewBody1{display: block;}
#area_productView .article_productView .proViewBody .proViewBodyCont{text-align: center; display: none;}
#area_productView .article_productView .proViewBody .proViewBodyCont:after{display: block;content:"";clear: both;height: 0;visibility: hidden;}
#area_productView .article_productView .proViewBody .proViewBodyCont .g-l{ float: left; width: 45%; margin-left: 3%;  text-align: center; text-align: center;   }
#area_productView .article_productView .proViewBody .proViewBodyCont .g-l img{max-width: 100%;}
#area_productView .article_productView .proViewBody .proViewBodyCont .g-l .t1{ margin-bottom: 2%; font-size: 2.500em; line-height: 1.5625em; color: #fff;  }
#area_productView .article_productView .proViewBody .proViewBodyCont .g-l .pan{margin-top: 7%;  }
#area_productView .article_productView .proViewBody .proViewBodyCont .g-l .t3{ margin-top: 7%; font-size: 1.143em;  line-height: 1.5625em;color: #ccc; }
#area_productView .article_productView .proViewBody .proViewBodyCont .g-r{ float: right; width: 42%; margin-right: 3%; margin-left: 3%;  }

col.dp1{  width: 170px; }
.bxslider_product {position: relative; background-color: #040403; padding: 10px  60px;}
.bxslider_product .bxInner li > .inner{position: relative;height: 0;padding-bottom:56.4705%}
.bxslider_product .bxInner li > .inner > *{position: absolute;top:0;bottom:0;right:0;left:0;}
.bxslider_product .bxInner li > .inner > iframe{width:100%;height:100%;}
.bxslider_product img{max-width: 100%;}
.bxslider_product .bx-pager{display: none;}
.bxslider_product .bx-prev{ width: 24px; height: 36px; position: absolute; left: 10px; top: 50%; margin-top: -18px; background: url(/images/product/btn_arr_prev.png) 0 0 no-repeat; z-index: 2; overflow: hidden; text-indent: -9999px; }
.bxslider_product .bx-next{ width: 24px; height: 36px; position: absolute; right: 10px; top: 50%; margin-top: -18px; background: url(/images/product/btn_arr_next.png) 0 0 no-repeat;  z-index: 2;  text-indent: -9999px;}
#area_productView .productViewDetail .inner_productViewDetail .details{margin-top: 3%; position: relative;}
#area_productView .productViewDetail .inner_productViewDetail .details .manual{ position: absolute; right: 4%; top: 4%; font-size: 0; width:24%;text-align: right;}
#area_productView .productViewDetail .inner_productViewDetail .details .manual li{width: 49%; display: inline-block; *display: inline; *zoom: 1; margin-left: 1%;}
#area_productView .productViewDetail .inner_productViewDetail .details .manual li a{margin-left: 10px;}
#area_productView .productViewDetail .inner_productViewDetail .details .manual li img{max-width: 100%;}
#area_productView .productViewDetail .inner_productViewDetail .details .table_details{ border: 3px solid #3b3937; padding: 3%; }
#area_productView .productViewDetail .inner_productViewDetail .details .table_details table{width: 100%;}
#area_productView .productViewDetail .inner_productViewDetail .details .table_details table th{ padding-top: 1%; padding-bottom: 1%; padding-right: 3%; text-align: right; font-size: 1.143em; line-height: 1.5em; color: #fff; font-weight: normal;}
#area_productView .productViewDetail .inner_productViewDetail .details .table_details table td{ padding-top: 1%; padding-bottom: 1%;  padding-left: 3%;  text-align: left; font-size: 1.143em; line-height: 1.5em; border-left: 1px solid #3b3937;color: #ccc;}


#area_support .area_otherIndex{  margin-bottom: 4%; }
#area_support .area_otherIndex .photo{position: relative; display: block;background-color: #ddd; width: 100%; padding-bottom: 77.357143%;}
#area_support .area_otherIndex .photo img{position: absolute; left: 0; top: 0; width: 100%; height: auto;}
#area_support .area_group.mb30{margin-bottom:30px;}
#area_support .area_group .movie{ margin-bottom: 40px; }
#area_support .area_group .movie .box{position: relative; left: 0; top: 0; width: 100%; height: 296px; overflow: hidden; background-color: #000;}
#area_support .area_group .movie .box iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#area_support .area_group .faq{  }
#area_support .area_group .group.left{float: left; width: 48%;}
#area_support .area_group .group.left img{max-width: 100%;}
#area_support .area_group .group.right{float: right; width: 48%;}
#area_support .area_group .group.left_t2{width:400px; float:left;}
#area_support .area_group .group.right_t2{float:none;margin-left:420px;width:auto;}


#area_custom img{max-width: 100%;}
#spot.sub.custom{background-color: #3c1a01;}
#spot.sub.custom .txt{top:7%; text-align: right;}
#spot.sub.custom .txt h1{margin-right:8%;}

#spot.sub.custom .bg_slide{height:90%;top:5%;max-width:600px;margin:0 auto;position: relative;}
#spot.sub.custom .bg_slide .bx_slide{overflow: hidden;height:100%;}
#spot.sub.custom .bg_slide .bx_slide > ul{height:100%;}
#spot.sub.custom .bg_slide .bx_slide > ul > li{height:100%;}
#spot.sub.custom .bg_slide .bx_slide > ul > li a{display: block;height:100%;position: relative;}
#spot.sub.custom .bg_slide .bx_slide > ul > li a img{position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;}
#spot.sub.custom .bg_slide > button{position: absolute;height:59px;top:0;bottom:0;margin:auto;}
#spot.sub.custom .bg_slide > button img{max-height:100%;}
#spot.sub.custom .bg_slide > button.btn_prev{right:100%;}
#spot.sub.custom .bg_slide > button.btn_next{left:100%;}

#spot.sub.custom .paginate{position: absolute; bottom: 0; text-align: center; left: 0; right: 0; margin: 0;}
#spot.sub.custom .paginate .swiper-pagination-switch{display: inline-block;width:11px;height: 11px;background-color: #fff;border-radius:50%;margin:0 5px;}
#spot.sub.custom .paginate .swiper-pagination-switch.swiper-active-switch{background-color: #a4a19c;}


#spot.sub.custom nav{position: absolute;left:10%;top:10%;z-index: 3}
#spot.sub.custom nav ul{}
#spot.sub.custom nav ul > li{}
#spot.sub.custom nav span.ico{position: relative;display: inline-block;width:32px;height:32px;border-radius:50%;background-color: #c5bdb5;vertical-align: middle;margin-right:10px;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
#spot.sub.custom nav span.ico img{position: absolute;top:0;bottom:0;right:0;left: 0;margin:auto;}
#spot.sub.custom nav a{color: #968c80;font-size: 1.4286em;line-height: 2;vertical-align: middle;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
#spot.sub.custom nav a:hover span.ico{background-color: #87847f;}
#spot.sub.custom nav a:hover{color: #736f68;font-weight: 700;}

#area_custom .dmp-winHeight{position: relative; width: 100%; overflow: hidden;  background-color: #262523; font-size: 1.143em; /* 14/16 */ line-height:1.666666666666667em; /*18/30*/ color: #fff;}
#area_custom .dmp-winHeight h2{margin-bottom: 2.5%; font-size: 2.5em; /* 16/32 */ line-height: 1.117647058823529em; font-weight: bold;}

#area_custom .dmp-winHeight .cont p{color: #e3e3e3;font-size: 1.125em;}

#area_custom #sec_custom0{position: static; background: url(../images/customhall/bg_custom1-1.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed;height:0;padding-bottom:40%}
#area_custom #sec_custom1{background: url(../images/customhall/bg_custom1.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed;}
#area_custom #sec_custom1 .cont{position: absolute; text-align:left; z-index:3;left: 10%;  bottom: 11%;}
#area_custom #sec_custom2 .cont{position: absolute; text-align:left; z-index:3;left: 10%;  bottom: 8%;}
#area_custom #sec_custom3{position: static; background: url(../images/customhall/bg_custom3.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed;}
#area_custom #sec_custom4 .cont{position: absolute; text-align:left; z-index:3;left: 10%;  bottom: 8%;}
#area_custom #sec_custom4 .cont h3{margin-bottom: 2.5%;font-size: 1.5625em;color: #e3e3e3;margin-top:3.5%}
#area_custom #sec_custom5 .cont{position: relative;max-width:1600px; margin:0 auto;top:11%;margin-bottom:10%;}
#area_custom #sec_custom5 #contact_us{margin-top:2.5%;}
#area_custom #sec_custom5 #contact_us input{max-width:830px;}
#area_custom #sec_custom5 #contact_us textarea{max-width:830px;}






#similar {margin-top: 3.8%; position:relative; width: 100%; padding-bottom: 5%;}
#similar h2{ margin-bottom: 2%; font-size: 1.143em;  line-height: 1.5625em; padding: 1%; color: #fff; background-color: #82a350; font-weight: bold; position: relative; z-index: 1;}
#similar .lst_similar{width: 90%; margin-left: auto; margin-right: auto;position: relative; z-index: 1;}
#similar .lst_similar > button{display: block; top: 157px; position: absolute;}
#similar .lst_similar > button.prev{left: 0;}
#similar .lst_similar > button.next{right: 0;}
#similar .lst_similar .lst {text-align: center;}
#similar .lst_similar .lst .txt p.t1{margin-top: 10px; font-size: 1.1em;}
#similar .lst_similar .lst .txt p.t2{margin-top: 4px; margin-bottom:2px;font-size: 1.1em;}
#similar .bg_similar{position: absolute; top: 0; width: 200%; left: -50%; bottom: 0; background-color: #000;
	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

#area_news  .header_new{ position: relative;  }
#area_news  .header_new .inner_header{margin-bottom: 3.125%; /*40:1600*/ margin-top: 6.25%; /* 100:1600 */ }
#area_news  .header_new .inner_header .group_left .total{ font-size: 16px; color: #222;  }
#area_news  .header_new .inner_header .group_left .total strong{ font-weight: 700; color: #9f3b00;}
#area_news  .header_new .inner_header .group_right{ position: absolute; right: 0; top: -6px; font-size: 0;}
#area_news  .header_new .inner_header .group_right .inp_txt{width: 300px; height: 31px;  padding: 0 5px;border: 1px solid #cacaca; font-size: 14px; line-height: 31px;}
#area_news  .header_new .inner_header .group_right button{margin-left: -1px;}

.bg_support {padding-top: 1px; padding-bottom: 1px; background: url(../images/support/bg_support.jpg); }
.bg_support #area_news .header_new .inner_header .group_left .total{ font-size: 16px; color: #fff;  }
.bg_support #area_news .header_new .inner_header .group_left .total strong{font-weight: bold; color: #fff;}

/*카드*/


#bbsType6 > .inner { border-top: 2px solid #888;padding-top:51px;}
#bbsType6 > .inner > ul{margin-left:-40px}
#bbsType6 > .inner > ul > li{position:relative; float:left;width:25%;margin-bottom:40px}
#bbsType6 > .inner > ul > li > a{display:block;margin-left:40px}
#bbsType6 > .inner > ul > li > a > span{display:block;height:0px;padding-bottom:100%;overflow:hidden;}
#bbsType6 > .inner > ul > li > a > span > img{position:relative;width:100%;display:block;width:100%;}
#bbsType6 > .inner > ul > li.btn_more > a{border:1px solid #ccc; background-color: #fafafa;position: relative;text-align: center;}
#bbsType6 > .inner > ul > li.btn_more .more{position: absolute;height:63px;top:0;bottom:0; right:0;left:0;margin:auto;}
#bbsType6 > .inner > ul > li.btn_more .more > span{font-size: 18px; font-weight: bold;line-height:2;}

#area_cardView > .inner{position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:21;
    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    zoom: 1;
}
#area_cardView > .inner:nth-child(n) {filter: none;}


#area_cardView > .inner{display: none;}
#area_cardView .view_box{position:relative;width:790px;margin:0px auto;background:#fff;}
#area_cardView .view_box > .inner{padding:20px;}
#area_cardView .img_box{position:relative;width:100%;height:0px;padding-bottom:100%;margin-bottom:25px;overflow:hidden;}
#area_cardView .img_box > li{position:absolute;left:0%;top:0px;width:100%;height:100%;}
#area_cardView .img_box > li > img{width:100%;}

#area_cardView .con_box{position:relative;margin-bottom:17px;overflow:hidden;}
#area_cardView .con_box:after{content: "";display:block;clear:both}
#area_cardView .con_box > h1{font-size:15px;font-weight:400;color:#666666;margin-bottom:8px;}
#area_cardView .con_box > h1 .writer{color:#333333;}
#area_cardView .con_box > p.detail{color:#7d7d7d;font-size:13px;}
#area_cardView .con_box > ul{position:absolute;right:0px;top:0px;}
#area_cardView .con_box > ul >li {float:left;  margin-left: 13px;}
#area_cardView .con_box > ul >li.img_list{margin-left:20px;color:#818181;font-size:15px;margin-right:8px;}
#area_cardView .con_box > ul >li.img_list > span{color:#ed1848;  display: inline-block;  width: 20px;  text-align: right;}

#area_cardView .pageing button{position:absolute;width:57px;top:40%;}
#area_cardView .pageing button.prev{left:0px;}
#area_cardView .pageing button.next{right:0px;}
#area_cardView .pageing button img{width:100%;}

#area_cardView .btn_close{position:absolute;top:8px;right:-38px;}


#area_cardView.img_only > .inner{
    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
    zoom: 1;
}
#area_cardView.img_only > .inner:nth-child(n) {filter: none;}
#area_cardView .view_box.img_only{width:auto;background:none;}
#area_cardView .view_box.img_only > .inner{padding:0px;}
#area_cardView .view_box.img_only .con_box{height:0px;}
#area_cardView .view_box.img_only .pageing{display:none;}
#area_cardView .view_box.img_only .btn_close{display:none;}
#area_cardView .view_box.img_only.w_max{width:100vw;height:100vw;}
#area_cardView .view_box.img_only.w_max > .inner{height:100%;}
#area_cardView .view_box.img_only.w_max > .inner > .img_box{margin-bottom:0px;}
#area_cardView .view_box.img_only.w_max > .inner > .img_box > li{height:100%;}
#area_cardView .view_box.img_only.w_max .img_box > li > img{width:100%;height:auto;}
#area_cardView .view_box.img_only.h_max{width:100vh;height:100vh;}
#area_cardView .view_box.img_only.h_max .img_box > li > img{height:100%;width:auto;}

.cssAni{
    webkit-transition: .3s ease-out;
      -moz-transition: .3s ease-out;
        -o-transition: .3s ease-out;
           transition: .3s ease-out;
}






/*
 * 서브 컨텐츠 최대 크기 1600
 * 미디어 쿼리 범위  1024 / 768 /  640 / 480
 *
 */

 #area_dealer .header_new{ position: relative;  }
#area_dealer .header_new .inner_header{margin-bottom: 3.125%; /*40:1600*/ margin-top: 6.25%; /* 100:1600 */ }
#area_dealer .header_new .inner_header .group_left .total{ font-size: 16px; color: #222;  }
#area_dealer .header_new .inner_header .group_left .total strong{ font-weight: 700; color: #9f3b00;}
#area_dealer .header_new .inner_header .group_right{ position: absolute; right: 0; top: -6px; font-size: 0;}
#area_dealer .header_new .inner_header .group_right .inp_txt{width: 300px; height: 31px;  padding: 0 5px;border: 1px solid #cacaca; font-size: 14px; line-height: 31px;}
#area_dealer .header_new .inner_header .group_right button{margin-left: -1px;}

#area_dealer .header_new{ position: relative;  }
#area_dealer .header_new .inner_header{margin-bottom: 3.125%; /*40:1600*/ margin-top: 6.25%; /* 100:1600 */ }
#area_dealer .header_new .inner_header .group_left .total{ font-size: 16px; color: #222;  }
#area_dealer .header_new .inner_header .group_left .total strong{ font-weight: 700; color: #9f3b00;}
#area_dealer .header_new .inner_header .group_right{ position: absolute; right: 0; top: -6px; font-size: 0;}
#area_dealer .header_new .inner_header .group_right .inp_txt{width: 300px; height: 31px;  padding: 0 5px;border: 1px solid #cacaca; font-size: 14px; line-height: 31px;}
#area_dealer .header_new .inner_header .group_right button{margin-left: -1px;}

/*게시판*/
#bbs_thumb_t5 > header.header{ position: relative; margin-bottom: 20px; }
#bbs_thumb_t5 > header.header p.total{ font-size: 14px; color: #4d4d4d; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;   }
#bbs_thumb_t5 > header.header p.total strong{color: #fe8300;}
#bbs_thumb_t5 > header.header .bbs_searchbox{ position: absolute; right: 0; bottom: 0; }

#bbs_thumb_t5 > ul{ border-top: 2px solid #888;}
#bbs_thumb_t5 > ul > li{ *zoom:1; padding:20px 0; border-bottom: 1px solid #e0e0e0; }
#bbs_thumb_t5 > ul > li:after{display: block;clear: both;content:"";height: 0; visibility: hidden;}
#bbs_thumb_t5 > ul > li .thumb{ float: left; width: 200px; height: 150px; overflow: hidden; }
#bbs_thumb_t5 > ul > li .thumb img{width: 100%; height: auto;}
#bbs_thumb_t5 > ul > li .cont{ margin-left: 260px; padding-top: 10px; }
#bbs_thumb_t5 > ul > li .cont > h1{margin-top: 10px;}
#bbs_thumb_t5 > ul > li .cont > h1 a{ font-size: 20px; line-height: 28px; font-weight: 700;  color: #333;  }
#bbs_thumb_t5 > ul > li .cont > .txt{ margin-top: 10px; font-size: 14px; line-height: 19px;}
#bbs_thumb_t5 > ul > li .cont > .txt a{color: #999;}
#bbs_thumb_t5 > ul > li .cont > .data{ margin-top: 10px; }



@media screen and (max-width: 1800px){
    #area_about1 .greeting{  padding: 5.85% 0 7%; }
    #area_about1 .greeting .inner{width: 94%;  margin-left: 3%; margin-right:3%;}

}

@media screen and (max-width: 1700px){
    /*怨듯넻 湲곗� css*/
    .innerMedia.imT1{ max-width: 1275px;}

    #area_productView .productViewDetail{ min-width: 0; width: 96%;}
    .box_tabType ul li {font-size: 12px; }
     /*#area_productView .article_productView .zoom{ width: 30%;}
     #area_productView .article_productView{width: 70%;}*/


    #area_product .lst_categori{width: 1540px;}
    #area_product .lst_categori  ul > li{ width: 370px; height: 369px;  float: left; margin-left: 10px; margin-bottom: 9px;  overflow: hidden; position: relative;  }
    #area_product .lst_categori > ul > li.n1{}
    #area_product .lst_categori > ul > li.n2{height: 180px;}
    #area_product .lst_categori > ul > li.n3{height: 180px;}
    #area_product .lst_categori > ul > li.n4{height: 180px;}
    #area_product .lst_categori > ul > li.n5{width: 180px; height: 180px;}
    #area_product .lst_categori > ul > li.n6{height: 180px;}
    #area_product .lst_categori > ul > li.n7{width: 180px; height: 180px;}
    #area_product .lst_categori > ul > li.n8{ width: 180px; height: 180px;}
    #area_product .lst_categori > ul > li.n9{ width: 180px; height: 180px;}
    #area_product .lst_categori > ul > li.n10{ width: 180px; height: 180px;}
    #area_product .lst_categori > ul > li.n11{ height: 180px;}
    #area_product .lst_categori > ul > li.n12{ width: 180px; height: 180px;}
    #area_product .lst_categori > ul > li.n13{ width: 180px; height: 180px;}
    #area_product .lst_categori > ul > li.n14{ width: 180px; height: 180px;}
    #area_product .lst_categori > ul > li.n15{ width: 180px; height: 180px;}
    #area_product .lst_categori > ul > li.n16{ width: 180px; height: 180px;}

    #area_product .lst_categori > ul > li.n21{}
    #area_product .lst_categori > ul > li.n22{height: 180px;}
    #area_product .lst_categori > ul > li.n23{height: 180px;}
    #area_product .lst_categori > ul > li.n24{height: 180px;}
    #area_product .lst_categori > ul > li.n25{height: 180px;}
    #area_product .lst_categori > ul > li.n26{height: 180px;}
    #area_product .lst_categori > ul > li.n27{height: 180px;}

    #area_product .lst_categori > ul > li.n31{}
    #area_product .lst_categori > ul > li.n32{height: 180px;}
    #area_product .lst_categori > ul > li.n33{height: 180px;}
    #area_product .lst_categori > ul > li.n34{height: 180px;}
    #area_product .lst_categori > ul > li.n35{width: 180px; height: 180px;}
    #area_product .lst_categori > ul > li.n36{height: 180px;}
    #area_product .lst_categori > ul > li.n37{width: 180px; height: 180px;}
    #area_product .lst_categori > ul > li.n38{height: 180px;}

    #area_product .lst_categori > ul > li.n41{}
    #area_product .lst_categori > ul > li.n42{}
    #area_product .lst_categori > ul > li.n43{}
    #area_product .lst_categori > ul > li.n44{}

    #area_about1 .box_outer,#area_about1 .greeting .box_outer2{max-width: 1600px; margin-left:2%; margin-right: 2%; position: relative;}
    #area_about1.ab1_1 .box_outer{margin-left: 0; margin-right: 0;}

    #area_about5 #contact_us > .inner{margin:0 auto;float:none;}




}



 @media screen and (max-width: 1600px){
    /*main*/
    #container.main #sect1 .bg{ top: -670px;}
    #container.main #sect2{height: 460px;}
    #container.main #sect2 .g1,#container.main #sect2 .g2{height: 460px;}
    #container.main #sect5 .lst_core{ width: 96%; margin-left: 0; left: 2%;}

    #area_product .lst_categori{width: 1330px;}
    #area_product .lst_categori > ul > li{ width: 370px; height: 369px;  float: left; margin-left: 10px; margin-bottom: 9px;  overflow: hidden; position: relative;  }
    #area_product .lst_categori > ul > li.n1{}
    #area_product .lst_categori > ul > li.n2{height: 180px;}
    #area_product .lst_categori > ul > li.n3{height: 180px;}
    #area_product .lst_categori > ul > li.n4{width: 180px; height: 180px;}
    #area_product .lst_categori > ul > li.n5{width: 370px; height: 180px;}
    #area_product .lst_categori > ul > li.n6{ height: 180px;}
    #area_product .lst_categori > ul > li.n7{width: 180px; height: 180px;}
    #area_product .lst_categori > ul > li.n8{ height: 180px;}
    #area_product .lst_categori > ul > li.n9{  width: 370px; height: 180px;}
    #area_product .lst_categori > ul > li.n10{ width: 370px; height: 180px;}
    #area_product .lst_categori > ul > li.n11{ height: 180px;}
    #area_product .lst_categori > ul > li.n12{ width: 180px; height: 180px;}
    #area_product .lst_categori > ul > li.n13{ width: 370px; height: 180px;}
    #area_product .lst_categori > ul > li.n14{ width: 180px; height: 180px;}
    #area_product .lst_categori > ul > li.n15{ width: 370px; height: 180px;}
    #area_product .lst_categori > ul > li.n16{ width: 180px; height: 180px;}

    #area_product .lst_categori > ul > li.n21{}
    #area_product .lst_categori > ul > li.n22{height: 180px;}
    #area_product .lst_categori > ul > li.n23{height: 180px;}
    #area_product .lst_categori > ul > li.n24{width: 180px; height: 180px;}
    #area_product .lst_categori > ul > li.n25{width: 370px; height: 180px;}
    #area_product .lst_categori > ul > li.n26{ height: 180px;}
    #area_product .lst_categori > ul > li.n27{width: 180px; height: 180px;}

    #area_product .lst_categori > ul > li.n31{}
    #area_product .lst_categori > ul > li.n32{height: 180px;}
    #area_product .lst_categori > ul > li.n33{width: 180px;height: 180px;}
    #area_product .lst_categori > ul > li.n34{width: 180px; height: 180px;}
    #area_product .lst_categori > ul > li.n35{ height: 180px;}
    #area_product .lst_categori > ul > li.n36{ height: 180px;}
    #area_product .lst_categori > ul > li.n37{width: 180px; height: 180px;}
    #area_product .lst_categori > ul > li.n38{ height: 180px;}

    #area_product .lst_categori > ul > li.n41{width: 325px; height:325px}
    #area_product .lst_categori > ul > li.n42{width: 325px; height:325px}
    #area_product .lst_categori > ul > li.n43{width: 325px; height:325px}
    #area_product .lst_categori > ul > li.n44{width: 325px; height:325px}


    #spot.sub.custom .txt h1{margin-right:0%; width: 400px;}
    #area_custom #sec_custom5 .cont{margin-left:5%;margin-right:5%;}
    #area_custom #sec_custom5 .cont h2{font-size:1.7em;}

}

 @media screen and (max-width: 1500px){
    /*common*/
    body{font-size: 13px;}
    .fzD{font-size: 13px;}
    /*main*/
    #container.main #sect2{height: 400px;}
    #container.main #sect2 .g1,#container.main #sect2 .g2{height: 400px;}

    #area_about1 .greeting{  padding: 3.85% 0 5%; }
    #area_about5 #contact_us > .inner{margin:0 4%;float:none;width:auto;}

}

 @media screen and (max-width: 1420px){
    /*common*/
    #lnb > ul > li a{color: #fff;display: block; padding: 10px 15px; }
    /*main*/
    #container.main #sect1 .inner,
    #footer .fooer_inner
    { max-width: 1400px; width: 94%; margin:0 3%; *zoom:1;}
    #container.main #sect1 .bg {top: -600px;}
    #container.main #sect2{height: 330px;}
    #container.main #sect2 .g1,#container.main #sect2 .g2{height: 370px;}

    #area_wood #sec_wood5 .mov{ width: 40.5%;  left: 50.5%;}
    #area_wood #sec_wood7 .char{margin-left: 3%; margin-right: 3%;}
    #area_wood .lst_wood1 > li.n2{ top: 42.032663%;}
    #area_wood .lst_wood1 > li.n4{ top: 50.978392%;}







}


 @media screen and (max-width: 1380px){

    /*怨듯넻 湲곗� css*/
    .innerMedia.imT1{ max-width: 948px;}
    .innerMedia.imT2{ width: 94%; margin-left: 3%; margin-right: 3%;}

    /*craftmanship*/
    #area_craftmanship > .interview .txt{width: 65.125%; padding-left: 4%; }
    #area_craftmanship > .interview .mov{ width: 30.125%;  height: auto;}
    #area_craftmanship > .interview .mov .bg{width: 610px;text-align: right;}

    #area_craftmanship > .interview .mov img{max-width: 100%;}



    #area_product .lst_categori{width: 1150px;}
    #area_product .lst_categori > ul > li{ width: 370px; height: 369px;  float: left; margin-left: 10px; margin-bottom: 9px;  overflow: hidden; position: relative;  }
    #area_product .lst_categori > ul > li.n4{ width: 370px;}
    #area_product .lst_categori > ul > li.n9{ width: 370px;}
    #area_product .lst_categori > ul > li.n12{ width: 370px;}

    #area_product .lst_categori > ul > li.n21{}
    #area_product .lst_categori > ul > li.n22{ width: 180px;}
    #area_product .lst_categori > ul > li.n23{}
    #area_product .lst_categori > ul > li.n24{ width: 180px;}
    #area_product .lst_categori > ul > li.n25{ width: 180px;}
    #area_product .lst_categori > ul > li.n26{ width: 180px;}
    #area_product .lst_categori > ul > li.n27{width: 370px;}

    #area_product .lst_categori > ul > li.n31{}
    #area_product .lst_categori > ul > li.n32{}
    #area_product .lst_categori > ul > li.n33{width: 370px;}
    #area_product .lst_categori > ul > li.n34{ width: 370px;}
    #area_product .lst_categori > ul > li.n35{width: 370px;}
    #area_product .lst_categori > ul > li.n36{}
    #area_product .lst_categori > ul > li.n37{width: 370px;}
    #area_product .lst_categori > ul > li.n38{}

    #area_product .lst_categori > ul > li.n41{width: 280px; height:280px}
    #area_product .lst_categori > ul > li.n42{width: 280px; height:280px}
    #area_product .lst_categori > ul > li.n43{width: 280px; height:280px}
    #area_product .lst_categori > ul > li.n44{width: 280px; height:280px}

    /*#area_productView .article_productView .zoom{ display: none; }*/
    #area_productView .article_productView{width: 100%;  }

    #bbsType6 > .inner > ul > li{width:33.333%;}

    #spot.sub.custom .txt h1{width:300px}
}




@media screen and (max-width: 1230px){
    /*common*/
    body{font-size: 12px;}
    .fzD{font-size: 12px;}
    #lnb{left: 60px;}

/*intro*/
#area_intro ul > li{ width: 50%; height:auto; float: left;}
#area_intro ul > li a{display: block; width: 100%; height: auto; position: static;}


    /*main*/
    #container.main #sect1 .bg{ top: -520px;}

    #area_about1 .greeting{  padding: 2% 0 3%; }



    #area_product .lst_categori{width: 940px;}
    #area_product .lst_categori > ul > li.n1{height: 180px;}
    #area_product .lst_categori > ul > li.n2{width: 180px;}
    #area_product .lst_categori > ul > li.n5{width: 180px;}
    #area_product .lst_categori > ul > li.n9{ width: 180px;}
    #area_product .lst_categori > ul > li.n12{ width: 180px;}
    #area_product .lst_categori > ul > li.n14{ width: 370px;}
    #area_product .lst_categori > ul > li.n7,#area_product .lst_categori > ul > li.n8{width: 370px}


    #area_product .lst_categori > ul > li.n21{height: 180px;}
    #area_product .lst_categori > ul > li.n22{width: 180px;}
    #area_product .lst_categori > ul > li.n25{width: 180px;}

    #area_product .lst_categori > ul > li.n31{}
    #area_product .lst_categori > ul > li.n32{width: 180px;}
    #area_product .lst_categori > ul > li.n35{width: 180px;}
    #area_product .lst_categori > ul > li.n38{width: 180px;}

    #area_product .lst_categori > ul > li.n41{width: 227px; height:227px;}
    #area_product .lst_categori > ul > li.n42{width: 227px; height:227px;}
    #area_product .lst_categori > ul > li.n43{width: 227px; height:227px;}
    #area_product .lst_categori > ul > li.n44{width: 227px; height:227px;}


        #area_sound  .playerAudio .lst > ul > li{ float: left; width: 33%; margin-bottom: 25px; font-size: 1.2em; }





}

@media screen and (max-width: 1140px){

    /*main*/
    #container.main #sect1 .bg{ top: -400px;}
    #container.main #sect8{height: 320px; }


}

@media screen and (max-width: 1080px){
    #lnb{display: none;}
    #header .sc input{left: 10%; width: 55%;}
    #infos h4{height:40px;}
    #infos{padding:0 10px;}
}

/**
 * 1�� : 1024 : XGA : ipad;
 * @type {[type]}
 */
@media (min-width: 1025px){
	#area_design #sec_design7 .group-l .dmp-Slide-thumb > button.dmp-current-Slide{display: none !important;}
	#area_design #sec_design7 .group-l .dmp-Slide-thumb ul{display: block !important;}
}

@media screen and (max-width: 1024px){
    /*怨듯넻 湲곗� css*/
    #header .sc .close{right: 76px; }
    #header .btn_sc{right: 78px; top: 20px;}
    #header .header_inner{ background-color: #161515;}
    #header.on,#wrap.ing #header{background-color: #161515;}
    #wrap #header .header_inner{height: 60px;}
    #wrap #header .btn_menu{ top: 19px;  }
    #wrap #header h1{top: 10px; left: 3%;}
    #wrap #header h1 img{ width: 74px; }
    #header .btn_menu{ position: absolute; right: 3.5%;}
    /*footer*/
    #footer .area.area_language{float: left; width: 40%; margin-right:0; margin-bottom: 0; }
    #footer .area.area_contact{float: right; width: 54%; }
    #footer .area.area_contact ul{text-align: center;}
    #footer .area.area_contact ul:after{display: block;content:"";overflow: hidden;height: 0;visibility: hidden;}
    #footer .area.area_contact li{display: block;width: 100%; margin-top: 0; margin-bottom: 7%; text-align: left; }
    #footer .area.area_companyInfo{float: none; clear: both; width: 94%; padding: 3%; text-align: center; }
    #container.main .on-page{margin-top: 0;}
    #container.main #sect7{margin-top: 0px;}
    #container.main img{max-width: 100%;}
    #container.main .g_m1{ display: block; float: left; width: 50%; }
    #container.main .g_m2{ display: block; float: right; width: 50%; }
    #container.main #sect1,
    #container.main #sect2,
    #container.main #sect3,
    #container.main #sect6,
    #container.main #sect7,
    #container.main #sect8
    { height: auto; z-index: 8; background-color: #fff;}
    #container.main #sect1 .bg{  position: static; left: 0; top: 0;  width: auto;}
    #container.main #sect2:after,
    #container.main #sect6:after,
    #container.main #sect7:after
    {display: block;clear: both;content:"";height: 0;visibility: hidden;}
    #spot.sub .txt h1{ margin-bottom: 4%; padding-bottom: 4%; }

    #area_about2 .history{height: auto; margin: 7.7% 3%; padding-right: 70px; }
        #area_about2 .history img{max-width: 100%;}
    #area_about2 .history .prev{top: 90px;}
    #area_about2 .history .next{bottom: 20px;}
    #area_about2 .history .prev img , #area_about2 .history .next img{width: 80%;}
    #area_about2 .lst_history  li{ width: 100%; padding: 20px 0 20px 40px; }
    #area_about2 .lst_history  ul  li strong{color: #fff; font-weight: bold; position: absolute; left: 0; top: 21px;}

    #area_about4{ height: auto; padding-bottom: 0;  background:  url(../images/about/bg_about3_mobile.jpg) center top no-repeat; -webkit-background-size: cover;  background-size: cover;  }
    #area_about4 br{display: none;}
    #area_about4 .vision{  margin:12% 5.9%;}

#area_about4{ height: auto; padding-bottom: 0;  background:  url(../images/about/bg_about3_mobile.jpg) center top no-repeat; -webkit-background-size: cover;  background-size: cover;  }
    /*#area_about4 br{display: none;}
    #area_about4 .vision{  margin:12% 5.9%;}*/

   #area_about5 #contact_us{width:auto;padding:8% 0;}
   #area_about5 #contact_us > .inner{}
   #area_about5 #contact_us > .inner h2{text-align: center;}
   #area_about5 #google_map{width: 100%; position: relative; left: 0; top: 0; height: 0; padding-bottom: 50%;}
   #area_about5 #google_map > iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

#area_sound  .playerAudio .lst > ul > li a{background: url(../images/corevalues/bg_arr.png) 0 1px no-repeat;}







    #container.main #sect5{padding: 10%; background: url(../images/main/bg_main_mobile5_1.jpg) center top no-repeat; background-size: cover;     background-size: cover;}
    #container.main #sect5  .bg{display: none;}
    #container.main #sect5 .lst_core{ position: relative; left: 0; top: 0;}

    #allMenu .allMenu_inner h2 img{ width: 28%;  min-width: 180px;}
    #allMenu .allMenu_inner nav{font-size:1.843em;/* 30px; */ }

    #container.main #sect5 .h{  position: static; left:0; top: 0;  width: auto; margin-left: 0; margin-top: 0; text-align: center; margin-bottom: 12%; text-align: center;}
    #container.main #sect5 .h img{width: 40%;}
    #container.main #sect5 .lst_core > ul > li{width: 31.9375%; margin:0 2.5625% 9%;}
    #container.main #sect5 .lst_core > ul > li .t1{display: block; margin-top: 10px;}

    #area_about1.ab1_1 .bg.n5{left: 23%; top: -429px; width: 57.25%;}
    #area_about1.ab1_1 .bg.n2{left: 60.2%; top: -142px; width: 21.9%;}
    #area_about1.ab1_1 .greeting{
    padding:8% 2%;
    position: relative; top:0 ; left: 0; width: 96%;
    height:auto ;

    }

    #area_about2{ background: url(../images/about/bg_about2_mobile.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover;}

#container.main #sect8{padding: 7% 2%; background: url(../images/main/bg_su.jpg) 0 0 no-repeat; -webkit-background-size: cover;
background-size: cover;}
#container.main #sect8 .bg{ position: relative; left:0; top: 0; display: none;}
#container.main #sect8 .h{  width: 100%; margin-left: 0; margin-top: 0; margin-bottom: 7%; position: relative; left:0; top:0; z-index: 5;  margin-top: -1%; text-align: center; }
#container.main #sect8 .h img{width: 31%; height: auto;}
#container.main #sect8 .lst{ position: relative; left: 0; top: 0; width: 100%;}
#container.main #sect8 .lst > ul{text-align: center;}
#container.main #sect8 .lst > ul > li{width: 40%;  margin-bottom: 5%; text-align: left;margin-left: 0;}
#container.main #sect8 .lst > ul > li > a{ padding-left: 61px; font-size: 1.786em; line-height: 1.08em; /*25/27*/ font-family: 'Exo 2', sans-serif; font-weight: 400; color: #fff; display: block; position: relative;}
#container.main #sect8 .lst > ul > li > a:after{ position: absolute; left: 0; top: 0;  width: 31px; height: 31px; content:""; background-repeat: no-repeat; background-image: url(../images/common/ico_common.png); background-size: 409px 334px; }
#container.main #sect8 .lst > ul > li.n1 > a:after{ top: -3px; background-position: -13px -60px;}
#container.main #sect8 .lst > ul > li.n2 > a:after{ top: 2px; background-position: -58px -64px;}
#container.main #sect8 .lst > ul > li.n3 > a:after{ top: -3px; background-position: -104px -56px;}
#container.main #sect8 .lst > ul > li.n4 > a:after{ top: -3px; background-position: -147px -59px;}
#container.main #sect8 .lst > ul > li.n1,#container.main #sect8 .lst > ul > li.n3{margin-left: 10%;}
#container.main #sect8 .lst > ul > li.n2,#container.main #sect8 .lst > ul > li.n4{width: 30%;}




    /* corevalues */
    /*.lst_corevalues > ul > li{width: 50px;}
    .lst_corevalues > ul > li img{width:50px}*/

    #area_craftmanship > .interview .txt{ width: auto; height: auto; float: none; margin-bottom: 5%;margin-left: 30px; margin-right: 15%;}
    #area_craftmanship > .interview .txt .space{display: inline;}
    #area_craftmanship > .interview .mov{ width: auto; float: none;height: 0;padding-bottom: 57.3%; margin-left: 3%; margin-right:11%; }
    #area_craftmanship > .interview .mov img{width: 100%;}
    #area_craftmanship > .interview .mov .bg{width: 100%;}
    #area_craftmanship .craftman .lst_movs ul > li .cont{ left: 3%;}
    #area_craftmanship > .interview .txt .h .quotes{width: 30px;}
    #area_craftmanship > .interview .txt .h .quotes.left{left: -40px; top: -11px;}
    #area_craftmanship > .interview .txt .h .quotes.right{right: -40px; bottom: inherit; top: 0;}

#area_wood .inner_wood{position: relative; width: auto; height: auto; padding: 8% 0;}
#area_wood #sec_wood1{background: url(../images/corevalues/bg_wood_moblie1.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed;}

#area_wood #sec_wood3{background: url(../images/corevalues/bg_wood_moblie3.jpg) center top no-repeat;-webkit-background-size: cover; background-size: cover; background-attachment: fixed;}
#area_wood #sec_wood5{background: url(../images/corevalues/bg_wood_moblie5.jpg) center top no-repeat;-webkit-background-size: cover; background-size: cover; background-attachment: fixed;}
#area_wood #sec_wood7{background: url(../images/corevalues/bg_wood_moblie7.jpg) center top no-repeat;-webkit-background-size: cover; background-size: cover; background-attachment: fixed;}
    #area_wood #sec_wood2,#area_wood #sec_wood4,#area_wood #sec_wood6{background: none;}
    #area_wood #sec_wood2 img,#area_wood #sec_wood4 img,#area_wood #sec_wood6 img{max-width: 100%;}
    #area_wood #sec_wood1 .h,
    #area_wood #sec_wood2 .h,
    #area_wood #sec_wood3 .h,
    #area_wood #sec_wood4 .h,
    #area_wood #sec_wood5 .h,
    #area_wood #sec_wood6 .h,
    #area_wood #sec_wood7 .h{ display: none;  }

    #area_wood .inner_wood .cont{width: 478px; position: relative; left: 10%; top: 57.28643216080402%; /*570/995*/  color: #fff; font-size:
        1.286em; line-height: 1.666666666666667em;   /* 30/18 */
        -webkit-perspective: 600px;
        perspective: 600px;
        -webkit-perspective-origin: top left;
        perspective-origin: top left;
    }
    #area_wood .inner_wood .cont .inr{
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
    }
    #area_wood .inner_wood .cont h2{ margin-bottom: 5%;}
    #area_wood .inner_wood .cont p{text-align:justify; text-justify:inter-cluster;}

    #area_wood .inner_wood .lst_wood1,#area_wood .inner_wood .lst_wood3{display: none;}
    #area_wood .inner_wood .photo{margin-bottom: 5%; width: 71%; margin-left: auto; margin-right: auto;}
    #area_wood .inner_wood .photo img{max-width: 100%;}
    #area_wood .inner_wood .cont{width: 80%; margin-left: auto; margin-right: auto; position: relative; left: 0; top:0;  color: #fff; font-size:
            1.286em; line-height: 1.666666666666667em;   /* 30/18 */
        }

    #area_wood #sec_wood5 .mov{ margin-bottom: 5%; width: 71%;  left: 0; position: relative; top: 0; margin-left: auto; margin-right: auto;}
    #area_wood #sec_wood7 h2{margin-bottom: 2%;}

    #area_wood #sec_wood7 .char > .article_char > ul > li{ width: 33%;}

    #spot.sub.sound .txt .ico{width: 20%; }
    #spot.sub.sound .txt .ico img{max-width: 100%;}
    #area_sound #sec_sound3,#area_sound #sec_sound5{background: none;}
    #sec_sound7{ background: url(../images/corevalues/bg_sound10_mobile.jpg) 0 0 no-repeat; -webkit-background-size: cover;
    background-size: cover; }

    #area_sound  .playerAudio h1{ width: 60%; margin-left: auto; margin-right: auto; }
    #area_sound  .playerAudio .lst > ul{margin: 10% 5% 10% 18%;}
    #area_sound  .playerAudio .lst > ul > li{  width: 42%;   margin-right: 8%;}
    #area_sound  .playerAudio .box_control .center .prev{left: 2%; }
    #area_sound  .playerAudio .box_control .center .next{right: 2%;}

    #area_design #sec_design6 .group-r{position: relative; left:0; top: 0; width:auto; height: auto; background-color: #402921; z-index: 0;}
    #area_design #sec_design6 .group-l{width:90%;height:76%;left:0;right:0;top:14%;bottom:0;margin:auto; z-index: 5;border-radius:7px;visibility: hidden;opacity:0;
    	-webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
	    -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
	    -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
	    transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    }
    #area_design #sec_design6 .group-l .btn_close{display: block;}
    #area_design #sec_design6 .group-l.on{visibility: visible;opacity:1;}
    #area_design #sec_design6 .group-l .dmp-Slide-big .big{top: auto; bottom: 5%;}
    #area_design #sec_design6 .group-l .dmp-Slide-big .big .cont{position: relative; width: 180%; left: -40%; }
    #area_design #sec_design6 .group-r .dmp-Slide-thumb ul:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
    #area_design #sec_design6 .group-r .dmp-Slide-thumb li{ float: left; width: 24.9%;}
    #area_design #sec_design6 .group-r .dmp-Slide-thumb li button .p{  font-size: 0.75em; }
    #area_design #sec_design6 .group-r .dmp-Slide-thumb li button{
        padding: 7% 12%;
        width: 86%;
    }

    #area_design #sec_design7 .group-l{position: relative;width:auto;}
    #area_design #sec_design7 .group-l .inner_group{margin:0;height:auto;text-align: left;overflow: visible;}
    #area_design #sec_design7 .group-l .dmp-Slide-thumb{margin:3%;position: relative;}
    #area_design #sec_design7 .group-l .dmp-Slide-thumb > button.dmp-current-Slide{width:100%; font-size: 1.286em; line-height: 1.2em; color: #fff; padding: 2%;text-align: left;
    	background: #666 url(/images/corevalues/ico_select_arrow.png) no-repeat right 10px center ;
    }
    #area_design #sec_design7 .group-l .inner_group li{margin:0;}
    #area_design #sec_design7 .group-l .inner_group li button{text-align: left;padding:0.5em 2%;}
    #area_design #sec_design7 .group-l .dmp-Slide-thumb ul{position: absolute;width:100%;display: none;visibility:hidden; opacity:0;background-color: #262523;margin-top:3em;
	    -webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
	    -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
	    -ms-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
	    -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
	    transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
	}
	#area_design #sec_design7 .group-l .dmp-Slide-thumb ul.on{
		visibility:visible; opacity:1;
	}
    #area_design #sec_design7 .group-l .dmp-Slide-thumb ul > li{}

	#area_design #sec_design7 .dmp-Slide-big{height:30em;height:80vh;position: relative;}
	#area_design #sec_design7 .viewport{height:100%;}
	#area_design #sec_design7 .viewport > .big .bg{height:100%;}
    #area_design #sec_design7 .viewport > .big .bg img{height:100%;max-width:none;width:auto !important;}
    #area_design #sec_design7 .viewport > .big h3{left:5%;font-size:1.5em;line-height:1.2;}
	#area_design #sec_design7 .viewport > .big h4 img{width:80%}

    .media_mobile{display: block;}
    .media_pc{display: none !important;}
    .innerMedia.imT1{ max-width: 1024px; width: 96%; margin-left: 2%; margin-right: 2%;}
    #spot.sub{ width: 100%; height: auto !important;}
    #spot.sub .box_outer{ position: relative; left: 0; top: 0;  width: auto; height: auto; }
    #spot.sub.main{ height: auto;}
    #spot.sub .bg{ position:static; left:0; top: 0; width: 100%; height: 0  !important;; padding-bottom:95%; margin-left:0; background: none !important;}
    #spot.sub.custom .bg{height:auto !important;padding-bottom:0;}
    #spot.sub .bg img{max-width: 100%;}

    #spot.sub .txt{left:0; top: 40%; width: 100%; margin-left: 0;}
    #spot.sub .txt .space{ display: block;}

    #spot.sub.main .txt h1{padding-bottom: 0; margin-bottom:5%;}
    #spot.sub.main .txt p img{ width: 57%; max-width: 57%;}

    #spot.sub.support .txt{top: 41%;}
    #spot.sub.support .txt h1 img{width: 80%;}
    #spot.sub.support2{background: none;}
    #spot.sub.support2 .txt{ top: 38%;  width: 53%; margin-left: 40%; text-align: left; }

    #area_product .lst_categori{width: 96%; margin-left: 2%; margin-right: 2%;}
    #area_product .lst_categori > ul{margin-left: -0.5%;}
    #area_product .lst_categori > ul > li.n1
    #area_product .lst_categori > ul > li.n2,
    #area_product .lst_categori > ul > li.n3,
    #area_product .lst_categori > ul > li.n4,
    #area_product .lst_categori > ul > li.n5,
    #area_product .lst_categori > ul > li.n6,
    #area_product .lst_categori > ul > li.n7,
    #area_product .lst_categori > ul > li.n10,
    #area_product .lst_categori > ul > li.n11,
    #area_product .lst_categori > ul > li.n12,
    #area_product .lst_categori > ul > li.n13,
    #area_product .lst_categori > ul > li.n14,
    #area_product .lst_categori > ul > li.n15,
    #area_product .lst_categori > ul > li.n16{width:32.3%;height:auto; margin: 0 0.5% 1%;}

    #area_product .lst_categori > ul > li.n1,
    #area_product .lst_categori > ul > li.n2,
    #area_product .lst_categori > ul > li.n6,
    #area_product .lst_categori > ul > li.n7,
    #area_product .lst_categori > ul > li.n8,
    #area_product .lst_categori > ul > li.n9
    {width: 49%;height:0; padding-bottom: 28%; margin: 0 0.5% 1%;}

    #area_product .lst_categori > ul > li.n21
    #area_product .lst_categori > ul > li.n22,
    #area_product .lst_categori > ul > li.n23,
    #area_product .lst_categori > ul > li.n24,
    #area_product .lst_categori > ul > li.n25,
    #area_product .lst_categori > ul > li.n26,
    #area_product .lst_categori > ul > li.n27,
    #area_product .lst_categori > ul > li.n28,

    #area_product .lst_categori > ul > li.n31
    #area_product .lst_categori > ul > li.n32,
    #area_product .lst_categori > ul > li.n33,
    #area_product .lst_categori > ul > li.n34,
    #area_product .lst_categori > ul > li.n35,
    #area_product .lst_categori > ul > li.n36,
    #area_product .lst_categori > ul > li.n37,
    #area_product .lst_categori > ul > li.n38{width:32.3%;height:auto; margin: 0 0.5% 1%;}

    #area_product .lst_categori > ul > li.n21,
    #area_product .lst_categori > ul > li.n22,
    #area_product .lst_categori > ul > li.n26,
    #area_product .lst_categori > ul > li.n27,

    #area_product .lst_categori > ul > li.n31,
    #area_product .lst_categori > ul > li.n32,

    #area_product .lst_categori > ul > li.n41,
    #area_product .lst_categori > ul > li.n42,
    #area_product .lst_categori > ul > li.n43,
    #area_product .lst_categori > ul > li.n44{width: 49%;height:0; padding-bottom: 28%; margin: 0 0.5% 1%;}





    #area_product .lst_categori > ul > li img{left: 0;top: 0;}




    #area_isotope > .inner{margin-left: -3.125%;}
    #area_isotope .boxi{border: 0; width:30.105625%; /* 292px */ margin-left: 3.125%;/* 32px */ margin-bottom: 4.81258%;/* 80px */ background-color: #fff; /* position: absolute; left: 0; top: 0; */}
    #area_isotope .boxi .inner_boxi{border: 1px solid #ccc; }

    #area_productView .article_productView{width: 100%;}
    /*#area_productView .article_productView .zoom{display: none;}*/



    #solution_map_area .result_city  ul li { margin-top:9px; width:11.5%;  } /*吏���챸 寃��� 媛� 吏��� 踰꾪듉 �ㅽ��� */

    #area_support .area_group .movie,
    #area_support .area_group .faq{ width: auto; float: none; }
    #area_support .area_group .movie{margin-bottom: 3%;}
    #area_support .area_group .movie .box{height: 0;padding-bottom: 56%;}


    #area_craftmanship .craftman{ width: 100%; height: auto; overflow: hidden; position: relative;}
    #area_craftmanship .craftman > .bg{position: static; left: 0; top: 0; width: auto; margin-left: 0; }
    #area_craftmanship .craftman .lst_movs{ position: relative; }
    #area_craftmanship .craftman .lst_movs ul > li{float: none; width: 100%; }
    #area_craftmanship .craftman .lst_movs ul > li .play img{width: auto;}

    #area_craftmanship .craftman .cont_parent{ left: 3.5%; top: 1%;}
    #area_craftmanship .craftman .cont_parent img.CRAFTER{ width: 190px;}
    #area_craftmanship .craftman .cont_parent .t1 img{width: 160px;}
    #area_craftmanship .craftman .play_parent{ left: 45.8%; top: 9.8%;  width: 9.4%;  }
    #area_craftmanship .craftman .play_parent img{max-width: 100%;}
    #area_craftmanship .craftman .lst_movs ul > li .play{position: absolute; left: 45.8%; top: 43.8%; width: 9.4%;  /* 500 / 92 */ /*320 / 92*/ }

    #area_custom #sec_custom5 .cont{top:0%;margin-top:10%;font-size:0.9em;}
}


/**
 * 2�� : 960 : DVGA - iphone orientation
 * @type {[type]}
 */
@media screen and (max-width: 960px){
    /*footer*/
    #footer .area.area_language{float: none; width: 100%; margin-bottom: 2%;}
    #footer .area.area_companyInfo{float: none; clear: both; width: 94%; padding: 3%; text-align: center; }
    #footer .area.area_contact{float: none; width: 100%; margin-left: auto;margin-right: auto;}
    #footer .area.area_contact ul{ text-align: center; width: 470px; margin-left: 31px;}
    #footer .area.area_contact li{margin-bottom: 2%}

    #area_product .lst_sort > li{ width: 45%; margin-left: 0; }
    #area_product .lst_sort dl.box_sort dt{ width: 100%; min-width: 50;  height: 36px; background: url(../images/common/ico_arrbot_off.gif) 90% 50% no-repeat; background-color: #fff; }
   #area_product .lst_sort dl.box_sort dd{width: 96%; padding: 2%;}

   #showbigvideo .box_area{width:100%;}
    #area_productView .productViewDetail img{max-width: 100%;}
   .box_tabType ul li {width: 33%; margin-bottom: 1%; }
   #area_product .box_tabType ul li{width:49%; margin-bottom: 1%;}
   #area_productView .box_tabType ul li.n1,#area_productView .box_tabType ul li.n2{width: 32%;}
   area_productView.box_tabType ul li.n4, #area_productView .box_tabType ul li.n5{width:49%;}
   .box_tabType ul li a{display: block; width: auto; padding: 16px 10px;  background-color: #2c2c2c;  }
    #area_productView .productViewDetail .inner_productViewDetail .details .manual{width: 30%;}

    #area_about6 .crafter  ul.lst > li{ width: 23%; margin-bottom: 5%;}


    #area_support .area_group .group.left{float: none; width: auto; margin-bottom: 30px;}
    #area_support .area_group .group.right{float: none; width: auto;}

    #area_cardView .btn_close{top:-30px;right:0px;}


    #box_loading .cont2 img{width:300px;}

    #bbsType6 > .inner > ul{margin-left:-30px}
    #bbsType6 > .inner > ul > li{width:33.333%;margin-bottom:30px}
    #bbsType6 > .inner > ul > li > a{display:block;margin-left:30px}

}


@media screen and (max-width: 820px){
    .lst_hori.n5 > ul{ margin-left: -1.32%;  position: relative; left: 0; top: 0;}
    .lst_hori.n5 > ul > li{width: 32%;  margin-left: 1.32%; margin-bottom: 1.32%; text-align: center;  }
    #area_cardView .view_box{position:relative;width:92%;}

	#area_support .area_group .group.left_t2{width:auto;float:none;}
	#area_support .area_group .group.right_t2{margin-left:0px;}
}

/**
 * 3�� : 768 high-end window Phone
 * @type {[type]}
 */
@media screen and (max-width: 768px){
    .title1{ font-size: 2.057em;}



    #area_isotope > .inner{margin-left: -1%;}
    #area_isotope .boxi{border: 0; width:48.8%; margin-left: 1%; margin-bottom: 4.81258%;  background-color: #fff; /* position: absolute; left: 0; top: 0; */}
    #area_about1 .greeting .title img{width:22%}
    #area_about2 .history h1 img{width:30%}
    #area_about4 .vision h1 img{width:30%}
    #area_about5 #contact_us > .inner h2 img{width:50%}
    #area_about6  h1 img{width:50%}

    #area_about1 .greeting .box_outer2 .group_left,#area_about1 .greeting .box_outer2 .group_right{ float: none; width: auto;}
    #area_about1.ab1_1 .bg.n5{top: -359px;}
    /*news*/
    #area_news  .header_new .inner_header .group_right{ position: relative; right: 0; top:0;margin-top: 2%; padding-right: 86px;}
    #area_news  .header_new .inner_header .group_right .inp_txt{width: 96%; padding: 0 2%; }
    #area_news  .header_new .inner_header .group_right button{position: absolute; right: 0; top: 0;}

    #solution_map_area .result_city  ul li { width:24%;  } /*吏���챸 寃��� 媛� 吏��� 踰꾪듉 �ㅽ��� */

    .popup_layer.ty1 .article  .photo{margin-bottom: 5%;}
    .popup_layer.ty1 .article  .photo img{width: 100%;}
    .popup_layer.ty1 .article  .photo,.popup_layer.ty1 .article  .info{ width: auto; float:none; }

    col.dp1{  width: 100px; }
    #area_productView .productViewDetail{ min-width: 0; width: 100%;}
    #area_productView .productViewDetail .inner_productViewDetail{ padding: 0 4.245283018867925%;}
    #area_productView .article_productView .proViewBody .proViewBodyCont .g-l{ float: none; width: auto; margin-left: 0; margin-bottom: 13%; }
    #area_productView .article_productView .proViewBody .proViewBodyCont .g-r{ float: none; width: auto; margin-right:0; margin-left:0; margin-bottom: 13%; }

    #allMenu .close{  width: 40px;}

    #area_cardView .pageing button{width:48px;}

    #area_custom #sec_custom5{font-size:1em;}

    #area_design #sec_design7 .group-l{ display: none;}
}


/**
 * 3�� : 640 DVGA - iphone
 * @type {[type]}
 */
 @media screen and (max-width: 640px){
    #area_sound  .playerAudio .lst > ul{margin: 10% 5% 10% 10%;}
    #container.main #sect8 .lst > ul > li a{font-size: 1.186em;}
    #container.main #sect8 .lst > ul > li.n1,#container.main #sect8 .lst > ul > li.n3{margin-left: 5%;}
    #container.main #sect8 .lst > ul > li.n2,#container.main #sect8 .lst > ul > li.n4{width: 35%;}
    #container.main #sect8 .lst > ul > li.n1 > a:after{ top: -7px; }
    #container.main #sect8 .lst > ul > li.n2 > a:after{ top: -3px; }
    #container.main #sect8 .lst > ul > li.n3 > a:after{ top: -7px; }
    #container.main #sect8 .lst > ul > li.n4 > a:after{ top: -7px; }
    #container.main #sect8 .lst > ul > li{margin-bottom: 8%;}

    #area_about3 .play{ width: 62px; height: 62px; margin-left: -31px; margin-top: -31px; }

    #area_product .lst_categori > ul{margin-left: -0.5%;}
    #area_product .lst_categori > ul > li.n1
    #area_product .lst_categori > ul > li.n2,
    #area_product .lst_categori > ul > li.n3,
    #area_product .lst_categori > ul > li.n4,
    #area_product .lst_categori > ul > li.n5,
    #area_product .lst_categori > ul > li.n6,
    #area_product .lst_categori > ul > li.n7,
    #area_product .lst_categori > ul > li.n8,
    #area_product .lst_categori > ul > li.n9,
    #area_product .lst_categori > ul > li.n10,
    #area_product .lst_categori > ul > li.n10,
    #area_product .lst_categori > ul > li.n11,
    #area_product .lst_categori > ul > li.n12,
    #area_product .lst_categori > ul > li.n13,
    #area_product .lst_categori > ul > li.n14,
    #area_product .lst_categori > ul > li.n15,
    #area_product .lst_categori > ul > li.n16,


    #area_product .lst_categori > ul > li.n21,
    #area_product .lst_categori > ul > li.n22,
    #area_product .lst_categori > ul > li.n23,
    #area_product .lst_categori > ul > li.n24,
    #area_product .lst_categori > ul > li.n25,
    #area_product .lst_categori > ul > li.n26,
    #area_product .lst_categori > ul > li.n27,

    #area_product .lst_categori > ul > li.n31,
    #area_product .lst_categori > ul > li.n32,
    #area_product .lst_categori > ul > li.n33,
    #area_product .lst_categori > ul > li.n34,
    #area_product .lst_categori > ul > li.n35,
    #area_product .lst_categori > ul > li.n36,
    #area_product .lst_categori > ul > li.n37,
    #area_product .lst_categori > ul > li.n38 {width:49%; height: 0; padding-bottom: 28%; margin: 0 0.5% 1%;}
    #area_product .lst_categori > ul > li.n21,#area_product .lst_categori > ul > li.n1{width:99%;}
    #area_product .lst_sort{ width:auto; margin-left:2%; margin-right:2%; }
    #area_product .lst_sort > li{ width: 100%; margin-left: 0; }
    #area_product  .lst_sort dl.box_sort dt button span{ display: block; padding-left: 1%;  color: #505050; font-size: 13px; font-weight: 700; padding-right: 2%; }
    #area_product .lst_sort dl.box_sort dt{ background-position: 98% 50%;}

    /* corevalues */
    /*.lst_corevalues > ul > li{width: 40px;}
    .lst_corevalues > ul > li img{width:40px}*/

        /*寃뚯떆�� �곌린 �섏씠吏�*/
       #bbs_view_ty1 .header > h1 {width:100%; margin-bottom: 0px;}
       #bbs_view_ty1 .header > .data {top:5px}
       #bbs_view_ty1 .header > .util {top:-3px;float:right;position:relative;}
       #bbs_view_ty1 .content .ico_list {top:70px;}

        #bbs_view_ty1 > .inner{ padding: 15px 20px; }
        #bbs_view_ty1.write .header{padding: 0 0 10px 0;}
        #bbs_view_ty1.write .header > input[type="text"]{width: 96%; padding: 0 2%;}

        #solution_map_area{text-align: center;}
        #solution_map_area .map {margin-bottom: 0; display: inline-block; *display: inline;  *zoom: 1;float:none; }
        #solution_map_area .search_area { margin-top:19px; margin-left: 0; padding-top:14px;}
        #solution_map_area .result_city  ul li a { height: 35px; line-height: 35px;  }/* 諛뺤뒪 �고듃 �ㅽ��� */
        #allMenu .close{  width: 36px; height: 80px; }
        #area_intro ul > li .cover2 span.txt img{width:80%}
        #area_intro ul > li .cover img{width:70%}

          #area_intro ul > li .cover span,
        #area_intro ul > li .cover2 span.txt{ font-size: 16px; }

    #contact_us > .inner dl dt{width:5.5em;}
    #contact_us > .inner dl dd{margin-left:5.5em;}

    #bbsType6 > .inner > ul{margin-left:-20px}
    #bbsType6 > .inner > ul > li{width:50%;margin-bottom:20px}
    #bbsType6 > .inner > ul > li > a{display:block;margin-left:20px}


}

@media screen and (max-width: 540px){
     .lst_hori.n6 > ul{ margin-left: -1.5%; position: relative; left: 0; top: 0;}
     .lst_hori.n6 > ul > li{width: 31.8%;  margin-left: 1.5%; text-align: center; margin-bottom: 10px; }
     .lst_hori.n4 > ul > li{width: 48.5%; margin-bottom: 20px; }
     .lst_hori.n3 > ul > li{width: auto; float: none; margin-bottom: 40px; }
     .lst_hori.n2 > ul > li{width: auto; float: none; margin-bottom: 40px; }

    #area_productView .productViewDetail .inner_productViewDetail .details .manual{width: 20%;}
    #footer .area.area_contact ul{ width: auto;margin-left: 0;}
    /* #footer .area.area_contact li{width: 40%; display: inline-block;*display: inline;*zoom: 1;  margin-bottom: 2%; text-align: left; } */

    #area_cardView .con_box{margin-bottom: 10px;}
    #area_cardView .con_box > ul{position:relative;float:right;}
    #area_cardView .con_box > ul >li.img_list{margin-left:20px;}
    #area_cardView .pageing button{width:38px;}
    #area_cardView .img_box{margin-bottom: 10px;}
    #area_cardView .view_box > .inner{padding:10px;}

    #box_loading .cont2 img{width:200px;}
    #area_design #sec_design7 .viewport > .big h4 img{width:60%}
}

/**
 * 4�� : 480 WVGA - low-end window phone
 * @type {[type]}
 */
@media screen and (max-width: 480px){
    #footer .area.area_contact ul{text-align: left;}
    /* #footer .area.area_contact li{width: 181px;  }
    #footer .area.area_contact li.tel{width: 120px;}
    #footer .area.area_contact li.mail{width: 60%;} */

}

@media screen and (max-width: 420px){
    #area_about1.ab1_1 .bg.n5{top: -190px;}

    #box_loading .cont2 img{width:150px;}
}


 /* IE8 only */
@media \0screen {

}
/* /IE8 only */