@charset "utf-8";

.body_bg{background:#f1f1f1;}
#wrap{width:100%; position:relative;}

/* 硫붾돱 ?쒖옉 */
.header{background-color:#fff;}
.gnb_wrap{background-color:#f1f1f1; height:45px;}
.gnb{width:1400px; margin:0 auto;}
.gnb ul{float:right; list-style:none; margin-top:-5px;}
.gnb li{margin:10px; float:left;}
.gnb li a{font-size:12px;}
.gnb li:nth-child(4) a{color:#36F;}
.gnb li.sns a img { width:30px;}
.all_btn { line-height:1;}
.navbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 20px;
	width: 1400px;
	margin: 0 auto;
}
.navbar_logo {
	margin-right:50px;
}

.navbar_menu {
	display: flex;
	list-style: none;
	padding-left: 0;
	position: relative;
	z-index: 99999;
}
.navbar_menu>li {
	padding: 30px 30px;
	box-sizing: border-box;
	position: relative;
}
.navbar_menu>li>a {
	font-size: 24px;
}
.navbar_menu>li a:hover {
	color: #0bb366;
}
.navbar_menu li:hover .sub {
	opacity: 1;
	visibility: visible;
}
.navbar_menu .sub {
	position: absolute;
	top: 83px;
	opacity: 0;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	visibility: hidden;
	background-color: #f4f4f4;
	border-top:2px solid #157359;
	width:200px;
	left:50%; transform: translateX(-50%);
}
.navbar_menu .sub li {
	list-style-type: none;
	border-bottom: 0;
	text-align: center;
}
.navbar_menu .sub li a {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	font-weight: bold;
	display: block;
	padding: 7px 0px 7px 0px;
}
.navbar_menu .sub li a:hover {
	color: #157359;
}
#sub6{right:-20px; width:200px;}

.navbar_icons {
	display:none;
	list-style:none;
}
.navbar_icons li {
	padding: 8px 12px;
}
.navbar_toggleBtn {
	display: none;
	position: absolute;
	right: 32px;
	font-size: 24px;
	color: #d49466;
	;
}


@media screen and (min-width: 768px) {
.pcOnly {}
.mbOnly {display: none !important;}
}
/*  Mobile : ~ width:975px  */
@media screen and (max-width: 768px) {
.mbOnly {}
.pcOnly {display: none !important;}
.under img{width:100%;}
}

@media screen and (max-width: 768px) {

.header{z-index:1;}
.gnb_wrap{ position:fixed; top:75px; height:55px; background:rgb(28,121,95); z-index:999; opacity:0; visibility:hidden; transform:translateX(100%); transition:0.3s;}
	.gnb_wrap.active{opacity:1; visibility:visible; transform:translateX(0); transition:0.3s;}
.gnb { width:100vw; margin: 1% auto;}
.gnb ul { float:none; display:flex; justify-content: space-between;}
.gnb li { width:100%;}
.gnb li a{font-size:1rem; color:#ccc; text-align:center; display:block; line-height:2;}
.gnb li:last-child, .gnb li:first-child, .gnb li:nth-child(4) { display:none;}
.navbar {
	flex-direction: column;
	align-items: flex-start;
	padding: 11px 0 0 0;
	width: 100%;
	position:fixed;
	background:#fff;
	z-index:9999;
}
.navbar_logo {
	
	margin:10px;
}
.navbar img{width:90%;}
/*.navbar_menu {
	display: none;
	flex-direction: column;
	align-items: center;
	width: 100%;
}*/
	.navbar_menu{position:fixed; top:130px; right:0; width:100%; height: 87vh; background-color:rgb(28,121,95); flex-direction:column; opacity:0; visibility:hidden; transform:translateX(100%); transition:0.3s;}
	.navbar_menu.active{opacity:1; visibility:visible; transform:translateX(0); transition:0.3s;}

.navbar_menu>li {
	width: 100%;
	border-top: 1px solid #ccc;
	/*background-color: #1c795f;*/
	padding: 0;
}
.navbar_menu>li>a {
	font-size: 1rem;
	color: #fff;
	padding: 15px 30px;
	text-align: left;
	display: block;
}
.navbar_menu>li a:hover {
	color: #fff;
	font-weight: 600;
}
.navbar_menu li:hover .sub {
	opacity: 1;
	visibility: visible;
}
.navbar_menu>li .sub {
	width: 100%;
	padding: 0;
	margin: 0;
	position: static;
	opacity: 1;
	transition: none;
	visibility: visible;
	background-color: #fff;
}
.navbar_menu>li .sub li:last-child {
	border-bottom: 0 none;
}
.navbar_menu>li .sub li {
	border: 0 none;
	list-style: none;
/*	background-color: #fff;*/
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding: 0 35px;
}
.navbar_menu>li .sub li a {
	color: #333;
	text-align: left;
font-size:.8rem;
}
.navbar_menu .sub li a:hover {
	color: #333;
}
#sub1 {
	left: -25px;
	width: 100%;
}
#sub2 {
	left: 0;
	width: 100%;
}
#sub3 {
	left: 0;
	width: 100%;
}
#sub4 {
	left: 0;
	width: 100%;
}
#sub5 {
	left: 0;
	width: 100%;
}
#sub6 {
	right: 0;
	width: 100%;
}
.navbar_icons {
	display: none;
	justify-content: center;
	width: 100%;
	border-top:1px solid #ccc;
}
.navbar_toggleBtn {
	display: block;
	top: 30px;
	right:15px;
}
/*.navbar_menu.active, .navbar_icons.active {
	display: flex;
}*/
.navbar .navbar_logo{
	order:1;
}
.navbar .navbar_menu{
	order:3;
}
.navbar .navbar_icons{
	order:2;
}

