@charset "UTF-8";

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

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

/*  01) sub layout
/*  02) board list
/*  03) board view
/****************************************/

/* ********************************************************************************* *
* 01) sub layout
* ********************************************************************************* */
html { font-size: 62.5%; }
body { font-size: 1.6rem; }
#container { overflow-x: hidden; overflow-y: visible; margin-top: 10rem; }
.inner { max-width: 123rem; margin: 0 auto; padding: 0 1.5rem; }
.inner2 { max-width: 160rem; margin: 0 auto; padding: 0 1.5rem; }
.sub_container { padding: 8rem 0; }

/* 폼 */
select.form_basic,
input[type="text"].form_basic,
input[type="password"].form_basic { max-width: 100%; height: 5rem; padding: 0 2rem; }
input[type="text"].form_basic.date { font-size: 1.5rem; width: 20rem; height: 4rem; padding: 0 1.5rem; padding-right: 4rem; background-image: url(/user/images/common/icon_date.png); background-repeat: no-repeat; background-position: right 1.5rem center; background-size: 1.7rem; }
select.form_basic { width: 23rem; padding-right: 3.5rem; background-image: url(/user/images/common/icon_select2.png); background-position: right 2rem center; background-size: 1.2rem; }
.st_form01 { display: flex; }
.st_form01 .form_input { height: 5rem; }
.st_form01 .form_btn { font-size: 1.6rem; font-weight: 300; line-height: 5rem; width: 10rem; height: 5rem; padding: 0 2rem; color: #fff; background-color: #333; }

/* 체크박스, 라디오박스 */
.st_chk_radio_list { display: flex; margin: -0.3rem -1.5rem; flex-wrap: wrap; }
.st_chk_radio_list.center { justify-content: center; }
.st_chk_radio_list > li { padding: 0.3rem 1.5rem; }
.st_chk_radio02_list { display: flex; margin: -0.5rem; flex-wrap: wrap; align-items: center; }
.st_chk_radio02_list > li { padding: 0.5rem; }
.st_chk_radio01 { display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.st_chk_radio01 input[type="checkbox"],
.st_chk_radio01 input[type="radio"] { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 0.1rem; height: auto; margin: 0; padding: 0; white-space: nowrap; border: 0; }
.st_chk_radio01 .txt_label { font-size: 1.6rem; display: flex; color: #666; align-items: flex-start; }
.st_chk_radio01 .txt_label:before { display: block; width: 2rem; height: 2rem; margin-right: 1rem; content: ""; background-color: #ccc; background-image: url(/user/images/common/icon_chk.png); background-repeat: no-repeat; background-position: center; background-size: 1.4rem; flex: 0 0 auto; }
.st_chk_radio01 input[type="checkbox"]:checked + .txt_label:before,
.st_chk_radio01 input[type="radio"]:checked + .txt_label:before { background-color: #222; }
.st_chk_radio02 { display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.st_chk_radio02 input[type="checkbox"],
.st_chk_radio02 input[type="radio"] { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 0.1rem; height: auto; margin: 0; padding: 0; white-space: nowrap; border: 0; }
.st_chk_radio02 .txt_label { font-size: 1.6rem; display: flex; height: 4rem; padding: 0 2rem; color: #777; border-radius: 10rem; background-color: #e3e6e9; align-items: center; }
.st_chk_radio02 input[type="checkbox"]:checked + .txt_label,
.st_chk_radio02 input[type="radio"]:checked + .txt_label { color: #222; background-color: #f5a73b; }

/* 텍스트 */
.st_txt01 { font-size: 2rem; font-weight: 600; display: block; color: #222; }
.st_txt02 { font-size: 3.2rem; font-weight: bold; display: block; color: #222; }
.st_txt03 { font-size: 1.7rem; font-weight: 400; display: block; color: #666; }
.st_txt04 { font-size: 2rem; font-weight: bold; display: block; color: #222; }
.st_txt05 { font-size: 3rem; font-weight: 500; display: block; color: #222; }
.st_txt05:after { display: block; width: 0.1rem; height: 2.8rem; margin: 0 auto; margin-top: 2rem; margin-bottom: 4rem; content: ""; background-color: #222; }
.st_txt06 { font-size: 3rem; font-weight: bold; display: block; color: #222; }
.st_txt07 { font-size: 1.7rem; font-weight: 500; position: relative; padding-left: 2rem; color: #222; }
.st_txt07:before { position: absolute; top: 0.9rem; left: 0; width: 0.5rem; height: 0.5rem; content: ""; background: #222; }
.st_txt08 { font-size: 1.6rem; position: relative; display: block; padding-left: 2.5rem; color: #666; }
.st_txt08:before { position: absolute; top: 0.2rem; left: 0; display: block; width: 1.4rem; height: 1.8rem; content: ""; background: url(/user/images/common/icon_location.png) no-repeat center; background-size: contain; }
.st_txt09 { font-size: 2.4rem; font-weight: bold; display: block; color: #333; }
.st_txt10 { font-size: 2rem; font-weight: 500; display: block; color: #222; }
.st_txt11 { font-size: 3rem; font-weight: 500; display: block; padding-bottom: 3rem; color: #3a6b9d; border-bottom: 0.1rem solid #ddd; }
.st_txt12 { position: relative; font-size: 3rem; font-weight: bold; display: block; color: #222; padding-left: 2rem; }
.st_txt12:before { content:""; display: block; position: absolute; left: 0; top: 50%; margin-top: -1.8rem; width: 0.5rem; height: 3.6rem; border-radius: 100px; background-color: #f5a63b; }

/* 리스트 */
.st_dl01 > dl > dt { font-size: 3rem; font-weight: 500; color: #222; }
.st_dl01 > dl > dt:after { display: block; width: 2.5rem; height: 0.3rem; margin: 2.5rem 0; content: ""; background: #ddd; }
.st_dl01 > dl > dd { font-size: 1.8rem; line-height: 1.778; color: #333; }
.st_dl02 > dl { margin-bottom: 2.5rem; }
.st_dl02 > dl:last-child { margin-bottom: 0; }
.st_dl02 > dl > dt { font-size: 1.8rem; font-weight: bold; margin-bottom: 1rem; color: #333; }
.st_dl02 > dl > dd { font-size: 1.6rem; color: #666; }
.st_dl03 > dl { display: flex; margin: 0 -1.5rem; align-items: baseline; }
.st_dl03 > dl > dt,
.st_dl03 > dl > dd { padding: 0 1.5rem; }
.st_dl03 > dl > dt { font-size: 1.8rem; font-weight: 600; position: relative; color: #222; flex: 0 0 auto; }
.st_dl03 > dl > dt:before { position: absolute; top: 0.5rem; right: 0; display: block; width: 0.1rem; height: 1.5rem; content: ""; background: #ddd; }
.st_dl03 > dl > dd { font-size: 1.6rem; color: #666; }
.st_dl04 > dl { font-size: 1.5rem; display: flex; margin-bottom: 1rem; }
.st_dl04 > dl:last-child { margin-bottom: 0; }
.st_dl04 > dl > dt { font-weight: 500; width: 9rem; color: #222; }
.st_dl04 > dl > dd { width: calc(100% - 9rem); color: #555; }
.st_dl05 > dl { display: flex; align-items: center; justify-content: center; }
.st_dl05 > dl > dt,
.st_dl05 > dl > dd { font-size: 2rem; height: 7rem; padding: 0 2rem; }
.st_dl05 > dl > dt { font-weight: bold; display: flex; min-width: 14rem; margin-right: 2rem; color: #fff; border-radius: 10rem; background: #222; align-items: center; justify-content: center; }
.st_dl05 > dl > dd { display: flex; min-width: 52rem; color: #222; border-radius: 10rem; background: #f1f1f1; align-items: center; justify-content: center; }
.st_dl06 > dl { font-size: 1.6rem; display: flex; margin-bottom: 1.5rem; align-items: flex-start; }
.st_dl06 > dl:last-child { margin-bottom: 0; }
.st_dl06 > dl > dt,
.st_dl06 > dl > dd { padding: 0.7rem 1.5rem; }
.st_dl06 > dl > dt { font-weight: 500; width: 10rem; text-align: center; color: #fff; border-radius: 10rem; background: #3a6b9d; flex: 0 0 auto; }
.st_dl07 > dl { display: flex; flex-wrap: wrap; gap: 1rem 3rem; margin-bottom: 2rem; }
.st_dl07 > dl:last-child { margin-bottom: 0; }
.st_dl07 > dl > dt { width: 100%; font-weight: 700; font-size: 1.7rem; }
.st_dl07 > dl > dd { display: flex; gap: 2rem; font-size: 1.5rem; }
.st_dl07 > dl > dd > span { position: relative; color: #555; }
.st_dl07 > dl > dd > span:before { position: absolute; top: 0.4rem; right: -1.1rem; display: block; width: 0.1rem; height: 1.4rem; content: ""; background: #ddd; }
.st_list01 > li { font-size: 1.5rem; position: relative; margin-bottom: 0.5rem; padding-left: 2rem; color: #999; }
.st_list01 > li:before { position: absolute; top: 0; left: 0; display: block; content: "※"; }
.st_list01 > li:last-child { margin-bottom: 0; }
.st_list02 { width: 100%; }
.st_list02 > ul { display: inline-block; }
.st_list02 > ul > li { position: relative; margin-bottom: 0.6rem; padding-left: 1rem; text-align: left; }
.st_list02 > ul > li:last-child { margin-bottom: 0; }
.st_list02 > ul > li:before { position: absolute; top: 0; left: 0; content: "-"; }
.st_list03 > ul > li { margin-bottom: 4rem; }
.st_list03 > ul > li:last-child { margin-bottom: 0; }
.st_list03 > ul > li > .item { display: flex; align-items: flex-start; }
.st_list03 > ul > li > .item .item_img { position: relative; width: 55rem; background-color: #eee; background-position: center; background-size: cover; }
.st_list03 > ul > li > .item .item_img:before { display: block; padding-top: 50.91%; content: ""; }
.st_list03 > ul > li > .item .item_content { width: calc(100% - 55rem); padding: 2.5rem 4rem; }
.st_list03 > ul > li > .item .item_content .item_title { font-size: 2.2rem; font-weight: 500; margin-bottom: 3.5rem; padding-bottom: 2.5rem; color: #333; border-bottom: 0.1rem solid #ddd; }
.st_list03 > ul > li > .item .item_content .item_info > dl { font-size: 1.6rem; margin-bottom: 2rem; }
.st_list04 { padding: 4rem 0; background: #f5f5f5; }
.st_list04 > ul { display: flex; }
.st_list04 > ul > li { padding: 0 4rem; border-right: 0.1rem solid #ddd; flex: 1 1 0; -ms-flex-preferred-size: 100%; }
.st_list04 > ul > li:last-child { border-right: 0; }
.st_list04 .st_dl04 > dl { font-size: 1.6rem; }
.st_list04 .st_dl04 > dl > dt { font-size: 1.7rem; }
.st_list04.type2 .st_dl04 > dl > dt { width: 25rem; }
.st_list04.type2 .st_dl04 > dl > dd { width: calc(100% - 25rem); }
.st_list04.type2 .st_list02 > ul { display: flex; flex-wrap: wrap; }
.st_list04.type2 .st_list02 > ul > li { width: 33.3%; }
.st_list04.type2 .st_list02.type2 > ul > li { width: 100%; }
.st_list05 > ul { display: flex; justify-content: center; }
.st_list05 > ul > li { width: 30rem; padding: 0 2rem; }
.st_list05 > ul > li > .item { font-size: 1.7rem; }
.st_list05 > ul > li > .item .item_title { font-weight: 500; display: flex; height: 6rem; color: #fff; border-radius: 0.8rem 0.8rem 0 0; background: #3a6b9d; align-items: center; justify-content: center; }
.st_list05 > ul > li > .item .item_desc { display: flex; height: 6rem; border: 0.1rem solid #ddd; border-top: 0; border-radius: 0 0 0.8rem 0.8rem; align-items: center; justify-content: center; }
.st_list06 > li { position: relative; margin-bottom: 0.5rem; padding-left: 1rem; }
.st_list06 > li:before { position: absolute; top: 1rem; left: 0; display: block; width: 0.2rem; height: 0.2rem; content: ""; background: #555; }
.st_list06 > li:last-child { margin-bottom: 0; }
.st_list07 > li { position: relative; margin-bottom: 0.5rem; padding-left: 1.3rem; }
.st_list07 > li:before { position: absolute; top: 1rem; left: 0; display: block; width: 0.5rem; height: 0.5rem; content: ""; border-radius: 100%; background: #3a6b9d; }
.st_list07 > li:last-child { margin-bottom: 0; }
.st_list07 ul { margin-top: 0.7rem; }
.st_list07 ul li { position: relative; margin-bottom: 0.5rem; padding-left: 1.3rem; color: #555; }
.st_list07 ul li:before { position: absolute; top: 1rem; left: 0; display: block; width: 0.5rem; height: 0.5rem; content: ""; border: 1px solid #555; border-radius: 100%; }
.st_list07 ul li:last-child { margin-bottom: 0; }
.st_list08 > li { margin-bottom: 5px; }
.st_list08 > li:last-child { margin-bottom: 0; }
.cm_doc_list1 .doc1_list { display: flex; flex-wrap: wrap; margin: -0.75rem; }
.cm_doc_list1 .doc1_list > li { width: 25%; padding: 0.75rem; }
.cm_doc_list1 .doc1_box { padding: 2rem 1.5rem; border:1px solid #ddd; text-align: center; line-height: 1.5; border-radius:1rem; min-height: 10rem; display: flex; align-items:center; justify-content: center; }
.cm_doc_list1 .doc1_title2 { font-size: 1.8rem; font-weight: 500; }
.cm_doc_list1 .doc1_desc { font-size: 1.4rem; }
.cm_doc_list1 .doc1_img { text-align: center; margin-bottom: 1.5rem; }
.cm_doc_list1 .doc1_img img { width: 6.3rem; }
.cm_doc_list1.type2 .doc1_box { background-color:#444; border:none; color: #fff; }
.cm_doc_list1.type2 .doc1_desc { color: #aaa; }
.cm_doc_list1.type3 .doc1_box { background-color:#f5f5f5; border:none; }
.cm_doc_list2 .doc2_list { display: flex; flex-wrap: wrap; margin: -0.75rem; }
.cm_doc_list2 .doc2_list > li { width: 25%; padding: 0.75rem; }
.cm_doc_list2 .doc2_box { position: relative; }
.cm_doc_list2 .doc2_box:before { content:""; display: block; position: absolute; left: 3rem; top:0; width: 1px; bottom: 0; background-color: #ddd; }
.cm_doc_list2 .doc2_content { position: relative; background-color:#fff; margin-bottom: 2rem; padding: 2rem 1.5rem; border:1px solid #ddd; text-align: center; border-radius:1rem; min-height: 10rem; display: flex; align-items:center; justify-content: center; }
.cm_doc_list2 .doc2_content2 { position: relative; background-color:#fff; padding: 2rem 1.5rem; border:1px solid #ddd; text-align: center; border-radius:1rem; min-height: 10rem; display: flex; align-items:center; justify-content: center; }
.cm_doc_list2 .doc2_title { font-weight: 500; }
.cm_doc_list2 .doc2_list > li.list1 .doc2_title { color:#44719e; }
.cm_doc_list2 .doc2_list > li.list2 .doc2_title { color:#f9a14a; }
.cm_doc_list2 .doc2_list > li.list3 .doc2_title { color:#4ba7b2; }
.cm_doc_list2 .doc2_list > li.list4 .doc2_title { color:#57835c; }
.cm_list1 > li { text-align: left; word-break: keep-all; position: relative; padding-left: 2.3rem; font-size: 1.5rem; color: #666; line-height: 1.5; margin-bottom: 1.5rem; }
.cm_list1 > li:last-child { margin-bottom: 0; }
.cm_list1 > li:before { position: absolute; left: 0; top: 0.8rem; content:""; width: 1.2rem; height: 0.8rem; display: block; background: url(/user/images/common/icon_chk2.png) no-repeat center / contain; }

/* 뷰 */
.st_view01 .item { display: flex; flex-wrap: wrap; align-items: flex-start; }
.st_view01 .item .item_thumb { width: 35rem; margin-right: 4rem; border: 0.1rem solid #ddd; }
.st_view01 .item .item_content { width: calc(100% - 39rem); }

/* 단계 */
.st_step01 { display: flex; margin: 0 -1rem; }
.st_step01 > li { position: relative; z-index: 1; padding: 0 1rem; text-align: center; flex: 1 1 0; -ms-flex-preferred-size: 100%; }
.st_step01 > li:before { position: absolute; z-index: -1; top: 3rem; right: 0; left: 0; display: block; height: 0.1rem; content: ""; background: #eee; }
.st_step01 > li:after { position: absolute; top: 2rem; right: 0; display: block; width: 1.4rem; height: 2.1rem; content: ""; background: url(/user/images/common/icon_right.png) no-repeat center; background-size: contain; }
.st_step01 > li:first-child:before { left: 50%; }
.st_step01 > li:last-child:before { right: 50%; }
.st_step01 > li:last-child:after { display: none; }
.st_step01 .item_num { font-size: 3rem; font-weight: 500; line-height: 5.8rem; display: inline-block; width: 6rem; height: 6rem; margin-bottom: 1.5rem; color: #f5a73b; border: 0.1rem solid transparent; border-radius: 100%; background: #fff2e0; }
.st_step01 > li.active .item_num { border-color: #f5a73b; background: #fff; }
.st_step01 > li.active2 .item_num { color: #fff; background: #f5a73b; }
.st_step01 > li.active2 .item_desc { font-weight: 500; color: #222; }

/* 포인트 */
.st_point01 { color: #3a6b9d; }
.st_point02 { color: #f42218; }
.st_point03 { color: #f5a73b; }

/* 말줄임 */
.st_ellipsis { overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; }

/* IR */
.st_ir { overflow: hidden !important; white-space: nowrap !important; text-indent: 100% !important; width: 120px !important; }

/* 상태 */
.st_state01 { font-size: 1.4rem; font-weight: 500; display: inline-block; min-width: 8.5rem; padding: 0.7rem 1.4rem; text-align: center; border: 0.1rem solid transparent; border-radius: 10rem; }
.st_state01.type1 { color: #fff; background-color: #353535; }
.st_state01.type2 { color: #bbb; border-color: #ddd; }
.st_state01.type3 { color: #fff; background-color: #aaa; }
.st_state02 { font-size: 1.5rem; font-weight: 500; display: inline-block; min-width: 4.5rem; padding: 0.3rem 0.5rem; text-align: center; color: #fff; }

/* 공연 */
.st_state02.type1 { background-color: #4488cd; }

/* 전시 */
.st_state02.type2 { background-color: #e15a5a; }

/* 행사 */
.st_state02.type3 { background-color: #f88c2c; }

/* 교육/체험 */
.st_state02.type4 { background-color: #38be3e; }

/* 세미나/포럼 */
.st_state02.type5 { background-color: #75b; }

/* 영화 */
.st_state02.type6 { background-color: #31b3e3; }

/* 기타 */
.st_state02.type { background-color: #707070; }
.st_state03 { 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; }
.st_state03.type1 { color: #fff; background-color: #4b8053; }
.st_state03.type2 { color: #bbb; border-color: #ddd; }
.st_state03.type3 { color: #fff; background-color: #bbb; }
.st_state04 { font-size: 1.3rem; font-weight: 400; display: inline-block; min-width: 7rem; padding: 0.6rem 0.5rem; text-align: center; color: #fff; border: 0.1rem solid transparent; }
.st_state04.type1 { background-color: #353535; }
.st_state04.type2 { background-color: #bbb; }
.st_state05 { font-size: 1.5rem; position: relative; padding: 0 1.5rem; }
.st_state05:before { position: absolute; top: 0.6rem; left: 0; display: block; width: 1rem; height: 1rem; content: ""; border-radius: 100%; }
.st_state05.type1 { color: #4488cd; }
.st_state05.type2 { color: #38be3e; }
.st_state05.type3 { color: #e15a5a; }
.st_state05.type4 { color: #f88c2c; }
.st_state05.type1:before { background: #4488cd; }
.st_state05.type2:before { background: #38be3e; }
.st_state05.type3:before { background: #e15a5a; }
.st_state05.type4:before { background: #f88c2c; }

/* 더보기 */
.st_more01 { font-size: 1.6rem; position: relative; display: inline-block; padding-right: 2.6rem; padding-bottom: 0.5rem; color: #888; background: url(/user/images/common/icon_more01.png) no-repeat right top 0.5rem; background-size: 1.4rem; }
.st_more01 b { font-weight: 600; color: #222; }
.st_more01:before { position: absolute; right: 0; bottom: -0.1rem; left: 0; height: 0.1rem; content: ""; transition: all 0.4s; transform: scaleX(0); background: #222; }
.st_more01:hover:before { transform: scaleX(1); }

/* 서브 탑 비주얼 */
.sub_top_visual { height: 35rem; margin-bottom: 3rem; background-color: #888; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.sub_top_visual.visual1 { background-image: url(/user/images/common/sub_visual1.jpg); }
.sub_top_visual.visual2 { background-image: url(/user/images/common/sub_visual2.jpg); }
.sub_top_visual.visual3 { background-image: url(/user/images/common/sub_visual3.jpg); }
.sub_top_visual.visual4 { background-image: url(/user/images/common/sub_visual4.jpg?v1); }
.sub_top_visual.visual5 { background-image: url(/user/images/common/sub_visual5.jpg); }
.sub_top_visual.visual6 { background-image: url(/user/images/common/sub_visual6.jpg); }
.sub_top_visual.visual7 { background-image: url(/user/images/common/sub_visual7.jpg); }
.sub_top_visual .stv_title { font-size: 4rem; font-weight: bold; display: flex; height: 35rem; color: #fff; align-items: center; justify-content: center; }

/* 서브 네비게이션 */
.sub_top_visual .stv_nav { font-size: 1.6rem; line-height: 7rem; position: relative; top: -3rem; display: flex; height: 7rem; color: #222; background: #222; }
.sub_top_visual .stv_nav > * { position: relative; width: 33.3%; }
.sub_top_visual .stv_nav > *:after { position: absolute; top: 50%; right: 0; display: block; width: 0.1rem; height: 4rem; margin-top: -2rem; content: ""; background-color: #4e4e4e; }
.sub_top_visual .stv_nav > *:nth-of-type(3):after { display: none; }
.sub_top_visual .stv_nav .home { display: block; width: 7rem; background: url(/user/images/common/icon_home.png) no-repeat center; flex: 0 0 auto; }
.sub_top_visual .stv_nav .nav_name { font-size: 1.6rem; width: 100%; padding: 0 3rem; text-align: left; color: #fff; background-color: transparent; }
.sub_top_visual .stv_nav .nav_name .button_fixed { position: relative; }
.sub_top_visual .stv_nav .nav_select { position: relative; z-index: 3; cursor: pointer; }
.sub_top_visual .stv_nav .nav_select:before { position: absolute; z-index: 1; top: 50%; right: 3rem; display: block; width: 1.2rem; height: 0.6rem; margin-top: -0.3rem; content: ""; background: url(/user/images/common/icon_select.png) no-repeat center; background-size: 1.2rem; }
.sub_top_visual .stv_nav .nav_select.active .nav_select_list { display: block; }
.sub_top_visual .stv_nav .nav_select.active:before { transform: rotate(180deg); }
.sub_top_visual .nav_select_list { line-height: 1.3; display: none; border: 0.1rem solid #e4e4e4; border-top: none; background: #fff; }
.sub_top_visual .nav_select_list > li { color: #222; }
.sub_top_visual .nav_select_list > li > a { display: block; padding: 1.5rem 3rem; }
.sub_top_visual .nav_select_list > li > a:hover { background: #f8f8f8; }

/* 검색 */
.st_search01 { margin-bottom: 4rem; padding: 2.5rem; background: #f7f8f9; }
.st_search01 .search_control { display: flex; justify-content: center; }
.st_search01 .search_control .search_item { position: relative; margin: 0 0.5rem; }
.st_search01 .search_control .search_item input[type="text"].form_basic { width: 40rem; padding-right: 6rem; }
.st_search01 .search_control .search_item .search_btn { position: absolute; top: 0; right: 0; width: 6rem; height: 5rem; padding: 0; border: 0; background: url(/user/images/common/icon_search.png) no-repeat center; background-size: 1.9rem; }
.st_search02 { margin-bottom: 4rem; padding: 4rem; background: #f7f8f9; }
.st_search02 .search_list .search_list_item { display: flex; margin-bottom: 2rem; align-items: baseline; }
.st_search02 .search_list .search_list_item:last-child { margin-bottom: 0; }
.st_search02 .search_list .search_list_item .item_title { font-size: 1.7rem; font-weight: 500; position: relative; min-width: 6rem; margin-right: 2.8rem; padding-right: 3rem; color: #222; flex: 0 0 auto; }
.st_search02 .search_list .search_list_item .item_title:before { position: absolute; top: 0.2rem; right: 0; display: block; width: 0.1rem; height: 2rem; content: ""; background: #ccc; }
.st_search02 .search_list .search_list_item .item_content { flex: 1 1 auto; }
.st_search02 .search_control { display: flex; margin: 0 -0.5rem; margin-top: 2rem; }
.st_search02 .search_control .search_item { position: relative; margin: 0 0.5rem; }
.st_search02 .search_control .search_item input[type="text"].form_basic { width: 66rem; }
.st_search02 .form_control { display: flex; align-items: center; }
.st_search02 .form_control .wave { margin: 0 1rem; }
.st_search02 .ly_search_btn { display: flex; justify-content: center; }
.st_search02 .ly_search_btn .search_btn { font-size: 1.7rem; font-weight: 500; line-height: 5rem; width: 20rem; height: 5rem; text-align: center; color: #fff; border: 0; background: #222; }

/* 탭 */
.st_tab01 { margin-bottom: 3rem; }
.st_tab01 > ul { display: flex; margin: 0 -1.5rem; }
.st_tab01 > ul > li { position: relative; padding: 0 1.5rem; }
.st_tab01 > ul > li:before { position: absolute; top: 50%; right: 0; display: block; width: 0.1rem; height: 2.5rem; margin-top: -1.25rem; content: ""; background-color: #ddd; }
.st_tab01 > ul > li:last-child:before { display: none; }
.st_tab01 > ul > li > a { font-size: 2rem; font-weight: bold; display: block; padding: 1rem 2rem; color: #aaa; border-radius: 10rem; }
.st_tab01 > ul > li.active > a { color: #fff; box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.2); }
.st_tab01 > ul > li.tab_all.active > a { background-color: #555; box-shadow: 0 0.5rem 2rem 0 rgba(85, 85, 85, 0.35); }
.st_tab01 > ul > li.tab_notice.active > a { background-color: #4b8053; box-shadow: 0 0.5rem 2rem 0 rgba(75, 128, 83, 0.35); }
.st_tab01 > ul > li.tab_announcement.active > a { background-color: #3a6b9d; box-shadow: 0 0.5rem 2rem 0 rgba(58, 107, 157, 0.35); }
.st_tab01 > ul > li.tab_other.active > a { background-color: #f88c2c; box-shadow: 0 0.5rem 2rem 0 rgba(248, 140, 44, 0.35); }
.st_tab02 { margin-bottom: 6.5rem; word-break: keep-all; }
.st_tab02 > ul { display: flex; flex-wrap: wrap; }
.st_tab02 > ul > li { width: 20%; flex: 0 1 auto; }
.st_tab02 > ul > li > a { font-size: 1.8rem; display: flex; height: 100%; padding: 1.8rem 1.5rem; text-align: center; color: #aaa; box-shadow: 0.1rem 0 0 0 #eee, 0 0.1rem 0 0 #eee, 0.1rem 0.1rem 0 0 #eee, 0.1rem 0 0 0 #eee inset, 0 0.1rem 0 0 #eee inset; align-items: center; justify-content: center; }
.st_tab02 > ul > li.active > a { color: #fff; background-color: #3a6b9d; box-shadow: none; }
.st_tab02.type2 > ul { flex-wrap: nowrap; }
.st_tab02.type2 > ul > li { width: auto; flex: 1 1 0; -ms-flex-preferred-size: 100%; }
.st_tab03 { margin-bottom: 5rem; }
.st_tab03 > ul { display: flex; margin: -0.5rem; flex-wrap: wrap; }
.st_tab03 > ul > li { padding: 0.5rem; flex: 0 0 auto; }
.st_tab03 > ul > li > a { font-size: 1.8rem; font-weight: 500; display: flex; min-width: 10rem; height: 4.5rem; padding: 0 1.5rem; color: #aaa; border: 0.1rem solid #ddd; border-radius: 10rem; align-items: center; justify-content: center; }
.st_tab03 > ul > li.active > a { color: #fff; border-color: transparent; background-color: #f5a73b; }
.st_tab04 { position: relative; margin-bottom: 3.5rem; }
.st_tab04:before { position: absolute; right: 0; bottom: 0.5rem; left: 0; display: block; height: 0.1rem; content: ""; background: #ddd; }
.st_tab04 > ul { display: flex; margin: -0.5rem -2rem; flex-wrap: wrap; }
.st_tab04 > ul > li { position: relative; padding: 0.5rem 2rem; }
.st_tab04 > ul > li:before { position: absolute; top: 0.8rem; right: 0; display: block; width: 0.1rem; height: 1.8rem; content: ""; background: #ddd; }
.st_tab04 > ul > li:last-child:before { display: none; }
.st_tab04 > ul > li > a { font-size: 1.8rem; font-weight: bold; display: block; color: #aaa; }
.st_tab04 > ul > li > a span { position: relative; display: block; padding-bottom: 2rem; }
.st_tab04 > ul > li > a span:before { position: absolute; right: 0; bottom: 0; left: 0; display: none; height: 0.4rem; content: ""; background: #f5a73b; }
.st_tab04 > ul > li.active > a { color: #222; }
.st_tab04 > ul > li.active > a span:before { display: block; }

/* 탭 컨트롤 */
.js_tab_content { display: none; }
.js_tab_content:nth-child(1) { display: block; }

/* 버튼 */
.st_btn_area01 { display: flex; margin: 5rem -1.5rem; align-items: center; justify-content: center; }
.st_btn_area01.right { justify-content: flex-end; }
.st_btn_area01 [class^="st_btn"] { margin: 0 1.5rem !important; }
.st_btn_list01 { display: flex; margin: 1rem -0.3rem; align-items: center; }
.st_btn_list01.center { justify-content: center; }
.st_btn_list01.right { justify-content: space-between; }
.st_btn_list01 [class^="st_btn"] { margin: 0 0.3rem; }
.st_btn_list01 .mb15 { margin-bottom: 0 !important; }
.st_btn01 { font-size: 1.8rem; font-weight: bold; display: inline-block; padding: 1.5rem 2.5rem; text-align: center; color: #222; border: 0.1rem solid #333; background-color: #fff; }
.st_btn01 span { position: relative; padding-right: 3.5rem; }
.st_btn01 span:before { position: absolute; top: 50%; right: 0; display: block; width: 1.6rem; height: 1.5rem; margin-top: -0.75rem; content: ""; background: url(/user/images/common/icon_quick.png) no-repeat center; background-size: contain; }
.st_btn01:hover { color: #fff; border-color: transparent; background-color: #222; }
.st_btn01:hover span:before { background-image: url(/user/images/common/icon_quick02.png); }
.st_btn02 { font-size: 1.5rem; font-weight: 400; display: inline-block; padding: 0.9rem 2rem; text-align: center; color: #222; border: 0.1rem solid #333; }
.st_btn02 span { position: relative; padding-right: 3rem; }
.st_btn02 span:before { position: absolute; top: 50%; right: 0; display: block; width: 0.7rem; height: 1.2rem; margin-top: -0.6rem; content: ""; background: url(/user/images/common/icon_more04.png) no-repeat center; background-size: 0.7rem; }
.st_btn02.type2 span { padding-right: 5.5rem; }
.st_btn02.type2 span:before { width: 2.2rem; height: 1.5rem; margin-top: -0.75rem; background-image: url(/user/images/common/icon_download2.png); background-size: 2.2rem; }
.st_btn02.type3 span:before { width: 1.5rem; height: 1.5rem; margin-top: -0.75rem; background-image: url(/user/images/common/icon_quick2.png); background-size: 1.5rem; }
.st_btn03 { font-size: 1.6rem; font-weight: 400; display: inline-flex; min-width: 15rem; max-width: 100%; height: 6rem; padding: 0 1.5rem; color: #fff; background: #353535; align-items: center; justify-content: center; }
.st_btn04 { font-size: 1.6rem; font-weight: 400; display: inline-flex; min-width: 12rem; max-width: 100%; height: 5rem; padding: 0 1.5rem; color: #353535; border: 0.1rem solid #353535 !important; background: #fff; align-items: center; justify-content: center; }

/* 박스 */
.st_box01 { line-height: 1.6; padding: 3rem; border-top: 0.1rem solid #000; border-bottom: 0.1rem solid #bbb; }
.st_box02 { position: relative; display: flex; padding: 1.5rem 3rem; text-align: center; background-image: url(/user/images/common/icon_bracket_left_top.png), url(/user/images/common/icon_bracket_left_bottom.png), url(/user/images/common/icon_bracket_right_top.png), url(/user/images/common/icon_bracket_right_bottom.png); background-repeat: no-repeat; background-position: left top, left bottom, right top, right bottom; background-size: 3rem, 3rem, 3.1rem, 3.1rem; align-items: center; justify-content: center; }
.st_box02:before,
.st_box02:after { position: absolute; top: 3rem; bottom: 3rem; display: block; width: 0.9rem; content: ""; background: url(/user/images/common/icon_bracket_bar.png) repeat-y; background-size: contain; }
.st_box02:before { left: 0; }
.st_box02:after { right: 0; }
.st_box02 .box_txt { font-size: 2.4rem; line-height: 1.667; color: #444; }
.st_box02 .box_txt .point01 { font-weight: 500; color: #3a6b9d; }

/* 오버레이 */
.st_overlay01 { position: absolute; top: 0; left: 0; display: -ms-flex; display: flex; width: 100%; height: 100%; transition: all 0.4s; opacity: 0; background: rgba(0, 0, 0, 0.7); align-items: center; justify-content: center; }
.st_overlay01 .btn { font-size: 1.6rem; font-weight: 700; line-height: normal; position: relative; left: -2rem; display: inline-block; min-width: 15rem; padding: 1.5rem 2.8rem; padding-right: 6.2rem; cursor: pointer; transition: all 0.2s; text-align: center; text-transform: uppercase; opacity: 0; color: #fff; border: 0.2rem solid #000; border-color: #fff; border-radius: 0; background-color: transparent; background-image: url("/user/images/common/icon_more03.png"); background-repeat: no-repeat; background-position: right 2.3rem top 2.2rem; background-size: 1.4rem; }
.st_overlay01_hover:hover .st_overlay01 { opacity: 1; }
.st_overlay01_hover:hover .st_overlay01 .btn { left: 0; transition: all 0.1s ease 0.2s; opacity: 1; }

/* 테이블 */
.st_table01 { display: flex; flex-direction: column; padding: 2rem 0; border-top: 0.1rem solid #000; border-bottom: 0.1rem solid #ddd; background: #fff; }
.st_table01 tbody { display: block; }
.st_table01 tbody tr { display: flex; padding: 1rem 0; }
.st_table01 tbody tr th,
.st_table01 tbody tr td { font-size: 1.6rem; display: flex; min-height: 5rem; padding: 1rem 2rem; color: #222; align-items: center; }
.st_table01 tbody tr th { font-weight: 500; width: 16rem; text-align: center; background-color: #eee; flex: 0 0 auto; justify-content: center; }
.st_table01 tbody tr td { width: calc(100% - 16rem); flex: 1 1 auto; }
.st_table02 { display: flex; flex-direction: column; border-top: 0.1rem solid #000; border-bottom: 0.1rem solid #ddd; background: #fff; }
.st_table02 > tbody { display: block; }
.st_table02 > tbody > tr { display: flex; border-bottom: 0.1rem solid #ddd; }
.st_table02 > tbody > tr:last-child { border-bottom: 0; }
.st_table02 > tbody > tr > th,
.st_table02 > tbody > tr > td { font-size: 1.6rem; display: flex; min-height: 10rem; padding: 2.5rem 4rem; word-break: keep-all; color: #222; align-items: center; }
.st_table02.baseline > tbody > tr > th,
.st_table02.baseline > tbody > tr > td { align-items: baseline; }
.st_table02 > tbody > tr > th { font-size: 1.7rem; font-weight: 500; width: 23rem; text-align: left; flex: 0 0 auto; }
.st_table02 > tbody > tr > td { width: calc(100% - 23rem); color: #666; flex: 1 1 auto; }
.st_table02.type2 > tbody > tr { position: relative; }
.st_table02.type2 > tbody > tr > th { width: auto; padding-right: 30rem; flex: 1 1 auto; }
.st_table02.type2 > tbody > tr > td { position: absolute; top: 50%; right: 4rem; width: auto; height: 10rem; padding: 0; transform: translateY(-50%); }
.st_table02.type2 > tbody > tr > td [class^="st_btn"] { margin-left: 0.5rem; }
.st_table02.type3 > tbody > tr { flex-direction: column; }
.st_table02.type3 > tbody > tr > th { width: 100%; border-bottom: 1px solid #eee; }
.st_table02.type3 > tbody > tr > td { width: 100%; }
.st_table02.type3 > tbody > tr > th,
.st_table02.type3 > tbody > tr > td { min-height: auto; }
.st_table03_wrap { position: relative; }
.st_table03_wrap .table_ex_txt { position: absolute; right: 0; bottom: 100%; margin-bottom: 1.3rem; color: #f42218; }
.st_table03 { position: relative; border-top: 0.1rem solid #000; }
.st_table03 table { border-top: hidden; }
.st_table03.type2 table { table-layout: fixed; }
.st_table03 th,
.st_table03 td { height: 6rem; padding: 1rem 2rem; text-align: center; vertical-align: middle; border: 0.1rem solid #ddd; }
.st_table03 th { background: #f5f5f5; }
.st_table03 thead th { font-weight: 500; color: #222; }
.st_table03 .link { display: inline-block; max-width: 100%; }
.st_table04 table { border-right: hidden; border-left: hidden; }
.st_table04 thead { border-top: 1px solid #000; border-bottom: 1px double #000; }
.st_table04 thead th { font-size: 1.6rem; font-weight: 500; height: 7rem; padding: 1rem; text-align: center; color: #222; }
.st_table04 tbody th,
.st_table04 tbody td { font-size: 1.6rem; height: 6rem; padding: 1rem; text-align: center; color: #222; border: 1px solid #ddd; }
.st_table04 tbody th { background: #fffcf1; }
.st_table05 { position: relative; border-top: 1px solid #000; overflow: auto; }
.st_table05 table { border-top: hidden; }
.st_table05 table tr { padding: 0; }
.st_table05 th,
.st_table05 td { height: 5rem; padding: 1rem; text-align: center; vertical-align: middle; border: 1px solid #ddd; word-break: keep-all; }
.st_table05 th { background: #f5f5f5; }
.st_table05 thead th { font-weight: 500; color: #222; }


/* 연혁 */
.st_history01 { padding: 1.5rem 0; border-top: 0.1rem solid #000; border-bottom: 0.1rem solid #ddd; }
.st_history01 > ul { position: relative; }
.st_history01 > ul:before { position: absolute; top: 3.5rem; bottom: 3.5rem; left: 27.9rem; width: 0.1rem; content: ""; background: #ddd; }
.st_history01 > ul > li { padding: 2.5rem 0; }
.st_history01 > ul > li > .item { display: flex; align-items: flex-start; justify-content: center; }
.st_history01 > ul > li > .item .item_title,
.st_history01 > ul > li > .item .item_desc { padding: 0 4rem; }
.st_history01 > ul > li > .item .item_title { font-size: 1.6rem; font-weight: 500; position: relative; width: 28rem; text-align: center; color: #222; flex: 0 0 auto; }
.st_history01 > ul > li > .item .item_title:before { position: absolute; top: 50%; right: -0.9rem; display: block; width: 1.8rem; height: 1.8rem; margin-top: -0.9rem; content: ""; background: url(/user/images/common/icon_dot.png) no-repeat center; background-size: 1.8rem; }
.st_history01 > ul > li > .item .item_desc { font-size: 1.8rem; width: calc(100% - 28rem); color: #555; }
.st_history01 > ul > li > .item .item_desc .icon { padding-left: 3.5rem; background-repeat: no-repeat; }
.st_history01 > ul > li > .item .item_desc .icon.icon1 { background-image: url(/user/images/common/icon_map.png); background-position: left 1.5rem top 0.3rem; background-size: 1.2rem; }
.st_history01 > ul > li > .item .item_subject { font-size: 1.8rem; font-weight: 600; position: relative; color: #222; }
.st_history01 > ul > li > .item .item_info { font-size: 1.6rem; color: #666; margin-top: 10px; }
.st_history01 > ul > li > .item .item_info ul {  }
.st_history01 > ul > li > .item .item_info ul li { position: relative; margin-bottom: 10px; }
.st_history01 > ul > li > .item .item_info ul li:last-child { margin-bottom: 0; }
.st_history01 > ul > li > .item .item_info .info_icon1 { position: relative; padding-left: 20px; }
.st_history01 > ul > li > .item .item_info .info_icon1:before { position: absolute; left: 0; top: 50%; margin-top: -7.5px; content:""; width: 12px; height: 15px; display: block; background: url(/user/images/common/icon_map.png) no-repeat center / contain; }



/* 페이징 */
.st_paging01 { display: flex; margin-top: 5rem; justify-content: center; }
.st_paging01 .page_link { font-size: 1.5rem; line-height: 3.5rem; display: block; width: 3.5rem; height: 3.5rem; margin: 0 0.3rem; text-align: center; color: #777; }
.st_paging01 .page_link.control { width: 2rem; background-repeat: no-repeat; background-position: center; }
.st_paging01 .page_link.control.first { background-image: url(/user/images/common/icon_paging_first.png); }
.st_paging01 .page_link.control.prev { background-image: url(/user/images/common/icon_paging_prev.png); }
.st_paging01 .page_link.control.next { background-image: url(/user/images/common/icon_paging_next.png); }
.st_paging01 .page_link.control.last { background-image: url(/user/images/common/icon_paging_last.png); }
.st_paging01 .page_link.active,
.st_paging01 .page_link:hover { color: #fff; background-color: #333; }
.st_paging01 .page_link.control:hover { background-color: transparent; }

/* 노이미지 */
.st_noimg01 { background: #f5f5f5 url(/user/images/common/no_img.png) no-repeat center; background-size: auto !important; }
.st_noimg02 { background-size: auto !important; }
.st_noimg02.type0 { background-color: #f5f5f5; background-image: url(/user/images/noimg/noimg_artist_base.jpg); }
.st_noimg02.type1 { background-color: #f6eefd; background-image: url(/user/images/noimg/noimg_artist_01.jpg); }
.st_noimg02.type2 { background-color: #eaf2f5; background-image: url(/user/images/noimg/noimg_artist_02.jpg); }
.st_noimg02.type3 { background-color: #f9f1e6; background-image: url(/user/images/noimg/noimg_artist_03.jpg); }
.st_noimg02.type4 { background-color: #f6f3ea; background-image: url(/user/images/noimg/noimg_artist_04.jpg); }
.st_noimg02.type5 { background-color: #f4e8ec; background-image: url(/user/images/noimg/noimg_artist_05.jpg); }
.st_noimg02.type6 { background-color: #f6ebe9; background-image: url(/user/images/noimg/noimg_artist_06.jpg); }
.st_noimg02.type7 { background-color: #e6e9f0; background-image: url(/user/images/noimg/noimg_artist_07.jpg); }
.st_noimg03 { background-size: auto !important; }
.st_noimg03.type1 { background-color: #f4f9ff; background-image: url(/user/images/noimg/noimg_cultural_events_01.jpg); }

/* 공연 */
.st_noimg03.type2 { background-color: #fceeee; background-image: url(/user/images/noimg/noimg_cultural_events_02.jpg); }

/* 전시 */
.st_noimg03.type3 { background-color: #faf1ea; background-image: url(/user/images/noimg/noimg_cultural_events_03.jpg); }

/* 행사 */
.st_noimg03.type4 { background-color: #effbf1; background-image: url(/user/images/noimg/noimg_cultural_events_04.jpg); }

/* 교육/체험 */
.st_noimg03.type5 { background-color: #f5f2fd; background-image: url(/user/images/noimg/noimg_cultural_events_05.jpg); }

/* 세미나/포럼 */
.st_noimg03.type6 { background-color: #f0f9fe; background-image: url(/user/images/noimg/noimg_cultural_events_06.jpg); }

/* 영화 */
.st_noimg03.type7 { background-color: #f5f5f5; background-image: url(/user/images/noimg/noimg_cultural_events_07.jpg); }

/* 기타 */
.st_noimg04 { background-size: auto !important; }
.st_noimg04.type0 { background-color: #f5f5f5; background-image: url(/user/images/noimg/noimg_club_base.jpg); }

/* 기타 */
.st_noimg04.type1 { background-color: #efebe8; background-image: url(/user/images/noimg/noimg_club_01.jpg); }

/* 국악 */
.st_noimg04.type2 { background-color: #f3f0e9; background-image: url(/user/images/noimg/noimg_club_02.jpg); }

/* 풍물 */
.st_noimg04.type3 { background-color: #f4e8ec; background-image: url(/user/images/noimg/noimg_club_03.jpg); }

/* 무용 */
.st_noimg04.type4 { background-color: #f1ebf7; background-image: url(/user/images/noimg/noimg_club_04.jpg); }

/* 댄스 */
.st_noimg04.type5 { background-color: #eaedf6; background-image: url(/user/images/noimg/noimg_club_05.jpg); }

/* 합창 */
.st_noimg04.type6 { background-color: #f6f1eb; background-image: url(/user/images/noimg/noimg_club_06.jpg); }

/* 관현악 */
.st_noimg04.type7 { background-color: #ebf5f6; background-image: url(/user/images/noimg/noimg_club_07.jpg); }

/* 밴드 */
.st_noimg04.type8 { background-color: #f8eaea; background-image: url(/user/images/noimg/noimg_club_08.jpg); }

/* 타악 */
.st_noimg04.type9 { background-color: #f5f5e9; background-image: url(/user/images/noimg/noimg_club_09.jpg); }

/* 회화 */
.st_noimg04.type10 { background-color: #eef6e9; background-image: url(/user/images/noimg/noimg_club_10.jpg); }

/* 사진 */
.st_noimg04.type11 { background-color: #eef1fa; background-image: url(/user/images/noimg/noimg_club_11.jpg); }

/* 공예 */
.st_noimg04.type12 { background-color: #eaf2f5; background-image: url(/user/images/noimg/noimg_club_12.jpg); }

/* 문학 */

/* SNS리스트 */
.st_sns_list01 > ul { display: flex; margin: 0 -0.5rem; }
.st_sns_list01 > ul > li { padding: 0 0.5rem; }
.st_sns_list01 > ul > li > a { display: block; width: 6rem; height: 6rem; border: 0.1rem solid #ddd; border-radius: 100%; background-repeat: no-repeat; background-position: center; }
.st_sns_list01 > ul > li > a.facebook { background-image: url(/user/images/common/icon_sns_facebook2.png); }
.st_sns_list01 > ul > li > a.kakaostroy { background-image: url(/user/images/common/icon_sns_kakaostroy.png); }
.st_sns_list02 > ul { display: flex; margin: 0 -0.5rem; }
.st_sns_list02 > ul > li { padding: 0 0.5rem; }
.st_sns_list02 > ul > li > a { display: block; width: 3.5rem; height: 3.5rem; border: 0.1rem solid transparent; border-radius: 100%; background-color: #333; background-repeat: no-repeat; background-position: center; }
.st_sns_list02 > ul > li > a.facebook { background-image: url(/user/images/common/icon_sns_facebook3.png); }
.st_sns_list02 > ul > li > a.insta { background-image: url(/user/images/common/icon_sns_instagram3.png); }
.st_sns_list02 > ul > li > a.youtube { background-image: url(/user/images/common/icon_sns_youtube3.png); }

/* 팝업 */
.st_popup { position: fixed; z-index: 2022; top: 0; left: 0; display: table; visibility: hidden; width: 100%; height: 100%; table-layout: fixed; transition: all linear 0.1s; opacity: 0; background: rgba(0, 0, 0, 0.4); }
.st_popup .popup_wrap { display: table-cell; vertical-align: middle; }
.st_popup .popup_body { position: relative; overflow: hidden; width: 50rem; margin: auto; background-color: #fff; }
.st_popup .popup_header { position: relative; z-index: 2; top: 0; left: 0; width: 100%; border-bottom: 0.1rem solid #ddd; }
.st_popup .popup_header .header-title { font-size: 2.4rem; font-weight: bold; display: block; margin: 0; padding: 2rem 3rem; color: #222; }
.st_popup .popup_content { position: relative; overflow-y: auto; max-height: 75vh; padding: 3rem; background: #fff; }
.st_popup .popup_footer { position: relative; bottom: 0; left: 0; width: 100%; padding: 1.5rem 0; text-align: center; color: #fff; border-top: 0.1rem solid #ddd; background: #f0f0f0; }
.st_popup .popup_footer button { font-size: 1.4rem; font-weight: bold; min-width: 9rem; height: 3.7rem; padding: 0 1rem; border: 0.1rem solid #aaa; background: #ddd; }
.st_popup .popup_footer button:hover { background: #ccc; }
.st_popup .popup_type1 { width: 35rem; margin: 0 auto; padding: 4.5rem 0; }
.st_popup .popup_close { position: absolute; z-index: 3; top: 3rem; right: 3rem; width: 2rem; height: 2rem; background: url(/user/images/common/icon_close.png) no-repeat center; background-size: 1.8rem; }

/* 이벤트 팝업 */
.st_popup.pop_event .popup_body { width: 100rem; }
.st_popup.pop_event .popup_close { top: 2.5rem; }
.modal-open { overflow: hidden; }
.modal-on { visibility: visible !important; opacity: 1 !important; }

/* 아이콘 */
.st_icon01 { font-size: 1.8rem; text-align: center; color: #000; }
.st_icon01:before { display: block; margin: 0 auto; margin-bottom: 3.5rem; content: ""; background-repeat: no-repeat; background-position: center; }
.st_icon01.type1:before { width: 6rem; height: 5.7rem; background-image: url(/user/images/common/icon_select3.png); background-size: 6rem; }

/* 파일 */
.st_file_list01 > li { font-size: 1.6rem; margin-bottom: 0.5rem; color: #666; }
.st_file_list01 > li:last-child { margin-bottom: 0; }
.st_file_list01 > li > a { display: inline-block; padding: 0.3rem 0; padding-left: 3.8rem; background: url(/user/images/common/icon_file.png) no-repeat left top 0.7rem; background-size: 1.8rem; }

/* 에디터 */
.st_editor { padding: 30px 10px; font-size: 13px; line-height: 1.6; word-wrap: break-word; }
.st_editor * { all: unset; }
.st_editor html { display: block; }
.st_editor head { display: none; }
.st_editor meta { display: none; }
.st_editor title { display: none; }
.st_editor link { display: none; }
.st_editor style { display: none; }
.st_editor script { display: none; }
.st_editor body { display: block; margin: 8px; }
.st_editor body:-webkit-full-page-media { background-color: rgb(0, 0, 0); }
.st_editor p { display: block; -webkit-margin-before: 1__qem; -webkit-margin-after: 1__qem; -webkit-margin-start: 0; -webkit-margin-end: 0; }
.st_editor div { display: block; }
.st_editor layer { display: block; }
.st_editor article,
.st_editor aside,
.st_editor footer,
.st_editor header,
.st_editor hgroup,
.st_editor main,
.st_editor nav,
.st_editor section { display: block; }
.st_editor marquee { display: inline-block; }
.st_editor address { display: block; }
.st_editor blockquote { display: block; -webkit-margin-before: 1__qem; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px; }
.st_editor figcaption { display: block; }
.st_editor figure { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px; }
.st_editor q { display: inline; }
.st_editor q:before { content: open-quote; }
.st_editor q:after { content: close-quote; }
.st_editor center { display: block; text-align: -webkit-center; }
.st_editor hr { display: block; -webkit-margin-before: 0.5em; -webkit-margin-after: 0.5em; -webkit-margin-start: auto; -webkit-margin-end: auto; border-width: 1px; border-style: inset; }
.st_editor map { display: inline; }
.st_editor video { object-fit: contain; }
.st_editor h1 { display: block; font-size: 2em; -webkit-margin-before: 0.67__qem; -webkit-margin-after: 0.67em; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: bold; }
.st_editor:-webkit-any(article,
aside,
nav,
section) h1 { font-size: 1.5em; -webkit-margin-before: 0.83__qem; -webkit-margin-after: 0.83em; }
.st_editor:-webkit-any(article,
aside,
nav,
section):-webkit-any(article,
aside,
nav,
section) h1 { font-size: 1.17em; -webkit-margin-before: 1__qem; -webkit-margin-after: 1em; }
.st_editor:-webkit-any(article,
aside,
nav,
section):-webkit-any(article,
aside,
nav,
section):-webkit-any(article,
aside,
nav,
section) h1 { font-size: 1em; -webkit-margin-before: 1.33__qem; -webkit-margin-after: 1.33em; }
.st_editor:-webkit-any(article,
aside,
nav,
section):-webkit-any(article,
aside,
nav,
section):-webkit-any(article,
aside,
nav,
section):-webkit-any(article,
aside,
nav,
section) h1 { font-size: 0.83em; -webkit-margin-before: 1.67__qem; -webkit-margin-after: 1.67em; }
.st_editor:-webkit-any(article,
aside,
nav,
section):-webkit-any(article,
aside,
nav,
section):-webkit-any(article,
aside,
nav,
section):-webkit-any(article,
aside,
nav,
section):-webkit-any(article,
aside,
nav,
section) h1 { font-size: 0.67em; -webkit-margin-before: 2.33__qem; -webkit-margin-after: 2.33em; }
.st_editor h2 { display: block; font-size: 1.5em; -webkit-margin-before: 0.83__qem; -webkit-margin-after: 0.83em; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: bold; }
.st_editor h3 { display: block; font-size: 1.17em; -webkit-margin-before: 1__qem; -webkit-margin-after: 1em; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: bold; }
.st_editor h4 { display: block; -webkit-margin-before: 1.33__qem; -webkit-margin-after: 1.33em; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: bold; }
.st_editor h5 { display: block; font-size: 0.83em; -webkit-margin-before: 1.67__qem; -webkit-margin-after: 1.67em; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: bold; }
.st_editor h6 { display: block; font-size: 0.67em; -webkit-margin-before: 2.33__qem; -webkit-margin-after: 2.33em; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: bold; }
.st_editor table { display: table; border:1px solid #000; border-collapse: separate; border-spacing: 2px; }
.st_editor thead { display: table-header-group; border-color: inherit; vertical-align: middle; }
.st_editor tbody { display: table-row-group; border-color: inherit; vertical-align: middle; }
.st_editor tfoot { display: table-footer-group; border-color: inherit; vertical-align: middle; }
.st_editor table > tr { vertical-align: middle; }
.st_editor col { display: table-column; }
.st_editor colgroup { display: table-column-group; }
.st_editor tr { display: table-row; border-color: inherit; vertical-align: inherit; }
.st_editor td,
.st_editor th { display: table-cell; vertical-align: inherit; border:1px solid #000; }
.st_editor th { font-weight: bold; }
.st_editor caption { display: table-caption; text-align: -webkit-center; }
.st_editor ul,
.st_editor menu,
.st_editor dir { display: block; list-style-type: disc; -webkit-margin-before: 1__qem; -webkit-margin-after: 1em; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 40px; }
.st_editor ol { display: block; list-style-type: decimal; -webkit-margin-before: 1__qem; -webkit-margin-after: 1em; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 40px; }
.st_editor li { display: list-item; text-align: -webkit-match-parent; }
.st_editor ul ul,
.st_editor ol ul { list-style-type: circle; }
.st_editor ol ol ul,
.st_editor ol ul ul,
.st_editor ul ol ul,
.st_editor ul ul ul { list-style-type: square; }
.st_editor dd { display: block; -webkit-margin-start: 40px; }
.st_editor dl { display: block; -webkit-margin-before: 1__qem; -webkit-margin-after: 1em; -webkit-margin-start: 0; -webkit-margin-end: 0; }
.st_editor dt { display: block; }
.st_editor ol ul,
.st_editor ul ol,
.st_editor ul ul,
.st_editor ol ol { -webkit-margin-before: 0; -webkit-margin-after: 0; }
.st_editor form { display: block; margin-top: 0__qem; }
.st_editor label { cursor: default; }
.st_editor legend { display: block; -webkit-padding-start: 2px; -webkit-padding-end: 2px; border: none; }
.st_editor fieldset { display: block; -webkit-margin-start: 2px; -webkit-margin-end: 2px; -webkit-padding-before: 0.35em; -webkit-padding-start: 0.75em; -webkit-padding-end: 0.75em; -webkit-padding-after: 0.625em; min-width: -webkit-min-content; border: 2px groove ThreeDFace; }
.st_editor button { -webkit-appearance: button; }
.st_editor input,
.st_editor textarea,
.st_editor keygen,
.st_editor select,
.st_editor button,
.st_editor meter,
.st_editor progress { -webkit-writing-mode: horizontal-tb !important; }
.st_editor input,
.st_editor textarea,
.st_editor keygen,
.st_editor select,
.st_editor button { display: inline-block; margin: 0__qem; color: initial; font: -webkit-small-control; line-height: normal; letter-spacing: normal; text-align: start; text-indent: 0; text-rendering: auto; text-shadow: none; text-transform: none; word-spacing: normal; }
.st_editor input[type=hidden i] { display: none; }
.st_editor input { -webkit-appearance: textfield; padding: 1px; border: 2px inset; background-color: white; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; }
.st_editor input[type=search i] { -webkit-appearance: searchfield; box-sizing: border-box; }
.st_editor input::-webkit-textfield-decoration-container { display: flex; align-items: center; -webkit-user-modify: read-only !important; content: none !important; }
.st_editor input[type=search i]::-webkit-textfield-decoration-container { direction: ltr; }
.st_editor input::-webkit-clear-button { -webkit-appearance: searchfield-cancel-button; display: inline-block; flex: none; -webkit-user-modify: read-only !important; -webkit-margin-start: 2px; opacity: 0; pointer-events: none; }
.st_editor input[type=search i]::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; display: block; flex: none; -webkit-user-modify: read-only !important; -webkit-margin-start: 1px; opacity: 0; pointer-events: none; }
.st_editor input[type=search i]::-webkit-search-decoration { -webkit-appearance: searchfield-decoration; display: block; flex: none; -webkit-user-modify: read-only !important; -webkit-align-self: flex-start; margin: auto 0; }
.st_editor input[type=search i]::-webkit-search-results-decoration { -webkit-appearance: searchfield-results-decoration; display: block; flex: none; -webkit-user-modify: read-only !important; -webkit-align-self: flex-start; margin: auto 0; }
.st_editor input::-webkit-inner-spin-button { -webkit-appearance: inner-spin-button; display: inline-block; flex: none; align-self: stretch; cursor: default; -webkit-user-select: none; -webkit-user-modify: read-only !important; opacity: 0; pointer-events: none; }
.st_editor keygen,
.st_editor select { border-radius: 5px; }
.st_editor keygen::-webkit-keygen-select { margin: 0px; }
.st_editor textarea { -webkit-appearance: textarea; border: 1px solid; background-color: white; -webkit-rtl-ordering: logical; -webkit-user-select: text; flex-direction: column; padding: 2px; white-space: pre-wrap; cursor: auto; resize: auto; word-wrap: break-word; }
.st_editor::-webkit-input-placeholder { -webkit-text-security: none; color: darkGray; pointer-events: none !important; }
.st_editor input::-webkit-input-placeholder { white-space: pre; word-wrap: normal; overflow: hidden; -webkit-user-modify: read-only !important; }
.st_editor input[type=password i] { -webkit-text-security: disc !important; }
.st_editor input[type=hidden i],
.st_editor input[type=image i],
.st_editor input[type=file i] { -webkit-appearance: initial; padding: initial; border: initial; background-color: initial; }
.st_editor input[type=file i] { align-items: baseline; color: inherit; text-align: start !important; }
.st_editor input:-webkit-autofill,
.st_editor textarea:-webkit-autofill,
.st_editor select:-webkit-autofill { background-image: none !important; background-color: #FAFFBD !important; color: #000000 !important; }
.st_editor input[type=radio i],
.st_editor input[type=checkbox i] { margin: 3px 0.5ex; padding: initial; border: initial; background-color: initial; }
.st_editor input[type=button i],
.st_editor input[type=submit i],
.st_editor input[type=reset i] { -webkit-appearance: push-button; -webkit-user-select: none; white-space: pre; }
.st_editor input[type=file i]::-webkit-file-upload-button { -webkit-appearance: push-button; -webkit-user-modify: read-only !important; margin: 0; font-size: inherit; white-space: nowrap; }
.st_editor input[type=button i],
.st_editor input[type=submit i],
.st_editor input[type=reset i],
.st_editor input[type=file i]::-webkit-file-upload-button,
.st_editor button { box-sizing: border-box; align-items: flex-start; padding: 2px 6px 3px 6px; border: 2px outset ButtonFace; background-color: ButtonFace; color: ButtonText; text-align: center; cursor: default; }
.st_editor input[type=range i] { -webkit-appearance: slider-horizontal; margin: 2px; padding: initial; border: initial; color: #909090; }
.st_editor input[type=range i]::-webkit-slider-container,
.st_editor input[type=range i]::-webkit-media-slider-container { box-sizing: border-box; flex: 1; min-width: 0; -webkit-user-modify: read-only !important; display: flex; }
.st_editor input[type=range i]::-webkit-slider-runnable-track { flex: 1; min-width: 0; -webkit-align-self: center; box-sizing: border-box; -webkit-user-modify: read-only !important; display: block; }
.st_editor input[type=range i]::-webkit-slider-thumb,
.st_editor input[type=range i]::-webkit-media-slider-thumb { -webkit-appearance: sliderthumb-horizontal; box-sizing: border-box; -webkit-user-modify: read-only !important; display: block; }
.st_editor input[type=button i]:disabled,
.st_editor input[type=submit i]:disabled,
.st_editor input[type=reset i]:disabled,
.st_editor input[type=file i]:disabled::-webkit-file-upload-button,
.st_editor button:disabled,
.st_editor select:disabled,
.st_editor keygen:disabled,
.st_editor optgroup:disabled,
.st_editor option:disabled,
.st_editor select[disabled] > option { color: GrayText; }
.st_editor input[type=button i]:active,
.st_editor input[type=submit i]:active,
.st_editor input[type=reset i]:active,
.st_editor input[type=file i]:active::-webkit-file-upload-button,
.st_editor button:active { border-style: inset; }
.st_editor input[type=button i]:active:disabled,
.st_editor input[type=submit i]:active:disabled,
.st_editor input[type=reset i]:active:disabled,
.st_editor input[type=file i]:active:disabled::-webkit-file-upload-button,
.st_editor button:active:disabled { border-style: outset; }
.st_editor option:-internal-spatial-navigation-focus { outline: black dashed 1px; outline-offset: -1px; }
.st_editor datalist { display: none; }
.st_editor area { display: inline; cursor: pointer; }
.st_editor param { display: none; }
.st_editor input[type=checkbox i] { -webkit-appearance: checkbox; box-sizing: border-box; }
.st_editor input[type=radio i] { -webkit-appearance: radio; box-sizing: border-box; }
.st_editor input[type=color i] { -webkit-appearance: square-button; width: 44px; height: 23px; padding: 1px 2px; border: 1px #a9a9a9 solid; background-color: ButtonFace; }
.st_editor input[type=color i]::-webkit-color-swatch-wrapper { box-sizing: border-box; display: flex; padding: 4px 2px; -webkit-user-modify: read-only !important; width: 100%; height: 100%; }
.st_editor input[type=color i]::-webkit-color-swatch { flex: 1; min-width: 0; border: 1px solid #777777; background-color: #000000; -webkit-user-modify: read-only !important; }
.st_editor input[type=color i][list] { -webkit-appearance: menulist; width: 88px; height: 23px; }
.st_editor input[type=color i][list]::-webkit-color-swatch-wrapper { padding-right: 24px; padding-left: 8px; }
.st_editor input[type=color i][list]::-webkit-color-swatch { border-color: #000000; }
.st_editor input::-webkit-calendar-picker-indicator { display: inline-block; width: 0.66em; height: 0.66em; padding: 0.17em 0.34em; -webkit-user-modify: read-only !important; opacity: 0; pointer-events: none; }
.st_editor input::-webkit-calendar-picker-indicator:hover { background-color: #eee; }
.st_editor input[type=date i]:disabled::-webkit-clear-button,
.st_editor input[type=date i]:disabled::-webkit-inner-spin-button,
.st_editor input[type=datetime-local i]:disabled::-webkit-clear-button,
.st_editor input[type=datetime-local i]:disabled::-webkit-inner-spin-button,
.st_editor input[type=month i]:disabled::-webkit-clear-button,
.st_editor input[type=month i]:disabled::-webkit-inner-spin-button,
.st_editor input[type=week i]:disabled::-webkit-clear-button,
.st_editor input[type=week i]:disabled::-webkit-inner-spin-button,
.st_editor input:disabled::-webkit-calendar-picker-indicator,
.st_editor input[type=date i][readonly]::-webkit-clear-button,
.st_editor input[type=date i][readonly]::-webkit-inner-spin-button,
.st_editor input[type=datetime-local i][readonly]::-webkit-clear-button,
.st_editor input[type=datetime-local i][readonly]::-webkit-inner-spin-button,
.st_editor input[type=month i][readonly]::-webkit-clear-button,
.st_editor input[type=month i][readonly]::-webkit-inner-spin-button,
.st_editor input[type=week i][readonly]::-webkit-clear-button,
.st_editor input[type=week i][readonly]::-webkit-inner-spin-button,
.st_editor input[readonly]::-webkit-calendar-picker-indicator { visibility: hidden; }
.st_editor select { -webkit-appearance: menulist; box-sizing: border-box; align-items: center; border: 1px solid; white-space: pre; -webkit-rtl-ordering: logical; background-color: white; color: black; cursor: default; }
.st_editor select:not(:-internal-list-box) { overflow: visible !important; }
.st_editor select:-internal-list-box { -webkit-appearance: listbox; align-items: flex-start; overflow-x: hidden; overflow-y: scroll; border: 1px inset gray; border-radius: initial; vertical-align: text-bottom; -webkit-user-select: none; white-space: nowrap; }
.st_editor optgroup { display: block; font-weight: bolder; }
.st_editor option { display: block; min-height: 1.2em; padding: 0 2px 1px 2px; font-weight: normal; white-space: pre; }
.st_editor output { display: inline; }
.st_editor meter { -webkit-appearance: meter; box-sizing: border-box; display: inline-block; width: 5em; height: 1em; vertical-align: -0.2em; }
.st_editor meter::-webkit-meter-inner-element { -webkit-appearance: inherit; box-sizing: inherit; -webkit-user-modify: read-only !important; width: 100%; height: 100%; }
.st_editor meter::-webkit-meter-bar { width: 100%; height: 100%; background: linear-gradient(to bottom, #ddd, #eee 20%, #ccc 45%, #ccc 55%, #ddd); -webkit-user-modify: read-only !important; box-sizing: border-box; }
.st_editor meter::-webkit-meter-optimum-value { height: 100%; background: linear-gradient(to bottom, #ad7, #cea 20%, #7a3 45%, #7a3 55%, #ad7); -webkit-user-modify: read-only !important; box-sizing: border-box; }
.st_editor meter::-webkit-meter-suboptimum-value { height: 100%; background: linear-gradient(to bottom, #fe7, #ffc 20%, #db3 45%, #db3 55%, #fe7); -webkit-user-modify: read-only !important; box-sizing: border-box; }
.st_editor meter::-webkit-meter-even-less-good-value { height: 100%; background: linear-gradient(to bottom, #f77, #fcc 20%, #d44 45%, #d44 55%, #f77); -webkit-user-modify: read-only !important; box-sizing: border-box; }
.st_editor progress { -webkit-appearance: progress-bar; box-sizing: border-box; display: inline-block; width: 10em; height: 1em; vertical-align: -0.2em; }
.st_editor progress::-webkit-progress-inner-element { -webkit-appearance: inherit; box-sizing: inherit; -webkit-user-modify: read-only; width: 100%; height: 100%; }
.st_editor progress::-webkit-progress-bar { width: 100%; height: 100%; background-color: gray; -webkit-user-modify: read-only !important; box-sizing: border-box; }
.st_editor progress::-webkit-progress-value { width: 50%; height: 100%; background-color: green; -webkit-user-modify: read-only !important; box-sizing: border-box; }
.st_editor u,
.st_editor ins { text-decoration: underline; }
.st_editor strong,
.st_editor b { font-weight: bold; }
.st_editor i,
.st_editor cite,
.st_editor em,
.st_editor var,
.st_editor address,
.st_editor dfn { font-style: italic; }
.st_editor tt,
.st_editor code,
.st_editor kbd,
.st_editor samp { font-family: monospace; }
.st_editor pre,
.st_editor xmp,
.st_editor plaintext,
.st_editor listing { display: block; margin: 1__qem 0; font-family: monospace; white-space: pre; }
.st_editor mark { background-color: yellow; color: black; }
.st_editor big { font-size: larger; }
.st_editor small { font-size: smaller; }
.st_editor s,
.st_editor strike,
.st_editor del { text-decoration: line-through; }
.st_editor sub { font-size: smaller; vertical-align: sub; }
.st_editor sup { font-size: smaller; vertical-align: super; }
.st_editor nobr { white-space: nowrap; }
.st_editor a:-webkit-any-link { color: -webkit-link; text-decoration: underline; cursor: pointer; }
.st_editor a:-webkit-any-link:active { color: -webkit-activelink; }
.st_editor ruby,
.st_editor rt { text-indent: 0; }
.st_editor rt { line-height: normal; -webkit-text-emphasis: none; }
.st_editor ruby > rt { display: block; font-size: 50%; text-align: start; }
.st_editor ruby > rp { display: none; }
.st_editor noframes { display: none; }
.st_editor frameset,
.st_editor frame { display: block; }
.st_editor frameset { border-color: inherit; }
.st_editor iframe { border: 2px inset; }
.st_editor details { display: block; }
.st_editor summary { display: block; }
.st_editor summary::-webkit-details-marker { display: inline-block; width: 0.66em; height: 0.66em; -webkit-margin-end: 0.4em; }
.st_editor template { display: none; }
.st_editor bdi,
.st_editor output { unicode-bidi: -webkit-isolate; }
.st_editor bdo { unicode-bidi: bidi-override; }
.st_editor textarea[dir=auto i] { unicode-bidi: -webkit-plaintext; }
.st_editor dialog:not([open]) { display: none; }
.st_editor dialog { position: absolute; right: 0; left: 0; width: -webkit-fit-content; height: -webkit-fit-content; margin: auto; padding: 1em; border: solid; background: white; color: black; }
.st_editor dialog::backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.1); }
.st_editor img { max-width: 100% !important; height: auto !important; }

/* 교통 */
.st_traffic01 > ul > li { position: relative; display: flex; margin-bottom: 3rem; word-break: keep-all; align-items: center; }
.st_traffic01 > ul > li:last-child { margin-bottom: 0; }
.st_traffic01 > ul > li:before { display: block; width: 8rem; height: 8rem; margin-right: 3rem; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; flex: 0 0 auto; }
.st_traffic01 > ul > li.list1:before { background-image: url(/user/images/common/icon_subway.png); }
.st_traffic01 > ul > li.list2:before { background-image: url(/user/images/common/icon_bus.png); }
.st_traffic01 > ul > li.list3:before { background-image: url(/user/images/common/icon_parking.png); }
.st_traffic01 > ul > li > .item { flex: 0 1 auto; }
.st_traffic01 > ul > li > .item .item_title { font-size: 1.8rem; font-weight: bold; display: block; margin-bottom: 1rem; }
.st_traffic01 > ul > li > .item .item_desc { font-size: 1.6rem; color: #666; }
.st_traffic01 > ul > li > .item .item_desc2 { font-size: 1.6rem; color: #666; }
.st_traffic01 > ul > li > .item .item_desc2 dl { margin-bottom: 1rem; }
.st_traffic01 > ul > li > .item .item_desc2 dl:last-child { margin-bottom: 0; }
.st_traffic01 > ul > li > .item .item_desc2 dd { position: relative; padding-left: 10px; }
.st_traffic01 > ul > li > .item .item_desc2 dd:before { content:"-"; display: block; position: absolute; left: 0; top: 0; }

/* 캘린더 */
.st_calender_control01 { display: flex; margin-bottom: 5rem; justify-content: space-between; }
.st_calender_control01 .control_btn { font-size: 1.6rem; color: #888; background-repeat: no-repeat; background-size: 2.6rem; }
.st_calender_control01 .control_btn:hover { color: #222; }
.st_calender_control01 .control_btn.prev { padding-left: 5rem; background-image: url(/user/images/common/icon_prev2.png); background-position: left center; }
.st_calender_control01 .control_btn.prev:hover { background-image: url(/user/images/common/icon_prev3.png); }
.st_calender_control01 .control_btn.next { padding-right: 5rem; background-image: url(/user/images/common/icon_next2.png); background-position: right center; }
.st_calender_control01 .control_btn.next:hover { background-image: url(/user/images/common/icon_next3.png); }
.st_calender_control01 .date { display: flex; align-items: center; }
.st_calender_control01 .year { font-size: 2.4rem; font-weight: 500; margin-right: 1rem; color: #888; }
.st_calender_control01 .month { font-size: 4.2rem; font-weight: bold; color: #222; }
.st_calender_cate01 { margin-bottom: 1.5rem; }
.st_calender_cate01 > ul { display: flex; margin: 0 -1.5rem; justify-content: flex-end; }
.st_calender_cate01 > ul > li { color: #444 !important; }
.st_calender01 { border-top: 0.2rem solid #222; }
.st_calender01 table { table-layout: fixed; border-right: hidden; border-left: hidden; }
.st_calender01 thead { border-bottom: 0.1rem double #bbb; }
.st_calender01 thead th { font-size: 1.7rem; font-weight: 500; height: 6rem; color: #222; }
.st_calender01 tbody td { height: 16rem; padding: 2rem; vertical-align: top; border: 0.1rem solid #ddd; }
.st_calender01 tbody .day { font-size: 1.8rem; font-weight: 500; color: #222; }
.st_calender01 .point01 { color: #f23a3a; }
.st_calender01 .point02 { color: #0096ec; }
.st_calender01 .data_links { margin-top: 1rem; }
.st_calender01 .data_links a { display: inline-block; margin-bottom: 0.3rem; }

/* 슬라이드 */
.st_slide01 .slide_img { border: 0.1rem solid #ddd; background-repeat: no-repeat; background-position: center; background-size: cover; }
.st_slide01 .slide_img:before { display: block; padding-top: 75%; content: ""; }
.st_slide01 .ly_control { display: flex; margin-top: 3rem; align-items: center; justify-content: center; }
.st_slide01 .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; }
.st_slide01 .ly_control .control.prev { background-image: url(/user/images/common/icon_prev.png); }
.st_slide01 .ly_control .control.next { background-image: url(/user/images/common/icon_next.png); }
.st_slide01 .ly_control .swiper-pagination { font-size: 2rem; font-weight: 500; position: static; width: 9rem; text-align: center; color: #999; }
.st_slide01 .ly_control .swiper-pagination .swiper-pagination-current { font-weight: 600; color: #222; }
.st_slide02_wrap { position: relative; padding: 0 20rem; }
.st_slide02_wrap .ly_control .control { position: absolute; z-index: 1; top: 50%; overflow: hidden; width: 2rem; height: 3.9rem; margin-top: -1.95rem; padding: 0; white-space: nowrap; text-indent: 100%; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 2rem; flex: 0 0 auto; }
.st_slide02_wrap .ly_control .control.prev { left: 0; background-image: url(/user/images/common/icon_prev4.png); }
.st_slide02_wrap .ly_control .control.next { right: 0; background-image: url(/user/images/common/icon_next4.png); }
.st_slide02_wrap .ly_control .swiper-pagination { font-size: 2rem; font-weight: 500; position: static; width: 9rem; text-align: center; color: #999; }
.st_slide02_wrap .ly_control .swiper-pagination .swiper-pagination-current { font-weight: 600; color: #222; }
.st_slide02 { margin-bottom: 5rem; }
.st_slide02 .slide_img { background-repeat: no-repeat; background-position: center; background-size: contain; }
.st_slide02 .slide_img:before { display: block; padding-top: 56.25%; content: ""; }
.st_slide02_thumb .swiper-slide { padding: 1rem; cursor: pointer; opacity: 0.5; background: #fff; }
.st_slide02_thumb .swiper-slide.swiper-slide-thumb-active { opacity: 1; }
.st_slide02_thumb .slide_img { background-repeat: no-repeat; background-position: center; background-size: contain; }
.st_slide02_thumb .slide_img:before { display: block; padding-top: 34.78%; content: ""; }

/* mfp */
.mfp-bg { z-index: 2022; }
.mfp-wrap { z-index: 2023; }
.mfp-content { z-index: 2025; }
.mfp-preloader { z-index: 2024; }
button.mfp-close,
button.mfp-arrow { z-index: 2026; }
.mfp-zoom-in .mfp-with-anim { transition: all 0.2s ease-in-out; transform: scale(0.8); opacity: 0; }
.mfp-zoom-in.mfp-bg { transition: all 0.3s ease-out; opacity: 0; }
.mfp-zoom-in.mfp-ready .mfp-with-anim { transform: scale(1); opacity: 1; }
.mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-zoom-in.mfp-removing .mfp-with-anim { transform: scale(0.8); opacity: 0; }
.mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }
.mfp-newspaper .mfp-with-anim { transition: all 0.5s; transform: scale(0) rotate(500deg); opacity: 0; }
.mfp-newspaper.mfp-bg { transition: all 0.5s; opacity: 0; }
.mfp-newspaper.mfp-ready .mfp-with-anim { transform: scale(1) rotate(0deg); opacity: 1; }
.mfp-newspaper.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-newspaper.mfp-removing .mfp-with-anim { transform: scale(0) rotate(500deg); opacity: 0; }
.mfp-newspaper.mfp-removing.mfp-bg { opacity: 0; }
.mfp-move-horizontal .mfp-with-anim { transition: all 0.3s; transform: translateX(-5rem); opacity: 0; }
.mfp-move-horizontal.mfp-bg { transition: all 0.3s; opacity: 0; }
.mfp-move-horizontal.mfp-ready .mfp-with-anim { transform: translateX(0); opacity: 1; }
.mfp-move-horizontal.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-move-horizontal.mfp-removing .mfp-with-anim { transform: translateX(5rem); opacity: 0; }
.mfp-move-horizontal.mfp-removing.mfp-bg { opacity: 0; }
.mfp-move-from-top .mfp-content { vertical-align: top; }
.mfp-move-from-top .mfp-with-anim { transition: all 0.2s; transform: translateY(-10rem); opacity: 0; }
.mfp-move-from-top.mfp-bg { transition: all 0.2s; opacity: 0; }
.mfp-move-from-top.mfp-ready .mfp-with-anim { transform: translateY(0); opacity: 1; }
.mfp-move-from-top.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-move-from-top.mfp-removing .mfp-with-anim { transform: translateY(-5rem); opacity: 0; }
.mfp-move-from-top.mfp-removing.mfp-bg { opacity: 0; }
.mfp-3d-unfold .mfp-content { perspective: 200rem; }
.mfp-3d-unfold .mfp-with-anim { transition: all 0.3s ease-in-out; transform: rotateY(-60deg); opacity: 0; transform-style: preserve-3d; }
.mfp-3d-unfold.mfp-bg { transition: all 0.5s; opacity: 0; }
.mfp-3d-unfold.mfp-ready .mfp-with-anim { transform: rotateY(0deg); opacity: 1; }
.mfp-3d-unfold.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-3d-unfold.mfp-removing .mfp-with-anim { transform: rotateY(60deg); opacity: 0; }
.mfp-3d-unfold.mfp-removing.mfp-bg { opacity: 0; }
.mfp-zoom-out .mfp-with-anim { transition: all 0.3s ease-in-out; transform: scale(1.3); opacity: 0; }
.mfp-zoom-out.mfp-bg { transition: all 0.3s ease-out; opacity: 0; }
.mfp-zoom-out.mfp-ready .mfp-with-anim { transform: scale(1); opacity: 1; }
.mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-zoom-out.mfp-removing .mfp-with-anim { transform: scale(1.3); opacity: 0; }
.mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; }
@-webkit-keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
	20%,
	60% { transform: rotate(80deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
	40% { transform: rotate(60deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
	80% { transform: rotate(60deg) translateY(0); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
	100% { transform: translateY(70rem); opacity: 0; }
}
@keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
	20%,
	60% { transform: rotate(80deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
	40% { transform: rotate(60deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
	80% { transform: rotate(60deg) translateY(0); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
	100% { transform: translateY(70rem); opacity: 0; }
}
.hinge { -webkit-animation-name: hinge; animation-name: hinge; -webkit-animation-duration: 1s; animation-duration: 1s; }
.mfp-with-fade .mfp-content,
.mfp-with-fade.mfp-bg { transition: opacity 0.5s ease-out; opacity: 0; }
.mfp-with-fade.mfp-ready .mfp-content { opacity: 1; }
.mfp-with-fade.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-with-fade.mfp-removing.mfp-bg { opacity: 0; }

/* ********************************************************************************* *
* 02) board list
* ********************************************************************************* */
.st_board_list01 > ul { display: flex; margin: 0 -2rem; }
.st_board_list01 > ul > li { width: 33.3%; padding: 0 2rem; }
.st_board_list01 > ul > li > .item { display: block; height: 100%; background: #fff; }
.st_board_list01 > ul > li > .item .item_thumb { position: relative; overflow: hidden; }
.st_board_list01 > ul > li > .item .item_thumb:before { display: block; padding-top: 120%; content: ""; }
.st_board_list01 > ul > li > .item .item_thumb.no_img { background-color: #e8e8e8; background-image: url(/user/images/common/logo4.png); background-size: 53%; }
.st_board_list01 > ul > li > .item .item_thumb .item_badge { position: absolute; z-index: 10; top: 1.5rem; left: 1.5rem; }
.st_board_list01 > ul > li > .item .item_thumb .thumb_img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: 0.3s ease-in-out; background-color: #ddd; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
.st_board_list01 > ul > li > .item .item_content { position: relative; padding: 2.5rem 3rem; }
.st_board_list01 > ul > li > .item .item_content .item_state { position: absolute; right: 2rem; bottom: 2rem; }
.st_board_list01 > ul > li > .item .item_content .item_title { font-size: 2.2rem; font-weight: 500; display: block; display: -webkit-box; overflow: hidden; height: 5.6rem; margin-bottom: 2rem; text-overflow: ellipsis; word-break: keep-all; color: #222; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.st_board_list01 > ul > li > .item .item_content .item_date { font-size: 1.7rem; padding-right: 9rem; color: #888; }
.st_board_list01 > ul > li > .item:hover .item_thumb .thumb_img { transform: scale(1.08); }
.st_board_list02 > ul { display: flex; margin: -1.5rem; flex-wrap: wrap; }
.st_board_list02 > ul > li { width: 50%; padding: 1.5rem; }
.st_board_list02 > ul > li > .item { position: relative; display: flex; padding-right: 6rem; word-break: keep-all; align-items: center; }
.st_board_list02 > ul > li > .item:before { position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 11rem; content: ""; transition: width 0.4s ease; border: 0.7rem solid #e7efe8; }
.st_board_list02 > ul > li > .item .item_date { font-size: 1.7rem; display: flex; flex-direction: column; width: 11rem; height: 11rem; text-align: center; color: #888; flex: 0 0 auto; justify-content: center; }
.st_board_list02 > ul > li > .item .item_date .point { font-size: 3rem; font-weight: bold; display: block; color: #222; }
.st_board_list02 > ul > li > .item .item_title { font-size: 1.8rem; display: -webkit-box; overflow: hidden; width: calc(100% - 11rem); max-height: 4.6rem; padding: 0 3.5rem 0 2.5rem; text-overflow: ellipsis; color: #222; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.st_board_list02 > ul > li > .item:hover:before { width: 100%; }
.st_board_list02 > ul > li > .item:after { position: absolute; top: 50%; right: 3.5rem; display: block; width: 2.5rem; height: 2.5rem; margin-top: -1.25rem; content: ""; transform: rotate(-60deg); opacity: 0; background: url(/user/images/common/icon_more02.png) no-repeat center; background-size: contain; }
.st_board_list02 > ul > li > .item:hover:after { transition: opacity ease 0.2s, transform 0.4s ease 0.1s; transform: rotate(0deg); opacity: 1; }
.st_board_list_notice > ul { border-top: 0.2rem solid #222; }
.st_board_list_notice > ul > li { border-bottom: 0.1rem solid #ddd; }
.st_board_list_notice > ul > li > .item { display: flex; padding: 2rem 0; align-items: center; transition: background-color 0.2s ease; }
.st_board_list_notice > ul > li > .item:hover { background-color: #f9f9f9; }
.st_board_list_notice > ul > li > .item .item_category { font-size: 1.5rem; font-weight: 500; min-width: 10rem; padding: 0 2rem; color: #666; flex: 0 0 auto; }
.st_board_list_notice > ul > li > .item .item_category.st_state02 { padding: 0.3rem 0.8rem; color: #fff; border-radius: 0.3rem; }
.st_board_list_notice > ul > li > .item .item_category.st_state02.type_notice { background-color: #4b8053; }
.st_board_list_notice > ul > li > .item .item_category.st_state02.type_announcement { background-color: #3a6b9d; }
.st_board_list_notice > ul > li > .item .item_category.st_state02.type_other { background-color: #f88c2c; }
.st_board_list_notice > ul > li > .item .item_title { font-size: 1.8rem; display: -webkit-box; overflow: hidden; flex: 1 1 auto; padding: 0 2rem; text-overflow: ellipsis; color: #222; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.st_board_list_notice > ul > li > .item .item_date { font-size: 1.6rem; min-width: 12rem; padding-right: 2rem; text-align: right; color: #888; flex: 0 0 auto; }
.st_board_list03 > ul { display: flex; margin: -1.5rem; flex-wrap: wrap; }
.st_board_list03 > ul > li { width: 25%; padding: 1.5rem; }
.st_board_list03 > ul > li > .item { display: block; height: 100%; border: 0.1rem solid #dedede; }
.st_board_list03 > ul > li > .item .item_thumb { position: relative; border-bottom: 0.1rem solid #ddd; }
.st_board_list03 > ul > li > .item .item_thumb .item_img { position: relative; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.st_board_list03 > ul > li > .item .item_thumb .item_img:before { display: block; padding-top: 89.09%; content: ""; }
.st_board_list03 > ul > li > .item .item_thumb .item_info { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: none; flex-direction: column; width: 100%; height: 100%; padding: 1.5rem; align-items: center; justify-content: center; }
.st_board_list03 > ul > li > .item .item_thumb .item_info:before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ""; background: rgba(0, 0, 0, 0.5); }
.st_board_list03 > ul > li > .item .item_thumb .item_info .item_cate { font-size: 1.7rem; margin-bottom: 2.5rem; color: #fff; }
.st_board_list03 > ul > li > .item .item_thumb .item_info .item_btn { font-size: 1.5rem; line-height: 4rem; width: 11rem; height: 4rem; text-align: center; color: #222; background: #f5a73b; }
.st_board_list03 > ul > li > .item .item_content { padding: 2.5rem 1.5rem; text-align: center; }
.st_board_list03 > ul > li > .item .item_content .item_name { font-size: 1.7rem; font-weight: 500; margin-bottom: 0.5rem; color: #222; }
.st_board_list03 > ul > li > .item .item_content .item_cate { font-size: 1.6rem; color: #888; }
.st_board_list03 > ul > li > .item .item_content .item_info { font-size: 1.6rem; display: flex; color: #888; justify-content: center; }
.st_board_list03 > ul > li > .item .item_content .item_info .item_year,
.st_board_list03 > ul > li > .item .item_content .item_info .item_nationality { padding: 0 1rem; }
.st_board_list03 > ul > li > .item .item_content .item_info .item_year { position: relative; }
.st_board_list03 > ul > li > .item .item_content .item_info .item_year:before { position: absolute; top: 50%; right: 0; width: 0.1rem; height: 1.5rem; margin-top: -0.75rem; content: ""; background: #ddd; }
.st_board_list03 > ul > li > .item:hover .item_thumb .item_info { display: flex; }
.st_board_list04 > ul { display: flex; margin: -1.5rem -2rem; flex-wrap: wrap; }
.st_board_list04 > ul > li { width: 50%; padding: 1.5rem 2rem; }
.st_board_list04 > ul > li > .item { display: flex; height: 100%; border: 0.1rem solid #dedede; }
.st_board_list04 > ul > li > .item .item_thumb { width: 39.66%; }
.st_board_list04 > ul > li > .item .item_thumb .item_img { position: relative; width: 100%; height: 100%; border-right: 1px solid #ddd; background-repeat: no-repeat; background-position: center; background-size: cover; }
.st_board_list04 > ul > li > .item .item_thumb .item_img:before { display: block; padding-top: 103.93%; content: ""; }
.st_board_list04 > ul > li > .item .item_content { position: relative; width: 60.34%; padding: 2.5rem 3rem; flex: 1 1 auto; }
.st_board_list04 > ul > li > .item .item_content .item_title { font-size: 2rem; font-weight: 500; margin-bottom: 4.5rem; color: #222; }
.st_board_list04 > ul > li > .item .item_content .item_btn { font-size: 1.4rem; line-height: 3.3rem; position: absolute; right: 3rem; bottom: 2.5rem; display: block; width: 9rem; height: 3.5rem; text-align: center; color: #333; border: 0.1rem solid #333; }
.st_board_list04 > ul > li > .item:hover .item_content .item_btn { color: #222; border-color: transparent; background-color: #f5a73b; }
.st_board_list05 > ul { display: flex; margin: -1.5rem -2rem; flex-wrap: wrap; }
.st_board_list05 > ul > li { width: 50%; padding: 1.5rem 2rem; }
.st_board_list05 > ul > li > .item { display: flex; height: 100%; border: 0.1rem solid #dedede; }
.st_board_list05 > ul > li > .item .item_thumb { width: 39.66%; border-right: 0.1rem solid #ddd; }
.st_board_list05 > ul > li > .item .item_thumb .item_img { position: relative; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
.st_board_list05 > ul > li > .item .item_thumb .item_img:before { display: block; padding-top: 130.7%; content: ""; }
.st_board_list05 > ul > li > .item .item_content { position: relative; width: 60.34%; padding: 2.5rem 3rem; flex: 1 1 auto; }
.st_board_list05 > ul > li > .item .item_content .item_state { position: absolute; top: 2.5rem; right: 2.5rem; }
.st_board_list05 > ul > li > .item .item_content .item_title { font-size: 2rem; font-weight: 500; display: -webkit-box; overflow: hidden; height: 5.4rem; margin-bottom: 2rem; padding-right: 7.5rem; text-overflow: ellipsis; color: #222; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.st_board_list05 > ul > li > .item .item_content .item_title [class^="st_state"] { margin-right: 1.3rem; }
.st_board_list05 > ul > li > .item .item_content .item_btn { font-size: 1.4rem; line-height: 3.3rem; position: absolute; right: 3rem; bottom: 2.5rem; display: block; width: 9rem; height: 3.5rem; text-align: center; color: #333; border: 0.1rem solid #333; }
.st_board_list05 > ul > li > .item:hover .item_content .item_btn { color: #222; border-color: transparent; background-color: #f5a73b; }
.st_board_list06 > ul { display: flex; margin: -1.5rem; flex-wrap: wrap; }
.st_board_list06 > ul > li { width: 25%; padding: 1.5rem; }
.st_board_list06 > ul > li > .item { display: block; height: 100%; border: 0.1rem solid #dedede; }
.st_board_list06 > ul > li > .item .item_thumb { width: 100%; }
.st_board_list06 > ul > li > .item .item_thumb .item_img { position: relative; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.st_board_list06 > ul > li > .item .item_thumb .item_img:before { display: block; padding-top: 89.09%; content: ""; }
.st_board_list06 > ul > li > .item .item_content { position: relative; width: 60.34%; padding: 2.5rem 3rem; flex: 1 1 auto; }
.st_board_list06 > ul > li > .item .item_content .item_title { font-size: 2rem; font-weight: 500; display: -webkit-box; overflow: hidden; height: 5.4rem; margin-bottom: 2rem; padding-right: 7.5rem; text-overflow: ellipsis; color: #222; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.st_board_list06 > ul > li > .item .item_content .item_place { font-size: 1.4rem; line-height: 3.3rem; position: absolute; right: 3rem; bottom: 2.5rem; display: block; width: 9rem; height: 3.5rem; text-align: center; color: #333; border: 0.1rem solid #333; }
.st_board_list07 > ul { display: flex; margin: -1.5rem; flex-wrap: wrap; }
.st_board_list07 > ul > li { width: 25%; padding: 1.5rem; }
.st_board_list07 > ul > li > .item { position: relative; display: block; height: 100%; border: 0.1rem solid #dedede; }
.st_board_list07 > ul > li > .item .item_thumb { border-bottom: 0.1rem solid #ddd; }
.st_board_list07 > ul > li > .item .item_thumb .item_img { position: relative; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.st_board_list07 > ul > li > .item .item_thumb .item_img:before { display: block; padding-top: 89.09%; content: ""; }
.st_board_list07 > ul > li > .item .item_content { position: relative; padding: 2rem; padding-bottom: 6rem; }
.st_board_list07.type2 > ul > li > .item .item_content { padding-bottom: 2rem; }
.st_board_list07 > ul > li > .item .item_content .item_title { font-size: 1.7rem; font-weight: 500; display: -webkit-box; overflow: hidden; height: 4.7rem; text-overflow: ellipsis; color: #222; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.st_board_list07 > ul > li > .item .item_content .item_title [class^="st_state"] { margin-right: 1.3rem; }
.st_board_list07 > ul > li > .item .item_content .item_place { font-size: 1.5rem; line-height: 3.5rem; position: absolute; right: 2rem; bottom: 1.5rem; height: 3.5rem; padding: 0 1.5rem; padding-left: 3.5rem; color: #666; border-radius: 10rem; background: #f1f1f1 url(/user/images/common/icon_map.png) no-repeat left 1.5rem center; background-size: 1.2rem; }
.st_board_list07 > ul > li > .item .item_content .item_date { margin-top: 1rem; text-align: right; color: #888; }
.st_board_list07 > ul > li > .item .item_pdf { font-size: 1.4rem; line-height: 1; position: absolute; z-index: 2; bottom: 1.7rem; left: 2rem; padding: 0.5rem 0.7rem; color: #d80909; border-color: #d80909; }
.st_board_list07 > ul > li > .item .item_pdf:hover { color: #fff; background-color: #d80909; }
.st_board_list07 > ul > li > .item .item_pdf span { padding-right: 1.5rem; }
.st_board_list07 > ul > li > .item .item_pdf span:before { width: 0.8rem; height: 0.8rem; margin-top: -0.4rem; background-image: url(/user/images/common/icon_quick03.png); }
.st_board_list07 > ul > li > .item .item_pdf:hover span:before { background-image: url(/user/images/common/icon_quick04.png); }

/* ********************************************************************************* *
* 03) board view
* ********************************************************************************* */
.st_board_view01 .item { display: flex; margin-bottom: 4.5rem; align-items: flex-start; }
.st_board_view01 .item .item_thumb { width: 28rem; margin-right: 5rem; background-repeat: no-repeat; background-position: center; background-size: cover; flex: 0 0 auto; }
.st_board_view01 .item .item_thumb img { width: 100%; border: 0.1rem solid #ddd; }
.st_board_view01 .item .item_content { position: relative; width: calc(100% - 28rem); padding-top: 2rem; }
.st_board_view01 .item .item_content .item_cate { font-size: 1.7rem; font-weight: 500; display: block; margin-bottom: 0.5rem; color: #f5a73b; }
.st_board_view01 .item .item_content .item_title { font-size: 3rem; font-weight: 500; display: block; margin-bottom: 3rem; padding-right: 14rem; padding-bottom: 4rem; color: #222; border-bottom: 0.1rem solid #ddd; }
.st_board_view01 .item .item_content .item_info .st_dl04 > dl { font-size: 1.6rem; margin-bottom: 1.5rem; }
.st_board_view01 .item .item_content .item_util { display: flex; margin-top: 3rem; }
.st_board_view01 .item .item_content .item_util .homepage { font-size: 1.6rem; line-height: 3.5rem; display: inline-block; width: 12rem; height: 3.5rem; margin-right: 2rem; text-align: center; vertical-align: top; color: #fff; border-radius: 10rem; background: #333; }
.st_board_view01 .item .item_content .item_util .homepage span { padding-right: 2.5rem; background: url(/user/images/common/icon_right2.png) no-repeat right center; }
.st_board_view01 .item .item_content .st_sns_list01 { position: absolute; top: 0; right: 0; }
.st_board_view01 .item .item_content .st_sns_list01 > ul { display: flex; margin: 0 -0.5rem; }
.st_board_view01 .item .item_content .st_sns_list01 > ul > li { padding: 0 0.5rem; }
.st_board_view01 .item .item_content .st_sns_list01 > ul > li > a { display: block; width: 6rem; height: 6rem; border: 0.1rem solid #ddd; border-radius: 100%; background-repeat: no-repeat; background-position: center; background-size: 1rem; }
.st_board_view01 .item .item_content .st_sns_list01 > ul > li > a.facebook { background-image: url(/user/images/common/icon_sns_facebook2.png); }
.st_board_view01 .item .item_content .st_sns_list01 > ul > li > a.kakaostroy { background-image: url(/user/images/common/icon_sns_kakaostroy.png); }
.st_board_view01.type2 .item .item_content { padding-top: 0; }
.st_board_view02 { border-top: 0.2rem solid #000; }
.st_board_view02 .table { table-layout: fixed; }
.st_board_view02 .table tr { border-bottom: 0.1rem solid #ddd; }
.st_board_view02 .table th,
.st_board_view02 .table td { font-size: 1.6rem; height: 8rem; padding: 1rem 2rem; text-align: center; vertical-align: middle; color: #222; }
.st_board_view02 .table th { font-weight: 500; background-color: #f5f5f5; }
.st_board_view02 .table .subject { overflow: hidden; text-align: left; white-space: nowrap; text-overflow: ellipsis; }
.st_board_view02 .table .subject a.secret { padding-left: 3rem; background: url(/user/images/common/icon_secret.png) no-repeat left center; background-size: 1.6rem; }
.st_board_view02 .table .icon_notice { font-size: 1.5rem; line-height: 2.5rem; display: inline-block; width: 5rem; height: 2.5rem; text-align: center; color: #fff; background-color: #222; }
.st_board_view02 .table .point01 { font-weight: 500; color: #888; }
.st_board_view02 .table .point02 { font-weight: 400; color: #888; }
.st_board_view03 .item .item_title_wrap { margin-bottom: 4rem; text-align: center; }
.st_board_view03 .item .item_title_wrap .item_title { font-size: 3rem; font-weight: 500; display: block; margin-bottom: 2.5rem; color: #222; }
.st_board_view03 .item .item_title_wrap .item_info { font-size: 1.7rem; display: flex; justify-content: center; }
.st_board_view03 .item .item_title_wrap .item_info .item_year,
.st_board_view03 .item .item_title_wrap .item_info .item_nationality { padding: 0 1.5rem; }
.st_board_view03 .item .item_title_wrap .item_info .item_year { position: relative; color: #222; }
.st_board_view03 .item .item_title_wrap .item_info .item_year:before { position: absolute; top: 50%; right: 0; width: 0.1rem; height: 1.7rem; margin-top: -0.85rem; content: ""; background: #ddd; }
.st_board_view03 .item .item_title_wrap .item_info .item_nationality { color: #666; }
.st_board_view03 .item .item_slide { padding: 6rem 0; background: #f5f5f5; }
.st_board_view03 .item .item_content { padding: 6rem 0; }

/* 컬러 */
.st_color1 { color:#333 !important; }
.st_color2 { color:#0000ff !important; }
.st_color3 { color:#954923 !important; }

/* 공통 약관 */
.cm_terms { word-break: keep-all; }
.cm_terms .terms_main { background-color: #f5f5f5; color: #444; padding: 3rem 7rem; word-break: keep-all; }
.cm_terms .terms_title1 { margin-top: 1.5rem; margin-bottom: 2rem; padding: 1.5rem 0; border-bottom: 1px solid #eee; color: #222; font-weight: bold; font-size: 1.8rem; }
.cm_terms .terms_title2 { font-weight: 500; color: #222; }
.cm_terms .terms_txt1 { color: #444; font-size: 1.6rem; margin-bottom: 2rem; }
.cm_terms .terms_txt2 { color: #954923; font-size: 1.5rem; }
.cm_terms .terms_box { position: relative; padding: 1.5rem; padding-top: 2rem; border-radius: 1rem; border: 1px solid #954923; margin-top: 2rem; }
.cm_terms .terms_box_title { position: absolute; left: 1.5rem; top: -1rem; background: #fff; padding: 0 1rem; }
.cm_terms .terms_list { color: #444; font-size: 1.6rem; }
.cm_terms .terms_list > li { position: relative; padding-left: 2rem; margin-bottom: 1.5rem; }
.cm_terms .terms_list > li:last-child { margin-bottom: 0; }
.cm_terms .terms_list .terms_list { margin-top: 1rem; }
.cm_terms .terms_list .p_none { padding-left: 0; }
.cm_terms .terms_num { display: block; position: absolute; top: 0; left: 0; }
.cm_terms .terms_table_wrap { overflow: auto; }
.cm_terms .terms_table { position: relative; border-top: 1px solid #000; margin: 2.5rem 0; }
.cm_terms .terms_table th,
.cm_terms .terms_table td { padding: 1rem 1.5rem; text-align: center; vertical-align: middle; border: 1px solid #ddd; font-size: 1.5rem; word-break: keep-all; }
.cm_terms .terms_table th { background: #f5f5f5; }
.cm_terms .terms_table td { font-size: 1.4rem; }
.cm_terms .terms_table thead th { font-weight: 700; color: #222; }
.cm_terms .terms_table .link { display: inline-block; max-width: 100%; }
.cm_terms .down_btn { display: inline-block; font-size: 1.5rem; }
.cm_terms .down_btn:hover,
.cm_terms .down_btn:focus { text-decoration: underline; }
.cm_terms .down_btn span { display: block; position: relative; padding-left: 2rem; }
.cm_terms .down_btn span:before { content:""; display: block; position: absolute; width: 1.2rem; height: 1.6rem; left: 0; top: 0.1rem; background: url(/user/images/common/ic_file.png) no-repeat center / contain; }

.cm_text_list1 { text-align: left; }
.cm_text_list1 > li { position: relative; padding-left: 1.3rem; margin-bottom: 0.5rem; }
.cm_text_list1 > li:last-child { margin-bottom: 0; }
.cm_text_list1 > li:before { content:""; display: block; position: absolute; left: 0; top: 0.8rem; width: 0.6rem; height: 0.6rem; background-color: #333; border-radius: 100%; }
.cm_text_list2 { text-align: left; }
.cm_text_list2 > li { position: relative; padding-left: 1.1rem; margin-bottom: 0.5rem; }
.cm_text_list2 > li:last-child { margin-bottom: 0; }
.cm_text_list2 > li:before { content:""; display: block; position: absolute; left: 0; top: 1rem; width: 0.6rem; height: 1px; background-color: #666; }
.cm_text_list3 { text-align: left; }
.cm_text_list3 > li { position: relative; padding-left: 1.1rem; margin-bottom: 0.5rem; }
.cm_text_list3 > li:last-child { margin-bottom: 0; }
.cm_text_list3 > li:before { content:""; display: block; position: absolute; left: 0; top: 0.9rem; width: 0.4rem; height: 0.4rem; background-color: #333; border-radius: 100%; }

.cm_map { position: relative; }
.cm_map:before { content:""; display: block; padding-top: 56.25%; }
.cm_map > .map { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.cm_map > .map .wrap_map { height: 100%; }