@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


/* common------------------------------------------------------------------*/

#Wrap{position:relative; top:0; width:100%; max-width:1200px; margin:0; padding:0; background:#fff;overflow:hidden; *zoom: 1}

#header{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{display: none;}

#visual_container_mobile{display: none;}
#visual_container_mobile img{width: 100%;}
#mobile_nav{display: none;}
.button{display: none;}
.max1000px{display: none;}
.header_wrap{position: relative; max-width: 90%; margin: 0 auto; overflow: hidden; z-index: 500; height: 90px; background: url(../img/common/header_tel.png) no-repeat 0 145px;}
.header_wrap > .max1920px{position: relative; float: left; top:15px; left: 0; z-index: 0;}
#header .gnb > ul{position: relative; overflow: hidden; float: right;}
#header .gnb > ul > li{float: left; padding-top: 40px; display:block;}
#header .gnb > ul > li > a{display: block; padding-right: 80px; font-size: 17px; font-weight:600; text-align: left;}
#header .snbn{height: 300px; padding-top: 20px; display: block;}
#header .snbn li{}
#header .snbn li a{display: block; line-height: 30px; font-size: 14px; border-bottom: 1px solid #eee; margin-right: 10px;}
#header .snbn li a:hover{background-color: #eee;}
#header .snbn li:first-child>a{border-top: none;}
/*---------------------------------------------------------------end of #header*/
/*footer*/
#footer_warp{background-color: #000000; color: #979797; position: relative; margin-top: 0px;}
.footer{position: relative; max-width: 1200px; margin: 0 auto; overflow: hidden;}
.footer_left ul{float: left; }
.footer_left .footer_logo{padding: 65px 40px; }
.footer_left .footer_info{width: 700px; font-size: 17px; margin-top: 50px; line-height: 1.2; overflow: hidden;}
.footer_left .footer_info li{float: left; padding-right: 15px; }
.footer_right{float: right; font-size: 20px; overflow: hidden; margin-top: 40px; margin-right: 0px;}
.footer_right .footer_AS{text-align: right; line-height: 1; }
.footer_right .social {overflow: hidden; float: right; margin-top: 7px;}
.footer_right .social li{width:35px; height: 35px; display: block; float: left; padding-right: 5px;}
.footer_call{font-size: 45px; font-weight: 700; color: #ffffff;}
/*---------------------------------------------------------------end of #footer*/

/*footer_m*/
#footer_m{display: none;}
.footer_dir{width: 100%;}
.footer_dir ul li a{display:inline-block; width: 48%; float: left; border: 1px solid #fff; padding: 10px 0; background-color: #eee; font-size: 20px; text-align: center; vertical-align: bottom;}
.footer_dir ul li a img{display: inline-block; vertical-align:bottom; width: 25px; height: 25px;}


/*popup----------------------------------------------------------------------------*/
.popup_form table td{padding: 0;margin:0;}
input[id="cb1"]+label{
    display: inline-block; 
    width: 20px;
    height: 20px;
    border: 2px solid #bcbcbc;
    cursor: pointer;
    vertical-align: bottom;
}
input[id="cb1"]:checked+label:after{
    content: '\2714';
    font-size: 15px;
    vertical-align: bottom;
    position: relative;
}
input[id="cb1"]{position: relative; top: -3px; vertical-align: bottom; display: none;}
.pop_text{text-align: left; font-size: 15px;}
.pop_close a{display: block; padding: 20px 0;}


/*product ---------------------------------------------------------------------*/
#visual{
    width: 100%; 
    background: url(../img/visual/product_01_bg.png) no-repeat fixed 0px 90px;
}
#visual_big{
    width: 100%; 
    background: url(../img/visual/product_02_bg.png) no-repeat fixed 0px 90px;
}

#visual_filter{
    width: 100%; 
    background: url(../img/visual/product_03_bg.png) no-repeat fixed 0px 90px;
}

.product_01_visual, .product_02_visual, .product_03_visual, .product_04_visual{
    position: relative; 
    max-width: 1200px; 
    height: 390px;
    margin: 0 auto; 
    padding-top: 110px; 
    border: 1px solid #ffffff; 
}

.product_01_visual .line, .product_02_visual .line, .product_03_visual .line, .product_04_visual .line{
    width:100%; 
    height: 30px;
    border-bottom: 1px solid #ffffff;
    position:absolute;
    bottom: 130px;
}

#product_01_warp{}
.product_01_nav, .product_02_nav, .product_03_nav{
    max-width: 1200px; 
    margin: 0 auto;
    overflow: hidden; 
    padding: 50px 0 20px 0;
}
.product_01_nav>.s_nav>li>a{width: 13%;}
.product_02_nav>.s_nav>li>a{width: 18%;}
.product_03_nav>.s_nav>li>a{width: 30%;}
.product_03_nav>.s_nav>.none{display:none;}
ul.s_nav{overflow: hidden; margin: 50px 0;}
.s_nav li a{
    display: block; 
    float: left; 
    margin-left: 5px;
    font-size: 15px;
    font-weight: 100;
    text-align: left; 
    padding: 20px 0 10px 10px; 
    border-bottom: 5px solid #eee;
    font-size: 17px;
}