/* ?꾨쾭嫄?踰꾪듉 */

.hamburger{
	position:absolute;
	top: 30px;
	right:15px;}
.hamburger .line {
	width: 25px;
	height: 4px;
	background-color: #333;
	display: block;
	margin: 3px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.hamburger:hover {
	cursor: pointer;
}


/* ONE */

#hamburger-1.is-active .line:nth-child(2) {
	opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1) {
	-webkit-transform: translateY(7px) rotate(45deg);
	-ms-transform: translateY(7px) rotate(45deg);
	-o-transform: translateY(7px) rotate(45deg);
	transform: translateY(7px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3) {
	-webkit-transform: translateY(-7px) rotate(-45deg);
	-ms-transform: translateY(-7px) rotate(-45deg);
	-o-transform: translateY(-7px) rotate(-45deg);
	transform: translateY(-7px) rotate(-45deg);
}

#hamburger-1.is-active .line:nth-child(5) {
	-webkit-transform: translateY(-7px) rotate(-45deg);
	-ms-transform: translateY(-7px) rotate(-45deg);
	-o-transform: translateY(-7px) rotate(-45deg);
	transform: translateY(-7px) rotate(-45deg);
}
	
}
/* 硫붾돱 ??*/


/* 硫붿씤 而⑦뀗痢?*/
.main_container{width:1400px; margin:0 auto;}

.main_cont{display:flex; justify-content:space-between; width:100%; margin-top:20px;}
.main_img{width:900px;}
.main_img img{border-radius:20px;}

