html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html,body{ width:100%; height:100%;color:#333;font-size:13px;font-family:'Nanum Gothic', sans-serif;letter-spacing:0.5px;}
ul, li{list-style:none;padding:0;}
a, a:hover, a:focus{ text-decoration:none; color:#111;outline:none;}


/* navbar */
.navbar{position:fixed;width:100%;padding:35px;border-radius:0;z-index:100; 
-moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.navbar-active{background-color:#fff;padding:15px;border-bottom:1px solid #d5d5d5;box-shadow:0px 2px 5px rgba(0,0,0,0.1)}

.navbar-brand{font-family: 'Raleway', sans-serif; font-size:30px;padding:9px 15px;}/*0502*/
.navbar-brand .mainlogo{}/*0502*/
.navbar-brand .logo{display:none;}/*0502*/

.navbar-nav{font-size:13px;font-weight:600;letter-spacing:1px;font-family: 'Open Sans', sans-serif;}
.navbar-nav > li{padding:15px 20px;}
.navbar-nav > li hr{display:none;position: absolute;margin-top: -8px;margin-bottom: 6px;width: 30px; border: 0;border-top: 2px solid #eee;}
.navbar-nav > li.active hr{display:block;}
.navbar-nav > li.signin a{border-left:1px solid #aaa;padding:0 0 0 40px;}
.navbar-nav > li.signin a, .navbar-nav > li.signup a{font-size:11px; opacity:0.75;}
.navbar-nav li:hover hr{display:block;}
.navbar-toggle .icon-bar {  display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #fff}

.navbar-active .navbar-brand{color:#333;}
.navbar-active .navbar-brand:hover {color:#333;opacity:0.8;}
.navbar-active .navbar-brand .mainlogo{display:block;}/*0502*/
.navbar-active .navbar-brand .logo{display:none;}/*0502*/
.navbar-active .navbar-nav>li> a{color:#333;}
.navbar-active .navbar-nav>li.signin a{border-left:1px solid #aaa;}
.navbar-active .navbar-toggle .icon-bar {background-color: #333}


#mySidenavbg {position:fixed;width:0;height:100%;background-color:rgba(0, 0, 0, .4);z-index:101;display:none;}
.sidenav {height: 100%; width: 0; position: fixed; z-index: 101; top: 0; right: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top:15px;}
.sidenav .closebtn {position: absolute;display: block;  top: 0;right: 25px;text-decoration: none; color: #818181; font-size: 36px; ;transition: 0.3s;}
.sidenav .closebtn:hover{ color: #f1f1f1;}
.sidenav p{color:#fff;font-size:30px;border-bottom:2px solid #444; padding-bottom: 25px;}
.sidenav ul{font-size:13px; font-weight:600;letter-spacing:1px;text-align:center;padding:30px;}
.sidenav li{padding:20px 0;border-bottom:1px solid #444;}
.sidenav li a{color:#fff;}
.sidenav li.signin, .sidenav li.signup{float:left;width:50%;border:0;margin:0;font-weight:400;}


/* navbar end */

#footer{color:#ccc;letter-spacing:1px;background-color:#333;font-family: 'Open Sans', sans-serif;}
#footer ul{position:relative;max-width:1200px;margin:0 auto;padding:50px 30px;}
#footer ul:after{display:block;clear:both;content:''}
#footer li{float:left;width:13%;vertical-align: top;}
#footer h2{padding-bottom:40px;font-size:13px;font-weight:600;}
#footer a{display:block;line-height:26px;font-size:12px;color:#999;font-weight:400;}
#footer li.company{width:35%;padding-left:2%;}
#footer .company h2{font-size:20px;padding-bottom:30px;}
#footer .company span{padding:0 10px;font-size:12px;color:#8a8a8a;line-height:26px;display: inline-block;}
#footer .company .copy{color:#aaa;}


.br_mobile{display:none}

/* btn */

.form-control{height:auto;}

.btn_topget{border-radius:0;background-color:transparent; border:1px solid #3c3d3b;font-size:12px;font-weight:400;padding:14px 37px;}
.btn_topget:hover{background-color:#0059cf;border:1px solid #0059cf;color:#fff;}

.btn_getstarted{border-radius:0;background-color:transparent; border:1px solid #0059cf;color:#0059cf;font-size:12px;font-weight:400;padding:14px 37px;}
.btn_getstarted:hover{background-color:#0059cf;border:1px solid #0059cf;color:#fff;}

.btn_learnmore{border-radius:0;background-color:#0059cf;border:1px solid #0059cf;color:#fff;font-size:12px;font-weight:400;padding:14px 37px;}
.btn_learnmore:hover{background-color:transparent; border:1px solid #0059cf;color:#0059cf;}

.btn_sign{width:100%; border-radius:0;background-color:#0059cf;border:1px solid #0059cf;color:#fff;font-size:15px;font-weight:400;padding:30px 0;}
.btn_sign:hover{background-color:transparent; border:1px solid #0059cf;color:#0059cf;}


#who .item .btn_learnmore{color:#333;background-color:#fff;border:1px solid #fff;}
#who .item .btn_getstarted{color:#fff;border:1px solid #fff;}

.btn_topgetB{border-radius:0;background-color:transparent; border:1px solid #3c3d3b;font-size:12px;font-weight:400;padding:14px 37px;}
.btn_topgetB:hover{background-color:#0059cf;border:1px solid #0059cf;color:#fff;}

/* btn end */


/* lg */ 
@media (max-width: 3000px) {
.sidenav {display:none;}
#mySidenavbg {display:none;}
}

/* lg */ 
@media (max-width: 1200px) {
#footer .group_wrap{padding:0;text-align:center;}
#footer li{float:left;width:20%;padding:50px 0;}
#footer li.company{width:100%;background-color:#f5f5f5;padding:50px 0;}
#footer .company h2{padding-bottom:20px;}
#footer .company span{padding:0 6px;}
#footer .company .copy{color:#333; display:block;}
}

/* md */
@media (max-width: 992px) {
.navbar-nav > li{padding:15px 7px;}
.navbar-nav > li.signin a {padding: 0 0 0 15px;}
}

/* xs */
@media (max-width: 767px) {
.sidenav {display:block;}
#mySidenavbg {display:block;}
}

/* XS Portrait */
@media (max-width: 479px) {
.navbar {padding: 0px;}
.navbar-brand{font-size:20px;}
.snb-active {top: 51px;}
.br_pc{display:none}
.br_mobile{display:block}
#footer li{float:none;display:inline-block;width:32%;padding:20px 0;}
#footer h2 {padding-bottom: 16px;}
#footer a { line-height: 19px;}
#footer li.company {padding: 20px 0;}
}