.s_nav li a:hover{border-bottom: 5px solid #0a87e5;}
.s_nav li.select a{border-bottom: 5px solid #0a87e5; color:#0a87e5 }
.s_nav >li:last-child{display: none;}


.Body {position:relative; max-width:1200px; min-height: 630px; margin:0 auto; overflow: hidden;}
/*-------------------------------------------------product_nav*/

#product_list{position: relative; max-width: 1200px; margin: 0 auto; overflow: hidden;}
#product_list ul li{width: 380px; border-bottom: 1px solid #eee; float: left; padding: 30px 0 30px 0;}
#product_list ul li .span_img {display: block; width: 100%; }
#product_list ul li .name{display: block;text-align: center; padding: 0px 0 30px 0; font-size: 20px; color:#089ee7;}
#product_list ul li .series{margin: 0 auto; width: 80%; display: block; text-align: center;}

#product_list_03{position: relative; max-width: 1200px; margin: 0 auto; overflow: hidden;}
#product_list_03 ul li{width: 380px; border-bottom: 1px solid #eee; float: left; padding: 30px 0 30px 0;}
#product_list_03 ul li .span_img{display: block; width: 100%; }
#product_list_03 ul li .name{display: block;text-align: center; padding: 0px 0 30px 0; font-size: 20px; color:#089ee7  }
#product_list_03 ul li .series{margin: 0 auto; width:  80%; display: block; text-align: center;}


#product_list_02{overflow: hidden;}
#product_list_02 ul li{
    width: 1200px; 
    height: 400px;
    float: left;
}
#product_list_02 ul li .span_img{
    display: block; 
    width: 320px;
    margin-top: 40px;
    margin-left: 40px;
}
#product_list_02 ul li:nth-child(2n){background-color: #f2f2f2;}
#product_list_02 ul li > .span_text{text-align: left; width: 790px; margin-top: 100px; padding-left: 40px;}
#product_list_02 ul li .span_img, #product_list_02 ul li > .span_text{
    float: left;
}
#product_list_02 ul li .name{
    display: block; 
    font-size: 55px; 
    color:#000;
    letter-spacing: -6px;
    line-height: 80%;
    margin-bottom: 15px;
    
}
#product_list_02 ul li .series{
    margin: 0 auto; 
    display: block; 
    text-align: left; 
    font-size: 35px;
    font-weight: 100;
    letter-spacing: -2px;
     
}
#product_list_02 ul li .con3{
    margin: 0 auto; 
    display: block; 
    text-align: left; 
    font-size: 20px;
    font-weight: 100;
    letter-spacing: -2px;

}

.product_item_02 .pd_con7{display: none;}


/* ============================================================
GLOBAL
============================================================ */
.effects {
    padding-left: 0px;
}
.effects .img {
    position: relative;
    float: left;
    margin-top: 0px;
    width: 25%;
    overflow: hidden;
}
.effects .img:nth-child(n) {
    margin-right: 0px;
}
.effects .img:first-child {
    margin-left: 0px;
}
.effects .img:last-child {
    margin-right: 1;
}
.effects .img img {
    display: block;
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
}

.overlay {
    display: block;
    position: absolute;
    z-index: 20;
    background: #0a87e5;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

a.close-overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    width: 45px;
    height: 45px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 45px;
    text-align: center;
    background-color: #0a87e5;
    cursor: pointer;
}
a.close-overlay.hidden {
    display: none;
}


a.expand {

    display: block;
    position: absolute;
    z-index: 100;
    text-align: center;
    padding: 182px 0;
    color: #fff;
    line-height: 50px;
    font-weight: 700;
    font-size: 80px;

}
.expand img{width:115px; height:136px; position: relative; left: 130px; bottom: 30px;}


/* ============================================================
EFFECT 6 - ICON BOUNCE IN
============================================================ */
#effect-6 .overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE 7 and olders */
    opacity: 0;

}
#effect-6 .overlay a.expand {
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE 7 and olders */
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#effect-6 .img.hover .overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* IE 7 and olders */
    opacity: 0.8;

}
#effect-6 .img.hover .overlay a.expand {
    top: 0;
    margin-top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); /* IE 7 and olders */
    opacity: 1;


}



/*설치사례*/
#product_04{
    width: 100%; 
    background: url(../img/visual/product_04_bg.jpg) no-repeat fixed 0px 90px;
}