.main_board{width:480px;}
.notice{position:relative; width:100%; height:285px; box-sizing:border-box;}
.noti_tit{color:#fff;font-size:24px; font-weight:bold; padding:25px 0 10px 25px; background-color:#175f4b; border-radius:20px  20px 0 0;}
.noti_tit span{font-size:14px; color:#799ec7;}
.notice ul{margin:0 15px 25px 0; list-style:none; padding:15px; border:1px solid #175f4b; width:100%; box-sizing:border-box; border-radius: 0 0 20px 20px; background-color:#fff; height:220px;}
.notice ul li a{display:inline-block;text-overflow:ellipsis; white-space: nowrap; overflow: hidden;width:350px; font-size:15px; line-height:28px;}
.notice ul li span{float:right; font-size:14px; letter-spacing:-1px;}
.notice ul li:last-child{margin-bottom:0;}
/*.notice ul li:before{content:'-'; margin-right:5px;}*/
.notice .more a{position:absolute; top:20px; right:25px; font-size:27px; font-weight:bold; color:#fff;}
 
.event{position:relative; width:100%; height:285px; box-sizing:border-box; margin-top:20px;}
.event_tit{color:#fff;font-size:24px; font-weight:bold; padding:25px 0 10px 25px; background-color:#175f4b; border-radius:20px  20px 0 0;}
.event_cont{border:1px solid #175f4b; background-color:#fff; border-radius: 0 0 20px 20px; height:220px;}
.event dl{margin:15px 15px 10px 10px; list-style:none; padding:15px 15px 18px;display:flex; box-sizing:border-box; }
.event dl dt{font-size:35px; color:#cf3815; font-weight:bold; line-height:20px; margin-right:20px;}
.event dl dt span{font-size:12px;}
.event dl dd{margin-top:-7px; font-size:20px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;width:390px; color:#000;}
.event dl dd span{font-size:14px; color:#666;}
.event dl:not(:last-child) {border-bottom:1px solid #eee; }
.event .more a{position:absolute; top:20px; right:25px; font-size:27px; font-weight:bold; color:#fff;}


.main_quick{display:flex; justify-content:space-between; margin-top:20px;}
.quick{width:330px; height:192px; box-sizing:border-box; padding:30px; color:#fff; position:relative; margin-bottom:10px;cursor:pointer;border-radius:20px;}
.quick dt{font-size:30px; font-weight:bold; line-height:37px;}
.quick dd{font-size:15px; line-height:24px; margin-top:20px; background:#157359; color:#fff; border-radius:5px; width:100px; text-align:center; padding-top:3px;}
.quick dd:before {
    content: "\1F50E";
	color: #fff;
    font-weight: 900;
    margin-right: 10px;
}
.quick2{width:680px; height:192px; box-sizing:border-box; padding:30px; color:#fff; position:relative; margin-bottom:10px;border-radius:20px; display:flex;justify-content: space-between;}
.quick2 dt{font-size:30px; font-weight:bold; line-height:37px;}
.quick2 dd{font-size:20px; line-height:1.5; color:#157359; border-radius:10px; width:200px; padding:40px 10px; cursor:pointer; text-align:right; font-weight:bold;}

.quick2 dd:nth-child(2){background:url('/images/q_bg011.png') no-repeat -40px 0 #ccc; background-size: cover; color:#157259;}
.quick2 dd:nth-child(3){background:url('/images/q_bg021.png') no-repeat -40px 0 #ccc; background-size: cover; color:#157259;}

.main_quick dl:nth-child(1){background:#157359; color:#fff;}
.main_quick dl:nth-child(2){background:url('/images/q_bg03.png') no-repeat 40px 0 #ccc; color:#157259;}
.main_quick dl:nth-child(3){background:url('/images/q_bg04.png') no-repeat 0 15px #175f4b; display:none;}
.main_quick dl:nth-child(4){background:#28325a;}

.main_quick dl:nth-child(4) dt{font-size:24px; line-height:32px; font-family: "Playfair Display SC", serif; font-weight: 700; font-style: normal;}

.main_quick dl:nth-child(3) dd{background:#0bb366;}
.main_quick dl:nth-child(4) dd{background:#439ec4;}
/*
.quick2 dd img { float:left; width:100px;}
.quick2 dd i, .quick2 dd svg { float:left; width:100px; padding-top:5px;}
.quick2 dd strong { display:block; float:right; padding:20px 0;}
.quick2 dd:hover {background:#ffffe4;}

.main_quick dl:nth-child(1){background:url('/images/q_bg01.png') no-repeat 90px 0 #ccc; color:#157259;}
.main_quick dl:nth-child(2){background:url('/images/q_bg02.png') no-repeat 90px 0 #ccc; color:#157259;}
.main_quick dl:nth-child(3){background:url('/images/q_bg03.png') no-repeat 40px 0 #ccc; color:#157259;}
.main_quick dl:nth-child(4){background:url('/images/q_bg04.png') no-repeat 0 15px #175f4b; display:none;}
.main_quick dl:nth-child(5){background:#28325a;}

.main_quick dl:nth-child(5) dt{font-size:24px; line-height:32px; letter-spacing:1px;}

.main_quick dl:nth-child(4) dd{background:#0bb366;}
.main_quick dl:nth-child(5) dd{background:#439ec4;}
*/


.footer{clear:both; border-top:1px solid #ccc; margin-top:20px; background-color:#515151;}
.footer .copy_txt{width:1400px; margin:0 auto; text-align:center; color:#fff; font-size:13px; line-height:20px; padding:40px 0; opacity:.8;}
.copy_txt .private, .copy_txt .agreement, .pcversion {background:#666666; border-radius:20px; padding: 3px 10px; text-align:center;  margin-left: 10px; line-height:1;}
.copy_txt .private a, .copy_txt .agreement a, .copy_txt a.pcversion {color:#ffffff; font-size:12px;}
.private_txt, .agreement_txt{font-size:12px;padding:15px;line-height:1.6;font-family: 'NotoRight'; }
.pcversion { display:none;}

@media screen and (max-width: 768px) {
.main_container{width:100%; padding-top:70px;}

.main_cont{flex-direction:column;}
.main_img{width:96%; margin:0 auto;}
.main_img img{width:100%;}
.main_board{width:96%;  margin:.8rem auto;}

.notice{height:auto; margin-bottom:.8rem;}
.noti_tit{font-size:1.5rem; padding-top:19px;}
.noti_tit span{font-size:.8rem;}
.notice ul{margin:0 15px 10px 0; height:auto;}
.notice ul li a{width:100%; font-size:.9rem; line-height:22px;}
.notice ul li span{ display:none;}

.event{height:auto; margin-top:0;} 
.event_tit{font-size:1.5rem; padding-top:19px;}
.event_cont { height:auto;}
.event dl{margin:10px 15px 10px 10px; padding:10px;}
.event dl dt{font-size:35px; color:#cf3815; font-weight:bold; line-height:20px; margin-right:20px;}
.event dl dd{font-size:1.2rem;}
.event dl dd span{font-size:.8rem;}

.main_quick{flex-wrap:wrap; width:96%; margin:0 auto;}
.quick{width:49%; height:170px; padding:20px;}
.quick dt{font-size:1.2rem; line-height:2rem;}
.quick dd{font-size:.9rem; line-height:1.2rem; margin-top:20px; background:#157359; color:#fff; border-radius:5px; width:100px; text-align:center; padding:3px 0;}

.quick2{width:99%; height:140px; padding:0.5rem; flex-wrap: wrap;justify-content: space-evenly;}
.quick2 dt{font-size:1.2rem; line-height:2rem; width:100%; text-align:center; margin-bottom:0.3rem;}
.quick2 dd{font-size:1rem; line-height:1.5rem; width:43%; padding:15px 10px 0;}

.quick2 dd:nth-child(2){background:url('/images/q_bg011.png') no-repeat -5vw -2vw #ccc; background-size: cover; color:#157259;}
.quick2 dd:nth-child(3){background:url('/images/q_bg021.png') no-repeat -5vw -2vw #ccc; background-size: cover; color:#157259;}

.main_quick dl:nth-child(1){background:#157359; color:#fff;}
.main_quick dl:nth-child(2){background:url('/images/q_bg03.png') no-repeat 5vw 0 #ccc; color:#157259;}
.main_quick dl:nth-child(3){background:url('/images/q_bg04.png') no-repeat -1rem 0 #175f4b;}
.main_quick dl:nth-child(4) dt{font-size:1rem; line-height:1.5rem;}

/*
.main_quick dl:nth-child(1){background:url('/images/q_bg01.png') no-repeat 7vw 0 #ccc; color:#157259;}
.main_quick dl:nth-child(2){background:url('/images/q_bg02.png') no-repeat 7vw 0 #ccc; color:#157259;}
.main_quick dl:nth-child(3){background:url('/images/q_bg03.png') no-repeat 7vw 0 #ccc; color:#157259;}
.main_quick dl:nth-child(4){background:url('/images/q_bg04.png') no-repeat -1rem 0 #175f4b;}

.main_quick dl:nth-child(5) dt{font-size:1rem; line-height:1.5rem;}
*/
.footer {
	clear: both; 
	flex-direction: column-reverse;
	padding:10px;
	margin-top:0;
}
.footer .copy_txt{width:100%; font-size:.7rem; line-height:1rem; padding:10px 0;}
.footer a{color:#fff; font-size:.7rem;}

.pcversion { display:inline-block;}
}


/* 硫붿씤 而⑦뀗痢???*/

.all_menu_wrap {display:none; position:absolute; top:0; left:0;width:100%; height:100%; background:rgba(0,0,0,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000); zoom: 1; z-index:99999;}
.all_menu_list {max-width:1200px; margin:0 auto; } 
.all_menu_list .fa-times-circle{color:#fff; }
.all_menu_list h2 {font-size:25px; color:#68caff; text-align:center; font-weight:500; margin:65px 0 40px;}
.all_menu_list > li {float:left; width:183px; text-align:center; margin-right:20px; list-style:none}
.all_menu_list > li:nth-child(6){margin-right:0px;}
.all_menu_list > li.left_first {margin-left:0;}
.all_menu_list > li  h3 { font-size:18px; color:#fff; font-weight:500; padding-bottom:15px;  margin-bottom:15px; border-bottom:1px solid #68caff;}

.all_depth2 {min-height:300px;}
.all_depth2 > li{margin-bottom:15px; list-style:none;}
.all_depth2 li a{color:#eee; font-size:15px;  font-weight:300;}
.all_depth3{border:1px solid #828282; background-color:#2b2b2b; padding:3px 0 6px 0; width:80%; margin:7px auto 0 auto;}
.all_depth3 li{line-height:20px !important; list-style:none;}
.all_depth3 li a{font-size:13px;}

.close_btn_wrap { margin-top:0;}
.close_btn_wrap a {display:block; width:180px; line-height:50px; border:1px solid #fff; color:#fff; text-align:center; border-radius:30px; font-size:16px;  margin:0 auto; background:rgba(255,255,255,0.1);}
.close_btn_wrap a > img {vertical-align:middle; margin-right:5px;}


/* ?쒕툕 硫붾돱 */
.location {width:1400px; margin: 0 auto; position:relative; display: block;content: '';clear: both}
.location_wrap {height: 60px; width: 100%; background: #fff; position:relative; border-bottom:1px solid #ddd;border-top:1px solid #ddd; z-index:1;}
.location_wrap:before {content: ''; height: 60px; border-bottom: #e6e6e6 1px solid;}
.home{width: 40px; height: 40px; padding:20px 0 0 20px ; display: inline-block; float:left; border-left: #e6e6e6 1px solid; border-right: #e6e6e6 1px solid; }
.fa-home{color:#175f4b;}
.sub-icon {float: right;}
.location_tit {float:left; position:relative; height: 30px;width: 220px; background:#175f4b;font-size:18px;color:#fff; padding:15px;}
.location_tit a {font-size:18px; display: block; padding:15px; color:#fff;}
.location_tit > a{border-right: 1px solid #ddd;}

.location_list {background:#fff; width: 251px; position: absolute; left: -1px; display: none;}
.location_list li {border:1px solid #ddd; border-top:none; list-style:none}

.location_list li a:link, .location_list li a:visited, .location_list li a:active, .location_list li a:hover{color:#175f4b;}

.location_tit2 {float:left; position:relative; height: 60px;width: 300px; background:#fff;}
.location_tit2 a {font-size:18px; display: block; padding:15px; color:#299664;}
.location_tit2 > a{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.location_inner {background:#eff7f4; width: 301px; position: absolute; left: -1px; display: none;}
.location_inner li {border:1px solid #ddd; border-top:none; list-style:none;}
.location_tit2 .location_inner li a:link, .location_tit2 .location_inner li a:visited {color:#333;}
.location_tit2 .location_inner li a:active, .location_tit2 .location_inner li a:hover{color:#299664;}
.location_inner li.on a, .location_inner li.on a:hover {font-weight:600; color:#333;}
/* 
.location_inner {float:left; height: 60px; padding: 17px 22px 5px 22px;}
.location_inner li {float:left; margin-right:30px; list-style:none}
.location_inner li:last-child{margin-right:0px;}
.location_inner li a {font-weight:300; color:#333; font-size:16px; display:block;}
.location_inner li.on a, .location_inner li a:hover {font-weight:600; color:#299664;}
*/

.navi{display:none;}

.container{clear:both; width:1300px; margin: 0px auto; }
.contents{padding:20px 20px 50px 20px; background-color:#fff; margin-bottom:10px; min-height:630px; box-sizing:border-box;}
.title{font-size:40px; color:#fff; text-align:center; border-top:1px solid #eee; padding: 5rem 0; margin:0 auto;background:url('/images/sub_img.jpg') no-repeat top center #f4f4f4;}

@media screen and (max-width: 768px) {
.location {
	width: 100%;
	margin: 0 auto;
	position: relative;
	display: block;
	content: '';
	clear: both;
}
.location_tit {width: 8rem;height: 20px; font-size:0.8rem; padding:15px 0.5rem; letter-spacing:-1px;}
.location_list {width: calc(8rem + 1px);}
.location_tit2 {width: 12rem;}
.location_inner {width: calc(12rem + 1px);}
.location_wrap, .location_tit2 { height: 50px;}
.location_tit a, .location_tit2 a {font-size:0.8rem; padding:15px 0.5rem; letter-spacing:-1px;}

.home { display:none;}
/*.home {
	width: 33px;
	height: 40px;
	padding: 11px 0 0 15px;
	display: inline-block;
	float: left;
	border-left: #e6e6e6 1px solid;
	border-right: #e6e6e6 1px solid;
}
.fa-home {
	color: #175f4b;
}*/
.navi{font-size:14px; font-family:'NotoLight'; display:block; width:100%; line-height:48px;}
.navi span{padding-left:20px;}
.navi a{color:#333;}

.container {
	width: 100%;
}
.contents {
	padding:1rem;
	min-height: 200px;
}
.title { 
	font-size: 1.6em;
	padding: 2rem 1rem; padding-top:100px;
}
}

.main_banner { width:1360px; margin:10px auto;}
.main_banner div img { object-fit: cover; width:95%; height: 60px;}
@media screen and (max-width: 768px) {
.main_banner { width:93vw; margin:0.5rem 2vw 2rem;}
.main_banner div img { height:3rem;}
}