<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/**************************************************************************ui.common.css 시작**********************************************************/
#popSiteMap .popup-wrap { max-width: 1720px; max-height: 748px; padding: 70px 60px; overflow: auto; }

nav .sub {background-color: #fff;}

.m-nav .m-lnb &gt; li:nth-child(3):after { display: none; }
.m-nav .depth4 &gt; li &gt; a { font-size: 13px; color: #6c6d6d; }

#header_wrap .header_search{width:297px;}
#header_wrap .header_top .inner .top {justify-content: flex-end;}
#footer_wrap {padding: 20px 0;}
/**************************************************************************ui.common.css 끝**********************************************************/

/**************************************************************************ui.main.css 시작**********************************************************/
.main_sec_visual{height:600px;position: relative;}
.main_sec_visual .swiper_controller {z-index: 1;}
.main_search_area .visual_search input#query{border:0px solid #999;}
.main_search_area .visual_search button#elecSearch{border:0px solid #ddd;}

div#autoLayer {width: 34.3%;left:29%;}
div#autoLayer {background-color: #fff;}
div#autoLayer &gt; ul &gt; li{text-align: left;}
div#autoLayer &gt; ul &gt; li:hover, div#autoLayer &gt; ul &gt; li:focus{background: #d9caca;}

.section_01 .cont-top .cont{flex-basis:397px;}

.section_01 .cont_03 .cont01 ul li:nth-child(1) a.list-wrap .img-wrap .wrap{padding-top: 47.13%;}
.section_01 .cont_03 .cont01 ul li:nth-child(2) a.list-wrap .img-wrap .wrap{padding-top: 56.56%;}

.section_02 .cont01 .tab-wrap .panels .panel-title ul {align-items: flex-start;} 
.section_02 .cont01 .tab-wrap .panels .panel-title ul li a{font-size: 16px;}

.section_03 .intro_wrap ul {margin: 0 20px;}
.section_03 .intro_wrap ul li{width: 48.58%;}
.section_03 .book_list {width: calc(100% - 431px);}
.section_03 .book_list {height: 100%;}
.section_03 .book_list .list.list01{margin-right: 3%;}
/* .section_03 .book_list .list ul li{border: 1px solid #ccc; border-radius: 5px; overflow: hidden;} 웹접근성 주석*/
.section_03 .book_list .list ul li:first-child { margin-right: 3.5%; }
.section_03 .list ul li a.list-wrap .img-wrap{height: auto; border-radius: 0;}
.section_03 .list ul li a.list-wrap .img-wrap .wrap{padding-top:144%;}
.section_03 .swiper2 {height: auto;}
/* .section_03 .swiper2 {height: 193px;} */
.section_03 .swiper2 {margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: auto; padding: 0; z-index: 1; display: block; border-radius: 5px;}
.section_03 .cont02 .img-wrap .wrap .centered img {height: 100%;}

/* .section_03 .cont02 .swiper2 .swiper_controller{display:flex;align-items: center;justify-content: center;position:absolute;bottom:0px;left:0;right:0;text-align: center;z-index:100;width: 240px;margin:0 auto;} */
.section_03 .cont02 .swiper2 .swiper_controller{display:flex;align-items: center;justify-content: center;position:absolute;bottom:0px;left:0;right:0;text-align: center;z-index:100;width: 100%;margin:0 auto;background:rgba(0,0,0,0.5)}

.section_03 .cont02 .swiper2 .swiper_controller .swiper-pagination{position: static;display: flex;} 
.section_03 .cont02 .swiper2 .swiper-pagination-bullet{width:50px;height:4px;border-radius: 0;background-color:#fff;opacity:.8;margin:0 4px}
.section_03 .cont02 .swiper2 .swiper-pagination-bullet-active{background-color:#128DDD;}

/* .section_03 .cont02 .swiper2 .swiper-fraction{color:#fff;font-size:16px;display: flex;} */
.section_03 .cont02 .swiper2 .swiper-fraction{color:#fff;font-size:16px;display: flex;margin-bottom:5px;}

.section_03 .cont02 .swiper2 .swiper-fraction span{margin: 0 5px;}
.section_03 .cont02 .swiper2 .swiper-button-area{margin-left:15px;display: flex;flex-direction: row;}
.section_03 .cont02 .swiper2 .swiper-button-area button{width:28px;height:28px;}
.section_03 .cont02 .swiper2 .swiper-button-area .play{display:none;}
.section_03 .cont02 .swiper2 .swiper-button-area .play.on{display:block;}
.section_03 .cont02 .swiper2 .swiper-button-area .stop.on{display:none;}

/* 모바일 */
@media all and (max-width: 1300px){
	.main_sec {padding: 20px 0 0 0;}
	div#autoLayer {width: 65%;left:29%;}
    .section_01 .cont_02 {flex-basis: 49.5% !important;}
    .section_01 .cont_02 .top {margin: 3% 0;}
    .section_01 .cont_03 {flex-basis: 49.5% !important;}
    .section_01 .cont_03 .cont01 ul li{max-height: unset;}
    .section_01 .cont_03 .cont01 ul li:nth-child(1) a.list-wrap .img-wrap .wrap{padding-top:48.5%;}
    .section_01 .cont_03 .cont01 ul li:nth-child(2) a.list-wrap .img-wrap .wrap{padding-top:55.5%;}
    .section_03 .intro_wrap ul{margin: 0; flex-basis: 49.5% !important;}
    .section_03 .intro_wrap ul li{height: auto; width:50%;}
    .section_03 .intro_wrap ul li.intro01 {margin-right:2%;}
    .section_03 .intro_wrap .img-wrap{flex-basis: 49.5% !important; height: 100%;}
    .section_03 .book_list {flex-basis: 49.5% !important;}
    .section_03 .book_list .list ul li {height: 100%;}
    .section_03 .book_list .list.list01{margin-right: 2%;}
    .section_03 .list ul li a.list-wrap .img-wrap .wrap{padding-top: 132%;}
    .swiper2_wrap{flex-basis: 49.5%; height: 239px;}
    .section_01 .cont-top ul li a br{display: none;}
    #footer_wrap select{width: 100%;}
    #footer_wrap .footer_site{margin-right:1%;}
    .move-btn{margin-right: 0;}
    #footer_wrap .footer_right .footer_sns{flex-basis: auto;}
}

@media all and (max-width: 1280px){
	.section_01 .cont_03 .cont01 ul li:nth-child(1) a.list-wrap .img-wrap .wrap{padding-top:45.8%;}
	.section_01 .cont_03 .cont01 ul li:nth-child(2) a.list-wrap .img-wrap .wrap{padding-top:55%;}
}

@media all and (max-width: 1024px){
	.section_01 .cont_03 .cont01 ul li:nth-child(1) a.list-wrap .img-wrap .wrap{padding-top:47.917%;}
	.section_01 .cont_03 .cont01 ul li:nth-child(2) a.list-wrap .img-wrap .wrap{padding-top:57.5%;}
	.swiper2_wrap{flex-basis: 49.5%; height: 201px;}
}


@media all and (max-width: 950px){
	.main_search_area a{display: block; width: 100%; text-align: left;}
	.section_03 .book_list{width:100%;}
    .section_03 .swiper2 {border-radius: 13px;}
    .panels {min-height: calc(210px - 46px);}
    .section_01 .cont_02 {flex-basis: 49.5% !important;}
    .section_01 .cont_02 .top{margin: 0;}
    .section_01 .cont_03 {flex-basis: 49.5% !important;}
    .section_01 .cont_03 .cont01 ul li:nth-child(1) { flex:1.2;margin-right: 2%;}
    .section_01 .cont_03 .cont01 ul li:nth-child(2) {flex:1;}
    .section_01 .cont_03 .cont01 ul li:nth-child(1) a.list-wrap .img-wrap .wrap{padding-top:46.5%;}
    .section_01 .cont_03 .cont01 ul li:nth-child(2) a.list-wrap .img-wrap .wrap{padding-top:55.79%;}
    .section_03 .intro_wrap ul{margin: 0; flex-basis: 49.5% !important;}
    .section_03 .intro_wrap ul li{height: auto;}
    .section_03 .intro_wrap .img-wrap{flex-basis: 49.5% !important;}
    .section_03 .intro_wrap .img-wrap .wrap{padding-top:32%;}
    .section_03 .book_list {flex-basis: 49.5% !important;}
    .section_03 .list ul li a.list-wrap .img-wrap .wrap{padding-top: 149%;}
    .swiper2_wrap{flex-basis: 49.5%;}
    .m-nav .m-lnb &gt; li{float: left; position: relative; margin-right: 5%; padding-right: 5%;}

}

@media all and (max-width: 900px){
    .swiper2_wrap {flex-basis: 49.5% !important; border: 1px solid #ccc; border-radius: 13px;}
    .section_03 .swiper2{border:unset; width:auto !important; height: auto !important; padding: 5px 0;}
    .section_03 .swiper2{flex:auto; justify-content: center;}
    .swiper2 .swiper-wrapper{width: 100%; left:unset; max-height: 250px; height: 250px;}
    .swiper2 .swiper-slide{width: 100% !important;}	/* 중요 */
    .m-nav .m-lnb &gt; li{float: left; position: relative; margin-right: 3%; padding-right: 3%;}
    .main_sec_visual .swiper-button-area{margin-left: 0;}
    .main_sec_visual .swiper-pagination-bullet{width:50px;}
}

@media all and (max-width: 820px){
    .panels {min-height: calc(210px - 46px);}
    .section_01 .cont_02 {flex-basis: 49.5% !important;}
    .section_01 .cont_03 {flex-basis: 49.5% !important;}
    .section_01 .cont_03 .cont01 ul li:nth-child(1) { flex:1.2;margin-right: 1.7%;}
    .section_01 .cont_03 .cont01 ul li:nth-child(2) {flex:1;}
    .section_01 .cont_03 .cont01 ul li:nth-child(1) a.list-wrap .img-wrap .wrap{padding-top:48.75%;}
    .section_01 .cont_03 .cont01 ul li:nth-child(2) a.list-wrap .img-wrap .wrap{padding-top:58.5%;}
    .section_03 .intro_wrap ul{margin: 0; flex-basis: 49% !important;}
    .section_03 .intro_wrap ul li{height: auto;}
    .section_03 .intro_wrap .img-wrap{flex-basis: 49% !important;}
    .section_03 .list ul li a.list-wrap .img-wrap .wrap{padding-top:135%;}    
    .section_03 .book_list{width:100%;}
    /* .section_03 .cont02 .swiper2 .swiper_controller{bottom:10%;} */
    .section_03 .cont02 .swiper2 .swiper_controller{bottom:0%;}
    
    .tw373 {width: 349px;}/*373px 웹접근성*/
}

@media all and (max-width: 800px) {
    .section_01 .cont_02{padding : 22px 20px 22px 20px;}
    .section_01 .cont_03 .cont01 ul li:nth-child(1) a.list-wrap .img-wrap .wrap{padding-top:48%;}
    .section_01 .cont_03 .cont01 ul li:nth-child(2) a.list-wrap .img-wrap .wrap{padding-top:57.6%;}
}

@media all and (max-width: 780px){
	.section_01 .cont_02{padding : 20px;}
}

@media all and (max-width: 760px){
	/* .section_03 .cont02 .swiper2 .swiper_controller{bottom:10%;} */
	.section_03 .cont02 .swiper2 .swiper_controller{bottom:0%;}
	.m-nav .m-lnb &gt; li{float: left; position: relative; margin-right: 2%; padding-right: 3%;}
	.main_sec_visual .swiper-pagination-bullet{width:22px;}
}

@media all and (max-width: 720px) {
    .section_01 .cont_02{padding: 20px;}
    .section_01 .cont_03 .cont01 ul li:nth-child(1) a.list-wrap .img-wrap .wrap{padding-top:51.73%;}
    .section_01 .cont_03 .cont01 ul li:nth-child(2) a.list-wrap .img-wrap .wrap{padding-top:62.6%;}
    .section_03 .intro_wrap ul li a{padding-left:10px;}
    .section_03 .intro_wrap ul li a span{width: 36px; right:0;}
}

@media all and (max-width: 650px) {
	.section_01 .cont_03 .cont01 ul li:nth-child(1) a.list-wrap .img-wrap .wrap{padding-top:50.95%;}
	.section_01 .cont_03 .cont01 ul li:nth-child(2) a.list-wrap .img-wrap .wrap{padding-top:61%;}
	.section_01 .cont_02{padding: 15px 0px 15px 5px;}
	.section_01 .cont_02 .top h4{margin-right: 0;}
	.section_03 .intro_wrap ul li a{font-size: 14px;}
}

@media all and (max-width: 600px) {
	.section_01 .cont_02{padding: 12px 0px 12px 5px;}
	.section_01 .cont_02 .top h4{margin-right: 0;}
}

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

	.section_01 .cont_02{padding: 20px 5px;}
    .section_01 .cont_02 {flex-basis: 100% !important; margin-bottom: 20px !important;}
	.section_01 .cont_02 .top h4{margin-right: 20px;}
    .section_01 .cont_03 {flex-basis: 100% !important;}
    .section_01 .cont_03 .cont01 ul li {max-height: 100%;}
    .section_01 .cont_03 .cont01 ul li:nth-child(1) a.list-wrap .img-wrap .wrap{padding-top:48%;}
    .section_01 .cont_03 .cont01 ul li:nth-child(2) a.list-wrap .img-wrap .wrap{padding-top:57.6%;}
    .section_03 .intro_wrap ul{flex-basis: unset !important;}
    .section_03 .intro_wrap ul li{height: auto;}
    .section_03 .intro_wrap .img-wrap{flex-basis: unset !important;}
	.main_sec_visual{height:430px;}
	div#autoLayer {width: auto;left:0;}
    
    .section_03 .intro_wrap ul {display: none;}
    .section_03 .intro_wrap ul {flex-direction:unset; margin: 0;}
    .section_03 .intro_wrap ul li {width: 100%; height: 118px;}
    .section_03 .intro_wrap ul li.intro01 {margin-right:2%;}
    .section_03 .intro_wrap .img-wrap {margin-top: 0;}
    .section_03 .book_list .list.list01 {margin-bottom: 0;}
    /* .section_03 .cont02 .swiper2 .swiper_controller{bottom:8%;} */
    .section_03 .cont02 .swiper2 .swiper_controller{bottom:0%;}
    .swiper2 .swiper-wrapper {width: auto; height: auto;}
    .section_03 .swiper2{width:auto; height: 100%;}
    #footer_wrap .footer_site{width:45%;}
    
    .mw373 {width:373px;}
}

@media all and (max-width: 420px){
	/* .section_03 .cont02 .swiper2 .swiper_controller{bottom:9%;} */
	.section_03 .cont02 .swiper2 .swiper_controller{bottom:0%;}
	#footer_wrap .footer_right .footer_sns{flex-basis: 100%;}
	#footer_wrap .footer_site{width:65%;}
}

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

@media all and (max-width: 395px){
	.swiper2 .swiper-wrapper { max-height: 175px; width: 100%; height: unset; bottom: unset;}
	#footer_wrap .footer_site{width:63%;}
}

@media all and (max-width: 375px){
	
	.section_01 .cont-top ul.cont_01 li {width: 50%;padding: 12px 40px;position: relative;height: 50px;display: flex;align-items: center;background-color: #F2F7FB;border: 1px solid #B7BFC5; box-sizing: border-box; }
	.section_01 .cont-top ul li.info_01 { border-radius: 5px 0 0 0; }
	.section_01 .cont-top ul li.info_02 { border-radius: 0 5px 0 0; }
	.section_01 .cont-top ul li.info_03 { border-radius: 0 0 0 5px; }
	.section_01 .cont-top ul li.info_04 { border-radius: 0 0 5px 0; }
    .section_01 .cont_02 { flex-basis: 100% !important; margin-bottom: 20px !important; }
    .section_01 .cont_03 { flex-basis: 100% !important; }
    .section_01 .cont_03 .cont01 ul li:nth-child(1) {margin-right: 2%;}
    .section_03 .intro_wrap .img-wrap { flex-basis: 100%; }
    .section_03 .book_list{flex-direction: row;}
    .section_03 .book_list .list.list01{margin-right: 2%;}
    .section_03 .book_list .list ul li{margin-right: 5px;}
    .section_03 .swiper2 {padding: 0;}
    .section_03 .swiper2 {border:0px solid #fff; border-radius: 10px;}
    .swiper2 .swiper-wrapper {width: auto; height: auto; bottom: 0; max-height: unset;}
    
    .section_03 .cont02 .swiper2 .swiper_controller {bottom: 0;}
    .move-btn{position: relative; left: -1%;}
    #footer_wrap .footer_site{width:60%; left: -1%;}
}

@media all and (max-width: 330px){
	#footer_wrap .footer_site{width: 100%;}
	.move-btn{width: 100%; margin: 0 !important;}
	
	.main_search_area .visual_search input{font-size: 13px;}
	.section_01 .cont-top ul li a {font-size: 12px;}
	.section_02 .cont01 .tab-wrap .panels .panel-title ul li a{font-size: 13px;} 
	.section_03 .intro_wrap ul li{height: 100px;}
	.section_03 .intro_wrap ul li a{font-size: 13px; padding-left: 9px;}
	.section_03 .intro_wrap ul li a span{right: -40px;}
	.main_sec_visual .swiper-pagination-bullet{width:10px;}
}

@media all and (max-width: 300px){
	.main_search_area .visual_search input{font-size: 13px;}
	.section_01 .cont-top ul li a {font-size: 12px;}
	#footer_wrap .footer_site{width:100%; left: 0; margin: 0 0 1% 0;}
	.move-btn{left: 0;}
}
/**************************************************************************ui.main.css 끝**********************************************************/

/**************************************************************************IE11 전용 CSS 시작**********************************************************/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	.main_sec_visual .swiper_controller{width: 100%;}
	.section_01 .cont_02 .top ul li {display: inline-block;}
	.section_01 .cont_02 .top ul li.month span{padding : 4px 0 0 4px;}
	.section_01 .cont_02 .top ul li.day span{padding : 4px 0 0 3px; display: flex; /* justify-content: center; align-items: center; */}
	.section_01 .cont_02 .top ul li.day::before{margin-top: 2px;}
	.section_03 .intro_wrap ul{width: 105%;}
	.section_03 .book_list {width: 118%;}
	.section_03 .list ul li a.list-wrap .img-wrap{height: 147px;}
	.section_03 .list ul li a.list-wrap .img-wrap .wrap{padding-top: 0; height: 100%;}
	.swiper-slide .bg-shadow{background-color: rgb(0,0,0); opacity: 0.5;}
	select::-ms-expand{display: none;}
}

/**************************************************************************IE11 전용 CSS 끝**********************************************************/


@media screen and (max-width: 767px) {
    .main_sec_visual{height:408px;position: relative;}
}</pre></body></html>