@charset "euc-kr";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

/*
노토산스 'Noto Sans KR - 3,4,5,7,9'
나눔스퀘어 'NanumSquare - 3,4,7,8'
 */

body { position: relative; background: #fff; }
.mobile { display: none !important; }
.pc { display: block !important; }
* { box-sizing: border-box; }
* a, a:hover, a:visited { color:inherit; text-decoration: none; cursor: pointer; }
.link { cursor: pointer; }
.link:hover { text-decoration: underline !important; }
.main_color { color: #3149a5 !important; }
.colorWhite { color: #fff !important; }

/* header */
header { width: 100%; background: #fff; transition:0.3s; }
.top_wrap { 
    /*max-width: 1810px; */
    height: 125px; padding: 0 20px; margin: 0 auto; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; box-sizing: border-box; position: relative;}

header .dDay { display:flex; align-items:center; justify-content:space-between; align-content:center; margin-right: 25px; }
header .dDay .dDay_le { font-size:16.6px; display:block; font-weight:500; color: #252525; line-height: 100%; letter-spacing: -0.3px; margin-right: 20px; }
header .dDay_today { color: #52a531; font-weight: 500; line-height: 120%; }
header .dDay .dDay_ri > strong { color:#3149a5; font-size:50px; font-weight:500; letter-spacing: -1px; font-family: "Times New Roman", Times, serif;  }

.top_wrap .logo img {  left: 0; top: 0; bottom: 0; margin: auto; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; max-height: 125px;}

.global_wrap { display: flex; flex-wrap: wrap; flex-direction: row; gap:5px; }
.global { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; border: 1px solid #c2c2c2; border-radius: 25px; padding: 12px 25px; }
.global a { font-size: 16px; color: #666; line-height: 100%; background:url('../images/common/global_Line.png') right 5px no-repeat; padding: 0 13px 0 12px; transition:0.2s; letter-spacing: -0.5px; }
.global a:first-child { padding-left: 0; }
.global a:last-child { background: none; padding-right: 0; }
.global a:hover { color: #111; }

.gnb_wrap { width: 100%; position: relative; background: #3149a5; }
.gnb { 
    /*max-width: 1810px; */
    position: relative; background: url('../images/common/gnbLine.jpg') right center no-repeat;  display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; margin: 0 auto; padding: 0 20px; }
.gnb > li { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; transition:0.2s; box-sizing: border-box; }
.gnb > li > a { width: 100%; height: 60px; font-size: 19px; font-weight: 500; color: #fff; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; letter-spacing: -1px; }
.gnb > li:first-child > a { padding-left: 0; }
.gnb > li:last-child > a { padding-right: 0; }
.gnb > li > a:after { display: block; content:''; width: 0; height: 3px; background: #fbd61f; position: absolute; left: 0; bottom: 0; transition:0.3s; }
.gnb > li.on > a:after, .gnb > li > a:hover { width: 100%; }
.gnb > li > a:hover, .gnb > li.on > a { color: #fbd61f; }

.gnb > li > ul { width: calc(100% + 200px); min-width:100%; position: absolute; top: 60px; left: -40px; z-index: 10000; display: none; }
.gnb > li > ul > li { letter-spacing: 0; line-height: 120%; }
.gnb > li > ul > li a { width: 100%; display: block; font-size: 17px; color: #fff; padding: 10px 20px; text-align: left; line-height: 130%; background: rgba(49,73,165,0.55); }
.gnb > li > ul > li a:hover { color: #fbf371;  background: rgba(49,73,165,0.9);}
.gnb > li > ul.snb04 { width: 200px; left: -70px; }
.gnb > li > ul.snb05 { width: 220px; left: -70px; }
.gnb > li > ul.snb06 { width: 220px; left: -100px; }

@media all and (max-width:1799px){/**/
	.gnb > li > a { font-size: 1.2vw; }
}/**/


/* visual */
.visual { width: 100%; height:775px; position:relative; overflow:hidden; }
.visual .swiper-container { height: 775px; }
.visual .swiper-slide { width: 100%; height: 100%;}

.swiper-slide.visual_01 { background:url("../images/main/visu_01.jpg") center no-repeat; background-size: cover; }
.swiper-slide.visual_02 { background:url("../images/main/visu_02.jpg") center no-repeat; background-size: cover; }
.swiper-slide.visual_03 { background:url("../images/main/visu_03.jpg") center no-repeat; background-size: cover; }
.swiper-slide.visual_04 { background:url("../images/main/visu_04.jpg") center no-repeat; background-size: cover; }

.visuTxt_wrap { width: 1200px; height: calc(100% - 170px); position: absolute; left: 0; right: 0; top: 0px; z-index: 99; display: flex; flex-direction:column; justify-content: center; align-items: center; margin: 0 auto; text-align: center; }
.visuTxt { line-height: 100%; letter-spacing: -0.5px; }
.visuTxt01 { color: #fff; font-size: 70px; font-weight: 800; background: rgba(82,165,49,0.8); padding: 0px 10px 2px; text-shadow: 1px 1px 5px rgba(0, 0, 0, .35);  }
.visuTxt01 span { font-size: 55px; }
.visuTxt02 { color: #fff; font-size: 26px; font-weight: 400; margin-top: 25px; text-underline-offset: 5px; text-decoration: solid underline #fff 1px; text-underline-position: under; letter-spacing: 0;}
.visuTxt03 { color: #fbd61f; font-size: 35px; font-weight: 800; margin: 25px 0 0; text-shadow: 2px 2px 5px rgba(0, 0, 0, .35); }
.visuTxt04 { color: #fff; font-size: 33px; font-weight: 500; margin-top: 10px; }

.visu_btn.btn_over { margin-top: 20px; box-shadow: 2px 2px 6px rgba(0,0,0,0.5); border-color: #533066; background: linear-gradient(135deg, rgba(57,32,91,1) 0%, rgba(83,48,102,1) 100%);  }
.visu_btn.btn_over a { font-weight: 600; padding: 10px 80px 10px 40px ;display: flex !important; flex-wrap: wrap; flex-direction: row; justify-content:flex-start; align-items: center; background: url('../images/main/visu_btn_wh.png') calc(100% - 35px) center no-repeat !important; background-size: 24px !important;}
.visu_btn.btn_over:hover a {  background: url('../images/main/visu_btn_pp.png') calc(100% - 35px) center no-repeat !important; background-size: 24px !important; color: #533066 !important; }

.mDate { width: 100%; position: absolute; left: 0; bottom: 0; padding: 55px 0 0; z-index: 1000;}
.mDate_inner { width: 1400px; margin: 0 auto; display: flex; flex-direction:row; justify-content: space-between; align-items: center; }
.mDate_inner li { width: 33.3%; height: 170px; display: flex; flex-direction:column; justify-content: center; align-items: center; background: rgba(46,89,57,0.8); }
.mDate_inner li + li { border-left: 1px solid rgba(255,255,255,0.15); }
.mDate_inner li:first-child { background-color: rgba(49, 73, 165, 0.8); /* 첫 번째 li는 노란색 배경 */}
.mDate_num { font-size: 28px; font-weight: 600; color: #f1f1f1; letter-spacing: -0.5px; }
.mDate_txt { font-size: 21px; font-weight: 500; color: #f1f1f1; letter-spacing: -0.5px; margin-top: 5px; }

/* mContents_wrap */
.mContents_wrap { margin: 0px auto; padding: 80px 0; }
.mContent { width: 1400px; margin: 0 auto; }
.mTitle { font-size: 42px; line-height: 110%; font-weight: 600; color: #111; margin-bottom: 50px; text-align: center; letter-spacing: -0.5px; position: relative; }

/* mNotice */
.mContents_wrap01 { width: 1400px; display: flex; flex-direction:row; justify-content: space-between; align-items: flex-start; }
.mContents_wrap01 > div { width: 675px; }
.mNotice_wrap { margin: 0; }
.mNotice { }
.mNotice li { width: 100%; height:95px; transition:0.3s; background: #f5f5f5 url('/images/main/news_bar.png') 0 28px no-repeat; padding: 20px 35px; }
.mNotice li + li { margin-top: 18px; }
.mNotice li a { position: relative; max-width:100%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mNotice_txt { font-size: 21px; font-weight: 600; color: #252525; line-height: 120%; letter-spacing: -0.7px; position:relative; }
.mNotice_txt a:before { content:''; display: block; width: 0; height: 2px; position:absolute; bottom:0; left:0; background:#5d73c7; transition:0.3s; }
.mNotice_txt a:hover { color: #5d73c7; }
.mNotice_txt a:hover:before { width: 100%; background: #5d73c7; }
.mNotice_date { font-size: 17px; font-weight: 300; color: #898989; }

/* mQuick */
.mQuick_wrap {  }
.mQuick {  }
.mQuick > li a { background: #f5f5f5; height:95px; transition:0.3s; display: flex; flex-direction:row; justify-content: flex-start; align-items: center; }
.mQuick li + li { margin-top: 18px; }
.mQuick > li .mQuick_img { }
.mQuick > li .mQuick_title { font-size: 25px; color: #252525; font-weight: 600; line-height: 120%; letter-spacing: -0.5px; transition:0.3s; position: relative; }
.mQuick > li .mQuick_title:before { content:''; width: 0; height: 2px; display: block;  position: absolute; left: 0; bottom: -1px; transition:0.3s; }
.mQuick > li:hover .mQuick_title:before { width: 100%; }

.mQuick > li:nth-child(1):hover .mQuick_title { color: #5d73c7; }
.mQuick > li:nth-child(2):hover .mQuick_title { color: #52a531; }
.mQuick > li:nth-child(3):hover .mQuick_title { color: #fbd61f; }
.mQuick > li:nth-child(4):hover .mQuick_title { color: #3149a5; }

.mQuick > li:nth-child(1):hover .mQuick_title:before { background-color: #5d73c7; }
.mQuick > li:nth-child(2):hover .mQuick_title:before { background-color: #52a531; }
.mQuick > li:nth-child(3):hover .mQuick_title:before { background-color: #fbd61f; }
.mQuick > li:nth-child(4):hover .mQuick_title:before { background-color: #3149a5; }

.mQuick > li:hover .mQuick_img, .mQuick > li:hover .mQuick_title  { transform: translateX(30px); }
.mQuick > li:hover .mQuick_right img  { transform: translateX(10px); }

.mQuick_left { width: calc(100% - 95px); height: 100%; padding: 0 60px; display: flex; flex-direction:row; justify-content: flex-start; align-items: center; }
.mQuick_img { margin-right: 30px; transition:0.3s;}
.mQuick_title {  }
.mQuick_right { height: 100%; border-left: 1px solid #dddddd; width: 95px; display: flex; flex-direction:row; justify-content: center; align-items: center;  }
.mQuick_right img { transition:0.3s; }

/* mSpeaker */
.mContents_wrap_speaker { background: url('../images/speaker/mSpeaker_bg.jpg') center no-repeat; -webkit-background-size: cover; background-size: cover;}
.mSpeaker_wrap { width: 1400px; position: relative; }
.mSpeaker { width: 1400px; margin: 0 auto; text-align: center; box-sizing: border-box; }
.mSpeaker .swiper-wrapper {justify-content:space-between;}
.mSpeaker .swiper-slide { height: auto;  }
.mSpeaker_wrap .swiper-button-prev { width: 27px; height: 45px; top: 28px; left: 50%; margin-left: -690px; background: url('../images/speaker/mSpeaker_prev.png') center no-repeat; z-index: 100000;}
.mSpeaker_wrap .swiper-button-next { width: 27px; height: 45px; top: 28px; right: 50%; margin-right: -690px; background: url('../images/speaker/mSpeaker_next.png') center no-repeat; z-index: 100000;}

.mSpeaker .mSpeaker_img { border-radius: 400px; overflow: hidden; box-shadow: 2px 2px 5px rgba(0,0,0,0.35); }
.mSpeaker .mSpeaker_img img { width: 100%; }
.mSpeaker_slide_wrap { position: relative; }
.mSpeaker_txt { margin-top: 20px; }
.mSpeaker_name { font-size: 23px; color: #fff; font-weight: 600; line-height: 120%;}
.mSpeaker_position { font-size: 20px; color: #fbd61f; font-weight: 600; line-height: 130%; margin-top: 8px; text-shadow: 2px 2px 5px rgba(0,0,0,0.35);}

.mSpeker_btn_wrap { text-align: center; margin-top: 50px; }
.mSpeker_btn_wrap .btn_over { height: 48px; border: 3px solid #fff; cursor: pointer; z-index: 999;  border-radius: 30px; margin: auto; line-height: 43px; background: transparent; border-radius: 50px;}
.mSpeker_btn_wrap .btn_over a { color: #fff; background: url('../images/speaker/mSpeaker_more.png') 150px center no-repeat !important; transition:0.3s;  padding: 0 110px 0 40px; box-sizing: border-box; }
.mSpeker_btn_wrap .btn_over:hover a { color: #3149a5; background: url('../images/speaker/mSpeaker_more_ov.png') 150px center no-repeat !important; }
.mSpeker_btn_wrap .btn_over:before { background: #fff !important; }

/* Banner */
.banner_wrap { margin-top: 80px; border-top: 1px solid #d4d4d4; }
.banner_list_wrap { width: 1400px; margin: 0 auto; padding: 25px 0; display: flex; flex-wrap:nowrap; flex-direction:row; align-items: center; justify-content: space-between; }
.banner_title { color: #363636; font-size:23px; font-weight: 600; margin-right: 50px; padding-right: 50px; background: url('../images/main/mOrgan_line.png') right center no-repeat;}
.banner_list { width: calc(100% - 222px); display: flex; flex-wrap:wrap; flex-direction:row; align-items: center; gap: 20px 75px;}

/* Footer */
footer { width: 100%; background: #434548; padding: 25px 0;}
.footer_wrap { width: 1400px; margin: 0 auto; position: relative; overflow: hidden; display: flex; flex-direction:row; align-items: stretch; justify-content:space-between; }
.footer_wrap .footer_txt { color: #ffffff; font-size: 16px; font-weight: 300; }

.top-btn { position: fixed; width: 50px; height: 50px; border-radius: 50px;left: 50%; bottom:-70px; margin: 0 0 0 800px; z-index: 9999999; background: #434548; cursor: pointer; transition: all 0.3s ease; display: flex; flex-direction:row; align-items: center; justify-content:center; border: 1px solid #fff;}
.top-btn.show{ bottom:65px; }

@media all and (max-width:1729px){/**/
	.footer_wrap { width: 95%; }
	.banner_list_wrap { width: 95%; margin: 0 auto; display: flex; flex-wrap:wrap; flex-direction:row; align-items: center;  }
	.banner_title { color: #555; margin-right: 0; margin-bottom: 10px; }
	.banner_title02 { margin-left: 0; margin-top: 10px;}
	.banner_list {  width: calc(100% - 232px); }
	.top-btn { left: calc(95% - 25px); bottom:-70px; margin: 0 0 0 0; }
}/**/

/* sVisual */
.sVisuTxt_wrap { width:100%; height: 260px; position: relative; overflow: hidden; display: flex; flex-direction:column; justify-content: center; align-items: center; }
.sVisual_bg { position: absolute; top: 0; width: 100%; height: 100%; animation: sv_ani 1s ease-in-out; animation-fill-mode: forwards; background: url('../images/sub/sVisu.jpg') 0 0 no-repeat; background-size:cover; }
.sVisuTxt { font-size: 49px; font-weight: 500; color: #fff; position: relative; z-index: 9; line-height: 110%; box-sizing: border-box; text-shadow: 2px 0 3px rgba(0,0,0,0.7); letter-spacing: -0.5px;  }
.sVisuTxt01 { color: #fff; font-size: 50px; font-weight: 800; background: rgba(82,165,49,0.8); padding: 0px 10px 2px; text-shadow: 1px 1px 5px rgba(0, 0, 0, .35);  }
.sVisuTxt01 span { font-size: 38px; }
.sVisuTxt02 { color: #fbd61f; font-size: 28px; font-weight: 800; margin: 15px 0 0; text-shadow: 2px 2px 5px rgba(0, 0, 0, .35); }
.sVisuTxt03 { color: #fff; font-size: 25px; font-weight: 500; margin-top: 10px; }

.sVisual_bg01 { background: url('../images/sub/sVisu_01.jpg') 0 0 no-repeat; background-size:cover;  }
.sVisual_bg02 { background: url('../images/sub/sVisu_02.jpg') 0 0 no-repeat; background-size:cover;  }
.sVisual_bg03 { background: url('../images/sub/sVisu_03.jpg') 0 0 no-repeat; background-size:cover;  }

@keyframes sv_ani {
    0% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

@keyframes sv_ani {
    0% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

/* sContainer */
.sContainer { 
    /*max-width:1430px; */
    padding: 0 15px;margin: 0px auto; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start;  }
.lnb_box {width:100%; width: 265px; margin-top: -77.5px; position: relative; z-index: 1000;}
.lnb_titile { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: center; line-height: 130%; height: 155px; background: #060f60; color: #fff; font-size: 27px; font-weight: 600; padding: 20px; text-transform:uppercase; border-radius: 0 50px 0 0;}
.lnb > li + li { margin-top: -1px; }
.lnb > li > a { width: 100%; height: 50px; color: #666; font-size: 17px; font-weight: 300; padding: 0 26px 0 20px; box-sizing: border-box; border: 1px solid #acacac; transition: background 0.3s; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: center; line-height: 120%; background-position: calc(100% - 35px) center; letter-spacing: -0.5px;}
.lnb > li:hover > a, .lnb > li.on > a { color: #fff; position: relative; z-index: 1; border: 1px solid #5d73c7; background: #5d73c7 url('../images/sub/lnb_ov.png') calc(100% - 20px) center no-repeat;}


/* sub contents */
.right { width: calc(100% - 320px); min-height:700px; margin-bottom: 100px;}
.center { width: calc(100% - 40px); min-height:700px; margin-bottom: 100px;margin-left: 20px;}
.title { margin: 0 auto; text-align:center; display:block; padding: 0 0 20px; border-bottom: 1px solid #e4e4e4; margin-bottom: 50px; }
.title h2 { margin-top: 10px; font-size:35px; color:#252525; font-weight:600; letter-spacing:-0.5px; line-height:100%; display:block; text-align:left;}
.title .location { text-align: right; margin-top: 15px;}
.title .location > li {height:12px; line-height:12px; font-size: 16px; font-weight: 300; letter-spacing: -0.5px; padding:0 10px 0 15px; display: inline-block; color:#7c7c7c; background:url('../images/common/locationDot.png') no-repeat left 2.5px; box-sizing: border-box;}
.title .location > li:first-child { background:url('../images/common/home.jpg') no-repeat left 0px; padding-right: 5px; }
.title .location > li:last-child { padding-right: 0; }

/* sContents */
.sContents { max-width:100%; margin: 0 auto; min-height:400px; box-sizing: border-box; position: relative; overflow-x: overlay;}
.sContents h4 {font-size:29px; color:#52a531; font-weight:600; line-height:120%; margin: 50px 0 20px; background:url('../images/common/conTitle.jpg') no-repeat left 8.5px; padding-left: 40px; }
.sContents h4:nth-child(1) { margin-top: 0; }
.sContents h5 { font-size: 23px; margin-bottom:10px; margin:40px 0 18px; font-weight: 500; color: #060f60; text-underline-offset : 5px; text-decoration: solid underline #060f60 1px; text-underline-position : under;}
.sContents h4 + h5 { margin-top: 0; }
.boardTable + .boardTable { margin-top: 30px; }
.boardTable + .table-scroll { margin-top: 30px; }
.txtBox + .imgBox { margin-top: 20px; }
.imgBox + .boardTable { margin-top: 30px; }
.imgBox img { max-width:100%; }
.boardTable + .txtBox { margin-top: 10px; }
.txtBox { overflow: hidden; }
.colorBox { padding: 35px 40px; background: #eff3fb;}
.colorBox.grayBox { padding: 35px 40px; background: #f6f6f6;}
.lineBox { padding: 35px 40px; border: 1px solid #ddd;}
.keepall th, .keepall td { word-break:keep-all !important; }

/* sub_tab */
.sub_tab { width: 100%; height: auto; text-align: center; margin: 50px auto 50px; overflow: hidden;  display: flex; flex-wrap: wrap; flex-direction: row;  align-items: stretch; padding-top: 1px; padding-left: 1px;}
.sub_tab > li { margin-left: -1px; margin-top: -1px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; padding: 5px; min-height: 53px; text-align: center; font-size: 17px; color: #666; box-sizing: border-box; border: 1px solid #d0d0d0; font-weight: 400; position: relative; line-height: 130%; cursor: pointer; word-break:break-all;}
.sub_tab > li a { display: block; width: 100%; height: 100%;  display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; }
.sub_tab > li.on { color: #fff; background: #b83f2b; }
.sub_tab > li:after {content:''; z-index:-1; position:absolute; left:0; top:0; display:block; width:100%; height:0%; background:#f9f9f9; transition: all 0.3s ease 0s; }
.sub_tab > li:hover:after,.sub_tab > li:focus:after {height:51px; transition: all 0.3s ease 0s;}

.sub_tab.s2 > li {width:calc(50% + 1px);}
.sub_tab.s3 > li {width:calc(33.3333% + 1px);}
.sub_tab.s4 > li {width:calc(25% + 1px);}
.sub_tab.s5 > li {width:calc(20% + 1px);}
.sub_tab.s6 > li {width:calc(16.666% + 1px);}
.sub_tab.s7 > li {width:calc(14.285% + 1px);}
.sub_tab.s8 > li {width:calc(12.5% + 1px);}

/* overview */
.overview { margin-bottom: 55px; }
.overview li { padding: 20px 35px; border-top: 1px solid #ddd; display:flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; margin-top: -1px; }
.overview li:last-child { border-bottom: 1px solid #ddd; }
.overview_ico { width: 250px; color: #252525; background: url('../images/sub/overview_line.jpg') right 8px no-repeat; display:flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: center; font-weight: 500;}
.overview_ico img { margin-right: 20px; }
.overview_txt { width: calc(100% - 270px); }
.overview_logo { display: flex; flex-wrap:wrap; flex-direction:row; align-items: center; justify-content: center; gap: 20px 35px;}

/* welcome_name */
.welcome_name { text-align: right; font-size: 20px; font-weight: 500; color: #111; }

/* speaker */
.speaker { position: relative; }
/*.speaker:before { content:''; display: block; width: 60px; height: 1px; background: #3149a5; position: absolute; left: 0; top: 0; }
.speaker:after { content:''; display: block; width: 1px; height: 60px; background: #3149a5; position: absolute; left: 0; top: 0; }*/
.speaker_none:before, .speaker_none:after { display: none; }
.speaker > li { padding: 30px 35px; background: url('../images/sub/dot_line.jpg') left bottom repeat-x; display: flex; flex-wrap:wrap; flex-direction:row; align-items: flex-start; justify-content: space-between; }
.speaker_img { width: 240px; height: 240px;	border-radius: 240px; overflow: hidden; }
.speaker_img img { width: 100%; }
.speaker_txt { width: calc(100% - 290px); margin-top: 25px; }
.speaker_title { margin-bottom: 20px; color: #4b63c3; font-weight: 600; font-size: 19px; }
.speaker_title a:hover { text-decoration:underline; }
.speaker_name { padding-left: 35px; color: #252525; font-size: 26px; font-weight: 600; background: url('../images/sub/blue_bar.jpg') 0 12px no-repeat; line-height: 120%; }
.speaker_position { padding-left: 35px; color: #52a431; font-size: 19px; font-weight: 500; line-height: 130%; margin-top: 10px;}
.speaker_txt .dotList { margin-top: 25px;}

.speaker .subject { margin-top: 30px; }
.speaker .subject > a {font-size:16px; color:#3479b2; font-weight:400; display:inline-block;}
.speaker .subject > a > span {background:url('../images/sub/research_i.png') no-repeat 15px 13px; padding:7px 15px 7px 40px; font-weight:600; text-decoration:none !important; display:inline-block; color:#fff; border-radius:4px;font-size: 15px;}
.speaker .subject > a > span { background-color: #060f60; }
.speaker .subject > a:hover, .speaker .subject > a.on { text-decoration:none}
.speaker .answer {display:none; margin-top:20px; background:#ebebeb; padding:25px; color:#333; width: 100%; font-weight:400; letter-spacing:0px; color:#111; text-align:justify; }
.speaker .answer div { color: #333; letter-spacing:0px; line-height:150%; }
.speaker .answer div b { display: block; margin-bottom: 5px; font-size: 18px; }
.speaker .answer h5:nth-child(1) { margin-top: 0; line-height: 140%; }

.speaker_02_speaker_title { margin-top: 30px; }
.speaker_02 { display: flex; flex-wrap:wrap; flex-direction:row; align-items: stretch; justify-content: space-between; }
.speaker_02 > li { width: 49%; background: none; padding: 30px 15px; }
.speaker_02 .speaker_img { width: 170px; height: 170px;	border-radius: 150px; overflow: hidden; }
.speaker_02 .speaker_txt { width: calc(100% - 180px); }
.speaker_02_dotList { margin: auto; background: url('../images/sub/dot_line.jpg') left bottom repeat-x; width: 100%; text-align: center; padding-bottom: 30px;}
.speaker_02_dotList li { display: inline;}


/* session */
.session { display: flex; flex-wrap:wrap; flex-direction:row; align-items: stretch; justify-content: space-between; }
.session li { width: 530px; min-height:79px; border: 1px solid #ddd; display: flex; flex-wrap:nowrap; flex-direction:row; align-items: center; justify-content: flex-start; padding: 18px 24px; margin-bottom: 15px; }
.session li:nth-child(5n-4) .session_num { background: #52a531; }
.session li:nth-child(5n-3) .session_num { background: #5d73c7; }
.session li:nth-child(5n-2) .session_num { background: #fbd61f; }
.session li:nth-child(5n-1) .session_num { background: #20aac6; }
.session li:nth-child(5n) .session_num { background: #3149a5; }
.session_num { color: #fff; font-size: 22px; font-weight: 600; width: 42.75px; height: 42.75px; line-height: 42.75px; border-radius: 50px; margin-right: 20px; text-align: center; }
.session_txt { font-weight: 500; }

/* regi Guide */
.regiGuide_process { margin-bottom: 55px; padding-left: 1px; display: flex; flex-wrap:wrap; flex-direction:row; align-items: stretch; justify-content: space-between; }
.regiGuide_process li { width: calc(20% + 1px); margin-left: -1px; border: 1px solid #d4d4d4; text-align: center; padding: 40px 20px; }
.process_txt_title { font-size: 18px; font-weight: 600; color: #363636; margin: 20px 0;}
.process_txt {font-size: 16px; color:#000; }

.regi_rule li { display: flex; flex-direction:row; flex-wrap:nowrap; justify-content: flex-start; }
.regi_rule li + li { margin-top: 25px; }
.regi_rule li i { margin-right: 15px; }

.regi_btn_wrap { display: flex; flex-direction:row; justify-content: center; align-items: center; }
.btn_arr.btn_over { border: 1px solid #5d73c7; background: #5d73c7; cursor: pointer; z-index: 999; border-radius: 0; margin-top: 30px;}
.btn_arr.btn_over a { padding: 7px 85px 7px 20px; transition:0.3s; color: #fff; font-weight: 400; background: url('../images/sub/btn_arr_wh.png') calc(100% - 20px) center no-repeat; letter-spacing: -0.5px; }
.btn_arr.btn_over:before { background: #fff !important; }
.btn_arr.btn_over:hover a { color: #5d73c7; background: url('../images/sub/btn_arr_blue.png') calc(100% - 20px) center no-repeat;}
.btn_arr.btn_over:hover::before { background: #fff !important; }

/* regi_process */
.regi_process { display: flex; justify-content: space-between; align-items: stretch; flex-wrap:wrap; }
.regi_process li { width: 220px; padding: 20px 25px; background: #efefef; color: #222; box-sizing: border-box; transition:0.3s; display: flex; justify-content: space-between; flex-direction:column; position: relative; box-sizing: border-box;}
.regi_process li.regi_dot { width: 35px; padding: 0; display: block; background: url('../images/sub/process_dot.jpg') center no-repeat; border: 0;}
.process_txt1 { font-size: 22px; font-weight: 600; color: #3149a5; text-align: right; }
.process_txt2 { font-size: 18px; font-weight: 400; color: #111; line-height: 120%; margin-top: 15px; }

/* sub_date */
.sub_date { padding-left: 1px; }
.sub_date li { padding: 50px 70px; width: 50%; display: flex; flex-direction:row; flex-wrap:nowrap; justify-content: flex-start; align-items: stretch; flex-wrap:wrap; float: left; border: 1px solid #ddd; margin-left: -1px;}
.sub_date_img { margin-right: 25px; }
.sub_date_txt { font-size: 19px; color: #111; }
.sub_date_txt strong { font-size: 22px; font-weight: 600; color: #3149a5; display: block; }

.sub_important01 { font-size: 22px; font-weight: 600; color: #111; margin-bottom: 25px; }
.sub_important03 { font-size: 24px; font-weight: 600; color: #3149a5; }

/* busan */
.transpor { margin-top: 40px; }
.transpor > li { margin-top: 50px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: stretch; justify-content: flex-start; }
.transpor_left { width: 305px; font-size: 27px; font-weight: 600; color: #111; padding-left: 8px; }
.transpor_left img { margin-right: 15px; }
.transpor_right { width: calc(100% - 305px); display: flex; flex-wrap: nowrap; flex-direction: row; align-items: flex-start; justify-content: flex-start;}

.tour_wrap { display: flex; justify-content: space-between; align-items: stretch; flex-wrap:wrap;  }
.tour { width: 24%; }
.tour_img { width: 100%; position: relative; }
.tour_img img { width: 100%; }
.tour_distance { position: absolute; left: 0; bottom: 5px; font-size: 13px; font-weight: 600; color: #fff; padding: 0 5px; }
.tour_title { font-size: 15px; padding: 5px; background: #252525; color: #fff; text-align: center; font-weight: 500; letter-spacing: -0.5px;}
.tour_txt { line-height: 140%; margin-top: 10px; display: flex; justify-content: space-between; align-items: stretch; flex-wrap:wrap;}
.tour_txt .boardTable td, .tour_txt .boardTable th { font-size: 15px; word-break:keep-all; }
.tour_txt .boardTable .btn_over a { padding: 3px 15px !important; font-size: 15px; font-weight: 400; }
/* .tour_txt .tour_map { font-weight: 600; }
.tour_txt .btn_over { width: calc(100% - 80px);  }
.tour_txt .btn_over a { font-size: 14px; font-weight: 500; line-height: 130%; padding: 10px 5px; }
 */
.tour_2row { display: flex; justify-content: space-between; align-items: stretch; flex-wrap:wrap; }
.tour_2row > div { width: 49%; }
.tour_2row .tour { width: 48.5%; }

.festival_wrap { display: flex; justify-content: space-between; align-items: stretch; flex-wrap:wrap; }
.festival_wrap > div { width: 49%; }
.festival_wrap > div img { width: 100%; }
.fesival_btn_wrap { display: flex; flex-direction:row; justify-content: space-between; align-items: stretch;  }
.fesival_btn_wrap .btn_over { width: 32.5%; }
.fesival_btn_wrap .btn_over a { padding: 10px 0; font-weight: 400; }

.climate { display: flex; flex-wrap:wrap; flex-direction:row; align-items: stretch; justify-content: space-between; gap:15px 0; margin-top: 20px; }
.climate li { width: 30%; display: flex; flex-wrap:nowrap; flex-direction:row; align-items: center; justify-content: flex-start; }
.climate li:nth-child(1) .climate_num { background: #c00000; }
.climate li:nth-child(2) .climate_num { background: #1f4e79; }
.climate li:nth-child(3) .climate_num { background: #a9d18e; }
.climate li:nth-child(4) .climate_num { background: #999999; }
.climate li:nth-child(4) .climate_num:after {  content:''; display: block; position: absolute; left: 0; top: 0; width: 50px; height: 50px; background-color: #3498db; background: conic-gradient(#ffcc00 0deg 90deg, transparent 90deg 180deg); /* 부채꼴 그라데이션 */ border-radius: 50%; /* 원 형태로 둥글게 */ }
.climate li:nth-child(5) .climate_num { background: #72b7fc; }
.climate li:nth-child(5) .climate_num:after {  content:''; display: block; position: absolute; left: -3px; top: -1px; width: 31px; height: 23px; background: url('../images/sub/climate_cloud.png') 0 0 no-repeat;	}
.climate li:nth-child(6) .climate_num { /*background: #c00000;*/ text-align: center;  width: 0px; height: 0px; border-bottom: 50px solid #c00000; border-left: 25px solid transparent; border-right: 25px solid transparent; -moz-border-radius: 0; border-radius: 0; }
.climate li:nth-child(6) .climate_num span { position: absolute; top: 5px; left: -5px; display: block; text-align: center;}
.climate_num { color: #fff; font-size: 22px; font-weight: 600; width: 50px; height: 50px; line-height: 46px; border-radius: 50px; margin-right: 15px; text-align: center; position: relative;}
.climate_num span { position: relative;	z-index: 10; }
.climate_txt { font-weight: 500; }

/*visa*/
.visa_table { display: flex; flex-direction:row; flex-wrap:wrap; align-items: flex-start; justify-content:space-between; }
.visa_table > div { width: 48.5%; }

/* contact */
.contact { display: flex; flex-direction:row; flex-wrap:nowrap; align-items: center; padding: 50px 100px; }
.contact_ico { margin-right: 90px; }
.contact_info {  }
.contact_info_title { font-size: 22px; font-weight: 600; color: #111; }
.contact_info_txt {  }

/* btn_over */
.btn_over:before { display: block; content:''; width: 120%; height: 120%; position: absolute; left: 0; top: 0; background: #fff; -webkit-transform-origin: right top; -ms-transform:translateX(-101%) skewX(-17.620001deg); transform: translateX(-101%) skewX(-17.620001deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; transition: transform .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1); }
.btn_over { display: inline-block; border: 1px solid #5d73c7; background: #5d73c7; cursor: pointer; position: relative; overflow: hidden; transition: color .55s; text-align: center; border-radius: 50px; }
.btn_over:hover::before { background: #fff; -webkit-transform:translateX(0) skewX(-17.62deg); -ms-transform:translateX(0px) skewX(-17.620001deg); transform: translateX(0px) skewX(-17.620001deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }
.btn_over a { display: block; width: 100%; height: 100%; position: relative; z-index: 100; transition: color .55s; color: #fff;}
.btn_over:hover a { color: #5d73c7; }

.btn_sparkle { display: inline-block; position: relative; margin-bottom: 40px;  }
.btn_sparkle a { font-size: 19px; font-weight: 600; color: #fff; padding: 15px 100px 15px 50px; }
.btn_sparkle:after { content:''; background:url('../images/sub/btn_pointer.png'); width: 50px; height: 50px; position: absolute; right: 40px; top: 20px; }

.btn_link.btn_over { border: 1px solid #acacac; background: #acacac; cursor: pointer; z-index: 999; border-radius: 0; }
br + .btn_link.btn_over { margin-top: 15px; }
.btn_link.btn_over a { padding: 5px 45px 5px 15px; transition:0.3s; color: #fff; font-weight: 400; background: url('../images/sub/link.png') calc(100% - 15px) center no-repeat; letter-spacing: -0.5px; }
.btn_link.btn_over:before { background: #fff !important; }
.btn_link.btn_over:hover a { color: #acacac; background: url('../images/sub/link_o.png') calc(100% - 15px) center no-repeat;}
.btn_link.btn_over:hover::before { background: #fff !important; }

/* sponsor */
.become_sponsor { }
.become_img { float: right; margin: 0 0 30px 30px; }
.become_txt01 { font-size: 35px; font-weight: 600; color: #52a531; line-height: 130%;	}
.become_txt02 { font-size: 22px; font-weight: 600; color: #000; margin: 20px 0 30px; }
.become_txt03 { font-size: 17px; ; }
.become_txt03 span { color: #111; font-weight: 500;}
.become_txt04 { }

.sponsor_table { border-top: 0; margin-top: 50px; }
.sponsor_table th { color: #fff; word-break:keep-all; }
.sponsor_table td { word-break:keep-all; }
.sponsor_colspan { font-size: 20px; font-weight: 500; color: #111; }

.spon_contact { color: #111; font-weight: 600; font-size: 20px; }
.spon_contact img { margin-right: 5px; }
.spon_inner { margin-top: 15px; }
.spon_inner span { font-weight: 600; color: #111; }

.sponsor { display: flex; flex-direction:row; flex-wrap:wrap; justify-content: space-around; margin-bottom: 30px; }
.sponsor a { margin-bottom: 30px; }
.sponsor img {  }
.sponsor img.kot { }

.sessionTable a:hover { text-decoration: underline; }

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
    animation: fadeIn 0.4s;
    justify-content: center;
    align-items: center;
}
.modal-content {
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 600px;
    max-height: 515px;
    overflow-y: auto;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    animation: slideIn 0.4s;
}
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
#modalTitle {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    border-bottom: 2px solid #ddd;
    padding-bottom: 15px;
    color: #333;
	line-height: 140%;
    color:#52a531; font-weight:600;
}
#modalDescription {
    font-size: 16px;
}
#modalDescription li {
    font-size: 16px;
}
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes slideIn {
    from {transform: translateY(-50px);}
    to {transform: translateY(0);}
}

/* accommo */
.accommo_wrap { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: stretch; gap:30px 0 ; }
.accommo_stars { color: #52a531; }
.accommo_name { font-size: 25px; margin-bottom:10px; font-weight: 600; color: #060f60; }
.accommo .imgBox { text-align: center; margin: 10px 0; }
.accommo .imgBox img { width: 100%; }
.accommo_txt { margin-bottom: 10px; }
.accommo_btn { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: stretch; }
.accommo_btn .btn_over { width: 49%; }
.accommo_btn .btn_over a { padding: 10px 0; font-weight: 400; }

/*tab menu*/
.tabmenu {
	display: flex;
	justify-content: space-between;
	align-items: stretch; /* 모든 메뉴 높이 동일 */
	width: 100%;
	background-color: #f0f0f0;
	border-left: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 40px;
  }

  .tabmenu > .tab {
	flex: 1; /* 각 메뉴가 동일한 비율로 공간 차지 */
	text-align: center;
	padding: 7px; /* 메뉴 내 여백 */
	cursor: pointer;
	background-color: #fff;
	border-right: 1px solid #e0e0e0; /* 메뉴 구분선 */
	transition: background-color 0.3s ease, color 0.3s ease;
	display: flex; /* 플렉스박스를 사용해 텍스트를 중앙 정렬 */
	justify-content: center; /* 가로 중앙 정렬 */
	align-items: center; /* 세로 중앙 정렬 */
	flex-direction: column; /* 긴 제목이 줄바꿈되도록 설정 */
	word-wrap: break-word; /* 제목이 길 경우 줄바꿈 */
	line-height: 1.4; /* 줄 간격 설정 */
	box-sizing: border-box; /* 패딩 포함 크기 계산 */
	font-weight:400;
	min-height: 61px;
  }

  .tabmenu > .tab:hover {
	background-color: #5d73c7;
	color: #fff; /* 호버 시 색상 변경 */
  }

  .tabmenu > .tab.active {
	background-color: #5d73c7;
	color: #fff;
  }
  .tabmenu-content > .content {
	display: none;
  }
  .tabmenu-content > .content.active {
	display: block;
  }


  /*tab menu*/
.submenu {
	display: flex;
	justify-content: space-between;
	align-items: stretch; /* 모든 메뉴 높이 동일 */
	width: 100%;
	background-color: #f0f0f0;
	border-left: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 40px;
  }

  .submenu > .sub {
	flex: 1; /* 각 메뉴가 동일한 비율로 공간 차지 */
	text-align: center;
	padding: 5px; /* 메뉴 내 여백 */
	cursor: pointer;
	background-color: #fff;
	border-right: 1px solid #e0e0e0; /* 메뉴 구분선 */
	transition: background-color 0.3s ease, color 0.3s ease;
	display: flex; /* 플렉스박스를 사용해 텍스트를 중앙 정렬 */
	justify-content: center; /* 가로 중앙 정렬 */
	align-items: center; /* 세로 중앙 정렬 */
	flex-direction: column; /* 긴 제목이 줄바꿈되도록 설정 */
	word-wrap: break-word; /* 제목이 길 경우 줄바꿈 */
	line-height: 1.4; /* 줄 간격 설정 */
	box-sizing: border-box; /* 패딩 포함 크기 계산 */
	font-weight:400;
	min-height: 41px;
  }

  .submenu > .sub:hover {
	background-color: #48862e;
	color: #fff; /* 호버 시 색상 변경 */
  }

  .submenu > .sub.active {
	background-color: #48862e;
	color: #fff;
  }
  .submenu-content > .subcontent {
	display: none;
  }
  .submenu-content > .subcontent.active {
	display: block;
  }

.accordion {width: 100%;max-width: 1800px;margin: 20px auto;border: 1px solid #889ae4;border-radius: 5px;overflow: hidden;}
.accordion > .item {border-bottom: 1px solid #889ae4;}
.accordion > .item > .subject {display: flex;align-items: center;width: 100%;padding: 10px;background: #fff;cursor: pointer;box-sizing: border-box;transition: background 0.3s;font-weight: bold;font-size:18px; margin-bottom:0px !important;}
.accordion > .item > .subject:hover, .accordion > .item >.subject.active {background: #5d73c7;}
.accordion > .item > .subject > .number {width: 50px;height: 40px;display: flex;align-items: center;justify-content: center;font-weight: bold;color: white;background-color: #5d73c7;	margin-right: 10px;border-radius: 5px;}
.accordion > .item > .subject > .number:hover, .accordion > .item > .subject > .number.active {background: #889ae4;}
.accordion > .item > .subject > .text {flex: 1;color: #4b63c3;text-align: left;padding: 10px;/*background-color: #889ae4;*/border-radius: 5px;}
.accordion > .item > .subject > .text:hover, .accordion > .item > .subject > .text.active {color: #fff;}
.accordion > .item > .subject > .toggle {width: 50px;height: 40px;display: flex;align-items: center;justify-content: center;font-weight: bold;color: white;background-color: #5d73c7;border-radius: 5px;}
.accordion > .item > .subject > .toggle:hover, .accordion > .item > .subject > .toggle.active {background: #889ae4;}
.accordion .content {display: none;padding: 20px;background: #fff;box-sizing: border-box;line-height: 1.6;color:#333;}

/* QnA */
.qna_list{border-top:2px solid #000}
.qna_list > li{border-bottom:1px solid #e5e5e5;position:relative}
.qna_list > li > a{display:block;padding:15px 80px 15px 80px; position:relative; font-size:18px; line-height:160%; color:#4b63c3; font-weight:600; position:relative; word-break:keep-all}
.qna_list > li > a:after{content:'';position:absolute;top:0;bottom:0;right:30px;margin:auto 0;width:15px;height:9px;background:url('../images/common/ico_gnb_arrow.png') no-repeat center center / 100%;}
.qna_list > li > a.open:after{background-image:url('../images/common/ico_gnb_arrow_on.png');}
.qna_desc{border-top:1px solid #999999;background:#f4f4f4;padding:25px 80px 25px 80px;position:relative;display:none;font-size:18px;line-height:24px;color:#333;font-weight:400;}
.qna_desc img{max-width:100%}
.qna_desc:before{content:'';position:absolute;top:0;left:0;width:22px;height:26px;background:url("../img/bd_common/qu_answer.png") no-repeat;background-size:100%;top:36px;left:50px}
.qna_desc .btn{position:absolute;right:10px;bottom:20px;width:70px; font-size: 14px;}
.qna_chk{margin-bottom:20px}
.qna_list .td_chk{position:absolute;top:10px;left:10px;z-index:10}
.ddp_num {position: absolute; top: 15px; left: 30px; color: #bbb; font-size: 16px; font-weight: 500; font-family: 'Montserrat', sans-serif;}
.qna_list > li > a:before {display: none;}
.qna_desc:before {display: none;}
.qna_list .td_chk {top: 42px;}
.qna_desc .btn.btn2 {right: 90px;}



.btn_wrap {margin: 30px 0}
.btn_wrap:after{content:'';display:block;clear:both}


/* filedown */
.fileDown_btn { display: flex; flex-wrap: wrap; flex-direction: row; justify-content:center; align-items: stretch; }
.fileDown_btn a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content:center; color: #fff; font-size: 19px; line-height: 140%; }
.fileDown_btn a + a { margin-left: 15px; }
.fileDown_btn .downBtn { width: 330px; padding: 10px 40px 10px 0; text-align:center;border: 2px solid #0062a9;text-decoration: none !important; background: #0062a9 url('../images/sub/downBtn_01.png') no-repeat 88% -15px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content:center; font-weight: 500 !important; color: #fff !important;border-radius: 50px; box-sizing: border-box; }
.sponDown_btn .downBtn:hover {background-position: 88% -115px;background-color: #fff; color: #0062a9 !important;}

.smalldown { color: #fff; font-size: 16px; font-weight: 500 !important; width: 180px; padding: 8px 10px; text-align:center; border: 2px solid #0062a9; text-decoration: none !important; background: #0062a9; border-radius: 50px;}

.signature-container {display: flex;justify-content: space-between;align-items: flex-end;  /* 하단 정렬로 변경 */margin: 30px 0;}
.signature-container .signature-left {flex: 1;padding-right: 20px;display: flex;flex-direction: column;justify-content: flex-end;  /* 내용을 하단으로 정렬 */}
.signature-container .signature-image {height: 200px;}
.signature-container .signature-name {margin-top: 15px;font-weight: bold;color: #333;}
.signature-container .signature-title {color: #666;font-weight: bold;margin-top: 10px;}
.signature-container .thank-you {margin-bottom: 50px;  /* Thank you 텍스트와 이름 사이 간격 */}


/* 툴팁 박스 스타일 */
table.tooltipTable { width: 100%; border-collapse: collapse; }
table.tooltipTable th, td { position: relative; /* 툴팁의 기준이 됨 */ border: 1px solid #999 !important}

.tooltip-target {cursor: pointer; color: #fff; display: inline-block;}
.tooltip {position: absolute;bottom: 100%;left: 0;transform: translateY(-5px);background-color: #333;color: #fff;padding: 6px 10px;border-radius: 4px;font-size: 13px;white-space: normal;width: max-content;max-width: 200px;z-index: 10;display: none;}
/* 툴팁 화살표 */
.tooltip::after {content: '';position: absolute;top: 100%;left: 10px;border-width: 5px;border-style: solid;border-color: #333 transparent transparent transparent;}
/* 모바일 대응 */@media (max-width: 600px) {.tooltip {font-size: 12px;max-width: 150px;}}


/* 투어 상세 */
.tourdetail {border:1px solid #ddd; padding:20px; border-radius:10px; position: relative; background-color:#eeeeee;}
.tourdetail .view-detail {position: absolute; top: 20px;right: 20px; padding: 12px 12px; background-color: #007bff;color: white;border: none;border-radius: 4px;cursor: pointer;}
.tourdetail .desc {display: none;/* 숨겨진 상세 내용 */}

/* 투어 팝업 스타일 */
.tourpopup {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 999;}
.popup-content {background: white;width: 900px; height: 760px;/* 높이 고정 */margin: 80px auto;border-radius: 8px;overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);display: flex;flex-direction: column;}
.popup-desc > img {padding:20px;margin:0 auto;display:block;}
.popup-header {position: sticky;top: 0;background: #007bff;color: white;padding: 16px;display: flex;justify-content: space-between;align-items: center;z-index: 1;}
.popup-title {margin: 0;font-size: 20px;flex-grow: 1;color: white;font-weight: bold;}
.close-btn {position: absolute; top: 20px;right: 20px;background: none; border: none; color: white; font-size: 20px; cursor: pointer;}
.popup-body {padding: 16px;overflow-y: auto;flex-grow: 1;}
.popup-body p {margin-bottom: 10px;line-height: 1.6;}