/*스타일초기화추가tekim*/
em {font-style: normal !important}

/*스타일초기화추가tekim*/

.banner_area { margin:0px auto; text-align:center; width:100%; }
.banner_area img { max-width:100%; }

.pc_on { display:block; }
.m_on { display:none; }


@media(max-width:1000px){
.pc_on { display:none; }
.m_on { display:block; }
}


/* header */
#header{width:100%; border-bottom:1px solid #ddd; position:fixed;top:0;left:0;z-index: 99999999; background:#fff; min-width:1200px; }
#header .header-wrap{width:100%;height: 95px;margin:0px auto;background:#fff;-webkit-transition:.2s width ease;transition:.2s width ease;position:relative;padding-top: 0px;}
#header h1.logo{position:absolute;top:15px;left:15%;-webkit-animation:logo 1s ease;animation:logo 1s ease; width:165px; }
#header h1.logo img {  margin-top:10px; }
@-webkit-keyframes logo{0%{-webkit-transform:translate(70px,0);transform:translate(70px,0);opacity:0}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
@keyframes logo{0%{-webkit-transform:translate(70px,0);transform:translate(70px,0);opacity:0}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
#header nav{font-size:0;margin:0 auto;text-align:right;-webkit-animation:navi 1.2s ease;animation:navi 1.2s ease; width:1200px }
@-webkit-keyframes navi{0%{opacity:0}
100%{opacity:1}
}
@keyframes navi{0%{opacity:0}
100%{opacity:1}
}
#header nav div.nav{display:none;background-color: rgba(255, 255, 255, .7);
    backdrop-filter: blur(10px);position:absolute;top: 95px;left:0;width:100%;height:200px}
#header nav>ul{display:inline-block;   width: 100%;    margin: 0 auto; }
#header nav>ul>li{display:inline-block;vertical-align:top;color:#000;letter-spacing:-1px;text-align:center;position:relative; padding:0 30px}
#header nav>ul>li>a{font-size:18px;line-height: 55px;display:block;position:relative}
#header nav>ul>li>a:hover{color:#5CA6E4; font-weight: bold;}
#header nav>ul>li>a:hover::before {position: absolute;content: ''; width: 6px; height: 6px;top: 10px;left: 15px;background: #5CA6E4;border-radius: 100px;}
#header nav>ul>li>ul{display:none;position:absolute;top:100%;left:0;width:100%;padding-top:40px}
#header nav>ul>li>ul>li>a{font-size:14px;color:#000;line-height:2;font-weight:400;white-space:nowrap;}
#header nav>ul>li>ul>li>a:hover{color:#5CA6E4; text-decoration: underline;}
#header div.util{position:relative;-webkit-animation:util 1s ease;animation:util 1s ease;text-align: right;width: 1200px;margin: 0 auto;padding-top: 5px; display: flex;
    justify-content:flex-end; gap:15px}
