@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");

@media screen and (min-width:1180px)
    {
        #wrap{min-width:1180px;}
}
@media screen and (max-width:1180px)
{ 
    *{box-sizing: border-box; font-family: "Helvetica Neue","Apple SD Gothic Neo", "Noto Sans KR", Arial,sans-serif!important;}
    i.fa{font-family: FontAwesome!important;}
    .top{display: none;}
    .menu_mo{display: none;}
    .menu{background: #fff; }
    .m-btn-menu{display: block; position: absolute; right: 20px; top: 20px; }
    .m-btn-menu > button{font-size: 28px; background: none; border: none; outline: 0; cursor: pointer; color: #666;}
    .m-close{display: none;}
    .menu h1{margin-left: 20px;}
    .gnb{width: 100vw; height: auto; background: #fff; position: relative; border-top: 1px #ccc solid;  border-bottom: 1px #ccc solid; margin: 20px 0 0; padding: 100px 20px 50px; box-sizing: border-box;}
    .gnb_menu{width: 100%; border-bottom: 1px #eee solid; margin-bottom: 5px;}
    .gnb dt{font-size: 20px; text-align: left; width: 50%;}
    .gnb dt a{width:100%; }
    .gnb dt:before{display: none;}
    .gnb dd:before{display: none;}
    .gnb dl dd{border: 0; padding-top: 0; width: 50%; text-align: left;}
    .gnb dl:hover dd{border: 0; padding-top: 0;}

    .noti{padding: 0; background: none; border: 0; font-size: 20px; color: #333; margin-top: -50px; width: auto;  margin-left: 20px;}
    .noti a{color: #333;}
    .gnb_51{position: absolute; top: 90px; width: 90vw; left: 5vw; line-height: 50px; height: 50px; padding: 0; border-radius: 8px; margin: 0; font-size: 17px;}

    .main_banner{width: 100vw; max-height: 45vh; top: 70px;}
    #main_top{height: auto;}
    .main_tit{margin-bottom: 10px; margin-top: 50px; width: 100%;}
    .container .main_tit h3 {font-size: 18px; width: 100vw; text-align: center;}
    .container .main_tit h2 {font-size: 40px; width: 100vw; text-align: center; margin-top: 20px;}
    .container .main_tit .main_p {font-size: 20px; width: 100vw; text-align: center; margin: 10px 0; padding: 0 20px; font-weight: 400;}

    .gnb dd .navi_sub_ul li a {color: #666; font-weight: normal;}
    #select-layer ul.site-list li a{font-weight: normal; color: #444;}
    .price_list .price_noti{color: #666;}
    .pro_down, .main_btn_area{display: none;}

    .wrap_nsec1{width: 100vw; height: auto; padding: 50px 10px;}
    .wrap_nsec1 h2{display: none;}
    .wrap_nsec1 .main_func{display: flex;justify-content: center;flex-direction: row;flex-wrap:wrap; margin: 0 0 20px;}
    .wrap_nsec1 .main_func:before{display: none;}
    .wrap_nsec1 .main_func li{width: 100px;height: 100px;float: none; margin: 5px;}
    .wrap_nsec1 .main_func li p{width: 100%; font-size: 18px; line-height: 1.25;}
    #main_sec1{height: auto; padding: 40px 0; }
    .main_sec1{ width: 100%;}
    #main_sec1 .sec_tit{margin-bottom: 30px;}

    .features{float: left; width: 100%; padding: 0 20px; margin-bottom: 0;}
    .features_box{float: left; margin:10px 5px; width: calc(50% - 10px); padding: 20px; border-radius: 8px; box-shadow: 0 4px 20px 0 rgba(120, 120, 120, 0.2); border: 1px #efefef solid;}
    .features_box:first-child{margin-left: 5px;}
    .features_icon {width: 100%; float: left;}
    .features hr {display: none;}
    .features h4{text-align: left; margin-top: 15px; font-weight: 500;}
    .features .feature_desc{text-align: left; margin-top: 0; font-weight: 300;}
    .features .feature_desc br{display: none;}
    .features_icon {text-align: left;}
    .features_icon .fa{width: 80px; height: 80px; line-height: 80px; text-align: center;}
    .wrap_nsec2{width: 100%;}
    .wrap_nsec2 .pc{width: 90vw; height: 49.3vw; background-size: contain;}
    .wrap_nsec2 .pc img{width: 82.8vw; margin-top:3.6vw; margin-left: 2px;}

    #main_sec2{background: #0082ff; height: auto; padding: 10px 0 30px; }
    #main_sec2 a.control_prev, #main_sec2 a.control_next{width: 20px; font-size: 24px; line-height:normal; top: 50%;}
    #main_sec3 a.control_prev, #main_sec3 a.control_next{width: 20px; font-size: 24px; line-height: normal;top: 50%;}
    .main_sec2, .main_sec3{ padding: 20px 0;}
    .main_sec2, .main_sec3{width: 100%;}
    #main_sec3{height: auto; padding: 0 0 50px 0;}
    
    .together {min-height: 20vw; height: auto;}
    .customer {min-height: 20vw; height: auto;}
    .slider1 ul{padding: 0; float: left;}
    .slider1 ul li.together_box {width:100vw; }
    .slider1 ul li.together_box .together_list{width: calc(100% - 20px);height: auto; display: grid; grid-template-columns: repeat(7, 1fr); column-gap: 10px; grid-row-gap: 10px; float: left; padding: 0 0 0 20px;}
    .slider1 ul li.together_box .together_list span{width: 100%; height: 100%;  margin: 0;}
    .slider1 ul li.together_box .together_list span img{width: 100%; }

    .slider2 ul{padding: 0; float: left;}
    .slider2 ul li.customer_box {width: 100vw; }
    .slider2 ul li.customer_box .customer_list{width: calc(100% - 20px); height: auto; display: grid; grid-template-columns: repeat(10, 1fr); column-gap: 10px; grid-row-gap: 10px; float: left;}
    .slider2 ul li.customer_box .customer_list span{width: 100%; height: 100%; border-radius: 50%; margin: 0;}
    .slider2 ul li.customer_box .customer_list span img{width: 100%; height: 100%:}
    
    .main_list_tit{width: calc(100vw - 40px); margin: 0 0 10px; float: left;}
    #bottom{float: left; width: 100%; position: relative;}
    #footer {padding: 16px; height: auto;}
    #footer .foot_lt{width: 100%; margin-left: 0; font-weight: 300; margin-bottom: 0;}
    #footer .foot_rt{width: 100%; margin-right: 0}
    #select-title{padding: 0 20px 0 5px;}
    #footer .foot_rt .foot_menu, #footer .foot_rt #family_site{margin: 5px 0;}
    #footer .foot_bt{height: auto; line-height:inherit; padding-top: 10px;}
    /* 5.1 */
    .conbg{width: 100vw; overflow-x: hidden;}
    .conbg1 .bg{ width: 80vw; height: 30vw; margin-top: 55vw;}
    .conbg2 .bg{ width: 150vw; height: 70vw; margin-top: -35vw;}
    .conbg3 {height: 70vh; margin-top: 0; position: absolute; top: 70vw;}
    .conbg4 .bg{ width: 150vw; height: 130vw; margin-top: 50vw;
                -moz-transform: skew(0deg, 15deg);
                -webkit-transform: skew(0deg, 15deg);
                -o-transform: skew(0deg, 15deg);
                -ms-transform: skew(0deg, 15deg);
                transform: skew(0deg, 15deg);
                }
    .conbg5 .bg1{ margin-top: -90vh; }
    .conbg5 .bg2{ height: 55vh; }
    .conbg6 { height: 100vh;}
    #top51{width: 100%; float: left; height: 70vw;}
    #top51 .top51_bg{width: 100%; background-position: right; height: 46vw; background-size: contain; float: left; margin-top: -30px;}
    .cont_area{width: 100vw; overflow: hidden; padding: 0 20px;}
    .wrap_sec{padding: 50px 0;}
    .wrap_sec h1, .wrap_sec h2{float: left; width: auto; font-size: 26px; font-weight: bold; margin-right: 10px; line-height: 30px;}
    .wrap_sec .img51_1{width: 100%; background-size: contain; background-position: center top; margin: 30px auto; height: auto;}
    .wrap_sec .img51_1 video{margin: 4vw auto; width: 70vw;}
    .wrap_sec{margin-bottom: 0;}
    #top51 a{display: none;}
    .wrap_sec .ul51_1{margin-top: 0;}
    .ul51_1 li{width: calc(33% - 20px); text-align: left; margin:10px;}
    .ul51_1 li br{display: none;}
    .wrap_sec ul{margin-top: 10px;}
    .wrap_sec .sec_left{width: 100%; padding: 0 ;}
    #sec_51con4.wrap_sec .sec_left{width: 50%; padding: 0 ;}
    #sec_51con3{display: flex;flex-direction:row;}
    .wrap_sec .img51_2{float: left; width: 100%; background: none; position: relative; height: auto; right: auto; margin-top: 10px;}
    .wrap_sec .img51_3{float: left; width: 50%; position: relative; height: auto; right: auto; }

    .wrap_sec .sec_right{width: 50%; float: left; padding: 0 0 0 30px;}
    .wrap_sec .sec_left li, .wrap_sec .sec_right li{margin-bottom: 5px;}
    .wrap_sec .wh .small{width: 100%; padding-right: 0; float: left; font-size: 11px; line-height: 1.4; font-weight: 300;}
    .wrap_sec .wh .small br{display: none;}
    .sec_left.wh .ul_wh li span br {display: none;}
    .wrap_sec .sec_right *{text-align: left;}
    .wrap_sec .img51_4{width: 50%; height: auto;}
    .wrap_sec .img51_4 video{width: 100%; float: left;}
    .ul51_5 {float: left;}
    .ul51_5 .ul51_5_grp{width: 100%;}
    .ul51_5 ul{width: 100%; margin: 0; padding: 0;}
    .wrap_sec li{line-height: 1.4;}
    .wrap_sec li p{font-size: 17px; font-weight: 500;}
    .wrap_sec li span{font-size: 14px; font-weight: 300;}    
    .ul51_5 ul li{width: 100%; margin: 5px 0;}
    .ul51_5 ul li span br{display: none;}
    .img51_5{width: calc(100vw - 40px); height: 75vw; float: left; margin:20px 0 0; background-size: contain; max-height: 967px; background-position: top;}
    .img51_5 img{width: 95%; margin: 0 auto; top: 3%; left: 2.5%;}
    .wrap_sec .img51_2 video{margin: 0;}
    .wrap_sec .img51_3 video{width: 100%;}
   
    /* product */
    .product {width: 100%;}
    .product .sec_tit{width: 100%; padding: 0 20px; margin: 0;}
    .product .sec_tit:before{left: 20px;}
    .pro_feature{width: 100%; display: grid; grid-template-columns: 1fr 1fr;}

    .pro_box{height: auto; width: 100%; padding: 20px; margin-bottom: 0;}
    .pro_box img{width:100%; height:auto; margin-right: 0; margin-bottom: 10px;}
    .pro_tit{width:100%; font-size: 22px;}
    .pro_box p{width:100%; font-size: 17px;}
    .pro_box p.pro_go{ padding-left:0; position:relative;}

    .bx-pager {margin: 60vw 0 0;}
    .bx-pager ul{width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px;}
    #sm_5.bx-pager ul{grid-template-columns: repeat(4, 1fr);}
    .bx-pager li.pro_thumb, .bx-pager li.pro_thumb a{width: 100%; height: auto; margin: 0;}
    .pro_thumb_txt br{display: none;}
    .pro_sec{width: 100%;}
    .laptop{width: 100%; background-size: contain; height: auto; position: relative;}
    .laptop .overflow{width: 74.8%; height: auto; top: 5%; left: 12.6%; position: absolute;}
    .laptop .overflow img{width: 100%; height: auto;}

    #product{padding:50px 0;}
    #pro_sec1{padding: 50px 0; background-size: 150%;}
    #pro_sec2{padding: 50px 0; background-size: 120%;}
    #pro_sec3{padding: 50px 0; background-size: 150%;}
    #pro_sec4{padding: 50px 0; background-size: 150%;}

    #pro_sec3 .bx-pager li.pro_thumb{width: 100%; height: auto; float: none; text-align: center; margin: 0 auto;}
    #pro_sec3 .bx-pager li.pro_thumb a{width: 100%; height: auto; margin: 5px 0;}
    #pro_sec4 .bx-pager li.pro_thumb{width: 100%; height: auto; float: none; text-align: center; margin: 0 auto;}
    #pro_sec4 .bx-pager li.pro_thumb a{width: 100%; height: auto; margin: 5px 0;}
    
    .pro_sec{float: left; width: 100%; padding: 0 20px; margin-bottom: 0;}

    .mobile{width: 100%; height: 80vw; background-size:40%; position: relative; margin-top: 0;}
    .mobile .overflow{width: 34%; height: auto; top: 13%; left: 33%; position: absolute;}
    .mobile .overflow img{width: 100%; height: auto;}
    .mobile .bx-pager{ margin: 100px 0 0; width: 28%;}
    .mobile .bx-pager.rt{margin: 100px 0 0; width: 28%;}
    .mobile .bx-pager ul{margin: 0;  width: 100%; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr;}
    .mobile .bx-pager li.pro_thumb{width: 100%; height: auto; margin-bottom: 10px;}
    .start li.start_list{float: left; margin:10px 0; width: 100%; padding: 20px; border-radius: 8px; box-shadow: 0 4px 20px 0 rgba(120, 120, 120, 0.2); border: 1px #efefef solid; background: #fff; height: auto; float: left;}
    #start li .start_thumb_tit{text-align: left; margin-top: 15px; font-weight: 500;}
    #start li .start_thumb_txt{text-align: left; margin-top: 0; font-weight: 300;}
    #start li .start_thumb_txt br{display: none;}
  
    #start li.start_list .fa {width: 80px; height: 80px; line-height: 80px; text-align: center;}
 
    .start li.arrow{display: none;}
    .start ul{display: grid; grid-template-columns: 50% 50%; grid-gap: 10px; width: 100%;}

    
    /* price */
 
    #price{padding: 20px;}
    .price{width: 100%;}
    .price_list {height: auto;}
    .price_list h4{height: auto;}
    .price_list{margin: 10px 20px; width: calc(50% - 40px);}
    .price_list.pr_li1{margin-left: 20px;}
    
    .tab ul, .tab.tab3 ul{ display: flex; flex-direction: row; flex-wrap:nowrap;justify-content:center; width: auto;}
    .tab ul li, #price .tab ul li, .notice .tab ul li{float: none; display: inline-block; margin: 0; }
    
    .media_list{width: 100%;}
    .media_list dd ul{display: flex; flex-wrap: wrap; justify-content: center;}
    .media_list dd li{margin: 5px 2px; }
    .price_list .price_fun{width: calc(100% - 20px); margin: 5px 10px; text-align: center;}
    .price_list .price_fun li.pr_wd2{width: 100%;}
    .price_list .price_fun li{width: 50%; margin: 5px 0;}
    .price_news.p_list3 .price_list.pr_li1{margin-left: 20px;}
    .price_list .firstedition{width: 100%;}
     
    /* support */
    
    .sec_tit{margin-bottom: 20px;}
    #download{height: auto; padding: 20px; float: left;}
    .download{float: left; position: relative;}
    #download .sub_sec{width: 100%;}
    .down.box1{width: calc(50% - 20px); margin: 10px; height: auto;}
    .down{width: calc(50% - 20px); margin: 10px; height: auto;padding: 130px 20px 0;}
    .down dl, .down.box1 dl{padding: 5px 0 10px;}
    .down dl dt, .down.box1 dl dt{width: 100%; height: auto;}
    .down dl dd, .down.box1 dl dd{width: 100%;  display: flex; flex-direction: row; justify-content: center; margin-top: 5px;}
    .down a{padding-left: 38px; height: 32px; line-height: 28px; padding-right: 12px;}
    .down.box1 a.down1, .down.box1 a.down2, .down .link2 a, .down .link2 a.wd, .down a.down3{width: auto;}
    .down:before{height: 120px;}
    .down:after{height: 120px; width: 50%;}        
    .down.box1:after { background-size: auto 60px;}
    .down.box2:after, .down.box3:after { background-size: auto 80px;}
    .down .down_tit{position: absolute; top: 36px; left: 40%; color: #fff; z-index: 10; width: 50%; text-align: center;}
    .down.box1 .down_tit{top: 20px; left: 48%; width: 50%; text-align: left;}
    
    #faq{padding: 20px;}
    .faq, .faq dl{width: 100%;}
    .faq .search input, .faq .search a{height: 36px;}
    .faq dl dt{width: 100%; padding: 10px 30px 10px 5px; position: relative;}
    .faq dl dt .faq_tit{width: 100%;}
    .faq dl dt .faq_date{padding-left: 0; background: none;}
    .faq dl dd{width: 100%; padding: 10px 20px;}
    .faq dl dt .faq_ico {position: absolute; right: 0; top: calc(50% - 10px); background-size: 70% ;}
    .faq dl dd p{font-weight: 400;}
    #call{padding: 20px;}
    .call{width: 100%;}
    .call th, .call td{padding: 5px; height: auto; font-size: 13px;}
    .call .call_box{width: 100%; padding: 10px; margin-bottom: 0;}
    .call .call_box .agree_box{width: 100%; margin: 0; padding: 10px;}
    .call .call_box h3{display: none;}
    .call .call_box .agree_check{margin: 5px 0 20px; padding-bottom: 10px;}
    .call .call_box .agree_check input{margin-top: 5px;}
    .call .call_box dt{width: 100%; border-bottom: 0; height: auto; line-height: inherit; padding: 5px; margin-top: 5px;}
    .call .call_box dd{width: 100%; padding: 5px 10px; height: auto;}
    .call .call_box dd input{border: 0; padding: 5px 0; width: 100%; height: auto;}
    .call .call_box dd span{line-height:inherit; padding: 10px 0;}
    .call .call_box dd input.mail{width: 45%;}
    .call .call_box dd input#commuTitle{width: 100%;}
    .call .call_box dd input.num{width: calc(33.3% - 15px);}
    .call .call_box .main_cont{height: auto; min-height: auto;}
    .call .call_box dd textarea{width: 100%; padding: 5px; height: 160px;}
    
    .notice .tab ul, .notice .search{width: auto;}    
    #notice{padding: 20px;}
    .notice, .notice dl{width: 100%;}
    .notice .search input, .notice .search a{height: 36px;}
    .notice dl dt{width: 100%; padding: 10px 30px 10px 5px; position: relative; height: auto; line-height: normal;}
    .notice dl dt .new_tit{width: 100%; padding-left: 0;}
    .notice dl dt .new_date{padding-left: 0; background: none; height: auto; width: auto;}
    .notice dl dd{width: 100%; padding: 10px 20px;}
    .notice dl dt .new_ico, .notice dl dt .noti_ico, .notice dl dt.on .noti_ico {position: absolute; right: 0; top: calc(50% - 25px); background-size: 70% ;}
    .notice dl dd p{font-weight: 400;}
    .notice dl dt .noti_ver{width: 100%; padding-left: 0; font-size: 12px; margin-bottom: 3px;}
    .notice dl dt .noti_tit{width: 55%; height: auto;}
    .notice dl dt .noti_date{width: 45%; height: auto; text-align: right;}
    .notice dl dt.on .noti_tit{color: #333;}
    .notice dl dt.on .noti_date{color: #999;}
    #pop1 .pop_layer.pop_1{width: 100%; height: 100%; top: 0; left: 0; margin: 0;}
    #pop1 .pop_layer .pop_wrap{height:calc(100vh - 58px);}
    #pop1 .pop_layer .pop_wrap .pop_cont{height: calc(100vh - 60px); border: 0; }
    #pop1 .pop_layer .pop_wrap .pop_ok{display: none;}
    #footer .foot_rt .foot_menu li:last-child{display: none;}
    .product .sec_tit h4, #footer .foot_rt .foot_menu li{font-weight: normal;}
    .media_list dt{text-align: center;}
}

@media screen and (min-width:541px) and (max-width:1023px)  /* 패드구형 */
{
    /* 5.1 */    
    .conbg1 .bg{ margin-top: 58vw;}
    .conbg4 .bg{  height: 150vw; margin-top: 60vw;}
    .conbg5 .bg1{ margin-top: -165vw; }
    .conbg5 .bg2{ height: 85vw; }
    .conbg6 { height: 120vw;}
    .laptop .overflow{width: 74.8%;top: 4.5%; left: 12.5%; }
    .mobile .overflow{ top: 12.5%;}

}


@media screen and (max-width:540px) /* 모바일 */
{  
    #main_sec2 a.control_prev, #main_sec2 a.control_next{font-size: 18px;}
    #main_sec3 a.control_prev, #main_sec3 a.control_next{font-size: 18px; }
    .features_box{width: 100%; margin:10px 0;}
    .features_box:first-child{margin-left: 0;}
    
    .slider1 ul li.together_box .together_list{ grid-template-columns: repeat(4, 1fr); column-gap: 5px; grid-row-gap: 5px; }
    .slider2 ul li.customer_box .customer_list{ grid-template-columns: repeat(5, 1fr); column-gap: 10px; grid-row-gap: 10px; padding: 0 20px 0 30px}
    .main_list_tit{margin-left: 20px;}
    .price_list{width: calc(100% - 40px);}
    .price_list .price_fun li.pr_wd2{width: 100%;}
    .price_list .price_fun li{width: 50%; margin: 5px 0;}
        
    /* 5.1 */
    #top51 h2{font-size: 6vw; margin-top: 80px;}
    #top51 h2 b{width: 100%; display: block;}
    #top51 h3{font-size: 10vw; position: absolute; }
    #top51 .top51_bg{width: 105%; height: 50vw; margin-top: -22vw; right: -5vw;}

    .conbg1 .bg{margin-top:75vw;}
    .conbg3{ height: 300vw; top: 90vw; }
    .conbg4 .bg{ height: 300vw; margin-top: 125vw;}
    .conbg5 .bg1{ margin-top: -240vw; }
    .conbg5 .bg2{ height: 230vw; }
    .conbg6 { height: 200vw;}
    
    .pro_feature{display: block;}
    .start ul{display: block;}
    .start li.start_list{width:100%;}
    .start li.arrow{width: 100%;text-align: center; display: block;}
    .start li.arrow .fa{height: auto; line-height: inherit; transform: rotate(90deg)}
    
    #sec_51con4.wrap_sec .sec_left{width: 100%;}
    #sec_51con3{flex-direction:column;}
    .wrap_sec .img51_2, .wrap_sec .img51_3, .wrap_sec .img51_4{float: left; width: 100%; background: none; position: relative; height: auto; right: auto; margin-top: 10px;}
    .wrap_sec .img51_3{order: 1;}
    .wrap_sec .img51_2 video, .wrap_sec .img51_3 video{float: left; width: 100%; position: relative; margin: 0; border-bottom: 2px #999 solid;}
    .wrap_sec .sec_right{width: 100%; padding: 0;}
    .wrap_sec .sec_left li, .wrap_sec .sec_right li{margin-bottom: 15px;}
    .wrap_sec .img51_1{margin: 30px auto 0;}
    .ul51_1 li{width: 100%; text-align: left; margin:10px 0;}

    .mobile{background-size:84%; height: auto;}
    .mobile .overflow{width: 72%; top: 10.6%; left: 14%;}
    .mobile .overflow img{width: 100%; height: auto;}
    .laptop .overflow{width: 74.8%;top: 4%; left: 12.5%; }

    .bx-pager ul{display: block;}
    .bx-pager li.pro_thumb{width: 50%; margin-top: 10px;}
    .bx-pager li.pro_thumb a{width: 100%;}
    .bx-pager li.pro_thumb a .pro_thumb_tit{width: auto; line-height: 36px; float: left; margin:0 0 0 5px;}
    .bx-pager li.pro_thumb a .fa{float: left; width: 36px; height: 36px; line-height: 33px; border-radius: 18px; font-size: 20px; letter-spacing: -1px;}
    .bx-pager li.pro_thumb, .bx-pager li.pro_thumb a{height: auto; margin-left: 0;}
    .bx-pager li.pro_thumb a .pro_thumb_txt{display: none;}
    .mobile .bx-pager{width: 40%;  margin: 160vw 0 0;}
    .mobile .bx-pager.rt{width: 60%; margin: 160vw 0 0;}
    #pro_sec3 .bx-pager li.pro_thumb a *, #pro_sec4 .bx-pager li.pro_thumb a *{float: none;}
    #pro_sec1{background-size: 150%;}
    #pro_sec2{background-size: 400%;}
    #pro_sec3{background-size: 240%;}
    #pro_sec4{background-size: 240%;}
    
    .down, .down.box1{width: calc(100% - 20px); }
    .down.box1 a.down1 {display:none;}

}