@charset "UTF-8";

/****************************************/

/*  Name : 프로젝트 명
/*  PART : style
/*  Author : 최초 작성자
/*  MODIFY : 작업 참여자
/*
/*  Summary: /* 파일 내용 */

/*  01) Main
/*  02) header
/*  03) 메뉴2
/*  04) 메뉴3
/*  05) 메뉴4
/****************************************/

/* ********************************************************************************* *
* 00) 기존 사이트
* ********************************************************************************* */
.contents p { line-height: 1.5; margin-bottom: 1.5rem; }
.contents img { max-width: 100%; height: auto !important; }

/* File */
.filebox { margin-bottom: 0.5rem; }
.filebox > * { display: inline-block; vertical-align: top; }
.filebox input[type="text"] { width: calc(100% - 27rem) !important; height: 4rem; border-color: transparent; }
.filebox label { line-height: 3.8rem; position: relative; overflow: hidden; width: 8rem; height: 3.8rem; cursor: pointer; text-align: center; }
.filebox label input { position: absolute; right: 0; display: none; overflow: hidden; width: 0; height: 0; border: 0; }
.filebox span { line-height: 4rem; display: inline-block; height: 4rem; }

/* Radio, Checkbox */
.radio_style { line-height: 2rem; display: inline-block; height: 2rem; margin-right: 1rem; vertical-align: middle; }
.radio_style input[type="radio"] { display: none; }
.radio_style > span { display: inline-block; height: 2rem; padding-left: 3rem; vertical-align: top; background: url("/user/images/common/img_radio_off.png") left center no-repeat; }
.radio_style input:disabled + span { color: #999; background: url("/user/images/common/img_radio_dis.png") left center no-repeat; }
.radio_style input:checked + span { color: #333; background: url("/user/images/common/img_radio_on.png") left center no-repeat; }
.check_style { line-height: 2rem; display: inline-block; height: 2rem; margin-right: 1rem; vertical-align: middle; }
.check_style input[type="checkbox"] { display: none; }
.check_style > span { display: inline-block; height: 2rem; padding-left: 3rem; vertical-align: top; background: url("/user/images/common/img_check_off.png") left center no-repeat; }
.check_style input:checked + span { color: #333; background: url("/user/images/common/img_check_on.png") left center no-repeat; }
.radio_style:last-child,
.check_style:last-child { margin-right: 0; }
.flatCheck { position: relative; width: 5.3rem; height: 3rem; }
.flatCheck input[type="checkbox"] { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.flatCheck div { position: relative; top: -1.6rem; width: 100%; height: 100%; transition: all 0.2s ease; border: 0.1rem solid #ddd; border-radius: 5rem; background: #fff; }
.flatCheck label { position: absolute; z-index: 1; top: 0.1rem; left: 0; display: block; width: 2.6rem; height: 2.6rem; cursor: pointer; transition: all 0.2s ease; border: 0.1rem solid #ddd; border-radius: 50%; background: #fff; }
.flatCheck input[type=checkbox]:checked ~ div { border: 0.1rem solid #5787e9; background: #5787e9; }
.flatCheck input[type=checkbox]:checked ~ label { left: 2.6rem; border: 0.1rem solid #5787e9; }

/* Basic calendar */
input.datepicker,
input.period_datepicker { font-size: 1.6rem; padding-right: 3.5rem; cursor: pointer; background: #fff url("/user/images/common/ic_calendar.png") right 1rem center no-repeat; }
.ui-widget.ui-widget-content { padding: 1rem 1.5rem; border: 0.2rem solid #222; }
.ui-datepicker { z-index: 1000 !important; }
.ui-datepicker .ui-widget.ui-widget-content { color: #23abe7; border: 0; border: 0.1rem solid #222; background: #fff; }
.ui-datepicker .ui-widget-header { font-size: 1.8rem; font-weight: 600; padding: 0.5rem 0; color: #333; border: 0; border-radius: 0; background: #fff; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { top: 0.6rem; width: 2rem; height: 3rem; cursor: pointer; }
.ui-datepicker .ui-state-hover.ui-datepicker-prev-hover { top: 0.6rem; left: 0.2rem; border: 0; background: #666; }
.ui-datepicker .ui-state-hover.ui-datepicker-next-hover { top: 0.6rem; right: 0.2rem; border: 0; background: #666; }
.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-w { position: static; width: 2rem; height: 3rem; margin: 0; background: #fff url("/user/images/common/ic_arrow_left_calendar.png") center center no-repeat !important; }
.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-e { position: static; width: 2rem; height: 3rem; margin: 0; background: #fff url("/user/images/common/ic_arrow_right_calendar.png") center center no-repeat !important; }
.ui-datepicker { width: auto; padding: 0; border-radius: 0 !important; }
.ui-datepicker .ui-datepicker-title { line-height: normal; }
.ui-datepicker .ui-datepicker-title select { font-size: 1.5rem; height: 3rem; padding: 0 2rem 0 1rem; color: #333; background: #fff url("/user/images/common/ic_arrow_down.png") right 0.5rem center no-repeat; background-size: 1rem !important; }
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month { width: 43%; }
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { width: 53%; }
.ui-datepicker table { margin-bottom: 0; }
.ui-datepicker th { font-size: 1.5rem; font-weight: 400; width: 3rem; height: 3rem; color: #999; border-bottom: 0; }
.ui-datepicker td { width: 3rem; height: 3rem; }
.ui-datepicker td a.ui-state-default { font-size: 1.5rem; line-height: 1.6rem; width: 2.3rem; height: 2.3rem; text-align: center; letter-spacing: -0.1rem; color: #666; border: 0; background: #fff; }
.ui-datepicker td a.ui-state-active { color: #fff; border: 0.1rem solid #08614d; background: #08614d; }
.ui-datepicker td a.ui-state-highlight { color: #333; border: 0.1rem solid #08614d; background: #fff; }
.ui-datepicker .ui-datepicker-title { margin: 0 1.5em; }

/* Color */
.white { color: #fff !important; }
.black { color: #000 !important; }
.darkgray { color: #3b3b3b !important; }
.lightgray { color: #999 !important; }
.gray { color: #666 !important; }
.red { color: #b03535 !important; }
.brown { color: #904d2e !important; }
.blue { color: #44719e !important; }
.yellow { color: #f9a14a !important; }
.green { color: #57835c !important; }

/* Background */
.bg_lightgray { background: #f9f9f9; }

/* Border */
.bor_non { border: 0 !important; }
.bor_top_non { border-top: 0 !important; }
.bor_right_non { border-right: 0 !important; }
.bor_bottom_non { border-bottom: 0 !important; }
.bor_left_non { border-left: 0 !important; }

/* Btn */
.btn_wrap:after { display: block; visibility: hidden; clear: both; content: ""; }
.btn { font-size: 1.6rem; font-weight: 300; line-height: 6rem; display: inline-block; width: 15rem; height: 6rem; padding: 0 2.5rem; cursor: pointer; text-align: center; vertical-align: middle; color: #fff; border-radius: 0; background: #353535; }
input.btn { font-size: 1.6rem; line-height: 5rem; display: inline-block; height: 5rem; padding: 0 3rem; cursor: pointer; text-align: center; vertical-align: top; border-radius: 0; }
.btn img { vertical-align: middle; }
.text_center > .btn { color: #fff !important; }

/* Btn 2020.01.23 */
.btn_sub { line-height: 5rem !important; height: 5rem !important; margin: 3rem 0.5rem 0 0.5rem; }
.btn_white { line-height: 5rem !important; width: 12rem; height: 5rem; color: #353535 !important; border: 0.1rem solid #353535 !important; background: #fff !important; }
.btn_gray { color: #fff !important; border: 0.1rem solid #888 !important; background: #888; }
.btn_gray2 { color: #888 !important; border: 0.1rem solid #888 !important; background: #fff; }
.btn_lightgray { color: #fff !important; border: 0.1rem solid #999 !important; background: #999; }
.btn_lightgray2 { color: #fff !important; border: 0.1rem solid #c9c9c9 !important; background: #c9c9c9; }
.btn_pink { color: #fff !important; border: 0.1rem solid #353535 !important; background: #353535 !important; }
.btn_border_pink { color: #353535 !important; border: 0.1rem solid #353535 !important; background: #fff; }
.btn_border_lightgray { color: #999 !important; border: 0.1rem solid #9c9c9c !important; background: #fff; }
.btn_border_gray { color: #666 !important; border: 0.1rem solid #ddd !important; background: #fff; }
.btn_border_gray2 { color: #666 !important; border: 0.1rem solid #cdcdcd !important; background: #eee; }
.btn_black { color: #fff !important; border: 0.1rem solid #353535 !important; background: #353535; }
.btn_round { border-radius: 5rem; }
.btn_close { line-height: 1.4rem; display: inline-block; width: 1.4rem; height: 1.4rem; padding: 0; vertical-align: middle; background: url("/user/images/common/ic_close.png") center center no-repeat; }

/* Label */
.label { font-size: 1.4rem; display: inline-block; padding: 0.1rem 0.3rem; }

/* Img wrap */
.img_wrap { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 68%; }
.img_wrap .img_box { position: absolute; top: 0; left: 0; display: flex; overflow: hidden; width: 100%; height: 100%; align-items: center; justify-content: center; }
.img_wrap .img_box img { display: block; height: 100%; }

/* 말줄임 */
.ellipsis1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }
.ellipsis2 { display: block; display: -webkit-box; overflow: hidden; max-height: 4.1rem; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ellipsis3 { line-height: 2.2rem; display: block; display: -webkit-box; overflow: hidden; height: 7.7rem; text-overflow: ellipsis; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

/************************************************************************************
Contents st.
*************************************************************************************/

/* Contents */
.sub_contents { min-height: calc(100vh - 42.2rem); padding-bottom: 9rem; border-top: 0.1rem solid #ddd; border-bottom: 0.1rem solid #ddd; }
.sub_inner { width: 128rem; margin: 0 auto; }
.banner { overflow-x: auto; padding: 2rem 0; border-top: 0.1rem solid #d3d3d3; background: #fff; }
.banner ul { width: 120rem; margin: 0 auto; }
.banner ul:after { display: block; clear: both; content: ""; }
.banner ul li { float: left; width: 20%; text-align: center; }

/* 게시판 */
.cont { width: 100%; max-width: 120rem; margin: 0 auto; }

/* Form */
.form_write table { width: 100%; table-layout: fixed; }
.form_write table tr:first-child > th,
.form_write table tr:first-child > td { border-top: 0.2rem solid #3f3939; }
.form_write table th { font-size: 1.6rem; font-weight: 300; height: 7rem; padding: 1.5rem 1.5rem 1.5rem 3rem; text-align: left; word-break: keep-all; -ms-word-break: keep-all; color: #222; border-bottom: 0.1rem solid #eee; }
.form_write table td { font-size: 1.6rem; font-weight: 300; height: 7rem; padding: 1.5rem; color: #222; border-bottom: 0.1rem solid #eee; }
.form_write table select { width: 50%; height: 5rem; padding: 0 5rem 0 2rem; }
.form_write table select.type1 { width: 30%; }
.form_write table select.type2 { width: 20%; }
.form_write table input[type="text"] { font-size: 1.4rem; width: 100%; height: 5rem; padding: 0 1.5rem; }
.form_write table input[type="password"] { font-size: 1.4rem; width: 100%; height: 5rem; padding: 0 1.5rem; }
.form_write table input.type1 { width: 40%; }
.form_write table input.type2 { width: 50%; }
.form_write table input.type3 { width: 30%; }
.form_write table input.type4 { width: 20%; }
.form_write table input.type5 { width: 49.5%; }
.form_write table .btn { line-height: 4rem; height: 4rem; padding: 0 1rem; }
.form_write table textarea { width: calc(100%); height: 10rem; padding: 1.5rem; }
.form_view table td { color: #999; }
.form_view table td .title { color: #333; }
.btn_delete { font-size: 1.4rem; line-height: 2.8rem !important; width: 6rem; height: 3rem !important; margin: 0.5rem 0 0.5rem 1.5rem; color: #888; border: solid 0.1rem #888; background: #fff; }

/*write 0129*/
.writeA table { margin-bottom: 2rem; }
.writeA table th { font-weight: 500; padding: 1rem !important; text-align: center !important; vertical-align: middle; background: #f5f5f5; }
.writeA #content { height: 30rem; }
.writeA select { width: auto !important; }
.writeA #pwd { height: 5rem; }
.writeA input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); }
.writeA input[type=checkbox] + label { display: inline-block; padding-left: 3rem; cursor: pointer; vertical-align: middle; background: url("/user/images/member/icon_chkbox_off.png") no-repeat left 100%; }
.notice_list .notice { color: #333; }
.notice_list table tr td:nth-child(3) { padding: 0 3rem; }
.writeA input[type=checkbox]:checked + label { background: url("/user/images/member/icon_chkbox_on.png") no-repeat left 100%; }

/*info_list 0220*/
.table_info_wrap { margin: 5rem 0; }
.table_info th { height: 3.5rem !important; background-color: #f5f5f5; }
.table_info th,
.table_info td { height: 3rem; padding: 1rem; text-align: center; border: 0.1rem solid #dcdcdc; }
.budget_info { width: 100%; height: auto; padding: 3.5rem 3.5rem; text-align: center; background-color: #f5f5f5; }
.budget_info h2 { font-size: 1.5rem; font-weight: 400; margin-bottom: 1.5rem; color: #222; }
.budget_info p { font-weight: 200; color: #666; }
.table_info_wrap .table_sub { font-size: 1rem; margin: 1rem 0; color: #666; }

/* Board */
.board_list table { width: 100%; table-layout: fixed; }
.board_list table th { font-size: 1.5rem; font-weight: 300; font-weight: bold; height: 8rem; text-align: center; color: #222; border-top: 0.2rem solid #222; border-bottom: 0.1rem solid #dcdcdc; background: #f5f5f5; }
.board_list table td { font-size: 1.6rem; font-weight: 400; height: 8rem; text-align: center; color: #222; border-bottom: 0.1rem solid #ddd; }
.board_list table td:nth-child(4),
.board_list table td:nth-child(5),
.board_list table td:nth-child(5) { color: #888; }
.board_list table td.subject { padding-right: 5rem; text-align: left; }
.board_list table td.pink { border-bottom: 0.1rem solid #e8476d; }
.board_list table td a { font-size: 1.6rem; font-weight: 400; display: inline-block; overflow: hidden; width: 100%; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }
.board_list table td.subject img { display: none; }
.board_list table td.subject .private { display: inline-block; margin-top: -0.3rem; margin-right: 1rem; }
.board_list table td.name { padding: 0 2rem; color: #888; }
.board_list table td.date { padding-right: 3rem; color: #888; }
.board_list table td.state { width: 100%; }
.board_view .view_title { position: relative; padding: 3.5rem 3rem; border-top: 0.2rem solid #3f3939; border-bottom: 0.1rem solid #eee; }
.board_view .view_title .num { font-size: 1.4rem; font-weight: 600; line-height: 1.4rem; display: block; margin-bottom: 1.5rem; color: #e8476d; }
.board_view .view_title p { font-size: 1.8rem; line-height: 2.6rem; display: inline-block; color: #222; }
.board_view .view_title ul { font-size: 1.4rem; clear: both; margin-top: 2rem; text-align: right; color: #888; }
.board_view .view_title ul li { display: inline-block; margin-left: 2.5rem; }
.board_view .view_title ul li:first-child { margin-left: 0; }
.board_view .view_title ul li:after { font-size: 1rem; position: relative; left: 1.2rem; content: "|"; color: #ccc; }
.board_view .view_title ul li:last-child:after { display: none; }
.board_view .view_file { font-size: 0; position: relative; padding: 2rem 2.5rem 2rem 15rem; border-bottom: 0.1rem solid #eee; }
.board_view .view_file .file_title { position: absolute; top: 0; bottom: 0; left: 0; width: 11rem; }
.board_view .view_file .file_title div { display: table; width: 100%; height: 100%; }
.board_view .view_file .file_title div p { font-size: 1.5rem; font-weight: 300; display: table-cell; text-align: center; vertical-align: middle; color: #222; background: #f7f8fa; }
.board_view .view_file .file_title { font-size: 1.5rem; font-weight: 300; position: absolute; top: 0; bottom: 0; left: 0; width: 13rem; color: #222; }
.board_view .view_file .view_file_list { margin: -1rem 0; }
.board_view .view_file .view_file_list > li { border-bottom:1px solid #ddd; padding: 1rem 0; }
.board_view .view_file .view_file_list > li:last-child { border:0; }
.board_view .view_file .view_file_list .view_file_link { font-size: 1.5rem; font-weight: 300; display: inline-block; padding: 0.5rem 0 0.5rem 2.5rem; color: #444; background: url("/user/images/common/ic_attatch.png") left center no-repeat; background-size: 1.8rem 1.5rem; }
.board_view .view_file .view_file_list .item_pdf { font-size: 1.4rem; line-height: 1; padding: 0.5rem 0.7rem; color: #d80909; border-color: #d80909; margin-left: 1.5rem; }
.board_view .view_file .view_file_list .item_pdf:hover { color: #fff; background-color: #d80909; }
.board_view .view_file .view_file_list .item_pdf span { padding-right: 1.5rem; }
.board_view .view_file .view_file_list .item_pdf span:before { width: 0.8rem; height: 0.8rem; margin-top: -0.4rem; background-image: url(/user/images/common/icon_quick03.png); }
.board_view .view_file .view_file_list .item_pdf:hover span:before { background-image: url(/user/images/common/icon_quick04.png); }
.board_view .view_contents { font-size: 1.5rem; font-weight: 300; line-height: 2.6rem; min-height: 25rem; padding: 3.5rem 2.5rem; color: #555; border-bottom: 0.1rem solid #eee; }
.board_view .view_contents img { max-width: 100%; height: auto !important; }
.board_write { margin-top: 3rem; }
.board_write table { width: 100%; table-layout: fixed; border-top: 0.1rem solid #222; border-bottom: 0.1rem solid #eee; }
.board_write th { font-size: 1.5rem; font-weight: 400; font-weight: 400; height: 5rem; padding: 0.5rem 2rem; text-align: left; color: #555; border-bottom: 0.1rem solid #eee; }
.board_write td { font-size: 1.5rem; font-weight: 300; height: 5rem; padding: 0.5rem 2rem; color: #555; border-bottom: 0.1rem solid #eee; }
.board_write td select { width: 100%; }
.board_write td textarea { width: calc(100% - 2.2rem); height: 15rem; }
.board_write td input[type="text"] { width: calc(100% - 3.2rem); }

/*webzine - list*/
.webzine_list .webzine_skins { padding-bottom: 2rem; text-align: right; }
.webzine_list .webzine_skins span { display: inline-block; width: 5rem; height: 5rem; margin-left: 1rem; border: 0.1rem solid #ddd; }
.webzine_list .webzine_skins span a { display: block; width: 100%; height: 100%; }
.webzine_list .webzine_skins span:nth-of-type(1) { background: url("/user/images/common/ic_webzine_list.png") center center no-repeat; }
.webzine_list .webzine_skins span:nth-of-type(2) { background: url("/user/images/common/ic_webzine_sgallery.png") center center no-repeat; }
.webzine_list .webzine_skins span:nth-of-type(3) { background: url("/user/images/common/ic_webzine_bgallery.png") center center no-repeat; }
.webzine_list .webzine_skins span:nth-of-type(1).active { border: none; background: #333 url("/user/images/common/ic_webzine_list_white.png") center center no-repeat; }
.webzine_list .webzine_skins span:nth-of-type(2).active { border: none; background: #333 url("/user/images/common/ic_webzine_sgallery_white.png") center center no-repeat; }
.webzine_list .webzine_skins span:nth-of-type(3).active { border: none; background: #333 url("/user/images/common/ic_webzine_bgallery_white.png") center center no-repeat; }
.webzine_list ul li:first-child { border-top: 0.2rem solid #222; }
.webzine_list ul li { padding: 3rem; border-bottom: 0.1rem solid #dcdcdc; }
.webzine_list ul li:after { display: block; clear: both; content: ""; }
.webzine_list ul li .img { float: left; }
.webzine_list ul li .img a { display: block; }
.webzine_list ul li .content { float: right; width: calc(100% - 27.5rem); margin-left: 3rem; }
.webzine_list .content a { display: block; }
.webzine_list .content a strong { font-size: 1.7rem; display: block; color: #222; }
.webzine_list .content a > span { line-height: 2.6rem; display: inline-block; overflow: hidden; height: 7.8rem; margin-top: 1rem; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.webzine_list .content a > span p { font-size: 1.5rem; }
.webzine_list .content a > p { margin-top: 2.5rem; }
.webzine_list .content a > p span { font-size: 1.4rem; color: #666; }
.webzine_list .content a > p span:first-child { margin-right: 2rem; }
.webzine_list .content a > p span:first-child::after { font-size: 0.9rem; position: relative; top: -0.3rem; left: 1rem; content: "|"; color: #ccc; }

/* 포토갤러리 */
.gallery_list ul { font-size: 0; }
.gallery_list ul > li { display: inline-block; width: 23%; margin-right: 2%; margin-bottom: 2.5rem; vertical-align: top; }
.gallery_list ul > li:nth-child(4n+4) { margin-right: 0; }
.gallery_list ul > li > a { display: block; }
.gallery_list ul > li > a .img_wrap { overflow: hidden; width: 100%; height: 25rem; }
.gallery_list ul > li > a .img_wrap img { width: auto; min-width: 100%; height: 100%; }
.gallery_list ul > li.no_list { font-size: 1.6rem; width: 100%; }
.cont .layer_popup { position: fixed; z-index: 999; top: 0; left: 0; display: none; width: 100vw; height: 100vh; }
.cont .layer_popup .bg { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); }
.cont .layer_popup .img_box { position: absolute; top: 50%; left: 50%; overflow: auto; max-height: 100vh; transform: translate(-50%, -50%); -ms-overflow-style: none; }
.cont .layer_popup .img_box::-webkit-scrollbar { display: none; }
.cont .layer_popup .img_box img { max-height: calc(100vh - 5.3rem); }
.cont .layer_popup .img_box span { font-size: 2rem; line-height: 6.5rem; display: block; height: 6.5rem; margin: 0 auto; text-align: center; color: #222; border-top: 0.1rem solid #ddd; background: #fff; }

/*prepare page*/
.prepare_page { padding: 20rem 0; text-align: center; }
.prepare_page p { font-size: 4rem; margin-top: 6rem; }
.prepare_page p strong { font-weight: bold; }
.prepare_page span { font-size: 1.6rem; display: block; margin-top: 4rem; color: #555; }

/*프로그램*/
.program_list ul:after { display: block; clear: both; content: ""; }
.program_list ul li { float: left; width: 36rem; margin: 0 6rem 3rem 0; border: 0.1rem solid #dcdcdc; }
.program_list ul li:nth-of-type(3n+3) { margin-right: 0; }
.program_list ul li .img_box { position: relative; overflow: hidden; width: 100%; height: 24.5rem; padding-top: 70%; }
.program_list ul li .img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.program_list ul li .title_box { width: 100%; padding: 2rem; border-top: 0.1rem solid #dcdcdc; }
.program_list ul li .title_box p { font-size: 1.7rem; color: #222; }
.program_list ul li .title_box span { font-size: 1.4rem; display: block; margin-top: 1.5rem; color: #666; }
.program_list ul li .title_box i { font-size: 1.2rem; line-height: 2.5rem; display: inline-block; float: right; height: 2.5rem; padding: 0 1.5rem; color: #222; border: 0.1rem solid #888; border-radius: 3.5rem; }
.program .img_box { overflow: hidden; width: 100%; height: 41.5rem; }
.program .img_box img { width: 100%; }
.program .place_info { position: relative; width: calc(100% - 5rem); margin: 0 auto; margin-top: -3rem; padding: 5rem; background: #fff; }
.program .place_info .title strong { font-size: 3rem; }
.program .place_info .title i { font-size: 1.2rem; line-height: 2.5rem; display: inline-block; height: 2.5rem; margin-left: 1.5rem; padding: 0 1.5rem; color: #222; border: 0.1rem solid #888; border-radius: 3.5rem; }
.program .place_info .title p { font-size: 1.5rem; display: inline-block; margin-top: 2rem; margin-right: 2rem; }
.program .place_info .title p:not(:last-child):after { font-size: 1rem; position: relative; top: -0.3rem; left: 1rem; content: "|"; }
.program .place_info .contents { font-size: 1.6rem; margin-top: 5rem; color: #666; }
.program > a { line-height: 6rem; display: block; width: 15rem; height: 6rem; margin: 0 auto; text-align: center; color: #fff; background: #333; }

/*Tomorrow land*/
.tomorrow_land > div { float: left; width: 50%; vertical-align: top; }
.tomorrow_land:after { display: block; clear: both; content: ""; }
.tomorrow_land .info_box h2 { font-size: 5rem; color: #5b23d2; }
.tomorrow_land .info_box h3 { font-size: 2rem; font-weight: 500; }
.tomorrow_land .info_box p { font-size: 1.6rem; margin-top: 5rem; }
.tomorrow_land .img_box { position: relative; }
.tomorrow_land .img_box div { position: absolute; bottom: -3rem; left: -3rem; width: 23.5rem; height: 23.5rem; background: rgba(42, 45, 166, 0.95) url("/user/images/common/img_tomorrow_logo.png")no-repeat center center; background-size: auto 9.2rem; }
.tomorrow_land .img_box img { width: 100%; }
.tomorrow_land dl { width: 54rem; margin-top: 3rem; padding: 2rem 2.5rem; border-top: 0.1rem solid #c2c2c2; border-bottom: 0.1rem solid #c2c2c2; }
.tomorrow_land dl dd { font-weight: normal; }
.tomorrow_land dl dd:not(:last-child) { margin-bottom: 1.5rem; }
.tomorrow_land dl dd strong { display: inline-block; margin-right: 4rem; }
.tomorrow_land ul { margin-top: 4rem; }
.tomorrow_land ul li { font-size: 1.6rem; display: inline-block; min-width: 19rem; margin-right: 4rem; margin-bottom: 2.4rem; }
.tomorrow_land ul li img { width: 6rem; margin-right: 1rem; }
.tomorrow_land ul li a { line-height: 6rem; padding-right: 6rem; background: url("/user/images/common/ic_tomorrow_arrow.png")no-repeat 80% center; background-size: auto 1.5rem; }

/*축제 안내 - 장소안내*/
.fes_intro .intro_nav { text-align: center; }
.fes_intro .intro_nav li { position: relative; display: inline-block; width: 19.5rem; height: 4rem; }
.fes_intro .intro_nav li a { font-size: 1.6rem; display: block; width: 100%; height: 100%; color: #666; }
.fes_intro .intro_nav li span { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 0; height: 0.3rem; transition: 0.5s; transform: translateX(-50%); background: #333; }
.fes_intro .intro_nav li:hover span { width: 100%; }
.fes_intro .intro_nav li.active a { font-weight: bold; color: #222; }
.fes_intro .intro_nav li.active span { width: 100%; }
.fes_intro #location { margin-top: 5rem; }
#location .map { width: 100%; }
#location .map img { width: 100%; }
#location .location_info { margin-top: 3rem; border: 0.1rem solid #cdcdcd; }
#location .location_info:after { display: block; clear: both; content: ""; }
#location .location_info .locations { float: left; width: 50%; }
#location .location_info .stage .title { padding: 3.5rem 0 3.5rem 9rem; background: #f9f9f9; }
#location .location_info .stage .title i { display: inline-block; width: 2.5rem; height: 2.5rem; vertical-align: middle; border-radius: 50%; background: #7400c6; }
#location .location_info .stage .title p { font-size: 1.6rem; font-weight: bold; display: inline-block; margin-left: 1rem; vertical-align: middle; color: #7400c6; }
#location .location_info .stage .title span { font-size: 1.5rem; font-weight: lighter; display: inline-block; margin-left: 2rem; vertical-align: middle; color: #666; }
#location .location_info .stage .infoes { border-right: 0.1rem solid #cdcdcd; }
#location .location_info .art_tech .title { padding: 3.5rem 0 3.5rem 3.5rem; background: #f9f9f9; }
#location .location_info .art_tech .title i { display: inline-block; width: 2.5rem; height: 2.5rem; vertical-align: middle; border-radius: 50%; background: #333; }
#location .location_info .art_tech .title p { font-size: 1.6rem; font-weight: bold; display: inline-block; margin-left: 1rem; vertical-align: middle; color: #333; }
#location .location_info .art_tech .title span { font-size: 1.5rem; font-weight: lighter; display: inline-block; margin-left: 2rem; vertical-align: middle; color: #666; }
#location .location_info .locations .infoes { padding: 3rem 5rem; border-top: 0.1rem solid #cdcdcd; }
#location .location_info .infoes ul li { margin-bottom: 2rem; }
#location .location_info .infoes ul li i { font-size: 1.5rem; font-weight: bold; line-height: 2.7rem; display: inline-block; width: 3.3rem; height: 3.3rem; text-align: center; color: #333; border: 0.3rem solid #333; border-radius: 50%; }
#location .location_info .infoes ul li div { display: inline-block; margin-left: 1rem; vertical-align: top; }
#location .location_info .infoes ul li p { font-size: 1.6rem; font-weight: bold; color: #333; }
#location .location_info .infoes ul li p a { color: #333; }
#location .location_info .infoes ul li span { display: inline-block; margin-top: 0.5rem; color: #666; }

/*축제안내 - 관람유의사항*/
#caution { margin-top: 5rem; padding: 3rem 5rem; border: 0.1rem solid #cdcdcd; }
#caution h2 { font-size: 2rem; margin-bottom: 3rem; }
#caution h2:nth-of-type(2) { margin-top: 5rem; }
#caution p { font-size: 1.6rem; margin-bottom: 1.5rem; }
#caution li { font-size: 1.5rem; line-height: 3rem; list-style: circle; list-style-position: inside; color: #666; }
#caution table th { font-size: 1.6rem; height: 4rem; color: #fff; border: 0.1rem solid #fff; background: #333; }
#caution table td { font-size: 1.5rem; height: 13rem; text-align: center; color: #666; border: 0.1rem solid #c9c9c9; }
#caution table td.left { line-height: 2; padding: 0 3rem; text-align: left; }
#caution span { font-size: 1.5rem; display: inline-block; margin-top: 2rem; padding-left: 2rem; color: #666; }
#caution span:before { font-size: 1.2rem; line-height: 1.4rem; position: relative; left: -2rem; display: inline-block; width: 1.5rem; height: 1.5rem; content: "!"; text-align: center; color: #666; border: 0.1rem solid #666; border-radius: 50%; }

/*셔틀버스 안내*/
#shuttle { margin-top: 5rem; padding: 3rem 5rem; border: 0.1rem solid #cdcdcd; }
#shuttle:after { display: block; clear: both; content: ""; }
#shuttle h2 { font-size: 2rem; margin-bottom: 3rem; }
#shuttle p { font-size: 1.6rem; margin-bottom: 1.5rem; }
#shuttle ul { margin-bottom: 3rem; }
#shuttle ul li { font-size: 1.5rem; line-height: 3rem; list-style: circle; list-style-position: inside; color: #666; }
#shuttle .table_wrap { float: left; width: 20%; border-top: 0.1rem solid #222; }
#shuttle .table_wrap .title { font-size: 1.6rem; line-height: 4.8rem; height: 5rem; margin-bottom: 0; text-align: center; color: #fff; border-left: 0.1rem solid #c9c9c9; background: #333; }
#shuttle .table_wrap:last-child .title { border-right: 0.1rem solid #c9c9c9; }
#shuttle .table_wrap table th { font-size: 1.5rem; padding: 1rem 0; border: 0.1rem solid #c9c9c9; background: #e7e7f1; }
#shuttle .table_wrap table td { padding: 1rem 0; text-align: center; color: #666; border: 0.1rem solid #c9c9c9; }

/*대중교통안내*/
#public { margin-top: 5rem; padding: 3rem 5rem; border: 0.1rem solid #cdcdcd; }
#public h2 { font-size: 2rem; margin-bottom: 3rem; }
#public h2 input { font-size: 1.4rem; width: 13rem; height: 3.5rem; margin-left: 3rem; padding: 0; color: #666; }
#public .sub_way .img_box { display: inline-block; width: 6rem; vertical-align: top; }
#public .sub_way .img_box img { width: 100%; }
#public .sub_way .info_box { display: inline-block; margin-left: 2rem; vertical-align: bottom; }
#public .sub_way .info_box h3 { font-size: 1.6rem; color: #333; }
#public .sub_way .info_box p { font-size: 1.6rem; word-break: break-all; color: #666; }
#public .bus { margin-top: 4rem; }
#public .bus .img_box { display: inline-block; width: 6rem; vertical-align: middle; }
#public .bus .img_box img { width: 100%; }
#public .bus .title_box { display: inline-block; margin-left: 2rem; vertical-align: middle; }
#public .bus .title_box h3 { font-size: 1.6rem; color: #333; }
#public .bus .info_box { margin-left: 8rem; }
#public .bus .info_box ul { margin-bottom: 3.5rem; }
#public .bus .info_box ul li { font-size: 1.5rem; margin-bottom: 0.8rem; color: #666; }
#public .bus .info_box ul li.top { margin-bottom: 2rem; }
#public .bus .info_box ul li.top span { display: inline-block; margin-right: 2rem; padding: 1rem; color: #fff; border-radius: 0.5rem; background: #000; }
#public .bus .info_box ul li strong { color: #222; }

/*축제 일정*/
.fes_calendar h2 { font-size: 2rem; margin-bottom: 2rem; }
.fes_calendar .title_box { width: 100%; padding: 3.5rem 0 3.5rem 7rem; border: 0.1rem solid #c1c1c1; background: #f9f9f9; }
.fes_calendar .title_box .stage { font-size: 1.6rem; display: inline-block; margin-right: 12rem; color: #666; }
.fes_calendar .title_box .stage i { display: inline-block; width: 2.5rem; height: 2.5rem; margin-right: 1.5rem; vertical-align: middle; border-radius: 50%; background: #7400c6; }
.fes_calendar .title_box .stage span { font-size: 1.6rem; font-weight: bold; margin-right: 2.5rem; color: #7400c6; }
.fes_calendar .title_box .art_tech { font-size: 1.6rem; display: inline-block; color: #666; }
.fes_calendar .title_box .art_tech i { display: inline-block; width: 2.5rem; height: 2.5rem; margin-right: 1.5rem; vertical-align: middle; border-radius: 50%; background: #333; }
.fes_calendar .title_box .art_tech span { font-size: 1.6rem; font-weight: bold; margin-right: 2.5rem; color: #333; }
.fes_calendar .calendar_wrap { position: relative; overflow: hidden; width: 100%; margin-top: 3rem; }
.fes_calendar .calendar_wrap table { width: 120rem; }
.fes_calendar .calendar_wrap table th { padding: 2rem 0; color: #222; border: 0.1rem solid #e2e5e9; border-top: 0.2rem solid #222; background: #f3f5f8; }
.fes_calendar .calendar_wrap table td { padding: 1rem 0; text-align: center; border: 0.1rem solid #e2e5e9; }
.fes_calendar .calendar_wrap table td:nth-of-type(1) { border-top: none; border-bottom: none; }
.fes_calendar .calendar_wrap table td span { position: relative; top: 2rem; }
.fes_calendar .calendar_wrap tbody tr:last-child td { padding: 2rem 0; border-bottom: 0.1rem solid #e2e5e9 !important; }
.fes_calendar .calendar_wrap .art_tech { position: absolute; text-align: center; color: #fff; background: #333; }
.fes_calendar .calendar_wrap .stage { position: absolute; text-align: center; color: #fff; background: #7400c6; }
.fes_calendar div { width: 100%; }
.fes_calendar div img { width: 100%; }
.fes_calendar h3 { font-size: 2rem; margin-top: 5rem; }
.fes_calendar p { font-size: 1.6rem; font-weight: bold; margin-top: 3rem; }
.fes_calendar ul { margin-top: 1rem; margin-bottom: 3rem; }
.fes_calendar ul li { font-size: 1.6rem; list-style: circle inside; color: #666; }
.fes_calendar i { font-size: 1.5rem; position: relative; display: block; margin-top: 3rem; padding-left: 2.5rem; color: #666; }
.fes_calendar i:before { line-height: 1.5rem; position: absolute; top: 0.3rem; left: 0; display: inline-block; width: 1.5rem; height: 1.5rem; content: "!"; text-align: center; border: 0.1rem solid #666; border-radius: 50%; }

/*함께하는 사람들*/
.organiztion { width: 100%; }
.organiztion img { width: 100%; }

/*비디오 갤러리*/
.video_gallery h3 { font-size: 3rem; }
.video_gallery .video_wrap { position: relative; width: 100%; margin-top: 5rem; padding-top: 56%; }
.video_gallery .video_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video_gallery .thumbnails { margin-top: 3rem; text-align: center; }
.video_gallery .thumbnails li { display: inline-block; overflow: hidden; width: 24rem; height: 13.5rem; margin-right: 1.5rem; vertical-align: middle; }
.video_gallery .thumbnails li a { display: block; }
.video_gallery .thumbnails li.active { border: 0.5rem solid #333; }
.video_gallery .thumbnails li img { width: 100%; }
.video_gallery .thumbnails .prev_arrow { width: 6rem; height: 6rem; margin-right: 3rem; border: 0.1rem solid #222; border-radius: 50%; }
.video_gallery .thumbnails .prev_arrow a { display: block; width: 100%; height: 100%; transition: 0s; background: url("/user/images/common/ic_prev_arrow.png")no-repeat center center; background-size: 1rem auto; }
.video_gallery .thumbnails .prev_arrow:hover { border: none; background: #333; }
.video_gallery .thumbnails .prev_arrow:hover a { background: url("/user/images/common/ic_prev_arrow_white.png")no-repeat center center; background-size: 1rem auto; }
.video_gallery .thumbnails .next_arrow { width: 6rem; height: 6rem; margin-right: 0; margin-left: 1.2rem; border: 0.1rem solid #222; border-radius: 50%; }
.video_gallery .thumbnails .next_arrow a { display: block; width: 100%; height: 100%; transition: 0s; background: url("/user/images/common/ic_next_arrow.png")no-repeat center center; background-size: 1rem auto; }
.video_gallery .thumbnails .next_arrow:hover { border: none; background: #333; }
.video_gallery .thumbnails .next_arrow:hover a { background: url("/user/images/common/ic_next_arrow_white.png")no-repeat center center; background-size: 1rem auto; }

/*qna 게시판*/
.qna_list { border-top: 0.2rem solid #333; }
.state .complete,
.complete { font-size: 1.3rem; line-height: 3rem; display: block; width: 7rem; text-align: center; color: #fff; background: #333; }
.state .waiting,
.waiting { font-size: 1.3rem; line-height: 3rem; display: block; width: 7rem; text-align: center; color: #fff; background: #bbb; }
.view_title span { float: left; margin-right: 1.5rem; }
.repay.view_contents { padding: 3.5rem 5rem 3.5rem 7.5rem; background: #f5f5f5 url("/user/images/common/icon_reply.png")no-repeat 3.5rem 3.5rem; }

/*문화사업*/
.cultural_work_wrap { min-height: 75rem; }
.cultural_work_wrap h2 { font-size: 1.5rem; font-weight: 400; margin-bottom: 3rem; text-align: center; }
.cultural_work_box { display: inline-block; width: 100%; }
.cultural_box { width: 100%; min-height: 16rem; padding: 3.5rem 4rem 3.5rem 3.5rem; }
.cultural_box p { font-weight: 300; margin-left: 9rem; letter-spacing: -0.03rem; }
.cultural_work_box .cultural2 p { letter-spacing: -0.08rem; }
.cultural_box span { position: relative; display: inline-block; width: 7rem; height: 7rem; margin-right: 2rem; vertical-align: middle; border: 0.1rem solid #fff; border-radius: 100%; background: #fff; }
.art span { font-size: 1rem; color: #333; }
.cultural1 span { background: #fff url(/user/images/common/city_icon01.png) no-repeat center; }
.cultural2 span { background: #fff url(/user/images/common/city_icon02.png) no-repeat center; }
.cultural3 span { background: #fff url(/user/images/common/city_icon03.png) no-repeat center; }
.cultural4 span { background: #fff url(/user/images/common/city_icon04.png) no-repeat center; }
.cultural5 span { background: #fff url(/user/images/common/city_icon05.png) no-repeat center; }
.cultural6 span { background: #fff url(/user/images/common/city_icon06.png) no-repeat center; }
.cultural7 span { background: #fff url(/user/images/common/city_icon07.png) no-repeat center; }
.cultural8 span { background: #fff url(/user/images/common/city_icon08.png) no-repeat center; }
.city01 li { background: #f8f1f2; }
.city02 li { background: #f0f6fa; }
.city03 li { background: #f1f8f5; }
.cultural_work_box li { position: relative; float: left; width: calc(100% / 2 - 1rem); margin: 0 2rem 2rem 0; }
.life .typeA { margin: 0 2rem 2rem 0 !important; }
.cultural_work_box li:nth-child(2n),.life .typeB { margin-right: 0; }
.cultural_work_box h3 { font-size: 1.25rem; font-weight: 600; display: inline-block; }
.cultural_work_wrap .life li { background: #f5f5f5; }
.life .left { float: left; }
.life .right { float: right; }
.life .right p { position: relative; margin: 7rem 0 0 1rem; }
.life .sub_title { font-weight: 600; display: block; margin: -1.5rem 0 1rem 0; color: #666; }
.life .right p:before { position: absolute; top: 0.2rem; left: -4.5rem; width: 0.1rem; height: 10rem; content: ""; background: #ddd; }
.life span { font-size: 1.5rem; font-weight: 600; line-height: 4.2rem; text-align: center; color: #bbb; }

/* 참여알림 */
.notification .middle_box { position: relative; height: 17rem; padding-left: 19rem !important; background: #f8f8f8  url(/user/images/common/notification.png) no-repeat center left; background-position: 4rem center; }
.notification .middle_box p { margin: 1.5rem 0; vertical-align: middle; }

/*소개*/
.nav_menu_wrap { margin-bottom: 7rem; }
.nav_menu_list { overflow: hidden; text-align: center; }
.nav_menu_list li { font-size: 1.6rem; line-height: 1; display: inline-block; padding: 0 5.5rem; padding-bottom: 2rem; }
.nav_menu_list li.on { font-weight: 700; border-bottom: 0.3rem solid #353535; }

/*운영시설*/
.center { text-align: center; word-wrap: break-word; word-break: keep-all; }
.center .center_img { overflow: hidden; width: 100%; height: 42rem; }
.center .artplug { background: url(/user/images/center/artplug.jpg) no-repeat center; background-size: 100% auto; }
.center .jindallae { background: url(/user/images/center/jindallae.jpg) no-repeat center; background-size: 100% auto; }
.center .cheonghak { background: url(/user/images/center/cheonghak.jpg) no-repeat center; background-size: 100% auto; }
.center .ysgallery { background: url(/user/images/center/ysgallery.jpg) no-repeat center; background-size: 100% auto; }
.center .ysjiha { background: url(/user/images/center/ysjiha.jpg) no-repeat center 42%; background-size: 100% auto; }
.center .songdo { background: url(/user/images/center/songdoculture.jpg) no-repeat center 42%; background-size: 100% auto; }
.center .center_info { width: 92%; min-height: 50rem; margin: -3rem auto 0; padding: 5rem; text-align: left; background: #fff; }
.center .center_info h1 { font-size: 2rem; font-weight: 500; position: relative; color: #222; }
.center .center_info h2 { margin-bottom: 2rem; }
.center .center_info .left .before { position: relative; width: 2.5rem; height: 0.3rem; margin: 3rem 0; content: ""; background: #ddd; }
.center .center_info .left p { position: relative; margin-bottom: 3rem; }
.center .center_info h3 { display: inline-block; margin-top: 2rem; }
.center .center_info h3:nth-child(1) { margin-top: 1rem; }
.mt8 { margin-top: 1.3rem; }
.center .center_info .left { float: left; width: 45%; }
.center .center_info .right { float: right; width: 45%; }
.center .center_info .left p { font-size: 1.8rem !important; font-weight: 400; }
.center .center_info .right p { margin-top: 1rem; color: #666; }
.btn_title { display: inline-block; }
.center .btn_title:first-child { margin-top: 3rem; }
.shortcut_btn { line-height: 3.8rem; display: inline-block; float: right; width: 15rem; height: 4rem; padding-left: 2rem; text-align: left; border: 0.1rem solid #444; background: url(/user/images/common/ic_tomorrow_arrow.png) no-repeat right center; background-position: 85% center; background-size: 0.7rem 1.2rem; }
.center_info .li h3:nth-child(1) { margin-top: 1rem; }

/* 경영공시 */
.category_wrap { margin-bottom: 5rem; }
.category_list { overflow: hidden; border-top: 0.1rem solid #bbb; }
.category_list li { font-size: 1.6rem; font-weight: 300; line-height: 6rem; display: block; float: left; width: 20%; margin-top: -1px; text-align: center; border: 0.1rem solid #bbb; border-left: 0; }
.category_list li:first-child,
.category_list li:nth-child(6),
.category_list li:nth-child(11) { border-left: 0.1rem solid #bbb; }
.category_list li a { font-weight: 300; display: block; color: #666; }
.category_list li.on { background: #353535; }
.category_list li.on a { color: #fff; }

/* 고시공고 */
.category_list2 { overflow: hidden; }
.category_list2 li { font-size: 1.6rem; font-weight: 300; line-height: 5.7rem; display: block; float: left; width: 25%; text-align: center; border: 0.1rem solid #bbb; border-right: 0; }
.category_list2 li:nth-child(4n),.category_list2 li:last-child { border-right: 0.1rem solid #bbb; }
.category_list2 li a { color: #666; }
.category_list2 li.on { background: #353535; }
.category_list2 li.on a { color: #fff; }
.operation_info_wrap { overflow: hidden; margin-top: 3.4rem; background: #f0f0f0; }
.operation_info_wrap ul { overflow: hidden; padding: 2rem 0; text-align: center; }
.operation_info_wrap li { font-size: 1.5rem; font-weight: 300; position: relative; display: inline-block; padding: 0 2.5rem; }
.operation_info_wrap li::before { position: absolute; top: 50%; left: 0; width: 0.1rem; height: 1rem; margin-top: -0.5rem; content: ""; background: #bbb; }
.operation_info_wrap li:first-child::before { content: ""; background: none; }
.board_view .view_title ul.data_cycle { margin-top: 1rem; text-align: left; }
.board_view .view_title ul.data_cycle li:after { font-size: 0; content: ""; }
.board_view .social_wrap { top: 50%; right: 2.5rem; transform: translate(0, -50%); }

/*문화행사*/
.events_list { clear: both; }
.events_list li { float: left; width: calc(100% / 2 - 1.8rem); }
.events_list li#nodata { width: 100%; text-align: center; border: none; }
.events_list li#nodata p { font-size: 2.4rem; margin: 5rem 0; }
.events_list li:nth-child(odd) { margin-right: 3.6rem; }
.events_list li { position: relative; float: left; width: calc(100% / 2 - 1.8rem); margin-bottom: 3rem; border: 0.1rem solid #ddd; }
.thumbnail_wrap { position: relative; float: left; overflow: hidden; width: 23rem; height: 30rem; background: #f5f5f5; }
.thumbnail_wrap img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); }
.events_detail .thumbnail_wrap { overflow: hidden; width: 28rem; height: 33rem; }
.artist_detail.events_detail .thumbnail_wrap { height: 30rem; }
.events_info_wrap { float: left; width: calc(100% - 23rem); min-height: 30rem; padding: 2.5rem; }
.events_info_wrap > h3 > .ready { font-size: 1.4rem; position: absolute; top: 0; right: 0; padding: 0.2rem 1.5rem; color: #bbb; border: solid 0.1rem #ddd; border-radius: 1.5rem; background: #fff; }
.events_info_wrap > h3 > .ing { font-size: 1.4rem; position: absolute; top: 0; right: 0; padding: 0.2rem 1.5rem; color: #fff; border-radius: 1.5rem; background: #353535; }
.events_info_wrap > h3 > .end { font-size: 1.4rem; position: absolute; top: 0; right: 0; padding: 0.2rem 1.5rem; color: #fff; border-radius: 1.5rem; background: #bbb; }
.events_detail { overflow: hidden; margin-bottom: 4.5rem; }
.events_detail_cont img { max-width: 100% !important; height: auto !important; }
.detail.events_info_wrap { width: calc(100% - 29rem); padding-left: 5rem; }
.events_info_wrap h3 { font-size: 2rem; position: relative; }
.events_info_wrap a { font-weight: 500; display: block; display: -webkit-box; overflow: hidden; overflow: hidden; max-width: 73%; margin-bottom: 1.5rem; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.events_info_wrap dl { clear: both; overflow: hidden; width: 100%; margin-bottom: 1rem; }
.events_info_wrap dt,
.events_info_wrap dd { float: left; }
.events_info_wrap dt { font-size: 1.6rem; font-weight: 500; width: 30%; }
.events_info_wrap dd { font-size: 1.6rem; display: block; overflow: hidden; width: 70%; white-space: nowrap; text-overflow: ellipsis; color: #555; }
.events_info_wrap .detail_btn { margin-bottom: 0; }
.detail_btn { font-size: 1.4rem; line-height: 2.8rem; position: absolute; right: 2.5rem; bottom: 2.5rem; display: block; width: 9rem; height: 3rem; transition: 1s; text-align: center; color: #333; border: 0.1rem solid #333; }
.detail_btn:hover { color: #fff; background: #333; }
.events_title_wrap { position: relative; margin-bottom: 3rem; padding-bottom: 2.5rem; border-bottom: 0.1rem solid #ddd; }
.events_info_wrap .events_title_wrap h3 { font-size: 3rem; font-weight: 500; display: inline-block; overflow: hidden; width: calc(100% - 16.5rem); height: auto; margin-bottom: 0.5rem; text-overflow: ellipsis; -webkit-line-clamp: initial; }
.state_wrap { overflow: hidden; height: 2.6rem; }
.state_wrap li { font-size: 1.6rem; float: left; color: #888; }
.state_wrap li.state { margin-left: 2rem; }
.state_wrap li.state .ready { font-size: 1.4rem; padding: 0.2rem 1.5rem; color: #bbb; border: solid 0.1rem #ddd; border-radius: 1.5rem; background: #fff; }
.state_wrap li.state .ing { font-size: 1.4rem; padding: 0.2rem 1.5rem; color: #fff; border-radius: 1.5rem; background: #353535; }
.state_wrap li.state .end { font-size: 1.4rem; padding: 0.2rem 1.5rem; color: #fff; border-radius: 1.5rem; background: #bbb; }
.social_wrap { position: absolute; top: 0; right: 0; }
.social_wrap a { display: inline-block; overflow: hidden; width: 6rem; height: 6rem; margin-left: 1rem; text-indent: 999.9rem; border: 0.1rem solid #e5e5e5; border-radius: 100%; }
.social_wrap .facebook { background: url(/user/images/sns/sns_facebook.png) no-repeat center; background-size: 1rem; }
.social_wrap .twitter { background: url(/user/images/sns/sns_twitter.png) no-repeat center; background-size: 1.4rem; }
.social_wrap .band { background: url(/user/images/sns/sns_band.png) no-repeat center; background-size: 1.7rem; }
.social_wrap .kakaostory { background: url(/user/images/sns/sns_kakaostory.png) no-repeat center; background-size: 1rem; }
.social_wrap .print { background: url(/user/images/common/ic_print.png) no-repeat center; }
.events_detail_box { clear: both; }
.events_detail_box h3 { margin: 5rem 0 3rem 0; }
.events_detail_box h4 { font-size: 2rem; font-weight: 500; line-height: 1; padding-bottom: 2rem; color: #222; }
.events_detail_cont { margin-bottom: 4rem; padding: 2.5rem 3rem; border-top: 0.1rem solid #333; border-bottom: 0.1rem solid #bbb; }
.events_detail_cont h5 { font-size: 1.5rem; font-weight: 500; }
.events_detail_cont p { font-size: 1.5rem; font-weight: 300; margin-bottom: 1.5rem; color: #666; }
.events_detail_cont p:last-child { margin-bottom: 0; }
.events_detail_cont li { font-size: 1.5rem; font-weight: 300; color: #666; }
.events_file_wrap { padding: 1.8rem 3rem; border-top: 0.1rem solid #333; border-bottom: 0.1rem solid #bbb; }
.events_file_wrap a { padding: 0 3.5rem 0 2.5rem; background: url(/user/images/common/icon_file.png)no-repeat left; background-size: 1.8rem; }
.artist_list li { position: relative; float: left; width: calc(100% / 4 - 2.3rem); margin-right: 3rem; margin-bottom: 3rem; border: 0.1rem solid #ddd; }
.artist_list li#nodata { width: 100%; text-align: center; border: none; }
.artist_list li#nodata p { font-size: 2.4rem; margin: 5rem 0; }
.artist_list li:nth-child(4n) { margin-right: 0; }
.artist_list .thumbnail_wrap { width: 100%; height: 24.5rem; }
.hover_info { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 24.5rem; background: rgba(0, 0, 0, 0.5); }
.artist_list li:hover .hover_info { z-index: 1; }
.hover_info > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.hover_info p,
.hover_info a { color: #fff; }
.hover_info p { font-size: 1.8rem; line-height: 1; margin-bottom: 2rem; }
.hover_info .more_view_btn { font-size: 1.4rem; line-height: 3rem; display: block; width: 10rem; transition: 0.5s; border: 0.1rem solid #fff; }
.hover_info .more_view_btn:hover { border: 0.1rem solid #333; background: #333; }
.artist_info { margin-top: 24.5rem; padding: 2.4rem 0; text-align: center; }
.artist_info .name { font-size: 1.7rem; font-weight: 500; }
.artist_info .section { font-size: 1.6rem; color: #333; }

/* ********************************************************************************* *
* 01) Main
* ********************************************************************************* */
#main .main_title_wrap { margin-bottom: 4.5rem; text-align: center; }
#main .main_section { padding: 7.5rem 0 10rem 0; position: relative; }
#main .main_section::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 160rem; max-width: 100%; height: 0.1rem; background-color: #999; }
#main .main_title_wrap .main_cate { margin-bottom: 0.5rem; }
#main .main_title_wrap .main_title { margin-bottom: 2rem; }
#main .ly_main_visual { 
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
}
#main .ly_main_visual::after { 
	content: ''; 
	position: absolute; 
	bottom: 0; 
	left: 50%; 
	transform: translateX(-50%); 
	width: 160rem; 
	max-width: 100%; 
	height: 0.1rem; 
	background-color: #999; 
}
#main .ly_main_visual .inner { padding: 0 1.5rem; overflow: visible; margin: 0 auto; max-width: 160rem; }
#main .ly_main_visual .main_banner_wrap { display: flex; gap: 0; align-items: stretch; }
#main .ly_main_visual .main_banner_left { flex: 0 0 120rem; width: 120rem; max-width: 120rem; overflow: hidden; position: relative; height: 56.9rem; max-height: 910px; }
#main .ly_main_visual .main_banner_right { flex: 1; display: flex; align-items: stretch; justify-content: center; height: 56.9rem; max-height: 910px; background-color: #fff; }
#main .ly_main_visual .coming_soon { width: 100%; height: 100%; position: relative; display: flex; align-items: stretch; justify-content: stretch; background-color: #fff; border: none; box-sizing: border-box; padding: 0 0.72rem 0.72rem 0.72rem; border-radius: 0; }
#main .ly_main_visual .coming_soon_text { display: none; }
#main .ly_main_visual .quick_menu_box { width: 100%; height: 100%; display: flex; align-items: stretch; }
#main .ly_main_visual .quick_menu_box > ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); width: 100%; height: 100%; gap: 0.72rem; align-content: start; }
#main .ly_main_visual .quick_menu_box > ul > li { margin: 0; display: flex; }
#main .ly_main_visual .quick_menu_box > ul > li > a { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0.72rem; font-size: 1.26rem; font-weight: 500; color: #222; background-color: #fff; border: 0.18rem solid #ddd; border-radius: 0; transition: all 0.3s; text-decoration: none; gap: 0.54rem; }
#main .ly_main_visual .quick_menu_box > ul > li > a:hover { background-color: #f5f5f5; border-color: #bbb; transform: translateY(-0.27rem); }
#main .ly_main_visual .quick_menu_box > ul > li > a .menu_icon { font-size: 3.24rem; line-height: 1; display: block; color: #222; }
#main .ly_main_visual .quick_menu_box > ul > li > a .menu_icon i { font-size: inherit; color: #222; }
#main .ly_main_visual .quick_menu_box > ul > li > a .menu_text { white-space: nowrap; font-size: 1.755rem; font-weight: 500; display: block; color: #222; }
#main .ly_main_visual .main_visual { overflow: hidden; width: 100%; position: relative; }
#main .ly_main_visual .main_visual.swiper-container { overflow: hidden; width: 100%; }
#main .ly_main_visual .main_visual .swiper-wrapper { overflow: visible; width: 100%; display: flex; }
#main .ly_main_visual .main_visual .swiper-wrapper .swiper-slide { transition: transform 0.3s ease; width: 100%; flex-shrink: 0; }
#main .ly_main_visual .main_visual .swiper-wrapper .swiper-slide .main_visual_img { position: relative; background-color: #ddd; background-repeat: no-repeat; background-position: center top; background-size: cover; width: 100%; height: 56.9rem; max-height: 910px; transition: transform 0.3s ease, box-shadow 0.3s ease; }
#main .ly_main_visual .main_visual:hover .swiper-wrapper .swiper-slide-active .main_visual_img { transform: scale(1.02); box-shadow: 0 0.8rem 2.4rem rgba(0, 0, 0, 0.3); }
#main .ly_main_visual .main_visual .swiper-wrapper .swiper-slide .main_visual_img:before { display: none; }
#main .ly_main_visual { --banner-height: 47.5%; }
#main .ly_main_visual .main_visual .ly_control { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); z-index: 10; margin: 0; padding: 0 2rem; display: flex; justify-content: space-between; align-items: center; opacity: 1; visibility: visible; transition: opacity 0.3s ease, visibility 0.3s ease; pointer-events: none; }
#main .ly_main_visual .main_visual .ly_control .swiper-pagination { display: none; }
#main .ly_main_visual .main_visual .ly_control .control.prev { order: 1; pointer-events: auto; }
#main .ly_main_visual .main_visual .ly_control .control.next { order: 3; pointer-events: auto; }
#main .ly_main_visual .main_visual .ly_control .swiper-pagination .swiper-pagination-bullet { width: 2.04rem; height: 2.04rem; margin: 0; opacity: 1; border-radius: 50%; background: rgba(255, 255, 255, 0.5); cursor: pointer; transition: all 0.3s ease; border: 0.2rem solid #999; }
#main .ly_main_visual .main_visual .ly_control .swiper-pagination .swiper-pagination-bullet:hover { background: rgba(255, 255, 255, 0.7); border-color: #666; transform: scale(1.2); }
#main .ly_main_visual .main_visual .ly_control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: rgba(255, 255, 255, 0.7); border-color: #666; transform: scale(1.3); width: 2.72rem; border-radius: 1.36rem; }
#main .ly_main_visual .main_visual .ly_control .control { flex: 0 0 auto; width: 3.825rem; height: 3.825rem; display: flex; align-items: center; justify-content: center; padding: 0; color: #fff; border: none; background: rgba(0, 0, 0, 0.3); border-radius: 50%; cursor: pointer; transition: all 0.3s ease; font-size: 1.36rem; box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.2); backdrop-filter: blur(0.4rem); }
#main .ly_main_visual .main_visual .ly_control .control:hover { background: rgba(0, 0, 0, 0.5); border: none; color: #fff; transform: scale(1.1); box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.3); }
#main .ly_main_visual .main_visual .ly_control .control:active { transform: scale(0.95); }
#main .ly_main_visual .main_visual .ly_control .control:before { display: none; }
#main .ly_main_visual .main_visual .ly_control .control i { font-size: 1.6rem; line-height: 1; }
/* 메인 배너 반응형 스타일 */
@media all and (max-width: 1297px) {
	#main .ly_main_visual .inner { max-width: 123rem; }
}
@media (max-width: 1400px) {
	#main .ly_main_visual .main_banner_left { flex: 0 0 auto; width: 100%; max-width: 120rem; }
	#main .ly_main_visual .main_banner_wrap { flex-wrap: wrap; }
	#main .ly_main_visual .main_banner_right { width: 100%; margin-top: 1.5rem; }
}
@media (max-width: 768px) {
	#main .ly_main_visual .main_banner_wrap { flex-direction: column; gap: 1.5rem; }
	#main .ly_main_visual .main_banner_left { width: 100%; max-width: 100%; height: 37rem !important; max-height: 592px !important; }
	#main .ly_main_visual .main_visual .swiper-wrapper .swiper-slide .main_visual_img { height: auto; padding-top: 47.5%; }
	#main .ly_main_visual .main_visual .swiper-wrapper .swiper-slide .main_visual_img:before { display: block; }
	#main .ly_main_visual .main_banner_right { width: 100%; }
	#main .ly_main_visual .coming_soon { height: auto; min-height: 20rem; padding-top: 47.5%; padding: 1rem; }
	#main .ly_main_visual .quick_menu_box > ul { gap: 1rem; }
	#main .ly_main_visual .quick_menu_box > ul > li > a { padding: 1rem; }
	#main .ly_main_visual .quick_menu_box > ul > li > a .menu_icon { font-size: 3rem; }
	#main .ly_main_visual .quick_menu_box > ul > li > a .menu_text { font-size: 1.6rem; }
	#main .ly_cultural_event .main_title_wrap .main_title_bottom { flex-direction: column; align-items: flex-start; gap: 2rem; }
	#main .ly_cultural_event .main_title_wrap .main_desc { margin-bottom: 0; }
	#main .ly_cultural_event .main_event_tabs { width: 100%; }
	#main .ly_cultural_event .event_cards { display: grid; grid-template-columns: 1fr !important; gap: 2rem; }
	#main .ly_cultural_event .event_card_content { padding: 2rem; }
	#main .ly_cultural_event .event_card_title { font-size: 1.8rem; }
	#main .ly_foundation_news .foundation_news_wrap { display: flex !important; flex-direction: column; gap: 4rem; }
	#main .ly_foundation_news .foundation_news_left { flex: 0 0 auto; width: 100%; }
	#main .ly_foundation_news .foundation_news_right { width: 100%; }
	#main .ly_foundation_news .foundation_news_item { flex-direction: column; gap: 1rem; padding: 1.5rem 0; }
	#main .ly_foundation_news .foundation_news_item_title { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; }
	#main .ly_foundation_news .foundation_news_title_wrap { flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 1rem; }
	#main .ly_foundation_news .foundation_news_writer { text-align: left; min-width: auto; }
	#main .ly_foundation_news .foundation_news_title { font-size: 2.8rem; }
	#main .ly_foundation_news .foundation_news_tabs { flex-wrap: wrap; }
	#main .ly_foundation_news .foundation_news_item_title { font-size: 1.6rem; }
	#main .ly_communication .communication_wrap { display: flex !important; flex-direction: column; gap: 3rem; }
	#main .ly_communication .communication_buttons { width: 100%; }
	#main .ly_communication .communication_content { width: 100%; }
	#main .ly_communication .communication_buttons_list { flex-direction: row; flex-wrap: wrap; justify-content: center; }
	#main .ly_communication .communication_title_wrap { text-align: center; margin-bottom: 2rem; }
	#main .ly_communication .communication_title { font-size: 2.8rem; }
	#main .ly_communication .comm_list { display: grid !important; grid-template-columns: 1fr !important; gap: 1.5rem; width: 100% !important; margin: 0 !important; padding: 0 !important; max-width: 100% !important; }
	#main .ly_communication .comm_list > li { width: 100% !important; margin: 0 !important; max-width: 100% !important; }
	#main .ly_communication .comm_list .comm_item { width: 100% !important; margin: 0 !important; max-width: 100% !important; box-sizing: border-box; }
	#main .ly_communication .comm_list .comm_item .item_thumb { padding-top: 60%; width: 100%; }
	#main .ly_communication .inner { padding: 0 1.5rem !important; }
	#main .ly_communication .communication_content { padding: 0; width: 100%; max-width: 100%; }
	#main .ly_communication .comm_tab_content { width: 100%; max-width: 100%; }
	.quick_menu_list > ul > li > a .menu_icon { font-size: 3rem; }
	.quick_menu_list > ul > li > a .menu_text { font-size: 1.4rem; }
}
#main .ly_cultural_event { position: relative; padding-top: 6.5rem; background: #fff; }
#main .ly_cultural_event::before { display: none; }
#main .ly_cultural_event .inner { max-width: 160rem; margin: 0 auto; padding: 0 1.5rem; }
#main .ly_cultural_event .main_title_wrap { text-align: left; margin-bottom: 2rem; }
#main .ly_cultural_event .main_title_wrap .main_title_left { margin-bottom: 2rem; }
#main .ly_cultural_event .main_title_wrap .main_title_bottom { display: flex; justify-content: space-between; align-items: center; gap: 3rem; }
#main .ly_cultural_event .main_title_wrap .main_cate { color: #3a6b9d; }
#main .ly_cultural_event .main_title_wrap .main_title { font-size: 4.2rem; font-weight: 700; }
#main .ly_cultural_event .main_title_wrap .main_desc { margin-bottom: 0; flex: 1; }
#main .ly_cultural_event .main_event_tabs { margin-bottom: 0; flex-shrink: 0; }
#main .ly_cultural_event .main_event_tabs:before { display: none; }
#main .ly_cultural_event .main_event_tabs > ul { margin: 0; }
#main .ly_cultural_event .main_event_tabs > ul > li > a { font-size: 2rem; }
#main .ly_cultural_event .main_event_tabs > ul > li > a span { padding-bottom: 1.5rem; }
/* 문화행사 카드 스타일 */
#main .ly_cultural_event .cultural_event_list { margin-top: 0rem; }
#main .ly_cultural_event .event_cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; }
#main .ly_cultural_event .event_card { background: #fff; border-radius: 1.2rem; overflow: hidden; box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.08); transition: all 0.3s ease; }
#main .ly_cultural_event .event_card:hover { transform: translateY(-0.5rem); box-shadow: 0 0.8rem 2.4rem rgba(0, 0, 0, 0.12); }
#main .ly_cultural_event .event_card_link { display: block; text-decoration: none; color: inherit; }
#main .ly_cultural_event .event_card_image { position: relative; width: 100%; padding-top: 90%; overflow: hidden; }
#main .ly_cultural_event .event_card_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 0.3s ease; }
#main .ly_cultural_event .event_card:hover .event_card_img { transform: scale(1.05); }
#main .ly_cultural_event .event_category_badge { position: static; font-size: 1.4rem; font-weight: 500; display: inline-block; min-width: 7.5rem; padding: 0.2rem 0.5rem; text-align: center; border: 0.1rem solid transparent; border-radius: 0; color: #fff; margin-bottom: 0.8rem; }
#main .ly_cultural_event .event_category_badge.type1 { background: #4488cd; }
#main .ly_cultural_event .event_category_badge.type2 { background: #e15a5a; }
#main .ly_cultural_event .event_category_badge.type3 { background: #f88c2c; }
#main .ly_cultural_event .event_category_badge.type4 { background: #38be3e; }
#main .ly_cultural_event .event_category_badge.type5 { background: #999; }
#main .ly_cultural_event .event_card_content { padding: 2.4rem; }
#main .ly_cultural_event .event_card_title { font-size: 2rem; font-weight: 600; color: #222; margin-bottom: 1.5rem; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#main .ly_cultural_event .event_card_date { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 2rem; font-size: 1.5rem; color: #666; }
#main .ly_cultural_event .event_card_date .event_status { font-size: 1.4rem; font-weight: 500; display: inline-block; min-width: 7.5rem; padding: 0.2rem 0.5rem; text-align: center; border: 0.1rem solid transparent; border-radius: 10rem; color: #fff; flex-shrink: 0; }
#main .ly_cultural_event .event_card_date .event_status.ongoing { color: #fff; background-color: #4b8053; }
#main .ly_cultural_event .event_card_date .event_status.upcoming { color: #bbb; border-color: #ddd; background-color: transparent; }
#main .ly_cultural_event .event_card_date .event_status.closed { color: #fff; background-color: #bbb; }
#main .ly_cultural_event .event_card_date i { font-size: 1.6rem; color: #999; }
#main .ly_cultural_event .event_card_btn { width: 100%; padding: 1.2rem 0; background: transparent; border: 0.2rem solid #ddd; border-radius: 0.6rem; font-size: 1.5rem; font-weight: 500; color: #333; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 0.8rem; }
#main .ly_cultural_event .event_card_btn:hover { background: #3a6b9d; border-color: #3a6b9d; color: #fff; }
#main .ly_cultural_event .event_card_btn::after { content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'%3E%3C/path%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.3s ease; }
#main .ly_cultural_event .event_card_btn:hover::after { transform: translateX(0.3rem); }
#main .ly_cultural_event .event_card_btn:hover { color: #fff; }
#main .ly_cultural_event .event_card_btn:hover::after { filter: brightness(0) invert(1); }
/* 베너 섹션 */
#main .ly_banner_section { background: #fff; padding: 0; position: relative; }
#main .ly_banner_section::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 160rem; max-width: 100%; height: 0.1rem; background-color: #999; }
#main .ly_banner_section .inner { max-width: 160rem; margin: 0 auto; padding: 0 1.5rem; }
#main .ly_banner_section .banner_section_box { height: 20rem; display: flex; align-items: center; justify-content: center; background: transparent; position: relative; overflow: hidden; }
#main .ly_banner_section .banner_section_text { font-size: 2rem; color: #666; margin: 0; }
#main .ly_banner_section .banner_section_swiper { width: 100%; height: 20rem; }
#main .ly_banner_section .banner_section_swiper .swiper-wrapper { display: flex; }
#main .ly_banner_section .banner_section_swiper .swiper-slide { width: 100%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
#main .ly_banner_section .banner_section_swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
#main .ly_banner_section .banner_section_swiper .swiper-pagination { bottom: 1rem; }
#main .ly_banner_section .banner_section_swiper .swiper-pagination-bullet { width: 1rem; height: 1rem; background: rgba(255, 255, 255, 0.5); opacity: 1; }
#main .ly_banner_section .banner_section_swiper .swiper-pagination-bullet-active { background: #fff; }
#main .ly_foundation_news { 
	background: #fff; 
	padding: 8rem 0; 
	position: relative; 
}
#main .ly_foundation_news .inner { max-width: 160rem; margin: 0 auto; padding: 0 1.5rem; }
#main .ly_foundation_news::before { 
	content: ''; 
	position: absolute; 
	top: 0; 
	left: 50%; 
	transform: translateX(-50%); 
	width: 160rem; 
	max-width: 100%; 
	height: 0.1rem; 
	background-color: #999; 
	display: block; 
}
#main .ly_foundation_news .inner { position: relative; z-index: 1; }
#main .ly_foundation_news .foundation_news_wrap { display: grid; grid-template-columns: 0.7fr 1.3fr; gap: 2rem; margin-top: 0; align-items: flex-start; }
#main .ly_foundation_news .foundation_news_left { display: flex; flex-direction: column; align-items: flex-start; }
#main .ly_foundation_news .foundation_news_title { font-size: 4.2rem; font-weight: 700; line-height: 1.2; color: #222; margin: 0 0 1.5rem 0; display: flex; flex-direction: column; gap: 0.1rem; }
#main .ly_foundation_news .foundation_news_title > span { display: block; }
#main .ly_foundation_news .foundation_news_title .title_point { color: #222; display: inline; }
#main .ly_foundation_news .foundation_news_subtitle { font-size: 1.8rem; font-weight: 400; line-height: 1.6; color: #666; margin: 0 0 2rem 0; }
#main .ly_foundation_news .foundation_news_more_btn,
#main .ly_cultural_event .foundation_news_more_btn { display: inline-flex; align-items: center; gap: 0.8rem; padding: 1.2rem 2.4rem; background: transparent; border: 0.15rem solid #333; border-radius: 0.4rem; font-size: 1.5rem; font-weight: 500; color: #333; text-decoration: none; transition: all 0.3s ease; }
#main .ly_foundation_news .foundation_news_more_btn:hover,
#main .ly_cultural_event .foundation_news_more_btn:hover { background: #333; border-color: #333; color: #fff; }
#main .ly_foundation_news .foundation_news_more_btn i,
#main .ly_cultural_event .foundation_news_more_btn i { font-size: 1.2rem; transition: transform 0.3s ease; }
#main .ly_foundation_news .foundation_news_more_btn:hover i,
#main .ly_cultural_event .foundation_news_more_btn:hover i { transform: translateX(0.3rem); }
#main .ly_foundation_news .foundation_news_tabs { display: flex; gap: 0.8rem; margin-bottom: 3.5rem; }
#main .ly_foundation_news .foundation_tab_btn { padding: 0.9rem 2rem; background: transparent; border: 0.15rem solid #ddd; border-radius: 0.4rem; font-size: 1.7rem; font-weight: 500; color: #666; cursor: pointer; transition: all 0.3s ease; }
#main .ly_foundation_news .foundation_tab_btn:hover { border-color: #333; color: #333; }
#main .ly_foundation_news .foundation_tab_btn.active { background: #333; border-color: #333; color: #fff; }
/* 공지사항 탭 active 색상 */
#main .ly_foundation_news.tab-notice .foundation_tab_btn[onclick*="foundation_tab1"].active { background: #3a6b9d; border-color: #3a6b9d; color: #fff; }
/* 고시공고 탭 active 색상 */
#main .ly_foundation_news.tab-announcement .foundation_tab_btn[onclick*="foundation_tab2"].active { background: #d97706; border-color: #d97706; color: #fff; }
#main .ly_foundation_news .foundation_tab_content { display: none; }
#main .ly_foundation_news .foundation_tab_content.active { display: block; }
#main .ly_foundation_news .foundation_news_list { display: flex; flex-direction: column; gap: 0; }
#main .ly_foundation_news .foundation_news_item { display: flex; align-items: flex-start; gap: 2rem; padding: 1.54rem 0; border-bottom: 0.1rem solid #ddd; text-decoration: none; color: inherit; transition: all 0.3s ease; min-width: 0; justify-content: space-between; }
#main .ly_foundation_news .foundation_news_item:hover { background: rgba(248, 248, 248, 0.8); }
#main .ly_foundation_news .foundation_news_item:last-child { border-bottom: none; }
/* 배지 스타일 제거 - 더 이상 사용하지 않음 */
#main .ly_foundation_news .foundation_news_category { display: none; }
/* 날짜 왼쪽에 카테고리 텍스트 표시 */
#main .ly_foundation_news .foundation_news_category_text { 
	display: inline-block; 
	margin-right: 1.2rem; 
	font-size: 1.5rem; 
	font-weight: 500; 
	color: #666; 
}
#main .ly_foundation_news #foundation_tab0 .foundation_news_category_text { color: #666; }
#main .ly_foundation_news #foundation_tab1 .foundation_news_category_text { color: #3a6b9d; }
#main .ly_foundation_news #foundation_tab2 .foundation_news_category_text { color: #d97706; }
#main .ly_foundation_news .foundation_news_title_wrap { flex: 1; min-width: 0; display: flex; flex-direction: row; align-items: flex-start; }
#main .ly_foundation_news .foundation_news_title_wrap .foundation_news_item_title { flex: 1; min-width: 0; }
#main .ly_foundation_news .foundation_news_item_title { font-size: 1.9rem; font-weight: 400; color: #222; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-word; }
#main .ly_foundation_news .foundation_news_date { font-size: 1.4rem; color: #999; flex-shrink: 0; white-space: nowrap; text-align: right; margin-left: auto; }
#main .ly_foundation_news .foundation_news_writer { display: none; }
#main .ly_foundation_news .foundation_news_writer { flex-shrink: 0; font-size: 1.4rem; font-weight: 500; color: #666; white-space: nowrap; min-width: 8rem; text-align: right; }
#main .ly_communication { background: #fff; padding: 8rem 0; position: relative; }
#main .ly_communication::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 160rem; max-width: 100%; height: 0.1rem; background-color: #999; }
#main .ly_communication .inner { max-width: 160rem; margin: 0 auto; padding: 0 1.5rem; }
#main .ly_communication .communication_wrap { display: grid; grid-template-columns: 0.7fr 1.3fr; gap: 2rem; margin-top: 0; align-items: flex-start; }
#main .ly_communication .communication_buttons { display: flex; flex-direction: column; }
#main .ly_communication .communication_title_wrap { margin-bottom: 3rem; text-align: left; }
#main .ly_communication .communication_cate { font-size: 1.4rem; font-weight: 500; color: #3a6b9d; margin-bottom: 0.5rem; }
#main .ly_communication .communication_title { font-size: 4.2rem; font-weight: 700; line-height: 1.2; color: #222; margin: 0 0 1.5rem 0; display: flex; flex-direction: column; gap: 0.1rem; }
#main .ly_communication .communication_title > span { display: block; }
#main .ly_communication .communication_title .title_hashtag { color: #3a6b9d; }
#main .ly_communication .communication_desc { font-size: 1.6rem; color: #666; line-height: 1.6; }
#main .ly_communication .communication_buttons_list { display: flex; flex-direction: column; gap: 1rem; }
#main .ly_communication .comm_btn { display: flex; align-items: center; gap: 1.2rem; padding: 1.5rem 2rem; background: #fff; border: 0.15rem solid #ddd; border-radius: 0.6rem; font-size: 1.6rem; font-weight: 500; color: #333; cursor: pointer; transition: all 0.3s ease; }
#main .ly_communication .comm_btn:hover { border-color: #3a6b9d; background: #f8f9fa; }
#main .ly_communication .comm_btn.active { background: #3a6b9d; border-color: #3a6b9d; color: #fff; }
#main .ly_communication .comm_btn_icon { width: 2.4rem; height: 2.4rem; flex-shrink: 0; }
#main .ly_communication .comm_btn_text { }
#main .ly_communication .communication_content { flex: 1; }
#main .ly_communication .comm_tab_content { display: none; }
#main .ly_communication .comm_tab_content.active { display: block; }
#main .ly_communication .comm_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; list-style: none; margin: 0; padding: 0; width: 100%; }
#main .ly_communication .comm_list > li { margin: 0; }
#main .ly_communication .comm_list .comm_item { display: flex; flex-direction: column; border: 0.1rem solid #eee; border-radius: 0.8rem; background: #fff; overflow: hidden; text-decoration: none; color: inherit; transition: all 0.3s ease; }
#main .ly_communication .comm_list .comm_item:hover { transform: translateY(-0.5rem); box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.1); }
#main .ly_communication .comm_list .comm_item .item_thumb { width: 100%; padding-top: 100%; overflow: hidden; border-radius: 0.8rem 0.8rem 0 0; background: #f5f5f5; position: relative; }
#main .ly_communication .comm_list .comm_item .item_thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
#main .ly_communication .comm_list .comm_item .item_thumb .play_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 5rem; height: 5rem; background: rgba(0, 0, 0, 0.7); border-radius: 50%; z-index: 1; display: block; }
#main .ly_communication .comm_list .comm_item .item_thumb .play_icon:before { content: ""; position: absolute; top: 50%; left: 55%; transform: translate(-50%, -50%); width: 0; height: 0; border-left: 1.2rem solid #fff; border-top: 0.8rem solid transparent; border-bottom: 0.8rem solid transparent; }
#main .ly_communication .comm_list .comm_item .item_info { padding: 2rem; display: flex; flex-direction: column; }
#main .ly_communication .comm_list .comm_item .item_info .item_title { font-size: 1.8rem; font-weight: 500; color: #222; margin: 0 0 1rem 0; line-height: 1.5; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#main .ly_communication .comm_list .comm_item .item_info .item_date { font-size: 1.4rem; color: #999; margin: 0; }
#main .ly_communication .comm_link_wrap { margin-top: 3rem; text-align: center; }
#main .ly_communication .comm_link_btn { display: inline-flex; align-items: center; gap: 0.8rem; padding: 1.2rem 2.4rem; background: transparent; border: 0.15rem solid #3a6b9d; border-radius: 0.6rem; font-size: 1.6rem; font-weight: 500; color: #3a6b9d; text-decoration: none; transition: all 0.3s ease; }
#main .ly_communication .comm_link_btn:hover { background: #3a6b9d; color: #fff; }
#main .ly_communication .comm_link_btn i { font-size: 1.4rem; transition: transform 0.3s ease; }
#main .ly_communication .comm_link_btn:hover i { transform: translateX(0.3rem); }
/* 운영시설 카드 섹션 */
#main .ly_facility_cards { background: #fff; padding: 8rem 0; position: relative; }
#main .ly_facility_cards::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 160rem; max-width: 100%; height: 0.1rem; background-color: #999; }
#main .ly_facility_cards .inner { max-width: 160rem; }
#main .ly_facility_cards .facility_cards_list { display: flex; gap: 1.5rem; list-style: none; margin: 0; padding: 0; }
#main .ly_facility_cards .facility_card_wrap { flex: 1; perspective: 100rem; min-width: 0; }
#main .ly_facility_cards .facility_card_link { display: block; width: 100%; height: 100%; text-decoration: none; color: inherit; }
#main .ly_facility_cards .facility_card { position: relative; width: 100%; height: 0; padding-top: 133.33%; /* 3:4 비율 */ border-radius: 1rem; transition: transform 0.7s ease; transform-style: preserve-3d; }
#main .ly_facility_cards .facility_card_wrap:hover .facility_card { transform: rotateY(180deg); }
#main .ly_facility_cards .facility_card_front,
#main .ly_facility_cards .facility_card_back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; backface-visibility: hidden; border-radius: 1rem; }
#main .ly_facility_cards .facility_card_front { background: #F2F7F2; padding: 4.5rem 2rem; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#main .ly_facility_cards .facility_card_back { transform: rotateY(180deg); overflow: hidden; }
#main .ly_facility_cards .facility_card_back img { width: 100%; height: 100%; object-fit: cover; }
#main .ly_facility_cards .facility_card_back_overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 2rem; background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 20%, transparent 100%); text-align: center; }
#main .ly_facility_cards .facility_card_back_title { font-size: 1.6rem; font-weight: 700; color: #fff; margin: 0 0 0.5rem 0; }
#main .ly_facility_cards .facility_card_back_more { font-size: 1.2rem; color: rgba(255, 255, 255, 0.8); }
#main .ly_facility_cards .facility_card_icon { width: 6rem; height: 6rem; margin: 0 auto 2rem; display: flex; align-items: center; justify-content: center; }
#main .ly_facility_cards .facility_card_icon i { font-size: 4rem; color: #3a6b9d; }
#main .ly_facility_cards .facility_card_icon svg { width: 4.8rem; height: 4.8rem; color: #3a6b9d; }
#main .ly_facility_cards .facility_card_title { font-size: 1.8rem; font-weight: 700; color: #222; margin: 0 0 1rem 0; line-height: 1.4; }
#main .ly_facility_cards .facility_card_category { display: inline-block; font-size: 1.4rem; font-weight: 500; color: #666; margin-bottom: 1rem; }
#main .ly_facility_cards .facility_card_desc { font-size: 1.5rem; color: #999; margin: 0; line-height: 1.5; }
@media (max-width: 1001px) {
	#main .ly_facility_cards .facility_cards_list { flex-wrap: wrap; gap: 1.5rem; }
	#main .ly_facility_cards .facility_card_wrap { flex: 0 0 calc(50% - 0.75rem); }
}
@media (max-width: 768px) {
	#main .ly_facility_cards .facility_card_wrap { flex: 0 0 100%; }
	#main .ly_facility_cards .facility_card_icon { width: 5rem; height: 5rem; }
	#main .ly_facility_cards .facility_card_icon i { font-size: 3.5rem; }
	#main .ly_facility_cards .facility_card_icon svg { width: 4rem; height: 4rem; }
	#main .ly_facility_cards .facility_card_title { font-size: 1.6rem; }
	#main .ly_facility_cards .facility_card_front { padding: 3rem 1.5rem; }
}
#main .ly_foundation_video { position: relative; z-index: 1; }
#main .ly_foundation_video:before { position: absolute; z-index: -1; top: 0; right: 0; left: 0; display: block; height: 66.15%; content: ""; background-color: #1a1a1a; background-image: url(/user/images/main/main_bg1.png), url(/user/images/main/main_bg2.png); background-repeat: no-repeat, no-repeat; background-position: left top, right bottom; }
#main .ly_foundation_video .main_title_wrap .main_cate { color: #f5a73b; }
#main .ly_foundation_video .main_title_wrap .main_title { color: #fff; }
#main .ly_foundation_video .ly_youtube .main_youtube_videos_wrap { position: relative; margin-top: 5rem; padding-left: 26rem; }
#main .ly_foundation_video .ly_youtube .video_control_wrap { position: absolute; top: 0; left: 0; }
#main .ly_foundation_video .ly_youtube .video_control_wrap .ly_control { display: flex; margin-top: 7rem; align-items: center; }
#main .ly_foundation_video .ly_youtube .video_control_wrap .ly_control .pagination { font-size: 2rem; font-weight: 500; width: auto; min-width: 4.5rem; margin: 0 2rem; text-align: center; color: #999; }
#main .ly_foundation_video .ly_youtube .video_control_wrap .ly_control .pagination .count { font-weight: 600; color: #222; }
#main .ly_foundation_video .ly_youtube .video_control_wrap .ly_control .control { overflow: hidden; width: 5rem; height: 5rem; padding: 0; white-space: nowrap; text-indent: 100%; border: 0.1rem solid #ddd; border-radius: 100%; background-color: #fff; background-repeat: no-repeat; background-position: center; flex: 0 0 auto; }
#main .ly_foundation_video .ly_youtube .video_control_wrap .ly_control .control:hover { border-color: transparent; background-color: #f5a73b; }
#main .ly_foundation_video .ly_youtube .video_control_wrap .ly_control .control.prev { background-image: url(/user/images/common/icon_prev.png); }
#main .ly_foundation_video .ly_youtube .video_control_wrap .ly_control .control.next { background-image: url(/user/images/common/icon_next.png); }
#main .ly_foundation_video .ly_youtube .main_youtube_videos { width: calc(50% + 50vw); }
#main .ly_foundation_video .ly_youtube .main_youtube_videos .swiper-wrapper { margin-bottom: 3rem; }
#main .ly_foundation_video .ly_youtube .main_youtube_videos .swiper-slide { width: 26rem; }
#main .ly_foundation_video .ly_youtube .main_youtube_videos .youtube_thumb { position: relative; display: block; overflow: hidden; width:100%; background-size: cover; background-position: center; background-repeat: no-repeat; border:1px solid #ddd; }
#main .ly_foundation_video .ly_youtube .main_youtube_videos .youtube_thumb:before { content:""; display: block; padding-top: 55.77%; }
#main .ly_foundation_video .ly_youtube .main_youtube_videos .swiper-slide.active .youtube_thumb:after { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ""; border: 0.5rem solid #f5a73b; }
#main .ly_foundation_video .ly_youtube .main_youtube_videos .youtube_thumb img { display: block; width: 100%; height: auto; transition: 0.3s ease-in-out; transform: scale(1); }
#main .ly_foundation_video .ly_youtube .main_youtube_videos .youtube_thumb:hover img { transform: scale(1.08); }
#main .ly_foundation_video .ly_youtube .swiper-pagination { position: static; width: 100%; height: 0.4rem; background: #eee; }
#main .ly_foundation_video .ly_youtube .swiper-pagination .swiper-pagination-progressbar-fill { background: #000; }

/* ********************************************************************************* *
* 02) header
* ********************************************************************************* */
#header { position: fixed; z-index: 2021; top: 0; right: 0; left: 0; height: 10rem; background-color: #fff; transition: transform 0.3s ease-in-out; }
#header.header-hidden { transform: translateY(-100%); }
#header:before { position: absolute; top: 10rem; right: 0; left: 0; display: block; height: 0.1rem; content: ""; background-color: #ddd; }
#header .header_inner { position: relative; }
#header .logo { position: absolute; top: 50%; left: 1.5rem; transform: translateY(-50%); }
#header .logo a { display: block; width: 34.5rem; height: auto; min-height: 8.8rem; background: url(/user/images/main/new-logo.jpg) no-repeat center; background-size: contain; }
#header .gnb { max-width: 120rem; margin: 0 auto; padding: 0 5rem 0 2rem; min-height: 10rem; position: relative; display: flex; align-items: flex-end; }
#header .gnb[data-bg-image]::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%; z-index: -1; background-image: var(--bg-image); background-repeat: no-repeat; background-position: center center; background-size: cover; }
#header .gnb_menu { display: flex; gap: 0; justify-content: flex-start; align-items: flex-end; padding-left: 0; }
#header .gnb_menu li { position: relative; }
#header .gnb_menu > li { width: auto; text-align: left; padding: 0 3rem; }
#header .gnb_menu > li:first-child { padding-left: 0; }
#header .gnb_menu > li > a { font-size: 2.2rem; font-weight: 500; line-height: 5rem; position: relative; display: block; color: #222; }
#header .gnb_menu > li:hover > a { color: #3a6b9d; }
#header .gnb_menu ul { position: absolute; z-index: 199; top: 100%; left: 0; display: none; width: 24rem; height: auto; transform: translateX(-12.5%); border: 0.1rem solid #bbb; background-color: #fff; box-shadow: 0.3rem 0.4rem 2rem 0 rgba(0, 0, 0, 0.3); }
#header .gnb_menu ul li { word-break: keep-all; border-bottom: 0.1rem solid #ddd; }
#header .gnb_menu ul li.sub_menu > a { background-image: url(/user/images/common/icon_more05.png); background-repeat: no-repeat; background-position: right 2rem center; }
#header .gnb_menu ul li:last-child { border-bottom: 0; }
/* 서브의 서브가 없는 경우 - sub_menu 클래스가 있지만 sub_menu2가 없는 경우는 일반 항목처럼 처리 (브라우저 호환성을 위해 :has() 대신 직접 처리) */
#header .gnb_menu ul li.sub_menu:not(:has(ul.sub_menu2)) > a { background-image: none; }
/* 서브의 서브가 없는 경우를 위한 대체 방법 - JavaScript로 처리하거나 HTML에서 클래스 추가 */
#header .gnb_menu ul li > a { font-size: 1.7rem; display: flex; padding: 1.4rem 2rem; color: #222; align-items: center; }
#header .gnb_menu ul li:hover > a { color: #fff; background-color: #3b6b9c; }
#header .gnb_menu ul ul { top: -0.1rem; left: 23.8rem; transform: none; background-color: #eee; }
#header .gnb_menu ul ul li:hover > a { background-color: #222; }
#header .util { position: absolute; top: 0; right: 1.5rem; display: flex; height: 10rem; align-items: flex-end; padding-bottom: 1.8rem; }
#header .util .side_btn { display: block; width: 3rem; height: 3rem; margin-right: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect x='2' y='2' width='5' height='5' rx='1' fill='%23222'/%3E%3Crect x='9.5' y='2' width='5' height='5' rx='1' fill='%23222'/%3E%3Crect x='17' y='2' width='5' height='5' rx='1' fill='%23222'/%3E%3Crect x='2' y='9.5' width='5' height='5' rx='1' fill='%23222'/%3E%3Crect x='9.5' y='9.5' width='5' height='5' rx='1' fill='%23222'/%3E%3Crect x='17' y='9.5' width='5' height='5' rx='1' fill='%23222'/%3E%3Crect x='2' y='17' width='5' height='5' rx='1' fill='%23222'/%3E%3Crect x='9.5' y='17' width='5' height='5' rx='1' fill='%23222'/%3E%3Crect x='17' y='17' width='5' height='5' rx='1' fill='%23222'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right bottom; background-size: contain; flex: 0 0 auto; }
#header .site_map { position: fixed; z-index: 2021; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; padding: 5rem 0; background-color: #fff; background-image: url(/user/images/common/icon_figure01.png), url(/user/images/common/icon_figure02.png), url(/user/images/common/icon_figure03.png), url(/user/images/common/icon_figure04.png); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-position: left 3.7% top 4.63%, left bottom 24.72%, right top 26.76%, right 4.53% bottom 8.43%; background-size: 7.19%, 6.46%, 8.02%, 8.8%; }
#header .site_map .site_map_close { font-size: 1.5rem; position: absolute; top: 1.5rem; right: 1.5rem; padding: 1rem; padding-right: 3rem; color: #333; background: url(/user/images/common/icon_close.png) no-repeat right center; background-size: 1.8rem; }
#header .site_map_gnb { background: rgba(255, 255, 255, 0.8); }
#header .site_map_gnb_menu { display: flex; margin: -1rem; flex-wrap: wrap; }
#header .site_map_gnb_menu > li { width: 20%; padding: 1rem; }
#header .site_map_gnb_menu > li > a { font-size: 2.4rem; font-weight: 500; display: block; padding: 1rem; color: #222; border-bottom: 0.2rem solid #222; }
#header .site_map_gnb_menu > li > ul > li { border-bottom: 0.1rem solid #ddd; }
#header .site_map_gnb_menu ul li.sub_menu > a { background-image: url(/user/images/common/icon_more06.png); background-repeat: no-repeat; background-position: right 1rem top 2.7rem; }
#header .site_map_gnb_menu ul li.sub_menu.active > a { background-image: url(/user/images/common/icon_more07.png); }
#header .site_map_gnb_menu ul li > a { font-size: 1.7rem; display: block; padding: 2rem 1rem; padding-right: 3rem; color: #444; }
#header .site_map_gnb_menu ul.sub_menu2 { display: none; margin-bottom: 2rem; }
#header .site_map_gnb_menu > li > ul > li.active ul.sub_menu2 { display: block; }
#header .site_map_gnb_menu ul.sub_menu2 > li > a { font-size: 1.5rem; padding: 1rem; color: #888; }
#header .site_map_gnb_menu ul.sub_menu2 > li > a:hover { color: #3b6b9c; }

/* ********************************************************************************* *
* 03) footer
* ********************************************************************************* */
#footer .ly_footer_banner { border-top: 0.1rem solid #d3d3d3; }
#footer .ly_footer_banner .footer_banner > ul > li { line-height: 10rem; padding: 0 1rem; text-align: center; }
#footer .ly_footer_banner .footer_banner > ul > li img { max-height: 6rem; vertical-align: middle; }
#footer .ly_footer_banner .footer_banner > ul > li > a { display: block; }
#footer .ly_footer_info { border-top: 1px solid #d3d3d3; background-color: #eee; padding: 1.5rem 0; }
#footer .ly_footer_info .info_list { display: flex; align-items: center; justify-content: center; }
#footer .ly_footer_info .info_list > li { position: relative; padding: 0 1.5rem; font-size: 1.5rem; }
#footer .ly_footer_info .info_list > li:before { content:""; display: block; position: absolute; right: 0; top: 50%; width: 1px; height: 1.2rem; background-color: #999; margin-top: -0.6rem; }
#footer .ly_footer_info .info_list > li:last-child:before { display: none; }
#footer .ly_footer_info .info_list > li > a { display: block; }
#footer .ly_footer_info .info_list .point { font-weight: bold; }
#footer .ly_footer { font-size: 1.5rem; font-weight: 300; color: #999; background: #252525; }
#footer .ly_footer > .inner { position: relative; padding: 4rem 1.5rem 3rem; }
#footer .ly_footer .footer_links { margin-bottom: 2.5rem; padding-bottom: 2rem; border-bottom: 1px solid #444; }
#footer .ly_footer .footer_links .info_list { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
#footer .ly_footer .footer_links .info_list > li { position: relative; padding: 0 1.5rem; }
#footer .ly_footer .footer_links .info_list > li:before { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 1px; height: 1.2rem; background-color: #666; margin-top: -0.6rem; }
#footer .ly_footer .footer_links .info_list > li:last-child:before { display: none; }
#footer .ly_footer .footer_links .info_list > li > a { color: #999; font-size: 1.4rem; }
#footer .ly_footer .footer_links .info_list > li > a:hover { color: #fff; }
#footer .ly_footer .footer_top { display: flex; align-items: flex-start; margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: 1px solid #444; position: relative; }
#footer .ly_footer .footer_logo { flex-shrink: 0; margin-right: 4rem; }
#footer .ly_footer .footer_logo img { max-width: 15rem; height: auto; }
#footer .ly_footer .footer_info { flex: 1; }
#footer .ly_footer .foundation_info { color: #ccc; line-height: 1.8; }
#footer .ly_footer .foundation_info .foundation_name { font-size: 1.8rem; font-weight: 500; color: #fff; margin-bottom: 0.5rem; }
#footer .ly_footer .foundation_info .foundation_reg { font-size: 1.4rem; margin-bottom: 1rem; }
#footer .ly_footer .foundation_info .address_info { font-size: 1.4rem; margin-bottom: 0.8rem; }
#footer .ly_footer .foundation_info .address_info strong { color: #fff; font-weight: 500; }
#footer .ly_footer .foundation_info .contact_info { font-size: 1.4rem; }
#footer .ly_footer .foundation_info .contact_info strong { color: #fff; font-weight: 500; }
#footer .ly_footer .footer_family_dropdown { position: absolute; top: 0; right: 0; }
#footer .ly_footer .family_dropdown_btn { display: flex; align-items: center; padding: 0.8rem 1.5rem; background-color: #353535; border: 1px solid #555; color: #fff; font-size: 1.4rem; cursor: pointer; border-radius: 0.3rem; transition: all 0.3s; }
#footer .ly_footer .family_dropdown_btn:hover { background-color: #444; }
#footer .ly_footer .family_dropdown_btn.active { background-color: #444; border-color: #666; }
#footer .ly_footer .family_dropdown_btn .dropdown_arrow { margin-left: 0.5rem; font-size: 1rem; transition: transform 0.3s; }
#footer .ly_footer .family_dropdown_btn.active .dropdown_arrow { transform: rotate(180deg); }
#footer .ly_footer .family_dropdown_menu { display: none; position: absolute; top: 100%; right: 0; margin-top: 0.5rem; min-width: 18rem; background-color: #353535; border: 1px solid #555; border-radius: 0.3rem; box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.3); z-index: 100; }
#footer .ly_footer .family_dropdown_menu.active { display: block; }
#footer .ly_footer .family_dropdown_menu > li { border-bottom: 1px solid #444; }
#footer .ly_footer .family_dropdown_menu > li:last-child { border-bottom: none; }
#footer .ly_footer .family_dropdown_menu > li > a { display: block; padding: 1rem 1.5rem; color: #ccc; font-size: 1.4rem; transition: all 0.3s; }
#footer .ly_footer .family_dropdown_menu > li > a:hover { background-color: #444; color: #fff; }
#footer .ly_footer .footer_bottom { margin-bottom: 2rem; }
#footer .ly_footer .copyright { color: #666; text-align: center; font-size: 1.3rem; }
#footer .ly_footer .sns_list { position: fixed; left: 1.5rem; bottom: 5rem; z-index: 1000; display: none; /* 임시로 숨김 */ }
#footer .ly_footer .sns_list > ul > li { margin-bottom: 1rem; }
#footer .ly_footer .sns_list > ul > li:last-child { margin-bottom: 0; }
#footer .ly_footer .sns_list > ul > li > a { display: block; width: 4.5rem; height: 4.5rem; border-radius: 100%; background-color: #353535; background-repeat: no-repeat; background-position: center; }
#footer .ly_footer .sns_list > ul > li > a.facebook { background-image: url(/user/images/common/icon_sns_facebook.png); }
#footer .ly_footer .sns_list > ul > li > a.instagram { background-image: url(/user/images/common/icon_sns_instagram.png); }
#footer .ly_footer .sns_list > ul > li > a.youtube { background-image: url(/user/images/common/icon_sns_youtube.png); }
#footer .ly_footer .sns_list > ul > li > a.blog { background-image: url(/user/images/common/icon_sns_blog.png); }
#footer .ly_footer .sns_list > ul > li > a.navertv { background-image: url(/user/images/common/icon_sns_navertv3.png); }
#footer .ly_footer .sns_list > ul > li > a.kakao { background-image: url(/user/images/common/icon_sns_kakao.png); }
#footer .ly_footer .sns_list > ul > li > a.daangn { background-image: url(/user/images/common/icon_sns_daangn.png); }

/* 단축 메뉴 */
.quick_menu { position: fixed; right: 0; top: 10.5rem; z-index: 1000; height: 56.9rem; max-height: 910px; }
.quick_menu_toggle { position: absolute; right: 0; bottom: 0; width: 5rem; height: 5rem; border: none; background-color: #1e3a5f; color: #fff; font-size: 1.8rem; border-radius: 50% 0 0 50%; cursor: pointer; transition: all 0.3s; box-shadow: -0.2rem 0.2rem 0.5rem rgba(30, 58, 95, 0.4); z-index: 1001; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.3rem; }
.quick_menu_toggle:hover { background-color: #2c4a6b; }
.quick_menu_toggle.active { background-color: #1e3a5f; border-radius: 50% 0 0 50%; }
.quick_menu_toggle .toggle_icon { display: block; line-height: 1; transition: all 0.3s; }
.quick_menu_toggle .toggle_open { opacity: 1; visibility: visible; font-size: 2.4rem; }
.quick_menu_toggle .toggle_close { position: absolute; opacity: 0; visibility: hidden; font-size: 2.2rem; }
.quick_menu_toggle.active .toggle_open { opacity: 0; visibility: hidden; }
.quick_menu_toggle.active .toggle_close { opacity: 1; visibility: visible; }
.quick_menu_toggle .toggle_text { font-size: 2rem; font-weight: 500; line-height: 1; }
.quick_menu_toggle.active .toggle_text { display: none; }
.quick_menu_list { position: absolute; right: 0; top: 0; height: calc(100% - 5rem); max-height: calc(56.9rem - 5rem); opacity: 0; visibility: hidden; transition: all 0.3s; transform: translateX(100%); display: flex; align-items: stretch; background-color: #1e3a5f; padding: 0.5rem; border-radius: 0; box-shadow: -0.3rem 0 1rem rgba(30, 58, 95, 0.5); }
.quick_menu_list.active { opacity: 1; visibility: visible; transform: translateX(0); }
.quick_menu_list > ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); height: 100%; gap: 0.5rem; }
.quick_menu_list > ul > li { margin-bottom: 0; display: flex; }
.quick_menu_list > ul > li:last-child { margin-bottom: 0; }
.quick_menu_list > ul > li > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 1.5rem; font-size: 1.6rem; font-weight: 500; color: #fff; background-color: rgba(255, 255, 255, 0.15); border: 0.3rem solid rgba(255, 255, 255, 0.4); border-radius: 0; transition: all 0.3s; text-decoration: none; box-shadow: -0.3rem 0.3rem 0.8rem rgba(0, 0, 0, 0.3); flex-direction: column; gap: 0.8rem; }
.quick_menu_list > ul > li > a:hover { transform: translateX(-0.5rem); background-color: rgba(255, 255, 255, 0.25); border-color: rgba(255, 255, 255, 0.6); }
.quick_menu_list > ul > li > a .menu_icon { font-size: 3.5rem; line-height: 1; display: block; color: #fff; text-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.3); }
.quick_menu_list > ul > li > a .menu_icon i { font-size: inherit; color: inherit; }
.quick_menu_list > ul > li > a .menu_text { white-space: nowrap; font-size: 1.6rem; font-weight: 500; display: block; color: #fff; text-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.3); }
/* 로고 색상 적용 - 대관안내 (갈색) */
.quick_menu_list > ul > li > a.menu_color1 { background-color: transparent; }
.quick_menu_list > ul > li > a.menu_color1:hover { background-color: transparent; }
/* 로고 색상 적용 - 공연예매 (파란색) */
.quick_menu_list > ul > li > a.menu_color2 { background-color: transparent; }
.quick_menu_list > ul > li > a.menu_color2:hover { background-color: transparent; }
/* 로고 색상 적용 - 교육신청 (주황색) */
.quick_menu_list > ul > li > a.menu_color3 { background-color: transparent; }
.quick_menu_list > ul > li > a.menu_color3:hover { background-color: transparent; }
/* 로고 색상 적용 - 오시는길 (초록색) */
.quick_menu_list > ul > li > a.menu_color4 { background-color: transparent; }
.quick_menu_list > ul > li > a.menu_color4:hover { background-color: transparent; }
.quick_menu > ul > li > a { display: flex; align-items: center; justify-content: flex-start; width: 11rem; height: 11rem; padding: 1.5rem; font-size: 1.6rem; font-weight: 500; color: #222; background-color: #fff; border-radius: 0.8rem 0 0 0.8rem; transition: all 0.3s; text-decoration: none; box-shadow: -0.3rem 0.3rem 0.8rem rgba(0, 0, 0, 0.3); flex-direction: column; gap: 0.8rem; border: 0.1rem solid #ddd; }
.quick_menu > ul > li > a:hover { background-color: #f5f5f5; color: #222; transform: translateX(-0.5rem); }
.quick_menu > ul > li > a .menu_icon { font-size: 3.5rem; line-height: 1; display: block; color: #222; }
.quick_menu > ul > li > a .menu_icon i { color: #222; }
.quick_menu > ul > li > a .menu_text { white-space: nowrap; font-size: 1.6rem; font-weight: 500; display: block; color: #222; }

/* ********************************************************************************* *
* 04) 문화사업
* ********************************************************************************* */
.page_business .ly_photo { padding: 3rem 3.5rem; text-align: center; border-top: 0.1rem solid #000; border-bottom: 0.1rem solid #ddd; }
.page_business .ly_management { position: relative; }
.page_business .ly_management:before { display: block; width: 100%; height: 42rem; content: ""; background-repeat: no-repeat; background-position: center; background-size: cover; }
.page_business .ly_management.bg01:before { background-image: url(/user/images/sub/01_business/content01.jpg); }
.page_business .ly_management.bg02:before { background-image: url(/user/images/sub/01_business/content02.jpg); }
.page_business .ly_management.bg03:before { background-image: url(/user/images/sub/01_business/content03.jpg); }
.page_business .ly_management.bg04:before { background-image: url(/user/images/sub/01_business/content04.jpg); }
.page_business .ly_management .ly_content { position: relative; top: -3rem; display: flex; width: calc(100% - 10rem); margin: 0 auto; background: #fff; }
.page_business .ly_management .ly_content .left_item,
.page_business .ly_management .ly_content .right_item { padding: 4.5rem 5rem; flex: 1 1 0; -ms-flex-preferred-size: 100%; }
.page_business .ly_management .ly_content .st_dl02 > dl > dd { position: relative; }
.page_business .ly_management .ly_content .btn_move { position: absolute; top: -3.9rem; right: 0; }
.page_business .ly_facility { position: relative; }
.page_business .ly_facility .ly_content { position: relative; display: flex; margin: 0 -5rem; background: #fff; }
.page_business .ly_facility .ly_content .left_item,
.page_business .ly_facility .ly_content .right_item { padding: 4.5rem 5rem; flex: 1 1 0; -ms-flex-preferred-size: 100%; }
.page_business .ly_facility .ly_content .right_item img { width: 100%; }
.page_business .ly_facility .ly_content .st_dl02 > dl > dd { position: relative; }
.page_business .ly_facility .ly_content .btn_move { position: absolute; top: -3.9rem; right: 0; }
.page_business .ly_facility .ly_content .txt1 { font-size: 1.8rem; line-height: 1.778; color: #333; }
.page_cultureEvent .intro_content .ci .h2 { font-size: 2.4rem; font-weight: 700; position: relative; display: block; }
.page_cultureEvent .intro_content .ci .h2:after { left: 22rem; display: inline; float: right; width: 80%; height: 0.1rem; margin-top: 1.8rem; content: ""; background: #444; }
.page_cultureEvent .intro_content .ci p { font-size: 1.6rem; margin-bottom: 3rem; text-align: left; color: #333; }
.page_cultureEvent .intro_content .ci .content { display: block; width: 100%; margin-bottom: 8rem; }
.page_cultureEvent .intro_content .ci .info_img img { width: 100%; height: auto; }
.page_cultureEvent .intro_content .ci .download_btn { display: flex; justify-content:flex-end; }
.page_cultureEvent .intro_content .ci .download_btn .download { line-height: 3.8rem; display: inline-block; height: 4rem; padding-right: 4.5rem; padding-left: 2rem; text-align: left; border: 0.1rem solid #444; background: url(/user/images/common/download.png) no-repeat 90% center !important; background-size: 1.8rem; }

/* ********************************************************************************* *
* 05) 문화자원DB
* ********************************************************************************* */
.page_cultureDB .club_imgs_slide .club_img { background-repeat: no-repeat; background-position: center; background-size: cover; }
.page_cultureDB .club_imgs_slide .club_img:before { display: block; padding-top: 75%; content: ""; }
.page_cultureDB .club_imgs_slide .ly_control { display: flex; margin-top: 3rem; align-items: center; justify-content: center; }
.page_cultureDB .club_imgs_slide .ly_control .control { overflow: hidden; width: 4rem; height: 4rem; padding: 0; white-space: nowrap; text-indent: 100%; border: 0; background-color: #fff; background-repeat: no-repeat; background-position: center; flex: 0 0 auto; }
.page_cultureDB .club_imgs_slide .ly_control .control.prev { background-image: url(/user/images/common/icon_prev.png); }
.page_cultureDB .club_imgs_slide .ly_control .control.next { background-image: url(/user/images/common/icon_next.png); }
.page_cultureDB .club_imgs_slide .ly_control .swiper-pagination { font-size: 2rem; font-weight: 500; position: static; width: 9rem; text-align: center; color: #999; }
.page_cultureDB .club_imgs_slide .ly_control .swiper-pagination .swiper-pagination-current { font-weight: 600; color: #222; }

/* ********************************************************************************* *
* 06) 문화행사
* ********************************************************************************* */

/* ********************************************************************************* *
* 07) 참여알림
* ********************************************************************************* */
.page_notice .box_notice { display: flex; height: 17rem; margin-bottom: 5rem; padding: 1.5rem 10rem; padding-left: 26rem; word-break: keep-all; background: #eef7ff url(/user/images/sub/04_notice/icon01.png) no-repeat left 5.5rem bottom; background-size: 15.4rem; align-items: center; }
.page_notice .box_notice .notice_txt { font-size: 1.8rem; margin-bottom: 1.5rem; color: #222; }
.page_notice .box_notice .notice_txt b { font-weight: bold; }
.page_notice .box_notice2 { display: flex; height: 17rem; margin-bottom: 5rem; padding: 1.5rem 10rem; padding-left: 26rem; word-break: keep-all; background: #eef7ff url(/user/images/sub/04_notice/icon02.png) no-repeat left 5.5rem bottom; background-size: 15.4rem; align-items: center; }
.page_notice .box_notice2 .notice_txt { font-size: 1.8rem; margin-bottom: 1.5rem; color: #222; }
.page_notice .box_notice2 .notice_txt b { font-weight: bold; }

/* ********************************************************************************* *
* 08) 재단소개
* ********************************************************************************* */
.page_introduce .intro_content { margin-top: 5rem; }
.page_introduce .intro_content .intro_top { position: relative; }
.page_introduce .intro_content .intro_top .intro_title_img { width: 100%; height: 37rem; background: url(/user/images/common/intro_title_img.jpg) no-repeat center / cover; }
.page_introduce .intro_content .intro_top .intro_title { position: absolute; top: 28rem; width: 50%; height: 20rem; color: #333; background: #fff; }
.page_introduce .intro_content .intro_top .intro_title .title { width: 100%; height: 50%; }
.page_introduce .intro_content .intro_top .intro_title .title.title1 { padding: 5.5rem 0 0 3rem; background: url(/user/images/common/quotes1.png) no-repeat 0 3.5rem; background-size: 5.5rem; }
.page_introduce .intro_content .intro_top .intro_title .title.title1 .top_txt1 { font-size: 3.2rem; font-weight: bold; }
.page_introduce .intro_content .intro_top .intro_title .title.title2 { padding: 0 4rem 0 3rem; background: url(/user/images/common/quotes2.png) no-repeat 35rem 2.5rem; background-size: 5.5rem; }
.page_introduce .intro_content .intro_top .intro_title .title.title2 .top_txt2 { font-size: 3.2rem; font-weight: 300; }
.page_introduce .intro_content .intro_top .intro_title02 { display: block; width: 100%; margin-bottom: 7rem; color: #333; }
.page_introduce .intro_content .intro_top .intro_title02 .title { width: 100%; height: 50%; }
.page_introduce .intro_content .intro_top .intro_title02 .title.title1 { padding: 5.5rem 0 0 3rem; background: url(/user/images/common/quotes1.png) no-repeat 0 3.5rem; background-size: 5.5rem; }
.page_introduce .intro_content .intro_top .intro_title02 .title.title1 .top_txt1 { font-size: 3.2rem; font-weight: bold; }
.page_introduce .intro_content .intro_top .intro_title02 .title.title2 { padding: 0 4rem 3rem 3rem; background: url(/user/images/common/quotes2.png) no-repeat 50rem 2.5rem; background-size: 5.5rem; }
.page_introduce .intro_content .intro_top .intro_title02 .title.title2 .top_txt2 { font-size: 3.2rem; font-weight: 300; }
.page_introduce .intro_content .intro_info { line-height: 1.7; display: flex; width: 100%; margin-top: 14rem; }
.page_introduce .intro_content .intro_info .left { width: 50%; margin-left: 3rem; }
.page_introduce .intro_content .intro_info .right { width: 50%; }
.page_introduce .intro_content .bottom_txt { font-weight: 700; padding-top: 7rem; text-align: right; }
.page_introduce .intro_content .historyTop img { display: block; width: 13.6rem; margin: 0 auto; }
.page_introduce .intro_content .historyList { position: relative; }
.page_introduce .intro_content .historyList:before { position: absolute; left: 50%; width: 0.1rem; height: 100%; content: ""; background: #ddd; }
.page_introduce .intro_content .historyList .leftyear { font-size: 4rem; position: relative; margin-bottom: 2rem; padding-right: 55%; text-align: right; }
.page_introduce .intro_content .historyList .rightyear { font-size: 4rem; position: relative; margin-bottom: 2rem; padding-left: 55%; text-align: left; }
.page_introduce .intro_content .historyList .historybox:after { display: block; clear: both; content: ""; }
.page_introduce .intro_content .historyList .historybox dl { position: relative; display: inline-block; clear: both; overflow: hidden; width: calc(50% + 1rem); }
.page_introduce .intro_content .historyList .historybox dt { font-size: 1.6rem; font-weight: 700; line-height: 2rem; position: relative; }
.page_introduce .intro_content .historyList .historybox dd li { position: relative; margin-bottom: 1rem; }
.page_introduce .intro_content .historyList .historybox .right { box-sizing: border-box; width: 100%; margin-bottom: 3rem; text-align: right; }
.page_introduce .intro_content .historyList .historybox .right dl { padding-left: 8rem; text-align: left; }
.page_introduce .intro_content .historyList .historybox .right dt { float: left; width: 5rem; }
.page_introduce .intro_content .historyList .historybox .right dt:before { position: absolute; z-index: 1; top: 0.2rem; left: -7.8rem; width: 2rem; height: 2rem; content: ""; background: url(/user/images/common/history02.png) no-repeat; }
.page_introduce .intro_content .historyList .historybox .right dt:after { position: absolute; top: 1rem; left: -7.5rem; width: 4rem; height: 0.1rem; content: ""; background: #ddd; }
.page_introduce .intro_content .historyList .historybox .right dd { float: left; width: calc(100% - 5rem); }
.page_introduce .intro_content .historyList .historybox .right dd li:before { position: absolute; top: 0.8rem; left: -1.5rem; width: 0.5rem; height: 0.5rem; content: ""; background-color: #ddd; }
.page_introduce .intro_content .historyList .historybox .left { box-sizing: border-box; width: 100%; margin-bottom: 3rem; text-align: left; }
.page_introduce .intro_content .historyList .historybox .left dl { padding-right: 8rem; text-align: right; }
.page_introduce .intro_content .historyList .historybox .left dt { float: right; width: 5rem; }
.page_introduce .intro_content .historyList .historybox .left dt:before { position: absolute; z-index: 1; top: 0.2rem; right: -8.2rem; width: 2rem; height: 2rem; content: ""; background: url(/user/images/common/history02.png) no-repeat; }
.page_introduce .intro_content .historyList .historybox .left dt:after { position: absolute; top: 1rem; right: -7.5rem; width: 4rem; height: 0.1rem; content: ""; background: #ddd; }
.page_introduce .intro_content .historyList .historybox .left dd { float: right; width: calc(100% - 5rem); }
.page_introduce .intro_content .historyList .historybox .left dd li:before { position: absolute; top: 0.8rem; right: -1.5rem; width: 0.5rem; height: 0.5rem; content: ""; background-color: #ddd; }
.page_introduce .intro_content .directors_top { position: relative; }
.page_introduce .intro_content .directors_top:before { position: absolute; left: 50%; width: 0.1rem; height: 40rem; content: ""; background: #ddd; }
.page_introduce .intro_content .directors_box { position: relative; width: 35rem; height: 14rem; margin: 0 auto 3rem; padding: 2.5rem 1.5rem; text-align: center; border: 0.1rem solid #ddd; border-top: solid 0.3rem #ddd; background: #fff; }
.page_introduce .intro_content .directors_box p { font-size: 1.5rem; color: #666; }
.page_introduce .intro_content .directors_box .h3 { font-size: 1.9rem; font-weight: 800; display: block; color: #353535; }
.page_introduce .intro_content .directors_box .title { font-size: 1.8rem; font-weight: 500; margin: 0.5rem 0; color: #222; }
.page_introduce .intro_content .directors_top .directors_box:last-child { margin-bottom: 2rem !important; }
.page_introduce .intro_content .directors_bottom { overflow: hidden; padding-top: 4rem; background: url(/user/images/common/directors.png) no-repeat top; background-size: 68.7% 3.5rem; }
.page_introduce .intro_content .directors_bottom dl { float: left; width: 33.3%; }
.page_introduce .intro_content .directors_bottom .directors_box:before { position: absolute; top: -3.3rem; width: 0.1rem; height: 3rem; content: ""; background: #ddd; }
.page_introduce .intro_content .vision { width: 100%; text-align: center; }
.page_introduce .intro_content .vision .vision_box { margin-bottom: 2rem; }
.page_introduce .intro_content .vision .vision_box .round { text-align: center; border-radius: 4rem; }
.page_introduce .intro_content .vision .vision_box .vision01 { font-size: 2rem; font-weight: bold; line-height: 7rem; display: inline-block; width: 14rem; color: #fff; background: #2e2925; }
.page_introduce .intro_content .vision .vision_box .vision02 { font-size: 2rem; font-weight: bold; line-height: 7rem; display: inline-block; width: 14rem; color: #2e2925; border: solid 0.2rem #2e2925; background-color: #fff; }
.page_introduce .intro_content .vision .vision_box .top { font-size: 1.8rem; line-height: 7rem; display: inline-block; width: 65%; min-height: 7rem; margin-left: 2rem; padding: 0 3rem; background: #f8f8f8; }
.page_introduce .intro_content .vision .middle { margin: 8rem auto; }
.page_introduce .intro_content .vision .middle .h1 { font-size: 3rem; font-weight: 500; display: block; color: #222; }
.page_introduce .intro_content .vision .bottom .vision_box { margin-top: 1rem; }
.page_introduce .intro_content .vision .bottom .vision_box .round { font-size: 1.8rem; line-height: 8rem; position: relative; display: inline-block; width: 24rem; height: 8rem; margin-left: 3rem; padding: 0 1rem; border-radius: 4rem; background: #fff; }
.page_introduce .intro_content .vision .bottom .vision_box .round:after { display: none; }
.page_introduce .intro_content .vision .bottom .vision_box .step01 { border: 0.1rem solid #44719e; }
.page_introduce .intro_content .vision .bottom .vision_box .step02 { border: 0.1rem solid #f9a14a; }
.page_introduce .intro_content .vision .bottom .vision_box .step03 { border: 0.1rem solid #57835c; }
.page_introduce .intro_content .vision .bottom .round:before { position: absolute; top: 50%; left: -3.3rem; width: 3.2rem; height: 0.1rem; content: ""; background: #ddd; }
.page_introduce .intro_content .vision .bottom .round:nth-child(1):before { display: none; }
.page_introduce .intro_content .vision .bottom .round span { font-weight: 500; margin-right: 1rem; }
.page_introduce .intro_content .vision .bottom .step01 span { color: #44719e; }
.page_introduce .intro_content .vision .bottom .step02 span { color: #f9a14a; }
.page_introduce .intro_content .vision .bottom .step03 span { color: #57835c; }
.page_introduce .intro_content .vision .vision_box .title,
.page_introduce .intro_content .vision .bottom .title { font-size: 2.4rem; font-weight: 400; display: inline-block; padding: 3rem 0; }
.page_introduce .intro_content .vision .middle .middle_box { position: relative; display: inline-block; width: calc(100% / 3 - 1rem); }
.page_introduce .intro_content .vision .middle p { margin-bottom: 0.5rem; color: #333; }
.page_introduce .intro_content .vision .middle .h2 { font-size: 2.4rem; font-weight: bold; }
.page_introduce .intro_content .vision .middle .middle_box:after { position: absolute; top: 50%; right: -1.5rem; width: 3.4rem; height: 1rem; content: ""; background: url(/user/images/common/dotted.png) no-repeat center; background-size: 3.4rem; }
.page_introduce .intro_content .vision .middle .middle_box:nth-child(4):after { display: none; content: ""; }
.page_introduce .intro_content .vision .middle .round { position: relative; width: 26rem; height: 26rem; margin: 5rem auto 2.5rem; padding: 5.5rem; background-size: 26rem !important; }
.page_introduce .intro_content .vision .middle .circle01 { background: url(/user/images/common/circle01.png) no-repeat center; }
.page_introduce .intro_content .vision .middle .circle02 { background: url(/user/images/common/circle02.png) no-repeat center; }
.page_introduce .intro_content .vision .middle .circle03 { background: url(/user/images/common/circle03.png) no-repeat center; }
.page_introduce .intro_content .vision .middle .round:before { position: absolute; top: 1rem; left: 1rem; width: 24rem; height: 24rem; content: ""; border: 0.2rem solid #ddd; border-radius: 100%; }
.page_introduce .intro_content .vision .middle img { width: 8.8rem; margin-bottom: 2rem; }
.page_introduce .intro_content .vision .vision_box ul { display: inline-block; width: 75%; vertical-align: middle; }
.page_introduce .intro_content .vision .vision_box li { font-size: 1.8rem; line-height: 7.5rem; position: relative; display: inline-block; width: 24rem; height: 8rem; margin: 1.5rem 0 1.5rem 3rem; text-align: center; border-radius: 0.5rem; background: #f5f5f5; }
.page_introduce .intro_content .vision .vision_box li:after { position: absolute; top: 8rem; left: 50%; width: 0.1rem; height: 3rem; content: ""; background: #ddd; }
.page_introduce .intro_content .vision .vision_box li:nth-child(4):after { display: none; }
.page_introduce .intro_content .vision .vision_box li:nth-child(5):after { display: none; }
.page_introduce .intro_content .vision .vision_box li:nth-child(6):after { display: none; }
.page_introduce .intro_content .vision .vision_content { max-width: 94rem; margin: 0 auto; margin-top: 6.5rem; }
.page_introduce .intro_content .vision .vision_cont_list { display: flex; flex-wrap: wrap; text-align: left; margin-bottom: 3rem; align-items: baseline; }
.page_introduce .intro_content .vision .vision_cont_list:last-child { margin-bottom: 0; }
.page_introduce .intro_content .vision .vision_cont_list dt { width: 12.5rem; font-size: 2rem; font-weight: bold; color: #333; }
.page_introduce .intro_content .vision .vision_cont_list dd { width: calc(100% - 12.5rem); }
.page_introduce .intro_content .ci .h2 { font-size: 2.4rem; font-weight: 700; position: relative; display: block; }
.page_introduce .intro_content .ci .h2:after { left: 22rem; display: inline; float: right; width: 80%; height: 0.1rem; margin-top: 1.8rem; content: ""; background: #444; }
.page_introduce .intro_content .ci p { font-size: 1.6rem; margin-bottom: 3rem; text-align: left; color: #333; }
.page_introduce .intro_content .ci .symbol_mark { display: block; width: 100%; margin-bottom: 8rem; }
.page_introduce .intro_content .ci .symbol_mark:after { display: block; clear: both; content: ""; }
.page_introduce .intro_content .ci .symbol_mark .h2 { display: block; text-align: left; }
.page_introduce .intro_content .ci .symbol_mark .info_img { width: 30%; margin: 0 auto; text-align: center; }
.page_introduce .intro_content .ci .info_img img { width: 100%; height: auto; }
.page_introduce .intro_content .ci .symbol_info { display: block; clear: both; width: 100%; }
.page_introduce .intro_content .ci .info_content { display: block; width: 100%; }
.page_introduce .intro_content .ci .content:after { display: block; clear: both; content: ""; }
.page_introduce .intro_content .ci .content01 { width: 100%; }
.page_introduce .intro_content .ci .content01 img { display: inline-block; width: 20%; }
.page_introduce .intro_content .ci .content01 .content { line-height: 1.5; display: inline-block; float: right; width: 74%; margin-bottom: initial; padding: 8rem 0 0 5rem; text-align: left; }
.page_introduce .intro_content .ci .download_btn { display: block; float: right; }
.page_introduce .intro_content .ci .download_btn .download { line-height: 3.8rem; display: inline-block; height: 4rem; padding-right: 4.5rem; padding-left: 2rem; text-align: left; border: 0.1rem solid #444; background: url(/user/images/common/download.png) no-repeat 90% center !important; background-size: 1.8rem; }
.page_introduce .intro_content .ci .signature { margin-bottom: 8rem; }
.page_introduce .intro_content .ci .signature .logo_box { display: block; }
.page_introduce .intro_content .ci .signature .title { display: block; float: left; width: 100%; padding-top: 2rem; color: #666; }
.page_introduce .intro_content .ci .signature .logo_box01 img,
.page_introduce .intro_content .ci .signature .logo_box02 img { display: block; width: 60%; margin-left: 20%; text-align: center; }
.page_introduce .intro_content .ci .logo_box01 { display: block; float: left; width: 50%; }
.page_introduce .intro_content .ci .logo_box02 { display: block; float: right; width: 50%; }
.page_introduce .intro_content .ci .logo_box03 { display: block; width: 100%; }
.page_introduce .intro_content .ci .logo_box03 img { display: inline-block; width: 12rem; margin-left: 10%; }
.page_introduce .intro_content .ci .logo_box03 a { font-size: 1.4rem; font-weight: 300; display: inline-block; margin-left: 4rem; color: #333 !important; }
.page_introduce .intro_content .ci .color_system { float: left; width: 100%; margin-bottom: 10rem; }
.page_introduce .intro_content .ci .color_system:after { display: block; clear: both; content: ""; }
.page_introduce .intro_content .ci .color_system img { width: 70%; margin-top: 2rem; margin-left: 15%; }
.page_introduce .group_content .group_wrap_top { width: 65rem; margin: 0 auto; padding-bottom: 4rem; background: url(/user/images/common/bg_group_top.png) no-repeat center 6.5rem; background-size: 30rem; }
.page_introduce .group_content .group_item { font-size: 1.6rem; font-weight: bold; line-height: 8rem; width: 100%; max-width: 20rem; height: 8rem; margin: 0 auto; text-align: center; color: #fff; border-radius: 4rem; }
.page_introduce .group_content .group_01 { background: #2e2925; }
.page_introduce .group_content .group_02 { float: left; color: #2e2925; border: 0.1rem solid #2e2925; background: #fff; }
.page_introduce .group_content .group_03 { float: right; color: #2e2925; border: 0.1rem solid #2e2925; background: #fff; }
.page_introduce .group_content .group_04 { clear: both; background: #818285; }
.page_introduce .group_content .group_05 { margin-top: 3rem; background: #bbb; }
.page_introduce .group_content .group_06 { margin-bottom: 3rem; background: #904d2e; }
.page_introduce .group_content .group_07 { margin-bottom: 3rem; background: #57835c; }
.page_introduce .group_content .group_08 { margin-bottom: 3rem; background: #f9a14a; }
.page_introduce .group_content .group_09 { margin-bottom: 3rem; background: #44719e; }
.page_introduce .group_content .group_10 { margin-bottom: 3rem; background: #00acba; }
.page_introduce .group_content .group_09-1 { margin-bottom: 3rem; background: #1e4267; }
.page_introduce .group_content .m_group_wrap_top,
.page_introduce .group_content .m_group_wrap_bottom { display: none; }
.page_introduce .group_content .group_wrap_bottom01 { display: flex; overflow: hidden; padding-top: 3rem; padding-bottom: 8rem; background: url(/user/images/common/bg_group_bottom5.png) no-repeat center; background-size: 120rem; }
.page_introduce .group_content .group_wrap_bottom01 dl.bt_dl01 { width: 100%; }
.page_introduce .group_content .group_wrap_bottom { position: relative; top: -3rem; overflow: hidden; display: flex; }
.page_introduce .group_content .group_wrap_bottom dl { flex: 1 1 0; }
.page_introduce .group_content .group_wrap_bottom dd { font-size: 1.5rem; position: relative; width: 20rem; margin: 0 auto 1rem; padding-left: 1.5rem; }
.page_introduce .group_content .group_wrap_bottom dd::before { position: absolute; top: 0.9rem; left: 0; width: 0.5rem; height: 0.5rem; content: ""; }
.page_introduce .group_content .group_06 ~ dd::before { background: #904d2e; }
.page_introduce .group_content .group_07 ~ dd::before { background: #57835c; }
.page_introduce .group_content .group_08 ~ dd::before { background: #f9a14a; }
.page_introduce .group_content .group_09 ~ dd::before { background: #44719e; }
.page_introduce .group_content .group_10 ~ dd::before { background: #00acba; }
.page_introduce .group_content .group_table { margin-bottom: 2rem; text-align: center; border: 0.1rem solid #ddd; }
.page_introduce .group_content .group_table .title td { padding: 1.7rem 0; background: #f5f5f5; }
.page_introduce .group_content .group_table td { font-weight: 500; padding: 2.4rem 1rem; border: 0.1rem solid #ddd; }
.page_introduce .group_content .group_table .list01 { font-size: 1.9rem; padding: 0 2.4rem !important; color: #fff; background: #904d2e !important; }
.page_introduce .group_content .group_table .list02 { font-size: 1.9rem; padding: 0 2.4rem !important; color: #fff; background: #57835c !important; }
.page_introduce .group_content .group_table .list03 { font-size: 1.9rem; padding: 0 2.4rem !important; color: #fff; background: #f9a14a !important; }
.page_introduce .group_content .group_table .list04 { font-size: 1.9rem; padding: 0 2.4rem !important; color: #fff; background: #44719e !important; }
.page_introduce .group_content .group_table .list05 { font-size: 1.9rem; padding: 0 2.4rem !important; color: #fff; background: #00acba !important; }
.page_introduce .group_content .group_table .list06 { font-size: 1.9rem; padding: 0 2.4rem !important; color: #fff; background: #0baf87 !important; }
.page_introduce .group_content .group_table .list07 { font-size: 1.9rem; padding: 0 2.4rem !important; color: #fff; background: #0f9b8f !important; }
.page_introduce .group_content .group_table tr > td:last-child { font-weight: 300 !important; color: #222 !important; }
.page_introduce .group_content .group_table li { font-weight: 300 !important; position: relative; padding: 0 2.5rem; text-align: left; color: #222 !important; margin-bottom: 0.5rem; }
.page_introduce .group_content .group_table li:last-child { margin-bottom: 0; }
.page_introduce .group_content .group_table li p { color: #666 !important; }
.page_introduce .group_content .group_table li:before { position: absolute; top: 1rem; left: 1rem; width: 0.5rem; height: 0.5rem; content: ""; background-color: #ddd; }
.page_introduce .group_content .group_table .list_top1 { background: #818285 !important; }
.page_introduce .group_content .group_table .list_top2 { background: #1e4267 !important; }
.page_introduce .group_content .group_table_title { display: none; font-weight: 500; font-size: 1.9rem; padding: 1rem 2.4rem !important; color: #fff; text-align: center; }
.page_introduce .group_content .group_table_title.list01 { background: #818285; }
.page_introduce .group_content .group_table_title.list02 { background: #1e4267; }
.page_introduce .group_content .group_table_title.list03 { background: #904d2e; }
.page_introduce .group_content .group_table_title.list04 { background: #57835c; }
.page_introduce .group_content .group_table_title.list05 { background: #f9a14a; }
.page_introduce .group_content .group_table_title.list06 { background: #44719e; }
.page_introduce .group_content .group_table_title.list07 { background: #00acba; }
.page_introduce .location_content .map_wrap { width: 100%; height: 100%; position: relative; padding-top: 45.5%; }
.page_introduce .location_content .map_wrap img { width: 100%; height: 100%; object-fit: contain; position: absolute; left: 0; top: 0; }
.page_introduce .location_content .map_wrap iframe { width: 100%; height: 100%; }
.page_introduce .location_content .info_wrap { margin-bottom: 5rem; padding: 2rem 0; text-align: center; background: #eee; }
.page_introduce .location_content .info_wrap li { display: inline-block; padding: 0 2rem; }
.page_introduce .location_content .way_to_come .tit { font-size: 2rem; font-weight: bold; margin-bottom: 1.5rem; }
.page_introduce .location_content .way_to_come { margin-bottom: 3rem; padding: 2rem 0 4rem 15rem; background-size: 12rem !important; }
.page_introduce .location_content .way_to_come strong { font-weight: bold; }
.page_introduce .location_content .way_to_come li { font-size: 1.5rem; line-height: 1.5; position: relative; padding-left: 1.5rem; color: #555; }
.page_introduce .location_content .way_to_come.subway { background: url(/user/images/common/img_subway.png) no-repeat left top; }
.page_introduce .location_content .way_to_come.bus { background: url(/user/images/common/img_bus.png) no-repeat left top; }
.page_introduce .location_content .way_to_come.car { background: url(/user/images/common/img_car.png) no-repeat left top; }
.page_introduce .location_content .way_to_come.subway li::before { position: absolute; top: 0.9rem; left: 0; width: 0.5rem; height: 0.5rem; content: ""; background: #3d5285; }
.page_introduce .location_content .way_to_come.bus li::before { position: absolute; top: 0.9rem; left: 0; width: 0.5rem; height: 0.5rem; content: ""; background: #3f9775; }
.page_introduce .location_content .way_to_come.car li::before { position: absolute; top: 0.9rem; left: 0; width: 0.5rem; height: 0.5rem; content: ""; background: #c38a5c; }
.page_introduce .conduct { text-align: center; }
.page_introduce .conduct .conduct_box { width: 100%; margin: 0 auto; text-align: left; }
.page_introduce .conduct .conduct_box .title { font-size: 1.6rem; font-weight: 500; position: relative; overflow: hidden; padding: 2rem 4rem; cursor: pointer; border: 0.1rem solid #ddd; border-top: none; }
.page_introduce .conduct .conduct_box .list { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.page_introduce .conduct .conduct_box .list li { font-size: 1.5rem; position: relative; padding-bottom: 0.3rem; padding-left: 1.6rem; }
.page_introduce .conduct .conduct_box .list li ul li { font-size: 1.5rem; position: relative; padding-bottom: 0.3rem; padding-left: 2.4rem; }
.page_introduce .conduct .conduct_box .list li span { position: absolute; left: 0; }
.page_introduce .conduct .h1 { font-size: 2.4rem; font-weight: 400; display: block; margin: 6rem 0 3rem; }
.page_introduce .conduct .h1 + .conduct_box { border-top: 0.1rem solid #ddd; }
.page_introduce .conduct .h2 { font-size: 1.7rem; font-weight: 400; margin: 0.5rem 0; }
.page_introduce .conduct .conduct_box .title .show_btn { position: absolute; top: 45%; right: 4rem; width: 1.6rem; height: 0.8rem; text-indent: -999.9rem; background: url(/user/images/common/ic_subdown.png) no-repeat right; background-size: 100%; }
.page_introduce .conduct .conduct_box .title .on { background: url(/user/images/common/ic_subup.png) no-repeat right; background-size: 100%; }
.page_introduce .conduct .conduct_box .info { font-size: 1.5rem; line-height: 1.5; display: none; overflow: hidden; padding: 2rem 4rem; border: 0.1rem solid #ddd; border-top: none; background: #f5f5f5; }
.page_introduce .accuse { word-wrap: break-word; word-break: keep-all; }
.page_introduce .accuse .txt { font-size: 3rem; margin-bottom: 3rem; text-align: center; }
.page_introduce .accuse .middle_box { line-height: 1.5; margin-bottom: 3rem; padding: 4rem; padding-left: 19rem !important; background: #f8f8f8  url(/user/images/common/accuse.png) no-repeat center left; background-position: 4rem center; background-size: 11.6rem; }
.page_introduce .accuse .content_box { display: flex; justify-content: center; margin: 0 -5rem; }
.page_introduce .accuse .content_box .left_box { width: 50%; padding: 0 5rem; }
.page_introduce .accuse .content_box .right_box { width: 50%; padding: 0 5rem; }
.page_introduce .accuse .content_box h3 { font-size: 2rem; font-weight: 500; position: relative; margin-top: 3rem; padding-bottom: 3rem; }
.page_introduce .accuse .content_box h3:after { display: block; width: 3rem; height: 0.3rem; margin-top: 1.5rem; content: ""; background: #353535; }
.page_introduce .accuse .content_box li { position: relative; display: block; margin: 1rem 0 3rem 0; margin-bottom: 2rem; }
.page_introduce .accuse .content_box li::before { position: absolute; top: 2rem; left: 0; width: 0.5rem; height: 0.5rem; content: ""; background: #353535; }
.page_introduce .accuse .content_box p { font-weight: bold; display: inline-block; margin: 1rem 0 1rem 1.5rem; margin-left: 1rem; }
.page_introduce .accuse .content_box .download { line-height: 3.8rem; display: inline-block; float: right; width: 15rem; height: 4rem; padding-left: 2rem; text-align: left; border: 0.1rem solid #444; background: url(/user/images/common/download.png) no-repeat 90% center !important; }
.page_introduce .accuse .content_box .download_btn { display: block; float: right; }
.page_introduce .accuse .content_box .blue { color: #009cff !important; }
.page_introduce .accuse .content_box span { font-weight: 400; }
.page_introduce .declaration .declaration_title { text-align: center; font-size: 3.2rem; margin-bottom: 4rem; padding: 2rem 0; font-weight: bold; letter-spacing: 0.05em; position: relative; }
.page_introduce .declaration .declaration_title:after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 10rem; height: 3px; }
.page_introduce .declaration.declaration1 .declaration_title { color: #3a6b9d; }
.page_introduce .declaration.declaration1 .declaration_title:after { background: #3a6b9d; box-shadow: 0 0 1rem rgba(58, 107, 157, 0.3); }
.page_introduce .declaration.declaration2 .declaration_title { color: #954923;  }
.page_introduce .declaration.declaration2 .declaration_title:after { background: #954923; box-shadow: 0 0 1rem rgba(149, 73, 35, 0.3); }
.page_introduce .declaration .declaration_desc { text-align: center; font-size: 1.8rem; color: #333; margin-bottom: 4rem; line-height: 1.8; font-weight: 500; }
.page_introduce .declaration .declaration_desc span { position: relative; display: inline-block; padding: 2rem 8rem; }
.page_introduce .declaration .declaration_desc span:before,
.page_introduce .declaration .declaration_desc span:after { content: '"'; position: absolute; font-size: 6rem; line-height: 1; opacity: 0.1; }
.page_introduce .declaration .declaration_desc span:before { left: 2rem; top: 0; }
.page_introduce .declaration .declaration_desc span:after { right: 2rem; bottom: 0; }
.page_introduce .declaration .declaration_list { padding: 4rem 5rem; box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05); }
.page_introduce .declaration .declaration_list p { margin-bottom: 2rem; line-height: 1.8; font-size: 1.7rem; display: flex; align-items: baseline; }
.page_introduce .declaration .declaration_list p:last-child { margin-bottom: 0; }
.page_introduce .declaration .declaration_list p strong { font-weight: bold; font-size: 1.9rem; margin-right: 1.5rem; min-width: 6rem; }
.page_introduce .declaration.declaration1 .declaration_list { background: rgba(58, 107, 157, 0.03); border: 2px solid rgba(58, 107, 157, 0.1); }
.page_introduce .declaration.declaration2 .declaration_list { background: rgba(149, 73, 35, 0.03); border: 2px solid rgba(149, 73, 35, 0.1); }
.page_introduce .declaration.declaration1 .declaration_list p strong { color: #3a6b9d; }
.page_introduce .declaration.declaration2 .declaration_list p strong { color: #954923; }

/* ********************************************************************************* *
* 09) 시설대관
* ********************************************************************************* */
.page_facility .ly_facility { position: relative; }
.page_facility .ly_facility .ly_content { position: relative; display: flex; background: #fff; gap: 2.5rem 5rem; margin: 6.5rem 0; }
.page_facility .ly_facility .ly_content .left_item,
.page_facility .ly_facility .ly_content .right_item { width: calc(50% - 2.5rem); }
.page_facility .ly_facility .ly_content .right_item { align-self: flex-end; }
.page_facility .ly_facility .ly_content .st_dl02 > dl > dd { position: relative; }
.page_facility .ly_facility .ly_content .btn_move { position: absolute; top: -3.9rem; right: 0; }
.page_facility .ly_facility .ly_content .txt1 { font-size: 1.8rem; line-height: 1.778; color: #333; }
.page_facility .ly_facility .ly_content .root_daum_roughmap { width: 100%; }

/* ********************************************************************************* *
* 10) 문화도시
* ********************************************************************************* */
.page_cityCenter .title1 { font-size: 3.6rem; font-weight: 300; display: block; margin-bottom: 3rem; color: #222; }
.page_cityCenter .title1 .point { font-weight: 500; position: relative; z-index: 1; display: inline-block; }
.page_cityCenter .title1 .point:before { position: absolute; z-index: -1; right: -0.5rem; bottom: 0.4rem; left: -0.5rem; display: block; height: 1.8rem; content: ""; background: #daecff; }
.page_cityCenter .txt1 { font-size: 1.8rem; line-height: 1.778; margin-bottom: 9rem; color: #444; }
.page_cityCenter .item_list01 > ul { display: flex; margin: 0 -2.5rem; justify-content: center; }
.page_cityCenter .item_list01 > ul > li { width: 25%; padding: 0 2.5rem; }
.page_cityCenter .item_list01 > ul > li > .item { position: relative; text-align: center; }
.page_cityCenter .item_list01 > ul > li > .item .item_img { position: relative; width: 22.5rem; max-width: 100%; margin: 0 auto; margin-bottom: 2.5rem; background-repeat: no-repeat; background-position: center; background-size: contain; }
.page_cityCenter .item_list01 > ul > li > .item .item_img:before { display: block; padding-top: 100%; content: ""; }
.page_cityCenter .item_list01 > ul > li > .item .item_img span { font-size: 2.2rem; font-weight: bold; position: absolute; top: 70%; right: 0; left: 0; text-align: center; }
.page_cityCenter .item_list01 > ul > li.list1 > .item .item_img { background-image: url(/user/images/sub/07_city_center/icon_value04.png); }
.page_cityCenter .item_list01 > ul > li.list2 > .item .item_img { background-image: url(/user/images/sub/07_city_center/icon_value05.png); }
.page_cityCenter .item_list01 > ul > li.list3 > .item .item_img { background-image: url(/user/images/sub/07_city_center/icon_value06.png); }
.page_cityCenter .item_list01 > ul > li.list4 > .item .item_img { background-image: url(/user/images/sub/07_city_center/icon_value07.png); }
.page_cityCenter .item_list01 > ul > li.list1 > .item .item_img span { color: #4b8053; }
.page_cityCenter .item_list01 > ul > li.list2 > .item .item_img span { color: #f5a73b; }
.page_cityCenter .item_list01 > ul > li.list3 > .item .item_img span { color: #3a6b9d; }
.page_cityCenter .item_list01 > ul > li.list4 > .item .item_img span { color: #ed7c7c; }
.page_cityCenter .item_list01 > ul > li > .item .item_desc { font-size: 1.7rem; line-height: 1.7; color: #666; }
.page_cityCenter .section1 { min-height: 68rem; padding: 12rem 0; background: url(/user/images/sub/07_city_center/bg01.jpg) no-repeat center / cover; }
.page_cityCenter .item_list02 > ul { display: flex; margin: 0 -4rem; }
.page_cityCenter .item_list02 > ul > li { width: 50%; padding: 0 4rem; }
.page_cityCenter .item_list02 > ul > li > .item { text-align: center; }
.page_cityCenter .item_list02 > ul > li > .item .item_title { font-size: 2.4rem; margin-bottom: 3.5rem; color: #fff; }
.page_cityCenter .item_list02 > ul > li > .item .item_desc > li { font-size: 1.7rem; line-height: 1.7; display: flex; margin-bottom: 4rem; padding: 2.7rem 1.5rem; border-radius: 1rem; background: #fff2e0; align-items: center; justify-content: center; }
.page_cityCenter .item_list02 > ul > li > .item .item_desc > li:last-child { margin-bottom: 0; }
.page_cityCenter .item_list02 > ul > li.list1 > .item .item_desc > li { background: #fff2e0; }
.page_cityCenter .item_list02 > ul > li.list2 > .item .item_desc > li { background: #f0f7ff; }
.page_cityCenter .item_list03 > ul { display: flex; flex-wrap: wrap; }
.page_cityCenter .item_list03 > ul > li { width: 50%; margin-bottom: 6rem; }
.page_cityCenter .item_list03 > ul > li:last-child { margin-bottom: 0; }
.page_cityCenter .item_list03 > ul > li > .item { position: relative; padding-left: 2.5rem; color: #222; }
.page_cityCenter .item_list03 > ul > li > .item:before { position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 0.5rem; content: ""; }
.page_cityCenter .item_list03 > ul > li.list1 > .item:before { background: #016684; }
.page_cityCenter .item_list03 > ul > li.list2 > .item:before { background: #ffb901; }
.page_cityCenter .item_list03 > ul > li.list3 > .item:before { background: #00acba; }
.page_cityCenter .item_list03 > ul > li.list4 > .item:before { background: #ff8e0d; }
.page_cityCenter .item_list03 > ul > li.list5 > .item:before { background: #00be80; }
.page_cityCenter .item_list03 > ul > li > .item .item_title { font-size: 2rem; font-weight: bold; margin-bottom: 1.5rem; }
.page_cityCenter .item_list03 > ul > li > .item .item_desc { font-size: 1.7rem; }

/* 이메일 무단수집 거부 */
.page_email_reject .email_reject_box { background-color: #f5f5f5; padding: 7.5rem 2rem; padding-bottom: 7rem; }
.page_email_reject .email_reject_title { font-size: 2.8rem; font-weight: bold; color: #333; text-align: center; margin-bottom: 4rem; }
.page_email_reject .email_reject_title:before { content:""; display: block; width: 9.5rem; height: 6.5rem; margin: 0 auto; background: url(/user/images/common/icon_email.png) no-repeat center / contain; margin-bottom: 1rem; }
.page_email_reject .email_reject_desc { font-size: 1.8rem; color: #666; text-align: center; line-height: 1.8; }