@charset "utf-8";

@font-face {
    font-family: 'NanumGothicWeb';
    src: url('fonts/NanumGothic.eot');
    src: url('fonts/NanumGothicd41d.eot?#iefix') format('embedded-opentype'),
        url('fonts/NanumGothic.woff') format('woff'),
        url('fonts/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none;}
html {overflow-y:auto;}
html, body {height:100%; min-height:100%;}
body, select, textarea, input {font:12px/100% 'Roboto Condensed', NanumGothic, "나눔고딕", NanumGothicWeb, Dotum, "돋움", gulim, "굴림", verdana, sans-serif; color:#333; border:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object, textarea, a, img {padding: 0; margin: 0;}
table {border-collapse:collapse; border-spacing:0;}
table img {vertical-align:middle;}
select, input, table tr td, table tr th {vertical-align:middle;}
form, fieldset, abbr, acronym {border:0;}
img {border:0; vertical-align:top;} /* 이미지에 공간을 없애기 위해 vertical-align:top 사용 */
address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, th, var {font-weight:normal; font-style:normal;}
ol, ul, li {list-style: none;}
table td a {display:inline-block;}
table caption {display:none;}
strong, .bold {font-family:NanumGothicBold;}
a {text-decoration:none;}
input[type="image"] {vertical-align:top;}
.clearfix {zoom:1;}
.clearfix:after {content:"";display:block;clear:both;}
/* hidden */
#accessibility, hr, caption, legend {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; text-indent:-5000px;}
.skip {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; text-indent:-5000px;} /* 이미지, 플래시 속 내용 */

/* common */
.blind{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;}
.wrap{position:relative;}
.btn-black{display:inline-block;position:relative;margin-right:2px;padding:11px 19px;font:12px/100% 'Roboto Condensed', sans-serif;color:#a7a7a7;background-color:#000;font-weight:700;}
.btn-black span{z-index:10;position:relative;-webkit-transition:.4s;transition:.4s;-moz-transition:.4s;-o-transition:.4s;}
.btn-black span.bg{z-index:0;position:absolute;top:0;left:0;display:inline-block;width:0;height:100%;background-color:#a78456;}
.btn-black span:last-child{}
.btn-black:hover span{color:#fff;}
.btn-black:hover span.bg{z-index:0;width:100%;}

.lang-kr{font-family: NanumGothic, "나눔고딕", NanumGothicWeb, 'Roboto Condensed', Dotum, "돋움", gulim, "굴림", verdana, sans-serif;}
.lang-kr strong{font-weight:bold;}

/*
z-index
.header                             - 300
.header h1                        -  310
.header .side-country       - 320
.btn-about                        - 50
#about-list> div                 30
#about-list>div.current       40
.catalog-info > div .current 30

*/



/* ===================================================== header ========================================== */
/*html,body{background-color:#111;}*/
body{min-width:1000px;background-color:#111; } /* 강제 스크롤 주기 */
body.overflowY{overflow-y:scroll; }
.header{z-index:300;position:relative;min-width:1000px;height:147px;background:url(../images/common/bg_header.gif) 0 0 repeat-x;}
.header .inner{position:relative;width:1000px;margin:0 auto;}
.header h1{z-index:310;position:absolute;top:15px;left:50%;width:86px;height:30px;margin-left:-43px;}
.header .gnb{position:relative;margin:0 auto;padding-top:122px;color:#333;text-align:center;}
.header .gnb > ul{display:inline-block;}
.header .gnb > ul > li{float:left;margin-left:60px;}
.header .gnb > ul > li:first-child{margin-left:0;}
.header .gnb > ul > li > a{position:relative;font:15px/100% 'Roboto Condensed', sans-serif;color:#8c8c8c;font-weight:700;}
.header .gnb > ul > li.on > a{color:#a78456;}
.header .gnb > ul > li.off > a{color:#8c8c8c;}
/*.header .gnb > ul > li.on > a:after{content:'';z-index:10;display:block;position:absolute;bottom:-11px;width:100%;height:1px;background-color:#a78456;}*/

.header .gnb > ul:after{content:"";display:block;clear:both;}

.header .gnb > ul > li .snb{display:none;position:absolute;top:147px;left:0;width:100%;height:25px;padding-top:10px;text-align:center;background-color:#191919}
.header .gnb > ul > li .snb:after{content:"";display:block;clear:both;}
.header .gnb > ul > li .snb > li{display:inline-block;padding:0 10px 0 10px;border-left:1px solid #3b3b3b;}
.header .gnb > ul > li .snb > li:first-child{border-left:0;}
.header .gnb > ul > li .snb > li > a{overflow:hidden;display:block;font:12px/100% 'Roboto Condensed', sans-serif;color:#666;-webkit-transition:color .4s ease-in-out;transition:color .4s ease-in-out;-moz-transition:color .4s ease-in-out;-o-transition:color .4s ease-in-out;font-weight:700;}
.header .gnb > ul > li .snb > li > a:hover{color:#888;}
.header .gnb > ul > li .snb > li.on > a{color:#a78456;}
.header .gnb > ul > li.on .snb{display:block;}

/* side-country */
.header .side-country{z-index:320;position:absolute;top:15px;right:15px;height:30px;overflow:hidden;}
.header .side-country .btn_side_country{display:block;width:90px;height:30px;font-size:12px;line-height:29px;color:#666;font-weight:700;cursor:pointer;background-color:#191919;text-align:center;}
.header .side-country > ul{overflow:hidden;}
.header .side-country > ul > li{width:84px;height:30px;border-top:1px solid #2d2d2d;background-color:#191919;-webkit-transition:all .3s ease;transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;}
.header .side-country > ul > li > a{position:relative;display:block;height:100%;text-align:center;font-weight:700;-webkit-transition:all .3s ease;transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;}
.header .side-country > ul > li > a span{position:relative;font-size:12px;line-height:29px;color:#666666;-webkit-transition:.3s ease;transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;}
.header .side-country > ul > li > a span.bg{position:absolute;top:0;left:0;display:inline-block;width:0;height:100%;background-color:#a78456;}

.header .side-country > ul > li:hover{background-color:#a78456;}
.header .side-country > ul > li:hover > a span{color:#fff;}
.header .side-country > ul > li:hover > a span.bg{width:100%;}

/* side-country2 */
.header .side-country2{z-index:320;position:absolute;top:15px;right:110px;height:30px;overflow:hidden;}
.header .side-country2 .btn_side_country2{display:block;width:90px;height:30px;font-size:12px;line-height:29px;color:#666;font-weight:700;cursor:pointer;background-color:#191919;text-align:center;}
.header .side-country2 > ul{overflow:hidden;}
.header .side-country2 > ul > li{width:84px;height:30px;border-top:1px solid #2d2d2d;background-color:#191919;-webkit-transition:all .3s ease;transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;}
.header .side-country2 > ul > li > a{position:relative;display:block;height:100%;text-align:center;font-weight:700;-webkit-transition:all .3s ease;transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;}
.header .side-country2 > ul > li > a span{position:relative;font-size:12px;line-height:29px;color:#666666;-webkit-transition:.3s ease;transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;}
.header .side-country2 > ul > li > a span.bg{position:absolute;top:0;left:0;display:inline-block;width:0;height:100%;background-color:#a78456;}

.header .side-country2 > ul > li:hover{background-color:#a78456;}
.header .side-country2 > ul > li:hover > a span{color:#fff;}
.header .side-country2 > ul > li:hover > a span.bg{width:100%;}

/* side-country3 */
.header .side-country3{z-index:320;position:absolute;top:15px;left:20px;height:30px;overflow:hidden;}
.header .side-country3 .btn_side_country3{display:block;width:100px;height:30px;font-size:13px;line-height:29px;color:#ac0000;font-weight:700;cursor:pointer;background-color:#191919;text-align:center;}
.header .side-country3 > ul{overflow:hidden;}
.header .side-country3 > ul > li{width:84px;height:30px;border-top:1px solid #2d2d2d;background-color:#191919;-webkit-transition:all .3s ease;transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;}
.header .side-country3 > ul > li > a{position:relative;display:block;height:100%;text-align:center;font-weight:700;-webkit-transition:all .3s ease;transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;}
.header .side-country3 > ul > li > a span{position:relative;font-size:12px;line-height:29px;color:#666666;-webkit-transition:.3s ease;transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;}
.header .side-country3 > ul > li > a span.bg{position:absolute;top:0;left:0;display:inline-block;width:0;height:100%;background-color:#a78456;}

.header .side-country3 > ul > li:hover{background-color:#a78456;}
.header .side-country3 > ul > li:hover > a span{color:#fff;}
.header .side-country3 > ul > li:hover > a span.bg{width:100%;}


/* ================================================ container ================================================ */
.container{position:relative;background-color:#111;}

/* ================================================ footer ================================================ */
.footer{;position:relative;width:100%;height:40px;margin:0 auto;background-color:#111;text-align:center;font-size:11px;line-height:100%;color:#676767;font-weight:700;}
.footer .address{display:inline-block;height:10px;margin-top:15px;padding-right:10px;border-right:1px solid #666;}
.footer .copyright{display:inline-block;margin-top:15px;margin-left:7px;}



/* ================================================ MAIN PAGE =============================================== */
.container .main-contents{position:relative;min-width:1000px;margin:0 auto;}
.main-contents .main-visual{position:relative;min-width:1000px;width:100%;min-height:300px;margin:0 auto;background-color:#111;}
.main-contents .main-visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.main-contents .main-visual .bg > ul{position:relative;width:100%;height:100%;}
.main-contents .main-visual .bg > ul > li{z-index:10;position:absolute;min-width:1000px;width:100%;min-height:300px;height:100%;margin:0 auto;background:url( ../images/contents/bg_main_visual.jpg) 50% 0 no-repeat;background-size: cover;}
.main-contents .main-visual .bg > ul > li.bg0{background:url( ../images/contents/bg_main_visual.jpg) 50% 0 no-repeat;background-size: cover;}
.main-contents .main-visual .bg > ul > li.bg1{background:url( ../images/contents/bg_main_visual_1.jpg) 50% 0 no-repeat;background-size: cover;}
.main-contents .main-visual .bg > ul > li.bg2{background:url( ../images/contents/bg_main_visual_2.jpg) 50% 0 no-repeat;background-size: cover;}
.main-contents .main-visual .bg > ul > li.bg3{background:url( ../images/contents/bg_main_visual_3.jpg) 50% 0 no-repeat;background-size: cover;}
.main-contents .main-visual .bg > ul > li.on{z-index:20;}
.main-contents .main-visual .bg > ul > li.prev{z-index:15;}

.main-contents .main-visual .btn-scrolldown{z-index:30;position:absolute;display:inline-block;bottom:42px;left:50%;margin-left:-24px;width:48px;height:48px;border-radius:24px;background:rgba( 196, 155, 101, .2 );text-align:center;
    -webkit-transition:all .6s ease;transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;-ms-transition:all .6s ease;}
.main-contents .main-visual .btn-scrolldown:hover{-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);background:rgba( 196, 155, 101, .3 );}
.main-contents .main-visual .btn-scrolldown > img{padding-top:18px}
.main-contents .main-link{min-width:1000px;background-color:#111;}
.main-contents .main-link:after{content:"";display:block;clear:both;}
.main-contents .main-link .left-banner{float:left;width:66.66666666%;height:100%;}
.main-contents .main-link .left-banner img{width:100%;height:100%;}
.main-contents .main-link .right-banner{float:right;position:relative;width:33.33333333%;height:100%;background:url(../images/contents/bg_linkbanner_h.jpg) 0 0 no-repeat;background-size:cover;}

.main-contents .sub-link{position:relative;min-width:1000px;background-color:#111;}
.main-contents .sub-link:after{content:"";display:block;clear:both;}

.main-contents .sub-link > div{width:33.3333333%;height:100%;}

.main-contents .link-box{overflow:hidden;float:left;position:relative;width:100%;height:100%;background-color:#111;}
.main-contents .link-box > a{display:block;position:relative;width:100%;height:100%}
.main-contents .link-box > a > img{width:100%;height:100%;}
.main-contents .link-box > a .over{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;filter:alpha(opacity=0);text-indent:-9999px;-webkit-transition:.6s ease;transition:.6s ease;-moz-transition:.6s ease;-o-transition:.6s ease;}
.main-contents .link-box > a .center-txt{display:table;position:absolute;top:0;left:0;width:100%;height:100%;}
.main-contents .link-box > a .center-txt > div{display:table-cell;vertical-align:middle;text-align:center;}
.main-contents .link-box > a .center-txt > div p{position:relative;margin-top:7px;font-size:14px;line-height:100%;color:#c49b65;font-weight:700;letter-spacing:1px;}
.main-contents .link-box > a .center-txt > div span.top-line{display:inline-block;width:17px;height:1px;background-color:#c49b65;}
.main-contents .link-box > a .center-txt img{max-width:56%;}
.main-contents .link-box > a .btn-plus{position:absolute;bottom:0;right:0;width:18.28125%;max-width:117px;}
.main-contents .link-box > a .btn-plus img{position:absolute;bottom:0;left:0;max-width:100%;opacity:0;filter:alpha(opacity=0);-webkit-transition:.6s ease;transition:.6s ease;-moz-transition:.6s ease;-o-transition:.6s ease}
.main-contents .link-box > a .btn-plus img:first-child{opacity:1;filter:alpha(opacity=100);}
.main-contents .link-box.bg-img{} /* 배경이 이미지 */
.main-contents .link-box.bg-img > a .center-txt{opacity:0;filter:alpha(opacity=0);-webkit-transition:.6s ease;transition:.6s ease;-moz-transition:.6s ease;-o-transition:.6s ease;}
.main-contents .link-box.bg-img > a .btn-plus img:first-child{opacity:0;filter:alpha(opacity=0);}


.main-contents .link-box:hover > a .over{opacity:.5;filter:alpha(opacity=30);}
.main-contents .link-box:hover > a .btn-plus img{opacity:1;filter:alpha(opacity=100);}
.main-contents .link-box:hover > a .btn-plus img:first-child{opacity:0;filter:alpha(opacity=0);}
.main-contents .link-box.bg-img:hover > a .over{opacity:.75;filter:alpha(opacity=30);}
.main-contents .link-box.bg-img:hover > a .center-txt{opacity:1;filter:alpha(opacity=100);}
.main-contents .link-box.bg-img:hover > a .btn-plus img:first-child{opacity:1;filter:alpha(opacity=100);}





/*

.main-contents .sub-link .link{overflow:hidden;position:relative;margin:0 auto;}
.main-contents .sub-link .link > a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/common/images/contents/bg_linkbanner.jpg) 0 0 no-repeat;background-size:cover;
    -webkit-transition:all .5s ease;transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;}
.main-contents .sub-link .link .in-txt{display:block;position:relative;width:56.25%;max-width:360px;max-height:300px;margin:0 auto;}
.main-contents .sub-link .link .in-txt > img{display:block;width:100%;height:100%;}
.main-contents .sub-link .link .btn-triangle{position:absolute;bottom:-13%;right:-13%;width:26%;height:26%;background:rgba(0, 0, 0, .4);
    -webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition:all 1s ease;transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;}
.main-contents .sub-link .link .ico-plus{position:absolute;bottom:2.5%;right:2.5%;display:inline-block;width:5.4%;height:5.45%;}
.main-contents .sub-link .link > a:hover{opacity:0.97;}
.main-contents .sub-link .link > a:hover .btn-triangle{background:rgba( 196, 155, 101, 1 );}
.main-contents .sub-link > div > img{width:100%;height:100%;}
*/



/* ===================================== ABOUT PAGE================================================== */
.container .about-contents{z-index:30;position:relative;width:100%;/*min-height:1020px;*/margin:0 auto;background-color:#111;}
.container .about-contents .about-snb{position:relative;width:1020px;margin:0 auto 10px;text-align:center;}
.container .about-contents .about-snb > ul > li {display:inline-block;margin:0 10px 0;}
.container .about-contents .about-snb > ul > li > a{display:block;}
.container .about-contents .about-snb > ul > li > a.on{background-color:#efe;} 
.container .about-contents .about-conts-wrap{overflow:hidden;position:relative;width:100%;min-width:1000px;height:860px;margin:0 auto;}
.about-conts-wrap #about-list{position:absolute;z-index:20;top:0;left:0;width:100%;height:100%;background-color:#262626;}

#about-list:after{content:"";display:block;clear:both;}
#about-list  .about-wrapper{z-index:20;overflow:hidden;position:absolute;top:0;left:0;width:1020px;height:100%;} /* 각각 화면 */
#about-list  .about-wrapper .inner{z-index:20;overflow:hidden;position:relative;width:100%;height:110%;}
#about-list  .about-wrapper .inner > dl{position:absolute;top:85px;left:50%;margin-left:66px;}
#about-list  .about-wrapper .inner > dl:before{content:"";display:block;width:25px;height:0px;margin-bottom:19px;background-color:#666;}
#about-list  .about-wrapper .inner > dl > dt{margin-bottom:28px;}
#about-list  .about-wrapper .inner > dl > dt2{margin-bottom:10px;}
#about-list  .about-wrapper .inner > dl > dd{font:13px/22px NanumGothic, "나눔고딕", "NanumGothicWeb", Dotum, "돋움", gulim, "굴림", verdana, sans-serif;color:#fff;}
#about-list  .about-wrapper .inner > dl > dd > p{margin-bottom:25px;}
#about-list  .about-wrapper .inner > dl > dd2{font:13px/22px NanumGothic, "나눔고딕", "NanumGothicWeb", Dotum, "돋움", gulim, "굴림", verdana, sans-serif;color:#fff;}
#about-list  .about-wrapper .inner > dl > dd2 > p{margin-bottom:5px;}
#about-list  .about-wrapper .inner > dl > dd3{font:13px/22px NanumGothic, "나눔고딕", "NanumGothicWeb", Dotum, "돋움", gulim, "굴림", verdana, sans-serif;color:#fff;}
#about-list  .about-wrapper .inner > dl > dd3 > p{margin:-10px 10px 0 890px;}
#about-list  .about-wrapper> p{text-align:center;font-size:20px;line-height:30px;font-weight:bold;}

/* brand - history  */
#about-list > #history-wrapper{background-color:#111111;}
#about-list > #history-wrapper > div{background:url(../images/contents/bg_history.jpg) 50% 105% no-repeat;}


/* brand - made  */
#about-list > #made-wrapper{background-color:#111111;}
#about-list > #made-wrapper > div{background:url(../images/contents/bg_made.jpg) 50% 105% no-repeat;}

/* brand - metal  */
#about-list > #metal-wrapper{background-color:#111111;}
#about-list > #metal-wrapper > div{background:url(../images/contents/bg_metal.jpg) 50% 105% no-repeat;}


/* video */
#about-list > #video-wrapper{background:url(../images/contents/bg_video.jpg) 50% 50% no-repeat;}
#about-list > #video-wrapper .player-wrap{position:relative;width:910px;height:512px;margin:170px auto 0;background-color:#fff;}
#about-list > #video-wrapper  .inner > dl{position:relative;top:0;left:50%;margin:0 0 0 -455px;}
#about-list > #video-wrapper  .inner > dl:before{background-color:#fff;}
#about-list > #video-wrapper dd{color:#a3a19f;}

#about-list > #video1-wrapper{background:url(../images/contents/bg_video.jpg) 50% 50% no-repeat;}
#about-list > #video1-wrapper .player-wrap1{position:relative;width:910px;height:590px;margin:90px auto 0;background-color:#fff;}

#about-list > #video2-wrapper{background:url(../images/contents/bg_video.jpg) 50% 50% no-repeat;}
#about-list > #video2-wrapper .player-wrap2{position:relative;width:910px;height:590px;margin:90px auto 0;background-color:#fff;}


/* certification */
#about-list > #certification-wrapper .player-wrap{position:relative;width:1097px;height:543px;margin:0px auto 0;}
#about-list > #certification-wrapper  .inner > dl{}
#about-list > #certification-wrapper dd{position:relative;top:460px;left:50%;margin:0 0 0 -665px;}


/* about 전체 애니메이션 */
#about-list  .about-wrapper.from-prev{z-index:30;-webkit-animation:from-prev .9s ease-in-out;animation:from-prev .9s ease-in-out;-moz-animation:from-prev .9s ease-in-out;-o-animation:from-prev .9s ease-in-out;-ms-animation:from-prev .9s ease-in-out;}
#about-list  .about-wrapper.from-next{z-index:30;-webkit-animation:from-next .9s ease-in-out;animation:from-next .9s ease-in-out;-moz-animation:from-next .9s ease-in-out;-o-animation:from-next .9s ease-in-out;-ms-animation:from-next .9s ease-in-out;}
#about-list  .about-wrapper.to-prev{z-index:30;-webkit-animation:to-prev .9s ease-in-out;animation:to-prev .9s ease-in-out;-moz-animation:to-prev .9s ease-in-out;-o-animation:to-prev .9s ease-in-out;-ms-animation:to-prev .9s ease-in-out;}
#about-list  .about-wrapper.to-next{z-index:30;-webkit-animation:to-next .9s ease-in-out;animation:to-next .9s ease-in-out;-moz-animation:to-next .9s ease-in-out;-o-animation:to-next .9s ease-in-out;-ms-animation:to-next .9s ease-in-out;}
#about-list  .about-wrapper.current{z-index:40;}
#about-list  .about-wrapper.from-next > .inner{
    -webkit-animation:from-next-inner .9s ease-in-out;animation:from-next-inner .9s ease-in-out;-moz-animation:from-next-inner .9s ease-in-out;-o-animation:from-next-inner .9s ease-in-out;-ms-animation:from-next-inner .9s ease-in-out;
}
#about-list  .about-wrapper.to-prev > .inner{
    -webkit-animation:to-prev-inner .9s ease-in-out;animation:to-prev-inner .9s ease-in-out;-moz-animation:to-prev-inner .9s ease-in-out;-o-animation:to-prev-inner .9s ease-in-out;-ms-animation:to-prev-inner .9s ease-in-out;
}
#about-list  .about-wrapper.from-prev > .inner{
    -webkit-animation:from-prev-inner .9s ease-in-out;animation:from-prev-inner .9s ease-in-out;-moz-animation:from-prev-inner .9s ease-in-out;-o-animation:from-prev-inner .9s ease-in-out;-ms-animation:from-prev-inner .9s ease-in-out;
}
#about-list  .about-wrapper.to-next > .inner{
    -webkit-animation:to-next-inner .9s ease-in-out;animation:to-next-inner .9s ease-in-out;-moz-animation:to-next-inner .9s ease-in-out;-o-animation:to-next-inner .9s ease-in-out;-ms-animation:to-next-inner .9s ease-in-out;
}
@-webkit-keyframes from-next-inner{
    0%{-webkit-transform:translateX(-50%);}
    100%{-webkit-transform:translateX(0);}
}
@-webkit-keyframes to-prev-inner{
    0%{-webkit-transform:translateX(0%);}
    100%{-webkit-transform:translateX(50%);}
}
@-webkit-keyframes from-prev-inner{
    0%{-webkit-transform:translateX(50%);}
    100%{-webkit-transform:translateX(0);}
}
@-webkit-keyframes to-next-inner{
    0%{-webkit-transform:translateX(0);}
    100%{-webkit-transform:translateX(-50%);}
}
@keyframes from-next-inner{
    0%{transform:translateX(-50%);}
    100%{transform:translateX(0);}
}
@keyframes to-prev-inner{
    0%{transform:translateX(0%);}
    100%{transform:translateX(50%);}
}
@keyframes from-prev-inner{
    0%{transform:translateX(50%);}
    100%{transform:translateX(0);}
}
@keyframes to-next-inner{
    0%{transform:translateX(0);}
    100%{transform:translateX(-50%);}
}
@-moz-keyframes from-next-inner{
    0%{-moz-transform:translateX(-50%);}
    100%{-moz-transform:translateX(0);}
}
@-moz-keyframes to-prev-inner{
    0%{-moz-transform:translateX(0%);}
    100%{-moz-transform:translateX(50%);}
}
@-moz-keyframes from-prev-inner{
    0%{-moz-transform:translateX(50%);}
    100%{-moz-transform:translateX(0);}
}
@-moz-keyframes to-next-inner{
    0%{-moz-transform:translateX(0);}
    100%{-moz-transform:translateX(-50%);}
}
@-o-keyframes from-next-inner{
    0%{-o-transform:translateX(-50%);}
    100%{-o-transform:translateX(0);}
}
@-o-keyframes to-prev-inner{
    0%{-o-transform:translateX(0%);}
    100%{-o-transform:translateX(50%);}
}
@-o-keyframes from-prev-inner{
    0%{-o-transform:translateX(50%);}
    100%{-o-transform:translateX(0);}
}
@-o-keyframes to-next-inner{
    0%{-o-transform:translateX(0);}
    100%{-o-transform:translateX(-50%);}
}
@-ms-keyframes from-next-inner{
    0%{-ms-transform:translateX(-50%);}
    100%{-ms-transform:translateX(0);}
}
@-ms-keyframes to-prev-inner{
    0%{-ms-transform:translateX(0%);}
    100%{-ms-transform:translateX(50%);}
}
@-ms-keyframes from-prev-inner{
    0%{-ms-transform:translateX(50%);}
    100%{-ms-transform:translateX(0);}
}
@-ms-keyframes to-next-inner{
    0%{-ms-transform:translateX(0);}
    100%{-ms-transform:translateX(-50%);}
}
/* about keyframe */
@-webkit-keyframes from-prev{
    0%{-webkit-transform:translateX(-100%);}
    100%{-webkit-transform:translateX(0);}
}
@keyframes from-prev{
    0%{transform:translateX(-100%);}
    100%{transform:translateX(0);}
}
@-moz-keyframes from-prev{
    0%{-moz-transform:translateX(-100%);}
    100%{-moz-transform:translateX(0);}
}
@-o-keyframes from-prev{
    0%{-o-transform:translateX(-100%);}
    100%{-o-transform:translateX(0);}
}
@-ms-keyframes from-prev{
    0%{-ms-transform:translateX(-100%);}
    100%{-ms-transform:translateX(0);}
}
@-webkit-keyframes from-next{
    0%{-webkit-transform:translateX(100%);}
    100%{-webkit-transform:translateX(0);}
}
@keyframes from-next{
    0%{transform:translateX(100%);}
    100%{transform:translateX(0);}
}
@-moz-keyframes from-next{
    0%{-moz-transform:translateX(100%);}
    100%{-moz-transform:translateX(0);}
}
@-o-keyframes from-next{
    0%{-o-transform:translateX(100%);}
    100%{-o-transform:translateX(0);}
}
@-ms-keyframes from-next{
    0%{-ms-transform:translateX(100%);}
    100%{-ms-transform:translateX(0);}
}
@-webkit-keyframes to-prev{
    0%{-webkit-transform: translateX(0);}
    100%{-webkit-transform:translateX(-100%);}
}
@keyframes to-prev{
   0%{transform: translateX(0);}
    100%{transform:translateX(-100%);}
}
@-moz-keyframes to-prev{
    0%{-moz-transform: translateX(0);}
    100%{-moz-transform:translateX(-100%);}
}
@-o-keyframes to-prev{
    0%{-o-transform: translateX(0);}
    100%{-o-transform:translateX(-100%);}
}
@-ms-keyframes to-prev{
    0%{-ms-transform: translateX(0);}
    100%{-ms-transform:translateX(-100%);}
}

@-webkit-keyframes to-next{
    0%{-webkit-transform: translateX(0);}
    100%{-webkit-transform:translateX(100%);}
}
@keyframes to-next{
    0%{transform: translateX(0);}
    100%{transform:translateX(100%);}
}
@-moz-keyframes to-next{
    0%{-moz-transform: translateX(0);}
    100%{-moz-transform:translateX(100%);}
}
@-o-keyframes to-next{
    0%{-o-transform: translateX(0);}
    100%{-o-transform:translateX(100%);}
}
@-ms-keyframes to-next{
    0%{-ms-transform: translateX(0);}
    100%{-ms-transform:translateX(100%);}
}

/* about button */
.about-conts-wrap .btn_region{z-index:100;position:absolute;top:45%;left:0;width:100%;height:68px;}
.about-conts-wrap .btn-about{z-index:60;display:block;position:absolute;top:0;width:68px;height:68px;opacity:1;
    -webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;
    -webkit-transform:perspective(300px) translateZ(-34px);transform:perspective(300px) translateZ(-34px);-moz-transform:perspective(300px) translateZ(-34px);-o-transform:perspective(300px) translateZ(-34px);-ms-transform:perspective(300px) translateZ(-34px);
    -webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-moz-transition:all .4s ease;-o-transition:all .5s ease;-ms-transition:all .4s ease;
    -webkit-transform-origin: 0 50%;transform-origin: 0 50%;-moz-transform-origin: 0 50%;-o-transform-origin: 0 50%;-ms-transform-origin: 0 50%;
}
.about-conts-wrap .btn-about > span{display:block;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;
    -webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;}
.about-conts-wrap .btn-about > span:nth-child(1){background-color:#000;opacity:.6;-webkit-transform:translateZ(34px);transform:translateZ(34px);-moz-transform:translateZ(34px);-o-transform:translateZ(34px);-ms-transform:translateZ(34px);}
.about-conts-wrap .btn-about > span:nth-child(2){background-color:#000;opacity:0;-webkit-transform:rotateY(-90deg) translateZ(34px);transform:rotateY(-90deg) translateZ(34px);-moz-transform:rotateY(-90deg) translateZ(34px);-o-transform:rotateY(-90deg) translateZ(34px);-ms-transform:rotateY(-90deg) translateZ(34px);}
.about-conts-wrap .btn-about > span > img{padding-top:15px;}

.about-conts-wrap .btn-about:hover{opacity:1;-webkit-transform:perspective(300px) translateZ(-34px) rotateY(90deg);transform:perspective(300px) translateZ(-34px) rotateY(90deg);-moz-transform:perspective(300px) translateZ(-34px) rotateY(90deg);-o-transform:perspective(300px) translateZ(-34px) rotateY(90deg);-ms-transform:perspective(300px) translateZ(-34px) rotateY(90deg);}
.about-conts-wrap .btn-about:hover > span:nth-child(1){opacity:0;}
.about-conts-wrap .btn-about:hover > span:nth-child(2){opacity:.8;}
.about-conts-wrap .btn-about:active{opacity:1;-webkit-transform:perspective(300px) translateZ(-34px) rotateY(90deg);transform:perspective(300px) translateZ(-34px) rotateY(90deg);-moz-transform:perspective(300px) translateZ(-34px) rotateY(90deg);-o-transform:perspective(300px) translateZ(-34px) rotateY(90deg);-ms-transform:perspective(300px) translateZ(-34px) rotateY(90deg);}
.about-conts-wrap .btn-about-next{right:1px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;}
.about-conts-wrap .btn-about-prev{left:1px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;}
.about-conts-wrap .btn-about-prev > span:nth-child(2){-webkit-transform:rotateY(90deg) translateZ(34px);transform:rotateY(90deg) translateZ(34px);-moz-transform:rotateY(90deg) translateZ(34px);-o-transform:rotateY(90deg) translateZ(34px);-ms-transform:rotateY(90deg) translateZ(34px);}
.about-conts-wrap .btn-about-prev:hover{opacity:1;-webkit-transform:perspective(300px) translateZ(-34px) rotateY(-90deg);transform:perspective(300px) translateZ(-34px) rotateY(-90deg);-moz-transform:perspective(300px) translateZ(-34px) rotateY(-90deg);-o-transform:perspective(300px) translateZ(-34px) rotateY(-90deg);-ms-transform:perspective(300px) translateZ(-34px) rotateY(-90deg);}
.about-conts-wrap .btn-about-prev:active{opacity:1;-webkit-transform:perspective(300px) translateZ(-34px) rotateY(-90deg);transform:perspective(300px) translateZ(-34px) rotateY(-90deg);-moz-transform:perspective(300px) translateZ(-34px) rotateY(-90deg);-o-transform:perspective(300px) translateZ(-34px) rotateY(-90deg);-ms-transform:perspective(300px) translateZ(-34px) rotateY(-90deg);}



/* ===================================== CATALOG PAGE================================================== */

.container .catalog-contents{overflow:hidden;position:relative;width:100%;height:1000px;min-height:733px;margin:0 auto;background-color:#111111;} /* 최소 550 * 733 이미지 */
.container .catalog-contents .in-catalog{width:100%;height:100%;overflow:hidden;position:relative;}
.container .catalog-contents .catalog-loading{position:absolute;top:250px;left:50%;width:100px;}
.container .catalog-contents .catalog-loading > div{position:relative;width:150px;height:150px;margin:0 auto 17px;}
.container .catalog-contents .catalog-loading > div > span{display:inline-block;position:absolute;top:0;bottom:0;width:150px;height:150px;background:url(../images/ico/loading_bg_mask.png) 0 0 no-repeat;text-indent:-9999px;}
.container .catalog-contents .catalog-loading > div .progress{height:137px;background:url(../images/ico/loading_bg.png) 0 0 no-repeat;}
.container .catalog-contents .catalog-loading > .loading-txt{text-align:center;font: 15px/100% Helvetica, NanumGothic, "나눔고딕", "맑은고딕", Dotum, "돋움", verdana, sans-serif;color:#f9f4e0;}
.container .catalog-contents .catalog-wrapper{position:relative;display:none;width:750px;height:100%;margin:0 auto;}
.container .catalog-contents .catalog-wrapper > ul{position:absolute;top:0;left:0;height:1000px;}

/*
.container .catalog-contents .catalog-wrapper > ul > li{position:relative;overflow:hidden;float:left;width:750px;height:1000px;opacity:0.7;filter:alpha(opacity=70);
    -webkit-transition:all 1s cubic-bezier(.56,.07,.41,.97);transition:all 1s cubic-bezier(.82,.15,.51,1.03);-moz-transition:all 1s cubic-bezier(.82,.15,.51,1.03);-o-transition:opacity 1s cubic-bezier(.82,.15,.51,1.03);-ms-transition:opacity 1s cubic-bezier(.82,.15,.51,1.03);}
.container .catalog-contents .catalog-wrapper > ul > li.current{opacity:1;filter:alpha(opacity=100);
    -webkit-transition:all 1s cubic-bezier(.56,.07,.41,.97);transition:all 1s cubic-bezier(.82,.15,.51,1.03);-moz-transition:all 1s cubic-bezier(.82,.15,.51,1.03);-o-transition:opacity 1s cubic-bezier(.82,.15,.51,1.03);-ms-transition:opacity 1s cubic-bezier(.82,.15,.51,1.03);}
*/
.container .catalog-contents .catalog-wrapper > ul > li{position:absolute;overflow:hidden;top:0;left:0;width:750px;height:1000px;opacity:0.7;filter:alpha(opacity=70);
    -webkit-transition:opacity 1s cubic-bezier(.56,.07,.41,.97);transition:opacity 1s cubic-bezier(.82,.15,.51,1.03);-moz-transition:opacity 1s cubic-bezier(.82,.15,.51,1.03);-o-transition:opacity 1s cubic-bezier(.82,.15,.51,1.03);-ms-transition:opacity 1s cubic-bezier(.82,.15,.51,1.03);}
.container .catalog-contents .catalog-wrapper > ul > li.current{opacity:1;filter:alpha(opacity=100);
    -webkit-transition:opacity 1s cubic-bezier(.56,.07,.41,.97);transition:opacity 1s cubic-bezier(.82,.15,.51,1.03);-moz-transition:opacity 1s cubic-bezier(.82,.15,.51,1.03);-o-transition:opacity 1s cubic-bezier(.82,.15,.51,1.03);-ms-transition:opacity 1s cubic-bezier(.82,.15,.51,1.03);}
.container .catalog-contents .catalog-wrapper > ul > li.out-left{left:-2250px;}
.container .catalog-contents .catalog-wrapper > ul > li.out-right{left:2250px;}
.container .catalog-contents .catalog-wrapper > ul > li.left-2{left:-1500px;}
.container .catalog-contents .catalog-wrapper > ul > li.left-1{left:-750px;}
.container .catalog-contents .catalog-wrapper > ul > li.right-2{left:1500px;}
.container .catalog-contents .catalog-wrapper > ul > li.right-1{left:750px;}
.container .catalog-contents .catalog-wrapper > ul > li.current{left:0;}
.container .catalog-contents .catalog-wrapper > ul > li.current > a{cursor:default;}
.container .catalog-contents .catalog-wrapper > ul > li > a > img{width:100%;}
/* catalog mark*/
.container .catalog-contents .catalog-wrapper .catalog-mark{position:absolute;top:0;left:0;width:100%;height:100%;}
.container .catalog-contents .catalog-wrapper > ul:after{content:"";display:block;clear:both;}
.container .catalog-contents .catalog-info{display:none;position:absolute;top:45%;left:0;width:430px;background:rgba(0,0,0,.5);
    -webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;
    -webkit-transform:perspective(900px) translateZ(-50px);transform:perspective(900px) translateZ(-50px);-moz-transform:perspective(900px) translateZ(-50px);-o-transform:perspective(900px) translateZ(-50px);-ms-transform:perspective(900px) translateZ(-50px);
    -webkit-transform-origin:0 50%;transform-origin:0 50%;-moz-transform-origin:0 50%;-o-transform-origin:0 50%;-ms-transform-origin:0 50%;
    -webkit-transitioni:all .3s ease;transitioni:all .3s ease;-moz-transitioni:all .3s ease;-o-transitioni:all .3s ease;-ms-transitioni:all .3s ease;}
.container .catalog-contents .catalog-info > div{position:absolute;top:0;left:0;width:430px;height:100px;background:rgba(0,0,0,.5);opacity:0;filter:alpha(opacity=0);
    -webkit-transform:rotateX(-90deg) translateZ(50px);transform:rotateX(-90deg) translateZ(50px);-moz-transform:rotateX(-90deg) translateZ(50px);-o-transform:rotateX(-90deg) translateZ(50px);-ms-transform:rotateX(-90deg) translateZ(50px);}
.container .catalog-contents .catalog-info > div.current{z-index:30;opacity:1;filter:alpha(opacity=100);
      -webkit-transform:translateZ(50px);transform:translateZ(50px);-moz-transform:translateZ(50px);-o-transform:translateZ(50px);-ms-transform:translateZ(50px);}
.container .catalog-contents .catalog-info > div.row-two{height:140px;}
.container .catalog-contents .catalog-info > div.from-top{-webkit-animation:info-from-top .7s ease-in-out;animation:info-from-top .7s ease-in-out;-moz-animation:info-from-top .7s ease-in-out;-o-animation:info-from-top .7s ease-in-out;-ms-animation:info-from-top .7s ease-in-out;}
.container .catalog-contents .catalog-info > div.from-bottom{-webkit-animation:info-from-bottom .7s ease-in-out;animation:info-from-bottom .7s ease-in-out;-moz-animation:info-from-bottom .7s ease-in-out;-o-animation:info-from-bottom .7s ease-in-out;-ms-animation:info-from-bottom .7s ease-in-out;}
.container .catalog-contents .catalog-info > div.to-top{-webkit-animation:info-to-top .7s ease-in-out;animation:info-to-top .7s ease-in-out;-moz-animation:info-to-top .7s ease-in-out;-o-animation:info-to-top .7s ease-in-out;-ms-animation:info-to-top .7s ease-in-out;}
.container .catalog-contents .catalog-info > div.to-bottom{-webkit-animation:info-to-bottom .7s ease-in-out;animation:info-to-bottom .7s ease-in-out;-moz-animation:info-to-bottom .7s ease-in-out;-o-animation:info-to-bottom .7s ease-in-out;-ms-animation:info-to-bottom .7s ease-in-out;}
.container .catalog-contents .catalog-info > div> dl{margin:24px 0 20px 19px;}
.container .catalog-contents .catalog-info > div > dl > dt{margin-bottom:-10px;}
.container .catalog-contents .catalog-info #catalog-text{font-family:NanumGothic, "나눔고딕", "NanumGothicWeb", Dotum, "돋움", gulim, "굴림", verdana, sans-serif;font-size:12x;line-height:130%;word-spacing:1px;color:#fff;opacity:1;filter:alpha(opacity=100);}
.container .catalog-contents .catalog-info #catalog-text > p:first-child{margin-bottom:7px;}
.container .catalog-contents .catalog-info .page-count{position:absolute;bottom:10px;right:19px;color:#fff;font-family:Helvetica, NanumGothic, "나눔고딕", "맑은고딕", Dotum, "돋움", verdana, sans-serif;}

/* catalog info animation */
@-webkit-keyframes info-from-top{
    0%{-webkit-transform:rotateX(90deg) translateZ(50px);opacity:0;}
    100%{-webkit-transform:rotateX(0) translateZ(50px);opacity:1;}
}
@-webkit-keyframes info-from-bottom{
    0%{-webkit-transform:rotateX(-90deg) translateZ(50px);opacity:0;}
    100%{-webkit-transform:rotateX(0) translateZ(50px);opacity:1;}
}
@-webkit-keyframes info-to-top{
    0%{-webkit-transform:rotateX(0) translateZ(50px);opacity:1;}
    100%{-webkit-transform:rotateX(90deg) translateZ(50px);opacity:0;}
}
@-webkit-keyframes info-to-bottom{
    0%{-webkit-transform:rotateX(0) translateZ(50px);opacity:1;}
    100%{-webkit-transform:rotateX(-90deg) translateZ(50px);opacity:0;}
}

@keyframes info-from-top{
    0%{transform:rotateX(90deg) translateZ(50px);opacity:0;}
    100%{transform:rotateX(0) translateZ(50px);opacity:1;}
}
@keyframes info-from-bottom{
    0%{transform:rotateX(-90deg) translateZ(50px);opacity:0;}
    100%{transform:rotateX(0) translateZ(50px);opacity:1;}
}
@keyframes info-to-top{
    0%{transform:rotateX(0) translateZ(50px);opacity:1;}
    100%{transform:rotateX(90deg) translateZ(50px);opacity:0;}
}
@keyframes info-to-bottom{
    0%{transform:rotateX(0) translateZ(50px);opacity:1;}
    100%{transform:rotateX(-90deg) translateZ(50px);opacity:0;}
}

@-moz-keyframes info-from-top{
    0%{-moz-transform:rotateX(90deg) translateZ(50px);opacity:0;}
    100%{-moz-transform:rotateX(0) translateZ(50px);opacity:1;}
}
@-moz-keyframes info-from-bottom{
    0%{-moz-transform:rotateX(-90deg) translateZ(50px);opacity:0;}
    100%{-moz-transform:rotateX(0) translateZ(50px);opacity:1;}
}
@-moz-keyframes info-to-top{
    0%{-moz-transform:rotateX(0) translateZ(50px);opacity:1;}
    100%{-moz-transform:rotateX(90deg) translateZ(50px);opacity:0;}
}
@-moz-keyframes info-to-bottom{
    0%{-moz-transform:rotateX(0) translateZ(50px);opacity:1;}
    100%{-moz-transform:rotateX(-90deg) translateZ(50px);opacity:0;}
}

@-o-keyframes info-from-top{
    0%{-o-transform:rotateX(90deg) translateZ(50px);opacity:0;}
    100%{-o-transform:rotateX(0) translateZ(50px);opacity:1;}
}
@-o-keyframes info-from-bottom{
    0%{-o-transform:rotateX(-90deg) translateZ(50px);opacity:0;}
    100%{-o-transform:rotateX(0) translateZ(50px);opacity:1;}
}
@-o-keyframes info-to-top{
    0%{-o-transform:rotateX(0) translateZ(50px);opacity:1;}
    100%{-o-transform:rotateX(90deg) translateZ(50px);opacity:0;}
}
@-o-keyframes info-to-bottom{
    0%{-o-transform:rotateX(0) translateZ(50px);opacity:1;}
    100%{-o-transform:rotateX(-90deg) translateZ(50px);opacity:0;}
}

@-ms-keyframes info-from-top{
    0%{-ms-transform:rotateX(90deg) translateZ(50px);opacity:0;}
    100%{-ms-transform:rotateX(0) translateZ(50px);opacity:1;}
}
@-ms-keyframes info-from-bottom{
    0%{-ms-transform:rotateX(-90deg) translateZ(50px);opacity:0;}
    100%{-ms-transform:rotateX(0) translateZ(50px);opacity:1;}
}
@-ms-keyframes info-to-top{
    0%{-ms-transform:rotateX(0) translateZ(50px);opacity:1;}
    100%{-ms-transform:rotateX(90deg) translateZ(50px);opacity:0;}
}
@-ms-keyframes info-to-bottom{
    0%{-ms-transform:rotateX(0) translateZ(50px);opacity:1;}
    100%{-ms-transform:rotateX(-90deg) translateZ(50px);opacity:0;}
}


/* catalog btn */
.container .catalog-contents .catalog-btn-wrapper{z-index:100;position:absolute;top:45%;left:100%;width:68px;height:136px;}
.container .catalog-contents .btn-catalog{display:block;position:absolute;top:0;left:1px;width:68px;height:68px;
    -webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;
    -webkit-transform:perspective(300px) translateZ(-34px);transform:perspective(300px) translateZ(-34px);-moz-transform:perspective(300px) translateZ(-34px);-o-transform:perspective(300px) translateZ(-34px);-ms-transform:perspective(300px) translateZ(-34px);
    -webkit-transition:all .5s ease;transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;
    -webkit-transform-origin: 0 50%;transform-origin: 0 50%;-moz-transform-origin: 0 50%;-o-transform-origin: 0 50%;-ms-transform-origin: 0 50%;
}
.container .catalog-contents .btn-catalog > span{z-index:2001;display:block;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;
    -webkit-transition:all .3s ease;transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;}
.container .catalog-contents .btn-catalog > span:nth-child(1){background-color:#000;opacity:.6;
    -webkit-transform:translateZ(34px);transform:translateZ(34px);-moz-transform:translateZ(34px);-o-transform:translateZ(34px);-ms-transform:translateZ(34px);}

.container .catalog-contents .btn-catalog > span:nth-child(2){background-color:#000;opacity:0;
    -webkit-transform:rotateX(-90deg) translateZ(34px);transform:rotateX(-90deg) translateZ(34px);-moz-transform:rotateX(-90deg) translateZ(34px);-o-transform:rotateX(-90deg) translateZ(34px);-ms-transform:rotateX(-90deg) translateZ(34px);}

.container .catalog-contents .btn-catalog > span > img{padding-top:15px;}

.container .catalog-contents .btn-catalog:hover, .container .catalog-contents .btn-catalog:active{opacity:1;
    -webkit-transform:perspective(300px) translateZ(-34px) rotateX(90deg);transform:perspective(300px) translateZ(-34px) rotateX(90deg);-moz-transform:perspective(300px) translateZ(-34px) rotateX(90deg);-o-transform:perspective(300px) translateZ(-34px) rotateX(90deg);-ms-transform:perspective(300px) translateZ(-34px) rotateX(90deg);}
.container .catalog-contents .btn-catalog:hover > span:nth-child(1){opacity:0.4;}
.container .catalog-contents .btn-catalog:hover > span:nth-child(2){opacity:1;}
.container .catalog-contents .btn-catalog.inactive{cursor:default;opacity:0.2;}
.container .catalog-contents .btn-catalog.inactive:hover{opacity:0.2;-webkit-transform:perspective(300px) translateZ(-34px);transform:perspective(300px) translateZ(-34px);-moz-transform:perspective(300px) translateZ(-34px);-o-transform:perspective(300px) translateZ(-34px);-ms-transform:perspective(300px) translateZ(-34px);}
.container .catalog-contents .btn-catalog.inactive:hover > span:nth-child(1){opacity:.6;}
.container .catalog-contents .btn-catalog.inactive:hover > span:nth-child(2){opacity:.0;}

.container .catalog-contents .btn-catalog-prev{}
.container .catalog-contents .btn-catalog-next{top:69px;}




/* ===================================== PRODUCT GATE PAGE ================================================== */
.container .product-contents{position:relative;width:100%;margin:0 auto;background-color:#111;}
.product-contents .gate{position:relative;width:100%;min-width:1000px;max-width:1920px;margin:0 auto;}
.product-contents .gate:after{content:'';display:block;clear:both;}
.product-contents .gate.min{}

.product-contents .gate > div{overflow:hidden;position:relative;float:left;width:25%;min-height:630px;max-height:860px;background-color:#fff;}
.product-contents .gate > div > a .cover{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#333;opacity:.5;filter:alpha(opacity=50);
    -webkit-transition:1.3s cubic-bezier(.14,.67,.55,.95);transition:1.3s cubic-bezier(.14,.67,.55,.95);-moz-transition:1.3s cubic-bezier(.14,.67,.55,.95);-o-transition:1.3s cubic-bezier(.14,.67,.55,.95);}
.product-contents .gate > div > a{position:absolute;display:block;top:0;left:0;width:100%;height:100%;}
.product-contents .gate div > a >  img{position:absolute;left:-10px;-webkit-transition:.6s cubic-bezier(.14,.67,.55,.95);transition:.6s cubic-bezier(.14,.67,.55,.95);-moz-transition:.6s cubic-bezier(.14,.67,.55,.95);
    -o-transition:.6s cubic-bezier(.14,.67,.55,.95);}

.product-contents .gate div > a > dl{position:relative;margin:167px auto 0;}
.product-contents .gate div > a > dl > dt{height:46px;margin-bottom:17px;text-indent:-9999px;}
.product-contents .gate div > a > dl > dd{height:59px;text-indent:-9999px;}
.product-contents .gate div:hover a .cover{opacity:0;filter:alpha(opacity=0);}

.product-contents .gate .Womanbag{}
.product-contents .gate .Womanbag a .cover{opacity:.5;filter:alpha(opacity=30);box-shadow: 0 0 131px 53px #222 inset;}
.product-contents .gate .Womanbag > a >img{left:-54px;top:50%;margin-top:-87%;}
.product-contents .gate .Womanbag dt{background:url( ../images/txt/txt_Womanbag_tit.png) 50% 0 no-repeat;}
.product-contents .gate .Womanbag dd{background:url( ../images/txt/txt_Womanbag_cont.png) 50% 0 no-repeat;}
.product-contents .gate .Womanbag:hover > a >img{left:0px;}

.product-contents .gate .Womanwallet{}
.product-contents .gate .Womanwallet a .cover{opacity:.5;filter:alpha(opacity=30);box-shadow: 0 0 131px 53px #222 inset;}
.product-contents .gate .Womanwallet > a > img{left:-44px;top:50%;margin-top:-106%;}
.product-contents .gate .Womanwallet dt{background:url( ../images/txt/txt_Womanwallet_tit.png) 50% 0 no-repeat;}
.product-contents .gate .Womanwallet dd{background:url( ../images/txt/txt_Womanwallet_cont.png) 50% 0 no-repeat;}
.product-contents .gate .Womanwallet:hover > a >img{left:0px;}

.product-contents .gate .Manbag{}
.product-contents .gate .Manbag a .cover{opacity:.5;filter:alpha(opacity=30);box-shadow: 0 0 131px 53px #222 inset;}
.product-contents .gate .Manbag > a >img{position:absolute;left:-65px;top:50%;margin-top:-108%;}
.product-contents .gate .Manbag dt{background:url( ../images/txt/txt_Manbag_tit.png) 50% 0 no-repeat;}
.product-contents .gate .Manbag dd{background:url( ../images/txt/txt_Manbag_cont.png) 50% 0 no-repeat;}
.product-contents .gate .Manbag:hover > a >img{left:0px;}

.product-contents .gate .Manwallet{}
.product-contents .gate .Manwallet a .cover{opacity:.5;filter:alpha(opacity=30);box-shadow: 0 0 131px 53px #222 inset;}
.product-contents .gate .Manwallet dl{z-index:10;opacity:1;-webkit-transition:.4s ease;transition:.4s ease;-moz-transition:.4s ease;-o-transition:.4s ease;}
.product-contents .gate .Manwallet > a >img{left:-72px;top:50%;margin-top:-131%;}
.product-contents .gate .Manwallet dt{background:url( ../images/txt/txt_Manwallet_tit.png) 50% 0 no-repeat;}
.product-contents .gate .Manwallet dd{background:url( ../images/txt/txt_Manwallet_cont.png) 50% 0 no-repeat;}
.product-contents .gate .Manwallet:hover dl{z-index:10;opacity:1;}
.product-contents .gate .Manwallet:hover > a >img{left:-50px;}

/* product gate 페이지에서 가로사이즈가 작아지면 글자를 교체*/
.product-contents .gate.min > div > a dl{margin:121px auto 0;}
.product-contents .gate.min > div > a dt{height:28px;margin-bottom:4px;background-position:50% -46px;}
.product-contents .gate.min > div > a dd{height:54px;background-position:50% -59px;}
.product-contents .gate.min .Womanbag > a >img{bottom:-52px;top:auto;margin-top:0;}
.product-contents .gate.min .Womanwallet > a >img{bottom:-106px;top:auto;margin-top:0;}
.product-contents .gate.min .Manbag > a >img{bottom:-70px;top:auto;margin-top:0;}
.product-contents .gate.min .Manwallet > a >img{left:-57px;bottom:-26px;top:auto;margin-top:0;}
.product-contents .gate.min .Manwallet:hover > a >img{left:-37px;}
.product-contents .gate .btn-progate{z-index:30;display:inline-block;position:absolute;top:50%;right:-68px;width:68px;height:68px;background-color:#000;opacity:.7;filter:alpha(opacity=70);text-align:center;
    -webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;}
.product-contents .gate .btn-progate > img{padding-top:14px;}
.product-contents .gate.min .btn-progate{right:-37px;width:37px;height:37px;}
.product-contents .gate.min .btn-progate > img{width:30%;padding-top:9px;}
.product-contents .gate > div > a:hover .btn-progate{right:0;}



/* ===================================== PRODUCT LIST PAGE ================================================== */
.product-contents .product-list{position:relative;width:100%;min-width:1000px;max-width:1920px;margin:35px auto 0;}
.product-contents .product-list:after{content:'';display:block;clear:both;}
/*.product-contents .product-list .lnb{float:left;position:relative;width:235px;height:100%;min-height:381px;padding-left:20px;background-color:#353535;font-weight:700;}*/
.product-contents .product-list .lnb{z-index:10;position:absolute;width:235px;height:100%;min-height:381px;padding-left:20px;background-color:#353535;font-weight:700;-webkit-transition:.3s ease;transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;}
.product-contents .product-list .lnb h3{margin:48px 0 15px;;font-size:48px;line-height:100%;color:#fff;font-weight:700;}
.product-contents .product-list .lnb .location{font-size:11px;line-height:100%;color:#666;}
.product-contents .product-list .lnb .tab-filter{margin:16px 0 0 ;}
.product-contents .product-list .lnb .tab-filter{position:relative;}
.product-contents .product-list .lnb .tab-filter:after{content:'';display:block;clear:both;}
.product-contents .product-list .lnb .tab-filter li{float:left;}
.product-contents .product-list .lnb .tab-filter li > a{display:block;border-top:1px solid #000;border-bottom:1px solid #000;background-color:#2f2f2f;text-align:center;
    -webkit-transition:.3s ease;transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;}
.product-contents .product-list .lnb .tab-filter li > a span{display:inline-block;width:95px;height:28px;font-size:13px;line-height:220%;color:#828282;font-weight:700;}
.product-contents .product-list .lnb .tab-filter li:hover a{background-color:#363636;}
.product-contents .product-list .lnb .tab-filter  li.on{}
.product-contents .product-list .lnb .tab-filter  li.on a{background-color:#a78456;}
.product-contents .product-list .lnb .tab-filter  li.on a span{color:#efefee;}
.product-contents .product-list .lnb .tab-filter  li.on > ul{display:block;}
.product-contents .product-list .lnb .btn-filter-area{margin-bottom:10px;}
.product-contents .product-list .lnb .tab-filter-conts{padding:29px 0 25px;}
.product-contents .product-list .lnb .tab-filter-conts ul{position:relative;width:100%;min-height:52px;}

/* .product-contents .product-list .lnb .tab-filter-conts ul.on{display:block;} */
.product-contents .product-list .lnb .tab-filter-conts ul li{position:relative;margin-bottom:6px;}
.product-contents .product-list .lnb .tab-filter-conts li input{position:absolute;top:0;left:0;width:8px;height:8px;margin:0;vertical-align:middle;opacity:0;filter:alpha(opacity=0);}
.product-contents .product-list .lnb .tab-filter-conts li label{display:inline-block;padding:0 10px 0 15px;font-size:12px;color:#868686;background:url( ../images/ico/chk_filter.gif) 0 50% no-repeat;cursor:pointer;
    -webkit-transition:.2s ease;transition:.2s ease;-moz-transition:.2s ease;-o-transition:.2s ease;}
.product-contents .product-list .lnb .tab-filter-conts li:first-child{margin-bottom:10px;} /* view all margin-bottom 추가 */
/*.product-contents .product-list .lnb .tab-filter-conts li:first-child label{background:url( /common/images/ico/chk_filter_Manwallet.gif ) 0 50% no-repeat;}*/
.product-contents .product-list .lnb .tab-filter-conts li:hover label{color:#A0A0A0;}
.product-contents .product-list .lnb .tab-filter-conts li label.on{background:url( ../images/ico/chk_filter_on.gif) 0 50% no-repeat;color:#a78456;}
/*.product-contents .product-list .lnb .tab-filter-conts li:first-child label.on{background:url( /common/images/ico/chk_filter_Manwallet_on.gif ) 0 50% no-repeat;}*/
.product-contents .product-list .list-contents{float:right;/*background-color:#363636;*/} /*,제품 리스트 */
/*.product-contents .product-list .list-contents{float:left;}*/
.product-contents .product-list .list-contents ul{position:relative;min-height:318px;}
.product-contents .product-list .list-contents ul:after{content:'';display:block;clear:both;}
.product-contents .product-list .list-contents ul li{float:left;position:relative;margin-right:1px;margin-bottom:1px;background-color:#fff;opacity:0;filter:alpha(opacity=0);/* -webkit-transition:1s ease;transition:1s ease;-moz-transition:1s ease;-o-transition:1s ease; */}
.product-contents .product-list .list-contents ul li a{display:block;}
.product-contents .product-list .list-contents ul li a img{width:100%;display:none;}

.product-contents .product-list .list-contents ul li.show{;}
.product-contents .product-list .list-contents ul li.on img{}

.product-contents .product-list .list-contents ul li a .over{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;opacity:0;filter:alpha(opacity=0);-webkit-transition:.6s ease;transition:.6s ease;-moz-transition:.6s ease;-o-transition:.6s ease;}
.product-contents .product-list .list-contents ul li a .over .bg{position:absolute;width:100%;height:100%;background-color:#000;opacity:0;filter:alpha(opacity=0);-webkit-transition:.6s ease;transition:.6s ease;-moz-transition:.6s ease;-o-transition:.6s ease;}
.product-contents .product-list .list-contents ul li a .over span{position:absolute;top:50%;left:50%;margin:-50px 0 0 -50px;display:inline-block;width:100px;height:100px;background:rgba(0,0,0,0);font-size:15px;line-height:100px;color:#ccc;border-radius:50px;text-align:center;-webkit-transition:.6s ease;transition:.6s ease;-moz-transition:.6s ease;-o-transition:.6s ease;opacity:0;filter:alpha(opacity=0);}
.product-contents .product-list .list-contents ul li:hover a .over{opacity:1;filter:alpha(opacity:1);}
.product-contents .product-list .list-contents ul li:hover a .over .bg{opacity:.4;filter:alpha(opacity=40);}
.product-contents .product-list .list-contents ul li:hover a .over span{background:rgba(0,0,0,.6);opacity:1;filter:alpha(opacity=100);}
.product-contents .product-list .list-contents .btn-more-area{}
.product-contents .product-list .list-contents .btn-more-area a{display:block;margin-top:1px;padding:24px 0;text-align:center;font-size:15px;line-height:100%;color:#a9a9a9;font-weight:700;background-color:#5d5d5d;
    -webkit-transition:.3s ease;transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;}
.product-contents .product-list .list-contents .btn-more-area a span{display:inline-block;}
.product-contents .product-list .list-contents .btn-more-area a span:first-child{padding-left:27px;background:url( ../images/ico/ico_btn_more.png) 0 50% no-repeat;}
.product-contents .product-list .list-contents .btn-more-area a span.page{margin-left:10px;letter-spacing:0px;color:#aeaeae;font-size:12px;line-height:100%;}
.product-contents .product-list .list-contents .btn-more-area a:hover{background-color:#4E4E4E;color:#c7c7c7;}
.product-contents .product-list .list-contents .btn-more-area a:hover .page{color:#c2c2c2;}



/* ===================================== PRODUCT VIEW PAGE ================================================== */
.product-contents .product-view-wrap{position:relative;width:100%;height:100%;background-color:#fff;}
.product-contents .product-view{position:relative;width:100%;min-width:1000px;max-width:1920px;min-height:500px;margin:35px auto 0;}
.product-view:after{content:'';display:block;clear:both;}
.product-view .product-img{position:relative;width:70%;max-width:890px;max-height:1024px;margin:0 auto;} /* 890x1024 */
.product-view .product-img a{display:block;position:relative;width:100%;height:100%;}
.product-view .product-img a > img{width:100%;margin-left:-132px;cursor:url( ../images/btn/btn_product_popup.png) 50 50, auto;}


.product-view .product-img a span.btn-product-expand{display:none;position:absolute;top:50%;left:50%;width:100px;height:100px;/*background-color:#a78456;border-radius:50px;*/opacity:.6;filter:alpha(opacity=60);text-align:center;}
.product-view .product-img a span.btn-product-expand img{/*padding-top:20px;*/}
.product-view .product-img a span.btn-product-expand:hover{cursor:none;}

.product-view .product-img:hover{}

.product-view .product-img:hover span.btn-product-expand{/* display:inline-block; */}

.product-view .product-img a:active span.btn-product-expand{opacity:1;filter:alpha(opacity=100);}
.product-view .product-suggest{position:absolute;top:0;left:0;}
.product-view .product-info{position:absolute;top:0;right:0;width:300px;height:100%;padding:40px 50px 0;background-color:#f1f1f1;}
.product-view .product-info h3{font-size:20px;line-height:100%;color:#333;font-weight:700;}
.product-view .product-info dl{position:relative;padding:19px 0;border-bottom:1px solid #ccc;}
.product-view .product-info dl dt{position:relative;font-size:15px;line-height:100%;color:#333;font-weight:700;}
.product-view .product-info dl dd{padding-top:15px;font-size:12px;line-height:130%;color:#666;font-weight:400;word-wrap: break-word;}
.product-view .product-info dl dd.fold{}
.product-view .product-info .stylenumber{}
.product-view .product-info .stylenumber dt{display:inline-block;}
.product-view .product-info .stylenumber dd{display:inline-block;float:right;padding-top:0;}
.product-view .product-info .stylenumber:after{content:'';display:block;clear:both;}
.product-view .product-info .description{}
.product-view .product-info .details{}
.product-view .product-info .dimension{}
.product-view .product-info .dimension dt{display:inline-block;}
.product-view .product-info .dimension dd{float:right;display:inline-block;padding-top:0;}
.product-view .product-info .dimension:after{content:'';display:block;clear:both;}
.product-view .product-info .color{}
.product-view .product-info .color dt{display:inline-block;}
.product-view .product-info .color dd{float:right;display:inline-block;padding-top:0;}
.product-view .product-info .color dd.colorImg{float:none;clear:both;display:block;position:relative;padding-top:15px;}
.product-view .product-info .color dd.colorImg a{display:block;float:left;position:relative;width:56px;height:30px;padding-right:4px;}
.product-view .product-info .color dd.colorImg a span{position:absolute;display:block;top:0;left:0;width:50px;height:24px;border:3px solid #a78456;opacity:0;filter:alpha(opacity=0);
    -webkit-transition:.3s ease;transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;}
.product-view .product-info .color dd.colorImg a.on span{opacity:1;filter:alpha(opacity=100);}
.product-view .product-info .color dd.colorImg:after{content:'';display:block;clear:both;}

.product-view .product-info .color:after{content:'';display:block;clear:both;}
.product-view .product-info .size{}
.product-view .product-info .size a{display:inline-block;padding-right:20px;font-size:11px;line-height:100%;color:#666;}
.product-view .product-info .size a span{display:inline-block;padding-right:14px;background:url( ../images/ico/ico_product_size.gif) 100% 50% no-repeat;}
.product-view .product-info .size{}
.product-view .product-info .btn-list-area{margin-top:20px;text-align:right;}
.product-view .product-info .btn-list-area a{padding:15px 56px;color:#fff;font-size:15px;line-height:100%;}
.product-view .product-info .btn-info-open{overflow:hidden;position:absolute;top:0;right:0;width:17px;height:17px;background:url( ../images/btn/btn_product_info_open.gif) 0 0 no-repeat;text-indent:-9999px;}
.product-view .product-info .btn-info-open.fold{background-position:0 -17px;}




.product-view .product-suggest{position:absolute;top:50%;left:-20px;opacity:0;filter:alpha(opacity=0);}

.product-view .product-suggest p{margin-bottom:15px;font-size:13px;line-height:100%;color:#333;font-weight:bold;text-align:center;}
.product-view .product-suggest ul{}
.product-view .product-suggest li{position:relative;width:120px;height:138px;margin-bottom:5px;} /* 120 138 */
.product-view .product-suggest li a{display:block;}
.product-view .product-suggest li a img{max-width:100%;}
.product-view .product-suggest li a p.line{position:absolute;top:0;left:0;width:119px;height:136px;border:1px solid #e6e6e6;}
.product-view .product-suggest li a p.line span{display:block;position:absolute;top:0;left:0;width:110px;height:128px;border:5px solid #c99e66;-webkit-transition:.4s linear;transition:.4s linear;-moz-transition:.4s linear;-o-transition:.4s linear;opacity:0;filter:alpha(opacity=0);}
/*.product-view .product-suggest li a span:after{content:'';position:absolute;top:0;left:0;width:110px;height:128px;border:5px solid #c99e66;-webkit-transition:.4s linear;transition:.4s linear;opacity:0;}*/
.product-view .product-suggest li:last-child{margin-bottom:0;}
.product-view .product-suggest li:hover a p{}
.product-view .product-suggest li:hover a p.line span{display:block;opacity:1;filter:alpha(opacity=100);}

.product-view-popup{overflow:hidden;display:none;z-index:400;position:fixed;top:0;left:0;min-width:1000px;width:100%;height:100%;background-color:#fff;clip: rect(100px, 438px, 594px, 200px);}
.product-view-popup p{z-index:405;position:absolute;top:20px;left:20px;font-size:15px;color:#333;font-weight:700;}
.product-view-popup .btn-close-popup{z-index:410;position:absolute;top:20px;right:20px;}
.product-view-popup .btn-close-popup img{-webkit-transform:rotate(0);transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transition:all 1s;transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
.product-view-popup .btn-close-popup:hover img{-webkit-transform:rotate(180deg);transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);}
.product-view-popup .expand-img{overflow:hidden;position:relative;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);max-width:1920px;-webkit-transition:.3s ease-in;transition:.3s ease-in;-moz-transition:.3s ease-in;-o-transition:.3s ease-in;}

.product-view-popup .expand-img ul{position:absolute;top:0;left:0;width:100%;height:100%;}
.product-view-popup .expand-img ul li{display:block;position:absolute;top:0;left:0;width:100%;/* height:100%; */text-align:center;opacity:0;filter:alpha(opacity=0);-webkit-transition:.5s ease-in;transition:.5s ease-in;-moz-transition:.5s ease-in;-o-transition:.5s ease-in;}
.product-view-popup .expand-img ul li img{max-width:100%;/* filter:alpha(opacity=0);-webkit-transition:.3s ease-in;transition:.3s ease-in;-moz-transition:.3s ease-in;-o-transition:.3s ease-in; */}

.product-view-popup .expand-thumb{z-index:420;opacity:0;filter:alpha(opacity=0);position:absolute;top:50%;right:-80px;background-color:transparent;-webkit-transition:.4s ease-out;transition:.4s ease-out;-moz-transition:.4s ease-out;-o-transition:.4s ease-out;}
.product-view-popup .expand-thumb ul{}
.product-view-popup .expand-thumb ul li{position:relative;width:120px;height:138px;margin-bottom:5px;}  /* 120 138 */
.product-view-popup .expand-thumb li a{display:block;}
.product-view-popup .expand-thumb li a img{max-width:100%;}
.product-view-popup .expand-thumb li a .line{position:absolute;top:0;left:0;width:119px;height:136px;border:1px solid #e6e6e6;-webkit-transition:.2s ease;}
.product-view-popup .expand-thumb li a .line span{display:block;position:absolute;top:0;left:0;width:110px;height:128px;border:5px solid #c99e66;-webkit-transition:.4s linear;transition:.4s linear;-moz-transition:.4s linear;-o-transition:.4s linear;opacity:0;filter:alpha(opacity=0);}
.product-view-popup .expand-thumb li:last-child{margin-bottom:0;}
.product-view-popup .expand-thumb li:hover a .line{border:1px solid #aaa;}
.product-view-popup .expand-thumb li.on a .line{border:1px solid #e6e6e6;}
.product-view-popup .expand-thumb li.on a .line span{display:block;opacity:1;filter:alpha(opacity=100);}

.product-view-popup.show .expand-img{opacity:1;filter:alpha(opacity=100);}
.product-view-popup.show .expand-img ul li.on{opacity:1;filter:alpha(opacity=100);}
/* .product-view-popup.show .expand-img ul li.on img{opacity:1;filter:alpha(opacity=100);} */
.product-view-popup.show .expand-thumb{right:20px;opacity:1;filter:alpha(opacity=100);}



/* ===================================== WARRANTY PAGE ================================================== */
.container .warranty-contents{position:relative;width:100%;margin:0 auto;background-color:#111;}
.warranty-contents .in-warranty{position:relative;max-width:1920px;min-width:1000px;min-height:860px;height:100%;background:url( ../images/contents/bg_warranty.jpg) 50% 0 repeat-y;}
.warranty-contents .in-warranty h2{padding-top:70px;font-size:35px;line-height:110%;color:#666;font-weight:700;text-align:center;}
.warranty-contents .in-warranty dl{line-height:110%;color:#666;font-weight:700;width:980px;margin:50px auto 0;padding:0 10px 0;}
.warranty-contents .in-warranty dl dt{margin-bottom:47px;margin-left:30px;font-size:17px;}
.warranty-contents .in-warranty dl dd{float:left;width:460px;margin-left:30px;font-size:15px;line-height:140%;}
.warranty-contents .in-warranty dl dd p{margin-bottom:30px;}
.warranty-contents .in-warranty dl dd p a{color:#666;}
.warranty-contents .in-warranty dl:after{content:'';display:block;clear:both;}



/* ===================================== FIND US - STORE PAGE ================================================== */
.container .store-contents{position:relative;width:100%;margin:35px auto 0;background-color:#fdf6e6;}
.store-contents .in-store{position:relative;width:1000px;margin:0 auto;padding-top:70px;}
.store-contents .in-store .store-info{margin:13px 0 0 65px;padding-bottom:70px;min-height:100px;}
.store-contents .in-store{}
.store-contents .in-store h2{margin:13px 0 20px 65px;font-size:35px;line-height:110%;color:#333;font-weight:700;}
.store-contents .in-store p { margin:-47px 0 0 200px; height:47px; }
.store-contents .in-store p select { width:140px; font-size:14px; border:1px solid #dedede; } 
.store-contents .in-store p option { width:140px; font-size:14px; } 
.store-contents .in-store .store-info dl{font-weight:700;}
.store-contents .in-store .store-info dl dt{float:left;width:105px;height:65px;padding-top:15px;text-align:center;font:17px/100%  'Roboto Condensed', Arial, sans-serif;font-weight:700;color:#666;border-bottom:1px solid #d0cabd; vertical-align:middle; }
.store-contents .in-store .store-info dl dd{float:left;width:735px;height:65px;padding:15px 0 0 20px;margin-left:10px;font:14px/125% 'Roboto Condensed',sans-serif;font-weight:700;color:#999;border-bottom:1px solid #d0cabd; vertical-align:middle; }
.store-contents .in-store .store-info dl dd .phone{padding-right:18px;}
.store-contents .in-store .store-info dl:first-child dt{border-top:1px solid #d0cabd;}
.store-contents .in-store .store-info dl:first-child dd{border-top:1px solid #d0cabd;}
.store-contents .in-store .store-info dl:after{content:'';display:block;clear:both;}



/* ===================================== FIND US - CONTACT US PAGE ================================================== */
.container .contact-contents{position:relative;width:100%;margin:35px auto 0;background-color:#111;}
.contact-contents .in-contact{position:relative;max-width:1920px;min-width:1000px;height:860px;margin:0 auto;background:url( ../images/contents/bg_contact.jpg) 50% -100px no-repeat;}
.contact-contents .in-contact .form-wrap{position:relative;width:1000px;margin:0 auto;}
.contact-contents .in-contact .form-wrap .form-contact{position:absolute;top:90px;right:20px;width:720px;}
.contact-contents .in-contact .form-wrap .form-contact h3{position:relative;margin:0 0 36px 270px;font-size:35px;line-height:100%;color:#2d1006;font-weight:700;}
.contact-contents .in-contact .form-wrap .form-contact > p{margin-bottom:8px;}
.contact-contents .in-contact .form-wrap .form-contact > p:after{content:'';display:block;clear:both;}
.contact-contents .in-contact .form-wrap .form-contact > div{margin-bottom:8px;}
.contact-contents .in-contact .form-wrap .form-contact > div:after{content:'';display:block;clear:both;}
.contact-contents .in-contact .form-wrap .form-contact label{display:block;float:left;width:250px;height:22px;padding-right:20px;padding-top:7px;font-size:14px;line-height:100%;font-weight:bold;text-align:right;color:#8f6446;}
.contact-contents .in-contact .form-wrap .form-contact input{display:block;float:left;width:430px;height:16px;padding:8px 0 8px 20px;font-size:13px;line-height:100%;color:#8f6446;font-weight:700;background-color:#2d1006;}
.contact-contents .in-contact .form-wrap .form-contact textarea{width:410px;height:270px;padding:10px 20px 10px 20px;font-size:12px;line-height:150%;color:#8f6446;font-weight:700;background-color:#2d1006;}
.contact-contents .in-contact .form-wrap .form-contact .select-wrap{float:left;}
.select-wrap .selectricWrapper {position: relative;/*margin: 0 0 10px;*/width:450px;cursor: pointer;font-weight:700;}
.select-wrap .selectricResponsive {width: 100%;}
.select-wrap .selectric {background: #2d1006;position: relative;}
.select-wrap .selectric .label {display: block;white-space: nowrap;overflow: hidden;margin: 0 30px 0 0;padding:7px 7px 7px 20px;font-size: 12px;line-height: 18px;color: #8f6446;min-height: 18px;}
.select-wrap .selectric .button {display: block;position: absolute;right: 0;top: 0;width: 30px;height: 30px;color: #BBB;text-align: center;vertical-align:middle;background-color:#3b1508;}
.select-wrap .selectric .button img{padding-top:9px;}
.select-wrap .selectric .button:after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 0;height: 0;border: 4px solid transparent;border-top-color: #BBB;border-bottom: none;}
.select-wrap .selectricHover .selectric {border-color: #CCC;}
.select-wrap .selectricHover .selectric .button {color: #888;}
.select-wrap .selectricHover .selectric .button:after {border-top-color: #888;}
.select-wrap .selectricOpen {z-index: 9999;}
.select-wrap .selectricOpen .selectric {border-color: #CCC;background: #2d1006;z-index: 9999;}
.select-wrap .selectricOpen .selectricItems {display: block;}
.select-wrap .selectricDisabled {filter: alpha(opacity=50);opacity: 0.5;cursor: default;-webkit-touch-callout: none;user-select: none;}
.select-wrap .selectricHideSelect {position: relative;overflow: hidden;width: 0;height: 0;}
.select-wrap .selectricHideSelect select {position: absolute;left: -100%;display: none;}
.select-wrap .selectricInput {position: absolute !important;top: 0 !important;left: 0 !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;margin: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;outline: none !important;border: none !important;*font: 0/0 a !important;background: none !important;}
.select-wrap .selectricTempShow {position: absolute !important;visibility: hidden !important;display: block !important;}
.select-wrap .selectricItems {display: none;position: absolute;overflow: auto;top: 100%;left: 0;background: #2d1006;border-bottom: 1px solid #58321f;z-index: 9998;box-shadow: 0 0 10px -6px;}
.select-wrap .selectricItems ul,.selectricItems li {list-style: none;padding: 0;margin: 0;font-size: 12px;line-height: 20px;min-height: 20px;}
.select-wrap .selectricItems li {display: block;padding: 5px 5px 5px 20px;border-top: 1px solid #58321f;color: #8f6446;cursor: pointer;-webkit-transition:.3s ease;transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;}
.select-wrap .selectricItems li.selected {/*background: #a78456;color: #2d1006;*//*border-top-color: #E0E0E0;*/}
.select-wrap .selectricItems li:hover {background: #a78456;color: #2d1006;}
.select-wrap .selectricItems li.disabled {background: #F5F5F5;color: #BBB;border-top-color: #FAFAFA;cursor: default;}

/*
.contact-contents .in-contact .form-wrap .form-contact .select-country{display:inline-block;position:relative;font-size:13px;line-height:100%;color:#8f6446;}
.contact-contents .in-contact .form-wrap .form-contact .select-country *{cursor:pointer;}
.contact-contents .in-contact .form-wrap .form-contact .select-country button{display:inline-block;width:450px;height:32px;padding:5px 0 5px 20px;text-align:left;font:13px/100%  'Roboto Condensed', Arial, sans-serif;line-height:100%;color:#8f6446;font-weight:700;background-color:#2d1006;border:0;}
.contact-contents .in-contact .form-wrap .form-contact .select-country .btn-dropdown{position:absolute;top:0;right:0;width:32px;height:22px;padding-top:10px;text-align:center;background-color:#3b1508;}
.contact-contents .in-contact .form-wrap .form-contact .select-country ul{display:none;position:absolute;top:32px;width:450px;}
.contact-contents .in-contact .form-wrap .form-contact .select-country ul li:last-child{border-bottom:1px solid #58321f;}
.contact-contents .in-contact .form-wrap .form-contact .select-country ul li{width:100%;height:32px;border-top:1px solid #58321f;background-color:#2d1006;-webkit-transition:.4s ease;}
.contact-contents .in-contact .form-wrap .form-contact .select-country ul li a{display:block;width:430px;padding:10px 0 0 20px;font-size:13px;line-height:100%;color:#8f6446;font-weight:700}
.contact-contents .in-contact .form-wrap .form-contact .select-country ul li:hover{background-color:#a78456;}
.contact-contents .in-contact .form-wrap .form-contact .select-country ul li:hover a{color:#2d1006;}
.contact-contents .in-contact .form-wrap .form-contact .select-country.open ul{display:block;}
*/
.contact-contents .in-contact .form-wrap .form-contact > p.btn-send-area{margin-top:28px;text-align:right;}
.contact-contents .in-contact .form-wrap .form-contact > p.btn-send-area .btn-send{padding:11px 53px;font-size:15px;}



/* ===================================== FIND US - NEWS PAGE ================================================== */
.container .news-contents{position:relative;width:100%;min-height:800px;margin:35px auto 0;background-color:#333;}
.news-contents .in-news{overflow:hidden;position:relative;width:1000px;;margin:0 auto;padding:70px 0 70px;}
.news-contents .in-news h2{width:1000px;margin:0 auto 20px;font-size:35px;line-height:100%;font-weight:700;color:#1a1a1a;}

/* .news-contents .in-news #newsList{position:relative;width:1000px;margin:0 auto;}
.news-contents .in-news .news-list-wrap{width:1000px;margin:20px 0 0 0;}
.news-contents .in-news .news-list-wrap li{height:320px;margin-bottom:20px;}
.news-contents .in-news .news-list-wrap li a{display:block;}
.news-contents .in-news .news-list-wrap li a .news-num{float:left;display:block;width:90px;height:317px;padding-top:1px;font-size:35px;line-height:120%;font-weight:700;color:#1a1a1a;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;text-indent:10px;}
.news-contents .in-news .news-list-wrap li a .news-img{overflow:hidden;float:left;display:block;position:relative;width:480px;height:320px;margin:0 10px;;-webkit-transition:.7s ease;transition:.7s ease;-moz-transition:.7s ease;-o-transition:.7s ease;}
.news-contents .in-news .news-list-wrap li a .news-img img{width:100%;}
.news-contents .in-news .news-list-wrap li a .news-conts{float:left;display:block;position:relative;width:390px;height:258px;padding:60px 10px 0;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;}
.news-contents .in-news .news-list-wrap li a .news-conts .tit{font-size:17px;line-height:120%;color:#808080;word-wrap: break-word;-webkit-transition:.7s ease;transition:.7s ease;-moz-transition:.7s ease;-o-transition:.7s ease;}
.news-contents .in-news .news-list-wrap li a .news-conts .date{position:absolute;bottom:40px;left:10px;font-size:12px;line-height:100%;color:#595959;}
.news-contents .in-news .news-list-wrap li:last-child{margin-bottom:0;}
.news-contents .in-news .news-list-wrap li a:hover .news-conts .tit{color:#a78456;}
.news-contents .in-news .news-list-wrap li a:hover .news-img:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;bpx-shadow:inset 10px 10px 10px #000 inset;}
.news-contents .in-news .news-list-wrap li:after{content:'';display:block;clear:both;} 
.news-contents .in-news .page-navi{margin-top:30px;text-align:center;color:#242323;font-size:24px;}
.news-contents .in-news .page-navi a{display:inline-block;padding:4px 6px;margin-left:7px;font-size:11px;line-height:100%;font-weight:400;color:#666;background-color:#242323;border:1px solid #1e1d1d;
    -webkit-transition:.2s ease;transition:.2s ease;-moz-transition:.2s ease;-o-transition:.2s ease;}
.news-contents .in-news .page-navi a.on{color:#a78456;font-weight: 700;}
.news-contents .in-news .page-navi a:hover{background-color:#303030;border:1px solid #252525;}
.news-contents .in-news .page-navi a.on:hover{background-color:#242323;border:1px solid #1e1d1d;}
.news-contents .in-news .page-navi a:first-child{margin-left:0;}

.news-contents .in-news #newsContent{position:relative;position:relative;width:1000px;margin:0 auto;}
.news-contents .in-news .news-view-wrap{position:relative;width:1000px;}
.news-contents .in-news .news-view-wrap .view-left{position:absolute;top:0;left:0;width:90px;height:100%;border-top:1px solid #1a1a1a;}
.news-contents .in-news .news-view-wrap .view-left .num{position:relative;display:block;height:100%;margin-top:-2px;font-size:35px;line-height:140%;font-weight:700;color:#1a1a1a;border-bottom:1px solid #1a1a1a;text-indent:10px;}
.news-contents .in-news .news-view-wrap .view-right{float:right;width:900px;border-bottom:1px solid #1a1a1a;}
.news-contents .in-news .news-view-wrap .view-right .tit{width:880px;padding:19px 10px;font-size:17px;line-height:120%;color:#808080;word-wrap: break-word;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;}
.news-contents .in-news .news-view-wrap .view-right .date{width:880px;padding:15px 10px;font-size:12px;line-height:100%;color:#666;text-align:right;}
.news-contents .in-news .news-view-wrap .view-right .conts{padding:20px 10px 50px;border-top:1px solid #1a1a1a;}
.news-contents .in-news .news-view-wrap .view-right .conts .img-wrap{width:880px;min-height:587px;}
.news-contents .in-news .news-view-wrap .view-right .conts .img-wrap img{width:100%;}
.news-contents .in-news .news-view-wrap .view-right .conts > div{margin:20px 0 0 0;min-height:100px;font-size:15px;line-height:120%;color:#808080;word-wrap: break-word;}
.news-contents .in-news .news-view-wrap:after{content:'';display:block;clear:both;}
.news-contents .in-news .btn-list-area{margin:20px 0 0 0;text-align:right;}
.news-contents .in-news .btn-list-area .btn-list{padding:14px 55px;color:#fff;}
 */

.news-contents .in-news #news-container{overflow:hidden;position:absolute;top:105px;left:0;width:2000px;}
.news-contents .in-news #news-container:after{content:'';display:block;clear:both;}
.news-contents .in-news #newsList{float:left;position:relative;width:1000px;opacity:1;filter:alpha(opacity=100);}
.news-contents .in-news .news-list-wrap{width:1000px;margin:20px 0 0 0;}
.news-contents .in-news .news-list-wrap li{height:320px;margin-bottom:20px;}
.news-contents .in-news .news-list-wrap li a{display:block;}
.news-contents .in-news .news-list-wrap li a .news-num{float:left;display:block;width:90px;height:317px;padding-top:1px;font-size:35px;line-height:120%;font-weight:700;color:#1a1a1a;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;text-indent:10px;}
.news-contents .in-news .news-list-wrap li a .news-img{overflow:hidden;float:left;display:block;position:relative;width:480px;height:320px;margin:0 10px;;-webkit-transition:.7s ease;transition:.7s ease;-moz-transition:.7s ease;-o-transition:.7s ease;}
.news-contents .in-news .news-list-wrap li a .news-img img{width:100%;}
.news-contents .in-news .news-list-wrap li a .news-conts{float:left;display:block;position:relative;width:390px;height:258px;padding:60px 10px 0;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;}
.news-contents .in-news .news-list-wrap li a .news-conts .tit{font-size:17px;line-height:120%;color:#808080;word-wrap: break-word;-webkit-transition:.7s ease;transition:.7s ease;-moz-transition:.7s ease;-o-transition:.7s ease;}
.news-contents .in-news .news-list-wrap li a .news-conts .date{position:absolute;bottom:40px;left:10px;font-size:12px;line-height:100%;color:#595959;}
.news-contents .in-news .news-list-wrap li:last-child{margin-bottom:0;}
.news-contents .in-news .news-list-wrap li a:hover .news-conts .tit{color:#a78456;}
.news-contents .in-news .news-list-wrap li a:hover .news-img:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;bpx-shadow:inset 10px 10px 10px #000 inset;}
.news-contents .in-news .news-list-wrap li:after{content:'';display:block;clear:both;} 
.news-contents .in-news .page-navi{margin-top:30px;text-align:center;color:#242323;font-size:24px;}
.news-contents .in-news .page-navi a{display:inline-block;padding:4px 6px;margin-left:7px;font-size:11px;line-height:100%;font-weight:400;color:#666;background-color:#242323;border:1px solid #1e1d1d;
    -webkit-transition:.2s ease;transition:.2s ease;-moz-transition:.2s ease;-o-transition:.2s ease;}
.news-contents .in-news .page-navi a.on{color:#a78456;font-weight: 700;}
.news-contents .in-news .page-navi a:hover{background-color:#303030;border:1px solid #252525;}
.news-contents .in-news .page-navi a.on:hover{background-color:#242323;border:1px solid #1e1d1d;}
.news-contents .in-news .page-navi a:first-child{margin-left:0;}

.news-contents .in-news #newsContent{display:none;float:left;position:relative;width:1000px;margin-top:20px;opacity:0;filter:alpha(opacity=0);}
.news-contents .in-news .news-view-wrap{position:relative;width:1000px;}
.news-contents .in-news .news-view-wrap .view-left{position:absolute;top:0;left:0;width:90px;height:100%;border-top:1px solid #1a1a1a;}
.news-contents .in-news .news-view-wrap .view-left .num{position:relative;display:block;height:100%;margin-top:-2px;font-size:35px;line-height:140%;font-weight:700;color:#1a1a1a;border-bottom:1px solid #1a1a1a;text-indent:10px;}
.news-contents .in-news .news-view-wrap .view-right{float:right;width:900px;border-bottom:1px solid #1a1a1a;}
.news-contents .in-news .news-view-wrap .view-right .tit{width:880px;padding:19px 10px;font-size:17px;line-height:120%;color:#808080;word-wrap: break-word;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;}
.news-contents .in-news .news-view-wrap .view-right .date{width:880px;padding:15px 10px;font-size:12px;line-height:100%;color:#666;text-align:right;}
.news-contents .in-news .news-view-wrap .view-right .conts{padding:20px 10px 50px;border-top:1px solid #1a1a1a;}
.news-contents .in-news .news-view-wrap .view-right .conts .img-wrap{width:880px;min-height:587px;}
.news-contents .in-news .news-view-wrap .view-right .conts .img-wrap img{width:100%;}
.news-contents .in-news .news-view-wrap .view-right .conts > div{margin:20px 0 0 0;min-height:100px;font-size:15px;line-height:120%;color:#808080;word-wrap: break-word;}
.news-contents .in-news .news-view-wrap:after{content:'';display:block;clear:both;}
.news-contents .in-news .btn-list-area{margin:20px 0 0 0;text-align:right;}
.news-contents .in-news .btn-list-area .btn-list{padding:14px 55px;color:#fff;}






/* IE */
.ie .container .catalog-contents .btn-catalog{transform-origin:50% 0%;-ms-transform-origin:50% 0%;left:-2px;}
.ie .container .catalog-contents .btn-catalog > span{transition:all .3s ease;-ms-transition:all .3s ease;opacity:.5;transform-origin:50% 0%;-ms-transform-origin:50% 0%;}
.ie .container .catalog-contents .btn-catalog > span:nth-child(1){background-color:#000;opacity:.6;transform:translateZ(34px);-ms-transform:translateZ(34px);}
.ie .container .catalog-contents .btn-catalog > span:nth-child(2){top:34px;background-color:#000;opacity:0;transform:rotateX(-90deg) translateZ(34px);-ms-transform:rotateX(-90deg) translateZ(34px);}
.ie .container .catalog-contents .btn-catalog:hover{opacity:1;transform:perspective(300px) rotateX(0) translateZ(-34px);}
.ie .container .catalog-contents .btn-catalog:hover > span:nth-child(1){top:-34px;transform:rotateX(90deg) translateZ(-34px);-ms-transform:rotateX(90deg) translateZ(-34px);}
.ie .container .catalog-contents .btn-catalog:hover > span:nth-child(2){top:0px;opacity:1;transform:rotateX(0) translateZ(34px);-ms-transform:rotateX(0) translateZ(34px);}
.ie .container .catalog-contents .btn-catalog-next{top:62px;}
.ie .about-conts-wrap .btn-about{ transform:perspective(0) translateZ(-34px);-ms-transform:perspective(0) translateZ(-34px) }
.ie .about-conts-wrap .btn-about > span{background-color:#000;filter:alpha(opacity=0);opacity:0;}
.ie .about-conts-wrap .btn-about > span:first-child{background-color:#000;filter:alpha(opacity=100);opacity:.7;}
.ie .about-conts-wrap .btn-about > span:nth-child(2){background-color:#000;opacity:0;transform:rotateY(0) translateZ(0);-ms-transform:rotateY(0) translateZ(0);}
.ie .about-conts-wrap .btn-about:hover{opacity:1;transform:perspective(0) translateZ(-34px) rotateY(0);-ms-transform:perspective(0) translateZ(-34px) rotateY(0);}
.ie .about-conts-wrap .btn-about:hover > span{filter:alpha(opacity=100);opacity:.7;}
.ie .about-conts-wrap .btn-about:hover > span:first-child{filter:alpha(opacity=0);opacity:0;}
.ie  .product-view .product-img a > img{cursor:url( /common/images/btn/btn_product_popup.cur), auto;}
/*.ie .product-contents .gate.min > div > a > img{top:inherit !important;}  IE에서는 initial이 없음 
.ie .product-contents .gate.min .Womanbag > a > img{bottom:-52px !important;}*/

.ie9 .container .catalog-contents .btn-catalog{left:1px;}
.ie9 .container .catalog-contents .btn-catalog-next{top:69px;}
.ie9 .container .catalog-contents .btn-catalog > span:nth-child(1){opacity:.4;}
.ie9 .container .catalog-contents .btn-catalog:hover > span:nth-child(1){opacity:.6;top:0;}
.ie9 .container .catalog-contents .btn-catalog > span:nth-child(2){top:0;display:none;filter:alpha(opacity=0);}

.ie8 .btn-scrolldown{background:url(../images/ico/ico_scrolldown_bg.png) 0 0 no-repeat;}
.ie8 .main-contents .sub-link .link .btn-triangle{overflow:hidden;bottom:0;right:0;width:13%;height:13%;background-color:#000;opacity:.4;filter:alpha(opacity=40);}
.ie8 .sub-link .link > a:hover .btn-triangle{background-color:#000;opacity:1;filter:alpha(opacity=100);}
.ie8 .main-contents .sub-link .link .ico-plus{bottom:3.5%;right:3.5%;}
.ie8 .main-contents .link-box > a .center-txt > div p{opacity:0;filter:alpha(opacity=0);}
.ie8 .main-contents .link-box > a .center-txt > div span.top-line{opacity:0;filter:alpha(opacity=0);}
.ie8 .main-contents .link-box:hover > a .center-txt > div p{opacity:1;filter:alpha(opacity=100);}
.ie8 .main-contents .link-box:hover > a .center-txt > div span.top-line{opacity:1;filter:alpha(opacity=100);}
.ie8 .container .catalog-contents .catalog-info{background-color:#000;opacity:0.8;filter:alpha(opacity=80);}
.ie8 .container .catalog-contents .btn-catalog{filter:alpha(opacity=80);left:1px;}
.ie8 .container .catalog-contents .btn-catalog{}
.ie8 .container .catalog-contents .btn-catalog > span{background-color:#000;filter:alpha(opacity=80);}
.ie8 .container .catalog-contents .btn-catalog > span:nth-child(2){top:0;display:none;filter:alpha(opacity=0);}
.ie8 .container .catalog-contents .btn-catalog:hover > span:nth-child(1){top:0;display:none;}
.ie8 .container .catalog-contents .btn-catalog:hover > span:nth-child(2){top:0;opacity:1;filter:alpha(opacity=100);}
.ie8 .container .catalog-contents .btn-catalog-next{top:69px;}
.ie8 .container .catalog-contents .catalog-info > div.current{filter:alpha(opacity=80);}
.ie8 .container .catalog-contents .catalog-info > div{background-color:#000;}
.ie8 .container .catalog-contents .catalog-info .page-count{opacity:0;filter:alpha(opacity=0);}
.ie8 .container .catalog-contents .catalog-info > div.current .page-count{opacity:1;filter:alpha(opacity=100);}
.ie8 .about-conts-wrap .btn-about > span{background-color:#000;filter:alpha(opacity=0);}{}
.ie8 .about-conts-wrap .btn-about > span:first-child{background-color:#000;filter:alpha(opacity=100);}
.ie8 .about-conts-wrap .btn-about:hover > span{filter:alpha(opacity=100);}
.ie8 .about-conts-wrap .btn-about:hover > span:first-child{filter:alpha(opacity=0);}
.ie8 .product-contents .product-list .list-contents ul li:hover a .over span{background:url(../images/btn/bg_btn_product_more.png) 0 0 no-repeat;opacity:1;filter:alpha(opacity=100);}
.ie8 .product-view-popup{display:none;z-index:400;position:absolute;top:-135px;left:0;min-width:1000px;width:100%;height:100%;background-color:#fff;clip:inherit;}
.ie8 .product-view .product-img a > img{cursor:pointer;}
.ie8 .product-view-popup .expand-thumb li a .line span{display:none;}


/* language */

/* 국문 ======*/
.kr .warranty-contents .in-warranty dl{font-size:12px;line-height:22px;font-weight:normal;color:#838383;}
.kr .warranty-contents .in-warranty dl dt{font-weight:bold;}
.kr .warranty-contents .in-warranty dl dd{font-size:13px;line-height:22px;font-family: NanumGothic, "나눔고딕", NanumGothicWeb, 'Roboto Condensed', Dotum, "돋움", gulim, "굴림", verdana, sans-serif;}
.kr .warranty-contents .in-warranty dl dd p a{color:#838383;}




/* 영문 =======*/
/* AU */
.au #about-list .about-wrapper .inner > dl > dd{font-family:'Roboto Condensed', NanumGothic, "나눔고딕", "NanumGothicWeb", Dotum, "돋움", gulim, "굴림", verdana, sans-serif;font-weight:700;font-size:16px;}

/* ASIA */
.as #about-list .about-wrapper .inner > dl > dd{font-family:'Roboto Condensed', NanumGothic, "나눔고딕", "NanumGothicWeb", Dotum, "돋움", gulim, "굴림", verdana, sans-serif;font-weight:700;font-size:16px;}
.AS #about-list .about-wrapper .inner > dl > dd{font-family:'Roboto Condensed', NanumGothic, "나눔고딕", "NanumGothicWeb", Dotum, "돋움", gulim, "굴림", verdana, sans-serif;font-weight:700;font-size:16px;}

/* SG */
.sg #about-list .about-wrapper .inner > dl > dd{font-family:'Roboto Condensed', NanumGothic, "나눔고딕", "NanumGothicWeb", Dotum, "돋움", gulim, "굴림", verdana, sans-serif;font-weight:700;font-size:16px;}




/* CN SCN ========*/
/* 언어 베리 후 삭제 */
/*.cn #about-list .about-wrapper .inner > dl > dd{font-family:'Roboto Condensed', NanumGothic, "나눔고딕", "NanumGothicWeb", Dotum, "돋움", gulim, "굴림", verdana, sans-serif;font-weight:700;font-size:16px;} */
/* 언어 베리후 복원
.cn .warranty-contents .in-warranty dl{font-size:12px;line-height:22px;font-family: NanumGothic, "나눔고딕", NanumGothicWeb, 'Roboto Condensed', "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", Dotum, "돋움", gulim, "굴림", verdana, sans-serif;font-weight:normal;color:#838383;}
.cn .warranty-contents .in-warranty dl dt{font-weight:bold;}
.cn .warranty-contents .in-warranty dl dd{font-size:13px;line-height:22px;}
.cn .warranty-contents .in-warranty dl dd p a{color:#838383;}
*/

/* TW SCN */
/* 언어 베리 후 삭제 */
/*.tw #about-list .about-wrapper .inner > dl > dd{font-family:'Roboto Condensed', NanumGothic, "나눔고딕", "NanumGothicWeb", Dotum, "돋움", gulim, "굴림", verdana, sans-serif;font-weight:700;font-size:16px;} */
/* 언어 베리 후 복원 
.tw .warranty-contents .in-warranty dl{font-size:12px;line-height:22px;font-family: NanumGothic, "나눔고딕", NanumGothicWeb, 'Roboto Condensed', "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", Dotum, "돋움", gulim, "굴림", verdana, sans-serif;font-weight:normal;color:#838383;}
.tw .warranty-contents .in-warranty dl dt{font-weight:bold;}
.tw .warranty-contents .in-warranty dl dd{font-size:13px;line-height:22px;}
.tw .warranty-contents .in-warranty dl dd p a{color:#838383;}
*/
/***** font-family: Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; */




/* HK TCN =========*/
/* 언어 베리 후 삭제 */
/*.hk #about-list .about-wrapper .inner > dl > dd{font-family:'Roboto Condensed', NanumGothic, "나눔고딕", "NanumGothicWeb", Dotum, "돋움", gulim, "굴림", verdana, sans-serif;font-weight:700;font-size:16px;} */
/* 언어 베리후 복원 
.hk .warranty-contents .in-warranty dl{font-size:12px;line-height:22px;font-family: NanumGothic, "나눔고딕", NanumGothicWeb, 'Roboto Condensed', "Microsoft MingLiU", 新細明體, Dotum, "돋움", gulim, "굴림", verdana, sans-serif;font-weight:normal;color:#838383;}
*/

/******  font-family: Helvetica, Arial, "Microsoft MingLiU", 新細明體, sans-serif; */




/* JP ==============*/
/* 언어 베리 전*/
/* .jp #about-list .about-wrapper .inner > dl > dd{font-family:'Roboto Condensed', NanumGothic, "나눔고딕", "NanumGothicWeb", Dotum, "돋움", gulim, "굴림", verdana, sans-serif;font-weight:700;font-size:16px;} */
/* 언어 베리 후 */ 
.jp #about-list .about-wrapper .inner > dl > dd{font-size:13px;line-height:20px;font-family: NanumGothic, "나눔고딕", NanumGothicWeb, 'Roboto Condensed', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;font-weight:normal;color:#838383;}
.jp .warranty-contents .in-warranty dl dd{font-weight:400;}

/******** font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif; */