@-webkit-keyframes util{0%{-webkit-transform:translate(-70px,0);transform:translate(-70px,0);opacity:0}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
@keyframes util{0%{-webkit-transform: translate(-30px,0);transform: translate(-30px,0);opacity:0;}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
#header div.util>ul>li{display:inline-block;vertical-align:top;padding:0 8px;line-height:2}
#header div.util>ul>li i {font-size: 1.2rem; vertical-align: middle;}
#header div.util>ul>li>a{color:#444;font-size:12px;font-weight:400;letter-spacing:-.5px; position:relative}
#header div.util>ul>li>a:after{position:absolute;content: '';width: 1px;height: 11px;right: -10px;top: 2px;background: #ccc;}
#header div.util>ul>li:last-child>a:after {display: none;}
#header div.util>ul>li>a:hover{text-decoration: underline;}
#header.fixed .header-wrap{width:100%;margin:0 auto;}

#header div.util2{position:absolute;top: 35px;right:13%}
#header div.util2>ul>li {display: inline-block;/* width: 33.3%; */text-align: center;margin: 0 4px;}
.quickbox{display: block;width: 40px;height: 40px;color: #fff;text-align: center;border-radius: 3px;/* text-align: center; */margin: 0 auto;}
.quickbox > i {line-height: 40px;font-size: 18px;}
.ban01 {background: #b93030;}
.ban02 {background: #3ab44a;} 
.ban03 {background: #f4db0b;} 
#header div.util ul {}
#header div.util ul.language{  border: 1px solid #ddd;border-radius: 15px;}
#header div.util ul.language li>a:hover{font-weight: bold;}
#header div.util ul.language li>a.current {font-weight: bold;}



#footer { background:#fff; padding:50px 50px;  border-top:1px solid #ddd;  width:100% }
#footer .footer-wrap { position:relative; width:100%; margin:0 auto; padding-left:220px; width:1400px; margin:0 auto;}
#footer .footer-wrap .bottom_logo { position:absolute; left:0; top:0; width:170px; }
#footer .footer-wrap .bottom_logo img { max-width:100%; }
#footer .footer-wrap ul { display:flex; line-height:170%; }
#footer .footer-wrap li { font-size:14px; margin-left:20px; color:#777; position:relative;  }
#footer .footer-wrap ul li:first-child { margin:0; }
#footer .footer-wrap ul.bottom_menu {margin-bottom:15px; }
#footer .footer-wrap ul.bottom_menu li { font-size:15px; margin-left:30px; }
#footer .footer-wrap ul.bottom_menu li:first-child { margin:0; }
#footer .footer-wrap ul.copyright { padding-top:10px; font-size:14px; }
#footer .btn_top { position:absolute; right:0; top:0px; }
#footer .btn_top a { background:#222; color:#fff; display:flex; justify-content:center; align-items:center; width:70px; height:70px; border-radius:35px }
#footer .customercenter{position:absolute;     right: 150px;    top: 0px; text-align: center;}
#footer .customercenter dl dt {font-size: 1.4rem; font-weight: bold; margin-bottom: 5px;}
#footer .customercenter dl dd {font-size: 1.2rem;}
@media(max-width:1400px){
    #footer .customercenter {position:relative; text-align: left; padding-left: 150px;}
    #footer .customercenter dl dt,  #footer .customercenter dl dd,  #footer .customercenter dl  p{display: inline;}
  

} 



.contents01 { padding-top:85px; width:95%; max-width:1500px; margin:0 auto;}




.btn_close_wing { display:none; }
.folding_menu_btn { display:none; }


.wing_menu { color:#333; padding:0px 0 20px 0; width:300px; min-height:100%; position:relative; background:#fff; 
min-width:300px; overflow-y:scroll; height:100vh;}




.wm_title { background:#193b56;  padding:15px; color:#fff; }
.wm_title h1 { font-size:22px; font-weight:400; display:flex; align-items:center; }
.wm_btn_logout { font-size:11px; color:#fff; background:rgba(0,0,0,.6); border-radius:5px; margin:3px 0 0 10px; 
height:16px; line-height:14px; padding:0px 4px; font-weight:100; display:inline-block; }



.accordion {  width: 100%;   margin: 0px auto 20px; }

.accordion .link { cursor: pointer;  display: block;  padding: 15px 15px 15px 25px; 
font-size: 14px;  border-bottom: 1px solid #ddd;  position: relative;  
-webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease; }

.accordion li:last-child .link { border-bottom: 0; }
.accordion li i {  position: absolute;  top: 16px;  left: 12px;  font-size: 18px;  
color: #aaa;  -webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease;}
.accordion li i.fa-chevron-down {  right: 20px;  left: auto;  font-size: 16px;}
.accordion li.open .link { color: #333; }
.accordion li.open i { color: #aaa; }
.accordion li.open i.fa-chevron-down {  -webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);
-o-transform: rotate(180deg);  transform: rotate(180deg);}

.submenu {  display: none;  background: #f5f5f5;  font-size: 14px;}
.submenu li { border-bottom: 1px solid #eee; }
.submenu a {  display: block;  text-decoration: none;  color: #555;  padding: 12px;  padding-left: 42px;  -webkit-transition: all 0.25s ease;  -o-transition: all 0.25s ease;  transition: all 0.25s ease;}
.submenu a:hover {  background: #fff;  color: #333;}





.my_office_layout_left { display:none; min-width:100%; }
.header-wrap-mo { display:none; }



.dashboard { background:#fff; margin:0 auto;display:flex; justify-content:space-between; min-height:700px; }
.dashboard * { box-sizing:border-box; }
.db01  { width:300px;  background:#e4e9f4; padding:110px 30px 0 50px; margin-right:50px;flex-shrink:0  }
.dashboard_inner { flex-grow:1; margin:0 auto; }

.dashboard h2 { font-size:27px; font-weight:500; padding-bottom:10px; border-bottom:2px solid #9ba8c6; color:#2f416b; }
.db01 li { font-size:18px;  border-top:1px solid #cad2e3; padding:5px 0; }
.db01 a { display:block; padding:5px 0; font-size:18px; color:#222; width:100%; }
.db01 a:hover { color:#2f416b; }
.dashboard_contents { background:#fff; border-radius:10px; padding:30px; margin:30px 10px; border:2px solid #fff; 
max-width:1200px; width:100%; margin:0 auto; }



@media(max-width:1000px){
#header { min-width:100%; }
.db01 {display:none; }


.contents01 { padding-top:60px; width:100%; margin:0 auto; }
.btn_close_wing { display:block; position:absolute; top:20px; right:20px; }
.btn_close_wing span { color:#fff; font-size:30px; font-weight:500; display:block; cursor:pointer; }
.folding_menu_btn { z-index:2; display:flex; align-items:center; position:absolute; top:10px; left:5px;
width:45px; height:45px; /*background:rgba(0,0,0,.6); */ background:#fff; }
.folding_menu_btn ul { width:25px; margin:0 auto; }
.folding_menu_btn ul li { height:2px; width:25px; background:#aaa; margin-top:6px; }
.folding_menu_btn ul li:first-child { margin:0; }
.my_office_layout_left { /* flex-shrink:0; */ width:300px; height:100%; 
position:fixed; top:0; left:0px; z-index:9999999999999999999; }

.header-wrap { display:none; }
.header-wrap-mo { display:block; background:#fff; padding-left:50px; height:75px; position:relative; }
.header-wrap-mo h1.logo_m img { max-height:35px; margin-top:15px; }
.header-wrap-mo .myoffice {  position:absolute; top:16px; right:10px; }
.header-wrap-mo .myoffice a { display:inline-block; font-size:12px; line-height:14px; padding:8px 7px; background:#999; 
color:#fff; border-radius:7px; }
.header-wrap-mo .lang_m ul{display: flex;justify-content: flex-end; gap: .5rem; margin-right: 15px;}
.header-wrap-mo .lang_m ul li {border:1px solid #ddd; border-radius: 15px; padding: 0 8px;;}
.header-wrap-mo .lang_m ul li a{font-size: 12px;}

.dashboard_contents { width:100%; margin:0 auto;; padding:0; }


.layout_body { width:100%; min-height:100%; display:flex;}
.btn_close_wing_2 { flex-grow:1; background:rgba(0,0,0,0.5); }


#footer {  padding:20px 10px 30px 10px;  }
#footer .footer-wrap { position:relative; width:100%; margin:0 auto; padding:0; }
#footer .footer-wrap .bottom_logo { position:relative; width:150px; }
#footer .footer-wrap .bottom_logo img { max-width:100%; }
#footer .footer-wrap ul { display:flex; flex-wrap:wrap; line-height:120%; padding:0 8px; }
#footer .footer-wrap li { font-size:10px; margin:0 10px 0 0; color:#777; position:relative;  }
#footer .footer-wrap ul.bottom_menu {  padding-bottom:15px; margin-bottom:15px; }
#footer .footer-wrap ul.bottom_menu li { font-size:13px; margin-left:10px; white-space:nowrap; }
#footer .footer-wrap ul.bottom_menu li:first-child { margin:0; }
#footer .footer-wrap ul.copyright { padding-top:10px; font-size:14px; }
#footer .btn_top a { position:absolute; right:0; top:0px; background:#222; color:#fff; display:flex; justify-content:center; align-items:center;
width:50px; height:50px; border-radius:25px }



}



@media(max-width:1400px){
#header .header-wrap{max-width:100%}
#header h1.logo {left:5%}
#header {width:100%; min-width:100%}
#header div.util {width:100%}
#header nav {width:100%}
#footer .footer-wrap {width:100%}

}

@media(min-width:800px){
.my_office_layout_left { display:none !important; }
.overflow_hidden { overflow:auto; }

}




@media(max-width:1000px){
.lay_pop { left:5% !important; top:10px !important; max-width:90% !important; }
}