@font-face {font-family: 'Noto Sans KR_100';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR_300';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR_500';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR_700';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR_900';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

*{padding: 0; text-decoration: none; list-style: none; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; margin: 0 auto;}
body{width: 100%; overflow-x: hidden;}
img{max-width: 100%;}
a{text-decoration: none !important; color: inherit !important;}
ul, li{margin: 0 !important; padding: 0 !important;}
h3, h4, h5, p{margin-bottom: 0 !important;}
h3{font-size: 3rem !important; font-family: 'Noto Sans KR'; font-weight:800; letter-spacing: -2px;}
h4{font-size: 1.6rem !important;}
h5{font-size: 1.3rem; !important;}
span{font-family: inherit; font-size: inherit; display: inline-block !important;}
.bold{font-family: 'Noto Sans KR'; font-weight: 900; font-size: 1.6rem !important;}

.row{margin: 0;}
.bg-color{background: #f3f1ea;}
.form-control { font-family: 'Noto Sans KR', sans-serif; font-weight: 500; }


.bold_s{ font-weight: bold;}
.bi{color:#006FE9;}



.top{text-align: center;}
.top .col-6{height: 70px; line-height: 70px; font-family: 'Noto Sans KR'; letter-spacing: 10px; font-size: 2.2rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
.top .col-6:first-of-type{background: #002653; color: #fff; animation-name: color1; animation-duration: 3s; animation-iteration-count: infinite;}
.top .col-6:last-of-type{background: #f3ae25; animation-name: color2; animation-duration: 3s; animation-iteration-count: infinite;}
.top img{position: absolute; top: 0; left: 50%; transform: translateX(-50%);}

@keyframes color1 {
	0%   {color: #fff;}
	1%   {color: #ffe548;}
	20% {color: #ffe548;}
	21% {color: #fff;}
	100% {color: #fff;}
}
@keyframes color2 {
	0%   {color: #fff;}
	50%   {color: #fff;}
	51%   {color: #1d1739;}
	70%   {color: #1d1739;}
	71% {color: #fff;}
	100% {color: #fff;}
}

/* header */
header{width: 100%;}
header .nav{position: fixed; top: 40%; left: 20px; transform: translateY(-50%); z-index: 10; font-size: 1.2rem;}
header .nav li{width: 180px; height: 55px; margin-bottom: 10px !important;}
header .nav li:last-of-type{margin-bottom: 0 !important;}
header .nav li a{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #000; border-radius: 100px; color: #fff !important;}
header .nav li a:hover{background: #0063CB; color: #fff !important; border: #ff6600;}
header .bottom{position: fixed; bottom: 0; right: 0; max-width: 510px; z-index: 10;}
header .bottom li{float: left; max-width: 50%;}


header .topmenu .fixed{position: fixed; z-index:100000000; background:url('../image/hamburger.jpg'); color: #000; border-radius: 0; border: 1px solid #fff; width:58px; height:47px;}
header .topmenu .offcanvas{background: #fff; color: #000;}
header .topmenu .offcanvas .btn-close{background: 0; font-size: 1.4rem; color: #fff; opacity: 1;}
header .topmenu .offcanvas-header{width: 100%;}
header .topmenu .offcanvas-body{width: 100%; font-size: 1.4rem; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
header .topmenu .offcanvas-body img{max-width: 100%; margin-bottom: 30px;}
header .topmenu .offcanvas-body ul{width: 100%; font-size: 1.2rem;}
header .topmenu .offcanvas-body ul li a{display: block; padding: 20px; border-bottom: 1px solid #fff; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
header .topmenu .offcanvas-body ul li a:hover{background: #f2f2f2; color:#fff;}
header .topmenu .offcanvas-body ul li:last-of-type a{border-bottom: 0;}

.db{width:100%;background-color: #f9f9f9;box-shadow: 0 -5px 5px -5px #333; padding-bottom:1vh;}
.db_g{ display: flex;flex-direction: row; justify-content: center;width:100%; text-align: center; }
.db_f{ width:69%;}

footer{background: #333333; color: #fff; padding: 2% 0 10% 0; text-align: center; font-size: 0.8rem;}
footer p{margin-top: 10px; color: #777;}

.v_wrap{ position: relative;
        padding-bottom: 56.25%;
        overflow: hidden;}

video {
        min-width: 100%;
        min-height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(50%, 50%);
    }

/* section */
.main1{background-color:#fff;}

/* hidden */
.hidden-text {
    text-indent: -9999px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    height: 25%;
}
.hidden-btn {
    text-indent: -9999px;
    width: 50%;
    display: block;
    position: absolute;
    bottom: 15%;
	left: 25%;
    height: 25%;
}
/* .main2{background:url('../image/main2.jpg') top center no-repeat;height:1500px;} */

.gallery {overflow: hidden;position: relative;max-width: 1200px;width:100%;padding:7% 0 3% 0;}
.gallery .list .inner {position: relative;}
.gallery .list .slide_list > li {display: flex;justify-content: center;align-items: center;height:auto;background: #ffa229;font-size: 48px;opacity: 0 !important;}
.gallery .list .slide_list > li.swiper-slide-active {opacity: 1 !important;} 
.gallery .list .btn {position: absolute;top: 50%;width: 50px;height: 50px;background:url('../image/arrow.png') center center no-repeat;background-size: contain;text-indent: -999em;z-index: 1;}
.gallery .list .btn.btn_prev {left: 10px;transform:translate(0,-50%) rotateY(180deg);}
.gallery .list .btn.btn_next {right: 10px;transform: translate(0,-50%) ;}

.gallery .thumbs .slide_list > li {display: flex;justify-content: center;align-items: center;position: relative;height:auto;background: #ddd;background: #fff;font-size: 24px;cursor: pointer;}
.gallery .thumbs .slide_list > li.swiper-slide-thumb-active:before {content:'';position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: 4px solid #fff;z-index: 1;}


.main3{background-color:#fff;padding:5%;font-size: 0.9em; font-family:Noto Sans KR_300;}
.main4{background-color:#e24620;}
.main5{background-color:#171717;}
.main6 .main6Img{background:url('../image/main6.jpg')no-repeat center / cover; height:100vh;}
.main6 .main6Img .btnImg{position:relative; top:60%;}

.main7{background-color:#ffa229;}
.main8{background-color:#33261d;}

section{margin: 0 auto; text-align: center; }
section .title{margin-bottom: 50px;}

article{margin: 0 auto; text-align: center; padding: 100px 20px;}
article .title{margin-bottom: 30px;}

article .tabmenu{margin-bottom: 50px;}
article .tabmenu .col-4{margin: 0; padding: 0;}
article .tabmenu .col-4 a{background: #fff; border: 1px solid #ebebeb; display: block; padding: 12px 0; border-right: 0;}
article .tabmenu .col-4 a:hover{background: #ebebeb;}
article .tabmenu .col-4:last-of-type a{border-right: 1px solid #ebebeb;}
article .tabmenu .col-4 a.active{border: 1px solid #2f2f2f; background: #2f2f2f; color: #fff !important;}
article .content .col-6{margin-bottom: 20px;}
article .content .col-6:last-of-type{margin: 0;}
article .content .col-6 h5:first-of-type{margin-bottom: 2px !important;}
article .content img{border: 1px solid #ebebeb; margin-bottom: 20px;}
article .content .col-6:hover img{border: 1px solid #fe5c80;}

.modal {padding-top:8vh;}
.modal-header {border:0px;}
.modal-footer {border:0px;}
.modal .modal-body {width:100%;border:0px;}
.modal .modal-header h5{font-size: 1.4rem !important;}
.modal .modal-header .btn-close{margin: 0 !important;}
.modal .modal-body{height:65vh; overflow-y: scroll;}
.modal .modal-body .title{text-align: left;}
.modal .modal-body hr{border-color: #aaa;}
.modal .modal-body .modal-div .title{margin: 10px 0 !important; font-size: 1.2rem !important;}
.modal .modal-body .modal-sub{background: #f8f9fa; padding: 10px; margin-top: 4px;}
.modal .modal-body .modal-sub p{font-size: 0.9rem !important;}

.form-control:disabled, .form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}


@media screen and (min-width: 639px){
	.m-only{display: none !important;}
	article .content img{transition: 0.3s;}
	article .content .col-6:hover img{transform: scale(103%); transition: 0.5s;}

}

@media screen and (max-width: 1000px){
/* 	.main1{padding-top:10%;} */
	.tb-only{display: none !important;}
	.main6 .main6Img{background:url('../image/main6_img1_m.jpg')no-repeat center center ; height:100vh; }
	
}

@media screen and (max-width:800px){
	header .nav{font-size: 1rem;}
	header .nav li{width: 160px; height: 45px;}
}
@media screen and (max-width: 640px){
	.db{width:100%;background-color: #fff;box-shadow: 0 -5px 5px -5px #333;}
	.db_g{width:100%; text-align: center;}
	.db_f{width:100%;}
	.gap-2{padding-top:1%;}

	.main1{padding-top:0;}
	.pc-only{display: none !important;}
	h3{font-size: 2rem !important;}
	h2 img{width:100%;}
	h4{font-size: 1rem !important;}
	h5{font-size: 1rem; !important;}
	.bold{font-size: 1.3rem !important;}
	.top img{max-width: 500px;}
	.top-m{max-width: 110px; position: fixed; right: 10px; bottom: 80px; z-index: 100;}
	.top-m img{max-width: 110px; margin: 0;}
	header .nav{display: none !important;}
	header .topmenu .offcanvas{max-width: 100%; }
	header .topmenu .offcanvas-body{font-size: 0.9rem;}
	header .topmenu .offcanvas-body img{max-width: 220px; margin-bottom: 20px;}

	header .topmenu .offcanvas-body ul li{ border-bottom:1px solid #e5e5e5; color:#626262;}
	header .topmenu .offcanvas-body ul li:last-child{border-bottom:none }
	header .topmenu .offcanvas-body ul li a{padding: 8px;  }

	section, article{paddcccing: 40px 10px;}
	section .title{margin-bottom: 30px;}
	article .title{margin-bottom: 20px;}
	article .content .row>*:nth-of-type(odd){padding-left: 0 !important; padding-right: 5px;}
	article .content .row>*:nth-of-type(even){padding-right: 0 !important; padding-left: 5px;}
	article .tabmenu{margin-bottom: 30px;}
	article .tabmenu .col-4 a{padding: 8px 0;}
	article .content .col-6{margin-bottom: 20px;}
	article .content img{margin-bottom: 10px;}
	.main6 .content .col-6:nth-of-type(3){margin-bottom: 0;}
	.main7 .content .col-6:nth-of-type(3){margin-bottom: 0;}
	.carousel-indicators{margin-bottom: 0.4rem;}
	footer{padding: 5% 0 35% 0; font-size:0.7rem}
	.offcanvas{transition: .2s !important}
	.offcanvas.show{transition: .8s !important;}
	.hidden-text	, .hidden-btn {display:none;}



}

.player {
  padding-top: 56.25%;
  position: relative;
}
.player iframe {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
}
.card-text{text-align:left;}
.card{border-radius: 0;}
.card_tit{font-size:1.5em;font-family: Noto Sans KR_500;}
h2{font-size: 2rem;}
.btn-group{padding:10% 0;}