@charset "utf-8";

.fa, .fas {
    font-weight: 400;
}

.navbar-expand-lg .nav-item:hover>a{
	color: #5166d8;
}

.navbar-expand-lg .nav-item:hover a:hover {color: #5166d8;}

.navbar .dropdown.show a:active { 
  background-color: white !important;
}

label { vertical-align:top !important }





.index_more {float:right; height:1px; width: 100%;text-align: right;}
.index_more_btn {transition: all 0.25s ease;background: none;border: 2px solid #333;height: 32px;padding: 0 18px;border-radius: 30px;font-weight: 500;font-size: 14px;color: #222;margin-top: -90px;letter-spacing:-1px}

@media screen and (max-width: 990px) {
	.index_more_btn {font-size: 12px;margin-top: -60px;height: 25px;border: 1px solid #333;padding: 0 10px;border-radius: 15px;}
}

.gok-intro-info-p {text-align:center;font-size:22px;letter-spacing:-0.6px;font-weight:500;line-height:1.7}
.gok-intro-info-p span {color:#5e5bde}

@media screen and (max-width: 1200px) {
	.gok-intro-info-p {font-size:18px}
}

@media screen and (max-width: 992px) {
	.gok-intro-info-p {font-size:14px}
}


@media screen and (max-width: 970px) {
	.gok-intro-info-p {font-size:18px}
}

@media screen and (max-width: 768px) {
	.gok-intro-info-p {font-size:16px}
}

@media screen and (max-width: 600px) {
	.gok-intro-info-p br {display:none}
}

.gok-intro-info-h2 {font-size:30px;text-align:center;padding-top:70px;padding-bottom:20px}
@media screen and (max-width: 970px) {
	.gok-intro-info-h2 {font-size:24px;padding-top:40px;padding-bottom:15px}
}


.gok-intro-map-ul {font-size:22px;padding-top:30px;width:80%;margin:0 auto;}
.gok-intro-map-ul li {float:left;width:100%;padding:10px 0;line-height:1.7}
.gok-intro-map-ul li span {float:left;background-color:#625fdc;padding:8px 25px;margin-right:10px;border-radius:20px;color:white;line-height:1}


@media screen and (max-width: 1200px) {
	.gok-intro-map-ul {font-size:18px}
	.gok-intro-map-ul li {padding:8px 0;}
	.gok-intro-map-ul li span {padding:6px 20px}
}


@media screen and (max-width: 992px) {
	.gok-intro-map-ul {font-size:14px}
}

@media screen and (max-width: 970px) {
	.gok-intro-map-ul {font-size:18px}
}

@media screen and (max-width: 768px) {
	.gok-intro-map-ul {width:100%}
	.gok-intro-map-ul {font-size:16px}
}

.gok-intro-info-icon ul {margin:0; padding:0;display:table;position:relative;width:90%;margin:100px auto 0;}
.gok-intro-info-icon ul li {float:left;width:33.33%;text-align:center}
.gok-intro-info-icon ul li h3 {font-size:26px;padding:40px 0;letter-spacing:-2px;font-weight:bold}
.gok-intro-info-icon ul li img {height:106px}

@media screen and (max-width: 992px) {
	.gok-intro-info-icon ul li img {height:90px}
	.gok-intro-info-icon ul li h3 {font-size:20px}
}

@media screen and (max-width: 768px) {
	.gok-intro-info-icon ul {margin:0; padding:0;display:table;position:relative;width:100%;margin:50px auto 0;}
	.gok-intro-info-icon ul li h3 {font-size:18px;padding:20px 0;letter-spacing:-2px;font-weight:bold}
	.gok-intro-info-icon ul li img {height:70px}
}


#bo_add_file .add_file {
    position: relative;
    border-top: #e0e0e0 solid 1px;
    padding: 15px 20px 10px 10px;
    overflow: hidden;
}

#bo_add_file .add_file span {
    float: left;
	display: block;
    font-size: 16px;
    font-weight: bold;
    color: #181818;
    padding-right: 15px;
    margin-bottom: 0px;
    text-align: left;
	padding-left:10px;
}

#bo_add_file .add_file ul {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

#bo_add_file .add_file ul li {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 5px;
}

#bo_add_file .add_file ul li a {
    background: #fff;
    margin-left: 10px;
    font-size: 16px;
    color: #838383;
}


@media (max-width: 969px) {

	
	#bo_add_file .add_file ul li {
		font-size: 13px;
	}

	#bo_add_file .add_file ul li a {
		font-size: 13px;
	}
}

.carousel-indicators li {
    width: 15px !important;
    height: 15px !important;
    border-radius: 15px !important;
	border:1px solid black;
	background:transparent;
}


