html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, input, select, textarea, button,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
a{color: #fff;text-decoration:none;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;text-decoration: none;}
a:hover, a:focus, a:active{color:#fff; text-decoration:none}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding: 5px;line-height: 1.42857143;vertical-align: top;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {padding: 5px;line-height: 1.42857143;vertical-align: top;}
.table > thead > tr > th {vertical-align: bottom;}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {border-top: 0;}
.table-striped > tbody > tr:nth-of-type(odd) {background-color: #f9f9f9;}
.table {width: 100%;max-width: 100%;}

/* footer */
.footer-bc {padding: 20px 0 15px;background: #000c24;}
.ftr-link {display: flex;justify-content: flex-end;margin: 4px 0;padding: 14px 0;border-top: 1px solid #242f48;border-bottom: 1px solid #242f48;text-align: center;padding-left: 340px;padding-right: 300px;}
.ftr-n-item-bc {flex: auto;display: flex}
.ftr-n-l-cells-bc {width: 100%;display: flex;flex-direction: column;align-items: flex-start}
.ftr-n-l-cells-bc+.ftr-n-l-cells-bc {-webkit-margin-start: 40px;margin-inline-start:40px}
.footer-title {justify-content: center;margin-bottom: 10px;color: #fff;text-transform: uppercase;line-height: 16px;letter-spacing: 1px}
.footer-title,.ftr-n-link-bc {display: flex;align-items: center;font-size: 14px;margin-top: 10px;}
.ftr-n-link-bc {color: #333;transition: color .24s}
.ftr-n-link-bc:hover {color: var(--b-sc)}
.ftr-n-link-bc span{color: #898e98;font-size: 13px;}
.ftr-n-link-bc+.ftr-n-link-bc {margin-top: 10px}
.ftr-n-link-bc i {-webkit-margin-end: 5px;margin-inline-end:5px}

/* heder */
.wd_inner{display: table;vertical-align:top;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 0px 2px 0px; width: 1920px;margin:0 auto;}
.wd_inner1{display: table;vertical-align:top;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-bottom:1px solid #d70f82;width:100%;}
.wd_inner:after{clear: both;display: block;content: '';}
#header {background-color: #000c24;}
#header h1{width: 290px;position: absolute;text-align: center;transition: all ease-in-out .3s 0s !important;}
#header h1 a{display: inline-block;margin-top: 0px;}
#header h1 a img{width: 170px;height: 100px;margin-top: -3px;}
#header #nav{text-align: center;height: 100px;width:1800px;}
#header #nav ul{padding-left: 0px;}
#header #nav li{float: left;}
#header #nav li a{line-height: 100px;position: relative;color: #fff;font-size: 15px;letter-spacing: -0.05em;font-weight: 500;padding:0 11px;}
#header #nav li a img{margin-right: 3px;position: relative;top: -1px;vertical-align: middle;left:100px;}
#header #nav li a:hover {line-height: 100px;position: relative;color: #fff;font-size: 15px;letter-spacing: -0.05em;font-weight: 500;padding:0 11px;color: #cb257d;}
#header #nav li a:hover::before { transform: translate(-50%, 0) scaleX(1);}
#header #nav li.on a::before{transform: translate(-50%, 0) scaleX(1);}
#header .topmenu {position:relative;margin-left: 0px;margin-top:5px;margin-bottom: 20px;}
#header .topmenu ul {margin:0px;height:20px;width:100%;}
#header .topmenu ul {margin:0px;height:20px;width:100%;}
#header .topmenu ul li {float:left;width: 14%;padding: 0px 10px;height:100%;}
#header .topmenu ul li .box {float:left;width: 14%;padding: 0px 10px;height:100%;}
#header .topmenu ul li .box img {float:left;width: 14%;}
#header .topmenu ul li .box h3 {position:relative;padding: 7px 0px 0px 8px;font-weight:bold;color: #f1cc45;font-size:12px;z-index:10;}
#header .topmenu ul li .box h3 strong {display:block;color:#ffffff;font-size:20px;line-height:30px;}
#header .topmenu ul li .box .bottom01 {position:absolute;bottom:0;left:0;width:100%;line-height: 60px;text-align:center;background:#0c1319;/* border-top: 1px solid #434347; */opacity:0.5;z-index:10;color:#fff;font-size:14px;}
#header #nav1 ul {height:40px;display: flex;justify-content: space-between;gap: 5px;}
#header #nav1 ul li {flex-grow: 1;flex-basis: 0;padding: 10px;text-align: center;}
#header #nav1 ul li .box01 {position:relative;width: 189px;height: 62px;border-radius:2px;cursor:pointer;}
#header #nav1 ul li .box01:before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;transition:200ms all;}
#header #nav1 ul li .box01 h3 {position:relative;padding: 3px 6px 3px 6px;font-weight:bold;color: #ffffff;font-size:12px;z-index:10;background: #d70f82;margin-right: -14px;margin-top: -12px;float: right;animation: blinker 4s linear infinite;}@keyframes blinker {50% { background: #242f48; }}
#header #nav1 ul li .box01 h3 strong {display:block;color:#ffffff;font-size:20px;line-height:30px;}
#header #nav1 ul li .box01 .bottom01 {position:absolute;left: -49px;width:100%;line-height: 60px;z-index:10;color:#fff;font-size:16px;}
#header #nav1 ul li .box01 .bottom01:hover {position:absolute;left: -49px;width:100%;line-height: 60px;z-index:10;color:#cf2680;font-size:16px;transition-duration: 0.3s; }

#header #nav2 ul {height:22px;display: flex;justify-content: space-between;gap: 5px;}
#header #nav2 ul li {flex-grow: 1;flex-basis: 0;padding: 10px;text-align: center;}
#header #nav2 ul li .box01 {position:relative;width: 189px;height: 62px;border-radius:2px;cursor:pointer;}
#header #nav2 ul li .box01:before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;transition:200ms all;}
#header #nav2 ul li .box01 h3 {position:relative;padding: 3px 6px 3px 6px;font-weight:bold;color: #ffffff;font-size:12px;z-index:10;background: #d70f82;margin-right: -14px;margin-top: -12px;float: right;animation: blinker 4s linear infinite;}@keyframes blinker {50% { background: #242f48; }}
#header #nav2 ul li .box01 h3 strong {display:block;color:#ffffff;font-size:20px;line-height:30px;}
#header #nav2 ul li .box01 .bottom01 {position:absolute;left: -49px;width:100%;line-height: 60px;z-index:10;color:#fff;font-size:16px;}
#header #nav2 ul li .box01 .bottom01:hover {position:absolute;left: -49px;width:100%;line-height: 60px;z-index:10;color:#cf2680;font-size:16px;transition-duration: 0.3s; }

/*메뉴*/
.wd_inner1 {
    border-top: 1px solid #ffd700;
    border-bottom: 2px solid #ffd700;
}
.footer-bc {
    padding: 20px 0 15px;
    background: #000000;
}
.footer-link-content {
    background: #2e2e2e;
    overflow: hidden;
    padding: 7px 0;
    width: 100%;
}
.ftr-link {
    display: flex;
    justify-content: flex-end;
    margin: 4px 0;
    padding: 14px 0;
    border-top: 1px solid #2e2e2e;
    border-bottom: 1px solid #2e2e2e;
    text-align: center;
    padding-left: 340px;
    padding-right: 300px;
}
.ftr-copy-rights-bc {
    text-align: center;
    font-size: 13px;
    color: #ffffff;
}
.body .con_t {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 300px 1fr 300px;
    width: 1900px;
    background: #000000;
}
.body .con_t .bc_l {
    float: unset !important;
    width: 100%;
    margin-right: 0 !important;
    margin-top: 0 !important;
}
.body .con_t .con_c .submenu li a {
    display: block;
    border-radius: 0px;
    background: #393737;
    padding: 3px 17px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: #ffffff;
    width: 70px;
    margin-right: 3px;
    text-align: center;
}
.body .con_t .con_c .submenu .select {
    border-radius: 0px;
    align-items: center;
}
.body .con_t .con_c .submenu .select a {
    display: block;
    color: #fff;
    font-weight: bold;
    background: #f1cc45;
}
.wrap,body {
    background-color: #000 !important;
}
.wd_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wd_inner:after {
    display: none !important;
}
#header {
  background-color: #000000;
  width: 1900px;
  margin: auto;
}
#header h1 {
    width: auto !important;
    position: relative !important;
}
#header h1 a {
    margin-top: 0 !important;
}
#header h1 a img {
    height: 70px !important;
    width: auto !important;
}
.wd_inner {
    padding: 0 10px 0 20px !important;
    margin-top: 10px !important;
}
#nav {
    display: flex;
    width: auto !important;
    align-items: center !important;
}
#nav ul {
    display: flex !important;
    width: auto !important;
    padding-left: 0 !important;
    padding-right: 25px !important;
}
#nav ul li {
    float: unset !important;
}
#nav ul li a {
    font-size: 13px !important;
}
.loginbox-btn {
    width:700px;
    display: flex;
    float: unset !important;
    padding-right: 0 !important;
}
.loginbox-btn>button {
    border: 2px solid #ffd700 !important;
    background: #ffd700 !important;
    color: #000 !important;
    height: 30px !important;
    line-height: 30px !important;
    width: 100px !important;
    text-align: center !important;
    display: inline-block !important;
    border-radius: 30px !important;
    margin-right: 10px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    cursor: pointer !important;
    font-weight: bold !important;
}
.loginbox-btn>button.btn_login {
    background: #000 !important;
    color: #fff !important;
}
.loginbox-btn ul li{
    padding: 0 9px !important;
    width: auto !important;
    height: auto !important;
    color: #fff !important;
    font-size: 13px !important;
    cursor: pointer !important;
    font-weight: bold !important;
    line-height: 23px !important;
}
#header #nav1 ul {
    height: auto !important;
    margin: auto;
    width: 88%;
}
#header #nav1 ul li  {
    padding: 0 25px !important;
}
#header #nav1 ul li div {
    position:static !important;
    width: auto !important;
    height: auto !important;
    line-height: 39px !important;
    font-size: 16px !important;
}
#header #nav1 ul li div::before {
    display: none !important;
}
.main {
    width: 100% !important;
    padding: 0 !important;
}
.white{
    color:#fff;
}
.orange{
    color:#e76d24;
}