#wrapper{}
#wrapper.nav-fixed{padding-top: 141px;}

.header-wrap{position: relative;box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);}
.header-wrap.nav-fixed{width: 100%;position: fixed;left:0;top:0;z-index: 10;background: #fff;/*box-shadow:0 3px 10px rgba(0, 0, 0, 0.2)*/}
.header-wrap.nav-fixed .header-top{display: none;}
.header-wrap.nav-fixed .allmenu-wrap{top:58px}
#header{width: 1100px;margin: 0 auto;}
.header-top{*zoom:1;}
.header-top:after{content:""; display:block; clear:both;}
#header h1{float: left;}
#header h1 a{display: block;height: 83px;width: 224px;background: url(/new_images/comm/logo.jpg) 0 center no-repeat;text-indent:-9999px;}

.header-top-right{float: right;padding-top: 25px;}
.header-top-right a{display: inline-block;position: relative;margin-right: 30px;}
.header-top-right a:last-child{margin-right: 0;}
.header-top-right a:after{content:"";width: 1px;height: 12px;background: #d3d3d3;display: block;position: absolute;top:4px;right:-17px}
.header-top-right a:last-child:after{display: none;}

.footer-wrap{border-top: 1px solid #dfdfdf;background: #f9f9f9;margin-top: 100px;}
.footer-top{border-bottom: 1px solid #dfdfdf;position: relative;}
.footer-link{width: 1100px;margin: 0 auto;}
.footer-link a{color:#777;font-size: 14px;font-weight: 600;margin-right: 22px;display: inline-block;height: 66px;line-height: 66px;font-size: 18px;}



.family-site-wrap{position: absolute;right:50%;margin-right: -550px;top:0;text-align: right;}
.family-site-btn{display: inline-block;line-height: 66px;height: 66px;width: 170px;background: url(/new_images/comm/site.gif) right 15px center no-repeat;padding-right: 50px;text-align: right;border: 1px solid #f9f9f9;border-top: none;border-bottom: none;}
.family-site-btn.active{background:#fff url(/new_images/comm/site.gif) right 15px center no-repeat;border-color: #ddd;}
.family-site-wrap ul{width: 170px;position: absolute;right:0;bottom:66px;border: 1px solid #ddd;display: none;}
.family-site-wrap ul li{border-bottom: 1px solid #ddd;}
.family-site-wrap ul li a{height: 50px;line-height: 50px;text-align: center;display: block;}
.family-site-wrap ul li:last-child{border-bottom: none;}
#footer{width: 1100px;margin: 0 auto;padding-bottom: 80px;position: relative;margin-top: 40px;font-size: 18px;color:#777}


/* menu */
.header-bottom{*zoom:1;}
.header-bottom:after{content:""; display:block; clear:both;}
.gnb-right-btn{float: right;width: 116px;}
#allmenu-btn{width: 58px;height: 58px;background: #000 url(/new_images/comm/allmenu.png) center center no-repeat;display: inline-block;vertical-align: top;}
#allmenu-btn.active{background-color: #2b6dc3;}
#mobile-menu-btn{width: 58px;height: 58px;background: #000 url(/new_images/comm/allmenu.png) center center no-repeat;display: inline-block;vertical-align: top;display: none;}
#search-btn{width: 58px;height: 58px;background: #e5e5e5 url(/new_images/comm/sear.jpg) center center no-repeat;display: inline-block;vertical-align: top;}

#gnb{margin: 0 auto;float: left;width: calc(100% - 116px);}
#gnb ul{list-style:none;*zoom:1;}
#gnb ul:after{content:""; display:block; clear:both;}
#gnb ul li{float:left;position:relative;width: 12.5%;}
#gnb ul li a{display:block;height:58px;line-height:58px;text-align:center;font-size:18px;color:#333;font-weight:500;padding:0 0px;}
#gnb ul li.hover a, #gnb ul li.gnb-active a{}
#gnb ul li.allmenu{float: right;}
#gnb ul li.allmenu #allmenu-btn{width: 44px;height: 40px;background: url(/images/common/all_menu.jpg) center center no-repeat;text-indent:-9999px;margin-top: 25px;}
#gnb>ul>li>a>span{position: relative;display: inline-block;height: 58px;line-height: 58px;padding: 0 20px;}
/*
#gnb>ul>li>a>span:after{transition-property : left, width ; transition-duration : .3s; transition-timing-function : ease-out; content: ""; position: absolute; left: 50%; bottom: 20px; height: 5px; width: 0; background-color: #2b6dc3;}
#gnb ul li.hover>a>span:after, #gnb ul li.gnb-active>a>span:after{left: 0; width: 100%; }*/

#gnb:after{content:"";display: block;position: absolute;left:0;bottom:-55px;width: 100%;height: 55px;background: #2b6dc3;z-index: 9;display: none;}
#gnb.active:after, #gnb.hover:after{display: block !important;}


#gnb ul ul{display:none;position:absolute;top:58px;padding:0;z-index: 99;}
#gnb li li{margin-right: 10px;width: auto;}
#gnb li.gnb-active ul{display: block}
#gnb li li a, #gnb li.gnb-active li a, #gnb li.hover li a{display:block;height:55px;line-height:55px;color:#96c3fe;font-size:15px;width:auto;-webkit-transition:background-color .2s, color .2s, -webkit-transform .2s;
transition:background-color .2s, color .2s, transform .2s;padding: 0 5px;}
#gnb li li.gnb-active2 a, #gnb li li a:hover{color:#fff;}
#gnb li.gnb-active>a>span, #gnb li.hover>a>span{color:#fff;background: #2b6dc3;}


#gnb ul ul#gnb-sub-sub01{left:0px;width: 680px;}
#gnb ul ul#gnb-sub-sub02{left:-90px;width: 620px;}
#gnb ul ul#gnb-sub-sub03{left:25px;width: 200px;}
#gnb ul ul#gnb-sub-sub04{left:0px;width: 190px;}
#gnb ul ul#gnb-sub-sub05{left:-40px;width: 260px;}
#gnb ul ul#gnb-sub-sub06{left:-400px;width: 700px;}
#gnb ul ul#gnb-sub-sub07{left:-180px;width: 420px;}
#gnb ul ul#gnb-sub-sub08{left:-80px;width: 320px;}


.allmenu-wrap{background: #2b6dc3;position: absolute;left:0;top:141px;width: 100%;display: none;z-index: 100;}
/*.is-sub .allmenu-wrap{top:118px;}*/
.allmenu-wrap ul{width: 1100px;margin: 0 auto;*zoom:1;padding: 30px 0 50px;}
.allmenu-wrap ul ul{padding: 0;width: 100%;}
.allmenu-wrap ul:after{content:""; display:block; clear:both;}
.allmenu-wrap ul li{float: left;width: auto;}
.allmenu-wrap ul li li{float: none;width: 100%;}
.allmenu-wrap ul li li a{display: block;text-align: center;padding: 3px 0;letter-spacing:-1px;font-size: 14px ! important;color:#fff;}
.allmenu-wrap ul li li a:hover, .allmenu-wrap ul li li.gnb_allmenu_active2 a{text-decoration: underline;}
.allmenu-wrap ul li#gnb_allmenu_sub01{width: 123px;}
.allmenu-wrap ul li#gnb_allmenu_sub02{width: 123px;}
.allmenu-wrap ul li#gnb_allmenu_sub03{width: 123px;}
.allmenu-wrap ul li#gnb_allmenu_sub04{width: 123px;margin-right: 123px;}
.allmenu-wrap ul li#gnb_allmenu_sub05{width: 123px;}
.allmenu-wrap ul li#gnb_allmenu_sub06{width: 123px;}
.allmenu-wrap ul li#gnb_allmenu_sub07{width: 123px;}
.allmenu-wrap ul li#gnb_allmenu_sub08{width: 123px;}



.header-search-wrap{position: fixed;left:0;top:0;height: 100%;background:rgba(26,97,177,0.98);width: 100%;top:-100%;transition:all ease-in-out .2s;z-index: 9999;padding-top: 200px;top:0;display: none;}
.header-search-wrap.active{}
.header-search-title-box{font-size: 50px;color:#fff;text-align: center;}
.header-search-title-box span{display: block;opacity:.5;font-size: 18px;}

.header-search-input-wrap{max-width:60%;margin: 0 auto;margin-top: 80px;position: relative;border-bottom: 2px solid #fff;}
.header-search-input-wrap .header-search-input{width: calc(100% - 50px);height: 50px;border: none;background: none;color:#fff;font-size: 24px;padding-left: 10px;}
.header-search-input-wrap input[type=image]{position: absolute;right:15px;bottom:15px;}

.header-search-input-wrap .header-search-input::-webkit-input-placeholder{color: #fff;opacity:.6;font-weight: 300;}
.header-search-input-wrap .header-search-input:-ms-input-placeholder{color: #fff;opacity:.6;font-weight: 300;}
.header-search-input-wrap .header-search-input::placeholder{color: #fff;opacity:.6;font-weight: 300;}

.header-search-submit{position: absolute;right:35px;bottom:30px;}
.header-search-close{position: absolute;right:50px;top:50px;width: 29px;height: 29px;background: url(/new_images/comm/search_close.png) 0 0 no-repeat;}






.mobile-menu-wrap{position: fixed;right:-290px;top:0;z-index: 99999;background: #fff;height: 100%;width: 290px;border-left: 1px solid #cbcfde;overflow: hidden;overflow-y: auto;padding-top: 65px;}
.mobile-menu-header{height: 65px;background: #2b6dc3 url(/new_images/comm/m_logo_w.png) left 10px center no-repeat;position: fixed;width: 290px;right:-290px;top:0;background-size: 180px auto;z-index: 10;}
#mobile-menu-close{position: absolute;right:10px;top:50%;margin-top: -12px;width: 24px;height: 24px;background: url(/images/common/mobile_menu_close.gif) center center no-repeat;background-size: 100% 100%;display: block;text-indent:-9999px;}

body.gnb-mobile-menu-use{overflow: hidden;}
#gnb-mobile{width: 140px;text-align: left;}
#gnb-mobile li{border-bottom: 1px solid #efefef;}
#gnb-mobile li a{display: block;height: 50px;line-height: 50px;padding-left: 10px;color:#333;font-weight: 600;font-size: 13px;position: relative;letter-spacing:-1px;}
#gnb-mobile>ul>li.gnb-active>a{color:#2b6dc3}
#gnb-mobile>ul>li.gnb-active>a:after{content:"";display: block;position: absolute;width: 6px;height: 6px;background: #2b6dc3;border-radius:50% ;right:10px;top:50%;margin-top: -3px;}
#gnb-mobile ul ul{position: absolute;left:139px;top:65px;z-index: 2;display: none;width: 150px;}
#gnb-mobile>ul>li.gnb-active>ul{display: block;}
#gnb-mobile>ul>li.gnb-active>ul>li.gnb-active2>ul{display: block;}
#gnb-mobile>ul>li.gnb-active>ul>li.gnb-active2>a{color:#2b6dc3;background:url(/images/leftgnb_open.gif) right 10px center no-repeat;}
#gnb-mobile ul ul li{background:#efefef;border-bottom-color: #efefef;}
#gnb-mobile ul ul li a{background:url(/images/leftgnb_close.gif) right 10px center no-repeat;font-size: 13px;color:#333;}
#gnb-mobile ul ul ul{border-top: none;padding: 0px 15px 15px;display: none;}
#gnb-mobile ul ul ul li a{background: #fff;height: 35px;line-height: 35px;background:#fff url(/images/leftgnb_off.gif) 10px center no-repeat;padding-left: 25px;color:#666;font-size: 14px;}
#gnb-mobile>ul>li.gnb-active>ul>li.gnb-active2>ul>li.gnb-active3 a{background:#fff url(/images/leftgnb_on.gif) 10px center no-repeat;color:#2b6dc3}

.gnb-mobile-bg{position: fixed;right:-290px;top:65px;width: 150px;height: 100%;background: #efefef;}

#sub-container{position: relative;padding-top: 55px;}
#sub-container:after{content:"";position: absolute;display: block;width: 100%;height: 120px;left:0;top:0;z-index: -1;}

.sub-content-header{background: #f3f4f6;position: relative;}
.sub-content-header-top{height: 190px;background: url(/new_images/comm/sub_visual01.jpg) center center no-repeat;background-size: cover;}
.sub-content-header-top h3{text-align: center;color:#fff;padding-top: 42px;font-size: 36px;font-weight: 600;}

#sub-container.sub-header-sub01 .sub-content-header-top{background: url(/new_images/comm/sub_visual01.jpg) center center no-repeat;background-size: cover;}
#sub-container.sub-header-sub02 .sub-content-header-top{background: url(/new_images/comm/sub_visual02.jpg) center center no-repeat;background-size: cover;}
#sub-container.sub-header-sub03 .sub-content-header-top{background: url(/new_images/comm/sub_visual03.jpg) center center no-repeat;background-size: cover;}
#sub-container.sub-header-sub04 .sub-content-header-top{background: url(/new_images/comm/sub_visual04.jpg) center center no-repeat;background-size: cover;}
#sub-container.sub-header-sub05 .sub-content-header-top{background: url(/new_images/comm/sub_visual05.jpg) center center no-repeat;background-size: cover;}
#sub-container.sub-header-sub06 .sub-content-header-top{background: url(/new_images/comm/sub_visual06.jpg) center center no-repeat;background-size: cover;}
#sub-container.sub-header-sub07 .sub-content-header-top{background: url(/new_images/comm/sub_visual07.jpg) center center no-repeat;background-size: cover;}
#sub-container.sub-header-sub08 .sub-content-header-top{background: url(/new_images/comm/sub_visual08.jpg) center center no-repeat;background-size: cover;}

.content-body{padding-top: 70px;min-height:500px;width: 1100px; margin: 0 auto;}
.page-title{font-size: 40px;font-weight: 700;}


.sub-top-nav{*zoom:1;background: #fff;border: 1px solid #f2efef;width: 1100px;margin: 0 auto;position: absolute;left:50%;margin-left: -550px;bottom:0;}
.sub-top-nav:after{content:""; display:block; clear:both;}
.page-position a.page-position-home{width: 55px;height: 54px;border-right: 1px solid #f2efef;display: inline-block;text-indent:-9999px;background: #fff url(/new_images/comm/home.jpg) center center no-repeat;margin-right: 20px !important;}
.page-position a.page-position-home:after, .page-position a:last-child:after{display: none;}
.page-position a{font-size: 14px;color:#333;display: inline-block;height: 54px;line-height: 54px;margin-right: 30px;font-weight: 500;position: relative;}
.page-position a:after{content:"";display: block;height: 54px;background: url(/new_images/comm/arr_01.jpg) 0 center no-repeat;width: 8px;position: absolute;right:-20px;top:0;}


.sub-top-sns{position: absolute;right:0;top:0;}
.sub-top-sns a{display: inline-block;height: 54px;width: 55px;border-left: 1px solid #f2efef;}
.sub-top-sns1{background: url(/new_images/comm/share.jpg) center center no-repeat;}
.sub-top-sns2{background: url(/new_images/comm/link.jpg) center center no-repeat;}
.sub-top-sns3{background: url(/new_images/comm/print.jpg) center center no-repeat;}

.sns-pop-btn{border:1px solid #ddd;border-radius:10px;*zoom:1;position:absolute;right:175px;top:11px;display:none;width: 104px;}
.sns-pop-btn i{content: '';float: left;position: absolute;right: 0;top: 50%;width: 0;height: 0;margin: -6px -6px -6px 0;border: 6px solid transparent;border-left-color: #ddd;border-right: 0;}
.sns-pop-btn i:after{content: '';float: left;position: absolute;right: 0;top: 50%;width: 0;height: 0;margin: -6px 1px;border: 6px solid transparent;border-left-color: #fff;border-right: 0;}
.sns-pop-btn:after{content:""; display:block; clear:both;}
.sns-pop-btn li{float:left;}
.sns-pop-btn li a{display:block;}
.sns-pop-btn li a.sns-facebook-btn{width:34px;height:30px;background:url(/new_images/comm/facebook.png) center center no-repeat;background-size:auto 20px;}
.sns-pop-btn li a.sns-twitter-btn{width:34px;height:30px;background:url(/new_images/comm/twitter.png) center center no-repeat;background-size:auto 20px;}
.sns-pop-btn li a.sns-kakao-btn{width:34px;height:30px;background:url(/new_images/comm/kakao.png) center center no-repeat;background-size:auto 20px;}




.mobile-sub-header-btn{display: none;}
/*
.mobile-sub-header-btn#mobile-sub-header-sub01-btn{background: url() 0 0 no-repeat;}
.mobile-sub-header-btn#mobile-sub-header-sub02-btn{background: url() 0 0 no-repeat;}
.mobile-sub-header-btn#mobile-sub-header-sub03-btn{background: url() 0 0 no-repeat;}
.mobile-sub-header-btn#mobile-sub-header-sub04-btn{background: url() 0 0 no-repeat;}
.mobile-sub-header-btn#mobile-sub-header-sub05-btn{background: url() 0 0 no-repeat;}
.mobile-sub-header-btn#mobile-sub-header-sub06-btn{background: url() 0 0 no-repeat;}
.mobile-sub-header-btn#mobile-sub-header-sub07-btn{background: url() 0 0 no-repeat;}*/
.mobile-sub-header-btn a{padding-right: 10px;position: relative;display: block;height: 50px;line-height: 50px;color:#333;text-align: center;font-size: 16px;padding-right: 10px;background: url(/images/sub_header_bg1.jpg) center center no-repeat;background-size: cover;color:#fff;}
.mobile-sub-header-btn a span{display: inline-block;position: relative;}
.mobile-sub-header-btn a span:after{content:"";display: block;position: absolute;right:-25px;top:0;width: 22px;height: 50px;background: url(/img/gnb_icon.png) 0 center no-repeat;background-size: 22px 14px;}
.mobile-sub-list{border-bottom: 1px solid #2b6dc3;display: none;}
.mobile-sub-list li{border-top: 1px solid #dfdfdf;}
.mobile-sub-list li:first-child{border-top: none;}
.mobile-sub-list li a{height: 40px;line-height: 40px;display: block;text-align: center;color:#666}
.mobile-sub-list li.mobile-sub-list-active a{color:#827cff}
.mobile-sub-tab{*zoom:1;display: none;}
.mobile-sub-tab:after{content:"";display: block;clear:both;}
.mobile-sub-tab li{float: left;width: 50%;border-left: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;height: 41px;position: relative;}
.mobile-sub-tab li a{display: block;height: 40px;line-height: 40px;padding-left: 10px;}
.mobile-sub-tab li:nth-child(2n-1){border-left: none;}
.mobile-sub-tab li.mobile-sub-tab-active{border-bottom-color:#827cff;}
.mobile-sub-tab li.mobile-sub-tab-active a{color:#827cff}
.mobile-sub-tab li.mobile-sub-tab-active:after{position: absolute;right:10px;top:17px;width: 6px;height: 6px;background: #827cff;border-radius:50%;content:"";}

.mobile-page-position {margin: 15px 10px 15px;border-bottom: 1px solid #cfcfcf;display: none;}
.mobile-page-position a{display: inline-block;padding-right: 20px;height: 30px;line-height: 30px;position: relative;}
.mobile-page-position a:after{content:"";display: block;position: absolute;width: 6px;height: 9px;right:4px;top:50%;margin-top: -4px;background: url(/img/location_bu.gif) 0 0 no-repeat;background-size: 100% 100%;}
.mobile-page-position a:last-child:after{display: none;}



/* main */
.main-box1{width: 1100px;margin: 0 auto;overflow: hidden;padding-bottom: 65px;}
.main-box1-header{background: url(/new_images/comm/back.gif) center 0 no-repeat;height: 250px;padding-top: 75px;text-align: center;}
.main-box1-header div{color:#0066cc;font-size: 60px;font-weight: 600;line-height: 1em;}
.main-box1-header div strong{color:#000;font-weight: 600;}
.main-box1-header p{font-weight: 400;font-size: 20px;color:#333;margin-top: 20px;;line-height: 1em;}
.main-slide-wrap{position: relative;}
.main-slide{border-radius:15px;overflow: hidden;}
.main-slide a{position: relative;display: block;height: 0;padding-top: 36.8755%;}
.main-slide a img{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.main-slide-wrap .swiper-pagination{display: inline-block;position: static;width: auto;line-height: 14px;}
.main-slide-wrap .swiper-pagination-bullet{width: 12px;height: 12px;margin-right: 15px;}
.swiper-play{display: inline-block;background: url(/new_images/comm/visual_info.png) -27px 0 no-repeat;width: 13px;height: 14px;margin-right: 20px;}
.swiper-play.is-stop{background-position: 0 0;}
#swiper-pagination1{line-height: 14px;font-size: 16px;padding-left: 5px;}
.main-slide-bottom{text-align: center;margin-top: 25px;}

.main-box2{width: 1100px;margin: 0 auto;}
.main-box-header{position: relative;}
.main-title-box strong{font-size: 42px;}
.main-title-box span{font-size: 18px;color:#666;font-weight: 400;display: inline-block;margin-left: 10px;line-height: 1.3em;}
.main-box2-header-right{display: flex;align-items:center;justify-content:center;position: absolute;right:0;top:0;}
.main-box2-header-right a{display: inline-block;height: 53px;width: 53px;text-align: center;color:#fff;font-size: 16px;line-height: 53px;transition:all ease-in-out .2s}
.main-box2-btn1{background: #3399cc;margin-right: 15px;}
.main-box2-btn2{background: #66cc66;}
.main-box2-header-right a.active{font-size: 18px;width: 63px;height: 63px;line-height: 63px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);}

.main-box2-container{margin-top: 60px;*zoom:1;}
.main-box2-container:after{content:""; display:block; clear:both;}
.main-box2-left{margin-top: 20px;float: left;width: 245px;overflow: hidden;}
.rate-box{height: 245px;border-radius:15px;background: #e1f4fb;display: flex;align-items:center; justify-content:center;flex-wrap:wrap;align-content:center;padding: 0 30px; text-align: center;}
.rate-box strong{display: block;width: 100%;font-size: 18px;font-weight: 600;margin-bottom: 40px;}
.rate-box div{display: block;width: 100%;font-size: 15px; text-align: center;}
.rate-box div span{font-size: 19px;font-weight: 600;display: inline-block;margin-left: 5px;}
.rate-box div:last-child{margin-top: 10px;}
.rate-box1 div{text-align: center;}

.main-box2-right{width: calc(100% - 245px);float: right;overflow: hidden;}
.main-recommend-box{width: 769px;float: right;position: relative;}


.recommend-wrap{display: none;}
.recommend-wrap.active{display: block;}{display: none;}

.recommend-prev{position: absolute;left:-63px;top:85px;width: 47px;height: 47px;background: url(/new_images/comm/product_prev.gif) 6px center no-repeat;border: 1px solid #ddd;border-radius:50%;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);}
.recommend-next{position: absolute;left:-63px;top:150px;width: 47px;height: 47px;background: url(/new_images/comm/product_next.gif) 9px center no-repeat;border: 1px solid #ddd;border-radius:50%;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);}
.recommend-box{overflow: hidden;}
.recommend-box .swiper-slide{padding: 20px 10px 10px 0;}
.recommend-box .swiper-slide a{position: relative;display: block;width: 100%;height: 245px;border: 1px solid #ddd;border-radius:12px;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);padding: 50px 20px 20px;}
.recommend-box .swiper-slide a em{position: absolute;left:30px;top:-20px;width: 53px;height: 53px;background: #3399cc;text-align: center;color:#fff;display:flex;align-items:center; justify-content:center; flex-wrap:wrap; align-content:center;font-style: normal;line-height: 1.3em;}
.recommend-box .swiper-slide a strong{font-size: 24px;color:#1479ac;font-weight: 600;display: block;letter-spacing:-1px;line-height: 1.2em;margin-bottom: 15px;}
.recommend-box .swiper-slide a span{font-size: 16px;color:#76a5bd;font-weight: 400;display: block;letter-spacing:-1px;line-height: 1.3em;margin-bottom: 25px;height: 63px;overflow: hidden;}
.recommend-box .swiper-slide a b{font-size: 30px;color:#3399cc;font-weight: 600;display: block;text-align: right;}

#recommend2.recommend-box .swiper-slide a em{background: #6c6;}
#recommend2.recommend-box .swiper-slide a strong{color:#393}
#recommend2.recommend-box .swiper-slide a span{color:#9c9}
#recommend2.recommend-box .swiper-slide a b{color:#393}

#recommend-wrap2 .rate-box{background: #e2f5e2;}

.main-box3{width: 1100px;margin: 0 auto;margin-top: 100px;position: relative;}
.main-box3 .main-title-box strong{display: block;}
.main-box3 .main-title-box span{display: block;margin-left: 0;}

.main-box3-header-right{width: 510px;position: absolute;right:0;top:0;text-align: right;}
.main-box3-header-right a{display: inline-block;height: 46px;line-height: 46px;padding: 0 25px;font-size: 14px;color:#666;background: #fafafa;border-radius:6px;margin: 4px;}
.main-box3-header-right a.active{background: #f0ecda;}
.main-box3-header-right a.main-tab-link-btn{background: #fafafa url(/new_images/comm/moreview_s.gif) right 20px center no-repeat;padding-right: 50px;}

.main-box3-content{background: #f5f2e7;border-radius: 15px;padding: 55px;margin-top: 25px;}
.main-box3-container{overflow: hidden;}

#main-box3-pagination{width: 510px;position: absolute;right: 0;top: 0;text-align: right;}
#main-box3-pagination .swiper-pagination-bullet{display: inline-block;width: auto;height: 46px;line-height: 46px;padding: 0 25px;font-size: 14px;color: #666;background: #fafafa;border-radius: 6px;margin: 4px;opacity:1;}
#main-box3-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #f0ecda;}

.main-tab-container{background: #f5f2e7;border-radius:15px;padding: 55px;margin-top: 25px;display: none;}
.main-tab-container.active{display: block;}
.main-tab-container:after{content:""; display:block; clear:both;}
.main-tab-container .main-thumb{width: 302px;float: left;}
.main-tab-container .main-thumb span{position: relative;display: block;height: 0;padding-top: 68.2119%;}
.main-tab-container .main-thumb span img{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.main-tab-container div{float: right;width: calc(100% - 350px);}
.main-tab-container div em{font-size: 14px;color:#333;font-style: normal;display: block;font-weight: 500;}
.main-tab-container div strong{font-size: 30px;color:#000;display: block;}
.main-tab-container div span{margin-top: 25px;font-size: 16px;color:#666;display: block;}
.main-tab-container div p{text-align: right;margin-top: 40px;}
.main-tab-container div a{display: inline-block;width: 140px;height: 42px;line-height: 42px;color:#000;font-weight: 500;text-align: center;background: #fff url(/new_images/comm/moreview_s.gif) right 20px center no-repeat;border-radius:42px;padding-right: 30px;}


.main-box3-content{*zoom:1;}
.main-box3-content:after{content:""; display:block; clear:both;}
.main-box3-content .main-thumb{width: 302px;float: left;}
.main-box3-content .main-thumb span{position: relative;display: block;height: 0;padding-top: 68.2119%;}
.main-box3-content .main-thumb span img{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.main-box3-content div{float: right;width: calc(100% - 350px);}
.main-box3-content div em{font-size: 14px;color:#333;font-style: normal;display: block;font-weight: 500;}
.main-box3-content div strong{font-size: 30px;color:#000;display: block;}
.main-box3-content div span{margin-top: 25px;font-size: 16px;color:#666;display: block;}
.main-box3-content div p{text-align: right;margin-top: 40px;}
.main-box3-content div a{display: inline-block;width: 140px;height: 42px;line-height: 42px;color:#000;font-weight: 500;text-align: center;background: #fff url(/new_images/comm/moreview_s.gif) right 20px center no-repeat;border-radius:42px;padding-right: 30px;}

.main-box3-prev{position: absolute;left:-75px;top:50%;margin-top: 30px;width: 47px;height: 47px;background: url(/new_images/comm/product_prev.gif) 6px center no-repeat;border: 1px solid #ddd;border-radius:50%;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);}
.main-box3-next{position: absolute;right:-75px;top:50%;margin-top: 30px;width: 47px;height: 47px;background: url(/new_images/comm/product_next.gif) 9px center no-repeat;border: 1px solid #ddd;border-radius:50%;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);}


.main-box4{width: 1100px;margin: 0 auto;margin-top: 100px;}
.main-box4-container{margin-top: 50px;}
.main-box4-top{*zoom:1;padding-bottom: 25px;margin-bottom: 50px;border-bottom: 1px solid #e5e5e5;}
.main-box4-top:after{content:""; display:block; clear:both;}
.main-box4-left{float: left;width: 800px;}
.main-box4-left ul{*zoom:1;}
.main-box4-left ul:after{content:""; display:block; clear:both;}
.main-box4-left ul li{width: 175px;margin-right: 20px;float: left;}
.main-box4-left ul .thumb-img{display: block;position: relative;height: 0;padding-top: 100%;overflow: hidden;border-radius:15px}
.main-box4-left ul .thumb-img img{position: absolute;width: 100%;height: 100%;left:0;top:0;}
.main-box4-left ul strong{display: block;font-size: 18px;color:#333333;text-align: center;margin-top: 25px;}
.main-box4-right{float: right;width: 280px;}
.main-box4-right li{margin-bottom: 12px;}
.main-box4-right a{display: block;border: 1px solid #ddd;padding-left: 35px;font-size: 18px;height: 48px;line-height: 46px;border-radius:48px;background: url(/new_images/comm/moreview_l.gif) right 20px center no-repeat;}

.main-box4-bottom{*zoom:1;}
.main-box4-bottom:after{content:""; display:block; clear:both;}
.main-notice{width: 585px;float: left;}
.main-notice-title{display: block;font-size: 30px;font-weight: 600;color:#333;position: relative;}
.main-notice-title:after{background: url(/new_images/comm/notice_more.gif) center center no-repeat;border: 1px solid #cdcdcd;content:"";position: absolute;right:0;top:50%;margin-top: -16px;width: 32px;height: 32px;border-radius:50%;}

.main-notice ul{margin-top: 20px;}
.main-notice ul li{margin-bottom: 15px;}
.main-notice ul li:last-child{margin-bottom: 0;}
.main-notice ul a{display: block;position: relative;line-height: 24px;padding-right: 105px;}
.main-notice ul a strong{font-size: 18px;display: block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;color:#000;font-weight: 500;}
.main-notice ul a span{font-size: 18px;color:#999;position: absolute;right:0;top:0;font-style: normal;}


.main-customer{width: 430px;float: right;background: #f7f6f6;border-radius:15px;padding: 40px 30px 20px;}
.main-customer1{font-size: 14px;color:#000;}
.main-customer1 strong{font-size: 24px;font-weight: 600;line-height: 1em;}
.main-customer2{font-size: 30px;font-weight: 600;color:#0067ac;line-height: 1em;margin: 10px 0 25px;}
.main-customer3{font-size: 16px;font-weight: 400;color:#333;line-height: 1em;}
.main-customer3 span{display: inline-block;}
.main-customer3 em{font-style: normal;font-weight: 100;}
.main-customer3 span:first-child{margin-right: 10px;}
.main-customer3 span:last-child{margin-left: 10px;}
.main-customer4{font-size: 18px;font-weight: 400;color:#333;line-height: 1.5em; margin-top: 10px;}
.main-customer4 span{display: block;}/*display: inline-block;*/
.main-customer4 strong {font-weight: 500; color: #000; }
.main-customer4 span em{font-style: normal;font-weight: 100; margin: 0px 10px;}
.main-customer4 p {margin-top: 10px; font-weight: 600; }


.main-top-right{width: 445px;float: left;}
.main-rate-top2{position: relative;border: 1px solid #ccc;height: 61px;text-align: center;font-size: 22px;}
.main-rate-top2 span{line-height: 59px;display: block;}
.main-rate-top{margin-top: 20px;position: relative;border: 1px solid #ccc;height: 61px;text-align: center;font-size: 22px;}
.main-rate-top span{line-height: 59px;display: block;}
.main-rate-prev{background: url(/images/prev.jpg) 0 0 no-repeat;width: 60px;height: 59px;position: absolute;left:0;top:0;border-right: 1px solid #ccc;}
.main-rate-next{background: url(/images/next.jpg) 0 0 no-repeat;width: 60px;height: 59px;position: absolute;right:0;top:0;border-left: 1px solid #ccc;}
.main-rate-wrap{border: 1px solid #ccc;border-top: none;height: 144px;background: #f6f6f6;text-align: center;padding-top: 32px;}
.main-rate-wrap em{display: none;}
.rate-top{font-size: 18px;vertical-align: top;margin-bottom: 15px;letter-spacing:-1px;}
.rate-top strong{font-size: 30px;color:#06c;font-weight: 600;vertical-align: top;line-height: 1em;margin-left: 5px;}
.rate-bottom{font-size: 14px;letter-spacing:-1px;}
.rate-bottom strong{font-size: 18px;font-weight: 600;line-height: 1em;margin-left: 2px;margin-right: 10px;}


.main-middle-box{width: 804px;margin: 0 auto;position: relative;display: none;}
.main-middle-box.active{display: block;}
.middle-slider .swiper-slide a{display: block;width: 383px;height: 233px;position: relative;border: 1px solid #ddd;background: #fff;padding: 40px 30px;}
.middle-slider .swiper-slide a p{position: absolute;left:0;bottom:0;width: 100%;background-size: cover;background-position: center center;text-align: right;padding-right: 10px;padding-bottom: 10px;font-weight: bold;font-size: 16px;}
.middle-slider .swiper-slide a strong{display: block;font-size: 24px;font-weight: 600;color:#06c}
.middle-slider .swiper-slide a span{display: block;font-size: 16px;color:#999;line-height: 1.4em;margin-top: 10px;}
.middle-slider-prev{position: absolute;left:50%;top:50%;margin-left: -600px;margin-top: -30px;width: 62px;height: 61px;background: url(/images/prev.jpg) 0 0 no-repeat;background-size: 100% 100%;border: 1px solid #ddd;cursor:pointer;}
.middle-slider-next{position: absolute;right:50%;top:50%;margin-right: -600px;margin-top: -30px;width: 62px;height: 61px;background: url(/images/next.jpg) 0 0 no-repeat;background-size: 100% 100%;border: 1px solid #ddd;cursor:pointer;}


/* main end */


.visible-sm{display: none;}
@media screen and (max-width: 1100px){
	#header, .footer-link, #footer, .allmenu-wrap ul, .content-body, .sub-top-nav, .main-box1, .main-box2, .main-box3, .main-box4{width: auto;}

	#gnb{display: none;}
	#wrapper, #wrapper.nav-fixed{padding-top: 60px;}
	.header-wrap{background: #fff;position: fixed;left:0;top:0;width: 100%;z-index: 9000;height: auto;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
	#header h1{float: none;text-align: left;}
	#header h1 a{display: inline-block;width: 224px;background-size: 100% auto;height: 60px;margin-left: 10px;}
	#mobile-menu-btn{display: inline-block;}
	#allmenu-btn{display: none;}
	.gnb-right-btn{position: absolute;right:0;top:0;}
	#mobile-menu-btn, #search-btn{height: 60px;}
	.header-wrap.nav-fixed .header-top{display: block;}

	.header-top-right{display: none;}



	.hidden-sm{display: none;}
	.visible-sm{display: block;}

	.mobile-sub-header-btn, .mobile-sub-tab, .mobile-page-position {display: block;}
	.content-body{padding: 30px 10px 50px;width: auto;}
	.mobile-sub-header-btn, .mobile-sub-tab, .mobile-page-position {display: block;}

	#sub-container{padding-top: 0;}

	.sub-top-nav{width: 100%;margin-left: 0;left:0;}

	.footer-link{padding-left: 30px;}
	.family-site-wrap{margin-right: 0;right:30px;}
	#footer{padding-left: 30px;}


	.main-title-box span{display: block;margin-left: 0;margin-top: 10px;}

	.main-box1, .main-box2, .main-box3, .main-box4{padding-left: 30px;padding-right: 30px;}
	.main-box1-header{height: 200px;padding-top: 50px;}
	.main-box1-header div{font-size: 46px;}
	.main-box1-header p{font-size: 18px;}

	.main-box2-left{width: auto;float: none;text-align: center;}
	.rate-box{justify-content: flex-start;height: auto;padding: 40px 30px;margin-bottom: 20px;}
	.rate-box strong{display: block;width: 100%;margin-bottom: 10px;}
	.rate-box div{display: inline-block;width: auto;margin-top: 0 !important;margin-right: 20px;}

	.main-box2-right{float: none;width: auto;padding-top: 60px;}
	.main-recommend-box{width: auto;float: none;}
	.recommend-prev{left:50%;margin-left: -55px;top:-60px}
	.recommend-next{left:50%;margin-left: 8px;top:-60px}

	.main-box3-header-right{width: auto;position: static;margin-top: 20px;}
	#main-box3-pagination{width: auto;position: static;margin-top: 20px;}

	.main-box3-prev, .main-box3-next{display: none;}

	.main-tab-container{padding: 35px;}
	.main-tab-container .main-thumb{width: 220px;}
	.main-tab-container div{width: calc(100% - 250px);}
	.main-tab-container div strong{font-size: 24px;}
	.main-tab-container div span{font-size: 14px;}
	.main-tab-container div p{margin-top: 25px;}

	.main-box3-content .main-thumb{width: 220px;}
	.main-box3-content div{width: calc(100% - 250px);}
	.main-box3-content div strong{font-size: 24px;}
	.main-box3-content div span{font-size: 14px;}
	.main-box3-content div p{margin-top: 25px;}

	.main-box4-left{width: auto;float: none;}
	.main-box4-left ul{margin: 0 -12px;}
	.main-box4-left ul li{width: 50%;padding: 12px;margin: 0;}
	.main-box4-right{width: auto;float: none;margin-top: 40px;}

	.main-notice{width: auto;float: none;}
	.main-customer{width: auto;float: none;margin-top: 40px;}

	.main-rate-top{margin-top: 30px;}
	.middle-slider-prev, .middle-slider-next{display: none;}
	.middle-slider .swiper-slide{}
}

@media screen and (max-width:900px){
	.middle-slider .swiper-slide a{width: auto;padding-bottom: 120px;height: auto;}
	.middle-slider .swiper-slide a span{min-height:90px;}
}
@media screen and (max-width: 800px){

}
@media screen and (max-width: 700px){

}
@media screen and (max-width: 700px){
	.footer-link{padding-left: 15px;text-align: center;}
	.footer-link a{font-size: 15px;margin: 0 5px;letter-spacing:-1px;}
	.family-site-wrap{display: none;}
	#footer{padding-left: 15px;text-align: center;}

	.page-position a.page-position-home{width: 45px;margin-right: 15px !important;}
	.sub-top-sns a{width: 45px;}


	.main-box1, .main-box2, .main-box3, .main-box4{padding-left: 15px;padding-right: 15px;}

	.main-title-box strong{font-size: 32px;}
	.main-title-box span{font-size: 16px;}

	.main-box1{padding-bottom: 40px;}
	.main-box1-header div{font-size: 36px;}
	.main-box1-header p{font-size: 16px;line-height: 1.5em;}
	.main-box2-header-right{position: static;text-align: right;margin-top: 20px;}
	.main-box2-header-right a{width: 80px;}
	.main-box2-header-right a.active{width: 100px;}
	.main-box2-container{margin-top: 30px;}

	.main-box2-left{text-align: center;}
	.main-box2-left div{text-align: center;}
	.rate-box{padding: 35px 25px;}
	.rate-box1 {text-align: center;}
	.main-box3-header-right a{padding: 0 8px;letter-spacing:-1px;}
	#main-box3-pagination .swiper-pagination-bullet{padding: 0 8px;letter-spacing:-1px;}
	.main-tab-container{padding: 30px 20px;}
	.main-tab-container .main-thumb{float: none;width: auto;max-width:600px;}
	.main-tab-container div{float: none;width: auto;margin-top: 25px;}
	.main-tab-container div a{height: 36px;line-height: 36px;width: 120px;padding-right: 25px;background-position: right 15px center;}

	.main-box3-content{padding: 30px 20px;}
	.main-box3-content .main-thumb{float: none;width: auto;max-width:600px;}
	.main-box3-content div{float: none;width: auto;margin-top: 25px;}
	.main-box3-content div a{height: 36px;line-height: 36px;width: 120px;padding-right: 25px;background-position: right 15px center;}

	.main-box3{margin-top: 50px;}
	.main-box4{margin-top: 50px;}	
	.main-box4-container{margin-top: 20px;}
	.main-box4-left ul{margin: 0 -5px;}
	.main-box4-left ul li{padding: 5px;}
	.main-box4-left ul strong{margin-top: 15px;font-size: 16px;}
	.main-box4-top{margin-bottom: 30px;}
	.main-box4-right{margin-top: 15px;}
	.main-box4-right ul{*zoom:1;margin: 0 -5px;}
	.main-box4-right ul:after{content:""; display:block; clear:both;}
	.main-box4-right li{float: left;width: 33.3333%;padding: 5px;}
	.main-box4-right a{padding-left: 15px;font-size: 15px;background-position: right 10px center;}
	.main-notice-title{font-size: 24px;line-height: 34px;}
	.main-notice ul a strong{font-size: 15px;}
	.main-notice ul a span{font-size: 13px;}
	.main-notice ul a{padding-right: 70px;}

	.main-customer{padding: 35px 15px;}
	.main-customer3 em{display: none;}
	.main-customer3 span{display: block;}
	.main-customer3 span:last-child{margin-left: 0;margin-top: 8px;}
	.main-customer4 em{}/*display: none;*/
	.main-customer4 span{display: block;}
	.main-customer4 span:last-child{margin-left: 0;}

	.main-rate-top{margin-top: 30px;}
}