@charset "utf-8";

/**/
#wait {text-align:center}
#wait img {max-width: 100%;}

/**/
#skipBtnWrap a {display: block;width: 1px;height: 0;line-height: 0;text-align: center;background: #222;color: #fff;}
#skipBtnWrap a:focus, #skipBtnWrap a:hover, #skipBtnWrap a:active {width: 100%;height: 30px;line-height: 30px;}

/**/
#poplayer{position:absolute;z-index:99999;top:120px;left:50%;margin:0 0 0 -280px;width:560px;height:595px;}
#poplayer *{margin:0;padding:0;border:0}
#poplayer img{display:block}
#poplayer .todays{padding:2px 20px 8px 20px;text-align:right;background:#323232}
#poplayer .todays a{font-size:14px;color:#fff}
#poplayer area{cursor:pointer}

/**/
#popupbar{position:relative;background:#0e6faf url(../img/popupbarbg.png) no-repeat 50% 50%;overflow:hidden;display:none}
#popupbar .popupbar{max-height:117px !important;overflow:hidden}
#popupbar .popupbar .slide h3{display:inline-block;margin:0;padding:0 20px 5px 0;font-size:26px;color:#fff;text-shadow:-1px -1px 2px rgba(0,0,0,0.2)}
#popupbar .popupbar .slide .close{display:inline-block}
#popupbar .popupbar .slide .close button{font-size:14px;font-weight:800;letter-spacing:-1px;color:#fff;border:0;background:none}
#popupbar .popupbar img{display:block}
#popupbar .bx-controls{position:absolute;z-index:100;bottom:3px;left:50%}
#popupbar .bx-pager{float:left;display:block}
#popupbar .bx-pager .bx-pager-item{display:inline;}
#popupbar .bx-pager.bx-default-pager a{display:inline-block;margin-right:5px;width:12px;height:12px;border:2px solid #fff;background:transparent;border-radius:50px;text-indent:-9999px}
#popupbar .bx-pager.bx-default-pager a.active{border:2px solid #00558b;background:#00558b}
#popupbar .bx-prev{position:absolute;top:0px;right:80px;display:none;width:10px;height:19px;text-indent:-9999px;background:url(../img/banner_prev.png) no-repeat}
#popupbar .bx-next{position:absolute;top:0px;right:20px;display:none;width:10px;height:19px;text-indent:-9999px;background:url(../img/banner_next.png) no-repeat}
#popupbar i.b1{position:absolute;z-index:3;top:0px;left:0%;display:block;width:100%;height:5px;background:#00558b}
#popupbar i.b2{position:absolute;z-index:4;top:0px;left:50%;margin:0 0 0 570px;display:block;width:100%;height:5px;background:#ffbd3f}
#popupbar .holidays{padding-top:40px;text-align:center}
#popupbar .opens{text-align:center}
#popupbar .opens a{display:block;text-align:center}
#popupbar .opens a img{display:block;margin:0 auto}

