/*폰트*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*초기화*/
html{transition:transform 1000ms ease-out}
body{font-weight:400}
html, body{height:100%!important;width:100%;margin:0;padding:0;font-family:"Noto Sans KR", sans-serif;background:#fff;letter-spacing: -1px;}
h1,p,ul{margin:0;padding:0}
li{list-style:none}
a{color:#333;text-decoration:none !important;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;color: #000;}
p {margin:0;padding:0;word-break:break-all}
b{font-weight:500}

.pc_img{display:block!important;}
.m_img{display:none!important;}

.img-responsive{max-width: 100%;}
.m-auto{margin:auto}

.half_wrap{display:table;width:100%}
.half_wrap > div{display:table-cell;vertical-align:middle}
.half{width:50%}
.left{float:left}


.clear:after{display:block;content:"";clear:both}

.container{max-width:1300px;margin:auto}
.all_bg {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);display: none;z-index: 9998;}

header .header{width: 100%;top: 0;left:0;z-index: 9996;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;    position: relative;}
header .header * {z-index: 1004;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
/*header.on .header {position: fixed;background:rgba(255,255,255,0.9);}*/

header .header .h_top{background:#29242a;width:100%;text-align:center}
header .header .h_top .container {position: relative;top: 0;left: 0;}
header .header .h_top .login{position:absolute;bottom:50px;left:0}
header .header .h_top .login li {float: left;margin-right: 15px;font-size: 15px;}
header .header .h_top .login li a {color: rgba(255, 255, 255, 0.8);}

header .header .h_bottom{background:#3e393f;width:100%;}
header .m_menu #lnb {height: 100%;}
header .header .logo{padding:50px 0;text-align:center;display:inline-block;margin:auto;}
header .header .menu{width:100%;font-size:18px;}
header .header .menu:after{display:block;content:"";clear:both}
/* header .header .menu > li{float:left;width:12.5%;position:relative;top:0;left:0} */
header .header .menu > li{float:left;width: calc(100% / 8);position:relative;top:0;left:0}
header .header .menu a.depth01 {padding: 20px 0;display: block;text-align: center;color:#fff;}
header .header .menu a.depth01.on {background: #f5f5f5;color: #333;}
header .header .menu > li .depth02{border-bottom:2px solid #29242a;background:rgba(245, 245, 245, 0.9);font-size:16px;width: 100%!important;position: absolute;top: 100%;left: 0px;padding-top: 0px!important;-webkit-transition: none;transition: none;text-decoration: none;display: none;text-align:center;z-index: 9999;}
header .header .menu > li .depth02 .pc_menu_a{padding:15px 0;display:block;position:relative}
header .header .menu > li .depth02 .pc_menu_a:hover{background:#29242a;color:#fff;}


header .m_menu{position: fixed;top: 0;left: -280px;bottom: 0;width: 280px;height: 100%;background: #29242a;z-index:9999;letter-spacing: 0px;}

header .header .menu_btn {display: block;width: 25px;height: 15px;top: 50%;margin-top: -7.5px;left: 15px;position: absolute;z-index: 550;cursor: pointer;-webkit-transition: top 300ms;transition: top 300ms;}
header .header .menu_btn > div {display: block;width: 100%;text-indent: -9999px;border: none;background: none;}
header .header .menu_btn .btn_line {display: block;width: 100%;height: 1px;position: absolute;left: 0;background: #fff;-webkit-transition: background 300ms;transition: background 300ms;}
header .header .menu_btn .btn_line01 {top: 0;}
header .header .menu_btn .btn_line02 {top: 7px;}
header .header .menu_btn .btn_line03 {bottom: 0;}
header .m_menu.on .m_menu_close {right: -37px;}
header .m_menu .m_menu_close{width: 27px; right: 0;height: 22px;position: absolute;top: 10px;}
header .m_menu .m_menu_close span{opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";right: 0;display: block;width: 100%;height: 1px;border-radius: 10px;background-color: #fff;position: absolute;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
header .m_menu .m_menu_close span:nth-child(1) {top: 9px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
header .m_menu .m_menu_close span:nth-child(2) {top: 9px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}

header .menu.menu01 {margin-top: 10px;}
header .menu > a.menu_a {display: block;font-size: 15px;padding: 20px 25px;position: relative;top: 0;left: 0;color:#fff;}
header .m_menu .sub_menu_wrap{display:none;background-color: #3e393f;padding: 10px 0;}
header .m_menu .sub_menu_wrap a.sub_menu_a {color:#fff;font-size: 13px;padding: 15px 40px;display: block;position:relative;top:0;left:0}

header .m_menu .sub_menu_wrap li a.sub_menu_a.void_link:before {display: block;content: "";clear: both;position: absolute;top: 50%;margin-top:-5px;right: 30px;height: 10px;width: 1px;opacity:1;background: #000;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
header .m_menu .sub_menu_wrap li a.sub_menu_a.void_link:after {display: block;content: "";clear: both;position: absolute;top: 50%;transform: translateY(-50%);right: 25px;width: 10px;height: 1px;background: #000;}
header .m_menu .sub_menu_wrap li.active a.sub_menu_a.void_link:before {-webkit-transform: rotate(90deg);transform: rotate(90deg);opacity:0}

.lnb_list{height:92%; overflow-y: scroll;}
.lnb_list::-webkit-scrollbar {width: 6px;height: 6px;}
.lnb_list::-webkit-scrollbar-track {background: #29242a;}
.lnb_list::-webkit-scrollbar-thumb {background: #3e393f ;}
.lnb_list::-webkit-scrollbar-thumb:hover {background: #3e393f ;}
.m_login {width: 100%;height:8%;position: relative;overflow: hidden;}
.m_login:after {display: block;content: "";clear: both;}
.m_login li {width: 50%;float: left;position:absolute;top:50%;margin-top:-11px;}
.m_login li.m_login01{left:0}
.m_login li.m_login02{right:0}
.m_login li a{text-align:center;color:#fff;font-size:15px;display:block;}
.mainslide{max-width:1920px;margin:auto}
.mainslide .swiper-button-prev:after, .mainslide .swiper-button-next:after {content: "";}
.mainslide .swiper-button-prev:focus, .mainslide .swiper-button-next:focus{outline:none}
.mainslide .swiper-button-prev, .mainslide .swiper-button-next{width: 77px;height: 50px;background-position: center;background-repeat: no-repeat;    background-size: 100%;}
.mainslide .swiper-button-prev {background-image: url(/img/main/left_btn.png);left:50px}
.mainslide .swiper-button-next {background-image: url(/img/main/right_btn.png);right:50px;}

.section{padding:120px 0}
.main_con{margin-top:50px;}

.sct01 .banner li{float:left}
.sct01 .banner:after{display:block;content:"";clear:both}
.sct01 .banner li.ba03{width:33.3333%}
.sct01 .banner li.ba02{width:50%}

.sct02 {text-align:center;position:relative;top:0;left:0;}
.sct02 .half_wrap {width: 1300px;position: absolute;top: 0;left: 50%;padding: 120px 0;margin-left: -650px;}
.sct02 .half_wrap > div{vertical-align:bottom;text-align: left;}
.sct02_btn:after{display:block;content:"";clear:both}
.sct02_btn li{width:49%;float:left;margin-right:1%;margin-bottom:1%;}
.sct02_btn li:nth-child(2), .sct02_btn li:last-child{margin-right:0}
.sct02_btn li a{border:1px solid #3e393f;display:block;width:100%;padding:15px;font-size:18px;text-align:left}
.sct02_btn li a:after{display:block;content:"";clear:both}
.sct02_btn li a span:after {display: block;content: "";clear: both;width: 30px;height: 30px;border: 1px solid #3e393f;position: absolute;top: 50%;left: 50%;border-radius: 50%;margin-top: -15px;margin-left: -15px;}
.sct02_btn li a span {float: right;color: #3e393f;font-weight: lighter;position: relative;top: 0;left: 0;margin-right: 10px;}
.sct02_btn li:hover a {background: #3e393f;color: #fff;}
.sct02_btn li:hover a span {color: #fff;}
.sct02_btn li:hover a span:after {border: 1px solid #fff;}


.flex{
	display:flex;
	justify-content: center;
}

.container1{
	max-width:960px;
	margin: auto;
}

.column{
    display: flex;
    flex-direction: column;
    text-align: center;
	margin: auto;

}

.small{
	display: none;
}
.m400_img{display: none;}



.sct03 {padding-bottom:0!important}
.sct03 .event:after{display:block;content:"";clear:both}
.sct03 .event li{width:32.3333%;margin-right:1.5%;float:left}
.sct03 .event li:last-child{margin-right:0}
.sct03 .main_tit{text-align:center}


.sct03 .main_con{position:relative;top:0;left:0}
.sct03 .swiper-button-prev, .sct03 .swiper-button-next{width:50px;height:51px;background-position: center;background-repeat: no-repeat;background-size: 100%;display:none}
.sct03 .swiper-button-prev:after, .sct03 .swiper-button-next:after{content:"";}
.sct03 .swiper-button-prev{left: 0;background-image: url(/img/main/event_left.png);}
.sct03 .swiper-button-next {right: 0;background-image: url(/img/main/event_right.png);}

.sct03 .board_wrap:after{display:block;content:"";clear:both}
.sct03 .board_wrap{margin-top:50px;}
.sct03 .board_wrap .board {width: 49%;margin-right: 2%;float: left;border: 1px solid #a5a3a5;padding: 30px 50px;min-height:335px;}
.sct03 .board_wrap .board:last-child {margin-right: 0;}
.sct03 .board_wrap .board .tit{font-size:28px;}
.sct03 .board_wrap .board .tit .more{float:right;}
.sct03 .board_wrap .board .b_list{margin-top:15px;}
.sct03 .board_wrap .board .b_list:after {display: block;content: "";clear: both;}
.sct03 .board_wrap .board .b_list li{border-top:1px solid #cfcecf;font-size:16px;padding:15px 0}
.sct03 .board_wrap .board .b_list b {color: #fb8312;padding-right: 50px;}
.sct03 .board_wrap .board .b_list span {float: right;color: #989599;}


.sct04 .main_tit{text-align:center}
.sct04 .map_wrap:after{display:block;content:"";clear:both}
.sct04 .map_wrap{position:relative;top:0;left:0}
.sct04 .map_wrap .map_api{position:absolute;top:0;bottom:0;left:0}
.sct04 .map_wrap .map_desc{float:right}
.sct04 .map{width:100%;border:none;padding:0;height:100%}
.sct04 .map .hide{display:none;}
.sct04 .root_daum_roughmap .wrap_map{height:100%;}


footer .footer{background:#3e393f;text-align:center;font-size:15px;}
footer .footer .f_top .container{border-bottom:1px solid #c8c7c8;padding:30px 15px}
footer .footer .f_top  .f_list li{display:inline-block;padding:0 15px;}
footer .footer .f_top  .f_list li a{color:#c8c7c8;}

footer .footer .f_bottom{padding:80px 15px;}
footer .footer .f_bottom .f_info{color:#c8c7c8;margin-top:30px;}
.quick {position: fixed;top: 250px;right: 15px;z-index:9997}

.quick .quick_list li{display:table;width:100px;height:100px;border-radius:50%;background:#fb8312;margin-bottom:10px;}
.quick .quick_list li:hover{background:#29242a}
.quick .quick_list li a{display:table-cell;text-align:center;vertical-align:middle}
.quick .quick_list li .q_txt {display: block;text-align: center;margin-top:5px;font-size:14px;color:#fff;}


.tail_slide{max-width:1920px;margin:auto;position:relative;top:0;left:0;overflow:hidden}
.tail_slide .tail_btn_wrap{position:absolute;bottom:50px;width:68%;left:16%;margin-left:0}
.tail_slide .tail_btn_wrap .swiper-button-next, .tail_slide .tail_btn_wrap .swiper-button-prev{width:64px;height:64px;position:relative;background-position: center;background-repeat: no-repeat;background-size: 100%;opacity:1}
.tail_slide .tail_btn_wrap .swiper-button-next{right:auto;left:0;float:left;background-image: url(/img/sub/tail_right.png);}
.tail_slide .tail_btn_wrap .swiper-button-prev{left:0;float:left;background-image: url(/img/sub/tail_left.png);}
.tail_slide .tail_btn_wrap .swiper-button-next:after, .tail_slide .tail_btn_wrap .swiper-button-prev:after{content:"";}
.tail_img{max-width:1920px;margin:auto;position:relative;top:0;left:0;}


div#bo_list, section#bo_w, article#bo_v, div#bo_gall, article#ctt, .register{max-width: 1300px;margin: 80px auto;}
#bo_gall #gall_ul{margin:10px 0 0 0 }
.sub .sub_con_box{margin:50px 0;position:relative;top:0;left:0}
.sub .swiper-slide_img{width:100%;}
.sub .swiper-slide_txt{width:40%;background:#fff;min-height:200px;margin-top:30px;}
.sub .swiper-slide_txt .txt01{color:#3e393f;letter-spacing:1px;font-size:15px;}
.sub .swiper-slide_txt .txt02{font-size:35px;margin-top:10px;font-weight:bold}
.sub .swiper-container.gallery-thumbs{width:60%;position:absolute;bottom:0;right:0}
.sub .swiper-button-wrap{position:absolute;bottom:0;width:40%;left:0}
.sub .swiper-button-wrap .swiper-button-prev, .sub .swiper-button-wrap .swiper-button-next {position: relative;float: left;left: 0;right: auto;width:60px;height:60px;margin-right:10px;background-position: center;background-repeat: no-repeat;background-size: 100%;opacity:1}
.sub .swiper-button-wrap .swiper-button-prev:after, .sub .swiper-button-wrap .swiper-button-next:after{content:""}
.sub .swiper-button-wrap .swiper-button-prev{background-image: url(/img/sub/sub_arrow_left.png);}
.sub .swiper-button-wrap .swiper-button-next{background-image: url(/img/sub/sub_arrow_right.png);}


.sub .map{width:100%;height:100%;padding:0;border:0}
.sub .root_daum_roughmap .wrap_map{height:600px;}
.sub .hide{display:none;}
.sub .map_desc{padding:20px;background:#29242a;color:#fff;font-size:22px;text-align:center}

.sub .map_wrap {margin-top:30px;}
.sub .map_wrap .half{padding:0 30px}

.sct01-1 .flex { flex-wrap: wrap; }
.sct01-1 .flex li img { max-width: 100%; margin-top: 6px;}
.sct01-1 .flex .list { max-width: 33.33%; flex: 1 1 33.33%; margin-right: 0; }

@media (max-width: 768px) {
	.sct01-1 .column .flex li { max-width: 50%; flex: 1 1 50%; margin-right: 0; }
	.sct01-1 .flex li img {  margin-top: 0px; margin-left: 0px;}
}

@media (max-width: 1300px){

	div#bo_list, section#bo_w, article#bo_v, div#bo_gall, article#ctt, .register{padding:0 15px;}

	header .header .h_top .login{left:15px;}

	.section{padding:80px 0}
	.container{padding:0 15px;}

	.sct02 .half_wrap {width:100%;left: 0;margin-left: 0;padding:80px 15px}
	.sct02 .half_wrap > div > img{height:180px;}
	.sct02_btn li a {font-size: 16px;padding: 10px 15px;}
	.sct03 .board_wrap .board .b_list b{padding-right:30px;}

	.tail_slide .tail_btn_wrap{bottom:0}


}
@media (max-width: 1024px){
	.sct02 .half_wrap > div > img{height:150px;}
	.sct02 .half_wrap{padding:50px 15px}
}


@media (max-width: 990px){
	header .header .menu{font-size:16px;}
	header .header .menu > li .depth02{font-size:15px;}
	header .header .logo{padding:30px 0}
	header .header .logo img {height: 50px;}

	footer .footer .f_bottom {padding: 50px 0;}
	footer .footer .f_bottom img {height: 45px;}

	.sct03 .swiper-button-prev, .sct03 .swiper-button-next{display:block;}
	.sct03 .swiper-button-prev{left: 10px;}
	.sct03 .swiper-button-next {right:10px;}
	.tail_slide .tail_btn_wrap .swiper-button-next, .tail_slide .tail_btn_wrap .swiper-button-prev{width:40px;height:40px;}

	.sub .swiper-slide_txt .txt02{font-size:40px;margin-top:5px;}


	.sub .root_daum_roughmap .wrap_map{height:450px;}
	.sub .map_desc{padding:15px;font-size:20px;}

	.sub .map_wrap {margin-top:20px;}
	.sub .map_wrap .half{padding:0 15px}
}

@media (max-width: 768px){
	.pc_img{display:none!important;}
	.m_img{display:block!important;}

	.section{padding:50px 0}
	.main_con{margin-top:30px;}
	.half{width:100%}
	.half_wrap{display:block;}
	.half_wrap > div{display:block;margin-bottom:15px}
	.half_wrap > div:last-child{margin-bottom:0}

	header .header .logo{padding:15px 0}
	header .header .logo img {height: 35px;}
	header .header .tel {position: absolute;top: 50%;right: 15px;color:#fff;font-size:20px;transform: translateY(-50%);margin-top: -3px;}
	.mainslide .swiper-button-prev, .mainslide .swiper-button-next {width: 47px;height: 27px;}
	.mainslide .swiper-button-next{right:15px}
	.mainslide .swiper-button-prev{left:15px;}

	.sct01 .banner li{width:50%!important;}
	.sct01 .banner li:last-child{width:100%!important}

	.sct02_btn{margin-top:30px}
	/* .sct02_btn li{width:100%;} */
	.sct02_btn li a{font-size:15px;}




	.sct03 .board_wrap .board{width:100%;margin-right:0;padding:30px;margin-bottom:15px;min-height:auto;}
	.sct03 .board_wrap .board:last-child{margin-bottom:0}
	.sct03 .board_wrap .board .tit {font-size: 24px;}http://dbor.ffive.kr/img/sub/mn04_01_m.jpg
	.sct03 .board_wrap .board .b_list li{font-size:15px;}
	.sct03 .swiper-container{width:80%;margin:auto}
	.sct03 .swiper-slide{text-align:center;}

	.sct03 .main_tit img{height:25px;}
	.sct03 .swiper-button-prev{left: 0px;}
	.sct03 .swiper-button-next {right:0px;}

	.sct04 .main_tit img{height:25px;}

	.sct04 .map_wrap .map_desc{float:none;}
	.sct04 .map_wrap .map_desc img{width:100%}
	.sct04 .map_wrap .map_api {position: relative;bottom: auto;}
	.sct04 .root_daum_roughmap .wrap_map {height: 300px;}

	footer .footer {font-size: 14px;}
	footer .footer .f_top .container {padding: 15px;    border-bottom: 1px solid rgba(200, 199, 200, 0.5);}
	footer .footer .f_top .f_list:after{display:block;content:"";clear:both;}
	footer .footer .f_top .f_list li {width: 33.3333%;float: left;display: block;padding: 0;}
	footer .footer .f_bottom {padding: 30px 0;padding-bottom:100px;}
	footer .footer .f_bottom img {height: 35px;}
	footer .footer .f_bottom .f_info {margin-top: 15px;}

	.quick{top:auto;bottom:0;right: 0;width:100%}
	.quick .quick_list li{float:left;width:25%;height:auto;display:block;margin-bottom:0;border-radius: 0;}
	.quick .quick_list li a{display:block;width:100%;padding: 15px 0;}
	.quick .quick_list li:hover {background: #fb8312;}
	.quick .quick_list li a img {height: 28px;}

	.tail_slide .tail_btn_wrap .swiper-button-next, .tail_slide .tail_btn_wrap .swiper-button-prev{width:30px;height:30px;}

	div#bo_list, section#bo_w, article#bo_v, div#bo_gall, .register{margin: 50px auto;}

	.sub .swiper-container.gallery-thumbs{display:none;}
	.sub .swiper-button-wrap {width: 100%;bottom: auto;left: auto;top: 50%;margin-top: -30px;height: 1px;}
	.sub .swiper-button-wrap .swiper-button-prev, .sub .swiper-button-wrap .swiper-button-next {position: absolute;margin-right: 0;width:50px;height:50px}
	.sub .swiper-button-wrap .swiper-button-prev {left: 0;}
	.sub .swiper-button-wrap .swiper-button-next {right: 0;left: auto;}
	.sub .swiper-slide_txt {min-height: auto;width: 100%;margin-top:10px;}
	.sub .swiper-slide_txt .txt02{font-size:30px;margin-top:0}

	.sub .root_daum_roughmap .wrap_map{height:300px;}
	.sub .map_desc{padding:10px;font-size:18px;}

	.sub .map_wrap {margin-top:15px;}
	.sub .map_wrap .half{margin-bottom:15px;}
	.sub .map_wrap .half:last-child{margin-bottom:0}




	.small {
		display: block;

	}
	.large{
		display: none;
	}
	.m400_img{display: none;}
}



@media (max-width: 500px){
	.sct02 .half_wrap > div > img {height: 120px;}
	.sct02_btn{margin-top:15px}
	.sct02_btn li{width:49%;}
	.sct02_btn li a{ font-size: 14px;padding: 10px;}
	.sct03 .swiper-container{width:78%}
	.sct03 .swiper-button-prev, .sct03 .swiper-button-next{width:35px;height:36px;}
	.sct04 .root_daum_roughmap .wrap_map {height: 250px;}

	.sub .swiper-button-wrap .swiper-button-prev, .sub .swiper-button-wrap .swiper-button-next{width:35px;height:35px;}
	.sub .swiper-slide_txt .txt01{font-size:14px;}
	.sub .swiper-slide_txt .txt02{font-size:22px;}

	.sub .root_daum_roughmap .wrap_map{height:250px;}
	.sub .map_desc{font-size:15px;}



}
@media (max-width:450px){
	.m400_img{display: block;}
	.m400_none{display: none !important;}
}



/* 오시는길 추가 */
html,body{font-size:16px}
@media (max-width:1440px){html, body {font-size: 14px;}}
@media (max-width:1240px){html, body {font-size: 13px;}}
@media (max-width:1024px){html, body {font-size: 11px;}}
@media (max-width:768px) {html, body {font-size: 10px;}}

.sub .location_ban{background: url(/img/sub/bg_img.jpg)no-repeat center / cover; padding: 19rem 0; position: relative; overflow: hidden; width: 100%; margin-bottom: 5rem;}
.sub .location_ban .imgbox{position: absolute; bottom: 0; left: 0; width: 50%;}
.sub .location_ban .txtbox{background: rgba(251,131,18,0.8); color: #fff; position: absolute; width: 60%; bottom: 10%; right: 0; padding: 5rem 1rem 5rem 5rem;}
.sub .location_ban .txtbox > h4{font-size: 4.375rem; margin-bottom: 1rem;}
.sub .location_ban .txtbox > p{font-size: 1.875rem; word-break: keep-all;}


@media (max-width:1024px){
	.sub .location_ban .txtbox{width: 70%;}
}

@media (max-width:768px){
	.sub .location_ban .imgbox{width: 70%;}
	.sub .location_ban .txtbox{width: 90%; bottom: auto; top: 10%; padding: 3rem;}
	.sub .location_ban .txtbox > h4{font-size: 4rem;}
}

@media (max-width:768px){
	.sub .location_ban .imgbox{width: 80%;}
	.sub .location_ban .txtbox .hidden_br{display: none;}
}


/*그누보드 팝업*/

@media (max-width: 768px) {
#hd_pop {width:100% !important;}
.hd_pops {height: 100%; left: 15px !important; right: 15px;}

.hd_pops img {width:100% !important;}
.hd_pops_con {width:100% !important;height:auto !important;}
.hd_pops_footer{top:-20px;}
}
