@charset "utf-8";
/* CSS Document */
/* com2zoa design kjh 260730 */
/* ★ 공통스타일은 common.css에 있음 */
/* ★ 서브 기본 스타일은 sub.css에 있음 */

.basics_font {font-weight:400}
.underline {text-decoration: underline;  text-underline-offset:4px}
.font_dw {font-size:0.935em}

/*페이지 준비중 */
.page_loading {text-align:center; padding:15px 0}
.page_loading img {width:100%; height:100%; max-width:400px}

/* 행사안내 */
.yhc_event .event_box {display: flex; justify-content: space-between; /*align-items: center;*/ gap:45px}
.event_summary {flex:1}
.event_top {display:flex; justify-content: space-between; align-items: flex-end;  padding:5px 0 28px 5px}

.event_con {border-top:1px solid #444}
.event_con dl {display:flex; gap:25px; border-bottom:1px solid #d5d5d5; padding:7px 2px; color:#000}
.event_con dl dt {display:block; align-content: center; width:165px; padding:20px 10px; font-size:1.385em; font-weight:600; background:#eee; border-radius:10px;; text-align: center; box-sizing: border-box; flex-shrink:0}
.event_con dl dd {width:100%; padding:5px 0; line-height:150%; align-content: center; font-size:1.308em; font-weight:400}
.fest_tit {font-size:1.061em; font-weight:600}
.event_con .fest_date li {display:flex; align-items: baseline; margin-top:5px; display: flex; gap:10px}
.event_con .fest_date li:first-child {margin-top:0}
.event_con .fest_date li .lc_name {display: inline; padding:0 10px; text-align: center; font-weight:700; color:#fff; border-radius:5px; flex-shrink:0}
.event_con .fest_date li.local_gw .lc_name {background:#ff7947}
.event_con .fest_date li.local_dg .lc_name {background:#93cc52}
.event_conlst li {position: relative; padding:1px 0 1px 12px}
.event_conlst li:after {content:""; display:block; position:absolute; top:10px; left:0; width:4px; height:4px; background:#1a1a1a; border-radius:50%}
.event_poster a {overflow: hidden; display:block; max-width:448px; max-height:630px; border-radius:20px; border:4px solid #fff; box-shadow:0 1px 7px rgba(0,0,0,0.15)}
.event_poster a img {width:100%; height:100%}
.event_view a {display:block; min-width:234px; padding:12px 20px; font-size:1.385em; font-weight:500; color:#fff; background:#464646 url(../images/content/btn_event_view.png) no-repeat right 18px top 50%; border-radius:50px; box-sizing: border-box; transition:.3s}
.event_view:hover a {background-color:#fb600a}

/* 오시는 길 */
.yhc_map .map_wrap .map_box {border: 1px solid #ddd; box-sizing: border-box; overflow: hidden; border-radius:10px}
.yhc_map .root_daum_roughmap{width: 100%;}
.yhc_map .root_daum_roughmap .wrap_map{height:450px}
.yhc_map .map_wrap .map_border {border:none !important; background:none !important}
.map_view {display:flex; gap:10px}
.map_view li a {display: block; min-width:180px; border-radius:5px; padding:15px; font-weight:500; font-size:1.231em; box-sizing: border-box; transition:.3s}
.map_view li.map_naver a {background:#00c94a url(../images/content/btn_navermap.png) no-repeat right 12px top 50%; color:#fff}
.map_view li.map_kakao a {background:#ffdc00 url(../images/content/btn_kakaomap.png) no-repeat right 12px top 50%; color:#262120}
.map_view li.map_naver:hover a {background-color:#0ca344}
.map_view li.map_kakao:hover a {background-color:#ffc216}

.yhc_mapbox {margin-bottom:50px}
.yhc_maptop {display:flex; justify-content:space-between;  margin-bottom:24px; background:#f1f1f1; border-radius:10px; padding:25px 20px 25px 30px}
.yhc_maptop dl dt {margin-bottom:10px; font-size:1.846em; font-weight:600; color:#000}
.yhc_maptop dl dd {font-size:1.231em}
.yhc_maptop dl dd span {padding:3px 0 3px 20px; font-weight:400}
.honam_mapbox .yhc_maptop dl dt span {color:#f35641}
.honam_mapbox .yhc_maptop dl dd span {background:url(../images/content/blt_hn_map.png) no-repeat 0 50%}
.yeongnam_mapbox .yhc_maptop dl dt span {color:#7cb501}
.yeongnam_mapbox .yhc_maptop dl dd span {background:url(../images/content/blt_yn_map.png) no-repeat 0 50%}

/* 행사 배치도 */
.booth_top {display:flex; justify-content:space-between;  margin-bottom:24px; background:#f1f1f1; border-radius:10px; padding:25px 20px 25px 30px}
.booth_barogai a {display: block; min-width:250px; border-radius:10px; padding:15px; font-weight:600; font-size:1.385em; box-sizing: border-box; transition:.3s; background:#f38967 url(../images/content/btn_navermap.png) no-repeat right 12px top 50%; color:#fff}
.booth_barogai:hover a {background-color:#5a5a5a}
.booth_toptit {align-content: center; font-size:26px; color:#000; font-weight:600}
.booth_toptit span {color:#f7673a}
.booth_box {overflow: hidden; width:100%; max-height:704px; border-radius:15px; background:#eee}
.booth_box img {width:100%; height:100%}

/* 테이블 _ 행사구성표 */
.cz_table thead th {font-size:1.385em}
.cz_table thead td {font-size:1.308em}
.cz_table tbody th {font-size:1.231em}
.cz_table tbody td {font-size:1.231em}

/* 아카이브 */
.yhc_archive {display: grid; grid-template-columns: repeat(3, 1fr);	gap: 60px}
.ayear_tit {display:block; padding:15px; margin-bottom:20px; background:#616161; font-size:1.538em; border-radius:15px; text-align: center; font-weight:600; color:#fff; }
.archive_poster a {overflow:hidden; display:block; max-width:390px; max-height:542px; border-radius:15px; box-shadow:0 2px 10px rgba(0,0,0,0.15)}
.archive_poster a img {width:100%; height:100%}

/* 행사일정표 */
.cz_table thead th.tt_col01 {background:#5a5a5a}
.cz_table thead th.tt_col02 {background:#fff5f0; color:#000}
.cz_table thead th.tt_col03 {background:#f5f9e5; color:#000}
.cz_table thead th.tt_col04 {background:#faf5ff; color:#000}
.cz_table thead th.tt_fsizedw {padding:10px; font-size:1.231em}

.cz_table thead th .time_day {display:inline-block; padding:5px 0 5px 40px; background:url(../images/content/blt_timeday.png) no-repeat 0 50%}
.mb_timetable .cz_table {margin-bottom:20px}

/* 콜로키움 */
.summary_area {display: flex; gap:14px; margin-bottom:10px}
.summary_area .summ_box {flex:1; width:100%; display:flex; overflow: hidden; border-radius:10px; border:1px solid #d0d0d0; font-size:1.231em; font-weight:400; color:#2a2a2a}
.summary_area .summ_box .summ_tit {min-width:126px; padding:18px 15px; font-size:1.2em; font-weight:600; color:#000; box-sizing: border-box; text-align: center; background:#f1f1f1; align-content: center}
.summary_area .summ_box .summ_txt {padding:18px 20px; word-break: keep-all}
.summary_area .summ_box .summ_boldtit {background:#404040; color:#fff}

.col_bold {font-size:1.071em; font-weight:700}
.col_red {color:#f2642b}
.col_bk {color:#000}
.line_space {margin-bottom:50px}

/* 교류투어 */
.yhc_exchange {position:relative}
.summary_area .summ_box.summ_only .summ_tit {min-width:210px}
.exchang_tour {width:100%; text-align:center}
.tour_img {max-width:900px; width:100%; height:100%; margin-bottom:20px}
.tour_apply {display:block; position:absolute; top:30px; right:0}
.tour_apply a {position:relative; display:block; min-width:200px; padding:14px 60px 14px 44px; border-radius:50px; background:url(../images/content/blt_tour_apply.png) no-repeat 14px 50%, linear-gradient(90deg, #f1567e, #feb548); font-size:1.308em; font-weight:600; color:#fff; box-sizing:border-box}
.tour_apply a:after {content:"go"; display:block; position:absolute; top:50%; right:6px; width:36px; height:36px; align-content:center; margin-top:-18px; background:#fff; border-radius:50%; text-align:center;font-size:1.077em; color:#000; box-sizing:border-box; transition:.3s}
.tour_apply a:hover:after {border:2px solid #fff; color:#fff; background:none; transition:.3s}

/* 참여기관 */
.parti_tab {margin-bottom:30px}
.parti_tab ul {display:flex; justify-content: space-between; gap:10px}
.parti_tab ul li {flex:1}
.parti_tab ul li a {display:block; padding:20px 15px; background:#e6e6e6; border-radius:5px; text-align: center; font-size:1.583em; font-weight:500; transition:.3s}
.parti_tab ul li:hover a {background:#181818; color:#fff}
.participate_lst {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:15px; box-sizing: border-box; margin-bottom:40px}
.parti_lstbox {box-sizing:border-box}
.parti_lstbox a {display:block; border:1px solid #ddd; border-radius:10px; transition:.3s}
.parti_name {position:relative; font-size:1.308em; border-top:1px solid #ddd; padding:15px 68px 15px 20px}
.parti_name:after {content:""; display:block; position:absolute; top:50%; right:15px; width:48px; height:24px; line-height:24px; border-radius:50px; background:#1e1e1e url(../images/content/btn_parti_home.png) no-repeat 50% 50%; margin-top:-12px}
.parti_name span {display:block; width:95%; overflow: hidden; text-overflow: ellipsis; white-space:nowrap}
.parti_logo {display:block; text-align: center; padding:15px 0; min-height:80px}
.parti_logo img {margin:0 auto; max-width:100%; max-height:80px}

.parti_lstbox:hover a {border-color:#5a5a5a}

/* 상단 공지 글 */
.cont_etc {border:1px solid #dadada; border-radius:10px; padding:20px; margin:25px 0; font-size:1.231em; font-weight:400}


/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
/* 행사안내 */
.yhc_event .event_box {flex-direction: column}
.event_summary {width:100%}
    
/* 테이블 _ 행사구성표 */
.cz_table thead th {font-size:1.231em; padding:8px 4px; word-break:keep-all}
.cz_table thead td {font-size:1.154em; padding:8px 4px; word-break:keep-all}
.cz_table tbody th {font-size:1.077em; padding:8px 4px; word-break:keep-all}
.cz_table tbody td {font-size:1.077em; padding:8px 4px; word-break:keep-all}
    
/* 아카이브 */ 
.yhc_archive {gap:20px}
.ayear_tit {padding:10px; margin-bottom:10px; font-size:1.231em}
    
/* 콜로키움 */
.summary_area {flex-direction: column; gap:5px; margin-bottom:5px}
.summary_area .summ_box {font-size:1em}
.summary_area .summ_box .summ_tit {min-width:100px; padding:12px 10px; font-size:1.154em}
.summary_area .summ_box .summ_txt {padding:12px 10px; font-size:1.077em}
.line_space {margin-bottom:30px; padding:50px 0 0}
.summary_area .summ_box.summ_only .summ_tit {min-width:100px}

.tour_apply {top:62px; right:inherit; left:0; width:100%}
.tour_apply a {padding:10px 46px 10px 44px; font-size:1.154em}
.tour_apply a:after {width:30px; height:30px; margin-top:-15px; font-size:1em}

.cont_etc {padding:10px; font-size:1.077em}
    
    
}


/* PC LAYOUT */
@media only screen and (min-width:1025px) {
    
}



/* etc LAYOUT */
@media only screen and (max-width:1300px) {
    /* 행사안내 */
    .event_top {padding:5px 0 20px 5px}
    .yhc_event .event_box {gap:20px}
    .event_view a {min-width:180px; padding:10px 15px; font-size:1.231em}
    .event_sumtit img {width:250px}
    .event_con dl {gap:12px; padding:5px 2px}
    .event_con dl dt {width:140px; padding:15px 5px; font-size:1.308em}
    .event_poster a {max-width:400px}
    
    /* 참여기관 */
    .participate_lst {grid-template-columns: repeat(3, minmax(0, 1fr))}
    .parti_tab ul li a {padding:10px; font-size:1.154em}
}


@media only screen and (max-width:767px) {
    /* 행사안내 */
    .event_top {flex-direction:column; align-items:inherit; padding:0 0 10px}
    .event_summary .event_sumtit {text-align: center; margin-bottom:15px}
    .event_con dl {flex-direction:column; gap:5px}
    .event_con dl dt {width:100%; padding:5px; font-size:1.231em}
    .event_con dl dd {font-size:1.154em}
    
    /* 오시는 길 */ 
    .yhc_map .root_daum_roughmap .wrap_map {height:300px}
    .yhc_maptop {padding:20px 10px 10px; margin-bottom:15px; flex-direction: column}
    .yhc_maptop dl {margin-bottom:15px; text-align: center}
    .yhc_maptop dl dt {margin-bottom:5px; font-size:1.583em}
    .yhc_maptop dl dd {font-size:1.077em}
    .map_view {width:100%}
    .map_view li {width:100%}
    .map_view li a {width:100%; padding:10px; font-size:1.077em}
    .yhc_mapbox {margin-bottom:30px}
    .yeongnam_mapbox {margin:0}
    
    /* 행사장 배치도 */
    .booth_top {flex-direction: column; padding:20px 10px 10px; margin-bottom:15px}
    .booth_toptit {font-size:20px; text-align: center; margin-bottom:15px}
    .booth_barogai a {padding:10px; font-size:1.231em}
    
    /* 아카이브 */
    .yhc_archive {grid-template-columns: repeat(2, 1fr)}
    
    /* 참여기관 */
    .participate_lst {grid-template-columns: repeat(2, minmax(0, 1fr))}
    .parti_tab ul {flex-direction: column; gap:5px}
    .parti_tab ul li a {padding:5px}
    .parti_name {padding:12px 60px 12px 14px; font-size:1.154em}
    .parti_name:after {width:40px}
}

@media only screen and (max-width:480px) {
    /* 아카이브 */
    .yhc_archive {grid-template-columns: repeat(1, 1fr)}
    .archive_poster a {margin:0 auto}
    
    /* 참여기관 */
    .participate_lst {grid-template-columns: repeat(1, minmax(0, 1fr))}
}