@charset "utf-8"; 

/* 카카오 마커 */
.markerBox { background: url(/culture/resource/images/adm/icon_modify.png) no-repeat; width: 30px; height: 29px; margin: 0 auto; } 



/* 일정 */

.boardCal { overflow:hidden; margin-top:20px; } 
.boardCal .month .calUtil { position:relative; line-height:60px; text-align:center; } 
.boardCal .month .calUtil strong { font-size:2em; color:#666; font-weight:normal; font-family: 'GmarketSans'; } 
.boardCal .month .calUtil strong em { font-size:1.3em; color:#175bc4; font-weight:bold; /* padding-left:10px; */ } 
.boardCal .month .calUtil a { float:left; width:50px; height:60px; font-size:0; text-indent:-9999em; } 
.boardCal .month .calUtil a.mPrev { position:absolute; left:0; top:20%; background: url('https://lib.gyeongnam.go.kr/images/common/btn_arr2_l.png') no-repeat left top; } 
.boardCal .month .calUtil a.mNext { position:absolute; right:0; top:20%; background: url('https://lib.gyeongnam.go.kr/images/common/btn_arr2_r.png') no-repeat right top; } 
.month table { table-layout:fixed; width:100%; padding:0; border-collapse:collapse; border-spacing:0; } 
.month table thead th { padding: 16px 0 10px; border-top:3px solid #175bc4; background:#eff3fa; border-right:1px solid #e2e7ec; border-bottom:1px solid #b7c8e1; font-family: 'GmarketSans'; font-size: 1.1em; /* font-weight: normal; */ } 
.month table thead th.sun, .month table thead th.sun { color: #ff7070; } 
.month table thead th.sat { color: #2244c2; } 
.month table tbody td { position:relative; border:1px solid #ededed; vertical-align: top; } 
.month table tbody td:first-child { border-left:0; } 
.month table tbody td:last-child { border-right:0; } 
.month table tbody td:last-child td { border-bottom:0; } 
.month table tbody td a { display:block; padding: 40px 10px 10px; color:#727272; height: 100%; min-height: 85px; } 
.month table tbody td:first-child .date_num { color: #ff7070; } 
.month table tbody td:last-child .date_num { color:#2244c2; } 
.month table tbody td:hover , .month table tbody td:focus, .month table tbody td.on { background:#ebf2f8; } 
.month table tbody td:focus .date_num, .month table tbody td.on .date_num { color: #fff; /* font-weight: bold; */ } 
.month table tbody td:focus .date_num:before, .month table tbody td.on .date_num:before { display:block; content:''; width: 27px; height: 26px; background: #087fa3; border-radius:50%; position: absolute; z-index: -1; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.month table tbody td a span { display:block; } 
.month table tbody td a span:not(.date_num) { line-height: 1.2; margin-bottom: 5px; position: relative; /* padding-left: 10px; */ } 
.month table tbody td a span:last-of-type { margin-bottom:0; } 
.month table tbody td a.check { position:absolute; right:10px; bottom:10px; width:16px; height:16px; min-height:auto; padding:0; background:#fece4a; font-size:0; text-indent:-9999em; border-radius:100%; } 
.month table tbody td .date_num { position:absolute; left: 14px; top: 10px; font-family: 'GmarketSans'; z-index: 1; color: #333; } 
.month table tbody td .offday:before { width:4px; height:4px; background: #ff5c5c; content:""; display:inline-block; border-radius: 50%; position: absolute; left: 0; top: 8px; } 
.month table tbody td .onday:before { width:4px; height:4px; background: #239ba1; content:""; display:inline-block; border-radius: 50%; position: absolute; left: 0; top: 8px; } 
.month table tbody td .onTitle { margin-left: 10px; width: 98px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } 
.month table tbody td .onTitle.colorRed { color: #e31b3d; } 
.month table tbody td .onTitle.colorBlue { color: #0D2FC5; } 
/* 일정 게시판 */
#chief_doing div.car { position:relative; width:40%; float:left; } 
#chief_doing div.carmob { display:none; } 
#chief_doing div.car div.carbtn { position:relative; height:45px; text-align:center; } 
#chief_doing div.car div.carbtn a.prem { font-size:0.9em; padding:7px 10px; border:1px solid #dedede; position:absolute; top:0; left:0; color:#777; background:#fff; } 
#chief_doing div.car div.carbtn a.nextm { font-size:0.9em; padding:7px 10px; border:1px solid #dedede; position:absolute; top:0; right:0; color:#777; background:#fff; } 
#chief_doing div.car div.carbtn a.prem:hover, #chief_doing div.car div.carbtn a.nextm:hover { border:1px solid #999; font-weight:bold; color:#D95700; } 
#chief_doing div.car div.carbtn span { font-size:1.5em; font-weight:bold; line-height:38px; } 
#chief_doing div.car table { width:100%; border-collapse:collapse; text-align:center; background:#fff; } 
#chief_doing div.car table th { border:1px solid #dedede; padding:5px 0px; background:#f5f5f5; border-top:2px solid #003366; } 
#chief_doing div.car table td { border:1px solid #dedede; font-size:0.9em; padding:3px 0px; height:32px; } 
#chief_doing div.car table th.sun, #chief_doing div.car table td.sun, #chief_doing div.car table td.sun a { color:#ff0000; } 
#chief_doing div.car table th.sat, #chief_doing div.car table td.sat, #chief_doing div.car table td.sat a { color:#0099ff; } 
#chief_doing div.car table td.now { background:#0066cc; } 
#chief_doing div.car table td.now a { color:#fff; font-weight:bold; } 
.today { margin:20px 0; position:relative; width:100%; } 
.today .detail_info { float:right; font-size:14px; color:#333; font-family:'Noto Sans KR'; font-weight:400 } 
.today dl { background: #f9fbfb; padding:20px; border:1px solid #dedede; min-height:180px; } 
.today dl dt { font-weight:bold; padding-bottom:10px; border-bottom: 1px solid #86c7cd; margin-bottom:10px; letter-spacing:-0.01em; font-family: 'GmarketSans'; padding-left: 31px; background: url(/culture/images/content/month_detail_tit.png) no-repeat left top; } 
.today dl dt p { float:left; font-size: 1.1em; } 
.today dl dt p span { color:#07747e; font-size: 1.3em; display:inline-block; position:relative; z-index: 0; } 
.today dl dt p span:before { display:block; content:''; width: 104%; height:10px; position:absolute; background: #ffe06e; z-index: -1; left: 50%; transform: translateX(-50%); bottom: 2px; } 
.today dl dd ul li { background:url(/culture/img/common/quick_bul.png) no-repeat 0 7px; padding-left:8px; font-size:0.9em; line-height:1.3em; margin-bottom: 5px; } 
.today dl dd ul li a.datail_more { background: #0896a3 url(/culture/images/content/month_detail_more.png) no-repeat right 13px center; color:#fff; padding: 6px 70px 3px 70px; border-radius:100px; margin-top:5px; display:inline-block; font-family: 'GmarketSans'; font-size: 1.05em; /* font-weight: bold; */margin-right: 10px; margin-bottom: 7px; margin-left: 17px; } 
.today dl dd ul li a.offday span { background: #ff4b4b; padding: 6px 15px 2px; border-radius: 100px; color: #fff; font-family: 'GmarketSans'; font-size: 1.05em; display: inline-block; cursor: no-drop; } 
.today dl dd ul li span.detail_tit { display:inline-block; padding-right:10px; color: #0896a3; background: url(/culture/images/content/month_detail_check.png) no-repeat left center; padding-left: 17px; font-weight: bold; } 
.today dl dd ul li .contentsDiv { margin-left: 17px; } 
.whoDiv { display: inline-block; } 
#chief_sch p.stab { height:60px; } 
#chief_sch p.stab a { float:left; width:25%; } 
#chief_sch p.stab a span { border:1px solid #dedede; padding:10px; display:block; text-align:center; } 
#chief_sch p.stab a.on span { background:#126ab5 url(https://lib.gyeongnam.go.kr/images/common/ico_b_arr5_w.png) no-repeat 85% 20px; color:#fff; font-weight:bold; border:none; padding:11px 22px 11px 11px; } 
#chief_sch table.sch_table { clear:both; border-collapse:collapse; width:100%; text-align:center; } 
#chief_sch table.sch_table thead th { background:#f2f2f2; border-bottom:1px solid #dedede; padding:10px 0px 8px 0px; border-top:2px solid #126ab5; color:#333; } 
#chief_sch table.sch_table tbody td, #chief_sch table.sch_table tbody th { font-size:0.9em; border-bottom:1px solid #dedede; padding:8px 10px 6px 10px; border-left:1px solid #dedede; } 
#chief_sch table.sch_table tbody th { border-left:none; } 
#chief_sch table.sch_table tbody th.sun { color:#ff0000; } 
#chief_sch table.sch_table tbody th.sat { color:#0099ff; } 
#chief_sch table.sch_table tbody td .time_tit { background: #3898f0; border-radius: 15px; margin-right: 5px; padding: 2px 5px; color: #fff; font-size: 0.9em; } 
/* 일정 - 등록 */
table.board_write select.gnlb_time { width: auto; } 
table.board_write .hasDatepicker { cursor:pointer; background: url(https://lib.gyeongnam.go.kr/images/common/ico_cal.png) no-repeat right 5px center; } 
.step_item3 { position:relative; overflow:hidden; margin:20px 0; } 
.step_item3 ul { width:100%; } 
.step_item3 li { position:relative; float:left; display:table; width:26%; /*border:1px solid #ff0000*/ } 
.step_item3 li .step_con { display:table-cell; height:80px; background:#fff; border:4px solid #2668af; border-radius:70px; text-align:center; vertical-align:middle; font-weight:bold; } 
.step_item3 li .arrow_r { overflow:hidden; display:table-cell; width:35px; background: url('http://www.gyeongnam.go.kr/01_potal/images/law/arrow_r.png') no-repeat center center; text-indent:-9999px; } 
.step_item3 li .arrow_l { overflow:hidden; display:table-cell; width:35px; background: url('http://www.gyeongnam.go.kr/01_potal/images/biz/arrow_l.png') no-repeat center center; text-indent:-9999px; } 
.step_item3 li .arrow_d { overflow:hidden; position:absolute; top:85px; left:45%; display:block; width:35px; height:35px; background: url('http://www.gyeongnam.go.kr/01_potal/images/law/arrow_d.png') no-repeat center center; text-indent:-9999px; } 
.step_item3 li .arrow_point_l { overflow:hidden; display:table-cell; width:35px; background:url('/01_potal/images/biz/arrow_point_l.png') no-repeat center center; text-indent:-9999px; } 
.step_item3 li.step_4 { width:22%; padding-bottom:50px; } 
.step_item3 li.f_right { float:right; padding-left:35px; } 
.step_item3 li.f_right .step_con { } 
.step_item3 li.f_right i { position:absolute; left:0px; height:80px; } 
.step_item3 li:last-child { width:22%; padding-left:0px; } 
.step_item3 .point_txt { clear:both; float:right; margin-top:10px; padding-left:20px; background:url('/01_potal/images/biz/arrow_point_l.png') no-repeat left 2px; background-size:12px auto; } 
.file_down { overflow:hidden; padding:0px 20px; margin:10px 0; background:#f8f8f8; border:1px solid #ddd; } 
.file_down .tit { float:left; margin-top:35px; background:url('/01_potal/images/guide/bull_dot.gif') no-repeat 0 8px; padding-left:15px; margin-bottom:8px; line-height:1.4; font-size:1.2em; } 
.file_down .btnwrap { float:right; } 

.boxtit_step { position:relative; } 
.boxtit_step ol > li { position:relative; padding:10px 0 30px 0; background: url('http://www.gyeongnam.go.kr/01_potal/images/law/arrow_d.png') no-repeat 8% 95%; border-bottom:1px solid #ddd; } 
.boxtit_step ol > li .arow_txt { position:absolute; bottom:10px; left:12%; } 
.boxtit_step ol > li:last-child { padding:10px 0; background:none; } 
.boxtit_step dl { clear:both; width:100%; display:table; padding:20px 0px; } 
.boxtit_step dt { display:table-cell; width:20%; padding:10px 0; border:4px solid #2668af; vertical-align:middle; text-align:center; color:#000; border-radius:10px; } 
.boxtit_step dd { display:table-cell; width:80%; padding:20px 20px; vertical-align:middle; } 
.boxtit_step.dt-wide ol > li { background: url('http://www.gyeongnam.go.kr/01_potal/images/law/arrow_d.png') no-repeat 19% 95%; } 
.boxtit_step.dt-wide dt { width:40%; font-size:1.1em; line-height:1.4em; font-weight:bold; } 
.boxtit_step.dt-wide dt em { font-size:0.9em; } 
.boxtit_step.dt-wide dd { width:60%; } 
.boxtit_step.dt-wide ol > li:last-child { padding:10px 0; background:none; } 

.proce { padding:25px; } 
.proce ul > li { position: relative; padding: 28px 0 66px 0; border-bottom: 1px solid #ddd; background: url('http://www.gyeongnam.go.kr/01_potal/images/law/arrow_d.png') no-repeat 61.5% 86%; } 
.proce ul > li:last-child { background: none; } 
.proce ul > li:first-child > span { padding-top : 24px; } 
.proce ul > li > span { display: inline-block; width: 20%; height: 70px; background: #427ab7; text-align: center; padding-top : 17px; font-size: 1.1em; color: #fff; vertical-align: top; } 
.proce ul > li > p { display: inline-block; margin-left: 3%; width: 75%; height: 70px; font-size: 1.1em; font-weight: bold; border: 4px solid #2668af; border-radius: 10px; text-align: center; line-height: 70px; vertical-align: top; } 
.proce ul > li > .lines { padding-top: 12px; line-height: 1.1em; } 
.proce ul > li .sub_cont { position: absolute; top: 110px; right: 5%; text-align: center; } 
.proce ul > li .kinds_cont { display: inline-block; margin-left: 3%; width: 75%; height: 70px; font-size: 1.1em; font-weight: bold; border: 4px solid #2668af; 
border-radius: 10px; vertical-align: top; clear:both; } 
.proce ul > li .kinds_cont > p { float: left; padding: 13px 0; border-right: 4px solid #2668af; height: 100%; width: 32.9%; text-align: center; } 
.proce ul > li .kinds_cont > p:nth-child(3) { border-right:none; } 
@media (max-width: 900px) { 
.proce ul > li:first-child { padding: 28px 0 114px 0; } 
.proce ul > li .sub_cont { right: 19%; } 
 } 
@media (max-width: 600px) { 
.proce ul > li .kinds_cont> p { font-size: 0.76em; } 
 } 
@media (max-width: 480px) { 
.proce ul > li .sub_cont { font-size: 0.87em; right: 0%; } 
.proce ul > li > span { height: 80px; } 
.proce ul > li > p { height: 80px; line-height: 80px; } 
 } 




ul.card-ul li { width:30%; } 
.paging-wrap { width:100%; } 

button.area_on { background-color: #ff6059; } 

.btn4 { display: inline-block; height: auto; background-color: #5ec69e; color: #fff; padding: 0 2rem; transition: all .3s; border: none; padding: 5px 20px; border-radius: 5px; } 


/* hover */
/*.btn4:active,*/
.btn4:hover { background-color:#357e62; color:#fff; box-sizing:border-box; } 
.area_on:hover { background-color: #ff6059 !important; color:#fff; box-sizing:border-box; } 




.tabmenu { display:table; width:100%; table-layout:fixed; /* border-left:1px solid #e7e7e7; */position:relative; /* background-color: #f1f1f1; */ } 
.tabmenu li { display:table-cell; height:50px; position:relative; background-color: #ffffff; transition: 0.3s; } 
.tabmenu li:after { content: ''; position: absolute; background-color: #00a7c1; bottom:0; left:0; width:100%; height:0; transition: 0.3s; } 
.tabmenu li.on:after, .tabmenu li:hover:after { height:100% } 
.tabmenu li a { display: block; position:relative; height:50px; border: 1px solid #e2e2e2; /* border-bottom: 1px solid #f7f7f7; */line-height:50px; text-align:center; /*transition: 0.3s; */padding: 0 10px; } 
.tabmenu li a img { margin-left: 8px; /* margin-top: 18px; */vertical-align: middle; } 
.tabmenu li a img.ico_link_on { display:none; } 
.tabmenu li.on a, .tabmenu li:hover a { z-index: 1; color:#fff; } 
.tabmenu li.on a img.ico_link, .tabmenu li:hover a img.ico_link { display:none; } 
.tabmenu li.on a img.ico_link_on, .tabmenu li:hover a img.ico_link_on { display:inline; } 

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

/* div.tab-title ul > li { background-color: #fff; padding:2rem; border-top: 1px solid #ddd; border-bottom:1px solid #222; width: 100%; margin-right: 0; }  */
/* div.tab-title ul > li:not(:first-of-type) { border-left: 1px solid #ddd; }  */
/* div.tab-title ul > li.on { border-top: 1px solid #222; border-left: 1px solid #222; border-right:1px solid #222; border-bottom: 1px solid #fff; }  */

.tab-title li {font-family: var(--point-font);color: #333;font-size: 1.3333rem;text-align: center;background: #fdeef1;width: 50%;height: 85px;border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;} 
.tab-title li.on { color: #fff; background: var(--color-pink); border: none; } 

@media all and (max-width:1024px) { 
.tab-title li { height: 60px; padding: 0; display: flex; align-items: center; justify-content: center; } 
 } 
@media all and (max-width:480px) { 
 .tab-title li { height: 50px; font-size: 1.111rem; } 
 } 

@media all and (max-width: 1220px) { 
 .srh_list ul li .imgbnr { 
 height: 500px; 
 } 

 .search-box > ul > li .group-tit font { 
 font-size: 0.93em; 
 } 
 } 

@media all and (max-width: 980px) { 
 .search-box { 
 padding: 5px 25px; 
 border-radius: 20px; 
 } 

 .search-box > ul > li .group-tit { 
 width: 100%; 
 text-align: center; 
 float: none; 
 margin-bottom: 10px; 
 padding: 0; 
 } 

 .search-box > ul > li .select-pre { 
 width: 100%; 
 float: none; 
 text-align: center; 
 } 

 .search-box > ul > li .select-pre .srh-check label { 
 padding: 5px 28px; 
 margin-bottom: 5px; 
 } 

 .search-box > ul > li .select-pre .input-text { 
 width: 100%; 
 height: 40px; 
 } 

 .search-box > ul > li .select-pre .input-text + button { 
 width: 40px; 
 height: 40px; 
 background-size: contain; 
 margin-left: -45px; 
 } 

 .srh_list ul li .imgbnr { 
 height: 400px; 
 } 

 .srh_list ul li .srh_list_info strong { 
 padding: 10px 0; 
 } 


 .srh_list ul li .srh_list_info span { 
 padding: 5px 18px; 
 } 

 .srh_list ul li .srh_list_info span font { 
 font-size: 0.9em; 
 } 
 } 

@media all and (max-width: 768px) { 
 .search-box .btn { 
 height: 35px; 
 line-height: 34px; 
 padding: 0px 17px 0 27px; 
 border-radius: 7px; 
 margin-bottom: 10px; 
 } 

 .search-box .btn:after { 
 width: 17px; 
 height: 17px; 
 background-size: contain; 
 } 

 .srh_list ul li { 
 flex: 0 48%; 
 margin-bottom: 20px; 
 font-size: 0.85em; 
 } 

 .srh_list ul li:nth-child(2n) { 
 margin-right: 0; 
 } 

 .srh_list ul li:nth-child(3n) { 
 margin-right: auto; 
 } 

 .srh_list ul li .srh_list_info { 
 padding: 15px 0; 
 } 

 .srh_list ul li .favrit_btn { 
 width: 30px; 
 height: 30px; 
 background-size: 50%; 
 } 

 .srh_list ul li .favrit_btn.active { 
 background-size: 50%; 
 } 

 .srh_list ul li .group { 
 padding: 5px 25px; 
 } 

 } 

@media all and (max-width: 480px) { 
 .search-box { 
 font-size: 0.8em; 
 padding: 5px 10px; 
 margin-bottom: 30px; 
 } 

 .result { 
 margin-bottom: 7px; 
 } 

 .search-box > ul > li { 
 padding: 10px 0; 
 } 

 .search-box > ul > li .select-pre .srh-check label { 
 margin-bottom: 2px; 
 padding: 3px 10px; 
 } 

 .search-box > ul > li .select-pre li { 
 margin: 0; 
 } 

 .search-box > ul > li .group-tit.tit01:before { 
 width: 17px; 
 height: 20px; 
 } 

 .search-box > ul > li .group-tit.tit02:before { 
 width: 15px; 
 height: 24px; 
 } 

 .search-box > ul > li .group-tit.tit03:before { 
 width: 23px; 
 height: 17px; 
 } 

 .srh_list ul li { 
 font-size: 0.7em; 
 } 
 .srh_list ul li .imgbnr { 
 height: 280px; 
 border-radius: 10px; 
 } 

 .srh_list ul li.festa__end .imgbnr:before { 
 border-radius: 10px; 
 } 

 .srh_list ul li .group { 
 border-radius: 10px 0 0 0; 
 } 

 .srh_list ul li .srh_list_info span { 
 padding: 4px 5.6px; 
 } 

 .srh_list ul li .srh_list_info span font { 
 font-size: 0.6em; 
 } 
 } 

/* ******************* *
* 준비중
* ******************* */
.ready-page { display: flex; justify-content: center; padding: 30px 0 60px; } 

/* ******************* *
* 로그인, 회원가입
* ******************* */
/*로그인*/
.login_wrap { width: 100%; padding: 50px; background: #fbfbfb; border-radius: 25px; border: 1px solid #ddd; } 
.login_wrap ul { margin: 0 auto; display: flex; max-width: 900px; align-items: center; justify-content: space-between; } 
.login_wrap ul li { width: calc(50% - 20px); background: #333; height: 300px; border-radius: 25px; transition: 0.3s; } 
.login_wrap ul li:hover { transform: translateY(-10px); transition: 0.3s; box-shadow: 0px 10px 15px rgba(0,0,0,0.3); } 
.login_wrap ul li.log_btn_nvr { background: #47b749 url('/culture/gn_festival/images/common/log_btn_bg_nvr.png')no-repeat bottom right; } 
.login_wrap ul li.log_btn_kao { background: #fae300 url('/culture/gn_festival/images/common/log_btn_bg_kko.png')no-repeat bottom right; color: #3c1e1e; } 
.login_wrap ul li a { display: block; width: 100%; height: 100%; padding: 60px; } 
.login_wrap ul li a strong { font-size: 2.2em; font-family: var(--point-font); } 
.login_wrap ul li a p { font-weight: 500; line-height: 1.3; font-size: 1.05em; margin-top: 20px; } 

@media all and (max-width:1199px) { 
 .login_wrap { padding: 30px; } 
 .login_wrap ul li a { padding: 40px } 
 } 

@media all and (max-width:768px) { 
 .login_wrap { padding: 30px 20px } 
 .login_wrap ul li { width: calc(50% - 5px); height: 220px; border-radius: 10px; } 
 .login_wrap ul li a { padding: 20px } 
 .login_wrap ul li.log_btn_nvr,
 .login_wrap ul li.log_btn_kao { background-size: 130px; } 
 .login_wrap ul li a strong { font-size: 2rem } 
 .login_wrap ul li a p { margin-top: 10px } 
 } 

@media all and (max-width:480px) { 
 .login_wrap ul { flex-direction: column; } 
 .login_wrap ul li { width: 100%; height: 150px } 
 .login_wrap ul li a strong { font-size: 1.5rem } 
 } 

/*이용약관*/
.terms-box { width: 100%; padding: 50px; background: #fbfbfb; border-radius: 25px; border: 1px solid #ddd; max-height: 500px; overflow: auto; } 
.terms-box ol li ol > li { margin-top: 10px; } 
.agree-box { justify-content: flex-end; margin-top: 15px; } 
.agree-box span { margin-right: 5px; } 

/* 게시글작성내역 */
.tabmn { display: flex; margin-bottom: 41px; flex-wrap: wrap; justify-content: flex-start; margin-top: 40px; } 
.tabmn li:first-child:nth-last-child(3),
.tabmn li:first-child:nth-last-child(3) ~ li { width: 33.3%; } 
.tabmn li:first-child:nth-last-child(4),
.tabmn li:first-child:nth-last-child(4) ~ li { width: 25%; } 
.tabmn li:first-child:nth-last-child(5),
.tabmn li:first-child:nth-last-child(5) ~ li { width: 20%; } 
.tabmn li:first-child a { border-radius:20px 0 0 20px; } 
.tabmn li:last-child a { border-radius:0 20px 20px 0; } 
.tabmn li { width: 14.3%; margin-left: -1px; margin-top: -1px; } 
.tabmn li.on a:after { display:block; content:''; width:0; height:0; border-top: 13px solid #2c3483; border-left: 13px solid transparent; border-right: 13px solid transparent; position: absolute; bottom: -13px; left: 50%; transform: translateX(-50%); } 
.tabmn li.on a { color: #fff; font-weight: 600; background: #2c3483; } 
.tabmn li a { text-align: center; border: 1px solid #b6b6b6; display: flex; width: 100%; height: 119%; align-items: center; justify-content: center; padding: 15px 0; transition: .2s; font-size: 1.1667rem; position: relative; } 
.tabmn li a:hover { color: #fff; background: #2c3483; } 
@media all and (max-width: 1199px) { 
 .tabmn li a { height: auto; padding: 13px 0 } 
 .tabmn li:first-child a { border-radius:15px 0 0 15px; } 
.tabmn li:last-child a { border-radius:0 15px 15px 0; } 
 } 

/* 아이디, 비밀번호 찾기 */
.id-pw-search { width: 100%; padding: 50px; background: #fbfbfb; border-radius: 25px; border: 1px solid #ddd; } 
.login-input li { display: flex; justify-content: center; align-items: center; margin-bottom: 5px; } 
.login-input li label { min-width: 120px; font-weight: 600; } 
.login-input li input { padding: 7px 20px; border-radius: 10px; min-height: 40px; } 
.id-search { margin-bottom: 60px; text-align: center; } 
.pw-search { text-align: center; } 

/* sns 회원가입 */
.tbl.sns td .select-wrap { position: relative; width: fit-content; margin: 0 auto; } 
.tbl.sns td select { border-color: var(--color-pink); -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 30px; border-width: 2px; } 
.tbl.sns td .ico-arrow { position: absolute; top: 0; right: 20px; bottom: 0; margin: auto; border-width: 2px; border-style: solid; border-color: transparent var(--color-pink) var(--color-pink) transparent; box-sizing: border-box; width: 8px; height: 8px; border-radius: 0; transform: rotate(45deg) translate(0px, -3px); z-index: 0; } 

@media all and (max-width: 1199px) { 
 .tbl.sns tr td { width: 100%; display: flex; align-items: center; flex-wrap: wrap } 
 .tbl.sns td .select-wrap { margin: 0; } 
 .tbl.sns td select { width: 100%; min-height: 33px; height: 33px; padding: 5px 20px; border-width: 1px; } 
 } 


/* ******************* *
* 문화행사, 문화공간 공통
* ******************* */
/* 리스트-지도부분 */
.event-search-wrap { display: flex; align-items: center; position: relative; padding: 0 40px 0 140px; margin-bottom: 64px; } 
.event-search-wrap::before { content: ''; display: block; width: 100%; background: linear-gradient(150deg, rgba(66,85,182,1) 0%, rgba(132,88,176,1) 100%); border-radius: 30px; position: absolute; z-index: -1; height: 475px; bottom: 0; left: 0; } 
.event-search-wrap::after { content: ''; display: block; width: 296px; height: 220px; background: url(/culture/resource/images/gamsa/content/event_deco_img.png); position: absolute; right: -96px; bottom: -27px; } 
.event-search-wrap .c-tit { font-family: 'Agro-b',sans-serif; font-size: 1.6667rem; text-align: center; margin-bottom: 100px; } 
.event-search-wrap .c-tit .color { display: inline-block; color: var(--color-purple); font-size: 2.7778rem; position: relative; padding-left: 42px; } 
.event-search-wrap .c-tit .color::before { position: absolute; content: ''; display: block; width: 38px; height: 49px; background: url(/culture/resource/images/gamsa/content/ico_loc_big.png); left: 0; } 
.event-search-wrap .c-tit .small { display: block; font-family: 'Pretendard', sans-serif; font-size: 1rem; color: #666; font-weight: 400; } 
.event-map-wrap { border-radius: 30px 150px 30px 30px; overflow: hidden; margin-bottom: 45px; margin-left: auto; box-shadow: 0px 24px 24px rgba(12,30,113,.22); width: 60.539%; } 
.event-map { background: url(/culture/images/map_bg.png) no-repeat center; text-align: center; padding: 22px; position: relative; width: 100%; } 
.event-map-tit { font-family: 'Agro-m', sans-serif; font-size: 1.8333rem; color: #000; text-align: end; margin-top: -45px; } 
.event-map-tit .color { color: var(--color-purple); } 
.event-map-desc { background: #262c33; color: #fff; text-align: center; padding: 18px 0; } 
.event-kakao-map {width: 100%;height: 582px;display: none;} 
.event-search-wrap select { padding: 0 12px; height: 40px; width: 150px; border: 1px solid #b0b7c7; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; background: #fff url(/culture/resource/images/gamsa/content/ico_select_arr.png) no-repeat center right 12px; color: #666; } 
.event-search-wrap select::-ms-expand { display:none; /*for IE10,11*/ } 
.event-search-wrap select + select { margin-left: 7px; } 
.event-search-wrap input { padding: 0 12px; height: 40px; width: 150px; border: 1px solid #b0b7c7; background: #fff } 
.event-search-wrap input.formLineDate:last-of-type { margin-left: 22px; } 
.event-search-wrap .select-wrap { display: flex; align-items: center; margin-bottom: 13px; } 
.event-search-wrap .select-wrap:last-of-type { margin-bottom: 0; } 
.event-search-wrap .select-wrap label { color: #fff; font-family: var(--point-font); font-size: 1.2222rem; display: flex; align-items: center; margin-right: 30px; } 
.event-search-wrap .select-wrap label::before { content: ''; display: block; width: 5px; height: 5px; background: #fff; opacity: .3; border-radius: 50%; margin-right: 12px; } 
.event-search-wrap .search-wrap { display: flex; border-top: 1px dotted #fff; margin: 23px 0; padding-top: 23px; } 
.event-search-wrap .search-wrap select { width: 122px; margin-right: 7px; } 
.event-search-wrap .search-wrap input { width: calc(100% - 129px); } 
.event-search-wrap.arena .search-wrap input { width: 100%; } 
.event-search-wrap .ui-datepicker-trigger { margin-left: -30px; } 
.event-search-wrap .btn-wrap { display: flex; justify-content: space-between; } 
.event-search-wrap .btn-wrap a { width: calc(50% - 5px); color: #fff; border-radius: 10px; height: 57px; display: flex; align-items: center; justify-content: center; } 
.event-search-wrap .btn-wrap a::before { content: ''; display: block; width: 22px; height: 22px; margin-right: 10px; } 
.event-search-wrap .btn-wrap .btn-refresh { background: #5195f1; } 
.event-search-wrap .btn-wrap .btn-search { background: #18245b; } 
.event-search-wrap .btn-wrap .btn-refresh::before { background: url(/culture/resource/images/gamsa/content/ico_btn_refresh.png) no-repeat center; } 
.event-search-wrap .btn-wrap .btn-search::before { background: url(/culture/resource/images/gamsa/content/ico_btn_search.png) no-repeat center; } 

/* 상세 */
.event-view-info { display: flex; margin-bottom: 150px; align-items: flex-start; } 
.event-view-info .img {width: 33.9%;aspect-ratio: 1 / 1.328;position: relative;border-radius: 30px;overflow: hidden;border: 1px solid #b6b6b6} 
.event-view-info .img * {height: 100%;display: block;}
.event-view-info .img img {width: 100%;height: 100%;display: block;} 
.event-view-info .img .img-txt {position:absolute;top: 0;left:0;right:0;margin:0 auto;width: 100%;height: 100%;padding: 65px 20px;}
.event-view-info .img .img-tit {font-size: 1.6667rem;color: #fff;font-weight: 600;margin-bottom: 18px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height: fit-content;} 
.event-view-info .img .img-date {font-size: 1.3333rem;color:#fff;opacity:.6;height: fit-content;}
.event-exhibition .img .img-tit {color: #011b50;font-weight:bold}
.event-exhibition .img .img-date {opacity: 1;color: #4c4c4c}
.event-view-info .arena-img {aspect-ratio: 1 / .75;} 
.event-view-info .info { width: calc(100% - 33.9% - 100px); margin-left: auto; } 
.event-view-info .info .cate-wrap { display: flex; } 
.event-view-info .info .cate { font-family: var(--point-font); color: #333; border: 1px solid var(--color-pink); padding: 15px 30px 10px; border-radius: 50px; margin-bottom: 26px; width: fit-content; } 
.event-view-info .info .cate + .cate {margin-left: 6px}
.event-view-info .info .cate.gray { border: none; background: #eaeaea;} 
.event-view-info .info .title {border-bottom: 2px solid var(--color-pink);padding-bottom: 14px;margin-bottom: 33px;} 
.event-view-info .info .title p,
.event-view-info .info  p.title { font-family: var(--point-font); color: #333; font-size: 2.1111rem;}
.event-view-info .info .title p {width: calc(100% - 175px);}
.event-view-info .info .sns-wrap {display: flex;justify-content: flex-end;margin-top: -55px;}
.event-view-info .info .sns-wrap a {width: 45px;height:45px;border-radius: 50%;background: url(/culture/resource/images/gamsa/main/sns_spr.png);background-size: 216px;background-position-y: 0px;margin-left: 11px;}
.event-view-info .info .sns-wrap .fb {background-position-x: -57px;} 
.event-view-info .info .sns-wrap .insta {background-position-x: -171px;}
.event-view-info .info .sns-wrap .youtube {background-position-x: 0px;}
.event-view-info .info > ul > li { display: flex; align-items: flex-start; color: #6f6f6f; margin-bottom: 20px; font-size: 1.1111rem; } 
.event-view-info .info > ul > li:last-child {margin-bottom: 0;}
.event-view-info .info > ul li .tit { color: #444; font-weight: 600; min-width: 152px; display: flex; align-items: center; font-size: 1.2222rem; } 
.event-view-info .info > ul li > a:not(.file) { display: block; margin-left: 16px; font-size: 0.8889rem; color: #fff; background: #4b4b4b; border-radius: 5px; padding: 3px 19px; } 
.event-view-info [class^='basic-info'] {border-bottom: 1px dashed #b8b8b8;margin-bottom: 27px;position: relative;padding-bottom: 27px;} 
.event-view-info [class^='basic-info'] li .tit::before {content: '';display: block;width: 25px;height: 25px;margin-right: 8px;} 
.event-view-info [class^='basic-info'] li.view-count {background: #f9f9f9;border: 1px solid #ededed;padding: 3px 10px;border-radius: 5px;position: absolute;top: -5px;right: 0;color: #6c6a6a;margin-bottom: 0;}
.event-view-info [class^='basic-info'] li.date .tit::before { background: url(/culture/resource/images/gamsa/content/ico_view_cal.png) no-repeat center / contain; } 
.event-view-info [class^='basic-info'] li.clock .tit::before { background: url(/culture/resource/images/gamsa/content/ico_view_clock.png) no-repeat center / contain; } 
.event-view-info [class^='basic-info'] li.loc .tit::before { background: url(/culture/resource/images/gamsa/content/ico_view_loc2.png) no-repeat center / contain; } 
.event-view-info [class^='basic-info'] li.addr .tit::before { background: url(/culture/resource/images/gamsa/content/ico_view_loc2.png) no-repeat center / contain; } 
.event-view-info [class^='basic-info'] li.city .tit::before { background: url(/culture/resource/images/gamsa/content/ico_view_loc.png) no-repeat center / contain; } 
.event-view-info [class^='basic-info'] li.human .tit::before { background: url(/culture/resource/images/gamsa/content/ico_view_human.png) no-repeat center / contain; } 
.event-view-info [class^='basic-info'] li.tel .tit::before {background: url(/culture/resource/images/gamsa/content/ico_view_tel.png) no-repeat center / contain;} 
.event-view-info [class^='basic-info'] li.file-attach .tit::before {background: url(/culture/resource/images/gamsa/content/ico_view_file.png) no-repeat center / contain;} 
.event-view-info [class^='basic-info'] li.homepage .tit::before {background: url(/culture/resource/images/gamsa/content/ico_view_home.png) no-repeat center / contain;} 
.event-view-info [class^='basic-info'] li.sns .tit::before {background: url(/culture/resource/images/gamsa/content/ico_view_sns.png) no-repeat center / contain;} 
.event-view-info [class^='basic-info'] li.mail .tit::before {background: url(/culture/resource/images/gamsa/content/ico_view_mail.png) no-repeat center / contain;} 
.event-view-info .basic-info-arena { border-bottom: none; margin-bottom: 0} 
.event-view-info .detail-info ul { display: flex; flex-wrap: wrap } 
.event-view-info .detail-info ul li { color: #dadada; margin-bottom: 0; margin-right: 18px; } 
.event-view-info .detail-info ul li.on { color: #40a349; } 
.event-view-info .file_tmp {flex-direction: column;height: 100%;} 
.event-view-info .file {display: block;align-items: center;color: #6f6f6f;position: relative;padding-left: 27px;} 
.event-view-info .file::before {content: '';display: block;width: 17px;height: 20px;background: url(/culture/resource/images/gamsa/content/ico_view_download.png)no-repeat center / cover;margin-right: 10px;position: absolute;left: 0;top: 2px;} 
.event-view-info .file:hover,
.event-view-info .file:focus { border-bottom: 1px solid; } 
.event-view-info .btn-wrap { justify-content: space-between; margin-top: 57px } 
.event-view-info .btn-wrap a {width: calc(50% - 5px);font-family: var(--point-font);font-size: 1.2222rem;border-radius: 5px;display: flex;height: 70px;align-items: center;justify-content: center;} 
.event-view-info .btn-link { border: 1px solid var(--color-pink); color: var(--color-pink); } 
.event-view-info .btn-link::before { content: ''; display: block; width: 23px; height: 23px; background: url(/culture/resource/images/gamsa/content/ico_home.png); margin-right: 16px; margin-bottom: 8px; } 
.event-view-info .btn-reserve { background: var(--color-pink); color: #fff; } 
.event-view-cont .tab-title li { font-family: var(--point-font); color: #333; font-size: 1.3333rem; text-align: center; background: #fdeef1; width: 50%; height: 85px; border: none; cursor: pointer; } 
.event-view-cont .tab-title li.on { color: #fff; background: var(--color-pink); border: none; } 
.event-view-cont .tab-cont { padding: 90px 0; } 
.event-view-cont .tab-cont { text-align: left; } 
/*.event-view-cont.art-view .tab-cont > div:first-of-type { border-bottom: 2px dotted #d7d7d7; padding-bottom: 54px; margin-bottom: 54px; } */
.event-view-cont .tab-cont div { border-bottom: 2px dotted #d7d7d7; padding-bottom: 54px; margin-bottom: 54px; } 
.event-view-cont .tab-cont .tit {font-size: 1.3889rem;margin-bottom: 24px;font-weight: bold;position:relative;padding-left: 34px;} 
.event-view-cont .tab-cont .tit::before {content:'';display:block;width:24px;height:24px;border-radius:50%;background:var(--color-pink);position: absolute;left: 0;top: 3px;}
.event-view-cont .tab-cont .tit::after {content: '';display: block;border: 3px solid transparent;border-bottom-color: #fff;border-right-color: #fff;transform: rotate(45deg) skew(0deg, 0deg) translateY(-25%);width: 3px;height: 8px;position: absolute;top: 8px;transition: 0.35s;left: 5px;border-radius: 2px;} 
.event-view-cont .tab-cont .desc { font-size: 1.111rem; font-family: 'Pretendard', sans-serif !important; } 
.event-view-cont .tab-cont .desc span { font-family: 'Pretendard', sans-serif !important; } 
.event-view-cont .tab-cont .desc.youtube {aspect-ratio: 16 / 9;}
.event-view-cont .tab-map { width: 100%; height: 400px; background:none; margin: 30px 0; } 
.event-view-cont .tab-img { padding: 30px 0; } 
.event-view-cont .tab-cont .file_tmp,
.event-view-cont .tab-img .file_tmp { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; } 
.event-view-cont .tab-cont .file_tmp li,
.event-view-cont .tab-img .file_tmp li { width: calc(33.33% - 5px); } 

@media all and (max-width:1300px) { 
 .event-search-wrap { padding: 0 40px } 
 } 
 @media all and (max-width:1199px) { 
 .event-search-wrap { padding: 0; flex-direction: column; } 
 .event-search-wrap::before,
 .event-search-wrap::after { display: none; } 
 .event-search-wrap .c-tit { margin-bottom: 20px; } 
 .event-search { margin-bottom: 30px; width: 100%; } 
 .event-search form { position: relative; width: 100%; padding: 20px 30px; } 
 .event-search form::before { content: ''; display: block; width: 100%; background: linear-gradient(150deg, rgba(66,85,182,1) 0%, rgba(132,88,176,1) 100%); border-radius: 20px; position: absolute; z-index: -1; height: 100%; bottom: 0; left: 0; } 
 .event-map-wrap { width: 100%; border-radius: 20px; } 
 .event-map { background-size: cover; padding: 10px; } 
 .event-map-tit { margin-top: 0; font-size: 1.7rem; } 

 .event-view-info .info > ul li .tit {min-width: 100px;}
 .event-view-info .info { width: calc(100% - 33.9% - 50px); } 
 } 
@media all and (max-width:1024px) { 
 .event-search-wrap .c-tit .color { font-size: 2.2rem; padding-left: 30px; } 
 .event-search-wrap .c-tit .color::before { width: 23px; height: 30px; background-size: cover; } 
 .event-search-wrap .btn-wrap a { height: 45px; } 
 .event-view-info [class^='basic-info'] li.view-count {top: -25px}
 .event-map svg { width: 100%; height: 100% } 
 .event-view-cont .tab-title li { height: 60px; padding: 0; display: flex; align-items: center; justify-content: center; } 
 .event-view-cont .tab-cont {padding: 30px 0 0;} 
 
 } 
@media all and (max-width:768px) { 
 .event-view-info {margin-bottom: 100px;flex-direction: column;} 
 .event-view-info .img ,
.event-view-info .info { width: 100% } 
 .event-view-info .img { margin-bottom: 15px; border-radius: 15px; } 
.event-view-info .info p.title { padding-bottom: 15px; margin-bottom: 15px; font-size: 1.5rem } 
 .event-view-info .info .title p {font-size: 1.5rem}
 .event-view-info .info .cate { padding: 10px 20px 5px; } 
 .event-view-info .info > ul > li {margin-bottom: 10px;font-size: 1rem;flex-wrap: wrap;align-items: center;} 
 .event-view-info .info > ul li .tit {min-width: 100%;} 
  .event-view-info [class^='basic-info'] li.view-count {top: -8px;}
 .event-view-info [class^='basic-info'] li .tit::before,
 .event-view-info .file::before,
 .event-view-info [class^='basic-info'] li.file-attach .tit::before,
 .event-view-info [class^='basic-info'] li.tel .tit::before,
 .event-view-info [class^='basic-info'] li.homepage .tit::before,
  .event-view-info [class^='basic-info'] li.sns .tit::before ,
 .event-view-info [class^='basic-info'] li.file-attach .tit::before,
 .event-view-info .file::before  {width: 17px;height:17px}

  .event-view-info [class^='basic-info'] li.file-attach {flex-direction: column;}
  .event-view-info [class^='basic-info'] li.file-attach .tit {margin-bottom: 5px}
 .event-view-info .btn-wrap { margin-top: 30px } 
 .event-view-info .btn-wrap a {height: 45px;font-size: 1.111rem;text-align: center;padding: 0 10px;} 
 .event-view-info .btn-link::before {width: 15px;height: 15px;background-size: contain;margin: 0 5px 4px 0px;flex-shrink: 0;} 
.event-view-cont .tab-cont .file_tmp li,
.event-view-cont .tab-img .file_tmp li { width: calc(50% - 5px); } 
 .event-view-cont .tab-cont div {padding-bottom: 30px;margin-bottom: 30px}
 
 }
@media all and (max-width:640px) { 
.event-view-info .info > ul > li {flex-direction:column;align-items:flex-start;margin-bottom: 20px;gap: 3px;}
 .event-kakao-map {height: 400px}
}
@media all and (max-width:480px) { 
 .event-view-info {margin-bottom: 60px}
 .event-search form { padding: 20px; } 
 .event-search form::before { border-radius: 10px } 
 .event-search-wrap .search-wrap { margin: 18px 0; padding-top: 18px; } 
 .event-search-wrap .select-wrap { flex-wrap: wrap; } 
 .event-search-wrap select,
 .event-search-wrap input { width: calc(50% - 4px); height: 35px; } 
 .event-search-wrap .select-wrap:nth-of-type(1) select,
 .event-search-wrap .select-wrap:nth-of-type(3) select { width: 100% !important; } 
 .event-search-wrap .select-wrap label { margin-right: 0; width: 100%; margin-bottom: 10px; } 
 .event-search-wrap .select-wrap label::before { margin-right: 7px; } 
 .event-search-wrap .btn-wrap a { height: 40px; border-radius: 5px; } 
 .event-map-wrap {border-radius: 10px;margin-bottom: 0;} 
 .event-map { padding: 10px } 
 .event-map-desc {padding: 13px 0}
 .event-view-info .img {aspect-ratio: 1 / 1.1}
 .event-view-info .img .img-tit {margin-bottom: 6px;font-size: 1.4rem;}
 .event-view-info .img .img-date {font-size: 1.1rem}
 .event-view-info .info .title {margin-bottom: 15px;padding-bottom: 5px;}
 .event-view-info .info .title p, .event-view-info .info p.title {font-size: 1.3rem;width: 100%;padding-bottom: 5px;}
 .event-view-info .info .title p {padding-bottom: 0}
 .event-view-info .info .cate {padding: 5px 15px 3px;margin-bottom: 10px;}
 .event-view-info .info > ul li .tit {font-size: 1.1rem}
.event-view-info .info > ul li > a:not(.file)  {padding: 3px 10px 5px;margin-left: 0;margin-top: 3px;}
 .event-view-info [class^='basic-info'] li.view-count {padding: 2px 8px;position: static;width: fit-content;margin: -5px 0 15px;}
 .event-view-cont .tab-title li {height: 40px;font-size: 1rem;} 
 .event-view-cont .tab-cont .file_tmp,
.event-view-cont .tab-img .file_tmp { flex-direction: column; } 
.event-view-cont .tab-cont .file_tmp li,
.event-view-cont .tab-img .file_tmp li { width: 100%; } 
 .event-view-info .info .sns-wrap {margin-top: 5px;justify-content: flex-start}
 .event-view-info .info .sns-wrap a {width: 30px;height: 30px;background-size: 143px;margin-left: 0px;margin-right: 5px}
  .event-view-info .info .sns-wrap .fb {background-position-x: -38px;}
  .event-view-info .info .sns-wrap .insta {background-position-x: -113px;}
 .event-view-info .btn-wrap {margin-top: 15px}
 .event-view-cont .tab-cont .tit {padding-left: 25px;font-size: 1.2rem;}
 .event-view-cont .tab-cont .tit::before {width: 20px;height: 20px;top: 0;}
 .event-view-cont .tab-cont .tit::after {width: 3px;top: 5px;left: 4px;border-width: 2px;height: 7px;}
 
 } 


/* ******************* *
* 문화행사
* ******************* */
/* 행사리스트 */
.event-list {display: flex;flex-wrap: wrap;gap: 100px 34px;} 
.event-list li {width: calc(25% - 26px);position: relative;} 
.event-list li.no-data {width: 100%;text-align: center;}
.event-list li a:hover .img-wrap,
.event-list li a:focus .img-wrap { box-shadow: 0 0 10px rgba(0,0,0,.5) } 
.event-list li .heart { background: rgba(255,255,255,.2) url(/culture/resource/images/gamsa/content/ico_heart.png) no-repeat center; width: 42px; height: 42px; display: block; border: 2px solid #eaeaea; border-radius: 10px; position: absolute; right: 12px; top: 12px; z-index: 1; } 
.event-list li .heart.on { background: url(/culture/resource/images/gamsa/content/ico_heart_on.png) no-repeat center; } 
.event-item .img-wrap { position: relative; border-radius: 30px; overflow: hidden; margin-bottom: 15px; border: 1px solid #b6b6b6; transition: all .3s } 
.event-item .img-wrap .img {position: relative;display: block;background: #ddd;aspect-ratio: 1 / 1.302;} 
.event-item .img-wrap img {width: 100%;height: 100%;display: block;} 
.event-item .img-wrap .img-txt {position:absolute;top: 0;left:0;right:0;margin:0 auto;width: 100%;height: 100%;padding: 65px 20px;}
.event-item .img-wrap .img-tit {font-size: 1.6667rem;color: #fff;font-weight: bold;margin-bottom: 18px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-all;} 
.event-item .img-wrap .img-date {font-size: 1.2rem;color:#fff;opacity:.6;letter-spacing: -.1rem;font-weight: 500;}
.event-exhibition .event-item .img-wrap .img-tit {color: #011b50;}
.event-exhibition .event-item .img-wrap .img-date {opacity: 1;color: #4c4c4c;}
.event-item .status {font-family: var(--point-font);font-size: 1.1111rem;color: #fff;background: #277dfe;border-radius: 0 30px 30px 0;position: absolute;bottom: 0;padding: 12px 35px;left: 0;} 
.event-item .status.ing { background: #f74b89; } 
.event-item .status.end { background: #666; } 
.event-item .info { padding: 0 13px; font-size: 1rem; } 
.event-item .tit {color: #333;font-family: var(--point-font);font-size: 1.2778rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} 
.event-item .cate {color: var(--color-pink);background: #fff;width: fit-content;padding: 7px 12px 6px;border-radius: 10px;margin-bottom: 17px;border: 1px solid var(--color-pink);font-weight: 800;} 
.event-item .place { color: #221e1f; margin: 18px 0 3px; } 
.event-item .place .color { color: #f74b89; margin-right: 12px; font-weight: 400; } 
.event-item .date { color: #7f7f7f; font-weight: 400; } 

@media all and (max-width:1199px) { 
    .event-item .img-wrap .img-txt {padding: 55px 20px;}
}

@media all and (max-width:1024px) { 
.event-list {gap: 30px 15px;}
 .event-list li { width: calc(33.33% - 10px); gap: 30px 15px;} 
 .event-item .img-wrap {border-radius: 10px;margin-bottom: 15px;} 
 .event-item .place { margin: 8px 0 3px; } 
 .event-item .status { padding: 7px 30px; } 
 .event-item .img-wrap .img-tit {font-size: 1.3rem;margin-bottom: 10px;} 
 .event-item .img-wrap .img-date {font-size: 1rem;word-break: break-all;}
 } 



@media all and (max-width:640px) { 
 .event-list { justify-content: space-between; gap: 30px 0} 
 .event-list li { width: calc(50% - 5px); } 
 .event-item .cate {margin-left: 0;margin-bottom: 9px;padding: 2px 8px;border-radius: 5px;font-weight: 500;} 
 .event-item .place .color { display: block; margin-right: 0; margin-bottom: 3px; } 
 .event-item .info { padding: 0 } 
 .event-list li .heart {width: 28px;height: 28px;top: 6px;right: 6px;border-radius: 5px;background-size: 15px;} 
 .event-item .tit {font-size: 1rem;}
 .event-item .img-wrap {margin-bottom: 8px}
 .event-item .img-wrap .img-tit {font-size: 1.1rem;margin-bottom: 3px;}
 .event-item .img-wrap .img {aspect-ratio: 1 / 1.15;}
 .event-item .img-wrap .img-txt {padding: 36px 6px;}
 .event-item .status {padding: 7px 15px;font-size: .9rem}
 .event-item .place {margin: 5px 0 0}
 } 



/* ******************* *
* 문화공간
* ******************* */
/* 행사리스트 */
.arena-list { display: flex; flex-wrap: wrap; } 
.arena-list li { width: calc(50% - 11px); margin-right: 22px; display: flex; border: 1px solid #c2c2c2; border-radius: 10px; margin-bottom: 38px; height: auto; overflow: hidden; position: relative; } 
.arena-list li.no-data {width: 100%; border: none;justify-content:center;margin-right: 0}
.arena-list li > a { display: flex; width: 100% } 
.arena-list li:nth-child(2n) { margin-right: 0; } 
.arena-list li .heart { background: rgba(255,255,255,.2) url(/culture/resource/images/gamsa/content/ico_heart.png) no-repeat center; width: 42px; height: 42px; display: block; border: 2px solid #eaeaea; border-radius: 10px; position: absolute; right: 12px; top: 12px; z-index: 1; } 
.arena-list li .heart.on { background: url(/culture/resource/images/gamsa/content/ico_heart_on.png) no-repeat center; } 
.arena-list li .img { width: 47.326%; position: relative; padding-top: 33%; background: #eee; flex-shrink: 0; } 
.arena-list li .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.arena-list li .info {width: 53%;position: relative;padding: 25px 12px 17px 30px;display: flex;flex-direction: column;} 
.arena-list li .info .cate { margin-right: 3px; font-family: var(--point-font); color: #333; border: 1px solid var(--color-pink); padding: 7px 15px 3px; border-radius: 50px; width: fit-content; margin-bottom: 11px; } 
.arena-list li .info .tit { font-family: var(--point-font); font-size: 1.2778rem; color: #333; margin-bottom: 23px; } 
.arena-list li .info .addr,
.arena-list li .info .tel { font-size: 0.8889rem; color: #333; position: relative; padding-left: 29px; } 
.arena-list li .info .addr::before,
.arena-list li .info .tel::before { content: ''; display: block; width: 15px; flex-shrink: 0; position: absolute; left: 0; } 
.arena-list li .info .addr::before { height: 20px; background: url(/culture/resource/images/gamsa/content/ico_arena_loc.png); } 
.arena-list li .info .tel::before { height: 15px; background: url(/culture/resource/images/gamsa/content/ico_arena_tel.png); } 
.arena-list li .info .addr {word-break: break-all;margin-bottom: auto;} 
.arena-list li .info .addr span { color: var(--color-pink); display: inline-flex; margin-right: 11px; align-items: center; } 
.arena-list li .info .addr span::after { content: ''; display: block; width: 1px; height: 14px; background: #a5a5a5; margin-left: 11px; } 
.arena-list li .info .btn-wrap a { color: #666; border: 1px solid #cbcbcb; font-size: 0.8889rem; padding: 10px 27px; transition: .3s} 
.arena-list li .info .btn-wrap a:hover,
.arena-list li .info .btn-wrap a:focus {background: var(--color-purple);color: #fff;}
.arena-list li .info .btn-wrap a + a { margin-left: 6px; } 
.arena-list li .info .heart { background: url(/culture/resource/images/gamsa/content/ico_heart.png) no-repeat center; width: 42px; height: 42px; display: block; border: 2px solid #eaeaea; border-radius: 10px; position: absolute; right: 12px; top: 12px; } 
.arena-list li .info .heart.on { background: url(/culture/resource/images/gamsa/content/ico_heart_on.png) no-repeat center; } 
@media all and (max-width:1024px) { 
 .arena-list li { flex-direction: column; width: calc(50% - 5px); margin-right: 10px; margin-bottom: 20px; } 
 .arena-list li .img { width: 100%; padding-top: 75%; } 
 .arena-list li .info {width: 100%;padding: 20px 25px 15px;height: 100%;} 
 .arena-list li .info .btn-wrap { margin-top: 15px; } 
 .arena-list li .info .btn-wrap a { padding: 8px 20px; } 
 .arena-list li .info .tit { margin-bottom: 18px; } 
 .arena-list li .info .addr {} 
 
 } 
@media all and (max-width:768px) { 
 .arena-list li .info .heart { background-size: 60%; width: 30px; height: 30px; border-radius: 5px; } 
 .arena-list li .info { padding: 10px 15px } 
 .arena-list li .info .tit { margin-bottom: 10px } 
 .arena-list li .info .cate { margin-bottom: 8px } 
 .arena-list li .info .addr { padding-left: 25px } 
 .arena-list li .info .addr span { margin-right: 8px } 
 .arena-list li .info .addr span::after { margin-left: 8px } 
 } 

@media all and (max-width:480px) { 
 .arena-list li { width: 100%; margin-right: 0; margin-bottom: 15px; flex-direction:row} 
 .arena-list li .img {width: 42%;padding-top: 0;} 
 .arena-list li .info .heart {top:3px;right:3px}
 .arena-list li .info {padding: 10px;display: flex;flex-direction: column;height: 100%;}
  .arena-list li .info .tit {font-size: 1.1rem;margin-bottom: 3px;}
 .arena-list li .info .addr {padding-left: 15px;margin-top: auto;}
 .arena-list li .info .cate {padding: 3px 8px 2px;margin-bottom: 10px;}
 .arena-list li .info .addr::before {width: 11px;height: 15px;background-size:contain;top: 1px;}
 .arena-list li .info .btn-wrap {margin-top: 15px;justify-content: flex-start;}
 .arena-list li .info .btn-wrap a {padding: 4px 10px;}
 } 

/* ******************* *
* 예술인
* ******************* */
/* 리스트 */
.art-list { display: flex; flex-wrap: wrap; } 
.art-list li { width: calc(25% - 14px); margin-right: 18px; margin-bottom: 30px; position: relative; } 
.art-list li:nth-child(4n) { margin-right: 0; } 
.art-list li .heart { background: rgba(255,255,255,.2) url(/culture/resource/images/gamsa/content/ico_heart.png) no-repeat center; width: 42px; height: 42px; display: block; border: 2px solid #eaeaea; border-radius: 10px; position: absolute; right: 12px; top: 12px; z-index: 1; } 
.art-list li .heart.on { background: url(/culture/resource/images/gamsa/content/ico_heart_on.png) no-repeat center; } 
.art-list li a:not(.heart) {display: flex;box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);border-radius: 10px;overflow: hidden;transition: .3s;border: 1px solid #b6b6b6;height: 100%;flex-direction: column;} 
.art-list li a:not(.heart):hover,
.art-list li a:not(.heart):focus { box-shadow: 0px 0px 0px 3px var(--color-purple) } 
.art-list li .img {position: relative;max-height: 472px;width: 100%;min-height: 472px;background: #f1f1f1;aspect-ratio: 1 / 1.2;} 
.art-list li .img img {width: 100%;height: 100%;display: block;object-fit: contain;} 
.art-list li .info {display: flex;align-items: baseline;border-top: 0;padding: 15px 20px;border-radius: 0 0 10px 10px;flex-direction: column;height: 100%;} 
.art-list li .tit { font-family: var(--point-font); font-size: 1.2222rem; padding-bottom: 10px; padding-left: 5px; width: 100%; } 
.art-list li .cate-wrap::before {content:"";display:block;background-image: linear-gradient(to right, #b9b9b9 50%, transparent 50%);background-size: 3px 3px;height: 1px;width: 100%;position: absolute;top: 0;} 
.art-list li .cate-wrap {display: flex;margin-left: auto;width: 100%;position: relative;padding-top: 10px;margin-top: auto;} 
.art-list li .cate { font-family: var(--point-font); color: #333; border: 1px solid var(--color-pink); padding: 8px 15px 5px; border-radius: 50px; width: fit-content; margin-right: 3px; line-height: 17px; font-size: 0.88rem; } 
.art-list li .cate.gray { border: none; background: #eaeaea; margin-right: 3px; } 

@media all and (max-width:1024px) { 
 .art-list li { width: calc(33% - 6px); margin-right: 11px; margin-bottom: 15px; } 
 .art-list li:nth-child(3n) { margin-right: 0 } 
 .art-list li:nth-child(4n) { margin-right: 11px; } 
 .art-list li .img {min-height: 300px;max-height: 300px;}
 .art-list li .img img {object-fit: cover}
 } 
@media all and (max-width:768px) { 
 .art-list li .info {padding: 10px;height: 100%;} 
  .art-list li .tit {display:flex;flex-direction: column}
 .art-list li .cate { padding: 5px 7px 3px; } 
 } 
@media all and (max-width:640px) { 
 .art-list { justify-content: space-between; } 
 .art-list li { width: calc(50% - 5px); margin-right: 0 } 
 .art-list li .tit {font-size: 1rem;padding-left: 0;}
 .art-list li .cate {padding: 3px 7px 2px}
 .art-list li:nth-child(4n) { margin-right: 0px; } 
 .art-list li .heart {width: 28px;height: 28px;background-size: 15px;border-radius: 5px;top:6px;right: 6px}
  .art-list li .img {min-height: 200px;max-height: 200px;}
 .art-list li .img img {object-fit: cover}
 } 
 


/* 예술인 상세 */
.event-view-info.art-view { border: 1px solid #a9acb5; border-radius: 20px; padding: 36px 56px; } 
.event-view-info.art-view .img {width: 20.3%;aspect-ratio: 1 / 1.27;} 
.event-view-info.art-view .info { width: calc(100% - 20.3% - 80px); } 
.event-view-info .basic-info-art {border-bottom: none;margin-bottom: 0;} 
.event-view-cont.art-view .tab-cont .desc.youtube {aspect-ratio: 16 / 8}
.pswp__ui--idle .pswp__top-bar {opacity: 1 !important;}

@media all and (max-width:1199px) { 
 .event-view-info.art-view { padding: 30px; margin-bottom: 100px; } 
 .event-view-info.art-view .img {width: 25%;} 
 .event-view-info.art-view .info {width: calc(100% - 25% - 30px);} 
 .event-view-info .basic-info-art {padding-top: 10px}
 } 
@media all and (max-width:768px) { 
 .event-view-info.art-view { padding: 20px } 
 .event-view-info.art-view .img {width: 100%;border-radius: 20px;} 
 .event-view-info.art-view .info {width: 100%;} 
 .event-view-cont.art-view .tab-cont > div {padding-bottom: 20px;margin-bottom: 20px;} 
 } 
@media all and (max-width:640px) { 
 .event-view-info.art-view {flex-direction: column;margin-bottom: 60px;} 
 .event-view-info.art-view .img, 
 .event-view-info.art-view .info { width: 100%; } 
 .event-view-info.art-view .img {margin-bottom: 15px;} 
 .event-view-info .basic-info-art li > a:not(.file) {padding: 3px 10px 5px;margin-left: 0;margin-top: 3px;}
 .event-view-cont.art-view .tab-cont .tit {font-size: 1.1rem;padding-left: 22px;margin-bottom: 15px;}
 .event-view-cont.art-view .tab-cont .tit::before {width: 17px;height: 17px;top: 2px;}
 .event-view-cont.art-view .tab-cont .tit::after {width: 1px;height:6px;border-width:2px;top:6px}
 } 
@media all and (max-width:480px) {
 .event-view-info .basic-info-art {padding-top: 0}
} 

/* ******************* *
* 문화행사 달력
* ******************* */
.cal-wrap [class^='state-box'] { display: flex; align-items: center; margin-bottom: 10px; } 
.cal-wrap [class^='state-box'] p { display: flex; align-items: center; margin-left: 10px; } 
.cal-wrap [class^='state-box'] .cal-state { width: 10px; height: 10px; border-radius: 50%; margin-right: 5px; } 
.cal-wrap [class^='state-box'] .cal-state.stateR { background-color: #ee4040; } 
.cal-wrap [class^='state-box'] .cal-state.stateG { background-color: #90df67; } 
.cal-wrap [class^='state-box'] .cal-state.stateB { background-color: #699add; } 
.cal-wrap [class^='state-box'] .cal-state.stateY { background-color: #fec502; } 
.cal-wrap [class^='state-box'] .cal-state.stateP { background-color: #9938FE; } 
.cal-wrap [class^='state-box'] .cal-state:not(:first-of-type) { margin-left: 0.5rem; } 
.cal-wrap .state-box p { font-family: var(--point-font); font-weight: 600; font-weight: normal; } 
.cal-wrap .state-box2 { font-size: 0.7778rem; margin-bottom: 0; position: relative; padding-top: 22px; } 
.cal-wrap .state-box2 li { align-items: center; line-height: 1; color: #4b495b; margin-bottom: 8px; width: calc(50% - 3px); margin-right: 5px } 
.cal-wrap .state-box2 li:nth-child(2n) { margin-right: 0 } 
.cal-wrap .state-box2 p { margin-left: 0; } 
.cal-wrap .state-box2 .cal-state { margin-right: 0.3em; margin-top: 0; width: 7px; height: 7px; } 
.cal-wrap .state-box2 .num { font-size: 0.7778rem; font-weight: 400; margin-left: 3px; } 
.cal { width: 100%; color: #584c7f; overflow: hidden; margin-bottom: 50px; } 
.cal .cal-month { width: 100%; margin: 0 auto; text-align: center; padding: 22px 0; display: flex; align-items: center; justify-content: center; } 
.cal .cal-month strong { color: #1d2041; font-family: var(--point-font); font-size: 2em; font-weight: normal; padding: 0 20px; } 
.cal .cal-month > a { display: inline-flex; padding: 10px; border-radius: 10px; border: 1px solid #ddd; } 
.calendar-table table { width: 100%; border-radius: 20px 20px 0 0; box-shadow: 0 0 0 1px #dddddd inset; overflow: hidden; border: 1px solid #ddd; } 
.calendar-table table thead th { background: #d9ccf3; padding: 10px 0; font-size: 1.4em; color: var(--color-purple); color: #fff; color: #414141; } 
.calendar-table table thead th.th_sun { color: #d82a47; } 
.calendar-table table thead th.th_sat { color: #4c48ff; } 
.calendar-table table tbody tr td { border-top: 1px solid #eeeaef; border-right: 1px solid #eeeaef; } 
.calendar-table table tbody tr td a { position: relative; display: block; transition: 0.2s; } 
.calendar-table table tbody tr td .date { height: 140px; padding: 14px 0px 14px 20px; } 
.calendar-table table tbody tr:last-child td a { border-bottom: 0; } 
.calendar-table table tbody tr td:last-child a { border-right: 0; } 
.calendar-table table tbody tr td a:hover { background: var(--color-purple); transition: 0.2s } 
.calendar-table table tbody tr td a:hover * { color: #fff } 
.calendar-table table tbody tr td a.on { color: #fff; background: #388f78; } 
.calendar-table table tbody tr td a.on * { color: #fff } 
.calendar-table table tbody tr td a.on .num { color: #fff } 
.calendar-table table tbody tr td a.on .num.notranslate { color: #388f78 } 
.calendar-table table tbody tr td a .num.notranslate { color: #3F51B5 } 
.calendar-table table tbody tr td a.td_sun p.p_day { color: #d82a47; } 
.calendar-table table tbody tr td a.td_sat p.p_day { color: #2738bd; } 
.calendar-table .date-wrap > p { font-weight: 500; font-weight: bold; } 
.calendar-table .date-wrap > p.p_day { font-size: 1.2222rem; } 
.calendar-table .date-wrap > .num { margin-left: auto; font-size: 1.1111rem; text-align: center; display: block; color: #3e41bb; position: absolute; top: 12px; right: 19px; background: #f8f8ff; border-radius: 20px; padding: 4px 15px; font-weight: bold; } 
.cal.spring .calendar-table table thead th { background: #ffcdcf; } 
.cal.summer .calendar-table table thead th { background: #b0e7d9; } 
.cal.autumm .calendar-table table thead th { background: #ffd49e; } 
.cal.winter .calendar-table table thead th { padding: 16px 0; background: #f5f6ff; border: 1px solid #efe7f1; border-bottom: 0; border-bottom: 2px solid #3f51b5; } 
.cal-wrap .result { color: #000; font-family: var(--point-font); font-size: 1.1111rem; margin-bottom: 30px; } 
.cal-wrap .result:before { content:""; display:inline-block; width: 10px; height: 10px; border-color: transparent #000 #000 transparent; border-width: 1px; border-style: solid; transition: all .3s; transform: translateX(-3px) rotate(-45deg); margin-right: 5px; } 
.cal-wrap .result .totalCount { color: var(--color-pink); font-weight: 400; } 
.cal-wrap .state-box2 ul { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; } 
@media all and (max-width:1199px) { 
 .calendar-table table tbody tr td .date { padding: 10px; } 
 } 

@media all and (max-width:1024px) { 
 .calendar-table .date-wrap > .num { right: 9px; padding: 3px 8px; font-size: 1rem; top: 10px; } 
 .cal-wrap .state-box2 li { width: 100%; margin-right: 0 } 
 } 
@media all and (max-width:768px) { 
 .calendar-table table tbody tr td .date { padding: 10px; } 
 } 
@media all and (max-width:640px) { 
 
 .cal .cal-month strong {padding: 0px 10px;font-size: 1.3rem;} 
 .cal .cal-month > a {padding: 3px;width: 30px;height: 30px;border-radius: 5px;margin-top: -3px;} 
 .calendar-table table {border-radius: 10px 10px 0 0}
 .calendar-table .date-wrap > p.p_day {font-size: .8rem;} 
 .calendar-table table tbody tr td .date {padding: 3px;min-height: 75px;height: 75px;} 
 .calendar-table table thead th {font-size: 1rem;} 
 .cal-wrap .state-box2 {position: static;padding-top: 0;max-height: 30px;overflow: auto;} 
 .cal-wrap .state-box2 ul { justify-content: center; } 
 .cal-wrap .state-box2 li {margin-bottom: 5px}
 .cal-wrap .state-box2 .cal-state { margin-right: 1px; width: 5px; height: 5px; flex-shrink: 0; } 
 .calendar-table .date-wrap > .num {position: static;margin: 3px 0;padding: 1px 5px;font-size: .8rem;} 
 } 


 /* 오늘의 문화행사 */
.calendarBox_wrap { display: flex; box-shadow: unset; overflow: scroll; overflow-x: auto; overflow-y: hidden; white-space: nowrap; border: 1px solid #ddd; border-radius: 10px; margin-bottom: 40px; padding: 24px 30px 15px; background: #f9f9ff; } 
.calendarBox { width: 100%; text-align: center; } 
.calendarBox .calendarBox_week { padding: 10px 0 10px; border-bottom: 1px solid #ddd; font-weight: bold; } 
.calendarBox .calendarBox_day {padding: 20px 0;display: flex;justify-content: center;align-items: center;} 
.calendarBox.color_red,
.calendarBox.color_red a { color: #e3052c; } 
.calendarBox.color_blue,
.calendarBox.color_blue a { color: #1635d5; } 
.calendarBox_day a.on {font-weight: 700;background: #ea2449;border-radius: 50%;color: #fff;padding: 10px;display: block;width: 40px;height: 40px;margin: -10px 0;} 
.calendarLink_wrap { display: flex; justify-content: flex-start; padding-bottom: 20px; border-bottom: 1px solid #ddd; } 
.calendarLink_date { margin-right: auto; font-size: 21px; font-weight: bold; color: #222222; } 
.calendarLink_con .selec a { border: 1px solid #ddd; padding: 6px 19px; display: inline-block; border-radius: 5px; font-size: 16px; color: #333; font-weight: 400; background-color: #fff; } 
.calendarLink_con .selec a.ov { background: #ea2449; border: 1px solid #ea2449; color: #fff; } 
@media all and (max-width:1024px) { 
 .calendarBox_wrap { padding: 20px 15px 10px; flex-wrap: wrap; } 
 .calendarBox { width: 39px; } 
 } 
@media all and (max-width:768px) { 
 .calendarLink_wrap { flex-direction: column } 
 .calendarLink_con { margin-top: 15px } 
 .calendarLink_con .selec a {padding: 4px 10px;font-size: 1rem}
 .calendarBox_day a.on {width: 30px;height: 30px;padding: 5px;flex-shrink:0;margin: -6px 0;}
 .calendarLink_date {font-size: 1.1rem}
 .calendarBox .calendarBox_week {padding: 10px 0 5px}
 .calendarBox .calendarBox_day {padding: 10px 0 20px}
 
 } 

 /* ******************* *
* 신청하기
* ******************* */
.register-list {display: flex;margin: 24px 170px 0}
.register-list li {width: calc(33.33% - 11px);margin-right: 22px;}
.register-list li:last-child {margin-right: 0;}
.register-list li a {display: flex;flex-direction: column;align-items: center;background: #eeebfa;border-radius: 30px;padding: 40px 0 43px;transition: all .3s;}
.register-list li a::before {content: '';display: block;width: 140px;height: 140px;border-radius: 50%;background: #fff url(/culture/resource/images/gamsa/content/register_illu1.png);background-repeat: no-repeat;background-position: center;}
.register-list li:nth-child(2) a::before {background-image: url(/culture/resource/images/gamsa/content/register_illu2.png);}
.register-list li:nth-child(3) a::before {background-image: url(/culture/resource/images/gamsa/content/register_illu3.png);}
.register-list li a .tit {font-size: 1.3333rem;font-weight: bold;font-family:'Agro-m', sans-serif;margin: 17px 0 13px;transition: all .3s;}
.register-list li a .btn {font-size: 0.8889rem;font-weight: 500;font-family:'Agro-m', sans-serif;color: #fff;background: var(--color-pink);padding: 11px 22px 8px;border-radius: 30px;transition: all .3s;}
.register-list li a:hover,
.register-list li a:focus {background:#F74B89;}
.register-list li a:hover .tit,
.register-list li a:focus .tit {color: #fff;}
.register-list li a:hover .btn,
.register-list li a:focus .btn {background: #fff;color: #000;}

@media all and (max-width:1024px) {
 .register-list {margin: 24px 0 0}
}
@media all and (max-width:768px) {
  .register-list li {width: calc(33.33% - 10px);margin-right: 15px;}
  .register-list li a {padding: 20px 0}
 .register-list li a::before {width: 80px;height:80px;background-size: 40px}
 .register-list li a .btn {padding: 6px 20px}
}

@media all and (max-width:480px) {
 .register-list {flex-direction: column;}
  .register-list li {width: 100%;margin-right: 0;margin-bottom: 10px}
 .register-list li a {display: flex;padding: 15px;grid-auto-columns: 68px auto;justify-items: center;border-radius: 10px;flex-direction: row;align-items: center;gap: 15px;}
  .register-list li a::before {grid-column: 1;grid-row: 1 / 3;width: 50px;height: 50px;background-size: 25px;}
   .register-list li a .tit {font-weight: 500;font-size: 1.1rem}
 .register-list li a .tit,
  .register-list li a .btn {grid-column: 2}
   .register-list li a .tit {margin:0px}
 .register-list li a .btn {padding: 5px 20px 4px;margin-top: -5px;margin-left: auto;}
}

/* ******************* *
* 통합검색
* ******************* */
.search-title { border-bottom: 1px solid var(--color-purple); padding-bottom: 11px; margin-bottom: 18px; display: flex; } 
.search-title h3 { font-family: var(--point-font); font-size: 2rem; } 
.search-title .small { font-family: 'Pretendard', sans-serif; color: #818181; font-size: 1.1111rem; font-weight: 500; margin-left: 12px; } 
.search-title .color { color: var(--color-pink); } 
.search-title .more-btn { margin-left: auto; background: var(--color-pink); color: #fff; position: relative; display: flex; padding: 9px 42px 9px 22px; border-radius: 10px; align-items: center; justify-content: flex-start; transition: all .3s; } 
.search-title .more-btn::before, 
.search-title .more-btn::after { content: ''; display: block; background: #fff; width: 2px; height: 18px; position: absolute; right: 22px; bottom: 0; margin: auto; transition: .35s; top: 0; } 
.search-title .more-btn::after { transform: rotate(90deg); } 
.search-title .more-btn:hover,
.search-title .more-btn:focus { box-shadow: 2px 2px 5px rgba(0,0,0,.3); } 
.search-box { margin-bottom: 95px } 
.search-box .notice-list { display: flex; flex-wrap: wrap } 
.search-box .notice-list li { width: calc(25% - 18px); margin-right: 24px; } 
.search-box .notice-list li:nth-child(4n) { margin-right: 0 } 
.search-box .notice-list a { display: block; border: 1px solid #d8d8d8; padding: 40px 30px; min-height: 220px; } 
.search-box .notice-list a:hover .tit,
.search-box .notice-list a:focus .tit { text-decoration: underline; } 
.search-box .notice-list a .tit { font-size: 1.1111rem; font-family: var(--point-font); margin-bottom: 14px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 
.search-box .notice-list a .date { color: #7f7f7f; } 
.search-box .arena-list li { border: none; border-bottom: 1px solid #d2d2d2; border-radius: 0; padding-right: 22px; padding-bottom: 15px; margin: 0 0 15px; } 
.search-box .arena-list li .img { border-radius: 10px; overflow: hidden; } 
.search-box .arena-list li a:hover .tit,
.search-box .arena-list li a:focus .tit { text-decoration: underline; } 
.search-box .board-gallery a { transition: all .3s; } 
.search-box .board-gallery a:hover .item-wrap,
.search-box .board-gallery a:focus .item-wrap { box-shadow: 0 0 5px rgba(0,0,0,.3); } 

@media all and (max-width:1024px) { 
 .search-box .notice-list li { margin-right: 15px; width: calc(33.33% - 10px); margin-bottom: 15px; } 
 .search-box .notice-list li:nth-child(3n) { margin-right: 0 } 
 .search-box .notice-list li:nth-child(4n) { margin-right: 10px } 
 .search-box .notice-list li a { padding: 20px; min-height: 170px } 
.search-box .arena-list li a { flex-direction: column; margin-right: 10px; margin-bottom: 20px; } 
 

 } 
@media all and (max-width:640px) { 
 .search-box .notice-list { justify-content: space-between } 
 .search-box .notice-list li { width: calc(50% - 5px); margin-right: 0; margin-bottom: 10px; } 
 .search-box .notice-list li:nth-child(4n) { margin-right: 0px } 
 } 
@media all and (max-width:480px) { 
 .search-box .notice-list li { padding: 0 } 
 } 

/* ******************* *
* 사이트맵
* ******************* */
.sitemap { display:flex; flex-wrap:wrap; max-width: 1480px; margin: 0 auto } 
.sitemap > li { width: calc(33.33% - 30px); margin-bottom: 47px; margin-right: 44px } 
.sitemap > li:nth-child(3n) { margin-right: 0 } 
.sitemap > li h4 { height: 65px; margin-bottom: 10px; } 
.sitemap > li h4 a { border-radius: 20px 0 20px 0; height:100%; font-family: var(--point-font); display: flex; justify-content: center; align-items: center; font-size:1.2rem; font-weight: 500; border: 2px solid #ea2449; padding-top: 5px; } 
.sitemap > li > ul > li { color:#333; font-size:0.8889rem; margin-bottom: 3px; } 
.sitemap > li > ul > li a { display:block; position:relative; max-width:100%; padding: 14px 0 10px 48px; box-sizing:border-box; transition: .2s; background: #f7f7f7; font-size: 1em; font-weight: bold; } 
.sitemap > li > ul > li a:before { content:''; display:block; position:absolute; top:calc(50% - 2px); left: 33px; width:4px; height:4px; border-radius:50%; background:#909090; } 
.sitemap > li > ul > li a:hover,
.sitemap > li > ul > li a:focus { background: #2b3961; color: #fff; } 
.sitemap > li > ul > li a:hover::before,
.sitemap > li > ul > li a:focus::before { background: #fff } 
.sitemap > li > ul > li > ul { padding:10px 20px; } 
.sitemap > li > ul > li > ul a { padding: 4px 0 4px 22px; line-height:16px; color:#676767; font-size: 0.9rem; letter-spacing:-1px; } 
.sitemap > li > ul > li > ul a:before { top:calc(50% - 2px); left: 11px; width:2px; height:1px; border:1px solid #d6d6d3; } 
 @media only screen and (max-width : 1480px) { 
 .sitemap { max-width: 100%; margin: 0 30px } 
 } 
 @media only screen and (max-width : 1024px) { 
 .sitemap > li { width: calc(33.33% - 10px); margin-right: 15px; } 
 } 
@media only screen and (max-width : 640px) { 
 .sitemap { justify-content: space-between; margin: 0 15px } 
 .sitemap > li { width: calc(50% - 10px); margin-right: 0px; } 
 .sitemap > li h4 { height: 42px; } 
 .sitemap > li h4 a {font-size: 1rem;} 
 .sitemap > li > ul > li a {padding: 10px 0 10px 25px}
 .sitemap > li > ul > li a:before  {left: 10px}
 } 



/* ******************* *
* 지도
* ******************* */
.custom-overlay-marker {background: url(/culture/resource/images/gamsa/common/ico_map_pin.png);width: 26px;height: 34px;background-size: contain;margin: 0 auto 5PX;}


/* ******************* *
* 소개
* ******************* */


.tab-info .cont {border-bottom: 1px dashed #b6b6b6;padding: 60px 0}
.tab-info .cont:last-of-type {border: none;}
.tab-info .tit {font-size: 1.5rem;font-weight:700}
.tab-info .num-ico {background: #ea2448;color: #fff;border-radius:50px;display: inline-block;margin-right: 6px;width: 43px;height: 43px;text-align: center;line-height: 43px;}
.tab-info .desc {margin: 10px 0 0;background: #f6f5fa;border-radius: 20px;padding: 16px 20px;font-weight: bold;}
.tab-info .desc .color {color: var(--color-pink);}
.tab-info .img {margin-top: 60px;border: 1px solid #b6b6b6}
.tab-info .img img {max-width: 80%;margin: 0 auto;display:block;}
.tab-info .img.info img {max-width: 100%;}
.tab-info .cont:last-of-type .img img {max-width: 100%}

@media only screen and (max-width : 640px) {
 .tab-info .cont {padding: 30px 0}
 .tab-info .tit {font-size: 1.2rem;}
 .tab-info  .num-ico {width: 25px;height: 25px;line-height: 25px;font-size: 1rem;}
 .tab-info .img {margin-top: 10px}
 .tab-info .img img {max-width: 100%}
 .tab-info .desc {padding: 10px;border-radius: 5px;}
 
}


/* ******************* *
* 반려사유
* ******************* */
.reject-reason {border: 1px solid #CDD1D5;border-radius: 10px;box-shadow: 0 4px 8px rgba(0,0,0,.3);padding: 30px 50px;margin-bottom: 60px}
.reject-reason .title {background: #F6F6F6;font-size: 1.625rem;color: #131416;font-weight: 700;display:flex;align-items:center;padding: 16px;border-radius: 10px;margin-bottom: 18px}
.reject-reason .title .point {color: #fff;background:var(--color-pink);font-size:1.1875rem;padding: 9px 25px;border-radius: 6px;margin-right:24px}
.reject-reason .desc {margin: 0 26px}

@media only screen and (max-width : 768px) {
    .reject-reason {padding: 20px;margin-bottom: 30px;}
    .reject-reason .title {padding: 8px 10px;font-size: 1.3rem;margin-bottom: 10px;}
    .reject-reason .title .point {padding: 5px 10px;margin-right: 10px;font-size: 1rem}
   .reject-reason .desc {margin: 0 10px}
}
   
@media only screen and (max-width : 480px) {
    .reject-reason {padding: 10px;}
    .reject-reason .title {flex-direction: column;align-items: flex-start;word-break:break-all;font-size: 1.2rem}
    .reject-reason .title .point {margin: 0 0 5px;padding: 3px 10px}
}
   

/*지원사업안내*/
.support{padding-top: 50px;}
.support .list_wrap2{display: flex;flex-wrap: wrap;row-gap: 17px;column-gap: 1%;}
.support .list_wrap2 li{width: 15.8%;}
.support .list_wrap2 li a {display: flex;align-items: center;border: 1px solid #e4e4e4;} 

@media only screen and (max-width : 640px) {
.support .list_wrap2{column-gap: 2%;}
.support .list_wrap2 li{width: 49%;}
}
   

/* ******************* *
* 지원정책 상세화면 상단문의
* ******************* */
.inquiry-info {border: 1px solid #CDD1D5;border-radius: 10px;box-shadow: 4px 7px 5px rgb(0 0 0 / 7%);padding: 30px 50px;margin-bottom: 60px;display: flex;justify-content: space-between;}
.inquiry-info .title {font-size: 1.25rem;color: #131416;font-weight: 700;display:flex;align-items:center;border-radius: 10px;}
.inquiry-info .title .point {color: #fff;background:var(--color-pink);font-size: 1.5rem;width: 40px;height: 40px;line-height: 40px;text-align: center;margin-right: 14px;border-radius: 100px;}

@media only screen and (max-width : 1024px) {
.inquiry-info {display: flex; flex-wrap: wrap;justify-content: flex-end;row-gap: 10px;}
.inquiry-info .title {width: 100%;}
}

@media only screen and (max-width : 768px) {
    .inquiry-info {padding: 20px;margin-bottom: 30px;}
    .inquiry-info .title {font-size: 1.2rem;display: flex;}
    .inquiry-info .title .point {font-size: 1rem;width: 30px;height: 30px;line-height: 30px;}
    .inquiry-info .desc {margin: 0 10px;}
}
   
@media only screen and (max-width : 480px) {
    .inquiry-info {padding: 8%;}
    .inquiry-info .title {flex-direction: column;word-break:break-all;margin-bottom: 10px;font-size: 1.1rem;}
    .inquiry-info .title .point {margin: 0 0 11px;}
    .inquiry-info .c-btn{width:100%;text-align: center;}
}