@charset "utf-8";
@import url("layout.css");


/* 
  button Style
*/
.btn_box {padding:50px 0;}

.btn_more {font-family:'Noto Sans Medium';font-size:14px;line-height:1.6;color:#010101;}
.btn_more:before {display:inline-block;content:'';width:25px;height:4px;margin-right:10px;background:#00853e;vertical-align:middle;transition:margin .4s;}
.btn_more:hover:before, .btn_more.hover:before {margin-right:15px;}

.btn_square {display:inline-block;width:70px;height:70px;color:#fff;background:#0e9b50;box-shadow:rgba(0,0,0,0.2) 10px 10px 30px;}
.btn_square span {position:relative;display:block;text-align:center;}
.btn_square span:before, .btn_square span:after {display:inline-block;content:'';position:absolute;}
.btn_square span:before {top:35px;left:16px;width:24px;height:1px;background:#fff;}
.btn_square span:after {top:30px;left:45px;border:5px solid #fff;border-top-color: transparent;border-bottom-color: transparent;border-right-color: transparent;}

.btn_type_border {display:inline-block;width:280px;height:50px;border:1px solid #063c6d;color:#272727;line-height:50px;text-align:center;transition:all .4s;}
.btn_type_border:hover {background:#063c6d;color:#fff;}
.btn_type_border:before {display:inline-block;content:'';width:25px;height:4px;margin-right:15px;background:#00853e;vertical-align:middle;transition:all .4s;}
.btn_type_border:hover:before {background:#fff;}


/* 
  image icon Style 
*/
.imgIcon {    
    position: relative;
    display: inline-block;
}
.imgIcon:after { 
    content: "";
    display: inline-block;
    /*background: url(../img/common/icon.png) no-repeat;  */
}
.imgIcon.icon-overview-1:after { 
  width:93px; 
  height: 70px; 
  background-position: 0 -129px;
}

.en_txt {font-family: 'Open Sans', sans-serif;}






/*
  검색바
*/
.select_box_top { text-align: right;}
.select_box_top * {vertical-align: middle;}
.select_box_top > span { display: inline-block;}
.select_box_top .select { font-size: 0;}
.select_box_top .select .select-wrapper:before {top: 14px;}
.select_box_top .select select {height:50px; min-width: 190px;}
.select_box_top .search_in {width:400px; position: relative; border-bottom:1px solid #ddd;}
.select_box_top .search_in .placeholder {display: inline-block;}
.select_box_top .search_in .placeholder label {font-size: 16px; top: 13px; color: #777;}
.select_box_top .search_in .placeholder input { height: 50px; line-height: 50px; width: 340px; border:0; font-size:16px;}
.select_box_top .search_in .btn {color:transparent; display: inline-block; padding: 10px;}
.select_box_top .search_in .btn:before {
  content: "";
    position: absolute;
    top: 10px;
    right: 11px;
    text-indent: 100%;    
    white-space: nowrap;
    overflow: hidden;
    width: 21px;
    height: 21px;
    background: url(../img/common/icon.png) no-repeat;
    background-position: -478px -92px;
}

.top_search_box { background: #fff; text-align: right; padding: 20px 0;}
.top_search_box .select_box_con {display: inline-block;}
.top_search_box > span { display: inline-block;}
.top_search_box .select { font-size: 0; margin-right: 20px; border-bottom:1px solid #333;}
.top_search_box .select .select-wrapper:before {top: 10px;}
.top_search_box .select select {height:43px; min-width: 197px; font-size: 0.9rem; color:#777;}

.top_search_box .select.select_list {margin-right: 0; margin-left: 20px; background: #fff; border-bottom:1px solid #333;}
.top_search_box .select.select_list::before {
    content: "VIEW";
    display: inline-block;
    font-size: 0.85rem;
    vertical-align: middle;
    padding-right: 20px;
    padding-left: 10px;
}
.top_search_box .select.select_list select {min-width: 110px;}

.select_box_con { text-align: left;}
.select_box_con * {vertical-align: middle;}
.select_box_con > span { display: inline-block;}
.select_box_con .search_in {position: relative; padding-right: 50px;background: #fff; border-bottom: 1px solid #333;}
.select_box_con .search_in .placeholder {display: inline-block;}
.select_box_con .search_in .placeholder label {font-size: 0.85rem; top: 12px; color: #999;}
.select_box_con .search_in .placeholder input { 
  height: 45px; 
  line-height: 45px; 
  width: 340px; 
  border:0; 
  font-size:0.85rem; 
  border: none;  
  padding:0 15px; 
}
.select_box_con .search_in .btn {
  display: inline-block; 
  height: 45px;
  color: transparent;
  background: none;  
  line-height: 45px;  
  font-size: 0;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}
.select_box_con .search_in .btn::before {
    content: "\e86f";
    font-family: Linearicons-Free;    
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
    padding: 0 1rem;
    font-weight: normal;
    font-size: 1.2rem;
    text-indent:0;
}

/* thumb 리스트 타입 
********************************/
.thumb_list_table {border-top: 1px solid #b5b6b6; margin-top: -1px;}
.thumb_list_table ul {padding-bottom: 2rem;}
.thumb_list_table ul li {border-bottom: 1px solid #b5b6b6; padding: 1.6rem 0; display: table; width: 100%; position: relative;}
.thumb_list_table ul li a {display: block;}
.thumb_list_table ul li .thumb {display: table-cell; width:24%; /*background: url(../img/s_s_252x154.jpg) no-repeat center center; background-size: cover;*/}
.thumb_list_table ul li .thumb img {width:100%; max-width:252px; min-width: 170px;}
.thumb_list_table ul li .data_con {
    display: table-cell;
    position: relative;   
    text-align: left;
    vertical-align: middle;
    padding-left: 2rem;
}
.thumb_list_table ul li .data_con > p {padding-bottom: 0.5rem;}
.thumb_list_table ul li .data_con > p .box-label {font-size: 0.8rem;}
.thumb_list_table ul li dl {}
.thumb_list_table ul li dl dt {
  margin-bottom: 0.8rem; 
  font-size:1.2rem; 
  color: #222; 
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  padding-right: 60px;
  font-family:'Noto Sans Medium';
}
.thumb_list_table ul li dl dd {font-size: 0.9rem;}
.thumb_list_table ul li dl dd.subtxt {
  font-size: 1rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
   padding-right: 60px;
   margin-bottom: 5px;

}
.thumb_list_table ul li .plus_more {position: absolute; right: 0; top: 50%; margin-top: -25px;}
.thumb_list_table ul li .plus_more strong {display: inline-block; border:1px solid #ccc; padding: 0.9rem; font-size: 0; color: transparent; transition: all .2s;}
.thumb_list_table ul li .plus_more strong i {width: 14px; height: 14px; position: relative; display: block;}
.thumb_list_table ul li .plus_more strong i::before {
  content: "";
  width: 14px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 7px;
  background: #a0a0a0;
}
.thumb_list_table ul li .plus_more strong i::after {
  content: "";
  width: 1px;
  height: 14px;
  position: absolute;
  left: 7px;
  top: 0;
  background: #a0a0a0;
}
.thumb_list_table ul li a:hover .plus_more strong {
  border:1px solid #002f7b;
}



/*
  thumnail list
*/
ul.thumnail_list {overflow:hidden;margin:0 -1px;}
ul.thumnail_list>li {float:left;width:33.33333%;margin-bottom:60px;}
ul.thumnail_list>li:nth-child(3n+1) {clear:both;}
ul.thumnail_list>li .thumnail_box {overflow:hidden;padding:0 1px;}
ul.thumnail_list>li .thumnail_box .thumnail {position:relative;padding-top:30px;}
ul.thumnail_list>li .thumnail_box .box_label {display:block;position:absolute;top:0;left:-1px;width:90px;height:90px;font-family:'Noto Sans Medium';font-size:17px;color:#fff;line-height:90px;text-align:center;z-index:1;}
ul.thumnail_list>li:nth-child(3n) .thumnail_box .box_label {color:#063c6d;border:1px solid #063c6d;background:#fff;}
ul.thumnail_list>li:nth-child(3n+1) .thumnail_box .box_label {background:#107bbd;}
ul.thumnail_list>li:nth-child(3n+2) .thumnail_box .box_label {background:#063c6d;}
ul.thumnail_list>li .thumnail_box .thum_box {position:relative;width:100%;height:250px;overflow:hidden;margin-left:-1px;margin-bottom:25px;}
ul.thumnail_list>li .thumnail_box .thum_box img {display:inline-block;position:absolute;left:50%;top:50%;height:100%;width:auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);   transform: translate(-50%,-50%);}
ul.thumnail_list>li .thumnail_box .txt {font-size:16px;line-height:1.4;}


/*
  tab
*/
.type_tab {width: 100%;overflow: hidden;}
.type_tab li {display: block; float: left;}
.type_tab li a {display: block;text-align: center;background: #fff;padding: 16px 0;margin-left: -1px;font-size: 16px;border:1px solid #ccc;border-bottom:1px solid #666;color: #262626;cursor:pointer;}
.type_tab li:first-child a { margin-left: 0;}
.type_tab li.on a {color: #fff; background: #063c6d; border-color:#063c6d;}


/* 공통 아이템 요소들 
*********************/
.btn_navy {background: #002f7b; color: #fff !important; padding: 0.8rem 1.8rem; font-size: 0.85rem; transition: all .2s;}
.btn_navy:hover {background: #111;}
.btn_navy * {vertical-align: top;}
.btn_navy i { margin-left: 5px;}

.bg_tit {position: relative; padding-left: 4rem;}
.bg_tit span {position: relative; z-index: 2;}
.bg_tit::before {  
  content: "";  
  position: absolute;
  left: 0;
  bottom: 0;
  width: 300px;
  height: 18px;
  background: #edecea; 
  z-index: 1;
}
.bg_tit::after {  
  content: "";  
  position: absolute;
  left: 0;
  bottom: 0;
  height: 10px;
  width: 228px;
  background: #e1d7c5;
  z-index: 1;
}


.btn_arrow {position: relative; padding: 1rem 70px 1rem 2rem;}
.btn_arrow::before {
  content: "";  
  position: absolute;
  right: 10px;
  bottom: 50%;  
  width: 20px;
  background: #fff;
  z-index: 1;
  height: 1px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.btn_arrow::after {
  content:"";  
  position: absolute;
  right: 13px;
  top: 50%;  
  width: 40px;
  margin-top: 6px;  
  display: inline-block;
  z-index: 1;
  height: 1px;
  background: #fff;
}

.btn_bg_arrow {font-size:0.8rem; background: #000; border:1px solid #000; color: #fff !important;}
.btn_line_arrow {font-size:0.8rem; background: #fff; border:1px solid #000;}
.btn_line_arrow::after {background: #000;}
.btn_line_arrow::before {background: #000;}

.layout_body .grid_box h3 {font-size: 1.8rem; text-align: center; padding-bottom: 1rem; font-family: 'Noto Sans Medium'; color: #555555;}
.layout_body .grid_box h3 .tit_summary {font-size: 0.95rem; padding-top: 0.8rem; font-family: 'Noto Sans';}


.icomap {    
    position: relative;
    display: inline-block;
}
.icomap:after { 
    content: "";
    display: inline-block;
    background: url(../img/common/page_icon.png) no-repeat;  
    width:62px; 
    height:62px;
    vertical-align: middle;
}
.icomap.ico_map_subway:after {background-position: 0 -55px;}
.icomap.ico_map_bus:after {background-position: -65px -55px;}
.icomap.ico_map_train:after {background-position: -130px -55px;}

.icoguide {    
    position: relative;
    display: inline-block;
}
.icoguide:after { 
    content: "";
    display: inline-block;
    background: url(../img/common/page_icon.png) no-repeat;    
    vertical-align: middle;
}
.icoguide.ico_guide_time:after {background-position: 0 0; width: 40px; height: 40px;}
.icoguide.ico_guide_ticket:after {background-position: -58px 0; width: 46px; height: 40px;}
.icoguide.ico_guide_phone:after {background-position: -120px 0; width: 42px; height: 40px;}
.icoguide.ico_guide_note:after {background-position: -178px 0; width: 32px; height: 40px;}
.icoguide.ico_guide_info:after {background-position: -224px 0; width: 44px; height: 40px;}




/* 도서관 안내 
*******************/
.library {color: #222222;}
.library_con {}
.library_con .library_txt {padding: 0 4rem;}
.library_con .library_txt dl {}
.library_con .library_txt dl dt {font-size: 1.6rem; letter-spacing: -1px;}
.library_con .library_txt dl dt strong {font-family:'Nanum Myeongjo Bold';}
.library_con .library_txt dl dd {font-size: 0.9rem; padding:1.5rem 0; border-top: 1px solid #000; margin-top: 1.5rem; line-height: 1.7;}

.library_gal {padding: 1rem 0 2rem;}

.library_con .library_guide {padding: 1rem 4rem;}
.library_con .library_guide .tit {text-align:center; font-family:'Nanum Myeongjo Bold'; letter-spacing: -1px; padding: 1rem 0;}
.library_con .library_guide .bl_dot li {font-size: 0.9rem; padding-top: 3px; padding-bottom: 3px; padding-left: 0.5rem;}
.library_con .library_guide .bl_dot li::before {top: 13px;}

.library_con .slick-arrow {
  display: block; 
  width: 54px; 
  height: 54px; 
  background: #fff; 
  position: absolute; 
  z-index: 41; 
  top: 50%; 
  margin-top: -27px; 
  cursor: pointer;
  font-size: 0;
  color:transparent;
  font-family:Linearicons-Free;
  speak:none;
  font-weight:400;
  font-variant:normal;
  text-transform:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  vertical-align: top;
}
.library_con .slick-arrow.slick-prev {left: 0;}
.library_con .slick-arrow.slick-next {right: 0;}
.library_con .slick-arrow.slick-prev::before {content: "\e875"; color: #000; font-size: 1.6rem; text-indent: -2px; display: inline-block;}
.library_con .slick-arrow.slick-next::before {content: "\e876"; color: #000; font-size: 1.6rem; text-indent: 2px; display: inline-block;}

.gal_view {padding:0 0 1rem; line-height: 0;}
.gal_thumb {text-align: center;}
.gal_thumb > ul {display: inline-block;}
.gal_thumb > ul li {padding: 6px;}
.gal_thumb > ul li a {position: relative; display: block; width: 148px;}
.gal_thumb a::before {
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 55;  
  background:rgba(0,0,0,.3);
  transition: all .3s;
  border:4px solid transparent;
}

.gal_thumb .slick-current a::before {
  background: none;
  border:4px solid #c5a86f;
}
.gal_thumb > ul li a img {}  
.library_con .button_group {padding: 3rem 0;}
.space_con .button_group a {margin:0 .5rem;}




/* 문화나눔 
*********************/
.numum_con {display: table; width: 100%; padding: 1.8rem 0;}
.numum_con .comimg {width: 50%;}
.numum_con .comimg img {max-width: 100%;}
.numum_con dl dt {font-size: 1.4rem; color: #222222; padding: 1rem 1.2rem; font-family: 'Nanum Myeongjo Bold';  border-bottom: 1px solid #000; letter-spacing: -2px;}
.numum_con dl dt strong {  
  color: #8c1e01; 
  text-transform: uppercase;    
  font-family: 'Noto Sans Medium';
}
.numum_con dl dd {font-size: 0.85rem; color: #222; padding: 1rem 1.2rem; line-height: 1.8;}
.numum_con dl dd.hashtxt { color: #777777; font-size: 16px;}
.numum_con .contxt {width: 50%; padding-top: 2rem;}

.numum_con.cont_left {position: relative;} 
.numum_con.cont_left .comimg {float: right;}
.numum_con.cont_left .contxt {float: left; text-align: right; }
.numum_con.cont_right .comimg {float: left;}
.numum_con.cont_right .contxt {float: right; text-align: left;}
.numum_summary {text-align: center; padding: 1.5rem 0; font-size: 0.9rem; color: #222;}

/* 오시는 길 
*********************/
.location_map {}
.location_map .mapview {background: #efefef; height: 450px;}
.location_map .mapcon_box {
  margin: 3rem 0; 
  border-top: 3px solid #b5b6b6; 
  border-bottom: 1px solid #b5b6b6; 
  padding: 2rem 0;
  display: table; 
  width: 100%;
}
.location_map .mapview img {max-width: 100%;}
.location_map .mapcon_box .left_sec {display: table-cell; vertical-align: middle; padding-right: 2rem;}
.location_map .mapcon_box .right_sec {display: table-cell; min-width: 220px; vertical-align: bottom; text-align: right;}

.location_map .mapcon_box dl {}
.location_map .mapcon_box dl dt {font-size: 1.1rem; color: #555; font-family: 'Noto Sans Medium';}
.location_map .mapcon_box dl dt strong {display: block; font-size: 1.2rem;}
.location_map .mapcon_box dl dd {font-size: 0.9rem; padding-top: 0.5rem;}
.location_map .mapcon_box dl dd strong {}

.location_map .mapcon_box .right_sec a.btn_bg_arrow {width: 100%; text-align: left;}
.location_map .mapguide {}
.location_map .mapguide ul {}
.location_map .mapguide ul li {background: #f4f4f4; border-bottom: 1px solid #fff;}
.location_map .mapguide ul li dl {display: table; width: 100%; table-layout: fixed;}
.location_map .mapguide ul li dl dt {display: table-cell; font-size: 1rem; text-align: left; width: 210px; vertical-align: middle; padding: 0.7rem 2rem; font-family: 'Noto Sans Medium';}
.location_map .mapguide ul li dl dt i {display: inline-block; margin-right: 1.5rem; vertical-align: middle;}
.location_map .mapguide ul li dl dd {display: table-cell; vertical-align: middle; padding-right: 1rem;}
.location_map .mapguide ul li dl dd p {font-size: 0.85rem;}
.location_map .foot_summary {font-size: 0.85rem; padding: 1rem 0;}


/* 공간소개
*********************/
.space_table {padding: 1rem 0;}



/* Main
**********************/
.main_container {max-width: 1600px; margin:0 auto; position: relative; overflow: hidden;}
.visual_sec {position: relative;}
.visual_sec .main_container {overflow: hidden; line-height: 0; max-height: 440px;}
.visual_sec .visual_slide {}` 
.visual_sec .visual_slide a {display: block; overflow: hidden;}
.visual_sec .visual_slide .slide_con {position: relative; background: #583d23;}
.visual_sec .visual_slide .slide_con p {opacity: 0;}
.visual_sec .visual_slide .visual_1 .mobj_1 {position: absolute; left: 6.2%; top: 17%; z-index: 31;}
.visual_sec .visual_slide .visual_1 .mobj_2 {position: absolute; left: 10%; top: 60%; z-index: 31;}
.visual_sec .visual_slide .visual_2 .mobj_1 {position: absolute; left: 6.2%; top: 15%; z-index: 31;}
.visual_sec .visual_slide .visual_2 .mobj_2 {position: absolute; left: 6.2%; bottom: 12%; z-index: 31;}
.visual_sec .visual_slide .slide_con .img {}
.visual_sec .visual_slide .slide_con .bg {  
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 30;
}
.visual_sec .visual_slide .visual_1 .bg {
  background: -webkit-linear-gradient(left, rgba(88,61,35,1) 0%, rgba(88,61,35,1) 33%, rgba(88,61,35,0) 100%);  
  background: -ms-linear-gradient(left, rgba(88,61,35,1) 0%, rgba(88,61,35,1) 33%, rgba(88,61,35,0) 100%);
  background: linear-gradient(to right, rgba(88,61,35,1) 0%, rgba(88,61,35,1) 33%, rgba(88,61,35,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#583d23', endColorstr='#583d23', GradientType=1);
}
.visual_sec .visual_slide .visual_2 .bg {
  background: -webkit-linear-gradient(left, rgba(35,70,88,1) 0%, rgba(35,70,88,1) 33%, rgba(35,70,88,0) 100%);  
  background: -ms-linear-gradient(left, rgba(35,70,88,1) 0%, rgba(35,70,88,1) 33%, rgba(35,70,88,0) 100%);
  background: linear-gradient(to right, rgba(35,70,88,1) 0%, rgba(35,70,88,1) 33%, rgba(35,70,88,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#234658', endColorstr='#234658', GradientType=1);  
}

.visual_sec .visual_slide .slide_con .img img {max-width: 100%;}
.visual_sec .control {position: absolute; right: 0; bottom: 0; background: #fff; padding: 1rem 3rem;}
.visual_sec .control ul {display: table; width: 170px; table-layout: fixed; position: relative;}
.visual_sec .control ul::before {
  content: "";
  width: 2px;
  height: 13px;
  background: #ddd;
  left: 50%;
  top: 50%;
  margin-top: -7px;
  position: absolute;
}
.visual_sec .control ul li {display: table-cell; width: 50%; text-align: right;}
.visual_sec .control ul li a {display: block; color: transparent; font-size: 0; border-bottom: 2px solid #e3e3e3; padding: 1rem 0; transition: all .2s;}
.visual_sec .control ul li a i {font-size: 1rem; color: #5a5a5a;}
.visual_sec .control ul li:first-child a {text-align: left;}
.visual_sec .control ul li a:hover {border-bottom-color:#002f7b;}

.news_letter {background: url(../img/main/news_letter_bg.jpg) no-repeat center 0; background-size: cover; padding: 4rem 0;}
.news_letter .news_letter_tit {text-align: center; padding: 1rem 0; font-size: 1.6rem; color: #fff; /*font-family: 'Nanum Myeongjo';*/}
.news_letter .news_letter_tit .ico-square {display: inline-block; padding:0 10px;}
.news_letter .news_letter_tit .ico-square::before {
  content: "";
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  background: #fff;
  display: inline-block;
  vertical-align: middle;
}
.news_letter .news_letter_tit span {font-size: 1rem; display: block; padding-top: 10px;}
.news_letter .form_con {position: relative; padding-right: 270px; margin-top: 2rem;}
.news_letter .form_con dl {display: table; width:100%;}
.news_letter .form_con dl dt {display: table-cell; vertical-align: middle; color: #fff; font-size: 1rem; width:120px; padding-left: 15px; text-align: center;}
.news_letter .form_con dl dd {display: table-cell;}
.news_letter .form_con dl dd .placeholder {width: 100%;}
.news_letter .form_con dl dd .placeholder input {width: 100%; height: 60px;}
.news_letter .form_con dl dd .placeholder label {top:15px;}
.news_letter .form_con .go_submit {position: absolute; right: 0; top: 0;}
.news_letter .form_con .go_submit a {display: block; width: 240px; font-size: 1rem; text-align: center; background: #c5a86f; height:60px; line-height: 60px; color: #fff;}
.news_letter .agree_btm {padding-left: 10px; font-size: 1rem; color: #fff; padding-top: 1.5rem;}
.news_letter .agree_btm label {vertical-align: top;}
.news_letter .agree_btm a {color: #fff; display: inline-block; font-size: 0.9rem; margin-left: 20px; position: relative; padding: 0 0 3px;}
.news_letter .agree_btm a::before {
  content: "";
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}
.news_letter .agree_btm a i {font-size: 0.87rem;}

.main_map {}
.main_map .main_container {display: table; width: 100%;}
.main_map .map_info {display: table-cell; width: 462px; vertical-align: middle; padding: 3rem 1.5rem 2rem 0;}
.main_map .map_info .map_info_tit {text-align: left; padding: 1rem 0; font-size: 1.4rem; color: #222;}
.main_map .map_info .map_info_tit .ico-square {display: inline-block; padding:0 10px;}
.main_map .map_info .map_info_tit .ico-square::before {
  content: "";
  width: 4px;
  height: 4px;
  transform: rotate(45deg);
  background: #222222;
  display: inline-block;
  vertical-align: middle;
}

.main_map .map_info ul {}
.main_map .map_info ul li {padding: 5px 0;}
.main_map .map_info dl {}
.main_map .map_info dl dt {display: table-cell; white-space: nowrap; font-size: 0.85rem; color: #222; font-size: 0.87rem; padding-right: 10px;}
.main_map .map_info dl dd p {padding-top: 10px;}
.main_map .map_info dl dd p * {vertical-align: middle;}
.main_map .map_info dl dd p a {display: inline-block; border-bottom: 1px solid #222; padding-bottom: 5px;}
.main_map .map_info dl dd {display: table-cell; font-size: 0.85rem; color: #222; padding-left: 20px; word-break: break-all; position: relative;}
.main_map .map_info dl dd::before {
  content: "";
  width: 4px;
  height: 4px;
  transform: rotate(45deg);
  background: #03317d;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 8px;
}
.main_map .map_info dl dd::after {
  content: "";
  width: 4px;
  height: 4px;
  transform: rotate(45deg);
  background: #b5b6b6;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 12px;
}
.main_map .map_info dl dd a {}
.main_map .map_info dl dd a i {}
.main_map .map_info dl dd a.btn_cal::after {
  content: "";
}
.main_map .map_info dl dd.phone_num {font-size: 1rem;}
.main_map .map_view {display: table-cell; position: relative;}
.main_map .map_view .map_view_box { position: absolute; left: 30px; top: 30px; background: #fff; padding: 2rem; z-index: 81;}
.main_map .map_view .map_view_box dt {font-size: 1.4rem; color: #222; padding: 0.5rem 0;}
.main_map .map_view .map_view_box dd {font-size: 0.9rem; color: #222;}


.notice_top .pin {font-size: 1.2rem;}
.notice_top .pin i {transform: rotate(-90deg); display:inline-block;}
.notice_table td a i {display: inline-block; color: #c5a86f; margin-left: 0.3rem; font-size: 1rem;}

.main_grid_box {padding: 1.5rem 0;}
.main_grid_box h2.gal_tit {padding: 2rem 0; text-align: center; font-size: 1.3rem; font-family: 'Nanum Myeongjo Bold'; color: #000;}
.main_grid_box h2.gal_tit span {display: inline-block; position: relative; padding: 0 2rem;}
.main_grid_box h2.gal_tit span::before{
    content: "";
    width: 7px;
    height: 7px;
    background: #000;
    display: inline-block;
    transform: rotate(45deg);  
    position: absolute;
    right: -5px;
    top: 50%; 
    margin-top: -3px; 
}
.main_grid_box h2.gal_tit span:last-child::before { display: none;}
.main_grid_box h2.gal_tit span a {display: inline-block;}

.article_area {display: table; table-layout: fixed; width: 100%; padding: 1rem 0;}
.article_area h2 {position: relative; font-family: 'Nanum Myeongjo Bold'; color: #000; font-size: 1.2rem; margin-bottom: 1rem;}
.article_area h2 .plus_more {display: inline-block; transition: all .2s; position: absolute; right:0; top: 0; font-size: 0.87rem; font-family: 'Noto Sans';}
.article_area h2 .plus_more i {width: 12px; height: 12px; position: relative; display: inline-block; margin-left: 10px;}
.article_area h2 .plus_more i::before {
  content: "";
  width: 12px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 5px;
  background: #000;
}
.article_area h2 .plus_more i::after {
  content: "";
  width: 2px;
  height: 12px;
  position: absolute;
  left: 5px;
  top:0;
  background: #000;
}
.article_area h2.cal_tit {margin-bottom: 0;}
.article_area .left_con {display: table-cell; width: 33.3333%; padding-right: 3rem;}
.article_area .right_con {display: table-cell; width: 66.6666%; padding-left: 3rem; border-left: 1px solid #e1e1e1;}

.article_area .notice_box {}
.article_area .notice_box .notice_list li {position: relative; line-height: 1.8; padding: 0.6rem 0; border-bottom: 1px solid #ddd;}
.article_area .notice_box .notice_list li a {
  font-size: 0.87rem;   
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-align: left;
}
/*.article_area .notice_box .notice_list li::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #000;
    display: inline-block;
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 16px;
}*/
.article_area .notice_box .notice_list li dl {display: table; width: 100%; table-layout: fixed;}
.article_area .notice_box .notice_list li dl dt {display: table-cell;}  
.article_area .notice_box .notice_list li dl dd {display: table-cell; width: 110px; font-size: 0.87rem; text-align: right;}

.article_area .calendar_wrap {display: table; width: 100%; table-layout: fixed;}
.article_area .calendar_wrap .schedule_cal {display: table-cell; vertical-align: top; padding-right: 3rem;}
.article_area .calendar_wrap .schedule_list_con {display: table-cell; width: 55%; padding-top: 2rem; vertical-align: top;}
.article_area .calendar_wrap .schedule_list {overflow: hidden; height: 315px;}
.article_area .calendar_wrap .schedule_list li {  
}
.article_area .calendar_wrap .schedule_list li > div{
text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-align: left;
  border-bottom: 1px solid #ddd;
  padding: 0.6rem 0;
}

.article_area .calendar_wrap .schedule_list li a {font-size: 0.87rem; display: block; overflow: hidden;}
.article_area .calendar_wrap .schedule_list li span { margin-right: 1rem; font-size: 0.75rem;}

.schedule_cal .month_nav {position:relative; background: #fff; text-align: center; padding: 0.5rem 0;}
.schedule_cal .month_nav * {vertical-align:middle;}
.schedule_cal .month_nav > a {
  display:inline-block; 
  text-indent:-9999em; 
  font-size:0; 
  width:44px; 
  height:44px;
  position: absolute; 
  text-align: center; 
  background: #dddddd;
  border-radius: 44px;
  top: 13px;
}
.schedule_cal .month_nav > a:after {
  content:"";
  display: inline-block;
  font-family:FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6rem;
  color: #222222;
  opacity: .5;
  z-index: 10;
  text-indent: 0;
}
.schedule_cal .month_nav > a.prev_month {left: 0;}
.schedule_cal .month_nav > a.next_month {right: 0;}
.schedule_cal .month_nav > a.prev_month:after {content:"\f104"; text-indent: -4px;}
.schedule_cal .month_nav > a.next_month:after {content:"\f105"; text-indent: 2px;}
.schedule_cal .month_nav > a:hover::after {opacity: 1;}
.schedule_cal .month_nav .nowmonth_txt {font-size:1.8rem; color:#222; font-family: 'Open Sans', sans-serif; font-weight: 600; display:inline-block;}
.schedule_cal .month_nav .nowmonth_txt strong {font-size:2.2rem;}
.calendar_con .schedule_cal .month_nav * {vertical-align:bottom;}
.calendar_con {}
.calendar_con.loading {  
  background:#fff url(../img/common/ajax-loader.gif) no-repeat center center;  
}
.schedule_cal .carendar_tbl { width: 100%; table-layout: fixed; border-top:1px solid #666666; clear: both;}
.schedule_cal .carendar_tbl th {
  font-size: 0.75rem; 
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  padding: 0.5rem 0; 
  color: #262626; 
  background: #f1f1f1;
  border:1px solid #ddd;
}
.schedule_cal .carendar_tbl td {border:1px solid #ddd; position:relative;}
.schedule_cal .carendar_tbl td .data_date { padding: 0.3rem; text-align: center; color: #777777; font-family:Arial, Helvertica, sans-serif; font-size: 0.8rem;}
.schedule_cal .carendar_tbl td .data_date.sun { color: #db1535; }
.schedule_cal .carendar_tbl td .date_box {padding: 2px 3px;}
.schedule_cal .carendar_tbl.page_cal td .date_box {min-height:120px;}
/*.schedule_cal .carendar_tbl td .date_box.today::before {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border:1px solid #2d5cbc;
}*/
.schedule_cal .carendar_tbl td .date_box .data_date strong {display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 30px;}
.schedule_cal .carendar_tbl td .date_box.today .data_date strong {background: #002f7b; color: #fff;}
.schedule_cal .carendar_tbl td .data_con {padding:5px 15px; word-break: break-word;}
.schedule_cal .carendar_tbl td .data_con>a { display: block; position: relative; }
.schedule_cal .carendar_tbl td .data_con .data_cate {}
.schedule_cal .carendar_tbl td .data_con .data_cate .cate {display: inline-block; border-radius: 12px; padding: 3px 14px; color: #fff; font-size: 12px;}
.schedule_cal .carendar_tbl td .data_con .data_cate .cate.cate_play {background: #2c8dde;}
.schedule_cal .carendar_tbl td .data_con .data_cate .cate.cate_view {background: #2d5cbc;}
.schedule_cal .carendar_tbl td .data_con .data_title { padding: 5px 0; line-height: 1.7; max-height: 4em; color: #777777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word; }
.schedule_cal .carendar_tbl td .date_more { display: block; position: relative; margin: 5px auto 15px; width: 111px; height: 31px; line-height: 31px; border: 1px solid #282d41; border-radius: 16px; text-align: center; color: #222222; font-size: 12px; }

.schedule_cal .carendar_tbl td .data_icon {display: block; text-align: center;}
.schedule_cal .carendar_tbl td .data_icon > span {display: inline-block; padding: 0.5rem 2px 1rem;}
.schedule_cal .carendar_tbl td .data_icon > span a {
  display: inline-block; 
  width: 12px; 
  height: 12px; 
  border-radius: 12px; 
  font-size: 0; 
  display: inline-block; 
  color: transparent; 
  text-indent: -9999em; 
  overflow: hidden;
  background: #9f8a57;
}
.schedule_cal .carendar_tbl td .data_icon > span.round-red a {background: #ca6d75;}
.schedule_cal .carendar_tbl td .data_icon > span.round-navy a {background: #7cacc5;}
.schedule_cal .carendar_tbl td .data_icon > span.round-yellow a {background: #9f8a57;}
.schedule_cal .carendar_tbl td .data_icon > span.round-black a {background: #b96dca;}


.schedule_cal .carendar_tbl .data_layer {
    position: absolute;
    display: block;
    margin-left: 50%;
    z-index: 99;
    width: 200px;
    -webkit-box-shadow: 0px 0px 23px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 23px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 23px 2px rgba(0,0,0,0.3);
    display: none;
}
.schedule_cal .carendar_tbl .data_layer .closex {position: absolute; right: 2px; top: 0;}
.schedule_cal .carendar_tbl .data_layer .closex a {display: inline-block; color: #fff;}
.schedule_cal .carendar_tbl .data_layer dt {
    display: block;
    font-size: 0.9rem;   
    color: #fff;
    padding: 1rem;
    background: #9f8a57;
}
.schedule_cal .carendar_tbl .data_layer dt.label-red {background: #ca6d75;}
.schedule_cal .carendar_tbl .data_layer dt.label-navy {background: #7cacc5;}
.schedule_cal .carendar_tbl .data_layer dt.label-yellow {background: #9f8a57;}
.schedule_cal .carendar_tbl .data_layer dt.label-black {background: #b96dca;}
.schedule_cal .carendar_tbl .data_layer dd {
    padding: 0.8rem 1rem;
    display: block;
    background: #fff;
    border-top: 1px solid #ddd;
    font-size: 0.85rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.schedule_cal .carendar_tbl .data_layer dd i {display: inline-block; position: relative;}
.schedule_cal .carendar_tbl .data_layer dd i:after { 
    content: "";
    display: inline-block;
    background: url(../img/common/sns_icon_sm.png) no-repeat;  
    vertical-align: middle;
    margin-right: 3px;
}
.schedule_cal .carendar_tbl .data_layer dd i:after { 
  width:20px; 
  height:20px; 
  background-position: 0 -30px;
}
.schedule_cal.main_carendar .carendar_tbl td .data_date {font-size: 12px; padding:0.1rem 0.2rem;}
.schedule_cal.main_carendar .month_nav {padding: 0 0 0.2rem;}

.tab_choice {float: right; overflow: hidden; padding: 1rem 0;}
.tab_choice li {
    display: inline-block;
    margin-left: 10px;
}
.tab_choice li i {font-size: 0.9rem; vertical-align: middle; padding-right: 5px;}
.tab_choice li a.btn {
    border: 1px solid #002f7b;
    background: #fff;
    color: #222;
    display: inline-block;
    font-size: 14px;
    padding: 8px 20px;
}
.tab_choice li.on a {
    color: #fff;
    background: #002f7b;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #002f7b;
    border-image: initial !important;
}

.calendar_empty {
    padding: 1.5rem 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    clear: both;
    text-align: center;
    font-size: 1rem;
  }



/* 
  공지사항 뷰 
*/
.board_tit {padding: 1.2rem 1.5rem; border-top: 2px solid #b5b6b6; border-bottom: 1px solid #b5b6b6; margin-top: 1rem;}
.board_tit dt {font-size: 1.12rem; color: #202020;}
.board_tit dd {padding:0.5rem 0 0; font-size: 0.87rem;}
.board_tit dd span {color: #222; display: inline-block; padding-right: 10px; margin-left: 25px;}
.board_tit dd span:first-child {margin-left:0;}

.gal_board_tit {padding: 1.2rem 0; border-top: 2px solid #b5b6b6; border-bottom: 1px solid #b5b6b6; margin-top: 1rem; display:table; width: 100%; table-layout: fixed;}
.gal_board_tit > div {display: table-cell; vertical-align: middle; width: 90px; text-align: left;}
.gal_board_tit > div > span {}
.gal_board_tit dl {display: table-cell; padding-right: 1.5rem;}
.gal_board_tit dt {font-size: 1.12rem; color: #202020;}
.gal_board_tit dd {padding:0.5rem 0 0; font-size: 0.87rem; color: #222;}


.board_file_in {border-top: 1px solid #b5b6b6; margin-top: 2rem;}
.board_file_in dl {display: table; width: 100%; border-bottom: 1px solid #b5b6b6;}
.board_file_in dt {color: #222; display: table-cell; width: 140px; background: #f1f1f1; font-size: 0.87rem; padding: 0.8rem 1.5rem; text-align: center;}
.board_file_in dd {display: table-cell; font-size: 0.87rem; padding: 0.8rem 1.5rem;}
.board_file_in dd a {display: inline-block; padding: 3px 0; color: #777;}
.board_file_in dd a i {}
.board_file_in dd a * { vertical-align: middle;}
.board_file_in dd a:hover {text-decoration: underline; color: #222;}

.board_data { background: #f5f5f5; padding: 2rem 1.5rem; min-height: 300px; font-size:0.87rem; margin-top: 2rem;}
.board_data p {text-align:inherit; padding-bottom: 20px;}

.board_nav { border-top: 1px solid #222222; border-bottom: 1px solid #222222;}
.board_nav dl {display: table; width: 100%; border-bottom: 1px solid #ddd; table-layout: fixed;}
.board_nav dl dt {display: table-cell; width: 140px; text-align: center; vertical-align: middle; padding: 1rem 0; font-size: 0.9rem; color: #222222;}
.board_nav dl dd {
  display: table-cell; 
  vertical-align: middle; 
  padding: 1rem 1.5rem; 
  line-height: 2; 
  font-size: 0.87rem; 
  word-break: break-all;
  text-overflow: ellipsis; 
  -webkit-box-orient: vertical; 
}
.board_nav dl dd.date {color: #777; width: 120px; font-size: 0.87rem; vertical-align: middle; text-align: right; padding-right: 20px;}
.board_nav dl dd a {color: #333; display:block;}
.board_nav dl.data_nav_prev dt {}   
.board_nav dl.data_nav_prev dt::before {
    content: "\e873";
    font-family: Linearicons-Free; 
    font-size: 0.87rem;
    color: #222222;
    display: inline-block;
    vertical-align: middle;
    padding-right:10px;
    margin-top: -6px;
}
.board_nav dl.data_nav_next dt {}
.board_nav dl.data_nav_next dt::before {
    content: "\e874";
    font-family: Linearicons-Free; 
    font-size: 0.87rem;
    color: #222222;
    display: inline-block;
    vertical-align: middle;
    padding-right:10px;
    margin-top: -6px;
}
.board_btn {text-align: right; padding: 50px 0 0;}
.page_board .btn_list {background: #000; color: #fff; padding: 0.7rem 3rem; font-size: 1rem;}

.calendar_con .event_con {border-top:2px solid #b5b6b6; margin-top: 2rem; clear: both;}
.calendar_con .event_con .cal_event_list {}
.calendar_con .event_con .cal_event_list dl {display: table; width: 100%; table-layout: fixed; border-bottom:1px solid #e9e9e9;}
.calendar_con .event_con .cal_event_list dt {display: table-cell; width: 130px; padding: 0.7rem 1rem; font-size: 0.87rem; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: 600;}
.calendar_con .event_con .cal_event_list dd {display: table-cell; padding: 0.7rem 1rem; font-size: 0.9rem; vertical-align: middle;}
.calendar_con .event_con .cal_event_list a {background: #fff; display: block;}
.calendar_con .event_con .cal_event_list a:hover {background: #ecf3ff;}
.calendar_con .event_con .cal_event_list dd.tit {font-size: 1rem; color: #000;}
.calendar_con .event_con .cal_event_list dd.cate {width: 100px; padding-right: 5px; white-space: nowrap; vertical-align: middle;}
.calendar_con .event_con .cal_event_list dd.btnin {width: 140px; text-align: center;}
.calendar_con .event_con .cal_event_list dd.btnin .box-detail {display:inline-block; padding:5px 10px;  font-size: 0.85rem; background: #fff;}



/* 
  이용/대관안내
*/
.info_guide_con {border-bottom: 1px solid #b5b6b6; padding: 2rem 3rem; font-size:0.87rem;}
.info_guide_con.first {border-top: 3px solid #b5b6b6;}
.info_guide_con .guide_tit {font-size: 1.1rem; color: #000; font-family:'Noto Sans Medium'; white-space:nowrap;}
.info_guide_con .guide_tit * {vertical-align: middle;}
.info_guide_con .guide_tit i { display: inline-block; margin-right: 1rem;}
.info_guide_con .left_sec {display: table-cell; vertical-align: middle; padding: 0 1.5rem;}
.info_guide_con .right_sec {display: table-cell; padding: 0 1rem;}
.info_guide_con .right_sec p {text-align: right; padding-top: 1rem;}
.info_guide_con .right_sec > dl {display: table; width: 100%; table-layout: fixed; padding-bottom: 0.3rem;}
.info_guide_con .right_sec > dl > dt {display: table-cell; width: 60px;}
.info_guide_con .right_sec > dl > dt span { font-size: 0.8rem;}
.info_guide_con .right_sec > dl > dd {display: table-cell;}
.info_guide_con ul.col-2x {display: table; width: 100%; table-layout: fixed; padding: 0 1.5rem;}
.info_guide_con ul.col-2x li {width: 50%; display: table-cell;}

.info_guide_con .bl_square {}
.info_guide_con .bl_square li {position: relative; padding-left: 0.8rem; line-height: 1.8;}
.info_guide_con .bl_square li a {font-size: 0.75rem; padding: 0.1rem 0.8rem; display: inline-block; margin-left: 1rem;}
.info_guide_con .bl_square li::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #000;
    display: inline-block;
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 11px;
}
.info_guide_con .bl_alert {}
.info_guide_con .bl_alert li {}
.info_guide_con .bl_square li strong {color:#002f7b; text-decoration: underline;}

.info_guide_con > dl {display: table; table-layout: fixed; width: 100%;}
.info_guide_con > dl > dt {display: table-cell; padding: 0 1rem; width: 200px;}
.info_guide_con > dl > dd {display: table-cell; font-size: 1rem; color: #000;}

.info_guide_con .guide_step {width: 100%; overflow: hidden; margin-top: 1.5rem;}
.info_guide_con .guide_step li {position: relative; width: 33.3333%; float: left; padding: 0 1.5rem;}
.info_guide_con .guide_step li::before{
    content: "\e876";
    font-family: Linearicons-Free;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 22px;
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -12px;
    color: #000;
}
.info_guide_con .guide_step li:last-child::before {display: none;}
.info_guide_con .guide_step li dl {border:1px solid #bcbcbc; text-align: center; padding: 1rem 0;}
.info_guide_con .guide_step li dt {padding-bottom: 0.5rem;}
.info_guide_con .guide_step li dd {}
.info_guide_con .pagelogo {vertical-align: middle;}

/* 
  SITE MAP 
*/
.sitemap {}
.sitemap_list {border-top: 3px solid #b5b6b6; border-bottom: 3px solid #b5b6b6; margin-top: 1rem;}
.sitemap_list > li {border-bottom: 1px solid #b5b6b6; padding: 2rem 0;}
.sitemap_list > li:last-child {border-bottom: 0;}
.sitemap_list > li > dl {display: table; table-layout: fixed; width: 100%;}
.sitemap_list > li > dl > dt {display: table-cell; width: 190px; padding: 0 2rem; font-size: 1rem;}
.sitemap_list > li > dl > dt > a {color: #000;}
.sitemap_list > li > dl > dd {display: table-cell;}
.sitemap_list > li > dl > dd > ul {}
.sitemap_list > li > dl > dd > ul > li {display: inline-block; padding: 0 1rem; font-size: 0.92rem;}
.sitemap_list > li > dl > dd > ul > li > a {display: block; color: #777777; padding:0.5rem 0.2rem;}
.sitemap_list a:hover {text-decoration: underline; color: #000;}

/* 
  재단 소개
*/
.foundation {}
.foundation .foundation_txt {padding:0 4rem;}
.foundation .foundation_txt dl {}
.foundation .foundation_txt dl dt {font-size: 1.6rem; letter-spacing: -1px;}
.foundation .foundation_txt dl dd {font-size: 0.9rem; padding:0 0 1.5rem; border-bottom: 1px solid #000; margin-top: 1rem; line-height: 1.7; color: #222222;}
.foundation .foundation_txt dl dd strong {color: #000;}
.foundation .foundation_img {padding:2.5rem 0;}
.foundation .foundation_img img {max-width: 100%;}
.foundation .foundation_txt dl dd p.en_txt {color: #b0b0b0; letter-spacing: 1px;}
.foundation .foundation_txt dl.foundation_info dd {border-bottom: 0; border-top: 1px solid #000; padding-top: 1.5rem;}


/* 개인정보 취급방침 */
.privacy_wrap {color: #777;} 
.privacy_wrap h4 { border-bottom: 1px solid #777777; padding: 1rem 0; margin-bottom: 0.5rem; font-size: 1rem; color: #222; font-family:'Noto Sans Medium';}
.privacy_wrap h5{ padding: 0.6rem 0; font-size: 1rem; color: #222; font-family:'Noto Sans Medium';}
.privacy_wrap .privacy_con {padding: 1.5rem 0; height: 500px; overflow-y: scroll;}
.privacy_wrap .privacy_con p {padding: 0.5rem 0; line-height: 1.8; text-align: left; font-size: 0.85rem;}
.privacy_wrap .summary_box p.subtit {color: #222; font-size: 1rem; text-align: left;}

.privacy_wrap .summary_box {}
.privacy_wrap .privacy_con dl {display: table; width: 100%; padding: 0.5rem 0;}
.privacy_wrap .privacy_con dl dt {white-space: nowrap; color: #222; font-family:'Noto Sans Medium';}
.privacy_wrap .privacy_con dl dd {}
.privacy_wrap .privacy_con p.sub_tit {color: #222; font-size: 1.8rem; text-align: left;}
.privacy_con  ol.num_list {list-style-type: decimal; padding-left: 20px;}
.privacy_con  ol.num_list > li { padding: 0.2rem 0; line-height: 1.8; font-size: 0.85rem;}
.privacy_con  ol.num_list > li .tit_data_con { padding: 1rem 0;}
.page_layout .privacy_con .tit_data_con {padding: 1rem 0 !important;}
.privacy_con  ol.num_list > li > ul {}
.privacy_con  ol.num_list > li > ul > li {}
.privacy_con  ol.num_list > li > .bl_dot>li:before {top: 13px;}

.privacy_con .bl_kor {}
.privacy_con .bl_line>li {font-size: 0.85rem;}
.privacy_con .bl_line>li:before {top: -3px;}
.privacy_con .bl_line>li ul.bl_dot>li:before {top: 1.3rem;}

.privacy_con ol.num_list > li > ul.bl_kor > li {padding-left: 20px; position: relative;}
.privacy_con .bl_kor > li:before {content: ''; position: absolute; left: 0;}
.privacy_con .bl_kor > li.num_1:before {content: '가.';}
.privacy_con .bl_kor > li.num_2:before {content: '나.';}
.privacy_con .bl_kor > li.num_3:before {content: '다.';}
.privacy_con .bl_kor > li.num_4:before {content: '라.';}
.privacy_con .bl_kor > li.num_5:before {content: '마.';}
.privacy_con .bl_line>li {line-height: 1.8;}

.privacy_wrap .privacy_con.h4_no {margin-top:5rem; padding-bottom:0;}
.privacy_wrap .privacy_con dl.mt_yes {margin-top:1.5rem;}
ol.circle_list>li {position:relative; padding:0.2rem 0 0.2rem 20px; line-height:1.8;}
ol.circle_list>li::before {display:block; position:absolute; left:0; top:1px;}
ol.circle_list>li:nth-child(1)::before {content:'\2460';}
ol.circle_list>li:nth-child(2)::before {content:'\2461';}
ol.circle_list>li:nth-child(3)::before {content:'\2462';}
ol.circle_list>li:nth-child(4)::before {content:'\2463';}
ol.circle_list>li:nth-child(5)::before {content:'\2464';} 
ol.circle_list>li:nth-child(6)::before {content:'\2465';} 
ol.circle_list>li:nth-child(7)::before {content:'\2466';} 
ol.circle_list>li:nth-child(8)::before {content:'\2467';} 
ol.circle_list>li:nth-child(9)::before {content:'\2468';} 

.privacy_con .common_tb_row thead th {font-size: 0.85rem; white-space: normal;}
.privacy_con .common_tb_row tbody td {font-size: 0.85rem;}


@media screen and (max-width:1640px){
  .main_container {padding: 0 15px;}
  .header_con {padding: 0 15px;}
  .header_con .gnb_depth_1 {padding-right: 100px;}

}

@media screen and (max-width:1280px){
  .visual_slide .txt {margin-top:-230px;padding:0 40px;}
  .visual_slide .txt .copy {font-size:52px;}

  .visual .box_con.box1 {margin-top:-190px;}
  .visual .box_con.box2 {margin-top:65px;}
  .visual .box_con.box3 {margin-top:65px;}

  .visual_slide .slick-arrow.slick-prev {left:40px;}
  .visual_slide .slick-arrow.slick-next {left:200px;}

  .visual .page_info {left:67px;}

  .main_grid_box h2.gal_tit {padding: 1rem 0; font-size: 1.2rem;}
  ul.thumb_list > li a dl dt {font-size: 1rem;}
  .article_area .right_con {padding-left: 2rem;}
  .article_area .left_con {padding-right: 2rem;}
  .article_area .calendar_wrap .schedule_cal {padding-right: 2rem;}
  .news_letter {padding: 3rem 0;}
  .main_map .map_view .map_view_box { right: 0; bottom: 0; left: inherit; top: inherit;}

}


@media screen and (max-width: 1024px) {
  .layout_body .grid_box h3 {font-size: 1.6rem;}
 .gal_thumb > ul {display: block;}
 .slide_view img {max-width: 100%;}
 .library_con .library_txt {padding: 0 2rem;}  
 .library_con .library_txt dl dt {font-size: 1.4rem;}
 .foundation .foundation_txt dl dt {font-size: 1.4rem;}
 .bg_tit::before {bottom: inherit; top: 20px;}
 .bg_tit::after {bottom: inherit; top: 28px;}
 .library_con .button_group {padding: 1rem 2rem;}

.slick-slide img {width: 100%}
.visual_sec .visual_slide .visual_1 .mobj_1 {width: 217px;}
.visual_sec .visual_slide .visual_1 .mobj_2 {width: 199px;}
.visual_sec .visual_slide .visual_2 .mobj_1 {width: 180px;}
.visual_sec .visual_slide .visual_2 .mobj_2 {width: 168px;}
.main_map .map_info {width: 40%;}

.sitemap_list {border-top-width: 2px; border-bottom-width: 2px;}
.sitemap_list > li {padding: 1rem 0;}
.sitemap_list > li > dl > dt {width: 150px; padding: 0 1.5rem;}

.foundation .foundation_txt {padding:0 2rem;}

.hidden_menu {display: none;}



 /* 
  게시판 검색바 
 */
 .top_search_box {text-align: center;}
 .select_box_con .search_in .placeholder {width: 100%;}
 .top_search_box .select {margin-right: 10px;}
 .top_search_box .select.select_list {margin-left: 10px;}
 .top_search_box .select select {min-width: 110px;}
 .select_box_con .search_in .placeholder input {width: inherit; max-width: 300px; min-width: 150px;}

 .tab_boxtype {margin-bottom: 1rem;} 
 .gal_board_tit > div {text-align: center;}

 .main_grid_box h2.gal_tit {padding: 1rem 0; font-size: 1.1rem;}
 .visual_sec .control {padding: 1rem 1.5rem 0;}
 .visual_sec .control ul li a {padding: .5rem 0 1rem;} 
 ul.thumb_list > li a dl dt {font-size: 1rem;} 
 .news_letter .form_con .go_submit a {width: 150px;}
 .news_letter .form_con {padding-right: 160px;}
 .news_letter .form_con dl dt {width: 100px;}
}

@media screen and (max-width: 960px) {
  .article_area .notice_box {padding-bottom: 1.5rem;}
  .article_area .left_con {display: block; width: 100%; padding-right: 0;}
  .article_area .right_con {display: block; width: 100%; padding-left: 0; border-left: 0; border-top: 1px solid #ddd; padding-top: 1.5rem;}
}

@media screen and (max-width:768px) {
   .layout_body .grid_box h3 {font-size: 1.5rem;}
  .bg_tit {padding-left: 0;}
  .library_con .library_txt dl dt {font-size: 1.2rem;}
  .library_con .library_txt {padding: 0 1rem;} 
  .library_con .library_guide {padding: 1rem 0;}
  .library_con .slick-arrow {width: 38px; height: 38px; margin-top: -19px;}
  .library_con .slick-arrow.slick-prev::before, .library_con .slick-arrow.slick-next::before {font-size: 1.2rem;}   
  .gal_view {padding-bottom: 0.3rem;}
  .gal_thumb > ul li a {width: 110px; min-width: 110px;}
  .gal_thumb > ul li {padding:3px;}  
  .gal_thumb > ul li a img {}  
  .library_con .btn_line_arrow, .library_con .btn_bg_arrow {display:block; margin-bottom: 0.5rem;}

  /* 썸네일 리스트 */
  .thumb_list_table {border-top: 0;}
  .thumb_list_table ul li {padding: 1rem 0;}
  .thumb_list_table ul li .data_con {padding-left: 1rem;}
  .thumb_list_table ul li dl dt {font-size: 1rem;}
  .thumb_list_table ul li .thumb img {width: 100%;}

  .top_search_box {padding: 1rem 0 0;}
  .top_search_box .select.select_list::before {display: none;}
  .top_search_box .select_box_con {display:table; table-layout: fixed; width: 100%;}
  .top_search_box .select_box_con > span {display: table-cell;}
  .top_search_box .select_box_con > span:first-child {width: 28%;}
  .top_search_box .select_box_con > span:last-child {width: 20%;}
  .select_box_con > span.search_in {}
  .top_search_box .select select {min-width: 100px;}

  .board_btn {padding: 2rem 0 0;}
  .board_nav dl dt {width: 100px; padding: 0.8rem 0;}
  .board_file_in dt {width: 100px;}
  .board_nav dl dd {padding: 0.8rem 1rem;}
  .library_gal {padding-bottom: 1rem;}

 /* 오시는길 */
 .location_map .mapcon_box {margin: 1.2rem 0; padding: 1rem 0;}
 .location_map .mapcon_box .left_sec { display: block; padding-right: 0; padding-bottom: 1rem;}
 .location_map .mapcon_box .right_sec {display: block; text-align: right;}
 .location_map .mapcon_box .right_sec a.btn_bg_arrow {display: inline-block; width: inherit;}
 .location_map .mapguide ul li dl dt {padding: 1rem 1.5rem; width: 150px;}
 .location_map .mapguide ul li dl dd {padding:1rem 1.5rem 1rem 0;}
 .icomap:after {background-size: 200px 200px; width: 31px; height: 31px;}
 .icomap.ico_map_subway:after {background-position: 0 -27px;}
 .icomap.ico_map_bus:after {background-position: -32px -27px;}
 .icomap.ico_map_train:after {background-position: -65px -27px;}

 .icoguide:after {background-size: 200px 200px;}
 .icoguide.ico_guide_time:after {background-position: 0 0; width: 20px; height: 20px;}
 .icoguide.ico_guide_ticket:after {background-position: -29px 0; width: 23px; height: 20px;}
 .icoguide.ico_guide_phone:after {background-position: -60px 0; width: 21px; height: 20px;}
 .icoguide.ico_guide_note:after {background-position: -89px 0; width: 16px; height: 20px;}
 .icoguide.ico_guide_info:after {background-position: -112px 0; width: 21px; height: 20px;}


 /* 
  이용/대관안내 
 */
 .info_guide_con {padding: 1.5rem 1rem;}
 .info_guide_con .left_sec {display: block; padding: 0; padding-bottom: 1rem;}
 .info_guide_con .right_sec {display: block; padding: 0;}
.info_guide_con .right_sec p {text-align: right; padding-top: 0.5rem;}
 .info_guide_con .guide_tit * {vertical-align: top;}
 .info_guide_con .guide_tit i {margin-right: 0.5rem;}
 .info_guide_con ul.col-2x {padding: 0;}
 .info_guide_con > dl {width: inherit;}
 .info_guide_con > dl > dt {padding: 0; display: inline-block; width:inherit;}
 .info_guide_con > dl > dd {display: inline-block; padding-left: 1rem;}
 .info_guide_con .guide_step {display: flex; flex-wrap: nowrap; flex-direction: row;}
 .info_guide_con .guide_step li {padding: 0 0.5rem; flex:1; width: inherit; float: none;}
 .info_guide_con .guide_step li:first-child{padding-left: 0;}
 .info_guide_con .guide_step li:last-child{padding-right: 0;}
 .info_guide_con .guide_step li::before {font-size: 1rem; right: -7px; margin-top: -8px;}

.pagelogo {vertical-align: middle;}

 .visual_sec .control ul {width: 120px;}

 .news_letter {padding: 2rem 0;}
 .news_letter .form_con {margin-top: 1rem;}
 .news_letter .form_con .go_submit a {width: 120px; height: 50px; line-height: 50px;}
 .news_letter .form_con dl dd .placeholder input {height: 50px;}
 .news_letter .form_con {padding-right: 130px;}
 .news_letter .form_con dl dt {width: 80px;}
 .news_letter .news_letter_tit {font-size: 1.2rem;}

 .visual_sec .visual_slide .visual_1 .mobj_1 {width: 181px;}
 .visual_sec .visual_slide .visual_1 .mobj_2 {width: 166px;}
 .visual_sec .visual_slide .visual_2 .mobj_1 {width: 166px;}
 .visual_sec .visual_slide .visual_2 .mobj_2 {width: 139px;}

 .foundation .foundation_txt {padding:0 1rem;}
}

@media screen and (max-width:640px) { 
  .numum_con {margin-top: 1rem; padding:0.5rem 0;}
  .numum_con .comimg {display: block; width: 100%;}
  .numum_con .comimg img {width: 100%;}
  .numum_con .contxt {display: block; width: 100%; padding-top: 1rem;} 
  .numum_con dl dt {text-align: left; font-size: 1.2rem; letter-spacing: 0;}
  .numum_con dl dd {text-align: left;}  

  .visual_sec .control {left: 0; top: 50%; background: none; z-index: 90; transform: translate(0,-50%);}
  .visual_sec .control ul {width: 100%; display: block; position: relative;}
  .visual_sec .control ul::before {display: none;}
  .visual_sec .control ul li {display: block;} 
  .visual_sec .control ul li a {color: #fff; border-bottom: 0;} 
  .visual_sec .control ul li a#SlidePrev {position: absolute; left: 0; top: 0;}
  .visual_sec .control ul li a#SlideNext {position: absolute; right: 0; top: 0;}
  .visual_sec .control ul li a i {color: #fff; font-size: 1.5rem;}
  .lnr-arrow-left:before {content: "\e875";}
  .lnr-arrow-right:before {content: "\e876";}


  .main_map .map_info {width:100%; display: block;}
  .main_map .map_view {display: block;}
  .article_area .calendar_wrap .schedule_cal {padding-right: 0; display: block;}
  .article_area .calendar_wrap > div {display: block;}
  .article_area .calendar_wrap .schedule_list {display: block; width: 100%; padding-top: 0.5rem; height: inherit;}
  .news_letter .form_con {padding-right: 0;}
  .news_letter .form_con dl dd .placeholder input {height: 45px;}
  .news_letter .form_con dl dd .placeholder label {top: 12px;}
  .news_letter .form_con .go_submit {position: static; float: right; margin-top: 1rem;}
  .news_letter .form_con .go_submit a {height: 45px; line-height: 45px;}
  .main_map .map_view .map_view_box {padding: 1rem; bottom: 2.5rem; right: 1rem;}
  .main_map .map_view {padding-bottom: 2rem;}
  .main_map .map_view .map_view_box dt {font-size: 1.2rem;}
  .article_area .notice_box .notice_list li dl dd {width:70px;}

  .visual_sec .main_container {padding: 0;}
  .visual_sec .control {padding:1rem 0;}

  .calendar_con .event_con .cal_event_list dd.cate {width:80px;}
  .calendar_con .event_con .cal_event_list dd.btnin {display: none;}

}

@media screen and (max-width:480px) {
   .layout_body .grid_box h3 {font-size: 1.3rem; padding-bottom:0.5rem;}
   .top_search_box .select.select_list {display: none;}
   .thumb_list_table ul li dl dt {-webkit-line-clamp: 2;}      
   .thumb_list_table ul li .thumb {display: block; width: 100%;}
   .thumb_list_table ul li .thumb img {max-width: 100%;}
   .thumb_list_table ul li .data_con {display: block; padding-left: 0; padding-top: 0.7rem;}
   .thumb_list_table ul li .plus_more {bottom: 2.5rem; top: inherit; margin-top:0;}
   .thumb_list_table ul li .plus_more strong {padding: 0.5rem;}

   .gal_board_tit > div {display: block; width: inherit; text-align: left; padding-bottom:.5rem;}
   .gal_board_tit dl {display: block;}

   .location_map .mapguide ul li dl dt {display: block; width: inherit;}
   .location_map .mapguide ul li dl dt i {margin-right: 0.5rem;}
   .location_map .mapguide ul li dl dd {display: block; padding: 0 1.5rem 1rem 1.5rem;}

   .info_guide_con ul.col-2x li {display: block; width: 100%; padding: 0.3rem 0;}

  .news_letter .form_con {text-align: right;}
  .news_letter .form_con .go_submit {float: none; display: inline-block;}
  .news_letter .form_con dl dt {display: block; width: 100%; padding:0.2rem 0; text-align: left;}
  .news_letter .form_con dl dd {display: block; width: 100%; padding:0.2rem 0;}

   .main_map .map_info {padding: 1rem;}
   .main_map .map_view .map_view_box {position: static;}

  .gal_thumb > ul li a {width: 80px; min-width: 80px;}
  .gal_thumb > ul li {padding:2px;} 

  .sitemap_list > li > dl > dt {display: block; width: 100%; padding: 0 0.6rem;}
  .sitemap_list > li > dl > dd {display: block; padding: 0.5rem 0.5rem 0;}
  .sitemap_list > li > dl > dd > ul {margin:0 -1rem;}

   .foundation .foundation_txt {padding:0;}
   .foundation_info img {max-width:70%;}

   .calendar_con .event_con .cal_event_list dl {position: relative;}
   .calendar_con .event_con .cal_event_list dt {width:inherit; padding-right:0; padding-left: 0; display: block;}
   .calendar_con .event_con .cal_event_list dd {display: block; padding-left: 0; padding-right: 0;}
   .calendar_con .event_con .cal_event_list dd.cate {padding-top: 0; padding-bottom: 0;}
   .calendar_con .event_con .cal_event_list dd.btnin {width: 0;}
   .calendar_con .event_con .cal_event_list dd a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    font-size: 0;
    color: transparent; 
    z-index: 1;   
    display: block;
  }
  
  .visual_sec .visual_slide .mobj_1 {width: 120px !important;}
  .visual_sec .visual_slide .mobj_2 {width: 100px !important;}

}