@charset "utf-8";

/* wrap */
#wrap{position:relative;width:100%;margin:0 auto; min-width:1400px;}


/* header */
#header{position:relative; width:100%; height:80px; background:#fff; box-sizing:border-box;}
#header .hedaer_in{position:relative; width:98%; margin:0 auto;}
#header h1{position:absolute; left:0; top:10px; z-index: 9999;}
#header:after{content:"";display:block;clear:both;}
#header .header_login{position:absolute; width:250px; height:80px; right:0; top:0;}
#header .header_login ul li{ display:inline-block; float:left; width:90px; height:80px; text-align:center; padding:0; font-size:14px; color:#666;}
#header .header_login ul li > a{color:#fff; background:#00a6b5; font-size:13px; }
#header .header_login ul li > span{font-weight:500; color:#333;}
#header .header_login ul li.color_1{ background-color:#ff8073; padding-top:25px; }
#header .header_login ul li.color_2{ background-color:#af0055; padding-top:25px; }
#header .header_login a{color:#999;}


/* gnb */
.gnb{position:relative; width:100%;}
.gnb ul.depth1{max-width:670px; margin:0 auto; margin-right:250px; text-align:center; }
.gnb ul li{display:inline-block; margin-left:53px;}
.gnb ul li:first-child{margin-left:0;}
.gnb ul li a{display:block; font-size:20px; letter-spacing:-0.8px; font-weight:400; line-height:73px;}
.menu_drop{display:none;}
.mobile_gnb{width:100%; display: none;}


/*footer*/
#footer{position:relative;width:100%; background:#333; text-align:center;}
#footer .footer_menu{width:100%; background:#2e2e2e; padding:20px 0;}
#footer .footer_menu ul li{display:inline-block; margin:0 30px;}
#footer .footer_menu ul li:first-child {margin-left:0;}
#footer .footer_menu ul li a{font-size:14px; color:#fff;}
#footer .address_txt{padding:15px 0;}
#footer address{color:#dedede;}
#footer .copyright{color:#9a9a9a; font-size:12px; font-weight:100; letter-spacing:0; margin-top:5px;}

/*loading*/
#loading {position: fixed;top:0;left:0;width:100%;height:100%;opacity:0.7;background-color:#fff;z-index:99999; display: none;}
#loading img {position: absolute;top:50%;left:50%;margin:-17px 0 0 -17px;}


/***************모바일***************/

@media all and (max-width:768px) {

    /* wrap */
    #wrap{min-width:100%;}


    /* header */
    #header{position:fixed; top:0; left:0; width:100%; height:60px; z-index:999999; border-bottom:1px solid #ddd;}
    #header h1{position:absolute; left:10px; top:8px;}
    #header h1 img{width:80%;}
    #header .header_login{display:none;}


    /* gnb */
    .gnb{display:none;}
    .mobile_gnb{width:100%; display:block; }
    .menu_drop{display:block; position: absolute; top:18px; right:10px;}
    .m_gnb{position:absolute;width:100%; background:#fff; top:59px; left:0; z-index:999999; display:none;}
    .m_gnb ul li{text-align:center; border-top:1px solid #f1f1f1;}
    .m_gnb ul li a{display:block; padding:13px 0; }
    .menu-trigger, .menu-trigger span {display:inline-block;transition: all .4s; box-sizing: border-box;}
    .menu-trigger {position: relative;width:28px;height:24px;}
    .menu-trigger span {position: absolute;left:0;width: 100%;height:2px;background-color:#666;}
    .menu-trigger span:nth-of-type(1) {top:0;}
    .menu-trigger span:nth-of-type(2) {top:11px;}
    .menu-trigger span:nth-of-type(3) {bottom:0;}


    /*footer*/
    #footer{position:relative;width:100%; background:#333; text-align:center;}
    #footer .footer_menu{width:100%;background:#2e2e2e;padding: 0;}
    #footer .footer_menu ul li{/* display:inline-block; *//* margin:0 10px; */display: block;/* font-size: 16px; */margin: 0;}
    #footer .footer_menu ul li a{display: block;font-size: 14px;color:#eee;padding: 17px 0;border: 1px solid #444;border-top: 0;}
    #footer .address_txt{padding:15px 0;}
    #footer address{color:#dedede; font-size:12px; line-height:20px; padding:0 15px;}
    #footer .copyright{color:#9a9a9a; font-size:12px; font-weight:100; letter-spacing:0; margin-top:5px;}


    .menu_close { width: 30px; height: 30px; position: absolute; right: 10px; top: 15px; cursor: pointer; border-radius:33px; background:#fff; font-size:24px; line-height:26px; text-align: center; }
    #menu { width: 242px; height: 100%; position: fixed; top: 0px; right: -243px; z-index:9999999999; background:#fafafa; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; }
    #menu.open { right: 0px; }
    .page_cover.open { display: block; z-index: 9999999}
    .page_cover { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(0,0,0,0.7); z-index: 4; display: none; }


    /*로그인*/
    .login_info{background:#333;}
    .login_info p{padding:20px 0; text-align:left; margin-left:16px; color:#fff; font-weight:500; font-size:16px;}
    .login_info .lo_txt{color:#fff; font-weight:500; font-size:16px;}
    .login_info .my_info{background:#666;}
    .login_info .my_info li{display:inline-block; width:49.8%; box-sizing:border-box; border-left:1px solid #888; text-align:center;}
    .login_info .my_info li:nth-child(1),.login_info .my_info li:nth-child(3),.login_info .my_info li:nth-child(5){border-left:0;}
    .login_info .my_info li:nth-child(1),.login_info .my_info li:nth-child(2),.login_info .my_info li:nth-child(3),.login_info .my_info li:nth-child(4){border-bottom:1px solid #888;}
    .login_info .my_info li:nth-child(2){margin-left:-2px;}
    .login_info .my_info li a{display:block; color:#fff; font-size:14px; padding:10px 0; font-weight:300;}
    .nav_list > li > a{display:block; padding:15px 0 15px 16px; border-bottom:1px solid #eee; font-weight:400; background:#fafafa;}
    .nav_list > li{position:relative;}
    .nav_list > li > ul{display:none;}
    .nav_list > li > ul > li > a{display:block; padding:10px 0 10px 20px; border-bottom:1px solid #eee; font-weight:400; background:#eee;}
    .nav_list > li > ul > li > a::before{margin-right:5px;}

}