@charset "utf-8";

.body_bg{background:#fff;}
#wrap{width:100%; position:relative; min-width:1400px;}

/* 메뉴 */
.header{background-color:#fff;}
.gnb_wrap{border-bottom:1px solid #ddd; height:45px; background: #f1f1f1; width: 100%; overflow: hidden;}

.eng_btn{ float: left; background: #497ec0;  padding: 1px 10px;}
.eng_btn a{ color:#fff; font-size: 13px; }
.eng_btn a>i{ font-weight: bold; padding-left: 20px;}
.gnb{width:1400px; margin:0 auto;} 
.gnb ul{float:right; list-style:none; margin-right:2rem;}
.gnb li{margin:10px; float:left;}
.gnb li a{font-size:0.8rem;}
/*.gnb li:nth-child(4) a{color:#5e9ec0;}*/
.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: 1360px;
	margin: 0 auto;
}
.navbar_logo {
	margin-right:50px;
}

.navbar_menu {
	display: flex;
	list-style: none;
	padding-left: 0;
	z-index: 99999;
}
.navbar_menu>li {
	box-sizing: border-box;
	position: relative;
}
.navbar_menu>li>a {
	font-size: 24px;
	padding: 35px 30px 30px;
	display: block;
}
.navbar_menu>li:hover a {
	color: #488ec3;
      font-weight: bold;
}
.navbar_menu li:hover .sub {
	opacity: 1;
	visibility: visible;
}
.navbar_menu .sub {
	position: absolute;
	top: 101px;
	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: rgba(0,0,0,0.7);
	left:50%;
	transform: translateX(-50%);
	width: 100%;
	min-width: 150px;
}
.navbar_menu .sub li {
	list-style-type: none;
	border-bottom: 0;
	text-align: left;
}
.navbar_menu .sub li:not(:last-child) { border-bottom:1px solid #ddd;}
.navbar_menu .sub li a {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 7px 0px 7px 20px;
}
.navbar_menu .sub li a:hover {
	color: #72d0ff;
  
}
/*
@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:66px; height:55px; background:#2263b3; z-index:999; opacity:0; visibility:hidden; transform:translateX(100%); transition:0.3s; width:100%;}
	.gnb_wrap.active{opacity:1; visibility:visible; transform:translateX(0); transition:0.3s;}
.gnb { width:100%;}
.gnb ul { float:none; display:flex; justify-content: space-between;}
.gnb li { width:100%; margin:10px 0;}
.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: 6px 0 6px 0;
	width: 100%;
	position:fixed;
	background:#fff;
	z-index:9999;
	height:54px;
}
.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:120px; right:0; width:100%; height: 87vh; background-color:#2263b3; 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:hover a {
	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;
	transform: none;
}
.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: 94%;
	border-bottom: 1px solid #ddd;
	padding: 0 3%;
}
.navbar_menu>li .sub li a {
	color: #333;
	text-align: left;
font-size:.8rem;
	padding: 15px 0 15px 30px;
}
.navbar_menu .sub li a:hover {
	color: #488ec3;
}
*/
/*.navbar_menu.active {
	display: flex;
}*/
/*
.navbar .navbar_logo{
	order:1;
}
.navbar .navbar_menu{
	order:3;
}
*/
/* 모바일버튼 */
/*
.hamburger{
	position:absolute;
	top: 20px;
	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 */



/*
.main_img{width:100%;*border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}
.main_img img{max-width:100%;}*/
.main_img>img{ width: 2000px; margin: 0 auto;}
.main_container{width:1400px; margin:3rem auto 0;}

.main_menu{display:flex; justify-content:space-between; gap:1rem;}

.main_quick_left{ padding:2rem; background:#235a83; display:flex; gap:2rem; align-items: center; justify-content: center; }
.main_quick_left img{height:375px;}
.main_quick{display:flex; justify-content:space-between; gap:0.5rem;}
.main_quick dl {width:100%; height:375px; padding:2rem 1rem; color:#fff; cursor:pointer; align-items: center; border-radius: 2rem 0 2rem 0;}
.main_quick dt{ font-weight: bold; font-size: 1.5rem;margin-top: 2rem;}
.main_quick dt:after { content: ">"; color: #fff;font-size:1.2rem; font-weight:bold; line-height: 2rem; float: right;}
.main_quick dd{font-size:1rem; color:#f4f4f4; word-break:keep-all; word-wrap: break-word; margin-top: 2rem;}
.main_quick dd.quick_img img{ width: 150px; }
.main_quick dd.quick_img{ text-align: center; }

.main_quick dl:nth-child(1){ background: #6fb8d9;}
.main_quick dl:nth-child(2){ background: #6fd9b7;}
.main_quick dl:nth-child(3){ background: #d9806f;}




.main_board{ display:flex; gap:3rem; justify-content:space-between; overflow: hidden; flex-wrap: nowrap; margin-bottom:3rem;}
.notice{position:relative; width:100%; padding:0; background:#fff;}
.noti_tit{color:#fff; background: #4873d3; border-radius: 50px; font-size:1.2rem; line-height: 1; font-weight:bold; margin-bottom:1rem; padding:0.5rem 1rem; cursor: pointer; width: 15%; text-align: center;}
.notice ul{margin:0; list-style:none; padding:0; width:100%; box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem;}
.notice ul li { border: 1px solid #6fb8d9; border-radius: 20px; background: #f9f9f9; min-height: 90px; width: calc(50% - 2.5rem - 2px); padding: 1.5rem 1rem;} 
.notice ul li a{ height: 37px; font-size:1.0rem; line-height:1.2; font-weight: bold;
overflow: hidden; text-overflow: ellipsis; display: -webkit-box;   -webkit-line-clamp: 2;  -webkit-box-orient: vertical; 
}
.notice ul li span{ letter-spacing:-1px; color: #666; line-height:3;}
.notice ul li:last-child{margin-bottom:0;}
.notice .more a{position:absolute; top:0; right:0; font-size:1rem; line-height: 1;  color:#484848; border: 1px solid #ddd; padding: 0.5rem 1.5rem; border-radius: 50px;}



.event{position:relative; width:100%; padding:0; background:#fff;}
.event_tit{ color:#fff; background: #36af88; border-radius: 50px; font-size:1.2rem; line-height: 1; font-weight:bold; margin-bottom:1rem; padding:0.5rem 1rem; cursor: pointer; width: 15%; text-align: center;}
.event_cont {display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem;}
.event dl{margin:0; list-style:none; width:calc(50% - 0.5rem - 2px); box-sizing:border-box; border: 1px solid #79dcbc; border-radius: 20px; background: #f9f9f9; min-height: 140px; padding: 1.5rem 1rem;}
.event dl dt{ display: none;}
.event dl dd a { display:block;}
.event dl dd strong { height: 37px; font-size:1.0rem; line-height:1.2; font-weight: bold;
overflow: hidden; text-overflow: ellipsis; display: -webkit-box;   -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
.event dl dd span{ margin-top:0.5rem; font-size:0.9rem; color:#666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;   -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }

.event .more a{position:absolute; top:0; right:0; font-size:1rem; line-height: 1;  color:#484848; border: 1px solid #ddd; padding: 0.5rem 1.5rem; border-radius: 50px;}


/*
.event dl{margin:0; list-style:none; padding:0; width:50%; box-sizing:border-box; }
.event dl dt{ display: none;}
.event dl dd{}
.event dl dd strong { height: 37px; display:block;   font-size:1.0rem; line-height:1.2; font-weight: bold;
overflow: hidden;   text-overflow: ellipsis;   display: -webkit-box;   -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
.event dl dd span{font-size:0.9rem; color:#666;}
.event dl:not(:last-child) { padding-bottom:1rem; border-bottom:1px solid #ddd;}
.event .more a{position:absolute; top:2rem; right:2rem; font-size:1rem;  color:#484848; border: 1px solid #ddd; padding: 10px 25px; border-radius: 50px;}
*/
.footer{clear:both;width: 100%;  background:#303030; }
.footer_wrap { width:1400px;  margin:0 auto; display:flex; gap:1rem; align-items: center; justify-content: space-between;}
.footer .copy_txt{ text-align:left; color:#fff; font-size:0.9rem; line-height:1.3; padding:2rem 0; opacity:.8;}
.footer_right { display: flex; gap:1rem; flex-direction: column; align-items: flex-end;}
.footer ul { display:flex; gap:0.5rem;}
.footer ul li { width:100%;   border-radius:1.5rem; text-align:center; line-height:1;}
.footer ul li a {color:#fff; background:#666; font-size:0.8rem; padding:0.5rem 1rem;}
.private_txt, .agreement_txt{font-size:0.9rem; padding:1rem;line-height:1.6; }
.pcversion { display:none;}
.footer_wrap select { padding:0.5rem;}

.slick-slide {  margin: 0; transition: all ease-in-out .3s;}
.slick-slide img {/*width: 100%;*/}
.slick-slide em { display: block; padding:1rem 5rem; font-style: normal; border:1px solid #ddd;}

.main_banner { width:1400px; margin:2rem auto; overflow: hidden;}


.main_banner div img { object-fit: cover; width:95%; height: 60px;}

/*
@media screen and (max-width: 768px) {
.main_img{width:100%; margin:0 auto; padding-top:66px;}
.main_img img{width:100%;}
.main_container{width:100%; display: flex; gap:0; flex-wrap: wrap;}
	
.main_quick{flex-wrap:wrap; width:99%;justify-content: center; order:2;}
.main_quick dl {width:45.5%; padding:2%; gap:1rem;}
.main_quick dd{ font-size:1rem;}
	.main_quick dl:nth-child(1) dd {font-size:1rem; line-height: 1.2;}
	.main_quick dl:nth-child(1) dd em {display:none;}
	.main_quick dd:after { font-size:2rem;}

.main_board{ border:none; flex-wrap: wrap; order:1;}
.notice{position:relative; width:90%; padding:5%; background:#fff;}
.noti_tit{ font-size:1.2rem;}
.notice ul li a{width: 100%;}
.notice ul li span{display:none;}
.notice .more a{position:absolute; top:5%; right:5%; font-size:2rem;}
 
.event{position:relative; width:90%; padding:5%;}
.event_tit{font-size:1.2rem; margin-bottom:0;}
.event dl dt{ display:none;}
.event dl dd strong { font-size:1rem; width:100%;}
.event dl:not(:last-child) { padding-bottom:1rem; border-bottom:1px solid #ddd;}
.event .more a{position:absolute; top:5%; right:5%; font-size:2rem;}

.footer_wrap { width:100%; justify-content: center; flex-wrap: wrap; padding:5% 0;}
.footer .copy_txt{ font-size:0.8rem; order: 2; text-align:center; padding:0;}
	.footer .copy_txt span { display: inline-block; word-break: keep-all;}
.footer_right { order: 1; align-items: center;}
.footer ul { display:flex; gap:0.5rem;}
.footer ul li { width:100%; background:#666666; border-radius:1.5rem; text-align:center; line-height:1;}
.footer ul li a {color:#ffffff; font-size:0.8rem; padding:0.5rem 1rem;}
.private_txt, .agreement_txt{font-size:0.9rem; padding:1rem;line-height:1.6; }
.footer_wrap select { width:90%;}

.pcversion { display:inline-block;}
	
.slick-slide { position:relative; width:100vw; height:26vw!important; overflow:hidden;}
.slick-slide img { position:absolute; top:0; left:0; right:0; width:auto; height:26vw; object-fit:cover}
.slick-slide em { padding:1rem 1rem; text-align: center;}

.main_banner { width:96vw; height:auto!important;}
.main_banner div {height:10vw!important;}
.main_banner .slick-slide img {height:100%; object-fit: fill;}	
	
}
*/

/* sitemap */
.all_menu_wrap {display:none; position:absolute; top:0; left:0;width:100%; height:100vh; background:rgba(0,0,0,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000); zoom: 1; z-index:99999;}
.all_menu_wrap h2 {font-size:25px; color:#68caff; text-align:center; font-weight:500; margin:65px 0 40px;} 
.all_menu_wrap .fa-times-circle{color:#fff; }
.all_menu_list {max-width:1200px; margin:0 auto; display: flex; gap:2rem; flex-wrap:nowrap;}
.all_menu_list > li {width:100%; text-align:center; list-style:none}
.all_menu_list > li .location_tit { font-size:18px; color:#fff; font-weight:500; margin-bottom:15px; border-bottom:1px solid #68caff; float: none; background:none; width:100%; height:inherit; padding:0 0 15px 0; line-height: inherit;}
.all_menu_list > li .location_tit2 {float: none; background:none; width:100%; height:inherit;}
.all_menu_list > li .location_tit2 .all_loc { display:none;}
.all_menu_list .location_inner { width:100%; position:relative; background:none; display:block;}
.all_menu_list .location_inner > li{margin-bottom:20px; list-style:none; border-bottom:none;}
.all_menu_list .location_inner li a{color:#eee!important; padding:0; font-weight: 100!important;}
.all_menu_list .location_inner li a:hover { color:#68caff!important;}

.close_btn_wrap { margin-top:100px;}
.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;}

/* left */
.location {width:1400px; margin: 0 auto; position:relative; display: block;content: '';clear: both}
.location_wrap {height: 60px; width: 100%; background: #fff; z-index: 3; position:relative; border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.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:#2263b3;}
.sub-icon {float: right; line-height: 2;}
.location_tit {float:left; position:relative; height: 30px; width: 220px; background:#2263b3;font-size:18px;color:#fff; padding:15px; line-height: 30px;}
.location_tit a {font-size:18px; display: block; padding:15px; color:#fff;}
.location_tit > a{border-right: 1px solid #ddd;}

.location_tit2 {float:left; position:relative; height: 60px;width: 300px; background:#fff;}
.location_tit2 a {font-size:18px; display: block; padding:17px 15px; color:#488ec3;}
.location_tit2 > a{border-right: 1px solid #ddd; }
.location_inner {background:#f9f9f9; width: 301px; position: absolute; left: -1px; display: none; }
.location_inner li {border-bottom:1px solid #ddd;  list-style:none; }
.location_tit2 .location_inner li a:link, .location_tit2 .location_inner li a:visited {color:#333; font-size: 15px;}
.location_tit2 .location_inner li a:active, .location_tit2 .location_inner li a:hover{color:#488ec3;}
.location_inner li.on a, .location_inner li.on a:hover {font-weight:600; color:#333;}

.navi{display:none;}

.container{clear:both; width:1300px; margin: 0px auto; }
.contents{padding:0.5rem 1rem 3rem; background-color:#fff; min-height:450px; box-sizing:border-box;}
/*.title{ color:#488ec3; font-weight:bold; font-size:2rem; line-height:3rem; position:relative; margin: 2rem 0; text-align:center;}
.title:before { display:block; content:''; position:absolute; top:1.8rem; left:50%; transform:translateX(-50%); width:15rem; height:1rem; background:#488ec3; opacity:0.12;}*/

.title{ color:#488ec3; font-weight:bold; font-size:2rem; line-height:3rem; position:relative; margin: 2rem 0; text-align:center; border-bottom: 1px solid #ddd; padding-bottom: 1.5rem;}


#back-to-top { position: fixed; display:none; right: 2rem; bottom: 2rem; z-index: 999; padding: 0.9rem 0 0; width:4rem; height:3.1rem; border-radius: 4rem; transition:all .5s ease-in-out; font-size:1.2rem; line-height:1.5; text-align:center; vertical-align:middle; cursor:pointer; user-select:none; border: 1px solid #2263b3; background:#fff; color:#488ec3; opacity:0.7;}
#back-to-top:hover { opacity:1;}
#back-to-top:focus { outline: 0; box-shadow:0 0 0 .25rem rgba(72,142,195,0.25)}

/*
@media screen and (max-width: 768px) {
	.location_wrap { height:50px; padding-top:66px;}
.location { width:100%; margin: 0 auto 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; height:50px; display: flex;}
.location_tit { flex-basis: 100px; width: 20vw; font-size:0.8rem; padding:10px 5vw; letter-spacing:-1px;}
.location_tit2 {width: 70vw;}
.location_inner {width: 100%;}
.location_tit2 { height: 50px;}
.location_tit a, .location_tit2 a {font-size:0.8rem; padding:10px 5vw; letter-spacing:-1px; height:30px; line-height: 30px;}

.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: #2263b3;
}*/
/*
.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:0 1rem 2rem; min-height: 200px;}
	.contents img { max-width: 100%;}
	.contents a.sub_link { display:block; height:66px; margin-top:-66px; visibility: hidden;}
.title { font-size: 1.6em; line-height: 2rem;}
	.title:before { top:1rem;}
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
*/