@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@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-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;}

*{padding: 0; text-decoration: none; list-style: none; font-family: 'S-CoreDream-4Regular', sans-serif; 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;}
h2{font-size: 3.3rem !important; font-family: 'S-CoreDream-6Bold'; letter-spacing: -2px;}
h3, h4, h5, p{margin-bottom: 0 !important;}
h3{font-size: 3rem !important; font-family: 'S-CoreDream-6Bold'; letter-spacing: -2px;}
h4{font-size: 1.6rem !important;}
h5{font-size: 1rem; !important;}
span{font-family: inherit; font-size: inherit; display: inline-block !important;}
.bold{font-family: 'S-CoreDream-6Bold'; font-size: 1.6rem !important; line-height:150%;padding-bottom:15px;}
.bold5{font-family: 'S-CoreDream-6Bold'; font-size: 1rem !important;}
.row{margin: 0;}
.bg-color{background: #f3f1ea;}

.top{text-align: center;}
.top .col-6{height: 70px; line-height: 70px; font-family: 'S-CoreDream-6Bold'; 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: #313131; 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;}
}

.join{ width:100%; margin-bottom:10px; }
.join input[type=radio]{display: none;}
.join input[type=radio]+label{
    display: inline-block;
    cursor: pointer;
    height: 34px;
    width: 49%;
    border: 1px solid #333;
    line-height: 34px;
    text-align: center;
    font-weight:bold;
    font-size:0.9rem;
}
.join input[type=radio]+label{ background-color: #fff; color: #333;}
.join input[type=radio]:checked+label{ background-color: #333; color: #fff;}


.over{ width:100%; margin-bottom:10px; }
.over input[type=radio]{display: none;}
.over input[type=radio]+label{
    display: inline-block;
    cursor: pointer;
    height: 34px;
    width: 49%;
    border: 1px solid #333;
    line-height: 34px;
    text-align: center;
    font-weight:bold;
    font-size:0.9rem;
}
.over input[type=radio]+label{ background-color: #fff; color: #333;}
.over input[type=radio]:checked+label{ background-color: #333; color: #fff;}




/* header */
header{width: 100%;}
header .nav{position: fixed; top: 50%; left: 20px; transform: translateY(-50%); z-index: 10; font-size: 0.9rem;}
header .nav li{width: 150px; height: 40px; margin-bottom: 10px !important;}
header .nav li:last-of-type{margin-bottom: 0 !important;}
header .nav li a{width: 100%; color: #e3e3e3 !important; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 70%); border: 1px solid #242424; border-radius: 100px; }
header .nav li a:hover{background: #ff612d; color: #fff !important; border: #ff612d;}
header .bottom{position: fixed; bottom: 0; right: 0; max-width: 810px; z-index: 10;}
header .bottom li{float: left; max-width: 50%;}
header .topmenu .fixed{position: fixed; z-index: 10; background: #f45511; color: #fff; border-radius: 0; border: 1p solid #fff; width: 60px;; height: 60px; font-size: 1.8rem;}
header .topmenu .offcanvas{background: #313131; color: #fff;}
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 #313131;}
header .topmenu .offcanvas-body ul li a:hover{background: #313131;}
header .topmenu .offcanvas-body ul li:last-of-type a{border-bottom: 0;}

footer{background: #121504; color: #999; padding: 40px 20px 140px; text-align: center; font-size: 0.8rem;}
footer p{margin-top: 10px; color: #777;}

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

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

.main1{background: url(../image/main1_bg.jpg) center center; background-repeat: no-repeat; height: 800px;  /*background-size: cover;*/}


.main1 .title{padding-top:50px;}
.main1 .content{padding-bottom:400px;}


.main2{background: #ef6335; padding: 30px;}


.main3{background: url(../image/main3_bg.jpg) center center; background-repeat: no-repeat; height: 1200px;  /*background-size: cover; {background: #e8e8e8;}*/
}
.main3 img {border-radius: 5%;}





.main4{background: url(../image/main4_bg.jpg) center center; background-repeat: no-repeat; height: 900px; }



.main4_1{background: url(../image/main4_1_bg.jpg) center center; background-repeat: no-repeat; height: 1023px; }




.main5{background: url(../image/main5_bg.jpg) center center; background-repeat: no-repeat; height: 970px;  /*background-size: cover; {background: #e8e8e8;} */ }






.main6{background: url(../image/main6_bg.jpg) center center; background-repeat: no-repeat; height: 830px;  /*background-size: cover; {background: #e8e8e8;*/}

.main6 .title{margin-bottom: 10px;}



.main7{background: url(../image/main7_bg.jpg) center center; background-repeat: no-repeat; height: 980px;  /*background-size: cover; {background: #e8e8e8;*/}

.main7.title{margin-bottom: 10px;}


.main8{background: url(../image/main8_bg.jpg) center center; background-repeat: no-repeat; height: 890px; }

.main9{background: url(../image/main9_bg.jpg) center center; background-repeat: no-repeat; height: 600px; }


.main10{background: url(../image/main10_bg.jpg) center center; background-repeat: no-repeat; height: 450px;  /*background-size: cover; {background: #e8e8e8;*/}



.main11 .content .swiper-slide>img {width:100%;}
.main8{background: url(../image/main8_bg.jpg) center center; background-repeat: no-repeat; background-size: cover;}


.main2 img{transition: 0.5s;}
.main7 img{transition: 0.5s;}
.main8 img{transition: 0.5s;}
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 #2c2c2c; margin-bottom: 20px;}
article .content .col-6:hover img{border: 1px solid #173625;}



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

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

@media screen and (max-width: 992px){
	.pc-only{display: none !important;}
	h3{font-size: 2rem !important;}
	h4{font-size: 1rem !important;}
	h5{font-size: 1rem; !important;}
	.bold{font-size: 1.3rem !important;}
	.top img{max-width: 500px;}

	#db{padding: 40px 10px;}
	#db .db{padding: 30px 20px 20px;}

	header .nav{display: none !important;}
	header .topmenu .offcanvas{max-width: 80%;}
	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 a{padding: 8px;}
	section, article{}
	section .title{margin-bottom: 10px;}
	article .title{margin-bottom: 10px;}
	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;}
	.main1{background: url(../image/main1_bg_m.jpg) center center; background-repeat: no-repeat; background-size: cover;}
	.main1{padding: 40px 10px 20px;}
	.main1 .content{padding-bottom:300px;}
	
	.main1 .title{padding-top:10px;}
	.main2{padding: 30px;}
	.main3{ background: url(../image/main3_bgm.jpg) no-repeat center center; background-size: cover;height:auto;}
	 /* .main4{display:none;} */
	/* .main5{display:none;} */
	.main4{ background: url(../image/main3_bgm.jpg) no-repeat center center; background-size: cover;height:auto;}
	.main4_1{ background: url(../image/main3_bgm.jpg) no-repeat center center; background-size: cover;height:auto;}
	.main5{ background: url(../image/main3_bgm.jpg) no-repeat center center; background-size: cover;height:auto;}
	.main6{ background: url(../image/main3_bgm.jpg) no-repeat center center; background-size: cover;height:auto;}
	.main7{ background: url(../image/main3_bgm.jpg) no-repeat center center; background-size: cover;height:auto;}
	.main8{ background: url(../image/main3_bgm.jpg) no-repeat center center; background-size: cover;height:auto;}
	.main9{ background: url(../image/main3_bgm.jpg) no-repeat center center; background-size: cover;height:auto;}
	.main10{ background: url(../image/main10_bg.jpg) no-repeat center center; background-size: cover;height:auto;}
	
	

	/*.main6 .content .col-6:nth-of-type(3){margin-bottom: 0;}*/
	.carousel-indicators{margin-bottom: 0.4rem;}
	footer{}
	.offcanvas{transition: .8s !important}
	.offcanvas.show{transition: .8s !important;}
}