@font-face {
    font-family: 'Binggrae-Two';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.all_gnb li .mo_v { display:none; }
.mo_v { display:none; }
.flex { display:flex; }
.flex.d_col { flex-direction: column; }
.flex.j_start { justify-content:flex-start; }
.flex.j_end { justify-content:flex-end; }
.flex.j_center { justify-content:center; }
.flex.j_space { justify-content: space-between; }
.flex.j_stretch { justify-content: stretch; }
.flex.a_start { align-items: flex-start; }
.flex.a_center { align-items: center; }
.flex.a_end { align-items: flex-end; }
.flex.a_stretch { align-items: stretch; }
.flex.wrap { flex-wrap: wrap; }
.flex.nowrap { flex-wrap: nowrap; }

.header_wrap { max-width:1400px; margin:0 auto; }
.all_menu .logo,
.all_menu .mmember_menu
{ display:none; }
.logo_wrap { width:350px; background-color:#fff; height:80px; padding:20px;
    -webkit-animation-name: fadeDown; animation-name: fadeDown; animation-delay: 0s; opacity: 0; animation-fill-mode: forwards; animation-duration: .5s;

}

.logo_wrap img { width:150px; }
.gnb_wrap,
.header_menu { -webkit-animation-name: fadeRight; animation-name: fadeRight; animation-delay: .5s; opacity: 0; animation-fill-mode: forwards; animation-duration: .5s  }
.nav_bar { position:relative; display: block; width:25px; height:2px; background-color:#222; }
.nav_bar::after { position:absolute; display: block; content:""; top:-10px; width:25px; height:2px; background-color:#222; left:0;  }
.nav_bar::before { position:absolute; display: block; content:""; top:10px; width:25px; height:2px; background-color:#222; left:0;  }
.mainSwiper { height:100vh; }
#hd { position:fixed; left:0; right:0; top:0; z-index: 999; }
.nav_btn { width:35px; height:35px; }
.gnb_wrap .gnb > li > a { color:#fff; font-size:16px; }
.gnb_wrap { width:calc(100% - 600px); }
.shop_list_wrap { padding-top:100px; padding-bottom:200px; }

.header_menu { width:250px; }
.gnb_wrap > ul.gnb { height:100%; }
.gnb_wrap > ul.gnb > li { width:25%; height:100%; text-align:center; display: flex; justify-content: center; align-items: center; }
.gnb_wrap > ul.gnb > li:hover .lnb { display:block; width:100%; opacity: 1; }
.gnb_wrap > ul.gnb > li:after { position:absolute; z-index: 5; border-radius:100%; bottom:0px; display:block; content:""; width:0px; height:0px; background-color:#4182db; transition:.5s; }
.gnb_wrap > ul.gnb > li:before { position:absolute; z-index: 1; border-radius:100%; bottom:0px; display:block; content:""; width:0px; height:0px; background-color:#98c3ff; transition:.5s; }
.gnb_wrap > ul.gnb > li:hover:after { bottom:-4px; width:8px; height:8px;}
.gnb_wrap > ul.gnb > li:hover:before { bottom:-10px; width:20px; height:20px; }

.mmember_menu { width:100%; }

.gnb .lnb { display:none; position:fixed; left: 0px; top:80px; width:100%; background-color:#f1f1f1; padding:35px 10px; transition: .5s;}
.gnb .lnb li { margin:0 20px; display: inline-block; }
#hd .gnb .lnb li a { color:#888; font-size:16px; font-weight:300; transition: .3s; letter-spacing: -1px; }
#hd .gnb .lnb li a:hover { color:#222; }
.header_menu a { position:relative; color:#ddd; font-size:14px; }
.header_menu li:first-child a::before { display:none; }
.header_menu a::before {position: absolute; display: block; content: ""; top: 4px; width: 2px; height: 10px; background-color: #9d9d9d; left: -11px;}
.header_menu ul { height:100%; }
.header_menu ul li { margin-left:20px; height:100%; display: flex; justify-content: center; align-items: center;  }

/*#hd:hover { background-color:#fff; border-bottom:1px solid #f1f1f1; -webkit-animation-name: fadeIn; animation-name: fadeIn; animation-duration: .5s;  }*/
/*#hd:hover .header_menu a { color:#222; }*/
/*#hd:hover .gnb_wrap a { color:#222; }*/

#hd.fixed { background-color:#fff; border-bottom:1px solid #f1f1f1; -webkit-animation-name: fadeIn; animation-name: fadeIn; animation-duration: .5s;  }
#hd.fixed .header_menu a { color:#222; }
#hd.fixed .gnb_wrap a { color:#222; }

.swiper-slide-active .mv_bn_txt_title.fadeDown { -webkit-animation-name: fadeDown; animation-name: fadeDown; animation-delay: .5s; opacity: 0; animation-fill-mode: forwards; animation-duration: .5s; }
.swiper-slide-active .mv_bn_txt_text.fadeDown {  -webkit-animation-name: fadeDown; animation-name: fadeDown; animation-delay: 1s; opacity: 0; animation-fill-mode: forwards; animation-duration: .5s;  }
@keyframes fadeDown {
    0% {
        opacity: 0;
        transform: translateY(-50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
@keyframes fadeRight {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        top:-100px;
    }

    100% {
        opacity: 1;
        top:0px;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        top:-100px;
    }

    100% {
        opacity: 1;
        top:0px;
    }
}

.mv_bn_content { max-width:1400px; width:100%; }
.mv_bn_txt_text { color:#fff; font-size:60px; font-weight:bold; margin-top: 20px;line-height: 80px;}
.mv_bn_txt_text span { color:#98c3ff; }
.mv_bn_txt_title  { color:#fff; font-size:25px; font-weight: 300;}
.mv_bn_btn { display:inline-block; font-size:15px; border:1px solid #fff; margin-top:60px; width:140px; text-align:center; line-height:50px; border-radius:40px; color:#fff; margin-right:10px; transition:.3s; }
.mv_bn_btn:hover { background-color:#fff; color:#222; border-radius: 0; }
.mainSwiper .mainSliderPager {  bottom:250px; text-align: left; max-width:1400px; left:50%; transform:translateX(-50%); }
.mv_wrap .mainSwiper .swiper-pagination-bullet { transition:.3s; width:40px; position: relative; background-color:#fff; border-radius:0; height:4px; opacity: .5; margin:0; margin-right:3px; }
.mv_wrap .mainSwiper .swiper-pagination-bullet:nth-of-type(1)::before { content:"01"; font-size:11px; position:absolute; left:0px; top:-20px; color:#fff; display:block; }
.mv_wrap .mainSwiper .swiper-pagination-bullet:nth-of-type(2)::before { content:"02"; font-size:11px; position:absolute; left:0px; top:-20px; color:#fff; display:block; }
.mv_wrap .mainSwiper .swiper-pagination-bullet:nth-of-type(3)::before { content:"03"; font-size:11px; position:absolute; left:0px; top:-20px; color:#fff; display:block; }
.mv_wrap .mainSwiper .swiper-pagination-bullet:nth-of-type(4)::before { content:"04"; font-size:11px; position:absolute; left:0px; top:-20px; color:#fff; display:block; }
.mv_wrap .mainSwiper .swiper-pagination-bullet:nth-of-type(5)::before { content:"05"; font-size:11px; position:absolute; left:0px; top:-20px; color:#fff; display:block; }
.mainSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active { width:80px; opacity: 1; }


/*section2*/
#section2 { background:url(/img/sec2_back.png) center/cover no-repeat; padding:10% 0; }
.sec2_hover_box { opacity: 0; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center; width:100%; display:flex; justify-content: center; align-items: center; flex-direction: column; color:#fff; background-color:rgb(65 130 219 / 59%); height:100%; border-radius:30px; }
.sec2_box1 { width:calc(50% - 10px); overflow: hidden; }
.sec2_sec_txt { width:calc(25% - 10px);  font-family: 'Binggrae-Two'; position:relative; padding-top:calc(25% - 10px); border-radius:30px; overflow: hidden;  }
.sec2_sec_txt p { position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); text-align:center; font-size:26px; width:100%; }
.sec2_box_pic { width:calc(25% - 10px); padding-top:calc(25% - 10px); position: relative; background-color:#222; border-radius:30px; overflow: hidden;  }

.sec_sm_title { font-size:16px; color:#4182db; margin-bottom:30px; }
.sec_m_title { font-size:38px;line-height: 50px; font-weight: 300;}
.sec_m_title b span { color:#4182db; }
.sec2_btn { display:block; width:200px; text-align:center; transition:.3s; border:1px solid #222; font-size:14px; font-weight:200; padding:18px 0; margin-top:40px; }
.sec2_btn:hover { background-color:#222; color:#fff; }
.sb1 { background:url(/img/sec2_img1.png) center/cover no-repeat; }
.sb2 { background:url(/img/sec2_img5.png) center/cover no-repeat; }
.sb3 { background:url(/img/sec2_img2.png) center/cover no-repeat; }
.sb4 { background:url(/img/sec2_img3.png) center/cover no-repeat;     background-position: left;}
.sb5 { background:url(/img/sec2_img4.png) center/cover no-repeat; }
.sec2_box_pic > p { font-size:20px; font-weight:500; color:#fff; position: absolute; bottom:40px; left:40px; z-index: 9}
.block_row:first-child { margin-bottom:20px; }

.sec2_box_pic:hover .sec2_hover_box{ opacity: 1;  }
.sec2_box_pic:hover .sec2_hover_box h4 { font-size:20px; font-weight:500; margin-bottom:20px; }
.sec2_box_pic:hover .sec2_hover_box p { font-size:14px; padding:0 20px; line-height: 22px;}
.sec2_box_pic:hover .sec2_hover_box a { display:inline-block; font-size:25px; margin-top:30px; width:40px; height:40px; background-color:#fff; color:#222; text-align:center; line-height:40px; border-radius: 100%; transition: 0.3s; }
.sec2_box_pic:hover .sec2_hover_box a:hover { width:40px; height:40px; border-radius: 0; transform:rotateZ(45deg); }
.sec2_box_pic:hover > p { display:none; }

/* section3 */
#section3 { padding:10% 0; }
.sec3_title { margin-bottom:90px; }
.sec3_left { width:60%; }
.sec3_right { width:40%; }
.sec3_right img { max-width:100%; }
.sec3_icon_text { width:calc(50% - 10px); margin-bottom:60px; }
.sec3_icon_text h4 { font-size:18px; margin-bottom:5px; }
.sec3_icon_text p { font-size: 14px;font-weight: 300; line-height: 22px; }
.sec3_icon_text .icon_circle { display:flex; justify-content: center; align-items: center; border:1px solid #222; padding:12px; border-radius:100%; margin-right:20px; }
.icon_circle img {height: 25px;}

/* 라테스트 */
.latest_slide { height:500px; }
.latest_slide.swiper-slide-active .latest_text { opacity: 1; bottom:70px; }
.latest_goods_name { font-size:35px; color:#fff; font-weight:bold; margin-bottom:20px; }
.latest_goods_desc {color: #fff; font-size: 16px; width: 70%; font-weight: 300; line-height: 22px;}
.latest_link { position:relative; width:100%; height:100%; display:block; padding:10%; background-color:rgba(0,0,0,.5); }
.latest_text { position:absolute; left:50px; right:50px; bottom:0px; opacity: 0; transition:.8s; }
.circle_arr { display:inline-block; margin-top:5px; font-size:20px; margin-left:10px; background-color:#fff; color:#222; width:35px; height:35px; border-radius:30px; text-align:center; line-height:33px; }

/*section5*/
#section5 { padding:7% 0; }
.sec5_left { width:500px; }
.sec5_right { width:calc(100% - 520px); }


/*sectio6*/
#section6 { padding:5% 0; background:url(/img/sec6_back.png) center/cover no-repeat; position: relative; }

/*.sec6_left { width:35% }
.sec6_right { width:35% }*/
.sec6_left img { max-width:100%; }
.sec6_right img { max-width:100%; }
.sec6_center { text-align:center; padding:0 160px; }
.sec6_center img { margin-bottom:80px; }
.sec6_center h4 { font-size:35px; margin-bottom:30px; }
.sec6_center p { font-size:16px; font-weight:500; }
.sec6_center .prod_btn { width:300px; display:inline-block; font-size:16px; background-color:#4182db; color:#fff; line-height:50px; border-radius:50px; margin-top:70px; }
.sec6_right img { max-width:100%; }

/* section7 */
#section7 { padding:5% 0; }
.sec7_title { font-weight:300; font-size:35px; }
.sec7_title b { font-weight:bold; }

.sec7_direct { text-align:center;}
.sec7_direct > div { width:14%; }
.sec7_direct > div h5 {font-size: 18px;  margin-bottom: 14px;  margin-top: 20px;}
.sec7_direct > div p { font-size: 15px; font-weight: 100; line-height: 22px; }

.review_slider { margin-top:80px; margin-bottom:100px; }
.review_slide { border-bottom:1px solid #ddd; padding:0 20px;  }
.review_slide.swiper-slide-active { border-bottom:1px solid #222; }
.review_slide .re_no { color: #353535;  font-weight: 500;  margin-bottom: 40px;  font-size: 15px; }
.re_content { font-weight: 500;  margin-bottom: 30px;  font-size: 18px; line-height: 25px;  color: #333; }
.re_name  { margin-bottom: 80px;  font-size: 15px;  font-weight: 300;  color: #7d7d7d;}
.review_slider_wrap { overflow: hidden; }
.review_slider { width:100%;overflow: hidden; height:250px; }
#section8 { padding:0 0 5% 0; }
#section8 .notice_slider_wrap h2 { font-size:18px; width:30%; }
#section8 .notice_slider_wrap h2 a { color:#205eb3; text-decoration: underline;font-weight: 400; }
.notice_slider_left,.notice_slider_right { cursor:pointer; font-size:20px; border:1px solid #959595; color:#959595; width:40px; height:40px; border-radius:100%; line-height:35px; text-align:center; }
.notice_slider_left { margin-right:14px; }
.notice_latest_thumb { padding-top:55%; border-radius:20px; }
.notice_slider { overflow: hidden; width:calc(100% - (100% - 1400px) / 2) }
.notice_list { margin-top:80px; width:100%; }
.notice_title {font-size: 18px;  margin-bottom: 20px;  font-weight: 500;  line-height: 28px;  margin-top: 30px;}
.notice_date {font-size: 14px;  font-weight: 300;  color: #939393;}

#section9 { background:url(/img/sec9_back.png) center/cover no-repeat;  }
.sec9_box { height:800px; width:25%; display:flex; justify-content: center; align-items: center;  transition: .3s;}
.sec9_box .sec9_no { font-family: 'GmarketSansMedium'; width:100%; display:block;transition: .3s; color:rgba(255,255,255,.3); font-size:80px; font-weight:bold; }
.sec9_content h4 { color:#fff; font-size:25px; transition: .3s; }
.sec9_content > p { color:#fff; margin-top:5px; font-weight:500; font-size:14px; }
.sec9_box:hover { background-color:rgba(150,150,255,.1); }
.sec9_box:hover .sec9_no { padding-left:80%;  }
.sec9_box:hover .sec9_hid_cont { height:300px; opacity:1; word-break: break-all;}
.sec9_box:hover .sec9_content h4 { color:#fff; font-size:29px; }
.sec9_box:hover .sec9_content > p { color:#fff; margin-top:5px; font-weight:500; font-size:14px; }
.sec9_hid_cont { height:0; opacity:0; overflow:hidden; margin-top:40px; font-weight:200; color:#fff; font-size:16px; transition: 1s; }
.sec9_hid_cont span { width:40px; height:2px; background-color:#fff; display:block; margin:50px 0; }

#section10 { padding:10% 0; background:url(/img/sec10_back.png) center/cover no-repeat; position: relative; overflow: hidden; width:100%; }
.video_back { position: absolute; width:100%; top:0; padding-top:56.25%; z-index: 99; overflow: hidden; }
.video_back video { width:100%; position: absolute;  left:0; top:0; right:0; bottom:0; opacity: .2;  }


#section10 h4 {text-align: center;  font-weight: 300;  font-size: 45px;  margin-bottom: 80px;  margin-top: 40px;  letter-spacing: 2px;}
.sec10_btn { width:150px; text-align:center; padding:12px; margin:0 10px; font-size:14px; }
.sec10_btn img { margin-left:10px; }
.sec10_btn.sec10_bl_btn { border:1px solid #222; background-color:#222; color:#fff; }
.sec10_btn.sec10_wh_btn { border:1px solid #222; }
.sec10_title { text-align:center; }
.sec10_title span { margin:0 20px; }
.sec10_title p { font-size:14px; }

#ft { background:url(/img/footer_back.png) center/cover no-repeat;  }
.ft_menu { max-width:1400px; margin:0 auto; background-color:rgba(0,0,0,.3); margin-top:100px; padding:50px 80px; }
.ft_left, .ft_right { width:48%; }
.ft_left > ul > li { margin-bottom:30px; }
.ft_left > ul > li:last-child { margin-bottom:0; }
.ft_left > ul > li > a { color:#fff; font-size:16px; font-weight:500; }
.ft_left > ul { width:50%; }
.ft_left > ul > li > ul { margin-top:10px; }
.ft_left > ul > li > ul > li { margin-bottom:10px; }
.ft_left > ul > li > ul > li > a  { color:#aaa; font-size:14px; transition:.3s; }
.ft_left > ul > li > ul > li > a:hover { color:#fff; }
.circle_ft_arr {
    margin-left:5px;
    display:inline-block;
    font-size:15px;
    line-height:20px; color:#2e5aa7; width:20px; height:20px; border-radius:100%; background-color:#fff; text-align:Center; }

.ft_right h4 { font-size:30px; color:#fff; margin-bottom:20px; }
.ft_right p { color: #bdbdbd; font-size: 15px; margin-bottom: 80px; letter-spacing: 1px; font-weight: 300; line-height: 24px; }
.consult_btn {width: 200px; transition: all 0.3s; padding: 18px 0; background-color: #4182db; color: #fff; text-align: center; font-size: 15px;}
.consult_btn:hover {background: #255ca7}

.ft_wr { max-width:1400px; margin:0 auto; border-top:1px solid #666; margin-top:50px; padding-top:50px; }
.ft_pri { margin-bottom:20px; }
.ft_pri a { color:#c4c3c3; font-size:14px; }
.ft_pri span { margin:0 10px; color:#c4c3c3; }
.ft_text p:first-child { color:#828282; font-size:14px; margin-bottom:10px; }
.ft_text p:last-child { color:#b3b3b3; font-size:14px; }
.copy_text { color:#828282; font-size:14px; margin-top:20px; }
.fam_site_wrap { text-align:right; }
.fam_site { text-align:center; display:inline-block; }
.fam_site > li { position:relative; }
.fam_sub { display:none; }
.fam_sub li a { display:block; background-color:#fff; color:#222;  text-align:left; padding:10px; position:absolute; width:100%; bottom:42px; }
.fam_sub li a:hover { background-color:#f1f1f1; }
.fam_site > li > a { padding:10px; width:250px; border:1px solid #828282; color:#828282; }

.all_menu { display:none; background-color:rgba(255,255,255,1); position:fixed; left:-500px; right:0; bottom:0; top:0; z-index: 9999; height:100%; justify-content: center; align-items: center; }
.all_menu.active { display:flex; left:0; background:url(/img/sec6_back.png) center/cover no-repeat; -webkit-animation-name: leftshow; animation-name: leftshow; animation-duration: .5s;}
.all_menu.active .all_gnb { -webkit-animation-name: updown; animation-name: updown; animation-delay: .5s; animation-fill-mode: forwards; animation-direction: alternate; animation-duration: 1s; }
@keyframes leftshow {
    0% {
        opacity: 0;
        top:-100px;
        left:-100px;
    }

    100% {
        top:0;
        opacity: 1;
        left:0px;
    }
}
@keyframes updown {
    0% {
        opacity: 0;
        margin-top:-200px;
    }

    100% {
        margin-top:0px;
        opacity: 1;
    }
}
.all_gnb { width:100%; max-width:1400px; margin:0 auto; opacity: 0; }
.all_gnb > li { margin:0 5%; }
.all_gnb > li > a { position:relative; font-size:30px; font-weight:bold; color:#205eb3; margin-bottom:40px; display: block; }
.all_gnb > li > a:after { content:""; display:block; position: absolute; bottom:-20px; width:20px; height:3px; background-color:#222; }
.all_gnb .lnb li { margin-bottom:10px; }
.all_gnb .lnb a { font-size:18px; font-weight:500; color:#777; }
.all_gnb .lnb a:hover { color:#205eb3 }
.all_menu .am_close_btn { display:none; }
.all_menu.active .am_close_btn { display:block; }
.am_close_btn { position:fixed; right:50px; top:50px; z-index:999999; width:80px; height:80px; display:block; }
.am_close_btn_bar { display:block; width:80px; height:1px; background-color:#222; transform:rotateZ(45deg); transition: .9s;}
.am_close_btn_bar:after { content:""; display:block; width:80px; height:1px; background-color:#222; transform:rotateZ(-90deg); }
.prod_slide { cursor:pointer;}
.prod_slide .ps_content { background-color:#f8f8f8; position: relative; padding:20px; padding-top:95%; transition:.3s; }
.prod_slide:hover .ps_content { border-radius: 100%; }
.prod_slide:hover .ps_name { font-weight:bold; color:#4182db; }
.ps_content > div { position:absolute; top:8%; left:30px; right:30px; }

.prod_yocheck { font-size:40px; color:#f0f0f0; font-weight:bold; font-style: italic  }
.ps_name { font-weight:bold; color:#222; margin-top:-10px; font-size:23px; }
.ps_desc {  color:#9d9d9d; font-size:14px; font-weight:200; margin-top:20px; line-height: 19px;}
.cate_sel { margin-top:40px; }
.sec5_cate_all { margin-bottom:15px; }
.sec5_cate_all a{ font-size:20px; color:#4182db; font-weight:500; }
.sec5_cate_sel { margin-bottom:14px; }
.sec5_cate_sel a { font-size:16px; color:#e0dddd; font-weight:500; }
.sec5_cate_sel a.active { color:#222; }
.ps_img_wrap { position:relative; z-index:99; width:100%; padding-top:55%; margin-top:-30%; }

.sub_category_header { height:500px; background:url(/img/store_bg.png) 0 -370px/cover no-repeat fixed}

.device_bg {background:url(/img/device_bg.png) 0 -180px/cover no-repeat fixed; }
.bio_bg {background:url(/img/bio_bg.png) 0 -180px/cover no-repeat fixed; }
.comp_bg {background:url(/img/comp_bg.png) 0 -180px/cover no-repeat fixed; }
.story_bg {background:url(/img/story_bg.png) 0 -180px/cover no-repeat fixed; }


#container_title { display:none !important; }
.sub_category_header > div { width:100%; max-width:1400px; margin:0 auto; }
.sub_category_header h4 { font-size:80px; color:#aaa; letter-spacing: -3px;}
.sub_category_header p { font-size:35px; font-weight:500; padding-left:1%; color:#fff; margin-top:10px; margin-bottom:40px; }

.scategory_list  { border-bottom:1px solid #ddd; }
.scategory_list li { width:25%; border-right:1px solid #ddd;  }
.scategory_list li a { display:block; text-align:center; font-size:16px; line-height:60px; }
.scategory_list li a:hover { color:#4182db; }
.scategory_list li {  }
.scategory_list li:last-child { border-right:none; }

.board_wrap { padding:100px 0 200px 0; }
.cart_wrap { padding:100px 0 200px 0; }
.topbtn-up-arrow
{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 70px;
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}
.topbtn-up-arrow > div {
    position: relative;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    background: url(/img/topbtn_up_arrow.png) 50% 50%/auto no-repeat;
    background-size: 10px;

}
.progress_area  {     position: fixed;
    right: 20px;
    bottom: 20px;
    width: 70px;
    height: 70px;
    cursor: pointer;
    z-index: 11;
}
.progress_bg { width: 100%;
    height: 100%;
    background: url(/img/progress_bg.png) #fff center/cover no-repeat;
    border-radius: 50%;
 }
.textStyle {font-size: 17px;  margin-top: 10px;  font-weight: 300;  line-height: 26px;}
#textStyle2 {font-size: 17px; text-align: center; font-weight: 400; color: #111; margin: 0 0 50px;}
.padding-style {padding-right: 150px;}