@charset "UTF-8";

#contents {background-color: #f1f1f1;}
#contents .contents .cs_head {display:block; position:absolute; width:auto; height:80px; }
#contents .cs_title {display:inline-block; vertical-align:middle; position:relative; float:left; font-size:30px; font-weight:900; color:#000; line-height:70px; display: none;}
#contents .cs_title h2 {display:inline-block; vertical-align:middle; position:relative; float:left; padding:0; }
/* #contents .cs_title h2:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#07486c;} */

#contents .cs_navi {display:none; vertical-align:middle; position:relative; top: -180px;}
#contents .cs_navi ul {display:flex; height: 80px;}
#contents .cs_navi li {display:inline; position:relative; float:left; width:140px; height:100%; background-color: #02080e; opacity: 0.85; margin-left: -0.5px;}
#contents .cs_navi li:before {content:""; position:absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height:40px; background-color: #27282a;}
#contents .cs_navi li.home { clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0 100%);}
#contents .cs_navi li.home:before {display:none;}
#contents .cs_navi li.home a {display:block; height:100%;}
#contents .cs_navi li.home i {display:inline-block; vertical-align:middle; position:absolute; top: 50%; left: 64%; transform: translate(-50%, -50%); width:15px; height:15px; border:none; background-image:url("../images/ico_home.png"); background-repeat:no-repeat; background-size:100% auto;}
#contents .cs_navi li:nth-child(2) {width: 320px;}
#contents .cs_navi li:nth-child(3) {width: 440px;}
#contents .cs_navi button {display:inline-block; vertical-align:middle; position:relative; z-index:9; width:100%; height:80px; font-size:16px; font-weight:500; color:#fff; line-height:80px; text-indent:50px; text-align:left; text-overflow: ellipsis; word-break: break-all;}
#contents .cs_navi button > span{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;word-wrap: break-word;max-width:140px;}
#contents .cs_navi li:hover button, #contents .cs_navi button:focus {color:#dc082d;}
#contents .cs_navi i {display:inline-block; vertical-align:middle; position:absolute; right:30px; top:42%; border-top:6px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent;}

#contents .cs_navi .csn_sub {display:none; position:absolute; left:0; top:80px; z-index:7; width:100%; margin:0; padding-top:0; border-radius:3px; /*background-color: #02080e;*/ opacity: 0.9; }
#contents .cs_navi .csn_sub.on {display:inline-block;}
#contents .cs_navi .csn_sub li {display:inline-block; vertical-align:middle; width:100%; height:auto; margin:0; padding:0; border-bottom:#a7a7a7 solid 1px;}
#contents .cs_navi .csn_sub li:before {display:none;}
#contents .cs_navi .csn_sub a {display:block; width:auto; height:60px; padding-left:25px; font-size:16px; color:#fff; line-height:60px; text-align:left;text-overflow:ellipsis;word-break:break-all;}
#contents .cs_navi .csn_sub a:hover, #contents .cs_navi .csn_sub a:focus, #contents .cs_navi .csn_sub .on a {font-weight:700;}
#contents .cs_navi .csn_sub span {display:inline-block; vertical-align:top; position:relative;}
#contents .cs_navi .csn_sub span:before {content:""; display:none; vertical-align:middle; position:absolute; left:0; bottom:16px; width:100%; height:1px; border:none; background-color:#fff;}
#contents .cs_navi .csn_sub li:hover span:before, #contents .cs_navi .csn_sub a:focus span:before, #contents .cs_navi .csn_sub li.on span:before {display:inline-block;}
#contents .cs_navi li:hover .csn_sub a {color:#fff;}
#contents .cs_navi .csn_sub strong {display:inline-block; vertical-align:middle; position:relative; height:35px; font-size:16px; color:#2f2f2f; line-height:35px;}
#contents .cs_navi .csn_sub .in span {margin-left:10px;}
#contents .cs_navi li.csn_3depth {display:none;}