@font-face { font-family: 'S-CoreDream-1Thin'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-8Heavy'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; }

* {font-family: 'Noto Sans Korean', sans-serif;  color:#666666; font-weight:350; letter-spacing:-0.5px; word-break: keep-all; line-height:120%;} /*654fa4 / ff7062*/

body,p,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,div,a,form {margin:0; padding:0;}
body {max-width:2000px; margin:0 auto;}
a {text-decoration:none; color:#666666;}
b {color:inherit; font-weight:700; font-famliy:inherit;}
u {color:inherit; font-weight:700; font-famliy:inherit;}
span {color:inherit; font-famliy:inherit;}

ul, li{margin:0; padding:0;}

img {border:0px;}
dl,dt,dd {margin:0; padding:0;}

dl {display:table; padding:20px 0 20px 0; border-bottom:1px solid #e6e6e6; width:100%;}
dt {width:20%; float:left; color:#0e3058; font-weight:bold;}
dt i {margin-right:10px; color:#0e3058; }
dd {width:80%; float:right;}

input[type=text],input[type=password],input[type=button],textarea,select {-webkit-appearance: none;-webkit-border-radius: 0; padding:0; margin:0; border:0px; background:transparent}
input[type="button"], button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}
input[type="button"]::-moz-focus-inner{border:0; padding:0;}
label{cursor:pointer;}

#nobr br {display:none}
#nobr td br.br {display:block; margin-bottom:-20px}

table {padding:0; border-spacing:0px; border-left:1px solid #dddddd; border-top:1px solid #dddddd; background-color:#ffffff; width:100%; border-radius:0px; margin-top:0px;}
th, td {margin:0; padding:10px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
td {font-size:15px; line-height:25px}
td.tdnotice {font-size:13px; color:#999999; text-align:left;}
th {font-size:15px; color:#004a8d; background-color:rgba(0,74,141,0.1); font-weight:700;}

.allcenter2 {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.pagenum {width:100%; text-align:center; margin:0 auto; height:80px;}
.pagenum p {width:40px; line-height:40px; height:40px; text-align:center; border:1px solid #e6e6e6; float:left; background-color:#ffffff; margin-left:-1px; font-size:13px !important;}
.pagenum b {color:#000000; font-size:13px;}
.pagenum i {line-height:40px; width:100%; text-align:center;}

.wrap {width:1100px; margin:0 auto;}

#head {width:100%; height:100px; background-color:#ffffff; position:fixed; top:0px; left:0px; z-index:9;  box-shadow: 0 5px 10px 0 rgba(200, 200, 200, 0.1), 0 10px 20px 0 rgba(50, 50, 50, 0.1);}
#head .wrap {position:relative; height:100px; width:1200px;}
#head a.logo {line-height:100px; font-family: 'S-CoreDream-8Heavy'; color:#014bb4; font-size:25px; display:block; float:left;}
#head a.logo i {color:#0e3058; font-size:30px; margin-right:5px;} 
#head a.logo img {display:block; float:left; margin-right:10px;}
#head a.logo span {font-family: 'S-CoreDream-8Heavy'; color:#0e3058; font-size:25px;}
#head div.menu {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#head div.menu a {font-family: 'S-CoreDream-5Medium'; color:#000000; font-size:16px;}
#head div.login {float:right; margin-top:35px;}
#head div.login button {color:#0e3058; height:30px; width:85px; border:1px solid #0e3058; border-radius:30px; text-align:center; margin:0 0 0 10px; font-size:12px;}
#head div.login button i {color:#0e3058; margin-right:5px;}
#head div.login button {background: linear-gradient(to right, #0e3058 50%, transparent 50%); background-size: 200% 100%; background-position:right bottom; transition:all 0.3s ease;}
#head div.login button:hover {background-position:left bottom; color:#ffffff}
#head div.login button:hover i {color:#ffffff}
#head div.search {position:absolute; top:35px; left:50%; margin-left:370px; width:230px;}
#head div.search form i {color:#0e3058; font-size:20px; position:absolute; z-index:1; line-height:30px;}
#head div.search form input[type=text] {width: 30px;  height:30px; border-radius: 30px;  background:transparent;  -webkit-transition: width 0.4s ease-in-out;  transition: width 0.4s ease-in-out; position:absolute; z-index:2}
#head div.search form input[type=text]::placeholder {opacity: 0;}
#head div.search form input[type=text]:focus {width: 100%;; background-color: #0e3058; text-indent:20px; color:#ffffff; line-height:30px;}
#head div.search form input[type=text]:focus::placeholder {opacity: 1; color:#ffffff;}
#head {}

/*µå·Ó¸Þ´º*/
.subnav {margin-right:25px; margin-left:25px; float:left;}
.subnav a {line-height:80px;}
.subnav-content a {line-height:40px; text-align:center;}
.subnav {position: relative; cursor:pointer; z-index: 1000 !important;}
.subnav-content {padding:10px; display: none;  position: absolute;  left:50%; margin-left:-80px; background-color:#014bb4;width: 140px; z-index: 1000 !important;  line-height:50px !important; border-radius:10px; margin-top:-10px; box-shadow: 0 10px 20px 0 rgba(234, 85, 86, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1);
-webkit-animation: slide-down .3s ease-out;
-moz-animation: slide-down .3s ease-out;
}
.subnav-content:before {content: ""; position:absolute;}
.subnav-content a {display:block;color:#ffffff !important; font-size:14px !important; }
.subnav-content a:not(:last-child) {border-bottom:1px solid rgba(255,255,255,0.3)}
.subnav:hover > a {color:#014bb4 !important}
.subnav:hover > a:before {content: ""; color:#ea5655; position:absolute; font-size:10px; text-align:center; display:block; margin:0 auto; margin-top:-20px; width:100%;}
.subnav:hover .subnav-content {display: block;}
.subnav-content a:hover {color:#05d6fc !important;}


@-webkit-keyframes slide-down {
      0% { opacity: 0; -webkit-transform: translateY(-10%); }   
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-down {
      0% { opacity: 0; -moz-transform: translateY(-10%); }   
    100% { opacity: 1; -moz-transform: translateY(0); }
}
/*µå·Ó¸Þ´º*/

#slide {background-color:#dcf4f9; width:100%; height:300px; margin-top:100px;}
#slide .mainslide {width:1100px; margin:0 auto;}
#slide .mainslide .swiper-slide {width:1100px; height:300px}
#slide .mainslide .swiper-slide h1{color:#0e3058; font-family: 'S-CoreDream-4Regular'; font-size: 30px; padding-top:50px;}
#slide .mainslide .swiper-slide h1 span {color:#014bb4; font-family: 'S-CoreDream-4Regular'; font-size: 30px;}
#slide .mainslide .swiper-slide p {color:#000000; font-size:17px; line-height:30px; margin-top:20px;}
#slide .mainslide .swiper-slide button {width:150px; height:35px; color:#014bb4; border:1px solid #014bb4; margin-top:40px; border-radius:5px;}

#slide .mainslide .swiper-slide button {background: linear-gradient(to right, #014bb4 50%, transparent 50%); background-size: 200% 100%; background-position:right bottom; transition:all 0.3s ease;}
#slide .mainslide .swiper-slide button:hover {background-position:left bottom; color:#ffffff !important}

#slide .mainslide .swiper-pagination {background-color:#999999; color:#ffffff; width:70px; margin:0 auto; left:50%; margin-left:-35px; line-height:30px; border-radius:30px; font-size:13px;height:30px; margin-bottom:20px;}
#slide .mainslide .swiper-pagination span {color:#ffffff !important; font-size:13px;}


#slide {position:relative}
#slide .swiper-button-next {margin-top:-30px; left:50%; margin-left:600px; background-image:none !important; width:60px; line-height:60px; height:60px;z-index:1; text-align:center}
#slide .swiper-button-prev {margin-top:-30px; left:50%; margin-left:-660px; background-image:none !important; width:60px;  line-height:60px; height:60px; z-index:1; text-align:center}
#slide .swiper-button-next:after{content:''}
#slide .swiper-button-prev:after{content:''}
#slide i {color:#0e3058; font-size:25px;}

#banner {background-color:#dcf4f9; width:100%; height:100px;}
#banner div {width:1100px; margin:0 auto; height:100%; background-color:#0e3058}
#banner div button {width:calc(25% - 0px); height:100%; color:#ffffff; display:block; float:left; text-align:left; font-size:16px; padding:0 0 0 70px; border-right:1px solid rgba(255,255,255,0.1);}
#banner div button i {color:#ffffff; font-size:35px; margin-right:10px; display:block; float:left;}

#main {width:100%; display:table;  background-color:#f5f5f5; padding:20px 0 20px 0}
#main .wrap div {border:1px solid #f0f0f0; height:20px; padding:25px; width:calc(33.3% - 65px); float:left; background-color:#ffffff; border-radius:0px;  margin-right:20px; box-shadow: 0 5px 10px 0 rgba(200, 200, 200, 0.1), 0 10px 20px 0 rgba(50, 50, 50, 0.1); position:relative; border-radius:10px; cursor:pointer;}
#main .wrap div:last-child {margin-right:0px;}
#main .wrap div h1 {font-family: 'S-CoreDream-6Bold'; color:#014bb4; font-size:17px;}
#main .wrap div h2 {font-family: 'S-CoreDream-6Bold'; color:#000000; font-size:14px; margin-top:0px;}
#main .wrap div p {margin-top:10px; width:100%; line-height:25px; color:#999999; font-family: 'S-CoreDream-4Regular'; color:#999999; font-size:14px;}
#main .wrap div button {bottom:25px; right:25px; position:absolute;}
#main .wrap div button i {color:#014bb4; font-size:20px}

#main .wrap div:hover {border:1px solid #014bb4;}

h100 {display:block; padding:100px 0 100px 0; text-align:center; color:#cccccc; font-size:30px; font-family: 'S-CoreDream-3Light'; width:100%;}
h100 i {display:block; padding:0px 0 20px 0; text-align:center; color:#cccccc; font-size:60px; width:100%;}

#newinfo {width:1100px; margin:0 auto; padding:30px 0 30px 0; display:table;}
#newinfo div {width:340px; margin-right:40px; float:left;}
#newinfo div:last-child {margin-right:0px;}
#newinfo div h1 {margin-bottom:20px;}
#newinfo div h1 span {color:#000000; font-family: 'S-CoreDream-8Heavy'; border-bottom:2px solid #dcf4f9; box-shadow: inset 0 -10px 0 #dcf4f9; padding:0 5px 0 5px; font-size:20px;}
#newinfo div p {padding:10px 0 10px 0; border-bottom:1px solid #e6e6e6; line-height:20px; font-size:15px;}
#newinfo div p span {display:block; font-size:12px; color:#014bb4; margin-top:10px;}
#newinfo div p span i {font-size:12px; color:#014bb4; margin:0 5px 0 5px;} 
#bnbox {width:100%; padding:30px 0 30px 0; display:table; background-color:#f0f0f0}
#bnbox {}
#bnbox button {width:340px; margin-right:40px; float:left; border:1px solid #014bb4; border-radius:5px; height:70px; color:#014bb4; font-size:15px; font-weight:700; background-color:#ffffff}
#bnbox button i {margin-right:10px;  color:#014bb4; font-size:17px;}
#bnbox button:last-child {margin-right:0px;}

#search {width:1100px; margin:0 auto; padding:25px 0 0px 0;}
#search form {border-bottom:10px solid #000000; width:100%;}
#search form input {font-size:20px; color:#000000; width:90%; height:70px;}
#search form button {width:10%; text-align:right; float:right; height:70px;}
#search form button i {font-size:20px; color:#000000; }
#foot {width:100%; background-color:#333333; padding:0 0 20px 0}
#foot p {text-align:center; border-bottom:1px solid rgba(255,255,255,0.1); line-height:50px;}
#foot p a {color:#ffffff; margin:0 40px 0 40px; font-size:13px}
#foot address {font-style: normal; text-align:center; font-size:13px; margin-top:20px; line-height:20px; color:#999999}
#foot img {height:30px;}
#submenu {width:100%; text-align:center; background-color:#0e3058; height:50px; position:fixed; left:0px; top:100px; z-index:1;}
#submenu a {font-size:14px; color:#ffffff; margin:0 15px 0 15px; padding:0 5px 0 5px; line-height:50px; font-weight:500}
#submenu a {}
#submenu a:hover {color:#05d6fc;}
#submenu a.on {color:#05d6fc;}
#submenu.shown2 {position:fixed; top:80px; left:0px; z-index:98; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1);}



#subpage h30 {text-align:center; display:block; margin-bottom:30px; margin-top:-20px;}
#subpage h30 button {border:1px solid #014bb4; color:#014bb4; padding:0 20px 0 20px; height:40px; border-radius:40px; margin:5px;}
#subpage h30 button.on {background-color:#014bb4; color:#ffffff;}

#nav {width:100%; border:1px solid #e6e6e6; height:50px; margin-bottom:30px; display:none}
#nav i {display:block; float:left; padding:0 5px 0 5px; line-height:50px; font-size:13px; color:#999999}
#nav span {display:block; float:left; padding:0 10px 0 10px;  line-height:50px; font-size:13px; color:#999999}
#nav span:first-child {padding:0 10px 0 20px;}
#nav .wrap {}

#subpage {margin-top:180px; margin-bottom:100px;}
#subpage h1 {font-family: 'S-CoreDream-9Black'; color:#0e3058; font-size:30px; text-align:center;}
#subpage h1:before {display:none; content:"¡Ü"; font-size:10px; color:#05d6fc; position:absolute; margin-top:-30px; margin-left:-20px; z-index:-1 !important}
#subpage h2 {font-family: 'S-CoreDream-4Regular'; color:#ffffff; font-size:14px; text-align:center; margin-top:10px; margin-bottom:20px; text-indent:-10000px}
#table {margin:0px 0 0px 0; width:100%;}
#table .table {margin-bottom:30px}
#table .table h3 {color:#000000; font-size:25px; font-weight:500; text-align:center}
#table .table h3 p {margin-top:10px; font-size:17px; color:#014bb4; font-weight:700}
#table .table h3 p i {margin-right:5px; font-size:15px; color:#014bb4;}
#table .table h4 {text-align:center; margin-top:20px;}
#table .table h4 button {margin:10px; width:200px; height:40px; border-radius:40px; background-color:#e0e0e0; color:#000000; font-size:15px; font-weight:700}
#table .table h4 button span {margin-right:10px; color:#999999;}

#table .table0 {margin-bottom:30px}
#table .table0 h3 {color:#000000; font-size:20px; font-weight:700; text-align:center}
#table .table0 h3 p {margin-top:10px; font-size:15px; color:#666666; font-weight:500; margin-bottom:10px;}
#table .table0 h3 p i {margin-left:5px; font-size:14px; color:#666666;}
#table .table0 h4 {text-align:center; margin-top:20px;}
#table .table0 h4 button {margin:10px; width:200px; height:40px; border-radius:40px; background-color:#e0e0e0; color:#000000; font-size:15px; font-weight:700}
#table .table0 h4 button span {margin-right:10px; color:#999999;}

#table .table0 h3 span {margin-right:20px; color:#014bb4; font-size:14px;}
#table .table0 h3 span i {margin-right:5px; margin-left:5px; color:#014bb4; font-size:14px;}

#table .box {display:table; margin-bottom:30px; width:100%;}
#table .box div {width:calc(50% - 82px); height:300px; border:1px solid #e6e6e6; float:left; margin-right:40px; padding:30px; line-height:30px; border-radius:10px; overflow:auto; font-size:15px; line-height:25px; text-align:justify !important; }
#table .box div * {font-family: 'Noto Sans Korean', sans-serif !important; line-height:180%; font-size:14px;}
#table .box div ol {margin:0; padding:0; margin-left:20px;}
#table .box div li {margin-bottom:20px;}
#table .box div p {margin-bottom:20px;}
#table .box div img {max-width:100%;}

#table .box div:last-child {margin-right:0px; border:1px solid #000000; background-color:#f5f5f5}
#table .box div h5 {margin-bottom:20px;}
#table .box div h5 span {color:#000000; font-family: 'S-CoreDream-8Heavy'; border-bottom:2px solid #dcf4f9; box-shadow: inset 0 -10px 0 #dcf4f9; padding:0 5px 0 5px; font-size:20px;}
#table .box div b {color:#000000;}
#table .box div u {color:#fd0606;}
#table .box div s {color:#000000; border-bottom:2px solid #d5fe58; box-shadow: inset 0 -10px 0 #d5fe58; padding:0 2px 0 2px; text-decoration:none}


#table .exbox {display:table; margin-bottom:30px;}
#table .exbox div {font-size:15px; line-height:25px;}
#table .exbox div h5 {margin-bottom:20px;}
#table .exbox div h5 span {color:#ffffff; font-family: 'S-CoreDream-8Heavy'; padding:5px 20px 5px 20px; font-size:14px; background-color:#000000; border-radius:30px;}

#table button.down {width:100%; height:50px; font-size:15px; color:#000000; border:1px solid #000000; border-radius:10px; margin-bottom:10px;}
#table button.down i {color:#000000; margin-right:10px;}

.about {width:700px; margin:0 auto}
.about p {text-align:justify; line-height:30px;}
.about h3 {margin: 0 auto; font-family: 'S-CoreDream-4Regular'; color:#000000; font-size:22px; line-height:35px; margin-bottom:50px; border-left:5px #014bb4 solid; padding-left:20px; width:665px; }
.about img {box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.1);}

.policy p {line-height:30px; font-size:15px; text-align:justify;}
.policy h3 {font-family: 'S-CoreDream-4Regular'; color:#014bb4; font-size:20px; line-height:20px; margin-bottom:30px; margin-top:30px; border-left:5px #014bb4 solid; padding-left:20px;}
.policy h4 {font-family: 'S-CoreDream-6Bold'; color:#000000; font-size:15px; margin-bottom:20px; margin-top:20px;}
.policy p b {font-family: 'S-CoreDream-6Bold'; color:#000000; font-size:15px; margin-bottom:20px; margin-top:20px; display:block;}


#agree div p {line-height:30px; font-size:15px; text-align:justify;}
#agree div  h3 {font-family: 'S-CoreDream-4Regular'; color:#014bb4; font-size:15px; line-height:20px; margin-bottom:30px; margin-top:30px; border-left:5px #014bb4 solid; padding-left:20px;}
#agree div  h4 {font-family: 'S-CoreDream-6Bold'; color:#000000; font-size:13px; margin-bottom:20px; margin-top:20px;}
#agree div  p b {font-family: 'S-CoreDream-6Bold'; color:#000000; font-size:13px; margin-bottom:20px; margin-top:20px; display:block;} 

.allcenter2 {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.pagenum {width:100%; text-align:center; margin:0 auto; height:80px;}
.pagenum p {width:40px; line-height:40px; height:40px; text-align:center; border:1px solid #e6e6e6; float:left; background-color:#ffffff; margin-left:-1px; font-size:13px !important;}
.pagenum b {color:#000000; font-size:13px;}
.pagenum i {line-height:40px; width:100%; text-align:center;}

#bbslist div {cursor:pointer; width:calc(100% - 62px); padding:20px 30px 20px 30px; border:1px solid #cccccc; border-radius:5px; margin-bottom:10px; display:table;}
#bbslist div p:nth-child(1) {float:left; color:#0d2177; font-size:13px; margin-right:20px;}
#bbslist div p:nth-child(2) {float:left;}
#bbslist div p:last-child {float:right; color:#999999; font-size:13px;}
#bbslist div p:last-child i {color:#cccccc; margin-right:5px;}
#bbslist div p:last-child i:last-child {margin-left:10px;}
#bbslist div p span {border:1px solid #0d2177; color:#0d2177; padding:5px 20px 5px 20px; border-radius:20px; font-size:13px; margin-right:10px;}
#bbslist div p span.on {background-color:#0d2177; color:#ffffff;}
#bbslist div:hover {border:1px solid #0d2177;}
#bbslist div.on {border:1px solid #0d2177;}
#bbslist div.on p:nth-child(2) {color:#000000; font-weight:bold}

#bbsview h30 {display:block; border:1px solid #0d2177; border-top:1px solid #0d2177; width:calc(100% - 62px); padding:20px 30px 20px 30px; color:#000000; font-weight:bold; text-align:center; margin-top:30px; border-radius:10px;}
#bbsview h30 p {margin-top:10px; color:#999999; font-size:13px; line-height:13px;}
#bbsview h30 p i {color:#999999; margin-right:5px;}
#bbsview h30 p i:nth-child(2) {margin-left:30px;}
#bbsview h30 p i:nth-child(3) {margin-left:30px;}
#bbsview button {cursor:pointer; width:100%; height:50px; border:1px solid #0d2177; border-radius:5px; margin-top:30px; color:#0d2177}
#bbsview img {max-width:100%;}
#bbsview .filedown {}
#bbsview .filedown i {margin-right:10px; color:#0d2177;}
#bbsview .filedown a {display:block; padding:20px 0 20px 0; border-bottom:1px solid #cccccc; color:#000000}
#bbsview .bbscontent {margin-top:30px; line-height:30px;}
#bbsview .bbscontent b {font-weight:bold}
#bbsview .bbscontent strong {font-weight:bold}
#bbsview .bbscontent ul {margin-left:20px}
#bbsview .reply {margin-top:30px; line-height:30px; background-color:#f0f0f0; border-radius:10px; padding:30px; width:calc(100% - 60px);}
#bbsview .reply h5 {color:#000000; font-weight:700; margin-bottom:10px}
#bbsview p {line-height:30px}
#passwd h30 {display:block; color:#000000; text-align:center; font-size:17px; margin-bottom:20px;}

#bbsinput form {width:100%; margin:0 auto; padding:0px 0 0px 0}
#bbsinput form input[type=text] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
#bbsinput form input[type=password] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
#bbsinput form textarea {width:calc(100% - 42px); height:300px; padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px; line-height:30px;}
#bbsinput form button {width:100%; height:60px; background-color:#004a8d; text-align:center; color:#ffffff; border-radius:5px; font-size:17px;}
#bbsinput form h5 {color:#004a8d; font-size:15px; margin-bottom:15px;}
#bbsinput form h5:before {color:#004a8d; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}
#bbsinput h30 {display:block; color:#000000; text-align:center; font-size:17px; margin-bottom:20px; margin-top:50px;}

#bbssearch {margin-bottom:20px; margin-top:20px;}
#bbssearch form {width:calc(50% - 2px); height:40px; border:1px solid #cccccc; padding:0px; border-radius:5px; margin:0 auto}
#bbssearch form select {width:20%; float:left; border:0px; padding:0px; height:40px; text-indent:20px; border-radius:5px; border-right:1px solid #cccccc}
#bbssearch form input[type="text"] {width:70%; float:left; border:0px; padding:0px;  height:40px; text-indent:20px;}
#bbssearch form button {width:10%; float:right; border:0px; padding:0px;  height:40px; background-color:#cccccc;}
#bbssearch form button i {color:#ffffff;}
#bbssearch form select {display:block; background:rgba(0,0,0,0);}
#bbssearch form select:before {font-family: "Font Awesome 5 free"; content: "\f107"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; position: absolute; left:0px; top:0px; color:#999999;  z-index:-1}


button.write {width:100%; height:60px; border:1px solid #0d2177; color:#0d2177; border-radius:5px; font-size:17px; margin-bottom:20px;}
button.write i {color:#0d2177; margin-right:10px;}
.plogin form {width:600px; margin:0 auto;}
.plogin form input[type=text] {width:calc(100% - 42px); padding:20px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:17px;}
.plogin form input[type=password] {width:calc(100% - 42px); padding:20px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:17px;}
.plogin form select {width:calc(100% - 0px); padding:20px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:17px;}

.plogin form select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.plogin form select::-ms-expand {display: none;}

.plogin form button {width:100%; height:60px; background-color:#014bb4; text-align:center; color:#ffffff; border-radius:5px; font-size:17px; margin-top:20px;}

.plogin form h5 {color:#000000; font-family: 'S-CoreDream-6Bold'; margin-bottom:20px; margin-top:30px; font-size:17px;}
.plogin form h5:first-child {margin-top:0px;}
.plogin form h5 span {color:red; font-family: 'S-CoreDream-6Bold'; font-size:17px; margin-right:5px;}

.plogin form h7 {color:#999999; display:block; margin-bottom:10px; margin-top:0px; font-size:13px;}

.plogin h10 {text-align:center; display:block; margin:30px 0 100px 0}
.plogin h10 a {margin:-0 20px 0 20px; color:#000000; font-weight:700; paddin-bottom:5px; border-bottom:1px solid #000000;}

.plogin form h50 {color:#014bb4; font-size:15px; margin-bottom:15px; display:block}
.plogin form h50:before {color:#014bb4; font-family: "Font Awesome 5 free"; content: "\f058"; margin-right:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold;}

h11,h12 {margin:0; padding:0; display:block; margin-bottom:10px;}
.idno {font-size:15px !important; color:red; line-height:15px !important;}
.idno i {margin-right:5px; font-size:15px !important; color:red}
.idok {font-size:15px !important; color:#014bb4; line-height:15px !important;}
.idok i {margin-right:5px; font-size:15px !important; color:#014bb4}
#agreebox1 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:4}
#agreebox2 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:4}
#agree {position:absolute; top:20%; left:50%; width:600px; margin-left:-300px; height:50%; background-color:#ffffff; border:1px solid #014bb4; border-radius:10px;}
#agree h1 {text-align:center; color:#000000; font-size:20px; margin:40px 20px 20px 20px;  font-family: 'S-CoreDream-8Heavy'}
#agree h1:after {display:none}
#agree h2 {color:#da291c; font-size:15px; margin:20px 0px 10px 0px;}
#agree b {font-size:15px; line-height:20px; color:#000000; display:block; margin:20px 0px 5px 0px;}
#agree button {position:absolute; bottom:0px; width:100%; height:50px; background-color:#014bb4; font-size:17px; color:#ffffff; text-align:center; border-radius:0 0 8px 8px}
#agree div {width:calc(100% - 40px); height:calc(100% - 150px); overflow:auto; padding:0px 20px 20px 20px;}
#agree div p {font-size:14px; line-height:25px;  color:#999999}
label {position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top:0; left:0}
label input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark {position: absolute; top: 5px; left: 0; height: 20px; width: 20px; background-color: #cccccc; border-radius:5px;}
label input:checked ~ .checkmark {background-color: #014bb4;}
.checkmark:after {content: ""; position: absolute; display: none;}
label input:checked ~ .checkmark:after {display: block;}
label .checkmark:after {left: 7px; top: 5px; width: 4px; height: 7px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.plogin form p label {color:#000000; font-weight:700;}
.plogin form span.agreeview {background-color:#ffffff; color:#014bb4; padding:5px 15px 5px 15px; border-radius:30px; margin-left:20px; border:1px solid #014bb4; font-size:12px; margin-top:0px; cursor:pointer;}

.plogin form h6 {width:calc(100% - 42px); position: relative; padding:20px; border:1px solid #e0e0e0; border-radius:5px; margin-bottom:10px; display:block; font-size:17px;}
.plogin form h6 span {margin-right:20px; color:#999999;}
.plogin form h6 label {margin-left:20px}

.plogin h3 {text-align:center; color:#000000; font-size:20px; line-height:40px; margin:100px 0 100px 0}
.plogin .joinok {width:100%; height:60px; background-color:#014bb4; text-align:center; color:#ffffff; border-radius:5px; font-size:17px; margin-top:20px;}

.plogin form b{position: relative; height:100%; display:block; width:calc(100% - 0px);}
.plogin form b:before {content:'*'; position: absolute; left:10px; top:10px; color:red; font-weight:700;}

.plogin form h6.point:before {content:'*'; position: absolute; left:10px; top:10px; color:red; font-weight:700;}



.p010100 {display:table}
		.lawmenu {width:200px !important; float:left; margin-right:30px; background-color:#f0f0f0; border-radius:10px; position:fixed; padding:30px 0 30px 0}
		.lawmenu button {width:150px}
		.lawmenu h1 {font-size:25px !important; word-break:break-all; padding:0 20px 0 20px}
		
		.lawmenu select {width:150px; height:40px; border:1px solid #0d2177; border-radius:40px; margin-top:10px; color:#0d2177; margin-left:25px; background:rgba(255,255,255,0); text-align:center; font-size:17px; padding-left:20px;}
		
		.lawmenu h31 {display:block; width:100%; position: relative;}
		.lawmenu h31:before {font-family: "Font Awesome 5 free"; content: "\f107"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; position: absolute; right:40px; top:20px; color:#014bb4;  z-index:-1}
		
		
		.lawlist {width:870px; float:right;}
		
		.searchlist {width:1100px !important; display:table !important;}
		
		.table {width:calc(100% - 40px); background-color:#ffffff; border:1px solid #e6e6e6; padding:10px 18px 10px 18px; margin:0 auto; display:table; margin-bottom:15px; border-radius:5px; cursor:pointer;}
		.table:hover {border:1px solid #014bb4; background-color:#f5f5f5;}
		.table h3 {color:#000000; font-size:15px; margin-bottom:5px; font-weight:bold;}
		.table h3 span {margin-right:30px; color:#014bb4; font-size:14px;}
		.table h3 span i {margin-right:5px; margin-left:5px; color:#014bb4; font-size:14px;}
		.table h4 {}
		.table h4 button {margin-right:20px; font-size:15px; color:#014bb4; font-weight:700;} 
		.table h4 span {color:#014bb4; font-size:15px; margin-right:10px;}
		.table p {font-size:14px; line-height:30px; height:30px; overflow:auto; width:100%; -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */}
		.table p::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
		.lawlist select {width:calc(100% - 2px); background-color:#ffffff; border:1px solid #014bb4; padding:15px; margin-bottom:15px; border-radius:5px; font-size:15px; color:#014bb4; font-weight:700; z-index:1; background:rgba(255,255,255,0);}
		.lawlist h31 {display:block; width:100%; position: relative;}
		.lawlist h31:before {content:'¡å'; position: absolute; right:30px; top:15px; color:#014bb4; font-weight:700; z-index:-1}
		#docu ul,#docu li {padding:0; margin:0; list-style:none;}
		#docu .toggle {color:#000000 !important; font-weight:700;}
		#docu .toggle a {color:#000000 !important; font-weight:700;}
		#docu .toggle i {float:right; color:#54b432;}
		#docu ul .inner {display:none; overflow: hidden; padding:24px; margin-top:-31px; margin-bottom:30px; background-color:#f0f0f0; font-size:14px; line-height:30px;}
		#docu ul .inner li {padding-bottom:30px;}
		#docu ul .inner li b {color:#ffffff; font-size:17px;}
		#docu ul .inner a {display:block; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #333333}
		#docu ul li .toggle {width:calc(100% - 50px); background-color:#ffffff; border:1px solid #e6e6e6; padding:24px; margin:0 auto; display:table; margin-bottom:30px; border-radius:5px;}
		
		.next select {background-color:#ffffff; border:1px solid #014bb4; width:100px; font-size:15px; color:#014bb4; font-weight:700; margin:5px; height:40px; border-radius:40px; text-align-last:center;}
		.next select option {}