/*** snsQuick ****/
.snsQuick {width:42px; position: fixed; right: 1%; top: 34%;}
.snsQuick ul {overflow: hidden;}
.snsQuick ul li{width:42px; margin: 0px; margin-bottom: 5px; background: none;}
.snsQuick ul li a{padding: 6px 0px;}

/*** snsQuick ****/
.snsQuick_sub {width:42px; position: fixed; right: 1%; top: 50%;}
.snsQuick_sub ul {overflow: hidden;}
.snsQuick_sub ul li{width:42px; margin: 0px; margin-bottom: 5px; background: none;}
.snsQuick_sub ul li a{padding: 6px 0px;}

/**** visual ****/
.visual {position: relative; width:100%!important; height:100%; padding-top:0px;}
.vsw {width:100%!important; height:100%!important;}
.vsw .swiper-slide {width:100%!important; height:100%!important;}
.vsw .swiper-slide .vs_img  {position: relative;}
.vsw .swiper-slide .vs_img01 {position: relative; width:100%!important; height:100%!important; background:url("../img/main/visual_1_2.jpg")no-repeat top center; }
.vsw .swiper-slide .vs_img02 {position: relative; width:100%!important; height:100%!important; background:url("../img/main/visual2_1.jpg")no-repeat top center;}
.vsw .swiper-slide .vs_img03 {position: relative; width:100%!important; height:100%!important; background:url("../img/main/visual3_1.jpg")no-repeat top center;}
.vsw .swiper-slide .vs_img04 {position: relative; width:100%!important; height:100%!important; background:url("../img/main/visual4_1.jpg")no-repeat top center;}
.vsw .swiper-slide .vs_img05 {position: relative; width:100%!important; height:100%!important; background:url("../img/main/visual6.jpg")no-repeat top center;}
/*
.vsw .swiper-slide .vs_img06 {position: relative; width:100%!important; height:1080px!important; background:url("../img/main/visual6.jpg")no-repeat top center;}
*/

