:root {
	color-scheme: light only;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GowunDodum-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunDodum-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body,html{
	/*font-family: 'GmarketSansMedium';*/
	font-family: 'GowunDodum-Regular';
	padding:0;


	margin:0;
	box-sizing:border-box;
	font-size:1rem;
	letter-spacing:-0.0625rem;
	
}

img { max-width: 100%; }
a{ text-decoration:none; color:#000; }
.nav-link{ color:#000; }

ul{list-style:none; padding:0; margin:0;}

.logoWrap:active img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.headTop{width:100%; height:.6875rem; background:#3a3a3a;}
.headTop img{display:block; margin:0 auto;}

.headBody{display:flex; align-items: center; width:100%; padding:1.875rem 0; border-bottom:.0625rem solid #ddd;}
.headBody .container{display:flex; justify-content: space-between;}
.headBtnWrap{display:flex; align-items: center; font-size: 1.1em;}
.headBtn{margin-right:.625rem;}
.headBtn img { height: 1.5em; }
.headBtn:last-child{margin-right:0;}
.headBtn a{display:block; padding:.5rem .8125rem; border: .125rem solid #ddd; border-radius: 0.7em; background-color:#fff;}
.headBtn:first-child a{padding-top: 0;padding-bottom: 3px;}
.headBtn:first-child a img{height:42px;}
.headBtn span{margin-left:.3125rem;}
.searchWrap{display: flex; flex-direction: column; justify-content: center;}
.searchWrap form{background:#eee; border-radius:1.875rem; padding:.125rem;}
.searchWrap input.form-control{border:none; background:transparent; outline:0;}
button[type=submit]{border:none; background:transparent;}
.searchTag{display:flex; justify-content: center; margin-top:1.0625rem;    font-size: 1em;}
.searchTag strong{text-decoration:underline; text-underline-offset : .1875rem; padding-right:1.25rem;}
.searchTag ul{display:flex;}
.searchTag ul li{padding-right:.9375rem;}
.searchTag ul li:last-child{padding-right:0;}

/*타블렛*/
@media(max-width:64rem){}
@media(max-width:61.9375rem){	
	.headBody .container{flex-direction: column; text-align:center;}
	.headBtnWrap{margin:0 auto;}
	.logoWrap{padding:1.25rem 0;}
	.logoWrap img { width: 15%; }
}

/*모바일*/
@media(max-width:48rem){}

nav#gnb {border-bottom:.0625rem solid #ddd; font-size:1.5em;}
.dropdown-item:focus, .dropdown-item:hover{background:transparent; color:#005caa;;}

/*타블렛*/
@media(max-width:64rem){}
@media(min-width:61.9375rem){
	ul.navbar-nav{width:100%;}
	.navbar-expand-lg{padding:0;}
	.navbar-expand-lg .navbar-nav .nav-link{padding:1.0625rem 0; }
	.nav-item{width:calc(100% / 6); text-align:center;}
	.dropdown-toggle::after{display:none;}
	.dropdown-menu{width:100%; border-radius:0; text-align:center;padding:0;border:.0625rem solid #ddd;}
	.dropdown-menu:before{content:'';position:absolute; top:-0.3125rem; left:-0.0625rem; display:block; width:calc(100% + .125rem); height:.25rem; background:#005caa;}
	.dropdown-item{padding:1.0625rem 0; border-bottom:.0625rem solid #ddd;}
	.dropdown-menu li:last-child .dropdown-item{border-bottom:none;}

	.headBody .container{position: relative; height:9.3125rem;}
	.headBody .container .logoWrap{position: absolute; left:50%; transform: translateX(-50%);}

}
@media(max-width:61.9375rem){
	.navbar-expand-lg .navbar-nav .nav-link{padding:.5rem 0; }
	.navbar-nav .dropdown-menu{position:relative; width:100%; border-radius:0; text-align:center;padding:0;border:.0625rem solid #ddd;}
	.dropdown-menu:before{content:'';position:absolute; top:-0.3125rem; left:-0.0625rem; display:block; width:calc(100% + .125rem); height:.25rem; background:#005caa;}
	.dropdown-item{padding:.5rem 0; border-bottom:.0625rem solid #ddd;}
	.dropdown-menu li:last-child .dropdown-item{border-bottom:none;}
}

/*모바일*/
@media(max-width:48rem){}

a.topBtn{position:fixed; bottom:3em; right:3em; display:inline-block; width:2.8125rem; height:2.8125rem; border-radius:50%; background:#005caa; text-align:center; z-index:2;}
a.topBtn img{ padding:.8125rem; }

footer{padding:2.625rem 0 3.25rem; background:#232527;}
footer .container{display:flex; align-items: center; flex-wrap: wrap;}
.copyrightBtn{margin-bottom:1.875rem;}
.copyrightBtn ul{display:flex;}
.copyrightBtn li{padding-right:1.6875rem; font-size: .9em;}
.copyrightBtn li:last-child{padding-right:0;}
.copyrightBtn li a{color:#fff;}
.copyrightTxt{color:#bababa;}
p.copy{margin-bottom:0;}

.footerBtn{display:flex; margin-left:auto;}
.snsBtnWrap{display:flex;}
.snsBtn{ margin-right: .3125rem; background:#f2f2f2; border-top:.0625rem solid #ddd; border-bottom:.0625rem solid #ddd; width:2.9375rem; text-align:center; }
.snsBtn:last-child{margin-right:1.375rem;}
.snsBtn a{display:block; width:100%; height:100%; padding: .5rem;}
.snsBtn a img { width: 100%; }

.footerSelect{position:relative;}
.footerSelect p{width: 12.9375rem; background:#454545; padding:.8125rem 0; margin:0;}
.footerSelect p a {display: block; width: 100%; height: 100%; text-indent: 1.25rem; font-weight: 300; color: #fff; font-size: 0.875em;}
.footerSelect p span { display: inline-block; float: right; padding: 0 .9375rem 0 0;}
.footerSelect ul{
	position: absolute;
    width: 100%;
    bottom: 2.9375rem;
    left: -0.0625rem;
    background: #454545;
    border: .0625rem solid #222;
    border-bottom: 0;
    display: none;
    margin: 0;
    padding: 0;
    box-sizing: content-box;
}
.footerSelect li {display: block; height: 2.875rem; }
.footerSelect li a {
	text-indent: 1.25rem;
    display: block;
    color: #fff;
    font-size: 0.875em;
    border-bottom: .0625rem solid #222;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: .8125rem 0;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}


.navbar-toggler {
	background-image: url('/gjvision/img/svg/menu-rounded.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.menu_x{
	background-image: url('/gjvision/img/svg/multiply.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/*타블렛*/
@media(max-width:64rem){}
@media(max-width:61.9375rem){
	/*.snsBtn:last-child{margin-right: 0;}*/
	footer .container{flex-direction: column;}
	.footerBtn{margin-top:1.25rem;}
}

/*모바일*/
@media(max-width:48rem){
	
}
@media(max-width:30.0625rem){
	body{font-size:.9375rem;}
	.border-top{text-align:center;}
	.headBtn a {
		padding: .5rem .5625rem;
		font-size: .75rem;
	}
	.footerBtn{
		flex-wrap: wrap;
		justify-content: center;
	}
	.footerSelect{
		width: 100%;
	}
	.footerSelect p {
		width: 100%;
		margin-top: 1.5rem;
	}
	/* .snsBtn {
		width: 3.9375rem;
	} */
	h5{font-size:1.125rem;}
	
	.searchTag strong {
		padding-right: .9375rem;
	}
	.searchTag ul li {
		padding-right: .25rem;
	}
	.snsBtn:last-child {
		margin-right: 0rem;
	}
	.snsBtn:last-child {
		margin-right: 0rem;
	}
	
}