@charset "UTF-8";



#contents > .wrap {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 1800px;
    margin: 0px auto;
}
#contents .cs_lnb {
    vertical-align: middle;
    position: relative;
    left: 50%; 
    transform: translateX(-50%); 
    width: 1520px;
    height: 100px;
}

/* .nav {display: flex; width: 1800px; height: 100px; margin: auto;} */
/* #contents .cs_lnb .cs_body > ul {display: flex; width: 1520px; height: 100px; margin: auto;} */

#contents .cs_lnb .cs_body > ul {position: absolute; z-index: 2; display: flex; justify-content: center; gap: 80px; width: 100%; height: 100%;}
#contents .cs_lnb .cs_body > ul > li {display: block;  position: relative;  width: auto; height: 100%; box-sizing: border-box;}
#contents .cs_lnb .cs_body > ul > li > a { display: block; position: relative; width: 100%; height: 100%; color: #666; font-weight: 600; line-height: 100px; font-size: 18px; text-align:center; z-index:1; box-sizing:border-box; border-radius: 5px;}


/* #contents .cs_lnb .cs_body > ul > li:hover, #contents .cs_lnb .cs_body > ul > li.on {box-shadow: 3px 4px 15px 0 rgba(0,0,0,.3);} */
#contents .cs_lnb .cs_body > ul > li:hover > a, #contents .cs_lnb .cs_body > ul > li.on > a {color: #dc082d;}
#contents .cs_lnb .cs_body > ul > li.on a:before {content:""; position:absolute; left: 50%; transform: translateX(-50%); bottom: 0; width:100%; height:4px; background-color:#dc082d;}

#contents .cs_lnb .csl_sub {margin:10px; margin-top:10px; border-radius:5px; background-color:#fff; box-shadow:0 1px 5px rgba(0, 0, 0, 0.04);position:relative;z-index:1;}
#contents .cs_lnb .cs_body > ul > li:hover .csl_sub, #contents .cs_lnb .cs_body > ul > li.on .csl_sub {background-color:#e3e6e8; box-shadow:none;}
#contents .cs_lnb .csl_sub > li {display:inline-block; vertical-align:middle; width:100%; border-top:#f4f5f6 solid 1px;}
#contents .cs_lnb .cs_body > ul > li:hover .csl_sub > li, #contents .cs_lnb .cs_body > ul > li.on .csl_sub > li {border-top-color:#fff;}
#contents .cs_lnb .csl_sub > li:first-child {border-top:none;}
#contents .cs_lnb .csl_sub > li > a {display:block; position:relative; height:100%; padding:5px 10px 5px 20px; font-size:13px; color:#424242; line-height:20px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
#contents .cs_lnb .cs_body > ul > li:hover .csl_sub > li > a, #contents .cs_lnb .cs_body > ul > li.on .csl_sub > li > a {color:#222;}
#contents .cs_lnb .csl_sub > li > a:before {content:""; position:absolute; left:10px; top:50%; width:4px; height:2px; margin-top:-1px; background-color:#1779bf;}
#contents .cs_lnb .cs_body > ul > li:hover .csl_sub > li:hover > a, #contents .cs_lnb .cs_body > ul > li.on .csl_sub > li:hover > a{color:#1349ab;}

#contents .contents {display:inline-block;box-sizing:border-box; vertical-align:middle; position:relative; margin: 0 0 60px; float:left;width: 100%;min-height:600px; background-color:#fff; border-radius: 18px;}
#contents .contents .cs_body {
    display: block;
    width: auto;
    padding: 40px 140px;
    text-align: left;
}