/* noto-serif-kr-400 - latin_korean */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/noto-serif-kr-v6-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif KR'), local('NotoSerifKR-Regular'),
       url('/css/fonts/noto-serif-kr-v6-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/noto-serif-kr-v6-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/noto-serif-kr-v6-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/noto-serif-kr-v6-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/noto-serif-kr-v6-latin_korean-regular.svg#NotoSerifKR') format('svg'); /* Legacy iOS */
}
/* noto-serif-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 500;
  src: url('/css/fonts/noto-serif-kr-v6-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif KR Medium'), local('NotoSerifKR-Medium'),
       url('/css/fonts/noto-serif-kr-v6-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/noto-serif-kr-v6-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/noto-serif-kr-v6-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/noto-serif-kr-v6-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/noto-serif-kr-v6-latin_korean-500.svg#NotoSerifKR') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Chosunilbo_myungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MaruBuri-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*폰트*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); /*나눔고딕*/

/*초기화*/
html, body{width:100%;margin:0;padding:0;font-family:"Nanum Gothic", sans-serif!important;background:#fff;letter-spacing: -1px;line-height:1.5em;font-size:14px;}
body{letter-spacing: -1px;font-family:"Nanum Gothic", sans-serif;font-weight:300}
h1, h2, h3, h4, h5, h6{font-family:"Nanum Gothic", sans-serif;}
::selection{background:#bedbfd}
*:focus{outline:none;}
h1,p,ul{margin:0;padding:0}
li{list-style:none}
a{color:#000;text-decoration:none !important;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
p {margin:0;padding:0;word-break: keep-all;}
b{font-weight:bold}


.img-responsive{max-width:100%; display:block; width:auto;}
.m-auto{margin: 0px auto; }
.clear:after{display:block;content:"";clear:both}
.visible-xs{display:none!important}
.hidden-xs{display:block!important}
.visible-md{display:none!important}
.hidden-md{display:block!important}

.ex{word-break:keep-all;}
.left{float:left}
.right{float:right}
.section.l_text{text-align:left}
.l_text{text-align:left}
.r_text{text-align:right}

.pb-0{padding-bottom:0!important}
.pt-0{padding-top:0!important}

.pl-0{padding-left:0!important}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}

.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom: 2.5rem;}
.mb-50{margin-bottom: 3.125rem;}
.mb-60{margin-bottom: 3.75rem;}
.mb-80{margin-bottom: 5rem;}

/*여백없는 half*/
.half{width:50%;}

/*여백 있는 half*/
.half01{width:49%;margin-right:2%;float:left}
.half01:last-child{margin-right:0;}
.half01:nth-child(2n){margin-right:0}

/*중앙으로 맞추기*/
.table_wrap{width:100%;display:table;}
.table_wrap > div{display:table-cell;vertical-align:middle}

/*3개 박스*/
.sub_box{margin-bottom:1.5%;}
.sub_box:last-child{margin-bottom:0}
.sub_box:after{display:block;content:"";clear:both}
.sub_box .s_box{width:32.3333%;margin-right:1.5%;margin-top:1.5%;float:left;}
.sub_box .s_box:nth-child(-n+3){margin-top:0}
.sub_box .s_box:nth-child(3n){margin-right:0}
.sub_box .s_box:nth-child(4n){clear:both}
.sub_box .s_box:last-child{margin-right:0}

/*여백없는 3개 박스*/
.sub_box.mr-0 .s_box{width:33.3333%;margin-right:0;}
.sub_box.mr-0{margin-bottom:0}

/*4개 박스*/
.sub_box4{margin-bottom:1.5%;}
.sub_box4:last-child{margin-bottom:0}
.sub_box4:after{display:block;content:"";clear:both}
.sub_box4 .s_box{width:23.5%;margin-right:2%;margin-top:2%;float:left;}
.sub_box4 .s_box:nth-child(-n+4){margin-top:0}
.sub_box4 .s_box:nth-child(4n){margin-right:0}
.sub_box4 .s_box:last-child{margin-right:0}

.all_bg {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.8);display: none;z-index: 9997;}



.ft28{font-size:28px;}

.ft24{font-size:24px;line-height:1.5em}
.ft22{font-size:22px;line-height: 1.4em;}
.ft20{font-size:20px;line-height: 1.5em;}
.ft18{font-size:18px;line-height: 1.4em;}


.Mont{/*font-family: 'Montserrat', sans-serif;*/    letter-spacing: 1px;}

.container{max-width:1400px;margin:auto}
.section{padding:150px 0;text-align:Center}
.section1{max-width:1920px;margin:auto}
.tit{font-size:45px;line-height: 1.4em;}
.cont_box{margin-top:80px;}
.tit1{font-size:38px;    line-height: 1.5em;}

/*header*/
.depth01 .down{display:none;}
.depth03{display:none;}
.menu_img{display:none;}

header.on .header {background:rgba(255,255,255,0.85);position: fixed;padding-top: 0;}
header.on .header #menu .depth01{color:#000;}



