@charset "utf-8";

body {font-family:'Noto Sans KR','Nanum Myeongjo','Malgun Ghothic', serif; line-height:1.7; color:#333; overflow-y:scroll; font-weight:300; letter-spacing:-0.01em}
a {color:#333; text-decoration:none;}
a:hover {color:#e6573f; text-decoration:none;}
label {line-height:normal;}


/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #e96b56;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}
.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}
.back-to-top:hover {
  background: #ee8b7a;
  color: #fff;
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}


/*------------------------------------------------------------------
    HEADER
-------------------------------------------------------------------*/
/* Top Bar */
#topbar {background:#545454; padding:5px 0;}
#topbar .contact-info i {font-style:normal; color:#e96b56;}
#topbar .contact-info i a, #topbar .contact-info i span {padding-left:5px; color:#fff;}
#topbar .contact-info i a {line-height:0; transition:0.3s;}
#topbar .contact-info i a:hover {color:#e96b56;}
#topbar .search {padding:0}
#topbar .search h4 {font-size:24px; margin:0 0 20px 0; padding:0; line-height:1; font-weight:600;}
#topbar .search form {width:350px; margin:0; background:#fff; padding:0 10px; position:relative; border-radius:5px; font-size:14px;}
#topbar .search form input[type=text] {border:0; padding:5px; width:calc(100% - 90px);}
#topbar .search form input[type=submit] {position:absolute; top:0; right:0; bottom:0; border:0; background:none; font-size:14px; padding:0 17px; margin:3px; background:#e6573f; color:#fff; transition:0.3s; border-radius:4px;}
#topbar .search form input[type=submit]:hover {background:#e6573f;}
#topbar .social-links {text-align:left;}
#topbar .social-links a {color:#bababa; line-height:0; transition:0.3s; margin-left:15px; font-size:18px;}
#topbar .social-links a:hover {color:white;}

/* Header */
#header {height:90px; transition:all 0.5s; z-index:997; transition:all 0.5s; border:1px solid #a4a4a4; background:#fff; box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
#header .logo img {padding:0; margin:0; max-height:72px;}
.scrolled-offset {margin-top:70px;}

/* Navigation Menu */
.navbar {padding:0;}
.navbar ul {margin:0; padding:0; display:flex; list-style:none; align-items:center;}
.navbar li {position:relative;}
.navbar a, .navbar a:focus {display:flex; align-items:center; justify-content:space-between; padding:10px 0 10px 30px; font-family:'Noto Sans KR', sans-serif; font-size:20px; font-weight:400; color:#141414; white-space:nowrap; transition:0.0s;}
.navbar .eng a, .navbar .eng a:focus {letter-spacing:-2.3px; width:249.2px;}
.navbar a i, .navbar a:focus i {font-size:12px; line-height:0; margin-left:5px;}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {color:#000; font-weight:700;}
.navbar .dropdown ul {display:block; position:absolute; left:24px; top:calc(100% + 30px); margin:0; padding:10px 0; z-index:99; opacity:0; visibility:hidden; background:#fff; border:1px solid #a4a4a4; box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25); transition:0.3s;}
.navbar .dropdown ul li {min-width:200px;}
.navbar .dropdown ul a {padding:5px 20px; font-size:16px; font-weight:300; text-transform:none; color:#545454; letter-spacing:-1px;}
.navbar .dropdown ul a i {font-size:12px;}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a {color:#0096d4; letter-spacing:-1px;}
.navbar .dropdown:hover>ul {opacity:1; top:100%; visibility:visible;}
.navbar .dropdown .dropdown ul {top:0; left:calc(100% - 30px); visibility:hidden;}
.navbar .dropdown .dropdown:hover>ul {opacity:1; top:0; left:100%; visibility:visible;}
@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {left:-90%;}
  .navbar .dropdown .dropdown:hover>ul {left:-100%;}
}
@media (max-width: 1280px) {
  .navbar a, .navbar a:focus {padding:10px 0 10px 20px; font-family:'Noto Sans KR', sans-serif; font-size:18px;}
  .navbar .eng a, .navbar .eng a:focus {letter-spacing:-1px; width:206px;}
}
@media (max-width: 991px) {
  .navbar .eng a, .navbar .eng a:focus {letter-spacing:0;}
}

/* Mobile Navigation */
.mobile-nav-toggle {color:#545454; font-size:28px; cursor:pointer; display:none; line-height:0; transition:0.5s;}
.mobile-nav-toggle.bi-x {color:#fff;}
@media (max-width: 991px) {
  .mobile-nav-toggle {display:block;}
  .navbar ul {display:none;}
}
.navbar-mobile {position:fixed; overflow:hidden; top:0; right:0; left:0; bottom:0; background:rgba(59, 59, 59, 0.9); transition:0.3s; z-index:999;}
.navbar-mobile .mobile-nav-toggle {position:absolute; top:15px; right:15px;}
.navbar-mobile ul {display:block; position:absolute; top:55px; right:15px; bottom:15px; left:15px; padding:10px 0; background-color:#fff; overflow-y:auto; transition:0.3s;}
.navbar-mobile ul > li > a.link-outlink {position:relative;}
.navbar-mobile a, .navbar-mobile a:focus {padding:10px 20px; font-size:19px; color:#545454;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover>a {color:#0096d4;}
.navbar-mobile .dropdown ul {position:static; display:none; margin:5px 20px; padding:7px 0; z-index:99; opacity:1; visibility:visible; background:#fff; box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25);}
.navbar-mobile .dropdown ul li {min-width:200px;}
.navbar-mobile .dropdown ul a {padding:5px 20px;}
.navbar-mobile .dropdown ul a i {font-size:12px;}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover>a {color:#e96b56;}
.navbar-mobile .dropdown>.dropdown-active {display:block;}


/* ------------------------------------------------------------------
    MAIN
-------------------------------------------------------------------*/
#hero {z-index:1; position:relative; max-width:1296px; background-color:#f3f8fa; overflow:hidden; padding:0; margin:0 auto; margin-bottom:0;}
#hero .carousel-item {width:100%; background-repeat:no-repeat; background-position:center center;}
#hero .carousel-item.item2 {padding:0 !important; border-bottom: none !important;}
#hero .carousel-item::before {content:""; position:absolute; top:0; right:0; left:0; bottom:0;}
#hero .carousel-inner .carousel-item {transition-property:opacity;}
#hero .carousel-inner .carousel-item, #hero .carousel-inner .active.carousel-item-start, #hero .carousel-inner .active.carousel-item-end {opacity:0;}
#hero .carousel-inner .active, #hero .carousel-inner .carousel-item-next.carousel-item-start, #hero .carousel-inner .carousel-item-prev.carousel-item-end {opacity:1; transition:0.5s;}
#hero .carousel-inner .carousel-item-next, #hero .carousel-inner .carousel-item-prev, #hero .carousel-inner .active.carousel-item-start, #hero .carousel-inner .active.arousel-item-end {left:0; transform:translate3d(0, 0, 0);}
#hero .carousel-control-prev, #hero .carousel-control-next {width:10%;}
#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {background:none; font-size:48px; line-height:1; width:auto; height:auto; color:#000;}
@media (min-width:451px) {
  #hero .d-mb-none {display:none !important;}
  #hero .d-pc-block {display:block !important; padding-top:calc(540/1000*100%); background-size:cover;}
}
@media (max-width:450px) {
  #hero .d-pc-none {display:none !important;}
  #hero .d-mb-block {display:block !important; height:0; padding-top:calc(1000/1000*100%); background-size:cover;}
}

/* Featured */
.featured {position:relative; z-index:2;}
.featured .icon-box {padding:40px 30px; box-shadow:0px 2px 15px rgba(0, 0, 0, 0.15); border-radius:10px; background:#fff; transition:all ease-in-out 0.3s; height:100%;}
.featured .icon-box i {color:#0096d4; font-size:42px; margin-bottom:15px; display:block; line-height:0; text-align: center;}
.featured .icon-box h3 {font-weight:700; margin-bottom:15px; font-size:20px; text-align: center}
.featured .icon-box h3 a {color:#545454; transition:0.3s;}
.featured .icon-box p {color:#545454; line-height:24px; font-size:14px; margin-bottom:0;}
.featured .icon-box:hover {background:#0096d4;}
.featured .icon-box:hover i, .featured .icon-box:hover h3 a, .featured .icon-box:hover p {color:#fff;}
@media (max-width: 1200px) {
	.featured {padding-bottom:40px}
}

/* Main화면 - 공지사항 */
.main-floor2 {background-color:#f3f8fa; padding-top:30px; padding-bottom:50px;}
.last_notice {padding-bottom:0;}
.notice_wrap {padding:20px 40px 35px; margin-top:50px; margin-bottom:10px; background-color:#fff; box-shadow:0px 2px 15px rgba(0, 0, 0, 0.15);}
.notice_tit {margin-bottom:12px; border-bottom:1px solid #585858; font-family:'Nanum Myeongjo',serif; font-size:35px; font-weight:800; color:#121519; line-height:62px;}
.notice_tit .more-btn {float:right;}
.board_list p {padding:10px 0 5px 7px; margin:0; border-bottom:1px solid #d3d3d3; font-family:'Nanum Myeongjo', serif; font-size:18px; color:#232323; max-width:calc(100% - 10px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-spacing:0;}
.board_list p > .w-date {float:right; right:5px; top:50%; margin-right:5px; font-size:16px; white-space:nowrap; display:none;}
.bnr_hours {margin-top:10px; text-align: right;}

/* Main화면 - 전시ㆍ공연일정 */
.calendar {background-color:#fff; padding-bottom:100px;}
.calendar_wrap {width:100%; height:127px; background:#fff; border:1px solid #b4b5bd; border-radius:10px;}
.calendar_wrap .ul {list-style:none;}
.calendar_wrap > ul > li {float:left; width:13.2%; height:126px; box-sizing:border-box; border-right:1px solid #c0c2d6; text-align:center; overflow:hidden;}
.calendar_wrap > ul > li:last-child {border-right:none;}
.ctrl_cal {width:7.6% !important; font-size:30px; font-weight:700; line-height:113px;}
.calendar_wrap > ul > li p {border-bottom:1px solid #c0c2d6; padding:5px 0 4px; margin:0; font-size:14px; font-weight:500;}
.calendar_wrap > ul > li .cont {border-bottom:none; padding:5px 2px 0; line-height:20px; font-size:14px; text-align:left;}
@media (max-width: 1366px) {
  .notice_tit {margin-bottom:15px; font-size:35px; line-height:57px;}
	.notice_tit .more-btn img {max-width:80%}
	.board_list p {padding:10px 0 8px 2px; font-size:18px;}
	.board_list p > .w-date {right:5px; top:50%; font-size:16px;}
	.ctrl_cal {font-size:25px;}
	.calendar_wrap > ul > li .cont {border-bottom:none; padding:8px 0; line-height:20px;}
}
@media (max-width: 1200px) {
	.notice_wrap {padding:20px 40px 25px;}
	.notice_tit {margin-bottom:10px; font-size:27px; line-height:45px;}
	.notice_tit .more-btn img {max-width:60%}
	.board_list p {padding:7px 0 6px 2px; font-size:16px;}
	.board_list p > .w-date {display: none;}
	.bnr_hours {margin-top:10px; text-align:center;}
}
@media (max-width: 640px) {
  .main-floor2 {padding-top:10px; padding-bottom:0;}
  .notice_wrap {padding:10px 15px; margin-bottom:30px;}
  .notice_tit {margin-bottom:10px; font-size:24px; line-height:40px;}
  .notice_tit .more-btn img {max-width:60%; float:right; padding-top:10px;}
  .board_list p {padding:6px 0 5px 2px; font-size:15px;}
  .board_list p > .w-date {display: none;}
  .bnr_hours {margin-top:25px; margin-bottom:25px; text-align:center;}
  .calendar_wrap {width:100%; height:90px;}
  .calendar_wrap > ul > li {height:89px;}
  .calendar_wrap > ul > li p {font-size:13px;}
  .calendar_wrap > ul > li .cont {border-bottom:none; padding:5px 0; font-size:13px; line-height:14px;}
  .ctrl_cal {font-size:16px; font-weight:700; line-height:90px;}
}

/* Main화면 - 전시ㆍ공연 */
#clients {padding:0 0 30px 0; background-color:#f3f8fa;}
.clients_tit {margin-bottom:17px; font-family:'Nanum Myeongjo', serif; font-size:45px; font-weight:800; color:#121519; text-align:center;}
.clients p {padding:5px 0; margin:0; font-family:'Nanum Myeongjo', serif; font-weight:800; font-size:20px; color:#000000;}
.clients-slider {margin-top:45px; height: 300px !important}
.clients .swiper-pagination {margin-top:35px; position:relative;}
.clients .swiper-pagination .swiper-pagination-bullet {width:12px; height:12px; background-color:#fff; opacity:1; border:1px solid #e96b56;}
.clients .swiper-pagination .swiper-pagination-bullet-active {background-color:#e96b56;}
.clients .swiper-slide img {opacity:1; transition:0.3s; filter:grayscale(0);}
.clients .swiper-slide img:hover {filter:none; opacity:1; border:5px solid #e6573f;}
.swiper-slide {margin:0 20px !important; width:290px !important; height:290px;}
@media (max-width: 640px) {
  #clients {padding:35px 0 30px 0}
  .clients_tit {font-size:35px;}
}

/* Main화면 - Quick Link */
#quick {padding:60px 0 100px 0}
.quick .icon-box {height:140px; padding:30px 10px 20px; margin-bottom:10px; box-shadow:0px 2px 10px rgba(0, 0, 0, 0.15); border-radius:10px;	border:1px solid #b6b6b6; background:#fff; transition: all ease-in-out 0.3s; text-align:center;}
.quick .icon-box i {color:#353535; font-size:42px; margin-bottom:15px; display:block; line-height:0;}
.quick .icon-box p {color:#545454; font-size:16px;	font-weight:400; margin:19px 0 0; letter-spacing:-1px; line-height:18px;}
.quick .icon-box:hover {background:#0096d4;}
.quick .icon-box:hover i, .quick .icon-box:hover p {color:#fff;}
.quick .icon-box p a:hover {color:#0096d4;}
@media (max-width: 768px) {
	.quick .icon-box p {color:#545454; font-size:17px; margin:15px 0 0;}
}


/*------------------------------------------------------------------
    CONTENTS
-------------------------------------------------------------------*/
/* Sections General */
section {padding:0 0 60px 0;}
.section-bg {background-color:white;}
.section-title {text-align:center; padding-bottom:30px;}
.section-title h2 {font-size:28px; font-weight:600; margin-bottom:20px; padding-bottom:20px; position:relative;}
.section-title h2::after {content:""; position:absolute; display:block; width:50px; height:3px; background:#e96b56; bottom:0; left:calc(50% - 25px);}
.section-title p {margin-bottom:0;}
@media (max-width: 420px) {
	section {padding:0 0 30px 0;}
}

/* Breadcrumbs */
.breadcrumbs {padding:18px 0 16px; background-color:#f8f9fa; border-bottom:1px solid #ededed; min-height:40px; margin-bottom:45px;}
.breadcrumbs h2 {font-size:32px; font-weight:300; color:#444;}
.breadcrumbs h2.eng {letter-spacing:-1px;}
.breadcrumbs ol {display:flex; float:right; flex-wrap:wrap; list-style:none; padding:0 0 5px 0; margin:0; font-size:14px;}
.breadcrumbs ol li+li {padding-left:6px;}
.breadcrumbs ol li+li::before {display:inline-block; padding-right:5px; color:#6e6e6e; content:">";}
.d-flex {flex-wrap:wrap;}
@media (max-width: 767px) {
  .breadcrumbs {margin-bottom:35px;}
  .breadcrumbs h2 {font-size:23px;}
  .breadcrumbs ol {font-size:12px;}
	.breadcrumbs ol.eng {letter-spacing:-0.4px;}
}

/* tab */
.con-tab_wrap {margin-bottom:40px;}
.con-tab {padding:0 0 1px 1px;}
.con-tab:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.con-tab > li {float:left; display:table; position:relative; height:66px; box-sizing:border-box; cursor:pointer;}
.con-tab > li::before {position:absolute; top:0; left:0; width:calc(100% - -1px); height:calc(100% - 1px); border:1px solid #a1a1a1; content:"";}
.con-tab > li > *{position: relative;z-index: 10;}
.con-tab > li > a {display:table-cell; vertical-align:middle; text-align:center; color:#656565; line-height:20px; padding:5px 8px;}
.con-tab > li.on::before {z-index:10; border:2px solid #222;}
.con-tab > li.on > a {font-weight:bold; color:#000;}
@media (max-width: 420px) {
	.con-tab_wrap {margin-bottom:50px;}
	.con-tab > li > a {padding:5px; font-size:15px}
}


/*------------------------------------------------------------------
    청년 전태일
-------------------------------------------------------------------*/
/* 그의 일대기 */
#taeil {padding:0 0 100px 0}
.taeil .content h3 {padding:35px 0 25px; font-weight:500; font-size:26px; color:#333;}
.inner {max-width:1296px; margin:0 auto;}
.history {position:relative;}
.history:before {position:absolute; left:50%; width:1px; height:100%; background:#ccc; content:''}
.history .r {float:right;}
.history .l {text-align:right;}
.history.mt {margin-top:60px;}
.history .year {position:absolute; top:-13px; color:#c36d15; text-decoration:solid underline #ffe800 4px;}
.history .year:before {width:15px; height:15px; border-radius:50%; background:#c2c2c2; content:''; position:absolute; margin-top:-11px;}
.history .r .year:before {right:-8px;}
.history .l .year:before {left:-8px}
.history .r .year {right:50%; text-align:right; padding-right:63px; font-weight:600;}
.history .l .year {left:50%; padding-left:63px; font-weight:600;}
.history .taeil_img {position:absolute; top:50%; left:0%; padding-left:0;}
.history .taeil_mov {position:absolute; top:50%; left:0%; padding-left:0;}
.history > .group {width:50%;}
.history .r .in {padding-top:5px; padding-left:50px;}
.history .l .in {padding-top:5px; padding-right:50px;}
.history .r .list {padding-bottom:25px; padding-left:132px; text-align:justify;}
.history .l .list {padding-bottom:25px; padding-right:132px;}
.history .list {position:relative;}
.history .list:first-child {margin-top:0;}
.history .date {position:absolute;}
.history .r .date {left:0; padding-left:0; font-size:17px; font-weight:500;}
.history .l .date {right: 0;padding-right:0; font-size:17px; font-weight:500;}
.history .r .date:before {left:0}
.clearfix:after {content:''; display:block; clear:both;}
@media (max-width: 1450px) {
  .inner {padding-left:0; padding-right:0;}
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .history .taeil_mov {position:absolute; top:50%; left:0%; padding-left:0; width:450px;}
}
@media (max-width: 1024px) {
	.history > .group {width:100%; float:none !important; text-align:left !important;}
	.history .year {position:relative; left:0 !important; right:auto !important; text-align:left !important; padding:0 0 0 1.8rem !important; margin-bottom:1rem; font-size:1.8em;}
  .history .taeil_img {position:relative; left:0 !important; right:auto !important; text-align:left !important; padding:0 0 0 1.8rem !important; margin-bottom:1.25rem;}
  .history .taeil_mov {position:relative; left:0 !important; right:auto !important; text-align:left !important; padding:0 0 0 1.8rem !important; margin-bottom:1.25rem;}
	.history .r .year:before,.history .l .year:before {left:-5px; right:auto; width:10px; height:10px; margin-top:10px}
	.history:before {left:0; top:0;}
	.history .l .in,.history .r .in {padding:0 0 0 1.8rem;}
	.history .r .list, .history .l .list {padding:0 0 10px 8em;}
	.history .l .date {left:0; padding:0 0 0 0;}
}


/* 그의 발자취 */
#story {padding:0 0 100px 0}
.story_con {padding:0 195px; font-size:18px; line-height:32px;}
.story_tit {margin-top:20px; margin-bottom:35px; font-family:'Nanum Myeongjo', serif; font-size:30px; font-weight:600; line-height:50px; text-align:center; letter-spacing:-1px;}
.story_img {padding:20px; box-shadow:0px 2px 15px rgb(0 0 0 / 10%);}
@media (max-width:1280px) {
  .story_tit {font-size:27px;}
  .story_con {padding:0 54px; font-size:17px; line-height:30px;}
}
@media (max-width:768px) {
  .story_tit {font-size:23px; line-height:40px;}
  .story_con {padding:0;}
}
@media (max-width:640px) {
  .story_tit {font-size:21px; line-height:34px;}
}


/*------------------------------------------------------------------
    기념관 안내
-------------------------------------------------------------------*/
/* 설립목적 */
#introduction {padding:0 0 100px 0}
.introduction .content h3 {padding:35px 0 25px; font-weight:500; font-size:26px; color:#333;}
.introduction .stit {font-size:17px; font-weight:500; color:#333;}
.introduction .explain {float:left;}
.introduction .purpose1 {padding:0 0 0 40px; font-size:18px; line-height:32px; text-align:justify;}
.introduction .purpose2 {padding:0 34px 0 12px; font-size:18px; line-height:32px; text-align:justify;}
.introduction .purpose-blank {padding-top:50px;}

/* CI & 캐릭터 */
.introduction .text1 {padding:40px 90px 10px; text-align:justify;}
.introduction .text2 {padding:0 90px 10px; text-align:justify;}
.introduction .text3 {padding:0 90px 10px; text-align:center;}
.introduction .cha-img {float:left; padding-right:46px;}
@media (max-width: 767px) {
  .introduction .text1 {padding:40px 0 10px; text-align:justify;}
  .introduction .text2 {padding:0 0 10px; text-align:justify;}
  .introduction .text3 {padding:0 0 10px; text-align:left;}
  .introduction .ci-img {padding-top:10px; text-align:center;}
}
@media (min-width: 768px) and (max-width:1199px) {
  .introduction .text1 {padding:40px 30px 10px; text-align:justify;}
  .introduction .text2 {padding:0 30px 10px; text-align:center;}
  .introduction .text3 {padding:0 30px 10px; text-align:left;}
}

/* 조직구성 */
.divh {display:none;}
.organ-table {margin-top:15px; border-top:1px solid #000;}
.organ-table th {background:#f9f9f9; padding:10px 5px; height:60px; border-bottom:1px solid #dedede; border-right:1px solid #dedede; color:#545454; font-size:16px; text-align:center; box-sizing:border-box;}
.organ-table th:first-child, .organ-table td:first-child {border-left:1px solid #dedede;}
.organ-table td {color:#878787; font-size:16px; padding:10px 5px; height:60px; text-align:center; border-bottom:1px solid #dedede;	border-right:1px solid #dedede; box-sizing: border-box;}
ul.default, ul.default>li {list-style:disc;}
ul.default {padding-left:30px;}
@media (min-width: 768px) {
  .divh.desktop {display:block;}
  .divh.mobile {display:none;}
}
@media (max-width: 1024px) {
	.introduction .purpose1 {padding:0 12px 0 25px; font-size:16px; line-height:30px;}
  .introduction .purpose2 {padding:0 25px 0 8px; font-size:16px; line-height:30px;}
	.introduction .purpose-blank {padding-top:0;}
}
@media (max-width: 767px) {
  .divh.desktop {display:none;}
  .divh.mobile {display:block;}
}
@media (max-width: 640px) {
  #introduction {padding:0 0 60px 0}
  .introduction .purpose1 {padding:15px 12px 0 12px !important;}
  .introduction .purpose2 {padding:15px 12px 0 12px !important;}
	ul.default {padding-left:20px;}
  .organ-table th, .organ-table td {font-size:15px;}
}

/* 시설현황 */
.portfolio .portfolio-item {margin-bottom:30px;}
.portfolio #portfolio-flters {padding:0; margin:0 auto 25px auto; list-style:none; text-align:center; background:white; border-radius:50px; padding:2px 0;}
.portfolio #portfolio-flters li {cursor:pointer; display:inline-block; padding:8px 20px 12px 20px; font-size:15px; font-weight:500; line-height:1; color:#444444; margin:0 4px 8px 4px; transition:all ease-in-out 0.3s; border-radius:50px; background:#f2f2f2;}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {background:#46b035; color:#fff;}
.portfolio #portfolio-flters li:last-child {margin-right:0;}
.portfolio .portfolio-wrap {transition:0.3s; position:relative; overflow:hidden; z-index:1; background:rgba(84, 84, 84, 0.6);}
.portfolio .portfolio-wrap::before {content:""; background:rgba(84, 84, 84, 0.6); position:absolute; left:30px; right:30px; top:30px; bottom:30px; transition:all ease-in-out 0.3s; z-index:2; opacity:0;}
.portfolio .portfolio-wrap .portfolio-info {opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; z-index:3; transition:all ease-in-out 0.3s; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.portfolio .portfolio-wrap .portfolio-info::before {display:block; content:""; width:48px; height:48px; position:absolute; top:35px; left:35px; border-top:3px solid #fff;   border-left:3px solid #fff; transition:all 0.5s ease 0s; z-index:9994;}
.portfolio .portfolio-wrap .portfolio-info::after {display:block; content:""; width:48px; height:48px; position:absolute; bottom:35px; right:35px; border-bottom:3px solid #fff; border-right: 3px solid #fff; transition:all 0.5s ease 0s; z-index:9994;}
.portfolio .portfolio-wrap .portfolio-info h4 {font-size:20px; color:#fff; font-weight:600;}
.portfolio .portfolio-wrap .portfolio-info p {color:#ffffff; font-size:14px; text-transform:uppercase; padding:0; margin:0;}
.portfolio .portfolio-wrap .portfolio-links {text-align:center; z-index:4;}
.portfolio .portfolio-wrap .portfolio-links a {color:#fff; margin:0 2px; font-size:28px; display:inline-block; transition:0.3s;}
.portfolio .portfolio-wrap .portfolio-links a:hover {color:#e96b56;}
.portfolio .portfolio-wrap:hover::before {top:0; left:0; right:0; bottom:0; opacity:1;}
.portfolio .portfolio-wrap:hover .portfolio-info {opacity:1;}
.portfolio .portfolio-wrap:hover .portfolio-info::before {top:15px; left:15px;}
.portfolio .portfolio-wrap:hover .portfolio-info::after {bottom:15px; right:15px;}

/* 관람안내 */
#view {padding:0 0 100px 0}
.view .content h3 {padding:30px 0 20px; font-weight:500; font-size:26px; color:#333;}
.view .content h4 {padding:30px 0 5px; font-weight:400; font-size:24px; color:#333;}
.view .content ul {list-style:none; padding:0;}
.view .content ul li {padding-bottom:0;}
.view .content ul i {font-size:20px; padding-right:4px; color:#e96b56;}
.view .content p:last-child {margin-bottom:0;}
.view .stit {font-size:17px; font-weight:600;}
.img_guide {margin-top:30px;}
.guide {padding-left:50px}
.view .guide ul li {padding-bottom: 0;}
.guide_title {font-size:24px; font-weight:400;}
.hr-dot {padding-top:30px; border-bottom: 1px dotted #9e9e9e;}
.view .map_con {padding-top:30px; padding-left:22px;}
.view .map_con ul li {font-size:18px; text-indent:-22px; margin-left:22px;}
.view .map_con ul li i {padding-right:12px; font-size:30px; color:#333;}
.view .stit {font-size:20px; font-weight:500; color:#333;}
.view .con1 {padding:5px 0 30px 23px; text-align:justify;}
.view .con2 {padding:10px 25px 15px 25px; line-height:32px; text-align:justify;}

/* 노동허브 */
.view .member {width:100%; margin-bottom:20px; box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.1); padding:30px 30px; background:#fff;}
.view .member h4 {padding-top:5px; margin-bottom:10px; font-weight:600; font-size:20px; text-align:center;}
.view .member .hr2 {border-bottom:1px solid #ccc; margin-bottom:15px;}
.view .member p {padding-top:5px; font-size:16px; color:#4d4d4d; word-wrap: break-word;}
.view .member span {display:block; font-size:16px; font-weight:500;}
.workhub_img {margin-bottom:30px;}
.workhub_group {width:180px; height:100px; box-sizing:border-box; position:relative; border:1px solid #ddd; border-radius:5px; background-color:#fff; text-align:center; line-height:100px; cursor:pointer;}
@media (max-width:1366px) {
	#view {padding:0 0 60px 0}
}
@media (max-width: 768px) {
  .guide {padding-left:20px}
  .view .con1 {padding:5px 0 20px 0; text-align:justify;}
	.view .con2 {padding:10px 15px 15px 15px; line-height:32px; text-align:justify;}
  .img_guide {margin-top:0;}
  .view .map_con {padding-top:20px; padding-left:10px;}
  .view .map_con ul li {font-size:16px; text-indent:-17px; margin-left:17px;}
  .view .map_con ul li i {padding-right:8px; font-size:25px; color:#333;}
}
@media (max-width: 420px) {
	.view .content h3 {padding:30px 0 10px; font-size:24px;}
}


/*------------------------------------------------------------------
    대관
-------------------------------------------------------------------*/
/* 공연장 대관 */
#hallrental {width:100%; overflow:hidden; padding:0 0 100px; position:relative; z-index:1; text-align:center;}
#hallrental .carousel-item {width:100%;}
#hallrental .carousel-item::before {content:"";  position:absolute; top:0; right:0; left:0; bottom:0;}
#hallrental h2 {color:#2e2e2e; margin-bottom:30px; font-size:48px; font-weight:700;}
#hallrental h2 span {color:#e96b56;}
#hallrental .carousel-inner .carousel-item, #hallrental .carousel-inner .active.carousel-item-start, #hallrental .carousel-inner .active.carousel-item-end {opacity:0;}
#hallrental .carousel-inner .active, #hallrental .carousel-inner .carousel-item-next.carousel-item-start, #hallrental .carousel-inner .carousel-item-prev.carousel-item-end {opacity:1; transition:0.5s;}
#hallrental .carousel-inner .carousel-item-next, #hallrental .carousel-inner .carousel-item-prev, #hallrental .carousel-inner .active.carousel-item-start, #hallrental .carousel-inner .active.carousel-item-end {left:0; transform:translate3d(0, 0, 0);}
#hallrental .carousel-control-prev, #hallrental .carousel-control-next {width:10%;}
#hallrental .carousel-control-next-icon, #hallrental .carousel-control-prev-icon {background:none; font-size:48px; line-height:1; width:auto; height:auto; color:#545454;}
#hallrental .carousel-indicators li {cursor:pointer; background:#e96b56; overflow:hidden; border:0; width:12px; height:12px; border-radius:50px; margin-bottom:0; opacity:0.5;}
#hallrental .carousel-indicators li.active {opacity:1;}
#hallrental .btn-get-started {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 50px;
  transition: 0.5s;
  line-height: 1;
  margin: 10px;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: 2px solid #e96b56;
  background: #e96b56;
}
#hallrental .btn-get-started:hover {
  background: transparent;
  color: #e96b56;
  text-decoration: none;
}
@media (min-width: 1024px) {
  #hallrental p {width:50%;}
  #hallrental .carousel-control-prev, #hallrental .carousel-control-next {width:5%;}
}
@media (max-width:1366px) {
	#hallrental {padding:0 0 60px;}
  #hallrental .carousel-indicators li {margin-bottom:0;}
}
@media (max-width: 420px) {
  #hallrental {padding:0 0 60px;}
  #hallrental .carousel-item img {width:100%;}
}

/* 대관신청 */
/* 운영규정 동의 */
.agree {padding:0 0 30px 0}
.agree .agree-tit {margin:0 0 0; padding:5px 0 24px 5px; border-bottom:1px solid #333; font-size:20px; font-weight:400;}
.agree .agree-check {padding:20px 0;}
.agreeText {overflow:auto; height:180px; border:1px solid #cccccc; padding:20px; margin-bottom:30px; background-color:#f9f9f9; font-size:14px; color:#222;}
.agreeText .big {display:block; color:#333; font-size:18px; font-weight:600; text-align:center;}
.agreeText p>strong {display:block; margin:12px 0; color:#333; font-size:15px; font-weight:600; text-align:center;}
.agreeText p {margin-bottom:3px;}
.agreeText p.indent {padding-left:13px}
.agree-txt2 {list-style: none;}

/* 대관신청 입력폼 */
.rental-form-wrap {padding:50px 0 0;}
.rental-form {position:relative; width:100%; border-collapse:collapse; border-top:1px solid #000; margin:0 0 8px;}
.h4-wrap {padding-bottom:10px; padding-left:5px;}
.rental-form .row {margin:0;}
.rental-form .zipcode {width:100px}
.rental-form .address {width:49%}
.rental-form .date {width:130px}
.rental-form .number {width:100px}_
.rental-form .ipsize1 {width:130px;}
.rental-form .ipsize2 {width:49%;}
.rental-form .ipsize3 {width:204px;}
.rental-form .lastInfo {font-size:14px; line-height:20px;}
.rental-form input {padding:0 7px; border:1px solid #cccccc; height:40px; font-size:16px; font-weight:300; background:#fff; color:#222;}
.baseRadio {padding-top:6px !important;}
.baseRadio input[type=radio] {position:absolute; width:1px !important; height:1px !important; left:-10px;/* opacity:0; */}
.baseRadio label {position: relative; padding-left: 23px; font-size: 16px; line-height: 15px; color:#000; margin-right: 20px;}
.baseRadio label:last-child {margin-right: 0;}
.baseRadio label:after {content:''; position: absolute; left:0; top:2px; width:16px; height: 16px; border:1px solid #cccccc; border-radius:50%; background: #fff;}
.baseRadio input[type=radio]:checked + label:after {background:url('/assets/img/common/checkRadioOn.png') no-repeat center center; background-size:8px auto;}
.rental-form textarea {border:1px solid #cccccc; width:100%; height:125px; padding:7px 7px 15px 7px; background:#fff; color:#222; font-weight:300; margin:0; resize:none; box-sizing:border-box;}
.item {background-color: #f6f6f6; padding:16px 11px; border-bottom:1px solid #d9d9d9; font-weight:400; vertical-align:middle;}
.item2 {background-color: #f6f6f6; padding:16px 11px; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; font-weight:400; vertical-align:middle;}
.item3 {background-color: #f6f6f6; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; font-weight:400; vertical-align:middle;}
.item3:last-child {border-right:none;}
.cont {padding:10px; border-bottom:1px solid #d9d9d9; box-sizing:border-box;}
.cont2 {padding:10px; border-bottom:1px solid #d9d9d9; box-sizing:border-box; line-height:40px;} /* 입력창 없는 텍스트 */
.cont3 {padding:10px; border-bottom:1px solid #d9d9d9; box-sizing:border-box; line-height:40px;} /* 연락처 */
.cont4 {padding:10px; border-bottom:1px solid #d9d9d9; box-sizing:border-box; line-height:36px;} /* 교육 연락처 */
.selectBox {display:inline-block; height:40px; position:relative; border:1px solid #cccccc; background:#fff; color:#222; font-weight:300; vertical-align:middle; line-height:23px;}
.selectBox label {position: relative; top:8px; line-height: 15px; padding:0 25px 0 10px;}
.selectBox select {width:100%; min-height:40px; line-height:40px; opacity:0; padding:5px 0; position:absolute; left:0; top:0; z-index: 1; font-size:16px;}
.selectBox.time {width:90px !important}
iframe.size1 {width:100%; height:40px;}
.btnJoinStep {padding-bottom:15px;}
@media (min-width:992px) and (max-width:1399px) {
  .cont3 {line-height:36px;}
}
@media (max-width: 991px) {
	.rental-form input {height:38px; font-size:15px}
  .rental-form input.ipsize1 {width:130px;}
  .rental-form .address {width:100%}
	.rental-form .date {width:94px}
	.rental-form .number {width:70px}
	.rental-form textarea {padding:5px; font-size:15px}
	.item, .item2, .item3 {padding:16px 7px; font-size:15px;}
	.baseRadio label {font-size:15px}
	.cont {font-size:15px}
  .cont2 {line-height:38px; font-size:15px;}
  .cont3 {line-height:28px; font-size:15px;}
  .cont4 {line-height:30px;}
  iframe.size1 {width:100%; height:55px;}
}


/*------------------------------------------------------------------
    전시
-------------------------------------------------------------------*/
#exhibition {padding:0 0 100px 0}
.exhibition .content h3 {padding:30px 0 20px; font-weight:500; font-size:26px; color:#333;}
.exhibition .stit {font-size:20px; font-weight:500; color:#333;}
.exhibition .con1 {padding:5px 0 30px 23px}
.exhibition .con2 {padding:5px 0 30px 23px}
@media (max-width:1366px) {
	#exhibition {padding:0 0 60px 0}
}
@media (max-width:768px) {
  .exhibition .con2 {padding:5px 12px 30px;}
}

/* 상설전시 - 작성일:202502 */
input.btn-vrview {padding:5px 35px;}
.permanent_list ul {display:block;}
.permanent_list ul li {margin:0 0 10px 5px; min-width:215px;}
.btn_permanent {cursor:pointer; display:inline-block; background:#f2f2f2; padding:8px 20px 9px 20px; border:1px solid #00a0e9; border-radius:10px; color:#222; font-size:16px; font-weight:400; text-align:left;}
.btn_permanent-active {display:inline-block; background:#00a0e9; padding:8px 20px 9px 20px; border:1px solid #00a0e9; border-radius:10px; color:#fff; font-weight:500; text-align:left;}
.permanent_con {padding:30px 0 0;}
.permanent_con2 {padding:0;}
.btn_permanent a:hover {color:#00a0e9;}
@media (max-width:540px) {
  .permanent_list {padding-top:0; text-align:center;}
  .permanent_list ul li {margin:0 2px 8px; min-width:160px;}
  .btn_permanent {padding:8px 0 9px 10px; font-size:13px;}
  .btn_permanent-active {padding:8px 0 9px 10px; font-size:13px;}
}

/* 상설전시 영문판 - 작성일:202502 */
input.btn-vrview {padding:5px 25px;}
.eng-permanent_list ul {display:block;}
.eng-permanent_list ul li {margin:0 5px 10px 0; min-width:285px;}
.btn_eng-permanent {cursor:pointer; display:inline-block; background:#f2f2f2; padding:8px 0 9px 15px; border:1px solid #00a0e9; border-radius:10px; color:#222; font-size:16px; font-weight:400; text-align:left;}
.btn_eng-permanent-active {display:inline-block; background:#00a0e9; padding:8px 0 9px 15px; border:1px solid #00a0e9; border-radius:10px; color:#fff; font-weight:500; text-align:left;}
.eng-permanent_con {padding:30px 0 50px;}
.eng-permanent_con2 {padding:0;}
.btn_eng-permanent a:hover {color:#00a0e9;}
@media (max-width:540px) {
  .eng-permanent_list ul li {margin:0 2px 7px 0; min-width:0;}
  .btn_eng-permanent {padding:8px 8px 9px 6px; font-size:13px}
  .btn_eng-permanent-active {padding:8px 8px 9px 6px; font-size:13px;}
}

/*------------------------------------------------------------------
    교육
-------------------------------------------------------------------*/
#education {padding:0 0 100px 0}
.education .content h3 {padding:30px 0 20px; font-weight:500; font-size:26px; color:#333;}
.education .stit {font-size:20px; font-weight:500; color:#333;}
.education .con1 {padding:5px 0 30px 23px}
.education .con2 {padding:5px 0 30px 23px}
@media (max-width:1366px) {
	#education {padding:0 0 60px 0}
}
@media (max-width:768px) {
  .education .con2 {padding:5px 0 30px 0}
}


/*------------------------------------------------------------------
    Footer
-------------------------------------------------------------------*/
/* # Footer */
#footer {background:#404040; padding:0 0 0 0; color:#fff; font-size:14px;}
#footer .footer-menu  {padding:10px 0 7px 0; background:#404040;}
#footer .footer-top {background:#3b3b3b; border-top:1px solid #474747; border-bottom:1px solid #474747; padding:25px 0 15px 0;}
#footer .footer-top .footer-info {margin-top:auto; margin-bottom:23px; text-align:right;}
#footer .footer-top .footer-info h3 {font-size:18px; margin:0 0 20px 0; padding:2px 0 2px 0; line-height:1; font-weight:700;}
#footer .footer-top .footer-info p {font-size:15px; font-weight:500; line-height:24px; margin-bottom:0; font-family:'Noto Sans KR', sans-serif; color:#fff;}
#footer .footer-top .footer-links {margin-bottom:20px; line-height:26px;}
#footer .footer-top .footer-links .logo {float:left; margin-right:35px;}
#footer .footer-top .footer-links .bold {font-weight:500}
#footer .footer-top .footer-links ul {list-style:none; padding:0; margin:0;}
#footer .footer-top .footer-links ul i {padding-right:2px; color:#ec7f6d; font-size:18px; line-height:1;}
#footer .footer-top .footer-links ul li {padding:10px 0; display:flex; align-items:center;}
#footer .footer-top .footer-links ul li:first-child {padding-top:0;}
#footer .footer-top .footer-links ul a {color:#fff; transition:0.3s; display:inline-block; line-height:1;}
#footer .footer-top .footer-links ul a:hover {color:#e96b56;}
#footer .footer-top .footer-contact {margin-bottom:30px;}
#footer .footer-top .footer-contact p {line-height:26px;}
#footer .copyright {padding-top:15px; text-align:center; font-size:13px; color:#838383;}
#footer .social-links {text-align:right;}
#footer .social-links a {color:#bababa; line-height:0; transition:0.3s; margin-left:15px; font-size:18px;}
#footer .social-links a:hover {color:white;}
.hr1 {border-bottom:1px solid #585858}
@media (max-width: 767px) {
  #footer .footer-menu {text-align:center;}
  #footer .footer-newsletter {padding:28px 0 15px; background:#404040;}
  #footer .footer-top {padding:25px 0 20px 0;}
  #footer .footer-top .footer-links {font-size:13px;}
  #footer .footer-top .footer-links .logo {float:left; margin-right:20px;}
  #footer .footer-top .footer-info {font-size:13px; text-align:center; margin-bottom:25px;}
  #footer .copyright {padding-top:20px;}
  #footer .social-links {text-align:center;}
}

/* utility 유틸리티 */
.sitemap:after {content:""; display: block; clear: both;}
.sitemap > li {min-height:150px; float:left; /*margin-left: 60px;*/ width: 20%;}
.sitemap > li.long {min-height:300px;}
.sitemap h3 {font-size:23px; font-weight: normal;}
.sitemap h3:after {content:""; display: block; width: 160px; height: 1px; background: #000; margin: 15px 0; }
.sitemap .submenu {line-height: 1.7em;}
.btn_privacy {display:inline-block; padding:5px 20px 7px 20px; margin:6px 0 0 0; border:1px solid #6c757d; background:#e9ecef; color:#000; font-size:15px; text-align:center;}
.privacy_stit {padding:5px 0; font-size:17px; font-weight:500;}
.privacy_list {padding-top:5px; padding-left:10px;}
.privacy_list ul li {list-style:circle !important;}
.privacy_list ol li {list-style:decimal !important;}
.agreement_list ol li {list-style:decimal !important;}
.agreement_sublist {padding-top:5px; padding-bottom:5px;}
.agreement_sublist ul li {list-style:none !important;}
.agreement_sublist li {text-indent:-10px; padding-left:10px;}
@media (max-width: 640px) {
  .privacy_stit {padding:5px 0; font-size:15px; font-weight:500;}
}


/* 폰트 속성 */
.ico_down {font-size:20px;}
.ft_point {color:#ff3300;}
.ft_guide {font-size:14px; color:#ff7800;}
.ft_main1 {color:#00a1e9;}
.ft_main2 {color:#46b035;}
.ft_400 {font-weight:400}
.ft_500 {font-weight:500}
.ft_700 {font-weight:700}
.ft_900 {font-weight:900}

/* 절차 그래프  */
.rent-flow {background-color:#fff; padding:15px 0 15px; text-align:center;}
.rent-flow ol {overflow:hidden; position:relative; counter-reset:number;}
.rent-flow_list {list-style:none; display:inline-block;}
.rent-flow_icon {display:block; position:relative; padding-top:3px; margin-bottom:-10px; font-size:50px; font-weight:700; color:#3a3a3a; text-align:center; list-style:none;}
.rent-flow_txt {font-size:17px; font-weight:500; letter-spacing:-1px;}
.rent-flow_item {display:inline-block; position:relative; width:155px; height:155px; border:10px solid #a7a7a7; border-radius:50%;}
.rent-flow_arrow {display:inline-block; position:relative; top:-25px; width:50px; height:50px; font-size:26px;}
.rent-flow_item .n1, n2, n3, n4, n5 {border-color:#e96b56;}
@media (min-width:768px) and (max-width:1200px) {
	.rent-flow_item {width:112px; height:112px; border:5px solid #a7a7a7;}
	.rent-flow_icon {padding-top:0; font-size:39px;}
	.rent-flow_txt {padding-top:2px; font-size:13px;}
	.rent-flow_list {padding-left:0 !important;}
	.rent-flow_arrow {top:-15px; width:25px; font-size:20px}
}
@media (max-width: 420px) {
	.rent-flow_item {width:85px; height:85px; border:4px solid #a7a7a7; vertical-align:top; margin:0 0 10px 0;}
	.rent-flow_icon {padding-top:0; font-size:26px;}
	.rent-flow_txt {padding-top:9px; font-size:13px; line-height:13px;}
	.rent-flow_list {padding-left:0 !important; margin-bottom:0;}
	.rent-flow_arrow {top:24px; width:25px; font-size:14px}
}

/* 공통 테이블 */
.acad-table {margin-top:15px;	border-top:1px solid #000;}
.acad-table th {background:#f9f9f9; padding:10px 5px; height:60px; border-bottom:1px solid #dedede; border-right:1px solid #dedede; color:#545454; font-size:16px; text-align:center; box-sizing:border-box;}
.acad-table th:first-child, .acad-table td:first-child {border-left:1px solid #dedede;}
.acad-table td {color:#878787;	font-size:15px;	padding:10px 5px;	height:60px; text-align:center;	border-bottom:1px solid #dedede;	border-right:1px solid #dedede; box-sizing: border-box;}

/* 비회원 개인정보 이용동의 */
#certification {padding:0 0 100px 0}
.certification .content h3 {padding:30px 0 20px; font-weight:500; font-size:26px; color:#333;}
.certification .header {text-align:center;}
.certification .header-tit {margin-bottom:30px; font-size:38px; font-weight:400; color:#111; line-height:38px;}
.certification .header-txt {font-size:16px; line-height:30px;}
.btn-wrap {padding:50px 0 10px; text-align: center;}
.btn-wrap a, .btn-wrap a:hover {color:#fff;}
.btn-private {background:#0096d4; border:0; border-radius:6px; padding:20px 90px; font-size:18px; font-weight:500; color:#fff; transition:0.4s;}
@media (max-width:1366px) {
  #certification {padding:0 0 60px 0}
}

/* 버튼 */
.btn_tblin {height:40px; background-color:#000; border-color:#000; padding:0 20px 0; font-size:.95em; color:#fff; line-height:37px;}
.btn-cancel {height:50px; background-color:#6c757d; border:0; border-radius:5px; padding:0 60px 0; font-size:1rem; color:#fff}
.btn-confirm {height:50px; background-color:#0096d4; border:0; border-radius:5px; padding:0 60px 0; font-size:1rem; color:#fff}
.btn-down {display:inline-block; background-color:#495057; color:#fff; font-weight:bold; padding:14px 35px; transition:0.3s; font-size:16px; border-radius:0.2rem; border-color:#495057;}
a.btn-down:hover {background-color:#3e444a; color:#fff !important; border-color:#3a4046;}
.btn_outline {display:inline-block; height:46px; background-color:#fff; border:1px solid #333; padding:0 30px 0; color:#222; font-style:normal; text-align:center; line-height:46px;}
.btn_outline .period {font-size:15px;}
.btn_outline:hover {color:#222;}
@media (max-width: 767px) {
  .btn_tblin {height:38px;}
}

/* 게시판 - 모바일에서 항목 안보이게 하기 */
@media (max-width: 768px) {
  .hiddenMob {display:none;}
}
@media (max-width: 640px) {
  .hiddenMob2 {display:none;}
}

/* From commonR.css */
/*.subContent {margin:150px 0 0 0; padding-top: 20px; padding-bottom: 80px; z-index:4;}*/
/*.subConCenter {float: left; position: relative; left: 50%; }*/
/*.subContent.pb0 {padding-bottom: 0;}*/
/*.subContent.pb0 .lnbWrap {margin-bottom: 40px;}*/

.lnbWrap {font-size: 15px; color:#333333; line-height: 15px; margin-bottom: 50px;}
.lnbWrap .home {padding-left: 20px; background:url('/resources/images/common/icoHome.png') left center no-repeat;}
.lnbWrap .active {font-weight: bold;}
.lnbWrap .arrow {margin:0 7px;}

.h2Wrap {margin-bottom: 40px;}
.h2Wrap h2 {font-size: 45px; color:#343333; line-height: 45px; font-family:NanumSquareBold,serif; font-weight: normal;;}
.h3Wrap {padding-bottom: 20px; margin-bottom: 20px;border-bottom: 1px solid #000;}
.h3Wrap h3 {font-size:22px; line-height: 22px; color:#000000; font-weight: bold;}
.h4Wrap {padding-bottom: 20px; margin-bottom: 20px;border-bottom: 1px solid #000;}
.h4Wrap h4 {font-size:22px; line-height: 22px; color:#000000; font-weight: bold;}

.h3SubWrap {margin: 24px 0; position: relative;}
.h3SubWrap h3:before {content:""; display: block; width: 3px; height: 22px; background: #419bf9; position: absolute; left: -2px; top: 2px;}
.h3SubWrap h3 {padding-left:18px; font-size:22px; line-height:25px; color:#000; font-weight:600;}

.subContWrap {padding-bottom:10px;}
/* .subContWrap .cont {line-height:1.65em; padding:0 0 30px 20px; text-align:justify;} */
.subContWrap .cont .tab {padding-left: 12px;}
.subContWrap .h3SubWrap {margin-top:25px;}
.subContWrap .h3SubWrap.no1 {margin-top: 35px}
.subContWrap .h3SubWrapBlack {margin: 30px 0 15px 0; position: relative;}
.subContWrap .h3SubWrapBlack h3:before {content:""; display: block; width: 3px; height: 22px; background: #419bf9; position: absolute; left: -2px; top: 2px;}
.subContWrap .h3SubWrapBlack h3 {padding-left: 18px; font-size: 21px; line-height: 25px; color: #000; font-weight: bold; }
.subContWrap .h3SubWrapBlack.no1 {margin-top: 200px;}
@media (max-width: 640px) {
    .h3SubWrap h3 {padding-left:9px; margin-bottom:15px; font-size:17px; line-height:17px;}
    .subContWrap .h3SubWrap {margin-top:25px; margin-bottom: 10px; padding-bottom: 10px;}
    /* .subContWrap .cont {font-size:14px; padding:0 5px 30px 10px; text-align:justify;} */
}

/* 소식-게시판 수정 : 2023-01-장문아 */
/* style.css에 나중에 넣을 소스 */
.tbType01 {width:100%; margin:15px 0 40px 0;}
.tbType01 th {background:#f2f2f2; font-size:15px; color:#333333; text-align:center; font-weight:700; padding:13px 0; border-bottom:1px solid #d7d7d7; border-top:1px solid #000;}
.tbType01 td {background: #fff; font-size: 15px; color:#333333; text-align: center;  padding:16px 0; border-bottom:1px solid #d7d7d7;}
.tbType01 td.left {text-align: left;  padding-left: 10px; padding-right: 10px;}
.tbType01 td.left a {color:#333333;}
.tbType01 .btnCancel {display: inline-block; color:#fff; font-size: 15px; width: 80px; height: 24px; line-height: 24px; border-radius:12px; background: #696a6c;}
.tbType01 .repl {display: inline-block; color:#fff; font-size: 15px; width: 80px; height: 24px; line-height: 24px; border-radius:12px; background: #696a6c;}
.tbType01 .noData {padding:100px 0;}
.tbType01 .hiddenCont {display: none;}
.pagingWrap { text-align: center;}
.pagingWrap a {display: inline-block; min-width:28px; height: 28px; line-height: 28px; border-radius:50%; font-size: 15px; color:#969696; margin:0 5px;}
.pagingWrap a.active {background: #222222; color:#fff;}
.pagingWrap a.arrow {text-indent:-999em;}
.pagingWrap a.btnPrev {background:url('/assets/img/common/paging01.png') center center no-repeat;}
.pagingWrap a.btnNext {background:url('/assets/img/common/paging02.png') center center no-repeat;}
.btnRight {text-align: right;}
.btnRight .noticeText {font-size:15px; color:#3c3c3c; margin-right:10px;}
body.mobile .btnRight .noticeText {display: block; margin-bottom: 10px; margin-right: 0;}
.btnType01 {display:inline-block; font-size:15px; color:#fff; background:#222222; border-radius:20px; width:128px; height:40px; line-height:40px; text-align:center;}
.btnType01 span {position: relative;}
.btnType01:hover span {text-decoration:none; color:#fff;}

.detailWrap .listWrap {border-top:1px solid #bebebe; padding-top:40px;}
.detailWrap .listWrap:after {content:""; display: block; clear: both;}
.detailWrap .listWrap .shareWrap {float:left; position:relative; top:0; left:0;}
.detailWrap .listWrap .btnRight {float: right;}
.detailWrap .stateWrap {background:none;}
.detailWrap .title {padding: 40px 0; position: relative; color: #222; border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe;}
.detailWrap .title h3 {margin-bottom: 15px; font-size: 24px; font-weight: 600; line-height: 24px;}
.detailWrap .title .who:after {content:""; display: block; clear: both;}
.detailWrap .title .who li {float: left; position: relative; margin-left: 11px; padding-left: 11px; line-height: 15px;}
.detailWrap .title .who li:first-child {padding-left: 0; margin-left: 0;}
.detailWrap .title .who li:after {content:""; position: absolute; left: 0; top: 0; width: 1px; height: 14px; background: #222;}
.detailWrap .title .who li:first-child:after {display: none;}
.detailWrap .innerWrap .inner {padding:20px 0 20px; word-break: break-all;}
.detailWrap .innerWrap .inner img {max-width: 100%;}
.detailWrap .innerWrap .contWrap {padding-bottom:0;}
.detailWrap .innerWrap .downFile {padding: 20px; background: #f2f2f2; border-bottom: 1px solid #bebebe;}
.detailWrap .btnPlaceOpen {margin-bottom: 20px;}
.detailWrap .hidePlaceWrap {padding-top: 40px;}


/* from sub_sw.css */
.calArea {margin-top:30px; margin-bottom:40px; position: relative;}
.calWrap .controls {position:relative; text-align:center; padding-bottom:15px; background:#fff; z-index:11;}
.calWrap .controls .yearTit {width:100%;}
.calWrap .controls .yearTit span{display: inline-block; vertical-align: middle; margin:0 25px; font-size: 25px; font-weight: bold; line-height: 25px;}
.calWrap .controls .yearTit a {display: inline-block; width:40px; height: 40px; text-indent:-9999em; vertical-align: middle;}
.calWrap .controls .yearTit a.btnPrev {background:url('/assets/img/common/leftArrow.png') no-repeat;}
.calWrap .controls .yearTit a.btnNext {background:url('/assets/img/common/rightArrow.png') no-repeat;}
.calWrap .controls .btnToday {padding:10px 0 0 0; text-align:right;}
.calWrap .controls .btnToday a {display:inline-block; font-size:14px; color:#fff; font-weight:bold; border-radius:15px; width:69px; height:30px; line-height:30px; background:#333333; text-align:center;}
.calTable  {position: relative;}
.calTable table {width: 100%; table-layout:fixed;}
.calTable table th {background: #000; font-weight: normal; font-size: 15px; height: 34px; color:#fff; text-align: center;}
.calTable table td {text-align: center; border:1px solid #cccccc; vertical-align: top; height:100px;}
.calTable table td a {display: block; height: 100%;}
.calTable table td .day  {padding: 4px 0;}
.calTable table td .day span {display: inline-block; width: 24px; height: 24px; line-height: 24px;}
.calTable table td.gray .day span{color:#cccccc; }
.calTable table td.today .day span {background: #333333;color:#fff; border-radius:100%}
.calTable table td.today {background: #ededed;}
.calTable table td .front {padding:0 1px;}
.calTable table td .front li { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-radius:3px; background: #cccccc; font-size: 12px; line-height: 12px; color:#333333; margin-top: 2px; padding:4px; text-align: left;}
.calTable table td .front li:nth-child(1n+4){display:none;}
.calTable table td.hide .front li:nth-child(1n+3){display:none;}
.calTable table td .front li:first-child {margin-top: 0;}
.calTable table td .plusCount {font-size: 12px; line-height: 12px; text-align: left;  padding:7px 0 7px 4px; display: none; font-weight: bold;}
.calTable table td .plusCount .mCount {display: none;}
.calTable table td.hide .plusCount {display: block;}
@media (max-width:767px) {
    .calTable table td .day span {width:19px; height:19px; line-height:19px; font-size:12px;}
    .calTable table td {height:75px;}
}

.calPop {position: absolute; left:0; top:0;width: 100%; height: 100%; z-index: 10; display: none; }
.calPop .bg {position: absolute; left:0; top:0;width: 100%; height: 100%; z-index: 1; background:rgba(0,0,0,.8); }
.calPop .calIn {position: absolute; left:50%; top:50%; margin-left:-220px; width:440px;  z-index: 2; background:#fff; border:1px solid #cccccc; border-radius:3px; }
.calPop .calIn .title {font-size:25px; line-height: 25px; border-bottom: 1px solid #333333; padding:20px 0 20px 30px;}
.calPop .calIn .btnCloseCal {position: absolute; right:20px; top:23px;}
.calPop .calIn .btnCloseCal a {display: inline-block; text-indent:-999em; width:18px; height: 18px; background:url('/resources/images/sub/btnCloseCal.png') no-repeat;}
.calPop .calIn .calList {padding:30px;}
.calPop .calIn .calList ul li {margin-top: 15px;}
.calPop .calIn .calList ul li:first-child {margin-top: 0;}
.calPop .calIn .calList ul li:after {content:''; display:block; clear:both;}
.calPop .calIn .calList ul li .time {float:left; font-size: 15px;}
.calPop .calIn .calList ul li .text {margin-left: 94px; font-weight: bold; font-size: 15px;}
.calPop .calIn .calList ul li .text2 {margin-left:0; font-weight: bold; font-size: 15px;}

.tbl01 {margin-bottom:0;}
.tbl01 table {width: 100%;}
.tbl01 table .colSize01 {width:110px}
.tbl01 table th {font-size: 16px; line-height: 16px; color:#000; font-weight: bold; vertical-align: top; padding-top:20px;}
.tbl01 table td {font-size: 16px; color:#000; padding:0;}
.tbl01 table td input {border:1px solid #cccccc; width:295px; height: 40px; text-indent:10px; background: #fff;  color:#222;}
.tbl01 table td textarea {border:1px solid #cccccc; width:100%; height: 120px; background: #fff;  color:#222; padding:15px 0 15px 10px; resize:none; box-sizing:border-box;}
.tbl01 table td .btnSame {display: inline-block; text-align: center; vertical-align: middle; background: #757575; border-radius:3px; color:#fff; font-size: 15px; width: 96px; height: 31px; line-height: 31px; margin-left: 7px; }
.tbl01 table .lastTd input {width: 100%;padding:0; text-indent: 10px;}
.tbl01 table .lastTd .tdSel {display: inline-block; vertical-align: top;}
.tbl01 table .lastTd .tdSel.no1 {width: 165px;}
.tbl01 table .lastTd .tdSel.no2 {width: 22px; text-align: center; height: 40px; line-height: 40px;}
.tbl01 table .lastTd .tdSel.no3 {width: 110px;}
.tbl01 table .lastTd .tdSel.no4 {margin-left: 3px;}
.tbl01 .lastInfo {color:#ff0000; font-size: 14px; padding-left: 18px; text-indent:-18px; padding-top: 10px;}
.tbl01 .lastInfo.nowrap {white-space:nowrap;}
.tbl01 .onlyTexT{height: 35px;}
.tbl01.placeTb .colSize01 {width: 87px;}
.tbl01.placeTb .ipSize01 {width:170px;}
.tbl01.placeTb .ipSize02 {width:240px;}
.tbl01.placeTb .ipSize03 {width:115px;}
.tbl01.placeTb .ipSize04 {width:165px;}
.tbl01.placeTb .ipSize05 {width:100px !important;}
.tbl01.placeTb .ipSize06 {width:64px !important; min-width:64px !important;}

.fakeTbWrap:after {content:''; display:block; clear:both;}
.fakeTbWrap .fakeTb {float:left; display:table;}
.fakeTbWrap .fakeTb.size01 {width:415px;}
.fakeTbWrap .fakeTb.size02 {width:305px;}
.fakeTbWrap .fakeTb .fakeTh {display:table-cell; width: 107px; font-size:16px; line-height: 16px; font-weight: bold; vertical-align: middle;}
.fakeTbWrap .fakeTb .fakeTh.no1 {width:130px; vertical-align: top; line-height:inherit;}
.fakeTbWrap .fakeTb .fakeTh.no2 {width:70px;}
.fakeTbWrap .fakeTb .fakeTh.no4 {width:87px; }
.fakeTbWrap .fakeTb .fakeTd {display:table-cell;}
.tbl01 table td .cmsDate input {width: 100px;}

/*문의하기*/
.qnaFormWrap .tbl01 table th {width: 130px;}
.qnaFormWrap .selectBox {width:248px;}
.qnaFormWrap .tbl01 table td input {width: 250px; text-indent: 16px;}
.qnaFormWrap .tbl01 textarea {width: 100%; height: 265px; padding:16px; border: 1px solid #cccccc; resize: none;-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0;}
.btnCommunity {padding:30px 0 0; text-align:center;}
.btnCommunity a {display:inline-block; background:#222222; color:#fff; font-size:16px; width:150px; height:40px; line-height:40px; border-radius:30px;}
.btnCommunity a.gray {background: #757575;}
.btnCommunity a + a {margin-left:10px;}

.questionTb {border-top:1px solid #000;}
.questionTb .fakeTbWrap .fakeTb {width:100%; float:none;}
.questionTb .fakeTbWrap .fakeTh {width:20%; background-color:#f6f6f6; padding:16px 11px; border-bottom:1px solid #d9d9d9; font-weight:400; vertical-align:middle;}
.questionTb .fakeTbWrap .fakeTh.vat {padding:16px 11px;}
.questionTb .fakeTbWrap .fakeTd {padding:10px; border-bottom:1px solid #d9d9d9; line-height:40px}

/* 문의 내역 */
.boardTop {position: relative; margin-bottom: 20px;}
.boardTop:after {content:''; display: block; clear:both;}
.boardTop .hiddenH3 {margin-right: 20px; font-size: 28px; line-height: 28px; color:#343333; }
.boardTop .cateList {float:left; padding-top:16px;}
.boardTop .cateList ul {overflow:hidden}
.boardTop .cateList ul li {position:relative; line-height:15px; float:left; padding-right:17px; margin-right:14px;}
.boardTop .cateList ul li:after {content:''; position:absolute; right:0; top:0; width:1px; height:13px; background:#a0a0a1;}
.boardTop .cateList ul li a {display: inline-block;font-size: 15px; line-height: 15px; color:#999999;}
.boardTop .cateList ul li.active a {font-weight: bold;color:#333333;}
.boardTop .cateList ul li:last-child:after {display: none;}
.boardTop .rightSel {position: absolute; right:0; top:0;}

.tbType01 {width:100%; margin-bottom:40px;}
.tbType01 th {background:#f2f2f2; font-size:15px; line-height:15px; color:#333333; text-align:center; font-weight:normal; padding:18px 0; border-bottom:1px solid #d7d7d7;}
.tbType01 td {background: #fff; font-size: 15px; color:#333333; text-align: center;  padding:16px 0; border-bottom:1px solid #d7d7d7;}
.tbType01 td.left {text-align: left;  padding-left: 10px; padding-right: 10px;}
.tbType01 td.left a {color:#333333;}
.tbType01 .btnCancel {display: inline-block; color:#fff; font-size: 15px; width: 80px; height: 24px; line-height: 24px; border-radius:12px; background: #696a6c;}
.tbType01 .repl {display: inline-block; color:#fff; font-size: 15px; width: 80px; height: 24px; line-height: 24px; border-radius:12px; background: #696a6c;}
.tbType01 .noData {padding:100px 0;}
.tbType01 .hiddenCont {display: none;}
@media (max-width: 640px) {
    .boardTop .cateList ul li {position:relative; line-height:15px; float:left; padding-right:12px; margin-right:9px;}
    .boardTop .cateList ul li:after {content:''; position:absolute; right:0; top:3px; width:1px; height:11px; background: #a0a0a1;}
    .boardTop .cateList ul li a {font-size:13px;}
    .borardList .resultText {font-size:14px;}
    .tbType01 th {padding:12px 0; font-size:14px;}
    .tbType01 td {padding:12px 0; font-size:14px; line-height:20px;}
}

.myQnaTb  {margin-bottom: 10px;}
.myQnaTb tr.open + tr {display:table-row;}
.myQnaTb tr.open + tr + tr {display:table-row;}
/*.myQnaTb  td {color:#484848;}*/
/*.myQnaTb .colSize01 {width: 115px;}*/
/*.myQnaTb .colSize02 {width: 125px;}*/
/*.myQnaTb .colSize03 {width: 200px;}*/
/*.myQnaTb .colSize04 {width: 125px;}*/
/*.myQnaTb .colSize05 {width: 160px;}*/


/* 게시판 분류 버튼 - 수정 : 2023-01-장문아 */
.btn20 {letter-spacing:-0.5pt; position:relative; padding:5px 15px 7px 15px; margin:12px 1px 2px 1px; color:#000; text-align:center; background:#fff; font-size:15px; font-weight:500; text-decoration:none; border:1.5px #00a1e9 solid; border-radius:5px; z-index:5; line-height:130%}
.btn20:hover {color:#fff; background:#00a1e9; border:1.5px #00a1e9 solid;}
.btn21 {letter-spacing:-0.5pt; position:relative; padding:5px 15px 7px 15px; margin:1px; color:#fff; text-align:center; background:#00a1e9; font-size:15px; font-weight:500;text-decoration:none; border:1.5px #00a1e9 solid; border-radius:5px; z-index:5; line-height:130%}
.btn21:hover {color:#000; background:#fff; border:1.5px #00a1e9 solid;}
@media (max-width:460px) {
    .btn20 {letter-spacing:-0.5pt; padding:5px 6px 7px 5px;}
}


/* 기획전시 - 수정 : 2023-01-장문아 */
/* 문화 - 수정 : 2023-01-장문아 */
.planning.container {padding-left:0; padding-right:0; padding-bottom:0;}
.perfor.container {margin-bottom:50px; padding-left:0; padding-right:0;}
.subContent {padding-left:12px; padding-right:12px;}
.subContWrap .detailWrap {padding-left:0; padding-right:0; padding-bottom:50px;}
.typ01 {float:left; font-size:15px; color:#000000;}
.showWrap .rightSel {float:right; margin-top:30px;}
.showWrap .rightSel2 {float:right; margin-top:50px;}
.showListWrap {clear:both; padding-top:20px;}
.showList .stateWrap .state {right: 15px; top: 15px;}
.showList:after {content:""; display: block; clear: both;}
.showList  {margin-left:-40px;}
.showList > li {float:left; width:405px; margin:60px 0 0 40px; border:1px solid #bebebe; background:#fff;}
.showList > li:nth-child(1) {margin-top:0;}
.showList > li:nth-child(2) {margin-top:0;}
.showList > li:nth-child(3) {margin-top:0;}
.showList .stateWrap {width:100%; height:201px; line-height:200px; border-bottom:1px solid #bebebe; overflow:hidden; text-align:center; box-sizing:border-box; font-size:0;}
.showList .stateWrap img {max-width:100%; max-height:200px; vertical-align:middle;}
.showList .title {padding:20px; border-bottom:1px solid #bebebe; height:175px;}
.showList .title h3 {font-size:20px; min-height:68px;}
.showList .showLink:after {content:""; display: block; clear: both;}
.showList .showLink > a {width: 50%; position: relative; float: left; text-align: center; padding: 15px 0;}
.showList .showLink > a:first-child:after {content:""; display: inline-block; width: 1px; height: 100%; background: #bebebe; position: absolute; right: 0; top: 0;}
.showList .showLink.solo > a {width: 100%;}
.showList .showLink.solo > a:first-child:after {display: none;}
.showList .showLink > a span {padding-right:20px; background:url("/assets/img/common/iconArrow.png") center right no-repeat; background-size:11px 13px; font-weight:500; color:#000;}
.showList .showLink > a:hover span {text-decoration:underline;}
.showListWrap .btnMore {width:100%; margin-top:50px; border:1px solid #bebebe;}
.showListWrap .btnMore a {width: 100%; height: 9px; display: inline-block; text-align: center; padding: 20px 0;}
.showListWrap .btnMore a i {text-indent:-999em; display:inline-block; width:14px; height:9px; background:url("/assets/img/common/arrowBottom.png") no-repeat; background-size:14px 9px;}
.state.end, .state.ing {display:none;}
@media all and (max-width:1280px) {
  .showList {margin-left:-3.4%;}
  .showList > li {width:29.8%; margin:4% 0 0 3.4%; box-sizing:border-box;}
  .showList > li:nth-child(1) {margin-top:0;}
  .showList > li:nth-child(2) {margin-top:0;}
  .showList > li:nth-child(3) {margin-top:0;}
  .showList .stateWrap {width:100%; height:171px; line-height:171px;}
  .showList .title {padding:15px;}
}
@media (max-width:1024px) {
  .shareWrap {right: 23px;}
  .showWrap .rightSel2 {float:right; margin-top:15px;}
  .showList .title h3 {font-size: 17px;}
  .showList .stateWrap {width:100%; height:143px; line-height:143px;}
  .showList > li {font-size:15px;}
}
@media (max-width:991px) {
  .showList .title {height:145px; padding:5px;}
  .showList .title h3 {font-size:15px; min-height:60px; line-height:20px;}
  .showWrap .rightSel {float:right; margin-top:15px;}
  .showWrap .rightSel2 {top:90px;}
  .showList > li {font-size:13px; line-height:20px;}
  .showList .showLink > a {padding:12px 0;}
}
@media all and (max-width:767px) {
  .showList .title {height:165px; padding:5px;}
  .showList .title h3 {min-height:auto; font-size:13px; line-height:18px;}
  .showList > li {font-size:12px; line-height:16px;}
  .showList .stateWrap {width:100%; height:110px; line-height:110px;}
  .shareWrap {top: 68px; right: 12px;}
  .shareWrap .sp_sns {width: 40px; height: 40px;}
  .shareWrap .sp_sns.share {width: 33px; height: 33px;}
  .contentPop .popIn .closePop {background: url('../images/common/btnPopClose2.png') no-repeat; background-size: 20px;}
  .shareWrap .sp_sns.shareFb {background: url('../images/common/sp_sns_fb2.png') no-repeat; background-size: 40px;}
  .shareWrap .sp_sns.shareTw {background: url('../images/common/sp_sns_tw2.png') no-repeat; background-size: 40px;}
  .shareWrap .sp_sns.shareUrl {background: url('../images/common/sp_sns_url2.png') no-repeat; background-size: 40px;}
  .shareWrap a:hover .sp_sns {background-position: 0 0;}
}
@media (max-width:430px) {
  .showList .title h3 {min-height:auto; font-size:16px; line-height:20px;}
  .showList > li {font-size:14px; line-height:20px;}
  .showList {margin-left:0}
  .showList .title {padding:15px; height:125px;}
  .showList .stateWrap {width:100%; height:181px; line-height:181px;}
  .showList > li {width:100%; margin:0 0 30px 0; box-sizing:border-box;}
  .showListWrap .btnMore {width:100%; margin-top:0; border:1px solid #bebebe;}
}


/* select - 수정 : 2023-01-장문아 */
.selectBox {display:inline-block; min-width:100px; position:relative; border:1px solid #cccccc; background:#fff; height:40px; vertical-align:middle;}
.selectBox:after {content:'';position:absolute; right:13px; top:50%; width:8px; height:7px; margin-top:-3px; background:url('/assets/img/common/icoSel2.png') no-repeat;}
.selectBox label {position:relative; top:8px; line-height:15px; padding:0 25px 0 10px;}
.selectBox select {width:100%; height:30px; min-height:40px; line-height:40px; opacity:0; padding:5px 0; position:absolute; left:0; top:0; z-index: 1; font-size:15px;}
.selectBox.type2 {min-width:150px; border:1px solid #666666; height:40px; line-height:30px;}
.selectBox.type2:after { right:6px; top:50%; width:12px; height: 8px; margin-top:-4px; background:url('/assets/img/common/icoSel3.png') no-repeat;}
.selectBox.type2 label {top:3px; line-height:15px; padding:0 10px 0 9px; color:#333333;}
.selectBox.type2 select {width:100%; height:27px; min-height:27px; line-height:27px; opacity:0; position:absolute; left:0; top:0; z-index: 1; font-size:15px;}

/* subcommon */
.shareWrap {position: absolute; right: 100px; top: 117px; z-index: 10;}
.shareWrap:after {content:""; display: block; clear: both;}
.shareWrap a {float: left; margin-left: 10px;}
.shareWrap a:first-child {margin-left:0;}
.shareWrap .sp_sns {width: 33px; height: 33px; display: inline-block; text-indent: -999em;}
.shareWrap .sp_sns.share {background:url(/assets/img/common/sp_sns.png) no-repeat; background-size: 33px auto;}
.shareWrap .sp_sns.shareFb {background: url(/assets/img/common/sp_sns_fb.png) no-repeat; background-size:33px auto;}
.shareWrap .sp_sns.shareTw {background: url(/assets/img/common/sp_sns_tw.png) no-repeat; background-size:33px auto;}
.shareWrap .sp_sns.shareUrl {background: url(/assets/img/common/sp_sns_url.png) no-repeat; background-size:33px auto;}
.shareWrap a:hover .sp_sns {background-position: 0 -33px;}
.shareWrap a:hover .sp_sns.share {background-position: 0 0;}
.mobLook {display:none;}
body.mobile .mobLook {display: block;}
body.mobile .mobHidden {display: none;}

/* main popup */
.popArea {position:fixed; left:1%; top:1%; z-index:999; text-align:center; display:flex;}
.popIn {width:490px;}
.popArea .popIn .img img {width: 100%;}
.popArea .popIn .controls {float:left; width:100%; margin-top:0; background:#222222;}
.popArea .popIn .controls:after {content:''; display:block; clear:both;}
.popArea .popIn .controls .today {float:left; width:50%; height:40px; line-height:40px; font-size:14px; color:#fff; font-weight:bold;}
.popArea .popIn .controls .today label {margin-left:5px; color:#fff; font-size:14px;}
.popArea .popIn .controls .close {float:left; width:50%; background-color:#3d3a3a; border-left:1px solid #818181; box-sizing:border-box;}
.popArea .popIn .controls .baseCheck label:after {box-sizing:border-box; top:5px;}
.popArea .popIn .controls .close a {display:block; height:40px; line-height:40px; font-size:14px; color:#fff; font-weight:bold;}
@media all and (max-width:1140px) {
    .popArea {top:50px; width:98%; margin-top:0; transform: translateY(0)}
    .popArea .popIn .controls .today {height: 30px; line-height: 30px; box-sizing:border-box; padding-top: 0;}
    .popArea .popIn .controls .today .baseCheck input {padding-top: 0;}
    .popArea .popIn .controls .baseCheck label {vertical-align: top; font-size: 12px; line-height: 27px;}
    .popArea .popIn .controls .baseCheck label:after {box-sizing:content-box; top:2px;}
    .popArea .popIn .controls .close a {height: 30px; line-height: 30px; font-size: 12px;}
}
@media all and (max-width:568px) {
    .popArea {position:fixed; top:50px; left:5%; width:90%; margin-top:0; margin-left:0; min-width:260px; display:none;}
    .popIn {width:100%}
    .popArea .popIn .img {position:absolute;}
    .popArea .popIn .img img {width: 100%;}
    .popArea .popIn .controls {position: absolute; float: left; width: 100%; margin-top: 100%; background: #222222;}
    .downWrap .downList > li .slidePlace {height: 250px;}
}

/* 전시공연 */
.stateWrap .state {width: 30px; height: 30px; top: 20px; font-size: 11px;}

/* 문화행사 */
.btnPlaceOpen {margin:40px 0 50px 0;}
.btnPlaceOpen a {display: block;text-align: center;height: 70px;line-height: 70px;background: #222222;}
.btnPlaceOpen a span {position: relative; display: inline-block; font-size:25px; line-height: 25px; color:#fff; font-weight: bold; padding-right: 37px; }
.btnPlaceOpen a span:after {content:''; position: absolute; right:0; top:2px; width: 20px; height: 100%; background:url('/resources/images/common/orderArrow.png') right center no-repeat;}
.btnPlaceOpen a:hover span:before {content:""; display: inline-block; width: 100%; height: 2px; position: absolute; bottom: -8px; left: 0; background: #fff;}

/* 검색 */
.searchBox {width: 600px; padding: 10px 0; margin-bottom:25px; position:relative; border-bottom: 3px solid #000;}
.searchBox:after {content: ""; display: block; clear: both;}
.searchBox input[type="text"] {width: 90%; float: left; background: transparent; border: none; }
.searchBox .btnSearch {float: right; display: block; width: 30px; height: 30px; background: url('/resources/images/common/search.png') no-repeat; text-indent: -999em;}
.search .resultText {margin-top: 20px; margin-bottom: 40px; color: #666;}
.search .resultText span {color: #000;}
.tbType01.searchTb .colSize01 {width: 45%;}
.tbType01.searchTb .colSize02 {width: 18%;}

.rightSel {position: relative; float: right; }


/*------------------------------------------------------------------
    English - 작성일:202309
-------------------------------------------------------------------*/
#english {padding:0 0 100px 0}
.english .content h3 {padding:50px 0 20px; font-weight:500; font-size:22px; color:#333;}
.english .content h4 {padding:0 0 15px; font-weight:500; font-size:24px; color:#333;}
.english .content h5 {font-weight:500; font-size:19px; color:#333;}
.english .img-box {padding-top:10px; padding-bottom:40px;}
.english .content-box {padding:10px 0 20px;}
.english .content-box2 {padding:40px 0 0px;}
.english .stit {font-size:20px; font-weight:500; color:#333; letter-spacing: -0.5px;}
.english .content .date {padding:0 0 20px; font-weight:400; font-size:17px; color:#666;}
.english .con1 {padding:0 146px;}
.english .con2 {padding-top:0; padding-bottom:0; padding-left:45px; line-height:32px;}
.english .con3 {padding:35px 0 0 0; text-align: center;}
.english .period {font-size:14px;}
.english .btn-wrap {text-align: right; padding:0 0 30px 0;}
.english .btn-wrap .btn_period {display:inline-block; height:46px; background-color:#fff; border:1px solid #333; padding:0 30px 0; color:#222; font-style:normal; text-align:center; line-height:46px;}
.english .btn-wrap .btn_period2 {display:inline-block; height:46px; background-color:#fff; border:1px solid #adb5bd; padding:0 30px 0; color:#6c757d; font-style:normal; text-align:center; line-height:46px;}
.eng_con {letter-spacing:-0.5px; text-align:left !important; line-height:37px !important;}
.english .blank {padding-top:30px;}
@media (max-width:1366px) {
	#english {padding:0 0 60px 0}
}
@media (max-width:991px) {
  .english .content-box {padding:10px 0 0;}
  .english .con2 {padding-top:10px; padding-bottom:30px; padding-left:12px; line-height:32px;}
  .english .btn-wrap .btn_period {margin:10px 0 0 0;}
}
@media (min-width:600px) and (max-width:1024px) {
  .con-tab.eng > li {min-height:70px;}
	.con-tab.eng > li > a {padding:2px; font-size:14px}
  .english .con1 {padding:0 12px;}
  .english .con2 {padding-top:0;}
  .english .btn-wrap .btn_period {margin:10px 0 0 0;}
}
@media (max-width:540px) {
  .english .con1 {padding-left:12px; padding-right:12px;}
  .english .con2 {padding-top:10px; padding-left:12px; padding-bottom:10px;}
  .english .btn-wrap .btn_period {display:inline-block; height:60px; background-color:#fff; border:1px solid #333; padding:6px 30px 0; margin:10px 0 0 0; color:#222; font-style:normal; text-align:center; line-height:23px;}
  .english .btn-wrap .btn_period2 {display:inline-block; height:60px; background-color:#fff; border:1px solid #adb5bd; padding:6px 30px 0; color:#6c757d; font-style:normal; text-align:center; line-height:23px;}
  .english .content-box {padding:0}
  .con-tab.eng > li {min-height:90px;}
	.con-tab.eng > li > a {padding:2px; font-size:14px}
}