@charset "utf-8";
/* 게시판 공통 */
.content-area .sub-content {max-width: 1420px; margin: 0 auto; padding: 0px 0px;}
.list-img-area-box>img{width: 100%;}
.part-list-area>li.no-page-info{width: 100% !important;}
.total-search-info{padding-bottom: 200px;}
.tab-item>p>img{width:100%; height:100%}
.exhibition-list>ul>li.none-list-item{padding: 50px 10px;}
.list-none-title{font-family:'notokr-regular'; font-size: 16px; color: #767676; padding:10px 0; text-align: center;}
.link-plus{display: block; width: 100%; height: 100%; position: relative;}
.tab-item.event-item{padding: 60px 0px 0 0px !important;}
.news-part.mb-none{margin-top:0 !important}
.part-content>p>img{max-width: 100% !important; height: auto !important;}
.codeCopyright>div{display: table !important;}
.codeCopyright>div>div{display: table-cell !important;}
.codeCopyright>div>div:first-child{position: relative !important;}
.codeCopyright>div>div:last-child{padding-left: 40px !important; vertical-align: middle;}
.list-pointer.new{width: 160px; height: 40px; background:url(../images/new_img_opentype.png) center no-repeat; background-size: 160px 40px; }
.tab-item.new{padding: 20px;}
.video{width: 126px; height: 126px; background:url(../images/m_viedo.png) center no-repeat; background-size: 126px 126px; position: absolute;
left: 50%;top: 50%;transform: translate(-50%, -50%);}

/* 마이크로사이트 */
.micro-btn{margin-bottom: 100px !important;}
.micro-list{border-top:solid 2px #333333;}
.micro-list>li{padding:15px; box-sizing: border-box; border-bottom: solid 1px #cccccc;}
.micro-list>li::after{content: ''; display: block; clear: both;}
.micro-list-type1{float: left; width: 280px;}
.micro-list-type1>img{width: 100%; height: 100%;}
.micro-list-type2{float: left; width: calc(100% - 310px); padding: 30px 0 30px 30px; box-sizing: border-box;}
.micro-part-title{font-family:'notokr-regular'; font-size: 15px; color: #50301b;}
.micro-str-list::after{content: ''; display: block; clear: both;}
.micro-str-list>li{float: left;}
.micro-str-list>li:first-child{font-family:'notokr-medium'; font-size: 21px; color: #333333; font-weight: normal;}
.micro-str-list>li:first-child>strong{font-weight: normal;}
.micro-list-type2>a{display: block; color: #999999; font-family:'notokr-regular'; font-size: 16px; padding-top:4px}
.micro-info-title{padding-top: 18px; font-family:'notokr-regular'; font-size: 16px; line-height: 24px; color: #737373; word-break: keep-all;}
.micro-new{width:16px; height: 16px; margin: 7px 0 0 10px; background: url(../images/new_ico_03.png) center no-repeat; background-size: 18px 18px;} 

/* 자원봉사 */
.part-list.info>li>a{width:auto;}
.part-list.info>li>a.on{width: auto;}
.part-list.news{border-top:0 !important; }
.part-list.news>li{border-top:solid 1px #ccc}
.child-title.left{text-align: left; padding: 42px 0 30px 0;}
.sub-child-title.left{text-align: left; padding-bottom: 82px;}
.voluntee-wrap::after{content: ''; display: block; clear: both;}
.vol-title{width: 310px; float: left; border-top:solid 2px #333333; padding-top:40px}
.vol-info-wrap{width: calc(100% - 340px); margin-left: 30px; float: left; border-top:solid 2px #333333; padding-top:40px}
.vol-title>h4{font-family:'notokr-medium'; padding-bottom: 10px; font-weight: normal; display: block; font-size: 24px; color: #333333}
.vol-title>a{display: block; font-family:'notokr-regular'; font-size: 18px;}
.vol-title>a>span{width: 18px; height: 18px; margin-left: 5px; position: relative;top:2px; display: inline-block; background: url(../images/file_down_img.png) center no-repeat; background-size: 18px 18px;}
.vol-info-box>li{display: table; margin-bottom: 30px;}
.vol-info{display: table-cell; width: 180px; font-family:'notokr-medium'; font-size: 18px; font-weight: normal;}
.vol-info2{display: table-cell; font-family:'notokr-regular'; line-height: 26px; font-size: 18px; color: #737373;}
.vol-info2>li{display: table; position: relative;}
.vol-info2>li>span{position: absolute; width: 3px; height: 3px; top:9px; background-color: #737373; display: table-cell;}
.vol-info2>li>p{display: table-cell; padding-left: 8px;}
.color2{color: #d71114;}
.color3{color:#50301b}
.color4{color:#f29520}
.vol-info3>span{width: 16px; height: 12px; margin-right: 4px; display: inline-block; background: url(../images/tell_ico.png)center no-repeat;  background-size:16px 12px ;}
.mi-title.group.vol>a{margin-top:10px}
.no-line{border-top:0 !important; margin-top:40px; padding-bottom: 160px;}
.mi-title.group.vol2>a{width: 255px;}

/* 어박 TV */
.tv-wrap{margin-top:60px; padding-bottom: 160px;}
.tv-wrap::after{content: ''; display: block; clear: both;}
.tv-wrap>li{float: left;}
.tv-wrap>li:first-child{ width: 674px;}
.tb-img>img{width: 100%;}
.tv-wrap>li:last-child{width: calc(100% - 734px); padding:38px 0  0 60px;}
.tv-title{font-family: 'Noto Sans KR', sans-serif; font-weight: normal; font-weight: 100; font-size: 52px; line-height: 62px;}
.tv-title>span.tv-type1{font-family:'notokr-DemiLight'; font-weight: normal;}
.tv-contents{font-family:'notokr-regular'; font-size: 16px; color: #737373; line-height: 26px; display: block; padding: 16px 0 0px 0;}
.mi-title.group.tv>a{width: 284px;}

/*비전과 미션  */
.vision-wrap{margin-top:60px;  border-bottom:solid 1px #cccccc}
.vision-wrap::after{content: ''; display: block; clear: both;}
.vision-info{float: left; width:670px; }
.vision-img{float: left; width: calc(100% - 670px); text-align: center;}
.vision-img-1{float: left; width: calc(100% - 670px); text-align: right;}
.vision-box-info>li{margin-bottom: 90px;}
.vision-box-info>li>strong{font-family:'notokr-medium'; font-size: 24px; color: #222222; font-weight: normal; margin-bottom: 10px; display: block;}
.vision-title{font-family: 'Noto Sans KR', sans-serif; font-size: 48px; font-weight: 100; color: #222222; line-height: 62px;}
.vision-title>span{display: inline-block; font-family: 'notokr-DemiLight';}
.vision-img1{width: 100%; height: 118px; margin-top:30px; background: url(../images/vision_img2.png) left no-repeat; background-size: cover;}
.vision-wrap.anthem{border-bottom:0; padding-bottom: 60px;}
table.vision-tbl{width: 100%; margin-top:23px; border-collapse: collapse; border-top:solid 2px #cccccc}
table.vision-tbl>tbody>tr>th{padding: 34px 0; font-family:'notokr-medium'; color: #50301b; font-size: 16px; border-bottom: solid 1px #dddddd;}
table.vision-tbl>tbody>tr>td{padding: 34px 0; font-family:'notokr-regular'; color: #737373; font-size: 16px; border-bottom: solid 1px #dddddd;}
table.vision-tbl>tbody>tr>td>ul>li{display: table; }
table.vision-tbl>tbody>tr>td>ul>li>span{display: table-cell;}
table.vision-tbl>tbody>tr>td>ul>li>p{display: table-cell; padding-left: 3px;}
.anthem-wrap::after{content: ''; display: block; clear: both;}
.anthem-wrap>li{float: left;}
.anthem-wrap>li:first-child{width: 179px;}
.anthem-wrap>li:last-child{width: calc(100% - 225px); padding:66px 0 0 42px; box-sizing: border-box;}
.anthem-info>strong{font-family:'notokr-medium'; font-size: 24px; color: #000000; display: block; font-weight: normal; }
.anthem-info>h3{font-family:'notokr-DemiLight'; font-weight: normal; font-size: 52px; color: #50301b; display: block; padding-bottom: 20px;}
.anthem-info>p{font-family:'notokr-regular'; font-size: 16px; color: #737373; line-height: 26px; margin-bottom: 26px;}
.sont-title{border-bottom: solid 1px #dddddd; padding: 0 23px 10px 23px; position: relative;}
.sont-title::after{content: ''; display: block; clear: both;}
.sont-title>li:first-child{float:left ; display: block; color: #333333; font-size: 52px;  font-family: 'Noto Sans KR', sans-serif; font-weight: 100;}
.sont-title>li:last-child{float: right;}
.sont-title2::after{content: ''; display: block; clear: both;}
.sont-title2{padding-top:44px}
.sont-title2>li{float: left; margin-right: 33px;}
.sont-title2>li:last-child{margin-right: 0;}
.sont-title2>li>p{font-family:'notokr-medium'; font-size: 18px; font-weight: normal;}
.sont-title2>li>p>span{padding-right: 8px;}
.sing-song-box{padding: 30px 23px 0 23px; text-align: left;}
.sing-song-box>li{display: block; padding-bottom: 20px; text-align: left; font-family:'notokr-regular'; font-size: 16px; color: #737373; line-height: 26px;}
.vision-img.song{padding-left: 60px;}
.pc-anthem{display: block;}
.mobile-anthem{display: none;}
.vision-wrap.anthem{padding: 0 20px; box-sizing: border-box;}



/* 건축소개 */
.arch-img{position: relative;}
.swiper-slide.arch{height: 430px !important;}
.architecture-wrap{margin-top:60px; padding-bottom: 160px}
.architecture-wrap::after{content: ''; display: block; clear: both;}
.architecture-wrap>li:first-child{width: 674px; float: left;}
.architecture-wrap>li:last-child{width: calc(100% - 734px); float: left; padding-left: 60px;}
table.arch-tbl{width: 100%; border-collapse: collapse; border-top:solid 2px #333333}
table.arch-tbl>tbody>tr>th{padding: 22px 0 22px 0; text-align: center; color: #50301b; font-family:'notokr-medium'; font-weight: normal; font-size: 16px; border:solid 1px #dddddd; border-left: 0;}
table.arch-tbl>tbody>tr>td{padding: 22px 0 22px 30px; color: #737373; font-family:'notokr-regular'; text-align: left; font-weight: normal;  font-size: 16px; border:solid 1px #dddddd; border-right: 0;}
table.arch-tbl>tbody>tr>td>ul{display: table-cell;}
table.arch-tbl>tbody>tr>td>ul>li{position: relative;}
table.arch-tbl>tbody>tr>td>ul>li>span{display: table-cell; position: absolute; top:9px; width: 3px; height: 3px; background-color: #737373;}
table.arch-tbl>tbody>tr>td>ul>li>p{display: table-cell; padding-left: 8px;}
.arch-img>img{width: 100%;}
.arch-info{font-family: 'Noto Sans KR', sans-serif; font-weight: 100; font-size: 30px; line-height: 40px; color: #222222; padding-top:50px}
.arch-info>span{font-family:'notokr-DemiLight'; font-weight: normal; display: inline-block;}

/* 통합검색 */
.search-img{text-align: center;}
.search-img>img{width: 100%; height: 100%;}
.total-result{font-size: 26px; font-family:'notokr-regular'; font-weight: normal; text-align: center; padding-top:40px }
.total-result>span{font-family:'notokr-medium'; font-weight: normal; color: #50301b; }
.main-search::after{content: ''; display: block; clear: both;}
.swiper-slide.search{height: auto !important; width: 11%; }
.swiper-slide.search>a{font-family: 'NanumSquare'; display: block; font-weight: bold; font-size: 21px; color: #333333; text-align: center; padding-bottom: 16px; }
.swiper-slide.search>a.on{font-family: 'NanumSquare'; display: block;  font-weight: bold; color: #50301b; border-bottom: solid 3px #50301b;}
.tab-type2{margin-top:148px; }
.swiper-wrapper.seacrch{width: 1400px;}
.tab-type2::after{content: ''; display: block; width: 100%; height: 2px; background-color:#444444;position: relative;top: -2px;}
.tab-wrap{margin-bottom: 60px;}
.staff{padding: 0px 0 108px 0; position: relative; }
.total-title{font-family:'notokr-medium'; font-weight: normal; font-size: 30px; color: #333333;}
.size1{font-size: 20px;}
.color1{color: #50301b;}
.staff-info>li{padding:38px 0 30px 0; border-bottom:solid 1px #cccccc}
.staff-info>li>strong{font-family:'notokr-medium'; display: block; font-weight: normal; font-size: 24px; color:#333; padding-bottom: 15px;}
.staff-info2::after{content: ''; display: block; clear: both;}
.staff-info2>li{float: left; font-family:'notokr-regular'; font-weight: normal; font-size: 16px; color: #737373;}
.search-color{color: #50301b;}
.staff-info2>li::before{content: ''; display: inline-block; width: 1px; height: 14px; background: #cccccc; margin: 0 20px;}
.staff-info2>li.first-il::before{display: none;}
.tell-info>span{ width: 18px; height: 19px; display: inline-block;     position: relative;
top: 2px;
 /* background: url(/userContent/images/common/ico/search_tell_img.png) center no-repeat; */
  background-size: 18px 19px; margin-right: 8px;}
.staff-info2>li:last-child>span{ width: 18px; height: 16px; display: inline-block;     position: relative;
top: 0px;
 /* background: url(/userContent/images/common/ico/search_mail_img.png) center no-repeat;  */
 background-size: 18px 16px;margin-right: 8px;}
.search-more-btn{position: absolute; font-weight: normal; right:0; bottom:75px; display: block; font-family:'notokr-medium'; font-size: 16px; color: #333333;}
.search-more-btn>span{width: 8px; height: 13px; margin-left: 6px; position: relative; top:-2px; vertical-align: middle; display: inline-block; background: url(../images/more_search_btn_img.png) center no-repeat; background-size: 8px 13px;}
.search-intro-info>li>div{padding: 30px 0; border-bottom:solid 1px #cccccc}
.search-intro-info>li>div>strong{font-family:'notokr-medium'; font-weight: normal; font-size: 21px; color: #333333; display: block; padding-bottom:8px ;}
.search-font{font-size: 16px; line-height: 30px; color: #737373; font-family:'notokr-regular'; word-break: keep-all;}
.search-font.date{padding-top: 5px;}
.search-intro{position: relative; padding: 0px 0 108px 0;}
.search-img-info.full{width: 100% !important;}
.search-img-info-title{margin-bottom: 10px;}
.search-img-info-title::after{content: ''; display: block; clear: both;}
.search-img-info-title>li{float: left; font-family:'notokr-medium'; font-weight: normal; font-size: 21px; color: #333333;}
.search-img-info-title>li::after{content: ''; display: inline-block; width: 2px; height: 20px; background-color: #50301b; margin: 0 10px; position:relative; top:2px} 
.search-img-info-title>li:last-child::after{display: none;}
.search-news-box>li{padding-bottom: 30px; border-bottom: solid 1px #cccccc}
.search-news-box>li::after{content: ''; display: block; clear: both;}
.search-news-box>li{padding: 15px 0;}
.search-img{float: left; width:227px; height: 170px; margin-right: 30px; box-sizing: border-box; text-align: center;}
.search-img-info{float: left; width: calc(100% - 257px); padding-bottom: 20px; }
.search-news{position: relative; padding: 0px 0 108px 0;}
.total-title.news{margin-bottom: 13px;}
.search-exhibition{position: relative; padding: 0px 0 108px 0;}
.total-title.exhibition{margin-bottom: 23px;}
.search-font.date::after{content: ''; display: block; clear: both;}
.search-font.date>li{float: left;}
.search-font.date>li::before{content: ''; display: inline-block; width: 1px; height: 14px; background-color: #333333; margin: 0 5px; position: relative; top:1px}
.search-font.date>li:first-child{font-family:'notokr-medium'; color: #333333; font-weight: normal; margin-top:-2px}
.search-font.date>li:first-child::before{display: none;}
.search-img-info-title>li:last-child>span{padding-left: 4px; display: inline-block;}
.staff-info>li::after{content: ''; display: block; clear: both;}
.staff-info2{float: left;}

/* 소개 */

.mob-con{display: none;}
.visual-box.edu.bg-chang{background-color: #fff;}
.intro-img{height:480px;}
.intro-bg-content{max-width: 1200px; margin: 0 auto; padding:60px 50px 200px 50px; box-sizing: border-box; background-color: #fff; margin-top:-100px}
.intro-bg-content>h4{font-family: 'Noto Sans KR', sans-serif; font-weight: bold; font-size: 52px; color: #222222; padding-bottom: 40px;}
.intro-bg-content>h4>span{display: inline-block; font-family:'notokr-DemiLight';}
.intro-type1{font-family:'notokr-medium'; font-size: 26px; color: #333333;padding:38px 0 25px 0;}
.intro-type1>span{font-family:'notokr-bold'; display: inline-block; color: #50301b;}
.intro-type2{font-family:'notokr-regular'; font-size: 24px; color: #737373; line-height: 40px;}
.intro-type2.pd-re{padding-top:20px}
.stsfc-wrap.intro{border-top:solid 1px #cccccc; max-width: 1400px; margin: 0 auto;}
.intro-img{margin-top:60px; height: 479px; background:url(../images/intro_main_bg_new.png) center no-repeat; background-size:cover}

/* MI소개 */
.mi-part{margin-top:120px}
.mi-part::after{content: ''; display: block; clear: both;}
.mi-part>li:first-child{float: left; width: calc(100% - 300px);}
.mi-part>li:last-child{float: right; width: 300px; text-align: right;}
.mi-part>li:last-child>.mi-bg>img{width: 300px;}
.mi-title>h4{font-size: 52px; color: #333333; font-family: 'Noto Sans KR', sans-serif; font-weight: 100; word-break: keep-all; }
.mi-title>h4>span{font-family:'notokr-regular'; color: #50301b;}
.mi-title>strong{font-family:'notokr-medium'; font-size: 26px; color: #222222; font-weight: normal; display: block; padding: 40px 0 14px 0;}
.mi-title>strong>span{font-family:'notokr-bold'; color: #50301b;}
.mi-title>p{font-family:'notokr-regular'; font-size: 16px; color: #737373; word-break: keep-all; padding-bottom: 20px;}
.mi-title>a{display: block; border:solid 1px #50301b; text-align: center; width: 220px; height: 46px; line-height: 46px; font-family:'notokr-medium'; color: #50301b; font-size: 18px;}
.mi-title>a::before{ position: relative; top:2px; content: ''; display: inline-block; margin-right: 8px; width: 20px; height: 20px; background: url(../images/down_color_img.png) center no-repeat; background-size:20px 20px; }
.kind-info{margin:80px 0 160px 0; background-color: #f9f9f9; padding: 60px 0px; box-sizing: border-box;}
.kind-info-box::after{content: ''; display: block; clear: both;}
.kind-info-box>li{float: left; text-align: center; width: 20%; height: 100%;}
.kind-info-box>li.pd{padding-top:85px}
.kind-info-box>li>img{height:140px ;}
.kind-info-box>li>p{display: block; font-family:'notokr-medium'; font-size: 16px; color: #333333; padding-top:32px}
.content-area.mi{padding: 0;}

/* 튼튼이송 */
.anthem-part{margin-top:60px; padding-bottom: 200px;}
.anthem-part::after{content: ''; display: block; clear: both;}
.anthem-part>li:first-child{width: calc(100% - 498px); float: left;}
.anthem-part>li:last-child{width: 440px; float: right; padding-left: 58px;}
.video-area>iframe{width: 100%; height: 378px;position: relative;top: 0;left: 0;z-index: 1;}
.video-info-title{padding:0 0 20px 18px; margin-bottom: 30px; border-bottom: solid 1px #cccccc;}
.video-info-title>h3{font-size: 52px; color:#333333; font-family: 'Noto Sans KR', sans-serif; font-weight: 100;}
.video-info-name{padding-top:2px}
.video-info-name::after{content: ''; display: block; clear: both;}
.video-info-name>li{float: left; margin-right: 50px;}
.video-info-name>li:last-child{margin-right: 0;}
.video-info-name>li>p{font-family:'notokr-medium'; font-size: 21px; color: #50301b;}
.video-info-name>li>p>span{color: #222; padding-left: 6px;}
.song-info-box{padding-left: 18px;}
.song-info-box>p{font-family:'notokr-regular'; font-size: 16px; color: #737373; line-height: 26px; padding-bottom: 26px;}
.song-info-box>a{display:block; width: 200px; height: 46px;   background-color: #50301b;  text-align: center;}
.song-info-box>a{line-height: 46px; font-family:'notokr-medium'; font-size: 18px; color: #fff;  }
.song-info-box>a::before{position: relative; top:2px; content: ''; display: inline-block; margin-right: 8px; width: 20px; height: 20px; background: url(../images/song_down_img.png) center no-repeat; background-size:20px 20px; }
.vision-wrap.song{padding-bottom: 100px;}

/* 어린이자문단 */
.m-child-tbl{display: none;}
.child-box{max-width: 1400px; margin: 0 auto; text-align: center; padding-bottom: 100px;}
.child-title{font-size: 52px; padding: 60px 0 50px 0;  font-family: 'Noto Sans KR', sans-serif; font-weight: 100; text-align: center;  color: #333333; line-height: 62px;}
.child-title1{font-family:'notokr-DemiLight'; color: #50301b;}
.child-title2{font-family:'notokr-DemiLight'; color: #333333;}
.sub-child-title{font-family:'notokr-regular'; text-align: center; font-size: 24px; color: #737373; line-height: 40px; }
.sub-child-title>span{display: block;}
.child-big-box{margin-top: 60px;}
.first-box::after{content: ''; display: block; clear: both;}
.first-box>li{float: left; width: 24.5%; height: 210px; margin-right: 0.6%; margin-bottom: 0.6%;}
.first-box>li:last-child{margin-right: 0;}
.first-box>li:nth-child(1){background: url(../images/child_temp_1.png) center no-repeat; background-size: cover;}
.first-box>li:nth-child(2){background: url(../images/child_temp_2.png) center no-repeat; background-size: cover;}
.first-box>li:nth-child(3){background: url(../images/child_temp_3.png) center no-repeat; background-size: cover;}
.first-box>li:nth-child(4){background: url(../images/child_temp_4.png) center no-repeat; background-size: cover;}
.second-box::after{content: ''; display: block; clear: both;}
.second-box>li{float: left; margin-right: 0.6%;}
.second-box>li:last-child{margin-right: 0;}
.second-box>li:first-child{width: 38%; height: 430px; background: url(../images/child_temp_5.png) center no-repeat; background-size: cover;}
.second-box>li:nth-child(2){width: 22.5%;}
.second-box>li:nth-child(3){width: 38%;}
.child-tpye1{margin-bottom: 8px; height: 211px; background: url(../images/child_temp_6.png) center no-repeat; background-size: cover;}
.child-tpye1.last{margin-bottom: 0; height: 211px; background: url(../images/child_temp_8.png) center no-repeat; background-size: cover;}
.child-tpye2{height: 210px; margin-bottom: 8px; background: url(../images/child_temp_7.png) center no-repeat; background-size: cover;}
.thr-box::after{content: ''; display: block; clear: both;}
.thr-box>li{float: left; width: 49.2%; height: 210px; margin-right: 1.6%;}
.thr-box>li:last-child{margin-right: 0;}
.child-tpye3{background: url(../images/child_temp_9.png) center no-repeat; background-size: cover;}
.child-tpye3.last{background: url(../images/child_temp_10.png) center no-repeat; background-size: cover;}
.child-chart{margin-top:140px;}
.child-chart.song{margin-top:0px;}
.child-chart::after{content: ''; display: block; clear: both;}
.child-chart>li{float: left;}
.child-chart>li:first-child{width:200px; text-align: left;}
.child-chart>li:first-child>h4{font-family:'notokr-medium'; font-weight: normal; font-size: 24px; color: #222222; vertical-align: top;}
.child-chart>li:last-child{width: calc(100% - 340px); padding-left: 140px; }
table.child-tbl{width: 100%; display: block; border-collapse: collapse; border-top:solid 2px #333333; margin-bottom: 100px; }
table.child-tbl>thead>tr>th{background-color: #f9f9f9; padding: 14px 10px; font-weight: normal; text-align: center; font-family:'notokr-medium'; font-size: 18px; color: #222222; border: solid 1px #cccccc;}
table.child-tbl>tbody>tr>td{padding: 17px 10px; font-weight: normal; font-family:'notokr-medium'; font-size: 16px; color: #222222; border: solid 1px #cccccc;}
table.child-tbl>tbody>tr>td.color-font{color: #50301b;}
.color-font{color: #50301b;}
.color-font2{font-family:'notokr-regular'; color:#737373 ;}
table.child-tbl>tbody>tr>td>ul>li{text-align: left; padding-left: 50px;}
.m-style-tpye>li::after{content: ''; display: block; clear: both;}
.m-style-tpye>li:first-child>div{float: left;}
table.m-child-tbl{display: none;}
.group-img{margin-top:60px}
.group-img>img{width: 100%;}
.mi-title.group>a{margin-top:38px}
.group-song>li{display: block; text-align: left; font-family:'notokr-regular'; font-size: 16px; color: #737373; line-height: 26px; margin-bottom: 37px;}
.group-song>li.last{margin-bottom: 0;}
.child-chart.song{padding-bottom: 200px;}
.br{display: none;}

/* 개인정보 처리방침 */
.m-policy-tbl{display: none;}
.visual-box.policy{padding-top: 135px;}
.policy-wrap{padding-top:60px}
.policy-box{padding-bottom: 40px;}
.policy-box>strong{font-family:'notokr-medium'; display: block; font-weight: normal; font-size: 21px; color: #50301b; padding-bottom: 15px;}
.policy-box>p{font-family:'notokr-regular'; font-size: 16px; color:#737373; line-height: 28px;}
.policy-info{padding-top:27px}
.policy-info>li{ font-size: 16px; font-family:'notokr-regular'; color: #737373; line-height: 28px; padding-bottom: 6px; word-break: keep-all;}
.policy-info>li:last-child{padding-bottom: 0;}
.policy-info>li::after{content: ''; display:block; clear: both;}
.left-float{float: left; width:20px ;line-height: 24px;}
.right-float{float: left; width: calc(100% - 30px);  }
.policy-info>li>p>span{display: block;}
.right-pd{padding-left: 20px; display: block; line-height: 35px;}
.right-pd2{padding-left: 16px; display: block; line-height: 35px;}
.policy-wrap>li.last{border-bottom: solid 1px #cecece; margin-bottom: 40px;}
table.policy-tbl{display:block; border:solid 1px #dddddd; width: 100%; border-collapse: collapse; word-break: keep-all; margin-top:18px}
table.policy-tbl>thead>tr>th{border:solid 1px #dddddd; padding: 20px;text-align: center; background-color: #f9f9f9; font-family:'notokr-medium'; font-size: 16px; line-height: 28px; color: #333333; font-weight: normal;} 
table.policy-tbl>tbody>tr>td{padding: 30px;  font-family:'notokr-regular'; font-size: 16px; color: #737373; background-color: #fff; border:solid 1px #dddddd;text-align: left; }
table.policy-tbl>tbody>tr>td.center-tbl{text-align: center !important; vertical-align: middle;}
.policy-list-tbl>li{display: table;}
.policy-list-tbl>li>p{display: table-cell;  position: relative; padding-left: 10px;}
.policy-list-tbl>li>p>span{ position: absolute; top:10px; left: 0px; display: table-cell; position: absolute; width: 3px; height: 3px; background: #737373;}
.policy-strong{font-family:'notokr-medium'; font-size: 18px; color: #333333; font-weight: normal; padding:10px 0 10px 20px;}
.policy-strong2{padding: 0 0 18px 20px;}
.policy-list-tbl.pd{padding-left: 20px;}
.policy-list-tbl.pd>li{margin-bottom: 12px; font-size: 16px; color: #737373;}
.policy-info.last{padding-top: 0;}
.policy-strong3{font-family:'notokr-medium'; font-size: 18px; color: #333333; line-height: 36px; font-weight: normal;}
.pd{padding-left: 40px;}


/* 조직안내 */
.org-area{max-width: 1400px; margin: 70px auto 180px auto;}
.org-search{background-color: #f8f8f8; position: relative;}
.org-box::after{content: ''; display: block; clear: both;} 
.org-box>li:first-child{float: left; width: 320px;}
.org-box>li:last-child{float: right; width:calc(100% - 408px); padding-left: 82px;}
.detail-org-info{border-top: solid 2px #333333;}
.org-box>li>div>form>input{background-color: #f8f8f8;width: 87%;padding-left: 20px;line-height: 54px;height: 54px;
font-family: 'notokr-regular';font-size: 15px;color: #737373;}
.org-box>li>div>form>input::placeholder{font-family: 'notokr-regular'; font-size: 15px; color: #737373;}
.org-menu li{margin-top:34px;}
.org-menu li a span{display: inline-block; font-family: 'NanumSquare'; font-weight: bold; font-size: 21px; color: #333333;}
.org-menu li a.on span{position: relative; color: #50301b;}
.org-menu li a.on span::after{content: ''; display: block; width: 100%; height: 3px; background-color: #50301b; margin-top:2px}
.detail-big-list>li{border-bottom:solid 1px #cccccc; padding: 38px 0 38px 22px; box-sizing: border-box;}
.detail-big-list>li::after{content: ''; display: block; clear: both;}
.org-info-type1{float: left; width: 312px;}
.org-info-type2{float: left; width:calc(100% - 312px)}
.org-info-type1 strong{font-family:'notokr-medium'; font-weight: normal; font-size: 21px; color: #50301b;}
.org-info-type1 h3{font-family:'notokr-medium'; font-size: 26px; color: #333333; margin-bottom: 22px;}
.org-info-type1 p{font-family:'notokr-regular'; font-weight: normal; font-size: 16px; color: #737373; display: table; margin-bottom: 12px; }
.org-info-type1 p span{display: table-cell; padding-left: 10px;}
.org-info-type1>p:last-child{margin-bottom: 0;}
.org-tell::before{content: ''; display: table-cell; width: 18px; height: 19px; background: url(../images/tell.png) center no-repeat; background-size: 18px 19px;}
.org-email::before{content: ''; display: table-cell; width: 18px; height: 16px; background: url(../images/email.png) center no-repeat; background-size: 18px 16px; }
.org-info-type2-list>li{position: relative; margin-bottom: 10px;}
.org-info-type2-list>li>span{display: block; font-family:'notokr-regular'; font-size: 16px; color: #333333; padding-left: 16px;}
.org-info-type2-list>li::before{content: ''; display: inline-block; position: absolute; top:8px; width: 4px; height: 4px; border-radius: 100%; background-color: #50301b;}
.sub-org-info li{margin-bottom: 4px; padding: 4px 0 0 16px; box-sizing: border-box;}
.sub-org-info li span{font-family:'notokr-DemiLight'; font-size: 16px; color: #737373; }

/* 전시 */
.pc-con img{width: 100%;}
.intro .swiper-slide>img{position: relative;/*transform: translateY(30%);*/max-width:100%;}
.ns-slide {max-width: 50% !important;}
.festival-cont {width: 49%; vertical-align: top; display: inline-block; padding-left: 30px;}
.festival-cont>div {margin-top: 20px;}
/* .festival-cont>div>p {margin-bottom: 40px;} */
.ns-slide .swiper-slide>img{position: relative; transform: translateY(0);}
.detail-popup-btn{display:block}
.sns-mark>li>a:hover{background-color: #50301b; color: #fff;}
.exhibition-side-menu{display: none;}
.sub-content-visual{background: url(../images/sub_visual_img01.jpg) center no-repeat; background-size: cover; height: 450px;}
.sub-content-visual.edu{background: url(../images/sub_visual_img02.jpg) center no-repeat; background-size: cover; height: 450px;}
.sub-content-visual.evented{background: url(../images/sub_visual_img03.png) center no-repeat; background-size: cover; height: 450px;}
.sub-content-visual.part{background: url(../images/sub_visual_img04.jpg) center no-repeat; background-size: cover; height: 450px;}
.sub-content-visual.info{background: url(../images/sub_visual_img05.png) center no-repeat; background-size: cover; height: 450px;}
.sub-content-visual.intro{background: url(../images/sub_visual_img06.jpg) center no-repeat; background-size: cover; height: 450px;}
.sub-content-visual.data{background: url(../images/sub_visual_img07.jpg) center no-repeat; background-size: cover; height: 450px;}
.sub-content-visual.micro{background: url(../images/sub_visual_img08.png) center no-repeat; background-size: cover; height: 450px;}
.filter-close{display:none;}
.sub-content-visual>p{font-family: 'NanumSquare'; text-align: center; font-weight: bold; font-size: 52px; color: #ffffff; padding-top:247px}
.sub-content-visual>p>span{font-family: 'Lato', sans-serif; display: block; font-size: 18px; color: #50301b; padding-top:10px; display: none;}
.page-navi{max-width: 1420px; margin: 0 auto; padding: 0 20px;}
.part-content{max-width: 1400px; margin: 60px auto;}
.navi-title{font-family: 'NanumSquare'; font-weight: bold; font-size: 40px; color: #333333;}
.page-navi-area{display: table; padding:60px 0 16px 0;}
.page-navi-area>li{display: table-cell;}
.page-navi-area>li:first-child{    width: 18px; height: 20px;background: url(../images/navi_home_img.png) center no-repeat;  background-size: 18px 20px; position: relative; top: -2px;}
.page-navi-area>li:first-child::before{display: none;}
.page-navi-area>li::before{content: ''; display: table-cell; padding: 0 15px; vertical-align: middle; width: 10px; height: 15px; background: url(../images/navi_ico.png) center no-repeat; background-size: 10px 15px;}
.page-navi-area>li>p{display: table-cell; vertical-align: middle; font-size: 18px; color: #888888;}
.page-navi-area>li>p>img{position: relative; top:1px}
.exhibition-content{max-width: 1400px; margin: 0 auto;}
.tab-type{ margin-top: 68px;}
.title-tab{border-bottom: solid 2px #444444;}
.title-tab::after{content: ''; display: block; clear: both;}
.title-tab>li{float: left; width: 16%;}
.title-tab>li>a{display: block; text-align: center; font-family: 'NanumSquare'; padding-bottom: 16px; font-weight: bold; font-size: 21px; color: #333333;}
.title-tab>li>a.on{color: #50301b; border-bottom: solid 3px #50301b;position: relative; top: 2px;}
.exhibition-content>ul::after{content: ''; display: block; clear: both;}
.exhibition-content>ul>li:first-child{float: left; width:calc(100% - 356px);}
.exhibition-content>ul>li:last-child{float: right; width: 273px; padding-left: 83px;}
.exhibition-cnt>p{font-family:'notokr-medium'; font-size: 16px; color: #737373; padding: 32px 0 24px 0}
.exhibition-cnt>p>span{font-family:'notokr-bold'; color: #50301b;}
.exhibition-list>ul>li::after{content: ''; display: block; clear: both;}
.exhibition-img-area{width: calc(100% - 427px); height: 465px; position: relative; float: left;}
.exhibition-content-area{width: 427px;; float: right; padding: 15px 0 13px 40px; box-sizing: border-box;}
.exhibition-list-title{ position: absolute; bottom:24px; padding: 284px 40px 0 23px; box-sizing: border-box;}
.exhibition-list-title>p{font-family:'notokr-regular'; font-size: 18px; color: #fff; padding-bottom:2px;}
.exhibition-list-title>h4{font-family:'notokr-medium'; font-weight: normal; font-size: 52px; color: #fff; padding-bottom:25px;}
.like-mark>li{float: left; margin-right: 20px;}
.dim-font{font-family:'notokr-DemiLight';}
.like-mark>li:last-child{margin-right: 0;}
.like-mark::after{content: ''; display: block; clear: both;}
.like-mark>li:first-child::before{ content: ''; position: relative; top: 1px; margin-right: 4px; display: inline-block; background: url(../images/like01.png) center no-repeat; width: 18px; height: 16px; background-size: 18px 16px;}
.like-mark>li:last-child::before{ content: '';  position: relative; top: 1px; margin-right: 4px; display: inline-block; background: url(../images/like02.png) center no-repeat; width: 17px; height: 17px; background-size: 17px 17px;}
.like-mark>li>span{font-family: 'NanumSquare'; font-weight: bold; color: #fff; font-size: 16px;}
.chk-mark{position: absolute; top: 0; left: 0; width: 76px; height: 38px;  background-color: #50301b; text-align: center; }
.chk-mark>p{font-family:'notokr-regular'; font-size: 15px; color: #fff; line-height: 38px;}
table.exhibition-tble>tbody>tr>th{ font-family:'notokr-medium'; width: 77px; vertical-align: top; font-weight: normal; font-size: 16px; color: #333333; padding-bottom: 7px;}
table.exhibition-tble>tbody>tr>td{ font-family:'notokr-regular'; vertical-align: top; font-weight: normal; font-size: 16px; color: #737373; padding-bottom: 7px;}
table.exhibition-tble>tbody>tr>td.dim-font{font-family:'notokr-DemiLight';}
.list-pointer{font-family:'notokr-regular'; font-size: 16px; line-height: 28px; color: #737373; padding:14px 0 19px 0; word-break: keep-all;}
.sns-mark::after{content: ''; display: block; clear: both;}
.sns-mark>li{float: left; width: auto; padding-right: 10px; margin-bottom: 20px;}
.sns-mark>li>a{display: table-cell;  padding: 7px 10px; background-color: #50301b; border-radius: 2em; font-family:'notokr-regular'; font-size: 14px; color: #fff;}
.search-area{ position: relative;  border-bottom: solid 2px #444444;  margin:39px 0 78px 0; }
.search-content{ display: block; width: 100%;  height: 50px; padding: 9px 44px 0px 6px; font-family:'notokr-regular'; font-size: 15px; color: #737373;}
.search-input-btn{  border: 0; padding:0;    position: absolute; background-color: #fff; z-index: 2;right: 23px;display: block; bottom: 9px;}
input.search-content::placeholder{color:#737373 ; font-size: 15px;}
.radio-chk{margin: 0 0 25px 0; padding-bottom: 22px;}
.side-title{font-family: 'NanumSquare'; font-weight: bold; font-size: 19px; color: #333333; padding-bottom:25px ;}
.title-radio input[type="checkbox"]{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;
-khtml-opacity: 0;opacity: 0;box-sizing: border-box;}
.stsfc-box input[type="radio"]{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;
-khtml-opacity: 0;opacity: 0;box-sizing: border-box;}
a.chbox-label{width: auto; font-family:'notokr-regular'; font-size: 16px; color: #333333; padding-left: 28px;  display: inline-block;  background: url(../images/radio_off_img.png) no-repeat left center; background-size: 18px 18px;}
a.chbox-label.on{background: url(../images/radio_on_img.png) no-repeat left center; background-size: 18px 18px;}
.radio-chk>ul>li{margin-bottom: 17px;}
.radio-chk>ul>li:last-child{margin-bottom: 0;}
.radio-chk{border-bottom: solid 1px #dddddd;}
.radio-chk.last{margin-bottom:0;}
.side-title.year{padding: 25px 0 24px 0;}
.year-select-box{width: 268px; height: 38px; border:solid 1px #cccccc; font-family:'notokr-regular'; font-size: 16px; color: #333333; }
.permanent-img-box{width: 100%; height: 160px; }
.year-select>ul>li>a{display: block;}
.year-select>ul>li>a>p{font-family:'notokr-medium'; font-size: 15px; color: #333333; padding-top:10px}
.popularity>li{margin-bottom: 42px;}
.popularity{padding-bottom: 140px;}
.popularity>li:last-child{margin-bottom: 0;}
.exhibition-list>ul>li{margin-bottom: 100px;}
.exhibition-list>ul>li:last-child{margin-bottom: 0;}
.exhibition-more-btn{width: 100%; height: 44px; margin: 120px auto 100px auto; border: solid 1px #333333; text-align: center;}
.exhibition-more-btn>a{display: block;}
.exhibition-more-btn>a>p{line-height: 44px; font-family:'notokr-medium'; font-size: 16px; color: #333333;}
.exhibition-more-btn>a>p::after{content: ''; display: inline-block; width: 12px; height: 12px; margin-left: 10px; background: url(../images/exhibition_more_btn.png) center no-repeat; background-size: 12px 12px;}
.exhibition-more-btn>a:hover>p::after{content: ''; display: inline-block; width: 12px; height: 12px; margin-left: 10px; background: url(../images/exhibition_more_on_btn.png) center no-repeat; background-size: 12px 12px;}
.exhibition-list>ul>li {margin-bottom: 110px;}
.exhibition-more-btn:hover{background-color: #333333; color: #fff;}
.exhibition-more-btn>a:hover>p{color: #fff;}
.search-input-btn>img{width: 20px; height: 20px; vertical-align: middle;}
.m-filter-submit{border-bottom: solid 2px #444; padding-bottom: 80px;}
.m-filter-submit>button{display: block;
    border: 0;
    padding: 0;
    width: 100%;
    height: 50px;
    background-color: #50301b;
    line-height: 50px;
    text-align: center;
    margin-top: 30px;
    color: #fff;
    font-family: 'notokr-medium';
    font-size: 18px;}
.m-dim{display: none;}
.detail-page-url-box{border-top:solid 1px #f0f0f0; padding-top:20px;}
.detail-page-url-box>a{display:block; width: 138px; height: 42px; border:solid 1px #50301b; line-height: 44px; color: #50301b; text-align: center; font-family:'notokr-regular'; font-size: 16px;  }
.detail-page-url-box>a:hover{background-color: #50301b; color: #fff; font-family:'notokr-medium';}
.filter-form{padding-top:22px}
.exhibition-list{padding-bottom: 200px;}

/* 오시는길 */
.sub-content .map-box {width: 100%; max-height: 620px; overflow: hidden; position: relative;}
.sub-content .map-box::before {content: ''; position: absolute; width: 100%; height: 100%; z-index: 3;}
.sub-content .map-box .root_daum_roughmap {width: 100%;}
.sub-content .map-box .root_daum_roughmap .wrap_map {height: 620px;}

.intro-video {object-fit: cover; width: 100%; height: 500px;}

/***** ggcf *****/
.title-tab.ggcf-title-tab>li>a.on{color: #173f62; border-bottom: solid 3px #173f62;}
.exhibition-cnt.ggcf-exhibition-cnt>p>span{color:#173f62}
.m-filter-submit.ggcf-m-filter-submit>button{background:#173f62;}
.detail-page-url-box.ggcf-detail-page-url-box>a:hover{background:#173f62; color:#fff;}
.detail-page-url-box.ggcf-detail-page-url-box>a{color:#173f62; border: solid 1px #173f62;}

.tab-view.ggcf-tab-view>li>a{border-bottom: solid 1px #173f62;}
.tab-view.ggcf-tab-view>li>a.on{border-top: solid 1px #173f62; border-left: solid 1px #173f62; border-right: solid 1px #173f62;}
.comment-box.ggcf-comment-box>li:last-child>button{background-color: #173f62;}
.page-list-click-wrap.ggcf-page-list-click-wrap>li:nth-child(2)>a{color: #173f62; border: solid 1px #173f62;}

.org-menu.ggcf-org-menu li a.on span{color:#173f62;}


/***** gjicp *****/
.title-tab.gjicp-title-tab>li>a.on{color: #0062ad; border-bottom: solid 3px #0062ad;}
.exhibition-cnt.gjicp-exhibition-cnt>p>span{color:#0062ad}
.m-filter-submit.gjicp-m-filter-submit>button{background:#0062ad;}
.detail-page-url-box.gjicp-detail-page-url-box>a:hover{background:#0062ad; color:#fff;}
.detail-page-url-box.gjicp-detail-page-url-box>a{color:#0062ad; border: solid 1px #0062ad;}

.tab-view.gjicp-tab-view>li>a{border-bottom: solid 1px #0062ad;}
.tab-view.gjicp-tab-view>li>a.on{border-top: solid 1px #0062ad; border-left: solid 1px #0062ad; border-right: solid 1px #0062ad;}
.comment-box.gjicp-comment-box>li:last-child>button{background-color: #0062ad;}
.page-list-click-wrap.gjicp-page-list-click-wrap>li:nth-child(2)>a{color: #0062ad; border: solid 1px #0062ad;}

.org-menu.gjicp-org-menu li a.on span{color:#173f62;}

/***** gcc *****/
.title-tab.gcc-title-tab>li>a.on{color: #263692; border-bottom: solid 3px #263692;}
.exhibition-cnt.gcc-exhibition-cnt>p>span{color:#263692}
.m-filter-submit.gcc-m-filter-submit>button{background:#263692;}
.detail-page-url-box.gcc-detail-page-url-box>a:hover{background:#263692; color:#fff;}
.detail-page-url-box.gcc-detail-page-url-box>a{color:#263692; border: solid 1px #263692;}

.tab-view.gcc-tab-view>li>a{border-bottom: solid 1px #263692;}
.tab-view.gcc-tab-view>li>a.on{border-top: solid 1px #263692; border-left: solid 1px #263692; border-right: solid 1px #263692;}
.comment-box.gcc-comment-box>li:last-child>button{background-color: #263692;}
.page-list-click-wrap.gcc-page-list-click-wrap>li:nth-child(2)>a{color: #263692; border: solid 1px #263692;}

.org-menu.gcc-org-menu li a.on span{color:#173f62;}

/* 전시 상세*/

.content-bottom>p>img{max-width: 100%; height: 100%;}
.page-navi::after{content: ''; display: block; clear: both;}
.page-navi .exhibition-view-top{float: left;}
.page-navi .view-sns{float: right; padding-top:109px}
.navi-sns-box::after{content: ''; display: block; clear: both; }
.navi-sns-box>li{float: left; margin-right: 11px;}
.navi-sns-box>li:last-child{margin-right: 0;}
.navi-sns-box>li>a{position: relative;top: 1px; display: inline-block; width: 28px; height: 28px;}
.navi-sns-box>li>a>img{width: 100%; position: absolute; z-index: 0; opacity: 0;}
.view-content-area{max-width: 1400px; margin: 0 auto; padding-top:60px}
.view-content-area .view-swiper-container{overflow-y: auto;}
.view-content-area .view-swiper-container img {object-fit: cover; width: 100%;height: 100%;object-position: top;}
.navi-sns-box>li>a.like-ico{  width: 28px; height: 28px; background: url(../images/like_off.png) center no-repeat; background-size: 28px 28px;}
.navi-sns-box>li>a.print{background: url(../images/prt_off.png) center no-repeat; background-size: 28px 28px;}
.navi-sns-box>li>a.facebook{background: url(../images/facebook.png) center no-repeat; background-size: 28px 28px;}
.navi-sns-box>li>a.twitter{background: url(../images/twitter.png) center no-repeat; background-size: 28px 28px;}
.navi-sns-box>li>a.url{background: url(../images/url_off.png) center no-repeat; background-size: 28px 28px;}
.view-content-area-type1::after{content: ''; display: block; clear: both;}
.view-content-area-type1>li:first-child{float: left; width:calc(100% - 520px); height: 660px; position: relative;border-top: solid 2px #333333;}
.view-content-area-type1>li:last-child{float: right; width: 480px;} 
.swiper-slide.view{height: 660px !important;}
.swiper-slide.view.event-slide{background-color: #f9f9f9;}
.swiper-slide.view .slide-bg{height: 100%;}
.view-pagination{position: absolute;  width: 108px; left: 50%; transform: translateX(-50%); top: 614px; z-index: 1;}
.pagination.view .swiper-pagination-bullet{width: 10px; height: 10px; background-color: #cfcbc7; margin-left: 20px; opacity:1;}
.pagination.view .swiper-pagination-bullet:first-child{margin-left: 0;}
.pagination.view .swiper-pagination-bullet-active{width: 10px; height: 10px;  background-color: rgba(255, 255, 255, 0);  box-shadow: 0 0 0 2px #faf9f8 inset; }
/* .swiper-view-button-prev2{width:100%; height: 100%; padding:0; border:0; background: url(/userContent/images/common/btn/view_prev_btn.png) center no-repeat; background-size: 15px 26px;}
.swiper-view-button-next2{width:100%; height: 100%; padding:0; border:0;background: url(/userContent/images/common/btn/view_next_btn.png) center no-repeat; background-size: 15px 26px;} */
.swiper-view-button-prev2{width:100%; height: 100%; padding:0; border:0; background: url(../images/slide-arrow-icon.png) center no-repeat; background-size: 15px 26px;}
.swiper-view-button-next2{width:100%; height: 100%; padding:0; border:0;background: url(../images/slide-arrow-icon_flip.png) center no-repeat; background-size: 15px 26px;}
.view-slide-btn-wrap{position: absolute; width: 100%; height: 70px; top:50%; transform: translateY(-50%); z-index: 99; }
.view-slide-btn::after{content: ''; display: block; clear: both;}
/* .view-slide-btn>li{ position: relative; background-color: rgba(0, 0, 0, 0.38); width: 60px; height: 70px; cursor: pointer;} */
.view-slide-btn>li{ position: relative; width: 60px; height: 70px; cursor: pointer;}
.view-slide-btn>li:first-child{float: left;}
.view-slide-btn>li:last-child{float: right;}
.view-slide-btn>li>button{position: absolute; border:0; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.view-slide-btn>li>div{position: absolute; border:0; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.detail-popup-btn{position: absolute;  bottom: 0; width: 44px; height: 44px; z-index: 1; right: 32px; bottom:20px; background-color: transparent !important; background-image: none !important;
border-color: transparent;border: none;color: #FFFFFF; padding:0}
.detail-popup-btn>img{width: 100%;}
.like-mark-b{padding-top:12px}
.like-mark-b>li{float: left; margin-right: 20px;}
.like-mark-b>li.like-last{margin-right: 0;}
.like-mark-b::after{content: ''; display: block; clear: both;}
.like-mark-b>li:first-child::before{ content: ''; position: relative; top: 1px; margin-right: 4px;  display: inline-block; background: url(../images/like01_black.png) center no-repeat; width: 18px; height: 16px; background-size: 18px 16px;}
.like-mark-b>li.like-last::before{ content: '';  position: relative; top: 1px; margin-right: 4px; display: inline-block; background: url(../images/like02_black.png) center no-repeat; width: 17px; height: 17px; background-size: 17px 17px;}
.like-mark-b>li>span{font-family: 'NanumSquare'; font-weight: bold; color: #333333; font-size: 16px;}
.view-info-type1::after{content: ''; display: block; clear: both;}
.view-info-type1>li:first-child{float: left;}
.view-info-type1>li:last-child{float: right;}
div.free{padding: 8px 19px; background-color: #50301b; font-family:'notokr-medium'; font-size: 16px; color: #fff; border-radius: 2em; float:left; margin-right:5px;}
div.free.col-b-type{background:#50301b}
div.free.col-b-type2{background:#50301b}
div.free:last-child{margin-right: 0;}

.view-info-content>h4{font-family:'notokr-bold'; font-weight: normal; font-size: 36px; color: #333333;  }
.view-info-content{padding: 40px 20px 26px 20px; box-sizing: border-box; border-top:solid 2px #333333;  border-bottom: solid 1px #cccccc;}
.view-info-type1{padding-top:15px}
.view-info-content2{padding: 30px 20px 0px 20px;}
table.exhibition-tble.view>tbody>tr>th{padding-bottom: 18px; width: 110px;}
table.exhibition-tble.view>tbody>tr>td{padding-bottom: 18px;}
.reservation-btn{display:block; width: 100%; height: 57px; border: 0; background-color: #50301b; text-align: center; margin-top:15px}
.reservation-btn>p{line-height: 57px; color: #fff; font-family:'notokr-medium'; font-size: 20px; }
.content-bottom{padding: 0; height: auto !important; box-sizing: border-box; border-top:solid 2px #333333}
.content-bottom>h4{font-family:'notokr-bold'; font-weight: normal; font-size: 30px; color: #333333;}
.content-bottom>p{padding-top:20px; font-family:'notokr-regular'; font-size: 16px; color: #737373; line-height: 28px;}
content-bottom>p>img{width: 100%; height: 100%;}
.view-content-area>ul:first-child{margin-bottom: 55px;}
.list-box-li{padding-top:50px}
.list-box-li>strong{font-family:'notokr-bold'; font-weight: normal; font-size: 21px; color:#333333; display: block; padding-bottom: 10px;}
.view-list-content>li{display: table; width: 100%; padding-top:8px}
.view-list-content>li>div{display: table-cell; width: 17px; font-family:'notokr-regular'; font-size: 16px; color: #50301b;}
.view-list-content>li>p{display: table-cell; font-family:'notokr-regular'; font-size: 16px; color:#737373}
.content-bottom2{border-top:solid 2px #333333 }
.content-bottom2>div:first-child{padding-top:70px}
.content-bottom2>div:last-child{padding-top: 64px;}
.content-bottom-type>h4{font-family: 'NanumSquare'; font-weight: 800; font-size: 24px; color: #333333; padding-bottom: 24px;}
.content-bottom-list>li{margin-bottom:29px ;}
.content-bottom-list>li:last-child{margin-bottom: 0;}
.content-bottom-list>li>a>strong{font-family:'notokr-medium'; font-weight: normal; font-size: 18px; color: #000000; line-height: 23px;}
.content-bottom-list>li>a>p{font-family:'notokr-regular'; font-size:14px ; color: #737373; line-height: 23px; padding:4px 0 2px 0;}
.content-bottom-mark{padding: 4px 6px; box-sizing: border-box; font-family:'notokr-regular'; font-size: 12px;     display: inline-block;  }
.ing{border: solid 1px #50301b; color: #50301b;}
.stop{border:solid 1px #666666; color: #666666;}
.codeCopyright {padding: 20px;border-bottom: 1px solid #ccc; border-top:solid 1px #CCC; display: table;width: 100%;box-sizing: border-box;}
.codeCopyright img.pc {display: table-cell;margin-right: 40px;vertical-align: middle; position: relative;top: 10px;}
.codeCopyright img.mobile{display: none;}
.codeCopyright .txt {font-family:'notokr-DemiLight'; font-size: 14px; color: #737373;  display: table-cell;width: calc(100% - 0px);line-height: 21px;vertical-align: middle;}
.codeCopyright .txt span{font-family:'notokr-medium';}
.comment-area{background-color: #f9f9f9; padding:30px 20px; box-sizing: border-box;}
.comit-title{font-family:'notokr-medium'; font-size: 16px; color: #333333; font-weight: normal; padding-bottom: 22px;}
.comment-box>li>.textarea-wrap{border:solid 1px #e1e1e1; width: 100%; }
.textarea-wrap>textarea{width: 100%;  height: 94px; font-size: 18px; padding: 20px;}
.comment-box{margin-bottom: 38px;}
.comment-box::after{content: ''; display: block; clear: both;}
.comment-box>li:first-child{float: left; width: calc(100% - 100px);}
.comment-box>li:last-child{float: right; width: 100px; height: 100px; cursor: pointer; text-align: center; background-color: #50301b; line-height: 100px; color: #fff; font-family:'notokr-medium'; font-size: 18px; }
.comment-box>li:last-child>button{width: 100px; height: 100px; cursor: pointer; text-align: center; background-color: #50301b; line-height: 100px; color: #fff; font-family:'notokr-medium'; font-size: 18px; border: 0; padding:0;}
.comment-text{border-top:solid 1px #e1e1e1}
.comment-text>li{padding: 18px 20px 21px 20px; box-sizing: border-box; border-bottom: solid 1px #e1e1e1; background-color: #fff;  width: 100%;}
.comment-text>li::after{content: ''; display: block; clear: both;}
.coment-info{float: left;}
.comment-text>li>a{float:right; display: block; position: relative; border:0; top: 23px; width: 12px; height: 12px; padding:0; background: url(../images/coment_close.png) center no-repeat; background-size:12px 12px ;}
.coment-info>p{font-family:'notokr-regular'; font-size: 16px; color: #737373; padding-top:12px}
.name-date{display: table-cell; width: 100%;}
.name-date>strong{display: table-cell; padding-right: 5px; width: auto; max-width: 200px; font-family:'notokr-medium'; font-size: 15px; font-weight: normal; color: #333333;}
.name-date>p{display: table-cell; width: calc(100% - 60px); font-family:'notokr-light'; font-size: 14px; color: #8b8b8b;}
.page-list-click-wrap{position: relative; height: 90px; padding-top:56px; border-bottom: solid 1px #cccccc;}
.page-list-click-wrap::after{content: ''; display: block; clear: both;}
.page-list-click-wrap>li:first-child{float: left;}
.page-list-click-wrap>li:first-child>a::before{content: ''; display: inline-block; margin-right: 18px; width: 17px; height: 12px;  background: url(../images/prev_list_btn.png) center no-repeat; background-size: 17px 12px;}
.page-list-click-wrap>li:first-child>a{display: inline-block; font-family:'notokr-medium'; font-size: 18px; color: #333333; }
.page-list-click-wrap>li:nth-child(2){position: absolute; left: 50%; transform: translateX(-50%); top:40px}
.page-list-click-wrap>li:last-child{float: right;}
.page-list-click-wrap>li:last-child>a::after{content: ''; display: inline-block; margin-left: 18px; width: 17px; height: 12px;  background: url(../images/next_list_btn.png) center no-repeat; background-size: 17px 12px;}
.page-list-click-wrap>li:last-child>a{display: inline-block; font-family:'notokr-medium'; font-size: 18px; color: #333333; }
.page-list-click-wrap>li:nth-child(2)>a{width: 158px; height: 54px; line-height: 54px; border: solid 1px #50301b; display: block; text-align: center; font-family:'notokr-medium'; font-size: 20px; color: #50301b; }
.stsfc-wrap{padding: 0 20px 50px 20px; margin-top: 10px;}
.stsfc-wrap>form::after{content: ''; display: block; clear: both;}
.stsfc-wrap>form>strong{float: left; font-family:'notokr-regular'; font-weight: normal; font-size: 18px; color: #333333; padding-top:23px}
.stsfc-wrap>form>ul{float: right;}
.stsfc-wrap>form>ul::after{content: ''; display: block; clear: both;}
.stsfc-wrap>form>ul>li{float: left; margin-right: 18px; padding-top:24px}
a.radio-label {width: auto;font-family: 'notokr-regular';font-size: 16px;color: #737373;padding-left: 22px;display: inline-block;
background: url(../images/radio_off_btn.png) no-repeat left center;background-size: 14px 14px;}
a.radio-label.on {background: url(../images/radio_on_btn.png) no-repeat left center;background-size: 14px 14px;}
.stsfc-wrap>form>ul>li:last-child>button{display: inline-block; background-color: #fff; padding: 7px 13px; border: solid 1px #cccccc; position: relative; top: -7px; font-family:'notokr-regular'; font-size: 16px; color: #737373; font-weight: normal; text-align: center; border-radius: 8px; }
.coment-info {width: 80%;}
.stsfc-wrap>form>ul>li:last-child{margin-right: 0;;}

/* 교육 */
.img-area-edu{width:320px; float: left; height: 240px; position: relative;}
.content-area-edu{width:calc(100% - 320px); float: right; padding-left: 40px;}
.stoped{color: #fff; background-color: #666666;}
.edu-content-box>strong{font-weight: normal; font-size: 16px; color: #888888; font-family: 'notokr-regular';}
.edu-content-box>h4{font-family:'notokr-bold'; font-weight: normal; font-size: 23px; line-height: 26px; color: #333333; padding: 2px 0 4px 0;}
.edu-content-box{border-bottom: solid 1px #f0f0f0; padding-bottom: 15px; margin-bottom: 15px;}
.sns-mark.edu-sns{padding-top:30px}
.edu-list-info{margin-bottom: 100px !important;}

/* 교육 상세 */
.tab-view{margin-bottom: 40px;}
.content-bottom2>div.side {padding-top: 48px;}
.content-bottom2>div.side2 {padding-top: 68px;}
.tab-view::after{content: ''; display: block; clear: both;}
.tab-view>li{float: left; width: 50%;}
.tab-view>li>a{display: block; height: 49px; line-height: 49px; text-align: center; font-family: 'notokr-regular'; font-size: 18px; color: #222222; background-color: #f9f9f9; border-top:solid 1px #cccccc; border-bottom: solid 1px #50301b;}
.tab-view>li>a.on{ background-color: #fff; height: 50px; border-top: solid 1px #50301b; border-left: solid 1px #50301b; border-right: solid 1px #50301b; border-bottom: 0;}
.content-bottom.edu-view{padding:0px; border-top:0}
.tab-item{box-sizing: border-box; padding: 20px;}
.tab-title{font-family:'notokr-bold'; font-size: 30px; color: #333333; padding-bottom: 18px;}
.tab-title2{font-family:'notokr-regular'; font-size: 16px; color: #737373; line-height: 28px; word-break: keep-all; padding-bottom: 40px;}
.tab-title3{font-family:'notokr-bold'; font-size: 21px; color: #333333; font-weight: normal;}
table.tbl-view{width: 100%; margin-top:24px; border-collapse: collapse; text-align: center; word-break: keep-all;}
table.tbl-view>thead>tr>th{ padding: 14px 0; font-family:'notokr-medium'; font-weight: normal; font-size: 16px; color: #222222; border:solid 1px #cccccc}
table.tbl-view>tbody>tr>td{padding: 19px 10px; font-family: 'notokr-regular'; font-weight: normal; font-size: 16px; color: #737373; border:solid 1px #cccccc}
.bottom-info{padding-top: 32px;}
.bottom-info>p{font-family: 'notokr-regular'; font-size: 16px; color: #000000; line-height: 28px; display: table;}
.view-file-box>li{margin-bottom: 6px;}
.bottom-info>p>span:first-child{padding:0  5px 0 10px;}
.bottom-info span{display: table-cell;}
.file-name::after{content: ''; display: block; clear: both;}
.file-name{position: relative; background-color: #f9f9f9; width: 100%; padding: 30px 20px 20px 20px; box-sizing: border-box; display: table;}
.file-name>p{display: table-cell; font-family: 'notokr-regular'; font-size: 20px; color: #333333;}
.sp-type1{padding-left: 6px;}
.file-name>p>.sp-type2{display: table-cell; padding:3px 0 0 28px  ; font-family: 'notokr-regular'; font-size: 16px; color: #737373; }
.file-name>p::before{ content: ''; display: inline-block; position: relative; top:2px;  background: url(../images/icon_file_mobile.png); width: 18px; height: 22px; background-size: 18px 22px;}
.file-name>a{display: table-cell; display: inline-block; position: absolute;right: 20px; bottom: 28px;}
.file-name>a::before{ content: ''; display: inline-block; position: relative; top:3px; background: url(../images/icon_download_mobile.png); width: 20px; height: 20px; background-size: 20px 20px;}

/* 공연 리스트 */
.img-area-edu.evented{height: auto;}
.img-area-edu.evented>a>img{width: 100%;}

/* 이용안내 등록 */
.faq-text {line-height: 35px; padding: 0 20px;}
input[type="file"] {overflow: hidden;position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;clip: rect(0,0,0,0);}
select{width: 100%; height: 100%; font-size: 15px; font-family:'notokr-regular'; color: #333; padding: 0 20px;vertical-align: middle;-moz-appearance: none;-webkit-appearance: none;appearance: none;
background: #fff url(../images/select_btn_img.png) no-repeat  right 20px top 50%;}
.guide-write-box{border-top:solid 2px #333333; margin-top: 60px; margin-bottom: 30px;  padding: 30px 20px; box-sizing: border-box;}
.title-name{font-family:'notokr-medium'; font-size: 19px; font-weight: normal; color: #333333; padding-bottom: 14px;}
.title-inp::after{content: ''; display: block; clear: both;}
.title-inp>li{float: left;}
.title-inp>li:first-child{width:238px; height: 38px; border: solid 1px #dddddd; margin-right: 5px;} 
.title-inp>li:last-child{width: calc(100% - 247px); height: 38px; border: solid 1px #dddddd;}
.edtior-wrap>img{width: 100%;}
.file-info-wrap{margin-top:30px}
.button-file{width: 68px; height: 38px; display: block; text-align: center; line-height: 38px; border:solid 1px #bbbbbb; cursor: pointer; font-family:'notokr-medium'; font-size: 18px;}
.file-list-up{margin-top:10px; font-family:'notokr-regular'; font-size: 15px; color: #737373;}
.file-list-up::after{content: ''; display: block; clear: both;}
.file-list-up>li{float: left; margin-right: 16px;}
.file-list-up>li>span{display: inline-block; padding-bottom: 3px; border-bottom:solid 1px #737373}
.file-delete{width: 17px; height: 17px; vertical-align: middle; border: 0; background:url(../images/file_delete_btn_img.png) right no-repeat; background-size: 17px 17px; }
.file-delete>span{font-size: 0; line-height: 0;}
input.title-part{width: 100%; height: 100%; padding: 0 20px; box-sizing: border-box; font-size: 15px; font-family:'notokr-regular'; color: #333;}
.tag-title{width: 100%; height: 38px; border:solid 1px #dddddd; }
.tag-inp{width: 100%; height: 100%; font-size: 15px; font-family:'notokr-regular'; color: #333; padding: 0 20px;}
.file-write-btn-box{border-top:solid 1px #cccccc; padding: 30px 0 20px 0;}
.file-write-btn-box::after{content: ''; display: block; clear: both;}
.file-write-btn-box>ul{float: right;}
.file-write-btn-box>ul::after{content: ''; display: block; clear: both;}
.file-write-btn-box>ul>li{float:left; width: 78px; height: 38px; text-align: center;}
.file-write-btn-box>ul>li:first-child{ border:solid 1px #50301b; margin-right:10px ; }
.file-write-btn-box>ul>li:first-child>a{display: block; line-height: 38px; color: #50301b; font-family:'notokr-medium'; font-size: 16px;}
.file-write-btn-box>ul>li:last-child{background-color: #50301b;}
.file-write-btn-box>ul>li:last-child>a{display: block; line-height: 38px; margin-right:0; color: #fff; font-family:'notokr-medium'; font-size: 16px;}

/* 이용안내 */
.add-title1{font-family:'notokr-regular'; max-width: 1400px; margin:0 auto; font-size: 16px; color: #888888; line-height: 24px; padding-top:14px; word-break: keep-all;}
.add-title2.line{margin: 0 0 100px 0;}
.part-list-area{border-bottom:solid 1px #cccccc;}
.guide-write-wrap{padding: 20px 0 40px 0;}
.guide-write-wrap::after{content: ''; display: block; clear: both;}
.guide-write-wrap>a{float: right; font-family:'notokr-medium'; font-size: 18px; font-weight: normal; width: 118px; height: 48px; line-height: 48px; color: #fff; background-color: #50301b; text-align: center;}
.add-title2{font-family:'notokr-regular'; margin: 0!important; font-size: 16px; color: #888888;   padding: 15px 10px}
.part-list{padding-top:54px}
.part-list::after{content: ''; display: block; clear: both;}
.part-list>li{float: left; width: 20%;}
.part-list>li>a{ display: block;color: #333333;}
.part-list>li>a>p{color: #333333; box-shadow:0 0 0 1px #ccc inset; text-align: center; padding:20px 0; margin-left:-1px; margin-bottom: -1px; font-size: 22px;}
.part-list>li>a.on>p{box-shadow: 0 0 0 1px #50301b inset; word-break: keep-all; color: #50301b; border:0 ; position: relative; z-index: 99;}
.part-search{padding: 50px 0 20px 0; box-sizing: border-box;}
.part-search::after{content: ''; display: block; clear: both;}
.part-search>li:first-child{float: left; padding-top:30px}
.part-search>li:last-child{float: right; position: relative; width: 316px; height: 54px; background-color: #f8f8f8;}
.part-search>li>form>input{background-color:#f8f8f8 ; width: 87%; padding-left: 20px; line-height: 54px; height: 54px; font-family: 'notokr-regular'; font-size: 15px; color: #737373;}
.part-search>li>form>input:focus{outline: none;}
.part-search>li>form>input::placeholder{font-family: 'notokr-regular'; font-size: 15px; color: #737373;}
.part-search>li>form>input::-webkit-input-placeholder{font-family: 'notokr-regular'; font-size: 15px; color: #737373;}
.part-search>li>p{font-family: 'notokr-medium';  font-size: 16px;color: #737373;}
.part-search>li>p>span{font-family: 'notokr-bold';color: #50301b; padding-left: 6px;}
.part-list-area::after{content: ''; display: block; clear: both;}
.part-list-area>li{width: 25%; padding-right: 20px; box-sizing: border-box; margin-bottom: 20px;}
.part-list-area>li img{display: none;}
.part-list-area {display: flex; flex-flow: row wrap; margin-right: -20px;}
.prehistory_column .part-list-area>li {height: 100%;}
.prehistory_column .part-list-area>li img{display: inline-block;}
.prehistory_column .part-list-area>li a{height: auto;}
.part-list-area>li>a{display: block; height: 250px !important;}
.part-list-area>li>strong{font-family: 'notokr-regular'; display: block; font-weight: normal; font-size: 15px; color: #50301b; padding-top:20px}
.part-list-area>li>a>img{width: 100%;}
.part-list-title>a{display: inline-block;}
.part-list-title>a>p{font-family: 'notokr-medium'; font-size: 18px; color: #333333;}
.part-list-title>a>p>span>img{width: 20px; position: relative; top:3px; margin-left: 2px;}
.part-list-info{margin:12px 0 30px 0;}
.part-list-info::after{content: ''; display: block; clear: both;}
.part-list-info>li:first-child{float: left; width: calc(100% - 120px);}
.part-list-info>li:last-child{float: left;width: 100px; }
.part-list-detail{display: table; position: relative;}
.part-list-detail>p{display: table-cell; font-family: 'notokr-regular'; font-size: 16px; color:#737373 ;}
.part-list-detail>i{display: table-cell; position: absolute;top: 3px; width: 1px; height: 14px; background-color: #cccccc;}
.like-mark-b.part{padding-top:0}
.part-list-detail>.name{padding-right: 18px;}
.part-list-detail>.part-date{padding-left: 18px;}
.part-slide {max-width: 1000px;}
.part-slide__btn {bottom: 300px;}
.intro .swiper-wrapper .swiper-slide{/*min-height: 660px !important;*/ height: auto !important; text-align: center;}
.intro .swiper-button-prev {width: 50px !important; height: 50px !important; top: 40%;}
.intro .swiper-button-next{width: 50px !important; height: 50px !important; top: 40%;}
.intro .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-color: transparent; background-image: url(../images/slide-arrow-icon.png); transform: rotate(180deg);}
.intro .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-color: transparent; background-image: url(../images/slide-arrow-icon.png);}
/* .intro .swiper-button-prev {left: 50px;}
.intro .swiper-button-next {right: 50px;} */
.intro .part-slide__bottom-box {max-width: 1000px; margin: 0 auto; padding: 20px 0; text-align: center;}
.intro .part-slide__bottom-box p {font-size: 18px; color: #50301a; margin-bottom: 34px;}
.intro .part-slide__bottom-box .swiper-pagination-bullet {width: 12px; height: 12px;border: 3px solid #fff; background-color: #50301a; margin-right: 20px; opacity: 1;}
.intro .part-slide__bottom-box .swiper-pagination-bullet:last-child {margin-right: 0;}
.intro .part-slide__bottom-box .swiper-pagination-bullet-active {background-color: #fff;border: 3px solid #50301a;}
.intro .img-center-wrap {text-align: center; border: 1px solid #ddd; padding: 60px 0;}
.intro .img-center-wrap img {max-width: 100%;}
/* .intro .swiper-container {position: unset;} */
.exhibition-more-btn.part{margin: 60px auto 0 auto;}
.search-input-btn.part{background-color: #f8f8f8; bottom:16px}
.size-1{font-family:'notokr-medium'; font-weight: normal; font-size: 18px; color: #333333; display: block;}
.size-2{font-family:'notokr-regular'; font-weight: normal; font-size: 18px; color: #737373; display: block;}
.vol-info2.faq>li>p{padding-left: 12px; word-break: keep-all;}
.new-guide-title.mg{margin-top:60px}
.mi-title.faq>a{margin-top:0; margin-left: 12px;}
.faq-strong{font-family:'notokr-regular'; display: block; font-weight: normal; font-size: 18px; color: #333333; padding-bottom: 10px;}
.faq-strong.tbl{padding-top:10px}
.faq-card-info>li{display: table; margin-bottom: 10px;text-align: left; }
.faq-card-info>li>span{display: table-cell; padding-left: 20px; }
.faq-card-info>li>p{display: table-cell; word-break: keep-all; }
.faq-card-info.top{position: relative; top:-20px}

/* 이용안내 상세 */
.convent-box>li{margin-bottom: 10px;}
.convent-box>li.part{margin-top:20px}
.convent-box>li::after{content: ''; display:block; clear: both;}
.convent-name{float:left; width: 72px; position: relative; display: table; }
.convent-info{float: left; width: calc(100% - 110px); padding-left: 38px; }
.convent-name>span{display: table-cell; width: 3px; height: 3px; background-color: #333333; position: absolute; top:10px}
.convent-name>p{display: table-cell; line-height: 22px; text-align: right; padding-left: 10px; font-size: 16px; font-family:'notokr-medium';  color: #333;  }
.convent-info{font-size: 16px; color: #737373;}
.convent-list>li{margin-bottom: 12px;}
.come-font.pin{padding-top:15px}
table.come-tbl{width: 100%; border-collapse: collapse; border-top:solid 2px #333333}
table.come-tbl>tbody>tr>th{vertical-align: top; font-family:'notokr-medium'; font-weight: normal; font-size: 21px; color: #333333;  border: solid 1px #cccccc; border-left: 0; padding: 40px 0; background-color: #f9f9f9;}
table.come-tbl>tbody>tr>td{vertical-align: top;  border: solid 1px #cccccc; font-weight: normal; background-color: #fff; font-family:'notokr-medium'; font-size: 18px; color: #333333; border-left: 0; padding: 40px 0 40px 80px; }
table.come-tbl>tbody>tr>td>strong{font-family:'notokr-medium'; font-weight: normal; font-size: 18px; color: #333333;}
table.come-tbl>tbody>tr>td>p.come-tbl-font{font-family:'notokr-regular'; font-size: 16px; color: #737373;}
.vol-info2.come{padding-top:12px}
.come-font{padding-left: 0 !important; padding-bottom: 20px;}
.vol-info2.line-md>li{margin-bottom: 10px;}
.new-guide-title2.md{padding-top:10px; padding-bottom: 15px; }
.new-guide-title.md{padding-top:70px;  display: block;}
table.guide-tbl>tbody>tr>td.last{border-right: 0;}
table.come-tbl>tbody>tr>td.last{border-right: 0;}
table.guide-tbl>thead>tr>th.first{border-left:0 !important}
.part-ul{padding: 80px 0; border-bottom: solid 1px #ccc;}
.new-guide-title{font-size: 24px; font-family:'notokr-medium'; font-weight: normal; padding-bottom: 14px;}
.new-guide-title2{font-size: 16px; word-break: keep-all; font-family:'notokr-regular'; font-weight: normal;}
table.guide-tbl{width: 100%; margin-top:20px; border-collapse: collapse; border-top:solid 2px #333333}
table.guide-tbl>thead>tr>th{ padding: 20px 0; font-family:'notokr-medium'; font-weight: normal; font-size: 16px; color: #333333; text-align: center; border:solid 1px #cccccc; background-color: #f9f9f9; border-left: 0; border-right: 0;}
table.guide-tbl>tbody>tr>td{ padding: 20px 0; font-family:'notokr-regular'; font-weight: normal; font-size: 16px; color: #737373; text-align: center; border:solid 1px #cccccc; border-left: 0; }
table.guide-tbl>thead>tr>th.line{ border:solid 1px #cccccc; }
table.guide-tbl>thead>tr>th.line2{ border:solid 1px #cccccc; border-right: 0;}
.content-bottom.guide-h{padding:0 !important}
.codeView03.guide-b{border-bottom: 0; padding-bottom: 100px;}
.part-view{border-top:solid 2px #333333;  position: relative; text-align: center; padding: 26px 0; border-bottom: solid 1px #cccccc; margin-top:60px}  
.part-list-info.detail{width: 360px; margin: 14px auto 0px auto;}
.part-list-info.detail>li{width: auto;}
.part-view>strong{font-family: 'notokr-regular'; font-size: 15px; color: #50301b; font-weight: normal;}
.part-view>h4{font-family: 'notokr-medium'; font-size: 30px; font-weight: normal; color: #333;}
.part-list-detail>.part-date.detail{padding-left: 14px;}
.part-list-detail>.name.detail{padding-right: 14px;}
.like-mark-b.detail{padding-left: 30px;}
.content-bottom.part{width: 100% !important; padding: 67px 0px 0px 0px;}
.part-view-content{padding: 30px 20px 0px 20px; box-sizing: border-box;}
.part-content-type1.last{ margin: 20px 0 60px 0;}
.part-content-type1{font-family: 'notokr-medium'; font-size: 20px; color: #444444; line-height: 26px;}
.part-content-type1>span{font-family: 'notokr-regular'; display: block; font-size: 16px; color: #737373; padding-top:2px}
.part-view-btn{width: 188px; height: 52px; display: block; line-height: 52px; color: #fff; background-color: #50301b; text-align: center; font-family: 'notokr-medium'; font-size: 18px;}
.part-img-wrap{padding:0 20px; box-sizing: border-box;}
.part-ul::after{content: ''; display: block; clear: both;}
.part-ul>li{float: left; width: 19%; margin-right: 1.2%; margin-bottom: 14px; position: relative; }
.part-ul>li>a>img{width: 100%;}
.part-ul>li:nth-child(5n){margin-right: 0;}
.part-ul>li>a{display: block;}
.part-ul>li>a>div{height: 190px;}
.part-ul>li>a:hover::before{content: ''; display:inline-block; width: 100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.38); box-shadow: 0 0 0 4px #50301b inset; }
.part-ul>li:last-child{box-shadow: 0 0 0 1px #50301b inset;}
.part-ul>li:last-child>a{display: block;  position: relative;}
.txt>span{display:block;}
.part-ul>li.last>a:hover::before{display: none;}
.part-ul>li:last-child>a>div>p{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-family: 'notokr-medium'; font-size: 16px; color: #50301b;}
.part-ul>li:last-child>a>div>p::after{content: ''; display: inline-block; width: 12px; height: 12px; margin-left: 4px; background: url(../images/part_more_btn.png); background-size: 12px 12px;}
.stsfc-wrap.part>form>strong{float: right; padding-right: 40px;}
.part-list-info.detail>li:first-child{width: calc(100% - 150px);}
.part-list-info.detail>li:last-child {width: 150px;}
.sns-mark.part{padding-top:100px}
.map-box::after{content: ''; display: block; clear: both;}
.map-box>li{float: left;}
.map-box>li:first-child{width: 100px;}
.map-box>li:last-child{width: calc(100% - 140px); padding-left: 40px;}
.size-3{color: #333333; font-size: 18px;}
.size-4{color: #737373; font-size: 16px;}
.floor-box{width: 100%; height: 100px; background-color: #50301b; border-radius: 15px; position: relative;}
.floor-box>p{position: absolute; right: 5px; bottom:5px; font-size: 55px; color: #fff; font-weight: 900; font-family: 'Lato', sans-serif;}
.floor-img{text-align: center; padding-top:10px; margin-bottom: 70px;}
.floor-img>img{max-width: 100%;}
.paking-str{font-family: 'notokr-medium'; font-weight: normal; font-size: 16px; color:#333; padding-bottom: 16px; display: block;}
.paking-box-tbl::after{content:''; display: block; clear: both;}
.paking-box-tbl>li{float: left;}
.paking-box-tbl>li:first-child{width: 45px;}
.paking-box-tbl>li:last-child{width:calc(100% - 45px);}
.phone-num>li{margin-bottom: 14px;}

/* 정보공개 */
.part-list.info{padding-top:0; margin-top:54px; border-top:solid 1px #ccc;}
.part-list.info>li{width: 20%; }
.part-list.info>li>a{border-top:0}
.part-list.info>li>a>p{display: block;}
.part-list.info>li>a.on{border-top:solid 1px #50301b}

/* 경영기획 리스트 */
.infomation-list::after{content: ''; display: block; clear: both;}
.infomation-list .list-type1{float: left; width:calc(100% - 360px)}
.infomation-list .list-type2{float: right; width:360px}
.list-type1>.part-list-info{margin: 12px 0 0px 0;}
.list-type1>.part-list-info>li:first-child{width: auto;}
.list-type1>.part-list-info>li:last-child{width: auto; padding-left: 30px;}
.list-type1>strong{font-family: 'notokr-regular'; font-size: 15px; font-weight: normal; color: #50301b;}
.infomation-list{border-top:solid 2px #333333}
.infomation-list>li::after{content: ''; display: block; clear: both;}
.infomation-list>li{ width: 100%; padding:20px 20px; box-sizing: border-box; border-bottom:solid 1px #cccccc; }
.infomation-list>li>div.list-img-area-box{width: 120px; float: left;}
.infomation-list>li>div.list-type1{width: calc(100% - 480px); padding-left: 40px;}
.list-type1>.part-list-title>a>p{padding : 4px 0 8px 0;}
.list-type2>.sns-mark{padding-top:10px}
.list-type2>.sns-mark>li{margin-bottom: 15px;}

/* 경영기획 상세 */
.information-box-area{margin: 40px 0 10px 0;}
.information-box-area::after{content: ''; display: block; clear: both;}
.information-box-area>li{float: left; margin-right:10px ;}
.information-box-area>li:last-child{margin-right: 0;}
.information-box-area>li>a{display: inline-block; padding: 12px 18px; background-color: #eeeeee; font-family: 'notokr-regular'; font-size: 16px; color: #737373; }
.information-box-area>li>a.on{background-color:#50301b; color: #fff;}
.information-box-area>li>a::before{content: ''; display: inline-block; margin-right: 10px; position: relative; top:2px; width: 18px; height: 18px; background: url(../images/file_down_on_img.png) center no-repeat; background-size: 18px 18px;}
.information-box-area>li>a.on::before{content: ''; display: inline-block; margin-right: 10px; position: relative; top:2px; width: 18px; height: 18px; background: url(../images/file_down_off_img.png) center no-repeat; background-size: 18px 18px;}
.information-view-content{border:solid 2px #343434}
.information-view-content>img{width: 100%;}
.information-bottom{padding: 60px 20px 100px 20px; box-sizing: border-box;}
.information-bottom-type1{font-family: 'notokr-regular'; font-size: 16px; color: #737373; padding-bottom: 68px;}
.information-bottom-type2{text-align: center; line-height: 24px; font-family:'notokr-bold'; font-weight: normal; font-size: 24px; color: #444444;}
.information-bottom-type2>span{font-family: 'notokr-regular'; font-size: 16px; color: #444444; display: block; line-height: 30px; padding-top:4px}
.information-bottom-info{text-align: left; padding-top:90px}
.information-bottom-type3{font-family:'notokr-medium'; font-size: 16px; color: #444444; font-weight: normal;}
.information-bottom-info>p{padding-left:10px; display: table;}
.information-bottom-info>p>span{display: table-cell; font-family: 'notokr-regular'; font-size: 16px; color: #737373; line-height: 26px;}
.information-bottom-info>p>span:last-child{padding-left: 5px;}

/*common-data type-01*/
div.common-data.type-01 {padding:0 20px 20px 20px;width:100%;zoom:1;}
div.common-data.type-01:after { content:''; clear:both; display:block; overflow:hidden; height:0; font-size:0; line-height:0; }
div.common-data.type-01 div.section-title {float:left; font-weight:bold;color:#333;}
div.common-data.type-01 div.con {margin:0 0 10px 0;}
div.common-data.type-01 div.con div.btn-download {margin:0 0 10px 0;}
div.common-data.type-01 div.con:last-child {margin:0;}
div.common-data.type-01 div.con ul {margin:0;padding:0 0 10px 0;overflow:hidden;zoom:1;}
div.common-data.type-01 div.con ul:last-child {padding:0;}
div.common-data.type-01 div.con ul:after { content:''; clear:both; display:block; overflow:hidden; height:0; font-size:0; line-height:0; }
div.common-data.type-01 div.con ul li {margin:0;padding:0;list-style-type:none;margin:0 0 5px 0;padding:0 0 0 8px;background:url(../images/common/bg_li_common.gif) left 8px no-repeat;}
div.common-data.type-01 div.con ul li ul {margin:0;padding:5px 0 0 0;}
div.common-data.type-01 div.con ul li ul li {margin:0;padding:0;list-style-type:none;margin:0 0 5px 0;padding:0 0 0 8px;background:url(../images/common/bg_li_li_common.gif) left 9px no-repeat;}
div.common-data.type-01 div.con ul.n2 li {float:left;width:280px;}
div.common-data.type-01 div.con ul.n3 li {float:left;width:185px;}
div.common-data.type-01 div.con ul.n4 li {float:left;width:135px;}
div.common-data.type-01 div.con ul.n5 li {float:left;width:102px;}
div.common-data.type-01 div.con ul.no-bul li{list-style-type:none;padding:0;background:none;}
div.common-data.type-01 div.con ul.no-bul.n2 li {float:left;width:288px;}
div.common-data.type-01 div.con ul.no-bul.n3 li {float:left;width:193px;}
div.common-data.type-01 div.con ul.no-bul.n4 li {float:left;width:143px;}
div.common-data.type-01 div.con ul.no-bul.n5 li {float:left;width:110px;}
div.common-data.type-01 div.con ol {margin:0;padding:0 0 10px 0;zoom:1;}
div.common-data.type-01 div.con ol:after { content:''; clear:both; display:block; overflow:hidden; height:0; font-size:0; line-height:0; }
div.common-data.type-01 div.con ol li {margin:0;padding:0;list-style-type:none;margin:0 0 5px 0;padding:0;background:none;}
div.common-data.type-01 div.con ol.n2 li {float:left;width:280px;}
div.common-data.type-01 div.con ol.n3 li {float:left;width:185px;}
div.common-data.type-01 div.con ol.n4 li {float:left;width:135px;}
div.common-data.type-01 div.con ol.n5 li {float:left;width:102px;}
/*게시판 기존 스타일 시트*/
div.common-data.type-02 {padding:0 20px 20px 20px;max-width:685px;zoom:1;}
div.common-data.type-02:after { content:''; clear:both; display:block; overflow:hidden; height:0; font-size:0; line-height:0; }
div.common-data.type-02 div.con {margin:0 0 20px 0;}
div.common-data.type-02 div.con:last-child {margin:0;}
div.common-data.type-02 div.con div.title{color:#555;font-size:14px;line-height:35px;font-weight:bold;}
div.common-data.type-02 div.con ul {margin:0;padding:0 0 10px 0;overflow:hidden;zoom:1;}
div.common-data.type-02 div.con ul:last-child {padding:0;}
div.common-data.type-02 div.con ul:after { content:''; clear:both; display:block; overflow:hidden; height:0; font-size:0; line-height:0; }
div.common-data.type-02 div.con ul li {margin:0;padding:0;list-style-type:none;margin:0 0 5px 3px;padding:0 0 0 8px;background:url(../images/common/bg_li_common.gif) left 8px no-repeat;}
div.common-data.type-02 div.con ul li ul {margin:0;padding:5px 0 0 0;}
div.common-data.type-02 div.con ul li ul li {margin:0;padding:0;list-style-type:none;margin:0 0 2px 0;padding:0 0 0 8px;background:url(../images/common/bg_li_li_common.gif) left 9px no-repeat;}
div.common-data.type-02 div.con ul.n2 li {float:left;width:330px;}
div.common-data.type-02 div.con ul.n3 li {float:left;width:215px;}
div.common-data.type-02 div.con ul.n4 li {float:left;width:160px;}
div.common-data.type-02 div.con ul.n5 li {float:left;width:120px;}
div.common-data.type-02 div.con ul.no-bul li{list-style-type:none;padding:0;background:none;}
div.common-data.type-02 div.con ul.no-bul.n2 li {float:left;width:338px;}
div.common-data.type-02 div.con ul.no-bul.n3 li {float:left;width:223px;}
div.common-data.type-02 div.con ul.no-bul.n4 li {float:left;width:168px;}
div.common-data.type-02 div.con ul.no-bul.n5 li {float:left;width:128px;}
div.common-data.type-02 div.con ol {margin:0;padding:0 0 10px 0;zoom:1;}
div.common-data.type-02 div.con ol:after { content:''; clear:both; display:block; overflow:hidden; height:0; font-size:0; line-height:0; }
div.common-data.type-02 div.con ol li {margin:0;padding:0;list-style-type:none;margin:0 0 5px 0;padding:0;background:none;}
div.common-data.type-02 div.con ol.n2 li {float:left;width:330px;}
div.common-data.type-02 div.con ol.n3 li {float:left;width:215px;}
div.common-data.type-02 div.con ol.n4 li {float:left;width:165px;}
div.common-data.type-02 div.con ol.n5 li {float:left;width:120px;}
div.common-data.type-02 div.section-title {float:left;font-weight:bold;}


@media all and (max-width:581px) {
	div.common-data.type-01 div.con{width:100%;}
}
/*************************************************pc&태블릿*************************************************/
@media all and (max-width:1440px){
    /* 공통 */
    .view-pd{padding:0 20px;}
    .content-area{padding:0 20px; box-sizing: border-box;}
    .view-content-area-type1.full>li:first-child{width: 100%; padding: 67px 0px 100px 0px;}
    .part-list-info>li:first-child{width:calc(100% - 140px)}
    .part-list-info>li:last-child{width: 140px;}

    /* 소개 */
    .intro-bg-content{padding: 50px 50px 100px 50px; margin-top: -100px;}
    .vision-img-1>img{width: 100%;}

    /* 어린이 자문단 */
    .sub-child-title>br{display: none;}
    .child-chart>li:last-child {width: calc(100% - 290px);padding-left: 90px;}

    /* 어박 tv */
    .tv-wrap>li:first-child{width: 570px;}
    .tv-wrap>li:last-child{ width: calc(100% - 600px); padding: 38px 0 0 30px;}

}

@media all and (max-width:1280px){
    /* 비전과 미션 */
    .vision-img.song {padding-left: 10px;}
    .anthem-wrap>li:first-child{width: 120px;}
    .anthem-wrap>li:first-child>img{width: 100%;}
    .anthem-wrap>li:last-child{width: calc(100% - 120px);}
    .vision-info{width: 450px;}
    .vision-img{width: calc(100% - 450px);}
    .vision-img>img{width: auto;}
    .vision-img-1{width: calc(100% - 450px);}
    .vision-img-1>img{width: 100%;padding-left:40px}
    .vision-img1{background: url(../images/vision_img2.png) left no-repeat; background-size: contain;}
    .vision-title>br{display: none;}
    .vision-title{font-size: 40px;}
    .anthem-info>p>br{display: none;}
}

@media all and (max-width:1240px){
    /* 전시 */
    .exhibition-content>ul>li:last-child{padding-left: 0;}
    .exhibition-content>ul>li:first-child{width: calc(100% - 310px);}
    .exhibition-content-area{width: 365px;padding: 15px 0 13px 20px;}
    .exhibition-img-area {width: calc(100% - 365px);}
    .exhibition-list-title{padding: 284px 0 0 7px;}
    .exhibition-list-title>h4{font-size: 38px;}
    .content-area-edu{padding-left: 20px;}

    /* 교육 상세 */
    .content-bottom.edu-section{width: calc(100% - 360px) !important;}
    .content-bottom2.edu-section{ width: 340px !important;}
    .content-area.edu-section{padding:0;}
    .tab-item {padding: 60px 20px 0 0px;box-sizing: border-box;}
    .part-list>li{width: 25%;}
    
    .txt>span{display: contents;}

    /* 소식참여 상세 */
    .part-ul>li{width: 23.5%; margin-right: 2%;}
    .part-ul>li:nth-child(4n){margin-right: 0;}
    .part-ul>li:nth-child(5n){margin-right: 2%;}

    /* 경영기획 */
    .part-list.info>li>a{font-size: 15px; letter-spacing: -1px;}

    /* 튼튼이송 */
    .anthem-part>li:first-child{width:calc(100% - 320px);}
    .anthem-part>li:last-child {width: 300px;float: right;padding-left: 20px;}

    /* 건축소개 */
    .architecture-wrap>li:first-child{width: 480px;}
    .architecture-wrap>li:last-child{width: calc(100% - 510px); padding-left: 30px;}

    /* 어박tv */
    .tv-title>br{display: none;}
    .tv-contents>br{display: none;}


}

@media all and (max-width:1140px){
    .org-info-type1{float: left; width: 220px;}
    .org-info-type2{float: left; width:calc(100% - 220px)}

    /* 어박 tv */
    .tv-wrap>li:first-child{width: 470px;}
    .tv-wrap>li:last-child{ width: calc(100% - 500px); padding: 38px 0 0 30px;}

}
/*************************************************모바일&태블릿*************************************************/
@media all and (max-width:991px){
    /* 공통 */
    .video{width: 142px; height: 142px; background:url(../images/pc_viedo.png) center no-repeat; background-size: 142px 142px; position: absolute;
        left: 50%;top: 50%;transform: translate(-50%, -50%);}
    .list-pointer.new{width: 271px; height: 68px; background:url(../images/m_new_img_opentype_01_03.png) center no-repeat; background-size: 271px 68px; }
    .view-pd{padding:0;}
    .title-tab.new>li{width: 24% !important;}
    .infomation-list>li>div.list-img-area-box{width: 200px;}
    .content-area{padding:0 40px; box-sizing: border-box;}
    .search-input-btn.part{background-color: #f8f8f8; bottom:18px; right:23px}
    .content-area.mi{padding: 0;}
	.content-area .sub-content {padding: 0px 15px;}
    .arch-tbl>colgroup>col:first-child{width: 100% !important;}
    .list-none-title{font-family:'notokr-regular'; font-size: 32px; color: #767676; padding:10px 0; text-align: center;}
    .tab-item.event-item{padding: 60px 0px 0 0px !important;}
    /* 마이크로사이트 */
    .micro-list{padding:50px 0 0 0; border-top:solid 3px #333; }
    .micro-list>li{padding:0 0 50px 0; margin-bottom: 50px; }
    .micro-list-type1{float: none; width: 100%; }
    .micro-list-type2{float: none; width: 100%; margin-top:50px; padding:0}
    .micro-part-title{font-size: 24px;}
    .micro-str-list>li:first-child{font-size: 34px;}
    .micro-list-type2>a{font-size: 28px; padding:0}
    .micro-info-title{font-size: 28px; line-height: 46px;     padding-top: 26px;}
    .micro-new{width: 30px; height: 30px; margin: 10px 0 0 10px;background: url(../images/new_ico_03.png) center no-repeat;
    background-size: 30px 30px;}
    .page-navi {display: flex; justify-content: space-between; align-items: center;}
    .page-navi::after {display: none;}

    /* 이용안내 등록 */
    .guide-write-box{padding: 0px; margin-bottom: 60px;}
    .file-info-wrap{margin-top:60px} 
    .title-inp>li{float: none;}
    .title-inp>li:first-child{width: 238px; height: 58px; margin-right: 0; margin-bottom: 15px;}
    .title-inp>li:last-child{width: 100%; height: 58px;}
    select{font-size: 28px; line-height: 58px;}
    .title-name{font-size: 30px; padding-bottom: 20px;}
    .button-file{width: 88px; height: 70px; font-size: 28px; line-height: 70px;}
    .file-delete{width: 32px;height: 32px;vertical-align: middle;border: 0;background: url(../images/m_file_delete_btn_img.png) right no-repeat;
    background-size: 32px 32px;}
    .file-list-up{font-size: 28px;}
    .file-list-up>li{margin-right: 28px;}
    .file-list-up>li>span{padding-bottom: 6px;}
    .tag-title{height: 58px;}
    .tag-inp{font-size: 28px;}
    .file-write-btn-box>ul>li{width: 142px; height: 70px;}
    .file-write-btn-box>ul>li:first-child>a{font-size: 28px; line-height: 70px;}
    .file-write-btn-box>ul>li:last-child>a{font-size: 28px; line-height: 70px;}

    /* 어박 tv */
    .tv-wrap>li:first-child{float: none; width: 100%;}
    .tv-wrap>li:last-child{float: none; width: 100%; padding: 66px 0 0 0px;}
    .tv-title{font-size: 56px; line-height: 68px;}
    .tv-contents{font-size: 28px; line-height: 46px;     padding: 36px 0 20px 0;}
    .tv-title>br{display: block;}
    .tv-contents>br{display: block;}
    .mi-title.group.tv>a{width: 416px;}

    /* 자원봉사 */
    .vol-title{float: none; width: 100%;}
    .vol-info-wrap{float: none; width: 100%; border-top:0; margin-left: 0; padding-top:30px}
    .vol-info-wrap.no-line{padding-bottom: 160px;}
    .vol-title::after{content: ''; display: block; clear: both;}
    .vol-title>h4{float: left; font-size: 40px;}
    .vol-title>a{float: left; font-size: 28px;  line-height: 66px; padding-left: 60px;}
    .vol-title>a>span {width: 29px;height: 29px;margin-left:10px;top: 4px;background: url(../images/m_down_ico.png) center no-repeat;
    background-size: 29px 29px;}
    .vol-info{display: block; width: 100%; font-size: 28px; padding-bottom: 4px;}
    .vol-info2{display: block; width: 100%; font-size: 28px; line-height: 46px;}
    .vol-info2>li>span{width: 4px; height: 4px; top:18px}
    .vol-info2>li>p{padding-left: 14px;}
    .vol-info-box>li{margin-bottom: 34px;}
    .vol-info3{font-size: 28px;}
    .vol-info3>span{width: 26px;height: 19px;margin-right: 10px;display: inline-block;background: url(../images/m_tell_ico.png)center no-repeat;
    background-size: 26px 19px;}
    .no-line{padding-bottom: 0; margin-top: 0;}
    .mi-title.group.vol2>a{width: 360px;}

    /* 비전과 미션 */
    .anthem-info>p>br{display: block;}
    .vision-info{width: 100%; float: none;}
    .vision-img{width: 100%; float: none;}
    .vision-img-1{width: 100%; float: none;}
    .vision-img1{width: 100%; height: 390px; margin-top: 30px;background: url(../images/m_vision_img1.png) center no-repeat; background-size: contain;}
    .vision-box-info>li>strong{font-size: 40px;}
    .vision-wrap{margin-top:40px}
    .vision-title{font-size: 52px; line-height: 68px;}
    .vision-box-info>li {margin-bottom: 60px;}
    table.vision-tbl>tbody>tr>th{font-size: 28px;}
    table.vision-tbl>tbody>tr>td{font-size: 28px; line-height: 46px;}
    .vision-wrap{padding-bottom: 60px;}
    .pc-anthem{display: none;}
    .mobile-anthem{display: inline-block;}
    .anthem-wrap>li:first-child{float: none; width: 100%; text-align: center;}
    .anthem-wrap>li:last-child{width: 100%; float: none;     padding:60px 0 0 0;}
    .anthem-wrap>li:first-child>img{width: auto;}
    .anthem-info>strong{font-size: 40px;}
    .anthem-info>h3{font-size: 56px;}
    .anthem-info>p{font-size: 28px; line-height: 46px; word-break: keep-all;}
    .anthem-info>p>br{display: none;}
    .vision-img-1>img{padding-left: 0;}
    .anthem-wrap{padding: 0 40px 38px 40px;}
    .vision-wrap.anthem{padding:0}
    .vision-wrap.song {margin-top:100px; padding-bottom: 160px;}
    .vision-img.song{padding-left: 0;}
    .sont-title{padding:0;}
    .sont-title>li:first-child{float: none; text-align: left; font-size: 56px; line-height: 46px;}
    .sont-title>li:last-child{float: none;}
    .sont-title2 {padding-top: 0;}
    .sont-title2>li>p{font-size: 34px; line-height: 50px; padding: 20px 0 30px 0;}
    .sont-title>li:first-child{margin-top:80px;}
    .sing-song-box{padding: 39px 0 0 0;}
    .sing-song-box>li{font-size: 28px; line-height: 46px;}
    .song-info-box{margin-top:40px}

    /* 건축소개 */
    .architecture-wrap>li:first-child{width: 100%; float: none;}
    .architecture-wrap>li:last-child{width: 100%; float: none; padding-left: 0px;}
    .arch-info{font-size: 42px; line-height: 56px; padding-top: 40px;}
    table.arch-tbl>tbody>tr>th{display: block; border-right: 0; background-color: #f9f9f9; padding: 24px 0; font-size: 28px;}
    table.arch-tbl>tbody>tr>td{display: block; border-left: 0; background-color: #fff; padding: 24px 0; font-size: 28px; text-align: center;}
    table.arch-tbl>tbody>tr>td.left{text-align: left; padding-left: 36px;}
    table.arch-tbl>tbody>tr>td>ul>li>span{width: 4px; height: 4px; top:18px}
    table.arch-tbl>tbody>tr>td>ul>li{margin-bottom: 20px;}
    table.arch-tbl>tbody>tr>td>ul>li:last-child{margin-bottom: 0;}
    table.arch-tbl>tbody>tr>td>ul>li>p{padding-left: 14px;}
    table.arch-tbl{margin-top:60px}

    /* 통합검색 */
    .total-search-info{padding-bottom: 100px;}
    .total-result{font-size: 36px; }
    .swiper-slide.search>a{font-size: 34px; padding-bottom: 26px;}
    .total-title{font-size: 48px;}
    .size1{font-size: 30px;}
    .staff{padding: 50px 0 108px 0;}
    .staff-info>li>strong{font-size: 40px;}
    .staff-info>li{    padding: 28px 0 20px 0;}
    .staff-info2{float: none; margin-bottom: 6px;}
    .staff-info2>li{font-size: 28px;}
    .staff-info2>li.tell-info::before{display: none;}
    .staff-info2>li::before{width: 1px; height: 22px;}
    .tell-info>span{width: 27px;height: 27px;top: 2px;background: url(../images/m_search_tell_img.png) center no-repeat;background-size: 27px 27px;margin-right:12px;}
    .staff-info2>li:last-child>span{width: 27px;height: 22px;top: 2px;background: url(../images/m_search_mail_img.png) center no-repeat;background-size: 27px 22px;margin-right: 12px;}
    .search-more-btn>span{width: 12px;height: 21px;margin-left: 6px;top: -2px;background: url(../images/m_more_search_btn_img.png) center no-repeat; background-size: 12px 21px;}
    .search-more-btn{font-size: 28px; bottom: 60px;}
    .search-intro{margin-top:70px}
    .search-intro-info>li>div>strong{font-size: 34px;}
    .search-intro-info>li:first-child{margin-top:10px}
    .search-font{font-size: 28px; line-height: 46px;}
    .search-news{margin-top:70px}
    .search-news-box{margin-top:20px}
    .search-img-info-title>li{font-size: 34px;}
    .search-img-info-title>li::after{width: 3px; height: 32px; top: 4px;     margin: 0 20px;}
    .search-img{width: 100%; height: auto; float: none; padding: 29px 0 44px 0;}
    .search-img>img{width: 100%;}
    .search-img-info{float: none; width: 100%;}
    .search-exhibition{margin-top:70px}
    .total-title.exhibition{margin-bottom: 0;}
    .search-news-box.exhibiton{margin-top:0}
    .search-font.date>li::before{width: 2px; height: 24px; margin:0 14px;}

    /* 소개 */
    .part-content.intro{padding: 0 40px;}
    .intro-img{margin-top:60px; height: 274px; background:url(../images/m_intro_bg_main_new.png) center no-repeat; background-size:cover}
    .intro-bg-content {padding: 60px 0px 100px 0px;margin-top: 0px;}
    .intro-bg-content>h4{font-size: 56px; line-height: 68px;}
    .intro-type1{font-size: 40px; line-height: 50px; word-break: keep-all;padding: 38px 0 56px 0;}
    .intro-type2{font-size: 28px; line-height: 46px; word-break: keep-all;}
    .intro-type2>br{display: none;}
    .intro-type2.pd-re {padding-top: 44px;}

    /* 개인정보 처리방침 */
    table.policy-tbl{display: none;}
    table.m-policy-tbl{display: block; margin-top:30px; width: 100%; border-collapse: collapse; }
    table.m-policy-tbl>thead>tr>th{background-color: #f9f9f9; text-align: center; border:solid 1px #dddddd;  font-family:'notokr-medium'; font-weight: normal; font-size: 28px; color: #333333; padding: 20px 5px}
    table.m-policy-tbl>tbody>tr>th{background-color: #f9f9f9; border:solid 1px #dddddd; text-align: center;  font-family:'notokr-medium'; font-weight: normal; font-size: 28px; color: #333333; padding: 0 14px}
    table.m-policy-tbl>tbody>tr>td{text-align: left; padding: 20px 14px; color: #737373; font-size: 28px;border:solid 1px #dddddd; background-color: #fff;  line-height: 44px;}
    .policy-box>strong{font-size: 34px; padding-bottom: 25px;}
    .policy-wrap {padding-top: 50px; }
    .policy-box>p{font-size: 28px; line-height: 46px;}
    .policy-wrap>li:first-child{border-bottom:solid 1px #cccccc; margin-bottom: 50px;}
    .policy-info>li{font-size: 28px; line-height: 46px;}
    .left-float{ width: 40px; line-height: 38px;}
    .right-float{width: calc(100% - 60px); }
    .policy-info>li>p>span{line-height: 46px;}
    .right-pd{line-height: 46px; padding-left: 40px;}
    .right-pd2{padding-left: 32px;}
    .policy-list-tbl.pd>li{font-size: 28px; line-height: 38px;}
    .policy-list-tbl>li>p>span{width: 6px; height: 6px; top: 15px;}
    .policy-list-tbl>li>p{padding-left: 17px;}
    .policy-list-tbl.pd{padding-left: 44px;}
    .policy-strong{font-size: 30px; padding: 20px 0 20px 40px;}
    .policy-strong2 {padding: 0 0 20px 40px;}
    .policy-strong3{font-size: 30px; line-height: 46px; padding-left: 40px;}
    .right-float.type{padding-bottom: 18px;}
    .policy-box {padding-bottom: 50px;}
    
    /* MI소개 */
    .mi-part>li:first-child{float: none; width: 100%;}
    .mi-part>li:last-child{float: none; width: 100%; text-align: center;}
    .kind-info-box>li{width: 33.3%;}
    .kind-info-box>li.pd{padding-top:0;}
    .mi-title>h4{font-size: 56px; line-height: 68px;}
    .mi-part {margin-top: 30px;}
    .mi-title>strong{font-size: 40px; padding: 60px 0 34px 0;}
    .mi-title>p{font-size: 28px; line-height: 46px;}
    .mi-title>p>br{display:none}
    .mi-title>a{width: 218px; display: none; height: 68px; line-height: 68px; font-size: 28px;}
    .mi-title>a::before{width: 28px; height: 28px; background-size: 28px 28px;}
    .mi-part>li:last-child>.mi-bg>img{width: 353px; padding-top:90px}
    .kind-info{margin: 100px 0 200px 0;     padding: 62px 0px;}
    .part-content.mi{padding:0}
    .kind-info-box>li>img{height: 188px;}
    .kind-info-box>li>p{font-size: 28px;}
    .m-pd{margin: 100px 0;}

    /* 튼튼이송 */
    .anthem-part>li:first-child{float: none; width: 100%;}
    .anthem-part>li:last-child{float: none; width: 100%; padding-left: 0px; margin-top:75px}
    .video-info-title{padding: 0 0 32px 0; margin-bottom: 40px;}
    .song-info-box {padding-left: 0;}
    .video-info-title>h3{font-size: 56px;}
    .video-info-name>li>p{font-size: 34px;}
    .video-info-name {padding-top: 6px;}
    .song-info-box>p{font-size: 28px; line-height: 40px;}
    .song-info-box>a{width: 286px; height: 70px; line-height: 70px; }
    .song-info-box>a{font-size: 28px;}
    .song-info-box>a::before{width: 28px; height: 28px; background-size: 28px 28px;}

    /* 어린이 자문단 */
    .child-title{text-align: left; font-size: 56px; line-height: 68px; word-break: keep-all;     padding: 40px 0 44px 0;}
    .child-title span{display: inline-block;}
    .child-title br{display: none;}
    .sub-child-title{font-size: 28px; line-height: 46px; text-align: left;}
    .child-big-box {margin-top: 100px;}
    .first-box>li{width: 49%; margin-right: 2%; margin-bottom: 2%;}
    .first-box>li:nth-child(2n){margin-right: 0;}
    .second-box>li{float: none; width: 100%;}
    .second-box>li:first-child{width: 100%; margin-bottom: 2%;}
    .second-box>li:nth-child(2){width: 100%;}
    .second-box>li:nth-child(2)::after{content: ''; display:block; clear: both;}
    .second-box>li:nth-child(2) div{float: left;}
    .child-tpye1{width: 49%; margin-right: 2%;    margin-bottom: 2%;}
    .child-tpye1.last{width: 49%; margin-right: 0;}
    .second-box>li:nth-child(3){width: 100%;}
    .child-tpye2{margin-bottom: 2%; height: 270px;}
    .child-chart>li:first-child{float: none; width: 100%;}
    .child-chart>li:last-child{float: none; width: 100%; padding-left: 0;}
    .child-chart>li:first-child>h4{font-size: 34px; padding-bottom: 40px;}
    .child-chart {margin-top: 100px;}
    table.child-tbl{display: none;}
    .m-child-tbl{display: block; width: 100%; margin-bottom: 90px; border-top:solid 3px #333333; box-sizing: border-box; border-bottom:solid 1px #ccc; border-left: solid 1px #ccc; border-right:solid 1px #ccc;}
    .year{ background-color: #f9f9f9; border-bottom: solid 1px #ccc; text-align: center; padding: 26px 10px; font-family:'notokr-medium'; font-size: 28px; color: #50301b;}
    .m-tbl-info::after{content: ''; display: block; clear: both;}
    .m-tbl-info>li{float: left;  font-size: 28px; color: #222222; text-align: center; padding: 26px 0px; text-align: center; }
    .line-b{border-top:solid 1px #ccc; border-bottom:solid 1px #ccc;}
    .m-tbl-box{font-size: 28px; line-height: 46px;    padding: 26px 10px;}
    .child-result>p{font-size: 28px; color: #222222; text-align: center; padding: 26px 0px; text-align: center; }
    .m-tbl-info>li:first-child{width: 49.6%; border-right: solid 1px #ccc;;}
    .m-tbl-info>li:last-child{width: 50%;}
    .mi-title.group>a{display: block; width: 306px; margin-top: 20px; margin-bottom: 40px;}
    .child-chart>li:first-child>h4.song{font-size: 40px; padding-bottom: 0;}
    .child-chart>li:first-child>h4>br{display: none;}
    .group-song>li{font-size: 28px; line-height: 46px; word-break: keep-all;}
    .group-song>li>br{display: none;}
    .br{display: block;}

    /* 조직구성 */
    .org-area{padding: 0 40px; box-sizing: border-box;     margin: 50px auto 180px auto;}
    .org-box>li:first-child{float: none; width: 100%;}
    .org-box>li:last-child{float: none; width: 100%; padding-left: 0; margin-top:40px}
    .org-menu::after{content: ''; display: block; clear: both;}
    .org-menu>li{float: left; width: 33.3%; height: 60px; text-align: center;}
    .org-search{height: 90px; line-height: 90px;}
    .org-box>li>div>form>input::placeholder{line-height: 92px; font-size: 28px;}
    .org-menu li a span{font-size: 24px;}
    /* .org-menu>li:last-child{width: 100%;} */
    .org-menu>li:nth-child(2){text-align: center;}
    .org-menu>li:nth-child(3){text-align: center;}
    .org-search{margin-bottom: 30px;}
    .org-info-type1{float: none; width: 100%; border-bottom:solid 1px #dddddd;}
    .org-info-type2{float: none; width: 100%;}
    .detail-org-info {border-top: solid 3px #333333;}
    .detail-big-list>li {padding: 38px 0px 73px 0px;}
    .org-info-type1 strong{font-size: 32px;}
    .org-info-type1 h3{font-size: 40px;}
    .org-info-type1 p{font-size: 28px;}
    .org-tell::before {width: 27px;height: 27px;background: url(../images/big_tell.png) center no-repeat;background-size: 27px 27px;}
    .org-email::before {width: 27px;height: 22px;background: url(../images/big_email.png) center no-repeat;background-size: 27px 22px;}
    .org-info-type1 p span {padding-left: 16px;}
    .org-info-type2-list>li>span{font-size: 28px; padding-left: 24px;}
    .org-info-type2-list>li::before{width: 8px; height: 8px; top: 14px;}
    .org-info-type2-list>li {position: relative;margin-bottom: 14px;}
    .sub-org-info li{padding: 0 0 0 24px;}
    .sub-org-info li span{font-size: 28px;}
    .sub-org-info{padding-top:10px}

    /* 전시 */
    .view-content-area-type1>li:first-child>p>img{max-width: 100%; height: 100%;}
    .filter-close{display:block;}
    .sns-mark>li>a{font-size: 28px;}
    .list-pointer{font-size: 28px; line-height: 46px;     padding: 30px 0 50px 0;}
    .exhibition-more-btn>a>p::after {content: '';display: inline-block;width: 25px;height: 25px;margin-left: 10px;background: url(../images/m_exhibition_more_btn.png) center no-repeat;
    background-size: 25px 25px; position: relative; top: 1px;}
    .exhibition-more-btn>a:hover>p::after {content: '';display: inline-block;width: 25px;height: 25px;margin-left: 10px;background: url(../images/m_on_exhibition_more_btn.png) center no-repeat;
    background-size: 25px 25px; position: relative; top: 1px;}   
    .exhibition-more-btn{width: 100%; height: 70px; border: solid 1px #333333; margin: 160px auto 210px auto;}
    .exhibition-more-btn>a>p{line-height: 70px; font-size: 28px;}
    .title-tab>li{width: 16%;}
    .exhibition-content>ul>li:first-child{float: none; width: 100%;}
    .exhibition-content>ul>li:last-child>form{position: fixed; overflow: hidden; overflow-y: scroll; width: 92%; height: 100%; top:0%; right: 0; background-color: #fff; z-index: 99999; padding:0 40px; box-sizing: border-box;}
    /* .sub-content-visual {background: url(/userContent/images/common/bg/m_sub_visual_img01.png) center no-repeat;background-size: cover;height: 611px;}
    .sub-content-visual.edu{background: url(/userContent/images/common/bg/m_sub_visual_img02.png) center no-repeat;background-size: cover;height: 611px;}
    .sub-content-visual.evented{background: url(/userContent/images/common/bg/m_sub_visual_img03.png) center no-repeat;background-size: cover;height: 611px;}
    .sub-content-visual.part{background: url(/userContent/images/common/bg/m_sub_visual_img04.png) center no-repeat;background-size: cover;height: 611px;}
    .sub-content-visual.info{background: url(/userContent/images/common/bg/m_sub_visual_img05.png) center no-repeat;background-size: cover;height: 611px;}
    .sub-content-visual.intro{background: url(/userContent/images/common/bg/m_sub_visual_img06.png) center no-repeat;background-size: cover;height: 611px;}
    .sub-content-visual.data{background: url(/userContent/images/common/bg/m_sub_visual_img07.jpg) center no-repeat;background-size: cover;height: 611px;}
    .sub-content-visual.micro{background: url(/userContent/images/common/bg/m_sub_visual_img08.png) center no-repeat;background-size: cover;height: 611px;}
    .sub-content-visual.view-content-area-type1{background: url(/userContent/images/common/bg/m_sub_visual_img02.png) center no-repeat;background-size: cover;height: 611px;} */
    .sub-content-visual>p{font-size: 72px; padding-top: 300px;}
    .sub-content-visual>p>span{font-size: 30px; padding-top: 2px;}
    .page-navi-area>li:first-child{    width: 22px; height: 24px;background: url(../images/m_navi_home_img.png) center no-repeat;  background-size: 22px 24px; position: relative; top: -2px;}
    .page-navi-area>li::before {padding: 0 15px;vertical-align: middle;width: 11px;height: 20px;background: url(../images/m_navi_ico.png) center no-repeat;background-size: 11px 20px;}
    .page-navi-area>li>p{font-size: 26px;}
    .navi-title{font-size: 56px;}
    .page-navi-area{padding: 60px 0 14px 0;}
    .title-tab>li>a{font-size: 34px;     padding-bottom: 20px;}
    .tab-type{margin-top: 48px;}
    .exhibition-cnt>p{float: left; font-size: 26px; padding: 8px 0 0 0;}
    .exhibition-cnt{padding:50px 0;}
    .exhibition-cnt::after{content: ''; display: block; clear: both;}
    .exhibition-side-menu{float: right; display: inline-block; cursor: pointer;  width: 144px; height: 58px; background-color: #fff; border-radius: 10px; border: solid 1px #cccccc;  text-align: center; font-family:'notokr-regular'; font-size: 26px; line-height: 58px;  color: #737373;}
    .exhibition-side-menu::before{content: ''; display: inline-block; width: 30px; height: 25px; margin-right: 7px; background: url(../images/m_filter_btn.png) center no-repeat; background-size: 30px  25px;}
    .exhibition-img-area{float: none; width: 100%; height: 517px;}
    .exhibition-content-area{float: none; width: 100%; padding: 60px 0 13px 0px;}
    .chk-mark{width: 92px; height: 48px; }
    .chk-mark>p{font-size: 24px; line-height: 48px; }
    .exhibition-list-title>p{font-size: 30px; padding-bottom: 0; line-height: 24px;}
    .exhibition-list-title>h4{font-size: 56px;     padding-bottom: 20px;}
    .like-mark>li>span{font-size: 24px;}
    .like-mark>li:first-child::before{    content: '';position: relative;top: 1px; margin-right: 4px; display: inline-block;background: url(../images/m_like01.png) center no-repeat;
    width: 24px;height: 22px;background-size: 24px 22px; margin-right: 6px;}
    .like-mark>li:last-child::before {content: '';position: relative;top: 1px;margin-right: 4px;display: inline-block;background: url(../images/m_like02.png) center no-repeat;
    width: 23px;height: 23px;background-size: 23px 23px; margin-right: 6px;}
    .exhibition-list-title {padding: 328px 0 0 20px;}
    table.exhibition-tble>tbody>tr>th{font-size: 28px; padding-bottom: 12px; width: 123px;}
    table.exhibition-tble>tbody>tr>td{font-size: 28px; padding-bottom: 12px;}
    .filter-close{ background-color: #fff; position: relative; padding: 55px 0 25px 0;}
    .filter-close>button{width: 40px; height: 40px; border: 0;  position: absolute; right: 0; background: url(../images/filter-close_btn.png) center no-repeat;   background-size:40px  40px;}
    .search-content{padding: 0 0 6px 0; height: 66px; font-size: 28px;}
    input.search-content::placeholder{color:#737373 ; font-size: 28px;}
    .search-input-btn>img{width: 40px; height: 40px; position: relative; top: -4px;}
    .side-title{font-size: 40px; padding-bottom: 40px;}
    a.chbox-label {font-size: 30px;color: #333333;padding-left: 40px;display: inline-block;background: url(../images/m_radio_off_img.png) no-repeat left center;
    background-size: 30px 30px;}
    a.chbox-label.on {background: url(../images/m_radio_on_img.png) no-repeat left center;background-size: 30px 30px;}
    .search-area { position: relative;border-bottom: solid 2px #444444;margin: 61px 0 98px 0;}
    .radio-chk>ul>li {margin-bottom: 37px;}
    .search-input-btn{right: 0;}
    .radio-chk {margin: 0 0 55px 0;padding-bottom: 52px;}
    .year-select.m-none{display: none;}
    .year-select-box{width: 100%; height: 94px; font-size: 28px;}
    select {padding: 0 20px;vertical-align: middle;-moz-appearance: none;-webkit-appearance: none;appearance: none;background: #fff url(../images/m_select_btn.pn.png) no-repeat right 20px top 50%;}
    .side-title.year {padding: 60px 0 34px 0; background-color: #fff; border-bottom: 0; text-align: left; color: #333; font-family: 'NanumSquare';
        font-weight: bold;}
    .m-filter-submit{display: block; padding-bottom: 130px; border-bottom: 0;}
    .m-filter-submit>button{display: block; border:0; padding:0; width: 100%; height: 104px; background-color: #50301b; line-height: 104px; text-align: center; margin-top: 100px; color: #fff; font-family:'notokr-medium'; font-size: 36px;}
    .m-dim{display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.38); z-index: 1;}
    .filter-form{display: none;}
    .sns-mark>li{margin-bottom: 40px;}
    .detail-page-url-box{padding-top:40px}
    .detail-page-url-box>a{width: 218px; height: 74px; font-size: 28px; line-height: 74px; margin: 0 auto;}
    .detail-page-url-box>a:hover{background-color: #fff; color: #50301b; font-family:'notokr-regular';}

    /* 전시 상세 */
    .view-content-area-type1>li:first-child{float: none; width: 100% !important; height: 515px; }
    .view-content-area-type1>li:last-child{float: none; width: 100% !important; }
    .swiper-slide.view {height: 100% !important;}
    .content-area.full{padding:0}
    .view-content-area-type1>.m-pd{padding: 0 40px !important; box-sizing: border-box;}
    .swiper-container.view-swiper-container{margin: 0 40px;}
    .navi-sns-box>li:first-child>a {top: 1px; width: 58px;height: 52px;background: url(../images/hart.png) center no-repeat;
    background-size: 58px 52px;}
    .navi-sns-box>li>a{ width: 58px;height: 58px;}
    .navi-sns-box>li>a.print{background: url(../images/print_img.png) center no-repeat; background-size: 58px 58px;}
    .navi-sns-box>li>a.facebook{background: url(../images/facebook.png) center no-repeat; background-size: 58px 58px;}
    .navi-sns-box>li>a.twitter{background: url(../images/twitter.png) center no-repeat; background-size: 58px 58px;}
    .navi-sns-box>li>a.url{background: url(../images/URL.png) center no-repeat; background-size: 58px 58px;}
    .page-navi .view-sns {padding-top: 64px;}
    .view-slide-btn>li {width: 90px;height: 110px;cursor: pointer;}
    .swiper-view-button-next2 {width: 22px;height: 38px;background: url(../images/m_view_next_btn.png) center no-repeat;
    background-size: 22px 38px;}
    .swiper-view-button-prev2 { width: 22px;height: 38px;background: url(../images/m_view_prev_btn.png) center no-repeat;
    background-size: 22px 38px;}
    .view-pagination{top: 455px;}
    .pagination.view .swiper-pagination-bullet{width: 22px;height: 22px;}
    .view-info-content{border-top: 0; padding: 62px 0px 26px 0px;}
    .view-info-content>h4{font-family:'notokr-bold'; font-size: 48px;}
    .detail-popup-btn{width: 65px; height: 65px; right: 70px; bottom:30px}
    .like-mark-b>li:first-child::before {top: 4px; margin-right: 4px; background: url(../images/m_like_black.png) center no-repeat;width: 26px;height: 22px;
    background-size: 26px 22px;}
    .like-mark-b>li.like-last::before {top: 2px;margin-right: 4px;background: url(../images/m_like02_black.png) center no-repeat;
    width: 25px;height: 25px;background-size: 25px 25px;}
    .like-mark-b>li>span{font-size: 26px; }
    .like-mark-b>li>span.pd{position: relative;top:-2px}
    .pd-none{padding-left:0}
    .free{padding:10px 20px; font-size: 26px;}
    .view-info-type1>li:first-child{padding-top:10px}
    .view-info-content2{padding: 30px 0px 0px 0px;}
    table.exhibition-tble.view>tbody>tr>th{width: 190px; padding-bottom: 21px;}
    .reservation-btn{height: 104px; margin-top: 48px;}
    .reservation-btn>p{line-height: 104px; font-size: 36px;}
    .view-content-area>ul:first-child {margin-bottom: 74px;}
    .content-bottom>h4{font-size: 40px;}
    .content-bottom>p{font-size: 28px; line-height: 46px;     padding-top: 30px;}
    .list-box-li>strong{font-size: 34px;     padding-bottom: 16px;}
    .view-list-content>li>p{font-size: 28px;}
    .view-list-content>li>div{font-size: 28px;}
    .content-bottom{padding: 74px 0px 200px 0px; border-top: solid 3px #333333;}
    .content-bottom2{border-top: solid 3px #333333; padding-left: 0px !important; padding-bottom: 80px;}
    .list-box-li {padding-top: 60px;}
    .content-bottom-type>h4{font-size: 40px; padding-bottom: 34px;}
    .content-bottom-list>li>a>strong{font-size: 30px;}
    .content-bottom-list>li>a>p{font-size: 26px; padding: 14px 0 16px 0;}
    .content-bottom-mark{font-size: 24px;}
    .content-bottom2>div:last-child {padding-top: 94px;}
    .content-bottom.line{border-top: 0;}
    .codeCopyright{padding:60px 0;}
    .codeCopyright img.pc{display: none; }
    .codeCopyright img.mobile{display: block; top:0}
    .codeCopyright .txt{display: block;}
    .codeCopyright .txt{font-size: 24px; line-height: 32px; width: 100%;}
    .comit-title{font-size: 28px; padding-bottom: 32px;}
    .textarea-wrap>textarea{height: 170px; font-size: 22px; padding: 18px}
    .comment-box>li:last-child{height: 177px; line-height: 177px; font-size: 28px;}
    .name-date>strong{font-size: 24px; max-width: 300px;}
    .name-date>p{font-size: 21px;}
    .coment-info>p{font-size: 28px; line-height: 38px;}
    .comment-text>li{padding: 32px 20px;}
    .comment-text>li>a {top: 40px;width: 18px;height: 18px;padding: 0;
    background: url(../images/m_comment_close_btn.png) center no-repeat;background-size: 18px 18px;}
    .page-list-click-wrap>li:first-child>a::before {margin-right: 18px;width: 34px;height: 28px;background: url(../images/m_prev_list_btn.png) center no-repeat;
    background-size: 34px 28px;}
    .page-list-click-wrap>li:first-child>a{font-size: 32px;}
    .page-list-click-wrap>li:last-child>a{font-size: 32px;}
    .page-list-click-wrap>li:last-child>a::after {width: 34px;height: 28px; margin-left: 18px; background: url(../images/m_next_list_btn.png) center no-repeat;
    background-size: 34px 28px;}
    .page-list-click-wrap>li:nth-child(2)>a{width: 258px; height: 102px;; line-height: 102px; font-size: 36px;}
    .page-list-click-wrap {height: 180px;padding-top: 130px;}
    .page-list-click-wrap>li:nth-child(2){top:100px}
    .stsfc-wrap>form>strong{float: none; font-size: 32px;}
    .stsfc-wrap>form>ul{float: none;}
    /* .stsfc-wrap {padding: 48px 0px 50px 0px;} */
    .stsfc-wrap>form>ul>li{width: 23%; padding-top: 34px; margin-right: 0px;}
    a.radio-label.on {background: url(../images/radio_on_btn.png) no-repeat left center;background-size: 36px 36px;}
    a.radio-label {width: 36px; height: 36px; font-size: 28px;padding-left: 22px;background: url(../images/radio_off_btn.png) no-repeat left center;
    background-size: 36px 36px; padding-left: 58px; display: inline;}
    .stsfc-wrap>form>ul>li:last-child{ float: right;}
    .stsfc-wrap>form>ul>li:last-child>button{padding: 18px 36px; font-size: 28px; top: -19px;float: right;}
    .comment-box>li:first-child {width: calc(100% - 100px);}
    .bottom-info {padding-top: 36px;}

    /* 교육 */
    .img-area-edu{float: none; width: 100%; height: 514px;}
    .content-area-edu{float: none; width: 100%; padding-left: 0;}
    .edu-content-box>strong{font-size: 30px; display: block; padding-top:66px}
    .edu-content-box>h4{font-size: 48px; line-height: 60px; padding: 4px 0 24px 0;}
    .edu-content-box {padding-bottom: 40px;margin-bottom: 40px;}
    .sns-mark.edu-sns{padding-top:0}
    .edu-list-info{margin-bottom: 100px !important;}

    /* 교육상세 */
    .content-area.edu-section{padding:0 40px;}
    .tab-view>li>a.on {background-color: #fff;height: 98px;border-top: solid 2px #50301b;border-left: solid 2px #50301b;border-right: solid 2px #50301b;
    border-bottom: 0;}
    .tab-view>li>a {height: 97px;line-height: 97px;
    font-size: 30px;border-bottom: solid 2px #50301b;}
    .tab-title{font-size: 40px;     padding-bottom: 30px;}
    .tab-title2{font-size: 28px; line-height: 46px;}
    .tab-item {padding: 50px 0px 100px 0px;box-sizing: border-box;}
    .tab-title3{font-size: 34px;}
    .bottom-info>p {font-size: 28px;line-height: 46px;}
    .file-name{padding:32px 20px}
    .file-name>p {font-size: 36px;color: #333333;}
    .file-name>p::before {top: 2px;background: url(../images/icon_file_mobile.png);width: 28px;height: 34px;
    background-size: 28px 34px;}
    .file-name>a::before {top: 3px;background: url(../images/icon_download_mobile.png);width: 30px;height: 30px;
    background-size: 30px 30px;}
    .file-name>p>.sp-type2 {padding: 3px 0 0 44px;font-size: 28px;color: #737373;}
    .view-file-box>li {margin-bottom: 28px;}
    table.tbl-view{margin-top: 38px;}
    .content-bottom2>div.side {padding-top: 78px;}
    .content-bottom-list>li {margin-bottom: 50px;}

    /* 이용안내 리스트 */
    .add-title1{font-size: 28px; line-height: 38px;}
    .guide-write-wrap>a{width: 134px; height: 72px; line-height: 72px; font-size: 28px;}
    .guide-write-wrap {padding: 30px 0 0px 0;}
    .add-title2{font-size: 28px; padding: 25px 10px;margin: 60px 0 100px 0;}
    .part-list-area>li>a{display: block; height: 510px;}
    .part-list>li>a{display: table; width: 100%;}
    .part-list>li>a>p{font-size: 26px; height: 148px;; padding: 0 5px; display: table-cell; vertical-align: middle;}
    .part-list>li>a.on>p{font-size: 26px;}
    .part-list {padding-top: 50px;}
    .part-search{display: flex; flex-direction: column;     padding: 70px 0 20px 0;}
    .part-search>li:first-child{order: 2; float: none; display: block; padding: 62px 0 20px 0;}
    .part-search>li:last-child{order: 1; float: none; display: block; width: 100%; height: 92px; line-height: 92px; font-size: 28px;}
    .part-search>li:last-child>form{background-color: #f8f8f8;}
    .part-search>li:last-child>form>input::placeholder{line-height: 92px; font-size: 28px;}
    .part-search>li:last-child>form>input::-webkit-input-placeholder{line-height: 92px; font-size: 28px;}
    /* .search-input-btn.part>img{top:12px; right: 20px;} */
    .part-search>li>p{font-size: 26px;}
    .part-list-area>li{width: 100%; height: auto; margin-right: 0; margin-bottom: 120px;}
    .part-list-area>li>strong{font-size: 24px; padding-top: 30px;}
    .part-list-title>a>p{font-size: 34px;}
    .part-list-title>a>p>span>img{width: 30px;}
    .part-list-detail>p{font-size: 24px;}
    .part-list-detail>i{width: 1px; height: 20px; top:7px}
    .part-list-info>li:last-child{width: 280px; padding-left: 40px;}
    .part-list-info>li:first-child{width: auto;}
    .part-list-info {margin: 8px 0 40px 0;}
    .size-1{font-family:'notokr-medium'; font-weight: normal; font-size: 32px; color: #333333; display: block;}
    .size-2{font-family:'notokr-regular'; font-weight: normal; font-size: 32px; color: #737373; display: block;}
    .vol-info2.faq>li>p{padding-left: 24px; word-break: keep-all;}
    .new-guide-title.mg{margin-top:30px}
    .mi-title.faq>a{margin-top:0; margin-left: 24px; width: 500px !important;}
    .faq-strong{font-family:'notokr-regular'; display: block; font-weight: normal; font-size: 32px; color: #333333; padding-bottom: 20px;}
    .faq-strong.tbl{padding-top:20px}
    .faq-card-info>li{display: table; margin-bottom: 20px;text-align: left; }
    .faq-card-info>li>span{display: table-cell; padding-left: 30px; }
    .faq-card-info>li>p{display: table-cell; word-break: keep-all; }
    .faq-card-info.top{position: relative; top:-30px}
    
    /* 이용안내 상세 */
    .convent-box>li{margin-bottom: 20px;}
    .convent-box>li.part{margin-top:40px}
    .convent-name{float:left; width: 144px; position: relative; display: table; }
    .convent-info{float: left; width: calc(100% - 200px); padding-left: 56px; }
    .convent-name>span{display: table-cell; width: 6px; height: 6px;  top:20px}
    .convent-name>p{display: table-cell; line-height: 44px; text-align: right; padding-left: 20px; font-size: 32px; font-family:'notokr-medium';  color: #333;  }
    .convent-info{font-size: 32px; color: #737373;}
    .convent-list>li{margin-bottom: 24px;}
    .paking-box-tbl>li:first-child{width: 90px;}
    .paking-box-tbl>li:last-child{width:calc(100% - 90px);}
    .paking-str{font-size: 32px;}
    table.come-tbl{width: 100%; border-collapse: collapse; border-top:solid 2px #333333}
    table.come-tbl>tbody>tr>th{vertical-align: top; font-family:'notokr-medium'; font-weight: normal; font-size: 36px; color: #333333;  border: solid 1px #cccccc; border-left: 0; padding: 20px 0; background-color: #f9f9f9;}
    table.come-tbl>tbody>tr>td{vertical-align: top;  border: solid 1px #cccccc; font-weight: normal; background-color: #fff; font-family:'notokr-medium'; font-size: 18px; color: #333333; border-left: 0; padding: 20px 0 20px 20px; }
    table.come-tbl>tbody>tr>td>p.come-tbl-font{font-family:'notokr-regular'; font-size: 22px; color: #737373;}
    .vol-info2.come{padding-top:24px}
    .come-font{padding-left: 0 !important; padding-bottom: 20px;}
    table.come-tbl>tbody>tr>td>strong{font-size: 30px;}
    .map-box>li:first-child{width: 200px;}
    .map-box>li:last-child{width: calc(100% - 280px); padding-left: 80px;}
    .size-3{color: #333333; font-size: 32px;}
    .size-4{color: #737373; font-size: 28px;}
    .floor-box{width: 100%; height: 200px; background-color: #50301b; border-radius: 30px; position: relative;}
    .floor-box>p{position: absolute; right: 10px; bottom:10px; font-size: 100px; color: #fff; font-weight: 900; font-family: 'Lato', sans-serif;}
    .floor-img{text-align: center; padding-top:20px; margin-bottom: 140px;}
    .floor-img>img{width: 100%;}
    .new-guide-title{font-size: 46px;  padding-bottom: 20px;}
    .new-guide-title2{font-size: 32px;font-family:'notokr-regular'; font-weight: normal;}
    table.guide-tbl{ margin-top:40px; }
    table.guide-tbl>thead>tr>th{ padding: 20px 0; font-family:'notokr-medium'; font-weight: normal; font-size: 32px; color: #333333; text-align: center; border:solid 1px #cccccc; border-left: 0; border-right: 0;}
    table.guide-tbl>tbody>tr>td{ padding: 20px 0; font-family:'notokr-regular'; font-weight: normal; font-size: 32px; color: #737373; text-align: center; border:solid 1px #cccccc; border-left: 0; }
    .content-bottom.guide-h{padding:0 !important}
    .part-view{border-top: solid 3px #333333;    position: relative;text-align: center;padding: 26px 0;border-bottom: solid 1px #cccccc; margin-top: 60px;}
    .part-view>strong{font-size: 24px;}
    .part-view>h4{font-size: 36px; padding-bottom: 10px;}
    .part-list-info.detail{width: 460px;}
    .part-list-info.detail>li:first-child{width: auto;}
    .part-list-info.detail>li:last-child{width: auto; padding-top:2px}
    .like-mark-b.detail {padding-left: 0px;}
    .part-content-type1{font-size: 32px;}
    .part-content-type1>span{font-size: 28px; padding-top: 22px;}
    .part-content-type1.last {margin: 65px 0 65px 0;}
    .part-view-btn{width: 282px; height: 78px; font-size: 30px; line-height: 78px;}
    .part-ul>li{width: 48%; margin-right: 2%; margin-bottom: 20px;}
    .part-ul>li:nth-child(2n){margin-right: 0;}
    .part-ul>li:nth-child(5n){margin-right: 2%;}
    .part-ul>li>a>div {height: 234px;}
    .sns-mark.part {padding-top: 200px;}
    .view-content-area-type1.full>li:first-child {padding: 76px 0px 100px 0px;}
    .stsfc-wrap.part>form{display: flex; flex-direction: column;}
    .stsfc-wrap.part>form>strong{order: 1; text-align: left;}
    .stsfc-wrap.part>form>ul{order: 2;}
    .part-ul>li:last-child>a>div>p{font-size: 30px;}
    .part-ul>li:last-child>a>div>p::after{width: 23px;height: 23px;margin-left: 6px;background: url(../images/m_part_more_btn.png); background-size: 23px 23px;}

    /* 경영기획 리스트 */
    .part-list.info{border-right: solid 1px #ccc; margin-bottom: 70px;}
    .part-list.info>li {width: 33.3%; }
    .part-list.info>li>a.on{height: 129px; border: solid 1px #50301b;}
    .part-list.info>li>a{ line-height: 32px; height: 130px; position: relative;}
    .part-list.info>li>a>p{ width: 100%; font-size: 28px; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
    .part-list.info>li>a>p>span{display:block}
    .part-list.info>li:last-child>a {border-right: 0;}
    .info-cnt{padding: 52px 0 0px 0 !important;}
    .infomation-list .list-type1{width: calc(100% - 200px) !important;
        padding-left: 40px; float: left; }
    .infomation-list>li>div.list-img-area-box{margin-right: 0px;}
    .infomation-list .list-type2{width: 100%; float: left; margin-top:52px}
    .list-type1>strong{font-size: 24px;}
    .infomation-list>li{padding: 50px 0px;}
    .list-type1>.part-list-title>a>p {padding: 0px 0 4px 0;}

    /* 경영기획 상세 */
    .information-box-area>li{float: none; margin-right: 0px; margin-bottom: 10px;}
    .information-box-area>li>a{font-size: 28px;     padding: 16px 20px;}
    .information-box-area>li>a.on::before{    content: '';display: inline-block;margin-right: 10px;position: relative;top: 2px;width: 27px;height: 27px;
    background: url(../images/file_down_off_img.png) center no-repeat;background-size: 27px 27px;}
    .information-box-area>li>a::before {content: '';display: inline-block;margin-right: 10px;position: relative;top: 2px;width: 27px;height: 27px;
    background: url(../images/file_down_on_img.png) center no-repeat;background-size: 27px 27px;}
    .information-box-area {margin: 60px 0 30px 0; ;}
    .information-bottom-type1{font-size: 28px; word-break: keep-all; padding-bottom: 88px;}
    .information-bottom-type2{font-size: 42px; line-height: 48px; word-break: keep-all}
    .information-bottom-type2>span{font-size: 28px; line-height: 46px; word-break: keep-all; padding-top: 34px;}
    .information-bottom {padding: 52px 20px 100px 20px;box-sizing: border-box;}
    .information-bottom-type3{font-size: 28px;}
    .information-bottom-info>p>span{font-size: 28px; line-height: 46px;}
}
@media all and (max-width:970px){
    .part-list>li>a{font-size: 20px;}
    .part-slide__btn {bottom: 200px;}
}

/*************************************************모바일*************************************************/
@media all and (max-width:767px){
    /* 공통 */
    .intro-video {object-fit: cover; width: 100%; height: 100%;}
    .ns-slide {max-width: 100% !important; height: 300px;}
    .ns-slide img {width: 100%}
    .festival-cont {width: 100%;}
    .festival-cont>div {margin-top: 0;}
    .intro .part-slide__bottom-box .swiper-pagination-bullet {width: 10px; height: 10px; margin-right: 5px;}
    .pc-con {display: none;}
    .mob-con {display: block; width: 100%;}
    .mob-con img {width: 100%;}
    .img-center-wrap img {width: 100%;}
    .infomation-list>li>div.list-img-area-box{width: 120px;}
    .infomation-list .list-type1{width: calc(100% - 120px) !important;}
    .content-area{padding:0 15px;}
    .detail-popup-btn{display:none}
    .content-area.mi{padding: 0;}
    .total-search-info{padding-bottom: 100px;}
    .exhibition-list>ul>li.none-list-item{padding: 0px 5px;}
    .list-none-title{font-family:'notokr-regular'; font-size: 16px; color: #767676; padding:5px 0; text-align: center;}
    .tab-item.event-item{padding: 32px 0px 0 0px !important;}
    .list-pointer.new{width: 160px; height: 40px; background:url(../images/new_img_opentype.png) center no-repeat; background-size: 160px 40px; }
    .video{width: 71px; height: 71px; background:url(../images/pc_viedo.png) center no-repeat; background-size: 71px 71px; position: absolute;
        left: 50%;top: 50%;transform: translate(-50%, -50%);}
    /* 마이크로사이트 */
    .micro-list{padding:25px 0 0 0; border-top:solid 2px #333; }
    .micro-list>li{padding:0 0 25px 0; margin-bottom: 25px; }
    .micro-list-type1{float: none; width: 100%; }
    .micro-list-type2{float: none; width: 100%; margin-top:25px; padding:0}
    .micro-part-title{font-size: 12px;}
    .micro-str-list>li:first-child{font-size: 17px;}
    .micro-list-type2>a{font-size: 14px; padding:0}
    .micro-info-title{font-size: 14px; line-height: 23px;     padding-top: 13px;}
    .micro-new{width: 15px; height: 15px; margin: 5px 0 0 5px;background: url(../images/new_ico_03.png) center no-repeat;
    background-size: 15px 15px;}

    .sub-content .map-box {max-height: 300px;}
    .sub-content .map-box .root_daum_roughmap .wrap_map {height: 300px;}



    /* 이용안내 등록 */
    .guide-write-box{padding: 0px; margin-bottom: 30px;}
    .file-info-wrap{margin-top:30px}
    .title-inp>li:first-child{width: 119px; height: 29px; margin-right: 0; margin-bottom: 8px;}
    .title-inp>li:last-child{width: 100%; height: 29px;}
    select{font-size: 14px; line-height: 29px;}
    .title-name{font-size: 15px; padding-bottom: 10px;}
    .button-file{width: 44px; height: 35px; font-size: 14px; line-height: 35px;}
    .file-delete{width: 16px;height: 16px;vertical-align: middle;border: 0;background: url(../images/m_file_delete_btn_img.png) right no-repeat;
    background-size: 16px 16px;}
    .file-list-up{font-size: 14px;}
    .file-list-up>li{margin-right: 14px;}
    .file-list-up>li>span{padding-bottom: 3px;}
    .tag-title{height: 29px;}
    .tag-inp{font-size: 14px;}
    .file-write-btn-box>ul>li{width: 71px; height: 35px;}
    .file-write-btn-box>ul>li:first-child>a{font-size: 14px; line-height: 35px;}
    .file-write-btn-box>ul>li:last-child>a{font-size: 14px; line-height: 35px;}

    /* 어박 tv */
    .tv-wrap>li:last-child{ padding: 33px 0 0 0px;}
    .tv-title{font-size: 28px; line-height: 34px;}
    .tv-contents{font-size: 14px; line-height: 23px;     padding: 18px 0 10px 0;}
    .mi-title.group.tv>a{width: 203px;}

    /* 자원봉사 */
    .vol-info-wrap{ padding-top:15px}
    .vol-info-wrap.no-line{padding-bottom: 80px;}
    .vol-title>h4{float: left; font-size: 20px;}
    .vol-title>a{float: left; font-size: 14px;  line-height: 33px; padding-left: 15px;}
    .vol-title>a>span {width: 15px;height: 15px;margin-left:5px; top: 2px;background: url(../images/m_down_ico.png) center no-repeat;
    background-size: 15px 15px;}
    .vol-info{ font-size: 14px; padding-bottom: 2px;}
    .vol-info2{font-size: 14px; line-height: 23px;}
    .vol-info2>li>span{width: 2px; height: 2px; top:9px}
    .vol-info2>li>p{padding-left: 7px;}
    .vol-info-box>li{margin-bottom: 17px;}
    .vol-info3{font-size: 14px;}
    .vol-info3>span{width: 13px;height: 10px;margin-right: 5px;display: inline-block;background: url(../images/m_tell_ico.png)center no-repeat;
    background-size: 13px 10px;}
    .no-line{padding-bottom: 0; margin-top: 0;}
    .mi-title.group.vol2>a{width: 180px;}

     /* 비전과 미션 */
    .vision-img1{height: 185px; margin-top: 15px;background: url(../images/m_vision_img1.png) center no-repeat; background-size: contain;}
    .vision-box-info>li>strong{font-size: 20px;}
    .vision-wrap{margin-top:20px}
    .vision-title{font-size: 26px; line-height: 34px;}
    .vision-box-info>li {margin-bottom: 30px;}
    table.vision-tbl>tbody>tr>th{font-size: 14px;}
    table.vision-tbl>tbody>tr>td{font-size: 14px; line-height: 23px;}
    .vision-wrap{padding-bottom: 30px;}
    .vision-img>img{width: 230px;}
    .anthem-wrap>li:last-child{width: 100%; float: none;     padding:30px 0 0 0;}
    .anthem-info>strong{font-size: 20px;}
    .anthem-info>h3{font-size: 28px;}
    .anthem-info>p{font-size: 14px; line-height: 23px; word-break: keep-all;}
    .anthem-wrap>li:first-child>img {width: 160px;}
    .anthem-wrap{padding: 0 20px 19px 20px;}
    .vision-wrap.song {margin-top:50px; padding-bottom: 80px;}
    .sont-title>li:first-child{float: none; text-align: left; font-size: 28px; line-height: 23px;}
    .sont-title2>li>p{font-size: 17px; line-height: 25px; padding: 10px 0 15px 0;}
    .sont-title>li:first-child{margin-top:40px;}
    .sing-song-box{padding: 20px 0 0 0;}
    .sing-song-box>li{font-size: 14px; line-height: 23px;}
    .song-info-box{margin-top:20px}

    /* 통합검색 */
    .total-result{font-size: 18px; }
    .swiper-slide.search>a{font-size: 17px; padding-bottom: 13px;}
    .total-title{font-size: 24px;}
    .size1{font-size: 15px;}
    .staff{padding: 25px 0 54px 0;}
    .staff-info>li>strong{font-size: 20px;}
    .staff-info>li{    padding: 14px 0 10px 0;}
    .staff-info2{float: none; margin-bottom: 3px;}
    .staff-info2>li{font-size: 14px;}
    .staff-info2>li.tell-info::before{display: none;}
    .staff-info2>li::before{width: 1px; height: 11px;}
    .tell-info>span{width: 14px;height: 14px;top: 2px;background: url(../images/m_search_tell_img.png) center no-repeat;background-size: 14px 14px;margin-right:6px;}
    .staff-info2>li:last-child>span{width: 14px;height: 11px;top: 2px;background: url(../images/m_search_mail_img.png) center no-repeat;background-size: 14px 11px;margin-right: 6px;}
    .search-more-btn>span{width: 6px;height: 12px;margin-left: 6px;top: -2px;background: url(../images/m_more_search_btn_img.png) center no-repeat; background-size: 6px 12px;}
    .search-more-btn{font-size: 14px; bottom: 30px;}
    .search-intro{margin-top:35px}
    .search-intro-info>li>div>strong{font-size: 17px;}
    .search-intro-info>li:first-child{margin-top:5px}
    .search-font{font-size: 14px; line-height: 23px;}
    .search-news{margin-top:35px}
    .search-news-box{margin-top:10px}
    .search-img-info-title>li{font-size: 17px;}
    .search-img-info-title>li::after{width: 1px; height: 16px; top: 4px;     margin: 0 10px;}
    .search-img{ padding: 15px 0 22px 0;}
    .search-exhibition{margin-top:35px}
    .search-font.date>li::before{width: 1px; height: 12px; margin:0 7px;}
    .search-intro{padding: 0px 0 54px 0;}
    .tab-type2 {margin-top: 74px;}
    .search-news{padding: 0px 0 54px 0;}
    .search-exhibition{padding: 0px 0 54px 0;}
    .total-search-info{padding-bottom: 50px;}

    /* 소개 */
    .part-content {margin: 0 auto;}
    .part-content.intro{padding: 0 20px;}
    .intro-img{margin-top:30px; height: 137px; background:url(../images/m_intro_bg_main.png) center no-repeat; background-size:cover}
    .intro-bg-content {padding: 30px 0px 50px 0px;margin-top: 0px;}
    .intro-bg-content>h4{font-size: 28px; line-height: 34px;}
    .intro-type1{font-size: 20px; line-height: 25px; word-break: keep-all;padding: 19px 0 28px 0;}
    .intro-type2{font-size: 14px; line-height: 23px; word-break: keep-all;}
    .intro-type2.pd-re {padding-top: 22px;}
    .stsfc-wrap.intro {padding: 0px 0px 25px 0px;}

    /* MI소개 */
    .mi-title>h4{font-size: 28px; line-height: 34px;}
    .mi-part {margin-top: 15px;}
    .mi-title>strong{font-size: 20px; padding: 30px 0 17px 0;}
    .mi-title>p{font-size: 14px; line-height: 23px;}
    .mi-title>a{width: 109px; height: 34px; line-height: 34px; font-size: 14px;}
    .mi-title>a::before{width: 14px; height: 14px; background-size: 14px 14px;}
    .mi-part>li:last-child>.mi-bg>img{width: 177px; padding-top:45px}
    .kind-info{margin: 50px 0 100px 0;     padding: 31px 0px;}
    .kind-info-box>li>img{height: 94px;}
    .kind-info-box>li>p{font-size: 14px;}
    .m-pd{margin: 0px 0;}

    /* 개인정보 처리방침 */
    table.m-policy-tbl{ margin-top:15px;}
    table.m-policy-tbl>thead>tr>th{ font-size: 14px;  padding: 10px 5px}
    table.m-policy-tbl>tbody>tr>th{ font-size: 14px; padding: 0 7px}
    table.m-policy-tbl>tbody>tr>td{ padding: 10px 7px;  font-size: 14px;line-height: 22px;}
    .policy-box>strong{font-size: 17px; padding-bottom: 12px;}
    .policy-wrap {padding-top: 25px; }
    .policy-box>p{font-size: 14px; line-height: 23px;}
    .policy-wrap>li:first-child{ margin-bottom: 25px;}
    .policy-info>li{font-size: 14px; line-height: 23px;}
    .left-float{ width: 20px; line-height: 19px;}
    .right-float{width: calc(100% - 30px); }
    .policy-info>li>p>span{line-height: 23px;}
    .right-pd{line-height: 23px; padding-left: 20px;}
    .right-pd2{padding-left: 16px;}
    .policy-list-tbl.pd>li{font-size: 14px; line-height: 19px;}
    .policy-list-tbl>li>p>span{width: 3px; height: 3px; top: 7px;}
    .policy-list-tbl>li>p{padding-left: 14px;}
    .policy-list-tbl.pd{padding-left: 22px;}
    .policy-strong{font-size: 15px; padding: 10px 0 10px 20px;}
    .policy-strong2 {padding: 0 0 10px 20px;}
    .policy-strong3{font-size: 15px; line-height: 23px; padding-left: 20px;}
    .right-float.type{padding-bottom: 9px;}
    .policy-box {padding-bottom: 25px;}

    /* 튼튼이송 */
    .anthem-part>li:last-child{ margin-top:38px}
    .video-info-title{padding: 0 0 16px 0; margin-bottom: 20px;}
    .video-info-title>h3{font-size: 28px;}
    .video-info-name>li>p{font-size: 17px;}
    .video-info-name {padding-top: 3px;}
    .song-info-box>p{font-size: 14px; line-height: 20px;}
    .song-info-box>a{width: 143px; height: 35px; line-height: 35px; }
    .song-info-box>a{font-size: 14px; line-height: 35px;}
    .song-info-box>a::before{width: 14px; height: 14px; background-size: 14px 14px;}
    
    
    /* 어린이 자문단 */
    .child-title{font-size: 28px; line-height: 34px;padding: 20px 0 22px 0;}
    .sub-child-title{font-size: 14px; line-height: 23px; text-align: left;}
    .child-big-box {margin-top: 50px;}
    .child-tpye2{margin-bottom: 2%; height: 270px;}
    .child-chart>li:first-child>h4{font-size: 17px; padding-bottom: 20px;}
    .child-chart {margin-top: 75px;}
    .m-child-tbl{ margin-bottom: 45px; border-top:solid 2px #333333; }
    .year{ background-color: #f9f9f9; text-align: center; padding: 13px 5px; font-family:'notokr-medium'; font-size: 14px; color: #50301b;}
    .m-tbl-info::after{content: ''; display: block; clear: both;}
    .m-tbl-info>li{float: left; width: 49.7%; font-size: 14px; color: #222222; text-align: center; padding: 13px 0px; text-align: center;}
    .m-tbl-box{font-size: 14px; line-height: 23px;   padding: 13px 5px;}
    .child-result>p{font-size: 14px; color: #222222; text-align: center; padding: 13px 0px; text-align: center;}
    .first-box>li{height: 105px;}
    .second-box>li:first-child{height: 215px;}
    .child-tpye1{height: 105px;}
    .child-tpye1.last{height: 105px;}
    .child-tpye2{height: 135px;}
    .child-tpye3{height: 105px;}
    .thr-box>li{height: 105px;}
    .child-tpye3.last{height: 105px;}
    .mi-title.group>a{display: block; width: 153px; margin-top: 10px; margin-bottom: 20px;}
    .child-chart>li:first-child>h4.song{font-size: 20px; padding-bottom: 0;}
    .child-chart>li:first-child>h4>br{display: none;}
    .group-song>li{font-size: 14px; line-height: 23px; word-break: keep-all;}
    
    /* 조직구성 */
    .org-area{padding: 0 20px; box-sizing: border-box; margin: 25px auto 90px auto;}
    .org-box>li:last-child{float: none; width: 100%; padding-left: 0; margin-top:20px}
    .org-menu>li{float: left; width: 33.3%; height: 30px;}
    .org-search{height: 45px; line-height: 45px;}
    .org-box>li>div>form>input::placeholder{line-height: 46px; font-size: 15px;}
    .org-menu li a span{font-size: 14px;}
    .org-search{margin-bottom: 15px;}
    /* .org-info-type1{ padding:0 15px 15px 15px; margin-bottom: 18px;}
    .org-info-type2{ padding: 0 15px} */
    .detail-org-info {border-top: solid 2px #333333;}
    .detail-big-list>li {padding: 20px 0px 10px 10px; flex-direction: column;}
    .org-info-type1{border-bottom: none;margin-bottom: 15px;}
    .org-info-type1 strong{font-size: 16px;  float: left; margin-right: 10px; padding-top: 3px;}
    .org-info-type1 h3{font-size: 20px; margin-bottom: 5px;}
    .org-info-type1 p{font-size: 14px; margin-bottom: 5px;}
    .org-tell::before {width: 14px;height: 14px;background: url(../images/big_tell.png) center no-repeat;background-size: 14px 14px;}
    .org-email::before {width: 14px;height: 11px;background: url(../images/big_email.png) center no-repeat;background-size: 14px 11px;}
    .org-info-type1 p span {padding-left: 8px;}
    .org-info-type2-list>li>span{font-size: 14px; padding-left: 12px;}
    .org-info-type2-list>li::before{width: 4px; height: 4px; top: 7px;}
    .org-info-type2-list>li {position: relative;margin-bottom: 7px;}
    .sub-org-info li{padding: 0 0 0 12px;}
    .sub-org-info li span{font-size: 14px;}
    .sub-org-info{padding-top:5px}
    .codeCopyright>div>div {display: block !important;}
    .codeCopyright>div>div:last-child {padding: 0 !important;}

    /* 전시 */
    .exhibition-list{padding-bottom: 100px;}
    .title-tab>li{width: 100%; margin-bottom: 10px;}
    .title-tab>li:last-child{margin-bottom: 0px;}
    .exhibition-content>ul>li:last-child>form{ padding:0 20px;}
    .sub-content-visual { height: 50px; background: initial; }
    .sub-content-visual.edu{height: 50px; background: initial;}
    .sub-content-visual.evented{height: 50px; background: initial;}
    .sub-content-visual.part{height: 50px; background: initial;}
    .sub-content-visual.info{height: 50px; background: initial;}
    .sub-content-visual.intro{height: 50px; background: initial;}
    .sub-content-visual.data{height: 50px; background: initial;}
    .sub-content-visual.micro{height: 50px; background: initial;}
    .sub-content-visual>p{font-size: 36px; padding-top: 150px; display: none;}
    .sub-content-visual>p>span{font-size: 15px; padding-top: 1px;}
    .page-navi-area>li:first-child{    width: 11px; height: 12px;background: url(../images/m_navi_home_img.png) center no-repeat;  background-size: 11px 12px; position: relative; top: -1px;}
    .page-navi-area>li::before {padding: 0 8px;vertical-align: middle;width: 6px;height: 10px;background: url(../images/m_navi_ico.png) center no-repeat;background-size: 6px 10px;}
    .page-navi-area>li>p{font-size: 13px;}
    .navi-title{font-size: 28px;}
    .page-navi-area{padding: 67px 0 7px 0;}
    .title-tab>li>a{font-size: 17px;     padding-bottom: 10px;}
    .title-tab.new>li>a{font-size: 15px !important;}
    .tab-type{margin-top: 24px;}
    .exhibition-cnt>p{float: left; font-size: 13px; padding: 4px 0 0 0;}
    .exhibition-cnt{padding:25px 0;}
    .exhibition-side-menu{ width: 72px; height: 29px;  border-radius: 5px;  font-size: 13px; line-height: 29px;}
    .exhibition-side-menu::before{ width: 15px; height: 12px; margin-right: 3px; background: url(../images/m_filter_btn.png) center no-repeat; background-size: 15px  12px;}
    .exhibition-img-area{ height: 253px;}
    .exhibition-content-area{padding: 0px 0 7px 0px;}
    .chk-mark{width: 46px; height: 24px; }
    .chk-mark>p{font-size: 12px; line-height: 24px; }
    .exhibition-list-title>p{font-size: 15px; padding-bottom: 0; line-height: 12px;}
    .exhibition-list-title>h4{font-size: 28px;     padding-bottom: 10px;}
    .like-mark>li>span{font-size: 12px;}
    .like-mark>li:first-child::before{ top: 0px;display: inline-block; margin-right: 2px; background: url(../images/m_like01.png) center no-repeat;
    width: 12px;height: 11px;background-size: 12px 11px; margin-right: 3px;}
    .like-mark>li:last-child::before {content: '';position: relative;top: 0px;margin-right: 2px;display: inline-block;background: url(../images/m_like02.png) center no-repeat;
    width: 12px;height: 12px;background-size: 12px 12px; margin-right: 3px;}
    .exhibition-list-title {padding: 164px 0 0 10px;}
    table.exhibition-tble>tbody>tr>th{font-size: 14px; width: 86px; padding-bottom: 6px;}
    table.exhibition-tble>tbody>tr>td{font-size: 14px; padding-bottom: 6px;}
    .filter-close{ padding: 27px 0 13px 0;}
    .filter-close>button{width: 20px; height: 20px;  position: absolute; right: 0; background: url(../images/filter-close_btn.png) center no-repeat;   background-size:20px  20px;}
    .search-content{padding: 0 0 3px 0; height: 33px; font-size: 14px;}
    input.search-content::placeholder{ font-size: 14px;}
    .search-input-btn>img{width: 20px; height: 20px; position: relative; top: -2px;}
    .side-title{font-size: 20px; padding-bottom: 20px;}
    a.chbox-label {font-size: 15px;color: #333333;padding-left: 20px;display: inline-block;background: url(../images/m_radio_off_img.png) no-repeat left center;
    background-size: 15px 15px;}
    a.chbox-label.on {background: url(../images/m_radio_on_img.png) no-repeat left center;background-size: 15px 15px;}
    .search-area { position: relative;border-bottom: solid 1px #444444;margin: 30px 0 49px 0;}
    .radio-chk>ul>li {margin-bottom: 16px;}
    .radio-chk {margin: 0 0 27px 0;padding-bottom: 26px;}
    .year-select-box{ height: 47px; font-size: 14px;}
    select { padding: 0 10px;vertical-align: middle;-moz-appearance: none;-webkit-appearance: none;appearance: none;background: #fff url(../images/m_select_btn.pn.png) no-repeat right 10px top 50%; background-size:15px 9px;}
    .side-title.year {padding: 30px 0 16px 0;}
    .m-filter-submit>button{ height: 52px; background-color: #50301b; line-height: 52px; text-align: center; margin-top: 50px; color: #fff; font-family:'notokr-medium'; font-size: 18px;}
    .list-pointer{font-size: 14px;line-height: 23px;padding: 15px 0 25px 0;}
    .sns-mark>li>a {font-size: 14px;}
    .exhibition-more-btn>a>p {line-height: 35px;font-size: 14px;}
    .exhibition-more-btn {width: 100%;height: 35px;border: solid 1px #333333;margin: 80px auto 105px auto;}
    .exhibition-more-btn>a>p::after {width: 12px;height: 12px;margin-left: 5px;background: url(../images/m_exhibition_more_btn.png) center no-repeat;
    background-size: 12px 12px;top: 0px;}
    .exhibition-more-btn>a:hover>p::after {width: 12px;height: 12px;margin-left: 5px;background: url(../images/exhibition_more_on_btn.png) center no-repeat;
    background-size: 12px 12px;top: 0px;}
    .exhibition-list>ul>li {margin-bottom: 55px;}
    .sns-mark>li{margin-bottom: 20px;}
    .detail-page-url-box{padding-top:14px}
    .detail-page-url-box>a{width: 109px; height: 37px; font-size: 14px; line-height: 37px; margin: 0 auto;}

    /* 전시 상세 */
    .visual-box.edu.bg-chang{background-color: #fff !important;}
    .view-content-area-type1>li:first-child{ height: 100%; }
    .swiper-slide.view {height: 100% !important;}
    .view-content-area-type1>.m-pd{padding: 0 20px !important; }
    .swiper-container.view-swiper-container{margin: 0 20px;}
    .navi-sns-box>li:first-child>a {top: 1px; width: 29px;height: 26px;background: url(../images/hart.png) center no-repeat;
    background-size: 29px 26px;}
    .navi-sns-box>li>a.print{background: url(../images/print_img.png) center no-repeat; background-size: 29px 29px;}
    .navi-sns-box>li>a.facebook{background: url(../images/facebook.png) center no-repeat; background-size: 29px 29px;}
    .navi-sns-box>li>a.twitter{background: url(../images/twitter.png) center no-repeat; background-size: 29px 29px;}
    .navi-sns-box>li>a.url{background: url(../images/URL.png) center no-repeat; background-size: 29px 29px;}
    .navi-sns-box>li>a{ width: 29px;height: 29px;}
    .view-slide-btn>li {width: 45px;height: 55px;cursor: pointer;}
    .swiper-view-button-next2 {width: 11px;height: 19px;background: url(../images/m_view_next_btn.png) center no-repeat;
    background-size: 11px 19px;}
    .swiper-view-button-prev2 { width: 11px;height: 19px;background: url(../images/m_view_prev_btn.png) center no-repeat;
    background-size: 11px 19px;}
    .view-pagination{top: 227px;}
    .pagination.view .swiper-pagination-bullet{width: 11px;height: 11px;}
    .view-info-content{border-top: 0; padding: 10px 0px 10px 0px;}
    .view-info-content>h4{font-family:'notokr-bold'; font-size: 24px;}
    .detail-popup-btn{width: 32px; height: 32px; right: 35px; bottom:15px}
    .like-mark-b>li:first-child::before {top: 2px; margin-right: 2px; background: url(../images/m_like_black.png) center no-repeat;width: 13px;height: 11px;
    background-size: 13px 11px;}
    .like-mark-b>li.like-last::before {top: 2px;margin-right: 2px;background: url(../images/m_like02_black.png) center no-repeat;
    width: 12px;height: 12px;background-size: 12px 12px;}
    .like-mark-b>li>span{font-size: 13px; }
    .like-mark-b>li>span.pd{position: relative;top:1px}
    .free{padding:5px 10px; font-size: 13px;}
    .view-info-type1>li:first-child{padding-top:15px}
    .view-info-content2{padding: 15px 0px 0px 0px;}
    table.exhibition-tble.view>tbody>tr>th{width: 95px; padding-bottom: 10px;}
    .reservation-btn{height: 52px; margin-top: 24px;}
    .reservation-btn>p{line-height: 52px; font-size: 18px;}
    .view-content-area>ul:first-child {margin-bottom: 5px;}
    .content-bottom>h4{font-size: 20px;}
    .content-bottom>p{font-size: 14px; line-height: 23px; padding-top: 15px;}
    .list-box-li>strong{font-size: 17px;padding-bottom: 8px;}
    .view-list-content>li>p{font-size: 14px;}
    .view-list-content>li>div{font-size: 14px;}
    .content-bottom{padding: 37px 0px 50px 0px; border-top: solid 2px #333333;}
    .content-bottom2{border-top: solid 2px #333333; padding-left: 0px !important; padding-bottom: 40px;}
    .list-box-li {padding-top: 30px;}
    .content-bottom-type>h4{font-size: 20px; padding-bottom: 17px;}
    .content-bottom-list>li>a>strong{font-size: 15px;}
    .content-bottom-list>li>a>p{font-size: 13px; padding: 7px 0 8px 0;}
    .content-bottom-mark{font-size: 12px;}
    .content-bottom2>div:last-child {padding-top: 47px;}
    .codeCopyright{padding:30px 0;}
    .codeCopyright .txt{font-size: 12px; line-height: 16px; width: 100%;}
    .comit-title{font-size: 14px; padding-bottom: 16px;}
    .textarea-wrap>textarea{height: 85px; font-size: 16px; padding: 18px}
    .comment-box>li:last-child{height: 92px; line-height: 92px; font-size: 14px;}
    .name-date>strong{font-size: 12px;}
    .name-date>p{font-size: 10px;}
    .coment-info>p{font-size: 14px; line-height: 19px;}
    .comment-text>li{padding: 16px 10px;}
    .comment-text>li>a {top: 20px;width: 9px;height: 9px;
    background: url(../images/m_comment_close_btn.png) center no-repeat;background-size: 9px 9px;}
    .page-list-click-wrap>li:first-child>a::before {margin-right: 9px;width: 17px;height: 14px;background: url(../images/m_prev_list_btn.png) center no-repeat;
    background-size: 17px 14px;}
    .page-list-click-wrap>li:first-child>a{font-size: 16px;}
    .page-list-click-wrap>li:last-child>a{font-size: 16px;}
    .page-list-click-wrap>li:last-child>a::after {width: 17px;height: 14px; margin-left: 9px; background: url(../images/m_next_list_btn.png) center no-repeat;
    background-size: 17px 14px;}
    .page-list-click-wrap>li:nth-child(2)>a{width: 129px; height: 51px;; line-height: 51px; font-size: 18px;}
    .page-list-click-wrap {height: 90px;padding-top: 65px;}
    .page-list-click-wrap>li:nth-child(2){top:50px}
    .stsfc-wrap>form>strong{float: none; font-size: 16px; padding-right: 20px;}
    /* .stsfc-wrap {padding: 24px 0px 25px 0px;} */
    .stsfc-wrap>form>ul>li{width: 23%; padding-top: 17px; margin-right: 0px;}
    a.radio-label.on {background: url(../images/radio_on_btn.png) no-repeat left center;background-size: 18px 18px;}
    a.radio-label {width: 18px; height: 18px; font-size: 14px;padding-left: 11px;background: url(../images/radio_off_btn.png) no-repeat left center;
    background-size: 18px 18px; padding-left: 29px; display: inline;}
    .stsfc-wrap>form>ul>li:last-child{ float: right;}
    .stsfc-wrap>form>ul>li:last-child>button{padding: 9px 18px; font-size: 14px; top: -9px;float: right;}
    .comment-box>li:first-child {width: calc(100% - 100px);}
    .view-info-type1>li:first-child{padding-top:0}
    .like-mark-b{padding-top: 4px;}
    .sns-mark>li{float: left; width: auto; padding-right: 10px; margin-bottom: 10px;}
    .content-bottom2>div:first-child {padding-top: 35px;}
    .view-content-area-type1.full>li:first-child {padding: 33px 0px 50px 0px;}
    .content-bottom2{padding-bottom: 0px;}
    .codeCopyright img.mobile{width: 135px; height: 34px;}
    table.exhibition-tble.view>tbody>tr>td{padding-bottom: 0;}

    /* 교육 */
    .img-area-edu{ height: 257px;}
    .edu-content-box>strong{font-size: 15px; display: block; padding-top:0px}
    .edu-content-box>h4{font-size: 24px; line-height: 30px; padding: 2px 0 12px 0;}
    .edu-content-box {padding-bottom: 20px;margin-bottom: 20px;}
    .sns-mark.edu-sns{padding-top:0}
    .edu-list-info{margin-bottom: 50px !important;}

    /* 교육상세 */
    .comment-box>li:last-child>button{height: 92px; height: 100px;}
    .content-area.edu-section{padding:0 20px;}
    .tab-view>li>a.on {height: 49px;}
    .tab-view>li>a {height: 48px;line-height: 48px;font-size: 15px;}
    .tab-title{font-size: 20px;padding-bottom: 15px;}
    .tab-title2{font-size: 14px; line-height: 23px;}
    .tab-item {padding: 20px !important; box-sizing: border-box;}
    .tab-title3{font-size: 17px;}
    .bottom-info>p {font-size: 14px;line-height: 23px;}
    .file-name{padding:16px 10px}
    .file-name>p {font-size: 18px;}
    .file-name>p::before {top: 2px;background: url(../images/icon_file_mobile.png);width: 14px;height: 17px;
    background-size: 14px 17px;}
    .file-name>a::before {top: 1px;background: url(../images/icon_download_mobile.png);width: 15px;height: 15px;
    background-size: 15px 15px;}
    .file-name>p>.sp-type2 {padding: 3px 0 0 22px;font-size: 14px;color: #737373;}
    .view-file-box>li {margin-bottom: 14px;}
    table.tbl-view{margin-top: 19px;}
    table.tbl-view>tbody>tr>td{padding:0}
    .content-bottom2>div.side {padding-top: 39px;}
    .content-bottom-list>li {margin-bottom: 25px;}
    .bottom-info {padding-top: 18px;}

    /* 이용안내 리스트 */
    .add-title1{font-size: 14px; line-height: 19px;}
    .guide-write-wrap>a{width: 67px; height: 34px; line-height: 36px; font-size: 14px;}
    .guide-write-wrap {padding: 15px 0 0px 0;}
    .add-title2{font-size: 14px; padding: 13px 5px;margin: 30px 0 50px 0;}
    .part-list-area>li>a{display: block; height: 205px;}
    .part-list>li{width: 33.3%;}
    .part-list>li>a>p {
        font-size: 16px;
        height: auto;
        padding: 10px 0;
        display: table-cell;
        vertical-align: middle;
    }
    .part-list>li>a.on>p{font-size: 16px;}
    .part-list {padding-top: 25px;}
    .part-search{   padding: 35px 0 10px 0;}
    .part-search>li:first-child{ padding: 31px 0 10px 0;}
    .part-search>li:last-child{ width: 100%; height: 46px; line-height: 46px; font-size: 14px;}
    .part-search>li:last-child>form>input::placeholder{line-height: 46px; font-size: 14px;}
    .search-input-btn.part>img{top:5px; right: 10px;}
    .part-search>li>p{font-size: 13px;}
    .part-list-area>li{  margin-bottom: 60px;}
    .part-list-area>li>strong{font-size: 12px; padding-top: 15px;}
    .part-list-title>a>p{font-size: 17px;}
    .part-list-title>a>p>span>img{width: 15px; top:1px}
    .part-list-detail>p{font-size: 12px;}
    .part-list-detail>i{width: 1px; height: 10px; top:3px}
    .part-list-info>li:last-child{width: 140px; padding-left: 20px;}
    .part-list-info>li:first-child{width: auto;}
    .part-list-info {margin: 4px 0 20px 0;}
    .part-slide__btn {display: none;}
    .like-mark-b.part { margin-top: -5px;}

    /* 이용안내 상세 */
    .convent-box>li{margin-bottom: 10px;}
    .convent-box>li.part{margin-top:20px}
    .convent-name{float:left; width: 72px; position: relative; display: table; }
    .convent-info{float: left; width: calc(100% - 100px); padding-left: 28px; }
    .convent-name>span{display: table-cell; width: 3px; height: 3px;  top:10px}
    .convent-name>p{display: table-cell; line-height: 22px; text-align: right; padding-left: 10px; font-size: 16px; font-family:'notokr-medium';  color: #333;  }
    .convent-info{font-size: 16px; color: #737373;}
    .convent-list>li{margin-bottom: 12px;}
    .codeView03.guide-b{padding-bottom: 50px;}
    .paking-box-tbl>li:first-child{width: 45px;}
    .paking-box-tbl>li:last-child{width:calc(100% - 45px);}
    .paking-str{font-size: 16px;}
    .parking-li>li{text-align: center;}
    table.come-tbl>tbody>tr>td>strong{font-size: 16px;}
    table.come-tbl{width: 100%; border-collapse: collapse; border-top:solid 2px #333333}
    table.come-tbl>tbody>tr>th{vertical-align: top; font-family:'notokr-medium'; font-weight: normal; font-size: 18px; color: #333333;  border: solid 1px #cccccc; border-left: 0; padding: 10px 0; background-color: #f9f9f9;}
    table.come-tbl>tbody>tr>td{vertical-align: top;  border: solid 1px #cccccc; font-weight: normal; background-color: #fff; font-family:'notokr-medium'; font-size: 18px; color: #333333; border-left: 0; padding: 10px 0 10px 10px; }
    table.come-tbl>tbody>tr>td>p.come-tbl-font{font-family:'notokr-regular'; font-size: 14px; color: #737373;}
    .vol-info2.come{padding-top:24px}
    .map-box>li:first-child{width: 60px;}
    .map-box>li:last-child{width: calc(100% - 100px); padding-left: 40px;}
    .size-3{color: #333333; font-size: 16px;}
    .size-4{color: #737373; font-size: 14px;}
    .size-5{color: #737373; font-size: 16px;}
    .floor-box{width: 100%; height: 60px; background-color: #50301b; border-radius: 15px; position: relative;}
    .floor-box>p{position: absolute; right: 5px; bottom:5px; font-size: 30px; color: #fff; font-weight: 900; font-family: 'Lato', sans-serif;}
    .floor-img{text-align: center; padding-top:10px; margin-bottom: 70px;}
    .floor-img>img{width: 100%;}
    .size-1{font-family:'notokr-medium'; font-weight: normal; font-size: 16px; color: #333333; display: block;}
    .size-2{font-family:'notokr-regular'; font-weight: normal; font-size: 16px; color: #737373; display: block;}
    .vol-info2.faq>li>p{padding-left: 12px; word-break: keep-all;}
    .new-guide-title.mg{margin-top:15px}
    .mi-title.faq>a{margin-top:0; margin-left: 12px; width: 250px !important;}
    .faq-strong{font-family:'notokr-regular'; display: block; font-weight: normal; font-size: 16px; color: #333333; padding-bottom: 10px;}
    .faq-strong.tbl{padding-top:10px}
    .faq-card-info>li{display: table; margin-bottom: 10px;text-align: left; }
    .faq-card-info>li>span{display: table-cell; padding-left: 15px; }
    .faq-card-info>li>p{display: table-cell; word-break: keep-all; }
    .faq-card-info.top{position: relative; top:-15px}
    .new-guide-title{font-size: 23px;  padding-bottom: 10px;}
    .new-guide-title2{font-size: 16px;font-family:'notokr-regular'; font-weight: normal;}
    table.guide-tbl{ margin-top:20px; }
    table.guide-tbl>thead>tr>th{ padding: 20px 0; font-family:'notokr-medium'; font-weight: normal; font-size: 14px; color: #333333; text-align: center; border:solid 1px #cccccc; border-left: 0; border-right: 0;}
    table.guide-tbl>tbody>tr>td{ padding: 20px 0; font-family:'notokr-regular'; font-weight: normal; font-size: 14px; color: #737373; text-align: center; border:solid 1px #cccccc; border-left: 0; }
    .part-ul{padding: 40px 0; border-bottom: solid 1px #ccc;}
    .part-view{border-top: solid 2px #333333;    padding: 13px 0;margin-top: 30px;}
    .part-view>strong{font-size: 12px;}
    .part-view>h4{font-size: 18px; padding-bottom: 5px;}
    .part-list-info.detail{width: 280px;     margin: 7px auto 0px auto;}
    .part-list-info.detail>li:last-child{width: auto; padding-top:2px}
    .part-content-type1{font-size: 16px;}
    .part-content-type1>span{font-size: 14px; padding-top: 11px;}
    .part-content-type1.last {margin: 32px 0 32px 0;}
    .part-view-btn{width: 141px; height: 39px; font-size: 15px; line-height: 39px;}
    .part-ul>li{ margin-bottom: 10px;}
    .part-ul>li>a>div {height: 117px;}
    .sns-mark.part {padding-top: 100px;}
    .view-content-area-type1.full>li:first-child {padding: 38px 0px 50px 0px;}
    .part-ul>li:last-child>a>div>p{font-size: 15px;}
    .part-ul>li:last-child>a>div>p::after{width: 12px;height: 12px;margin-left: 3px;background: url(../images/m_part_more_btn.png); background-size: 12px 12px;}
    .part-view-content {padding: 15px 10px 50px 10px;box-sizing: border-box;}
    .part-img-wrap {padding: 0 10px;box-sizing: border-box;}
    
    /* 경영기획 리스트 */
    .part-list.info{margin-bottom: 35px; margin-top: 27px;}
    .part-list.info>li>a.on{height: 64px; }
    .part-list.info>li>a{ line-height: 16px; height: 65px; position: relative;}
    .part-list.info>li>a>p{ width: 100%; font-size: 14px; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
    .info-cnt{padding: 26px 0 0px 0 !important;}
    .infomation-list .list-type2{width: 100%; float: left; margin-top:26px}
    .list-type1>strong{font-size: 12px;}
    .infomation-list>li{padding: 25px 10px;}
    .list-type1>.part-list-title>a>p {padding: 0px 0 2px 0;}
    .list-type2>.sns-mark>li {margin-bottom: 8px;}

    /* 경영기획 상세 */
    .information-box-area>li{ margin-bottom: 5px;}
    .information-box-area>li>a{font-size: 14px;     padding: 8px 10px;}
    .information-box-area>li>a.on::before{    margin-right: 6px;top: 2px;width: 14px;height: 14px;
    background: url(../images/file_down_off_img.png) center no-repeat;background-size: 14px 14px;}
    .information-box-area>li>a::before {margin-right: 5px;top: 2px;width: 14px;height: 14px;
    background: url(../images/file_down_on_img.png) center no-repeat;background-size: 14px 14px;}
    .information-box-area {margin: 30px 0 15px 0; ;}
    .information-bottom-type1{font-size: 14px; word-break: keep-all; padding-bottom: 44px;}
    .information-bottom-type2{font-size: 21px; line-height: 24px; word-break: keep-all}
    .information-bottom-type2>span{font-size: 14px; line-height: 23px; word-break: keep-all; padding-top: 17px;}
    .information-bottom {padding: 26px 10px 50px 10px;box-sizing: border-box;}
    .information-bottom-type3{font-size: 14px;}
    .information-bottom-info>p>span{font-size: 14px; line-height: 23px;}
    .information-bottom-info {padding-top: 45px;}

    /* 건축소개 */
    .swiper-slide.arch {height: 230px !important;}
    .arch-info{font-size: 21px; line-height: 28px; padding-top: 20px;}
    table.arch-tbl>tbody>tr>th{display: block; border-right: 0; background-color: #f9f9f9; padding: 12px 0; font-size: 14px;}
    table.arch-tbl>tbody>tr>td{display: block; border-left: 0; background-color: #fff; padding: 12px 0; font-size: 14px; text-align: center;}
    table.arch-tbl>tbody>tr>td.left{text-align: left; padding-left: 18px;}
    table.arch-tbl>tbody>tr>td>ul>li>span{width: 2px; height: 2px; top:9px}
    table.arch-tbl>tbody>tr>td>ul>li{margin-bottom: 10px;}
    table.arch-tbl>tbody>tr>td>ul>li:last-child{margin-bottom: 0;}
    table.arch-tbl>tbody>tr>td>ul>li>p{padding-left: 7px;}
    table.arch-tbl{margin-top:30px}
    
    
}
@media all and (max-width:400px){
    .ns-slide {height: 200px;}
    .title-tab.new>li>a{letter-spacing: -1px;}
    .page-list-click-wrap>li:nth-child(2)>a{width: 90px;}
    .comment-area{padding: 15px 10px;}
    .page-navi{display: flex; flex-direction: column; padding: 0;padding-top: 15px; align-items: baseline;}
    .con {margin: 15px 0;}
    .page-navi .exhibition-view-top{float: none; order: 2;}
    .page-navi .view-sns{float: none; order: 1; display: none;}
    .page-navi-area {padding: 27px 0 7px 0;}
    .view-content-area{padding-top:30px}
    .stsfc-wrap>form>ul>li{width: 24%;}
    a.radio-label{padding-left: 23px;}
    .stsfc-wrap>form>ul>li:last-child>button{padding: 5px 15px; top:-4px}
    
    /* 행사 리스트 */
    .img-area-edu.evented{width: 270px; margin: 0 auto;}
    .part-list-info>li:last-child {width: 125px;}
    .part-list-detail>.name {padding-right: 8px;}
    .part-list-detail>.part-date {padding-left: 8px;}
    
    /* MI소개 */
    .kind-info-box>li>p{letter-spacing: -1px;}
    .kind-info-box>li>img {height: 78px;}
}
@media all and (max-width:600px){
    /* 20240814 css  수정 */
    /* .part-list-info>li:first-child{float: none;} */
    .part-list-info>li:first-child{float: left;}
    .like-mark-b { transform:translateY(-2px)}

    .list-type1>.part-list-info>li:last-child{float: none; padding-left: 0; padding-top: 10px;}
    .scroll-box{width: 100%; overflow: hidden; overflow-x: scroll;}
    .guide-tbl{width: 600px !important; overflow: hidden; overflow-x: scroll;}
    .come-tbl{width: 600px !important; overflow: hidden; overflow-x: scroll;}
    .infomation-list>li>div.list-img-area-box{width: 80px !important;}
    .infomation-list>li>div.list-img-area-box>img{width: 100% !important;}
    .infomation-list>li>div.list-type1{padding-left: 20px !important;}
    .infomation-list .list-type1{width: calc(100% - 80px) !important;}

}



@media all and (max-width:360px){
    .song-info-box>p>br{display:none}
    .sing-song-box>li>br{display: none;}
    .br{display:none}

    /* 어박tv */
    .tv-title>br{display: none;}
    .tv-contents>br{display: none;}
}

/* 20231201 */
.part-list-info.detail.new {width: 100%;}
.part-list-info.detail.new .part-list-detail {display: flex; gap: 20px; justify-content: center;} 
.part-list-info.detail.new .part-list-detail p {padding: inherit;} 
.part-list-info.detail.new>li {display: flex; justify-content: center; gap: 20px;}
.part-list-info.detail.new>li:first-child {width: 100%;}
.part-list-info.detail.new .like-mark-b>li {float: inherit;}
.part-list-info.detail.new .like-mark-b.detail {padding: inherit;}

/* 20240701 관련게시물 css */
.post-relation .link-info-wrap {
    /* border-top: 1px solid #ddd; */
    padding: 20px 0px 0;
}
.post-relation .link-info-wrap .link-info {
    padding-top: 40px;
}
.post-relation .link-info-wrap .link-info > li {
    display: flex;
    flex-wrap: wrap;
}
.post-relation .link-info-wrap .link-info > li > ul {
    width: 100%;
    padding: 14px;
    box-sizing: border-box;
}
.post-relation .link-info-wrap .link-info > li > ul .info-text { text-align: center;}
.post-relation .link-info-wrap .info-img {
    max-height: 68%;
    overflow: hidden;
}
.info-text>p{
    font-weight: bold;
    margin-top: 10px;
}
.post-relation .link-info-wrap .info-img a {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
}
.post-relation .link-info-wrap .info-img img {
    width: 100%;
    height: 75%;
    position: absolute;
    left: 0;
    top: 0;
    /* object-fit: cover; */
}
@media (max-width: 767px) {
    .post-relation .link-info-wrap .link-info > li > ul {
        width: 100%;
        /* padding: 30px; */
    }
    .post-relation .link-info-wrap .link-info {
        padding-top: 20px;
    }
}


.pdf_viewer_wrap iframe { width: 100%; height: calc(100vh - 150px); border: 0; }