.index-tail {padding-bottom:50px}
.index-tail .it1 {width:62.5%;padding-right:2%;float:left}
.index-tail .it1 img{width:100%;border-radius: 17px; box-shadow: 0 7px 7px -3px #d2d2d2;margin-bottom: 7px;}

.index-tail .it2 {width:36%;float:right;text-align:right}
.index-tail .it2 img{width:100%;border-radius: 17px; box-shadow: 0 7px 7px -3px #d2d2d2;margin-bottom: 7px;}

.mt-box {border-bottom:1px solid #858585;display:inline-block;width:100%;padding-bottom:20px;margin-bottom:20px}
.mt-box h2 {float:left;font-size:22px !important;font-weight:bold;padding-bottom:5px;letter-spacing:1.5px }
.mt-box h2 a{font-size:30px;letter-spacing:-2px;float:left;line-height:2.5 }
.mt-box h2 {	background: no-repeat left bottom url("../img/sub/p_line.jpg");min-width:150px }
.mt-box h2.bar1 {	background: no-repeat left bottom url("../img/sub/p_line2.jpg"); }
.mt-box h2.bar2 {	background: no-repeat left bottom url("../img/sub/p_line2_1.png"); }
.mt-box h2.bar3 {	background: no-repeat left bottom url("../img/sub/p_line.jpg"); }

.ma-goods-list-wrap {position:relative;overflow:hidden}
.ma-goods-list-ul li {width:299px;padding:10px}
.ma-goods-list-ul li {float:left}
.main-goods-wrap {overflow:hidden;padding-right:10px;width:100%;margin-bottom:70px;margin-top:80px}
.main-goods-wrap div.banner_ctrl { line-height:2.5;float:right}
.ma-goods-list-ul li .letter-box h2{font-size:20px;letter-spacing:-1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:20px 0;color:black}

.ma-goods-list-ul li .letter-box h5{font-size:16px;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;color:#9c9c9c;height:50px;line-height:1.5;margin-bottom:20px}


.index2 {margin-top:70px}
.index2-left {float:left;width:58%;padding-right:2%;}
.index2-right {float:right;width:40%}
.index2 .index2-left .index2-con {background-color:#f7f7ff;padding:20px 25px;border-radius:20px;box-shadow: 0 5px 5px -3px #d2d2d2}
.ma-board-list-ul {margin-bottom:0 !important}
.ma-board-list-ul li {border:0 !important;color:#666666 !important}
.ma-board-list-ul li a {font-size:18px !important;}
.ma-board-list-ul li {padding: 10px 0}
.index2-left .fa-circle {color:#746dfb;font-size:10px !important;line-height:0.1 !important}
.index2 .ma-board-list-ul li .date {font-size:16px}
.index2 .ma-news-list-ul li {width:100%;float:left}
.index2-right .index2-con {overflow:hidden}
.img-box img {border-radius:25px;box-shadow: 0 7px 7px -3px #d2d2d2;}

.index2 .index2-right .banner_ctrl {line-height:2;float:right}
.index2 .more {padding: 5px;border: 1px solid #787878;float: right;font-size:14px}
.index2 .more:hover {background: #787878;    color: white;}
.carousel-indicators {margin-left: 0 !important;    margin-right: 0 !important;    left: auto !important;    right: 20px;}
.carousel-indicators .active {
    background-color: black !important;
}

@media (max-width: 1090px) {
	.base_width .f16 {font-size:20px}
}

@media (max-width: 1200px) {
	.index2-left {width:56%;padding-right:0}
	.index2-right {width:42%}
}

@media (max-width: 1160px) {
	.index2-left {width:56%;padding-right:0}
	.index2-right {width:40%}
	.index2 .index2-left .index2-con {padding:25px 25px;}
	.ma-board-list-ul li:last-child {display:none}
}

@media (max-width: 991px) {
	.index2-left {float:none;width:100%;padding-right:0}	
	.index2-right {float:none;width:100%;padding-top:30px}	
	.index2-right li .img-box {width:100%}
	.index2-right li img {width:100%}
	.mt-box h2 {font-size:18px !important}
	.mt-box {padding-bottom:10px;}

	.ma-goods-list-ul li .letter-box h2 {font-size:16px;padding:10px 0;}
	.ma-goods-list-ul li .letter-box h5 {font-size:12px;height:35px}
	.main-goods-wrap {margin:40px 0}
	.index2 .more {font-size:12px}
}


#carouselExampleIndicatorsMb .carousel-item img {
    border-radius: 30px;
}

#carouselExampleIndicators .carousel-item img {
    border-radius: 30px;
	box-shadow: 0 5px 5px -3px #d2d2d2;
    margin-bottom: 10px;
}

@media (max-width: 970px) {
	.ety-mt-main {
		margin-top: 70px;
	}
	.fixed-top {
		box-shadow: none !important;
	}
	.fixed-top.sh {
		box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px !important;
	}
}

.navbar {display:block !important;}
	.base_width {max-width:1140px; margin:0 auto;position:relative;clear:both}
	.base_width .main-gnb-top .nav-item {display:table-cell;width:22%}
	.base_width .main-gnb-top .nav-item.last {width:12%}
	.base_width .navbar-nav li {padding:0 !important;padding-bottom:20px !important;text-align:center}
	.base_width .f16 {font-weight:bold; font-size:22px;letter-spacing:2px;}
	.hamber {border: none;	display: inline-block;	vertical-align: middle;  padding: 7px 7px;    background: #ddd !important;border-radius:2px }
	.hamber span {display: block;	width: 24px;	height: 2px;}
	.hamber span {width:20px !important;background-color:white !important;margin-top:5px !important}
	.hamber span:first-of-type {margin-top:0 !important}
	.navbar-expand-lg .navbar-nav .dropdown-menu {	position: absolute;	width: 100%;	text-align: center;    border-radius: 15px;	}
	.main-gnb-top .dropdown-item {border-top:0 !important;font-size:18px !important}

	figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
figure:hover img {
	opacity: .5;
}

@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}