#headerbox {position:absolute; top:0; left:0; right:0; width:100%; z-index:100;}
#real-conts {padding-bottom:80px;}

#real-conts{position:relative;z-index:0;}

/*
@media (max-width: 576px) { 
#real-conts{margin-top:-30px;padding-top:30px}
}
*/

.wrapper {width: 100%;  background: #fff;padding:0px;} 


.container.topmenu { width: 100%; max-width: 100%; padding-left: 15px; padding-right: 15px;}

.navbar-brand {width: 300px; background: url(../images/common/logo.png) left center no-repeat; border: 0; text-indent: -99999px;    padding: 0px;    height: 43px; margin: 0px;   transform: scale(0.9);}

.navbar { height: 70px;-o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;backface-visibility: hidden;}
.navbar.navbar-no-bg {  background: rgba(28, 42, 69, 0.6);}
.navbar-expand-md .navbar-nav .nav-link { padding-left: 48px; padding-right: 48px;font-size:16px;font-weight:normal;    min-width: 150px;}

.menu-dropdownst {float: left;overflow: hidden;}
.menu-dropdownst .menu-dropbtn {padding: 0px 10px;display: block;line-height: 40px;font-size: 16px;color: #fff;font-weight: normal;margin-right: 15px;letter-spacing: -0.03em;text-decoration:none;}
_:-ms-fullscreen, :root  .menu-dropdownst .menu-dropbtn {padding:0px 9px;}
.navbar a:hover, 
.menu-dropdownst:hover 
.menu-dropbtn {color:#ee5027}


/*menu-bar area*/  
#mega_menu {float:right; }
#mega_menu > li {float: left;list-style: none;margin-right: 40px;}
#mega_menu> li > a {padding: 10px 0px 0px; display: block;line-height: 28px;font-size:16px;font-weight:normal; color:#fff; text-decoration:none;margin-right:30px}
#mega_menu> li:first-child > a:hover{color:#ed1c24;font-weight:bold;text-decoration:none;border-bottom:none;}
#mega_menu> li > a:hover{color:#111;font-weight:600;  border-bottom:2px solid #ed1c24;}
#mega_menu> li > a.active{color:#111;font-weight:600 ; border-bottom:2px solid #ed1c24;}
#mega_menu> li.on > a{color:#ed1c24;font-weight:bold;text-decoration:none;border-bottom:none;}
#mega_menu> li.etcsub-area:last-child {margin-right:0;}

.navbar .etcsub-area .lang-area{width:60px;color:#fff;font-size:14px;line-height:26px;vertical-align:middle;height:26px;border:1px solid #fff;margin-top:8px;position:relative} 
.navbar .etcsub-area .lang-area a.lang{color:#fff;padding:0px;margin:0px;}
.navbar .etcsub-area .lang-area .a_change_lang span {width: 60px;height: 26px;display: block;color: #fff;font-size: 14px; background: url(/assets/images/common/down.png) right 10px center no-repeat;vertical-align:middle; margin-right:0px;padding:0px 6px}

.navbar .etcsub-area{padding-left: 0; padding-right: 0;}
.navbar .etcsub-area .sitemap_btn{border: none;width: 28px;color: #fff;height: 23px;vertical-align: top;padding: 0px;background: none; line-height:23px;margin-top:8px; position:relative;}
.navbar .etcsub-area .sitemap_btn * {vertical-align:middle;}
.navbar .etcsub-area .sitemap_btn span.bar {background:#fff; height:2px; border-radius:2px; display:inline-block; line-height:normal; width:100%; }  
.navbar .etcsub-area .sitemap_btn span.bar:before {content:''; position:absolute; top:2px; left:0; background:#fff; height:2px; border-radius:2px; display:inline-block; line-height:normal; width:100%;}
.navbar .etcsub-area .sitemap_btn span.bar:after {content:''; position:absolute; bottom:0; left:0; background:#fff; height:2px; border-radius:2px; display:inline-block; line-height:normal; width:100%;}

.menu-dropdown-content {/*border:1px solid #ccc;*/ padding:10px 20px;color:#333; background: #fff; border-radius:0px;  display: none; position: absolute; min-width: 160px; 
background: rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); z-index: 1000;}

.menu-dropdown-content a {float: none; font-size:13px; color:#fff;line-height:26px;font-weight:400;text-decoration: none; display: block; text-align: left;padding: 3px 0px;}
.menu-dropdown-content a:hover {color: #ee5027;}
.menu-dropdownst:hover .menu-dropdown-content {display: block;}

/*.navbar-dark .navbar-nav { font-size: 16px; color: #fff; text-transform: uppercase; }
.navbar-dark .navbar-nav .nav-link { color: #fff;  border: 0; }
.navbar-dark .navbar-nav .nav-link:hover{ color: #ee5027;  }
.navbar-dark .navbar-nav .nav-link:focus{ color: #ee5027; outline: 0; } */

/*.nav-item.active a.nav-link{ color: #ee5027 !important;  }*/



/*.navbar .navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}

.a_change_lang{background-color: rgba(0, 0, 0, 0) !important; box-shadow: none !important;border:none;padding:0px;margin:0px;}*/


 
/*.navbar .popover-content {text-align: left; color:#000; padding:12px 0px 12px 20px}

.navbar .dropdown-menu .popover { z-index:1200;  width: 180px; max-width:600px; border-radius:0; overflow: hidden; border:1px solid #ccc; min-height:360px; margin-left:-10px;
-webkit-box-shadow: 10px 5px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:10px 5px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow:  10px 5px 10px 0px rgba(0, 0, 0, 0.2); 
}*/



/*.navbar #mega_menu > li.other-service .menu-dropdownst .menu-dropbtn { color:#707070;}*/



/*.navbar .popover-content img {
max-width: 210px;
width:100%;
vertical-align:top
}*/
/*
.navbar .popover-content .menu-list-ul{    margin-top: -5px;list-style:none;color:#fff;display:inline-block;max-width:165px;min-width:145px;vertical-align:top;}
.navbar .popover-content .menu-main-category{color:#333;font-size:14px;line-height:27px;}
.navbar .popover-content .menu-main-category .menu-sub-category{list-style:none;font-weight:normal;font-size:12px;line-height:18px;}
.navbar .popover-content a:hover{color: #ee5027;text-decoration:none;}

.navbar .dropdown-menu {z-index:1300; width:168px; height:360px; border-radius:0px; 
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); 
-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); 
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); top:40px;border:1px solid #ccc;margin-top:0px;}
.navbar .dropdown-menu > li > a{font-size:16px; color:#333;line-height:26px;font-weight:500;background:#fff url(../newkd_images/icon/icon_megamenu_arrow_off.png) no-repeat; background-position:90% 50%;}
.navbar .dropdown-menu > li > a:hover {background-image: none; color: #ee5027; background-color: #fff; background:#fff url(../newkd_images/icon/icon_megamenu_arrow_on.png) no-repeat; background-position:90% 50%;}*/
/*.navbar .dropdown-menu > li > a.no-bg , .navbar .dropdown-menu > li > a.no-bg:hover{background:none;}
.navbar .dropdown-menu > li > a.maintainHover {color: #ee5027; background-color: #fff;}
.popover a{color:#fff;}
.popover a:hover{color:#ee5027;}
.popover-title{display:none;}
 */
 



/*
.sub-header .navbar.navbar-no-bg {  background: rgba(28, 42, 69, 1);}
@media (min-width: 1200px) {    
  
   .container {width: 1230px; max-width: 1230px; padding-left: 15px; padding-right: 15px; }
}
*/


/*.top-header{width: 100%;padding: 0px;height: 70px;display: block;z-index: 2000;position: relative;}
.main-header{width: 100%;padding: 0px;height: 70px;display: block;z-index: 2000;position: relative;}  

@media (min-width:1025px) and (max-width: 1379px) { 
.navbar-expand-md .navbar-nav .nav-link { padding-left:20px; padding-right: 20px;}
 
}*/



/*.navbar-brand2 {width: 166px; border: 1px solid #fff; padding: 0px; height: 43px; margin: 0px; display: inline-block;}*/



/*
.menu-dropdownst.tebbb .menu-dropdown-content {background: rgba(48, 76, 130, 0.9);}
.menu-dropdownst.teccc .menu-dropdown-content {background: rgba(232, 100, 24, 0.9);}
.menu-dropdownst.teccc .menu-dropdown-content a:hover {color:#fff; text-decoration:underline}
*/




.modal-dialog.sitemap{width: 100%;max-width: 100%;} 
.modal-dialog.sitemap .modal-content{border:none;border-radius:0px; background-color:transparent;}
.modal-dialog.sitemap .modal-body{border:none;padding:0px}

/*#sitemap-wrap .inner {position: relative; width: 1200px; margin: 0 auto;}*/
#sitemap-wrap .inner {position: relative; /*width: 860px;*/ width:82%; margin:0px auto}
#sitemap-wrap .inner .pos { width: 100%;}
#sitemap-wrap .inner .pos .close_btn_area{position: absolute;right: 0px;top: 22px;z-index: 1500;cursor:pointer;}
#sitemap-wrap .inner .pos .close_btn_area .close{opacity:1;cursor:pointer;}
#sitemap-wrap .inner .pos .close_btn_area img{cursor:pointer;}

.ly-title {text-align:center; font-size:30px; color:#fff; margin-bottom:80px; font-weight:400;}
#sitemap-wrap li a {float: none;} 
#sitemap-wrap .ly-inner {border-bottom: 1px solid #ffffff50;}
#sitemap-wrap .ly-inner .btn-close {position: absolute; top: 27px; right: -30px; width: 18px; height: 18px; background: url(/assets/images/common/btn_close.png) 100% center no-repeat; padding: 0; margin: 0;}
#sitemap-wrap .ly-inner .btn-close span {display: block; text-indent:-9999px; overflow: hidden;}


#sitemap-wrap .ly-inner ul {width: 100%;}
#sitemap-wrap .ly-inner .btn-sitemap {position: absolute; bottom: 30px; right: 30px; border: 1px solid #a8aaae; padding: 5px 10px 5px 30px; background: url(/images/common/ic_menu.png) 10px 50% no-repeat; margin: 0; color: #51555d; }
#sitemap-wrap .ly-inner .dep-1 {float: left;  width: 18%;padding:20px 0} 
#sitemap-wrap .ly-inner .dep-1.ic-2{width:28%}
#sitemap-wrap .ly-inner .dep-1:first-child{background:none;} 

#sitemap-wrap .ly-inner .dep-1 div {float: none; padding-left: 0px;}
#sitemap-wrap .ly-inner .dep-1 div li {float: none; padding: 6px 0;}

#sitemap-wrap .ly-inner .dep-1.ic-1 div{ } 
#sitemap-wrap .ly-inner .dep-1.ic-4 div{/*margin-left:-10px;*/}  
#sitemap-wrap .ly-inner .dep-1 ul {padding-top: 20px;}
#sitemap-wrap .ly-inner .dep-1 a {color: #fff; font-size: 16px; background: none; float: none; margin: 0;text-decoration:none; font-weight:400;}
#sitemap-wrap .ly-inner .dep-1 a:hover{color:#ee5027}
#sitemap-wrap .ly-inner .tit a {font-size: 22px;color: #ffffff; font-weight: 500;} 
#sitemap-wrap .ly-inner .tit {font-size: 22px;color: #ffffff; font-weight: 500; display:block; padding-bottom:20px; border-bottom:1px solid #ffffff20;} 
#sitemap-wrap .ly-inner:after {display: block; content:""; height: 0; clear: both; visibility:hidden;}

#sitemap-wrap .ly-inner ul.dep-2{padding-top: 0px;padding-left:20px}
#sitemap-wrap .ly-inner ul.dep-2 li{list-style:none}
#sitemap-wrap .ly-inner ul.dep-2 li:before{content:"-";margin-right:5px;color:#fff;}




#global-wrap {position: absolute; left: 0; top: 0; width: 100%; z-index: 100; }
#global-wrap .inner-box .cont-box {position: absolute; top: 5px; right: -1px; width: 60px;}
#global-wrap .lang-inner {padding: 0px 0; background: rgba(0, 0, 0, 0.5);border: 1px solid #ffffff;}
#global-wrap .lang-inner li{margin:0px;padding:0px;line-height:20px;} 
#global-wrap .lang-inner a{color: #fff; display: block; padding: 4px 0; margin: 0 10px; font-weight: bold;  background: none;text-decoration:none;font-size:12px;}
#global-wrap .lang-inner .on.curr a{color: #ee5027; }
#global-wrap .lang-inner a:hover{color: #ee5027;}
#global-wrap .ico_arrow {display: block;width: 100%;height: 20px;}


.main-footer-sitemap{background:#172743;padding:50px 0px}
.main-footer-sitemap ul {width: 100%;}
.main-footer-sitemap .dep-1{float: left; width: 20%;} 
/*.main-footer-sitemap .dep-1.ic-2{width:24%}*/
.main-footer-sitemap .dep-1 div {float: none; padding-left: 53px;}
.main-footer-sitemap .dep-1 ul {padding-top: 15px;}
.main-footer-sitemap .dep-1 ul li { ;color: #cfcfcf;}
.main-footer-sitemap .dep-1 a {color: #cfcfcf; font-size: 12px;line-height:24px;}
.main-footer-sitemap .dep-1 a:hover{color:#ddd}
.main-footer-sitemap .tit {font-size: 16px;letter-spacing: -0.025em;color: #ed5027; font-weight: 500;display:block}
.main-footer-sitemap .tit a {font-size: 16px;letter-spacing: -0.025em;color: #ed5027; font-weight: 600;}
.main-footer-sitemap .tit a:hover {color: #ed5027; text-decoration:underline;}
.main-footer-sitemap ul.dep-2{padding-top: 0px;padding-left:20px}
.main-footer-sitemap ul.dep-2 li{list-style:none}
.main-footer-sitemap ul.dep-2 li:before{content:"-";margin-right:5px;color:#fff;}
.main-footer-sitemap .sitemaps{position:relative;width:100%;}
.main-footer-sitemap .download-catalog{position:absolute;right:0px;bottom:0px; display:none; }


footer {border-top:solid 1px #ccc}
.footer_menu{padding:50px 0 50px 0; } 
.footer_menu .footer_logo {text-align:center;}
.footer_menu .addr{margin-top:0; color:#666666; font-weight:400;}
.footer_menu .addr .tel {margin-left:40px;}
.footer_menu .addr .fax {margin-left:10px;}
.footer_menu .copy{font-size:13px;	color:#666666; font-weight:400; line-height:20px;margin-top:10px;}
.footer_menu .addr ul li{display:inline;font-size:13px;line-height:20px;}
.footer_menu .addr ul li:last-child{margin-right:0px;} 
.footer_menu .addr ul li:not(:first-child):before {content: '\2758';color: #6d6d6d;font-size: 14px;font-weight: 100;margin: 0px 15px;}






.contents-duo {min-height:600px;position:relative;}
.contents-duo2 {min-height:600px;position:relative;}


.bgarea-section {max-height:322px !important;  height:322px;}
.grad-area{background: url(/assets/images/common//headline_gra.png) repeat-x bottom left;}

.headline-box{text-align:center;    padding-top: 60px; min-height: 226px; }
.headline-box h1{margin:0px;padding:0px; font-size: 34px;/*letter-spacing: -0.075em;*/color: #ffffff; text-align: center;font-weight: 700;    word-break: keep-all;}
.headline-box h1.product {letter-spacing: 0.025em;}
.headline-box h2{margin:0px;padding:0px;font-size: 18px;/*letter-spacing: -0.035em;*/color: #ffffff;font-weight:normal;text-align: center;   /* word-break: keep-all;*/}
.headline-box  .devide{display:block;  height:5px;  background-repeat:no-repeat;background-position-x: 50%;margin:0px 0px;}

/*
@media (max-width: 576px) { 
	.headline-box{padding-top:40px;}
	.headline-box h1 { font-size: 34px; }
}
*/

.tab-box{margin-top:0px;width:100%; background: url(/assets/images/common//bg_tab.jpg) repeat-x bottom left; }
.tabs-style-bar{width:100%;margin:0px auto; }
.tabs-style-bar ul {display: table; width: 100%; }
.tabs-style-bar li { display: table-cell; width: 1%; text-align:center; vertical-align:middle; border-bottom:1px solid #ddd}
.tabs-style-bar li a {text-align:center; display:block; padding:10px; color:#7c7c7c; font-size: 15px; line-height:48px;}
.tabs-style-bar li a * {vertical-align:middle;}
.tabs-style-bar li a span {display:inline-block; line-height:normal;}
.tabs-style-bar li a:hover {text-decoration:none; color:#ed5027;}
.tabs-style-bar ul li.current{ border-color: #ed5027;}
.tabs-style-bar ul li.current a{color:#ed5027;}





.breadcrumb{font-family: 'Montserrat', sans-serif !important;font-size: 15px;padding: 0px;margin: 0px;background: transparent;border: none;border-radius: 0px;height: 36px;color: #555;font-weight: bold;}
.breadcrumb a{color:#000;text-decoration:none;vertical-align:middle;padding-right:10px}
.breadcrumb a:hover{color:#6c6c6c;}
.breadcrumb a img.homeicon{vertical-align: middle;margin-top: -4px;margin-right: 8px; width:12px;}
.breadcrumb>li:last-child{color:#000;}
.breadcrumb>li+li:before {padding: 0 10px;background-image: url(/assets/images/icons/right-chevron2.png);    display: inline-block;width: 14px;height: 14px;background-repeat: no-repeat;content: "";vertical-align: middle;margin-top: 2px;} 

.breadcrumb-bx {margin-top: -35px; padding-bottom: 10px;}
.breadcrumb-bx.white a{ color: rgba(255, 255, 255, 0.82); font-size:12px; font-family:'Noto Sans SC'; font-weight: 400;}
.breadcrumb-bx.white .breadcrumb >li+li:before {background-image: url(/assets/images/icons/right-chevron_white.png);   } 

.main-header.mo {position:fixed; top:0; left:0; right:0; width:100%;}
.main-header.mo .m-lang-area {display:none;}
.main-header.mo .a_change_lang span {background:none;}
.main-header.mo .navbar-brand {margin:0 auto 0 auto; background-size: auto 65%; background-position: center center;}


.m-navbar {background: rgba(28, 42, 69, 0.85); height:50px; padding: 0 0; position:relative}
.m-navbar .sitemap_btn{border: none;width: 50px;color: #fff;height: 50px;vertical-align: top; text-align:left;padding: 0px;background: none; line-height:49px; position:absolute; top:0; left:0; z-index:10;}
.m-navbar .sitemap_btn * {vertical-align:middle;}
.m-navbar .sitemap_btn span.bar {background:#fff; height:1px; border-radius:1px; display:inline-block; line-height:normal; width:50%; margin-left:15px  }  
.m-navbar .sitemap_btn span.bar:before {content:''; position:absolute; top:17px; left:15px; background:#fff; height:1px; border-radius:1px; display:inline-block; line-height:normal; width:50%;}
.m-navbar .sitemap_btn span.bar:after {content:''; position:absolute; bottom:14px; left:15px; background:#fff; height:1px; border-radius:1px; display:inline-block; line-height:normal; width:50%;}


/*
.m-navbar .navbar-toggler-icon{width: 30px;height: 30px;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(256,256,256, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 16h48M4 32h48M4 48h48'/%3E%3C/svg%3E");}
.m-navbar .navbar{background-color: rgba(0, 0, 0, 0) !important; box-shadow: none !important;}
.m-navbar .container{padding-left:0px;padding-right:0px;}
.m-navbar .etcsub-area .sitemap_btn{border: none;width: 40px;color: #fff;height: 45px;vertical-align:middle;padding: 0px;background: none;}


.m-navbar .etcsub-area .m-lang-area .a_change_lang span {
width: 24px;
height: 24px;
display: inline-block;
color: transparent;
font-size: 12px;
text-indent: -9999px;
background: url(/assets/images/common/icon_global.png) center center no-repeat;
vertical-align:middle;
    background-size: contain;
margin-right:0px;
}
*/

#mlang-wrap .inner {position: absolute; width: 100%;min-height:100px; } 
#mlang-wrap .inner .m-close_btn_area{MARGIN-RIGHT: 20px;margin-top: 10px;height:44px;}
#mlang-wrap .inner  m-close_btn_area .close{opacity:1;cursor:pointer;}
#mlang-wrap .inner .m-close_btn_area img{cursor:pointer;width: 44px;height: 44px;}
#mlang-wrap .inner .m-lang-list{margin-top:30px;MARGIN-RIGHT: 20px;float:right;}
#mlang-wrap .inner ul{display:block;}
#mlang-wrap .inner ul li{text-align:center; width: 115px;height: 52px;border-radius: 50px;margin-bottom:15px; font-size:22px;font-weight:bold}
#mlang-wrap .inner ul li.kr{background-color: #5d5dd0;;}
#mlang-wrap .inner ul li.en{background-color: #cbcbcb;;}
#mlang-wrap .inner ul li a{line-height:52px;color:#fff;text-decoration:none} 

 
.modal-dialog.langmap{width: 100%;max-width: 100%;margin-top: 86px;} 
.modal-dialog.langmap .modal-content{border:none;background: rgba(0, 0, 0, 0.6);border-radius:0px;}
.modal-dialog.langmap .modal-body{border:none;padding:0px}    


.sitemapmobile .modal-body{padding:0px;}
.sitemapmobile .navbar-brand {transform: scale(0.65);}

.modal-dialog.sitemapmobile{max-width:90%;margin: 0px;height: 100vh;} 
.modal-dialog.sitemapmobile .modal-content{ height: 100vh;background: #2c2c37;border-radius:0px;border: none;} 
#sitemapmobile-wrap .header-sidenav{height:50px;padding:0px 17px 0px 15px;font-size:18px;line-height:50px;font-weight:bold;}
#sitemapmobile-wrap .header-sidenav .txt{float:left;text-transform:uppercase}
#sitemapmobile-wrap .header-sidenav .txt a {color:#fff; margin-right:10px; font-size:12px; font-weight: 500; letter-spacing: 0; border-bottom:solid 2px transparent}
#sitemapmobile-wrap .header-sidenav .txt a.current {border-bottom:solid 2px #fff; text-align:center;}
#sitemapmobile-wrap .header-sidenav .close_btn_area{float:right;}
#sitemapmobile-wrap .header-sidenav .close_btn_area .close{opacity:1;cursor:pointer;    line-height: 50px;}
#sitemapmobile-wrap .header-sidenav .close_btn_area img{cursor:pointer;width:15px;vertical-align:middle;}


/*.sidenav .panel-body.boxlist {padding:0px;}
.sidenav .panel-body.boxlist ul li{letter-spacing: -0.025em;border:1px solid #ddd;display:block;width:100%;border-left:none;float:left;text-align:left;padding:0px 30px;font-style:normal;background:#fff}
.sidenav .panel-body.boxlist ul:last-child li{border-top:none}
.sidenav .panel-body.boxlist ul li a{color:#454545;text-decoration:none; font-size:16px;line-height:40px;}
.sidenav .panel-body.boxlist ul li a:hover{color:#ed5027}
.sidenav .panel-body.boxlist ul li a.on{color:#454545} 
*/
.sidenav .panel-group .panel {border-radius: 0;box-shadow: none;border-bottom: 1px solid #777;}

.sidenav .panel-group .card {border-radius: 0;box-shadow: none;border:none;}
.sidenav .panel-group{margin-bottom:0px; border-top: solid 1px #191922;}
.sidenav .panel-group .card-header { font-weight:bold;padding:0px 15px 0px 15px;;border-radius: 0;color: #fff;     background-color: #2c2c37;     border-color: #191922;}
.sidenav .panel-group .card-header.closed{background-color: #333;}
.sidenav .panel-group .card-header.opend{background-color: #ed5027;}
.sidenav .panel-title {font-size: 16px; text-align:left; font-weight:400;}
.sidenav .panel-title > a {display: block;padding:0px;text-decoration: none;color:#fff;line-height:60px; position:relative; width:50%}
.sidenav .panel-title > a.w100 {width:100%;}
.sidenav .panel-title > a.collapsedfake {width:100%; }
.sidenav .panel-title.menu-home> a.collapsedfake {width:50%; }
.sidenav .more-less {position: absolute; right: 0; top: 31%; display: block; width: 21px; height: 21px; color: #fff; background:url(/assets/images/common/icon_close.png) center center no-repeat; background-size:66% auto;}
.sidenav .collapsed .more-less {background: url(/assets/images/common/icon_open.png) center center no-repeat; background-size:66% auto}

.sidenav .panel-title.menu-home>.collapsed {position: absolute; right: 15px; top: 0;}
.sidenav .panel-title.menu-home> a {position: absolute; right: 15px; top: 0;}
.sidenav .panel-title.menu-home> a.collapsedfake {position: relative;     right: unset;}
.sidenav  .panel-group > .card-header + .panel-collapse > .cardcard-body {border-top-color: #fff;} 
.sidenav .card-body.boxlist {padding: 5px 0 5px 0; background: #3e3e47;}
.sidenav .card-body.boxlist ul li{letter-spacing: -0.025em;border:1px solid #3e3e47;display:block;width:100%;border-left:none;float:none;text-align:left;padding:0px 30px;font-style:normal;background:#3e3e47}
.sidenav .card-body.boxlist ul:last-child li{border-top:none}
.sidenav .card-body.boxlist ul li a{color:rgba(255, 255, 255, 0.6);text-decoration:none; font-size:15px;line-height:35px;display:block;   font-weight: 300; letter-spacing: 0;} 
.sidenav .card-body.boxlist ul li a:hover{color:#fff}
.sidenav .card-body.boxlist ul li a.on{color:#454545} 


/*
.sidenav .panel-default > .panel-heading { font-weight:bold;padding:0px 30px 0px 30px;;border-radius: 0;color: #fff;background-color: #333;border-color: #777;}
.sidenav .panel-default > .panel-heading.closed{background-color: #333;}
.sidenav .panel-default > .panel-heading.opend{background-color: #ed5027;}
.sidenav .more-less {float: right;color: #fff;font-style:normal}
.sidenav  .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: #fff;}
*/ 






.br {display:block;}



a.top {
	display:none;
  position: fixed;
  right: 10px;
  bottom: 50px;
  display: none;
  border:solid 1px #000;
  background:#303030;
  color:#fff;
  padding:5px;
  z-index:10000;
}
/*--
@media (max-width: 1024px) {
 
.main-footer-sitemap .dep-1 div {float: none; padding-left: 10px;}
 
}
@media (max-width: 768px) {
 
.main-footer-sitemap .dep-1 {float: left; width: 33%;} 
 
}
@media (max-width: 768px) {
 
.main-footer-sitemap .dep-1{float: left; width: 18%;} 
.main-footer-sitemap .dep-1.ic-2{width:28%}
 
}
@media (min-width:576px) and (max-width: 767px) {
.main-footer-sitemap .dep-1{float: left; width: 30%;margin-bottom:30px;} 
.main-footer-sitemap .dep-1 div {float: none; padding-left: 0px;}
.main-footer-sitemap .dep-1.ic-2{width:40%}
 
}
@media (max-width: 576px) {
.main-footer-sitemap .dep-1{float: left; width: 50%;margin-bottom:30px;} 
.main-footer-sitemap .dep-1.ic-2{width:50%}
 }
--*/
/*

*/










/*.tabs-style-bar li.long a {line-height:18px;}

.tabs-style-bar{width:100%;margin:0px auto;height:68px;}
.tabs-style-bar ul li{position:relative;display:block;width:25%;float:left;font-size:16px;font-weight:normal;background:#fff;line-height:67px;text-align:center;border-bottom:1px solid #ddd;cursor:pointer;border-left:none;border-top:none;}
.tabs-style-bar ul li a{color:#838383;text-decoration:none;display:block;text-decoration:none}
.tabs-style-bar ul li:hover{color:#ed5027} 
.tabs-style-bar ul li.current{ border-color: #ed5027;}
.tabs-style-bar ul li.current a{color:#ed5027;}
.tabs-style-bar ul li:hover a{color:#ed5027;}

.tabs-style-bar.item6 ul li{width:calc(100% / 6);line-height:34px;font-size:16px;padding:16px 0px;}
.tabs-style-bar.item6 ul li.long{line-height: 22px; padding: 11px 5px; letter-spacing: -0.025em;}
.tabs-style-bar.item9 ul li{width:11.1%}
*/
/*

@media(min-width: 1024px) and (max-width: 1200px)   { 


.tabs-style-bar.item6 ul li{height:90px;}
.tabs-style-bar.item6 ul li.long{
     line-height: 22px;
    padding: 11px 5px;
    letter-spacing: -0.025em;}


}
*/



@media (min-width: 1025px) {
.modal-backdrop {z-index:2001}
.modal-backdrop.show{opacity:0.98}
.modal {z-index:3000;}
.modal-backdrop {background-color:#3d3d3d}
.modal .modal-dialog { margin: 5rem auto;}
}
@media (min-width: 1200px) {

.container {max-width:1230px;}

}

@media all and (min-width: 1025px) and (max-width: 1280px) {
.tabs-style-bar li a {padding:5px 10px 7px 10px;}
.tabs-style-bar li a {font-size:14px; }
.tabs-style-bar li a span{line-height: 19px;}
.tabs-style-bar.item6 ul li a {margin:0 -1px;}
.tabs-style-bar.item9 ul li a {}
}


@media all and (min-width: 768px) and (max-width: 1024px) {
.headline-box h1 {font-size:28px;}
.headline-box h2 {font-size:16px;}


.tabs-style-bar li a {padding:3px 10px 7px 10px;}
.tabs-style-bar li a {font-size:14px;}
.tabs-style-bar li a span{line-height: 19px;}
.tabs-style-bar.item6 {}
.tabs-style-bar.item6 ul {display: block;  width: 100%; overflow:hidden;}
.tabs-style-bar.item6 ul li{display: inline-block; float:left; width:33%;font-size:14px}


.footer_menu .addr .mm {display:block;}
.footer_menu {padding:30px 0;}
.footer_menu .col-md-3,
.footer_menu .col-md-9{padding-left:0; padding-right:0}
.footer_menu .addr .tel {margin-left:0;}
.footer_menu .copy {margin-top:5px; font-size:12px;}

}

@media (max-width: 767px) { 
.contents-duo.ma_top80 {margin-top: 60px !important;}
.contents-duo2.ma_top80 {margin-top: 60px !important;}

.headline-box {padding-top:20px;}
.headline-box h1 {font-size:26px; font-weight: 500;}
.headline-box h2 {font-size:16px;}


.tab-box {border-bottom:none;}
.tab-box .container { padding-right: 0; padding-left: 0}
.tab-box .container .row {margin:0;}
.tab-box .container .row [class*="col-"] {padding-right: 0; padding-left: 0}

.tabs-style-bar {max-height:none;}
.tabs-style-bar ul {display: block;  width: 100%; overflow:hidden;}
.tabs-style-bar ul li{display: inline-block; float:left; width:50%;font-size:14px}
.tabs-style-bar li a {padding:5px 10px 7px 10px; }
.tabs-style-bar li a {font-size:14px; line-height: 29px; }
.tabs-style-bar li a span{line-height: 19px;}
.tabs-style-bar li a span.line-2 {height:38px;}
.tabs-style-bar li a span.line-2.line-1 {line-height:38px;}
.tabs-style-bar.item9 {}
.tabs-style-bar.item9 ul li {width:33.3%}



.br {display:inline-block;}


.footer_logo img {height:20px;}
.footer_menu{padding:15px 0 15px 0; } 
.footer_menu {text-align:center}
.footer_menu .addr .mm {display:block;}
.footer_menu .addr {margin-top:10px; font-size:11px;}
.footer_menu .addr .tel { margin-left:0;}
.footer_menu .copy {font-size:11px;}
}