@charset "utf-8";
/* CSS Document */

.fs_14 {font-size:14px !important; transition: all .3s;}
.fs_16 {font-size:16px !important; transition: all .3s;}
.fs_18 {font-size:18px !important; transition: all .3s;}
.fs_20 {font-size:20px !important; transition: all .3s;}
.fs_24 {font-size:24px !important; transition: all .3s;}
.fs_26 {font-size:26px !important; transition: all .3s;}
.fs_28 {font-size:28px !important; transition: all .3s;}
.fs_30 {font-size:30px !important; transition: all .3s;}
.fs_32 {font-size:32px !important; transition: all .3s;}
.fs_36 {font-size:36px !important; transition: all .3s;}
.fs_40 {font-size:40px !important; transition: all .3s;}
.fs_42 {font-size:42px !important; transition: all .3s;}
.fs_48 {font-size:48px !important; transition: all .3s;}
.fs_50 {font-size:50px !important; transition: all .3s;}
.fs_54 {font-size:54px !important; transition: all .3s;}
.fs_60 {font-size:60px !important; transition: all .3s;}
.fs_72 {font-size:72px !important; transition: all .3s;}

.mb_10 {margin-bottom:10px !important}
.mb_20 {margin-bottom:20px !important}
.mb_30 {margin-bottom:30px !important}
.mb_50 {margin-bottom:50px !important}

