@charset "utf-8";
 .top_nav {
     position:relative;
     width:100%;

     z-index:150;
     padding:0;
}
 .top_nav_wrap {
     position:relative;
     width:100%;
	 max-width: 1500px;
     margin:0 auto;
     z-index:150;
}
 .top_nav_wrap:after {
     display:block;
     content:"";
     clear:both;
}
 .top_logo {
     position:absolute;
     top:20px;
     left:20px;
     background-image: url(../images/common/logo.svg);
     background-position:50% 50%;
     text-align:left;
     z-index:1;
     width:159px;
     height:56px;
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
    margin-top: 0px;
    margin-bottom: 0px;
}
 .top_logo>a {
     display:block;
     width:100%;
     height:100%;
     text-indent:-9999px;
}
 .top_menu {
     float:left;
     position:relative;
     vertical-align:top;
     width:100%;
     text-align:center;
     padding:0 0 0 17%;
     font-size:0;
}
 .top_menu_title {
     position:relative;
     display:inline-block;
     vertical-align:top;
     text-align:left;
     color:#333333;
}
 .top_menu_title a {
     position:relative;
     display:inline-block;
     vertical-align:top;
     text-align:left;
     color:#333333;
}
 .top_menu_title:nth-child(1) {
     background-image:none;
     width:13%;
}
 .top_menu_title:nth-child(2) {
     width:13%;
}
 .top_menu_title:nth-child(3) {
     width:13%;
}
 .top_menu_title:nth-child(4) {
     width:13%;
}
 .top_menu_title:nth-child(5) {
     width:13%;
}
 .top_menu_title:nth-child(6) {
     width:13%;
}
 .top_menu_title>a {
     display:block;
     height:100%;
     width:100%;
     line-height:90px;
     font-size:18px;
     font-weight:500;
     text-transform:uppercase;
     padding-top:6px;
     padding-left:50px;    
	 white-space: nowrap;
}
 .top_menu_title>a:hover {
     color:#bc262d;
}
 .top_menu_sub {
     display:none;
     text-align:left;
     width:100%;
     /* 2024-04-02 ¼öÁ¤ ¼­ºê¸Þ´º ¿À¹ö½Ã ³»·Á¿À´Â Æø Á¶Á¤ Ãß°¡¼­ºê¸Þ´º½Ã
     margin:20px 0 40px 0;
     */ 
	 margin:10px 0 40px 0;
     background-image:url(../images/icon/menu_bar2.png);
     background-repeat:repeat-y;
     background-position:25px 50%;
}
 .top_menu_sub01 {
     background-image:none;
}
 .top_menu_sub ul li a {
     display:block;
     width:100%;
     font-size:15px;
     color:#444;
     font-weight:400;
}
 .top_menu_sub ul li a:hover {
     color:#bc262d;
}
 .top_menu_sub01>ul>li>a {
     padding:4px 0 4px 22px;
     background-image:none;
}
 .top_menu_sub02>ul>li>a {
     padding:4px 0 4px 22px;
}
 .top_menu_sub03>ul>li>a {
     padding:4px 0 4px 22px;
}
 .top_menu_sub04>ul>li>a {
     padding:4px 0 4px 22px;
}
 .top_menu_sub05>ul>li>a {
     padding:4px 0 4px 22px;
}
 .top_menu_sub06>ul>li>a {
     padding:4px 0 4px 22px;
}
 .top_smenu {
     position: relative;
     top: 0px;
     right: -47px;
    padding-top:36px;
     width: auto;
     height: 100px;
     z-index: 1;
     font-family: 'Roboto', sans-serif;
     font-size: 11px;
     font-weight: 400;
     letter-spacing: 0;
     display: inline-block;
     margin: 0 0 0 0;
     vertical-align: top;
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}
 .top_smenu01 {
     display: inline-block;
     padding: 0 10px;
     color: #444;
     border: 1px solid #ccc;
     margin-right: 4px;
     height: 22px;
     line-height: 22px;
     font-size: 12px;
}
 .top_smenu02 {
     display: inline-block;
     padding: 0 10px;
     color: #444;
     border: 1px solid #ccc;
     margin-right: 4px;
     height: 22px;
     line-height: 22px;
     font-size: 12px;
}
 .top_menu_sub_bg {
     position: absolute;
     left: 0;
     width: 100%;
     top: -240px;
     height: 340px;
     background-color:rgba(255,255,255,1);
     z-index: 99;
     -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     transition: all 0.2s ease;
}
 .mo_color {
    color:#bc262d !important;
}
 .fixed_nav_border {
     box-shadow:0 10px 10px rgba(0,0,0,0.2);
     background-color:rgba(255,255,255,1);
     top: -255px;
}
 .fixed_nav_title_bg {
     background-position:0 35px;
}
 .fixed_nav_title_a {
     line-height:75px !important;
     padding-top:5px !important;
}
 .fixed_nav_title_a:hover {
     color:rgba(188,38,45,1);
}
 .fixed_nav_logo {
     top:15px;
     height:56px;
     background-position:0 50%;
}
 .fixed_nav_smenu {
     top: -10px;
}
 .fixed_nav_smenu01 {
}
 .fixed_nav_sub {
     display: inline-block;
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}
 .fixed_header {
     height:101px;
}
 .top_menu_title_ov {
}
 .top_menu_title_a_ov {
     line-height:90px !important;
     padding-top:6px !important;
}
 .top_menu_sub_bg_ov {
     top:0 !important;
     background-color: rgba(255,255,255,1);
     box-shadow:0 10px 10px rgba(0,0,0,0.2);
}
 .top_logo_ov {
     top:15px;
     height:56px;
}
 .top_smenu_ov {
}
 .smenu01_ov {
}
 .top_nav_m {
     display:none;
}

 @media screen and (max-width:1024px){
     .top_nav {
         display:none;
    }
     .top_menu_sub_bg {
         display:none;
    }
     .top_nav_m {
         position:fixed;
         top:0;
         left:0;
         display:block;
         background-color:rgba(255,255,255,1);
         height:80px;
         width:100%;
         z-index:55;
         border-bottom:1px solid rgba(0,0,0,0.1);
    }
     .m_logo {
         float:left;
         width:50%;
         height:100%;
         padding-left:20px;
    }
     .m_logo>a {
         display:block;
         text-indent:-9999px;
         background-image: url(../images/common/logo.svg);
         background-repeat:no-repeat;
         background-position:0% 50%;
         height:100%;
         background-size:100% auto;
         width:160px;
    }
     .m_menu_btn {
         float:left;
         position:relative;
         width:50%;
         height:100%;
    }
     .m_menu_btn>p {
         position:absolute;
         top:0;
         right:0;
         text-indent:-9999px;
         background-image: url(../images/icon/nav_btn1.png);
         background-repeat:no-repeat;
         background-size:34% auto;
         background-position:50% 50%;
         width:85px;
         height:100%;
         cursor:pointer;
    }
     .m_menu_all {
         position:fixed;
         top:0;
         right:-3000px;
         background-color:#eee;
         height:100%;
         width:90%;
         z-index:99;
         text-align:left;
         overflow-y: auto;
         -webkit-transition: all 0.2s;
         -moz-transition: all 0.2s;
         -ms-transition: all 0.2s;
         -o-transition: all 0.2s;
         transition: all 0.2s;
    }
     .m_menu_bg_sliding {
         right:0 !important;
    }
     .m_menu_all_top {
         position:fixed;
         top:0;
         right:-3000px;
         height:80px;
         width:90%;
         background-color:#FFF;
         z-index:200;
         border-bottom:1px solid #eee;
         -webkit-transition: all 0.2s;
         -moz-transition: all 0.2s;
         -ms-transition: all 0.2s;
         -o-transition: all 0.2s;
         transition: all 0.2s;
         padding-left:20px;
    }
     .m_menu_all_top>a {
         display:block;
         text-indent:-9999px;
         background-image: url(../images/common/logo.svg);
         background-repeat:no-repeat;
         background-position:0% 50%;
         height:100%;
         background-size:100% auto;
         width:160px;
    }
     .m_menu_all_top>p {
        position:absolute;
         top:0;
         right:0;
         text-indent:-9999px;
         background-image: url(../images/icon/nav_btn2.png);
         background-repeat:no-repeat;
         background-size:25% auto;
         background-position:50% 50%;
         width:85px;
         height:100%;
         cursor:pointer;
    }
     .m_menu_all_name {
         background-color:#FFF;
         padding-top:80px;
    }
     .m_login_box {
         background-color:#eee;
         height:100px;
         font-size:0;
         padding:15px 30px;
    }
     .m_login_box>a {
         display:inline-block;
         width:70px;
         height:70px;
         background-position:center;
         background-repeat:no-repeat;
         background-size:100% auto;
         text-indent:-9999px;
         margin:0 6px 6px 0;
    }
     .mlogin_box_bg1 {
         background-image:url(../images/icon/m_menu01.png);
    }
     .mlogin_box_bg2 {
         background-image:url(../images/icon/m_menu02.png);
    }
     .mlogin_box_bg3 {
         background-image:url(../images/icon/m_menu03.png);
    }
     .mlogin_box_bg4 {
         background-image:url(../images/icon/m_menu04.png);
    }
     .mlogin_box_bg5 {
         background-image:url(../images/icon/m_menu05.png);
    }
     .mlogin_box_bg6 {
         background-image:url(../images/icon/m_menu06.png);
    }
     .m_menu_all_name>ul {
         padding:10px 30px 30px 30px;
    }
     .m_menu_all_name>ul>.main {
         padding:10px;
         line-height:40px;
         font-size:16px;
         border-bottom:1px solid #F6F6F6;
         font-weight:500;
    }
     .m_menu_all_name>ul>.main>p {
         display:inline-block;
         width:7px;
         height:40px;
         margin-left:20px;
         background-image:url(../images/icon/ar_down.png);
         background-repeat:no-repeat;
         background-position:50% 50%;
         vertical-align:top;
    }
     .m_menu_all_name>ul>.sub {
         background-color:#F6F6F6 !important;
         padding:15px 30px 15px 20px;
         font-size:13px;
    }
     .m_submenu_active {
         display:block !important;
    }
     .m_subname_active {
         background-image: url(../images/icon/ar_up.png) !important;
    }
     .m_menu_all_name>ul>.sub>a {
         display:inline-block;
         padding:0 10px;
         background-image:url(../images/icon/menu_bar.png);
         background-repeat:no-repeat;
         background-position:100% 50%;
    }
     .m_menu_all_name>ul>.sub>a:last-child {
         background-image:none;
    }
     .m_menu_all_tel {
         background-image:url(../images/icon/icon_tel.jpg);
         background-repeat:no-repeat;
         background-position:40px 50%;
         padding:20px 0 20px 70px;
         font-size:20px;
         font-weight:700;
         background-color:#FFF;
         border-top:1px solid #ddd;
    }
     .m_menu_all_bottom {
         border-top: 1px solid #ddd;
         padding:20px 30px;
    }
     .m_menu_all_bottom>a {
         display:block;
         width:100%;
         height:auto;
         padding:15px 0;
         background-color:#FFF;
         border-radius:8px;
    }
     #all_bg2 {
         position:fixed;
         top:0;
         left:0;
         width:100%;
         height:100%;
         background-color:#000;
         opacity:0.8;
         z-index:56;
         display:none;
    }
     .top_smenu {
         position: relative;
         top: 0;
         right: 0;
         width: auto;
         height: 100px;
         z-index: 1;
         font-family: 'Roboto', sans-serif;
         font-size: 11px;
         font-weight: 400;
         letter-spacing: 0;
         display: inline-block;
         margin: 40px 0 0 30px;
         vertical-align: top;
         -webkit-transition: all 0.2s;
         -moz-transition: all 0.2s;
         -ms-transition: all 0.2s;
         -o-transition: all 0.2s;
         transition: all 0.2s;
    }
}

 @media screen and (max-width:767px){
     .top_nav_m {
         position:fixed;
         top:0;
         left:0;
         display:block;
         background-color:rgba(255,255,255,1);
         height:60px;
         width:100%;
         z-index:55;
         border-bottom:1px solid rgba(0,0,0,0.1);
    }
     .m_logo {
         float:left;
         width:50%;
         height:100%;
         padding-left:10px;
    }
     .m_logo>a {
         display:block;
         text-indent:-9999px;
         background-image: url(../images/common/logo.svg);
         background-repeat:no-repeat;
         background-position:0% 50%;
         height:100%;
         background-size:100% auto;
         width:120px;
    }
     .m_menu_btn {
         float:left;
         position:relative;
         width:50%;
         height:100%;
    }
     .m_menu_btn>p {
         position:absolute;
         top:0;
         right:0;
         text-indent:-9999px;
         background-image: url(../images/icon/nav_btn1.png);
         background-repeat:no-repeat;
         background-size:30% auto;
         background-position:50% 50%;
         width:65px;
         height:100%;
         cursor:pointer;
    }
     .m_menu_all {
         position:fixed;
         top:0;
         right:-3000px;
         background-color:#eee;
         height:100%;
         width:95%;
         z-index:99;
         text-align:left;
         overflow-y: auto;
         -webkit-transition: all 0.2s;
         -moz-transition: all 0.2s;
         -ms-transition: all 0.2s;
         -o-transition: all 0.2s;
         transition: all 0.2s;
    }
     .m_menu_bg_sliding {
         right:0 !important;
    }
     .m_menu_all_top {
         position:fixed;
         top:0;
         right:-3000px;
         height:60px;
         width:95%;
         background-color:#FFF;
         z-index:200;
         border-bottom:1px solid #eee;
         -webkit-transition: all 0.2s;
         -moz-transition: all 0.2s;
         -ms-transition: all 0.2s;
         -o-transition: all 0.2s;
         transition: all 0.2s;
         padding-left:10px;
         padding-top:0;
    }
     .m_menu_all_top>a {
         display:block;
         text-indent:-9999px;
         background-image: url(../images/common/logo.svg);
         background-repeat:no-repeat;
         background-position:0% 50%;
         height:100%;
         background-size:100% auto;
         width:120px;
    }
     .m_menu_all_top>p {
         position:absolute;
         top:0;
         right:0;
         text-indent:-9999px;
         background-image: url(../images/icon/nav_btn2.png);
         background-repeat:no-repeat;
         background-size:25% auto;
         background-position:50% 50%;
         width:85px;
         height:100%;
         cursor:pointer;
    }
     .m_menu_all_name {
         background-color:#FFF;
         padding-top:60px;
    }
     .m_login_box {
         background-color:#eee;
         height:90px;
         font-size:0;
         padding:15px 20px;
    }
     .m_login_box>a {
         display:inline-block;
         width:60px;
         height:60px;
         background-position:center;
         background-repeat:no-repeat;
         background-size:100% auto;
         text-indent:-9999px;
         margin:0 4px 4px 0;
    }
     .m_menu_all_name>ul {
         padding:10px 20px 20px 20px;
    }
     .m_menu_all_name>ul>.main {
         padding:10px;
         line-height:25px;
         font-size:15px;
         border-bottom:1px solid #F6F6F6;
         font-weight:500;
    }
     .m_menu_all_name>ul>.main>p {
         display:inline-block;
         width:7px;
         height:25px;
         margin-left:20px;
         background-image: url(../images/icon/ar_down.png);
         background-repeat:no-repeat;
         background-position:50% 50%;
         vertical-align:top;
    }
     .m_menu_all_name>ul>.sub {
         background-color:#F6F6F6 !important;
         padding:15px 15px 15px 10px;
         font-size:13px;
    }
     .m_submenu_active {
         display:block !important;
    }
     .m_subname_active {
         background-image: url(../images/icon/ar_up.png) !important;
    }
     .m_menu_all_name>ul>.sub>a {
         display:inline-block;
         padding:0 10px;
         background-image:url(../images/icon/menu_bar.png);
         background-repeat:no-repeat;
         background-position:100% 50%;
    }
     .m_menu_all_name>ul>.sub>a:last-child {
         background-image:none;
    }
     .m_menu_all_tel {
         background-image:url(../images/icon/icon_tel.jpg);
         background-repeat:no-repeat;
         background-position:30px 50%;
         padding:20px 0 20px 55px;
         font-size:20px;
         font-weight:700;
         background-color:#FFF;
         border-top:1px solid #ddd;
    }
     .m_menu_all_bottom {
         border-top: 1px solid #ddd;
         padding:20px 30px;
    }
     .m_menu_all_bottom>a {
         display:block;
         width:100%;
         height:auto;
         padding:15px 0;
         background-color:#FFF;
         border-radius:8px;
    }
     #all_bg2 {
         position:fixed;
         top:0;
         left:0;
         width:100%;
         height:100%;
         background-color:#000;
         opacity:0.8;
         z-index:56;
         display:none;
    }
     .top_smenu {
         position: relative;
         top: 0;
         right: 0;
         width: auto;
         height: 100px;
         z-index: 1;
         font-family: 'Roboto', sans-serif;
         font-size: 11px;
         font-weight: 400;
         letter-spacing: 0;
         display: inline-block;
         margin: 40px 0 0 20px;
        ;
         vertical-align: top;
         -webkit-transition: all 0.2s;
         -moz-transition: all 0.2s;
         -ms-transition: all 0.2s;
         -o-transition: all 0.2s;
         transition: all 0.2s;
    }
}