@charset "utf-8";

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 100;
    src: local('NotoSansKR-Thin'),
		url(../fonts/eot/NotoSansKR-Thin.eot),
		url(../fonts/eot/NotoSansKR-Thin.eot?#iefix) format('embedded-opentype'),
		url(../fonts/woff/NotoSansKR-Thin.woff2) format('woff2'),
		url(../fonts/woff/NotoSansKR-Thin.woff) format('woff'),
		url(../fonts/otf/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 300;
    src: local('NotoSansKR-Light'),
		url(../fonts/eot/NotoSansKR-Light.eot),
		url(../fonts/eot/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
		url(../fonts/woff/NotoSansKR-Light.woff2) format('woff2'),
		url(../fonts/woff/NotoSansKR-Light.woff) format('woff'),
		url(../fonts/otf/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 400;
    src: local('NotoSansKR-Regular'),
    url(../fonts/eot/NotoSansKR-Regular.eot),
    url(../fonts/eot/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
	url(../fonts/woff/NotoSansKR-Regular.woff2) format('woff2'),
    url(../fonts/woff/NotoSansKR-Regular.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 500;
    src: local('NotoSansKR-Medium'),
    url(../fonts/eot/NotoSansKR-Medium.eot),
    url(../fonts/eot/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
	url(../fonts/woff/NotoSansKR-Medium.woff2) format('woff2'),
    url(../fonts/woff/NotoSansKR-Medium.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 700;
    src: local('NotoSansKR-Bold'),
    url(../fonts/eot/NotoSansKR-Bold.eot),
    url(../fonts/eot/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
	url(../fonts/woff/NotoSansKR-Bold.woff2) format('woff2'),
    url(../fonts/woff/NotoSansKR-Bold.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Bold.otf) format('opentype');
}

/* CSS Document */
* {margin:0; padding:0;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,textarea,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; font-family:NotoSans, Dotum, Gulim, Tahoma; font-weight:300; font-size:16px; color:#000;}
html, body {width:100%; height:100%;}
html {overflow-y:scroll; overflow-x:hidden;}
body {padding-bottom:20px; background-position:center top; background-repeat:no-repeat;}
a {z-index:100;}
a:hover {text-decoration:none;}
.table thead th {vertical-align:middle;}
.container {position:relative;}

.col-auto {padding-left:0;}
.custom-control-label::before,
.custom-control-input:checked~.custom-control-label::before {width:20px; height:20px;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {background-image:url(../images/ico-chk.png); background-color:#283891; background-position:center; background-size:auto; background-repeat:no-repeat;}
.custom-control-label::after {width:20px; height:20px; border-radius:.25rem;}
/*
.custom-control-input~div.form-group {display:none;}
.custom-control-input:checked~div.form-group {display:inline-block;}
*/
.form-control {font-weight:300; color:#000; border-radius:0;}
.form-box {flex:1 1 auto; width:1%; line-height:1.5; border:solid 1px #CED4DA; border-left:none;}
.form-box>div {padding-top:5px;}
.form-box div:first-child {margin-left:15px;}
.form-control-sm,
.btn-group-sm>.btn,
.btn-sm {height:calc(2rem + 2px); font-size:1rem; font-weight:300;}
.btn-group-xs>.btn,
.btn.btn-xs {padding:5px 7px; font-size:0.9rem; line-height:1.0;}
.btn {font-weight:300;}
.btn-light {border-color:#DAE0E5; background-color:#FFF;}
.btn-danger {border-color:#FA491A; background-color:#FA491A;}
.btn-danger:hover {border-color:#CE2B00; background-color:#CE2B00;}
.table-responsive .table th,
.table-responsive .table td {white-space:nowrap;}
.table a {color:#000;}
.table a:hover {text-decoration:none;}
.table {background-color:#FFF;}
.table .thead-dark th {border-color:transparent; background-color:#7795DF;}
.table thead th {border-bottom:none;}
.table thead th strong {font-weight:500;}
.table tbody th a {display:inline-block; width:100%; height:100%;}
.table-primary,
.table-primary>td,
.table-primary>th {border-bottom:solid 1px #FFF; background-color:#D9DFEE;}
.table-striped tbody tr:nth-of-type(odd) {background-color:#F2F4F9;}
.table-striped td,
.table-striped th {border:none;}
.table-input {border-top:solid 3px #7795DF; border-bottom:solid 3px #7795DF;}
.table-input td,
.table-input th {padding-left:20px; padding-right:20px;}
.table-input thead th,
.table-input thead td {background-color:#7795DF;}
.table-input tbody th {background-color:#D9DFEE;}
.table-input tbody td {background-color:#F5F5F5;}
.table-input tbody .form-control {border:none; background-color:#FFF;}
.table-input-b {border-top:solid 3px #D9DFEE; border-bottom:solid 3px #D9DFEE;}
.table-input-b th {background-color:#F2F4F9;}
.table-view thead th {padding-top:0; padding-bottom:0; border:none;}
.table-view tbody th {font-size:20px; font-weight:400; border-top:none; border-bottom:solid 3px #7795DF;}
.table-view tbody th .badge {font-size:16px;}
.table-view tbody td {height:250px; min-height:250px; border-bottom:solid 1px #DEE2E6;}
.table-view tr.cts-with td {height:auto; min-height:auto; background-color:#D9DFEE;}
.table-view tr.cts-with a {display:inline-block; width:100%;}
.table-view tr.cts-with .badge {width:auto;}
.table-view tr.cts-origin td {height:auto; min-height:auto; padding-bottom: 5
	0px; border-bottom:dotted 1px #CCC; background-color:#F1F1F1;}
.table-view tr.cts-origin .badge-white {display:block; text-align:left; margin-bottom:10px;}
.table-hover tbody tr:hover {background-color:#E3E6F4;}
.table-hover tbody tr:hover .badge-secondary {color:#000; background-color:#FFF;}
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th,
.table-hover tbody tr:hover th,
.table-hover tbody tr:hover td {color:#FFF; background-color:rgba(119,149,223,0.7);}
.table-hover tbody tr:hover th a {color:#FFF;}
.table-hover tbody tr:hover .badge-rep {background-image:url(../images/ico-arr-b-yellow.png);}
.table.table-bordered .thead-dark th {border:solid 1px #92AAE5; background-color:#7795DF;}
.table.table-bordered th,
.table.table-bordered td {border-left:solid 1px #E6E9F3;}
.table.table-bordered th:first-child,
.table.table-bordered td:first-child {border-left:none;}
.table tbody td .badge {width:100px;}
.table tbody th .badge {margin-right:5px;}
.table tbody .badge-rep {width:100px;}
.table .bordered {border-left:solid 1px #E6E9F3;}
.page-item.active .page-link {color:#000; border-color:#EAEAEA; background-color:#EAEAEA;}
.page-link {color:#000;}
.page-link.page-first,
.page-link.page-prev,
.page-link.page-next,
.page-link.page-end {width:40px; height:38px; line-height:100px; background-repeat:no-repeat; background-position:center; overflow:hidden;}
.page-link.page-first {background-image:url(../images/ico-arr-a-toLL.png);}
.page-link.page-prev {background-image:url(../images/ico-arr-a-toL.png);}
.page-link.page-next {background-image:url(../images/ico-arr-a-toR.png);}
.page-link.page-end {background-image:url(../images/ico-arr-a-toRR.png);}
.badge {font-size:100%; font-weight:300; letter-spacing:-1px;}
.badge-rep {display:inline-block;  height:14px; margin-right:10px; line-height:100px; background-image:url(../images/ico-arr-b.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.badge-primary {background-color:#283891;}
.badge-secondary {background-color:#8C9ECB;}
.badge-warning {color:#FFF; background-color:#F0B400;}
.badge-info {color:#FFF; background-color:#17A2B8;}
.badge-dark {color:#FFF; background-color:#F37C53;}
.badge-white {color:#555; background-color:#FFF;}
.cts-divi {padding-top:15px; font-weight:400;}
.cts-subs {font-weight:100; font-size:15px; color:#999;}
ul.bdType-a li{list-style:none;}
ul.bdType-a li strong:first-child {font-weight:400; color:#A163A0;}
/*
ul.bdType-a.sz-wd-unit1 li {padding-left:25px; text-indent:-22px;}
ul.bdType-a.sz-wd-unit2 li {padding-left:35px; text-indent:-35px;}
ul.bdType-a.sz-wd-unit3 li {padding-left:50px; text-indent:-55px;}
ul.bdType-a.sz-wd-unit4 li {padding-left:75px; text-indent:-80px;}
*/

/* [header] */
.bg-dark {background-color:rgba(59, 55, 87, 0.5) !important; z-index:1000;}
.navbar {padding:0.9rem 0;}
.navbar * {z-index:100;}
.navbar-dark .navbar-toggler {padding-left:0.5rem; padding-right:0.5rem; border-color:rgba(255, 255, 255, 0.7);}
.navbar-dark .navbar-toggler-icon {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {color:rgba(255, 255, 255, 1.0);}
.navbar-dark .navbar-nav .nav-link:hover {text-decoration:underline;}
.navbar-dark .navbar-nav .nav-link.active {font-weight:400; color:#FDFF03;}
.navbar-dark .navbar-nav .nav-link.active:hover {text-decoration:none; color:#FDFF03; cursor:default;}
h1 {position:absolute; top:14px; left:50%; margin-left:-144px; z-index:200;}
h1 a {display:inline-block; padding-left:40px; font-size:16px; line-height:1.3; color:rgba(255, 255, 255, 0.9); letter-spacing:-1px; background-image:url(../images/ico-ball.png); background-repeat:no-repeat; background-position:0 2px;}
h1 a:hover {color:rgba(255, 255, 255, 1.0);}
.button-signIn {position:absolute; right:16px; top:22px; z-index:100;}
.button-signIn a {display:inline-block; font-size:15px; color:#FFF;}
.button-signIn a:hover {text-decoration:underline;}
.illus {position:absolute; right:0; top:50px; width:30%; height:515px; background-color:transparent; background-image:url(../images/illus-a.png); background-repeat:no-repeat;  background-size:100%; overflow:hidden; z-index:0;}

/* [main] */
h2 {height:290px; text-align:center; margin-bottom:25px; font-size:35px; font-weight:400; line-height:320px; letter-spacing:-1px; color:#FFF; overflow:hidden;}

.sortA a {display:inline-block; color:#888;}
.sortA a::before {content:'ㅣ';}
.sortA a:first-child {margin-right:10px;}
.sortA .active {font-weight:500; color:#283891;}
.btnA {text-align:right; margin-bottom:10px; z-index:100;}

/* 셔틀콕 임의 삭제
[data-location=apply] .represent {width:100%; background-image:url(../images/symbol.png); background-repeat:no-repeat;}
[data-location=apply] .represent strong {display:inline-block; width:100%; padding-left:60px; padding-bottom:20px; font-size:31px; font-weight:400; line-height:1.1; color:#283891; border-bottom:solid 1px #7795DF;}
*/

[data-location=about] main {background-image:url(../images/bg-about.jpg); background-repeat:no-repeat; background-position:center 500px;}
[data-location=about] .cts,
[data-location=about] .cts .btnA {text-align:center;}
[data-location=about] .cts .btnA .btn {width:225px; height:55px; line-height:44px; font-size:18px;}
[data-location=about] .info {display:inline-block; margin-left:auto; margin-right:auto; border:solid 15px #6586A8; box-shadow:1rem 1rem 3rem rgba(0,0,0,.15)!important;}
[data-location=apply] .represent {width:100%;}
[data-location=apply] .represent strong {display:inline-block; width:100%; padding-left:45px; padding-bottom:20px; font-size:31px; font-weight:400; line-height:1.1; color:#283891; border-bottom:solid 1px #7795DF; background-image: url(../images/ico-ball-b.png); background-repeat:no-repeat;}
[data-location=apply] .represent strong span {display:block; line-height:1.2; color:#888; text-indent:3px;}
[data-location=apply] .represent dl {width:100%; margin-top:10px; margin-bottom:15px;}
[data-location=apply] .represent dt,
[data-location=apply] .represent dd {display:inline-block; height:calc(2rem + 2px); margin-bottom:5px;}
[data-location=apply] .represent dt {width:25%; vertical-align:top; padding-left:8px; padding-right:8px; font-size:0.9rem; line-height:2.2; color:#FFF; border-radius:5px; background-color:#b9c2d8; overflow:hidden;}
[data-location=apply] .represent dd {width:70%; text-align:left; vertical-align:middle; padding-right:20px; line-height:2.0;}
[data-location=apply] .represent dd:last-child {paddingg-right:0;}
[data-location=apply] .represent~.btnA {margin-bottom:20px;}
.spec-main .main {background-image:none;}
[data-location=main] .info {text-align:left; margin-top:140px;}
[data-location=main] .info * {color:#FFF;}
[data-location=main] .copyAdd {font-size:3.2vw; color:rgba(255, 255, 255, 0.6);}
[data-location=main] .copy {font-weight:500; line-height:1.3; font-size:6.1vw; letter-spacing:-2px;}
[data-location=main] .copyDate {margin-top:20px; padding-top:10px; font-size:3.8vw;}
[data-location=main] .btn-apply {margin-top:40px;}
[data-location=main] .btn-apply a {display:inline-block; width:250px; height:60px; text-align:left; line-height:45px; font-size:20px; text-indent:47px; color:#FFF; border-style:solid; border-width:1px; border-color:rgba(255,255,255,0.3); background-color:#F5891F; background-image:url(../images/ico-ball.png); background-repeat:no-repeat; background-position:25px 14px; background-size:auto 50%;}
[data-location=main] .btn-apply a:hover {background-color:#fa491a; border-color:transparent;}
[data-location=sign] .info {padding-bottom:20px; padding-left:12px;}
[data-location=sign] .info .br-lg {display:none;}
[data-location=sign] .signContact>* {width:33% !important;}

/* [footer] */
footer {text-align:center; margin-top:30px; padding-top:30px; padding-bottom:30px; color:#888; background-color:rgba(255,255,255,0.3);}
.spec-main .footer {position:fixed; bottom:0; left:0; width:100%; color:#FFF;}
.spec-main .footer address {color:#FFF;}

/* several - visual, navigation */
.main {background-image:url(../images/bg-sub.jpg); background-repeat:no-repeat; background-position:center top;}
.spec-main {background-image:url(../images/bg-main.jpg);}


/* [modal] */
.modal-header,
.modal-footer {background-color:#F2F4F9;}
.modal-body .container {width:100%;}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.container {padding-left:0; padding-right:0;}
	.bg-dark {background-color:rgba(59, 55, 87, 0.5) !important;}
	.navbar {padding:0.9rem 1rem;}
	.button-signIn {right:0;}
	.table-responsive .table th,
	.table-responsive .table td {white-space:normal;}
	h1 {top:12px; left:0; margin:0; font-size:17px;}
	h2 {font-size:40px;}
	[data-location=apply] .represent {width:50%;}
	[data-location=apply] .represent~.btnA {margin-top:-38px; margin-bottom:20px;}
	[data-location=apply] .represent dl {margin-bottom:0;}
	[data-location=apply] .represent dt,
	[data-location=apply] .represent dd {margin-bottom:0;}
	[data-location=apply] .represent dt {width:12%;}
	[data-location=apply] .represent dd {width:30%;}
	[data-location=apply] .represent dd:last-child {width:42%;}
	.srchA {float:right; width:45%; text-align:left; margin-left:50%;}
	.sortA {float:left; width:45%;}
	[data-location=bbs] .sortA {margin-top:-45px;}
	[data-location=sign] .info .br-lg {display:block;}
	[data-location=sign] .signA {position:relative; left:50%; width:806px; margin:0 auto; margin-left:-403px;}
	[data-location=sign] .info {width:550px; height:600px; color:#FFF; background-image:url(../images/bg-signIn.gif); backgroud-repeat:no-repeat;}
	[data-location=sign] .info p {padding-top:50px; padding-left:40px; font-size:18px; line-height:1.3; letter-spacing:-1px; color:#FFF;}
	[data-location=sign] .form-signin {position:absolute; left:255px; top:90px; width:500px; height:510px; border:solid 1px #7795DF; background-color:#FFF;}
	[data-location=sign] .form-signin>div {padding:50px;}
	.navbar-expand-lg .navbar-nav .nav-link {padding-left:30px; padding-right:30px;}
	[data-location=main] .copy {font-size:60px;}
	[data-location=main] .copyAdd {font-size:23px;}
	[data-location=main] .copyDate {font-size:25px;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	[data-location=main] footer {margin-top:0;}
}

.scrolled {background-color:rgba(59, 55, 87, 0.9) !important;}