@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 
/* Bluewave Web Standard Team KKS 130225 */

/* divice 해상도에 따른 이미지 크기 조정 - 필요할 경우 사용 */
@media screen and (-webkit-min-device-pixel-ratio:1.5){} /* 안드로이드 */

/* Media Query */

@media screen and (max-width:1920px) and (min-width:800px){
    @font-face{font-family: 'Noto Sans KR', sans-serif; }
    body{font-family: 'Noto Sans KR', sans-serif;}
}

@media screen and (max-width:1920px) and (min-width:999px){
    #menu{display: none;}
}

@media screen and (max-width:1700px){
    .header_wrap{background:none;}
    #header .gnb > ul > li > a{padding-right: 60px;}
}

@media screen and (max-width:1590px){
    .quick{display: none;}
    .quick_1000px{display: block;}
}

/*1541px 이하 레이아웃 정의*/
@media screen and (max-width:1541px){
    #header .gnb > ul > li > a{padding-right: 30px;}
}

/*1386px 이하 레이아웃 정의*/
@media screen and (max-width:1386px){
    #header .gnb > ul > li > a{padding-right: 20px;}
}


/*1357px 이하 레이아웃 정의*/
@media screen and (max-width:1357px)and (min-width:1000px){
    .Body{max-width: 990px;}
    #header .gnb > ul{float:none; margin: 0 auto; width: 925px;}
    #header .gnb > ul > li > a{font-size: 13px;}
    #header .snbn li a{font-size: 12px;}
    .max1920px{display:none;}
    .max1000px{display:inline-block; text-align: center; margin: 0 auto; width: 100%; padding-top: 20px;}
    #product_list ul li, #product_list_03 ul li{width: 320px;}
    #product_list ul li .span_img, #product_list_03 ul li .span_img{width: 320px; height: 350px;}
    #product_list_02 ul li > .span_text{width:350px; margin-top: 80px}
    #product_list_02 ul li .name{font-size: 40px;}
    #product_list_02 ul li .series{font-size: 25px;}
    .contents_b> .s_nav{max-width: 1000px;}
    .top_text{margin-left:0px; width: 990px; padding-top: 0; margin-left: 0; position: relative; top: -550px;}
    .top_img_L{position: relative; top: 450px; left:100px;}
    .top_img_s{position: relative; top:450px; left: 50px;}
    .flexslider .slides img{padding-top:0px;}
    .flexslider .indigator_nav{max-width: 1000px;}
    .flexslider .indigator_icon{position: relative;}
    .flexslider .indigator_icon li{width: 140px;}
    .flexslider .indigator_icon li a{width:140px; height:110px; display: block; background: url(../img/common/main_indicator_icon_1000px.png) no-repeat #ffffff;}
    .flexslider .indigator_icon li:nth-child(1) a {background-position:0px -110px;}
    .flexslider .indigator_icon li:nth-child(2) a {background-position:-140px -110px;}
    .flexslider .indigator_icon li:nth-child(3) a {background-position:-280px -110px;}
    .flexslider .indigator_icon li:nth-child(4) a {background-position:-420px -110px;}
    .flexslider .indigator_icon li:nth-child(5) a {background-position:-560px -110px;}
    .flexslider .indigator_icon li:nth-child(6) a {background-position:-700px -110px;}
    .flexslider .indigator_icon li:nth-child(7) a {background-position:-840px -110px;}
    .flexslider .indigator_icon li:nth-child(1) a:hover {background-position:0px 0px;background-color:#53bbee;}
    .flexslider .indigator_icon li:nth-child(2) a:hover {background-position:-140px 0px; background-color:#31afec;}
    .flexslider .indigator_icon li:nth-child(3) a:hover {background-position:-280px 0px; background-color:#21a8e9;}
    .flexslider .indigator_icon li:nth-child(4) a:hover {background-position:-420px 0px; background-color:#089ee7;}
    .flexslider .indigator_icon li:nth-child(5) a:hover {background-position:-560px 0px; background-color:#0990e6;}
    .flexslider .indigator_icon li:nth-child(6) a:hover {background-position:-700px 0px; background-color:#0a87e5;}
    .flexslider .indigator_icon li:nth-child(7) a:hover {background-position:-840px 0px; background-color:#0a87e5;}
    

    
    #container_wrap{max-width: 1000px; top:30px;}
    .left_main{width: 60%;}
    .left_main, .flexslider_2{float: left;}
    
    .right_main{width: 100%; overflow: hidden; float: left;}
    .right_banner li{display: inline-block;}
    .right_nav {width: 57%; float: left; border: none; padding-right: 8px;}
    .right_nav li{width:100%; border:1px solid #0a87e5; padding: 5px 0;}
    .right_nav>li:nth-child(1){background-position: 20px 5px;}
    .right_nav>li:nth-child(2){background-position: 20px -127px;}

    .flexslider_3 .slides img{ width: 23.7%; height: auto;}
    
    
    .left_nav>li:nth-child(1){background-position: 50px 0;}
    .left_nav>li:nth-child(2){background-position: -150px 0;}
    .left_nav>li:nth-child(3){background-position:50px -135px;}
    .left_nav>li:nth-child(4){background-position:-160px -135px;}
    
    
    .left_banner{margin: 20px 100px;}
    
    #photo_slider{margin-top: 50px; max-width: 990px;}
    
    #container_as_wrap{top:0px;}
    .container_as {max-width: 1000px;}
    .container_as h3 .f1{font-size: 50px;}
    .container_AS_UI img{width: 275px;}
    
    .footer{max-width: 990px;}
    .footer_logo{margin-top: 50px;}
    .footer_left ul{float: none;}
    .footer_left .footer_logo{padding: 0px 0px; }
    .footer_left .footer_info{margin-top: 0;}
    .footer_right{float: left; margin-top: 10px; margin-bottom: 50px;}
    .footer_right .footer_AS{text-align: left;}
    .footer_right .social{float: left;}
    
    
    .product_01_nav>.s_nav>li>a{width: 12.6%;}
    #product_list, #product_list_03{max-width: 1000px;}
    .Body{max-width: 1000px;}
    .wzuploadedimg{width:100%;}
    
    
    
 
    
    
    
    .down .name, .down .link{margin-right: 0px;}
    .down .name p{width: 200px;}
    .down .link{padding-left: 10px;}
    
    .contents_b> dl> dt, dd{max-width: 1000px;}
    
    #visual{
        width: 100%; 
        background: url(../img/visual/product_01_bg.png) no-repeat fixed -250px 90px;
    }
    #visual_big{
        width: 100%; 
        background: url(../img/visual/product_02_bg.png) no-repeat fixed -500px 90px;
    }

    #visual_filter{
        width: 100%; 
        background: url(../img/visual/product_03_bg.png) no-repeat fixed -250px 90px;
    }
    
    
    #product_01{
        width: 100%; 
        background: url(../img/visual/product_04_bg.jpg) no-repeat fixed -250px 90px;
    }
    
    
    #visual_business{
        width: 100%; 
        background: url(../img/visual/business01_bg.jpg) no-repeat fixed -250px 90px;
    }
    #visual_licensing{
        width: 100%; 
        background: url(../img/visual/licensing01_bg.jpg) no-repeat fixed -350px 90px;
    }
    #visual_customer{
        width: 100%; 
        background: url(../img/visual/custome01_bg.jpg) no-repeat fixed -250px 90px;
    }

}



/*1024px 이하 레이아웃 정의*/
@media screen and (max-width:999px)and (min-width:800px){
    .Body{max-width: 800px;}
    #header{display: none;}
    #m_header{display: block; border-bottom: 1px solid #0a82e5; position:fixed; width: 100%; z-index:1000; top:-1px; background-color: #ffffff; left: 0; right: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;}
    .m_header_warp{position: relative; margin: 0 auto; height: 90px; }
    .Body{max-width: 800px;}
    .button{display:block; float: left; padding-top: 20px; padding-left: 20px;}
    .max500px{display:inline-block; text-align: center; margin: 0 auto; width: 90%; padding-top: 20px;}
    #product_list, #product_list_03{max-width: 800px;}
    #visual_container_wrap{padding-top: 90px;}
    #container_as_wrap{top:20px;}
    .wzuploadedimg{width:100%;}
    .indigator_nav{display: none;}
    .product_01_nav, .product_02_nav, .product_03_nav{max-width: 800px;}
    .mina_nav_M{position: relative; display: inline-block; width: 100%; margin: 20px auto; margin-top: 0px;}
    .mina_nav_M ul{overflow: hidden; width: 97%; margin: 0 auto;}
    .mina_nav_M li{display: block; width: 49.5%; float: left; border:1px solid #089ee7; border-bottom: none;}
    .mina_nav_M li a{font-size:20px; display: inline-block;  padding: 30px 0 30px 70px; background: url(../img/icon/move_page.png) no-repeat 95% center; width: 82%; }
    .mina_nav_M li:nth-child(1){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px 10px; border-right: none;}
    .mina_nav_M li:nth-child(2){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -60px;}
    .mina_nav_M li:nth-child(3){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -130px; border-right: none;}
    .mina_nav_M li:nth-child(4){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -200px;}
    .mina_nav_M li:nth-child(5){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -270px; border-right: none;}
    .mina_nav_M li:nth-child(6){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -335px;}
    .mina_nav_M li:nth-child(7){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -405px; border-right: none; border-bottom:1px solid #089ee7;}
    .mina_nav_M li:nth-child(8){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -475px; border-bottom:1px solid #089ee7;}
    .gnb{display: none;}
    .left_main{display: none;}
    .flexslider_2{display: none;}
    #photo_slider{display: none;}
    button#showLeft{display: block;}
    .product_01_nav>.s_nav>li>a{width: 30%;}
    .product_list_02 li img{}
    
    .quick_online{max-width: 800px;}
    
    
    .rental{max-width: 800px; margin: 0 auto;}
    .rental_top{margin-top: 130px; position: relative; overflow: hidden;}
    .rental_top h3{font-size: 50px;}
    .rental_top_text{width: 100%; }
    .rental_text{margin-top: 50px;}
    .rental_text li{font-size: 20px; padding-bottom: 5px; color: #000;}
    .rental_text li::before{
        content: url(../img/icon/icon_list_01.png);
        width: 20px;
        display: inline-block;
        vertical-align: middle;
        padding-right: 10px;
    }
    .rental_top_img{display: none;}
    .rental_link a{width: 99%; padding:10px 0;}

    
    .right_main{display: none;}
    .container_as{width: 800px;}
    .container_as h3 .f1{font-size: 40px;}
    .container_as h3 .f2{font-size: 45px;}
    .container_AS_UI img{width: 240px;}
    .contents_b> dl> dt, dd{max-width: 800px;}
    .s_nav {margin-bottom: 50px;}
    .s_nav li a {font-size: 15px;}
    .container_AS_UI img{width: 220px;}
    .footer{max-width: 800px;}
    .footer_logo{margin-top: 50px;}
    .footer_left ul{float: none;}
    .footer_left .footer_logo{padding: 0px 0px; }
    .footer_left .footer_info{margin-top: 0;}
    .footer_right{float: left; margin-top: 10px; margin-bottom: 50px;}
    .footer_right .footer_AS{text-align: left;}
    .footer_right .social{float: left;}
    
    #product_list_02 ul li {width: 800px;}
    #product_list_02 ul li > .span_text{padding-left: 0;}
    #product_list_02 ul li .series{font-size: 30px;}
    #product_list_02 ul li .name{font-size: 40px;}
    #product_list_02 ul li .con3{font-size: 18px;}
    #product_list_02 ul li > .span_text{width: 350px;}
    
    .overlay{display: none;}
    
    .down .name p{width: 100%;padding-right: 10px;}
    .down .link{padding-left: 10px; }
}

/*태블렛PC 레이아웃 정의*/
@media screen and (max-width:799px) and (min-width:600px){
    .quickLink{display: none;}
    #header{display: none;}
    #m_header{display: block; border-bottom: 1px solid #0a82e5; position:fixed; width: 100%; z-index:1000; top:-1px; background-color: #ffffff; left: 0; right: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;}
    .m_header_warp{position: relative; margin: 0 auto; height: 90px; }|
    .Body{max-width: 600px;}
    .button{display:block; float: left; padding-top: 20px; padding-left: 20px;}
    .max500px{display:inline-block; text-align: center; margin: 0 auto; width: 80%; padding-top: 20px;}
    #product_list, #product_list_03{max-width: 800px;}
    #visual_container_wrap{padding-top: 90px;}
    #container_as_wrap{top:20px;}
    .wzuploadedimg{width:100%;}
    .indigator_nav{display: none;}
    .mina_nav_M{position: relative; display: inline-block; width: 100%; margin: 20px auto;}
    .mina_nav_M ul{overflow: hidden; width: 97%; margin: 0 auto;}
    .mina_nav_M li{display: block; width: 49.5%; float: left; border:1px solid #089ee7; border-bottom: none;}
    .mina_nav_M li a{font-size:20px; display: inline-block;  padding: 30px 0 30px 70px; background: url(../img/icon/move_page.png) no-repeat 95% center; width: 82%; }
    .mina_nav_M li:nth-child(1){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px 10px; border-right: none;}
    .mina_nav_M li:nth-child(2){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -60px;}
    .mina_nav_M li:nth-child(3){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -130px; border-right: none;}
    .mina_nav_M li:nth-child(4){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -200px;}
    .mina_nav_M li:nth-child(5){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -270px; border-right: none;}
    .mina_nav_M li:nth-child(6){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -335px;}
    .mina_nav_M li:nth-child(7){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -405px; border-right: none; border-bottom:1px solid #089ee7;}
    .mina_nav_M li:nth-child(8){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -475px; border-bottom:1px solid #089ee7;}
    .gnb{display: none;}
    .left_main{display: none;}
    .flexslider_2{display: none;}
    #photo_slider{display: none;}
    button#showLeft{display: block;}
    .product_01_nav>.s_nav>li>a{width: 30%;}
    #product_list, #product_list_03{max-width: 600px; margin:0 auto;}
    #product_list ul li, #product_list_03 ul li{width: 290px; height: 425px;}
    .product_01_nav, .product_02_nav, .product_03_nav{max-width: 600px;}
    .product_02_nav>.s_nav>li>a{width:30%;}
    #product_list_02 ul li{width:290px; border-bottom: 1px solid #eee; padding: 40px 0; margin: 0 auto;}
    #product_list_02 ul li .con3{display: none;}
    #product_list_02 ul li .span_img{width: 290px; margin-top: 0px; margin-left: 0px;}
    #product_list_02 ul li > .span_text{width:290px; margin-top: 0;}
    #product_list_02 ul li .series{font-size: 20px; text-align: center;}
    #product_list_02 ul li .name{font-size: 25px; text-align: center; letter-spacing: -3px;}
    #product_list_02 ul li > .span_text{padding-left: 0;}
    #product_list_02 ul li:nth-child(2n){background-color: #fff;}
    
    
    .quick_online{width: 600px;}
    .L_quick_online{display: none;}
    .R_quick_online{float: none; width: 100%;}
    .quick_online .inputbox{ width: 90%; margin: 0 auto; margin-bottom: 30px;}
    
    
    .contents_b> dl> dt, dd{max-width: 600px;}
    .cbp-spmenu_01{display: none;}
    .right_main{display: none;}
    .container_as{max-width: 600px;}
    .container_as h3 .f1{font-size: 35px; letter-spacing: -4px;}
    .container_as h3 .f2{font-size: 38px; letter-spacing: -5px;}
    .container_AS_UI img{width: 190px;}
    .container_as > .container_AS_UI{padding:100px 0px 0px 0px;}
    .s_nav {margin-bottom: 50px;}
    .s_nav li a {font-size: 15px;}
    
    .rental{max-width: 600px; margin: 0 auto;}
    .rental_top{margin-top: 130px; position: relative; overflow: hidden;}
    .rental_top h3{font-size: 45px;}
    .rental_top_text{width: 100%; }
    .rental_text{margin-top: 50px;}
    .rental_text li{font-size: 18px; padding-bottom: 5px; color: #000;}
  .rental_top_img{display: none;}
    .rental_link a{width: 99%; padding:10px 0;}
    
    
    
    
    .footer{max-width: 600px;}
    .footer_logo{margin-top: 50px;}
    .footer_left ul{float: none;}
    .footer_left .footer_logo{padding: 0px 0px; }
    .footer_left .footer_info{margin-top: 0;}
    .footer_right{float: left; margin-top: 10px; margin-bottom: 50px;}
    .footer_right .footer_AS{text-align: left;}
    .footer_right .social{float: left;}
    
    .photo_view_D{display: none;}
    .top_text{width: 600px; padding-top: 0; margin-left: 0; }
    .top_img_L img{width: 450px; height: 450px;}
    #chart table, th, td{padding: 5px 2px;}
    .overlay{display: none;}
    
    .down{font-size: 15px;}
    .down .name, .down .link, down .link_V{width: 100%;}
    .down .name p{width: 100%;padding-right: 10px;}
    .down .link{padding-left: 10px; }
}


@media screen and (max-width:599px) and (min-width:500px){
    .quickLink{display: none;}
    #header{display: none;}
    #m_header{display: block; border-bottom: 1px solid #0a82e5; position:fixed; width: 100%; z-index:1000; top:-1px; background-color: #ffffff; left: 0; right: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;}
    .m_header_warp{position: relative; margin: 0 auto; height: 90px; }|
    .Body{max-width: 500px;}
    .button{display:block; float: left; padding-top: 20px; padding-left: 20px;}
    .max500px{display:inline-block; text-align: center; margin: 0 auto; width: 80%; padding-top: 20px;}
    #visual_container_wrap{padding-top: 90px;}
    #container_as_wrap{top:20px;}
    .wzuploadedimg{width:100%;}
    .indigator_nav{display: none;}
    .mina_nav_M{position: relative; display: inline-block; width: 100%; margin: 20px auto;}
    .mina_nav_M ul{overflow: hidden; width: 97%; margin: 0 auto;}
    .mina_nav_M li{display: block; width: 49.5%; float: left; border:1px solid #089ee7; border-bottom: none;}
    .mina_nav_M li a{font-size:20px; display: inline-block;  padding: 30px 0 30px 70px; background: url(../img/icon/move_page.png) no-repeat 90% center; width: 82%; }
    .mina_nav_M li:nth-child(1){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px 10px; border-right: none;}
    .mina_nav_M li:nth-child(2){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -60px;}
    .mina_nav_M li:nth-child(3){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -130px; border-right: none;}
    .mina_nav_M li:nth-child(4){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -200px;}
    .mina_nav_M li:nth-child(5){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -270px; border-right: none;}
    .mina_nav_M li:nth-child(6){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -335px;}
    .mina_nav_M li:nth-child(7){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -405px; border-right: none; border-bottom:1px solid #089ee7;}
    .mina_nav_M li:nth-child(8){background: url(../img/common/main_indicator_icon_700px.png) no-repeat 0px -475px; border-bottom:1px solid #089ee7;}
    .gnb{display: none;}
    .left_main{display: none;}
    .flexslider_2{display: none;}
    #photo_slider{display: none;}
    button#showLeft{display: block;}
    .product_01_nav>.s_nav>li>a{width: 30%;}
    .product_01_nav, .product_02_nav, .product_03_nav{max-width: 500px;}
    .product_02_nav>.s_nav>li>a{width:30%;}
    #product_list, #product_list_02, #product_list_03{max-width: 400px; margin: 0 auto; position: relative; overflow: hidden;}
    #product_list_02 ul li{width:380px; border-bottom: 1px solid #eee; padding: 80px 0;}
    #product_list_02 ul li .con3{display: none;}
    #product_list_02 ul li .span_img{width: 380px; margin-top: 0px; margin-left: 0px;}
    #product_list_02 ul li > .span_text{width:380px; margin-top: 0;}
    #product_list_02 ul li .series{font-size: 20px; text-align: center;}
    #product_list_02 ul li .name{font-size: 25px; text-align: center; letter-spacing: -3px;}
    #product_list_02 ul li > .span_text{padding-left: 0;}
    #product_list_02 ul li:nth-child(2n){background-color: #fff;}
    
    .quick_online{width: 500px;}
    .L_quick_online{display: none;}
    .R_quick_online{float: none; width: 100%;}
    .quick_online .inputbox{ width: 90%; margin: 0 auto; margin-bottom: 30px;}
    
    
    .contents_b> dl> dt, dd{max-width: 500px;}
    .cbp-spmenu_01{display: none;}
    .right_main{display: none;}
    .container_as{max-width: 500px; margin: 0 auto;}
    .container_as h3 .f1{font-size: 30px; letter-spacing: -4px;}
    .container_as h3 .f2{font-size: 30px; letter-spacing: -5px;}
    .container_as > .container_AS_UI{padding:100px 0px 0px 0px; width: 450px;}
    .container_AS_UI img{width: 150px;}
    .container_as .phone{width: 300px; background-size: 300px;}
    .s_nav {margin-bottom: 50px;}
    .s_nav li a {font-size: 15px;}
    .footer{max-width: 500px;}
    .footer_logo{margin-top: 50px;}
    .footer_left ul{float: none;}
    .footer_left .footer_logo{padding: 0px 0px; }
    .footer_left .footer_info{margin-top: 0;}
    .footer_right{float: left; margin-top: 10px; margin-bottom: 50px;}
    .footer_right .footer_AS{text-align: left;}
    .footer_right .social{float: left;}

    /*poroduct_view*/
    .Detail{margin-top: 150px;}
    .top_img_s{top:-10px; z-index: 10; left: 0; }
    .top_img_s, .top_img_L, .top_text{padding-top: 0; padding-right: 0; margin-bottom: 0;}
    .top_img_s img{width: 70px; height: 70px;}
    .top_img_s li{width: 70px; height: 70px; padding-bottom: 5px;}
    .top_img_L{top:0; left: 0; padding-top: 0; padding-right: 0; margin-bottom: 50px;}
    .top_img_s, .top_img_L{float: left;}
    .top_img_L>img{width: 400px; height: 400px;}
    .top_text{width: 490px; padding-top: 0; margin-left: 0; }
    .photo_view_D{display: none;}
    .view_chart{font-size: 12px;}
    #chart table, th, td{padding: 10px 0;}
    .m_none{display: none;}
    ul.s_nav{margin-bottom: 30px;}


    .C_text{font-size: 20px; letter-spacing: -2px;}
    .C_text .f50{font-size: 30px;}

    .overlay{display: none;}

    .down{font-size: 15px;}
    .down .name, .down .link, down .link_V{width: 100%;}
    .down .name p{width: 100%;padding-right: 10px;}
    .down .link{padding-left: 10px; }
}


/*모바일 영역 _하단 Nav*/
@media screen and (max-width:499px) and (min-width:415px){
    .quickLink{display: none;}
    #header{display: none;}
    #m_header{display: block; border-bottom: 1px solid #0a82e5; position:fixed; width: 100%; z-index:1000; top:-1px; background-color: #ffffff; left: 0; right: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;}
    .m_header_warp{position: relative; margin: 0 auto; height: 90px; }|
    .Body{max-width: 400px;}
    .button{display:block; float: left; padding-top: 20px; padding-left: 20px;}
    .max500px{display:inline-block; text-align: center; margin: 0 auto; width: 80%; padding-top: 20px;}
    #visual_container_wrap{display: none;}
    #visual_container_mobile{display: block; padding-top: 90px;}
    #container_as_wrap{display: none;}
    .wzuploadedimg{width:100%;}
    .indigator_nav{display: none;}
    .mina_nav_M{position: relative; display: inline-block; width: 100%; margin: 20px auto;}
    .mina_nav_M ul{overflow: hidden; width: 97%; margin: 0 auto;}
    .mina_nav_M li{display: block; width: 49.5%; float: left; border:1px solid #089ee7; border-bottom: none;}
    .mina_nav_M li a{font-size:15px; display: inline-block;  padding: 30px 0 30px 50px; background: url(../img/icon/move_page.png) no-repeat 90% center; width: 82%; }
    .mina_nav_M li:nth-child(1){background: url(../img/common/main_indicator_icon_700px.png) no-repeat -15px 10px; border-right: none;}
    .mina_nav_M li:nth-child(2){background: url(../img/common/main_indicator_icon_700px.png) no-repeat -15px -60px;}
    .mina_nav_M li:nth-child(3){background: url(../img/common/main_indicator_icon_700px.png) no-repeat -15px -130px; border-right: none;}
    .mina_nav_M li:nth-child(4){background: url(../img/common/main_indicator_icon_700px.png) no-repeat -15px -200px;}
    .mina_nav_M li:nth-child(5){background: url(../img/common/main_indicator_icon_700px.png) no-repeat -15px -270px; border-right: none;}
    .mina_nav_M li:nth-child(6){background: url(../img/common/main_indicator_icon_700px.png) no-repeat -15px -335px;}
    .mina_nav_M li:nth-child(7){background: url(../img/common/main_indicator_icon_700px.png) no-repeat -15px -405px; border-right: none; border-bottom:1px solid #089ee7;}
    .mina_nav_M li:nth-child(8){background: url(../img/common/main_indicator_icon_700px.png) no-repeat -15px -475px; border-bottom:1px solid #089ee7;}
    .gnb{display: none;}
    .left_main{display: none;}
    .flexslider_2{display: none;}
    #photo_slider{display: none;}
    button#showLeft{display: block;}
    .contents_b>.s_nav>li>a{width: 45%;}
    .product_01_nav>.s_nav>li>a{width: 45%;}
    #product_list, #product_list_02, #product_list_03{max-width: 400px; margin: 0 auto; position: relative; overflow: hidden;}
    .product_01_nav, .product_02_nav, .product_03_nav{max-width: 500px;}
    .product_02_nav>.s_nav>li>a{width:45%;}
    #product_list_02 ul li{width:380px; border-bottom: 1px solid #eee; padding: 80px 0;}
    #product_list_02 ul li .con3{display: none;}
    #product_list_02 ul li .span_img{width: 380px; margin-top: 0px; margin-left: 0px;}
    #product_list_02 ul li > .span_text{width:290px; margin-top: 0;}
    #product_list_02 ul li .series{font-size: 20px; text-align: center;}
    #product_list_02 ul li .name{font-size: 25px; text-align: center; letter-spacing: -3px;}
    #product_list_02 ul li > .span_text{padding-left: 0;}
    #product_list_02 ul li:nth-child(2n){background-color: #fff;}
    
    .quick_online{width: 400px;}
    .L_quick_online{display: none;}
    .R_quick_online{float: none; width: 100%;}
    .quick_online .inputbox{ width: 90%; margin: 0 auto; margin-bottom: 30px;}
    
    .contents_b{margin-bottom: 30px;}
    .contents_b> dl> dt, dd{max-width: 400px;}
    .cbp-spmenu_01{display: none;}
    .right_main{display: none;}
    .container_as{max-width: 500px; margin: 0 auto;}
    .container_as h3 .f1{font-size: 30px; letter-spacing: -4px;}
    .container_as h3 .f2{font-size: 30px; letter-spacing: -5px;}
    .container_as > .container_AS_UI{padding:100px 0px 0px 0px; width: 450px;}
    .container_AS_UI img{width: 150px;}
    .container_as .phone{width: 300px; background-size: 300px;}
    .s_nav {margin-bottom: 50px;}
    .s_nav li a {font-size: 15px;}
    .footer{max-width: 400px;}
    .footer_left .footer_info{font-size: 15px; width: 400px;}
    .footer_logo{margin-top: 50px;}
    .footer_left ul{float: none;}
    .footer_left .footer_logo{padding: 0px 0px; }
    .footer_left .footer_info{margin-top: 0;}
    .footer_right{float: left; margin-top: 10px; margin-bottom: 50px;}
    .footer_right .footer_AS{text-align: left;}
    .footer_right .social{float: left;}

    /*poroduct_view*/
   .Detail{margin-top: 150px;}
    .top_img_s{position: absolute; top: 150px;}
    .top_img_s, .top_img_L, .top_text{padding-top: 0; padding-right: 0; margin-bottom: 0;}
    .top_img_s img{width: 65px; height: 65px;}
    .top_img_s li{width: 65px; height: 65px; padding-bottom: 5px;}
    .top_img_L{top:-50; padding-left: 80px}
    .top_img_s, .top_img_L{float: left;}
    .top_img_L>img{width: 300px; height: 300px;}
    .top_text{width: 400px; padding-top: 0; margin-left: 0; }
    .top_text .title{font-size: 40px;}
    .photo_view_D{display: none;}
    .view_chart{font-size: 12px;}
    #chart table, th, td{padding: 10px 0;}
    .m_none{display: none;}
    ul.s_nav{margin-bottom: 30px;}


    .C_text{font-size: 20px; letter-spacing: -2px;}
    .C_text .f50{font-size: 30px;}

    .overlay{display: none;}
    .pd_con7 ul .item{padding: 10px 10px;}
    .table_L td:last-child{padding-left: 0px;}

    .down{font-size: 15px;}
    .down .name, .down .link, down .link_V{width: 100%;}
    .down .name p{width: 100%;padding-right: 10px;}
    .down .link{padding-left: 10px; }
}

@media screen and (max-width:414px) and (min-width:377px){
    .quickLink{display: none;}
    #header{display: none;}
    #m_header{display: block; border-bottom: 1px solid #0a82e5; position:fixed; width: 100%; z-index:1000; top:-1px; background-color: #ffffff; left: 0; right: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;}
    .m_header_warp{position: relative; margin: 0 auto; height: 50px;}|
    .Body{max-width: 350px;}
    .button{display:block; float: left; padding-top: 10px; padding-left: 20px;}
    .header a{padding: 15px; background-size: 40px;}
    .max500px{display:inline-block; text-align: center; margin: 0 auto; padding-top: 10px; width: 300px;}
    .max500px img{width: 200px; }
    #visual_container_wrap{display: none;}
    #visual_container_mobile{display: block; padding-top: 50px;}
    #container_as_wrap{display: none;}
    .wzuploadedimg{width:100%;}
    .indigator_nav{display: none;}
    .mina_nav_M{position: relative; display: inline-block; width: 100%; margin: 20px auto;}
    .mina_nav_M ul{overflow: hidden; width: 97%; margin: 0 auto;}
    .mina_nav_M li{display: block; width: 49.5%; float: left; border:1px solid #089ee7; border-bottom: none;}
    .mina_nav_M li a{font-size:15px; display: inline-block;  padding: 25px 0 25px 10px; background: url(../img/icon/move_page.png) no-repeat 100% center; width: 82%; }
    .mina_nav_M li:nth-child(1){background: none; border-right: none;}
    .mina_nav_M li:nth-child(2){background: none;}
    .mina_nav_M li:nth-child(3){background: none; border-right: none;}
    .mina_nav_M li:nth-child(4){background: none;}
    .mina_nav_M li:nth-child(5){background: none; border-right: none;}
    .mina_nav_M li:nth-child(6){background: none;}
    .mina_nav_M li:nth-child(7){background: none; border-right: none; border-bottom:1px solid #089ee7;}
    .mina_nav_M li:nth-child(8){background: none; border-bottom:1px solid #089ee7;}
    .gnb{display: none;}
    .left_main{display: none;}
    .flexslider_2{display: none;}
    #photo_slider{display: none;}
    button#showLeft{display: block;}
    #visual, #visual_big, #visual_filter, #visual_filter, #visual_business, #visual_licensing, #visual_customer, #product_04{display: none;}
    .contents_b>.s_nav>li>a{width: 90%;}
    .product_01_nav>.s_nav>li>a{width: 45%;}
    #product_list, #product_list_02, #product_list_03{max-width: 350px; margin: 0 auto; position: relative; overflow: hidden;}
    .product_01_nav, .product_02_nav, .product_03_nav{max-width: 350px;}
    .product_02_nav>.s_nav>li>a{width:45%;}
    #product_list_02 ul li{width:380px; border-bottom: 1px solid #eee; padding: 80px 0;}
    #product_list_02 ul li .con3{display: none;}
    #product_list_02 ul li .span_img{width: 380px; margin-top: 0px; margin-left: 0px;}
    #product_list_02 ul li > .span_text{width:290px; margin-top: 0;}
    #product_list_02 ul li .series{font-size: 20px; text-align: center;}
    #product_list_02 ul li .name{font-size: 25px; text-align: center; letter-spacing: -3px;}
    #product_list_02 ul li > .span_text{padding-left: 0;}
    #product_list_02 ul li:nth-child(2n){background-color: #fff;}
    
    
    .quick_online{width: 350px;}
    .L_quick_online{display: none;}
    .R_quick_online{float: none; width: 100%;}
    .quick_online .inputbox{ width: 90%; margin: 0 auto; margin-bottom: 30px;}

    .contents_b{margin-bottom: 30px;}
    .contents_b> dl> dt, dd{max-width: 350px;}
    .cbp-spmenu_01{display: none;}
    .right_main{display: none;}
    .container_as{max-width: 350px; margin: 0 auto;}
    .container_as h3 .f1{font-size: 30px; letter-spacing: -4px;}
    .container_as h3 .f2{font-size: 30px; letter-spacing: -5px;}
    .container_as > .container_AS_UI{padding:100px 0px 0px 0px; width: 450px;}
    .container_AS_UI img{width: 150px;}
    .container_as .phone{width: 300px; background-size: 300px;}
    .s_nav {margin-bottom: 50px;}
    .s_nav li a {font-size: 15px;}
    #footer_warp{display: none;}
    #footer_m{display: block; position: fixed; bottom: 0; width: 100%; margin: 0 auto;}
    .footer_dir ul li a{width: 100%;}


    /*poroduct_view*/
    .Detail{margin-top: 150px;}
    .top_img_s{position: absolute; top: 150px;}
    .top_img_s, .top_img_L, .top_text{padding-top: 0; padding-right: 0; margin-bottom: 0;}
    .top_img_s img{width: 65px; height: 65px;}
    .top_img_s li{width: 65px; height: 65px; padding-bottom: 5px;}
    .top_img_L{top:-50; padding-left: 80px}
    .top_img_s, .top_img_L{float: left;}
    .top_img_L>img{width: 300px; height: 300px;}
    .top_text{width: 350px; padding-top: 0; margin-left: 0; }
    .top_text .Title{font-size: 38px;}
    .photo_view_D{display: none;}
    .view_chart{font-size: 12px;}
    #chart table, th, td{padding: 10px 0;}
    .m_none{display: none;}
    ul.s_nav{margin-bottom: 30px;}


    .C_text{font-size: 20px; letter-spacing: -2px;}
    .C_text .f50{font-size: 30px;}

    .overlay{display: none;}
    .pd_con7 ul .item{padding: 10px 10px;}
    .table_L td:last-child{padding-left: 0px;}

    .down{font-size: 15px;}
    .down .name, .down .link, down .link_V{width: 100%;}
    .down .name p{width: 100%;padding-right: 10px;}
    .down .link{padding-left: 10px; }
}

@media screen and (max-width:376px) and (min-width:321px){
    .quickLink{display: none;}
    #header{display: none;}
    #m_header{display: block; border-bottom: 1px solid #0a82e5; position:fixed; width: 100%; z-index:1000; top:-1px; background-color: #ffffff; left: 0; right: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;}
    .m_header_warp{position: relative; margin: 0 auto; height: 50px;}|
    .Body{max-width: 300px;}
    .button{display:block; float: left; padding-top: 10px; padding-left: 20px;}
    .header a{padding: 15px; background-size: 40px;}
    .max500px{display:inline-block; text-align: center; margin: 0 auto; padding-top: 10px; width: 300px;}
    .max500px img{width: 200px; }
    #visual_container_wrap{display: none;}
    #visual_container_mobile{display: block; padding-top: 50px;}
    #container_as_wrap{display: none;}
    .wzuploadedimg{width:100%;}
    .indigator_nav{display: none;}
    .mina_nav_M{position: relative; display: inline-block; width: 100%; margin: 20px auto;}
    .mina_nav_M ul{overflow: hidden; width: 97%; margin: 0 auto;}
    .mina_nav_M li{display: block; width: 49.5%; float: left; border:1px solid #089ee7; border-bottom: none;}
    .mina_nav_M li a{font-size:15px; display: inline-block;  padding: 13px 0 13px 10px; background: url(../img/icon/move_page.png) no-repeat 100% center; width: 82%; }
    .mina_nav_M li:nth-child(1){background: none; border-right: none;}
    .mina_nav_M li:nth-child(2){background: none;}
    .mina_nav_M li:nth-child(3){background: none; border-right: none;}
    .mina_nav_M li:nth-child(4){background: none;}
    .mina_nav_M li:nth-child(5){background: none; border-right: none;}
    .mina_nav_M li:nth-child(6){background: none;}
    .mina_nav_M li:nth-child(7){background: none; border-right: none; border-bottom:1px solid #089ee7;}
    .mina_nav_M li:nth-child(8){background: none; border-bottom:1px solid #089ee7;}
    .gnb{display: none;}
    .left_main{display: none;}
    .flexslider_2{display: none;}
    #photo_slider{display: none;}
    button#showLeft{display: block;}
    #visual, #visual_big, #visual_filter, #visual_filter, #visual_business, #visual_licensing, #visual_customer, #product_04{display: none;}
    .contents_b>.s_nav>li>a{width: 90%;}
    .product_01_nav>.s_nav>li>a{width: 45%;}
    #product_list, #product_list_02, #product_list_03{max-width: 300px; margin: 0 auto; position: relative; overflow: hidden;}
    .product_01_nav, .product_02_nav, .product_03_nav{max-width: 300px;}
    .product_02_nav>.s_nav>li>a{width:45%;}
    #product_list ul li, #product_list_03 ul li{width: 300px;}
    #product_list_02 ul li{width:300px; border-bottom: 1px solid #eee; padding: 80px 0;}
    #product_list_02 ul li .con3{display: none;}
    #product_list_02 ul li .span_img{width: 300px; margin-top: 0px; margin-left: 0px;}
    #product_list_02 ul li > .span_text{width:290px; margin-top: 0;}
    #product_list_02 ul li .series{font-size: 20px; text-align: center;}
    #product_list_02 ul li .name{font-size: 25px; text-align: center; letter-spacing: -3px;}
    #product_list_02 ul li > .span_text{padding-left: 0;}
    #product_list_02 ul li:nth-child(2n){background-color: #fff;}
    
    .quick_online{width: 300px;}
    .L_quick_online{display: none;}
    .R_quick_online{float: none; width: 100%;}
    .quick_online .inputbox{ width: 90%; margin: 0 auto; margin-bottom: 30px;}

    
    .contents_b{margin-bottom: 30px;}
    .contents_b> dl> dt, dd{max-width: 300px;}
    .cbp-spmenu_01{display: none;}
    .right_main{display: none;}
    .container_as{max-width: 300px; margin: 0 auto;}
    .container_as h3 .f1{font-size: 30px; letter-spacing: -4px;}
    .container_as h3 .f2{font-size: 30px; letter-spacing: -5px;}
    .container_as > .container_AS_UI{padding:100px 0px 0px 0px; width: 450px;}
    .container_AS_UI img{width: 150px;}
    .container_as .phone{width: 300px; background-size: 300px;}
    .s_nav {margin-bottom: 50px;}
    .s_nav li a {font-size: 15px;}
    .m_nav{display: none;}
    #footer_warp{display: none;}
    #footer_m{display: block; position: fixed; bottom: 0; width: 100%; margin: 0 auto;}
    .footer_dir ul li a{width: 100%;}
    
    


    /*poroduct_view*/
    .Detail{max-width: 300px; margin: 100px auto;}
    .top_img_s{position: absolute; top: 420px; left: 35px;}
    .top_img_s, .top_img_L, .top_text{padding-top: 0; padding-right: 0; margin-bottom: 0;}
    .top_img_s img{width: 50px; height: 50px;}
    .top_img_s li{width: 50px; height: 50px; padding-bottom: 0px; float: left;}
    .top_img_L{top:0px; padding-left: 0px}
    .top_img_s, .top_img_L{float: none;}
    .top_img_L>img{width: 300px; height: 300px;}
    .top_text{width: 300px; padding-top: 0; margin-left: 0; margin-top: 100px; }
    .top_text .Title{font-size: 35px;}
    .photo_view_D{display: none;}
    .view_chart{font-size: 12px;}
    #chart table, th, td{padding: 0px 0;}
    .m_none{display: none;}
    ul.s_nav{margin-bottom: 30px;}
    .licensing_03 >.link> a{padding:10px 40px;}


    .C_text{font-size: 20px; letter-spacing: -2px;}
    .C_text .f50{font-size: 30px;}

    .overlay{display: none;}

    
    .pd_con7 ul .item{padding: 10px 10px;}
    .table_L td:last-child{padding-left: 0px;}
    tbody{width: 300px;} 
    
    .down{font-size: 15px;}
    .down .name, .down .link, down .link_V{width: 100%;}
    .down .name p{width: 100%;padding-right: 10px;}
    .down .link{padding-left: 10px; }
}


@media screen and (max-width:320px) and (min-width:300px){
    .quickLink{display: none;}
    #header{display: none;}
    #m_header{display: block; border-bottom: 1px solid #0a82e5; position:fixed; width: 100%; z-index:1000; top:-1px; background-color: #ffffff; left: 0; right: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;}
    .m_header_warp{position: relative; margin: 0 auto; height: 50px;}|
    .Body{max-width: 300px;}
    .button{display:block; float: left; padding-top: 10px; padding-left: 20px;}
    .header a{padding: 15px; background-size: 40px;}
    .max500px{display:inline-block; text-align: center; margin: 0 auto; padding-top: 15px; width: 200px;}
    .max500px img{width: 180px; }
    #visual_container_wrap{display: none;}
    #visual_container_mobile{display: block; padding-top: 50px;}
    #container_as_wrap{display: none;}
    .wzuploadedimg{width:100%;}
    .indigator_nav{display: none;}
    .mina_nav_M{position: relative; display: inline-block; width: 100%; margin: 20px auto;}
    .mina_nav_M ul{overflow: hidden; width: 97%; margin: 0 auto;}
    .mina_nav_M li{display: block; width: 49.5%; float: left; border:1px solid #089ee7; border-bottom: none;}
    .mina_nav_M li a{font-size:15px; display: inline-block;  padding: 13px 0 13px 10px; background: url(../img/icon/move_page.png) no-repeat 100% center; width: 95%; }
    .mina_nav_M li:nth-child(1){background: none; border-right: none;}
    .mina_nav_M li:nth-child(2){background: none;}
    .mina_nav_M li:nth-child(3){background: none; border-right: none;}
    .mina_nav_M li:nth-child(4){background: none;}
    .mina_nav_M li:nth-child(5){background: none; border-right: none;}
    .mina_nav_M li:nth-child(6){background: none;}
    .mina_nav_M li:nth-child(7){background: none; border-right: none; border-bottom:1px solid #089ee7;}
    .mina_nav_M li:nth-child(8){background: none; border-bottom:1px solid #089ee7;}
    .gnb{display: none;}
    .left_main{display: none;}
    .flexslider_2{display: none;}
    #photo_slider{display: none;}
    button#showLeft{display: block;}
    #visual, #visual_big, #visual_filter, #visual_filter, #visual_business, #visual_licensing, #visual_customer, #product_04{display: none;}
    .contents_b>.s_nav>li>a{width: 90%;}
    .product_01_nav>.s_nav>li>a{width: 45%;}
    #product_list, #product_list_02, #product_list_03{max-width: 300px; margin: 0 auto; position: relative; overflow: hidden;}
    .product_01_nav, .product_02_nav, .product_03_nav{max-width: 300px;}
    .product_02_nav>.s_nav>li>a{width:45%;}
    #product_list ul li, #product_list_03 ul li{width: 300px;}
    #product_list_02 ul li{width:300px; border-bottom: 1px solid #eee; padding: 80px 0;}
    #product_list_02 ul li .con3{display: none;}
    #product_list_02 ul li .span_img{width: 300px; margin-top: 0px; margin-left: 0px;}
    #product_list_02 ul li > .span_text{width:290px; margin-top: 0;}
    #product_list_02 ul li .series{font-size: 20px; text-align: center;}
    #product_list_02 ul li .name{font-size: 25px; text-align: center; letter-spacing: -3px;}
    #product_list_02 ul li > .span_text{padding-left: 0;}
    #product_list_02 ul li:nth-child(2n){background-color: #fff;}
    .contents_b> dl> dt, dd{max-width: 300px;}
    .cbp-spmenu_01{display: none;}
    .right_main{display: none;}
    .container_as{max-width: 300px; margin: 0 auto;}
    .container_as h3 .f1{font-size: 30px; letter-spacing: -4px;}
    .container_as h3 .f2{font-size: 30px; letter-spacing: -5px;}
    .container_as > .container_AS_UI{padding:100px 0px 0px 0px; width: 450px;}
    .container_AS_UI img{width: 150px;}
    .container_as .phone{width: 300px; background-size: 300px; }
    .s_nav {margin-bottom: 50px;}
    .s_nav li a {font-size: 15px;}
   
    
    #footer_warp{display: none;}
    #footer_m{display: block; position: fixed; bottom: 0; width: 100%; margin: 0 auto; max-width: 320px;}
    .footer_dir ul li a{width: 100%;}




    /*poroduct_view*/
    .Detail{max-width: 300px; margin: 100px auto;}
    .top_img_s{position: absolute; top: 420px; left: 35px;}
    .top_img_s, .top_img_L, .top_text{padding-top: 0; padding-right: 0; margin-bottom: 0;}
    .top_img_s img{width: 50px; height: 50px;}
    .top_img_s li{width: 50px; height: 50px; padding-bottom: 0px; float: left;}
    .top_img_L{top:0px; padding-left: 0px}
    .top_img_s, .top_img_L{float: none;}
    .top_img_L>img{width: 300px; height: 300px;}
    .top_text{width: 300px; padding-top: 0; margin-left: 0; margin-top: 100px; }
    .top_text .Title{font-size: 35px;}
    .photo_view_D{display: none;}
    .view_chart{font-size: 12px;}
    #chart table, th, td{padding: 0px 0;}
    .m_none{display: none;}
    ul.s_nav{margin-bottom: 30px;}


    .C_text{font-size: 20px; letter-spacing: -2px;}
    .C_text .f50{font-size: 30px;}

    .overlay{display: none;}
    
    .pd_con7 ul .item{padding: 10px 10px;}
    .table_L td:last-child{padding-left: 0px;}

    .down{font-size: 15px;}
    .down .name, .down .link, down .link_V{width: 100%;}
    .down .name p{width: 100%;padding-right: 10px;}
    .down .link{padding-left: 10px; }
}