/* 1460 - all */
@media all and (min-width: 1460px) {
	
	#divpop { display:none;}
	#mm-blocker{display:none}
	#popupWindow{position:absolute}
	#OpenLayer {position: absolute;top: 150px;left: 100px;z-index: 9999;background: #fff;padding: 10px;border-radius: 5px;border: 1px solid #ccc;box-shadow: 5px 5px 20px rgba(0,0,0,0.3);text-align: right;}
	#OpenLayer > a {clear: both;font-size: 14px;}
	#OpenLayer #TodayClose {float: left;margin-right: 20px;}

	/* header */
	#header {position:absolute;top: 0;left: 0;z-index:30002;width:100%;height: 140px;}
	#header.sel {box-sizing: border-box;background:#fff;}
	#header.header_active {background-color: #fff;border-bottom:1px solid #f0f0f0;}
	#header .header {padding: 40px 0 0;background-color: #fff;}
	#header .header::after {content: '';display: block;clear: both;}

	#header h1 {}
	#header h1 a {display: block;width: 240px;height: 100px;background-image: url(../img/logo.png?v=1);background-repeat: no-repeat;background-position: 0 50%;/*background-size: 95% auto;*/background-size: 100% auto;text-indent: -9999px;background-size: auto;}
	/*#header.header_active h1 a, #header.bg_white h1 a {background-image: url(../img/logo_on.png);}*/
	#header button.btn-menu {display:none}

	#header.bg_white {background-color: #fff;border-bottom: 1px solid #d9d9d9;}

	/**/
	nav.menu_wrap {position: relative;display: flex;max-width: 1440px;margin: 0 auto;justify-content: space-between;}
	#gnb {flex-grow: 1;}
	#gnb .gnb {position: relative;}
	#gnb .gnb .all_menu {position: absolute;top: 33px;right: 0;width:30px;height:30px;background: url(../img/all_menu.png) no-repeat center 50%;text-indent:-99999px;}
	#gnb .depth1 {height: 100px;text-align: center;font-size: 0;}
	#gnb .depth1 > li {display: inline-block;vertical-align: top;}
	#gnb .depth1 > li > a {display:block;height: 100px;margin: 0;padding: 0 25px;line-height: 100px;font-size: 20px;font-weight: 500;color: #000;}
	#gnb .depth1 > li > a em{position:absolute;top:23px;right:0;display:block;margin:-10px 0 0 0;width:1px;height:16px;background:#ccc;display:none}
	#header #gnb .depth1 > li.sel > a {color: var(--subColor);font-weight: 500;text-decoration: underline;text-underline-position: under;}
	#header.header_active #gnb .depth1 > li.sel > a,
	#header.bg_white #gnb .depth1 > li.sel > a {color: var(--subColor);font-weight: 500;}
	#header #gnb .depth1 > li:hover > a,
	#header #gnb .depth1 > li > a:hover {color: var(--subColor);}

	#header.header_active #gnb .gnb .all_menu {position: absolute;top: 33px;right: 0;width:30px;height:30px;background: url(../img/all_menu_on.png) no-repeat center 50%;text-indent:-99999px;}
	#gnb .depth2 {display: none;overflow:hidden;position:absolute;top: 100px;left: 0;z-index: 10;width: 100%;padding: 0 0 50px;box-sizing: border-box;text-align:center;}
	#gnb .depth2 > li {float: left;width: 32%;margin: 0 1%;}
	#gnb .depth2 > li:nth-child(3n-2) {margin-left: 0;}
	#gnb .depth2 > li:nth-child(3n) {margin-right: 0;}
	#gnb .depth2 > li a{display:block;height: 58px;padding: 0 15px;font-size: 17px;line-height: 58px;font-weight: 500;color:#222;border-bottom: 1px solid #ddd;text-align: left;}
	#gnb .depth2 > li a:hover{border-bottom: 0;background-color: var(--mainColor);color: #fff;}	
	#gnb .depth1 > li > a::after {content: "";position:absolute;bottom: 0;left: 0;display:none;width: 100%;height: 5px;background: #558fff;}
	#gnb .nav_bg {display:none;position:absolute;top: 100px;left: 0;width: 100%;height: 400px;background: #f5f5f5;}
	
	#header .menu_wrap .sitemap {width: 30px;height: 100px;background-image: url(../img/ico_h_sitemap.png);background-repeat: no-repeat;background-position: 100% 50%;text-indent: -9999px;}


	#header .h_etc {position: absolute;top: 0;left: 0;width: 100%;background-color: #ecefef;}
	#header .h_etc_wp {display: flex;max-width: 1440px;margin: 0 auto;justify-content: space-between;}
	#header .h_etc_wp .h_move > a {position: relative;z-index: 0;display: inline-block;font-size: 16px;line-height: 40px;font-weight: 500;color: var(--mainColor);font-weight: 500;}
	#header .h_etc_wp .h_move > a + a {padding-left: 25px;margin-left: 24px;}
	#header .h_etc_wp .h_move > a + a::before {content: '';position: absolute;top: 50%;left: 0;z-index: -1;width: 1px;height: 12px;margin-top: -6px;background-color: #c5d4e6;}

	/*#header .etc_wp {position: absolute;top: 0;left: 0;width: 100%;text-align: right;vertical-align: top;height: 40px;background:#eff5f8;}
	#header .etc_btn {width:1300px;margin:0 auto;}*/
	#header .etc_btn > ul {display: inline-block;}
	#header .etc_btn > ul > li {display: inline-block;line-height:38px;padding-left: 35px;}	
	#header .etc_btn > ul > li > a {display: block;padding-left: 20px;vertical-align: middle;font-size: 16px;line-height: 40px;font-weight: 500;color: #000;background-repeat: no-repeat;background-position: 0 50%;}
	#header .etc_btn > ul > li.log > a {background-image: url(../img/ico_h_log.png);}
	#header .etc_btn > ul > li.member > a {background-image: url(../img/ico_h_member.png);}
	#header .etc_btn > a.cj_county {position: relative;z-index: 0;display: inline-block;padding-left: 12px;margin-left: 7px;vertical-align: middle;font-size: 15px;color: #fff;}
	#header .etc_btn > a.cj_county::before {content: '';position: absolute;top: 50%;left: 0;width: 1px;height: 11px;margin-top: -5.5px;background-color: #fff;line-height: 100px;}

	#header.fix_menu {position:fixed; top: 0;background:#fff;border-bottom:1px solid #ddd;}
	#header.fix_menu #gnb .depth1 > li > a {color:#222;}
	#header.fix_menu #gnb .depth1 > li.sel > a {color:#558fff}


	#allbg{position:fixed;z-index:30000;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35);display:none}

	/**/
	#mainCon {width: 100%;}
	.section .section_inner {max-width: 1440px;margin: 0 auto;padding: 80px 0;}
	.section h3 {margin-bottom: 30px;font-size: 28px;font-weight: 700;color: #000;}
	.section h3.white {color: #fff;}

	.section .kind {display: inline-block;width: 80px;height: 34px;text-align: center;font-size: 16px;line-height: 34px;font-weight: 500;color: #fff;border-radius: 5px;}
	.section .kind.lib1 {background-color: #7000b7;}
	.section .kind.lib2 {background-color: #00a54c;}

	.section .kind.ing {background-color: var(--subColor);}
	.section .kind.wait {background-color: var(--mainColor);}
	.section .kind.end {background-color: #e7e7e7;color: #000;}

	.section .m_more {position: absolute;top: 10px;right: 0;font-size: 17px;font-weight: 500;color: #757575;}

	/**/	
	.section .controls {text-align: right;}
	.section .controls .arrows {display: inline-block;vertical-align: middle;}
	.section .controls .arrows .slick-arrow {width: 20px;height: 16px;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;vertical-align: middle;text-indent: -9999px;background-color: transparent;}
	.section .controls .arrows .slick-prev {background-image: url(../img/slides_m_prev.png);}
	.section .controls .arrows .slick-next {background-image: url(../img/slides_m_next.png);}
	.section .controls .arrows .paging {margin: 0 15px;font-family: 'Montserrat';font-size: 15px;}
	.section .controls .arrows .paging .slick-dots {display: inline-block;vertical-align: middle;}
	.section .controls .arrows .paging .slick-dots li {display: none;font-family: 'Montserrat';}
	.section .controls .arrows .paging .slick-dots li.slick-active {display: inline-block;vertical-align: middle;}
	.section .controls .control_btn {display: inline-block;vertical-align: middle;}
	.section .controls .control_btn button {width: 7px;height: 100%;margin-left: 20px;text-indent: -9999px;background-repeat: no-repeat;background-position: 100% 50%;background-color: transparent;}
	.section .controls .control_btn button.stop {background-image: url(../img/slides_m_stop.png);}
	.section .controls .control_btn button.play {background-image: url(../img/slides_m_play.png);}


	/* 메인비주얼 및 상단컨텐츠 */
	#section0 {padding-top: 140px;position:relative;background-image: url(../img/bg_m_visual.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
	#section0 .visual_wp {padding: 0;}
	#section0 .visual_wp .m_slogan {padding: 40px 0;text-align: center;font-size: 36px;font-weight: 400;color: #000;line-height: 1.4em;}	
	#section0 .visual_wp .m_slogan .tit {display: block;font-size: 46px;font-weight: 800;color: #000;line-height: 1.3em;}	

	#section0 .search_wp {position: relative;display: flex;justify-content: flex-end;padding: 10px 40px;margin: 0 auto;background-color: var(--mainColor);border-radius: 10px;text-align: left;box-sizing: border-box;}
	#section0 .search_wp form {position: relative;flex-grow: 1;}
	#section0 .search_wp form fieldset {display: flex;justify-content: flex-end;align-items: center;}
	#section0 .search_wp label {font-size: 20px;margin-right: 40px;font-weight: 500;color: #fff;text-align: center;vertical-align: middle;}
	#section0 .search_wp #search {width: 100%;max-width: 880px;padding-left: 30px;height: 60px;border: 0;border-radius:5px;font-size: 20px;vertical-align: middle;font-family: inherit;font-weight: 500;color: #555;background-color:#fff;}
	#section0 .search_wp .btn_search {position: absolute;top: 0;right: 0;width: 60px;height: 60px;background-image: url(../img/ico_m_search.png);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;}
	#section0 .search_wp .popular_wp {width: 250px;padding: 0 30px 0 40px;}
	#section0 .search_wp .popular_wp .popular_control {}
	#section0 .search_wp .popular_word p {overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #fff;}
	#section0 .search_wp .popular_word p > a {font-size: 17px;color: inherit;line-height: 60px;}
	#section0 .search_wp .popular_wp .popular_control {position: absolute;top: 50%;right: 40px;transform: translateY(-50%);font-size: 0;line-height: 1;}
	#section0 .search_wp .popular_wp .popular_control .slick-arrow {width: 30px;height: 15px;text-indent: -99999px;background-repeat: no-repeat;background-position: 50% 50%;}
	#section0 .search_wp .popular_wp .popular_control .slick-prev {background-image: url(../img/ico_v_prev_w.png);}
	#section0 .search_wp .popular_wp .popular_control .slick-next {background-image: url(../img/ico_v_next_w.png);}
	#section0 .search_wp .popular_wp .popular_control .slick_ctrl {display: block;width: 30px;height: 20px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;}
	#section0 .search_wp .popular_wp .popular_control .slick_ctrl.stop {background-image: url(../img/ico_v_stop_w.png);}
	#section0 .search_wp .popular_wp .popular_control .slick_ctrl.play {background-image: url(../img/ico_v_play_w.png);}

	#section0 .visual_con {display: flex;padding: 20px 0 80px;}
	#section0 .visual_con .v_left > div {overflow: hidden;width: 385px;height: calc(50% - 10px);padding: 20px 30px;background-color: #fff;border-radius: 10px;}
	#section0 .visual_con .v_left h3 {margin-bottom: 5px;font-size: 24px;font-weight: 700;color: #000;}
	#section0 .visual_con .tc_login {text-align:left;}
	#section0 .visual_con .tc_login .login_wp {position:relative;padding-right: 75px;}
	#section0 .visual_con .tc_login .login_wp input[type=text],
	#section0 .visual_con .tc_login .login_wp input[type=password] {width: 100%;height: 34px;padding:0 5px;box-sizing:border-box;background:#edeff1;border:0;border-radius:5px;}
	#section0 .visual_con .tc_login .login_wp input[type=password] {margin-top: 2px;}
	#section0 .visual_con .tc_login .login_wp input.btn_tc_login {position:absolute;width:70px;height: 70px;top:0;right:0;border-radius:5px;cursor:pointer;color:#fff;font-size:16px;background: var(--subColor);transition: all 0.2s;}
	#section0 .visual_con .tc_login .login_wp input.btn_tc_login:hover {background: #9e1a13;}
	#section0 .visual_con .tc_login .mb_menu {padding-top:8px;}
	#section0 .visual_con .tc_login .mb_menu a {display:inline-block;font-size:14px;margin-right:29px;}
	#section0 .visual_con .tc_login .mb_menu a:last-child {margin-right:0;}
	
	#section0 .visual_con .tc_login .tc_logging_info {display:block;padding: 0 0 0 27px;font-size:17px;font-weight: 500;margin-bottom: 10px;background:url(../img/ico_m_log.png) no-repeat 0 50%;background-size: auto 20px;}
	#section0 .visual_con .tc_login .tc_logging_menu {overflow:hidden;margin-bottom: 7px;}
	#section0 .visual_con .tc_login .tc_logging_menu li {float:left;width:33.33333%;}
	#section0 .visual_con .tc_login .tc_logging_menu li a {display:block;border-radius:5px;border:1px solid #ccc;margin-right:10px;padding: 35px 7px 7px;text-align:center;font-size:14px;}
	#section0 .visual_con .tc_login .tc_logging_menu li:nth-child(1) a {background:url(../img/ico_m_login1.png) no-repeat 55% 23%;} 
	#section0 .visual_con .tc_login .tc_logging_menu li:nth-child(2) a {background:url(../img/ico_m_login2.png) no-repeat 52% 23%;} 
	#section0 .visual_con .tc_login .tc_logging_menu li:nth-child(3) a {background:url(../img/ico_m_login3.png) no-repeat 52% 23%;margin-right:0;} 
	#section0 .visual_con .tc_login .btn_tc_logout {display:block;height:30px;line-height:30px;text-align:center;border-radius:5px;background:#555;color:#fff;}

	#section0 .visual_con .v_left > div + div {margin-top: 20px;}
	#section0 .visual_con .v_left .m_mylib > div {display: flex;flex-wrap: wrap;}
	#section0 .visual_con .v_left .m_mylib > div > a {padding: 7px 0 7px 35px;font-size: 15px;font-weight: 500;color: #000;background-repeat: no-repeat;background-position: 0 50%;}
	#section0 .visual_con .v_left .m_mylib > div > a:nth-child(2n-1) {width: 50%;}
	#section0 .visual_con .v_left .m_mylib > div > a:nth-child(2n) {width: 45%;margin-left: 5%;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn1 {background-image: url(../img/ico_m_quick1.png);background-size: auto 20px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn2 {background-image: url(../img/ico_m_quick2.png);background-size: auto 22px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn3 {background-image: url(../img/ico_m_quick3.png);background-size: auto 22px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn4 {background-image: url(../img/ico_m_quick4.png);background-size: auto 19px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn5 {background-image: url(../img/ico_m_quick5.png);background-size: auto 22px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn6 {background-image: url(../img/ico_m_quick6.png);background-size: auto 24px;}
	#section0 .visual_con .zone_wp {position: relative;width: calc(100% - 770px);}
	#section0 .visual_con .popupzone {overflow: hidden;margin: 0 20px;font-size: 0;line-height: 1;border-radius: 10px;max-height:500px;}
	#section0 .visual_con .popupzone .slick_wp {}
	#section0 .visual_con .zone_wp .zone_controls {position: absolute;display: flex;bottom: -40px;left: 20px;width: calc(100% - 40px);font-size: 0;justify-content: center;align-items: center;}
	#section0 .visual_con .zone_wp .zone_controls .slick-dots {order: 1;}
	#section0 .visual_con .zone_wp .zone_controls .slick-dots > li {display: inline-block;}
	#section0 .visual_con .zone_wp .zone_controls .slick-dots > li > button {width: 17px;height: 17px;margin: 0 3px;border-radius: 20px;text-indent: -9999px;border: 2px solid #fff;cursor: pointer;}
	#section0 .visual_con .zone_wp .zone_controls .slick-dots > li.slick-active > button {background-color: #fff;}
	#section0 .visual_con .zone_wp .zone_controls > button {order: 2;margin-left: 20px;width: 20px;height: 20px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;}
	#section0 .visual_con .zone_wp .zone_controls > button.stop {background-image: url(../img/ico_v_stop_w.png);}
	#section0 .visual_con .zone_wp .zone_controls > button.play {background-image: url(../img/ico_v_play_w.png);}
	#section0 .visual_con .v_right > div {overflow: hidden;display: inline-flex;width: 385px;height: 100%;padding: 30px;background-color: #fff;border-radius: 10px;flex-wrap: wrap;}
	#section0 .visual_con .v_right > div > a {display: inline-flex;width: 33.33333%;height: calc(100% / 3);text-align: center;font-size: 15px;font-weight: 500;color: #000;flex-wrap: wrap;justify-content: center;align-content: center;}
	#section0 .visual_con .v_right > div > a::before {content: '';width: 100%;height: 55px;margin-bottom: 10px;background-repeat: no-repeat;background-position: 50% 50%;}
	#section0 .visual_con .v_right > div > a.direct1::before {background-image: url(../img/ico_m_direct1.png);}
	#section0 .visual_con .v_right > div > a.direct2::before {background-image: url(../img/ico_m_direct2.png);}
	#section0 .visual_con .v_right > div > a.direct3::before {background-image: url(../img/ico_m_direct3.png);}
	#section0 .visual_con .v_right > div > a.direct4::before {background-image: url(../img/ico_m_direct4.png);}
	#section0 .visual_con .v_right > div > a.direct5::before {background-image: url(../img/ico_m_direct5.png);}
	#section0 .visual_con .v_right > div > a.direct6::before {background-image: url(../img/ico_m_direct6.png);}
	#section0 .visual_con .v_right > div > a.direct7::before {background-image: url(../img/ico_m_direct7.png);}
	#section0 .visual_con .v_right > div > a.direct8::before {background-image: url(../img/ico_m_direct8.png);}
	#section0 .visual_con .v_right > div > a.direct9::before {background-image: url(../img/ico_m_direct9.png);}

	/**/
	#section1 {width: 100%;}
	#section1 .section_inner {display: flex;}
	#section1 .section_inner > div {position: relative;}
	#section1 .section_inner > div .m_more {position: absolute;top: 10px;right: 0;font-size: 17px;font-weight: 400;color: #555;letter-spacing: -0.4px;}
	#section1 .m_calendar {width: 385px;}
	#section1 .m_calendar #mCalendar {padding: 20px 30px;background-color: #ecf6f6;border-radius: 10px;}
	#section1 .m_calendar #mCalendar .calendar_left {margin-bottom: 15px;text-align: center;}
	#section1 .m_calendar #mCalendar .calendar_left * {vertical-align: middle;}
	#section1 .m_calendar #mCalendar .calendar_left > a.calendar_arrow {display: inline-block;width: 30px;height: 30px;background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;}
	#section1 .m_calendar #mCalendar .calendar_left > a.calendar_prev {background-image: url(../img/ico_m_cal_prev.png);}
	#section1 .m_calendar #mCalendar .calendar_left > a.calendar_next {background-image: url(../img/ico_m_cal_next.png);}
	#section1 .m_calendar #mCalendar .calendar_date {display: inline-block;padding: 0 20px;}
	#section1 .m_calendar #mCalendar .calendar_date > span {display: inline-block;font-size: 26px;font-weight: 400;color: #000;}
	#section1 .m_calendar #mCalendar .calendar_date > span.month {font-weight: 700;color: var(--mainColor);}
	#section1 .m_calendar #mCalendar .day table thead {margin-bottom: 10px;background-color: #fff;border-radius: 5px;}
	#section1 .m_calendar #mCalendar .day table thead th {padding: 7px 5px;font-size: 15px;font-weight: 400;color: #000;}	
	#section1 .m_calendar #mCalendar .day table tbody::before {content: '';display: table-row;height: 10px;}
	#section1 .m_calendar #mCalendar .day table tbody td {padding: 1px 2px;text-align: center;}
	#section1 .m_calendar #mCalendar .day table tbody td > span {display: inline-block;width: 32px;height: 32px;line-height: 32px;font-size: 15px;font-weight: 400;color: #000;}
	#section1 .m_calendar #mCalendar .day table tbody td.holiday > span {background-color: var(--subColor);color: #fff;border-radius: 50%;}
	#section1 .m_calendar p.add_txt {margin-top: 30px;padding: 0 0 0 28px;font-size: 16px;font-weight: 500;color: #000;background-image: url(../img/ico_calendar_note.png);background-repeat: no-repeat;background-position: 0 50%;}
	#section1 .m_notice {width: calc(100% - 870px);margin: 0 50px;}
	#section1 .m_notice .notice_list > li {padding: 20px 0;border-bottom: 1px solid #efefef;}
	#section1 .m_notice .notice_list > li:last-child {border-bottom-width: 0;}
	#section1 .m_notice .notice_list > li > a {display: block;font-size: 18px;font-weight: 500;color: #000;}
	#section1 .m_notice .notice_list > li > span.time {display: block;font-size: 16px;font-weight: 400;color: #5f5f5f;}
	#section1 .m_time {width: 385px;}
	#section1 .m_time > div {overflow: hidden;height: calc(100% - 70px);padding: 30px;background-image: url(../img/bg_m_time.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;border-radius: 10px;}
	#section1 .m_time .use_time {position: relative;height: 100%;padding-bottom: 70px;}
	#section1 .m_time .use_time > dl {display: flex;}
	#section1 .m_time .use_time > dl + dl {margin-top: 30px;}
	#section1 .m_time .use_time > dl dt {width: 45px;padding: 13px 0;font-size: 22px;line-height: 1.1em;font-weight: 500;color: #000;}
	#section1 .m_time .use_time > dl dd {width: calc(100% - 45px);}
	#section1 .m_time .use_time > dl dd > span {display: block;padding: 10px 25px;font-size: 16px;line-height: 1.1em;font-weight: 500;color: #000;border-radius: 30px;}
	#section1 .m_time .use_time > dl dd > span.room {padding: 15px 25px;background-color: var(--mainColor);color: #fff;}
	#section1 .m_time .use_time > dl dd > span.time {position: relative;z-index: 0;padding-left: 40px;}
	#section1 .m_time .use_time > dl dd > span.time::before {content: '-';position: absolute;top: 10px;left: 25px;}
	#section1 .m_time .use_time a.more_btn {position: absolute;bottom: 0;left: 0;width: 100%;padding: 12px 20px 12px 70px;background-color: #fff;background-image: url(../img/ico_m_time_more.png);background-repeat: no-repeat;background-position: 20px 50%;font-size: 18px;font-weight: 500;color: #000;border-radius: 10px;}
	#section1 .m_time .use_time a.more_btn::after {content: '→';position: absolute;top: 12px;right: 20px;font-size: inherit;}

	/**/
	#section2 .section_inner {overflow: hidden;padding-top: 0;}
	#section2 .section_inner > div {position: relative;}
	#section2 .culture_list {display: flex;margin: 0 -10px;}
	#section2 .culture_list > li {width: calc(25% - 20px);margin: 0 10px;padding: 30px;border: 1px solid #ddd;border-radius: 10px;}
	#section2 .culture_list > li p.title {margin: 15px 0;}
	#section2 .culture_list > li p.title > a {overflow: hidden;height: 2.8em;font-size: 22px;font-weight: 500;color: #000;line-height: 1.4em;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	#section2 .culture_list > li .condition > span {display: block;font-size: 16px;font-weight: 400;color: #757575;}
	#section2 .culture_list > li .condition > span + span {margin-top: 3px;}
	
	/* 문화행사 프로그램 */
	.lecture-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 0; margin: 0; list-style: none;}
	.lecture-grid li {background: #fafafa; border: 1px solid #e3e3e3; border-radius: 10px; padding: 25px; box-sizing: border-box; transition: 0.2s ease;}
	.lecture-grid li:hover {box-shadow: 0 4px 15px rgba(0,0,0,0.08); transform: translateY(-3px); border-color:var(--mainColor);}
	.lecture-grid .state {display:inline-block; padding:4px 11px 5px; margin-bottom:10px; font-size:14px; font-weight:500; background-color:var(--mainColor); color: #fff; border-radius:20px;}
	.lecture-grid .tit a {font-size:18px; font-weight:600; color:#222; text-decoration:none; display:block; margin-bottom:10px;}
	.lecture-grid .tit a:hover {color:var(--mainColor);}
	.lecture-grid .condition {font-size: 15px; color: #555; margin-bottom:10px;}
	.lecture-grid .condition .fix_info {display:flex;}
	.lecture-grid .condition .fix_info strong {margin-right:10px; color:var(--subColor);}
	.lecture-grid .more {font-size:14px; font-weight: bold; color:var(--subColor);}

	/**/
	#section3 {width: 100%;background-color: #f2f6f6;}
	.section .book_wp > div {position: relative;}
	.section .book_wp .book_list {display: flex;justify-content: space-between;}
	.section .book_wp .book_list .book_con {width: 20%;padding-right: 20px;}
	.section .book_wp .book_list .book_con .img a {display: block;}
	.section .book_wp .book_list .book_con .img img {max-width: 100%;height: 280px;}
	.section .book_wp .book_list .book_con .info {margin-top: 25px;}
	.section .book_wp .book_list .book_con .info > span {display: block;}
	.section .book_wp .book_list .book_con .info > span.title > a {overflow: hidden;display: block;font-size: 18px;font-weight: 500;color: #000;text-overflow: ellipsis;white-space: nowrap;}
	.section .book_wp .book_list .book_con .info > span.writer {margin-top: 12px;font-size: 16px;font-weight: 400;color: #757575;}

	/**/
	#section4 {background-color: #fff;}	

	/**/
	#foot_section {position: relative;z-index: 0;background-color: #303030;}
	#foot_section::before {content: '';position: absolute;top: 80px;left: 0;z-index: -1;width: 100%;height: 1px;background-color: rgba(255,255,255,0.1);}
	#foot_section .section_inner {position: relative;padding: 0;}
	#foot_section .f_info {display: flex;height: 80px;padding-right: 80px;align-items: center;}
	#foot_section .f_info > a {margin-right: 20px;font-size: 16px;color: #fff;color: #ecf0f3;}
	#foot_section .f_info > a.privacy {color: #5cf9ff;}
	#foot_section .f_con {position: relative;z-index: 0;padding: 40px 0 50px;}
	#foot_section .f_con .logo {position: absolute;top: 50%;right: 0;z-index: -1;opacity: 0.3;}
	#foot_section .f_con address {margin-bottom: 15px;font-style: normal;color: #ecf0f3;}
	#foot_section .f_con address > span {display: inline-block;margin-right: 30px;font-size: 16px;font-weight: 500;color: inherit;}
	#foot_section .f_con cite {font-style: normal;font-size: 14px;font-weight: 500;color: #ecf0f3;text-transform: uppercase;}

	#foot_section #gotop {position: absolute;top: 0;right: 0;}
	#foot_section #gotop > a {display: block;width: 80px;height: 80px;background-color: #222;background-image: url(../img/ico_gotop_arrow.png);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;cursor: pointer;}

	/**/
	#mCard2 {display: none;}

	/**/
	#contain {overflow: hidden;position: relative;width: 100%;}
	#contain .contain {max-width: 1440px;margin: 0 auto;}
	#contain .contain::after {content: '';display: block;clear: both;}


	/* 서브비주얼 */
	#contain #subVisual {width: 100%;padding-top: 140px;background-color: #ecf6f6;}
	#contain #subVisual .sub_visual {position: relative;display: flex;max-width: 1440px;height: 220px;padding-left: 320px;margin: 0 auto;align-items: center;align-content: center;flex-wrap: wrap;}
	#contain #subVisual .sub_visual::after {content: '';position: absolute;right: -30px;bottom: -25px;width: 355px;height: 230px;background-image: url(../img/ico_sub_visual.png);background-repeat: no-repeat;background-position: 50% 50%;}
	#contain #subVisual .sub_visual h3 {width: 100%;font-size: 40px;margin-bottom: 10px;font-weight: 700;color: #000;}
	#contain #subVisual .sub_visual .locator {width: 100%;}
		
	#contain #subVisual .sub_visual .locator {}
	#contain #subVisual .sub_visual .locator > ul > li {display: inline-block;vertical-align: middle;}
	#contain #subVisual .sub_visual .locator > ul > li a,
	#contain #subVisual .sub_visual .locator > ul > li span,
	#contain #subVisual .sub_visual .locator > ul > li button {display: block;font-size: 16px;font-weight: 400;font-family: inherit;background-color: transparent;color:#555}
	#contain #subVisual .sub_visual .locator > ul > li button::before,
	#contain #subVisual .sub_visual .locator > ul > li span::before {content: '>';display: inline-block;width: 20px;vertical-align: top;text-align: center;font-size: inherit;font-family: inherit;}
	#contain #subVisual .sub_visual .locator .navi {display: none;}

	/**/
	#aside {float: left;width: 250px;margin: -150px 70px 0 0;}
	#aside h2 {display: table;width: 100%;height: 150px;padding: 0 10px;text-align: center;background-color: var(--mainColor);}
	#aside h2 > span {display: table-cell;font-size: 28px;font-weight: 400;color:#fff;vertical-align: middle;}

	#aside ul.left_menu > li {border-bottom:1px solid #eaeaea;}
	#aside ul.left_menu > li > a {position: relative;z-index: 0;display:block;padding: 15px 20px;font-size: 17px;font-weight: 400;color:#555;transition:all 0.3s;}
	#aside ul.left_menu > li > a:hover {color: #bc2e22;text-decoration:underline;}
	#aside ul.left_menu > li > a::after {content: '';position: absolute;top: 50%;right: 10px;z-index: -1;width: 10px;height: 10px;margin-top: -5px;background-image: url(../img/ico_leftmenu.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 10px;}
	#aside ul.left_menu > li.sel > a::after {background-image: url(../img/ico_leftmenu_on.png);background-size: auto 2px;}
	#aside ul.left_menu > li.sel > a,
	#aside ul.left_menu > li.sel > a:hover{color: #fff;border: 0;background-color: var(--subColor);transition:all 0.5s;text-decoration:none;}
	#aside ul.left_menu > li ul {display: none;padding: 20px 25px;background:#f3f3f3; border-top:0;}
	#aside ul.left_menu > li.sel ul {display: block;}
	#aside ul.left_menu > li li a {display: block;border: 0;font-size: 15px; height:auto;padding: 4px 0 4px 20px;margin: 0;color: #222;background-image: url(../img/ico_left_submenu.gif);background-repeat: no-repeat;background-position: 0 15px;background-size: auto 1px;}
	#aside ul.left_menu > li li:last-child a{border:0}
	#aside ul.left_menu > li li a:hover,
	#aside ul.left_menu > li li a.sel {font-size: 15px;color: #bc2e22; border: 0;background-image: url(../img/ico_left_submenu_on.png);background-position: 0 10px;background-size: 8px auto;}
	#aside ul.left_menu > li li a.sel {text-decoration: underline;}
	/*#aside ul.left_menu > li li a.sel:before { content:'→'; padding-right:3px; font-family:'dotum';}*/

	/* #design */
	#design {position: relative;float: left;width: calc(100% - 320px);min-height: 600px;margin: 60px 0 130px;}
	
	#blind{position:absolute;z-index:99998;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.7)}
	#dkleft{display:none !important;}
		
}


/* 1000 ~ 1459 */
@media all and (min-width: 1000px) and (max-width: 1459px) {

	#divpop { display:none;}
	#mm-blocker{display:none}
	#popupWindow{position:absolute}
	#hCheon {position:relative;top:0px;padding:0; margin:0;width:100%;}
	
	#OpenLayer {position: absolute;top: 180px;left: 100px;z-index: 9999;background: #fff;padding: 10px;border-radius: 5px;border: 1px solid #ccc;box-shadow: 5px 5px 20px rgba(0,0,0,0.3);text-align: right;}
	#OpenLayer > a {clear: both;font-size: 14px;}
	#OpenLayer #TodayClose {float: left;margin-right: 20px;}

	/* header */
	#header {position:absolute;top: 0;left: 0;z-index:30002;width:100%;height: 140px;}
	#header.sel {box-sizing: border-box;background:#fff;}
	#header.header_active {background-color: #fff;border-bottom:1px solid #f0f0f0;}
	#header .header {padding: 40px 0 0;background-color: #fff;}
	#header .header::after {content: '';display: block;clear: both;}

	#header h1 {}
	#header h1 a {display: block;width: 200px;height: 100px;background-image: url(../img/logo.png?v=1);background-repeat: no-repeat;background-position: 0 50%;/*background-size: 95% auto;*/background-size: 100% auto;text-indent: -9999px;}
	/*#header.header_active h1 a, #header.bg_white h1 a {background-image: url(../img/logo_on.png);}*/
	#header button.btn-menu {display:none}

	#header.bg_white {background-color: #fff;border-bottom: 1px solid #d9d9d9;}

	/**/
	nav.menu_wrap {position: relative;display: flex;width: 96%;margin: 0 auto;justify-content: space-between;}
	#gnb {flex-grow: 1;}
	#gnb .gnb {position: relative;}
	#gnb .gnb .all_menu {position: absolute;top: 33px;right: 0;width:30px;height:30px;background: url(../img/all_menu.png) no-repeat center 50%;text-indent:-99999px;}
	#gnb .depth1 {height: 100px;text-align: center;font-size: 0;}
	#gnb .depth1 > li {display: inline-block;vertical-align: top;}
	#gnb .depth1 > li > a {display:block;height: 100px;margin: 0;padding: 0 10px;line-height: 100px;font-size: 19px;font-weight: 500;color: #000;}
	#gnb .depth1 > li > a em{position:absolute;top:23px;right:0;display:block;margin:-10px 0 0 0;width:1px;height:16px;background:#ccc;display:none}
	#header #gnb .depth1 > li.sel > a {color: var(--subColor);font-weight: 500;text-decoration: underline;text-underline-position: under;}
	#header.header_active #gnb .depth1 > li.sel > a,
	#header.bg_white #gnb .depth1 > li.sel > a {color: var(--subColor);font-weight: 500;text-decoration: underline;text-underline-position: under;}
	#header #gnb .depth1 > li:hover > a,
	#header #gnb .depth1 > li > a:hover {color: var(--subColor);text-decoration: underline;text-underline-position: under;}

	#header.header_active #gnb .gnb .all_menu {position: absolute;top: 33px;right: 0;width:30px;height:30px;background: url(../img/all_menu_on.png) no-repeat center 50%;text-indent:-99999px;}
	#gnb .depth2 {display: none;overflow:hidden;position:absolute;top: 100px;left: 0;z-index: 10;width: 100%;padding: 0 0 50px;box-sizing: border-box;text-align:center;}
	#gnb .depth2 > li {float: left;width: 32%;margin: 0 1%;}
	#gnb .depth2 > li:nth-child(3n-2) {margin-left: 0;}
	#gnb .depth2 > li:nth-child(3n) {margin-right: 0;}
	#gnb .depth2 > li a{display:block;height: 58px;padding: 0 15px;font-size: 17px;line-height: 58px;font-weight: 500;color:#222;border-bottom: 1px solid #ddd;text-align: left;}
	#gnb .depth2 > li a:hover{border-bottom: 0;background-color: var(--mainColor);color: #fff;}	
	#gnb .depth1 > li > a::after {content: "";position:absolute;bottom: 0;left: 0;display:none;width: 100%;height: 5px;background: #558fff;}
	#gnb .nav_bg {display:none;position:absolute;top: 100px;left: 0;width: 100%;height: 400px;background: #f5f5f5;}
	
	#header .menu_wrap .sitemap {width: 30px;height: 100px;background-image: url(../img/ico_h_sitemap.png);background-repeat: no-repeat;background-position: 100% 50%;text-indent: -9999px;}


	#header .h_etc {position: absolute;top: 0;left: 0;width: 100%;background-color: #ecefef;}
	#header .h_etc_wp {display: flex;width: 96%;margin: 0 auto;justify-content: space-between;}
	#header .h_etc_wp .h_move > a {position: relative;z-index: 0;display: inline-block;font-size: 16px;line-height: 40px;font-weight: 500;color: var(--mainColor);font-weight: 500;}
	#header .h_etc_wp .h_move > a + a {padding-left: 25px;margin-left: 24px;}
	#header .h_etc_wp .h_move > a + a::before {content: '';position: absolute;top: 50%;left: 0;z-index: -1;width: 1px;height: 12px;margin-top: -6px;background-color: #c5d4e6;}

	/*#header .etc_wp {position: absolute;top: 0;left: 0;width: 100%;text-align: right;vertical-align: top;height: 40px;background:#eff5f8;}
	#header .etc_btn {width:1300px;margin:0 auto;}*/
	#header .etc_btn > ul {display: inline-block;}
	#header .etc_btn > ul > li {display: inline-block;line-height:38px;padding-left: 35px;}	
	#header .etc_btn > ul > li > a {display: block;padding-left: 20px;vertical-align: middle;font-size: 16px;line-height: 40px;font-weight: 500;color: #000;background-repeat: no-repeat;background-position: 0 50%;}
	#header .etc_btn > ul > li.log > a {background-image: url(../img/ico_h_log.png);}
	#header .etc_btn > ul > li.member > a {background-image: url(../img/ico_h_member.png);}
	#header .etc_btn > a.cj_county {position: relative;z-index: 0;display: inline-block;padding-left: 12px;margin-left: 7px;vertical-align: middle;font-size: 15px;color: #fff;}
	#header .etc_btn > a.cj_county::before {content: '';position: absolute;top: 50%;left: 0;width: 1px;height: 11px;margin-top: -5.5px;background-color: #fff;line-height: 100px;}

	#header.fix_menu {position:fixed; top: 0;background:#fff;border-bottom:1px solid #ddd;}
	#header.fix_menu #gnb .depth1 > li > a {color:#222;}
	#header.fix_menu #gnb .depth1 > li.sel > a {color:#558fff}

	/**/
	#mainCon {width: 100%;}
	.section .section_inner {width: 96%;margin: 0 auto;padding: 60px 0;}
	.section h3 {margin-bottom: 25px;font-size: 24px;font-weight: 700;color: #000;}
	.section h3.white {color: #fff;}

	.section .kind {display: inline-block;width: 80px;height: 34px;text-align: center;font-size: 15px;line-height: 34px;font-weight: 500;color: #fff;border-radius: 5px;}
	.section .kind.lib1 {background-color: #7000b7;}
	.section .kind.lib2 {background-color: #00a54c;}

	.section .kind.ing {background-color: var(--subColor);}
	.section .kind.wait {background-color: var(--mainColor);}
	.section .kind.end {background-color: #e7e7e7;color: #000;}

	.section .m_more {position: absolute;top: 11px;right: 0;font-size: 16px;font-weight: 500;color: #757575;}

	/**/	
	.section .controls {text-align: right;}
	.section .controls .arrows {display: inline-block;vertical-align: middle;}
	.section .controls .arrows .slick-arrow {width: 20px;height: 16px;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;vertical-align: middle;text-indent: -9999px;background-color: transparent;}
	.section .controls .arrows .slick-prev {background-image: url(../img/slides_m_prev.png);}
	.section .controls .arrows .slick-next {background-image: url(../img/slides_m_next.png);}
	.section .controls .arrows .paging {margin: 0 15px;font-family: 'Montserrat';font-size: 15px;}
	.section .controls .arrows .paging .slick-dots {display: inline-block;vertical-align: middle;}
	.section .controls .arrows .paging .slick-dots li {display: none;font-family: 'Montserrat';}
	.section .controls .arrows .paging .slick-dots li.slick-active {display: inline-block;vertical-align: middle;}
	.section .controls .control_btn {display: inline-block;vertical-align: middle;}
	.section .controls .control_btn button {width: 7px;height: 100%;margin-left: 20px;text-indent: -9999px;background-repeat: no-repeat;background-position: 100% 50%;background-color: transparent;}
	.section .controls .control_btn button.stop {background-image: url(../img/slides_m_stop.png);}
	.section .controls .control_btn button.play {background-image: url(../img/slides_m_play.png);}


	/* 메인비주얼 및 상단컨텐츠 */
	#section0 {padding-top: 140px;position:relative;background-image: url(../img/bg_m_visual.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
	#section0 .visual_wp {padding: 0;}
	#section0 .visual_wp .m_slogan {padding: 40px 0;text-align: center;font-size: 36px;font-weight: 400;color: #000;line-height: 1.4em;}	
	#section0 .visual_wp .m_slogan .tit {display: block;font-size: 46px;font-weight: 800;color: #000;line-height: 1.3em;}	

	#section0 .search_wp {position: relative;display: flex;justify-content: flex-end;padding: 10px 40px;margin: 0 auto;background-color: var(--mainColor);border-radius: 10px;text-align: left;box-sizing: border-box;}
	#section0 .search_wp form {position: relative;flex-grow: 1;}
	#section0 .search_wp form fieldset {display: flex;justify-content: flex-end;align-items: center;}
	#section0 .search_wp label {font-size: 20px;margin-right: 40px;font-weight: 500;color: #fff;text-align: center;vertical-align: middle;}
	#section0 .search_wp #search {width: 100%;max-width: 880px;height: 60px;border: 0;border-radius:5px;font-size: 20px;vertical-align: middle;font-family: inherit;font-weight: 300;color: #555;background-color:#fff;}
	#section0 .search_wp .btn_search {position: absolute;top: 0;right: 0;width: 60px;height: 60px;background-image: url(../img/ico_m_search.png);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;}
	#section0 .search_wp .popular_wp {width: 250px;padding: 0 30px 0 40px;}
	#section0 .search_wp .popular_wp .popular_control {}
	#section0 .search_wp .popular_word p {overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #fff;}
	#section0 .search_wp .popular_word p > a {font-size: 16px;color: inherit;line-height: 60px;}
	#section0 .search_wp .popular_wp .popular_control {position: absolute;top: 50%;right: 40px;transform: translateY(-50%);font-size: 0;line-height: 1;}
	#section0 .search_wp .popular_wp .popular_control .slick-arrow {width: 30px;height: 15px;text-indent: -99999px;background-repeat: no-repeat;background-position: 50% 50%;}
	#section0 .search_wp .popular_wp .popular_control .slick-prev {background-image: url(../img/ico_v_prev_w.png);}
	#section0 .search_wp .popular_wp .popular_control .slick-next {background-image: url(../img/ico_v_next_w.png);}
	#section0 .search_wp .popular_wp .popular_control .slick_ctrl {display: block;width: 30px;height: 20px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;}
	#section0 .search_wp .popular_wp .popular_control .slick_ctrl.stop {background-image: url(../img/ico_v_stop_w.png);}
	#section0 .search_wp .popular_wp .popular_control .slick_ctrl.play {background-image: url(../img/ico_v_play_w.png);}

	#section0 .visual_con {display: flex;padding: 20px 0 80px;flex-wrap: wrap;}
	#section0 .visual_con .v_left {display: flex;width: 100%;}
	#section0 .visual_con .v_left > div {overflow: hidden;padding: 20px 30px;background-color: #fff;border-radius: 10px;}
	#section0 .visual_con .v_left h3 {margin-bottom: 5px;font-size: 24px;font-weight: 700;color: #000;}
	#section0 .visual_con .tc_login {width: 400px;text-align:left;order: 2;}
	#section0 .visual_con .tc_login .login_wp {position:relative;padding-right: 75px;}
	#section0 .visual_con .tc_login .login_wp input[type=text],
	#section0 .visual_con .tc_login .login_wp input[type=password] {width: 100%;height: 34px;padding:0 5px;box-sizing:border-box;background:#edeff1;border:0;border-radius:5px;}
	#section0 .visual_con .tc_login .login_wp input[type=password] {margin-top: 2px;}
	#section0 .visual_con .tc_login .login_wp input.btn_tc_login {position:absolute;width:70px;height: 70px;top:0;right:0;border-radius:5px;cursor:pointer;color:#fff;font-size:16px;background: var(--subColor);transition: all 0.2s;}
	#section0 .visual_con .tc_login .login_wp input.btn_tc_login:hover {background: #9e1a13;}
	#section0 .visual_con .tc_login .mb_menu {padding-top:8px;}
	#section0 .visual_con .tc_login .mb_menu a {display:inline-block;font-size:14px;margin-right:29px;}
	#section0 .visual_con .tc_login .mb_menu a:last-child {margin-right:0;}
	
	#section0 .visual_con .tc_login .tc_logging_info {display:block;padding: 0 0 0 27px;font-size:17px;font-weight: 500;margin-bottom: 10px;background:url(../img/ico_m_log.png) no-repeat 0 50%;background-size: auto 20px;}
	#section0 .visual_con .tc_login .tc_logging_menu {overflow:hidden;margin-bottom: 7px;}
	#section0 .visual_con .tc_login .tc_logging_menu li {float:left;width:33.33333%;}
	#section0 .visual_con .tc_login .tc_logging_menu li a {display:block;border-radius:5px;border:1px solid #ccc;margin-right:10px;padding: 35px 7px 7px;text-align:center;font-size:14px;}
	#section0 .visual_con .tc_login .tc_logging_menu li:nth-child(1) a {background:url(../img/ico_m_login1.png) no-repeat 55% 23%;} 
	#section0 .visual_con .tc_login .tc_logging_menu li:nth-child(2) a {background:url(../img/ico_m_login2.png) no-repeat 52% 23%;} 
	#section0 .visual_con .tc_login .tc_logging_menu li:nth-child(3) a {background:url(../img/ico_m_login3.png) no-repeat 52% 23%;margin-right:0;} 
	#section0 .visual_con .tc_login .btn_tc_logout {display:block;height:30px;line-height:30px;text-align:center;border-radius:5px;background:#555;color:#fff;}

	#section0 .visual_con .v_left .m_mylib {width: calc(100% - 420px);margin-right: 20px;order: 1;}
	#section0 .visual_con .v_left .m_mylib > div {display: flex;flex-wrap: wrap;}
	#section0 .visual_con .v_left .m_mylib > div > a {padding: 7px 0 7px 35px;font-size: 15px;font-weight: 500;color: #000;background-repeat: no-repeat;background-position: 0 50%;}
	#section0 .visual_con .v_left .m_mylib > div > a:nth-child(2n-1) {width: 50%;}
	#section0 .visual_con .v_left .m_mylib > div > a:nth-child(2n) {width: 45%;margin-left: 5%;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn1 {background-image: url(../img/ico_m_quick1.png);background-size: auto 20px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn2 {background-image: url(../img/ico_m_quick2.png);background-size: auto 22px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn3 {background-image: url(../img/ico_m_quick3.png);background-size: auto 22px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn4 {background-image: url(../img/ico_m_quick4.png);background-size: auto 19px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn5 {background-image: url(../img/ico_m_quick5.png);background-size: auto 22px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn6 {background-image: url(../img/ico_m_quick6.png);background-size: auto 24px;}
	#section0 .visual_con .zone_wp {position: relative;width: calc(100% - 400px);margin-top: 20px;}
	#section0 .visual_con .popupzone {overflow: hidden;margin: 0 20px 0 0;font-size: 0;line-height: 1;border-radius: 10px;}
	#section0 .visual_con .popupzone .slick_wp li img {width: 100%;}
	#section0 .visual_con .zone_wp .zone_controls {position: absolute;display: flex;bottom: -40px;left: 20px;width: calc(100% - 40px);font-size: 0;justify-content: center;align-items: center;}
	#section0 .visual_con .zone_wp .zone_controls .slick-dots {order: 1;}
	#section0 .visual_con .zone_wp .zone_controls .slick-dots > li {display: inline-block;}
	#section0 .visual_con .zone_wp .zone_controls .slick-dots > li > button {width: 17px;height: 17px;margin: 0 3px;border-radius: 20px;text-indent: -9999px;border: 2px solid #fff;cursor: pointer;}
	#section0 .visual_con .zone_wp .zone_controls .slick-dots > li.slick-active > button {background-color: #fff;}
	#section0 .visual_con .zone_wp .zone_controls > button {order: 2;margin-left: 20px;width: 20px;height: 20px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;}
	#section0 .visual_con .zone_wp .zone_controls > button.stop {background-image: url(../img/ico_v_stop_w.png);}
	#section0 .visual_con .zone_wp .zone_controls > button.play {background-image: url(../img/ico_v_play_w.png);}
	#section0 .visual_con .v_right {width: 400px;margin-top: 20px;}
	#section0 .visual_con .v_right > div {overflow: hidden;display: inline-flex;width: 100%;height: 100%;padding: 30px;background-color: #fff;border-radius: 10px;flex-wrap: wrap;}
	#section0 .visual_con .v_right > div > a {display: inline-flex;width: 33.33333%;height: calc(100% / 3);text-align: center;font-size: 15px;font-weight: 500;color: #000;flex-wrap: wrap;justify-content: center;align-content: center;}
	#section0 .visual_con .v_right > div > a::before {content: '';width: 100%;height: 55%;max-height: 70px;margin-bottom: 10px;background-repeat: no-repeat;background-position: 50% 50%;}
	#section0 .visual_con .v_right > div > a.direct1::before {background-image: url(../img/ico_m_direct1.png);background-size: auto 75%;}
	#section0 .visual_con .v_right > div > a.direct2::before {background-image: url(../img/ico_m_direct2.png);background-size: auto 75%;}
	#section0 .visual_con .v_right > div > a.direct3::before {background-image: url(../img/ico_m_direct3.png);background-size: auto 75%;}
	#section0 .visual_con .v_right > div > a.direct4::before {background-image: url(../img/ico_m_direct4.png);background-size: auto 59%;}
	#section0 .visual_con .v_right > div > a.direct5::before {background-image: url(../img/ico_m_direct5.png);background-size: auto 66%;}
	#section0 .visual_con .v_right > div > a.direct6::before {background-image: url(../img/ico_m_direct6.png);background-size: auto 73%;}
	#section0 .visual_con .v_right > div > a.direct7::before {background-image: url(../img/ico_m_direct7.png);background-size: auto 72%;}
	#section0 .visual_con .v_right > div > a.direct8::before {background-image: url(../img/ico_m_direct8.png);background-size: auto 67%;}
	#section0 .visual_con .v_right > div > a.direct9::before {background-image: url(../img/ico_m_direct9.png);background-size: auto 73%;}

	/**/
	#section1 {width: 100%;}
	#section1 .section_inner {display: flex;}
	#section1 .section_inner > div {position: relative;}
	#section1 .m_calendar {width: 385px;}
	#section1 .m_calendar #mCalendar {padding: 20px 30px;background-color: #ecf6f6;border-radius: 10px;}
	#section1 .m_calendar #mCalendar .calendar_left {margin-bottom: 15px;text-align: center;}
	#section1 .m_calendar #mCalendar .calendar_left * {vertical-align: middle;}
	#section1 .m_calendar #mCalendar .calendar_left > a.calendar_arrow {display: inline-block;width: 30px;height: 30px;background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;}
	#section1 .m_calendar #mCalendar .calendar_left > a.calendar_prev {background-image: url(../img/ico_m_cal_prev.png);}
	#section1 .m_calendar #mCalendar .calendar_left > a.calendar_next {background-image: url(../img/ico_m_cal_next.png);}
	#section1 .m_calendar #mCalendar .calendar_date {display: inline-block;padding: 0 20px;}
	#section1 .m_calendar #mCalendar .calendar_date > span {display: inline-block;font-size: 26px;font-weight: 400;color: #000;}
	#section1 .m_calendar #mCalendar .calendar_date > span.month {font-weight: 700;color: var(--mainColor);}
	#section1 .m_calendar #mCalendar .day table thead {margin-bottom: 10px;background-color: #fff;border-radius: 5px;}
	#section1 .m_calendar #mCalendar .day table thead th {padding: 7px 5px;font-size: 15px;font-weight: 400;color: #000;}	
	#section1 .m_calendar #mCalendar .day table tbody::before {content: '';display: table-row;height: 10px;}
	#section1 .m_calendar #mCalendar .day table tbody td {padding: 1px 2px;text-align: center;}
	#section1 .m_calendar #mCalendar .day table tbody td > span {display: inline-block;width: 32px;height: 32px;line-height: 32px;font-size: 15px;font-weight: 400;color: #000;}
	#section1 .m_calendar #mCalendar .day table tbody td.holiday > span {background-color: var(--subColor);color: #fff;border-radius: 50%;}
	#section1 .m_calendar p.add_txt {margin-top: 30px;padding: 0 0 0 28px;font-size: 16px;font-weight: 500;color: #000;background-image: url(../img/ico_calendar_note.png);background-repeat: no-repeat;background-position: 0 50%;}
	#section1 .m_notice {width: calc(100% - 870px);margin: 0 50px;}
	#section1 .m_notice .notice_list > li {padding: 20px 0;border-bottom: 1px solid #efefef;}
	#section1 .m_notice .notice_list > li:last-child {border-bottom-width: 0;}
	#section1 .m_notice .notice_list > li > a {display: block;font-size: 18px;font-weight: 500;color: #000;}
	#section1 .m_notice .notice_list > li > span.time {display: block;font-size: 16px;font-weight: 400;color: #5f5f5f;}
	#section1 .m_time {width: 385px;}
	#section1 .m_time > div {overflow: hidden;height: calc(100% - 70px);padding: 30px;background-image: url(../img/bg_m_time.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;border-radius: 10px;}
	#section1 .m_time .use_time {position: relative;height: 100%;padding-bottom: 70px;}
	#section1 .m_time .use_time > dl {display: flex;}
	#section1 .m_time .use_time > dl + dl {margin-top: 30px;}
	#section1 .m_time .use_time > dl dt {width: 45px;padding: 13px 0;font-size: 22px;line-height: 1.1em;font-weight: 500;color: #000;}
	#section1 .m_time .use_time > dl dd {width: calc(100% - 45px);}
	#section1 .m_time .use_time > dl dd > span {display: block;padding: 10px 25px;font-size: 16px;line-height: 1.1em;font-weight: 500;color: #000;border-radius: 30px;}
	#section1 .m_time .use_time > dl dd > span.room {padding: 15px 25px;background-color: var(--mainColor);color: #fff;}
	#section1 .m_time .use_time > dl dd > span.time {position: relative;z-index: 0;padding-left: 40px;}
	#section1 .m_time .use_time > dl dd > span.time::before {content: '-';position: absolute;top: 10px;left: 25px;}
	#section1 .m_time .use_time a.more_btn {position: absolute;bottom: 0;left: 0;width: 100%;padding: 12px 20px 12px 70px;background-color: #fff;background-image: url(../img/ico_m_time_more.png);background-repeat: no-repeat;background-position: 20px 50%;font-size: 18px;font-weight: 500;color: #000;border-radius: 10px;}
	#section1 .m_time .use_time a.more_btn::after {content: '→';position: absolute;top: 12px;right: 20px;font-size: inherit;}

	/**/
	#section2 .section_inner {overflow: hidden;padding-top: 0;}
	#section2 .section_inner > div {position: relative;}
	#section2 .culture_list {display: flex;margin: 0 -10px;}
	#section2 .culture_list > li {width: calc(25% - 20px);margin: 0 10px;padding: 25px;border: 1px solid #ddd;border-radius: 10px;}
	#section2 .culture_list > li p.title {margin: 15px 0;}
	#section2 .culture_list > li p.title > a {overflow: hidden;height: 2.8em;font-size: 20px;font-weight: 500;color: #000;line-height: 1.4em;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	#section2 .culture_list > li .condition > span {display: block;font-size: 16px;font-weight: 400;color: #757575;}
	#section2 .culture_list > li .condition > span + span {margin-top: 3px;}
	
	/* 문화행사 프로그램 */
	.lecture-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 0; margin: 0; list-style: none;}
	.lecture-grid li {background: #fafafa; border: 1px solid #e3e3e3; border-radius: 10px; padding: 25px; box-sizing: border-box; transition: 0.2s ease;}
	.lecture-grid li:hover {box-shadow: 0 4px 15px rgba(0,0,0,0.08); transform: translateY(-3px); border-color:var(--mainColor);}
	.lecture-grid .state {display:inline-block; padding:4px 11px 5px; margin-bottom:10px; font-size:14px; font-weight:500; background-color:var(--mainColor); color: #fff; border-radius:20px;}
	.lecture-grid .tit a {font-size:18px; font-weight:600; color:#222; text-decoration:none; display:block; margin-bottom:10px;}
	.lecture-grid .tit a:hover {color:var(--mainColor);}
	.lecture-grid .condition {font-size: 15px; color: #555; margin-bottom:10px;}
	.lecture-grid .condition .fix_info {display:flex;}
	.lecture-grid .condition .fix_info strong {margin-right:10px; color:var(--subColor);}
	.lecture-grid .more {font-size:14px; font-weight: bold; color:var(--subColor);}

	/**/
	#section3 {width: 100%;background-color: #f2f6f6;}
	.section .book_wp > div {position: relative;}
	.section .book_wp .book_list {display: flex;justify-content: space-between;}
	.section .book_wp .book_list .book_con {width: 20%;padding-right: 20px;}
	.section .book_wp .book_list .book_con .img a {display: block;}
	.section .book_wp .book_list .book_con .img img {max-width: 100%;height: 220px;}
	.section .book_wp .book_list .book_con .info {margin-top: 20px;}
	.section .book_wp .book_list .book_con .info > span {display: block;}
	.section .book_wp .book_list .book_con .info > span.title > a {overflow: hidden;display: block;font-size: 17px;font-weight: 500;color: #000;text-overflow: ellipsis;white-space: nowrap;}
	.section .book_wp .book_list .book_con .info > span.writer {margin-top: 10px;font-size: 15px;font-weight: 400;color: #757575;}

	/**/
	#section4 {background-color: #fff;}	

	/**/
	#foot_section {position: relative;z-index: 0;background-color: #303030;}
	#foot_section::before {content: '';position: absolute;top: 70px;left: 0;z-index: -1;width: 100%;height: 1px;background-color: rgba(255,255,255,0.1);}
	#foot_section .section_inner {position: relative;padding: 0;}
	#foot_section .f_info {display: flex;height: 70px;padding-right: 70px;align-items: center;}
	#foot_section .f_info > a {margin-right: 15px;font-size: 15px;color: #fff;color: #ecf0f3;}
	#foot_section .f_info > a.privacy {color: #5cf9ff;}
	#foot_section .f_con {position: relative;z-index: 0;padding: 35px 0 45px;}
	#foot_section .f_con .logo {position: absolute;top: 50%;right: 0;z-index: -1;opacity: 0.3;transform: translateY(-50%);}
	#foot_section .f_con .logo img {height: 22px;}
	#foot_section .f_con address {margin-bottom: 15px;font-style: normal;color: #ecf0f3;}
	#foot_section .f_con address > span {display: inline-block;margin-right: 25px;font-size: 15px;font-weight: 500;color: inherit;}
	#foot_section .f_con cite {font-style: normal;font-size: 13px;font-weight: 500;color: #ecf0f3;text-transform: uppercase;}

	#foot_section #gotop {position: absolute;top: 0;right: 0;}
	#foot_section #gotop > a {display: block;width: 70px;height: 70px;background-color: #222;background-image: url(../img/ico_gotop_arrow.png);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;cursor: pointer;}

	/**/
	#mCard2 {display: none;}

	/**/
	#contain {overflow: hidden;position: relative;width: 100%;}
	#contain .contain {position: relative;z-index: 1;width: 96%;margin: 0 auto;}
	#contain .contain::after {content: '';display: block;clear: both;}

	/* 서브비주얼 */
	#contain #subVisual {width: 100%;padding-top: 140px;background-color: #ecf6f6;}
	#contain #subVisual .sub_visual {position: relative;display: flex;width: 96%;height: 200px;padding-left: 280px;margin: 0 auto;align-items: center;align-content: center;flex-wrap: wrap;}
	#contain #subVisual .sub_visual::after {content: '';position: absolute;right: -1%;bottom: -25px;width: 355px;height: 180px;background-image: url(../img/ico_sub_visual.png);background-repeat: no-repeat;background-position: 100% 50%;background-size: auto 100%;}
	#contain #subVisual .sub_visual h3 {width: 100%;font-size: 36px;margin-bottom: 7px;font-weight: 700;color: #000;}
	#contain #subVisual .sub_visual .locator {width: 100%;}
		
	#contain #subVisual .sub_visual .locator {}
	#contain #subVisual .sub_visual .locator > ul > li {display: inline-block;vertical-align: middle;}
	#contain #subVisual .sub_visual .locator > ul > li a,
	#contain #subVisual .sub_visual .locator > ul > li span,
	#contain #subVisual .sub_visual .locator > ul > li button {display: block;font-size: 16px;font-weight: 400;font-family: inherit;background-color: transparent;color:#555}
	#contain #subVisual .sub_visual .locator > ul > li button::before,
	#contain #subVisual .sub_visual .locator > ul > li span::before {content: '>';display: inline-block;width: 20px;vertical-align: top;text-align: center;font-size: inherit;font-family: inherit;}
	#contain #subVisual .sub_visual .locator .navi {display: none;}


	/* #design */
	#design {position: relative;float: left;width: calc(100% - 280px);min-height: 550px;margin: 50px auto 100px;}

	/**/
	#aside {float: left;width: 230px;margin: -130px 50px 0 0;}
	#aside h2 {display: table;width: 100%;height: 130px;padding: 0 10px;text-align: center;background-color: var(--mainColor);}
	#aside h2 > span {display: table-cell;font-size: 26px;font-weight: 400;color:#fff;vertical-align: middle;}

	#aside ul.left_menu > li {border-bottom:1px solid #eaeaea;}
	#aside ul.left_menu > li > a {position: relative;z-index: 0;display:block;padding: 12px 15px;font-size: 16px;font-weight: 400;color:#555;transition:all 0.3s;}
	#aside ul.left_menu > li > a:hover {color: var(--subColor);font-weight: 500;transition: all 0.3s;}
	#aside ul.left_menu > li > a::after {content: '';position: absolute;top: 50%;right: 10px;z-index: -1;width: 10px;height: 10px;margin-top: -5px;background-image: url(../img/ico_leftmenu.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 10px;}
	#aside ul.left_menu > li.sel > a::after {background-image: url(../img/ico_leftmenu_on.png);background-size: auto 2px;}
	#aside ul.left_menu > li.sel > a,
	#aside ul.left_menu > li.sel > a:hover{color: #fff;border: 0;background-color: var(--subColor);transition:all 0.5s}
	#aside ul.left_menu > li ul {display: none;padding: 15px 20px;background:#f3f3f3; border-top:0;}
	#aside ul.left_menu > li.sel ul {display: block;}
	#aside ul.left_menu > li li a {display: block;border: 0;font-size: 14px; height:auto;padding: 4px 0 4px 15px;margin: 0;color: #222;background-image: url(../img/ico_left_submenu.gif);background-repeat: no-repeat;background-position: 0 15px;background-size: auto 1px;}
	#aside ul.left_menu > li li:last-child a{border:0}
	#aside ul.left_menu > li li a:hover,
	#aside ul.left_menu > li li a.sel {font-size: 14px;color: var(--subColor); border: 0;background-image: url(../img/ico_left_submenu_on.png);background-position: 0 10px;background-size: 8px auto;}
	#aside ul.left_menu > li li a.sel {text-decoration: underline;font-weight: 500;}
	

	/**/
	#blind {position:absolute;z-index:9999;top:0px;left:0px; bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.7)}
	#dkleft {display:none;position:absolute;z-index:10;left:0px;top:0px;width:100%;height: 100%;background: var(--mainColor);padding-bottom: 60px;}
	#dkleft .lefttit{text-align:left;width: 100%;box-sizing: border-box;background: var(--mainColor);}
	#dkleft .lefttit img{height: 25px;}
	#dkleft .select {height: 100%;overflow-y: auto;}
	#dkleft .lefttit button {display:block;position:relative;padding: 20px 15px;font-size: 16px;color:#fff;border:0;background:transparent;font-family: 'Montserrat';font-weight: 500;}
	#dkleft .lefttit button i {display: inline-block;padding: 0 7px 0 0;font-size: 15px;color:#fff;vertical-align: middle;}
	#dkleft .lefttit > div {background-color: #eee;padding: 0 15px;}
	#dkleft .lefttit .join{display:inline-block;position:relative;padding:0 10px;height:36px;line-height:36px;margin:5px 0;font-size:15px;color: var(--mainColor);border:1px solid var(--mainColor);border-radius:5px;background:#eee;transition:all 0.2s ease-out 0s;}
	#dkleft .lefttit .join i{padding:0 7px 0 0;font-size:24px;color:#4287ab}
	#dkleft .lefttit .idpw{display:inline-block;position:relative;padding:0 10px;height:36px;line-height:36px;margin:5px 0;font-size:15px;color: var(--mainColor);border:1px solid var(--mainColor);border-radius:5px;background:#eee;transition:all 0.2s ease-out 0s;}
	#dkleft .lefttit .sel_btn {display:inline-block;position:relative;padding:0 8px;height:36px;line-height:36px;margin:5px 0;font-size:14px;color: var(--mainColor);border:1px solid var(--mainColor);border-radius:5px;background:#eee;transition:all 0.2s ease-out 0s;}
	#dkleft .lefttit .mobile_member {display: block;padding-bottom: 5px;border-top: 1px solid rgba(255,255,255,0.3);}
	#dkleft .lefttit .mobile_member > a {display: block;padding: 10px 0 10px 35px;color: #fff;font-size: 15px;box-sizing: border-box;background: url(../img/member_icon.png) no-repeat 0 50%;}
	#dkleft .select .modify{display:block;position:relative;padding:0 17px;line-height:45px;font-size:16px;color:#000;border-bottom:1px solid #ccc;background:#eee;transition:all 0.2s ease-out 0s;}
	#dkleft .select .modify span {display:inline-block;padding:0 16px;height:36px;line-height:36px;background:#2e4287;color:#fff;border-radius:5px;}
	#dkleft .select .modify i{display:inline-block;position:relative;top:1px;padding:0 7px 0 0;font-size:24px;color:#fff}
	#dkleft .depth1{display:block;width: 100%;position:relative;padding: 0 15px;line-height:50px;font-size:16px;color:#fff;text-align:left;border-bottom: 1px solid rgba(255, 255, 255, .1);transition:all 0.2s ease-out 0s;}
	#dkleft .depth1 strong {position:relative;top:-2px;padding:0 4px;height:14px;line-height:14px;font-size:10px;background:#ff0000;border-radius:30px}
	#dkleft .depth1 span{font-style:normal;color:#ffa800}
	#dkleft .depth1 em{position:absolute;z-index:2;top:0;right:4px;width:39px;height:39px;background:url(/web/seomun/img/common/plus.png) no-repeat 50% 50%;background-size:11px 11px}
	#dkleft .depth1.sel {background: #2e4287;color:#fff;border-bottom:1px solid #596170}
	/*#dkleft .depth1 i {font-family:Linearicons-Free;display:block;margin:15px 15px 0 0;color:#aaa;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}*/
	#dkleft .depth1 i {display:block;width: 20px;height: 20px;margin: 15px 15px 0 0;background-image: url(../img/ico_dkleft_arrow.png);background-size: auto 7px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;transition:all 0.2s ease-out 0s;}
	#dkleft .depth1 i.rightico {float:right}
	#dkleft .depth1.sel i.rightico{color:#fff;transform:rotate(180deg);transition:all 0.2s ease-in-out 0s;}
	#dkleft .depth2{display:none;background:#fff}
	#dkleft .depth2 a{display:block;padding:0 20px;line-height:40px;font-size:14px;color:#555;border-bottom:1px solid #ddd;text-decoration:none}
	#dkleft .depth2 a.sel{color:#81c341}
	#dkleft .depth2 .depth3 {background-color: #f4f4f4;}
	#dkleft .depth2 .depth3 > li > a {display: block;font-size: 13px;padding: 7px 20px;color: #555;border-bottom: 0;line-height: 1.2em;}
	#dkleft .depth2 .depth3 > li:first-child > a {padding-top: 15px;}
	#dkleft .depth2 .depth3 > li:last-child > a {padding-bottom: 15px;border-bottom: 1px solid #ddd;}

	#closeleft{position: absolute;z-index: 9999999;left: -45px;top: 15px;width: 35px;height: 35px;display: block;text-align: center;font-size: 30px;font-family: Linearicons-Free;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;color: #fff;}
	#closeleft:before{content:"\e870";font-size:30px;line-height:1;}

}


@media all and (max-width: 1260px) {
	/**/
	#section1 .section_inner {flex-wrap: wrap;}
	#section1 .section_inner .m_notice {order: 1;width: 100%;margin: 0 0 20px;}

	#section1 .section_inner .m_calendar {order: 2;width: calc(50% - 20px);margin-right: 20px;}
	#section1 .section_inner .m_time {order: 3;width: calc(50% - 20px);margin-left: 20px;}
	
}


@media all and (max-width: 999px) {
	/* header */
	#header {overflow: hidden;position:absolute;top: 0;left: 0;z-index:30002;width:100%;height: 80px !important;padding: 0;background: #fff;}
	#header::before {content: '';position: absolute;top: 59px;width: 100%;height: 1px;background-color: rgba(255,255,255,0.2);}
	#header.sel {height: 510px;box-sizing: border-box;background:#fff;}
	#header.bg_white {background-color: #fff;border-bottom: 1px solid #d9d9d9;}
	#header .header {position: relative;padding: 0;margin: 0 auto;}
	#header .header::after {content: '';display: block;clear: both;}
	#header #gnb {display: none !important;}
	#header .h_etc {display: none !important;}
	#header .sitemap {display: none !important;}

	#header h1 {position: absolute;top: 0;left: 0;width: 100%;max-width: none;}
	#header h1 a {display: block;width: 100%;height: 80px;background-image: url(../img/logo.png?v=1);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 24px;text-indent: -9999px;}

	#header button.btn-menu {display: block;position:absolute;top: 0;right: 0;z-index: 10;width: 80px;height: 80px;padding: 0 !important;background: url(../img/ico_h_sitemap.png) no-repeat;background-position: 90% 50%;}
	#header.bg_white button.btn-menu {background-image: url(../img/ico_menu_on.png);}
	#header button.btn-menu i{display: none !important;font-size:24px !important;color: #000;}
	#header button.btn-page{height:40px;width:40px;text-align:center;top:36px;right:10px;display:block;line-height:14px;font-size:11px;font-family:'Roboto';}
	#header button.btn-page2{height:40px;width:48px;text-align:center;top:36px;right:55px;display:block; line-height:14px;font-size:11px;font-family:'Roboto';}
	#header button.btn-page i{display:block !important;padding:5px 0 0 0;height:20px;font-size:18px !important; }

	#mainCon {width: 100%;}
	.section .section_inner {width: 94%;margin: 0 auto;padding: 60px 0;}
	.section h3 {margin-bottom: 20px;font-size: 21px;font-weight: 700;color: #000;}
	.section h3.white {color: #fff;}

	.section .kind {display: inline-block;width: 80px;height: 34px;text-align: center;font-size: 15px;line-height: 34px;font-weight: 500;color: #fff;border-radius: 5px;}
	.section .kind.lib1 {background-color: #7000b7;}
	.section .kind.lib2 {background-color: #00a54c;}

	.section .kind.ing {background-color: var(--subColor);}
	.section .kind.wait {background-color: var(--mainColor);}
	.section .kind.end {background-color: #e7e7e7;color: #000;}

	.section .m_more {position: absolute;top: 7px;right: 0;font-size: 15px;font-weight: 500;color: #757575;}

	/**/	
	.section .controls {text-align: right;}
	.section .controls .arrows {display: inline-block;vertical-align: middle;}
	.section .controls .arrows .slick-arrow {width: 20px;height: 16px;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;vertical-align: middle;text-indent: -9999px;background-color: transparent;}
	.section .controls .arrows .slick-prev {background-image: url(../img/slides_m_prev.png);}
	.section .controls .arrows .slick-next {background-image: url(../img/slides_m_next.png);}
	.section .controls .arrows .paging {margin: 0 15px;font-family: 'Montserrat';font-size: 15px;}
	.section .controls .arrows .paging .slick-dots {display: inline-block;vertical-align: middle;}
	.section .controls .arrows .paging .slick-dots li {display: none;font-family: 'Montserrat';}
	.section .controls .arrows .paging .slick-dots li.slick-active {display: inline-block;vertical-align: middle;}
	.section .controls .control_btn {display: inline-block;vertical-align: middle;}
	.section .controls .control_btn button {width: 7px;height: 100%;margin-left: 20px;text-indent: -9999px;background-repeat: no-repeat;background-position: 100% 50%;background-color: transparent;}
	.section .controls .control_btn button.stop {background-image: url(../img/slides_m_stop.png);}
	.section .controls .control_btn button.play {background-image: url(../img/slides_m_play.png);}


	/* 메인비주얼 및 상단컨텐츠 */
	#section0 {padding-top: 80px;position:relative;background-image: url(../img/bg_m_visual.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
	#section0 .visual_wp {padding: 0;}
	#section0 .visual_wp .m_slogan {padding: 30px 0;text-align: center;font-size: 28px;font-weight: 400;color: #000;line-height: 1.4em;}	
	#section0 .visual_wp .m_slogan .tit {display: block;font-size: 36px;font-weight: 800;color: #000;line-height: 1.3em;}	

	#section0 .search_wp {position: relative;display: flex;justify-content: flex-end;padding: 10px 30px;margin: 0 auto;background-color: var(--mainColor);border-radius: 10px;text-align: left;box-sizing: border-box;}
	#section0 .search_wp form {position: relative;flex-grow: 1;}
	#section0 .search_wp form fieldset {display: flex;justify-content: flex-end;align-items: center;}
	#section0 .search_wp label {font-size: 17px;margin-right: 20px;font-weight: 500;color: #fff;text-align: center;vertical-align: middle;}
	#section0 .search_wp #search {width: 100%;max-width: 880px;height: 50px;border: 0;border-radius:5px;font-size: 16px;vertical-align: middle;font-family: inherit;font-weight: 300;color: #555;background-color:#fff;}
	#section0 .search_wp .btn_search {position: absolute;top: 0;right: 0;width: 50px;height: 50px;background-image: url(../img/ico_m_search.png);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;background-size: auto 25px;}
	#section0 .search_wp .popular_wp {width: 180px;padding: 0 10px 0 20px;}
	#section0 .search_wp .popular_wp .popular_control {}
	#section0 .search_wp .popular_word p {overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #fff;}
	#section0 .search_wp .popular_word p > a {font-size: 14px;color: inherit;line-height: 50px;}
	#section0 .search_wp .popular_wp .popular_control {position: absolute;top: 50%;right: 20px;transform: translateY(-50%);font-size: 0;line-height: 1;}
	#section0 .search_wp .popular_wp .popular_control .slick-arrow {width: 30px;height: 15px;text-indent: -99999px;background-repeat: no-repeat;background-position: 50% 50%;}
	#section0 .search_wp .popular_wp .popular_control .slick-prev {background-image: url(../img/ico_v_prev_w.png);}
	#section0 .search_wp .popular_wp .popular_control .slick-next {background-image: url(../img/ico_v_next_w.png);}
	#section0 .search_wp .popular_wp .popular_control .slick_ctrl {display: block;width: 30px;height: 12px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;}
	#section0 .search_wp .popular_wp .popular_control .slick_ctrl.stop {background-image: url(../img/ico_v_stop_w.png);}
	#section0 .search_wp .popular_wp .popular_control .slick_ctrl.play {background-image: url(../img/ico_v_play_w.png);}

	#section0 .visual_con {display: flex;padding: 20px 0 60px;flex-wrap: wrap;}
	#section0 .visual_con .v_left {display: flex;width: 100%;}
	#section0 .visual_con .v_left > div {overflow: hidden;padding: 20px 30px;background-color: #fff;border-radius: 10px;}
	#section0 .visual_con .v_left h3 {margin-bottom: 5px;font-size: 24px;font-weight: 700;color: #000;}
	#section0 .visual_con .tc_login {width: 45%;text-align:left;order: 2;}
	#section0 .visual_con .tc_login .login_wp {position:relative;padding-right: 75px;}
	#section0 .visual_con .tc_login .login_wp input[type=text],
	#section0 .visual_con .tc_login .login_wp input[type=password] {width: 100%;height: 34px;padding:0 5px;box-sizing:border-box;background:#edeff1;border:0;border-radius:5px;}
	#section0 .visual_con .tc_login .login_wp input[type=password] {margin-top: 2px;}
	#section0 .visual_con .tc_login .login_wp input.btn_tc_login {position:absolute;width:70px;height: 70px;top:0;right:0;border-radius:5px;cursor:pointer;color:#fff;font-size:16px;background: var(--subColor);transition: all 0.2s;}
	#section0 .visual_con .tc_login .login_wp input.btn_tc_login:hover {background: #9e1a13;}
	#section0 .visual_con .tc_login .mb_menu {padding-top:8px;}
	#section0 .visual_con .tc_login .mb_menu a {display:inline-block;font-size:14px;margin-right: 15px;}
	#section0 .visual_con .tc_login .mb_menu a:last-child {margin-right:0;}
	
	#section0 .visual_con .tc_login .tc_logging_info {display:block;padding: 0 0 0 27px;font-size:17px;font-weight: 500;margin-bottom: 10px;background:url(../img/ico_m_log.png) no-repeat 0 50%;background-size: auto 20px;}
	#section0 .visual_con .tc_login .tc_logging_menu {overflow:hidden;margin-bottom: 7px;}
	#section0 .visual_con .tc_login .tc_logging_menu li {float:left;width:33.33333%;}
	#section0 .visual_con .tc_login .tc_logging_menu li a {display:block;border-radius:5px;border:1px solid #ccc;margin-right:10px;padding: 35px 7px 7px;text-align:center;font-size:14px;}
	#section0 .visual_con .tc_login .tc_logging_menu li:nth-child(1) a {background:url(../img/ico_m_login1.png) no-repeat 55% 23%;} 
	#section0 .visual_con .tc_login .tc_logging_menu li:nth-child(2) a {background:url(../img/ico_m_login2.png) no-repeat 52% 23%;} 
	#section0 .visual_con .tc_login .tc_logging_menu li:nth-child(3) a {background:url(../img/ico_m_login3.png) no-repeat 52% 23%;margin-right:0;} 
	#section0 .visual_con .tc_login .btn_tc_logout {display:block;height:30px;line-height:30px;text-align:center;border-radius:5px;background:#555;color:#fff;}

	#section0 .visual_con .v_left .m_mylib {width: 55%;margin-right: 20px;order: 1;}
	#section0 .visual_con .v_left .m_mylib > div {display: flex;flex-wrap: wrap;}
	#section0 .visual_con .v_left .m_mylib > div > a {padding: 7px 0 7px 35px;font-size: 15px;font-weight: 500;color: #000;background-repeat: no-repeat;background-position: 0 50%;}
	#section0 .visual_con .v_left .m_mylib > div > a:nth-child(2n-1) {width: 50%;}
	#section0 .visual_con .v_left .m_mylib > div > a:nth-child(2n) {width: 45%;margin-left: 5%;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn1 {background-image: url(../img/ico_m_quick1.png);background-size: auto 20px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn2 {background-image: url(../img/ico_m_quick2.png);background-size: auto 22px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn3 {background-image: url(../img/ico_m_quick3.png);background-size: auto 22px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn4 {background-image: url(../img/ico_m_quick4.png);background-size: auto 19px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn5 {background-image: url(../img/ico_m_quick5.png);background-size: auto 22px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn6 {background-image: url(../img/ico_m_quick6.png);background-size: auto 24px;}
	#section0 .visual_con .zone_wp {position: relative;width: 100%;margin-top: 20px;}
	#section0 .visual_con .popupzone {overflow: hidden;margin: 0;font-size: 0;line-height: 1;border-radius: 10px;}
	#section0 .visual_con .popupzone .slick_wp li img {width: 100%;}
	#section0 .visual_con .zone_wp .zone_controls {position: absolute;display: flex;bottom: -40px;left: 20px;width: calc(100% - 40px);font-size: 0;justify-content: center;align-items: center;}
	#section0 .visual_con .zone_wp .zone_controls .slick-dots {order: 1;}
	#section0 .visual_con .zone_wp .zone_controls .slick-dots > li {display: inline-block;}
	#section0 .visual_con .zone_wp .zone_controls .slick-dots > li > button {width: 17px;height: 17px;margin: 0 3px;border-radius: 20px;text-indent: -9999px;border: 2px solid #fff;cursor: pointer;}
	#section0 .visual_con .zone_wp .zone_controls .slick-dots > li.slick-active > button {background-color: #fff;}
	#section0 .visual_con .zone_wp .zone_controls > button {order: 2;margin-left: 20px;width: 20px;height: 20px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;}
	#section0 .visual_con .zone_wp .zone_controls > button.stop {background-image: url(../img/ico_v_stop_w.png);}
	#section0 .visual_con .zone_wp .zone_controls > button.play {background-image: url(../img/ico_v_play_w.png);}
	#section0 .visual_con .v_right {width: 100%;margin-top: 60px;}
	#section0 .visual_con .v_right > div {overflow: hidden;display: inline-flex;width: 100%;height: 100%;padding: 25px;background-color: #fff;border-radius: 10px;flex-wrap: wrap;}
	#section0 .visual_con .v_right > div > a {display: inline-flex;width: 33.33333%;margin: 7px 0;text-align: center;font-size: 15px;font-weight: 500;color: #000;flex-wrap: wrap;justify-content: center;align-content: center;}
	#section0 .visual_con .v_right > div > a::before {content: '';width: 100%;height: 50px;margin-bottom: 7px;background-repeat: no-repeat;background-position: 50% 50%;}
	#section0 .visual_con .v_right > div > a.direct1::before {background-image: url(../img/ico_m_direct1.png);background-size: auto 75%;}
	#section0 .visual_con .v_right > div > a.direct2::before {background-image: url(../img/ico_m_direct2.png);background-size: auto 75%;}
	#section0 .visual_con .v_right > div > a.direct3::before {background-image: url(../img/ico_m_direct3.png);background-size: auto 75%;}
	#section0 .visual_con .v_right > div > a.direct4::before {background-image: url(../img/ico_m_direct4.png);background-size: auto 59%;}
	#section0 .visual_con .v_right > div > a.direct5::before {background-image: url(../img/ico_m_direct5.png);background-size: auto 66%;}
	#section0 .visual_con .v_right > div > a.direct6::before {background-image: url(../img/ico_m_direct6.png);background-size: auto 73%;}
	#section0 .visual_con .v_right > div > a.direct7::before {background-image: url(../img/ico_m_direct7.png);background-size: auto 72%;}
	#section0 .visual_con .v_right > div > a.direct8::before {background-image: url(../img/ico_m_direct8.png);background-size: auto 67%;}
	#section0 .visual_con .v_right > div > a.direct9::before {background-image: url(../img/ico_m_direct9.png);background-size: auto 73%;}

	/**/
	#section1 {width: 100%;}
	#section1 .section_inner {display: flex;}
	#section1 .section_inner > div {position: relative;}
	#section1 .section_inner .m_calendar {width: calc(50% - 20px);margin-right: 20px;}
	#section1 .m_calendar #mCalendar {padding: 20px 25px;background-color: #ecf6f6;border-radius: 10px;}
	#section1 .m_calendar #mCalendar .calendar_left {margin-bottom: 15px;text-align: center;}
	#section1 .m_calendar #mCalendar .calendar_left * {vertical-align: middle;}
	#section1 .m_calendar #mCalendar .calendar_left > a.calendar_arrow {display: inline-block;width: 30px;height: 30px;background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;}
	#section1 .m_calendar #mCalendar .calendar_left > a.calendar_prev {background-image: url(../img/ico_m_cal_prev.png);}
	#section1 .m_calendar #mCalendar .calendar_left > a.calendar_next {background-image: url(../img/ico_m_cal_next.png);}
	#section1 .m_calendar #mCalendar .calendar_date {display: inline-block;padding: 0 20px;}
	#section1 .m_calendar #mCalendar .calendar_date > span {display: inline-block;font-size: 26px;font-weight: 400;color: #000;}
	#section1 .m_calendar #mCalendar .calendar_date > span.month {font-weight: 700;color: var(--mainColor);}
	#section1 .m_calendar #mCalendar .day table thead {margin-bottom: 10px;background-color: #fff;border-radius: 5px;}
	#section1 .m_calendar #mCalendar .day table thead th {padding: 7px 5px;font-size: 15px;font-weight: 400;color: #000;}	
	#section1 .m_calendar #mCalendar .day table tbody::before {content: '';display: table-row;height: 10px;}
	#section1 .m_calendar #mCalendar .day table tbody td {padding: 1px 2px;text-align: center;}
	#section1 .m_calendar #mCalendar .day table tbody td > span {display: inline-block;width: 32px;height: 32px;line-height: 32px;font-size: 15px;font-weight: 400;color: #000;}
	#section1 .m_calendar #mCalendar .day table tbody td.holiday > span {background-color: var(--subColor);color: #fff;border-radius: 50%;}
	#section1 .m_calendar p.add_txt {margin-top: 30px;padding: 0 0 0 28px;font-size: 16px;font-weight: 500;color: #000;background-image: url(../img/ico_calendar_note.png);background-repeat: no-repeat;background-position: 0 50%;}
	#section1 .m_notice {width: 100%;margin: 0;}
	#section1 .m_notice .notice_list > li {padding: 20px 0;border-bottom: 1px solid #efefef;}
	#section1 .m_notice .notice_list > li:last-child {border-bottom-width: 0;}
	#section1 .m_notice .notice_list > li > a {display: block;font-size: 18px;font-weight: 500;color: #000;}
	#section1 .m_notice .notice_list > li > span.time {display: block;font-size: 16px;font-weight: 400;color: #5f5f5f;}
	#section1 .section_inner .m_time {width: calc(50% - 20px);margin-left: 20px;}
	#section1 .m_time > div {overflow: hidden;height: calc(100% - 50px);padding: 25px;background-image: url(../img/bg_m_time.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;border-radius: 10px;}
	#section1 .m_time .use_time {position: relative;height: 100%;padding-bottom: 70px;}
	#section1 .m_time .use_time > dl {display: flex;}
	#section1 .m_time .use_time > dl + dl {margin-top: 30px;}
	#section1 .m_time .use_time > dl dt {width: 45px;padding: 13px 0;font-size: 20px;line-height: 1.1em;font-weight: 500;color: #000;}
	#section1 .m_time .use_time > dl dd {width: calc(100% - 45px);}
	#section1 .m_time .use_time > dl dd > span {display: block;padding: 10px 25px;font-size: 15px;line-height: 1.1em;font-weight: 500;color: #000;border-radius: 30px;}
	#section1 .m_time .use_time > dl dd > span.room {padding: 15px 25px;background-color: var(--mainColor);color: #fff;}
	#section1 .m_time .use_time > dl dd > span.time {position: relative;z-index: 0;padding-left: 40px;}
	#section1 .m_time .use_time > dl dd > span.time::before {content: '-';position: absolute;top: 10px;left: 25px;}
	#section1 .m_time .use_time a.more_btn {position: absolute;bottom: 0;left: 0;width: 100%;padding: 12px 20px 12px 70px;background-color: #fff;background-image: url(../img/ico_m_time_more.png);background-repeat: no-repeat;background-position: 20px 50%;font-size: 18px;font-weight: 500;color: #000;border-radius: 10px;}
	#section1 .m_time .use_time a.more_btn::after {content: '→';position: absolute;top: 12px;right: 20px;font-size: inherit;}

	/**/
	#section2 .section_inner {overflow: hidden;padding-top: 0;}
	#section2 .section_inner > div {position: relative;}
	#section2 .culture_list {display: flex;margin: 0 -10px;flex-wrap: wrap;}
	#section2 .culture_list > li {width: calc(50% - 20px);margin: 10px;padding: 25px;border: 1px solid #ddd;border-radius: 10px;}
	#section2 .culture_list > li p.title {margin: 15px 0;}
	#section2 .culture_list > li p.title > a {overflow: hidden;height: 2.8em;font-size: 20px;font-weight: 500;color: #000;line-height: 1.4em;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	#section2 .culture_list > li .condition > span {display: block;font-size: 16px;font-weight: 400;color: #757575;}
	#section2 .culture_list > li .condition > span + span {margin-top: 3px;}
	
	/* 문화행사 프로그램 */
	.lecture-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; padding: 0; margin: 0; list-style: none;}
	.lecture-grid li {background: #fafafa; border: 1px solid #e3e3e3; border-radius: 10px; padding: 20px; box-sizing: border-box; transition: 0.2s ease;}
	.lecture-grid li:hover {box-shadow: 0 4px 15px rgba(0,0,0,0.08); transform: translateY(-3px); border-color:var(--mainColor);}
	.lecture-grid .state {display:inline-block; padding:4px 10px 3px; margin-bottom:8px; font-size:13px; font-weight:500; background-color:var(--mainColor); color: #fff; border-radius:20px;}
	.lecture-grid .tit a {font-size:17px; font-weight:600; color:#222; text-decoration:none; display:block; margin-bottom:10px;}
	.lecture-grid .tit a:hover {color:var(--mainColor);}
	.lecture-grid .condition {font-size: 15px; color: #555; margin-bottom:10px;}
	.lecture-grid .condition .fix_info {display:flex;}
	.lecture-grid .condition .fix_info strong {margin-right:10px; color:var(--subColor);}
	.lecture-grid .more {font-size:14px; font-weight: bold; color:var(--subColor);}

	/**/
	#section3 {width: 100%;background-color: #f2f6f6;}
	.section .book_wp > div {position: relative;}
	.section .book_wp .book_list {display: flex;justify-content: space-between;}
	.section .book_wp .book_list .book_con {width: 25%;padding-right: 15px;}
	.section .book_wp .book_list .book_con:nth-child(5) {display: none;}
	.section .book_wp .book_list .book_con .img a {display: block;}
	.section .book_wp .book_list .book_con .img img {max-width: 100%;height: 180px;}
	.section .book_wp .book_list .book_con .info {margin-top: 20px;}
	.section .book_wp .book_list .book_con .info > span {display: block;}
	.section .book_wp .book_list .book_con .info > span.title > a {overflow: hidden;display: block;font-size: 17px;font-weight: 500;color: #000;text-overflow: ellipsis;white-space: nowrap;}
	.section .book_wp .book_list .book_con .info > span.writer {margin-top: 10px;font-size: 15px;font-weight: 400;color: #757575;}

	/**/
	#section4 {background-color: #fff;}	

	/**/
	#foot_section {position: relative;z-index: 0;background-color: #303030;}
	#foot_section::before {content: '';position: absolute;top: 60px;left: 0;z-index: -1;width: 100%;height: 1px;background-color: rgba(255,255,255,0.1);}
	#foot_section .section_inner {position: relative;padding: 0;}
	#foot_section .f_info {display: flex;height: 60px;padding-right: 60px;align-items: center;}
	#foot_section .f_info > a {margin-right: 12px;font-size: 14px;color: #fff;color: #ecf0f3;}
	#foot_section .f_info > a.privacy {color: #5cf9ff;}
	#foot_section .f_con {position: relative;z-index: 0;padding: 30px 0 40px;}
	#foot_section .f_con .logo {margin-bottom: 20px;opacity: 0.3;}
	#foot_section .f_con .logo img {height: 20px;}
	#foot_section .f_con address {margin-bottom: 10px;font-style: normal;color: #ecf0f3;}
	#foot_section .f_con address > span {display: inline-block;margin-right: 20px;font-size: 14px;font-weight: 500;color: inherit;}
	#foot_section .f_con cite {font-style: normal;font-size: 13px;font-weight: 500;color: #ecf0f3;text-transform: uppercase;}

	#foot_section #gotop {position: absolute;top: 0;right: 0;}
	#foot_section #gotop > a {display: block;width: 60px;height: 60px;background-color: #222;background-image: url(../img/ico_gotop_arrow.png);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;cursor: pointer;background-size: auto 25px;}

	/**/
	#contain {overflow: hidden;width: 100%;}

	/* 서브비주얼 */
	#contain #subVisual {width: 100%;padding-top: 80px;background-color: #ecf6f6;}
	#contain #subVisual .sub_visual {position: relative;display: flex;width: 94%;height: 150px;margin: 0 auto;align-items: center;align-content: center;flex-wrap: wrap;}
	#contain #subVisual .sub_visual::after {content: '';position: absolute;right: -1%;bottom: -25px;width: 355px;height: 150px;background-image: url(../img/ico_sub_visual.png);background-repeat: no-repeat;background-position: 100% 50%;background-size: auto 100%;}
	#contain #subVisual .sub_visual h3 {width: 100%;font-size: 30px;margin-bottom: 5px;font-weight: 700;color: #000;}
	#contain #subVisual .sub_visual .locator {width: 100%;}
		
	#contain #subVisual .sub_visual .locator {}
	#contain #subVisual .sub_visual .locator > ul > li {display: inline-block;vertical-align: middle;}
	#contain #subVisual .sub_visual .locator > ul > li a,
	#contain #subVisual .sub_visual .locator > ul > li span,
	#contain #subVisual .sub_visual .locator > ul > li button {display: block;font-size: 15px;font-weight: 400;font-family: inherit;background-color: transparent;color:#555}
	#contain #subVisual .sub_visual .locator > ul > li button::before,
	#contain #subVisual .sub_visual .locator > ul > li span::before {content: '>';display: inline-block;width: 20px;vertical-align: top;text-align: center;font-size: inherit;font-family: inherit;}
	#contain #subVisual .sub_visual .locator .navi {display: none;}

	/**/
	#aside {display: none;}

	/**/
	#design {width: 94%;margin: 40px auto 80px;}

}


@media all and (max-width: 767px) {

	/**/
	#poplayer{position:absolute;z-index:1000;top:120px;left:50%;margin:0 0 0 -150px;width:300px;cursor:move}
	img{width:auto;max-width:100%;height:auto !important;}

	#OpenLayer {position: absolute;top: 150px;left: 10px;width: 70%;z-index: 9999;background: #fff;padding: 5px;border-radius: 5px;border: 1px solid #ccc;box-shadow: 5px 5px 20px rgba(0,0,0,0.3);text-align: right;}
	#OpenLayer > a {clear: both;font-size: 12px;}
	#OpenLayer #TodayClose {float: left;margin-right: 20px;}
	#OpenLayer img {width: 100%;}

	html.fp-enabled, .fp-enabled body {overflow: visible;}

	

	/* header */
	#header {overflow: hidden;position:absolute;top: 0;left: 0;z-index:30002;width:100%;height: 60px !important;padding: 0;background: #fff;}
	#header::before {content: '';position: absolute;top: 59px;width: 100%;height: 1px;background-color: rgba(255,255,255,0.2);}
	#header.sel {height: 510px;box-sizing: border-box;background:#fff;}
	#header.bg_white {background-color: #fff;border-bottom: 1px solid #d9d9d9;}
	#header .header {position: relative;height: 60px;padding: 0;margin: 0 auto;}
	#header .header::after {content: '';display: block;clear: both;}
	#header #gnb {display: none !important;}
	#header .h_etc {display: none !important;}
	#header .sitemap {display: none !important;}

	#header h1 {position: absolute;top: 0;left: 0;width: 100%;max-width: none;}
	#header h1 a {display: block;width: 100%;height: 60px;background-image: url(../img/logo.png?v=1);background-repeat: no-repeat;background-position: 15px 50%;background-size: auto 22px;text-indent: -9999px;}

	#header button.btn-menu {position:absolute;top: 0;right: 0;z-index: 10;width: 60px;height: 60px;padding: 0 !important;background: url(../img/ico_h_sitemap.png) no-repeat;background-position: calc(100% - 15px) 50%;}
	#header.bg_white button.btn-menu {background-image: url(../img/ico_menu_on.png);}
	#header button.btn-menu i{display: none !important;font-size:24px !important;color: #000;}
	#header button.btn-page{height:40px;width:40px;text-align:center;top:36px;right:10px;display:block;line-height:14px;font-size:11px;font-family:'Roboto';}
	#header button.btn-page2{height:40px;width:48px;text-align:center;top:36px;right:55px;display:block; line-height:14px;font-size:11px;font-family:'Roboto';}
	#header button.btn-page i{display:block !important;padding:5px 0 0 0;height:20px;font-size:18px !important; }

	
	/**/
	#mainCon {width: 100%;}
	.section .section_inner {width: 94%;margin: 0 auto;padding: 40px 0;}
	.section h3 {margin-bottom: 20px;font-size: 21px;font-weight: 700;color: #000;}
	.section h3.white {color: #fff;}

	.section .kind {display: inline-block;width: 70px;height: 28px;text-align: center;font-size: 14px;line-height: 28px;font-weight: 500;color: #fff;border-radius: 5px;}
	.section .kind.lib1 {background-color: #7000b7;}
	.section .kind.lib2 {background-color: #00a54c;}

	.section .kind.ing {background-color: var(--subColor);}
	.section .kind.wait {background-color: var(--mainColor);}
	.section .kind.end {background-color: #e7e7e7;color: #000;}

	.section .m_more {position: absolute;top: 7px;right: 0;font-size: 14px;font-weight: 500;color: #757575;}

	/**/	
	.section .controls {text-align: right;}
	.section .controls .arrows {display: inline-block;vertical-align: middle;}
	.section .controls .arrows .slick-arrow {width: 20px;height: 16px;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;vertical-align: middle;text-indent: -9999px;background-color: transparent;}
	.section .controls .arrows .slick-prev {background-image: url(../img/slides_m_prev.png);}
	.section .controls .arrows .slick-next {background-image: url(../img/slides_m_next.png);}
	.section .controls .arrows .paging {margin: 0 15px;font-family: 'Montserrat';font-size: 15px;}
	.section .controls .arrows .paging .slick-dots {display: inline-block;vertical-align: middle;}
	.section .controls .arrows .paging .slick-dots li {display: none;font-family: 'Montserrat';}
	.section .controls .arrows .paging .slick-dots li.slick-active {display: inline-block;vertical-align: middle;}
	.section .controls .control_btn {display: inline-block;vertical-align: middle;}
	.section .controls .control_btn button {width: 7px;height: 100%;margin-left: 20px;text-indent: -9999px;background-repeat: no-repeat;background-position: 100% 50%;background-color: transparent;}
	.section .controls .control_btn button.stop {background-image: url(../img/slides_m_stop.png);}
	.section .controls .control_btn button.play {background-image: url(../img/slides_m_play.png);}


	/* 메인비주얼 및 상단컨텐츠 */
	#section0 {padding-top: 60px;position:relative;background-image: url(../img/bg_m_visual.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
	#section0 .visual_wp {padding: 0;}
	#section0 .visual_wp .m_slogan {padding: 30px 0;text-align: center;font-size: 26px;font-weight: 400;color: #000;line-height: 1.4em;}	
	#section0 .visual_wp .m_slogan .tit {display: block;font-size: 34px;font-weight: 800;color: #000;line-height: 1.3em;}	

	#section0 .search_wp {position: relative;display: flex;justify-content: flex-end;padding: 10px 20px;margin: 0 auto;background-color: var(--mainColor);border-radius: 10px;text-align: left;box-sizing: border-box;}
	#section0 .search_wp form {position: relative;flex-grow: 1;}
	#section0 .search_wp form fieldset {display: flex;justify-content: flex-end;align-items: center;}
	#section0 .search_wp label {font-size: 16px;margin-right: 10px;font-weight: 500;color: #fff;text-align: center;vertical-align: middle;}
	#section0 .search_wp #search {width: 100%;max-width: 880px;height: 50px;border: 0;border-radius:5px;font-size: 16px;vertical-align: middle;font-family: inherit;font-weight: 300;color: #555;background-color:#fff;}
	#section0 .search_wp .btn_search {position: absolute;top: 0;right: 0;width: 50px;height: 50px;background-image: url(../img/ico_m_search.png);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;background-size: auto 25px;}
	#section0 .search_wp .popular_wp {display: none;width: 180px;padding: 0 10px 0 20px;}
	#section0 .search_wp .popular_wp .popular_control {}
	#section0 .search_wp .popular_word p {overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	#section0 .search_wp .popular_word p > a {font-size: 14px;color: #fff;line-height: 50px;}
	#section0 .search_wp .popular_wp .popular_control {position: absolute;top: 50%;right: 20px;transform: translateY(-50%);font-size: 0;line-height: 1;}
	#section0 .search_wp .popular_wp .popular_control .slick-arrow {width: 30px;height: 15px;text-indent: -99999px;background-repeat: no-repeat;background-position: 50% 50%;}
	#section0 .search_wp .popular_wp .popular_control .slick-prev {background-image: url(../img/ico_v_prev_w.png);}
	#section0 .search_wp .popular_wp .popular_control .slick-next {background-image: url(../img/ico_v_next_w.png);}
	#section0 .search_wp .popular_wp .popular_control .slick_ctrl {display: block;width: 30px;height: 12px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;}
	#section0 .search_wp .popular_wp .popular_control .slick_ctrl.stop {background-image: url(../img/ico_v_stop_w.png);}
	#section0 .search_wp .popular_wp .popular_control .slick_ctrl.play {background-image: url(../img/ico_v_play_w.png);}

	#section0 .visual_con {display: flex;padding: 20px 0 40px;flex-wrap: wrap;}
	#section0 .visual_con .v_left {display: block;width: 100%;}
	#section0 .visual_con .v_left > div {overflow: hidden;padding: 15px 20px;background-color: #fff;border-radius: 10px;}
	#section0 .visual_con .v_left h3 {margin-bottom: 10px;font-size: 20px;font-weight: 700;color: #000;}
	#section0 .visual_con .tc_login {width: 100%;text-align:left;}
	#section0 .visual_con .tc_login .login_wp {position:relative;padding-right: 75px;}
	#section0 .visual_con .tc_login .login_wp input[type=text],
	#section0 .visual_con .tc_login .login_wp input[type=password] {width: 100%;height: 34px;padding:0 5px;box-sizing:border-box;background:#edeff1;border:0;border-radius:5px;}
	#section0 .visual_con .tc_login .login_wp input[type=password] {margin-top: 2px;}
	#section0 .visual_con .tc_login .login_wp input.btn_tc_login {position:absolute;width:70px;height: 70px;top:0;right:0;border-radius:5px;cursor:pointer;color:#fff;font-size:16px;background: var(--subColor);transition: all 0.2s;}
	#section0 .visual_con .tc_login .login_wp input.btn_tc_login:hover {background: #9e1a13;}
	#section0 .visual_con .tc_login .mb_menu {padding-top:8px;}
	#section0 .visual_con .tc_login .mb_menu a {display:inline-block;font-size:14px;margin-right: 15px;}
	#section0 .visual_con .tc_login .mb_menu a:last-child {margin-right:0;}
	
	#section0 .visual_con .tc_login .tc_logging_info {display:block;padding: 0 0 0 27px;font-size:17px;font-weight: 500;margin-bottom: 10px;background:url(../img/ico_m_log.png) no-repeat 0 50%;background-size: auto 20px;}
	#section0 .visual_con .tc_login .tc_logging_menu {overflow:hidden;margin-bottom: 7px;}
	#section0 .visual_con .tc_login .tc_logging_menu li {float:left;width:33.33333%;}
	#section0 .visual_con .tc_login .tc_logging_menu li a {display:block;border-radius:5px;border:1px solid #ccc;margin-right:10px;padding: 35px 7px 7px;text-align:center;font-size:14px;}
	#section0 .visual_con .tc_login .tc_logging_menu li:nth-child(1) a {background:url(../img/ico_m_login1.png) no-repeat 55% 23%;} 
	#section0 .visual_con .tc_login .tc_logging_menu li:nth-child(2) a {background:url(../img/ico_m_login2.png) no-repeat 52% 23%;} 
	#section0 .visual_con .tc_login .tc_logging_menu li:nth-child(3) a {background:url(../img/ico_m_login3.png) no-repeat 52% 23%;margin-right:0;} 
	#section0 .visual_con .tc_login .btn_tc_logout {display:block;height:30px;line-height:30px;text-align:center;border-radius:5px;background:#555;color:#fff;}

	#section0 .visual_con .v_left .m_mylib {width: 100%;margin-top: 20px;}
	#section0 .visual_con .v_left .m_mylib > div {display: flex;flex-wrap: wrap;}
	#section0 .visual_con .v_left .m_mylib > div > a {padding: 7px 0 7px 35px;font-size: 15px;font-weight: 500;color: #000;background-repeat: no-repeat;background-position: 0 50%;}
	#section0 .visual_con .v_left .m_mylib > div > a:nth-child(2n-1) {width: 50%;}
	#section0 .visual_con .v_left .m_mylib > div > a:nth-child(2n) {width: 45%;margin-left: 5%;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn1 {background-image: url(../img/ico_m_quick1.png);background-size: auto 20px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn2 {background-image: url(../img/ico_m_quick2.png);background-size: auto 22px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn3 {background-image: url(../img/ico_m_quick3.png);background-size: auto 22px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn4 {background-image: url(../img/ico_m_quick4.png);background-size: auto 19px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn5 {background-image: url(../img/ico_m_quick5.png);background-size: auto 22px;}
	#section0 .visual_con .v_left .m_mylib > div > a.lib_btn6 {background-image: url(../img/ico_m_quick6.png);background-size: auto 24px;}
	
	#section0 .visual_con .zone_wp {position: relative;width: 100%;margin-top: 20px;}
	#section0 .visual_con .popupzone {overflow: hidden;margin: 0;font-size: 0;line-height: 1;border-radius: 10px;}
	#section0 .visual_con .popupzone .slick_wp li img {width: 100%;}
	#section0 .visual_con .zone_wp .zone_controls {position: absolute;display: flex;bottom: -40px;left: 20px;width: calc(100% - 40px);font-size: 0;justify-content: center;align-items: center;}
	#section0 .visual_con .zone_wp .zone_controls .slick-dots {order: 1;}
	#section0 .visual_con .zone_wp .zone_controls .slick-dots > li {display: inline-block;}
	#section0 .visual_con .zone_wp .zone_controls .slick-dots > li > button {width: 17px;height: 17px;margin: 0 3px;border-radius: 20px;text-indent: -9999px;border: 2px solid #fff;cursor: pointer;}
	#section0 .visual_con .zone_wp .zone_controls .slick-dots > li.slick-active > button {background-color: #fff;}
	#section0 .visual_con .zone_wp .zone_controls > button {order: 2;margin-left: 20px;width: 20px;height: 20px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;}
	#section0 .visual_con .zone_wp .zone_controls > button.stop {background-image: url(../img/ico_v_stop_w.png);}
	#section0 .visual_con .zone_wp .zone_controls > button.play {background-image: url(../img/ico_v_play_w.png);}
	
	#section0 .visual_con .v_right {width: 100%;margin-top: 60px;}
	#section0 .visual_con .v_right > div {overflow: hidden;display: inline-flex;width: 100%;height: 100%;padding: 15px 10px;background-color: #fff;border-radius: 10px;flex-wrap: wrap;}
	#section0 .visual_con .v_right > div > a {display: inline-flex;width: 33.33333%;margin: 7px 0;text-align: center;font-size: 14px;font-weight: 500;color: #000;flex-wrap: wrap;justify-content: center;align-content: center;}
	#section0 .visual_con .v_right > div > a::before {content: '';width: 100%;height: 50px;margin-bottom: 7px;background-repeat: no-repeat;background-position: 50% 50%;}
	#section0 .visual_con .v_right > div > a.direct1::before {background-image: url(../img/ico_m_direct1.png);background-size: auto 75%;}
	#section0 .visual_con .v_right > div > a.direct2::before {background-image: url(../img/ico_m_direct2.png);background-size: auto 75%;}
	#section0 .visual_con .v_right > div > a.direct3::before {background-image: url(../img/ico_m_direct3.png);background-size: auto 75%;}
	#section0 .visual_con .v_right > div > a.direct4::before {background-image: url(../img/ico_m_direct4.png);background-size: auto 59%;}
	#section0 .visual_con .v_right > div > a.direct5::before {background-image: url(../img/ico_m_direct5.png);background-size: auto 66%;}
	#section0 .visual_con .v_right > div > a.direct6::before {background-image: url(../img/ico_m_direct6.png);background-size: auto 73%;}
	#section0 .visual_con .v_right > div > a.direct7::before {background-image: url(../img/ico_m_direct7.png);background-size: auto 72%;}
	#section0 .visual_con .v_right > div > a.direct8::before {background-image: url(../img/ico_m_direct8.png);background-size: auto 67%;}
	#section0 .visual_con .v_right > div > a.direct9::before {background-image: url(../img/ico_m_direct9.png);background-size: auto 73%;}

	/**/
	#section1 {width: 100%;}
	#section1 .section_inner {display: block;}
	#section1 .section_inner > div {position: relative;}
	#section1 .section_inner .m_calendar {width: 100%;margin: 0;}
	#section1 .m_calendar #mCalendar {padding: 15px 20px;background-color: #ecf6f6;border-radius: 10px;}
	#section1 .m_calendar #mCalendar .calendar_left {margin-bottom: 15px;text-align: center;}
	#section1 .m_calendar #mCalendar .calendar_left * {vertical-align: middle;}
	#section1 .m_calendar #mCalendar .calendar_left > a.calendar_arrow {display: inline-block;width: 30px;height: 30px;background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;}
	#section1 .m_calendar #mCalendar .calendar_left > a.calendar_prev {background-image: url(../img/ico_m_cal_prev.png);}
	#section1 .m_calendar #mCalendar .calendar_left > a.calendar_next {background-image: url(../img/ico_m_cal_next.png);}
	#section1 .m_calendar #mCalendar .calendar_date {display: inline-block;padding: 0 20px;}
	#section1 .m_calendar #mCalendar .calendar_date > span {display: inline-block;font-size: 24px;font-weight: 400;color: #000;}
	#section1 .m_calendar #mCalendar .calendar_date > span.month {font-weight: 700;color: var(--mainColor);}
	#section1 .m_calendar #mCalendar .day table thead {margin-bottom: 10px;background-color: #fff;border-radius: 5px;}
	#section1 .m_calendar #mCalendar .day table thead th {padding: 7px 5px;font-size: 14px;font-weight: 400;color: #000;}	
	#section1 .m_calendar #mCalendar .day table tbody::before {content: '';display: table-row;height: 10px;}
	#section1 .m_calendar #mCalendar .day table tbody td {padding: 1px 2px;text-align: center;}
	#section1 .m_calendar #mCalendar .day table tbody td > span {display: inline-block;width: 28px;height: 28px;line-height: 28px;font-size: 13px;font-weight: 400;color: #000;}
	#section1 .m_calendar #mCalendar .day table tbody td.holiday > span {background-color: var(--subColor);color: #fff;border-radius: 50%;}
	#section1 .m_calendar p.add_txt {margin-top: 25px;padding: 0 0 0 28px;font-size: 15px;font-weight: 500;color: #000;background-image: url(../img/ico_calendar_note.png);background-repeat: no-repeat;background-position: 0 50%;}
	
	#section1 .section_inner .m_notice {width: 100%;margin: 30px 0 0;}
	#section1 .m_notice .notice_list > li {padding: 15px 0;border-bottom: 1px solid #efefef;}
	#section1 .m_notice .notice_list > li:first-child {padding-top: 0;}
	#section1 .m_notice .notice_list > li:last-child {border-bottom-width: 1px;}
	#section1 .m_notice .notice_list > li > a {display: block;font-size: 15px;font-weight: 500;color: #000;}
	#section1 .m_notice .notice_list > li > span.time {display: block;font-size: 13px;font-weight: 400;color: #5f5f5f;}
	
	#section1 .section_inner .m_time {width: 100%;margin: 30px 0 0;}
	#section1 .m_time > div {overflow: hidden;height: auto;padding: 20px;background-image: url(../img/bg_m_time.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;border-radius: 10px;}
	#section1 .m_time .use_time {position: relative;height: 100%;padding-bottom: 70px;}
	#section1 .m_time .use_time > dl {display: flex;}
	#section1 .m_time .use_time > dl + dl {margin-top: 30px;}
	#section1 .m_time .use_time > dl dt {width: 45px;padding: 13px 0;font-size: 20px;line-height: 1.1em;font-weight: 500;color: #000;}
	#section1 .m_time .use_time > dl dd {width: calc(100% - 45px);}
	#section1 .m_time .use_time > dl dd > span {display: block;padding: 10px 25px;font-size: 15px;line-height: 1.1em;font-weight: 500;color: #000;border-radius: 30px;}
	#section1 .m_time .use_time > dl dd > span.room {padding: 15px 25px;background-color: var(--mainColor);color: #fff;}
	#section1 .m_time .use_time > dl dd > span.time {position: relative;z-index: 0;padding-left: 40px;}
	#section1 .m_time .use_time > dl dd > span.time::before {content: '-';position: absolute;top: 10px;left: 25px;}
	#section1 .m_time .use_time a.more_btn {position: absolute;bottom: 0;left: 0;width: 100%;padding: 12px 20px 12px 70px;background-color: #fff;background-image: url(../img/ico_m_time_more.png);background-repeat: no-repeat;background-position: 20px 50%;font-size: 16px;font-weight: 500;color: #000;border-radius: 10px;}
	#section1 .m_time .use_time a.more_btn::after {content: '→';position: absolute;top: 12px;right: 20px;font-size: inherit;}

	/**/
	#section2 .section_inner {overflow: hidden;padding-top: 0;}
	#section2 .section_inner > div {position: relative;}
	#section2 .culture_list {display: block;margin: 0;}
	#section2 .culture_list > li {width: 100%;margin: 10px 0 0;padding: 20px;border: 1px solid #ddd;border-radius: 10px;}
	#section2 .culture_list > li p.title {margin: 10px 0;}
	#section2 .culture_list > li p.title > a {overflow: hidden;height: 2.8em;font-size: 18px;font-weight: 500;color: #000;line-height: 1.4em;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	#section2 .culture_list > li .condition > span {display: block;font-size: 15px;font-weight: 400;color: #757575;}
	#section2 .culture_list > li .condition > span + span {margin-top: 3px;}
	
	/* 문화행사 프로그램 */
	.lecture-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 0; margin: 0; list-style: none;}
	.lecture-grid li {background: #fafafa; border: 1px solid #e3e3e3; border-radius: 10px; padding: 15px; box-sizing: border-box; transition: 0.2s ease;}
	.lecture-grid li:hover {box-shadow: 0 4px 15px rgba(0,0,0,0.08); transform: translateY(-3px); border-color:var(--mainColor);}
	.lecture-grid .state {display:inline-block; padding:2px 8px 2px; margin-bottom:5px; font-size:12px; font-weight:500; background-color:var(--mainColor); color: #fff; border-radius:20px;}
	.lecture-grid .tit a {font-size:14px; font-weight:600; color:#222; text-decoration:none; display:block; margin-bottom:10px;}
	.lecture-grid .tit a:hover {color:var(--mainColor);}
	.lecture-grid .condition {font-size: 13px; color: #555; margin-bottom:8px;}
	.lecture-grid .condition .fix_info {display:flex;}
	.lecture-grid .condition .fix_info strong {margin-right:8px; color:var(--subColor);}
	.lecture-grid .more {font-size:13px; font-weight: bold; color:var(--subColor);}

	/**/
	#section3 {width: 100%;background-color: #f2f6f6;}
	.section .book_wp > div {position: relative;}
	.section .book_wp .book_list {display: flex;justify-content: space-between;flex-wrap: wrap;}
	.section .book_wp .book_list .book_con {width: 50%;margin: 15px 0;}
	.section .book_wp .book_list .book_con:nth-child(5) {display: none;}
	.section .book_wp .book_list .book_con .img a {display: block;}
	.section .book_wp .book_list .book_con .img img {max-width: 100%;height: 180px !important;}
	.section .book_wp .book_list .book_con .info {margin-top: 10px;}
	.section .book_wp .book_list .book_con .info > span {overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}
	.section .book_wp .book_list .book_con .info > span.title > a {display: block;font-size: 16px;font-weight: 500;color: #000;}
	.section .book_wp .book_list .book_con .info > span.writer {margin-top: 3px;font-size: 14px;font-weight: 400;color: #757575;}

	/**/
	#section4 {background-color: #fff;}	

	/**/
	#foot_section {position: relative;z-index: 0;background-color: #303030;}
	#foot_section::before {display: none;position: absolute;top: 50px;left: 0;z-index: -1;width: 100%;height: 1px;background-color: rgba(255,255,255,0.1);}
	#foot_section .section_inner {position: relative;padding: 0;}
	#foot_section .f_info {display: block;height: auto !important;padding: 10px 50px 10px 0;align-items: center;}
	#foot_section .f_info > a {display: block;padding: 3px 0;margin-right: 12px;font-size: 14px;color: #fff;color: #ecf0f3;}
	#foot_section .f_info > a.privacy {color: #5cf9ff;}
	#foot_section .f_con {position: relative;z-index: 0;padding: 20px 0 40px;border-top: 1px solid rgba(255,255,255,0.1);}
	#foot_section .f_con .logo {margin-bottom: 20px;opacity: 0.3;}
	#foot_section .f_con .logo img {height: 20px !important;}
	#foot_section .f_con address {margin-bottom: 10px;font-style: normal;color: #ecf0f3;}
	#foot_section .f_con address > span {display: block;margin: 5px 0;font-size: 14px;font-weight: 500;color: inherit;}
	#foot_section .f_con cite {font-style: normal;font-size: 13px;font-weight: 500;color: #ecf0f3;text-transform: uppercase;}

	#foot_section #gotop {position: absolute;top: 0;right: 0;}
	#foot_section #gotop > a {display: block;width: 50px;height: 50px;background-color: #222;background-image: url(../img/ico_gotop_arrow.png);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;cursor: pointer;background-size: auto 25px;}

	/**/
	#contain #subVisual {padding-top: 60px;}
	#contain #subVisual .sub_visual {height: auto;padding: 40px 160px 40px 0;}
	#contain #subVisual .sub_visual h3 {font-size: 24px;line-height: 1.3em;}
	#contain #subVisual .sub_visual::after {bottom: -12px;width: 160px;height: 100px !important;}
	
	/* #design */
	#design {position: relative;width: 94%;margin: 30px auto 70px;}
	#aside {display: none;}

	/**/
	#blind{position:absolute;z-index:9999;top:0px;left:0px; bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.7)}
	#dkleft{display:none;position:fixed;z-index:100 !important;left:0px;top:0px;width: 90%;height: 100%;background: var(--mainColor);padding-bottom: 105px;}
	#dkleft .lefttit{text-align:left;width: 100%;box-sizing: border-box;background: var(--mainColor);}
	#dkleft .lefttit img{height: 25px;}
	#dkleft .select {height: 100%;overflow-y: auto;}
	#dkleft .lefttit button {display:block;position:relative;padding: 20px 15px;font-size: 16px;color:#fff;border:0;background:transparent;font-family: 'Montserrat';font-weight: 500;}
	#dkleft .lefttit button i {display: inline-block;padding: 0 7px 0 0;font-size: 15px;color:#fff;vertical-align: middle;}
	#dkleft .lefttit > div {background-color: #eee;padding: 0 15px;}
	#dkleft .lefttit .join{display:inline-block;position:relative;padding:0 10px;height:36px;line-height:36px;margin:5px 0;font-size:15px;color: var(--mainColor);border:1px solid var(--mainColor);border-radius:5px;background:#eee;transition:all 0.2s ease-out 0s;}
	#dkleft .lefttit .join i{padding:0 7px 0 0;font-size:24px;color:#0e4267}
	#dkleft .lefttit .idpw{display:inline-block;position:relative;padding:0 10px;height:36px;line-height:36px;margin:5px 0;font-size:15px;color: var(--mainColor);border:1px solid var(--mainColor);border-radius:5px;background:#eee;transition:all 0.2s ease-out 0s;}
	#dkleft .lefttit .sel_btn {display:inline-block;position:relative;padding:0 8px;height:36px;line-height:36px;margin:5px 5px 5px 0;font-size:14px;color:#0e4267;border:1px solid #1e2c5d;border-radius:5px;background:#eee;transition:all 0.2s ease-out 0s;}
	#dkleft .lefttit .mobile_member {display: block;padding-bottom: 5px;border-top: 1px solid rgba(255,255,255,0.3);}
	#dkleft .lefttit .mobile_member > a {display: block;padding: 10px 0 10px 35px;color: #fff;font-size: 15px;box-sizing: border-box;background: url(../img/member_icon.png) no-repeat 0 50%;}
	#dkleft .select .modify{display:block;position:relative;padding:0 17px;line-height:45px;font-size:16px;color:#000;border-bottom:1px solid #ccc;background:#eee;transition:all 0.2s ease-out 0s;}
	#dkleft .select .modify span {display:inline-block;padding:0 16px;height:36px;line-height:36px;background:#2e4287;color:#fff;border-radius:5px;}
	#dkleft .select .modify i{display:inline-block;position:relative;top:1px;padding:0 7px 0 0;font-size:24px;color:#fff}
	#dkleft .depth1 {overflow: hidden;display:block;width: 100%;position:relative;padding: 0 15px;line-height:50px;font-size:16px;color:#fff;text-align:left;border-bottom: 1px solid rgba(255, 255, 255, .1);transition:all 0.2s ease-out 0s;}
	#dkleft .depth1 strong{position:relative;top:-2px;padding:0 4px;height:14px;line-height:14px;font-size:10px;background:#ff0000;border-radius:30px}
	#dkleft .depth1 span{font-style:normal;color:#ffa800}
	#dkleft .depth1 em{position:absolute;z-index:2;top:0;right:4px;width:39px;height:39px;background:url(/web/seomun/img/common/plus.png) no-repeat 50% 50%;background-size:11px 11px}
	#dkleft .depth1.sel{background: #0e4267;color:#fff;border-bottom:1px solid #596170}
	#dkleft .depth1 i {display:block;width: 20px;height: 20px;margin: 15px 0 0 0;background-image: url(../img/ico_dkleft_arrow.png);background-size: auto 7px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;transition:all 0.2s ease-out 0s;}
	#dkleft .depth1 i.rightico {float:right}
	#dkleft .depth1.sel i.rightico {color:#fff;transform:rotate(180deg);transition:all 0.2s ease-in-out 0s;}
	#dkleft .depth2{display:none;background:#fff}
	#dkleft .depth2 a{display:block;padding:0 20px;line-height:40px;font-size:14px;color:#555;border-bottom:1px solid #ddd;text-decoration:none}
	#dkleft .depth2 a.sel{color:#81c341}
	#dkleft .depth2 .depth3 {background-color: #f4f4f4;}
	#dkleft .depth2 .depth3 > li > a {display: block;font-size: 13px;padding: 7px 20px;color: #555;border-bottom: 0;line-height: 1.2em;}
	#dkleft .depth2 .depth3 > li:first-child > a {padding-top: 15px;}
	#dkleft .depth2 .depth3 > li:last-child > a {padding-bottom: 15px;border-bottom: 1px solid #ddd;}
	
	#closeleft{position: absolute;z-index: 9999999;right: 5px;top: 15px;width: 35px;height: 35px;display: block;text-align: center;font-size: 30px;font-family: Linearicons-Free;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;color: #fff;}
	#closeleft:before{content:"\e870";font-size:30px;line-height:1;}

	/*
	#gotop{position:fixed;z-index: 10000;bottom:0px;right:0px;display:none}
	#gotop a{display:block;width: 54px;height: 60px;padding: 32px 0 0 0;font-size:10px;font-weight:800;text-align:center;color:#fff;background:rgba(0,0,0,0.3) url(../img/gotop.png) no-repeat 50% 32%;border-radius:0px;overflow:hidden}*/

	/**/
	#mCard {position: fixed;bottom: 0;left: 0;z-index: 9999;width: 100%;}
	#mCard2 {position: fixed;bottom: 0;left: 0;z-index: 9999;width: 100%;padding-left: 5%;}
	#mCard > a {display: block;height: 55px;padding: 0 5px;font-size: 15px;line-height: 55px;border-top: 1px solid rgba(255,255,255,0.4);}
	#mCard2 > a {overflow: hidden;display: block;height: 60px;font-size: 18px;font-weight: 500;line-height: 60px;border-radius: 20px 0 0 0;background-color: #0e4267;color: #fff;border-radius: 20px 0 0 0;background-image: url(../img/arrow_lib_next.png);background-repeat: no-repeat;background-position: calc(100% - 70px) 50%;background-size: auto 15px;}
	#mCard > a > span {vertical-align: middle;}
	#mCard > a::before {content: '';display: inline-block;width: 50px;height: 55px;background-image: url(../img/ico_m_card.png);background-repeat: no-repeat;background-position: 50%;vertical-align: middle;background-size: auto 30px;}
	#mCard2 > a span.ico {overflow: hidden;position: relative;z-index: 0;display: inline-block;width: 76px;height: 60px;margin-right: 15px;vertical-align: top;}
	#mCard2 > a span.ico::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../img/ico_m_card2.png);background-repeat: no-repeat;background-position: 40% 50%;background-size: auto 31px;}
	#mCard2 > a span.ico::after {content: '';position: absolute;top: 50%;right: 0;z-index: -1;width: 100px;height: 100px;margin-top: -50px;border-radius: 50%;background-color: #4287ab;}

}


/* 0 ~ 767px */
@media all and (max-width: 767px) {

}


/* 0 ~ 450px */
@media all and (max-width: 450px) {

}	

/* 0 ~ 400px */
@media all and (max-width: 400px) {
	/**/
	#section0 .visual_con .v_left .m_mylib > div > a:nth-child(2n-1) {width: 100%;}
	#section0 .visual_con .v_left .m_mylib > div > a:nth-child(2n) {width: 100%;margin-left: 0;}

	/**/
	.section .book_wp .book_list .book_con .img img {height: 120px !important;}
	.section .book_wp .book_list .book_con .info > span.title > a {font-size: 15px;}
	.section .book_wp .book_list .book_con .info > span.writer {font-size: 13px;}

	/**/
	#contain #subVisual .sub_visual {padding: 30px 0 100px;}
}



/* 0 ~ 320px */
@media (max-width: 320px) {
	/**/
	#Wrap {overflow-x: auto;min-width: 280px;}
	/**/
	#section0 .search_wp {padding: 10px;}
	#section0 .search_wp form fieldset {display: block;}
	#section0 .search_wp form fieldset label {display: none;}
	#section0 .search_wp .btn_search {top: auto;bottom: 0;}

	/**/
	#section0 .visual_con .v_right > div > a {width: 50%;}

	#section0 .visual_con .tc_login .tc_logging_menu li {float: none;width: 100%;}
	#section0 .visual_con .tc_login .tc_logging_menu li a {margin: 5px 0 0 0;padding: 10px 10px 10px 45px;text-align: left;background-position: 15px 50% !important;}
	
	/**/
	#section1 .m_calendar #mCalendar {padding: 15px 10px;}
}