@charset "utf-8";

#contents .contents .cs_head {display:inline-block; vertical-align:middle; width:100%; text-align:center;}
#contents .cs_title {display:inline-block; vertical-align:middle; position:relative; float:left; font-size:25px; font-weight:500; color:#222; line-height:100px;}
#contents .cs_title h2 {display:inline-block; vertical-align:middle; position:relative; float:left; padding:0 10px;}
#contents .cs_title h2:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#2f59ce;}

#contents .cs_navi {display:inline-block; float:right; width:51%;}
#contents .cs_navi ul {display:inline-block; vertical-align:middle; width:100%; padding: 5px 0; box-sizing:border-box;}
#contents .cs_navi > ul {}
#contents .cs_navi > ul > li {float: left; line-height: 20px; padding-right: 15px; font-size: 13px;}
#contents .cs_navi li {display:inline; position:relative; float:left; width:190px; height:40px;}
#contents .cs_navi li.home {width:56px; text-align:center;}
#contents .cs_navi li.home:before {display:none;}
#contents .cs_navi li.home a {display:block; height:100%;}
#contents .cs_navi li.home a > img {height:40%; margin-top:12px;}
#contents .cs_navi li.home i {display:inline-block; vertical-align:middle; position:relative; right:auto; top:auto; width:16px; height:14px; margin-top:13px; border:none; background-image:url("../images/icon_home.html"); background-image:url("../images/ie/icon_home.html")\9; background-repeat:no-repeat; background-size:100% auto;}
#contents .cs_navi button {display:inline-block; vertical-align:middle; position:relative; z-index:10; width:100%; height:40px; border-radius:3px; font-family:'Open Sans'; font-size:14px; color:#474747; line-height:40px; text-indent:10px; text-align:left;}
#contents .cs_navi li:hover button, #contents .cs_navi button:focus {background-color:#f4f5f6; color:#2f59ce;}
#contents .cs_navi i {display:inline-block; vertical-align:middle; position:absolute; right:10px; top:50%; margin-top:-2px; border-top:4px solid #424242; border-left:4px solid transparent; border-right:4px solid transparent;}
#contents .cs_navi li:hover i, #contents .cs_navi button:focus i {border-top-color:#2f59ce;}
#contents .cs_navi .csn_sub {display:none; position:absolute; left:0; top:0px; z-index:9; width:190px; margin:0; padding-top:40px; border-radius:3px; background-color:#fff; box-shadow:0 10px 10px rgba(0, 0, 0, 0.14);}
#contents .cs_navi .csn_sub.on {display:inline-block; background-color:#eceff1;}
#contents .cs_navi .csn_sub li {display:inline-block; vertical-align:middle; width:100%; height:auto; margin:0; padding:0; border-top:#cfd8dc solid 1px;}
#contents .cs_navi .csn_sub li:before {display:none;}
#contents .cs_navi .csn_sub a {display:block; width:auto; height:40px; padding-left:10px; font-size:14px; color:#474747; line-height:40px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 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:500; color:#2f59ce !important;}
#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:6px; width:100%; height:2px; border:none; background-color:#2f59ce;}
#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:#2f2f2f;}
#contents .cs_navi li:hover .csn_sub a:hover {color:#2f59ce;}
#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;}

#contents .contents .cs_body {display:block; width:1020px;; margin:40px auto; text-align:left; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -o-text-size-adjust: 100%;}
#contents .cs_contents .cs_area {display:inline-block; vertical-align:middle; width:100%; margin:30px 0;}

.csb_title {margin-bottom:35px; font-family:'Roboto'; font-size:42px; line-height:42px;}