@charset "utf-8";

body{margin: 0; padding: 0;}
li{ list-style: none;}
a{ text-decoration: none;}
.header_wrap { width: 100%; height: 85px; position: fixed; background: #00233B;}
header nav a { display: inline-block; position: relative; height: 50px; line-height: 50px; font-size: 17px; font-weight: bold;}

header .close, header .all, header .left > div > div, header h2 { display: none;}
header a img {  position: fixed; left: 50%; top: 0; transform: translateX(-50%) scale(0.7); padding:0;}
header .header_navigation_wrap { padding: 33px 0 0 14px;}
header .all { display: block; position: fixed; width:32px; height: 14px; border-top: 3px solid #fff; border-bottom: 3px solid #fff; color:transparent; transform: scale(0.8);}
header .all:before { content: "";position: absolute; left: 0; top: 50%; width: 100%; height: 3px; background: #fff; margin-top: -2px;}
header .header_navigation{ padding-left: 15px;}

section{min-height: 100%; margin-top: 80px;}
section img{position: relative; display: flex; width: 100%; vertical-align: middle;}
.sub_img img{z-index: -1;}
img.new{width: 27px; height: 11px;}
section .sub_img{position: relative;}
section .sub_text{position: absolute; top: 110px; left: 50%; transform: translate(-50%,-50%); color: white; letter-spacing: 7px; font-size: 20px; font-weight: bold; z-index: -1;}

section video{width: 100%; margin-bottom: -5px; z-index: -9999;}
footer{position: relative; background: #00233B; height: 30px; z-index: -9999;}
footer p{position: absolute; color: white; font-size: 8px; bottom: 5px; right: 20px;}

.notice_list{margin: 10px auto; font-size: 14px; padding: 15px;}
.notice_list td{border-bottom: 1px solid black; padding: 10px 0 10px 5px;}
.notice_list a{color: black;}
.notice_list th{background: #00233B; color: white; height: 35px; font-size: 15px; border-left: 1px solid #555;}
.notice_list a:hover{color: #2faafc;}

.main_list{padding: 5px;}
.main_list tr{font-size: 16px;}
.main_list a{color: black;}

section .notice{margin: 10px; padding-top: 5px;}
section .notice button{width: 50px; height: 30px; border: 0; outline: 0; position: relative; left: 50%; transform: translate(-50%); margin-top: 15px; background: #00233B; color: white;}
section .notice a{color: black;}
section #paging{text-align: center; margin-bottom: 20px;}

section ul{padding-left: 0px; margin: 0; display: flex;}
.table li{display: flex; flex-direction: column; flex: 1;}
.table li button{display: block;  padding: 8px; font-weight: bold; padding: 8px; font-weight: bold;}
button:hover{background-color: #2faafc; color: white;}

button{border: 0; outline: 0;}
.table li:nth-child(2){border-right: 1px solid #999; border-left: 1px solid #999;}

.modal{display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, .8) url('/mobile/images/ajax-loader.gif') 50% 50% no-repeat;}
body.loading .modal{display: block;}

/* member */
.main{margin: 0 13px 0 5px; display: none;}
.member_list{display: flex; position: relative; width: 100%; border-radius: 3px; z-index: -9999; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2); margin: 10px 5px 0 5px;}
.member_list .member_image{width: 25%; height: 70px; margin: 5px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%;}
.member_info{letter-spacing: 1px; line-height: 100%; margin-top: 5px;}
.member_info h3{font-size: 16px; margin: 5px 0;}
.member_info span{font-size: 12px;}
.member_info div h4{margin: 10px 0; font-size: 13px;}
.overview{display: none; width: 97%; border-radius: 3px; overflow: hidden; margin: 0 6px; line-height: 145%; font-size: 12px; background-color: #00233B; color: white; padding: 5px; transition: transform 0.3s ease-in;}
button.load{display: block; overflow: hidden; margin: 10px auto; padding: 10px 140px; background-color: #063c61; color: white; font-size: 12px; font-weight: bold; border-radius: 5px; letter-spacing: 1.5px;}

/* 모바?��메뉴 */
header .close, header .all, header .header_navigation_wrap > div, header h2 { display: block;}
header .nav {  position: absolute; left:-120%; top: 0; z-index: 101; transition: left 0.5s; padding: 15px 24px 20px 22px; width: 70%; background: #042c44;}
header .nav.on { left: 0;}
header .nav.on nav .header_navi a { height: 70px; line-height: 70px; color:#fff; font-size: 24px; padding-top: 10px; border-bottom: 2px solid #555; letter-spacing: 10px;}
header .nav.on nav .sub a { height: 70px; line-height: 70px; color:#fff; font-size: 24px; padding-top: 10px; border-bottom: 1px solid #555; letter-spacing: 5px;}
header .nav.on nav .header_navi li ul li a{font-size: 20px; margin-top: -10px; color: #fff;}
header .nav.on nav a:hover{color: #bfe2fa;}
header .nav.on nav .header_navi li ul li a:hover{color: #bfe2fa;}
header .nav.on nav a:before { display: none;}
header .nav.on nav li { float: none; }
header .nav.on div a:first-child { border: none;}
header .nav.on .close { position: absolute; right: 24px; top: 24px; width: 25px; height: 25px; color:transparent;}
header .nav.on .close:before { content: ""; position: absolute; left:46%; top: 0; width: 2px; height: 100%; background: #5a5a5a; transform: rotate(45deg);}
header .nav.on .close:after { content: ""; position: absolute; right:45%; top: 0; width: 2px; height: 100%; background: #5a5a5a; transform: rotate(-45deg);}
header h2 { margin: 0 0 0 65px; width: 200px; height: 100px; left: 100px; background: url("../images/logo2.png") no-repeat; color:transparent; transform: translateX(-40%) scale(0.9);}