header .header{width: 100%;position:relative;top: 0;left:0;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;z-index:9991;color:#58595b;}
header .header * {z-index: 1004;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}

header .header .container:after{display:block;content:"";clear:both}
header .header .logo{width:25%;float:left;padding:20px 0;padding-right:10px;display: block;}

header .navi-bg {height: 250px;position: absolute;top: 100%;left: 0;right: 0;background-color: rgba(255,255,255,0.95);display: none;width: 100%!important;z-index: 10;}
header .navi-bg.active{display:block}
header .header #menu .depth02 > li .menu_img{display:block;margin-bottom:20px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
header .header #menu .depth02 > li:hover .menu_img {transform: translateY(-10px);}
header .header #menu .depth02 > li span{position:relative;top:0;left:0;width:auto;display:inline-block;}
header .header #menu .depth02 > li:hover span:after{width: 100%;opacity: 1;}

header .header #menu .depth02 > li span:after {display: block;content: "";clear: both;width: 0;height: 100%;box-shadow: inset 0 -14px 0 #83dde4;position: absolute;top: 0;left: 0;-webkit-backface-visibility: hidden;opacity: 0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;z-index: -1;}

header .header #menu{width:75%;float:left;font-size:18px;font-weight:500}
header .header #menu:after{display:block;content:"";clear:both}
header .header #menu .menu{float:left;width:16.6666%;}
header .header #menu .depth01 {font-weight:bold;line-height: 1.4em;text-align: center;padding: 30px 0;display: block;color:#58595b;position:relative}
header .header #menu .depth02:after{display:block;content:"";clear:both;}
header .header #menu .depth02{padding-top:30px;color: #58595b;font-size:18px;width: 100%!important;position: absolute;top: 100%;left: 0;-webkit-transition: none;transition: none;text-decoration: none;display: none;text-align:center;z-index: 9999;}

header .header #menu .depth02 > li{display:inline-block;width:464px;padding:0 15px;}
header .header #menu .menu01 .depth02 > li{width:280px;}
header .header #menu .menu03 .depth02 > li{width:348px;}
header .header #menu .menu04 .depth02 > li{width:348px;}

header .header #menu .depth02 > li > a{padding:20px 0;display:block;color: #000;position:relative;font-size:0.85em}

header .header #menu .depth02 > li{position:relative;top:0;left:0}
header .header #menu .menu:hover .depth01:after {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
header .header #menu .depth01:after {content: '';display: inline-block;width: 6px;height: 6px;background: #5c5d5c;border-radius: 100%;position: Absolute;left: 49%;top: 10px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);}


header .m_menu{overflow: scroll;position: fixed;top: 0;right: -100%;bottom: 0;width: 100%;height: 100%;background:#fff;z-index:9997;display:none;-webkit-box-shadow: -5px 8px 18px 0px rgba(0, 0, 0, .07);box-shadow: -5px 8px 18px 0px rgba(0, 0, 0, .07);}




header #lnb .depth01 {display: block;font-size: 15px;padding: 20px;position: relative;top: 0;left: 0;text-align: left;color: #3e3e3c;}
header #lnb .depth01 .down{display:block;float:right;}
header #lnb .depth02{display:none;background-color: #f4f4f4;text-align:left}
header #lnb .depth02 li a {font-size: 14px;padding: 15px 20px;display: block;position:relative;top:0;left:0;color:#000;}



header .header .login {float: left;width: 13%;font-size: 15px;color: #58595b;font-family: 'Montserrat', sans-serif;display:none;}
header .header .login li {float: left;width: 50%;}
header .header .login li img {float: left;}
header .header .login li a {padding: 31px 0;display: block;}
header .header .login li a span {margin-top: 3px;margin-left: 3px;display: inline-block;}


header .nav_btn{width: 30px;height: 30px;position: fixed;top: 20px;right: 25px;transition: .1s;cursor: pointer;display: inline-block;z-index:9998;}
header .nav_btn span{width: 8px;height: 8px;background-color: #00bac8;display: block;position: absolute;border-radius:1px;}
header .nav_btn:hover span{transform: scale(1.2);transition: 350ms cubic-bezier(.8, .5, .2, 1.4);}
header .nav_btn span:nth-child(1){left: 0;top: 0;}
header .nav_btn span:nth-child(2){left: 11px;top: 0;}
header .nav_btn span:nth-child(3){right: 0;top: 0;}
header .nav_btn span:nth-child(4){left: 0;top: 11px;}
header .nav_btn span:nth-child(5){position: absolute;left: 11px;top: 11px;}
header .nav_btn span:nth-child(6){right: 0px;top: 11px;}
header .nav_btn span:nth-child(7){left: 0px;bottom: 0px;}
header .nav_btn span:nth-child(8){position: absolute;left: 11px;bottom: 0px;}
header .nav_btn span:nth-child(9){right: 0px;bottom: 0px;}
header .nav_btn.open{position: fixed;transform: rotate(180deg);cursor: pointer;transition: .2s cubic-bezier(.8, .5, .2, 1.4);}
header .nav_btn.open span{width:4px;height:4px;transition-delay: 200ms;transition: .5s cubic-bezier(.8, .5, .2, 1.4);border-radius: 50%;background-color: #fff;}
header .nav_btn.open span:nth-child(2) {left: 6px;top: 6px;}
header .nav_btn.open span:nth-child(4) {left: 6px;top: 18px;}
header .nav_btn.open span:nth-child(5) {left: 12px;top: 12px;}
header .nav_btn.open span:nth-child(6) {right: 6px;top: 6px;}
header .nav_btn.open span:nth-child(8) {left: 18px;bottom: 6px;}

header .header .tel {position: absolute;top: 20px;right: 85px;}


.m_login {background: linear-gradient(90deg, #00bac8 0%, #0094be 50%, #006fb5 100%);color: #fff;font-size: 15px;padding-left:15px;text-align:Center}
.m_login:after {display: block;content: "";clear: both;}
.m_login li {display: block;float:left;margin-right:20px;border-radius:50px;}
.m_login li a{padding:22px 0;color:#fff;display:block}


.m_login li img{display:inline-block;vertical-align:middle;margin-right:3px;height:20px}

.m_menu_link:after{display:block;content:"";clear:both;}
.m_menu_link li{float:left;width:50%;font-size:15px;text-align:center}
.m_menu_link li a{display:block;padding:15px 0;background: linear-gradient(90deg, #00bac8 0%, #0094be 50%, #006fb5 100%);color: #fff;}
.m_menu_link li img{display:inline-block;vertical-align:middle;margin-right:3px;height:20px}


.main .slick-arrow {cursor: pointer;}

.view_detail{padding:10px 35px;border-radius:50px;border:2px solid #000;display:inline-block;font-family: 'Montserrat', sans-serif;font-weight:600;position:relative;top:0;left:0}
.view_detail:after {display: none;margin-left:5px;content: "\f105";position:absolute;top:50%;margin-top:-10px;right:20px;color:#fff;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;content: "\f105";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.view_detail:hover{padding-right:45px;background:#000;color:#fff;}
.view_detail:hover:after{display:inline-block;animation: more_btn1 0.5s ease infinite reverse;}

.view_detail.w_btn{border:2px solid #fff;color:#fff;}
.view_detail.w_btn:after{color:#000;}
.view_detail.w_btn:hover{background:#fff;color:#000;}

/*mainslide*/
.mainslide{max-width:1920px;margin:auto;}
.mainslide .swiper-slide .txt{position:absolute;top:50%;left:50%;width:1400px;transform: translate(-50%, -50%);}
.mainslide .view_detail{margin-top:50px;}
.mainslide .swiper-btn-wrap {position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);z-index: 9999;}
.mainslide .swiper-btn-wrap .swiper-pagination {position: relative;top: 0;left: 0;float: left;padding: 13px 20px;border-radius: 50px;background: rgb(0,0,0,0.5);}
.mainslide .swiper-btn-wrap .swiper-pagination span {background: #fff;margin: 0 6px;display: block;float: left;width:6px;height:6px;}
.mainslide .swiper-btn-wrap .swiper-pagination span.swiper-pagination-bullet-active {width: 9px;height: 9px;margin-top: -1px;}
.mainslide .autoplay-button {float: left;margin-right: 5px;height:34px;width:43px;}
.mainslide .autoplay-button>div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}



@-webkit-keyframes more_btn1 {  
	0% { right:15px;}
	50%{right:20px;}
	100% {right:15px;}
}

@keyframes more_btn {  
	0% { right:15px;}
	50%{right:20px;}
	100% {right:15px;}
} 
/*main_info*/
.main_info{background-image: url(/img/main/sec03_bg.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;color:#fff;padding:50px 0}
.main_info .half{float:left}
.main_info .time_box{padding:0 30px;margin-top:30px;}
.main_info .time_box:first-child{margin-top:0}
.main_info .time_box .tit1 > *{display:inline-block;vertical-align:middle}
.main_info .time_box .tit1 span{margin-left:15px;}
.main_info .time_box .tel{margin-left:20px;}
.main_info .time_box .tel a{color:#fff;}
.main_info .time_box .time_list{font-weight: 300;padding-left:58px;}
.main_info .time_box .time_list p {font-size: 0.7em;font-weight: 300;display: inline-block;}
.main_info .time_box .time_list li{margin-top:5px;}
.main_info .time_box .time_list li:first-child{margin-top:0}
.main_info .time_box .time_list .date{margin-left:30px;}
.main_info .time_box .time_list .date p{margin-left:10px;}

/*main_board*/
.main_board{padding:30px 0;background:#f4f4f4}
.main_board .half01{float:left;padding:0 15px;position: relative;top: 0;left: 0;}
.main_board .board{float:left}
.main_board .tit01{width:20%;margin-top: 3px;position:relative;top:0;left:0}
.main_board .tit01:after{display:block;content:"";clear:both;width:1px;height:15px;;background:#000;margin-top:-7px;position:absolute;top:50%;right:0}
.main_board .board_cont{width:70%;padding:0 30px}
.main_board .board_cont .date{float:right}
.main_board .board_arrow {width: 10%;position: absolute;top: 50%;margin-top: -29px;right: 0;text-align: center;}


/*sns_wrap*/
.sns_wrap .sub_box .s_box{padding:50px 15px;text-align:center;color:#fff;}
.sns_wrap .sub_box .s_box.s01{background:#fae100;color:#3c1e1e}
.sns_wrap .sub_box .s_box.s02{background:#c8312b;}
.sns_wrap .sub_box .s_box.s03{background:#00c73c;}
.sns_wrap .sub_box .s_box .txt{text-align:left;display:inline-block;vertical-align:middle;}
.sns_wrap .sub_box .s_box img{display:inline-block;vertical-align:middle;margin-right:10px;}
.sns_wrap .sub_box .s_box .txt span, .sns_wrap .sub_box .s_box .txt b{display:block;}
/*section01*/
#section01 .sub_box4 .s_box{width:18.8%}
#section01 .sub_box4 .s_box .inner{display: table; width: 180px;height: 180px; border-radius: 50%;margin:auto}
#section01 .sub_box4 .s_box span{display:table-cell;vertical-align:middle;position:relative;top:0;left:0;z-index:1}
#section01 .sub_box4 .s_tit .inner{background: #08bcca;color: #fff;}
#section01 .sub_box4 .s_cont .inner div b{position: relative;top: 0;left: 0;padding:0 5px;display:inline-block;}
#section01 .sub_box4 .s_cont .inner div b:after{display: block;content: "";clear: both;width: 0;height: 100%;box-shadow: inset 0 -14px 0 #83dde4;position: absolute;top: 0;left: 0; -webkit-backface-visibility: hidden;opacity: 0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;z-index:-1}
#section01 .sub_box4 .s_cont .inner:hover div b:after{width:100%;opacity: 1;}
#section01 .sub_box4 .s_cont .inner img{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#section01 .sub_box4 .s_cont .inner:hover img{transform: translateY(-10px);}
#section01 .sub_box4 .s_cont.s03{transition-delay: 0.2s;}
#section01 .sub_box4 .s_cont.s04{transition-delay: 0.4s;margin-top:0;}


/*section02*/
#section02{overflow:hidden;position: relative;top:0;left:0;background: #f4f4f4;}
#section02 .txt_box1{width:37%;padding:130px 50px;margin-left:-50px;height: 100%;color:#fff;background:#0076b7}
#section02 .inner .slide{position:relative;top:0;left:0;margin:auto;z-index:11}
#section02 .inner:after{display:block;content:"";clear:both;}

#section02 .txt{position:absolute;top:0;left:50%;transform:translateX(-50%);width: 1400px;bottom: 150px;z-index: 10;}
#section02 .slide{float:right;width:58%;}
#section02 .slide img{width:100%}
#section02 .swiper-pagination{position:relative;margin-top:30px;}
#section02 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #535353;}
#section02 .swiper-button-wrap{margin-top:50px;}
#section02 .swiper-button-prev, #section02 .swiper-button-next {position: relative;float: left;right: auto;left: auto;margin-top: 0;display: block;top: 0;width: 60px;height: 60px;border: 2px solid #fff;text-align: center;color: #fff;border-radius: 50%;font-size: 20px;position: relative;top: 0;left: 0;}
#section02 .swiper-button-prev:after, #section02 .swiper-button-next:after {display: none;}
#section02 .swiper-button-prev {margin-right: 15px;}
#section02 .swiper-button-prev i, #section02 .swiper-button-next i {position: absolute;top: 50%;margin-top: -10px;width: 100%;left: 0px;}
#section02 .swiper-button-prev:hover, #section02 .swiper-button-next:hover{background:#fff}
#section02 .swiper-button-prev:hover i, #section02 .swiper-button-next:hover i {animation: more_btn 0.5s ease infinite reverse;color:#000;-webkit-transition: all 0.3s ease;  transition: all 0.3s ease;}
@-webkit-keyframes more_btn {  
	0% { left:0;}
	 50%{left:5px;}
	100% {left:0;}
}

@keyframes more_btn {  
	0% { left:0px;}
	 50%{left:5px;}
	100% {left:0px;}
}   

#section02 .txt a{position: relative;top: 0;left: 0;padding:0 5px;display:inline-block;color:#fff;}
#section02 .txt a b:after{display: block;content: "";clear: both;width: 0;height: 100%;box-shadow: inset 0 -14px 0 #83dde4;position: absolute;top: 0;left: 0; -webkit-backface-visibility: hidden;opacity: 0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;z-index:-1}
#section02 .txt a b i{margin-left:15px;}
#section02 .txt a:hover b:after{width:100%;opacity: 1;}

/*section03*/
#section03 {background-image: url(/img/main/sec03_bg.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;}
#section03 .tit{color:#fff;}

#section03 .media{margin-top:20px;}
#section03 .media:first-child{margin-top:0}
#section03 .media .img{position:relative;top:0;left:0}
#section03 .media .img a:after, #section03 .media .img a:before{ position: absolute;display: block;
    content: "";
    clear: both;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;visibility: hidden;
    opacity: 0;}
#section03 .media .img a:after {
   
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
   
    top: 0;
    left: 0;
    z-index: 9;
}

#section03 .media .img a:before {
   
    width: 40px;
    height: 40px;
    background-image: url(/img/play.png);
    z-index: 10;
   
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/*#section03 .media.youtube .img:after{background-image: url(/img/main/youtube.png);}*/
#section03 .media .txt{padding:30px;background:#fff;position:relative;top:0;left:0}
#section03 .media .txt:after {display: block;content: "";clear: both;background-image: url(/img/sub/br_youtube.png);width: 27px;height: 30px;position: absolute;top: 0;left: 50%;transform: translate(-50%,-50%);z-index:10;}
#section03 .media .txt:before {display: block;content: "";clear: both;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #d61518;position: absolute;top: 0;left: 50%;width: 60px;height: 60px;border-radius: 50%;padding: 0;text-indent: -9999px;border: 3px solid #fff;z-index:9;}
#section03 .media .txt > div:first-child{padding-top:15px;}
#section03 .media .img img{width:100%}
#section03 .swiper-slide .view_detail{margin-top:30px;}


#section03 .swiper-pagination{display:none;position:relative;margin-top:30px;}
#section03 .swiper-pagination-progressbar {background: #fff;}
#section03 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #535353;}
#section03 .swiper-slide{background: transparent;height:auto;box-sizing:border-box;padding: 3px}
#section03 .swiper-slide:hover{background-image: linear-gradient(90deg, #00bac8 0%, #0094be 50%, #006fb5 100%);}
#section03 .swiper-slide:hover .img a:after, #section03 .swiper-slide:hover .img a:before{visibility: visible;opacity: 1;}
#section03 .swiper-slide a{display:block}
#section03 .swiper-slide a.view_detail{display:inline-block;}
#section03 .container > .view_detail {display: none;}
/*section04*/
#section04 .tab:after{display:block;content:"";clear:both;}
#section04 .tab li{float:left;width:32.3333%;margin-right:1.5%}
#section04 .tab li:last-child{margin-right:0}
#section04 .tab li span{border:1px solid #d2d2d2;padding:20px 10px;width:100%;display:block;cursor: pointer;}
#section04 .tab li.current span, #section04 .tab li:hover span{border:1px solid #00bac8;background:#00bac8;color:#fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
#section04 .tab-content{display:none;}
#section04 .tab-content.current{display:block;}
#section04 .board_box .sub_box .s_box{text-align:left;border:1px solid #d7d7d7;padding: 30px;}
#section04 .board_box .board_tit{color:#00bac8;font-weight:400}
#section04 .board_box .board_tit:After{display:block;content:"";clear:both;}
#section04 .board_box .board_tit .date{float:right;}
#section04 .board_box .board_cont{margin-top:10px;}
#section04 .board_box .board_cont .bc_tit{font-weight:500;margin-bottom:5px;}
#section04 .board_box .board_cont .bc_cont {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5em;height: 4.5em;width:100%;display:block;}
#section04 .view_detail{display:none;}
/*section05*/
/*#section05 .container{position:relative;top:0;left:0;padding-top:5%}
 #section05 .map_info {    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);position:absolute;top:0;left:0;z-index:10;background-image: url(/img/main/sec03_bg.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;padding: 50px;color: #fff;width: 55%;} */
#section05 .container{position:relative;top:0;left:0;display:flex}
#section05 .map_info{background-image: url(/img/main/sec03_bg.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;padding: 50px;color: #fff;    width: 50%;}
#section05 .map_info > div:first-child {margin-top: 0;}
#section05 .map_info > div {margin-top: 30px;}
#section05 .map_info > div:after{display:block;content:"";clear:both;}
#section05 .map_info > div img{float:left;}
/* #section05 .map_info > div .txt{float:left;margin-left:30px;} */
#section05 .map_info > div .txt{width: calc(100% - 110px);float:left;margin-left:30px;}
#section05 .map_info .tel span {display: inline-block;vertical-align: middle;}
#section05 .map_info .tel .tit1 a{color:#fff;}
#section05 .map_info .kakao {/* margin-left: 15px; */padding: 10px 15px;background: #fad756;color: #3c1e1e;font-weight: 500;border-radius: 50px;display: inline-block;margin-top:10px}
#section05 .map_info .kakao img {display: inline-block;vertical-align: middle;margin-right:5px;}
#section05 .map_info .time .date{margin-left:15px;}
#section05 .map_info .time .date p{/* margin-left:10px; */margin-top:3px;}
#section05 .map_info .time p{displaY:inline-block;font-size:0.8em;font-weight:300}
#section05 .map_info .time li{margin-top:5px;}
#section05 .map_info li:first-child{margin-top:0}

/* #section05 .map_wrap{width:75%;float:right;} */

#section05 .map_wrap{width:50%}
/* #section05 .map{width:100%;height:640px;} */ 
#section05 .map{width:100%;height:100%;}
.root_daum_roughmap{width:100%!important;padding:0;border:0}
.root_daum_roughmap .wrap_map{height:100%!important}


.map_list.parking li{display:flex;}
.map_list.parking li .parking_tit{width:53%;font-weight:600}
.map_list.parking li .parking_desc{width:47%;padding-left:15px;}
.map_list.parking li+li{margin-top:8px;}

/*site_wrap*/
.site_wrap{padding:80px 0}
.site_wrap .container{position:relative;top:0;left:0;border:1px solid #b7b7b7}
.site_wrap .container:after{display:block;content:"";clear:both;}
.site_wrap .txt{width:15%;position: absolute;top: 0;left: 0;bottom: 0;height:100%;background:#00bac8;color:#fff;text-align:Center}
.site_wrap .txt div{display: table;width:100%;height:100%;}
.site_wrap .txt span{display:table-cell;vertical-align:middle}
.site_wrap .slide_box{width:85%;float:right;padding:20px 50px;position:relative;top:0;left:0;}
.site_wrap .slide_box .slick-arrow {position: absolute;top: 50%;margin-top: -15px;font-size: 20px;width:30px;text-align:center}
.site_wrap .slide_box .prev{left:15px;}
.site_wrap .slide_box .next{right:15px;}



/*footer*/
footer a{color:#fff;}
footer .footer {font-size:16px;background:#424242;}
footer .footer .f_top{padding:30px 0;color:#fff;}
footer .footer .f_list.left li{margin-right:30px;}
footer .footer .f_list.right li{margin-left:50px;}
footer .footer .f_list li{float:left;}
footer .footer .f_list li a{color:#fff;}
footer .footer .f_bottom{padding:50px 0 80px 0;border-top:1px solid rgba(255,255,255,0.3)}
footer .footer .f_bottom:after{display:block;content:"";clear:both;}
footer .f_logo{float:left;width:20%;}
footer .f_info{float:left;width:80%;padding-left:15px;}
footer .f_info span {margin-right: 30px;padding-bottom:10px;display: inline-block;}
footer .f_info b{color: #918f8f;margin-right: 10px;}
footer .footer .f_info{color:#fff;}
footer .footer .f_copy{color: #918f8f;font-weight:600}

.quick{position:fixed;top:200px;right:30px;z-index:9990;background-image: url(/img/main/quick_bg.png);background-size: cover;background-position: center;background-repeat: no-repeat;text-align:Center;padding: 20px 0;border-radius: 50px;    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);}
.quick li a {padding: 20px 20px;display: block;font-size:15px;color:#fff;}
.quick li span{display:block;margin-top:5px;}

#bo_v_title .bo_v_tit {word-break: keep-all;line-height: 1.3em;}
#ctt_con {word-break: keep-all; font-family: 'MaruBuri-Regular';font-size:15px;}
.ctt_admin{position:relative;top:0;left:0}
.ctt_admin a.btn_admin, .ctt_admin .btn_admin{position: absolute;z-index: 9999;top: 0;right: 0;}


@media (max-width: 1500px){
#section02 .txt_box1{margin-left:0;padding:100px 50px}
#section02 .swiper-button-wrap{display:none;}

}

@media (max-width: 1400px){
#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr{width:100%}
.container{max-width:100%;padding:0 15px}
.section{padding:100px 0;}
.tit{font-size:40px;}
.tit1{font-size:34px;}

.ft28{font-size:26px;}



header.on .header #menu {position: fixed;top: 0;left: 0;background: rgba(255,255,255,0.85);}
header.on .header #menu .depth01 {padding: 15px 0;}
header.on .header #menu .depth02 {background-color: rgba(255,255,255,0.95);}
header.on .header {position: relative;}
header .header .logo {width: auto;float: none;padding: 20px 0;}
header .header .logo img{height:38px;}
header .header #menu {width: 100%;}

header .header #menu .depth01{padding:20px 0}
header .header #menu .depth02 > li{display:block;float:left;width:33.3333%;}
header .header #menu .menu01 .depth02 > li{width:20%;}
header .header #menu .menu03 .depth02 > li{width:25%;}
header .header #menu .menu04 .depth02 > li{width:25%;}

header .header .login {position: absolute;top: 0;right: 30px;width:20%}

.mainslide .swiper-slide .txt {width: 100%;left: 0;transform: translateY(-50%);padding: 0 15px;}

.main_info .time_box .time_list .date{margin-left:15px;}
.main_info .time_box .time_list .date p{display:block;margin-left:0}

.main_board .half01{padding:0}
.main_board .board_cont .date{display:none;}
.main_board .tit01{width:25%;text-align:Center}
.main_board .board_cont{width:75%;}

.sns_wrap .container{padding:0}
.sns_wrap .sub_box .s_box{padding:20px 10px;}
.sns_wrap .sub_box .s_box img{height:45px;margin-right:0;margin-bottom:10px;}
.sns_wrap .sub_box .s_box .txt{display:block;text-align:Center}



#section02 .swiper-button-wrap {left: 0;transform: translateX(0);display:none;}

#section02 .txt {position: relative;float: left;width: 40%;transform: translateX(0);left: 0;padding-left:0}
#section02 .slide {float: left;width: 100%;}
#section02 .inner {float: left;width: 60%;}
#section02 .txt_box1 {width: 100%;padding: 80px 30px;margin-top:-100px;}

#section03 .container{padding:0}
#section03 .tit{padding:0 15px}
#section03 .cont_box{padding-left:15px;}
#section03 .swiper-pagination{display:block;}
#section03 .media{margin-top:80px;}
#section03 .swiper-slide{height:auto}
#section03 .media .txt{padding:20px 15px;}


#section05 .container{padding-top:0}
#section05 .map_info {width: 50%;position: relative;float: left;}
#section05 .map_info > div > img {height: 45px;}
#section05 .map_info > div .txt {margin-left: 15px;}
#section05 .map_info .time .date p {display: block;margin-left: 0;padding-left: 100px;}
#section05 .map_info .kakao {/* display: block!important; */margin-left: 0;}
#section05 .map_wrap {width: 50%;margin-top: 30px;}
/* #section05 .map {height: 600px;} */


.site_wrap {padding: 80px 15px;}
.site_wrap .container {padding: 0;}
}
@media (max-width: 1024px){

.ft28{font-size:24px;}

.ft24{font-size:22px;}
.ft22{font-size:20px;}
.ft20{font-size:18px;}
.ft18{font-size:16px;}

.tit{font-size:36px;}
.tit1{font-size:30px;}
#section02 .txt_box1{padding:50px;}

/* #section05 .map {height: 560px;} */

footer .footer{font-size:15px;}
}


@media (max-width: 990px){
.pb-10{padding-bottom:5px;}
.pb-20{padding-bottom:10px;}
.mb-10{margin-bottom:5px;}
.mb-20{margin-bottom:10px;}
.mb-30{margin-bottom:15px;}

.section{padding:80px 0;}
.cont_box{margin-top:50px;}
.half{width:100%}

.sub_box .s_box:nth-child(4n){clear:none}

.ft28{font-size:22px;}

.ft24{font-size:19px;}
.ft22{font-size:18px;}
.ft20{font-size:17px;}
.ft18{font-size:15px;}


.tit{font-size:32px;}
.tit1{font-size:28px;}

.visible-md{display:block!important}
.hidden-md{display:none!important}

.hd_pops{top:15px!important;left: 15px !important;}

header.on .header {position: fixed;}
header .header .logo {width: auto;padding: 20px 0;float:left}
header .header .logo img{height:35px;}
header .header .login {display:none;}
header .m_menu{display:block;}

.main_info{padding:30px}
.main_info .container{padding:0}
.main_info .time_box{padding:0}
.main_info .time_box .tit1 img{height:30px;}
.main_info .half:last-child{margin-top:30px}
.main_info .time_box .time_list {padding-left: 48px;}
.main_info .time_box .time_list .date p{font-size:0.8em}

.main_board{padding:0 20px;}
.main_board .container{padding:0}
.main_board .board_arrow{width:auto;margin-top: -25px;}
.main_board .half01{width:100%;margin-right:0;padding:20px 0}
.main_board .half01.board_cont1{border-bottom:1px solid #d5d5d5;}
.main_board .tit01{text-align:left}
.sns_wrap .sub_box .s_box img{margin-bottom:0;height:30px;}
.sns_wrap .sub_box .s_box {padding: 15px 0px;width:33.3333%!important}


#section01 .sub_box4 .s_box {width: 100%;margin-right: 0;margin-bottom: 50px;}
#section01 .sub_box4 .s_box .inner {width: 130px;height: 130px;}

#section01 .sub_box4 .s_cont {width: 23.8%;margin-right: 1.5%;margin-bottom: 0;margin-top:0}
#section01 .sub_box4 .s_cont:last-child {margin-right: 0;}
#section01 .sub_box4 .s_cont img{height:65px;}

#section02 .inner{padding:0}
#section02 .txt{width:100%;position:relative;left: 0;transform: translateX(0);text-align:left;margin-bottom:50px;padding:0 15px;}
#section02 .txt .tit{margin-bottom:10px;}
#section02 .inner{width:100%;}
#section02 .slide{width:100%;float:none;padding-left:15px;}
#section02 .swiper-button-wrap{display:none;}
#section02 .swiper-pagination{margin-top:20px}
#section02 .txt_box1{margin:auto;margin-top:-80px;width:100%;padding:50px 30px;}

#section03 .media{margin-top:50px;}
#section03 .swiper-pagination{margin-top:20px;}
#section03 .container > .view_detail {display:inline-block;margin-top:30px;}


#section04 .tab li span{padding:15px 0}
#section04 .board_box .sub_box .s_box{width:49%;margin-right:2%;}
#section04 .board_box .sub_box .s_box:nth-child(-n+3) {margin-top: 1.5%;}
#section04 .board_box .sub_box .s_box:nth-child(2n){margin-right:0}
#section04 .board_box .board_cont .bc_cont {-webkit-line-clamp: 2;height: 3em;}
#section04 .view_detail{display:inline-block;margin-top:30px;}


#section05 .container{flex-wrap:wrap;}
#section05 .map_info {width: 100%;padding:30px}
#section05 .map_info > div > img {height: 40px;}

#section05 .map_info .time .date p {display: block;margin-left: 0;padding-left: 100px;}
#section05 .map_info .kakao{margin-top:5px;}
#section05 .map_info .kakao img{height:20px;}
#section05 .map_wrap {width: 100%;margin-top: 0px;}
#section05 .map {height:280px;}

.site_wrap {padding: 50px 15px;}

.quick {top: auto;bottom: 0;border-radius: 0;left: 0;right: 0;padding:0;background-image: url(/img/main/sec03_bg.jpg);}
.quick li{float:left;width:33.3333%;}
.quick li a{padding:10px 0}
.quick li.top {position: fixed;bottom: 90px;right: 10px;width:auto;border-radius:50%;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);}
.quick li.top  a{padding:0}


footer .footer .f_list {text-align:center;width:100%;}
footer .footer .f_list.right{margin-top:20px;}

footer .footer .f_list img {height: 25px;}
footer .footer .f_list.left li{margin-right:0; width: 25%;}
footer .footer .f_list.right li{margin-left:0; width: 33.3333%;}

footer .f_logo{width:100%}
footer .f_logo img{margin:auto}
footer .f_info{width:100%;text-align:center;margin-top:30px;}
footer .f_info span{margin-right:0;padding-right:10px;padding-left:10px}
footer .footer .f_top{padding:15px 0}
footer .footer .f_bottom{padding-bottom:120px}

}

@media (max-width: 768px){
.visible-xs{display:block!important}
.hidden-xs{display:none!important}

.tit{font-size:28px;}
.tit1{font-size:24px;}


.ft22{font-size:17px;}
.ft20{font-size:16px;line-height: 1.5em;}
.ft18{font-size:14px;}

#hd_pop{width:100% !important;}
.hd_pops{right: 15px;}
.hd_pops img {width:100% !important;}
.hd_pops_con {width:100% !important;height:auto !important;}

header .header .logo img{height:26px;}

header .nav_btn {width: 26px;height: 26px;}
header .nav_btn span {width: 7px;height: 7px;}
header .nav_btn span:nth-child(2) {left: 9px;}
header .nav_btn span:nth-child(4) {top: 9px;}
header .nav_btn span:nth-child(5) {left: 9px;top: 9px;}
header .nav_btn span:nth-child(6) {top: 9px;}
header .nav_btn span:nth-child(8) {left: 9px;}

header .nav_btn.open span {width: 4px;height: 4px;}

header .nav_btn.open span:nth-child(4) {left: 5px;top: 16px;}
header .nav_btn.open span:nth-child(5) {left: 11px;top: 11px;}
header .nav_btn.open span:nth-child(8) {left: 17px;}

header .header .tel {right: 75px;top:18px}
header .header .tel img{height:29px;}

.mainslide .swiper-slide .txt{text-align:center;top:25%}
.mainslide .view_detail{margin-top:30px}
.mainslide .swiper-btn-wrap{bottom:30px}

.main_info{padding: 30px 20px}
.main_info .time_box .time_list .date{font-size:15px;}
.main_info .time_box .tit1 img{height:25px}
.main_info .time_box .time_list {padding-left: 43px;}

.main_info .time_box{margin-top:20px}
.main_info .half:last-child{margin-top:20px}


.main_board .board_cont{padding:0 15px}


#section01 .sub_box4 .s_box .inner{width:100px;height:100px}
#section01 .sub_box4 .s_cont {width: 50%;margin-right: 0;margin-top: 30px!important;}
#section01 .sub_box4 .s_cont:nth-child(-n+3) {margin-top: 0!important;}
#section01 .sub_box4 .s_box.s_cont .inner {width: auto;height: auto;}

#section02 .txt_box1{width:100%}


#section04 .tab li span{padding:10px 0}
#section04 .board_box .sub_box .s_box{width:100%;margin-right:0!important;display:none;}
#section04 .board_box .sub_box .s_box:nth-child(-n+2){display:block;}
#section04 .board_box .sub_box .s_box:first-child{margin-top:0!important}



#section05 .map_info .time .date {margin-left: 5px;font-size: 15px;}
#section05 .map_info .time .date p {padding-left: 0;}
.site_wrap .txt{width:25%;}
.site_wrap .slide_box{width:75%}

footer .footer{font-size:14px;}
footer .f_logo img{height:30px;}
footer .footer .f_list.left li{width:50%;padding:10px 0}
}

@media (max-width: 500px){
.main .tit1{font-size:20px}
.tit{font-size:26px;}

.mainslide .swiper-slide .txt{top:30%}
.mainslide .view_detail{margin-top:15px}

.main_board .tit01 {width: 30%;}
.main_board .board_cont {width: 70%;}
.main_board .slick-slide{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}


/*#section03 .media .txt br{display:none;}*/

#section05 .map_info > div > img {height: auto;width: 13%;}
#section05 .map_info > div .txt {width: 85%;margin-left: 2%;}
#section05 .map_info .kakao{width:200px}

.map_list.parking li{flex-wrap:wrap;}
.map_list.parking li .parking_tit{width:100%}
.map_list.parking li .parking_desc{width:100%;padding-left:0;}
.map_list.parking li .parking_desc br{display:none;}
}

/* 241101 mn04 수정 */
header .header #menu .menu04 .depth02 > li {width: 18%; max-width: 348px; }

sub .mn04 .flex {display: flex;}
sub .mn04 .justify_center {justify-content: center;}

@media (max-width: 1400px) {
    header .header #menu .menu04 .depth02 > li {width: 20%; }
}
/* 241106 수정 */
header .header #menu .menu04 .depth02 > li{width:280px;}
@media (max-width: 1400px){
    header .header #menu .menu04 .depth02 > li{width:20%;}
}