.vs_txt_box {position: absolute; width: 594px; left: 18%;  top: 26%;}
.vs_txt_box .main_txt_1 {position: absolute; font-size:17px; color:#000; letter-spacing: -0.045em!important;}
.vs_txt_box .main_txt2_1 {position: absolute; font-size: 50px; font-weight:300; color: #000; text-align: left; top: 81px;  line-height: 63px; letter-spacing: -0.045em!important;}
.vs_txt_box .main_txt2_1 span.em{font-size:50px; font-weight:600; color:#000;}
.vs_txt_box div.btnBox_1 {position: absolute; top: 320px; padding-top: 30px; left: 0%; text-align: left;}
.vs_txt_box div.request_btn_1 {width:100px;  font-size:15px; letter-spacing: -0.045em!important; display: inline-block; margin-right:14px; line-height: 0.1; background-color:#000; border-radius: 30px; padding:18px 0px; text-align: center; color:#fff;}
.vs_txt_box div.fort_btn_1 {width:100px;  font-size:15px;letter-spacing: -0.045em!important;display: inline-block; border-radius: 30px; line-height: 0.1; background:rgba(255,255,255,0); border: solid 1px #000; padding:18px 0px; text-align: center; color:#000;}


.vs_txt_box {position: absolute; width: 594px; left: 18%;  top: 26%;}
.vs_txt_box .main_txt {position: absolute; font-size:17px; color:#000; letter-spacing: -0.045em!important;}
.vs_txt_box .main_txt2 {position: absolute; font-size: 50px; font-weight:300; color: #000; text-align: left; top: 81px;  line-height: 63px; letter-spacing: -0.045em!important;}
.vs_txt_box .main_txt2 span.em{font-size:50px; font-weight:600; color:#000;}
.vs_txt_box div.btnBox {position: absolute; top: 320px; padding-top: 30px; left: 0%; text-align: left;}
.vs_txt_box div.request_btn {width:100px;  font-size:15px; letter-spacing: -0.045em!important; display: inline-block; margin-right:14px; line-height: 0.1; background-color:#000000; border-radius: 30px; padding:18px 0px; text-align: center; color:#fff;}
.vs_txt_box div.fort_btn {width:100px;  font-size:15px;letter-spacing: -0.045em!important;display: inline-block; border-radius: 30px; line-height: 0.1; background:rgba(255,255,255,0); border: solid 1px #000000; padding:18px 0px; text-align: center; color:#000000;}

/* sub common */
/*.sub_visual {width:100%; height:248px; background:url("../img/common/sub_visual.jpg")no-repeat bottom center; padding-top:62px; text-align: center;}*/
.sub_visual {display:none; width:100%; height:248px; background-color:#FFFFFF; padding-top:62px; text-align: center; border-bottom: solid 1px #eaeaea;}
.sub_visual p {font-size:32px!important; font-weight:600; color:#f8c546; padding-bottom:20px; padding-top:44px;}
.sub_visual p span {font-size:32px!important; color:#f8c546;}
.sub_visual span {font-size:16px!important; color:#919191;}



.section {width:100%; padding-bottom:0px;}
.sectionInner {position: relative; padding-bottom:50px;}

.footer {position: relative; width:100%; padding-left:534px; background-color:#f8f8f8;}
.footer img {position: absolute; left: 233px; top: 62px;}

.footer .copyright {width:888px; height:167px; padding:0px 40px; overflow:hidden; display: flex; align-items: center;}
.footer .copyright p {display: inline-block; font-size:17px; color:#333; line-height: 18px; font-weight: 600;}
.footer .copyright .copy_txt_box01 {float:left;}
.footer .copyright .copy_txt_box01 p.copy_txt01 {background:url("../img/common/copy_icon01.png")no-repeat left center; padding:1px 0px;padding-left:20px;}
.footer .copyright .copy_txt_box01 p.copy_txt02 {background:url("../img/common/copy_icon02.png")no-repeat left center; padding:1px 0px;padding-left:20px; display: inline-block; vertical-align: middle; margin-right:30px;}
.footer .copyright .copy_txt_box01 p.copy_txt03 {background:url("../img/common/copy_icon03.png")no-repeat left center; padding:1px 0px;padding-left:20px; display: inline-block; vertical-align: middle;}
.footer .copyright .copy_txt_box01 p.copy_txt04 {background:url("../img/common/copy_icon04.png")no-repeat left center; padding:1px 0px;padding-left:20px;}

.footer .copyright .copy_txt_box01 div {padding:15px 0px;}

.footer .copyright .copy_txt_box02 {float:left; padding-left:30px; border-left:1px solid #cfcfcf; margin-left:30px;}
.footer .copyright .copy_txt_box02 p.copy_txt05 {line-height:18px;}


.sub_title {width:100%; overflow: hidden; padding-top:30px; position: relative;}
.sub_title div {float:left; height:48px; position: relative; z-index:2;}
.sub_title div.stit_txt {width:212px; font-size:20px; color:#f8c546; font-weight:600; border-bottom:2px solid #f8c546; text-align: left; padding-top: 6px; padding-left: 19px;}
.sub_title div.stit_sub {width:942px; text-align: left; font-size:17px; color:#f8c546; font-weight:400; background:url("../img/common/stitle_icon.png")no-repeat left 24px top 17px; border-bottom:2px solid #d7d7d7;  display: flex; align-items: center; padding-left:50px;}
.sub_title div.stit_sub02 {width:942px; border-bottom:2px solid #d7d7d7; }
.sub_title img.cart_img {position:absolute; right:0; top:25px; z-index:1;}



.left_box {width:212px; float:left;}
.left_box ul {width:100%;}
.left_box ul li {width:100%; position: relative; background:url("../img/common/arrow_off.png")no-repeat right top 22px; padding-left:19px; border-bottom:1px solid #dbdbdb; }
.left_box ul li div {width:100%; padding:18px 0px; font-size:16px; color:#bbb; font-weight:400; transition:all 0.3s;}
.left_box ul li p {position: absolute; font-size:10px; font-weight:500; right:5px; top:50%; transform: translateY(-50%); color:#c4c4c4; transition:all 0.3s;}

.left_box ul li.lm_on{background:url("../img/common/arrow_on.png")no-repeat right top 22px; }
.left_box ul li.lm_on div,.category_box .left_box ul li.lm_on p {color:#f8c546;}
.left_box ul li:hover div,.category_box .left_box ul li:hover p {color:#f8c546; transition:all 0.3s;}

.right_box {width:918px; padding-top:30px; float:right; padding-left:56px;}
/* sub common */


ul.titTab {width:100%; overflow: hidden;}
ul.titTab li {float:left; height:40px; border-bottom:1px solid #ddd; display:flex; text-align: center; align-items:center; justify-content:center; -webkit-border-radius:5px 5px 0 0px; -moz-border-radius:5px 5px 0 0px; -ms-border-radius:5px 5px 0 0px; -o-border-radius:5px 5px 0 0px; border-radius:5px 5px 0 0px; }
ul.titTab li.ttb a {font-size:14px; color:#428BCA;}
ul.titTab li.ttb:hover {background-color:#eee; transition:0.3s;}

ul.titTab li.ttb.active {border:1px solid #ddd; border-bottom:0; background-color:#fff!important;}
ul.titTab li.ttb.active a { color:#555; font-weight:600;}


ul.titTab li:nth-child(1) {width:80px;}
ul.titTab li:nth-child(2) {width:80px;}
ul.titTab li:nth-child(3) {width:710px;}

ul.titTab02 {padding-top:15px;}
ul.titTab02 li:nth-child(1) {width:120px;}
ul.titTab02 li:nth-child(2) {width:120px;}
ul.titTab02 li:nth-child(3) {width:630px;}

p.subTit {width:100%; padding-bottom:20px; border-bottom:1px solid #ccc; font-size:20px; color:#333; font-weight:800; }

p.subTit01 {background:url("../img/common/tit_icon01.jpg")no-repeat left top 3px; padding-left:32px;}
p.subTit02 {background:url("../img/common/tit_icon02.jpg")no-repeat left top 2px; padding-left:30px;}
p.subTit03 {background:url("../img/common/tit_icon03.jpg")no-repeat left top 0px; padding-left:28px;}
p.subTit04 {background:url("../img/common/tit_icon04.jpg")no-repeat left top 3px; padding-left:32px;}
p.subTit05 {background:url("../img/common/tit_icon05.jpg")no-repeat left top 2px; padding-left:30px;}


.subTitBox {width:100%; padding-bottom:20px; border-bottom:1px solid #ccc;}
.subTitBox p {display: inline-block; vertical-align: middle; }
.subTitBox p:first-child {font-size:20px; color:#333; font-weight:800; background:url("../img/common/tit_icon05.jpg")no-repeat left top 2px; padding-left:30px;}
.subTitBox p:nth-child(2) {font-size:13px; color:#787878; padding-left:10px;}


/* order */
.order_tab {width:fit-content; position: relative; margin:0 auto; margin-bottom:60px; padding-top: 17px; z-index:2;}
.order_tab ul {width:100%; overflow: hidden; position: relative; z-index:2;}
.order_tab ul li {width:164px; float:left; height:58px; border-bottom: solid 3px #f3f3f3; padding:12px 0px;}
.order_tab ul li div {width:50px; height:50px; margin: auto;}
/*
.order_tab ul li div.o_icon01 {background:url('../img/order/cate_icon01_off.png')no-repeat center center; background-size:69%;}
.order_tab ul li div.o_icon02 {background:url('../img/order/cate_icon02_off.png')no-repeat center center; background-size:69%;}
.order_tab ul li div.o_icon03 {background:url('../img/order/cate_icon03_off.png')no-repeat center center; background-size:69%;}
.order_tab ul li div.o_icon04 {background:url('../img/order/cate_icon04_off.png')no-repeat center center; background-size:69%;}
.order_tab ul li div.o_icon05 {background:url('../img/order/cate_icon05_off.png')no-repeat center center; background-size:69%;}
.order_tab ul li div.o_icon06 {background:url('../img/order/cate_icon06_off.png')no-repeat center center; background-size:69%;}
.order_tab ul li div.o_icon07 {background:url('../img/order/cate_icon07_off.png')no-repeat center center; background-size:69%;}
*/
.order_tab ul li p {font-size:17px; color:#919191; text-align: center; padding-top:3px;}

/*
.order_tab ul li.active div.o_icon01 {background:url('../img/order/cate_icon01_on.png')no-repeat center center; background-size:76%;}
.order_tab ul li.active div.o_icon02 {background:url('../img/order/cate_icon02_on.png')no-repeat center center; background-size:76%;}
.order_tab ul li.active div.o_icon03 {background:url('../img/order/cate_icon03_on.png')no-repeat center center; background-size:76%;}
.order_tab ul li.active div.o_icon04 {background:url('../img/order/cate_icon04_on.png')no-repeat center center; background-size:76%;}
.order_tab ul li.active div.o_icon05 {background:url('../img/order/cate_icon05_on.png')no-repeat center center; background-size:76%;}
.order_tab ul li.active div.o_icon06 {background:url('../img/order/cate_icon06_on.png')no-repeat center center; background-size:76%;}
.order_tab ul li.active div.o_icon07 {background:url('../img/order/cate_icon07_on.png')no-repeat center center; background-size:76%;}
*/
.order_tab ul li.active {border-bottom: solid 3px #f8c546;}
.order_tab ul li.active p {color:#f8c546; font-size:17px; padding-top:3px; font-weight:600;}

.order_tab_on_box {width:164px; height:116px; border-top:2px solid #462f1e; border-bottom:0; background:url("../img/order/box_arrow.png")no-repeat bottom center; position: absolute; top:0; left:0; overflow: hidden; z-index:1;}
.order_tab_on_box div {width:2px; height:100px; background-color:#462f1e;}
.order_tab_on_box div:nth-child(1) {float:left;}
.order_tab_on_box div:nth-child(2) {float:right;}

.oto02 {left:164px;}
.oto03 {left:328px;}
.oto04 {left:492px;}
.oto05 {left:656px;}
.oto06 {left:820px;}
.oto07 {left:984px;}

.order_container {width:100%; position: relative; z-index:1;}
.order_container .order_content {width:100%; }

.order_img {width:100%; border-top:2px solid #d7d7d7; border-bottom:2px solid #d7d7d7; padding-top:120px;}
.order_img:first-child {padding-top:0;}
.order_img .oc_img_sw {width:100%;}

.order_img .oc_img_sw .swiper-pagination {bottom:28px; right:32px; left:auto; width:auto;}
.order_img .oc_img_sw .swiper-pagination-bullet {width:5px!important; height:5px!important; background-color:#fff!important; opacity:1!important; margin:5px 9.5px!important;}
.order_img .oc_img_sw .swiper-pagination-bullet-active {width:15px!important; height:15px!important; background-color:#462f1e!important; margin:0px 4.5px!important;}


.sectionInner2 {position: relative;}
.order_list_box {width:100%; position: relative; z-index:1; padding-bottom:100px;}
.order_list_box:last-child {padding-bottom:0;}

.order_slide {width:100%; border-top:2px solid #d7d7d7; border-bottom:2px solid #d7d7d7; }
.order_slide:first-child {padding-top:0;}

.order_slide .order_no_img {width:100%; height:442px; background-color:#f5f5f5; display: flex; justify-content: center; align-items: center; text-align: center;}
.order_slide .order_no_img P {font-size:50px; font-weight:900; color:#ddd;}

.order_slide .swiper-container {width:100%;}
.order_slide .swiper-container .swiper-pagination {bottom:28px; right:32px; left:auto; width:auto;}
.order_slide .swiper-container .swiper-pagination-bullet {width:5px!important; height:5px!important; background-color:#fff!important; opacity:1!important; margin:5px 9.5px!important;}
.order_slide .swiper-container .swiper-pagination-bullet-active {width:15px!important; height:15px!important; background-color:#462f1e!important; margin:0px 4.5px!important;}


ul.order_price_info {width:100%; overflow:hidden;}
ul.order_price_info li {width:287px; float:left;}
ul.order_price_info li .price_info_box {width:100%; height:401px;}
ul.order_price_info li .price_info_box img {width:100%;}
ul.order_price_info li.li_line_box {width:2px;}
ul.order_price_info li .o_line {width:2px; height:401px; background-color:#d7d7d7;}

ul.order_price_info li a div {width:100%; height:63px; background-color:#4A322B; display: flex; justify-content:center; align-items:center; text-align:center; font-size:22px; color:#fff; font-weight:600; transition:0.3s;}
ul.order_price_info li a div:hover {background-color:#E8A57A; transition:0.3s;}


.order_list_inner {width:1195px; margin: auto; padding-bottom:80px;}

.order_list {width:100%; padding-top:20px;}
.order_list:first-child {padding-top:0px;}
.order_list p {color:#282828; font-size:22px; font-weight:600;}
.order_list ul {width:100%; overflow: hidden; padding:60px 20px 50px 20px;}
.order_list ul li {width:261px; height:478px; float:left; background-image:url("../img/order/listBg_1.png"); background-position:left top; background-repeat:no-repeat;  margin-bottom: 37px; margin-right:37px; padding:3px; box-shadow:2px 2px 8px rgba(0,0,0,0.07); -webkit-border-radius:13px; -moz-border-radius:13px; -ms-border-radius:13px; -o-border-radius:13px; border-radius:13px;}
.order_list ul li:nth-child(4n+0) {margin-right:0;}
.order_list ul li .olBox {width:100%; height:100%; overflow: hidden; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; border-radius:12px; position:relative;}

.ob_hidden {position:absolute; width:100%; height:120px; background-color:#fff; top:164px; left:0; z-index:1; display:none;}

.order_list ul li .olBox .orderBox {width:100%; height:100%; position:absolute; top:0; left:0;  z-index:2; display:none;}
.order_list ul li .olBox .orderBox div {width:100%; height:100%; position:relative;}
.order_list ul li .olBox .orderBox div img.orderBtn {cursor: pointer; position:absolute; bottom:120px; left:50%; margin-left:-57.5px;}


.ol_arrow {width:100%; height:150px; background-image:url("../img/order/arrow.png"); background-position:center center; background-repeat:no-repeat; }


.orderPop {width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999; display:none;}
.orderPop .op_position {width:100%; height:100%; position:relative; z-index:1;}
.orderPop .op_position .opBg {width:100%; height:100%; background:rgba(0,0,0,0.91); position:absolute; top:0; left:0;}

.orderPop .op_position .opInner {width:1155px; height:100%; margin:auto; overflow: hidden; z-index:2; position:relative;}
.orderPop .op_position .opInner img.opClose {position:absolute; top:20px; right:0; width:24px; cursor: pointer;}

.orderPop .op_position .opInner .orderView {width:841px; height:100%; background-color:#fff; float:left; padding:30px 40px; overflow-y: scroll; 
	-webkit-overflow-style: none;
	-moz-overflow-style: none;
	-ms-overflow-style: none;
	-o-overflow-style: none;
	scrollbar-width: none;
	overflow: -moz-scrollbars-none;}
.orderPop .op_position .opInner .orderView::-webkit-scrollbar {display:none;}
.orderPop .op_position .opInner .orderView::-moz-scrollbar {display:none;}
.orderPop .op_position .opInner .orderView::-ms-scrollbar {display:none;}
.orderPop .op_position .opInner .orderView::-o-scrollbar {display:none;}

.orderPop .op_position .opInner .orderView .scroll-wrapper {margin: auto; height:100%!important;}
.orderPop .op_position .opInner .orderView .ov_tit {width:100%; border-bottom:2px solid #000; font-size:23px; color:#000; font-weight:600; font-family: 'Noto Sans KR', sans-serif; padding-bottom:6px;  }
.orderPop .op_position .opInner .orderView .ov_cont {width:100%; padding-top:20px; font-size:17px; color:#666; font-weight:300; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.025em!important; }
.orderPop .op_position .opInner .orderView .ov_cont img {width:auto; height:auto; max-width:100%; display: block; margin: auto;}

.orderPop .op_position .opInner .orderView .ov_none {width:100%; height:100%; display:flex; justify-content: center; align-items:center; font-size:30px; color:#ccc; font-family: 'Noto Sans KR', sans-serif; font-weight:300;}

.scroll-wrapper {
    overflow: hidden !important;
    position: relative;
	width:761px!important;
	-webkit-overflow-style: none;
	-moz-overflow-style: none;
	-ms-overflow-style: none;
	-o-overflow-style: none;
	scrollbar-width: none;
	overflow: -moz-scrollbars-none;
}

.scroll-wrapper::-webkit-scrollbar {display:none;}
.scroll-wrapper::-moz-scrollbar {display:none;}
.scroll-wrapper::-ms-scrollbar {display:none;}
.scroll-wrapper::-o-scrollbar {display:none;}

.scroll-wrapper ul {
	-webkit-overflow-style: none;
	-moz-overflow-style: none;
	-ms-overflow-style: none;
	-o-overflow-style: none;
	scrollbar-width: none;
	overflow: -moz-scrollbars-none;
}
.scroll-wrapper ul::-webkit-scrollbar {display:none;}
.scroll-wrapper ul::-moz-scrollbar {display:none;}
.scroll-wrapper ul::-ms-scrollbar {display:none;}
.scroll-wrapper ul::-o-scrollbar {display:none;}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border:0;
    border-top-color: none;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding:0;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}

 
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color:none;
    display: none;
 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
 
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
 
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 1;
}
 
 
.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}
 
.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}
 

.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -10px; min-height: 10px; width: 5px; }
 
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
 
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
 

.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }

.orderPop .op_position .opInner .order_price_info {width:314px; height:100%; float:right; padding:0px 30px;}
.orderPop .op_position .opInner .order_price_info img.op_logo {display:block; margin:35px auto;}
.orderPop .op_position .opInner .order_price_info .op_info_tit {width:100%;}
.orderPop .op_position .opInner .order_price_info .op_info_tit p {font-size:16px; color:#fff; font-weight:400; letter-spacing:-0.055em!important; font-family: 'Noto Sans KR', sans-serif; padding-bottom:5px;}
.orderPop .op_position .opInner .order_price_info .op_info_tit p span {font-size:16px; font-weight:100;}
.orderPop .op_position .opInner .order_price_info .op_info_tit font {font-size:24px; color:#fff; font-weight:400; letter-spacing:-0.055em!important; font-family: 'Noto Sans KR', sans-serif;}

.orderPop .op_position .opInner .order_price_info ul {width:100%; border-top:1px solid #fff; margin-top:25px; border-bottom:1px solid #fff; padding:12px 0px;}
.orderPop .op_position .opInner .order_price_info ul li {width:100%; overflow: hidden; padding:8px 0px;}
.orderPop .op_position .opInner .order_price_info ul li p {float:left; font-size:19px; color:#fff; font-weight:400; letter-spacing:-0.055em!important; font-family: 'Noto Sans KR', sans-serif;}
.orderPop .op_position .opInner .order_price_info ul li span {float:left; font-size:19px; color:#fff; font-weight:300; padding:0px 8px; font-family: 'Noto Sans KR', sans-serif;}
.orderPop .op_position .opInner .order_price_info ul li font {float:left; font-size:19px; color:#fff; font-weight:400; letter-spacing:-0.055em!important; font-family: 'Noto Sans KR', sans-serif;}
.orderPop .op_position .opInner .order_price_info ul li select {width:186px; height:28px; float:left; margin-top:1px; background:none; background-image:url("../img/common/selectBtn2.png"); background-repeat:no-repeat; background-position:right 8px center; background-size:8px; border:1px solid #fff; font-size:15px; color:#fff; letter-spacing:-0.025em!important; padding:0px 8px; font-family: 'Noto Sans KR', sans-serif; font-weight:300;}
.orderPop .op_position .opInner .order_price_info ul li select option {font-size:15px; color:#666; font-family: 'Noto Sans KR', sans-serif; font-weight:300;}

.orderPop .op_position .opInner .order_price_info .op_total {width:100%; overflow: hidden; padding:15px 0px;}
.orderPop .op_position .opInner .order_price_info .op_total p {float:left; font-size:19px; color:#fff; font-weight:400; letter-spacing:-0.055em!important; font-family: 'Noto Sans KR', sans-serif;}
.orderPop .op_position .opInner .order_price_info .op_total span {float:left; font-size:19px; color:#fff; font-weight:300; padding:0px 8px; font-family: 'Noto Sans KR', sans-serif;}
.orderPop .op_position .opInner .order_price_info .op_total font {float:left; font-size:19px; color:#fff; font-weight:400; letter-spacing:-0.055em!important; font-family: 'Noto Sans KR', sans-serif;}

.op_info_btn {width:222px; margin:15px auto; overflow: hidden;}
.op_info_btn div {width:107px; height:38px; background-color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; padding-top:3.5px; border-radius:6px; text-align: center; font-size:20px; color:#000; font-weight:400; letter-spacing:-0.055em!important; float:left;font-family: 'Noto Sans KR', sans-serif; transition:all 0.3s; cursor: pointer;}
.op_info_btn a div.op_oBtn {float:right;}
.op_info_btn div:hover {color:#e18c60;}


.cartTxt {width:100%; position:relative; border:2px solid #fff; margin-top:30px; padding:10px 30px; border-top:0; display:none;}

.cartTxt div {width:254px; height:12px; background-image:url("../img/order/ba_img.png"); background-repeat:no-repeat; background-position:left top; position:absolute; top:-12px; left:-2px;}
.cartTxt p {font-family: 'Noto Sans KR', sans-serif; font-size:15px; color:#fff; font-weight:100; letter-spacing:-0.055em!important;}
.cartTxt span {font-family: 'Noto Sans KR', sans-serif; font-size:22px; color:#e18c60; font-weight:600; letter-spacing:-0.055em!important; transition:all 0.3s;}
.cartTxt span:hover {color:#fff;}
.cartTxt img {position:absolute; top:13.5px; right:15px; width:14px;}
/* order */


/* contact */
.contact_form {width:1034px; margin: auto; padding-top:50px;}
.contact_form table {width:100%;}
.contact_form table tr th {width:134px; padding:18px 0px; padding-top:27px; vertical-align:top;}
.contact_form table tr th p {font-size:18px; font-weight:400; display: inline-block; vertical-align: middle; color:#919191; margin-right:7px;}
.contact_form table tr th span {font-size:18px; font-weight:600; display: inline-block; vertical-align: inherit; color:#f8c546;}

.contact_form table tr td {width:342px; padding:18px 0px;}
.contact_form table tr td.cf_tr2 {width:424px; padding-right:82px;}
.contact_form table tr td input {width:100%; height:42px; border:1px solid #e0e0e0; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; border-radius:7px; padding:0px 10px; font-size:16px; color:#454545;}
.contact_form table tr td select {width:470px; height:42px; border:1px solid #e0e0e0; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; border-radius:7px; padding:0px 10px; font-size:16px; color:#454545; background:url("../img/common/selectBtn.png")no-repeat right 10px center; background-size:10px;}

.contact_form table tr td select option {font-size:16px; color:#787878;}

.contact_form table tr td textarea {width:100%; height:140px; border:1px solid #c4c4c4; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; border-radius:7px;  padding:10px; font-size:16px; color:#454545; resize:vertical;}


.contact_form table tr td .file_upload {width:100%; overflow: hidden; padding-bottom:8px; display:none;}


.contact_form table tr td .file_upload .input_file_box {width:850px; height:42px; float:left; background-color:#EAEAEA; border:1px solid #E0E0E0; position:relative; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; border-radius:7px;}

.contact_form table tr td .file_upload .input_file_box input.file_input_textbox {width:100%; height:100%; border:0; background:none; padding-left:15px;}
.contact_form table tr td .file_upload .input_file_box input.file_input_textbox::placeholder {color:#323232; font-size:16px; font-weight:600;}

.contact_form table tr td .file_upload .input_file_box input.file_input_hidden {width:100%; font-size:42px; position:absolute; left:0px; top:0px; opacity:0;
 filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer;}

.file_add_btn {width:42px; height:42px; background:url('../img/common/plus.png')no-repeat center center; float:right; background-color:#EAEAEA; border:1px solid #E0E0E0; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; border-radius:7px; background-size:16px; cursor: pointer;}

.contact_form table tr td p {font-size:17px; color:#929292;}

.contact_submit {width:200px; height:52px; margin-top:60px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; background-color:#666; color:#fff; font-weight:600; font-size:17px; cursor: pointer; transition:all 0.3s;}
.contact_submit:hover {background-color:#333; transition:all 0.3s;}
/* contact */


/********** community **********/
.board {width:100%; padding-top:37px; text-align: left;}
.board02 {padding-top:0;}
.boardSty {width:100%; border-top:1px solid #ddd;}

.boardSty .bsBox {width:100%; border-bottom:1px solid #ddd; padding:18px 15px; transition: all 0.5s; position: relative;}

.boardSty .bsBox.commBox {background:url("../img/community/comm_icon.png")no-repeat left 20px top 14px; background-size:16px; padding-left:50px;}

.boardSty a:last-child .bsBox {border-bottom:1px solid #ebebeb;}
.boardSty .bsBox .bsBoxLine {width:100%; height:100%; position: absolute; border:2px solid #000; top:0; left:0; opacity: 0;}


.boardSty .bsBox .bsInfoBox{width:100%; overflow: hidden;}
.boardSty .bsBox .bsInfoBox p.bsTxt01 {font-size:15px; color:#555; font-weight:600; float:left;}

.boardSty .bsBox .bsInfoBox .bsInfo {float:right;}

.boardSty .bsBox .bsInfoBox .bsInfo p {display: inline-block; vertical-align: middle; font-size:12px; color:#999;}
.boardSty .bsBox .bsInfoBox .bsInfo p b {font-size:12px; font-weight:900;}
.boardSty .bsBox .bsInfoBox .bsInfo p b a{font-size:12px; font-weight:900;}

.boardSty .bsBox .bsInfoBox .bsInfo span {font-size:10px; color:#ddd; padding:0px 2px;}

.boardSty .bsBox .bsInfoBox .bsInfo .fileImg {margin-left:15px;}


.boardSty .bsBox.bsBoxOn .bsBoxLine {opacity:1; transition: all 0.5s; }
.boardSty .bsBox.bsBoxOn .bsImgBox{transform:rotate(6deg); transition: all 0.5s;}



.boardBt { text-align: center; margin-top:30px; width:100%; height:26px; position: relative;} 

.bBtn {position: absolute; top:3px; right:0; }
.bBtn img {transition:all 0.3s;}
.bBtn span {font-size:13px; color:#787878; margin-left:3px;}
.bBtn.btnRo img{transform:rotate(360deg); transition:all 0.3s;}

.boardBt02 .bBtn {top:0; width:65px; height:26px; border:1px solid #d7d7d7; padding-top:4px;}
.boardBt02 .bBtn01 {right:130px; border-right:0;}
.boardBt02 .bBtn02 {right:65px; border-right:0;}
.boardBt02 .bBtn03 {border-radius:0 4px 4px 0px;}
.boardBt02 .bBtn04 {border-radius:4px;}
.boardBt02 .bBtn05 {right:195px; border-right:0; border-radius:4px 0 0 4px;}

.page div {display: inline-block; vertical-align:middle;}

.page div p {display: inline-block; vertical-align: middle; font-size:13px; color:#999;  transition:all 0.3s;}
.page div.prev p {margin-left:5px; padding-right:8px;}
.page div.next p {margin-right:5px; padding-left:8px;}
.page div span {display: inline-block; vertical-align: middle; font-size:10px; color:#999;  transition:all 0.3s;}

.page div.pageNum {width:26px; height:26px; border:1px solid #ccc; border-radius:3px; margin-left:3px; font-size:12px; color:#888; display:inline-flex; justify-content: center; align-items:center; text-align: center;  transition:all 0.3s;}

.page div.pageNum:hover {border:1px solid #666; font-weight:600; color:#212121; transition:all 0.3s;}
.page div.pageOn {border:1px solid #666; font-weight:600; color:#212121;}

.page div.next:hover p,.page div.next:hover span {color:#212121; transition:all 0.3s;}
.page div.prev:hover p,.page div.prev:hover span {color:#212121; transition:all 0.3s;}
.page div.next {margin-left:3px;}

.bSearch {width:100%; text-align: center; padding-top:30px;}
.bSearch select {width:75px; border:1px solid #ccc; height:32px; padding-left: 10px; color:#333; font-size:13px;  -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; background:url("../img/common/selectBtn.png")no-repeat right 8px center; background-size:7px;}
.bSearch select option {font-size:13px; color:#666;}


.bSearch input[type=text] {width:300px; height:32px; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; padding-left:10px; font-size:13px; color:#333;}
.bSearch input[type=submit] {width:50px; height:32px; background-color:#333; color:#fff; font-size:14px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; cursor: pointer; transition: all 0.3s;}
.bSearch input[type=submit]:hover {background-color:#676767; transition: all 0.3s;}

	/* viwe */
.view {width:100%;}
.view .viewTit1 {width:100%; overflow: hidden; background-color:#FCFCFC; padding:15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.view .viewTit2 {width:100%; overflow: hidden; padding:12px 20px; border-bottom:1px solid #eee;}

.view .viewTit1 p.vTit01 {float:left; font-size:12px; font-weight:600; color:#333;}
.view .viewTit1 p.vTit02 {float:right; font-size:12px; color:#666;}

.view .viewTit2 p.vTit03 {float:left; font-size:12px; color:#333;}
.view .viewTit2 p.vTit04 {float:right; font-size:12px; color:#888;}
.view .viewTit2 p.vTit04 span {font-weight:600; font-size:12px; color:#666;}

.view .viewTit2 p.vTit05 {float:right; font-size:12px; color:#888; margin-right:20px;}

.viewCon {width:100%; border-bottom:1px solid #ddd; padding:25px 15px; text-align: center;}
.viewCon p {font-size:13px; color:#333;}
.viewCon img {width:auto; height:auto; max-width:840px;}

	/* write */
.write {width:100%; padding:15px; background-color:#F3F3F3; border:1px solid #ddd; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; }
.write table {width:100%; }
.write table tr td {padding:5px 0px; }
.write table tr td input[type=text],.write table tr td input[type=password] {width:100%; height:36px; border:1px solid #ddd; padding-left:10px; font-size:15px; color:#333; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.write table tr td input[type=text]::placeholder,.write table tr td input[type=password]::placeholder {color:#999; }
.write table tr:nth-child(3) td input:first-child {width:350px; display: inline-block; margin-right:5px;}
.write table tr:nth-child(3) td input:last-child {width:180px; display: inline-block;}
.write table tr td textarea {width:100%; height:300px; border:1px solid #ddd; font-size:14px; color:#666; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; box-shadow:0 1px 3px rgba(0,0,0,0.1); padding:10px; font-size:15px; color:#333; resize: vertical;}
.write table tr td iframe {background-color:#fff;}

.write table tr td .fileInput {width:100%; padding:10px; background-color:#F7F7F7; border:1px solid #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; box-shadow:0 1px 3px rgba(0,0,0,0.1); position: relative; cursor: pointer;}
.write table tr td .fileInput .file_input_textbox {display:inline-block; vertical-align: middle; width:300px!important; height:28px; cursor:pointer; border:0; box-shadow:none; background:rgba(0,0,0,0);  padding-bottom:3px; font-size:13px; font-weight:100; color:#666;}
.write table tr td .fileInput .file_input_textbox::placeholder {font-size:13px; font-weight:100; color:#666;}
.write table tr td .fileInput .file_input_img_btn {display:inline-block; vertical-align: middle; width:90px; border:1px solid #d7d7d7;  height:28px; font-size:12px; color:#454545; text-align: center; padding-top:5px; background:linear-gradient(to top,#eee 0%,#fff 80%);}
.write table tr td .fileInput .file_input_img_btn img {margin-right:5px; vertical-align: middle;}
.write table tr td .fileInput .file_input_hidden {width:100%; height:48px; position:absolute; left:0px; top:0px; opacity:0;
 filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer;}

.fileYes {width:100%; border-top:1px dashed #d7d7d7; margin-top:8px; padding-top:8px; font-size:12px; color:#666;}
.fileYes b {font-size:12px; color:#000;}
.fileYes input {vertical-align: top; margin-right:5px; margin-top:1px;}

.write table tr td .spam {width:100%; padding:10px; background-color:#F7F7F7; border:1px solid #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; box-shadow:0 1px 3px rgba(0,0,0,0.1); position: relative; cursor: pointer;} 
.write table tr td .spam div:first-child {display: inline-block; vertical-align: middle; margin-right:5px; border:1px solid #ddd; width:87px; height:50px; text-align: center; padding-top:12px;}
.write table tr td .spam div:last-child {width:600px; display: inline-block; vertical-align: middle; }
.write table tr td .spam div p {font-size:12px; color:#888; padding-top:4px;}
.write table tr td .spam input {width:180px; height:32px; box-shadow:none; }


.wBtnBox {width:100%; border-top:1px solid #ccc; margin-top:20px; padding:20px 0px; text-align: center;}

.wBtnBox div {display: inline-block; vertical-align: middle; width:92px; background: linear-gradient(to bottom,#fff 0%,#f3f3f3 100%); border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; box-shadow: inset 0 0 1px 1px #FFF, 0 1px 1px rgba(0,0,0,.1); height:34px; font-size: 12px; text-shadow: 0 1px 0 #FFF; padding-top:9px;}
.wBtnBox input {display: inline-block; vertical-align: middle; background: linear-gradient(to bottom,#77C 0%,#55B 100%); margin-left: 5px; height: 34px; font-weight: 700; color: #FFF; width:92px;
 text-shadow: 0 1px 0 #000; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; border:1px solid #669 !important; box-shadow: 0 1px 1px rgba(0,0,0,.1); font-size: 12px; cursor: pointer;}



	/* gallery */
.section_cg {padding-bottom:50px!important;}
/*.gallery_tab {width:100%; padding:5px 0px; margin-bottom:74px; z-index:2;}*/
.gallery_tab {width:100%;padding: 5px 0px 0px 0px; margin-bottom: 0px;z-index:2;}
.gt_inner {width:1154px; margin: auto; position: relative; padding-top: 17px;}

.gallery_tab ul {width:100%; overflow: hidden; position: relative; z-index:2;}
.gallery_tab ul li {width:164px; float:left; height:58px; border-bottom: solid 3px #f3f3f3;padding:12px 0px;}
.gallery_tab ul li div {width:50px; height:50px; margin: auto;}
.gallery_tab ul li div.g_icon01 {}
.gallery_tab ul li div.g_icon02 {}
.gallery_tab ul li div.g_icon03 {}
.gallery_tab ul li div.g_icon04 {}
.gallery_tab ul li div.g_icon05 {}
.gallery_tab ul li div.g_icon06 {}
.gallery_tab ul li div.g_icon07 {}

.gallery_tab ul li p {font-size:17px; color:#919191; text-align: center; font-weight:500; padding-top:3px;}

.gallery_tab ul li.active div.g_icon01 {}
.gallery_tab ul li.active div.g_icon02 {}
.gallery_tab ul li.active div.g_icon03 {}
.gallery_tab ul li.active div.g_icon04 {}
.gallery_tab ul li.active div.g_icon05 {}
.gallery_tab ul li.active div.g_icon06 {}
.gallery_tab ul li.active div.g_icon07 {}
.gallery_tab ul li.active {border-bottom: solid 3px #f8c546;}
.gallery_tab ul li.active p {color:#f8c546; font-size:17px; padding-top:3px; font-weight:600;}

.gallery_tab_on_box {width:164px; height:116px; border-top:2px solid #462f1e; border-bottom:0; background:url("../img/order/box_arrow.png")no-repeat bottom center; position: absolute; top:0; left:0; overflow: hidden; z-index:1;}
.gallery_tab_on_box div {width:2px; height:100px; background-color:#462f1e;}
.gallery_tab_on_box div:nth-child(1) {float:left;}
.gallery_tab_on_box div:nth-child(2) {float:right;}

.gto02 {left:164px;}
.gto03 {left:328px;}
.gto04 {left:492px;}
.gto05 {left:656px;}
.gto06 {left:820px;}
.gto07 {left:984px;}


.gallery {width:100%; }
ul.g_tab {width:100%; overflow: hidden; padding-bottom:40px;}
ul.g_tab li {width: 140px; float: left; margin-right: 10px;}
ul.g_tab li div {width:100%; text-align: center; border: 2px solid #aaa;  padding: 12px 0px; font-size: 18px; color:#aaa; font-weight: 600; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; border-radius:100px; transition:all 0.3s;}
ul.g_tab li:last-child {margin-right:0;}
ul.g_tab li:hover div {transition:all 0.3s; background-color:#333; border:2px solid #333; color:#fff;}

ul.g_tab li div.gTabOn {background-color:#333; border:2px solid #333; color:#fff;} 

.gallery .galleryList {width:100%; overflow: hidden; padding-bottom:20px;}
.gallery .galleryList .gallBox {width:25%; float:left;text-align: center; position: relative; overflow: hidden;}
.gallery .galleryList .gallBox img.gb_img {width:100%;  transition:all 0.3s;}
.gallery .galleryList .gallBox .gall_hover {width:100%; position: absolute; top:0; left:0;}
.gallery .galleryList .gallBox .gall_hover .gh_position {width:100%; position: relative;}
.gallery .galleryList .gallBox .gall_hover .gh_position img {width:100%; opacity:0; transition:all 0.3s;}
.gallery .galleryList .gallBox .gall_hover .gh_position .gall_center {position: absolute; top:50%; width:100%; left:0; -webkit-transform:translateY(-10%); -moz-transform:translateY(-10%); -ms-transform:translateY(-10%); -o-transform:translateY(-10%); transform:translateY(-10%); opacity:0;  transition:all 0.3s;}
.gallery .galleryList .gallBox .gall_hover .gh_position .gall_center p {font-size:22px; color:#fff; font-weight:600; padding-bottom:15px;}
.gallery .galleryList .gallBox .gall_hover .gh_position .gall_center span {font-size:13px; color:#fff;}

.gallery .galleryList .gallBox:hover img.gb_img {transform:scale(1.2); transition:all 0.3s;}
.gallery .galleryList .gallBox:hover .gall_hover .gh_position img {opacity:1; transition:all 0.3s;}
.gallery .galleryList .gallBox:hover .gall_hover .gh_position .gall_center {-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); opacity:1;  transition:all 0.3s;}

	/* pass */
.pass {width:300px; margin: auto; border:1px solid #ddd; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; border-radius:7px; text-align: center; padding:40px 0px; background:linear-gradient(to top, #f1f1f1 0% ,#fff 25%); }

.pass p {font-size:16px; color:#000; font-weight:600; padding-bottom:25px;}

.pass .passInput input[type=password]{width:130px; height:34px; border:1px solid #ccc; display: inline-block; vertical-align: middle; padding-left:10px; font-size:16px; color:#333; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; box-shadow:1px 1px 1px rgba(0,0,0,0.1) inset;}
.pass .passInput input[type=submit] {display: inline-block; vertical-align: middle; width:92px; background: linear-gradient(to bottom,#fff 0%,#f3f3f3 100%); border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; box-shadow: inset 0 0 1px 1px #FFF, 0 1px 1px rgba(0,0,0,.1); height:34px; font-size: 12px; text-shadow: 0 1px 0 #FFF; cursor:pointer;}
/********** community end **********/

/* login */
.login {width:100%; padding-top:80px;}

.loginForm {width:620px; margin: auto; text-align: center; border:0px; padding:40px 0px;  -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px;}

p.loginTit {font-size:26px; padding:0px 20px; padding-bottom:10px; font-weight:600; color:#333; border-bottom:2px solid #333; display: inline-block; margin-bottom:40px; padding-top:10px;}

.loginForm .logBox {width:300px; margin: auto;}
.loginForm .logBox input[type=text],.loginForm .logBox input[type=password] {width:100%; height:36px; border:1px solid #d7d7d7; margin-bottom:10px; padding-left:10px; font-size:15px; color:#666;}

.loginForm .logBox input.loginBtn {width:100%; background-color:#333333; text-align: center; color:#fff; height:38px; cursor: pointer;}

.logBtn {width:100%; text-align: center; padding-top:30px;}
.logBtn a {font-size:15px; color:#666; display: inline-block; vertical-align: middle;}
.logBtn p {font-size:12px; color:#999; display: inline-block; vertical-align: middle;}

.orderInfo {width:100%; border-top:1px dashed #d7d7d7; padding-top:40px; margin-top:40px;}
.orderInfo p {font-size:14px; color:#333; font-weight:600;}
.orderInfo .oiBox {width:400px; margin: auto; padding-top:30px;}
.orderInfo .oiBox input[type=text] {width:320px; height:32px; margin-right:2px; border:1px solid #d7d7d7; margin-bottom:10px; padding-left:10px; font-size:15px; color:#666;}
.orderInfo .oiBox input.orderBtn {width:65px; background-color:#333333; height:32px; color:#fff; cursor:pointer;}



/* join */
.agree {width:100%; padding-top:40px;}
.agreeTop {width:100%; margin:60px 0px;}

.agreeCon {width:100%; height:500px; overflow-y: scroll; border:1px solid #d7d7d7; padding:20px;}
.agreeCon p {font-size:15px; color:#666; line-height:20px;}
.agreeCon p span {font-size:16px; color:#333; font-weight:600; line-height:30px;}

.agreeChk {width:100%; padding-top:30px; text-align:center;}
.agreeChk p {display: inline-block; vertical-align: middle; font-size:16px; color:#333; margin-right:15px; font-weight:600;}
.agreeChk input {display: inline-block; vertical-align: middle; margin-right:3px;}
.agreeChk label {display: inline-block; vertical-align: middle; font-size:16px; color:#666; margin-right:10px;}
.agreeChk label:last-child {margin-right: 0;}

.btnBox {width:100%; padding:50px 0px; text-align: center;}
.btnBox input {vertical-align: middle; display: inline-block; width:140px; height:38px;  background-color:#333333; cursor: pointer; color:#fff; margin-right:8px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.btnBox div {vertical-align: middle; display: inline-block; width:140px; height:38px; line-height:38px; background-color:#dedede; color:#666; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}

.btnBox div.btn01 {vertical-align: middle; display: inline-block; width:140px; height:38px;  line-height:38px; background-color:#333333; cursor: pointer; color:#fff; margin-right:8px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}


.join {width:100%; padding-top:40px; }
.join table {width:100%; border-top:1px solid #d7d7d7;}
.join table tr th {text-align: left; padding-left:25px; background-color:#eee; width:150px; border-bottom:1px solid #d7d7d7; font-size:14px; color:#000; font-weight:600;}
.join table tr td {border-bottom:1px solid #d7d7d7; padding:10px 0px; padding-left:20px;}
.join table tr td input[type=text],.join table tr td input[type=password],.join table tr td input[type=number] {border:1px solid #d7d7d7; width:240px; height:30px; padding-left:5px; font-size:15px; color:#666; outline:none; display: inline-block;  vertical-align: top;}
.join table tr td p {width:100%; font-size:13px; color:#999; padding-top:5px;}
.join table tr td .overlap {display: inline-block; vertical-align: top; width:80px; height:30px; background:linear-gradient(to top, #eee 5%,#fff 30%); margin-left:5px; border:1px solid #d7d7d7; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; line-height:30px; text-align: center; font-size:13px; color:#666;}

.join table tr td ul {width:310px; overflow: hidden;}
.join table tr td ul li {width:100px; float:left;}
.join table tr td ul li:nth-child(1) {width:70px;}
.join table tr td ul li:nth-child(2n) {width:20px; text-align: center; line-height:30px; color:#666; font-size:15px;}
.join table tr td ul li input {width:100%!important;}
.join table tr td ul li select {width:100%; height:30px; border:1px solid #d7d7d7; padding-left:5px; font-size:14px; color:#666; outline: none;}
.join table tr td ul li select option {font-size:14px; color:#666;}


.join table tr td input.address1 {width:500px; margin-bottom:5px;}
.join table tr td input.address2 {width:500px;}

.join table tr td label {margin-right:15px; font-size:15px; color:#666; vertical-align: middle;}
.join table tr td input[type=radio] {vertical-align: middle; margin-right:3px;}



/* 버섯과 곤충 */
.info_box {width:100%; padding-top:25px;}
.info_box .info01 {width:100%; overflow: hidden;}

.info_box .info01 img {width:263px; height:189px; float:left;}
.info_box .info01 img.info_img {height:265px;}

.info_box .info01 div {width:565px; float:right;}
.info_box .info01 div p.info_tit {font-size:25px; font-weight:900; color:#361e17; padding-bottom:20px;}
.info_box .info01 div p.info_tit span {font-size:24px; font-weight:400; color:#333;}

.info_box .info01 div p.info_txt {font-size:16px; color:#666; line-height:24px; word-break: keep-all;}
.info_box .info01 div p.info_txt span {color:#1ABC9C; font-weight:600;}

.info_sub_tit {background:url("../img/info/txt.png")no-repeat top 3px left; font-size:18px; color:#000; font-weight:600; margin-bottom:15px; padding-left:24px; margin-top:50px;}
.info_sub_tit_f {margin-top:0;}
.info_sub_tit span {font-weight:400; font-size:18px;}

.efficacy {width:100%; padding:15px 18px; background-color:#f3f3f3;}
.efficacy p {font-size:15px; color:#666;}

ul.efficacy_ul {width:100%; overflow: hidden;}
ul.efficacy_ul li {width:280px; height:200px; float:left; margin-right:15px; border:1px solid #e3e3e3; padding:20px 15px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; margin-top:15px;}
ul.efficacy_ul li:nth-child(3n) {margin-right:0;}

ul.efficacy_ul li div {width:100%; padding-bottom:15px;}
ul.efficacy_ul li div p {display: inline-block; vertical-align: middle; font-family:"Roboto",sans-serif; font-size:18px; color:#887668; font-weight:600;}
ul.efficacy_ul li div span {display: inline-block; vertical-align: middle; font-size:17px; color:#3b1e1a; font-weight:900; padding-left:7px;}

ul.efficacy_ul li p.eff_txt {font-size:13px; color:#666; line-height:20px; word-break: keep-all;}

ul.efficacy_ul02 li {width:202.5px; margin-right:20px; margin-top:20px; height:180px;}
ul.efficacy_ul02 li:nth-child(3n) {margin-right:20px;}
ul.efficacy_ul02 li:nth-child(4n) {margin-right:0;}

ul.efficacy_ul03 li {height:258px;}

ul.efficacy_ul04 li {height:258px; margin-top:3px;}

.info2 {width:100%; overflow: hidden;}
.info2 div {width:420px; float:left;}
.info2 div:last-child {float:right;}

.info2 div ul {width:100%;}
.info2 div ul li {width:100%; background:url("../img/info/txt02.png")no-repeat left top 12px; padding-left:12px; font-size:14px; color:#666; padding-top:6px; word-break: keep-all; background-size:3px;}
.info2 div ul li span {font-size:14px; color:#333; font-weight:600;}


table.info_tb {width:100%; border-top:1px solid #e3e3e3;}
table.info_tb tr th {width:150px; padding:12px 0px; text-align:center; background-color:#f9fffe; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; font-size:14px; color:#333; font-weight:600;}
table.info_tb tr td {border-bottom:1px solid #e3e3e3; padding:12px; font-size:13px; color:#666; line-height:20px; word-break: keep-all;}
table.info_tb tr th:nth-child(3) {border-left:1px solid #e3e3e3;}

p.sources {width:100%; text-align: right; padding-top:10px; font-size:12px; color:#999;}
p.info_sub_txt {padding-top:5px; font-size:16px; color:#666; font-weight:600; line-height:26px; padding-bottom:20px; word-break: keep-all;}

.info3 {width:100%; border:1px solid #e3e3e3; background-color:#fcfcfc; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; padding:20px;}
.info3 ul {width:100%;}
.info3 ul li {width:100%; background:url("../img/info/txt02.png")no-repeat left top 18px; padding-left:12px; font-size:14px; color:#666; padding-top:10px; word-break: keep-all; background-size:3px; line-height:20px;}

.info3 p.is_tit {font-size:16px; font-weight:600; padding-bottom:10px; padding-top:30px;}

.info3 p.is_tit.is_tit01 {padding-top:0; color:#CD5F5E;}
.info3 p.is_tit.is_tit02 {color:#3C9EA7;}
.info3 p.is_tit.is_tit03 {color:#33A25D;}

.info3 p.is_txt {font-size:13px; color:#666; line-height:22px;}
.info4 {overflow: hidden; padding:15px 30px;}
.info4 ul {width:50%; float:left;}


/* company */
.comp01_inner {width:1188px;}
.comp_right_box {width:952px; padding-right:34px;}
.company {width:100%; overflow: hidden; text-align:left; position:relative;}
.company p.comp_txt {font-size:16px; color:#7a7a7a; line-height:23px; padding-bottom:55px; letter-spacing: -0.045em!important;}
.company img.comp_img { float:right; margin-top:77px; margin-right:-34px;}
.company .comp_sign {width:100%; position: relative;}
.company .comp_sign p {font-size:16px; color:#7a7a7a;}
.company .comp_sign img.stamp {position: absolute; bottom:0; left:90px;}
.company .comp_sign img.compLogo {position: absolute; top: 6px; bottom:0; right:0;}

.company .map_info {width:100%; padding:0px 50px; overflow: hidden; padding-top:20px;}
.company .map_info p {font-size:16px; color:#7a7a7a; line-height:23px; float:left; padding-top:38px;}
.company .map_info img {margin-top: 42px; float:right;}


/* category */
.category_box {width:100%; overflow: hidden; text-align:left;}

ul.cate_tab {width:100%; overflow: hidden; padding: 19px 0px 39px 0px;}
ul.cate_tab li {width:12.5%; float:left; text-align: center; cursor: pointer;}

ul.cate_tab li .ct_icon {width:100%; height:107px; transition:all 0.3s; margin-top:12px;}
ul.cate_tab li .ct_icon01 {background:url("../img/category/process01_off.png")no-repeat top center;}
ul.cate_tab li .ct_icon02 {background:url("../img/category/process02_off.png")no-repeat top center;}
ul.cate_tab li .ct_icon03 {background:url("../img/category/process03_off.png")no-repeat top center;}
ul.cate_tab li .ct_icon04 {background:url("../img/category/process04_off.png")no-repeat top center;}
ul.cate_tab li .ct_icon05 {background:url("../img/category/process05_off.png")no-repeat top center;}
ul.cate_tab li .ct_icon06 {background:url("../img/category/process06_off.png")no-repeat top center;}
ul.cate_tab li .ct_icon07 {background:url("../img/category/process07_off.png")no-repeat top center;}
ul.cate_tab li .ct_icon08 {background:url("../img/category/process08_off.png")no-repeat top center;}

ul.cate_tab li .ct_txt01 {position:relative; height:30px; display:inline-block; padding:0px 10px;}
ul.cate_tab li .ct_txt01 .on_bar {width:100%; height:30px; background-color:#fff; position:absolute; top:0; left:0; z-index:1; transition:0.3s;}
ul.cate_tab li .ct_txt01 p {position:relative; z-index:2; transition:0.3s; font-size:17px; color:#949494; font-weight:900; padding-top:5px; letter-spacing:-0.055em;}


ul.cate_tab li.active .ct_icon{transition:all 0.3s;}
ul.cate_tab li.active .ct_icon01 {background:url("../img/category/process01_ov.png")no-repeat top center;}
ul.cate_tab li.active .ct_icon02 {background:url("../img/category/process02_ov.png")no-repeat top center;}
ul.cate_tab li.active .ct_icon03 {background:url("../img/category/process03_ov.png")no-repeat top center;}
ul.cate_tab li.active .ct_icon04 {background:url("../img/category/process04_ov.png")no-repeat top center;}
ul.cate_tab li.active .ct_icon05 {background:url("../img/category/process05_ov.png")no-repeat top center;}
ul.cate_tab li.active .ct_icon06 {background:url("../img/category/process06_ov.png")no-repeat top center;}
ul.cate_tab li.active .ct_icon07 {background:url("../img/category/process07_ov.png")no-repeat top center;}
ul.cate_tab li.active .ct_icon08 {background:url("../img/category/process08_ov.png")no-repeat top center;}

ul.cate_tab li.active .ct_txt01 .on_bar {background:linear-gradient(to right, #F8DDB9, #E0875C); transition:0.3s;}
ul.cate_tab li.active .ct_txt01 p {color:#462e1f; transition:0.3s;}

.arrow_animate {width:100%; position:relative; z-index:2;}
.arrow_animate img {position:absolute; top:3px; left:0; margin:0px 18.875px;}

.ct_tab_slide {width:100%; height:348px; margin-bottom: 40px; padding-bottom:50px;}
.ct_tab_slide .ct_img_sw {width:100%;}
.ct_tab_slide .ct_img_sw .swiper-slide {width:100%;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img {width:100%; height:348px; -webkit-border-radius:18px; -moz-border-radius:18px; -ms-border-radius:18px; -o-border-radius:18px; border-radius:18px; position: relative; overflow: hidden;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img01 {background-color:#f5f5f5;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img02 {background-color:#f5f5f5;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img03 {background-color:#f5f5f5;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img04 {background-color:#f5f5f5;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img05 {background-color:#f5f5f5;}

.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_left{float:left; width:216px; height:348px; background:url("../img/category/img01.jpg") left top no-repeat;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_left p{color:#fff; font-size:40px; font-weight: 600; padding-top: 80px; padding-left: 30px;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_left span {color:#fff; font-size:20px; padding-left: 30px;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_right{float:left; width:589px; padding-top: 40px; padding-left: 50px;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_right p {font-size:18px; font-weight: 600; color:#f8c546;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_right span {font-size:15px; color:#f8c546;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_right p.em {font-size:15px; color:#919191; font-weight: 400; padding-top: 38px; line-height: 22px;}

/*** web ***/
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_left2{float:left; width:216px; height:348px; background:url("../img/category/img02.jpg") left top no-repeat;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_left2 p{color:#fff; font-size:40px; font-weight: 600; padding-top: 80px; padding-left: 30px;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_left2 span {color:#fff; font-size:20px; padding-left: 30px;}

/*** GRAPHIC ***/
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_left3{float:left; width:216px; height:348px; background:url("../img/category/img03.jpg") left top no-repeat;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_left3 p{color:#fff; font-size:40px; font-weight: 600; padding-top: 80px; padding-left: 30px;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_left3 span {color:#fff; font-size:20px; padding-left: 30px;}

/*** PACKAGE ***/
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_left4{float:left; width:216px; height:348px; background:url("../img/category/img04.jpg") left top no-repeat;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_left4 p{color:#fff; font-size:40px; font-weight: 600; padding-top: 80px; padding-left: 30px;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_left4 span {color:#fff; font-size:20px; padding-left: 30px;}

/*** PRODUCT ***/
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_left5{float:left; width:216px; height:348px; background:url("../img/category/img05.jpg") left top no-repeat;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_left5 p{color:#fff; font-size:40px; font-weight: 600; padding-top: 80px; padding-left: 30px;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_left5 span {color:#fff; font-size:20px; padding-left: 30px;}

/*** PHOTO ***/
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_left6{float:left; width:216px; height:348px; background:url("../img/category/img06.jpg") left top no-repeat;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_left6 p{color:#fff; font-size:40px; font-weight: 600; padding-top: 80px; padding-left: 30px;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img .ct_tab_left6 span {color:#fff; font-size:20px; padding-left: 30px;}



.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img  .ct_img_info {width:100%; position:absolute; top:0; left:0; background:rgba(70,46,31,0.8); overflow: hidden; padding:40px 45px;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img  .ct_img_info .ct_info_box01 {display: inline-block; vertical-align: top; width:200px; height:216px; position: relative;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img  .ct_img_info .ct_info_box01 p {font-family:"Noto Sans KR",sans-serif; font-size:54px; color:#fff; font-weight:700; position: absolute; bottom:48px; left:0; letter-spacing:-1px!important;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img  .ct_img_info .ct_info_box01 span {font-family:"Noto Sans KR",sans-serif; font-size:40px; color:#fff; font-weight:300; letter-spacing:-1px!important; position: absolute; bottom:0; left:0;}

.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img  .ct_img_info img {display: inline-block; vertical-align: top; height:216px; margin:0px 30px;}
.ct_tab_slide .ct_img_sw .swiper-slide .ct_tab_img  .ct_img_info .ct_info_box02 {display: inline-block; vertical-align: top; height:216px; font-family:"Noto Sans KR",sans-serif; font-size:15px; color:#fff; font-weight:300; word-break: keep-all; width:330px; line-height:23px; letter-spacing:-1px!important;}


p.cate_txt {font-size:17px; color:#919191; line-height:28px;}
img.cate_img {width:100%; padding-top:30px; padding-bottom:40px;}

.cate_stit {font-size:25px; font-weight:900; color:#4a322b; width:100%; position: relative; padding-left:30px; padding-bottom:12px; margin-top: 40px;}
.cate_stit div {width:5px; height:5px; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; background-color:#4a322b; position:absolute; left:15px; top:11px;}

.service {width:100%; border:1px solid #f8c546; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; border-radius:12px; padding:20px 30px; overflow: hidden; position: relative; margin-top:30px;}

.service ul.serv_list_left {width: 718px; overflow: hidden; margin: 0 auto;}

.service ul.serv_web_list_left {width: 634px; overflow: hidden; margin: 0 auto;}
.service ul.serv_web_list_left li {float: left; width: auto; padding:8px 0px; margin-right: 69px; text-align: left; color: #f8c546; font-size: 20px;}
.service ul.serv_web_list_left li:nth-child(4) {margin-right: 0px;}
.service ul.serv_web_list_left li:nth-child(6) {margin-right: 88px;}

.service ul.serv_list_center {position: absolute; top:10px; left:50%; transform: translateX(-50%);}

.service ul li {float: left; width: 25%; padding:8px 0px; text-align: left; color: #f8c546; font-size: 20px;}

.cateTitbox{padding: 58px 0px 0px 0px;}
.cateTitbox .cateTit{padding:6px 10px; text-align: left; font-weight:500; border-left: solid 2px #f8c546; color: #f8c546; font-size: 17px; line-height: 0.8;}
.cateTitbox .cateTit_em{padding:4px 0px; margin-left: 12px; text-align: left; color: #919191; font-size:16px;}


.progress {width:100%;}
.progress .prog_list {width:100%; overflow: hidden; padding:30px 0px;}
.progress .prog_list .prog_num {width:287px; height:540px; float:left; padding-left:48px; position: relative; padding-right:30px;}
.progress .prog_list .prog_num.prog_num_first {border-left:3px solid #4a322b;}
.progress .prog_list .prog_num.prog_num_last {border-right:3px solid #4a322b;}
.progress .prog_list .prog_num.prog_arrow {background:url("../img/category/arrow.png")no-repeat left center; background-size:36px;}

.progress .prog_list .prog_num img {position: absolute; width:84px; height:auto; top:32px; right:30px; z-index:1;}

.progress .prog_list .prog_num p.prog_tit {padding-top:72px; padding-bottom:32px; font-size:25px; position: relative; z-index:2; line-height:36px; color:#4a322b; letter-spacing:-1px!important;}
.progress .prog_list .prog_num p.prog_tit span {font-size:34px; font-weight:600; letter-spacing:-2px!important;}

.progress .prog_list .prog_num p.prog_cont {font-size:14px; line-height:24px; color:#7f7f7f; word-break: keep-all; letter-spacing:-1.3px!important;}