@charset 'utf-8';
.wrap {min-width: 1300px;}
.inner {width: 1300px; margin: 0 auto;}
ul::after, ol::after, .inner::after, .wrap::after {content: ""; display: block; clear: both;}

/* header */
header {position: fixed; top: 0; left: 0; width: 100%; height: 90px; border-bottom: 1px solid rgba(0,0,0,.1); z-index: 100; transition: all .5s;}
header.on {background-color: #fff;}
header .inner {position: relative;}
header h1 {position: absolute; top: 0; left: 0; padding: 25px 0 25px 65px;}
header nav {display: inline-block; margin:0 auto; z-index: 1;}
header nav > ul {padding-left: 380px; line-height: 90px;}
header nav ul::after {content: ""; display: block; clear: both;}
header nav > ul > li {float: left; position: relative; width: 160px; /*width: 200px;*/ text-align: center;}
header nav > ul > li > a {padding: 10px; font-size: 18px; font-weight: 500; /*color: #4e4e4e;*/ color: #fff;}
header.on nav > ul > li > a {color: #4e4e4e;}
header nav > ul > li.on > a {color: #ed8c0d;}
header nav > ul > li > ul {display: none; position: absolute; top: 90px; left: 50%; transform: translateX(-50%); width: 100%; padding: 30px 0; z-index: 101;}
header nav > ul > li > ul::after{content: ""; position: absolute; top: 30px; right: 0; width: 1px; height: 205px; background-color: #ededed;}
header nav > ul > li:last-child > ul {border-right: none;}
header nav > ul > li > ul li {width: 100%; padding-top: 20px; text-align: center; line-height: 16px;}
header nav > ul > li > ul li:first-child {padding-top:0;}
header nav > ul > li > ul li a {font-size: 16px; color: #828282;}
header nav > ul > li > ul li ul {display: none;}
header nav > ul > li a:hover {color: #ed8c0d; font-weight: 600;}
header .rnb {position: absolute; top: 50px; right: 0; transform: translateY(-50%);}
header .rnb ul li {float: left; position: relative; padding: 0 10px;}
header .rnb ul li:last-child {padding-right: 0;}
header .rnb ul li::after {content:"ㆍ"; display: block; position: absolute; top: 50%; right: -10%; transform: translateY(-50%);}
header .rnb ul li:last-child::after {content:"";}
header .rnb ul li a {padding: 5px;}
.nav_bg {display: none; position: fixed; top: 90px; left: 0; width: 100%; height: 270px; background-color: #f7f7f7; border-top: 1px solid #ededed; z-index: 99;}

/* footer */
footer {background-color: #111c27; text-align: center; font-size: 14px; }
footer .footer_menu {overflow: hidden;}
footer .footer_menu ul {width: 550px; margin: 0 auto; padding: 20px 0 50px; }
footer .footer_menu ul::after {content: ""; display: block; clear: both;}
footer .footer_menu li {display: inline-block; padding-right: 15px;}
footer .footer_menu li:last-child {padding-right: 0;}
footer .footer_menu li a {padding: 5px; color: #fff;}
footer .footer_menu li a:hover {color: #ccc;}
footer .footer_info {padding-bottom: 70px; color: #fff;}


/* top Button */
.topbtn {position: fixed; top: 70%; right: 200px; display: block; width: 60px; height: 60px; background-color: #23354f; text-align: center; font-family: "Exo"; font-size: 12px; color: #fff; z-index: 102;}
.topbtn img {position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%);}
.topbtn span {vertical-align: -35px;}

/* quick */
.admin_quick {position: fixed; top: 100px; right: 200px; width: 70px;}
.admin_quick dt {padding: 5px 0; border-radius: 10px 10px 0 0; background-color: #333e50; text-align: center; font-size: 14px; color: #fff;}
.admin_quick dd {height: 65px; background-color: #dee2e8; text-align: center;}
.admin_quick dd a {display: block; height: 100%; margin: 0 10px; border-bottom: 1px solid #bdc2ca; box-sizing: border-box;}
.admin_quick dd a p {width: 100%; height: 40px;}
.admin_quick dd a img {margin: 10px 0 5px;}
.admin_quick dd a span {font-size: 14px; color: #374254;}
.admin_quick dd:last-child a {border-bottom: none;}
.admin_quick dd:last-child a span {display: inline-block; padding-top: 13px;}
.admin_quick .admin_top {display: block; width: 100%; padding: 5px 0; background-color: #1e87ab; text-align: center; font-size: 14px; color: #fff;}
.admin_quick .admin_top img {vertical-align: 2px;}

/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0;}
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }

