@charset "utf-8";

/* layout */
.sunny_inner{min-width:1360px;margin:0 auto;}

#sunny_header{position:fixed;left:0;top:0;width:100%;height:170px;border-bottom:1px solid #e7e7e7;background:url('../images/bg_cate.png') 0 0 repeat;/*background:rgba(255,255,255,0.9);*/z-index:9999;border-bottom:1px solid #e7e7e7;}

.utilltop_area{background:#282b30;}
.utilltop_area .utilltop_inner{position:relative;min-width:1360px;height:49px;}
.utilltop_area .utilltop_inner dl{position:absolute;left:19px;top:10px;}
.utilltop_area .utilltop_inner dt{display:inline-block;color:#fff;padding-right:3px;}
.utilltop_area .utilltop_inner dt img{display:inline-block;vertical-align:top;padding:2px 3px 0 0;}
.utilltop_area .utilltop_inner dd{display:inline-block;font-size:13px;color:#f4745a;}
.utilltop_area .utilltop_inner dd.btn_go{padding-left:15px;}
.utilltop_area .utilltop_inner dd.btn_go a{font-size:12px;color:#fff;display:block;padding:0 10px;height:26px;line-height:25px;border:1px solid #f4745a;letter-spacing:-1px;}
.utilltop_area .utilltop_inner p{color:#888;padding:15px 0 0 80px;text-align:center;letter-spacing:3px;}
.utilltop_area .utilltop_inner p span{display:inline-block;width:67px;color:#f4745a;}
.utilltop_area .utilltop_inner ul{position:absolute;right:0;top:0;overflow:hidden;}
.utilltop_area .utilltop_inner ul li{float:left;}
.utilltop_area .utilltop_inner ul li a{display:block;color:#b8b8ba;height:49px;line-height:47px;padding:0 12px;background:url("../images/line_utill.png") no-repeat 0 16px;letter-spacing:-1px;}
.utilltop_area .utilltop_inner ul li:first-child a{background:none;}
.utilltop_area .utilltop_inner ul li a:hover{color:#f4745a;}
.utilltop_area .utilltop_inner ul li.last a{width:125px;height:49px;line-height:47px;font-size:14px;padding:0;background:#1d1f22;}
.utilltop_area .utilltop_inner ul li.last a img{display:inline-block;vertical-align:top;padding:16px 3px 0 34px;}

.headlogo_area{}
.headlogo_area .headlogo_inner{position:relative;min-width:1360px;height:120px;}
.headlogo_inner .top_rollban{position:absolute;left:0;top:30px;width:350px;overflow:hidden;}
.headlogo_inner .top_rollban .flexslider{position:relative;width:258px;height:60px;margin:0 auto;}
.headlogo_inner .top_rollban .flex-prev{position:absolute;left:-26px;top:50%;margin-top:-5px;width:6px;height:10px;background:url("../images/btn_topleft.png") no-repeat 0 0;text-indent:-9999em;}
.headlogo_inner .top_rollban .flex-next{position:absolute;right:-26px;top:50%;margin-top:-5px;width:6px;height:10px;background:url("../images/btn_topright.png") no-repeat 0 0;text-indent:-9999em;}
.headlogo_inner .top_rollban .flex-control-nav{display:none;}
.headlogo_area .logo{text-align:center;padding:29px 80px 0 180px;}
.headlogo_area .logo img{width:225px;}
.headlogo_area .search_box{position:absolute;right:20px;top:37px;width:245px;height:48px;padding:0 25px;background:url("../images/bg_searchbox.png") no-repeat 0 0;}
.headlogo_area .search_box input.MS_search_word{display:inline-block;color:#444;font-size:13px;width:209px;height:46px;line-height:45px;border:0;background:none;vertical-align:top;}
.headlogo_area .search_box a{position:absolute;right:25px;top:12px;display:inline-block;/*padding:12px 0 0 13px;*//*vertical-align:top;*/}

#sunny_wrap{}

#contentWrapper{min-width:1100px;padding:171px 80px 0 180px;background:#f1f1f1;}
#contentWrapper.main{background:#fff;}
#contentWrapper.page{}

#contentWrap{width:1100px;margin:0 auto;padding:60px 0 100px;}
#contentWrap.proWrap{width:100%;}
#contentWrap.pageWrap{width:100%;padding:60px 0 100px;}

#productClass.protatcon_area{padding:0 35px;}

#content{}

#sunny_footer{min-width:1100px;padding:0 80px 0 180px;}

/* header */
.category_area{position:absolute; top:171px; left:0;bottom:0;overflow:hidden;background:#f9f9f9;z-index:999;box-shadow:4px 0 4px 0 rgba(0, 0, 0, 0.1);}
.sunny_category{width:179px;height:calc(100% - 10px);max-height:100%;overflow:auto;background:#f9f9f9;border-right:1px solid #e7e7e7;}

.sunny_category dl{border-bottom:1px solid #e7e7e7;letter-spacing:-0.5px;}
.sunny_category dt{font-family:'Montserrat', sans-serif;color:#f4745a;padding:18px 0 20px 19px;background:#fff;letter-spacing:0;}
.sunny_category dt img{display:inline-block;padding:0 6px 0 0;vertical-align:middle;line-height:18px;}
.sunny_category dt span{display:inline-block;vertical-align:middle;line-height:18px;}
.sunny_category dd{}

.sunny_category dd.num{font-size:18px;color:#282b30;padding:5px 0 0 19px;line-height:22px;font-weight:700;}
.sunny_category dd.txt1{font-size:12px;}
.sunny_category dd.txt1 span{color:#888;}
.sunny_category dd.txt2{padding:0 0 20px 19px;color:#888;font-size:12px;line-height:20px;}
.sunny_category dd.txt3{padding:20px 0 0 19px;border-top:1px solid #e7e7e7;}
.sunny_category dd.txt4{color:#666;}
.sunny_category dd.txt4 span{color:#444;display:inline-block;padding-right:6px;}
.sunny_category dd.t_box{padding:0 0 20px 16px;}
.sunny_category dd.t_box p{color:#888;line-height:16px;border:3px solid #fff;width:132px;padding:8px 0 8px 8px;letter-spacing:-0.5px;}
.sunny_category dd.t_box p span{color:#282b30;}

.sunny_category dd > ul > li{border-top:1px solid #e7e7e7;}
.sunny_category dd > ul > li a{font-size:13px;line-height:13px;display:block;padding:20px 0 20px 19px;}

.sunny_category dd > ul > li > ul > li{border-top:1px solid #e7e7e7;}
.sunny_category dd > ul > li > ul > li a{font-size:13px;line-height:13px;display:block;padding:20px 0 20px 19px;}

.sunny_category .cate_box dd li img{display:none;}
.sunny_category .cate_box dd li.cate1 img{display:inline-block;vertical-align:middle;padding-left:3px;}

.sunny_category .sample_box dd{}
.sunny_category .sample_box dd.tit_leftsub{border-top:1px solid #e7e7e7;}
.sunny_category .sample_box dd.tit_leftsub a{font-size:13px;line-height:13px;display:block;padding:20px 0 20px 19px;}
.sunny_category .sample_box dd.tit_leftsub img{display:inline-block;vertical-align:middle;padding-left:3px;}

.sunny_category .dataup_box .txt1{border-top:1px solid #e7e7e7;padding:20px 0 18px 19px;}
.sunny_category .bankacc_box .txt1{border-top:1px solid #e7e7e7;padding:20px 0 10px 19px;}
.sunny_category .cscenter_box .num{padding-bottom:10px;}
.sunny_category .timequ_box dt{color:#444;background:none;padding-bottom:0;}
.sunny_category .timequ_box .num{padding-bottom:18px;}
.sunny_category .emailfax_box{padding:20px 0 20px 19px;margin-bottom:100px;}

/** 사이드위아래버튼 **/
.side_btn{width:30px;height:auto;text-align:center;position:fixed;bottom:25px;right:19px;z-index:99;}
.side_btn .inner {width:100%;height:auto;overflow: hidden; }
.side_btn .inner img{display:block;margin-bottom:1px;}

/*quick menu*/
.quick_menu{background:#212121;width:80px;height:100%;position:fixed;top:171px;bottom:0;right:0px;z-index:99999;}
.quick_menu .txt_webhard{position:absolute;left:0;top:10px;width:100%;background:#e7e7e7;color:#212121;font-size:12px;}
.quick_menu .txt_webhard a{display:block;color:#212121;font-size:12px;padding-left:3px;}

.quick_menu ul{width:45px;position:absolute;left:18px;top:50%;margin:-392px 0 0 0;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
.quick_menu li:first-chlid{border-top:0;}
.quick_menu li{padding:13px 0 12px; text-align:center; border-top:1px solid #2c2c2c;letter-spacing:-1px;}
.quick_menu li a{color:#fff;display:block;text-align:center;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.quick_menu li a:hover{color:#f4745a;}
.quick_menu li a p{font-size:11px;color:#f4745a;letter-spacing:0;}
.quick_menu li a span{font-size:12px;display:block;}
.quick_menu li.btn_wh{position:relative;}
.quick_menu li.btn_wh .btn{color:#f4745a;}
.quick_menu li.btn_wh .btn a{color:#f4745a;}
.quick_menu li.btn_wh .wh_box{display:none;position:absolute;left:-137px;top:-3px;width:120px;letter-spacing:-0.5px;padding-right:20px;background-image:url("../images/bg_qwh.png");opacity:0;filter: alpha(opacity=0);background-size:125px 64px;background-repeat:no-repeat;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.quick_menu li.btn_wh:hover .wh_box{display:block;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;opacity:1;filter: alpha(opacity=100);}
.quick_menu li.btn_wh .wh_box .wh_in{display:block;font-size:12px;color:#212121;width:110px;padding:5px 5px 5px 7px;text-align:left;}

/* footer */
#sunny_footer .sunny_inner{overflow:hidden;}

.footer_area{padding:70px 0;}
.footer_area dt{}
.footer_area dd{font-size:12px;color:#a2a2a2;line-height:20px;}

.footer_copyright{color:#d9d9d9;font-size:11px;padding:35px 0;border-top:1px solid #f1f1f1;}
.footer_copyright .cr_inner{position:relative;width:1100px;margin:0 auto;overflow:hidden;}

.footer_copyright .f_list{float:left;}
.footer_copyright .f_list li{display:inline-block;padding:0 10px;background:url("../images/footer_line.gif") no-repeat 0 8px;}
.footer_copyright .f_list li:first-child{padding-left:0;background:none;}
.footer_copyright .f_list li a{font-family:'Roboto',sans-serif;font-size:11px;color:#a2a2a2;height:23px;line-height:23px;text-transform:uppercase;}
.footer_copyright .f_ban{float:left;}
.footer_copyright .f_ban li{float:left;color:#a2a2a2;padding:0 10px;line-height:23px;background:url("../images/footer_line.gif") no-repeat 0 8px;}

.footer_copyright .f_right{position:absolute;right:0;top:0;}
.footer_copyright .f_right a{color:#d9d9d9;}


/* 하단 */
.fnaver_area{min-width:1100px;border-top:1px solid #e7e7e7;background:#fff;padding:0 80px 0 180px;}
.fnaver_area .fnaver_inner{position:relative;width:1100px;margin:0 auto;padding:70px 0;}
.fnaver_area .txt{font-size:20px;color:#888;line-height:34px;letter-spacing:-2px;}
.fnaver_area .txt span{display:block;font-size:34px;color:#232f47;font-weight:300;}
.fnaver_area .naver_box{position:absolute;right:0;top:62px;font-size:35px;color:#282b30;width:308px;height:87px;padding-left:30px;background:url("../images/bg_naver.jpg") no-repeat 0 0;line-height:83px;}

.footer_allmenu{min-width:1100px;background:#282b30;padding:0 80px 0 180px;}
.footer_allmenu .allmenu_inner{width:1100px;margin:0 auto;overflow:hidden;padding:75px 0;background:#282b30 url("../images/bg_fline.jpg") repeat-y center top;/*padding:75px 5%;*/}
.footer_allmenu dl{float:left;width:220px;text-transform:uppercase;color:#a2a2a2;}

.footer_allmenu dt{font-family:'Montserrat', sans-serif;color:#f4745a;padding:0 0 20px 30px;}
.footer_allmenu dt img{display:inline-block;padding:0 6px 0 0;vertical-align:middle;line-height:18px;}
.footer_allmenu dt span{display:inline-block;vertical-align:middle;line-height:18px;}

.footer_allmenu dd{padding-left:30px;letter-spacing:-0.5px;}
.footer_allmenu dd.tit_leftsub{line-height:26px;}
.footer_allmenu dd li{line-height:26px;}
.footer_allmenu dd a{color:#a2a2a2;}
.footer_allmenu dd a:hover{color:#f4745a;}
.footer_allmenu dd a img{display:inline-block;padding:0 0 0 3px;vertical-align:middle;}

.footer_allmenu dl.cate_box{width:440px;}
.footer_allmenu dl.cate_box dd{padding-left:0;overflow:hidden;}
.footer_allmenu dl.cate_box dd ul{float:left;width:50%;}
.footer_allmenu dl.cate_box dd ul li{}
.footer_allmenu dl.cate_box dd ul li a{padding-left:30px;}
.footer_allmenu dl.cate_box dd ul li.ico_hot a{color:#fff;}
.footer_allmenu dl.cate_box dd ul li.ico_hot a:hover{color:#f4745a;}

.footer_allmenu dl.bankacc_box dd.txt2{padding:15px 0 15px 30px;color:#fff;line-height:26px;}
.footer_allmenu dl.bankacc_box dd.t_box p{width:140px;border:1px solid #3b3e43;padding:10px;color:#888;line-height:16px;letter-spacing:-0.5px;}

.flogo_area{min-width:1100px;padding:60px 0;border-top:1px solid #e9e9e9;}
.flogo_area .flogo_inner{overflow:hidden;width:1100px;margin:0 auto;}
.flogo_area dt{float:right;padding-top:10px;}
.flogo_area dt img{width:215px;}
.flogo_area dd{float:left;color:#a2a2a2;}
.flogo_area dd p{font-size:11px;line-height:20px;}
.flogo_area dd p a{color:#a2a2a2;}
.flogo_area dd p.txt_copyright{color:#d9d9d9;padding-top:7px;}
.flogo_area dd span{display:inline-block;padding-right:20px;}

.fsave_area{min-width:1100px;height:505px;background-image:url("../images/bg_save.jpg");background-size:cover;background-position:center top;border-top:1px solid #e9e9e9;}
.fsave_area .fsave_inner{width:1100px;margin:0 auto;padding-top:100px;}
.fsave_area dl{position:relative;}
.fsave_area dt{position:absolute;right:0;top:-22px;width:40%;font-size:50px;line-height:80px;color:#282b30;font-weight:300;text-align:right;letter-spacing:10px;}
.fsave_area dt span{display:block;color:#f4745a;}
.fsave_area dd{width:60%;letter-spacing:-1px;}
.fsave_area dd .tit{font-size:21px;color:#333333;margin-bottom:15px;}
.fsave_area dd .tit span{border-bottom:1px solid #333;}
.fsave_area dd .txt{font-size:13px;color:#8b8b8c;line-height:20px;padding-bottom:50px;}



/* main */

#mv_area{position:relative;left:0;top:0;height:501px; }
#mv_area_wrap{min-width:1100px;width:100%;height:501px;}

#mv_area .main_visual{position:relative;width:100%;height:501px;margin:0 auto;overflow: hidden;}
#mv_area .main_visual .bxslider{display:block;width:100%;height:501px;margin:0 auto;z-index:10;}
#mv_area .main_visual .bxslider:after{content:"";clear:both;display:block;}
#mv_area .main_visual .bxslider li{width:100%;height:501px;margin:0 auto;cursor:pointer;}
#mv_area .main_visual .bxslider li .img_slider{min-width:1100px;height:501px;}

#mv_area .main_visual .bx-controls-direction {display:none;}

#mv_area .main_visual .bx-controls{width:920px;position:absolute;left:50%;bottom:50px;margin-left:-550px;z-index:99;padding-left:180px;}

#mv_area .main_visual .bx-pager {position:absolute;left:0;top:0;height:13px;}
#mv_area .main_visual .bx-has-controls-direction .bx-pager-item { display: inline-block; *display:inline; *zoom:1; height:13px;padding-right:5px; }
#mv_area .main_visual .bx-has-controls-direction .bx-pager-item a { display: block; width:13px; height:13px; text-indent: -5000em; font-size: 0; background: url('../images/mv_off.png') no-repeat center center; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#mv_area .main_visual .bx-has-controls-direction .bx-pager-item a.active {background: url('../images/mv_on.png') no-repeat center center; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }


.title_main{position:relative;width:1100px;margin:0 auto 30px;}
.title_main h3{font-size:24px;color:#282b30;font-family:'Montserrat', sans-serif;font-weight:600;text-transform:uppercase;}
.title_main .btn_more{color:#232f47;font-size:14px;position:absolute;right:0;top:-10px;padding:0 17px;height:38px;line-height:37px;border:1px solid #8c8e90;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;letter-spacing:-1px;background:#fff;}
.title_main .btn_more span{padding-left:10px;}
.title_main .btn_more:hover{color:#f4745a;border:1px solid #f4745a;}

.mainbox_area{padding:100px 0 90px;background:#f1f1f1;}
.mainbox_area .inner{position:relative;width:1100px;margin:0 auto;overflow:hidden;}
.mainbox_area ul{overflow:hidden;margin-left:-20px;}
.mainbox_area li{float:left;padding:0 0 22px 20px;}
.mainbox_area dl{width:351px;height:351px;background:#fff;border:1px solid #e7e7e7;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow: 0 3px 6px rgba(0,0,0,0.1);overflow:hidden;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.mainbox_area dl:hover{border:1px solid #f4745a;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.mainbox_area.breview dl{height:464px;}
.mainbox_area dt{position:relative;padding:26px 15px 10px 29px;font-size:20px;line-height:24px;color:#282b30;letter-spacing:-1.5px;}
.mainbox_area dt span{font-weight:700;}
.mainbox_area dt span.txt{display:inline-block;font-size:11px;line-height:11px;color:#f4745a;text-transform:uppercase;letter-spacing:0;margin-bottom:7px;}
.mainbox_area dt #icohit{position: absolute;z-index:9;top:-14px;left:20px;height:31px;width:122px;
-webkit-animation: icohitanimation 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
}
.mainbox_area dd{padding:0 29px 15px 29px;}
.mainbox_area dd.txt{font-size:13px;line-height:20px;color:#888;letter-spacing:-1px;}
.mainbox_area dd.txt_line{font-size:14px;line-height:14px;color:#888;letter-spacing:-1px;padding-top:5px;}
.mainbox_area dd.txt_line span{border-bottom:1px solid #888;}
.mainbox_area dd.btn_readmore{text-align:right;}
.mainbox_area dd.btn_readmore span{color:#888;font-size:11px;font-family:'Montserrat', sans-serif;text-transform:uppercase;}
.mainbox_area dl:hover dd.btn_readmore span{color:#f4745a;}
.mainbox_area dd.img{padding:0;}

.bestsample_area{padding:100px 0;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.bestsample_area .title_main{height:169px;padding-top:100px;background:url("../images/bg_mainb1.jpg") no-repeat 0 0;margin:0 auto;}
.bestsample_area .title_main h3{font-size:30px;line-height:30px;color:#fff;text-align:center;}
.bestsample_area .title_main h3 span{border-bottom:1px solid #fff;}
.bestsample_area .title_main h3 img{display:inline-block;margin:-10px 0 0 5px;}
.bestsample_area .title_main p{font-size:20px;line-height:20px;color:#aaa8a8;text-align:center;margin-top:25px;letter-spacing:-1px;}

.bestsample_slide{width:1100px;margin:0 auto;}
.bestsample_slide .thumb_box{height:58px;border: 1px solid #e7e7e7;box-shadow: 0 3px 6px rgba(0,0,0,0.1);margin-bottom:20px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;overflow:hidden;}
.bestsample_slide .thumb_box .slides{width:100% !important;overflow:hidden;padding-left:32px;}
.bestsample_slide .thumb_box .slides li{width:9.4% !important;text-align:center;background:#fff;}
.bestsample_slide .thumb_box .slides li.w1{width:6% !important;}
.bestsample_slide .thumb_box .slides li span{display:block;color:#666;font-size:15px;line-height:16px;height:57px;line-height:56px;border-bottom:1px solid #fff;cursor:pointer;padding:0 10px;}
.bestsample_slide .thumb_box .slides li.flex-active-slide span{color:#282b30;border-bottom:1px solid #282b30;}

.bestsample_slide .thumb_box .flex-direction-nav{display:none;}
.bestsample_slide .thumb_box .flex-control-nav{display:none;}

.bestsample_slide .exslide{position:relative;width:1100px;height:1050px;}
.bestsample_slide .exslide .flex-direction-nav{}
.bestsample_slide .exslide .flex-nav-prev{position:absolute;top:50%;left:-38px;width:13px;height:24px;margin-top:-12px;}
.bestsample_slide .exslide .flex-nav-prev .flex-prev{display:block;width:13px;height:24px;text-indent:-999em;background:url("../images/btn_mleft.png") no-repeat 0 0;}
.bestsample_slide .exslide .flex-nav-next{position:absolute;top:50%;right:-38px;width:13px;height:24px;margin-top:-12px;}
.bestsample_slide .exslide .flex-nav-next .flex-next{display:block;width:13px;height:24px;text-indent:-999em;background:url("../images/btn_mright.png") no-repeat 0 0;}
.bestsample_slide .exslide .flex-control-nav{display:none;}

.bestsample_slide .list_sample1{overflow:hidden;}
.bestsample_slide .list_sample1 li{float:left;width:204px;height:580px;margin:0 0 0 20px;padding-bottom:20px;}
.bestsample_slide .list_sample1 li.first{margin-left:0;}
.bestsample_slide .list_sample1 li dl{height:533px;padding:21px;background:#f9f9f9;border:1px solid #e7e7e7;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;box-shadow: 0 3px 6px rgba(0,0,0,0.1);}
.bestsample_slide .list_sample1 li dl:hover{border:1px solid #f4745a;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.bestsample_slide .list_sample1 li dt{color:#282b30;font-size:11px;font-family:'Montserrat', sans-serif;text-transform:uppercase;}
.bestsample_slide .list_sample1 li dd.img{margin-bottom:18px;}
.bestsample_slide .list_sample1 li dd.img img{width:160px;height:480px;}
.bestsample_slide .list_sample1 li dd{color:#888;font-size:14px;letter-spacing:-1px;}

.bestsample_slide .list_sample2{overflow:hidden;}
.bestsample_slide .list_sample2 li{float:left;width:539px;height:213px;margin:0 0 0 20px;padding-bottom:20px;}
.bestsample_slide .list_sample2 li.first{margin-left:0;}
.bestsample_slide .list_sample2 li dl{height:165px;padding:21px;background:#f9f9f9;border:1px solid #e7e7e7;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;box-shadow: 0 3px 6px rgba(0,0,0,0.1);}
.bestsample_slide .list_sample2 li dl:hover{border:1px solid #f4745a;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.bestsample_slide .list_sample2 li dt{color:#282b30;font-size:11px;font-family:'Montserrat', sans-serif;text-transform:uppercase;}
.bestsample_slide .list_sample2 li dd.img{margin-bottom:18px;}
.bestsample_slide .list_sample2 li dd.img img{width:494px;height:110px;}
.bestsample_slide .list_sample2 li dd{color:#888;font-size:14px;letter-spacing:-1px;}

.bestsample_slide .list_sample3{overflow:hidden;}
.bestsample_slide .list_sample3 li{float:left;width:539px;height:192px;margin:0 0 0 20px;padding-bottom:20px;}
.bestsample_slide .list_sample3 li.first{margin-left:0;}
.bestsample_slide .list_sample3 li dl{height:155px;padding:21px;background:#f9f9f9;border:1px solid #e7e7e7;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;box-shadow: 0 3px 6px rgba(0,0,0,0.1);}
.bestsample_slide .list_sample3 li dl:hover{border:1px solid #f4745a;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.bestsample_slide .list_sample3 li dt{color:#282b30;font-size:11px;font-family:'Montserrat', sans-serif;text-transform:uppercase;}
.bestsample_slide .list_sample3 li dd.img{margin-bottom:12px;}
.bestsample_slide .list_sample3 li dd.img img{width:494px;height:110px;}
.bestsample_slide .list_sample3 li dd{color:#888;font-size:14px;letter-spacing:-1px;}

.notice_area{width:1100px;margin:0 auto;padding:100px 0;overflow:hidden;}
.notice_area .left{float:left;width:539px;}
.notice_area .right{float:right;width:539px;}
.notice_area .inner{padding:19px 30px 30px 30px;background:#f9f9f9;border:1px solid #e7e7e7;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow: 0 3px 6px rgba(0,0,0,0.1);}
.notice_area li{line-height:39px;border-bottom:1px solid #e7e7e7;}
.notice_area li a{display:block;font-size:13px;color:#888;}
.notice_area li a:hover{color:#f4745a;}
.notice_area .btn_more{display:block;width:228px;color:#232f47;font-size:14px;height:38px;line-height:37px;border:1px solid #8c8e90;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;letter-spacing:-1px;background:#fff;margin:0 auto;text-align:center;margin-top:30px;}
.notice_area .btn_more span{padding-left:10px;}
.notice_area .btn_more:hover{color:#f4745a;border:1px solid #f4745a;}

/* 메인상품 */
.products_area{background:#f1f1f1;padding:100px 0 0;}
.products_area.last{padding:90px 0;}
.products_area .inner{width:1100px;margin:0 auto;overflow:hidden;}
.products_area .title_main.titbox{height:169px;padding-top:100px;background:url("../images/bg_mainb2.jpg") no-repeat 0 0;margin:0 auto 20px;}
.products_area .title_main.titbox h3{font-size:30px;line-height:30px;color:#fff;text-align:center;}
.products_area .title_main.titbox h3 span{border-bottom:1px solid #fff;}
.products_area .title_main.titbox p{font-size:20px;line-height:20px;color:#aaa8a8;text-align:center;margin-top:25px;letter-spacing:-1px;}
.products_area.list_relate{margin:20px 0 0 0;}
.products_area ul{width:1130px;font-size:0;letter-spacing:-5px;overflow:hidden;}
.products_area li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:351px;margin:0 22px 20px 0;}
.products_area li .img{position:relative;border:1px solid #f9f9f9;margin-bottom:25px;z-index:1;padding-left:0;}
.products_area li .img img{display:block;width:307px;height:307px;opacity:1;filter: alpha(opacity=100);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area li dl:hover .img img{opacity:0.7;filter: alpha(opacity=70);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area li .ico_probest{position:absolute;left:-10px;top:-10px;color:#fff;font-family:'Montserrat', sans-serif;font-size:10px;line-height:10px;display:inline-block;width:58px;height:46px;padding-top:12px;background:url("../images/bg_icobest2.png") no-repeat 0 0;text-align:center;z-index:9;}
.products_area li .ico_probest span{display:block;font-size:22px;line-height:24px;font-weight:600;}
.products_area li .ico_probest.best1, .products_area li .ico_probest.best2, .products_area li .ico_probest.best3{position:absolute;left:-10px;top:-10px;color:#fff;font-family:'Montserrat', sans-serif;font-size:10px;line-height:10px;display:inline-block;width:58px;height:46px;padding-top:12px;background:url("../images/bg_icobest1.png") no-repeat 0 0;text-align:center;}
.products_area li .ico_probest.best1 span, .products_area li .ico_probest.best2 span, .products_area li .ico_probest.best3 span{display:block;font-size:20px;line-height:20px;}
.products_area li dl{padding:20px 20px 25px 20px;/*height:432px;*/background:#fff;border:1px solid #e7e7e7;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow: 0 3px 6px rgba(0,0,0,0.1);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area li dl:hover{border:1px solid #f4745a;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area li dt{margin-bottom:10px;padding-left:5px;}
.products_area li dt .tit{color:#282b30;font-size:18px;line-height:22px;letter-spacing:-2px;}
.products_area li dd{padding-left:5px;}
.products_area li .price{position:relative;font-family:'Montserrat', sans-serif;font-size:20px;line-height:22px;color:#f4745a;}
.products_area li .won{font-size:12px;line-height:12px;}
.products_area li .icon{display:inline-block;line-height:18px;padding-left:5px;vertical-align:middle;}
.products_area li .price_discount{display:inline-block;font-size:16px;line-height:22px;color:#999;padding:0 5px 2px 0;font-weight:normal;vertical-align:middle;letter-spacing:-1px;}

/* 공통 디자인샘플 */
.products_area2{width:1100px;margin:0 auto;overflow:hidden;}
.products_area2 ul{width:1130px;font-size:0;letter-spacing:-5px;overflow:hidden;}
.products_area2 li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:351px;margin:0 22px 20px 0;}
.products_area2 li .img{position:relative;border:1px solid #f9f9f9;margin-bottom:25px;z-index:1;padding-left:0;}
.products_area2 li .img img{display:block;width:307px;height:307px;opacity:1;filter: alpha(opacity=100);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area2 li dl:hover .img img{opacity:0.7;filter: alpha(opacity=70);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area2 li .ico_probest{position:absolute;left:-10px;top:-10px;color:#fff;font-family:'Montserrat', sans-serif;font-size:10px;line-height:10px;display:inline-block;width:58px;height:46px;padding-top:12px;background:url("../images/bg_icobest1.png") no-repeat 0 0;text-align:center;z-index:9;}
.products_area2 li .ico_probest span{display:block;font-size:22px;line-height:24px;font-weight:600;}
.products_area2 li dl{padding:20px 20px 25px 20px;/*height:432px;*/background:#fff;border:1px solid #e7e7e7;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow: 0 3px 6px rgba(0,0,0,0.1);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area2 li dl:hover{border:1px solid #f4745a;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area2 li dt{margin-bottom:10px;padding-left:5px;}
.products_area2 li dt .tit{display:inline-block;color:#282b30;font-size:18px;line-height:22px;letter-spacing:-2px;height:71px;}
.products_area2 li dd{padding-left:5px;}
.products_area2 li .price{position:relative;font-family:'Montserrat', sans-serif;font-size:20px;line-height:22px;color:#f4745a;}
.products_area2 li .won{font-size:12px;line-height:12px;}
.products_area2 li .icon{display:inline-block;line-height:18px;vertical-align:middle;}
.products_area2 li .price_discount{display:inline-block;font-size:16px;line-height:22px;color:#999;padding:0 5px 2px 0;font-weight:normal;vertical-align:middle;letter-spacing:-1px;}

/* 배너디자인샘플(5단 세로형샘플) */
.products_area3{width:1100px;margin:0 auto;overflow:hidden;}
.products_area3 ul{width:1130px;font-size:0;letter-spacing:-5px;overflow:hidden;}
.products_area3 li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:204px;margin:0 20px 20px 0;}
.products_area3 li .img{position:relative;border:1px solid #f9f9f9;margin-bottom:15px;z-index:1;padding-left:0;}
.products_area3 li .img img{display:inline-block;position:relative;display:block;width:160px;height:480px;z-index:1;}
.products_area3 li .img .bg{position:absolute;left:0;top:0;width:160px;height:480px;font-size:16px;line-height:22px;color:#fff;background:url("../images/bg_proliston.png") repeat 0 0;z-index:2;text-align:center;opacity:0;filter: alpha(opacity=0);-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area3 li .img .bg span{display:inline-block;padding-top:199px;}
.products_area3 li .img .bg img{display:inline-block;width:21px;height:21px;margin-bottom:15px;}
.products_area3 li dl:hover .img .bg{opacity:1;filter: alpha(opacity=100);-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area3 li .ico_probest{position:absolute;left:-10px;top:-10px;color:#fff;font-family:'Montserrat', sans-serif;font-size:10px;line-height:10px;display:inline-block;width:58px;height:46px;padding-top:12px;background:url("../images/bg_icobest1.png") no-repeat 0 0;text-align:center;z-index:9;}
.products_area3 li .ico_probest span{display:block;font-size:22px;line-height:24px;font-weight:600;}
.products_area3 li dl{padding:20px 20px 25px 20px;background:#fff;border:1px solid #e7e7e7;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow: 0 3px 6px rgba(0,0,0,0.1);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area3 li dl:hover{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area3 li dt{padding-left:5px;}
.products_area3 li dt .tit{color:#888;font-size:14px;line-height:14px;letter-spacing:-1px;}
.products_area3 li dd{padding-left:5px;}
.products_area3 li dd.txt_sam{font-size:11px;color:#282b30;font-family:'Montserrat', sans-serif;text-transform:uppercase;}
.products_area3 li .price{position:relative;font-family:'Montserrat', sans-serif;font-size:20px;line-height:22px;color:#f4745a;}
.products_area3 li .won{font-size:12px;line-height:12px;}
.products_area3 li .icon{display:inline-block;line-height:18px;padding-left:5px;vertical-align:middle;}
.products_area3 li .price_discount{color:#999;padding-right:5px;}

/* 현수막디자인샘플(2단 가로형샘플) */
.products_area4{width:1100px;margin:0 auto;overflow:hidden;}
.products_area4 ul{width:1130px;font-size:0;letter-spacing:-5px;overflow:hidden;}
.products_area4 li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:540px;margin:0 20px 20px 0;}
.products_area4 li .img{position:relative;border:1px solid #f9f9f9;margin-bottom:15px;z-index:1;padding-left:0;}
.products_area4 li .img img{position:relative;display:block;width:492px;height:84px;z-index:1;}
.products_area4 li .img .bg{display:inline-block;position:absolute;left:0;top:0;width:492px;height:84px;font-size:16px;line-height:20px;color:#fff;background:url("../images/bg_proliston.png") repeat 0 0;z-index:2;text-align:center;opacity:0;filter: alpha(opacity=0);-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area4 li .img .bg span{display:inline-block;padding-top:33px;}
.products_area4 li .img .bg img{display:inline-block;width:21px;height:21px;margin-right:10px;}
.products_area4 li dl:hover .img .bg{opacity:1;filter: alpha(opacity=100);-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area4 li .ico_probest{position:absolute;left:-10px;top:-10px;color:#fff;font-family:'Montserrat', sans-serif;font-size:10px;line-height:10px;display:inline-block;width:58px;height:46px;padding-top:12px;background:url("../images/bg_icobest1.png") no-repeat 0 0;text-align:center;z-index:9;}
.products_area4 li .ico_probest span{display:block;font-size:22px;line-height:24px;font-weight:600;}
.products_area4 li dl{padding:20px 20px 25px 20px;background:#fff;border:1px solid #e7e7e7;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow: 0 3px 6px rgba(0,0,0,0.1);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area4 li dl:hover{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area4 li dt{padding-left:5px;}
.products_area4 li dt .tit{color:#888;font-size:14px;line-height:14px;letter-spacing:-1px;}
.products_area4 li dd{padding-left:5px;}
.products_area4 li dd.txt_sam{font-size:11px;color:#282b30;font-family:'Montserrat', sans-serif;text-transform:uppercase;}
.products_area4 li .price{position:relative;font-family:'Montserrat', sans-serif;font-size:20px;line-height:22px;color:#f4745a;}
.products_area4 li .won{font-size:12px;line-height:12px;}
.products_area4 li .icon{display:inline-block;line-height:18px;padding-left:5px;vertical-align:middle;}
.products_area4 li .price_discount{color:#999;padding-right:5px;}

/* 테니스현수막_우승현수막(3단) */
.products_area5{width:1100px;margin:0 auto;overflow:hidden;}
.products_area5 ul{width:1130px;font-size:0;letter-spacing:-5px;overflow:hidden;}
.products_area5 li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:351px;margin:0 22px 20px 0;}
.products_area5 li .img{position:relative;border:1px solid #f9f9f9;margin-bottom:25px;z-index:1;padding-left:0;}
.products_area5 li .img img{display:block;width:307px;/*height:307px;*/opacity:1;filter: alpha(opacity=100);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area5 li dl:hover .img img{opacity:0.7;filter: alpha(opacity=70);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area5 li .ico_probest{position:absolute;left:-10px;top:-10px;color:#fff;font-family:'Montserrat', sans-serif;font-size:10px;line-height:10px;display:inline-block;width:58px;height:46px;padding-top:12px;background:url("../images/bg_icobest1.png") no-repeat 0 0;text-align:center;z-index:9;}
.products_area5 li .ico_probest span{display:block;font-size:22px;line-height:24px;font-weight:600;}
.products_area5 li dl{padding:20px 20px 25px 20px;/*height:432px;*/background:#fff;border:1px solid #e7e7e7;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow: 0 3px 6px rgba(0,0,0,0.1);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area5 li dl:hover{border:1px solid #f4745a;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area5 li dt{margin-bottom:10px;padding-left:5px;}
.products_area5 li dt .tit{display:inline-block;color:#282b30;font-size:18px;line-height:22px;letter-spacing:-2px;/*height:71px;*/}
.products_area5 li dd{padding-left:5px;}
.products_area5 li .price{position:relative;font-family:'Montserrat', sans-serif;font-size:20px;line-height:22px;color:#f4745a;}
.products_area5 li .won{font-size:12px;line-height:12px;}
.products_area5 li .icon{display:inline-block;line-height:18px;vertical-align:middle;}
.products_area5 li .price_discount{display:inline-block;font-size:16px;line-height:22px;color:#999;padding:0 5px 2px 0;font-weight:normal;vertical-align:middle;letter-spacing:-1px;}

/* 테니스현수막_레슨현수막(2단) */
.products_area6{width:1100px;margin:0 auto;overflow:hidden;}
.products_area6 ul{width:1130px;font-size:0;letter-spacing:-5px;overflow:hidden;}
.products_area6 li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:540px;margin:0 20px 20px 0;}
.products_area6 li .img{position:relative;border:1px solid #f9f9f9;margin-bottom:25px;z-index:1;padding-left:0;}
.products_area6 li .img img{display:block;width:492px;height:125px;opacity:1;filter: alpha(opacity=100);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area6 li dl:hover .img img{opacity:0.7;filter: alpha(opacity=70);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area6 li .ico_probest{position:absolute;left:-10px;top:-10px;color:#fff;font-family:'Montserrat', sans-serif;font-size:10px;line-height:10px;display:inline-block;width:58px;height:46px;padding-top:12px;background:url("../images/bg_icobest1.png") no-repeat 0 0;text-align:center;z-index:9;}
.products_area6 li .ico_probest span{display:block;font-size:22px;line-height:24px;font-weight:600;}
.products_area6 li dl{padding:20px 20px 25px 20px;/*height:432px;*/background:#fff;border:1px solid #e7e7e7;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow: 0 3px 6px rgba(0,0,0,0.1);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area6 li dl:hover{border:1px solid #f4745a;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.products_area6 li dt{margin-bottom:10px;padding-left:5px;}
.products_area6 li dt .tit{display:inline-block;color:#282b30;font-size:18px;line-height:22px;letter-spacing:-2px;/*height:71px;*/}
.products_area6 li dd{padding-left:5px;}
.products_area6 li .price{position:relative;font-family:'Montserrat', sans-serif;font-size:20px;line-height:22px;color:#f4745a;}
.products_area6 li .won{font-size:12px;line-height:12px;}
.products_area6 li .icon{display:inline-block;line-height:18px;vertical-align:middle;}
.products_area6 li .price_discount{display:inline-block;font-size:16px;line-height:22px;color:#999;padding:0 5px 2px 0;font-weight:normal;vertical-align:middle;letter-spacing:-1px;}


.bannerroll_area{background:#f1f1f1;padding:30px 0 100px;}
.bannerroll_area dl{width:1098px;height:298px;border:1px solid #e7e7e7;box-shadow: 0 3px 6px rgba(0,0,0,0.1);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;margin:0 auto;}
.bannerroll_area dd li{}
.bannerroll_area .flexslider{position:relative;}
.bannerroll_area .flex-control-nav{display:none;}
.bannerroll_area .flex-nav-prev{position:absolute;left:25px;top:50%;margin-top:-20px;z-index:99;}
.bannerroll_area .flex-nav-prev a{display:inline-block;width:13px;height:24px;padding:10px;text-indent:-999999em;overflow:hidden;background:url("../images/btn_mleft1.png") no-repeat 50% 50%;}
.bannerroll_area .flex-nav-next{position:absolute;right:25px;top:50%;margin-top:-20px;z-index:99;}
.bannerroll_area .flex-nav-next a{display:inline-block;width:13px;height:24px;padding:10px;overflow:hidden;text-indent:-999999em;background:url("../images/btn_mright1.png") no-repeat 50% 50%;}

.why_area{height:670px;padding:100px 0;overflow:hidden;background-image: url("../images/bg_mwhy.jpg");background-position:50% 50%;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;}
.why_area .title_main{text-align:center;margin:0 auto 45px;}
.why_area .title_main h3{font-size:30px;color:#f4745a;}
.why_area .title_main h3 span{border-bottom:1px solid #f4745a;}
.why_area .title_main p{font-size:20px;line-height:20px;color:#aaa8a8;text-align:center;margin-top:25px;letter-spacing:-1px;}
.why_area .flexslider{width:1100px;margin:0 auto;overflow:hidden;}
.why_area .flex-direction-nav{display:none;}
.why_area .flex-control-nav{text-align:center;}
.why_area .flex-control-nav li{display:inline-block;padding:0 3px;}
.why_area .flex-control-nav li a{ display: block; width:13px; height:13px; text-indent: -5000em; font-size: 0; background: url('../images/mv_off2.png') no-repeat center center; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.why_area .flex-control-nav li a.flex-active{background: url('../images/mv_on.png') no-repeat center center; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.why_area ul{}
.why_area li{overflow:hidden;padding-bottom:46px;}
.why_area dl{position:relative;float:left;width:353px;height:490px;background:#fff;border:1px solid #282b30;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow: 0 3px 6px rgba(0,0,0,0.1);overflow:hidden;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;margin-left:17px;}
.why_area dl:hover{border:1px solid #f4745a;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.why_area dl:first-child{margin-left:0;}
.why_area dt{position:relative;padding:20px 15px 10px 29px;font-size:20px;line-height:24px;color:#282b30;letter-spacing:-1.5px;}
.why_area dt span{font-weight:700;}
.why_area dt span.txt{display:inline-block;font-size:11px;line-height:11px;color:#f4745a;text-transform:uppercase;letter-spacing:0;margin-bottom:7px;}
.why_area dt #icohit{position: absolute;z-index:9;top:-14px;left:20px;height:31px;width:122px;
-webkit-animation: icohitanimation 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
}
.why_area dd{padding:0 29px 15px 29px;}
.why_area dd.txt{font-size:13px;line-height:20px;color:#888;letter-spacing:-1px;}
.why_area dd.txt_line{font-size:14px;line-height:14px;color:#888;letter-spacing:-1px;padding-top:5px;}
.why_area dd.txt_line span{border-bottom:1px solid #888;}
.why_area dd.btn_readmore{position:absolute;bottom:8px;right:0;text-align:right;}
.why_area dd.btn_readmore span{color:#888;font-size:11px;font-family:'Montserrat', sans-serif;text-transform:uppercase;}
.why_area dl:hover dd.btn_readmore span{color:#f4745a;}
.why_area dd.img{padding:0;}

/* sub */
.protop_area1{height:200px;background-image:url("../images/bg_protop.jpg");background-size:cover;background-position:center top; margin-top:60px;}
.protop_area1 dl{width:1100px;margin:0 auto;text-align:center;}
.protop_area1 dt{padding-top:40px;color:#fff;font-size:18px;line-height:24px;margin-bottom:20px; text-align:left;}
.protop_area1 dt span{color:#f4745a;}
.protop_area1 dd ul{overflow:hidden;}
.protop_area1 dd li{float:left;margin-left:10px;}
.protop_area1 dd li:first-child{margin-left:0;}
.protop_area1 dd li a{display:block;color:#fff;width:99px;height:70px;border:1px solid #3d4249;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.protop_area1 dd li a:hover{border:1px solid #e06d55;background:#e06d55;}
.protop_area1 dd li a img{display:inline-block;padding-top:11px;}
.protop_area1 dd li a span{display:block;margin-top:10px;}

.protop_area2{margin:60px auto 60px;width:1098px;height:178px;border:1px solid #e7e7e7;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#fff;overflow:hidden;}
.protop_area2.none{margin-top:0;}
.protop_area2 .left{float:left;width:916px;border-right:1px solid #e7e7e7;text-align:center;}
.protop_area2 .left dt{float:left;width:182px;height:178px;}
.protop_area2 .left dt img{display:inline-block;padding-top:56px;}
.protop_area2 .left dd li{float:left;width:182px;height:178px;border-left:1px solid #e7e7e7;}
.protop_area2 .left dd li img{display:inline-block;padding-top:28px;}
.protop_area2 .right{float:right;width:181px;}
.protop_area2 .right dt{font-size:15px;line-height:49px;background:#f9f9f9;text-align:center;border-bottom:1px solid #e7e7e7;}
.protop_area2 .right dd{padding:15px 0 0 20px;}
.protop_area2 .right dd li{line-height:20px;}
.protop_area2 .right dd li a{color:#888;}
.protop_area2 .right dd li a:hover{color:#f4745a;}

.protop_area3{margin:60px auto 60px;width:1098px;height:178px;border:1px solid #e7e7e7;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#fff;overflow:hidden;}
.protop_area3.none{margin-top:0;}
.protop_area3 .left{float:left;width:916px;border-right:1px solid #e7e7e7;text-align:center;}
.protop_area3 .left dt{float:left;width:182px;height:178px;}
.protop_area3 .left dt img{display:inline-block;padding-top:56px;}
.protop_area3 .left dd li{float:left;width:182px;height:178px;border-left:1px solid #e7e7e7;letter-spacing:-1px;}
.protop_area3 .left dd li .icon{width:40px;height:40px;overflow:hidden;background-repeat:no-repeat;background-position-y:-40px;margin:0 auto;padding-top:28px;}
.protop_area3 .left dd li .num{font-family:'Montserrat', sans-serif;font-size:24px;line-height:24px;color:#a2a2a2;padding-top:8px;margin-bottom:18px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.protop_area3 .left dd li .txt{font-size:14px;line-height:17px;color:#282b30;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}

.protop_area3 .left dd li.bg1 .icon{background-image:url("/design/samtopia/skin1/images/ico_why1.png");}
.protop_area3 .left dd li.bg2 .icon{background-image:url("/design/samtopia/skin1/images/ico_why2.png");}
.protop_area3 .left dd li.bg3 .icon{background-image:url("/design/samtopia/skin1/images/ico_why3.png");}
.protop_area3 .left dd li.bg4 .icon{background-image:url("/design/samtopia/skin1/images/ico_why4.png");}

.protop_area3 .left dd li:hover .icon{background-position-y:28px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.protop_area3 .left dd li:hover .num{color:#f4745a;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.protop_area3 .left dd li:hover .txt{color:#f4745a;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}

.protop_area3 .right{float:right;width:181px;}
.protop_area3 .right dt{font-size:15px;line-height:49px;background:#f9f9f9;text-align:center;border-bottom:1px solid #e7e7e7;}
.protop_area3 .right dd{padding:15px 0 0 20px;}
.protop_area3 .right dd li{line-height:24px;}
.protop_area3 .right dd li a{color:#888;}
.protop_area3 .right dd li a:hover{color:#f4745a;}

.protopban_area{width:1100px;margin:40px auto 10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#e7e7e7;overflow:hidden;}

.prosubcate_area{width:1100px;margin:0 auto;margin-bottom:40px;}
.prosubcate_area dl{background:#282b30;height:66px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;}
.prosubcate_area dd{width:100%;overflow:hidden;}
.prosubcate_area dd ul{width:1150px;overflow:hidden;}
.prosubcate_area dd li{float:left;min-width:99px;height:66px;border-right:1px solid #1e2024;}
.prosubcate_area dd li.scate11{min-width:100px;}
.prosubcate_area dd li a{display:block;font-size:13px;line-height:26px;padding:20px 7px;color:#fff;text-align:center;letter-spacing:-1px;}
.prosubcate_area dd li a:hover{background:#f4745a;}


/* page */
.page_area{width:1100px;margin:0 auto;}
.page_area img{display:block;}
.page_area .tit_area{position:relative;}
.page_area .tit_area h3{position:absolute;left:0;top:-171px;text-indent:-9999em;}

.webharduse_area{width:1100px;margin:0 auto;text-align:center;}
.webharduse_area dl{padding:90px 0 30px;background:#3c3f45;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.webharduse_area dt{margin-bottom:35px;}
.webharduse_area dd{font-size:18px;line-height:33px;color:#b3b3b3;letter-spacing:-1px;margin-bottom:65px;}
.webharduse_area dd .txt1{color:#fff;}
.webharduse_area dd .txt2{color:#f4745a;font-family:'Montserrat', sans-serif;font-weight:600;letter-spacing:0;}
.webharduse_area dd.btn_more a{display:inline-block;color:#fff;font-size:19px;width:200px;height:54px;line-height:53px;background:#f4745a;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.webharduse_area dd.btn_more a span{display:inline-block;padding-left:20px;}

.orderguide_box{overflow:hidden;margin-bottom:10px;}
.orderguide_box li{float:left;width:353px;margin-left:20px;}
.orderguide_box li:first-child{margin-left:0;}
.orderguide_box li dl{background:#fff;border:1px solid #e7e7e7;height:170px;padding-top:40px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;letter-spacing:-1px;}
.orderguide_box li dt{color:#888;font-size:20px;line-height:28px;}
.orderguide_box li dd.img{margin-bottom:15px;}
.orderguide_box li dd.img img{display:inline-block;}
.orderguide_box li dd{font-size:20px;line-height:26px;color:#282b30;}
.orderguide_box li dd span{display:inline-block;padding:0 5px;color:#888;}
.orderguide_box li dd a{font-size:20px;color:#282b30;}
.orderguide_box li dd a.btn_bmore{color:#f4745a;}
.orderguide_box li dd a.btn_bmore span{font-size:16px;line-height:24px;padding:0 0 0 5px;color:#f4745a;vertical-align:top;}

.btn_pagemore{margin-top:40px;text-align:center;}
.btn_pagemore a{display:inline-block;color:#fff;font-size:19px;height:54px;line-height:53px;padding:0 30px;background:#f4745a;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.btn_pagemore a span{display:inline-block;padding-left:20px;}