.txt_l {text-align:left !important}
.txt_r {text-align:right !important}
.txt_c {text-align:center !important}
.fc_green {color:#8ec641 !important}
.fc_yellow {color:#9b7725 !important}

.none {display:none !important}

.main_visual {text-align:center; height:1100px; position:relative; background-color:#000000; overflow: hidden; transition: all .3s;}
.main_visual .swiper-container {width:100%; height:100%; }
.main_visual .swiper-slide {position:relative; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.main_visual .swiper-pagination-bullet {margin:0px 4px !important;}
.main_visual .img_01 {background-image: url(../images/main_visual1.jpg);}
.main_visual .img_02 {background-image: url(../images/main_visual2.jpg);}
.main_visual .img_03 {background-image: url(../images/main_visual3.jpg);}
.main_visual .txt_box {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:1340px; text-align: center;}
.main_visual .txt_box .txt {position:absolute; left:10px; top:50%; transform: translateY(-50%); width:100%;text-align:center;}
.main_visual .txt_box img {margin-bottom:30px; }
.main_visual .txt_box p {display:block; margin-bottom:45px; color:#c39835; transition: all .3s; }

.page_dot_wrap {position:absolute; left:50%; bottom:20%; z-index: 1; transform: translateX(-50%); width:100%; max-width:1340px; }
.page_dot {position:absolute; left:50%; text-align: left !important}
.page_dot .swiper-pagination {position:relative;}
.page_dot .swiper-pagination-bullet {border:2px solid rgba(155,118,37,1); background-color: transparent; width:14px; height:14px !important; box-sizing: border-box;}
.page_dot .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:rgba(155,118,37,1);}

.eves_new_p {background: url(../images/main_a_01.jpg) 0px 0px repeat; text-align: center;}
.eves_new_p .inner {display:block; width:100%; max-width:1280px; padding:50px 0px; padding-bottom:100px; margin:0px auto;}
.eves_new_p h3.title_01 {display: block; margin-bottom:50px; text-align: center; color:#000000;}
.eves_new_p h3.title_01 span {color:#9b7725}
.eves_new_p h3.title_01 b {display: inline-block; padding:3px 10px; background-color: #000000; color:#ffffff;}
.eves_new_p ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.eves_new_p ul li {display: inline-block; position: relative; width:30%}
.eves_new_p ul li .pic_box {display:block; position: relative;}
.eves_new_p ul li .pic_box img {width:100%;}
.eves_new_p ul li .pic_box .txt_box {position: absolute; right:0px; bottom:4px; width:64px; height:64px; background-color:#000000; background-image: url(../images/icon_01.png); background-position: 50% 50%; background-repeat: no-repeat; transition: all .1s; overflow: hidden;}
.eves_new_p ul li .pic_box .txt_box .txt_inner {visibility: hidden;  opacity: 0;  transition: all .3s;}
.eves_new_p ul li .pic_box .txt_box:hover {width:100%; height:260px; right:-56px; bottom:-50px; padding:30px 45px; background-color:#ffffff; background-image: none; box-shadow:10px 0px 10px rgba(0,0,0,.2); box-sizing: border-box;}
.eves_new_p ul li .pic_box .txt_box:hover .txt_inner {visibility: visible; opacity: 1; position: relative; text-align: left; padding:40px 0px; box-sizing: border-box;}
.eves_new_p ul li .pic_box .txt_box:hover .txt_inner .new {position: absolute; left:0px; top:0px; padding:5px 10px; font-size:12px; color:#ffffff; background-color: #9b3c25;}
.eves_new_p ul li .pic_box .txt_box:hover .txt_inner h4 {display: block; margin-bottom:10px; color:#000000;}
.eves_new_p ul li .pic_box .txt_box:hover .txt_inner p {color:#666666}
.eves_new_p ul li .pic_box .txt_box:hover .txt_inner a {position: absolute; right:0px; bottom:0px; padding:5px 0px; font-size:12px; color: #666666; border-bottom:1px solid #a3a3a3;}

.eves_best_p {background:#ffffff; text-align: center;}
.eves_best_p .inner {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; width:100%; max-width:1280px; padding:50px 0px; margin:0px auto;}
.eves_best_p .inner .fl_l {width:60%; padding-right:40px; text-align: left; box-sizing: border-box;}
.eves_best_p .inner .banner_02 {width:40%; box-sizing: border-box;}
.eves_best_p .inner .slide_box {margin-bottom:20px;}
.eves_best_p .inner .slide_box img {max-width:100%;}
.eves_best_p .inner .slide_box .slider_page {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end;}
.eves_best_p .inner .slide_box .slider_page .page_no {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center;}
.eves_best_p .inner .slide_box .slider_page .page_no button {margin:0px; padding: 0px; width:23px; height:23px; text-indent: -1000em; background-image: url(../images/arrow_03.png); background-repeat: no-repeat; background-color:transparent; border:0px solid #ff4400; overflow: hidden;}
.eves_best_p .inner .slide_box .slider_page .page_no button.slide_prev {background-position: 5px 50%;}
.eves_best_p .inner .slide_box .slider_page .page_no button.slide_next {background-position: -22px 50%;}
.eves_best_p .inner .slide_box .slider_page .page_no b {display:inline-block; padding:0px 5px; font-size:14px; color:#000000;}
.eves_best_p .inner .slide_box .slider_page .page_no span {display: inline-block; font-size:12px; color:#666666;}
.eves_best_p .inner .slide_box .slider_page .page_no span:before {content:'/'; margin:0px 5px;}
.eves_best_p .inner .banner_01 img {max-width:100%;}
.eves_best_p .inner .banner_02 img {max-width:100%;}

.eves_slide {background-color: #ffffff; text-align: center;}
.eves_slide .swiper-container2 {position: relative;}
.eves_slide .slide_01 {background:url(../images/banner_slide_01_bg.png) 50% 50% repeat; background-size: 100%;}
.eves_slide .slide_02 {background:url(../images/banner_slide_02_bg.png) 50% 50% repeat; background-size: 100%;}
.eves_slide .slide_03 {background:url(../images/banner_slide_03_bg.png) 50% 50% repeat; background-size: 100%;}
.eves_slide .inner {width:100%; max-width:1280px; margin:0px auto;}
.eves_slide .inner img {max-width:100%;}
.eves_slide .swiper-button-next2,
.eves_slide .swiper-button-prev2 {position: absolute; top:50%; width:50px; height:50px; text-indent: -1000em; overflow: hidden; background-image: url(../images/arrow_02.png); background-repeat: no-repeat; z-index:1;}
.eves_slide .swiper-button-next2 {left:1%; background-position: 14px 50%;}
.eves_slide .swiper-button-prev2 {right:1%; background-position: -34px 50%;}

.customer_wrap {background-color: #ffffff;}
.customer_wrap .inner {position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding:50px 0px; width:100%; max-width:1280px; margin:0px auto;}
.customer_wrap .inner .linkbanner {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; padding:30px 40px; width:33%; max-width:410px; box-sizing: border-box; border:1px solid #f0f0f0; transition: all .3s;}
.customer_wrap .inner .linkbanner .icon {display: inline-block; width:60px; height:60px; border-radius:7px; background-color:rgba(240,240,240,1); background-position: 50% 50%; background-repeat: no-repeat;}
.customer_wrap .inner .linkbanner .icon.icon01 {background-image:url(../images/customer_i_01.png) ;}
.customer_wrap .inner .linkbanner .icon.icon02 {background-image:url(../images/customer_i_02.png) ;}
.customer_wrap .inner .linkbanner .icon.icon03 {background-image:url(../images/customer_i_03.png) ;}
.customer_wrap .inner .linkbanner dl {flex:1; padding:0px 30px;}
.customer_wrap .inner .linkbanner dl dt {color:#000000}
.customer_wrap .inner .linkbanner dl dd {color:#666666}
.customer_wrap .inner .linkbanner .more {display: inline-block; width:20px; height:20px; background-image: url(../images/icon_03.png); background-position: 50% 50%; background-repeat: no-repeat; background-color: #9b7725; border-radius: 50%;}
.customer_wrap .inner .linkbanner:hover {background-color: rgba(155,118,37,1); border:1px solid #9b7725}
.customer_wrap .inner .linkbanner:hover .icon {background-color:rgba(255,255,255,1)}
.customer_wrap .inner .linkbanner:hover dl dt,
.customer_wrap .inner .linkbanner:hover dl dd {color:#ffffff;}
.customer_wrap .inner .linkbanner:hover .more {background-image: url(../images/icon_04.png);  background-color: #ffffff;}

.sub_visual {display: block;}
.sub_visual .sub_v_img {background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;  position: relative;}
.sub_visual .sub_v_img.h630 {height:630px;}
.sub_visual .sub_v_img.h370 {height:370px;}
.sub_visual .sub_v_img.h810 {height:810px;}
.sub_visual .sub_v_img.img01 {background-image:url(../images/customer_v1_bg.png);}
.sub_visual .sub_v_img.img02 {background-image:url(../images/company_v3_bg.png);}
.sub_visual .sub_v_img.img03 {background-image:url(../images/sub_v_img_01.jpg);}

.sub_visual .sub_v_img .txt {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:100%;text-align: center;  padding:10px 10px;}
.sub_visual .sub_v_img .txt div {display:inline-block; padding:0px 0px; padding-bottom:20px; margin-bottom: 20px; border-bottom:1px solid #9b7725;}
.sub_visual .sub_v_img .txt p {display: block; font-size:16px; color:#000000;}

.sub_visual .sub_v_img.company_v .txt {left:50%; top:150px; bottom:0px; transform: translateX(-50%); display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; background-color: rgba(255,255,255,0); overflow: hidden;}
.sub_visual .sub_v_img.company_v .txt h3 {position: relative; color:#000000; margin-bottom: 5px;}
.sub_visual .sub_v_img.company_v .txt h3 span {position: absolute; left:50%; top:-1030px; height:1000px; width:60px; border-bottom:1px solid #000000}
.sub_visual .sub_v_img.company_v .txt h3 span:before {content: ''; position: absolute; left:50%; top:0px; height:100%; width:1px; background-color: #000000;}
.sub_visual .sub_v_img.company_v .txt p {color:#010101; margin-bottom: 5px;}
.sub_visual .sub_v_img.company_v .txt b {position:relative; display: inline-block; padding:3px 10px; color:#9b7725; font-weight: 100; margin-bottom: 5px; background-color: #000000;}
.sub_visual .sub_v_img.company_v .txt b span {position: absolute; left:50%; bottom:-1030px; height:1000px; width:60px; border-top:1px solid #000000}
.sub_visual .sub_v_img.company_v .txt b span:before {content: ''; position: absolute; left:50%; top:0px; height:100%; width:1px; background-color: #000000;}

.sub_contants_wrap {background-color: #ffffff;postion:relative;}
.sub_contants {display: block; max-width:1280px; margin:0px auto; padding:50px 0px;postion:relative;   }
.sub_navi {display: block; padding:30px 0px; }
.sub_navi dl {position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.sub_navi dl:before {content:''; position: absolute; left:0px; top:50%; transform: translateY(-50%); width:100%; height:1px; line-height: 1px; background-color: #000000; z-index:1 ;}
.sub_navi dl dt,
.sub_navi dl dd {width:20%; max-width:156px; height:40px; line-height: 40px; text-align: center; border:1px solid #b3b1b1;  position: relative; z-index: 2; box-sizing: border-box;}
.sub_navi dl dt {background-color: #f8f8f8;}
.sub_navi dl dd {background-color: #ffffff; border-left:0px;}
.sub_navi dl dd a:hover {color:#9b7725}
.tab_01 {padding:30px 0px; text-align: center;}
.tab_01 ul {margin:0px auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.tab_01 ul li {padding:0px 30px; border-left:1px solid #b3b1b1;}
.tab_01 ul li:last-child {border-right:1px solid #b3b1b1}
.tab_01 ul li a {display: inline-block; padding:8px 0px; position: relative;}
.tab_01 ul li a:hover:before,
.tab_01 ul li.on a:before {content:''; position: absolute; left:0px; bottom:0px; right:0px; height:2px; line-height: 2px; background-color: #9b7725;}

.company_s_01 {background-image: url(../images/company_i_11.jpg); background-position: right bottom; background-repeat: no-repeat; background-size: contain;}
.company_s_01 .inner {display: block; max-width:1280px; margin:0px auto; padding:110px 0px; }
.company_s_01 .inner .txt_box {max-width:600px;}
.company_s_01 .inner .txt_box h3 {display: inline-block; margin-bottom: 50px; padding: 30px 60px; color:#000000; border-top:1px solid #000000; border-bottom: 2px solid #000000;}
.company_s_01 .inner .txt_box p {margin-bottom:35px;}
.company_s_02 {background-image: url(../images/company_i_02.jpg); background-position: left top; background-repeat: no-repeat; background-size: contain; background-color: #ebeae6;}
.company_s_02 .inner {max-width:1280px; margin:0px auto; padding:110px 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; }
.company_s_02 .inner .txt_box {max-width:600px;}
.company_s_02 .inner .txt_box h3 {display: inline-block; margin-bottom: 50px; padding: 30px 60px; color:#000000; border-top:1px solid #000000; border-bottom: 2px solid #000000;}
.company_s_02 .inner .txt_box p {margin-bottom:35px;}
.company_s_02 .inner .txt_box .ceo {text-align: right !important;}
.company_s_02 .inner .txt_box .ceo b {color:#000000 !important}

.customer_tap {padding:50px 0px;}
.customer_tap ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; margin:0px auto;}
.customer_tap ul li {position: relative; display: inline-block; width:30%;  max-width:200px; border:1px solid #b3b1b1; border-left:0px;}
.customer_tap ul li:first-child {border-left:1px solid #b3b1b1}
.customer_tap ul li a {display: block; padding:15px 5px; text-align: center;}
.customer_tap ul li:hover {background-color:#262626; border:1px solid #262626}
.customer_tap ul li:hover a {color:#ffffff}
.customer_tap ul li:hover:before {content: ''; position: absolute; left:50%; bottom:-12px; width:1px; height:1px; border:6px solid transparent; border-top:6px solid #262626}
.customer_tap ul li.on {background-color:#262626; border:1px solid #262626}
.customer_tap ul li.on a {color:#ffffff}
.customer_tap ul li.on:before {content: ''; position: absolute; left:50%; bottom:-12px; width:1px; height:1px; border:6px solid transparent; border-top:6px solid #262626}

.customer_title {display: flex; flex-direction: column; align-items: center; padding: 20px 0px; margin-bottom: 50px; border-bottom:1px solid #b3b1b1}
.customer_title b {color:#000000}
.customer_title span {color:#999999}
.customer_cont_wrap {display:flex;}
.customer_cont_wrap .customer_tip {width:360px; padding:20px 10px; box-sizing: border-box;}
.customer_cont_wrap .customer_tip div {position: relative; display:block; max-width:170px; margin:0px auto; padding-bottom: 40px;}
.customer_cont_wrap .customer_tip div:after {content:''; position: absolute; left:0px; bottom:0px; width:26px; height:1px; background-color:#b3b1b1;}
.customer_cont_wrap .customer_cont {flex:1; padding:20px 10px;}

.no_visual .sub_contants_wrap {background-color: #f4f4f4 !important;}
.no_visual .sub_contants_wrap .sub_contants {padding:200px 0px; padding-bottom: 100px;}
.no_visual #header {background-color:#ffffff !important; border-bottom:1px solid #cccccc; box-shadow:3px 0px 5px rgba(0,0,0,.13);}
.no_visual #header #header-inner-nav > a {color:#4e3827}
.no_visual #header .t_menu li a {color:#666666}
.no_visual #header .t_menu li a.icon.member {background-image: url(../images/t_m_i_01_o.png);}

.regi_form2 {padding:20px 10px;}
.regi_form2 fieldset {width:100%; margin:0px auto; padding:0px; }
.regi_form2 fieldset h3 {display:block; padding:10px 0px; font-size:16px; font-weight:600; color:#ea7f00; text-align:left;}
.regi_form2 fieldset ul {text-align:left}
.regi_form2 fieldset ul li {margin-bottom:10px; font-size:12px; color:#eaeaea; box-sizing:border-box; overflow:hidden;}
.regi_form2 fieldset ul li label.st {display:block; padding:7px 3px; font-size:14px; color:#222222; font-weight:600;}
.regi_form2 fieldset ul li label.st:after { content:":"; color:#ffffff; margin-left:5px;}
.regi_form2 fieldset ul li input[type=text] {margin:0px; padding:0px 10px; width:60%; line-height:42px; height:42px; font-size:14px; color:#666; background-color:rgba(255,255,255,0.7); border:1px solid #ccc; border-radius:3px; box-sizing:border-box}
.regi_form2 fieldset ul li input[type=password] {margin:0px; padding:0px 10px; width:60%; line-height:42px; height:42px; font-size:14px; color:#666; background-color:rgba(255,255,255,0.7); border:1px solid #ccc; border-radius:3px; box-sizing:border-box}
.regi_form2 fieldset ul li select {margin:0px; padding:0px 0px; width:100%; height:42px; font-size:14px; color:#666; background-color:rgba(255,255,255,0.7); border:1px solid #ccc; border-radius:3px; box-sizing:border-box}
.regi_form2 fieldset ul li textarea {margin:0px; padding:10px 10px; width:100%; height:100px; font-size:14px; color:#666; background-color:rgba(255,255,255,0.7); border:1px solid #ccc; border-radius:3px; box-sizing:border-box; resize:none}
.regi_form2 fieldset ul li button {float:right; margin:0px; padding:0px 0px; width:39%; line-height:42px; height:42px; font-size:14px; color:#ffffff; text-align:center; background-color:#222222; border:1px solid #000000; border-radius:3px; box-sizing:border-box}
.regi_form2 fieldset ul li .input1 {float:left}
.regi_form2 fieldset ul li .input2 {float:right}
.regi_form2 fieldset .w100p {width:100% !important;}
.regi_form2 fieldset .w50p {width:39% !important;}
.regi_form2 fieldset div {padding:20px 0px; text-align:center}
.regi_form2 button {background-color:#1d62bd; padding:20px 35px; margin-bottom:20px; font-size:14px; font-weight:600; color:#fff; border-radius:5px;}
.regi_form2 input[type=checkbox] {position: absolute; left:-10000px;}
.regi_form2 input[type=checkbox] + label {position:relative; display:inline-block; width:16px; height:16px; border:1px solid #acacac; border-radius: 3px; overflow: hidden;}
.regi_form2 input[type=checkbox] + label:before {content:''; position: absolute; left:3px; top:3px; width:10px; height:10px; background-color:#ff4400; opacity:0; transition: all .2s;}
.regi_form2 input[type=checkbox]:checked + label:before {opacity: 1;}
.regi_form2 .li_check {padding-left:25px; overflow: hidden;}
.regi_form2 .li_check label {cursor: pointer;}
.regi_form2 .li_check input[type=checkbox] + label {float:left; margin-left:-25px;}

.log_wrap {display:block; max-width:600px; margin:0px auto; padding:40px 40px; background-color:#ffffff; background-image: url(../images/logbg.png); background-position: right 15px top 15px; background-repeat: no-repeat; border:1px solid #dddddd;}
.log_wrap h3 {display: block; color:#000000; text-align: center; padding:30px 0px; margin-bottom: 10px;}
.log_wrap .regi_form2 fieldset ul li label {display: none;}
.log_wrap .regi_form2 input[type=text],
.log_wrap .regi_form2 input[type=password] {height:60px; line-height: 60px; padding-left: 60px; background-position: left 12px top 50%; background-repeat: no-repeat;}
.log_wrap .regi_form2 input[type=text] {background-image: url(../images/log_i_01.png);}
.log_wrap .regi_form2 input[type=password] {background-image: url(../images/log_i_02.png); background-position: left 15px top 50%;}

.join_wrap {display:block; max-width:600px; margin:0px auto;  background-color:#ffffff; padding:50px 50px;  border:1px solid #dddddd;}
.join_wrap .join_title {display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; margin-bottom:20px; padding:25px 10px; padding-bottom:30px; text-align: left; background: url(../images/join_i_01.png) left bottom repeat-x;}
.join_wrap .join_title b {font-size:20px; color:#9b7725}
.join_wrap .join_title ul {margin-left:10px; overflow: hidden;}
.join_wrap .join_title ul:before {content:'Agree'; float: left;}
.join_wrap .join_title ul li {position:relative; float:left; padding:0px; margin:0px; margin-left:10px; width:30px; height:30px; line-height:30px; font-size:16px; font-weight: 600; color:#ffffff; text-align: center; background-color: #adadad; border-radius: 50%;}
.join_wrap .join_title ul li.on {background-color:#333333}
.join_wrap .join_title ul li:before {content:''; position: absolute; left:-10px; top:50%; transform: translateY(-50%); width:10px; height:1px; background-color: #adadad;}
.join_wrap .join_title ul li:first-child:before {content:none}
.join_wrap .yak_wrap {padding:0px 10px; padding-bottom:10px}
.join_wrap .yak_wrap h3 {display: block; margin-bottom:15px; padding:15px 0px; font-size:20px; color:#222222; border-bottom:1px solid #dadada;}
.join_wrap .yak_wrap input[type=checkbox] {display:none}
.join_wrap .yak_wrap input[type=checkbox] + label {position:relative; display:block; margin:0px; margin-bottom:10px; padding-left:24px; width:100%; height:auto; line-height:20px; font-size:16px; color:#666666; text-align:left; border:0px solid #acacac; border-radius: 3px; overflow: hidden; box-sizing: border-box; cursor: pointer;}
.join_wrap .yak_wrap input[type=checkbox] + label:before {content:''; position: absolute; left:0px; top:10px; width:16px; height:16px; background-color:#ffffff; border:1px solid #dadada; border-radius: 3px; opacity:1; transition: all .2s;}
.join_wrap .yak_wrap input[type=checkbox] + label:after {content:''; position: absolute; left:4px; top:10px; width:10px; height:10px; background-color:#ff4400; opacity:0; transition: all .2s;}
.join_wrap .yak_wrap input[type=checkbox]:checked + label:after {opacity: 1;}
.join_wrap .yak_wrap .yak_box {padding:20px 20px; margin-bottom:20px; max-height:200px; background-color: #f7f7f7; overflow-y: auto;}
.join_wrap .join_btn {padding:10px 10px; overflow: hidden;}
.join_wrap .join_btn button,
.join_wrap .join_btn a {display: inline-block; width:100%; height:50px; line-height:50px; font-size:18px; color:#ffffff; text-align: center; background-color: #9b7725; border:0px; border-radius: 0px; box-sizing: border-box;}

.join_end {padding:50px 10px; text-align: center;}
.join_end img {max-width:100%; margin-bottom:40px;}
.join_end div {padding:40px 10px; text-align: center; background-color:#f7f7f7;}
.join_end div b {display:block; padding-bottom:15px; font-size:34px; font-weight: 600; color:#222222;}
.join_end div p {font-size:24px; color:#222222; }
.join_end div p strong {color:#489920}

.pw_search_txt {padding:50px 10px; font-size:24px; text-align: center; color:#222222; border-bottom:1px solid #eaeaea}
.pw_search_txt b {color:#489920}

.id_ch {display:flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: center; }
.id_ch input[type=checkbox] {display:none}
.id_ch input[type=checkbox] + label {position:relative; display:block; margin:0px; margin-bottom:10px; padding-left:24px; width:200px; height:auto; line-height:20px; font-size:16px; color:#666666; text-align:left; border:0px solid #acacac; border-radius: 3px; overflow: hidden; box-sizing: border-box; cursor: pointer;}
.id_ch input[type=checkbox] + label:before {content:''; position: absolute; left:0px; top:0px; width:16px; height:16px; background-color:#ffffff; border:1px solid #dadada; border-radius: 3px; opacity:1; transition: all .2s;}
.id_ch input[type=checkbox] + label:after {content:''; position: absolute; left:4px; top:4px; width:10px; height:10px; background-color:#ff4400; opacity:0; transition: all .2s;}
.id_ch input[type=checkbox]:checked + label:after {opacity: 1;}
.id_ch a {font-size:16px; color:#489920}

.login_btn {padding:10px 10px; overflow: hidden;}
.login_btn button,
.login_btn a {display: inline-block; margin-bottom:20px; width:100%; height:74px; line-height:74px; font-size:18px; color:#ffffff; text-align: center; background-color: #333333; border:0px; border-radius: 0px; box-sizing: border-box;}
.login_btn .btn_02 {color:#ffffff; background-color: #9b7725; border:1px solid #9b7725;}
.login_btn .btn_03 {color:#9b7725; background-color: #ffffff; border:1px solid #9b7725;}

@media only screen and (max-width:1928px) {
    .main_visual {height:980px;}
}
@media only screen and (max-width:1400px) {
.fs_60 {font-size:50px !important;}
.page_dot {bottom:5%; }
}

@media only screen and (max-width:1280px) {
section .inner {padding-left:10px !important; padding-right:10px !important; box-sizing: border-box;}
.eves_new_p ul li .pic_box .txt_box:hover {width:100%; right:0px; bottom:0px; }

}

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

.fs_14 {font-size:13px !important;}
.fs_16 {font-size:15px !important;}
.fs_18 {font-size:17px !important;}
.fs_20 {font-size:18px !important;}
.fs_24 {font-size:22px !important;}
.fs_26 {font-size:24px !important;}
.fs_28 {font-size:26px !important;}
.fs_30 {font-size:28px !important;}
.fs_32 {font-size:28px !important;}
.fs_36 {font-size:32px !important;}
.fs_40 {font-size:36px !important;}
.fs_42 {font-size:38px !important;}
.fs_48 {font-size:39px !important;}
.fs_50 {font-size:40px !important;}
.fs_54 {font-size:42px !important;}
.fs_60 {font-size:46px !important;}
.fs_72 {font-size:54px !important;}

.main_visual {height:620px;}

}

@media only screen and (max-width:1000px) {
.fs_40 {font-size:34px !important;}
.fs_42 {font-size:36px !important;}
.fs_48 {font-size:37px !important;}
.fs_60 {font-size:40px !important;}

.main_visual {height:520px;}

.customer_wrap .inner .linkbanner {padding:10px 10px; }
.customer_cont_wrap {display:flex;}
.customer_cont_wrap .customer_tip {width:190px; }
.customer_cont_wrap .customer_cont {flex:1; }

}

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

.fs_14 {font-size:12px !important;}
.fs_16 {font-size:14px !important;}
.fs_18 {font-size:16px !important;}
.fs_20 {font-size:18px !important;}
.fs_24 {font-size:20px !important;}
.fs_26 {font-size:22px !important;}
.fs_28 {font-size:23px !important;}
.fs_30 {font-size:24px !important;}
.fs_32 {font-size:24px !important;}
.fs_36 {font-size:26px !important;}
.fs_40 {font-size:30px !important;}
.fs_42 {font-size:34px !important;}
.fs_48 {font-size:30px !important;}
.fs_50 {font-size:34px !important;}
.fs_54 {font-size:36px !important;}
.fs_60 {font-size:38px !important;}
.fs_72 {font-size:45px !important;}

.mb_20 {margin-bottom:10px !important}
.mb_30 {margin-bottom:15px !important}
.mb_50 {margin-bottom:20px !important}

.main_visual {height:480px;}
.page_dot_wrap {bottom:0%;}

.eves_best_p .inner .fl_l {width:100%; padding-right:0px; margin-bottom:20px;}
.eves_best_p .inner .banner_02 {width:100%; }
.customer_wrap .inner .linkbanner {width:100%; max-width:100%; margin-bottom:30px; }

}

@media only screen and (max-width:700px) {
.main_visual {height:420px;}  

.eves_new_p ul li {width:33%}

}  

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

.fs_14 {font-size:11px !important;}
.fs_16 {font-size:12px !important;}
.fs_18 {font-size:12px !important;}
.fs_20 {font-size:15px !important;}
.fs_24 {font-size:14px !important;}
.fs_26 {font-size:18px !important;}
.fs_28 {font-size:20px !important;}
.fs_30 {font-size:20px !important;}
.fs_32 {font-size:20px !important;}
.fs_36 {font-size:22px !important;}
.fs_40 {font-size:23px !important;}
.fs_42 {font-size:24px !important;}
.fs_48 {font-size:24px !important;}
.fs_50 {font-size:24px !important;}
.fs_54 {font-size:26px !important;}
.fs_60 {font-size:30px !important;}
.fs_72 {font-size:36px !important;}

.main_visual {height:380px;}

.eves_new_p ul li {width:100%}

.customer_cont_wrap {display:block;}
.customer_cont_wrap .customer_tip {width:100%; padding:10px 10px; }
.customer_cont_wrap .customer_tip div {width:100%; max-width:none}
.customer_cont_wrap .customer_cont {flex:none; display: block; width:100%;  }

}

@media only screen and (max-width:481px) {
.company_s_01 .inner {padding-bottom:250px; }
.company_s_02 .inner {padding-top:350px; }
}

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


}

.cl_b {width:100%; box-sizing:border-box;}
.cl_b:after {content:''; display:block; clear:both;}
.fl_l {float:left}
.fl_r {float:right}
.txt_r {text-align:right !important}
.txt_l {text-align:left !important}
.txt_c {text-align:center !important}
.dn {display: none !important;}

.fc_red {color:#be4524 !important;}
.fc_blue {color:#488eff !important;}

.li05 li {width:5% !important;}
.li10 li {width:10% !important;}
.li16 li {width:16.66% !important;}
.li20 li {width:20% !important;}
.li25 li {width:25% !important;}
.li33 li {width:33.33% !important;}
.li50 li {width:50% !important;}
.li100 li {width:100% !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w100 {width:100px !important;}
.w120 {width:120px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w350 {width:350px !important;}
.w400 {width:400px !important;}
.w500 {width:500px !important;}
.h30 {height:30px !important;}
.w1000 {width:1000px;}
.w1500 {width:1500px;}
.w2000 {width:2000px;}
.w2500 {width:2500px}
.w3000 {width:3000px;}
.w3500 {width:3500px;}
.w4000 {width:4000px;}
.w4500 {width:4500px;}
.w5000 {width:5000px;}
.w10p {width:10% !important; box-sizing:border-box}
.w15p {width:15% !important; box-sizing:border-box}
.w20p {width:20% !important; box-sizing:border-box}
.w25p {width:25% !important; box-sizing:border-box}
.w30p {width:30% !important; box-sizing:border-box}
.w33p {width:33.33% !important; box-sizing:border-box}
.w35p {width:35% !important; box-sizing:border-box}
.w40p {width:40% !important; box-sizing:border-box}
.w45p {width:45% !important; box-sizing:border-box}
.w50p {width:50% !important; box-sizing:border-box}
.w55p {width:55% !important; box-sizing:border-box}
.w60p {width:60% !important; box-sizing:border-box}
.w65p {width:65% !important; box-sizing:border-box}
.w70p {width:70% !important; box-sizing:border-box}
.w75p {width:75% !important; box-sizing:border-box}
.w80p {width:80% !important; box-sizing:border-box}
.w85p {width:85% !important; box-sizing:border-box}
.w90p {width:90% !important; box-sizing:border-box}
.w95p {width:95% !important; box-sizing:border-box}
.w100p {width:100% !important;}
.h100 {height:100px !important;}
.h200 {height:200px !important;}
.h300 {height:300px !important;}
.h400 {height:400px !important;}
.h500 {height:500px !important;}
.h600 {height:600px !important;}
.h700 {height:700px !important;}
.h800 {height:800px !important;}
.h900 {height:900px !important;}
.h1000 {height:1000px !important;}

.pd0 {padding:0px 0px !important}
.pd05 {padding:5px 5px !important}
.pd10 {padding:10px 10px !important}
.pd20 {padding:20px 20px !important}
.pl_0 {padding-left:0px !important}
.pl_5 {padding-left:5px !important}
.pl_10 {padding-left:10px !important}
.pl_20 {padding-left:20px !important}
.pl_30 {padding-left:30px !important}
.pr_0 {padding-right:0px !important}
.pr_5 {padding-right:5px !important}
.pr_10 {padding-right:10px !important}
.pr_15 {padding-right:15px !important}
.pr_20 {padding-right:20px !important}
.pr_30 {padding-right:30px !important}
.pt_10 {padding-top:10px !important}
.pt_20 {padding-top:20px !important}
.pt_30 {padding-top:30px !important}
.pb_10 {padding-bottom:10px !important}
.pb_20 {padding-bottom:20px !important}
.pb_30 {padding-bottom:30px !important}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.ml0 {margin-left:0px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.mr0 {margin-right:0px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.line_top {border-top:1px solid #ddd !important}
.none_line {border:0px !important}
.none_line_l {border-left:0px !important}
.none_line_t {border-top:0px !important}
.none_line_b {border-bottom:0px !important}


.scroll_x {width:100%; overflow-x:auto;}
.scroll_y {width:100%; overflow-y:auto;}

input[type=radio] {position:absolute; left:-1000%;}
input[type=radio] + label {position:relative; display:inline-block; margin-right:20px; padding-left:20px; font-size:14px; color:#333333; cursor:pointer}
input[type=radio] + label:before {content:''; position:absolute; left:0px; top:50%; transform:translateY(-50%); width:16px; height:16px; line-height:16px; border:1px solid #acacac; border-radius:50%; box-sizing:border-box; transition:all 0.3s;}
input[type=radio]:checked + label:before {border:3px solid #6cb51e;}

input[type=checkbox] {position:absolute; left:-3000px;}
input[type=checkbox] ~ label {position:relative; display:inline-block; margin-right:20px; padding-left:25px; line-height:24px; height:24px; font-size:16px; color:#222222; overflow:hidden; cursor:pointer}
input[type=checkbox] ~ label:before {content:''; position:absolute; left:5px; top:50%; transform:translateY(-50%); width:15px; height:15px; border:1px solid #acacac; border-radius:2px; box-sizing:border-box} 
input[type=checkbox] ~ label:after {content:''; position:absolute; left:-500px; top:50%; transform:translateY(-50%); width:15px; height:15px; background:url(../images/icon_03.png) 50% 50% no-repeat; background-size:10px; box-sizing:border-box} 
input[type=checkbox]:checked ~ label:after {content:''; left:5px;}

.tab h2 {position:relative; display:block; margin-bottom:30px; padding:15px 0px; font-size:30px; font-weight:100; color:#333333; text-align:center; text-transform:uppercase;}
.tab h2 b {display:inline; padding-left:25px; font-weight:600;}
.tab h2:after {content:''; position:absolute; left:50%; bottom:0px; transform:translateX(-50%); width:100px; height:1px; line-height:1px; background-color:#000000;}

.tabs {display:inline-block; margin:0px auto; padding:40px 10px; width:100%; max-width:600px; box-sizing:border-box; overflow:hidden;}
.tabs li {float:left; padding:0px; box-sizing:border-box;}
.tabs li a {position:relative; display:inline-block; width:100%; height:40px; line-height:40px; font-size:14px; color:#999999; text-align:center; font-weight:500; border:1px solid #d4d4d4; border-bottom:0px; border-left:0px; box-sizing:border-box}
.tabs li a:after {content:''; position:absolute; left:0px; bottom:0px; width:100%; height:1px; line-height:1px; background-color:#d4d4d4;}
.tabs li:first-child a {border-left:1px solid #d4d4d4;}
.tabs li a:hover {color:#333333;}
.tabs li a:hover:after {background-color:#2e2e2e}
.tabs li a.active {color:#333333;}
.tabs li a.active:after {background-color:#2e2e2e}

table button.btn {margin:0px; padding:0px 10px; height:34px; line-height:34px; font-size:14px; color:#fff; background-color:#999999; border:1px solid #8d8d8d; box-sizing:border-box; border-radius:3px; vertical-align:top}
table a.btn {display:inline-block; margin:0px; padding:0px 10px; height:34px; line-height:34px; font-size:14px; color:#fff; background-color:#999999; border:1px solid #8d8d8d; box-sizing:border-box; border-radius:3px; vertical-align:top}
table p {display:block; padding:2px 0px;}
table .address_btn {display:block; padding-right:90px; overflow:hidden;}
table .address_btn .btn {float:right; margin-right:-90px;}

.table_type_A {border-top:1px solid #bbbbbb}
.table_type_A thead th {background-color:#ffffff; padding:10px 10px; font-size:14px; font-weight:bold; color:#626262; text-align:center; border-bottom:1px solid #e9e9e9;}
.table_type_A tbody th {background-color:#ffffff; padding:15px 10px; font-size:13px; font-weight:bold; color:#626262; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9}
.table_type_A tbody td {padding:15px 5px; border-bottom:1px solid #e9e9e9; font-size:13px; text-align:center; color:#626262}
.table_type_A tbody td img {max-width:100%;}
.table_type_A .line_none td {border-bottom:0px;}
.table_type_A input[type=text] {margin:0px; padding:0px 10px; height:34px; line-height:34px; font-size:13px; color:#929292; border:1px solid #dcdcdc; box-sizing:border-box;}
.table_type_A select {margin:0px; padding:0px 0px; height:34px; line-height:34px; font-size:13px; color:#929292; border:1px solid #dcdcdc; box-sizing:border-box;}
.table_type_A textarea {margin:0px; padding:0px 0px; font-size:13px; color:#929292; border:1px solid #dcdcdc; box-sizing:border-box; resize:none}
.table_type_A .reply {display:block; background:url(../images/icon_reply.gif) 0px -2px no-repeat; padding-left:24px;}

.regi_form {margin-bottom:15px; border-top:1px solid #bbbbbb; overflow:hidden}
.regi_form .li {position:relative; display:block; float:left; padding:10px 10px; padding-left:160px; width:100%; min-height:34px; line-height:34px; font-size:13px; color:#929292; border-bottom:1px solid #dcdcdc; box-sizing:border-box;} 
.regi_form .li:after {content:''; display:block; clear:both}
.regi_form .li .li_t {position:absolute; left:0px; top:0px; bottom:0px; width:150px; font-size:13px; font-weight:600; color:#333333; text-align:center; background-color:#fcfcfc;}
.regi_form .li .li_t span {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.regi_form .li .li_c {font-size:13px; color:#666666; font-weight:600; overflow:hidden;}
.regi_form .in_j {padding-right:130px; max-width:350px; overflow:hidden; box-sizing:border-box}
.regi_form .in_j input[type=text] {float:left;}
.regi_form .in_j button {float:right; margin-right:-130px; display:block; width:120px; height:34px; line-height:34px; text-align:center; font-size:12px; font-weight:600; color:#ffffff; background-color:#a1a1a1; border:1px solid #909090; box-sizing:border-box}
.regi_form input[type=text],
.regi_form input[type=password] {margin:0px; padding:0px 10px; width:100%; height:34px; line-height:34px; font-size:13px; color:#929292; border:1px solid #dcdcdc; box-sizing:border-box;}
.regi_form select {float:left; margin:0px; padding:0px 0px; height:34px; line-height:34px; font-size:13px; color:#929292; border:1px solid #dcdcdc; box-sizing:border-box;}
.regi_form textarea {margin:0px; padding:0px 0px; width:100%; font-size:13px; color:#929292; border:1px solid #dcdcdc; box-sizing:border-box; resize:none}


.slider_a {position:relative; max-width:1300px; margin:0px auto; margin-bottom:40px; padding:0px 0px; box-sizing:border-box; }
.slider_a .swiper-container_2,
.slider_a .swiper-container_3,
.slider_a .swiper-container_4 {position:relative; width: 100%;margin:0px auto; padding:0px 50px; overflow:hidden; box-sizing:border-box}
.slider_a .swiper-button-next,
.slider_a .swiper-button-prev {top:0px; z-index:10; margin:0px; padding:0px; width:45px; height:100%; background-color:#ffffff; background-position:50% 50%; background-repeat:no-repeat; opacity:1 !important;}
.slider_a .swiper-button-next {right:0px; top:0px; background-image:url(../images/arrow_next_2.png);}
.slider_a .swiper-button-prev {left:0px !important; background-image:url(../images/arrow_prev_2.png);}
.slider_a .swiper-pagination {padding-bottom:40px;}
.slider_a .swiper-pagination .swiper-pagination-bullet {width:30px; height:5px; border-radius:0px;}
.slider_a .swiper-slide a {position:relative; display:block; margin:0px auto; padding-top:100%; width:100%; max-width:380px; border:1px solid #eaeaea; overflow:hidden;}
.slider_a .swiper-slide a img {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%;}
.slider_a .swiper-slide p {display:block; padding:3px 0px;}
.sale {display:inline-block; padding:0px; margin-right:2px; width:38px; height:18px; line-height:18px; font-size:11px; color:#ca0000; text-align:center; border:1px solid #ca0000;}
.best {display:inline-block; padding:0px; margin-right:2px; width:38px; height:18px; line-height:18px; font-size:11px; color:#545454; text-align:center; border:1px solid #545454;}

/*paging, prevnext*/
.paging	{width:100%; text-align:center; padding:20px 0px; overflow:hidden;}
.paging .paginate {}
.paging .paginate a,
.paging .paginate strong {display:inline-block; margin:0x; padding:0px 0px; text-align:center; width:30px; line-height:30px; height:30px; font-size :12px; font-weight :bold; color:#444; border:0px solid #dadada; overflow:hidden}
.paging .paginate strong {font-weight :bold; color:#fff !important; background-color:#241212; border:1px solid #0c77cc}
.paging .paginate a:hover {}
.paging .paginate a:active,
.paging.paginate a:focus{background-color:#f7f7f7;}
.paging .paginate a.pre,
.paging .paginate a.pre_end,
.paging .paginate a.next,
.paging .paginate a.next_end{background-image:url(../images/page_arrow.png); background-repeat:no-repeat; width:20px; line-height:20px; height:20px; color:#757575; font-size :12px; margin:5px 0px; padding:0px 0px; text-indent:-1000em; overflow:hidden; border:1px solid #dadada;} 
.paging .paginate a.pre {background-position:-24px 4px;}
.paging .paginate a.pre_end {background-position:6px 4px;}
.paging .paginate a.next {background-position:6px -33px;}
.paging .paginate a.next_end {background-position:-23px -33px;}


.section_A {text-align:center; height:60vh; position:relative; transition:all .3s;}
.section_A .swiper-container {position:relative; width: 100%; height: 100%;}
.section_A .swiper-container .swiper-button-next,
.section_A .swiper-container .swiper-button-prev {width:40px; height:40px; background-color:#1c1c1c; color:#ffffff !important;}
.section_A .swiper-container .swiper-button-next {right:0%;}
.section_A .swiper-container .swiper-button-prev {left:0% !important; }
.section_A .swiper-container .swiper-pagination {padding-bottom:40px;}
.section_A .swiper-container .swiper-pagination .swiper-pagination-bullet {width:30px; height:5px; border-radius:0px;}
.section_A .swiper-slide {position:relative; text-align: center; font-size: 18px; background: #fff; background-position:0px 0px; background-repeat:no-repeat; background-size:cover; display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.section_A .swiper-slide.bg_01 {background-image:url(../images/main_sl_1.jpg)}
.section_A .swiper-slide.bg_02 {background-image:url(../images/main_sl_2.jpg)}
.section_A .swiper-slide.bg_03 {background-image:url(../images/main_sl_3.jpg)}
.section_A .swiper-slide .txt_box {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:0px 20px; width:100%; max-width:1200px; text-align:left; box-sizing:border-box; border:0px solid #ff4400;}
.section_A .swiper-slide .txt_box h4 {display:block; font-size:24px; font-weight:500; color:#333333; transition:all .3s}
.section_A .swiper-slide .txt_box h1 {display:block; padding:25px 0px; text-align:left;}
.section_A .swiper-slide .txt_box h1 img {width:426px; transition:all .3s;}
.section_A .swiper-slide .txt_box p {display:block; width:430px; font-size:16px; font-weight:500; color:#333333; transition:all .3s;}
.section_A .swiper-slide .txt_box p span {display:block; text-align:center; line-height:26px;}

.section_B {background-color:#ffffff; padding:70px 0px; text-align:center;}
.section_B p {display:block; max-width:800px; margin:0px auto; padding:0px 10px; font-size:16px; color:#666666;}
.section_B .tabs {padding:40px 10px; max-width:600px;}
.section_B .tabs li {width:33.33%;}
.section_B .banner_box {position:relative; display:block; margin:0px auto; margin-bottom:50px; padding:70px 110px; padding-bottom:30px; padding-right:570px; max-width:1200px; height:340px; text-align:left; background:#f0f0f0 url(../images/main_banner.png) right 50px top 50% no-repeat; box-sizing:border-box; transition:all .3s;}
.section_B .banner_box h3 {display:block; padding:0px 0px; margin-bottom:20px; transition:all .3s;}
.section_B .banner_box h3 span {display:block; padding-bottom:15px; text-transform:uppercase; font-size:22px; font-weight:500; color:#b09a71; transition:all .3s}
.section_B .banner_box h3 b {font-size:36px; font-weight:bold; color:#a98a51; transition:all .3s}
.section_B .banner_box p {display:block; max-width:800px; margin:0px auto; padding:0px 0px;}
.section_B .banner_box p span {display:block; line-height:24px; font-size:16px; color:#a98a51; transition:all .3s}
.section_B .notice_wrap {max-width:1200px; margin:0px auto; box-sizing:border-box; overflow:hidden}
.section_B .notice_wrap h3 {display:block; padding:18px 0px; overflow:hidden;}
.section_B .notice_wrap h3 b {display:inline-block; float:left; font-size:22px; font-weight:600; color:#333333;}
.section_B .notice_wrap h3 .more {display:inline-block; float:right; padding:3px 3px; padding-left:15px; font-size:11px; color:#000000; background:url(../images/more_i_01.png) 5px 50% no-repeat; border:1px solid #dbdbdb}
.section_B .notice_wrap .notice {float:left; width:47%; text-align:left;}
.section_B .notice_wrap .notice h3 {border-bottom:1px solid #e5e5e5}
.section_B .notice_wrap .notice ul li {margin:0px 0px; padding:10px 0px; padding-right:100px; line-height:26px; border-bottom:1px solid #e5e5e5; overflow:hidden}
.section_B .notice_wrap .notice ul li a {display:inline-block; float:left; font-size:14px; color:#333333;}
.section_B .notice_wrap .notice ul li span {float:right; margin-right:-100px; font-size:12px; color:#666666;}
.section_B .notice_wrap .news {float:right; width:47%; text-align:left;}
.section_B .notice_wrap .news .news_img img {width:100%;}

.section_C  {background-color:#f0f0f0; overflow:hidden}
.section_C .inner {display:block; max-width:1200px; margin:0px auto; padding:60px 0px;}
.section_C .gallery {}
.section_C .gallery h3 {display:block; position:relative; margin-bottom:30px; padding:10px 0px; padding-right:100px; font-size:16px; font-weight:500; color:#666666; text-align:center; overflow:hidden}
.section_C .gallery h3 .more {display:inline-block; float:right; margin-right:-100px; padding:3px 3px; padding-left:15px; font-size:11px; color:#000000; background:url(../images/more_i_01.png) 5px 50% no-repeat; border:1px solid #dbdbdb}
.section_C .gallery ul {overflow:hidden}
.section_C .gallery ul li {float:left; width:20%; padding:6px 6px; box-sizing:border-box; transition:all .3s;}
.section_C .gallery ul li a {display:block; position:relative; width:100%; padding-top:100%; overflow:hidden}
.section_C .gallery ul li a img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:200%; min-width:100%; min-height:100%;}

.section_D  {background-color:#ffffff; overflow:hidden}
.section_D .inner {display:block; max-width:1200px; margin:0px auto; padding:60px 0px;}
.section_D .movie {}
.section_D .movie h3 {display:block; position:relative; margin-bottom:30px; padding:10px 0px; padding-right:100px; font-size:16px; font-weight:500; color:#666666; text-align:center; overflow:hidden}
.section_D .movie h3 .more {display:inline-block; float:right; margin-right:-100px; padding:3px 3px; padding-left:15px; font-size:11px; color:#000000; background:url(../images/more_i_01.png) 5px 50% no-repeat; border:1px solid #dbdbdb}
.section_D .movie_box {position: relative; height:0; padding-bottom: 56.25%;}
.section_D .movie_box iframe {position: absolute; width:100%; height:100%;}
 
/*로그인/회P가입*/
.bg_gray {background-color:#f4f4f4} 
.log_box {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; max-width:600px; padding:50px 50px; padding-top:170px; background:#ffffff url(../images/eves_logo.png) 50% 45px no-repeat; border:1px solid #dddddd; box-shadow:0 0 0 1px #f5f5f5 inset; box-sizing:border-box; overflow:hidden}
.log_box ul li {padding:0px 0px; padding-top:10px;} 
.log_box ul li label {display:none;}
.log_box ul li input[type=text],
.log_box ul li input[type=number],
.log_box ul li input[type=tel],
.log_box ul li input[type=password] {margin:0px; padding:0px 20px; padding-left:35px; width:100%; height:58px; line-height:58px; font-size:18px; font-weight:500; color:#222222; background-position:5px 45%; background-repeat:no-repeat; border:0px; border-bottom:1px solid #dddddd; box-sizing:border-box}
.log_box ul li input[type=number] {margin:0px; padding:0px 20px; padding-left:35px; width:100%; height:58px; line-height:58px; font-size:18px; font-weight:500; color:#222222; background-position:5px 45%; background-repeat:no-repeat; border:0px; border-bottom:1px solid #dddddd; box-sizing:border-box}
.log_box ul li input[type=tel] {margin:0px; padding:0px 20px; padding-left:35px; width:100%; height:58px; line-height:58px; font-size:18px; font-weight:500; color:#222222; background-position:5px 45%; background-repeat:no-repeat; border:0px; border-bottom:1px solid #dddddd; box-sizing:border-box}
.log_box ul li input[type=text] {background-image:url(../images/icon_01.png)}
.log_box ul li input[type=number] {background-image:url(../images/icon_01.png)}
.log_box ul li input[type=tel] {background-image:url(../images/icon_01.png)}
.log_box ul li input[type=password] {background-image:url(../images/icon_02.png)}
.log_box div {padding:15px 0px; margin-bottom:20px; overflow:hidden}
.log_box div input[type=checkbox] {position:absolute; left:-3000px;}
.log_box div input[type=checkbox] ~ label {position:relative; display:inline-block; float:left; padding-left:35px; line-height:24px; height:24px; font-size:16px; color:#222222; overflow:hidden; cursor:pointer}
.log_box div input[type=checkbox] ~ label:before {content:''; position:absolute; left:5px; top:50%; transform:translateY(-60%); width:15px; height:15px; border:1px solid #bfbfbf; border-radius:2px; box-sizing:border-box} 
.log_box div input[type=checkbox] ~ label:after {content:''; position:absolute; left:-500px; top:50%; transform:translateY(-60%); width:15px; height:15px; background:url(../images/icon_03.png) 50% 50% no-repeat; background-size:10px; box-sizing:border-box} 
.log_box div input[type=checkbox]:checked ~ label:after {content:''; left:5px;}
.log_box div a {position:relative; display:inline-block; float:right; padding-bottom:3px; font-size:16px; font-weight:500; color:#4aaa2a;}
.log_box div a:after {content:''; position:absolute; left:0px; bottom:0px; width:100%; height:1px; line-height:1px; background-color:#4aaa2a;}
.log_box .login {margin:0px; margin-bottom:20px; padding:0px; width:100%; height:63px; font-size:24px; font-weight:600; color:#ffffff; background-color:#4aaa2a; border:0px;}
.log_box .btn_join {display:block; margin:0px; margin-bottom:20px; padding:0px; width:100%; height:63px; line-height:63px; font-size:24px; font-weight:600; color:#4aaa2a; text-align:center; background-color:#ffffff; border:1px solid #4aaa2a;}
 
.join_box {position:relative; left:50%; top:0%; transform:translateX(-50%); width:100%; max-width:800px; margin:30px 0px; padding:50px 50px; padding-top:20px; background:#ffffff; border:1px solid #dddddd; box-shadow:0 0 0 1px #f5f5f5 inset; box-sizing:border-box; overflow:auto;}
.join_box h1 {position:relative; display:block; margin-bottom:15px; padding:10px 0px; padding-bottom:30px;}
.join_box h1:after {content:''; position:absolute; left:0px; bottom:0px; width:100%; height:15px; background:url(../images/join_i_01.png) repeat;}
.join_box h1 b {font-size:30px; color:#4aaa2a;}
.join_box h1 dl {position:absolute; right:0px; top:15px; line-height:25px; overflow:hidden;}
.join_box h1 dl dt {display:inline-block; float:left; padding-right:10px; font-size:14px; font-weight:600; color:#898989;}
.join_box h1 dl dd {position:relative; display:inline-block; float:left; margin-left:10px; width:25px; height:25px; line-height:25px; font-size:14px; font-weight:600; color:#ffffff; text-align:center; background-color:#adadad; border-radius:50%;}
.join_box h1 dl dd:before {content:''; position:absolute; left:-10px; top:50%; width:10px; height:1px; line-height:1px; background-color:#adadad;}
.join_box h1 dl dd:nth-child(2):before {content:normal} 
.join_box h1 dl dd.on {background-color:#333333}
.join_box h3 {display:block; margin-bottom:10px; padding:10px 10px; padding-bottom:15px; font-size:18px; font-weight:600; color:#222222; border-bottom:1px solid #dddddd}
.join_box .check_box {display:block; padding:10px 0px; overflow:hidden;}
.join_box .check_box input[type=checkbox] {position:absolute; left:-3000px;}
.join_box .check_box input[type=checkbox] ~ label {position:relative; display:inline-block; float:left; padding-left:35px; line-height:30px; height:30px; font-size:18px; color:#898989; overflow:hidden; cursor:pointer}
.join_box .check_box input[type=checkbox] ~ label:before {content:''; position:absolute; left:5px; top:50%; transform:translateY(-50%); width:25px; height:25px; border:1px solid #bfbfbf; border-radius:2px; box-sizing:border-box} 
.join_box .check_box input[type=checkbox] ~ label:after {content:''; position:absolute; left:-500px; top:50%; transform:translateY(-50%); width:25px; height:25px; background:url(../images/icon_03.png) 50% 50% no-repeat; background-size:18px; box-sizing:border-box} 
.join_box .check_box input[type=checkbox]:checked ~ label:after {content:''; left:5px;}
.join_box .yak_box {display:block; margin:0px; margin-bottom:40px; padding:20px 20px; width:100%; background-color:#f7f7f7; height:200px; font-size:12px; color:#898989; line-height:18px; box-sizing:border-box; overflow-y:auto;}
.join_box .btn_join {display:block; margin:0px; margin-bottom:20px; padding:0px; width:100%; height:63px; line-height:63px; font-size:24px; font-weight:600; color:#ffffff; text-align:center; background-color:#4aaa2a;}
.join_box .join_form {margin-bottom:40px;}
.join_box .join_form li {position:relative; padding:15px 0px; border-bottom:1px solid #dddddd}
.join_box .join_form li label {display:none;}
.join_box .join_form li select,
.join_box .join_form li input[type=text],
.join_box .join_form li input[type=number],
.join_box .join_form li input[type=tel],
.join_box .join_form li input[type=password] {margin:0px; padding:0px 10px; width:100%; height:30px; line-height:30px; font-size:18px; color:#222222; border:0px; box-sizing:border-box;}
.join_box .join_form li select {margin:0px 0px; padding:0px 0px; padding-left:5px; border-right:1px solid #dddddd;}
.join_box .join_form li.idcheck {padding-right:130px; overflow:hidden;}
.join_box .join_form li.idcheck button {position:absolute; right:0px; top:15px; width:120px; height:30px; font-size:16px; color:#ffffff; text-align:center; background-color:#333333;}
.join_box .join_form li.country {overflow:hidden}
.join_box .join_form li.country select {float:left; width:35%;}
.join_box .join_form li.country input[type=text] {float:left; width:65%}
.join_box .join_form li.email {overflow:hidden}
.join_box .join_form li.email select {float:left; width:50%; border-right:0px; border-left:1px solid #dddddd;}
.join_box .join_form li.email span {position:relative; display:inline-block; float:left; width:50%; padding-right:20px; box-sizing:border-box}
.join_box .join_form li.email span:after {content:'@'; position:absolute; right:5px; top:5px; font-size:16px; color:#858585;}
.join_box .join_end {padding:50px 0px; text-align:center;}
.join_box .join_end h2 {display:block; margin-bottom:20px; padding-bottom:115px; font-size:48px; font-weight:600; color:#222222; background:url(../images/eves_logo.png) left 50% bottom 10px no-repeat;}
.join_box .join_end p {font-size:20px; color:#222222; line-height:40px;}

.sub_visual.mypage {background-image:url(../images/sub_v_04.jpg)}
.sub_visual h1 {position:absolute; left:50%; top:50%; transform:translate(-50%,-10%); display:block; width:100%; max-width:1200px; color:#ffffff; text-align:center;}
.sub_visual h1 b {display:block; padding:5px 0px; font-size:48px; font-weight:600; text-transform:uppercase; transition:all .3s;}
.sub_visual h1 span {display:block; padding:5px 0px; font-size:18px; font-weight:500; transition:all .3s;}

.shop_category {padding:50px 0px; padding-bottom:0px; text-align:center;}
.shop_category ul {display:inline-block; width:100%; max-width:940px; overflow:hidden;}
.shop_category ul li {position:relative; display:inline-block; float:left; width:20%; box-sizing:border-box;}
.shop_category ul li:before {content:''; position:absolute; left:0px; top:50%; transform:translateY(-50%); width:1px; height:70%; background-color:#ebebeb}
.shop_category ul li:first-child:before {content:normal}
.shop_category ul li a {position:relative; display:inline-block; padding-top:78px; width:100px; height:110px; font-size:16px; color:#333333; font-weight:600; box-sizing:border-box; transition:all .3s;}
.shop_category ul li a:before {content:''; position:absolute; left:50%; top:10px; transform:translateX(-50%); width:54px; height:54px; background-position:50% 50%; background-repeat:no-repeat; }
.shop_category ul li a:after {content:''; position:absolute; left:0px; bottom:0px; width:100%; height:3px; line-height:3px; background-color:#ffffff;}
.shop_category ul li.m01 a:before {background-image:url(../images/shop_c_icon_01.png)}
.shop_category ul li.m01 a:hover:before {background-image:url(../images/shop_c_icon_01_o.png)}
.shop_category ul li.m02 a:before {background-image:url(../images/shop_c_icon_02.png)}
.shop_category ul li.m02 a:hover:before {background-image:url(../images/shop_c_icon_02_o.png)}
.shop_category ul li.m03 a:before {background-image:url(../images/shop_c_icon_03.png)}
.shop_category ul li.m03 a:hover:before {background-image:url(../images/shop_c_icon_03_o.png)}
.shop_category ul li.m04 a:before {background-image:url(../images/shop_c_icon_04.png)}
.shop_category ul li.m04 a:hover:before {background-image:url(../images/shop_c_icon_04_o.png)}
.shop_category ul li.m05 a:before {background-image:url(../images/shop_c_icon_05.png)}
.shop_category ul li.m05 a:hover:before {background-image:url(../images/shop_c_icon_05_o.png)}
.shop_category ul li.on a:before {background-image:url(../images/shop_c_icon_01_o.png)}
.shop_category ul li a:hover:after {background-color:#2e2e2e;}
.shop_category ul li.on a:after {background-color:#2e2e2e;}

.shop_list {padding-bottom:50px; text-align:center; }
.shop_list .tabs {width:100%; max-width:600px; margin:0px auto; }
.shop_list .tabs li {width:33.33%;}
.list_head {position:relative; display:block; max-width:1200px; margin:0px auto; height:60px; line-height:60px; border-bottom:1px solid #e5e5e5}
.list_head:after {content:''; display:block; clear:both}
.list_head b {display:inline-block; float:left; font-size:16px; font-weight:600; color:#333333;}
.list_head .list_select {position:absolute; right:0px; top:0px; z-index:10; width:150px; height:60px; text-align:left; border-bottom:1px solid #000000; cursor:pointer}
.list_head .list_select strong {display:block; padding:0px 10px; font-size:16px; font-weight:600; color:#333333; background:url(../images/arrow_i_01.png) right 10px top 50% no-repeat;}
.list_head .list_select ul {visibility:hidden; position:absolute; left:0px; top:50px; width:100%; background-color:#000000; opacity:0; transition:all .3s; }
.list_head .list_select ul:before {content:''; position:absolute; left:50%; top:-20px; transform:translateX(-50%); width:1px; height:1px; border:10px solid transparent; border-bottom-color:#000000;}
.list_head .list_select ul li {line-height:30px;}
.list_head .list_select ul li a {display:block; padding:0px 10px; font-size:14px; color:#eaeaea;}
.list_head .list_select:hover ul {top:60px; visibility:visible; opacity:1}

.shop_list .list {display:block; max-width:1200px; margin:0px auto; padding-bottom:20px; overflow:hidden}
.shop_list .list li {display:inline-block; float:left; width:33.33%; padding:30px 20px; box-sizing:border-box}
.shop_list .list .product_box {position:relative; display:block; margin:0px auto; max-width:350px;}
.shop_list .list .product_box .pic {display:inline-block; position:relative; padding-top:100%; width:100%; border:1px solid #ebebeb; overflow:hidden;}
.shop_list .list .product_box .pic img {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); max-width:100%; }
.shop_list .list .product_box p {padding:5px 0px; height:20px; text-align:left;}
.shop_list .list .product_box h4 {display:block; padding:3px 0px; height:24px; line-height: 24px; font-size:20px; font-weight:500; color:#333333; transition:all .3s; overflow:hidden}
.shop_list .list .product_box .price {display:block; padding:3px 0px; font-size:18px; font-weight:600; color:#333333; transition:all .3s;}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width:100%;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {margin:0px; position: relative}
.flex-viewport {max-height:2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; border:1px solid #eaeaea; margin-bottom:10px;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 40%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
.flex-control-thumbs {margin:5px 0 0; position:static; overflow: hidden; background-color:#eaeaea; border:1px solid #eaeaea;}
.flex-control-thumbs li {width: 20%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: 0.5; cursor: pointer;}
.flex-control-thumbs img:hover {opacity:1;}
.flex-control-thumbs .flex-active {opacity:1; cursor: default;}



.shop_wrap {width:100%; max-width:1200px; margin:0px auto; margin-top:40px; text-align:center; box-sizing:border-box; border-top:1px solid #ebebeb;}
.shop_wrap .nav {padding:30px 0px; overflow:hidden;}
.shop_wrap .nav ul {float:right;}
.shop_wrap .nav ul li {float:left; background:url(../images/nav_i_01.png) left 50% no-repeat; padding-left:15px; margin-left:10px; font-size:14px; color:#333333;}
.shop_wrap .nav ul li:first-child {background:none; padding-left:0px; margin-left:0px; color:#666666;}
.shop_wrap .nav ul li:last-child {font-weight:600;}
.shop_wrap .tabs {width:100%; max-width:600px; margin:0px auto; }
.shop_wrap .tabs li {width:33.33%;}
.shop_wrap .detail_cont {margin-bottom:50px; padding:50px 0px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
.shop_wrap .detail_cont img {max-width:100%;}
.shop_wrap .detail_cont p {font-size:12px;padding:2px 10px;}
.shop_wrap .p_btn {display:flex; flex-direction:row; flex-wrap:wrap; justify-content: center; margin-bottom:60px}
.shop_wrap .p_btn a {display:inline-block; margin:3px 5px; padding:0px 10px; width:100%; max-width:230px; height:60px; line-height:60px; font-size:18px; font-weight:600; color:#333333; text-align:center; border:1px solid #838383; box-sizing:border-box;}
.shop_wrap .p_btn a.shopping_btn {background-color:#333333; border:1px solid #333333; color:#ffffff;}
.shop_wrap .p_btn a.basket_del {}
.shop_wrap .p_btn a.order_btn {background-color:#4baa2a; border:1px solid #4baa2a; color:#ffffff;}
.shop_wrap .p_btn a.payment_btn {background-color:#4baa2a; border:1px solid #4baa2a; color:#ffffff;}
.shop_wrap .p_btn a.cancel_btn {}
.product_info {overflow:hidden; margin:0px 0px 30px 0px; padding-left:550px; transition:all .3s;}
.product_info .product_pic {display:inline-block; float:left; width:510px; margin-left:-550px; overflow:hidden}
.product_info .info {text-align:left; }
.product_info .info dl {border-radius:5px; padding:10px 10px; margin-bottom:10px; background:#f3f3f3;}
.product_info .info dl dt { font-family:"나눔고딕"; font-size:24px; font-weight:bold; color:#353535; margin-bottom:16px;}
.product_info .info dl dt span {display:inline; padding-right:10px; font-size:20px; font-weight:100; color:#868686;}
.product_info .info dl dd {font-size:14px; color:#909090;}
.product_info .info .ul_info {padding:10px 0px}
.product_info .info .ul_info li {overflow:hidden; padding:5px 0px 5px 90px; line-height:20px;}
.product_info .info .ul_info li b {display:inline-block; float:left; width:80px; margin-left:-90px; font-size:14px; font-weight:100; color:#353535;}
.product_info .info .ul_info li div  {display:inline-block; float:left; width:100%; font-size:14px; color:#858585;}
.product_info .info .ul_info li .coupon {background:url(../images/icon_coupon.png) no-repeat; width:56px; height:18px; margin:0px; margin-left:5px; padding:0px; border:0px; vertical-align:sub}
.product_info .info .ul_info li .point {position:relative; padding-right:40px;}
.product_info .info .ul_info li .point:after {content:'P'; margin-left:3px; font-size:11px; font-weight:500; color:#858585; }
.product_info .info .ul_info li .price {overflow:hidden; font-family:Arial,"돋움"; }
.product_info .info .ul_info li .price span i {display:inline; padding-left:5px; font-style:normal; font-size:14px; text-decoration:none}
.product_info .info .ul_info li .price .onega {display:inline-block; float:left; font-size:16px; text-decoration:line-through;}
.product_info .info .ul_info li .price .onega:after {content:'원'; margin-left:3px; font-size:12px;}
.product_info .info .ul_info li .price .silga {display:inline-block; float:left; background:url(../images/view_i_01.png) 0px 3px no-repeat; padding-left:25px; margin-left:10px; font-weight:bold; font-size:24px; color:#4baa2a;}
.product_info .info .ul_info li .price .silga:after {content:'원'; margin-left:3px; font-size:12px;}
.product_info .info .ul_info li div .numb_m {background:url(../images/view_i_02.png) 0px 0px no-repeat; width:16px; height:20px; margin:0px; padding:0px; border:0px; float:left}
.product_info .info .ul_info li div .numb_p {background:url(../images/view_i_02.png) -16px 0px no-repeat; width:16px; height:20px; margin:0px; margin-right:5px; padding:0px; border:0px; float:left}
.product_info .info .ul_info li div .num {margin:0px 3px; padding:0px; border:1px solid #cacaca; font-size:11px; text-align:center; color:#454545; line-height:18px; height:18px; width:20px; float:left}
.product_info .info .ul_info li div select {height:22px; line-height:22px; font-size:11px; color:#454545; padding:1px; border:1px solid #eaeaea;}
.product_info .info .option {border:1px solid #dadada; border-bottom:0px;}
.product_info .info .option li {overflow:hidden; padding:5px 165px 5px 10px; line-height:22px; position:relative; background:#f9f9f9; border-bottom:1px solid #dadada;}
.product_info .info .option li span {display:inline-block; float:left;}
.product_info .info .option li div {display:inline-block; float:right; width:155px; margin-right:-165px;}
.product_info .info .option li .op_t {width:100%;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; font-size:11px; color:#757575;}
.product_info .info .option li .op_ea {width:50px; text-align:center}
.product_info .info .option li .op_ea input[type=text] {border:1px solid #cacaca; float:left; width:30px; line-height:20px; height:20px; margin:0px; padding:0px; font-size:11px; color:#454545; text-align:center}
.product_info .info .option li .op_ea input[type=button] {border:0px; margin:0px; padding:0px; background-image:url(../images/view_i_06.png); background-repeat:no-repeat; width:11px; height:10px; float:left}
.product_info .info .option li .op_ea span {width:11px; padding-left:2px}
.product_info .info .option li .op_ea .up {background-position:0px 0px; margin-bottom:2px !important}
.product_info .info .option li .op_ea .down {background-position:0px -13px}
.product_info .info .option li .op_price {width:75px; padding-right:30px; text-align:right; font-size:14px; font-weight:600; color:#333333; }

.product_info .info .option li .close {background:url(../images/view_i_06.png) 0px -27px no-repeat; width:13px; height:13px; margin:0px; padding:0px; border:0px; position:absolute; right:10px; top:10px;}
.product_info .info hr {border:0px; border-top:1px solid #dadada; margin:10px 0px 15px; padding:0px;}
.product_info .info .buy_price {overflow:hidden; padding:25px 0px 0px 0px; text-align:right}
.product_info .info .buy_price b {display:inline-block; float:left; font-size:14px; color:#353535; line-height:34px; height:34px;}
.product_info .info .buy_price span {display:inline-block; float:right; line-height:34px; height:34px; font-family:Arial,"맑은고딕"; font-weight:800; font-size:36px; color:#4baa2a;}
.product_info .info .buy_price span:after {content:'원'; margin-left:3px; font-size:20px;}
.product_info .info .buy_price u {display:inline; padding-right:5px; text-decoration:none; font-family:Arial; font-size:30px; color:#4baa2a; }
.product_info .info .v_btn {border-top:1px solid #dadada; margin-top:20px; padding-top:40px;}
.product_info .info .v_btn li {display:inline-block; float:left; line-height:50px;}
.product_info .info .v_btn li div {padding:0px 2px;}
.product_info .info .v_btn a {display:inline-block; width:100%; height:50px; line-height:50px; font-family:"맑은고딕","돋움"; font-size:14px; font-weight:bold; color:#ffffff; text-align:center; text-shadow:0px 0px 2px #767676; text-align:center; box-sizing:border-box;}
.product_info .info .v_btn .btn_buy {width:40%; }
.product_info .info .v_btn .btn_buy a {background:#4baa2a;}
.product_info .info .v_btn .btn_basket {width:30%; }
.product_info .info .v_btn .btn_basket a {background:#ffffff; color:#333333; border:1px solid #838383;}
.product_info .info .v_btn .btn_jjim {width:30%;}
.product_info .info .v_btn .btn_jjim a {background:#8d8d8d; }

.order_nav {margin-bottom:40px; overflow:hidden; border:1px solid #dddddd;}
.order_nav li {display:inline-block; float:left; width:33.33%; text-align:center; height:74px; line-height:74px; background-color:#f8f8f8; border-left:1px solid #dddddd; box-sizing:border-box;}
.order_nav li:first-child {border-left:0px;}
.order_nav li span {display:inline-block; padding-left:	45px; font-size:18px; font-weight:600; color:#999999; background-position:left 50%; background-repeat:no-repeat;}
.order_nav li.m01 span {background-image:url(../images/icon_04.png);}
.order_nav li.m01.on span {background-image:url(../images/icon_04_o.png);}
.order_nav li.m02 span {background-image:url(../images/icon_05.png);}
.order_nav li.m02.on span {background-image:url(../images/icon_05_o.png);}
.order_nav li.m03 span {background-image:url(../images/icon_06.png);}
.order_nav li.m03.on span {background-image:url(../images/icon_06_o.png);}
.order_nav li.on {background-color:#ffffff;}
.order_nav li.on span {color:#333333;}

/*장바구니 및 주문리스트 기본 */
.p_list h3 {display:block; padding:15px 0px; overflow:hidden;}
.p_list h3 b {display:inline-block; float:left; font-size:18px; font-weight:600; color:#333333;}
.p_list h3 span {float:right; font-size:14px; color:#666666; font-weight:500;}
.p_list h3 span i {font-style:normal; color:#4baa2a; font-weight:600;}
.p_list table {width:100%; border-top:1px solid #bbbbbb; border-bottom:1px solid #e9e9e9;}
.p_list table tr {}
.p_list table thead  th {padding:15px 5px; font-size:14px; font-weight:600; color:#333333; text-align:center; background-color:#fcfcfc; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; box-sizing:border-box;}
.p_list table tbody td {position:relative; padding:10px 5px; font-size:12px; font-weight:500; color:#666666; text-align:center; overflow:hidden; border-bottom:1px solid #e9e9e9; box-sizing:border-box;}
.p_list table tbody td i {display:block; font-style:normal;}
.p_list table tbody td span:before {content:attr(title); margin-right:10px; font-size:12px !important; font-weight:600; color:#222222; display:none}
.p_list .product_box {padding-left:130px; text-align:left; overflow:hidden;}
.p_list .product_box .pic {display:inline-block; float:left; margin-left:-130px; width:100px; height:100px; overflow:hidden; border:1px solid #e9e9e9;}
.p_list .product_box .pic img {float:left; width:100%; min-height:100%;}
.p_list .product_box h4 {display:block; margin-top:15px; padding:10px 0px; font-size:16px; font-weight:600; color:#333333;}
.p_list .product_box h4 span {display:inline; padding-right:10px; font-weight:100; color:#666666;}
.p_list .product_box .option {background:url(../images/icon_07.png) 5px 5px no-repeat; padding-left:20px; font-size:12px; color:#999999; line-height:20px;}
.p_list .won {font-weight:600; color:#222222; font-size:16px;}
.p_list .won:after {content:'P'; margin-left:3px; font-size:14px; font-weight:500;}
.p_list .o_state_a,
.p_list .o_state_b,
.p_list .o_state_c,
.p_list .o_state_d {display:inline-block; width:80px; padding:5px 0px; text-align:center; font-size:12px; letter-spacing:-1px; box-sizing:border-box;}
.p_list .o_state_a {color:#4baa2a; background-color:#ffffff; border:1px solid #4baa2a}
.p_list .o_state_b {color:#ffffff; background-color:#4baa2a; border:1px solid #4baa2a}
.p_list .o_state_c {color:#ffffff; background-color:#999999; border:1px solid #999999}
.p_list .o_state_d {color:#ffffff; background-color:#c3c3c3; border:1px solid #c3c3c3}

.basket_list {margin-bottom:40px; }
.basket_list table {width:100%; border-top:1px solid #bbbbbb; border-bottom:1px solid #e9e9e9;}
.basket_list table input[type=checkbox] ~ label {float:left; margin-right:0px; margin-top:40px; padding-left:0px; width:24px; line-height:24px; height:24px;}
.basket_list table .ea {display:inline-block; margin:0px auto; padding-right:45px; overflow:hidden;}
.basket_list table .ea input[type=text] {float:left; margin:0px; padding:0px; width:30px; height:28px; line-height:28px; font-size:16px; text-align:center; color:#333333; border:1px solid #dadada; box-sizing:border-box;}
.basket_list table .ea button {float:right; margin:0px; margin-right:-45px; padding:0px; width:40px; height:28px; line-height:28px; font-size:14px; text-align:center; color:#333333; background-color:#ffffff; border:1px solid #dadada; box-sizing:border-box;}
.basket_btn {padding:10px 0px; text-align:left;}
.basket_btn button {margin:0px 1px; padding:0px 10px; height:22px; line-height:22px; font-size:13px; color:#ffffff; background-color:#a1a1a1; border:1px solid #909090; vertical-align:top}
.basket_btn button.jjim_btn {background-color:#ffffff; color:#333333; border:1px solid #dddddd;}

/*장바구니 및 주문리스트 기본 */

.tip {padding:20px 0px; text-align:left;}
.tip li {padding-left:15px; font-size:14px; color:#666666; line-height:20px}
.tip li:before {content:"•"; display:inline-block; float:left; margin-left:-15px; width:15px; height:24px; font-family:Arial; text-align:center; color:#333333;}

.order_price {margin-bottom:40px; }
.order_price ul.price {padding:15px 30px; border:1px solid #dddddd; overflow:hidden}
.order_price ul.price li {display:inline-block; float:left; width:20%; box-sizing:border-box}
.order_price ul.price li b,
.order_price ul.price li div {display:block; height:48px; line-height:48px; font-size:16px; font-weight:600; color:#333333; text-align:center; overflow:hidden}
.order_price ul.price li b {border-bottom:1px solid #dddddd;}
.order_price ul.price li:last-child div {font-size:24px; font-family:Arial; font-weight:600; color:#4baa2a;}
.order_price ul.price li:last-child div:after {content:'P'; margin-left:3px; font-size:16px;}

.order_box {margin-bottom:30px;}
.order_box h3 {display:block; padding:10px 0px; font-size:18px; font-weight:600; color:#333333; text-align:left; overflow:hidden}
.order_box h3 span { font-family:"Arial Black"; font-weight:600; color:#6cb51e}
.order_box h3 div {float:right; }
.order_box h3 div label {font-size:13px; font-weight:500; color:#666666;}
.order_box ul {text-align:left; border-top:1px solid #cccccc;}
.order_box ul li.li {padding:5px 0px; padding-left:160px; border-bottom:1px solid #eeeeee; overflow:hidden;}
.order_box ul .li_t {display:inline-block; float:left; margin-left:-160px; padding:0px 15px; width:150px; line-height:34px; font-size:14px; color:#333333; font-weight:600; box-sizing:border-box}
.order_box ul .li_c {display:block; padding-right:10px; line-height:34px; font-size:14px; font-weight:500; color:#333333;}
.order_box ul .li_c select,
.order_box ul .li_c input[type=text],
.order_box ul .li_c textarea {margin:0px; padding:0px 10px; height:34px; line-height:34px; font-size:14px; font-weight:500; color:#333333; border:1px solid #cacaca; box-sizing:border-box}
.order_box ul .li_c select {padding:0px 0px;}
.order_box ul .li_c textarea {padding:10px 10px; width:100%; height:auto; line-height:20px; resize:none}
.order_box ul .zip_code p {display:block; margin-bottom:5px; overflow:hidden;}
.order_box ul .zip_code p:last-child {margin-bottom:0px;}
.order_box ul .zip_code input[type=text] {float:left;}
.order_box ul .zip_code a {display:inline-block; float:left; margin-left:10px; width:70px; height:34px; line-height:34px; font-size:14px; color:#ffffff; text-align:center; background-color:#333333}
.order_box ul .btn_01 {display:inline-block; padding:0px 10px; height:34px; line-height:34px; font-size:14px; color:#ffffff; text-align:center; background-color:#333333}
.order_box .tip_p {display:block; padding:5px 0px; font-size:12px; color:#666666; line-height:18px;}
.order_box .payment_price {padding-top:20px !important; padding-bottom:20px !important; border:5px solid #4baa2a !important}
.order_box .payment_price .li_t {font-size:18px !important; color:#4baa2a;}
.order_box .payment_price .li_c {font-family:Arial; text-align:right; font-size:30px; color:#4baa2a; font-weight:600;}
.order_box .payment_price .li_c:after {content:'P'; margin-left:3px; font-size:16px;}

.order_last {margin-bottom:50px; padding-top:100px; background:url(../images/eves_logo.png) 50% 10px no-repeat;}
.order_last h2 {font-size:36px; font-weight:600; color:#333333;}
.order_last p {display:block; margin-bottom:30px;  padding:15px 0px; font-size:14px; color:#666666;}
.order_last .order_number {margin-bottom:10px; padding:35px 20px; font-size:30px; font-weight:600; color:#4baa2a; border:1px solid #dddddd}
.order_last .order_number:before {content:'Order Number - '; margin-right:5px; font-weight:500; color:#333333;}
.order_last .bank {}
.order_last .bank h4 {display:block; padding:10px 0px; text-align:left; line-height:30px; overflow:hidden}
.order_last .bank h4 b {display:inline-block; float:left; font-size:18px; font-weight:600; color:#333333;}
.order_last .bank h4 span {display:inline-block; float:right; font-size:14px; font-weight:500; color:#666666;}
.order_last .bank table {width:100%; border-top:1px solid #bbbbbb}
.order_last .bank table th {padding:30px 10px; font-size:18px; font-weight:600; color:#333333; text-align:center; border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9;}
.order_last .bank table th:first-child {border-left:0px;}
.order_last .bank table td {padding:30px 10px; font-size:18px; font-weight:600; color:#4baa2a; text-align:center; border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9;}

/*주소찾기*/
.zip_search {padding:0px 10px !important; border:0px solid #ff4400;}
.zip_search .zip_b {padding:10px 0px; border:0px solid #2b2b2b; }
.zip_search h4 {text-align:left; font-weight:bold; color:#000000; background:url(../images/b_07.gif) 0px 6px no-repeat; padding-left:17px; height:26px; font-size:14px; line-height:26px; margin-bottom:20px;}
.zip_search .search_box {border:5px solid #252525; padding:5px 100px 5px 5px; margin:15px 0px; text-align:center; overflow:hidden}
.zip_search .search_box .s_input {width:100%; padding:0px; margin:0px; line-height:30px; height:30px; border:0px solid #dadada; float:left}
.zip_search .search_box .s_btn {width:50px; height:28px; line-height:28px; margin:0px; margin-right:-90px; padding:0px; border:1px solid #4baa2a; background:#4baa2a; float:right; font-size:14px; font-weight:bold; color:#ffffff; cursor:pointer}
.zip_search .tip {padding:10px 10px; text-align:left}
.zip_search .tip dt {margin-bottom:10px; font-size:18px; font-weight:600; color:#333333;}
.zip_search .tip dd {margin:5px 0px; padding-left:10px; font-size:16px; color:#666666;}
.zip_search .tip dd:before {content:'·'; display:inline-block; float:left; margin-left:-10px;}
.address_list {text-align:left;}
.address_list h3 {display:block; padding:15px 10px; font-size:14px; color:#666666; background-color:#f5f5f5; border-top:1px solid #dadada;}
.address_list h3 b {font-size:16px; color:#333333;}
.address_list ul {border:1px solid #dadada; border-bottom:0px; max-height:250px; overflow-y:auto}
.address_list ul li {position:relative; padding-right:100px; border-bottom:1px solid #dadada;}
.address_list ul li .d01 { border-bottom:1px solid #dadada;}
.address_list ul li .d01,
.address_list ul li .d02 {padding:10px 0px; padding-left:70px; font-size:12px; color:#666666; overflow:hidden}
.address_list ul li .d01 span,
.address_list ul li .d02 span {display:inline-block; float:left; width:50px; margin-left:-60px; padding:1px 0px; font-size:12px; color:#ffffff; text-align:center; background-color:#acacac;}
.address_list ul li .d03 {position:absolute; right:0px; top:0px; bottom:0px; width:100px; border-left:1px solid #dadada; box-sizing:border-box;}
.address_list ul li .d03 span {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:12px; color:#666666;}

/*고객센터*/
.customer_cont_wrap {}
.customer_wrap .scroll_tab {padding:20px 0px;}
.customer_cont_wrap .customer_cont {position:relative; padding:10px 0px; max-width:1200px; margin:0px auto; box-sizing:border-box }
.customer_cont_wrap .customer_cont .title {display:block; margin-bottom:35px; text-align:center;}
.customer_cont_wrap .customer_cont .title b {position:relative; display:inline-block; padding:5px 0px; padding-bottom:20px; font-size:30px; font-weight:600; color:#333333; text-transform:uppercase; transition:all .3s}
.customer_cont_wrap .customer_cont .title b span {font-weight:100;}
.customer_cont_wrap .customer_cont .title b:after {content:''; position:absolute; left:50%; bottom:0px; transform:translateX(-50%); width:100px; height:1px; line-height:1px; background-color:#333333;}
.customer_cont_wrap .customer_cont .txt_01 {display:block; padding-bottom:30px; font-size:16px; font-weight:100; color:#676767; text-align:center;}
.customer_cont_wrap .t_area {overflow:hidden}
.customer_cont_wrap .t_area .tab_btn {float:left; padding:10px 0px;}
.customer_cont_wrap .t_area .tab_btn button {background-color:#ffffff; margin:1px 0px; padding:0px 10px; height:34px; line-height:34px; font-size:13px; font-weight:500; color:#8c8c8c; border:1px solid #e0e0e0; overflow:hidden; vertical-align:top}
.customer_cont_wrap .t_area .tab_btn button.on {color:#222222; border:1px solid #999999;}
.customer_wrap .board_search {padding:10px 0px; overflow:hidden;}
.customer_wrap .board_search fieldset {float:right;}
.customer_wrap .board_search label {display:none;}
.customer_wrap .board_search select {height:34px; line-height:34px; padding:0px 0px; font-size:16px; color:#333333; border:1px solid #eeeeee; box-sizing:border-box}
.customer_wrap .board_search input[type=text] {width:110px; height:34px; line-height:34px; padding:0px 10px; font-size:16px; color:#333333; border:1px solid #eeeeee; box-sizing:border-box; vertical-align:top}
.customer_wrap .board_search button {background-color:#ffffff; padding:0px 15px; height:34px; line-height:34px; font-size:13px; font-weight:bold; color:#222222; border:1px solid #e0e0e0; overflow:hidden; vertical-align:top}
.customer_wrap .board_view {border-top:1px solid #e5e5e5}
.customer_wrap .board_view .board_title {display:block; padding:20px 20px;}
.customer_wrap .board_view .board_title b {display:block; padding-bottom:5px; font-size:24px; font-weight:600; color:#333333; line-height:38px;}
.customer_wrap .board_view .board_title span {display:inline-block; font-size:16px; font-weight:500; color:#666666; line-height:22px;}
.customer_wrap .board_view .board_title i {display:inline-block; margin-left:20px; padding-left:22px; font-style:normal; font-weight:600; color:#333333; background:url(../images/icon_08.png) left 50% no-repeat; vertical-align:middle }
.customer_wrap .board_view .board_cont {padding:20px 20px; border-bottom:2px solid #e5e5e5}
.customer_wrap .board_view .board_cont img {max-width:100%;}
.customer_wrap .board_view .reply_box {margin-bottom:30px;}
.customer_wrap .board_view .reply_box .write {margin-bottom:10px; padding:10px 10px; padding-right:145px; background-color:#f4f4f4; border:1px solid #cacaca; box-sizing:border-box; overflow:hidden}
.customer_wrap .board_view .reply_box .write textarea {float:left; padding:10px 10px; width:100%; height:76px; font-size:13px; color:#666666; text-align:left; background-color:#ffffff; border:0px; resize:none; box-sizing:border-box}
.customer_wrap .board_view .reply_box .write button {float:right; margin-right:-135px; padding:0px 0px; width:125px; height:76px; font-size:13px; font-weight:600; color:#ffffff; text-align:center; background-color:#222222; border:0px;}
.customer_wrap .board_view .reply_list {padding:10px 8px; border-bottom:1px solid #ededed;}
.customer_wrap .board_view .reply_list dl {}
.customer_wrap .board_view .reply_list dl dt {position:relative; padding:5px 0px;}
.customer_wrap .board_view .reply_list dl dt b {display:inline-block; padding-right:30px; font-size:13px; font-weight:600; color:#333333;}
.customer_wrap .board_view .reply_list dl dt span {display:inline-block; font-size:13px; font-weight:100; color:#757575;}
.customer_wrap .board_view .reply_list dl dt .del {position:absolute; right:0px; top:5px; width:16px; height:16px; text-indent:-1000em; background:url(../images/btn_01.png) 50% 50% no-repeat; border:1px solid #cacaca; box-sizing:border-box; overflow:hidden;}
.customer_wrap .board_view .reply_list dl dd {padding:5px 0px; font-size:12px; font-weight:500; color:#666666; text-align:left; line-height:14px;}
.customer_wrap .board_btn {position:relative; padding:20px 0px; text-align:right;}
.customer_wrap .board_btn button {margin:0px; margin-left:5px; padding:0px 30px; height:50px; line-height:50px; font-size:16px; font-weight:500; color:#888888; text-align:center; background-color:#ffffff; border:1px solid #888888; box-sizing:border-box}
.customer_wrap .board_btn .sns_link {position:absolute; right:0px; top:18px; width:55px; height:55px; background-color:#333333; }
.customer_wrap .board_btn .sns_link .icon {display:inline-block; width:55px; height:55px; background-image:url(../images/sns_link.png); background-position:50% 50%; background-repeat:no-repeat;}
.customer_wrap .board_btn .sns_link ul {position:absolute; left:0px; bottom:50px; width:100%; padding-bottom:40px; visibility:hidden; opacity:0; transition:all .3s;}
.customer_wrap .board_btn .sns_link ul li {padding:3px 0px; text-align:center;}
.customer_wrap .board_btn .sns_link ul li a {position:relative; bottom:-10px; display:inline-block; width:40px; height:40px; text-indent:-1000em; background-color:#333333; background-position:50% 50%; background-repeat:no-repeat; border-radius:50%; transition:all .3s;}
.customer_wrap .board_btn .sns_link ul li a:hover {background-color:#4baa2a}
.customer_wrap .board_btn .sns_link ul li.sns_f a {background-image:url(../images/sns_f.png)}
.customer_wrap .board_btn .sns_link ul li.sns_t a {background-image:url(../images/sns_t.png)}
.customer_wrap .board_btn .sns_link ul li.sns_i a {background-image:url(../images/sns_i.png)}
.customer_wrap .board_btn .sns_link:hover ul {visibility:visible; opacity:1;}
.customer_wrap .board_btn .sns_link:hover ul a {bottom:0px; }


.customer_wrap .brief_board {padding:5px 0px; border-top:1px solid #ededed; border-bottom:1px solid #ededed;}
.customer_wrap .brief_board li {padding:10px 0px; padding-left:105px; line-height:20px; font-size:14px; color:#666666; overflow:hidden;}
.customer_wrap .brief_board li b {display:inline-block; float:left; margin-left:-80px; font-weight:100;}
.customer_wrap .brief_board li b:before {margin-right:4px; color:#cccccc;}
.customer_wrap .brief_board li b:after {content:':'; margin-left:3px;}
.customer_wrap .brief_board li:first-child b:before {content:'▲';}
.customer_wrap .brief_board li:last-child b:before {content:'▼';}
.customer_wrap .brief_board li a {font-weight:600;}

.customer_wrap .accordion {float:left; width:100%; text-align:left; box-sizing:border-box; border-bottom:1px solid #ccc; margin-bottom:30px; }
.customer_wrap .accordion li h3 {background-color:#fff; background-image:url(../images/qna_q.png); background-repeat:no-repeat; background-position:10px 14px; border-bottom:0px solid #e5e5e5; border-top:1px solid #e5e5e5; }
.customer_wrap .accordion li h3 a {color:#626262; display:block; padding:15px 20px; padding-left:40px; padding-right:40px; margin:0px; background:url(../images/accordion_down.png) right 20px no-repeat;}
.customer_wrap .accordion li.active h3 {background-color:#fafafa; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
.customer_wrap .accordion li.active h3 a {background:url(../images/accordion_up.png) right 20px no-repeat; color:#005aab;}
.customer_wrap .accordion li.locked h3 {background-color:#fafafa; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
.customer_wrap .accordion li.locked h3 a {background:url(../images/accordion_up.png) right 20px no-repeat; color:#005aab}
.customer_wrap .accordion li h3 {margin:0; padding:0;}
.customer_wrap .accordion li h3 span.answer {color:#4395fb}
.customer_wrap .accordion .panel {padding:20px 20px; padding-left:50px; background:url(../images/qna_a.png) 10px 20px no-repeat; font-size:14px; color:#898989; line-height:24px;}
.customer_wrap .accordion li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    *zoom: 1;
}
.customer_wrap .accordion a {color: inherit;  text-decoration: inherit;}
.customer_wrap .accordion .loading {display: none;}

.customer_wrap .agree_wrap {margin-bottom:40px;}
.customer_wrap .agree_wrap h3 {display:block; margin-bottom:25px; padding:20px 0px; font-size:16px; font-weight:600; color:#222222; border-bottom:3px solid #2b2b2b}
.customer_wrap .agree_wrap .agree_box {margin-bottom:25px; padding:25px 30px; height:190px; line-height:18px; font-size:12px; color:#666666; text-align:left; border:1px solid #e0e0e0; box-sizing:border-box; overflow-y:auto;}
.customer_wrap .agree_wrap p {display:block; padding:5px 0px; font-size:16px; font-weight:600; color:#222222; text-align:right;}
.customer_wrap .agree_wrap p span {display:inline-block; padding-right:20px;}
.customer_wrap .agree_wrap p label {display:inline-block}

table.qna a {font-weight:600;}
table.qna a span {display:inline; padding-right:5px; font-weight:100; color:#858585;}
table.qna .span_q {display:inline-block; padding:3px 0px; width:80px; text-align:center; font-size:12px; color:#45ad1a; border:1px solid #4da92a}
table.qna .span_a {display:inline-block; padding:3px 0px; width:80px; text-align:center; font-size:12px; color:#ffffff; background-color:#4da92a; border:1px solid #4da92a}
table.qna .view_box {padding:20px 25px; text-align:left; background:#f8f8f8}
table.qna .view_box .title_q {padding:0px 0px; padding-left:45px; line-height:30px; font-size:13px; overflow:hidden;}
table.qna .view_box .title_q:before {content:'Q'; display:inline-block; float:left; margin-left:-45px; width:24px; height:24px; line-height:24px; font-weight:600; color:#ffffff; text-align:center; background-color:#2f2f2f;}
table.qna .view_box .title_q span {display:inline-block; float:left; font-weight:100; color:#858585; display:inline; padding-right:5px;}
table.qna .view_box .title_q b {display:inline-block; float:left; color:#333333;}
table.qna .view_box .title_q .date {display:inline-block; float:right; color:#757575;}
table.qna .view_box .q_view {padding:20px 45px; font-size:13px; line-height:20px; color:#666666; border-bottom:1px dashed #d8d8d8}
table.qna .view_box .a_view {position:relative; padding:20px 45px; padding-bottom:0px; font-size:13px; line-height:20px; color:#666666;}
table.qna .view_box .a_view:before {content:'[답변]';  font-weight:500; color:#51ac2b;}
table.qna .view_box .a_view:after {position:absolute; left:0px; top:20px; content:'A'; display:inline-block; float:left; width:24px; height:24px; line-height:24px; font-weight:600; color:#ffffff; text-align:center; background-color:#51ac2b;}

.customer_wrap .feed_tab {display:block; margin-bottom:40px; text-align:center;}
.customer_wrap .feed_tab ul {display:block; max-width:400px; min-width:350px; margin:0px auto; overflow:hidden;}
.customer_wrap .feed_tab ul li {float:left; padding:0px 5px; width:33.33%; text-align:center; box-sizing:border-box}
.customer_wrap .feed_tab ul li a {display:block; padding:0px 0px; height:40px; line-height:40px; font-size:14px; font-weight:500; color:#666666; text-align:center; background-color:#ffffff; border:1px solid #e9e9e9;}
.customer_wrap .feed_tab ul li a:hover {color:#222222; border:1px solid #999999}
.customer_wrap .feed_tab ul li a.on {color:#222222; border:1px solid #999999}
.customer_wrap .news_wrap {padding:0px 0px; border-top:1px solid #e5e5e5}
.customer_wrap .news_wrap .news_box {padding:40px 0px; border-bottom:1px solid #e5e5e5; overflow:hidden}
.customer_wrap .news_wrap .news_box .img {float:left; position:relative; display:block; width:40%; padding-top:25%; box-sizing:border-box; overflow:hidden;}
.customer_wrap .news_wrap .news_box .img img {position:absolute; top:0px; width:100%; min-height:100%;}
.customer_wrap .news_wrap .news_box .news_title {display:block; float:left; padding:20px 35px; width:60%; box-sizing:border-box}
.customer_wrap .news_wrap .news_box .news_title a {display:block; padding-bottom:5px; font-size:23px; font-weight:600; color:#222222;}
.customer_wrap .news_wrap .news_box .news_title span {display:block; line-height:18px; font-size:12px; color:#666666; font-weight:500;}
.customer_wrap .news_wrap .news_box .news_title span i {display:inline-block; margin-left:10px; padding-left:22px; font-style:normal; font-weight:600; color:#333333; background:url(../images/icon_08.png) left 50% no-repeat; vertical-align:middle }
.customer_wrap .news_wrap .news_box .news_cont {display:block; float:left; padding:20px 35px; width:60%; font-size:16px; line-height:30px; color:#676767; box-sizing:border-box}
.customer_wrap .news_wrap {border-top:1px solid #e5e5e5}
.customer_wrap .movie_box {padding:40px 0px; border-bottom:1px solid #e5e5e5; overflow:hidden}
.customer_wrap .movie {position: relative; height:0; padding-bottom: 56.25%;}
.customer_wrap .movie iframe {position: absolute; width:100%; height:100%;}
.customer_wrap .gallery_wrap {padding:40px 0px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.customer_wrap .gallery_wrap ul {overflow:hidden}
.customer_wrap .gallery_wrap ul li {display:inline-block; float:left; padding:10px 10px; width:33.33%; text-align:center; box-sizing:border-box;}
.customer_wrap .gallery_wrap ul li .img_box {position:relative; width:100%; padding-top:100%; overflow:hidden;}
.customer_wrap .gallery_wrap ul li .img_box img {position:absolute; left:50%; top:0px; transform:translateX(-50%); z-index:1; max-width:200%; min-width:100%; min-height:100%;}
.customer_wrap .gallery_wrap ul li .img_box .inner_box {position:absolute; left:0px; top:0px; z-index:2; width:100%; height:100%; background-color:rgba(0,0,0,.8); visibility:hidden; opacity:0; transition:all .5s}
.customer_wrap .gallery_wrap ul li .img_box:hover .inner_box {visibility:visible; opacity:1;}
.customer_wrap .gallery_wrap ul li .img_box dl {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:90%; text-align:center;}
.customer_wrap .gallery_wrap ul li .img_box dl dt {padding-bottom:15px;}
.customer_wrap .gallery_wrap ul li .img_box dl dt a {display:block; padding-bottom:5px; font-size:18px; font-weight:500; color:#ffffff;}
.customer_wrap .gallery_wrap ul li .img_box dl dt span {display:block; font-size:12px; font-weight:500; color:#ffffff;}
.customer_wrap .gallery_wrap ul li .img_box dl dd {padding-top:10px; line-height:20px;}
.customer_wrap .gallery_wrap ul li .img_box dl dd span {display:inline-block; margin:0px 10px; padding-left:20px; font-size:14px; font-weight:600; color:#ffffff; text-align:left; background-position:0px 45%; background-repeat:no-repeat; background-size:14px; box-sizing:border-box;}
.customer_wrap .gallery_wrap ul li .img_box dl dd span.like {background-image:url(../images/icon_09.png)}
.customer_wrap .gallery_wrap ul li .img_box dl dd span.reply {background-image:url(../images/icon_11.png)}

.customer_wrap .popup_bg {position:fixed; left:0px; top:0px; bottom:0px; z-index:1000; width:100%; background-color:#000000; opacity:.6; }
.customer_wrap .gallery_popup {position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1001;}
.customer_wrap .gallery_popup .btn_close {position:absolute; right:-60px; top:-60px; width:60px; height:60px; text-indent:-1000em; background:url(../images/btn_02.png) 50% 50% no-repeat; border:0px; overflow:hidden;}
.customer_wrap .gallery_popup .inner {position:relative; width:1100px; height:500px; background-color:#ffffff; overflow:hidden; box-sizing:border-box }
.customer_wrap .gallery_popup .inner .img {position:relative; float:left; width:60%; height:100%; overflow:hidden}
.customer_wrap .gallery_popup .inner .img img {position:absolute; left:50%; top:0px; transform:translateX(-50%); max-width:400%; min-width:100%; min-height:100%;}
.customer_wrap .gallery_popup .inner .sns_box {float:left; width:40%; height:100%; overflow-y:auto;}
.customer_wrap .gallery_popup .inner .sns_box .sns_title {position:relative; padding:30px 20px; padding-bottom:10px;}
.customer_wrap .gallery_popup .inner .sns_box .sns_title b {display:block; font-size:20px; font-weight:500; color:#222222;}
.customer_wrap .gallery_popup .inner .sns_box .sns_title span {position:absolute; right:20px; top:15px; font-size:12px; font-weight:500; color:#666666;}
.customer_wrap .gallery_popup .inner .sns_box .sns_cont {padding:10px 20px; font-size:14px; font-weight:500; color:#666666; text-align:left; line-height:24px;}
.customer_wrap .gallery_popup .inner .sns_box .like_box {padding:10px 0px; border-top:1px solid #ededed; border-bottom:1px solid #ededed;}
.customer_wrap .gallery_popup .inner .sns_box .like_box span,
.customer_wrap .gallery_popup .inner .sns_box .like_box button {display:inline-block; margin:0px 20px; padding-left:30px; line-height:26px; font-size:14px; font-weight:600; color:#333333; text-align:left; background-color:transparent; background-position:0px 45%; background-repeat:no-repeat; box-sizing:border-box;}
.customer_wrap .gallery_popup .inner .sns_box .like_box button.like {background-image:url(../images/icon_10.png)}
.customer_wrap .gallery_popup .inner .sns_box .like_box button.like:before {content:'좋아요'; margin-right:3px;}
.customer_wrap .gallery_popup .inner .sns_box .like_box span.reply {background-image:url(../images/icon_12.png)}

.customer_wrap .gallery_popup .reply_box {padding:0px 0px; margin-bottom:30px;}
.customer_wrap .gallery_popup .reply_box .write {margin-bottom:10px; padding:10px 20px; padding-right:95px; box-sizing:border-box; overflow:hidden}
.customer_wrap .gallery_popup .reply_box .write textarea {float:left; padding:10px 10px; width:100%; height:40px; font-size:13px; color:#666666; text-align:left; background-color:#ffffff; border:1px solid #ededed; resize:none; box-sizing:border-box}
.customer_wrap .gallery_popup .reply_box .write button {float:right; margin-right:-75px; padding:0px 0px; width:75px; height:40px; font-size:13px; font-weight:600; color:#ffffff; text-align:center; background-color:#222222; border:0px;}
.customer_wrap .gallery_popup .reply_list {padding:10px 20px;}
.customer_wrap .gallery_popup .reply_list:last-child {border-bottom:1px solid #ededed;}
.customer_wrap .gallery_popup .reply_list dl {}
.customer_wrap .gallery_popup .reply_list dl dt {position:relative; padding:5px 0px;}
.customer_wrap .gallery_popup .reply_list dl dt b {display:inline-block; padding-right:30px; font-size:13px; font-weight:600; color:#333333;}
.customer_wrap .gallery_popup .reply_list dl dt span {display:inline-block; font-size:13px; font-weight:100; color:#757575;}
.customer_wrap .gallery_popup .reply_list dl dt .del {position:absolute; right:0px; top:5px; width:16px; height:16px; text-indent:-1000em; background:url(../images/btn_01.png) 50% 50% no-repeat; border:1px solid #cacaca; box-sizing:border-box; overflow:hidden;}
.customer_wrap .gallery_popup .reply_list dl dd {padding:5px 0px; font-size:12px; font-weight:500; color:#666666; text-align:left; line-height:14px;}

.customer_wrap .gallery_popup .btn_prev,
.customer_wrap .gallery_popup .btn_next {position:absolute; top:50%; transform:translateY(-50%); width:40px; height:80px; text-indent:-1000em; background-color:#1c1c1c; background-position:50% 50%; background-repeat:no-repeat; overflow:hidden;}
.customer_wrap .gallery_popup .btn_prev {left:-50px; background-image:url(../images/arrow_prev.png);}
.customer_wrap .gallery_popup .btn_next {right:-50px; background-image:url(../images/arrow_next.png);}

.customer_cont_wrap .p_btn {position:relative; display:block; text-align:center; overflow:hidden;}
.customer_cont_wrap .p_btn a,
.customer_cont_wrap .p_btn button {display:inline-block; margin:3px 5px; padding:0px 10px; width:100%; max-width:230px; height:55px; line-height:55px; font-size:18px; font-weight:600; color:#333333; text-align:center; background-color:#ffffff; border:1px solid #dddddd; box-sizing:border-box;}
.customer_cont_wrap .p_btn .regi {background-color:#333333; border:1px solid #333333; color:#ffffff;}

/*마이페이지*/
.mypage_wrap {position:relative; min-height:700px;}
.mypage_wrap .mypage_menu {position:absolute; left:0px; top:0px; bottom:0px; padding-top:20px; width:250px; background-color:#f3f3f3; border-right:1px solid #e2e2e2}
.mypage_menu > li {padding: 15px 0px; padding-left:40px; border-bottom:1px solid #e2e2e2}
.mypage_menu li a {display: block; height:100%; padding:10px; padding-left:38px; font-size:18px; color:#333333; background-position:0px 50%; background-repeat:no-repeat;}
.mypage_menu li a.icon01 {background-image:url(../images/mypage_m_01.png);}
.mypage_menu li a.icon02 {background-image:url(../images/mypage_m_02.png);}
.mypage_menu li a.icon03 {background-image:url(../images/mypage_m_03.png);}
.mypage_menu li a.icon04 {background-image:url(../images/mypage_m_04.png);}
.mypage_menu li a.icon05 {background-image:url(../images/mypage_m_05.png);}
.mypage_menu > ul {}
.mypage_menu li ul {padding:10px 0px;}
.mypage_menu li ul li {padding:0px 0px; padding-left:20px;}
.mypage_menu li ul li:last-child {border-bottom:0px;}
.mypage_menu li ul li a {display:block; padding-left:20px; font-size:14px; color:#666666;}
.mypage_menu li ul li a:before {content:'•'; margin-right:5px; font-family:Arial;}
.mypage_menu li.selected {color:#df161e !important;}
.mypage_menu li.selected > a {color:#222222; font-weight:600;}

.mypage_wrap .mypage_cont {position:relative; padding:50px 0px; max-width:1200px; margin:0px auto; box-sizing:border-box }
.mypage_wrap .title {display:block; margin-bottom:35px; text-align:center;}
.mypage_wrap .title b {position:relative; display:inline-block; padding:5px 0px; padding-bottom:20px; font-size:30px; font-weight:600; color:#333333; text-transform:uppercase; transition:all .3s}
.mypage_wrap .title b span {font-weight:100;}
.mypage_wrap .title b:after {content:''; position:absolute; left:50%; bottom:0px; transform:translateX(-50%); width:100px; height:1px; line-height:1px; background-color:#333333;}
.mypage_wrap .mypage_info {margin-bottom:40px; padding-left:400px; background-color:#fcfcfc; border:1px solid #dddddd; overflow:hidden; transition:all .3s}
.mypage_wrap .mypage_info .mem_info {float:left; padding:35px 35px; width:400px; margin-left:-400px; box-sizing:border-box;}
.mypage_wrap .mypage_info .mem_info h3 {display:block; padding-bottom:10px; font-size:30px; color:#333333; font-weight:100;}
.mypage_wrap .mypage_info .mem_info .pic {display:inline-block; width:140px; height:140px; overflow:hidden;}
.mypage_wrap .mypage_info .mem_info .pic img {width:100%; min-height:100%;}
.mypage_wrap .mypage_info .mem_info ul {padding:10px 0px;}
.mypage_wrap .mypage_info .mem_info ul li {padding:5px 0px; font-size:13px; color:#666666;}
.mypage_wrap .mypage_info .mem_info div {padding-top:10px;}
.mypage_wrap .mypage_info .mem_info div a {display:inline-block; margin-right:10px; padding:0px 10px; height:24px; line-height:22px; font-size:12px; color:#ffffff; background-color:#47a235; border:1px solid #47a235; box-sizing:border-box;}
.mypage_wrap .mypage_info .mem_info div a.btn_pw {color:#47a235; background-color:#ffffff;}
.mypage_wrap .mypage_info aside {display:block; padding:0px; margin:0px; border-left:1px solid #cccccc;}
.mypage_wrap .mypage_info aside h3 {display:block; padding:0px 30px; height:50px; line-height:50px; font-size:16px; font-weight:600; color:#ffffff; background-color:#333333; border-bottom:1px solid #cccccc;}
.mypage_wrap .mypage_info aside ul {overflow:hidden;}
.mypage_wrap .mypage_info aside ul li {display:inline-block; position:relative; float:left; width:50%; height:150px; background-color:#ffffff; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; box-sizing:border-box}
.mypage_wrap .mypage_info aside ul li b {position:absolute; left:30px; top:20px; font-size:16px; color:#333333;}
.mypage_wrap .mypage_info aside ul li span {position:absolute; right:30px; bottom:20px; font-size:30px; color:#333333; font-weight:600;}
.mypage_wrap .mypage_info aside ul li span:after {content:'P'; font-size:14px; font-weight:500; margin-left:3px;}
.mypage_wrap .mypage_info aside ul li:before {content:''; position:absolute; left:30px; bottom:20px; width:64px; height:64px; background-position:50% 50%; background-repeat:no-repeat;}
.mypage_wrap .mypage_info aside ul li:nth-child(even) {border-right:0px;}
.mypage_wrap .mypage_info aside ul li:nth-child(1):before {background-image:url(../images/mypage_i_01.png);}
.mypage_wrap .mypage_info aside ul li:nth-child(2):before {background-image:url(../images/mypage_i_02.png);}
.mypage_wrap .mypage_info aside ul li:nth-child(3):before {background-image:url(../images/mypage_i_03.png);}
.mypage_wrap .mypage_info aside ul li:nth-child(4):before {background-image:url(../images/mypage_i_04.png);}
.mypage_wrap .mypage_info aside dl {padding:20px 20px; padding-left:120px; background-color:#f8f8f8; overflow:hidden;}
.mypage_wrap .mypage_info aside dl dt {float:left; margin-left:-90px; width:90px; height:40px; line-height:40px; font-size:16px; font-weight:600; color:#ffffff; text-align:center; background-color:#333333;}
.mypage_wrap .mypage_info aside dl dd {display:inline-block; float:left; width:50%; height:40px; line-height:38px; border:1px solid #dddddd; border-left:0px; box-sizing:border-box}
.mypage_wrap .mypage_info aside dl dd b {display:inline-block; float:left; width:40%; height:100%; font-size:16px; font-weight:500; color:#666666; text-align:center; background-color:#ececec;}
.mypage_wrap .mypage_info aside dl dd span {display:inline-block; float:left; width:60%; height:100%; padding:0px 15px; font-size:16px; font-weight:600; color:#333333; text-align:right; background-color:#ffffff; box-sizing:border-box}
.mypage_wrap .mypage_tab {display:block; margin-bottom:40px; padding:0px 0px; width:100%; max-width:none;}
.mypage_wrap .mypage_tab li {width:11.11%;}
.mypage_wrap .section_box {margin-bottom:30px;}
.mypage_wrap .section_box h3 {display:block; padding-bottom:10px; font-size:18px; font-weight:600; color:#222222;}
.mypage_wrap .section_box .ul01 {border:1px solid #dddddd; border-right:0px; border-bottom:0px; overflow:hidden;}
.mypage_wrap .section_box .ul01 li {position:relative; float:left; width:25%; height:150px; background-color:#f8f8f8; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; box-sizing:border-box}
.mypage_wrap .section_box .ul01 li b {position:absolute; left:20px; top:30px; width:98px; height:28px; line-height:28px; font-size:14px; color:#ffffff; text-align:center; font-weight:500; background-color:#959595;}
.mypage_wrap .section_box .ul01 li span {position:absolute; right:20px; bottom:30px; font-size:30px; color:#333333; font-weight:600;}
.mypage_wrap .section_box .ul01 li span:after {content:'P'; font-size:14px; font-weight:500; margin-left:3px;}

.mypage_wrap .wish_list h3 {display:block; padding-bottom:10px; font-size:18px; font-weight:600; color:#222222;}
.mypage_wrap .wish_list table {width:100%; border-top:1px solid #bbbbbb; border-bottom:1px solid #e9e9e9;}
.mypage_wrap .wish_list table input[type=checkbox] ~ label {float:left; margin-right:0px; margin-top:40px; padding-left:0px; width:24px; line-height:24px; height:24px;}
.mypage_wrap .wish_list table td .ea2 {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:block; line-height:28px; overflow:hidden;}
.mypage_wrap .wish_list table td .ea2:after {content:'개'; margin-left:3px;}
.mypage_wrap .wish_list table td .ea2 input[type=text] {float:left; margin:0px; padding:0px; width:30px; height:28px; line-height:28px; font-size:16px; text-align:center; color:#333333; border:1px solid #dadada; box-sizing:border-box;}
.mypage_wrap .wish_list .w_btn {overflow:hidden}
.mypage_wrap .wish_list .w_btn .btn_b,
.mypage_wrap .wish_list .w_btn .del {display:inline-block; margin:2px 0px;; padding:0px 0px; width:100%; height:24px; line-height:22px; font-size:14px; color:#ffffff; text-align:center; background-color:#4baa2a; border:1px solid #4baa2a; box-sizing:border-box}
.mypage_wrap .wish_list .w_btn .del {color:#4baa2a; background-color:#ffffff;}

.mypage_wrap .counsel .more {display:inline-block; float:right; padding:3px 3px; padding-left:15px; font-size:11px; color:#000000; background:url(../images/more_i_01.png) 5px 50% no-repeat; border:1px solid #dbdbdb}
.mypage_wrap .counsel table {width:100%;}

.mypage_wrap .e_wallet h3.e_title {display:block; padding-bottom:10px; font-size:18px; font-weight:600; color:#222222;}
.mypage_wrap .e_wallet .point_present {margin-bottom:30px; padding:10px 0px;}
.mypage_wrap .e_wallet .point_present h4 {display:block; padding-bottom:15px; font-size:14px; color:#333333; text-align:left;}
.mypage_wrap .e_wallet .point_present ul {overflow:hidden;}
.mypage_wrap .e_wallet .point_present ul li {float:left; width:33.33%; padding:0px 5px; box-sizing:border-box}
.mypage_wrap .e_wallet .point_present ul li:first-child {padding-left:0px;}
.mypage_wrap .e_wallet .point_present ul li:last-child {padding-right:0px;}
.mypage_wrap .e_wallet .point_present ul li b {display:block; padding:0px 10px; height:40px; line-height:40px; font-size:16px; font-weight:500; color:#ffffff; text-align:center; background-color:#3c3c3c;}
.mypage_wrap .e_wallet .point_present ul li span {display:block; padding:30px 10px; font-size:22px; font-weight:600; color:#222222; text-align:center; background-color:#ffffff; border:1px solid #bbbbbb;}
.mypage_wrap .e_wallet .table_type_A {width:100%;}
.mypage_wrap .e_wallet .regi_form input[type=text].line_box {border:3px solid #4baa2a; font-size:16px; font-weight:600; color:#222222;}
.mypage_wrap .e_wallet .regi_form b.cp {font-size:14px; font-weight:600; color:#222222;}
.mypage_wrap .e_wallet .regi_form .cp:after {content:'CP'; margin-left:5px;}
.mypage_wrap .e_wallet .regi_form .usdt:after {content:'USDT'; margin-left:5px;}
.mypage_wrap .e_wallet .regi_form .eth:after {content:'ETH'; margin-left:5px; color:#666666;}
.mypage_wrap .e_wallet .regi_form .cp_send input[type=text] {max-width:250px;}
.mypage_wrap .e_wallet .regi_form .cp_send div {display:block; padding-top:5px;}
.mypage_wrap .e_wallet .regi_form .cp_send div button {margin:0px 1px; padding:0px 20px; height:34px; font-size:12px; color:#ffffff; font-weight:500; text-align:center; background-color:#a1a1a1; border:1px solid #909090; vertical-align:middle}

.mypage_wrap .mypage_login {padding:30px 0px; text-align:center;}
.mypage_wrap .mypage_login h2 {display:block; padding-bottom:50px; font-size:16px; font-weight:600; color:#333333;}
.mypage_wrap .mypage_login fieldset {display:block; max-width:1000px; margin:0px auto; margin-bottom:50px; padding:50px 50px; background-color:#fcfcfc; border-top:1px solid #ededed; border-bottom:1px solid #ededed; box-sizing:border-box}
.mypage_wrap .mypage_login fieldset div {display:block; margin:0px auto; max-width:400px; padding-left:160px; text-align:left; overflow:hidden}
.mypage_wrap .mypage_login fieldset div label {display:inline-block; position:relative; float:left; margin-left:-160px; width:130px; height:46px; line-height:46px; font-size:16px; font-weight:600; color:#333333;}
.mypage_wrap .mypage_login fieldset div label:after {content:'?'; position:absolute; right:10px; top:50%; transform:translateY(-50%); width:16px; height:16px; line-height:16px; font-size:14px; font-weight:600; color:#333333; text-align:center; border:1px solid #333333; border-radius:50%;}
.mypage_wrap .mypage_login fieldset div input[type=password] {margin:0px; margin-bottom:20px; padding:0px 20px; width:100%; height:46px; line-height:46px; font-size:16px; text-align:left; color:#333333; border:1px solid #dadada; box-sizing:border-box;}
.mypage_wrap .mypage_login fieldset div a {display:inline-block; font-size:14px; color:#666666;}
.mypage_wrap .mypage_login button {display:inline-block; margin:3px 5px; padding:0px 10px; width:100%; max-width:230px; height:60px; line-height:60px; font-size:18px; font-weight:600; color:#ffffff; text-align:center; background-color:#333333; border:1px solid #333333; box-sizing:border-box;}

.mypage_wrap .bank_url h3 {display:block; padding-bottom:10px; font-size:18px; font-weight:600; color:#222222;}
.mypage_wrap .bank_url table {width:100%;}
.mypage_wrap .bank_url table td {padding:30px 10px; }
.mypage_wrap .bank_url .qr {position:relative; display:block; width:90%; max-width:1000px; margin:0px auto; padding-left:170px; overflow:hidden; box-sizing:border-box}
.mypage_wrap .bank_url .qr .qr_img {display:inline-block; float:left; margin-left:-170px; width:150px; height:150px; overflow:hidden}
.mypage_wrap .bank_url .qr .qr_img img {width:100%; height:100%;}
.mypage_wrap .bank_url .qr .code {position:absolute; left:170px; right:0px; top:50%; transform:translateY(-50%); padding-right:110px; text-align:center;}
.mypage_wrap .bank_url .qr .code button {position:absolute; right:0px; top:50%; transform:translateY(-50%); display:inline-block; margin:0px 0px; padding:0px 10px; width:95px; height:32px; line-height:32px; font-size:12px; font-weight:600; color:#ffffff; text-align:center; background-color:#a1a1a1; border:1px solid #999999; box-sizing:border-box;}

.mypage_wrap .ethereum h3 {display:block; padding-bottom:10px; font-size:18px; font-weight:600; color:#222222;}
.mypage_wrap .ethereum .point_present h4 {display:block; padding-bottom:15px; font-size:14px; color:#333333;}
.mypage_wrap .ethereum .point_present div {margin-bottom:30px; padding:30px 10px; text-align:center; background-color:#fcfcfc; border:1px solid #bbbbbb}
.mypage_wrap .ethereum .point_present div b {font-size:24px; font-weight:600; color:#222222;}
.mypage_wrap .ethereum .point_present div b.eth:after {content:'ETH'; margin-left:5px; font-size:16px;}
.mypage_wrap .ethereum .t_area {padding:10px 0px; overflow:hidden}
.mypage_wrap .ethereum .table_type_A {width:100%;}

.mypage_wrap .business {text-align:center;}
.mypage_wrap .business h3 {display:block; padding-bottom:10px; font-size:18px; font-weight:600; color:#222222; text-align:left}
.mypage_wrap .business .t_area {padding:10px 0px; overflow:hidden}
.mypage_wrap .business .table_type_A {width:100%;}
.mypage_wrap .business .b_tab {display:inline-block; float:none; margin:0px auto; padding:40px 10px; width:100%; max-width:600px; box-sizing:border-box; overflow:hidden;}
.mypage_wrap .business .b_tab li {float:left; width:33.33%; padding:0px; box-sizing:border-box;}
.mypage_wrap .business .b_tab li a {position:relative; display:inline-block; width:100%; height:40px; line-height:40px; font-size:13px; color:#999999; text-align:center; font-weight:500; border:1px solid #d4d4d4; border-bottom:0px; border-left:0px; box-sizing:border-box}
.mypage_wrap .business .b_tab li a:after {content:''; position:absolute; left:0px; bottom:0px; width:100%; height:1px; line-height:1px; background-color:#d4d4d4;}
.mypage_wrap .business .b_tab li:first-child a {border-left:1px solid #d4d4d4;}
.mypage_wrap .business .b_tab li a:hover {color:#333333;}
.mypage_wrap .business .b_tab li a:hover:after {background-color:#2e2e2e}
.mypage_wrap .business .b_tab li a.on {color:#333333;}
.mypage_wrap .business .b_tab li a.on:after {background-color:#2e2e2e}
.mypage_wrap .business .business_cont {padding:20px 0px;}
.mypage_wrap .business .filter_set {margin-bottom:30px;}
.mypage_wrap .business .filter_set th {text-align:left; background-color:#fcfcfc;}
.mypage_wrap .business .filter_set ul {width:100%; overflow:hidden;}
.mypage_wrap .business .filter_set ul li {display:inline-block; float:left; padding:0px 5px; padding-left:50px; height:46px; line-height:46px; box-sizing:border-box; }
.mypage_wrap .business .filter_set ul li:nth-child(1) {width:25%;}
.mypage_wrap .business .filter_set ul li:nth-child(2) {width:20%;}
.mypage_wrap .business .filter_set ul li:nth-child(3) {width:35%;}
.mypage_wrap .business .filter_set ul li:nth-child(4) {width:20%; padding:0px 0px;}
.mypage_wrap .business .filter_set ul li label {display:inline-block; float:left; margin:0px; margin-left:-50px; padding:0px; width:50px; font-size:13px; font-weight:600; color:#333333;}
.mypage_wrap .business .filter_set ul li input[type=text] {float:left; margin:0px; padding:0px 10px; width:100%; height:46px; line-height:46px; font-size:14px; text-align:left; color:#333333; border:1px solid #dadada; box-sizing:border-box;}
.mypage_wrap .business .filter_set ul li:nth-child(4) button {float:left; margin:0px; padding:0px 0px; width:49%; height:46px; line-height:46px; font-size:14px; font-weight:500; color:#ffffff; background-color:#333333; border:1px solid #333333; box-sizing:border-box}
.mypage_wrap .business .filter_set ul li:nth-child(4) button:last-child {float:right; color:#333333; background-color:#ffffff; border:1px solid #e0e0e0}
.mypage_wrap .business .filter_table .icon_01 {display:inline-block; width:24px; height:24px; text-indent:-1000em; background:url(../images/icon_13.png) 50% 50% no-repeat; overflow:hidden}

.mypage_wrap .business .bonus {margin-bottom:30px; padding:10px 0px;}
.mypage_wrap .business .bonus h4 {display:block; padding-bottom:15px; font-size:14px; color:#333333; text-align:left;}
.mypage_wrap .business .bonus ul {overflow:hidden;}
.mypage_wrap .business .bonus ul li {float:left; width:33.33%; padding:0px 5px; box-sizing:border-box}
.mypage_wrap .business .bonus ul li:first-child {padding-left:0px;}
.mypage_wrap .business .bonus ul li:last-child {padding-right:0px;}
.mypage_wrap .business .bonus ul li b {display:block; padding:0px 10px; height:40px; line-height:40px; font-size:16px; font-weight:500; color:#ffffff; text-align:center; background-color:#3c3c3c;}
.mypage_wrap .business .bonus ul li span {display:block; padding:30px 10px; font-size:22px; font-weight:600; color:#222222; text-align:center; background-color:#ffffff; border:1px solid #bbbbbb;}

.mypage_wrap .myinfo h3 {display:block; padding-bottom:10px; font-size:18px; font-weight:600; color:#222222; text-align:left}
.mypage_wrap .myinfo .pw_set,
.mypage_wrap .myinfo .email_j {display:block; max-width:350px; padding-right:140px; overflow:hidden; box-sizing:border-box}
.mypage_wrap .myinfo .pw_set a.btn,
.mypage_wrap .myinfo .email_j button {float:right; margin-right:-140px; display:block; width:130px; height:34px; line-height:34px; text-align:center; font-size:12px; font-weight:500; color:#ffffff; background-color:#a1a1a1; border:1px solid #909090; box-sizing:border-box}
.mypage_wrap .myinfo .pw_change {padding:35px 0px; width:100%; max-width:900px; margin:0px auto; text-align:center; box-sizing:border-box}
.mypage_wrap .myinfo .pw_change .txt {margin-bottom:40px;}
.mypage_wrap .myinfo .pw_change .txt span {display:block; font-size:16px; font-weight:500; color:#333333; line-height:30px;}
.mypage_wrap .myinfo .pw_change ul {padding:20px 30px; border-top:1px solid #ededed; border-bottom:1px solid #ededed; background-color:#fcfcfc;}
.mypage_wrap .myinfo .pw_change ul li {display:inline-block; padding:5px 0px; padding-left:125px; padding-right:120px; overflow:hidden;}
.mypage_wrap .myinfo .pw_change ul li label {display:inline-block; float:left; margin:0px; margin-left:-125px; padding:0px; width:120px; line-height:46px; font-size:13px; font-weight:600; color:#333333;}
.mypage_wrap .myinfo .pw_change ul li input[type=text],
.mypage_wrap .myinfo .pw_change ul li input[type=password] {float:left; margin:0px; padding:0px 10px; width:100%; max-width:300px; height:46px; line-height:46px; font-size:14px; text-align:left; color:#333333; border:1px solid #dadada; box-sizing:border-box;}
.mypage_wrap .myinfo .pw_change ul li:last-child button {float:right; margin-top:5px; margin-right:-120px; display:block; width:110px; height:34px; line-height:34px; text-align:center; font-size:12px; font-weight:600; color:#ffffff; background-color:#a1a1a1; border:1px solid #909090; box-sizing:border-box}

.mypage_wrap .p_btn {display:flex; flex-direction:row; flex-wrap:wrap; justify-content: center; margin-bottom:60px; padding:30px 0px;}
.mypage_wrap .p_btn a,
.mypage_wrap .p_btn button {display:inline-block; margin:3px 5px; padding:0px 10px; width:100%; max-width:230px; height:60px; line-height:60px; font-size:18px; font-weight:600; color:#333333; text-align:center; border:1px solid #838383; box-sizing:border-box;}
.mypage_wrap .p_btn a.shopping_btn {background-color:#333333; border:1px solid #333333; color:#ffffff;}
.mypage_wrap .p_btn a.basket_del {}
.mypage_wrap .p_btn a.order_btn {background-color:#4baa2a; border:1px solid #4baa2a; color:#ffffff;}
.mypage_wrap .p_btn a.payment_btn {background-color:#4baa2a; border:1px solid #4baa2a; color:#ffffff;}
.mypage_wrap .p_btn a.cancel_btn {}
.mypage_wrap .p_btn .regi {background-color:#333333; border:1px solid #333333; color:#ffffff;}

@media only screen and (max-width: 1700px) {
.mypage_wrap {padding-left:200px; padding-right:10px;}
.mypage_wrap .mypage_menu {width:180px;}
.mypage_menu > li {padding-left:10px;}
.mypage_menu li a {font-size:16px; }
.mypage_menu li ul li {padding-left:0px;}
}


@media only screen and (max-width: 1200px) {
.section_B .notice_wrap {padding:0px 10px;}
.section_C .inner {padding:60px 10px;}

.shop_list .list {padding:5px 5px;}
.shop_wrap {padding:0px 5px;}

.company_wrap .section .inner {padding:40px 10px;}
.customer_wrap {padding:0px 10px;}

.mypage_wrap .mypage_info {margin-bottom:30px; padding-left:300px;}
.mypage_wrap .mypage_info .mem_info {padding:25px 25px; width:300px; margin-left:-300px; }
.mypage_wrap .mypage_info .mem_info h3 {font-size:20px; }
.mypage_wrap .mypage_info aside {display:block; padding:0px; margin:0px; border-left:1px solid #cccccc;}
.mypage_wrap .mypage_info aside ul li {height:130px; }
.mypage_wrap .mypage_info aside ul li b {font-size:14px;}
.mypage_wrap .mypage_info aside ul li span {font-size:24px; }
}

@media only screen and (max-width: 1000px) {
.section_A {height:700px;}

.section_B .banner_box {padding:40px 80px; padding-right:500px; height:280px; background:#f0f0f0 url(../images/main_banner.png) right 20px top 50% no-repeat; }
.section_B .banner_box h3 {margin-bottom:15px;}
.section_B .banner_box h3 span {font-size:20px;}
.section_B .banner_box h3 b {font-size:32px;}
.section_B .banner_box p span {line-height:20px; font-size:14px}

.section_B .notice_wrap .notice {width:49%; }
.section_B .notice_wrap .notice ul li {padding:5px 0px; padding-right:100px; line-height:24px;}
.section_B .notice_wrap .notice ul li a {font-size:12px;}
.section_B .notice_wrap .notice ul li span {font-size:11px;}
.section_B .notice_wrap .news {width:49%;}

.section_C .gallery ul li {float:left; width:25%;}

.product_info {padding-left:450px;}
.product_info .product_pic {width:410px; margin-left:-450px; }


.ceo .txt_box {position:relative; padding:70px 50px; padding-right:350px;}
.ceo .txt_box:after {width:700px; height:597px; background-size:100% }
.ceo .txt_box h2 {font-size:26px; line-height:36px;}
.ceo .txt_box h2 span:first-child {display:block;}
.ceo .txt_box h2 span {display:inline;}
.ceo .txt_box p {padding:15px 0px; font-size:16px; line-height:30px;}
.ceo .txt_box p span {display:inline;}

.customer_wrap .news_wrap .news_box .img {float:left; position:relative; width:40%; padding-top:25%; box-sizing:border-box; overflow:hidden;}
.customer_wrap .news_wrap .news_box .news_title {padding:20px 25px; width:60%;}
.customer_wrap .news_wrap .news_box .news_title a {font-size:20px;}
.customer_wrap .news_wrap .news_box .news_cont {padding:20px 25px; width:60%; font-size:14px; line-height:24px;}

.customer_wrap .gallery_popup .inner {width:700px; height:400px;}

.mypage_wrap .mypage_info {padding-left:0px;}
.mypage_wrap .mypage_info .mem_info {float:none; position:relative; padding:45px 25px; padding-left:200px; width:100%; margin-left:0px; }
.mypage_wrap .mypage_info .mem_info h3 {position:absolute; left:25px; top:25px;}
.mypage_wrap .mypage_info .mem_info .pic {position:absolute; left:25px; top:60px;}
.mypage_wrap .mypage_info aside {border-left:0px;}
.mypage_wrap .mypage_info aside ul li {height:120px; }

.mypage_wrap .mypage_tab li {width:33.33%; margin-bottom:2px;}
.mypage_wrap .mypage_tab li:nth-child(4) {border-left:1px solid #dddddd;}
.mypage_wrap .mypage_tab li:nth-child(7) {border-left:1px solid #dddddd;}

.mypage_wrap .my_order_list table tbody td span:before {display:inline-block;}
.mypage_wrap .my_order_list thead {display:none;}
.mypage_wrap .my_order_list .td01 {display:inline-block; padding:0px 5px; width:100%; height:40px; line-height:40px; text-align:left;}
.mypage_wrap .my_order_list .td02 {display:inline-block; width:100%;}
.mypage_wrap .my_order_list .td03,
.mypage_wrap .my_order_list .td04 {display:inline-block; width:100%; background-color:#f5f5f5; text-align:left}



.mypage_wrap .order_list table tbody td span:before {display:inline-block;}
.mypage_wrap .order_list thead {display:none;}
.mypage_wrap .order_list .td01,
.mypage_wrap .order_list .td02 {display:inline-block; width:80%; height:40px;}
.mypage_wrap .order_list .td01 {width:20%;}
.mypage_wrap .order_list .td02 i {display:inline-block;}
.mypage_wrap .order_list .td03 {display:inline-block; width:100%}
.mypage_wrap .order_list .td04,
.mypage_wrap .order_list .td05,
.mypage_wrap .order_list .td06 {display:inline-block; height:50px; background-color:#f5f5f5; border-left:1px solid #eaeaea;}
.mypage_wrap .order_list .td04 {width:35%; border-left:0px;}
.mypage_wrap .order_list .td05 {width:40%; }
.mypage_wrap .order_list .td06 {width:25%; }

.basket_list table tbody td span:before {display:inline-block;}
.basket_list thead {display:none;}
.basket_list .td01 {display:block; width:100%;}
.basket_list .td02,
.basket_list .td03,
.basket_list .td04,
.basket_list .td05 {display:inline-block; height:70px; background-color:#f5f5f5; border-left:1px solid #eaeaea;}
.basket_list .td02 {width:25%; border-left:0px;}
.basket_list .td03 {width:15%;}
.basket_list .td04 {width:30%;}
.basket_list .td04 span {font-size:14px; letter-spacing:-1px;}
.basket_list .td05 {width:30%;}
.basket_list .td05 span:before {display:block; padding-bottom:5px;}
.basket_list .td02 span,
.basket_list .td04 span,
.basket_list .td05 span {position:absolute; top:50%; left:0px; transform:translateY(-50%); width:98%;}
.basket_list .td03 .ea {margin-top:10px;}

.mypage_wrap .wish_list table tbody td span:before {display:inline-block;}
.mypage_wrap .wish_list thead {display:none;}
.mypage_wrap .wish_list .td01 {display:block; width:100%;}
.mypage_wrap .wish_list .td02,
.mypage_wrap .wish_list .td03,
.mypage_wrap .wish_list .td04,
.mypage_wrap .wish_list .td05 {display:inline-block; height:70px; background-color:#f5f5f5; border-left:1px solid #eaeaea;}
.mypage_wrap .wish_list .td02 {width:20%; border-left:0px;}
.mypage_wrap .wish_list .td03 {width:30%;}
.mypage_wrap .wish_list .td04 {width:30%;}
.mypage_wrap .wish_list .td04 span {font-size:14px; letter-spacing:-1px;}
.mypage_wrap .wish_list .td05 {width:20%; padding:5px 5px; text-align:center;}
.mypage_wrap .wish_list .td02 span,
.mypage_wrap .wish_list .td03 span,
.mypage_wrap .wish_list .td04 span {position:absolute; top:50%; left:0px; transform:translateY(-50%); width:98%;}



}

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

.table_type_A thead th {padding:10px 5px; font-size:12px; }
.table_type_A tbody th {padding:15px 5px; font-size:12px;}
.table_type_A tbody td {padding:15px 5px; font-size:12px;}
	
.section_A {padding-top:110px;}
.section_A {height:400px;}
.section_A .swiper-container .swiper-button-next {display:none}
.section_A .swiper-container .swiper-button-prev {display:none;}
.section_A .swiper-slide .txt_box h4 {font-size:16px; }
.section_A .swiper-slide .txt_box h1 {padding:15px 0px;}
.section_A .swiper-slide .txt_box h1 img {width:300px;}
.section_A .swiper-slide .txt_box p {width:100%; margin:0px; font-size:12px; text-align:left; }
.section_A .swiper-slide .txt_box p span {text-align:left; line-height:20px;}

.section_B .banner_box {padding:30px 50px; padding-right:300px; height:auto; background-size:300px; }
.section_B .banner_box h3 {margin-bottom:10px;}
.section_B .banner_box h3 span {font-size:16px;}
.section_B .banner_box h3 b {font-size:28px;}
.section_B .banner_box p span {line-height:18px; font-size:12px}

.section_B .notice_wrap .notice {float:none; width:100%; }
.section_B .notice_wrap .news {float:none; width:100%;}


.shop_list .list .product_box h4 {font-size:16px;}
.shop_list .list .product_box .price {font-size:14px;}

.product_info {padding-left:350px;}
.product_info .product_pic {width:310px; margin-left:-350px; }

.order_nav li span {padding-left:35px; font-size:14px;}

.order_price ul.price {padding:10px 10px; }
.order_price ul.price li b,
.order_price ul.price li div {height:40px; line-height:40px; font-size:13px; }
.order_price ul.price li:last-child div {font-size:20px;}
.order_price ul.price li:last-child div:after {font-size:12px;}

.shop_wrap .p_btn a {margin:3px 3px; padding:0px 10px; width:100%; max-width:130px; height:50px; line-height:50px; font-size:14px;}

.order_last .bank table th {padding:25px 10px; font-size:16px;}
.order_last .bank table td {padding:25px 10px; font-size:16px;}


.company_wrap .section .title b {font-size:26px;}
.scroll_tab .inner a {padding:20px 40px;}

.intro .txt_box h2 {font-size:40px;}
.intro .txt_box h3 {font-size:26px;}
.intro .txt_box p {display:block; padding:10px 0px; font-size:14px; line-height:26px;}
.intro .txt_box p span {display:inline;}

.ceo .txt_box {position:relative; padding:50px 30px; padding-right:220px;}
.ceo .txt_box:after {width:500px; height:426px;}
.ceo .txt_box h2 {font-size:22px; line-height:32px;}
.ceo .txt_box p {padding:15px 0px; font-size:14px; line-height:26px;}


.notice_table thead th:last-child {display:none;}
.notice_table tbody td:last-child {display:none;}

.customer_wrap .news_wrap .news_box .img {float:none; margin-bottom:20px; width:100%; padding-top:56%;}
.customer_wrap .news_wrap .news_box .news_title {padding:10px 15px; width:100%;}
.customer_wrap .news_wrap .news_box .news_title a {font-size:18px;}
.customer_wrap .news_wrap .news_box .news_cont {padding:10px 15px; width:100%;}


.mypage_wrap .mypage_info aside dl {padding-left:80px;}
.mypage_wrap .mypage_info aside dl dt {margin-left:-60px; width:60px; font-size:14px;}
.mypage_wrap .mypage_info aside dl dd b {font-size:13px;}
.mypage_wrap .mypage_info aside dl dd span {padding:0px 10px; font-size:13px;}

.mypage_wrap {padding-left:10px;}
.mypage_wrap .mypage_menu {display:none}
.mypage_wrap .wish_list table .tr04 td span {font-size:20px;}
.mypage_wrap .myinfo .pw_change .txt span {display:inline}


.mypage_wrap .myinfo .pw_change ul {padding:20px 10px}
.mypage_wrap .myinfo .pw_change ul li {padding-left:0px; padding-right:100px; width:100%; box-sizing:border-box }
.mypage_wrap .myinfo .pw_change ul li label {float:none; margin-left:0px; padding:0px; width:100%; line-height:36px; text-align:left;}
.mypage_wrap .myinfo .pw_change ul li:last-child button {margin-right:-100px; display:block; width:90px;}


}

@media only screen and (max-width: 700px) {
.product_info {padding-left:0px;}
.product_info .product_pic {width:100%; margin-left:0px; margin-bottom:30px; float:none; }

.mypage_wrap .section_box .ul01 li {width:50%; height:100px;}
.mypage_wrap .section_box .ul01 li b {left:10px; top:10px; width:88px; font-size:12px;}
.mypage_wrap .section_box .ul01 li span {right:10px; bottom:10px; font-size:20px;}
}

@media only screen and (max-width:600px) {
.log_box {padding:50px 20px; padding-top:170px; background:#ffffff url(../images/eves_logo.png) 50% 45px no-repeat; }
.join_box {margin:10px 0px; padding:50px 20px;}
.join_box .join_end h2 {font-size:40px;}
.join_box .join_end p {font-size:16px; line-height:30px;}

.section_A {height:280px;}
.section_A .swiper-slide .txt_box h4 {font-size:12px; }
.section_A .swiper-slide .txt_box h1 {padding:15px 0px;}
.section_A .swiper-slide .txt_box h1 img {width:220px;}
.section_A .swiper-slide .txt_box p {font-size:11px;}
.section_A .swiper-slide .txt_box p span {line-height:18px;}

.section_B .banner_box {padding:30px 50px; padding-right:50px; padding-bottom:200px; height:auto; background:#f0f0f0 url(../images/main_banner.png) left 50% bottom 10% no-repeat; background-size:120px; }
.section_B .banner_box h3 {margin-bottom:10px; text-align:center;}
.section_B .banner_box h3 span {font-size:14px;}
.section_B .banner_box h3 b {font-size:26px;}
.section_B .banner_box p  {text-align:center;}
.section_B .banner_box p span {display:inline; padding:0px 3px; line-height:16px; font-size:12px; text-align:center;}	

.section_C .gallery ul li {float:left; width:33.33%;}

.sub_visual {height:250px;}
.sub_visual h1 b {font-size:32px;}
.sub_visual h1 span {font-size:12px;}
.shop_category ul li a {padding-top:68px; width:80px; height:90px; font-size:12px;}
.shop_list .list .product_box h4 {font-size:14px;}
.shop_list .list .product_box .price {font-size:12px;}

.order_nav li span {padding-left:35px; font-size:12px; font-weight:500;}

.order_last h2 {font-size:26px;}
.order_last p {font-size:12px;}
.order_last .order_number {padding:25px 10px; font-size:20px;}
.order_last .bank h4 b {font-size:14px;}
.order_last .bank h4 span {font-size:12px;}
.order_last .bank table th {padding:20px 5px; font-size:14px;}
.order_last .bank table td {padding:20px 5px; font-size:14px;}

.shop_wrap .p_btn a {padding:0px 0px; max-width:100px; font-size:12px;}

.scroll_tab .inner a {padding:20px 30px;}

.company_wrap .section .title b {font-size:24px;}
.ceo .txt_box {position:relative; padding:30px 20px; padding-bottom:300px;}
.ceo .txt_box:after {width:400px; height:356px; right:0px;}

.regi_form .li.w50p {width:100% !important} 

.scroll_tab .inner a {padding:10px 20px; font-size:14px; letter-spacing:-1px;}

.customer_wrap .gallery_popup .inner {width:360px; height:auto}
.customer_wrap .gallery_popup .inner .img {position:relative; float:none; display:block; width:100%; height:200px; overflow:hidden}
.customer_wrap .gallery_popup .inner .img img {position:absolute; left:50%; top:0px; transform:translateX(-50%); max-width:400%; min-width:100%; min-height:100%;}
.customer_wrap .gallery_popup .inner .sns_box {float:none; width:100%; height:300px; overflow-y:auto;}
.customer_wrap .gallery_wrap ul li {padding:3px 3px;}
.customer_wrap .gallery_wrap ul li .img_box dl dt a {font-size:14px;}
.customer_wrap .gallery_wrap ul li .img_box dl dt span {font-size:11px;}
.customer_wrap .gallery_wrap ul li .img_box dl dd {padding-top:0px;}
.customer_wrap .gallery_wrap ul li .img_box dl dd span {font-size:12px;}

.basket_list .td02 {width:33%; border-left:0px;}
.basket_list .td03 {width:33%;}
.basket_list .td04 {width:34%;}
.basket_list .td05 {width:100%; border-left:0px; border-bottom:0px;}


.mypage_wrap .mypage_info .mem_info {padding-left:130px;}
.mypage_wrap .mypage_info .mem_info .pic {width:100px; height:100px; }

.mypage_wrap .mypage_info aside ul li {width:100%}

.mypage_wrap .business .filter_set ul li {margin:3px 0px;}
.mypage_wrap .business .filter_set ul li:nth-child(1) {width:50%;}
.mypage_wrap .business .filter_set ul li:nth-child(2) {width:50%;}
.mypage_wrap .business .filter_set ul li:nth-child(3) {width:100%;}
.mypage_wrap .business .filter_set ul li:nth-child(4) {width:100%; padding-left:50px; padding-right:5px;}

}

@media only screen and (max-width:481px) {
.shop_category ul li a {padding-top:68px; width:80px; height:90px; font-size:11px; font-weight:500;}

.shop_list .list li  {width:50%;}

.order_last h2 {font-size:22px;}
.order_last .order_number {padding:20px 10px; font-size:18px;}
.order_last .bank h4 {line-height:16px;}
.order_last .bank h4 b {float:none; padding:0px 0px; font-size:14px;}
.order_last .bank h4 span {float:none; padding:0px 0px; font-size:12px;}
.order_last .bank table th {padding:15px 5px; font-size:12px;}
.order_last .bank table td {padding:15px 5px; font-size:12px;}

.company_wrap .section .title b {font-size:20px;}
.scroll_tab .inner a {padding:20px 20px;}
}



*20200925 추가*/
.notice_popup {position:fixed; left:50%; top:50%; transform: translate(-50%,-50%); z-index: 1000; width:94%; min-width:300px; background-color:#ffffff; border:1px solid #ffffff; border-radius: 5px; overflow: hidden; box-shadow:3px 3px 7px rgba(0,0,0,.5);}
.notice_popup .popup_title {display:block; padding:10px 10px; font-size:16px; font-weight:500; text-align: left; color:#ffffff; background-color: #454545; border-bottom:1px solid #232323; box-sizing:border-box;}
.notice_popup .popup_content {padding:10px 10px; border-bottom:1px solid #bababa;}
.notice_popup .popup_bottom {display:block; padding:5px 40px 5px 10px; position: relative;}
.notice_popup .popup_bottom input[type=checkbox] {position: absolute; left:-10000px;}
.notice_popup .popup_bottom input[type=checkbox] + label {position:relative; display:block; padding-top:2px;padding-left:24px; height:22px; line-height:26px; overflow: hidden; cursor: pointer;}
.notice_popup .popup_bottom input[type=checkbox] + label:after,
.notice_popup .popup_bottom input[type=checkbox] + label:before {content:''; position: absolute; left:3px; top:12px; width:10px; height:10px; background-color:#ff4400; opacity:0; transition: all .2s;}
.notice_popup .popup_bottom input[type=checkbox] + label:after {left:0px; top:12px; width:14px; height:14px; background-color: transparent; border:1px solid #bababa; opacity: 1;}
.notice_popup .popup_bottom input[type=checkbox]:checked + label:before {opacity: 1;}
.notice_popup .popup_bottom button {position: absolute; right:10px; top:5px; padding:0px 0px; width:24px; height:22px; line-height:22px; font-size:14px; font-weight: 600; color:#454545; text-align:center; background-color: #ffffff; border:1px solid #bababa; box-sizing: border-box; }