.button_view_end{margin: 0px auto; margin-bottom: 50px; width: 100%;}
.button_view_end p a
{ 
    border: 1px solid #0a81e4; 
    width: 60%; 
    padding: 15px 20px; 
    text-align: center;
    color: #0a81e4;
    background-color: #fff;
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
}
.button_view_end p a:hover{background-color: #0a81e4; color: #fff;}
 
		
/* Main */

#visual_container_wrap{width: 100%;}
.mina_nav_M{display: none;}
.move_page{display: none;}


/*container*/
#container_wrap{position: relative; max-width: 1200px; margin: 0 auto; overflow: hidden; top: 90px;}
.left_main, .flexslider_2, .right_main{position: relative; width: 33.3%;}
.left_main, .flexslider_2{float: left;}
.right_main{float: right;}

/*left_main*/
.left_nav{ overflow: hidden; margin-right:10px; }
.left_nav>li{
    width: 50%; height: 135px; float: left; 
    border: 1px solid #089ee7; border-collapse:separate; 
    background-image: url(../img/common/left_nav_icon.png);
    background-repeat: no-repeat;
    box-sizing: border-box;/*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
}
.left_nav>li:nth-child(1){background-position: 0 0; border-bottom: none;border-right: none;}
.left_nav>li:nth-child(2){background-position: -200px 0;border-bottom: none;}
.left_nav>li:nth-child(3){background-position:0 -135px;border-right: none;}
.left_nav>li:nth-child(4){background-position:-210px -135px;}
.left_nav>li:nth-child(5){background-position:-308px -135px;}
.left_nav>li>a{display: block; padding-top:100px; text-align: center; font-size: 16px;}

/*li hover*/
.left_nav>li:hover{background-color:#f2f2f2}

.left_banner{position: relative; overflow: hidden; margin:15px 10px 0 0;}


#more01a a{text-align: center; display: block; padding-top: 100px; }
#more01b a{text-align: center; display: block; padding: 23px 0; border-bottom:1px solid #089ee7;ba}
#more01b {position: absolute; width: 98%; z-index: 10; background-color: #fff; left: -1px; top: -1px; padding-top: 2px;
    border-left:2px solid #089ee7; border-top:2px solid #089ee7;
    border-right:1px solid #089ee7; border-bottom:1px solid #089ee7;}



/*work*/
.work{width: 100%;}
.work_warp{width: 1200px; height: 900px; margin: 0 auto; border: 1px solid #eee; font-family: 'Noto Sans KR', sans-serif;}
.work_warp h5{font-size: 30px; font-weight: 600; letter-spacing: -5px; padding: 30px 0; border-bottom: 1px solid #0a80dc; color: #0a80dc; padding-left: 15px;}
.work_title h6{font-size: 20px; padding-left: 110px; color: #0a80dc;}
.work_product{position: relative; overflow: hidden; padding-left: 110px;}
.work_product >li{list-style: none; display: block;}
.work_product >li >a {font-size: 15px; display: inline-block; float: left; padding-right: 10px; color: #000; text-align: left; }
.work_product >li >a:hover{color:#0a80dc }
.work_01{background: url(../img/icon/work_icon.png) no-repeat 0 -20px ; margin-top: 30px; padding-bottom: 10px;}
.work_02{background: url(../img/icon/work_icon.png) no-repeat 0 -110px; margin-top: 20px;}
.work_03{background: url(../img/icon/work_icon.png) no-repeat 0 -210px; margin-top: 20px;}
.work_04{background: url(../img/icon/work_icon.png) no-repeat 0 -310px; margin-top: 20px;}
.work_05{background: url(../img/icon/work_icon.png) no-repeat 0 -414px; margin-top: 20px; padding-bottom: 15px;}
.work_06{background: url(../img/icon/work_icon.png) no-repeat 0 -509px; margin-top: 20px; padding-bottom: 35px;}
.work_07{background: url(../img/icon/work_icon.png) no-repeat 0 -607px; margin-top: 25px; padding-bottom: 16px;}
.work_08{background: url(../img/icon/work_icon.png) no-repeat 0 -700px; margin-top: 25px;padding-bottom: 15px; padding-top: 10px;}
.work_09{background: url(../img/icon/work_icon.png) no-repeat 0 -800px; margin-top: 25px;padding-bottom: 15px; padding-top: 10px;}
.work_10{background: url(../img/icon/work_icon.png) no-repeat 0 -900px; margin-top: 25px;padding-bottom: 15px; padding-top: 5px;}
.work_11{background: url(../img/icon/work_icon.png) no-repeat 0 -1000px; margin-top: 25px;padding-bottom: 15px; padding-top: 5px;}
.work_12{background: url(../img/icon/work_icon.png) no-repeat 0 -1090px; margin-top: 25px;padding-bottom: 15px; padding-top: 10px;}
.work_13{background: url(../img/icon/work_icon.png) no-repeat 0 -1190px; margin-top: 25px;padding-bottom: 15px; padding-top: 10px;}
.work_14{background: url(../img/icon/work_icon.png) no-repeat 0 -1290px; margin-top: 25px;padding-bottom: 15px; padding-top: 5px;}
.work_15{background: url(../img/icon/work_icon.png) no-repeat 0 -1390px; margin-top: 25px;padding-bottom: 30px; padding-top: 10px;}
.work_16{background: url(../img/icon/work_icon.png) no-repeat 0 -1490px; margin-top: 25px;padding-bottom: 30px; padding-top: 10px;}




/*center_main*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0; z-index: 1;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border: 0px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 70px; height: 70px; margin: -13px 0 0; display: block; background: url(../img/common/slider_directon_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .next {background-position: -52px 0; right: 20px;}
.flex-direction-nav li .prev {left: 0px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}


/* Control Nav */
.flexslider .flex-control-nav{display: none;}
.indigator_nav{max-width: 1200px; margin: 0 auto; overflow: hidden;}
.flexslider .indigator_icon{position: absolute; bottom: 0;}
.flexslider .indigator_icon li {margin: 0 0 0 0px; display: inline-block; zoom: 1; border: 1px solid #089ee7; border-left: none; width: 170px; float: left;}
.flexslider .indigator_icon li a{width:170px; height:135px; display: block; background: url(../img/common/main_indicator_icon.png) no-repeat #ffffff; text-indent: -9999px; vertical-align: middle;}
.flexslider .indigator_icon li:first-child {margin: 0; border-left: 1px solid #089ee7; }
.flexslider .indigator_icon li:nth-child(1) a {background-position: 0  -140px; cursor: pointer; text-indent: -9999px;}
.flexslider .indigator_icon li:nth-child(2) a {background-position: -160px -140px; cursor: pointer; text-indent: -9999px;}
.flexslider .indigator_icon li:nth-child(3) a {background-position: -335px -140px; cursor: pointer; text-indent: -9999px;}
.flexslider .indigator_icon li:nth-child(4) a {background-position: -503px -140px;  cursor: pointer; text-indent: -9999px;}
.flexslider .indigator_icon li:nth-child(5) a {background-position: -670px -140px; cursor: pointer; text-indent: -9999px;}
.flexslider .indigator_icon li:nth-child(6) a {background-position: -837px -140px;  cursor: pointer; text-indent: -9999px;}
.flexslider .indigator_icon li:nth-child(7) a {background-position: -1010px -140px; cursor: pointer; text-indent: -9999px;}

/* Control hover */
.flexslider .indigator_icon li:nth-child(1) a:hover {background-color:#53bbee; background-position:0 -8px; cursor: pointer; text-indent: -9999px;}
.flexslider .indigator_icon li:nth-child(2) a:hover {background-color:#31afec; background-position:-160px -8px; cursor: pointer; text-indent: -9999px;}
.flexslider .indigator_icon li:nth-child(3) a:hover {background-color:#21a8e9; background-position:-335px -8px; cursor: pointer; text-indent: -9999px;}
.flexslider .indigator_icon li:nth-child(4) a:hover {background-color:#089ee7; background-position:-503px -8px; cursor: pointer; text-indent: -9999px;}
.flexslider .indigator_icon li:nth-child(5) a:hover {background-color:#0990e6; background-position:-670px -8px; cursor: pointer; text-indent: -9999px;}
.flexslider .indigator_icon li:nth-child(6) a:hover {background-color:#0a87e5; background-position:-837px -8px; cursor: pointer; text-indent: -9999px;}
.flexslider .indigator_icon li:nth-child(7) a:hover {background-color:#0a87e5; background-position:-1010px -8px; cursor: pointer; text-indent: -9999px;}

/*Direction Nav*/
.flexslider_2 .flex-control-nav {width: 100%; position: absolute; bottom:20px; text-align: center;}
.flexslider_2 .flex-control-nav li {margin: 0 0 0 0px; display: inline-block; zoom: 1; *display: inline;}
.flexslider_2 .flex-control-nav li:first-child {margin: 0;}
.flexslider_2 .flex-control-nav li a {width: 20px; height: 20px; display: block; background: url(../img/common/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flexslider_2 .flex-control-nav li a:hover {background-position: 0 -20px;}
.flexslider_2 .flex-control-nav li a.active {background-position: 0 -20px; cursor: default;}

.flexslider_3 .flex-control-nav{display: none;}


.flexslider_2{ position: relative; width:370px; left: 15px; margin: 0; padding: 0; z-index: 1; background: #fff; zoom: 1; border:1px solid #089ee7; overflow: hidden; }
.flexslider_2 .slides {zoom: 1;}
.flexslider_2 .slides > li{display: none; position: relative;}
.flexslider_2 .slides img {max-width: 100%; display: block;}

#photo_slider{max-width:1200px; margin: 0 auto; margin-top: 120px;}
#photo_slider .disc{display: none;}
.flexslider_3{ position: relative; width:100%;  height: 320px; margin: 0; padding: 0; z-index: 1; background: #fff; zoom: 1; border:1px solid #089ee7; overflow: hidden; padding-left: 5px;}
.flexslider_3 .slides {zoom: 1;}
.flexslider_3 .slides > li{display: block; position: relative;}
.flexslider_3 .slides img {max-width: 24%; height: 300px; display: block; float: left; padding: 10px 5px 10px 5px;}

/*right_main*/
.right_banner{position: relative; margin: 0px 0px 10px 10px;}
.right_banner{display: inline-block; border:1px solid #0a81e4;}
.right_nav{position: relative ;margin-left: 10px; border:1px solid #089ee7; border-bottom: none; padding-top: 1px;}
.right_nav li{border-bottom:1px solid #089ee7; text-align: center; background-image:url(../img/common/right_nav_icon.png); background-repeat: no-repeat;}
.right_nav li a{display: block; text-align: left; padding: 30px 0 29px 170px; font-size: 20px }
.right_nav>li:nth-child(1){background-position:20px 10px;}
.right_nav>li:nth-child(2){background-position:20px -123px;}
.right_nav>li:nth-child(3){background-position:20px -255px;}
.right_nav>li:nth-child(4){background-position:20px -385px;}
.fs_13{display: block; padding-top:6px; font-size: 12px;color: #58595b; line-height: 1.5; padding-right: 40px;}

.right_nav>li:nth-child(1):hover{background-color:#f2f2f2;}
.right_nav>li:nth-child(2):hover{background-color:#f2f2f2;}
.right_nav>li:nth-child(3):hover{background-color:#f2f2f2;}
.right_nav>li:nth-child(4):hover{background-color:#f2f2f2;}



/*container_as*/
#container_as_wrap{background: url(../img/common/container_as_bg.jpg) no-repeat; position: relative; top:100px;}
.container_as{position: relative; max-width: 1200px; margin: 0 auto; overflow: hidden; padding:150px 0 150px 0;  }
.container_as h3 .f1 {font-size: 70px; text-align: center; letter-spacing: -7px; font-weight: 600 }
span.light{font-weight: 100; }
.container_as h3 .f2{color:#0a87e5; font-size: 55px; text-align: center; letter-spacing: -7px; font-weight: 600 }

.container_as > .container_AS_UI{position: relative; margin: 0 auto; overflow:hidden; padding:100px 0px 0px 60px;}

.container_AS_UI>li{float: left;}
.container_AS_UI>li:nth-child(2){position: relative; top: -30px;}
.container_AS_UI img{width: 100%;}
.container_as .phone{margin: 40px auto; display: block; width: 436px; height: 78px; background:url(../img/common/phone.png) no-repeat;
    text-indent: -9999px;}

/*-------------------------------------------------------------------------------end of #main_index*/


/*#business,#licensing---------------------------------------------------------------------------- */

/*business*/
#conteiner{width: 100%;}
#visual_business{
    width: 100%; 
    background: url(../img/visual/business01_bg.jpg) no-repeat fixed 0px 90px;
}
#visual_licensing{
    width: 100%; 
    background: url(../img/visual/licensing01_bg.jpg) no-repeat fixed 0px 90px;
}
#visual_customer{
    width: 100%; 
    background: url(../img/visual/custome01_bg.jpg) no-repeat fixed 0px 90px;
}


.business_01_visual, .licensing_01_visual, .customer_01_visual{
    position: relative; 
    max-width: 1200px;
    height: 390px;
    margin: 0 auto; 
    padding-top: 90px; 
    border: 1px solid #ffffff; 
}

.business_01_visual .line, .licensing_01_visual .line, .customer_01_visual .line{
    width:100%; 
    height: 30px;
    border-bottom: 1px solid #ffffff;
    position:absolute;
    bottom: 130px;
}

.contents_b{
    position: relative; 
    font-size: 18px;
    overflow: hidden;
    margin-bottom: 80px;

}
.contents_b> .s_nav{ max-width: 1200px; 
    margin: 0 auto;
    overflow: hidden; 
    padding: 50px 0 50px 0;
}
.contents_b>.s_nav>li>a{width: 30%;}
.contents_b> .s_nav>li>a{
    display: block; 
    float: left; 
    margin-left: 5px;
    font-size: 20px;
    font-weight: 300; 
    text-align: left; 
    padding: 20px 0 10px 0; 
    border-bottom: 5px solid #eee;
    font-size: 17px;
}
.contents_b> .s_nav>li>a:hover{
    border-bottom: 5px solid #0a87e5;
}
.contents_b> .s_nav>li.select>a{
    border-bottom: 5px solid #0a87e5; 
    color:#0a87e5 
}
.contents_b> dl> dt, dd{
    max-width: 1200px;
    margin: 0 auto;
    line-height: 1.4
}
.contents_b> dl{padding:20px 0;}
.contents_b> dl img{
    width: 100%
}
.contents_b .strapline{
    font-size: 30px;
    letter-spacing: -3;
    padding-bottom: 5px; 
    color:#0a87e5; 
}
.contents_b .text{
    padding-bottom: 5px
    
}
.business_d7 .text-in{
    padding-left: 15px;
}
.table table{ 
    width: 100%;
    border-bottom: 3px solid #0a87e5;
    border-top: 3px solid #0a87e5;
    font-size: 16px;
    
}
.table table .right_line{
    border-right:1px solid #0a87e5;
}
.table table tr{border-bottom: 1px solid #0a87e5;}
.table table th{
    width: 30%;
    color:#0a87e5;
    height: 50px;
    background-color: #f9f9f9;
}
.table table td{
    padding:30px;
}


.business_d4{margin-top: 50px;}
.business_d4 dt, .business_f5 dt, .business_f11 dt{padding-top: 50px;}
.business_d6 dd,.business_f7 dd{padding-bottom: 40px;}
.business_d4, .business_d5, .business_d6,.business_f5,.business_f6,.business_f7,.business_f11,.business_f12{
    width: 100%;
    background-color: #f3f9fd;
}
.business_d7,.business_f8{
    margin-top: 50px;
}
.business_f4 {margin-bottom:50px; }
.business_f4 .text_middle{font-size: 16px; }
.business_d8,.business_f8,.business_f9,.business_f10{margin-bottom: 50px;}
.business_f8_M{display: none;}
.business_f9 > .table td{text-align: center;}
.business_f9 > .table .f30 {
    font-size: 30px;
    color:#0a87e5;
}
.business_f12 .text{padding-bottom: 100px;}
.f_bold{font-weight: bold;}



/*licensing_*/
.table_L{width: 100%; border-top:2px solid #0a89e5; border-bottom:2px solid #0a89e5;}
.table_L table{padding: 10px; border-bottom: 1px solid #0a89e5; width: 100%}
.table_L th:first-child{width:35%; border-right:1px solid #0a87e5;}
.table_L td:first-child{border-right:1px solid #0a87e5; text-align: center; }
.table_L td:last-child{padding-left: 80px;}
.table_L th, .table_L td{border-bottom: 1px solid #0a87e5; height: 40px; font-size:15px}
.table_L thead{background-color: #f3f9fd;}

.licensing_02 > .text > ul>li{ padding-bottom: 50px;}
.licensing_02 > .text > ul>li>p{padding: 10px 0;}
.licensing_03 dt {padding-top: 50px;}
.licensing_03 >.link> a{display: inline-block; border: 1px solid #eee; padding: 23px 50px; background-color: #0a89e5; color: #fff;}
.licensing_03 >.link> a:hover{background-color: #fff; border: 1px solid #0a84e5; color:#0a84e5 }
.licensing_04> .img{display: block; border: 1px solid #0a89e5; margin-bottom: 50px; padding-bottom: 50px;} 
.licensing_03, .licensing_04{background-color:#f3f9fd;}

/*-------------------------------------------------------------------------------------End of #business,#licensing*/

/*company*/
#company_01{ margin-top: 0px; width: 100%; height: 1080px; background-image: url(../img/company/company01_bg.jpg); background-position: 0 30px;}
#company_01 .text_01{margin: 0 auto; color: white; position: relative; text-align: center; top:400px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;  width:300px;}
#company_01 .text_01 h3{font-size: 52px; letter-spacing: -6px;
     vertical-align: middle;line-height: 95%; padding-bottom: 20px;}
#company_01 .text_01 p{font-size: 29px; font-weight: 100; }
#company_01 .text_02{margin: 0 auto; position: relative; text-align: center; color: #fff; font-size: 45px; top: 410px; letter-spacing:-3px; font-weight: 100;}

#company_02 {background-image: url(../img/company/company02_bg.jpg);width: 100%; height: 1080px;}
#company_02 .text_02{position: relative; text-align: right; top:300px; right: 300px;}
#company_02 .text_02 h3{font-size: 100px; letter-spacing: -4px; line-height:90%; font-weight: 800; padding-bottom: 30px; color: #0b6cdc;}
#company_02 .text_02 .c02{font-size: 30px; color: #000; letter-spacing: -3px;}
#company_02 .text_02 .c03{font-size: 20px; letter-spacing: -2px;color: #000; font-weight: 300;}

#company_03 {background-image: url(../img/company/company03_bg.jpg); width: 100%; height: 1080px;}
#company_03 .text_03{text-align: left; position: relative; left: 360px; top:330px;}
#company_03 .text_03 h3{font-size: 100px; letter-spacing: -4px; line-height:85%; font-weight: 800; padding-bottom: 30px; color: #249f02; }
#company_03 .text_03 .c04{font-size: 30px; color: #000; letter-spacing: -3px;}
#company_03 .text_03 .c05{font-size: 20px; letter-spacing: -2px; color: #000; font-weight: 300; padding: 5px;}

#company_04 {background-image: url(../img/company/company04_bg.jpg); width: 100%; height: 1080px; padding-bottom: }
#company_04 .text_04{position: relative; text-align: right; right: 360px; top:360px;}
#company_04 .text_04 h3{font-size: 100px; letter-spacing: -4px; line-height:85%; font-weight: 800; padding-bottom: 30px; color: #000; }
#company_04 .text_04 .c05{font-size: 30px; color: #000; letter-spacing: -3px;}
#company_04 .text_04.c06{font-size: 20px; letter-spacing: -2px; color: #000; font-weight: 300; padding: 5px 0;}

#company_05 {background-image: url(../img/company/company05_bg.jpg); width: 100%; height: 1080px;}
.company_05_info{overflow: hidden; max-width: 1200px; margin: 0 auto; padding-top: 100px;}
.company_05_info h3{font-size: 50px; color: #000; font-weight: 600;letter-spacing: -3px;}

.contact_text{font-size: 18px; font-weight: 100;  margin-left: 40px; height: 450px;}
.contact, .contact_text{float: left; line-height: 1.5; margin-left: 30px;}
.contact_text h3{line-height: 1.1;}
.contact_text ul li:first-child {font-size: 25px;}
.contact_text .bold{font-weight: 600; }
.contact_text .download a{padding: 10px 50px; background-color:#000; color: #fff; line-height: 4;  }
.trafic{max-width: 1200px; margin: 130px auto;}
.trafic img{float: left; display: block; width: 30%; margin-left:30px;} 
/* Board ---------------------------------------------------------------------------------------------------------*/


.C_text{font-size:30px; color: #0a87e5;letter-spacing: -2; font-weight: lighter; padding-bottom: 30px;margin-top: 50px; line-height: 1.3;}
.C_text .f50{font-size: 50px; font-weight: bold;}
.QNA_nav li{float: left; display:inline-block;}
.QNA_nav li a {display:inline-block; padding: 10px; width: 150px; border: 1px solid #0a89e5; color: #0a89e5; margin-right: 3px; }



.Search { text-align:center; margin-top:50px;}
.Search input { height:38px; padding:0 10px; line-height:40px; border:solid 1px #ddd; vertical-align:top;}
	.Search select { height:40px;line-height:40px; border:solid 1px #ddd; padding-left:10px;vertical-align:top;}
	.btn { background:#797c82; height:40px; font-size:14px; cursor:pointer; color:#fff; border:none !important; padding-left:20px !important; padding-right:20px !important; font-weight:bold;}

	.Board_Input {width:100%; border-top:solid 1px #e4e4e4;}
	.Board_Input th {width:140px; background:#3f383a; border-bottom:solid 1px #706b6d;}
	.Board_Input td {border-bottom:solid 1px #e4e4e4; border-right:solid 1px #e4e4e4; padding:7px 10px;}
	.Board_Input td input {line-height:18px; padding:2px 5px 3px 5px; border:solid 1px #cacaca;}
	.Board_Input td textarea {line-height:18px; padding:2px 5px 3px 5px; border:solid 1px #cacaca;}
	.Board_Input td input[type="radio"] {border:0; margin:0; padding:0;}
	.Board_Input td label {padding:0 2px 3px 2px;}
	.Board_Input td img { vertical-align:middle;}

	.Board_List {width:100%; border-top:solid 4px #2b3e50; font-size:14px;}
	.Board_List th {background:#eceff3; border-bottom:solid 1px #d9d9d9; font-weight:bold; text-align:center; color:#000; line-height:47px;}
	.Board_List td {border-bottom:solid 1px #d9d9d9; padding:15px; line-height:18px;}

/*
	.Board_View {width:100%;}
	.Board_View th {width:140px; background:#eceff3; border-bottom:solid 1px #d9d9d9; font-weight:bold; text-align:center; color:#000; line-height:47px;}
	.Board_View td {border-bottom:solid 1px #d9d9d9; padding:15px; line-height:18px;}
	.Board_View td input{height:30px;padding:0 5px;border:1px solid #d9d9d9;line-height:30px;}
	.Board_View td textarea{padding:5px;border:1px solid #d9d9d9;}
	.Board_View td input[type="file"] {border:0; margin:0; padding:0;}
*/

	.Btn_C {text-align:center; margin-top:15px;}
	.Btn_C a {margin:5px;}
	.Btn_R {text-align:right; margin-top:15px;}
	.Btn_R a {margin-left:5px;}
	
	.TableStyleA {width:100%; table-layout:fixed; font-size:16px;}
	.TableStyleA th { background:#3464c3; border-right:solid 1px #dcdcdc; color:#fff; text-align:center; line-height:38px;}
	.TableStyleA th:first-child {border-left:solid 1px #3464c3;}
	.TableStyleA th:last-child {border-right:solid 1px #3464c3;}
	.TableStyleA td { border:solid 1px #dcdcdc; padding:20px; text-align:center;}
	.TableStyleA td.greyBG { background:#f1f3f7;}
	.TableStyleA td strong {color:#000; font-size:18px; text-decoration:underline; line-height:30px;}

	.TableStyleB {width:100%; table-layout:fixed; font-size:16px;}
	.TableStyleB th { background:#9a59b5; border-right:solid 1px #dcdcdc; color:#fff; text-align:center; line-height:38px;}
	.TableStyleB th:first-child {border-left:solid 1px #9a59b5;}
	.TableStyleB th:last-child {border-right:solid 1px #9a59b5;}
	.TableStyleB td { border:solid 1px #dcdcdc; padding:20px; text-align:center;}
	.TableStyleB td.greyBG { background:#f1f3f7;}
	.TableStyleB td strong {color:#000; font-size:18px; text-decoration:unde rline; line-height:30px;}

	.TableStyleC {width:100%; table-layout:fixed; font-size:16px;}
	.TableStyleC th { background:#74ad25; border-right:solid 1px #dcdcdc; color:#fff; text-align:center; line-height:38px;}
	.TableStyleC th:first-child {border-left:solid 1px #74ad25;}
	.TableStyleC th:last-child {border-right:solid 1px #74ad25;}
	.TableStyleC td { border:solid 1px #dcdcdc; padding:20px; text-align:center;}
	.TableStyleC td.greyBG { background:#f1f3f7;}
	.TableStyleC td strong {color:#000; font-size:18px; text-decoration:underline; line-height:30px;}

    .contact_list{margin-bottom: 50px; border: 1px solid #0a87e5;}
    .contact_list table{ font-weight: 300; width: 100%;}
    .contact_list table th{background:#f3f9fd; color:#0a87e5; }
	.contact_list table th, .contact_list table td{border:1px solid #dcdcdc;}
	.contact_list table td {padding:10px 20px; line-height:24px; padding: 30px 20px; text-align: left;}
	.contact_list table td a{padding:0 8px; }

	.visual_slide{width:590px; height:375px;}
	.visual_slide li{margin-bottom:0;}
	.visual_slide #wsection1-0{display:block;}
	.mdl_slide{position:relative;width:590px;height:295px;}
	.mdl_slide .disc{position:absolute;top:0;left:0;width:570px;height:50px;padding:20px 0 0 20px;background:url(../img/common/bg_transparent02.png) repeat 0 0;color:#000;font-size:24px;font-weight:bold;z-index:10;}
	.mdl_slide li{margin-bottom:0;}
	.mdl_slide  #wsection2-0{display:block;}
	.mdl_slide li span{display:block;float:left;width:295px;height:295px;cursor:pointer;}
	.mdl_slide li span img{width:295px;height:295px;}





/*rental-------------------------------------------------------------------------------------*/
.rental{max-width: 1000px; margin: 0 auto;}
.rental img{max-width: 100%;}
.rental_top{margin-top: 130px; position: relative; overflow: hidden;}
.rental_top h2{font-size: 50px; font-weight: 600; border-top: solid 5px #0a81e4; display: inline-block; color: #0a81e4;}
.rental_top_text{width: 60%; float: left;}
.rental_text{margin-top: 50px;}
.rental_text dd{font-size: 20px; padding-bottom: 5px; color: #000;}
.rental_text dt{text-indent: -99999px;}
.rental_text dd::before{
    content: url(../img/icon/icon_list_01.png);
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}
.rental_top_img{width: 40%; float:right;}
.rental_link a{display: inline-block; padding: 10px; border: 1px solid #0a81e4; width: 85%; text-align: center; font-size: 18px; margin-bottom: 10px; color: #0a81e4; }
.rental_link a:hover{background-color: #0a81e4; border: 1px solid #0a81e4; color: #fff;  }
.rental_top .model{font-size: 20px; padding: 5px 10px; background-color: #0a81e4; color: #fff; margin-top: 15px; display: inline-block;}
.rental_top .model{font-size: 20px; padding: 5px 20px; background-color: #0a81e4; color: #fff; margin-top: 15px; display: inline-block;}

.rental_content{max-width: 1000px; margin: 100px auto;}
.rental_img_02 img{display: block;}
.rental_text_02{background-color: #000; color: #fff; font-size: 25px; text-align: center; display: block; padding: 30px 0; font-weight: 100; letter-spacing: -1px; }
.rental_content_02 {margin-top: 50px;}
.rental_content_02 table{border: 1; width: 100%;}
.rental_chart thead{border-top: 2px solid #0a81e4;}
.rental_chart tbody{border-bottom:2px solid #0a81e4;}
.rental_chart td{padding: 10px 0;}
.rental_content_04{margin: 50px 0;}
.rental_content_05{background-color:#f4f7f9; }
.rental_content_05, .rental_content_06{font-weight: 300; text-align: center; letter-spacing: -1px; padding: 100px 0;}
.rental_img_07{text-align: center;}
.rental_banner{margin: 100px 0; display: block;}

/*폰트스타일*/
.f_light{font-weight: 100;}
.f_bold{font-weight: 600;}
.f_25{font-size: 25px; font-weight: 100; color: grey; line-height: 1.2; margin-top: 10px;}
.f_35{font-size: 35px;}
.f_28{font-size: 28px;}
.f_18{font-size: 18px;}


















/*product_view*/ 
.top_text{margin-left: 30px; margin-top: 30px; line-height: 1.2; width:495px;}
.top_img_s img {width: 90px; height: 90px; border: 1px solid #089de6;}
.top_img_L img{ width: 500px; height: 500px;}
.top_img_s, .top_img_L{float: left; padding-top: 150px; padding-right: 10px; margin-bottom: 30px;}
.top_text{float: left; padding-top: 110px; padding-right: 10px; margin-bottom: 30px;}
.top_text .Series{font-size: 30px; text-align: left; letter-spacing: -1.5px; font-weight: 300}
.top_text .Series a{border-top: 8px solid #089de6;}
.top_text .Title{font-size: 50px; letter-spacing: -6px;line-height: 95%; color: #089de6; font-weight: 500; padding-bottom: 5px;}
.top_text .pd_con1{font-size: 18px; padding-top: 10px; padding-bottom: 30px;font-weight: 400; color:#828282; border-bottom:  1px solid #089de6; }
.top_text h4, .top_text p {font-size: 17px;}
.top_text p {padding-bottom: 10px;}
.text_content{font-size: 18px;}
#chart{margin: 50px auto;}
#chart img{margin: 0 auto; width: 100%;}
#chart table{width:100%;}
#chart table thead{border-top: 2px solid #089de6;}
#chart tbody{border-bottom: 2px solid #089de6;}
#chart table, th, td {
    border: 1px solid #eee;
    border-collapse: collapse;
    text-align:center;
    padding: 5px 10px;
}
.filter_detail th{width: 19%; padding: 10px 0;}
.detail_con{max-width: 1000px; margin: 0 auto;}
.detail_con h4{text-align: center; background-color:#089de6; color: #fff; margin-top: 50px;} 
.Editor{margin-bottom: 0px;}
.link_product01{margin-top: 30px;}
.pd_con7{margin: 50px 0px 50px 0px;}
.pd_con7 ul .item{border: 1px solid #eee; padding: 10px 40px;}
.pd_con7 ul .item .a{ background: url(../img/icon/plus.png) no-repeat right -10px; }
.pd_con7 ul .item .b{ background: url(../img/icon/plus.png) no-repeat right -50px; }
.pd_con7 ul li a{display: block; vertical-align: middle;height: 38px;}
.pd_con7 ul li:hover{background-color: #eee;}
.pd_con7 a:last-child{font-size: 22px; font-weight: 600;}
.more_text{font-size: 20px; font-weight: 300; padding-bottom: 20px; line-height: 32px;}
.more_text p{font-weight: 300; color: #000;}
.more_text li{padding-left: 20px; background: url(../img/icon/icon_list.png) no-repeat 0 8px; font-size: 18px;}
.more_img img{max-width: 100%; padding: 15px 0;}
.more_text01 dl{background-color: #f3f9fd; padding: 15px 15px; font-size: 15px;}
.more_text01 dt{color: #0a81e4;}
.red{background-color: #ff0000; color: #fff;}
.orange{background-color: #ff6d00; color: #fff;}
.blue{background-color: #0068ff; color: #fff;}
.button_view ul{overflow: hidden; }
.button_view ul li{}
.button_view ul li a
{
    border: 1px solid #0a81e4; 
    float: left; 
    width: 85%; 
    padding: 10px 20px; 
    margin-top: 15px;
    text-align: center;
    color: #0a81e4;
    background-color: #fff;
    font-size: 18px;
}
.button_view ul li a:hover{background-color: #0a81e4; color: #fff;}


/* online input box style----------------------------------------------------------------------------------------------------------*/

.quick_online{
    max-width: 1000px; 
    margin: 0 auto; 
    overflow: hidden; 
    background-color: #ddeaf8;
    box-shadow: none;
    margin-bottom: 100px;

}


.quick_online .textbox label {
    position: absolute;
    padding: .7em .2em;
    width: 100px;
}

.quick_online .inputbox{
    width: 90%; 
    margin: 0 13px;}

.quick_online .textbox input[type="text"] {
    width: 98%; 
    height: auto; 
    padding: .7em .2em; 
    border: 1px solid #999; 
    cursor: text;
    line-height: normal;
    margin: .2em 0;
}
.quick_online .textbox_mail input[type="text"]{
    width: 28%; 
    height: auto; 
    padding: .7em .2em; 
    border: 1px solid #999; 
    cursor: text;}

.quick_online .textbox_mail select{
    width: 120px; 
    height: auto; 
    padding: .6em 0; 
    border: 1px solid #999;
    vertical-align: middle;
}
.quick_online .textbox textarea{
    width: 96%;
    border: 1px solid #999; 
    height: 100px;
    padding: .5em .5em;

}

.quick_online .textbox input[type="button"]{
    -webkit-appearance:none;
    width: 100%;
    height: auto;
    padding: .7em 0;
    background-color:#f37021;
    border: none;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    font-size: 15px;
    color: #fff;
    margin-top: 15px
}

.quick_online .textbox input[type="button"]:hover{
    background-color:#f48d4e;
}
.L_quick_online{width: 59%; float: left; background-color: #fff; }
.L_quick_online h3 {font-size: 20px; font-weight: 600; text-align: center; background-color: #1975d1; padding: 15px 0; color: #fff; letter-spacing: -2px;}
.QNA_text > li{
    border: 1px solid #eee; padding: 35px 20px;}
.QNA_text > li:nth-child(2){ background-color: #f1f7fc;}
.color_C{color:#1975d1;}
.f37021 {color: #f37021} 
.textQ{font-size: 20px; font-weight: 600; letter-spacing: -2px; color: #1975d1; line-height: 1;}
.textN{color: #f37021; font-size: 17px; font-weight: 500; line-height: 3; border-bottom: 1px solid #f37021; }
.text_List > li{font-size: 14px; padding:3px 0;}


.R_quick_online{width: 40%; float: right;}
.R_quick_online h3{font-size: 38px; font-weight: 800; letter-spacing: -2px;text-align: center; color:#1975d1; line-height: 1.2; padding: 50px 0 20px;  }
.R_text01{text-align: center; margin-bottom: 20px; color: #1975d1; font-size: 17px;}





/*customer03 download*/
.down{max-width: 98%; margin: 10px auto;font-size: 18px;}
.CA_help{margin-bottom: 30px; overflow: hidden;}
.CA_help p{display: block; float: left; margin-top: 8px;}
.CA_help ul{ float:right; }
.CA_help ul li{display: block; float: left; border:1px solid #0a89e5; text-align: center; padding: 20px 70px; height: 68px; margin-left:10px;}
.link_H2 a{border:1px solid #0a89e5; text-align: center; padding: 3px; display: block; color:#0a89e5; }
.link_H2 a:hover{color: #fff; background-color:#0a89e5; }
.help_text_title{font-size: 42px; font-weight: 300;
color: black; letter-spacing: -1px;}
.help_text_bold{font-weight: 800;}
.down ul{overflow: hidden;}
.down h5{display: block; font-size: 30px; color:#0a89e5; padding: 10px 10px; font-weight: 600; padding-left: 30px;}
.CA{margin-bottom: 50px;}
.CA, .MA{width: 100%; position: relative; background-color:#fcfcfc;box-shadow: 1px 1px 10px #bababa;}
.CA ul li, .MA ul li, .FL ul li {border-bottom: 1px solid #eee; float: left; width: 95%; display: block; margin-right: 20px; position: relative; padding: 25px 10px; left: 25px;}
.down .name p{ border-right: 1px solid #a0a0a0; width: 250px; color: #a0a0a0;}
.down .link{padding-left: 50px;}
.down .name,  .down .link{float: left; margin-right: 10px;}
.down .link_V a{float: right; display: block; border: 1px solid #0a89e5; color: #0a89e5; padding: 3px 5px 5px  5px; width: 80px; text-align: center; margin-right: 10px; font-size: 13px;}
.down .link_V a:hover{border: 1px solid #0a89e5; background-color:#0a89e5; color: #fff;}

.C_img img{width: 100%;}



/*quick*/

.quickLink 
    {position: absolute;
    top: 200px;
    right: 0;
    width: 164px;
    z-index: 50;}
.quickLink .Arrow {position:absolute; top:0px; width:20px; right: 30px;}
.quickLink .quick 
    { position: relative;
    top: 0;
    right: 30px;
    width: 164px;
    display: block;}

.quickLink.fixed {
    position: fixed !important;
    top: 180px !important;
    right: 0 !important;
    z-index: 1000;
}    
/*
.quickLink .fx
    {position: fixed !important;
    top: 180px !important;
    right: 30px !important;
    z-index: 1000;} 
 */

.quick{width: 164px;}
.banner_quick a{
    display: inline-block;
    padding: 0;
    margin: -5px 0;}
.quick_1000px{position: relative; display: none;}
#showRight{position: absolute; left: -40px; top:50px;}
button#showRight{
    border: medium none;
    border-spacing: 0;
    font-weight: normal;
    line-height: 1.42rem;
    list-style: none outside none;
    margin: 0;
    text-decoration: none;
    text-indent: 0;
    background: #0a81e4;
    color: white;
    width: 40px;
    padding: 10px 10px;
    text-align: center;
}

.cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left{margin-top: 25px;}


/* General styles for all menus */
.cbp-spmenu {
    position: fixed; top:100px;
}


.cbp-spmenu a {
    display: block;}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-right {
    right: -165px;
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}



/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-height: 26.375em){

    .cbp-spmenu-right {
        right: -190px;
    }
}

.header a{
    width: 0px;
    height: 0px;
    display: block;
    border: 1px solid #0a87e5;
    padding: 25px; 
    background: url(../img/common/mobile_nav_icon.png) no-repeat -6px;
    text-indent: -9999px;
    top:0px;
    left: 0px;
}