@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@900&display=swap');

@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family:'Marcellus-Regular';
    src:url('../fonts/Marcellus-Regular.woff') format('woff'),
        url('../fonts/Marcellus-Regular.woff2') format('woff2'),
        url('../fonts/Marcellus-Regular.otf') format('opentype');
    font-weight:normal;
    font-style:normal;
}

body {
  overflow-x: hidden;
  font-family: 'Noto Sans KR', sans-serif;
  color: #222;
}

::-webkit-scrollbar {
  width:8px;
}

::-webkit-scrollbar-thumb {
  height:28%;
  background-color:rgba(0, 0, 0, .6);
  border-radius:10px;
}

::-webkit-scrollbar-track {
  background-color:#eee;
  border-radius:10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:'Noto Sans KR', sans-serif;
  font-weight:700;
  margin:0;
}
a {color:#000;}
a:hover, a:active, a:focus {color:#000; text-decoration:none;}
p {margin:0;}
ul, li {list-style:none; padding:0; margin:0;}

.ft_mr {font-family: 'SBAggroB'; font-weight:500;}

.form-group {}
.form-group input[type="text"] {border:solid 1px #ddd; border-radius:0; height:46px;}
.form-group input[type="file"] {border:solid 1px #ddd; width:100%; height:46px; line-height:46px; padding:0 10px;}
.form-control {border:solid 1px #ddd; border-radius:0; height:46px;}
.form-control:focus, .form-control:active {border-color:#111 !important;}
textarea {border:solid 1px #ddd; border-radius:0; outline:none;}
textarea:focus, textarea:active {border-color:#111;}

.scroll-top {
  position: fixed;
  right: 2%;
  bottom: 2%;
  z-index: 30;
}
.scroll-top .btn {
  font-size: 14px;
  width: 50px;
  height: 50px;
  line-height: 28px;
  border:0;
  border-radius:0;
  background-color:rgba(0, 0, 0, .6);
  color:#fff;
}
.scroll-top .btn:focus {
  outline: none;
}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 헤더 */

.close_menu {position: fixed;z-index: 1100; top: 20px; right: -100%; width: 35px; height: 35px; cursor:pointer;}
.close_menu span {position:absolute; left:0; display:block; width:100%; height:2px; background:#fff; -webkit-transition:all .4s ease; transition:all .4s ease; }
.close_menu .close-line1 {top:17px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.close_menu .close-line2 {top:17px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}

/* .mask {display: none;position: fixed;top: 0;right: 0;width: 100%;height: 100%;background: #000;opacity: .7;cursor: pointer; z-index: 1000;} */
.mb-sub-ul {display: none; background: #333;}
.mb-sub-ul li a {display: block; font-size: 16px; font-weight: 100; padding: 15px 0;}
.mobile_menu {position: absolute; width: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.mobile_menu ul {width: 100%; overflow: hidden; border-top:solid 1px rgba(255, 255, 255, .2);}
.mobile-list {width: 100%; text-align:center; padding:28px 0 24px; border-bottom:solid 1px rgba(255, 255, 255, .2);}
.mobile-list a {width: 100%; color: #fff; text-transform: uppercase; text-align: center; font-size: 20px; font-weight: normal;}
.mobile-list a:hover {color:#fff;}

#ft {background-color:#111; text-align:center; padding:40px 20px 40px;}
#ft_link {padding-bottom:20px;}
#ft_link a {color:#999; display:inline-block; margin-right:20px;}
#ft_link a:last-child {margin-right:0px;}
#ft_copy {
    color: #999;
    font-size: 1.25em;
    max-width: 1080px;
    margin: 0 auto;
    word-break: keep-all;
}

/* 버튼 */
.btn01 {height:46px; padding:0 20px; background-color:#666; border:0; color:#fff;}
.btn02 {height:46px; padding:0 20px; background-color:#333; border:0; color:#fff;}
.btn_b01 {height:46px; padding:0 20px; background-color:#666; border:0; color:#fff;}
.btn_b02 {height:46px; padding:0 20px; background-color:#333; border:0; color:#fff;}
.btn_confirm {height:46px; padding:0 20px; background-color:#666; border:0; color:#fff;}
.btn_submit {height:46px; padding:0 20px; background-color:#666; border:0; color:#fff;}
.btn_cancel {height:46px; padding:0 20px; background-color:#333; border:0; color:#fff;}

a.btn_01 {display:inline-block; padding:0 20px; border:0; height:46px; line-height:46px; background-color:#666; color:#fff;}
a.btn_01:hover, a.btn_01:active, a.btn_01:focus {color:#fff;}
a.btn_02 {display:inline-block; padding:0 20px; border:0; height:46px; line-height:46px; background-color:#333; color:#fff;}
a.btn_02:hover, a.btn_02:active, a.btn_02:focus {color:#fff;}
a.btn_b01 {display:inline-block; padding:0 20px; border:0; height:46px; line-height:46px; background-color:#666; color:#fff;}
a.btn_b01:hover, a.btn_b01:active, a.btn_b01:focus {color:#fff;}
a.btn_b02 {display:inline-block; padding:0 20px; border:0; height:46px; line-height:46px; background-color:#333; color:#fff;}
a.btn_b02:hover, a.btn_b02:active, a.btn_b02:focus {color:#fff;}
a.btn_admin {display:inline-block; padding:0 20px; border:0; height:46px; line-height:46px; background-color:#1376ff; color:#fff;}
a.btn_admin:hover, a.btn_admin:active, a.btn_admin:focus {color:#fff;}
a.btn_cancel {display:inline-block; padding:0 20px; border:0; height:46px; line-height:46px; background-color:#333; color:#fff;}
a.btn_cancel:hover, a.btn_cancel:active, a.btn_cancel:focus {color:#fff;}


/* 메인 */
.main_videoBox{
    height: 600px;
    overflow: hidden;
    position: relative;	
}
.main_videoBox .intro_video{   
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    overflow: hidden;
}
.main_title {}
.main_title h2 {font-size:50px; color:#222; line-height:1.2;word-break: keep-all;}
.main_title p {margin:0; font-size:20px; color:#444; font-weight:300; line-height:1.7; word-break:keep-all;}

.aboutWrap {width:100%;}
.aboutWrap .inner {position:relative;}
.aboutWrap .main_title {padding:60px 10% 0; z-index:1;}
.aboutWrap .main_title h2 {margin-bottom:20px;}
.aboutWrap .main_title p {max-width:800px; text-align:left;}
.aboutWrap .img_box {width:92%; height:38vh; position:relative;}
.aboutWrap .img_box img {width:100%;}
.aboutWrap .img_box .deco_txt {font-size:30px; color:#dee6e7; margin:0; writing-mode:vertical-lr; position:absolute; top:0; letter-spacing:6px;}

.aboutWrap1 {margin:160px 0;}
.aboutWrap1 .main_title {position:relative; text-align:left;}
.aboutWrap1 .main_title h2 {}
.aboutWrap1 .main_title p {}
.aboutWrap1 .img_box {background:url('../img/about_main_img1.jpg') no-repeat 50% 50%; background-size:cover; right:-8%;}
.aboutWrap1 .img_box .deco_txt {transform:translateX(-1.6em); left:0;}

.aboutWrap2 {padding:0 0 100px;}
.aboutWrap2 .main_title {}
.aboutWrap2 .main_title h2 {}
.aboutWrap2 .main_title p {}
.aboutWrap2 .img_box {position:relative; background:url('../img/about_main_img2.jpg') no-repeat 50% 50%; background-size:cover;}
.aboutWrap2 .img_box .deco_txt {transform:translateX(1.6em); right:0;}

.spot{font-size:6em; white-space:nowrap; overflow:hidden; text-align:center; animation: scrollm 20s linear infinite reverse; line-height:2; -webkit-text-stroke:1px rgba(0, 0, 0, .3); color:#fff; padding:60px 0; cursor:default;}

@keyframes scrollm{100%{text-indent: -22em;}}

@keyframes scroll{100%{text-indent: -60em;}}


.portfolioWrap {padding:120px 0 0; background-color: #feefef}
.portfolioWrap .inner {padding:0;}
.portfolioWrap .main_title {width:30%; padding:30px 0 0 10%;}
.portfolioWrap .main_title h2 {text-align:left;}
.portfolioWrap .main_title h2:after {content: ""; display:block; width:30px; height:3px; background-color:#999; margin:40px 0 36px;}
.portfolioWrap .main_title p {width:100%; text-align:left;}

.portfolioWrap .latest_wr {width:70%;}


.consertWrap {padding:100px 10% 80px; background-color:#fcfcfc;}
.consertWrap .inner {}
.consertWrap .latest_wr {display:flex; gap:0 4%;}
.consertWrap .latest_wr > div {width: 48%;}

.main_proArea{padding:0 10%}
.main_pro2Area {background:url('../img/main_pro2Bg.jpg') no-repeat 50% 20%; background-size:cover;}
.main_pro3Area {background:url('../img/main_section_bg_5.jpg') no-repeat 50% 10%; background-size:cover; padding: 50px 0 100px;}
.main_pro3Area .main_pro3 {
    background: url(../img/main_pro3_img.png) no-repeat 50% 0;
    padding: 100px 0px 0px;
    background-size: 90%;
}

.main_pro3Area .main_pro3 .sub_tit {color: #fff; padding-bottom: 20px; color: #000;}
.main_pro3Area .main_pro3 .main_pro_info{
    background: #fff;
    padding: 50px 40px;
    border-radius: 20px;	
}



.main_bo{ display: flex; gap:40px;}
.main_bo .main_bo_info{width:calc(50% - 20px); padding:10px}

.main_info3Box {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    grid-template-rows: 1fr;
    gap: 15px;
}
.main_info3Box .img_box {
    text-align: center;
    border-radius: 17px;
    padding: 100px 20px;
}
.main_info3Box .img_box:nth-child(1) {background:url('../img/main_in3_1_24.png') no-repeat 50% 50%; background-size:cover;}
.main_info3Box .img_box:nth-child(2) {background:url('../img/main_in3_2_24.png') no-repeat 50% 50%; background-size:cover;}
.main_info3Box .img_box .in3Box_icon img{width:100%; max-width:60px;}
.main_info3Box .img_box .in3Box_tit {
    font-size: 2em;
    color: #fff;
    font-weight: 600;
    padding: 15px 0;
}
.main_info3Box .img_box .more_btn {
    padding-top: 7px;
}
.main_info3Box .img_box .more_btn a.sub_btn {
    display: inline-block;
    padding: 0 15px;
    line-height: 40px;
    background-color: transparent;
    border: solid 2px #fff;
    font-size: 0.9em;
    color: #fff;
    transition: all 0.25s;
    outline: none;
    font-weight: 600;
}

.main_info3Box .more_btn a.sub_btn:after {
    content: '';
    display: inline-block;
    width: 35px;
    height: 11px;
    height: 11px;
    background: url(../img/arrow.png) no-repeat 50% 50%;
    margin-bottom: 1px;
    margin-left: 12px;
}
.main_info3Box .img_box .more_btn a.sub_btn:hover {background-color:#e6174f; border-color:#e6174f;}

.main_mapArea{background:url('../img/main_mapBg_24.jpeg') no-repeat 50% 100%; background-size:cover;}
.main_mapArea .main_title h2{color:#fff}
ul.main_mapBox li{text-align:center; }
ul.main_mapBox li a {
    padding: 90px 20px;
    font-size: 1.2em;
    background: rgba(255,255,255,0.85);
    display: inline-block;
    width: 100%;
    border-radius: 15px;
}

ul.main_mapBox li .map_icon img{text-align:center;    margin: 0 auto;}
ul.main_mapBox li a .map_tit {
    font-size: 1.2em;
    font-weight: 500;
    background: #101a39;
    display: inline-block;
    padding: 3px 23px 7px;
    color: #fff;
    border-radius: 50px;
    margin-top: 10px;
}
.main_mapArea .bx-controls{background: rgb(255 255 255 / 80%); border-radius: 50px;  padding: 3px 10px;}

/*메인-관광안내*/
.toBox{margin:0 auto;}
.toBox ul:after {display:block;visibility:hidden;clear:both;content:""}
.toBox li{float:left;width:50%;padding:10px; position:relative}
.toBox li .lt_img {
    overflow: hidden;
    display: block;
    border-radius: 15px;
}
.toBox li .lt_img img{max-width:100%;height:auto; border-radius: 15px; transition:all 0.5s;overflow:hidden}

.toBox li:hover .lt_img img {transform:scale(1.1);} 

.toBox li .tour_tit {
    font-size: 2em;
    font-weight: bold;
    margin: 5px 0;
    display: block;
    line-height: 1.5em;
	position:absolute;
	top: 50%; left: 50%; transform: translate(-50%, -50%);
	color:#fff
}

.toBox .empty_li  {width:100%;padding:100px 0;text-align:center;color:#aaa}    

.pro3_lt {margin-bottom:10px}
.pro3_lt .date{font-size: 1.15em; color: #555;}


/* 서브페이지 */
.sub_top {width:100%; height:60vh; position:relative;}
.sub_top h2 {font-size:56px; color:#fff; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-shadow: 0px 0px 10px #5a5a5a;}
.sub_tit {text-align:center; font-size:50px; color:#222;}
.sub_tit.tit_red{color: #e6174f;}
.sub_tit span {display:block; font-size:0.48em; color:#84b8c1; margin-bottom:14px;}
.sub_tit::after {content:''; display:block; width:30px; height:3px; background-color:#999; margin:23px auto 50px;}

.sub {padding:120px 0; }
.inner {padding:0 3%; max-width:1400px; margin:0 auto;}

.about_top {background:url('../img/about_tit.jpg') no-repeat 50% 50%; background-size:cover;}
.sub_top1 {background:url('../img/2025/detail/2025-2.jpg') no-repeat 50% 50%; background-size:cover;}
.sub_top2 {background:url('../img/2025/detail/2025-3.jpg') no-repeat 50% 50%; background-size:cover;}
.sub_top3 {background:url('../img/2025/detail/2025-4.jpg') no-repeat 50% 50%; background-size:cover;}
.sub_top4 {background:url('../img/2025/detail/2025-5.jpg') no-repeat 50% 50%; background-size:cover;}
.sub_top6 {background:url('../img/2025/detail/2025-6.jpg') no-repeat 50% 50%; background-size:cover;}
.sub_top5 {background:url('../img/2025/detail/알림마당.jpg') no-repeat; background-size:cover; background-position:bottom}
.sub_top7 {background:url('../img/sub_top7Bg.jpg') no-repeat 50% 50%; background-size:cover;}

/*서브 메뉴탭*/
.sb_tabBox {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
    height: 105px;
    padding: 0 3% 0;
    background-color: #fff;
	max-width:1400px;
	margin:0 auto
	
}
.sb_tabBox::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 4%;
    height: 1px;
    background-color: #e2e2e2;
}
.sb_tabBox h3 {
    position: relative;
    font-size: 26px;
    margin-bottom: 27px;
}

.sb_tabBox h3::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #F19798;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: -12px;
}

.sb_tab{ margin-left: 112px;}
.sb_tab ul{
    display: flex;
    align-items: center;
}
.sb_tab ul li {position: relative; padding: 0 11px 25px;}
.sb_tab ul li a{font-size:1.3em; color:#999}
.sb_tab ul li a:hover{color:#000 !Important;}

.sb_tab ul li a.on{color:#000 !important; font-weight:600; }
/*
.sb_tab ul li a.on::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 30px;
    right: 30px;
    height: 3px;
    background-color: #000;
}
*/

.sub_in_tit {margin:14px 0; overflow:hidden}
.sub_in_tit .con_tit_icon {
    float: left;
    padding-right: 10px;
}
.sub_in_tit .con_tit_icon img{max-width: 40px; width:100%}
.sub_in_tit h3 {
	float: left; 
    font-size: 2em;
    color: #333;
    font-weight: 800;
	padding-top: 3px;
}

/*서브-군항제소개*/
.about {}
.about_list {display:flex; gap:0 70px; padding-top:30px;}
.about_list .intro_imgBox {width:35%;}
.about_list .intro_imgBox img{width:100%; max-width:1200px; box-shadow: 0px 0px 20px #e7e7e7;}
.about_list .intro_txtBox {width:65%;}
.about_list .intro_txtBox .txt_box {}
.about_list .intro_txtBox .txt_box table{width:100%; border-top:2px solid #000; border-bottom:2px solid #000;}
.about_list .intro_txtBox .txt_box table tbody tr{border-bottom: 1px solid #ddd;}
.about_list .intro_txtBox .txt_box table tbody th, .about_list .intro_txtBox .txt_box table tbody td{font-size:1.25em; padding: 16px 6px;word-break: keep-all;}
.about_list .intro_txtBox .txt_box table tbody td{font-weight: 300;}
.info_logo_img{width:100%}
.introArea {
	/*
	background:url('../img/intro_tabBox_bg.jpg') no-repeat; 
	background-size:cover; 
	background-position:bottom;
	*/
    border-top: 1px solid #ddd;
    /*padding-top: 100px;*/
}
/*탭*/
#tal_tabs{width:100%; overflow:hidden;}
#tal_tabs .tabs_list{font-size:1.4em; text-align:center; padding-bottom: 60px;}
#tal_tabs .tabs_list ul li {
    padding: 11px 20px;
    cursor: pointer;
    color: #212121;
    font-weight: 300;
    display: inline-block;
    border: 1px solid #f2979a;
    border-radius: 50px;
    font-weight: 600;
    color: #f2979a;
	margin:5px 0;
}

#tal_tabs ul.tabs li.active {
    color: #fff !important;
    background: #f2979a;
    font-weight: 600;
}

#tal_tabs ul.tabs li:hover {
    color: #555 !important;
}
#tal_tabs ul.tabs li.active:hover{color:#fff !important;}

#tal_tabs .tab_container {}
#tal_tabs .tab_content {display: none; overflow: hidden}

.intro_tit{text-align: center;}
.intro_tit h3{    
    font-size: 2.8em;
    word-break: keep-all;
    padding-bottom: 22px;
    font-weight: 800;
}
.intro_tit p{
	font-size: 1.5em;
    word-break: keep-all;
    max-width: 935px;
    margin: 0 auto;
	}
	
.in_tab_imgBox{padding: 40px 0;}	
.in_tab_imgBox img{width:100%;}
.intro_txtBox .intro_txt {
    font-size: 1.25em;
    /*word-break: keep-all;*/
    padding-bottom: 20px;
    font-weight: 300;
    text-align: justify;
    letter-spacing: -0.2px;
}
span.po_intro_txt {
    font-size: 1.2em;
    font-weight: 600;
    color: #6a6a6a;
}


/*서브-개막전야제*/
.pro_info_list .pro_info_txtBox .txt_box table{width:100%; border-top:2px solid #000; border-bottom:2px solid #000;}
.tbBg{background:#f5f5f5}
.pro_info_list .pro_info_txtBox .txt_box table tbody tr{}
.pro_info_list .pro_info_txtBox .txt_box table tbody th{background:#101a39; color: #fff;}
.pro_info_list .pro_info_txtBox .txt_box table tbody th, .pro_info_list .pro_info_txtBox .txt_box table tbody td{font-size:1.25em; padding: 16px 6px;word-break: keep-all; text-align:center; border: 1px solid #ddd;}
.pro_info_list .pro_info_txtBox .txt_box table tbody td{font-weight: 300;}
.pro_info_list .sub_in_tit h3{font-size: 1.5em; font-weight: 600; padding-top: 7px;}
.pro_info_list .sub_in_tit h3 p{display:inline-block}


/*서브-히스토리*/
.historyArea {
    background: url(../img/historyBg.jpg) no-repeat;
    background-size: contain;
    background-position: bottom;
}
.historyBox .his_imgBox{padding: 0px 0 40px;}	
.his_imgBox img{width:100%;}
.history_txt {
    display: flex;
    gap: 0 40px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.history_txt .intro_tit{width:calc(35% - 20px); text-align:left; line-height:1.2}
.history_txt .intro_txtBox{width:calc(65% - 20px);}

/*서브-주요 프로그램 일정*/
.pro_in2Box{padding-top:40px;}

/*서브-교통안내*/
.map_tab5 .map_tab5_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
    align-items: center;
    justify-content: center;	
}
.map_tab5 .map_tab5_list li {
    width: calc(33.333% - 14px);
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    background: #f1f1f1;
    padding: 40px 10px;
    word-break: keep-all;
    border-radius: 5px;
}
.map_tab5 .map_tab5_list li:hover{ background: #e1e1e1;}
.map_tab5 .map_tab5_list li a{
	display:inline-block;
}
.map_img img{width:100%}
.map_icon img {
    width: 100%;
    max-width: 60px;
    padding-bottom: 11px;
}


/**/
.info3_imgBox a img{width:100%;}

/*벚꽃투어*/
/*
.tourArea{
	background-color: #ffe7ee;
	background-image: url(../img/tourBg1.png), url(../img/tourBg2.png);
    background-size: auto, auto;
    background-position:left 0%, right 60%;
    background-repeat: no-repeat;
   
}*/
.tourArea{  
    background: url(../img/tourBg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.tourBox{padding-bottom:60px;}
.tour_list {padding-top:20px;}
.tour_list ul{
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
}
.tour_list ul li {
    width:calc(22% - -6px);
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    background: #ffe1e1;
    padding: 40px 6px;
    word-break: keep-all;
    border-radius: 5px;
	color:#555;
	position:relative
}
.tour_list ul li:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border-right: solid 3px #ce8d6d;
    border-bottom: solid 3px #ce8d6d;
    position: absolute;
    top: 49%;
    right: -20px;
    transform: rotate(-45deg);
}

.tour_list ul li:last-child:before{display:none}

.tour_list ul.tour_list1 li.list_co{ background: #ffb1b1;}

.tour_list ul.tour_list2 li{ background: #efe9f1;}
.tour_list ul.tour_list2 li.list_co{ background: #aa7daf;}

.tour_list ul.tour_list3 li{background:#eaeaf6}
.tour_list ul.tour_list3 li.list_co{ background: #7e86c2;}

.tour_list ul.tour_list4 li{background:#ece3d9}
.tour_list ul.tour_list4 li.list_co{ background: #dccab7;}

.tour_list ul.tour_list5 li{background:#ffe1d5}
.tour_list ul.tour_list5 li.list_co{ background: #ffb1b1;}

.tour_list ul.tour_list6 li{background:#d93f73; color:#fff}

.tour_list ul li p{    
    font-size:1.15em;
    margin-top: 8px;
    color: #222;
}

.tour_list ul.tour_list6 li p{    
    color: #fff700;
}

.tour_list ul.tour_list6{
    align-items: center;
    justify-content: center;	
}

.tour_list ul.tour_list6 li {
    width: calc(23% - 3px);
}
.tour_list ul.tour_list6 li:before{display:none}

@media (min-width:970px) {
  .mo_nav_btn, .mo_cate {display:none;}

}


@media (max-width:1300px) {
	.portfolioWrap .main_title{padding: 30px 0 0 30px;}
	.main_proArea{padding:0 30px;}
	
	.tour_list ul li {font-size: 1em;width: calc(30% - -6px);}
}

@media (max-width:1000px) {
	
	.main_videoBox{
		height: auto;
	}
	.main_videoBox .intro_video{   
		position: initial;
		transform:inherit;
        display: flex;
        justify-content: center;
    }
    .main_videoBox .intro_video img {
        max-height: 500px;
    }
	
  .main_bo{display:block;}
  .main_bo .main_bo_info{width:100%}	
	/**/
	.sub_in_tit h3 {font-size: 1.6em;}
	.sub_in_tit .con_tit_icon img {max-width: 33px;}
	
  /*서브-군항제소개*/
  .introArea{font-size: 0.9em;}
  .about_list .intro_txtBox .txt_box table{font-size: 0.9em;}
  .about_list{gap: 0 50px;}
  .about_list .intro_txtBox {width: calc(55% - 25px);}
  .about_list .intro_imgBox{width: calc(45% - 25px);}
  
  /*서브-개막전야제*/
  .pro_infoArea{font-size: 0.9em;}  
  

}



@media (max-width:980px) {
	/*메인-실시간교통*/
	ul.main_mapBox li a {padding: 55px 20px;}
	ul.main_mapBox li a .map_tit { font-size: 1em;}
	.main_mapArea .bx-controls { background: transparent;}
	
}

@media (max-width:969px) {
  /*헤더*/	
  .mo_nav_btn {position:absolute; top:18px; right:14px; margin:0; border:0; width:32px; height:24px; background-color:transparent; z-index:99999;}
  .mo_nav_btn .icon-bar {display:block; width:32px; height:2px; background-color:#fff; transition:all 0.5s;}
  .mo_nav_btn .icon-bar:nth-child(1) {position:absolute; top:0; left:0;}
  .mo_nav_btn .icon-bar:nth-child(2) {position:absolute; top:50%; left:0;}
  .mo_nav_btn .icon-bar:nth-child(3) {position:absolute; top:100%; left:0;}

  .open_btn {}
  .open_btn .icon-bar {background-color:#000;}
  .open_btn .icon-bar:nth-child(1) {transform:rotate(-135deg); top:50%;}
  .open_btn .icon-bar:nth-child(2) {width:0px;}
  .open_btn .icon-bar:nth-child(3) {transform:rotate(135deg); top:50%;}

  #hd.scrollBg .mo_nav_btn .icon-bar {background-color:#000;}

  .mo_cate {position:fixed; top:0; left:100%; width:100%; height:100%; z-index:9999; transform:translateX(0); transition:all 0.5s; background-color:rgba(255, 255, 255, .8); backdrop-filter:blur(4px); -webkit-backdrop-filter: blur(4px);}
  .mo_cate.on {transform:translateX(-100%);}
  
  .mo_cate .nav {position:relative; top:50%; transform:translateY(-50%);}
  .mo_cate .nav > li {}
  .mo_cate .nav > li > a {font-size:28px; font-weight:500; padding:18px 0;}
  .mo_cate .nav > li > a:hover, .mo_cate.on .nav > li > a:active, .mo_cate.on .nav > li > a:focus {background-color:transparent;}

  .mo_cate li.sub_down {}
  .mo_cate li.sub_down > a {}
  .mo_cate li.sub_down > a:after {content:''; display:inline-block; width:12px; height:12px; border-right:solid 1px #666; border-bottom:solid 1px #666; position:absolute; top:16px; right:0; transform:rotate(45deg); transition:all 0.5s;}
  .mo_cate li.sub_up {}
  .mo_cate li.sub_up > a {}
  .mo_cate li.sub_up > a:after {transform:rotate(225deg); top:24px;}

  .mo_cate .sub_nav {display:none; padding-bottom:10px;}
  .mo_cate .sub_nav li {padding-top:10px;}
  .mo_cate .sub_nav li a {color:#666;}

  /**/
  .inner{width: 100%;} 
  .main_title {}
  .main_title h2 {font-size: 40px;}
  .main_title h2 span {margin-right: 15px;}
  .portfolioWrap .main_title{width:40%;padding:30px 0 30px 30px;}
  .portfolioWrap .latest_wr{width:60%}
  .portfolioWrap .main_title h2:after { margin:24px auto 40px;} 
  
  .aboutWrap .main_title {padding:40px 8% 0;}
  .aboutWrap1 .detail > ul li:hover img{-webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
  
  .main_pro3Area .main_pro3{padding: 50px 0px 0px; background-size: 100%;}
  .main_pro3Area .main_pro3 .sub_tit{padding-bottom: 0px;}
  .main_pro3Area .main_pro3 .main_pro_info{padding: 20px 20px; border-radius: 15px;}

  
  .contactWrap .inner{padding-bottom: 100px;}
  
  .main_info3Box .img_box .in3Box_tit {font-size: 1.6em;}

   /*메인-관광안내*/
    .toBox li{width:50%}
    .toBox li:nth-child(2n+1){clear:both}
    .toBox li .tour_tit{font-size:1.231em}
	.toBox li .lt_img{    border-radius: 10px;}
	.toBox li .lt_img img{    border-radius: 10px;}

  /* 서브 */
  .sub_top h2 {font-size:32px;}
  .sub_tit {font-size:40px;}
  .sub_tit::after {margin:24px auto 40px;}

  .sub{padding:100px 0px;}
  .inner {padding:0px 20px;}

  .about_list {flex-wrap:wrap;}
  .about_list li {width:100%;}
  .about_list li .txt_box {padding:24px; top:-50px; right:-20px;}
  .about_list li .txt_box h3 {font-size:22px; margin-bottom:10px;}
  .about_list li .txt_box p {font-size:14px;}
  

  
  /*서브 상단탭*/
  .sb_tabBox {	height: 80px;	}
  .sb_tabBox h3{display: none;}  
  .sb_tab{margin: 0 auto;}
  
  /*서브-히스토리*/
  .historyArea {
	  background: url(../img/historyBg_mo.jpg) no-repeat;
      background-size: contain;
	  background-position: bottom;
  }  
  .historyBox .his_imgBox {padding: 0px 0 10px;}
  .history_txt{display:block}
  .history_txt .intro_tit{width:100%}
  .history_txt .intro_txtBox{width:100%} 
 

  
 
  /*푸터*/
  #ft_copy{font-size:1em}

  .tour_list ul{gap: 25px;} 
  .tour_list ul li {width: calc(30% - -6px);}  
  .tour_list ul li:before{width: 12px; height: 12px;right: -15px;}

}

@media (max-width:767px) {
	/*공통*/
	.mo_font_s{font-size: 0.8em;}
	
  .main_title h2{font-size:36px;}
  
  .portfolioWrap{padding: 70px 0 0;}
  
  .aboutWrap {}
  .aboutWrap .img_box {height:28vh;}
  .aboutWrap .img_box .deco_txt {font-size:16px;}
  .aboutWrap .main_title {padding-top:40px;}
  .aboutWrap .main_title h2 {margin-bottom:10px;}
  .aboutWrap .main_title p {line-height:1.5;}

  .aboutWrap1 {margin:100px 0;}

  .spot {font-size:3.6em; padding:0px 0 50px;}
  

  
  /* .portfolioWrap {padding-top:40px;} */
  .main_pro3Area{background: url(../img/main_pro3Bg.jpg) no-repeat 10% 10%; padding: 50px 0 70px;}

  
  .consertWrap {padding:80px 8%;}
  .consertWrap .latest_wr {flex-wrap:wrap; gap:40px 0;}
  .consertWrap .latest_wr > div {width: 100%;}

  /*메인-관광안내*/
   .toBox li {width: 100%;} 

   /**/
   .sub {padding: 70px 0px;}
   
   .sub_in_tit .con_tit_icon img {max-width: 30px;}
   .sub_in_tit h3 {font-size: 1.4em;}

  /*서브 상단탭*/
  .sb_tabBox{height: 77px; padding: 0;}
  .sb_tab ul li{padding: 0 10px 25px;}
  .sb_tab ul li a{font-size: 0.95em;}

  /*서브-군항제소개*/
  .about_list{display: block; padding-top: 10px;}  
  
  .about_list .intro_txtBox {width: 100%;}
  .about_list .intro_txtBox .txt_box table {font-size: 0.8em;}
  .about_list .intro_imgBox{width: 100%; padding-top: 40px;} 	
  
  
  .introArea{font-size: 0.8em;}
  
  #tal_tabs .tabs_list { font-size: 1em; padding-bottom: 40px;}
  #tal_tabs .tabs_list ul li{ padding:9px 20px;}
  .intro_tit h3 {font-size: 2.4em;}
  .intro_tit p {font-size: 1.4em;}
  .intro_txtBox .intro_txt{word-break: inherit;}
  
  /*서브-개막전야제*/
  .pro_info_list .sub_in_tit h3 {
    font-size: 1.2em;
    padding-top: 0;
    line-height: 1.3;
	}
  .pro_info_list .sub_in_tit h3 p{display:block}
  .pro_info_list .sub_in_tit h3 span{display:none}
  .pro_infoArea .pro_info_txtBox .txt_box table {font-size: 0.8em;}
  
  /**/
  .map_tab5 .map_tab5_list{gap: 15px;}
  .map_tab5 .map_tab5_list li {
    width: calc(33.333% - 10px);
    font-size: 0.95em;
	padding: 24px 5px;
    min-height: 90px;
	}
	.map_icon img {
		max-width: 40px;
	}
  
   .tour_list ul li { width: calc(46% - -6px);} 
   .tour_list ul.tour_list6 li {width: calc(48% - 3px);}
  
}


@media (max-width: 680px){
	.main_proArea{padding: 0 20px;}
	.main_title h2{font-size: 30px;}
	.main_title p {font-size: 1.1em;} 
	.portfolioWrap .main_title h2:after {margin: 18px 0 18px;}	
	
	.portfolioWrap .main_title {width:100%; padding: 0 30px 30px;}
	.portfolioWrap .latest_wr {width:100%;  padding-left: 20px;}
	.main_pro3Area .main_pro3{padding: 20px 0px 0px;}
	.main_pro3Area .main_pro3 .main_pro_info{    padding: 7px;}
	
	 /*메인-행사장안내*/
	.main_info3Box {grid-template-columns: repeat(1, minmax(0,1fr));}	
	.main_info3Box .img_box{padding: 100px 20px;}
	.main_info3Box .img_box .in3Box_icon img{ max-width: 40px;}
	.main_info3Box .img_box .in3Box_tit {font-size: 1.4em;}
	.main_info3Box .img_box .more_btn a.sub_btn{line-height: 35px;}

	.sub_tit{font-size: 30px;}
	.sub_tit::after {margin:18px auto 18px}
	
	  /*서브 상단탭*/
	  .sb_tab ul li{padding: 0 5px 25px;}	
	  
	/*서브-주요 프로그램 일정*/
	.pro_in2Box{padding-top:20px;}	  
	
	.tour_list ul li {width: calc(93% - -6px); padding: 20px 6px;}
	.tour_list ul.tour_list6 li {width: 100%;}
    
	/*교통안내*/
	.map_tab5 .map_tab5_list{gap: 10px;}
	.map_tab5 .map_tab5_list li {width: calc(50% - 5px);}
}