/* BASIC css start */
#go{display:none !important}


#menu_full li {
    display: block;
    width: 7px !important;
    height: 7px !important;
    margin-bottom: 10px;
    border-radius: 100%;
    border: 1px solid #000;}
    
#menu_full li.active{ 
    background: #000000 !important;
    font-weight: bold;}
    
#menu_full li a{text-decoration:none;}
#menu_full li.active a:hover{ }
#menu_full li:hover{ font-weight:bold;}
#menu_full li a,#menu_full li.active a{padding:6px 18px;display:block;}
#menu_full li.active a{ color:#fff;}
#menu_full {
    position: fixed;
    top: 50%;
    z-index: 70;
    right: 15px;
    transform: translateY(-50%);
    font-size: 0;}
    
#artfinger_slide{z-index:-1;visibility:hidden;position:fixed;right:0px;top:0px;bottom:0;overflow:auto;overflow-x:hidden;width:85%;}
#artfinger_slide .artfinger_slide_wrap {padding:0px 20px;}
#artfinger_slide .member_state {display:block;padding:18px 0 12px;border-bottom:1px solid;}
#artfinger_slide .member{font-size:9px;font-weight:normal;}
#artfinger_slide .member::after {content:"";display:block;clear:both;}
#artfinger_slide .member a{position:relative;float:left;padding:0 10px 0 15px;font-size:9px;line-height:22px;text-align:center;}
#artfinger_slide .member a:before{display:block;content:"";position:absolute;top:50%;left:0;width:1px;height:40%;transform:translateY(-50%);background:#000;}
#artfinger_slide .member a:first-child {padding-left:2px }
#artfinger_slide .member a:first-child:before{display:none;}
#artfinger_slide .member a:last-child:before {display:none;}
#artfinger_slide .member strong{color:#508bed;text-decoration:underline;}
#artfinger_slide .btnClose{position:absolute;top:10px;right:0;}
#artfinger_slide .btnClose{display:block;padding:13px;}
#artfinger_slide .tab a{float:left;width:50%;padding:10px 0;font-size:13px;color:#909296;text-align:center;border-bottom:1px solid #181b21;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-sizing:border-box;-o-sizing:border-box;box-sizing:border-box;}
#artfinger_slide .tab a.selected{color:#000;font-weight:bold;border-color:#2d3946;background-color:#fff;}
#artfinger_slide .tab:after{content:"";display:block;clear:both;}
#artfinger_slide .tab a:nth-child(1).selected{border-right:1px solid #2d3946;}
#artfinger_slide .tab a:nth-child(2).selected{border-left:1px solid #2d3946;}
#artfinger_slide .xans-layout-category {margin-top:60px;padding-left:2px }
#artfinger_slide .xans-layout-category ul{display:none;}
#artfinger_slide .xans-layout-category li.selected > ul{display:block;}
#artfinger_slide .xans-layout-category li.selected > a.cate{color:#000;font-weight:bold;}
#artfinger_slide .xans-layout-category li.noChild > a.cate{background-image:none !important;}
#artfinger_slide .xans-layout-category li.selected.noChild{background-color:#fff;}
#artfinger_slide .xans-layout-category li.selected.noChild > a.cate{color:#fff;}
#artfinger_slide .xans-layout-category > li.selected{background-color:#fff;}
#artfinger_slide .xans-layout-category > li:first-child{border-top:0;}
#artfinger_slide .xans-layout-category > li > a.view{position:absolute;right:10px;top:0px;height:40px;width:20px }
#artfinger_slide .xans-layout-category > li > a.view:after{content: " ";width:6px;height:6px;border-right:1px solid #000;border-bottom:1px solid #000;position:absolute;right:5px;top:50%;transform: translateX(-50%) translateY(-50%) rotate(-45deg);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
#artfinger_slide .xans-layout-category li{position:relative;}
#artfinger_slide .xans-layout-category a.cate{display:block;margin-right:30px;padding:15px 10px 15px 0px;word-wrap:break-word;color:#000;font-size:11px;line-height:1.5;}
#artfinger_slide .xans-layout-category > li > a.cate{}
#artfinger_slide .xans-layout-category > li.selected > a.cate{}
#artfinger_slide .xans-layout-category > li > ul > li > a.cate{padding-left:39px;font-size:10px;background:url("http://img.echosting.cafe24.com/design/skin/mobile/bg_snb_2dep.gif") no-repeat 27px 50%;background-size:7.5px 7.5px;}
#artfinger_slide .xans-layout-category > li > ul > li > a.cate{padding-left:39px;font-size:10px;background:url("http://img.echosting.cafe24.com/design/skin/mobile/bg_snb_2dep.gif") no-repeat 27px 50%;background-size:7.5px 7.5px;}
#artfinger_slide .xans-layout-category > li > ul > li.selected > a.cate{background-image:url("http://img.echosting.cafe24.com/design/skin/mobile/bg_snb_2dep_on.gif");background-size:7.5px 1.5px;}
#artfinger_slide .xans-layout-category > li > ul > li > ul > li > a.cate{padding-left:51px;font-size:11px;background:url("http://img.echosting.cafe24.com/design/skin/mobile/bg_snb_2dep.gif") no-repeat 39px 50%;background-size:7.5px 7.5px;}
#artfinger_slide .xans-layout-category > li > ul > li > ul > li.selected > a.cate{background-image:url("http://img.echosting.cafe24.com/design/skin/mobile/bg_snb_2dep_on.gif");background-size:7.5px 1.5px;}
#artfinger_slide .xans-layout-category > li > ul > li > ul > li > ul > li a.cate{padding-left:63px;font-size:9px;}
#artfinger_slide .xans-layout-category .slideSubMenu li a {display:block;padding:0px 20px;color:#000;font-size:9px;line-height:300%;}
#artfinger_slide .xans-layout-category li.selected.noChild > a.view{color:#fff;border-color:#62b7f7;background-color:#2b99ec;}
#artfinger_slide .cust_inner {margin-top:60px;}
#artfinger_slide .cust_inner > li {line-height:200%;}
#artfinger_slide .cust_inner > ul > li {line-height:180%;font-size:11px;}
#artfinger_slide .cust_inner .telnum {font-size:11px;line-height:22px;margin:5px 0 5px}
#artfinger_slide .cust_inner .slideSns {display:flex;}
#artfinger_slide .cust_inner .slideSns li {flex:1;}
#artfinger_slide .menu_v {padding:0 0 0 2px;}
#artfinger_slide .menu_v {position:relative;}
#artfinger_slide .menu_v li.active ul{display:block;}
#artfinger_slide .menu_v li.active > a > span {font-weight:bold;}
#artfinger_slide .menu_v li {display:block;width:100%;text-align:left;}
#artfinger_slide .menu_v > ul > li > ul a{display:block;padding:0px 20px;color:#000;font-size:9px;line-height:300%;}
#artfinger_slide .menu_v ul li ul {}
#artfinger_slide .menu_v > ul > li {}
#artfinger_slide .menu_v > ul > li a {width:100%;display:block;margin-right:30px;padding:15px 10px 15px 0px;word-wrap:break-word;color:#000;font-size:11px;line-height:1.5;}
#artfinger_slide .menu_v > ul > div > li {font-weight: normal;line-height:35px;font-size:11px;}
#artfinger_slide .menu_v > ul > li > ul > li {line-height:20px;}
#artfinger_slide .menu_v .com_indi {position:absolute;right:10px;top:0px;height:39px;width:20px;}
#artfinger_slide .menu_v .com_indi::after {width:6px;height:6px;border-right:1px solid #000;border-bottom:1px solid #000;position:absolute;right:8px;content: " ";top:16px;transform: rotate(-45deg);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.fp-viewing-anchor1 #header .header_wrap a,.fp-viewing-anchor1 #menu_full li a {color:#000;fill:#000;}
.fp-viewing-anchor2 #header .header_wrap a,.fp-viewing-anchor2 #menu_full li a {color:#fff;fill:#fff;}
.fp-viewing-anchor3 #header .header_wrap a,.fp-viewing-anchor3 #menu_full li a {color:#000;fill:#000;}
.fp-viewing-anchor4 #header .header_wrap a,.fp-viewing-anchor4 #menu_full li a {color:#fff;fill:#fff;}
#header > .header_wrap h1{margin-top: -2px;}
#header > .header_wrap h1 a{font-family: 'Teko';font-weight: normal;font-size:30px;}
._button1,._button2{border: none;display: inline-block;margin:15px auto 15px;outline: none;padding:12px 10px 10px;position: relative;}
._button1:before,._button2:before,._button1:after,._button2:after{border-color: transparent;border-style: solid;border-width:0;content: "";height:24px;position:absolute;width:24px;-webkit-transition:all 0.5s;transition:all 0.5s;}
._button1:before,._button2:before{border-right-width:2px;border-top-width:2px;right: -5px;top: -5px;}
._button1:after,._button2:after{border-bottom-width:2px;border-left-width:2px;bottom: -5px;left: -5px;}
._button1:hover:before,._button2:hover:before,._button1:hover:after,._button2:hover:after{height:calc(100% + 7px);width:calc(100% + 7px);}
.main_text_button1{top:60%;left:50%;width:90%;opacity:0;transform: translateY(-50%);z-index:999;text-align:center;position:absolute;z-index:999;transform: translateX(-50%) translateY(0%);transition:all 2s ease,-webkit-transform 1s ease-out;-webkit-transition:all 2s ease,-webkit-transform 1s ease-out;-moz-transition:all 2s ease,-moz-transform 1s ease-out;-ms-transition:all 2s ease,-ms-transform 1s ease-out;transition-delay:1s;-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-ms-transition-delay:0.5s;}
.fp-viewing-anchor1 .main_text_button1 {top:50%;left:50%;opacity:1;transform: translateX(-50%) translateY(-50%);z-index:999;position:absolute;z-index:999;}
.fp-viewing-anchor1 .main_link._button1{background-color:#fff;}
.fp-viewing-anchor1 .main_link._button1:before,.fp-viewing-anchor1 .main_link._button1:after{}
.fp-viewing-anchor1 .main_link._button1:before{border-color:#fff;}
.fp-viewing-anchor1 .main_link._button1:after{border-color:#fff;}
.fp-viewing-anchor1 .main_link._button1:hover:before,.fp-viewing-anchor1 .main_link._button1:hover:after{}
.main_text_button2{top:70%;right:20%;opacity:0;transform: translateY(-50%);z-index:999;position:absolute;z-index:999;transform: translateY(0%);-webkit-transition:all 2s ease,-webkit-transform 1s ease-out;-moz-transition:all 2s ease,-moz-transform 1s ease-out;-ms-transition:all 2s ease,-ms-transform 1s ease-out;}
.fp-viewing-anchor2 .main_text_button2 {top:50%;right:20%;opacity:1;transform: translateY(-50%);z-index:999;position:absolute;z-index:999;transform: translateY(0%);}
.fp-viewing-anchor2 .main_link._button2{background-color:#000;}
.fp-viewing-anchor2 .main_link._button2:before,.fp-viewing-anchor2 .main_link._button2:after{}
.fp-viewing-anchor2 .main_link._button2:before{border-color:#000;}
.fp-viewing-anchor2 .main_link._button2:after{border-color:#000;}
.fp-viewing-anchor2 .main_link._button2:hover:before,.fp-viewing-anchor2 .main_link._button2:hover:after{}



/* main - kbg */

#main .sec01{position: relative; width:100%;}
#main .sec01 img{width:100%;}
#main .sec02{position: relative; text-align: center; padding:50px 0 0;}
#main .sec02 *{font-family: "HelveticaNeue-MediumCond";}
#main .sec02 .title_wrap h2{color:#000000; font-size:18px; font-weight: 500;}
#main .sec02 .txt_wrap{color:#000000; font-size:11x; font-weight: 500; line-height: 1.36; padding:14px 0 0;}
#main .sec03{position: relative; width: 100%; padding:50px 0 0;}
#main .sec03 img{width: 100%;}
#main .sec03 .list_wrap{flex-wrap: wrap; gap:5px; padding:0 18px;}
#main .sec03 .list_wrap > li{flex-basis:calc(50% - 2.5px);}

.slick-dots {display: flex; position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; }
.slick-dots li + li{ margin-left: 10px;}
.slick-dots button {font-size: 0; border: none; outline: none ; width: 8px ; height: 8px; background-color: rgba(255,255,255,.5); border-radius: 50%;}
.slick-dots .slick-active button { background-color: rgba(255,255,255,1);}

/* BASIC css end */

