@charset "utf-8";

.swiper-container{overflow: hidden;}

/*통합검색*/
/*통합검색 형식 type1*/
.page-search-type1.total-search-type1{width:600px; float:none; background: #e8ecf0; border-radius:30px; border:2px solid #1d1d1b; margin:0 auto}
.page-search-type1.total-search-type1 input[type="text"]{color:#000; font-size:20px;}
.page-search-type1.total-search-type1 input::placeholder {color:#000; font-size:20px;}
.totla-search-volume{font-size:22px; margin-top:30px; color:#333; font-family:'notokr-DemiLight'; text-align: center;}

.tatal-search-content-box{margin-top:70px;}
.total-search-list-box:after{clear:both; content:''; display:block; height:0;}
.total-search-list-box{border:1px solid #858484; box-sizing: border-box; text-align: center;}
.total-search-list-box li{float:left; width:16.66%; position:relative}
.total-search-list-box li:before{width:1px; height:20px; content:''; background:#ddd; position:absolute; top:50%; left:1px; transform: translate(-50%, -50%);}
.total-search-list-box li:first-child:before{display:none;}
.total-search-list-box li a{display:block; padding:13px 0; font-size:22px; color:#000; font-family:'notokr-medium';}
.total-search-list-box li a .total-search-list-txt span{display:block;}
.total-search-list-box li a .total-search-list-num{font-size:16px;}
.total-search-list-box li a.on{color:#fff; background:#000;}

.total-search-area{padding-top:25px;}
.total-search-area-list{margin-top:50px;}
.total-search-area-title{font-size:32px; color:#222; font-family:'notokr-bold';}
.total-search-area-num{font-size:20px; font-family:'notokr-DemiLight';}

.total-box{margin-top:30px; border-top:2px solid #222; box-sizing: border-box;}

.total-type1 li{padding:30px 60px 30px 20px; border-bottom:1px solid #e5e5e5; box-sizing: border-box;}
.total-type1 li .total-type1-title{font-size:22px; margin-bottom:10px; color:#222; font-family:'notokr-bold'; font-weight: normal; display: inline-block;}
.total-type1 li .total-type1-title:hover{text-decoration: underline;}
.total-type1 li .total-type1-sub-txt{font-size:18px; line-height:28px; margin-bottom:20px; color:#555; 
    font-family:'notokr-DemiLight'; overflow: hidden; text-overflow: ellipsis; 
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.total-type1 li .total-type1-nav{font-size:16px; font-family:'notokr-medium'; color:#222;}
.total-type1 li .total-type1-nav:hover{text-decoration: underline;}

.total-type2{padding:40px 20px 40px 20px; box-sizing: border-box; border-bottom:1px solid #ccc;}
.total-type2:after{clear:both; content:''; display:block; height:0;}
.total-type2 li{float:left; width:33.3%;}
.total-type2 li a{display: table;}
.total-type2 li a div{display: table-cell; vertical-align: top;}

.total-type2 li .total-type2-img-box{max-width:200px; width:200px}
.total-type2 li .total-type2-img-box img{width:100%; display:block;}
.total-type2 li .total-type2-txt-box{padding-left:20px; padding-right:20px; padding-top:30px; box-sizing: border-box;}
.total-type2 li a:hover .total-type2-txt-box .total-type2-title{text-decoration: underline;}
.total-type2 li a:hover .total-type2-txt-box .total-type2-nav{text-decoration: underline;}

.total-type3{padding:20px 40px; box-sizing: border-box; border-bottom:1px solid #ccc;}
.total-type3:after{clear:both; content:''; display:block; height:0;}
.total-type3 li{float:left; width:21.2%; margin-right:5%;}
.total-type3 li:nth-child(4n-0){margin-right:0;}
.total-type3-img-box img{width:100%; display:block;}
.total-type3-txt-box{margin-top:30px;}
.total-type3 li a:hover .total-type3-txt-box .total-type2-title{text-decoration: underline;}
.total-type3 li a:hover .total-type3-txt-box .total-type2-nav{text-decoration: underline;}

.total-type2-title{font-size:22px; margin-bottom:30px; color:#222; font-family:'notokr-medium'; 
    display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.total-type2-sub-txt{font-size:18px; margin-bottom:20px; line-height: 28px; color:#757575; 
    font-family:'notokr-regular'; overflow: hidden; text-overflow: ellipsis; 
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.total-type2-nav{font-size:16px; font-family:'notokr-medium'; color:#222;}

.total-more-btn-box{text-align: right;}
.total-more-btn-box .total-more-btm{font-size:20px; padding:11px 42px; color:#fff; background:#000; font-family:'notokr-regular'; display: inline-block; border-radius: 5px;}
.total-more-btn-box .total-more-btm .total-more-ico{width:17px; height:9px; margin-left:10px; background:url('/images/common/ico/ico_total_more.png')no-repeat center; 
    background-size:17px 9px; display: inline-block; vertical-align: middle;}

/*연혁 및 MI*/
.history-area{margin-top:80px;}
.top-mi-content{padding:0 50px; margin-bottom:120px; width:100%; box-sizing:border-box;}
.top-mi-content:after{clear:both; height:0; display:block; content:'';}
.top-mi-content > div{float:left;}
.top-l-con{width:53%; padding-right:50px; box-sizing: border-box;} /*padding-right:0;*/
.top-l-con svg{display:block; width:330px;}
.top-l-con strong{font-size:78px; color:#222; margin-top:34px; display:block; font-family: 'Noto Sans KR', sans-serif; font-weight: 100; letter-spacing:-4px;}
.top-l-con strong span.font-f{font-family:'notokr-medium';}
.top-l-con p{font-size:18px; line-height:34px; margin-top:40px; color:#555; font-family:'notokr-DemiLight'; letter-spacing: -0.5px;}
.top-r-con{width:47%;}
.right-img-box{margin-top:130px;}
.right-img-box img{display:block; margin:0 auto; max-width:100%;}

.logo-download-box a{margin:0 auto; margin-top:177px;}

/*박물관 연혁*/

.year-history-bg{padding:110px 0 650px 300px; background: #e8ecf0 url('/images/common/bg/bg_history01.png')no-repeat bottom; background-size:contain}

.year-history-list-box{background: url('/images/common/bg/bg_history_line.jpg')repeat-y left 198px top; max-width:950px; width:100%; position:relative}
.year-history-list-box:before{width:20px; height:23px; content:''; background:#e8ecf0; position:absolute; top:0px; left:188px;}
.year-history-list-box:after{width:5px; height:91px; content:''; background:#e8ecf0; position:absolute; bottom:1px; left:196px;}


.year-history-list{display: table; width:100%; margin-bottom:70px;}
.l-year{display:table-cell; vertical-align: top; width:220px;}
.l-year-num{font-size:55px; color:#222; font-family: 'Lato'; font-style: normal; font-weight: 400;}
.l-year-num{position: relative;}
.l-year-num::before{position: absolute; top: 50%; transform: translate(-50%, -50%); right: 0; width: 20px; height: 20px; background: #000; content: ''; border-radius: 100%;}
.l-year-num::after{    position: absolute; top: 50%; transform: translate(-50%, -50%); right: -89px; width: 66px; height: 3px; background: #000; content: '';}
.l-year-txt{font-size:32px; font-family:'notokr-regular';}

.r-year{display:table-cell; vertical-align: middle; width:calc(100% - 220px);}
.r-year-top1{padding-top:18px}

.r-year-list{display:table; width:100%; padding-bottom:15px; padding-left:110px; box-sizing: border-box;}
.r-year-list:last-child{padding-bottom:0;}
.r-year-detail-l{display:table-cell; width:180px; }
.r-year-detail-num{font-size:20px; font-family:'notokr-DemiLight'; color:#444;}
.r-year-detail-r{display:table-cell; width:calc(100% - 180px);}
.r-year-detail-txt{font-size:20px; color:#000; font-family:'notokr-medium';}


/*button type*/
a.dl-btn{font-size:20px; width:345px; padding:17px 0; display:inline-block; font-family:'notokr-regular'; color:#000;  border:1px solid #000; display:block; text-align:center;}
a.dl-btn:hover{color:#fff; border:0; background:#f3705a; border:1px solid #f3705a;}
a.dl-btn i{width:26px; height:26px; margin-left:10px; background:url('/images/common/btn/btn_donwload.png')center no-repeat;  background-size:26px; content:''; display:inline-block; vertical-align: middle;}
a.dl-btn:hover i{width:26px; height:26px; margin-left:10px; background:url('/images/common/btn/btn_donwload_hover.png')center no-repeat;  background-size:26px; content:''; display:inline-block; vertical-align: middle;}

.bottom-mi-tab{position: relative; max-width:1600px; margin:0 auto}
.tab-type01{width:1200px; background:#fff; border:1px solid #858484; position: absolute; top:0; left:50%;
transform: translate(-50%, -50%);}
.tab-type01:after{clear:both; content:''; display:none; height:0;}
.tab-type01 li{float:left; width:20%;}
.tab-type01 li a{font-size:22px; padding:20px 0; color:#000; font-family:'notokr-medium'; text-align:center; display:block; position:relative}
.tab-type01 li a:before{width:1px; height:20px; background:#ddd; content:''; position:absolute; bottom:20%; right:-3px; transform: translate(-50%, -50%);}
.tab-type01 li:last-child a:before{display:none}
.tab-type01 li a.on{background:#000; color:#fff;}
.mi-bg{padding:125px 0 100px 0px; background:#eff2f7;}
.mi-bg > div{max-width:1200px; margin:0 auto; padding:0 15px;}
/*20220121*//*margin-bottom:160px;*/
.full-content{margin-bottom:0;}

/*MI 심볼마크*/
.symbol:after{clear:both; display:block; height:0; content:'';}
.symbol > div{float:left; width:50%;}
.mi-bg .symbol-l img{display:block; width:100%;}
.symbol-l{padding-right:60px; box-sizing: border-box;}
.symbol-r{padding-left:40px; box-sizing: border-box;}
.symbol-r strong{font-size:32px; color:#000; font-weight:normal; font-family:'notokr-bold';}
.symbol-r > p:nth-child(2){font-size:18px; line-height:34px; margin-top:40px; padding-bottom:25px;
    border-bottom:1px solid #ddd; color:#555;}
.symbol-r ul{display:table; width:100%; margin-top:30px;}
.symbol-r ul > li:nth-child(1){display:table-cell; width:68px; vertical-align: middle;}
.symbol-r ul > li:nth-child(1) img{width:100%; display:block;}
.symbol-r ul > li:nth-child(2){display:table-cell; width:calc(100% - 68px); vertical-align: middle;}
.symbol-r ul > li:nth-child(2) p{font-size:16px; line-height:24px; padding-left:37px; color:#ec008c; font-family:'notokr-DemiLight';}

/*MI 컬러변화*/
.mi-tab1.color-change{padding-top:95px 0 100px 0; }
.m-mi-img{display:none;}
.m-mi-logo-img{display:none;}
.change-top{display:table; width:100%; margin-bottom:70px;}
.change-top > li:nth-child(1){display:table-cell; vertical-align: top; width:330px; font-size:32px; font-family:'notokr-bold'; color:#000;}
.change-top > li:nth-child(2){display:table-cell; vertical-align: top; width:calc(100% - 330px); font-size:18px ; line-height:34px; font-family:'notokr-DemiLight'; color:#555;}
.change-bottom{background:#fff; padding:50px 50px 86px 50px; box-sizing: border-box;}
.bottom-sub-title{font-size:20px; color:#444; font-family: 'Lato'; font-style: normal; font-weight: 400;}
.sub-txt-bottom{margin-bottom:70px;}
.mi-color-full{max-width:961px; margin:0 auto;}
.pc-mi-img{display:block; width:100%;}
.change-bottom > ul:nth-child(1){padding-bottom:70px; border-bottom:1px solid #ddd;}
.sub-txt-bottom2{margin:50px 0 55px 0;}
.mini-logo:after{clear:both; height:0; display:block; content:'';}
.mini-logo{width:100%;}
.mini-logo > li{float:left; width:10%; margin-right:5%;}
.mini-logo > li:nth-child(7){margin-right:0;}
.mini-logo > li > img.pc-mi-logo-img{width:100%; display:block;}

/*MI 로고타입*/
.change-top.logo-type-top{margin-bottom:60px;}
.change-top.logo-type-top > li:nth-child(1){width:238px;}
.change-top.logo-type-top > li:nth-child(2){width:calc(100% - 238px);}

.mi-logo-type-box{padding:95px 0 95px 238px; background:#fff;}
.mi-logo-type-box li{margin-bottom:100px; display:table;}
.mi-logo-type-box li:last-child{margin-bottom:0;}
.mi-logo-type-box li p{width:192px; display:table-cell; vertical-align: middle;}
.mi-logo-type-box li div{display:table-cell; width:calc(100% - 192px); vertical-align: middle;}
.mi-logo-type-box li div img{width:100%; display:block;}
.mi-logo-type-box li:nth-child(1) div img{padding-left:12px;}


/*전용색상*/
.change-top.system-type-top{margin-bottom:70px;}
.change-top.system-type-top > li:nth-child(1){width:238px;}
.change-top.system-type-top > li:nth-child(2){width:calc(100% - 238px);}

.private-box{padding:90px 75px; background:#fff;}
.private-box li{display:table; width:100%;}
.private-box li:nth-child(3){ margin-top:60px;}
.private-box li p{display:table-cell; width:156px; padding-left:25px; font-size:20px; box-sizing: border-box; font-family: 'Lato'; font-style: normal; font-weight: 400;}
.private-box li div{display:table-cell; width:calc(100% - 156px); vertical-align:top; }
.private-box li div img.m-private-img{display:none;}
.private-box li div img.pc-private-img{display:block; width:100%;}

/*금지규정*/
.rule-box{padding:90px 50px; background:#fff;}
.rule-box:after{clear:both; content:''; display:block; height:0;}
.rule-box li{width:100%; box-sizing: border-box;}
.rule-box li:nth-child(1){ padding:0 46px 50px 56px; border-bottom:1px solid #e5e5e5;}
.rule-box li:nth-child(2){ padding: 60px 46px 50px 56px; border-bottom:1px solid #e5e5e5}
.rule-box li:nth-child(3){ padding:60px 46px 0 56px;}
.rule-box li img{width:100%; display:block;}

.m-rule-img{display:none;}
.tab-none{display:none;}

/*연혁*/
.history-box{margin:80px 0 0 0;}
.history-bg{width:100%; padding:100px 0 120px 0; min-height:600px; background:#e1e6eb url('/images/common/bg/bg_history.jpg')top no-repeat;}
.history-list-box{background: url('/images/common/bg/bg_history_line.jpg')repeat-y center top;}
.history-list-box > li:last-child{margin-bottom:0;}
.history-list-box > li > div:nth-child(1){width:50%;}
.history-list-box > li > div:nth-child(2){width:50%; padding-left:70px; box-sizing: border-box;}

/*텍스트가 오른쪽일 떄 (홀수)*/
.history-list-box > li{display:table; width:100%; padding:0 20px; box-sizing: border-box; margin-bottom:80px;}
.history-list-box > li > div.history-txt-box{display:table-cell; text-align:right; vertical-align:middle; padding-right:45px; box-sizing: border-box;}
.history-list-box > li > div.history-img-box{display:table-cell; vertical-align:middle;}
.history-list-box > li > .history-img-box .inner-img-box{position: relative;}
.history-list-box > li > .history-img-box .inner-img-box img{ object-fit: cover; max-width:100%; height:100%; display: block; box-shadow: 15px 15px 15px rgb(0 0 0 / 10%); border:7px solid #202020;  box-sizing: border-box; position: relative; z-index: 1;}
.history-list-box > li > .history-img-box .inner-img-box:before{position: absolute; top:50%; transform: translate(-50%, -50%); left:-71px; width:20px; height:20px; background:#000; content:''; border-radius:100%;}
.history-list-box > li > .history-img-box .inner-img-box:after{position: absolute; top:50%; transform: translate(-50%, -50%); left:-33px; width:66px; height:3px; background:#000; content:'';}

/*텍스트가 오른쪽일 떄 (짝수)*/
.history-list-box > li:nth-child(even){display:table; width:100%; padding:0 20px; box-sizing: border-box; margin-bottom:80px;}
.history-list-box > li:nth-child(even) > div.history-txt-box{display:table-cell; text-align:left; vertical-align:middle; padding-left:45px; padding-right:0; box-sizing: border-box;}
.history-list-box > li:nth-child(even) > div.history-img-box{display:table-cell; vertical-align:middle; padding-right:70px;}
.history-list-box > li:nth-child(even) > .history-img-box .inner-img-box{position: relative; text-align: right;}
.history-list-box > li:nth-child(even) > .history-img-box .inner-img-box img{ object-fit: cover; max-width:100%; height:100%; display:inline-block; box-shadow: 15px 15px 15px rgb(0 0 0 / 10%); border:7px solid #202020;  box-sizing: border-box;}
.history-list-box > li:nth-child(even) > .history-img-box .inner-img-box:before{position: absolute; top:50%; transform: translate(-50%, -50%); left:auto; right:-90px; width:20px; height:20px; background:#000; content:''; border-radius:100%;}
.history-list-box > li:nth-child(even) > .history-img-box .inner-img-box:after{position: absolute; top:50%; transform: translate(-50%, -50%); left:auto; right:-98px; width:66px; height:3px; background:#000; content:'';}

.history-txt-box > div{margin-bottom:30px; display:table; width:100%}
.history-txt-box > div:last-child{margin-bottom:0;}
.history-list-box > li:nth-child(odd) .year-txt{padding-left:30px; display:table-cell; width:138px;}
.history-list-box > li:nth-child(even) .year-txt{padding-right:30px; display:table-cell; width:138px;}
.year-txt{font-size:55px; color:#222; font-family: 'Lato'; font-style: normal; font-weight: 400; letter-spacing: -4px; display:inline-block; vertical-align:middle;}
.year-txt span{font-size:32px; font-family: 'Noto Sans KR', sans-serif; font-weight: 100;}
.year-sub-txt{font-size:22px; color:#000; font-family:'notokr-medium'; padding-top:10px; display:table-cell; width:calc(100% - 138px); vertical-align:middle;}

/*이미지 아래 텍스트*/
.inner-img-con-box{display:inline-block; position:relative;}
.history-list-box > li:nth-child(odd) .history-img-txt{font-size:18px; margin-top:15px; text-align:center; color:#333; width:100%; font-family:'notokr-regular'; position:absolute; left:50%; transform:translateX(-50%);}
.history-list-box > li:nth-child(even) .history-img-txt{font-size:18px; margin-top:15px; text-align:center; color:#333; width:100%; font-family:'notokr-regular'; position:absolute; left:50%; transform:translateX(-50%);}

/*txt 높이값*/
.history-list-box li.history-list:nth-child(2){height:375px;}
.history-list-box li.history-list:nth-child(2) .history-img-box{vertical-align:bottom;}
.history-list-box li.history-list:nth-child(2) .history-txt-box{vertical-align:top;}
.history-list-box li.history-list:nth-child(3){height:585px;}
.history-list-box li.history-list:nth-child(3) .history-img-box{vertical-align:top;}
.history-list-box li.history-list:nth-child(3) .history-txt-box{vertical-align:bottom;}
.history-list-box li.history-list:nth-child(4){height:410px;}
.history-list-box li.history-list:nth-child(4) .history-img-box{vertical-align:top;}
.history-list-box li.history-list:nth-child(4) .history-txt-box{vertical-align:bottom;}

/*20220412 수정*/
.history-list-box li.history-list:nth-child(4) .history-img-box.new-history-img-box{padding-top:25px;}
/*20230725 수정*/
.history-list-box > li > .history-img-box .inner-img-box iframe{width:100%; height:283px; max-width:493px; object-fit:cover; box-shadow: 15px 15px 15px rgb(0 0 0 / 10%); border: 7px solid #202020; box-sizing: border-box; position: relative; z-index: 1;}


/*소장품 list*/ 
.detail-check-box{margin-bottom:20px; width:100%; clear:both; padding-top:30px;}

.detail-area{float:right; width:744px;}
.detail-area:after{clear:both; content:''; display:block; height:0;}
.detail-area .btn-detail-open{font-size:20px; color:#444; margin-right:15px; padding-top:14px; font-family:'notokr-medium'; display:inline-block;}
.detail-area .btn-detail-open > i { width:30px; height:30px; margin-left:10px; background: url(/images/common/ico/ico_m_black_open.png)center no-repeat;
    background-size:30px; content:''; display:inline-block; vertical-align: text-top;}
.detail-box{padding:45px 45px; border:10px solid #e8ecf0; box-sizing: border-box;}
.btn-detail-close{font-size:20px; color:#444; margin-right:10px; padding-top:14px; font-family:'notokr-medium'; float:right; display: block;}
.btn-detail-close > i { width:30px; height:30px; margin-left:10px; background: url(/images/common/ico/ico_m_black_close.png)center no-repeat;
    background-size:30px; content:''; display:inline-block; vertical-align: text-top;}

.check-list{display:table; width:100%; border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:35px;}
.check-list:last-child{margin-bottom:0;}
.check-title{display:table-cell; width:120px; font-size:24px; color:#000; font-family:'notokr-medium'; position: relative; vertical-align: middle;}
.check-title:before{width:65px; height:2px; background:#000; content:''; position:absolute; bottom:-7px; left:0;}
.check-sub-list{display:table-cell; width:calc(100% - 120px); vertical-align:middle;}
.check-sub-list li{display:inline-block; vertical-align: sub; margin-right:1.4%; margin-bottom:5px;}
.check-sub-list li:last-child{margin-right:0;}

/* .card-list-type1.collection-list:after{clear:both; display:block; overflow:hidden; content: ""; height:0} */
.inner-img-body{margin-top:60px;}
.card-list-type1.collection-list > li{width:30%; margin-bottom:60px; float:left} 
.card-list-type1.collection-list:after { content: ''; display: block; clear: both; }
.card-list-type1.collection-list .grid-sizer { width:30%; }
.card-list-type1.collection-list .gutter-sizer { width: 5%; }
.card-list-type1> li .info-area{margin-top:25px;}
.card-list-type1 > li .info-area > a{font-size:24px; color:#222; overflow:hidden; display:block; margin-bottom:10px; font-weight: normal; word-break: keep-all;
font-family:'notokr-medium';}
.card-list-type1 > li .info-area > a:hover{text-decoration: underline;}
.card-list-type1 > li .info-area.collection-area p{font-family:'notokr-bold'; margin-bottom:10px;}
.card-list-type1 > li .img-box{position: relative; overflow: hidden; /* min-height: 420px;*/}
.card-list-type1 > li .img-box > a{max-width:100%; display:block; }
.card-list-type1 > li .img-box > a img{max-width:100%; display:block; width:100%;}
.card-list-type1 > li .img-box .img-over-box{position: absolute; width: 100%; left: 0; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; z-index:1}
.card-list-type1 > li .img-box .img-over-box .inner-img-over-box{position: relative; width:100%; height:100%;}
.card-list-type1 > li .img-box .img-over-box .over-btn-area{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer;}
.card-list-type1 > li .img-box .img-over-box .over-btn-area li{margin-bottom:15px;}
.card-list-type1 > li .img-box .img-over-box .over-btn-area li .btn{min-width:107px; box-sizing: border-box; text-align: center;}


/*소장품 view*/
.collection-pop { position: fixed; width: 100%; height: 100%; top: 0; background: rgba(0, 0, 0, 0.8); z-index: 100;}
.collection-pop .pop-img-box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; max-width:100%; max-height:100%;}
.collection-pop .pop-btn-box .pop-btn-area {
    width:380px; padding:20px 0; background:#fafafa; position:absolute; top:92%; left:50%; 
    transform: translate(-50%, -50%); border-radius: 38px; text-align: center; z-index:1001;}
.collection-pop .pop-btn-box .pop-btn-area a {margin-right:50px;}
.collection-pop .pop-btn-box .pop-btn-area a:last-child {margin-right:0;}
.collection-pop .pop-btn-box .pop-btn-area a.pop-reduction {width:31px; height:31px; background:url('/images/common/btn/btn_reduction.png')center no-repeat; background-size:31px; display: inline-block;}
.collection-pop .pop-btn-box .pop-btn-area a.pop-zoom {width:31px; height:31px; background:url('/images/common/btn/btn_zoom.png')center no-repeat; background-size:31px; display: inline-block;}
.collection-pop .pop-btn-box .pop-btn-area a.pop-down {width:31px; height:31px; background:url('/images/common/btn/btn_popup_download.png')center no-repeat; background-size:31px; display: inline-block;}
.collection-pop .pop-btn-box .pop-btn-area a.pop-close {width:26px; height:26px; background:url('/images/common/btn/btn_popup_close.png')center no-repeat; background-size:26px; display: inline-block;}

.board-view-type2 .view-body.collection-view-body {padding-bottom:120px;}
.view-body.collection-view-body .top-img-box {position: relative;}
.view-body.collection-view-body .top-img-box .big-size-swiper-img > div {background:#f5f5f5;}
.view-body.collection-view-body .top-img-box .big-size-swiper-img ul li {position:relative; height:900px}
.view-body.collection-view-body .top-img-box .big-size-swiper-img ul li img {position: absolute;  top: 50%; left: 50%; 
    transform: translate(-50%, -50%); width: auto; height: auto; 
    max-width: 100%; max-height: 100%;
}

.view-body.collection-view-body .top-img-box .small-size-swiper-img {position:absolute; width:100px; top:30px; right:30px;}
.view-body.collection-view-body .top-img-box .small-size-swiper-img ul{height:840px;}
.view-body.collection-view-body .top-img-box .small-size-swiper-img ul li {margin-bottom:9px; width:100px; height:67px; background:#fff; 
    position: relative; border:1px solid #ddd; box-sizing: border-box;}
.view-body.collection-view-body .top-img-box .small-size-swiper-img ul li:last-child{margin-bottom:0;}
.view-body.collection-view-body .top-img-box .small-size-swiper-img ul li a img {position: absolute;
    top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: 100%; max-height: 100%; display:block
}
.view-body.collection-view-body .top-img-box .small-size-swiper-img ul li a.on::before {position:absolute; top:0; left:0; width:100px; height:67px; 
    border:2px solid #f3705a; background:rgba(0, 0, 0, 30%); content:''; 
    box-sizing: border-box; z-index: 1;}

.view-body.collection-view-body .top-img-box .collection-btn-box {float:right; margin-top:40px;}
.view-body.collection-view-body .top-img-box .collection-btn-box a {font-size:20px; margin-right:37px; color:#444; font-family:'notokr-medium'; 
    vertical-align: middle;}
.view-body.collection-view-body .top-img-box .collection-btn-box a:last-child {margin-right:0;}
.view-body.collection-view-body .top-img-box .collection-btn-box a i {width:31px; height:31px; margin-right:10px; display:inline-block; vertical-align: middle;}
.view-body.collection-view-body .top-img-box .collection-btn-box a.bigsize-view i {background:url('/images/common/ico/ico_bigsize.png')center no-repeat; 
    background-size:31px;}
.view-body.collection-view-body .top-img-box .collection-btn-box a.download-view i {background:url('/images/common/ico/ico_download.png')center no-repeat; 
    background-size:31px;}

.view-body.collection-view-body .bottom-txt-box {clear:both; display:table; width:100%; max-width:1400px; margin:0 auto; padding:70px 15px 0 15px; box-sizing: border-box;}

.view-body.collection-view-body .bottom-txt-box > div {display:table-cell; vertical-align: middle;}
.view-body.collection-view-body .bottom-txt-box > div.l-txt-info {width:calc(100% - 500px); vertical-align: top;}
.view-body.collection-view-body .bottom-txt-box > div.l-txt-info strong {font-size:42px; margin-bottom:30px; color:#222; font-family:'notokr-medium'; font-weight: normal; display:block;}
.view-body.collection-view-body .bottom-txt-box > div.l-txt-info p.l-txt-desc {font-size:18px; line-height:32px; padding-top:30px; padding-right:40px; 
    border-top:1px solid #e5e5e5; box-sizing: border-box; font-family:'notokr-DemiLight';}

.view-body.collection-view-body .bottom-txt-box > div.r-txt-info {width:400px; padding-left:100px; vertical-align: top;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter {background:#f5f5f5; border-top:1px solid #000; box-sizing: border-box;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul {padding:40px 0 40px 30px;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul > li {display:table; width:100%; margin-bottom:40px;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul > li:last-child{margin-bottom:0;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul > li > p {font-size:16px; color:#222; font-family:'notokr-medium'; display:table-cell; width:90px; vertical-align: middle;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul > li > ul {display:table-cell; width:calc(100% - 90px); vertical-align: middle;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul > li > ul > li {display:inline-block; font-size:18px; color:#555; margin-right:20px; font-family:'notokr-DemiLight'; position: relative;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul > li > ul > li:first-child:before {display:none;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul > li > ul > li:before {position:absolute; top:0; left:-16px; content:'>'; }
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul > li > ul > li:last-child {margin-right:0;}

.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .kogl-box {margin-top:40px;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .kogl-box div {width:217px;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .kogl-box div img {max-width:100%; display:block}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .kogl-box p {font-size:16px; line-height:28px; margin-top:20px; padding-right:20px; color:#555; font-family:'notokr-DemiLight';}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .kogl-box p a{color:#ed6a53;}


/*관람 안내*/
/*예약*/
.preview-content { margin-top:80px;}
.preview-visual { min-height:810px; position: relative;}
.preview-visual:before { width: 100%; min-height: 585px;
    position: absolute; bottom: 0; left: 0; content: ""; background-color:#eff2f7; z-index: -1;}
.inner-preview { padding:0 200px; margin:0 auto;}

/* .top-preview-box:after{clear:both; height:0; display:block; content:'';} */
.top-preview-box{max-width:1200px; display:flex; justify-content: space-between;}
.top-preview-box > div{padding:60px 10px 40px 10px; width:48%; border:10px solid #e8ecf0; box-sizing: border-box; background:#fff; text-align: center;}
.top-preview-box > div.bg-reservation{position:relative; overflow:hidden;}
.top-preview-box > div.bg-reservation:after{background:#7565b3; border-radius:50%; content:''; width:800px; height:420px; position: absolute; bottom: -230px; left: 50%; transform: translate(-50%, 0);}
.top-preview-box > div > .reservation-title{font-size:42px; color:#222; font-family:'notokr-medium'; font-weight:normal; display:block; word-break: keep-all;}
.top-preview-box > div > .reservation-title span{font-family:'notokr-bold';}
.top-preview-box > div > .reservation-txt{font-size:20px; margin-top:20px; color:#555; font-family:'notokr-DemiLight'; word-break: keep-all;}
.top-preview-box > div > .reservation-img{width:132px; margin:10px auto 0 auto; position:relative; z-index:1}
.top-preview-box > div > .reservation-img img{width:100%; display:block; }
.top-preview-box > div > .reservation-btn{font-size:20px; margin-top:30px; padding:11px 42px; border:1px solid #333; color:#000; font-family:'notokr-regular'; box-sizing: border-box; display:inline-block; word-break: keep-all; background:#fff; position:relative; z-index:1}
.top-preview-box > div > .reservation-btn:hover{color:#fff; background:#f3705a; border:1px solid #f3705a;}
.top-preview-box > div > .reservation-btn.non-hover:hover{border:1px solid #333; color:#000; background:#fff;}

.bot-preview-box{margin-top:80px; display:table; width:100%}
.bot-preview-box strong{font-size:32px; width:285px; color:#000; display:table-cell; vertical-align: top; font-family:'notokr-bold'; font-weight: normal;}
.bot-preview-box ul{width:calc(100% - 285px); display: table-cell; }
.bot-preview-box ul li{font-size:18px; padding-left:20px; margin-bottom:10px; color:#555; font-family:'notokr-DemiLight'; position: relative}
.bot-preview-box ul li:last-child{margin-bottom:0;}
.bot-preview-box ul li:before{width:5px; height:5px; background:#000; content:''; position: absolute; top:12px; left:0; border-radius: 100%;}


/*안내*/
/*20220121*//*margin-bottom:160px*/
.full-content.reser-content{margin:65px auto 0 auto; max-width:1600px; padding:0 15px;}

.inner-reser{display:table; width:100%; }
.l-reser{display: table-cell; padding:50px 90px 70px 80px; width:calc(100% - 600PX); vertical-align: middle; border:10px solid #e8ecf0; box-sizing: border-box;}
.l-reser .l-reser-list > li{display:table; padding-bottom:50px; margin-bottom:24px; border-bottom:1px solid #ddd; width:100%;}
.l-reser .l-reser-list > li .l-reser-title{display:table-cell; width:265px; vertical-align: top;}
.l-reser .l-reser-list > li .l-reser-title strong{display:block; font-size:26px; color:#000; font-family:'notokr-bold'; font-weight:normal}
.l-reser .l-reser-list > li .l-reser-txt{display:table-cell; width:calc(100% - 265px); vertical-align: middle;}
.l-reser .l-reser-list > li .l-reser-txt strong.clock-info{ font-size:42px; margin-bottom:10px; color:#222;   font-family: 'Lato'; font-style: normal; font-weight: 700; display:block}
.l-reser .l-reser-list > li .reser-info{font-size:18px; padding-left:17px; color:#555; margin-top:10px; font-family:'notokr-DemiLight'; position:relative}
.l-reser .l-reser-list > li .reser-info:before{width:5px; height:5px; content:''; background:#000; position:absolute; top:12px; left:0; border-radius: 100%;}
.l-reser .l-reser-list > li .reser-btn{margin-top:30px}
.l-reser .l-reser-list > li .l-reser-txt strong.calendar-info{font-size:24px; color:#222; font-family:'notokr-medium'; display:block; font-weight: normal;}
.l-reser .l-reser-list > li .l-reser-txt strong.money-info{font-size:24px; color:#222; font-family:'notokr-medium'; display:block; font-weight: normal;}
.l-reser .l-reser-list > li  strong.reser-clock i{width:60px; height:60px; margin-right:10px; display:inline-block; background:url('/images/common/ico/ico_reser_clock.png')center no-repeat; background-size:60px; vertical-align: middle;}
.l-reser .l-reser-list > li  strong.reser-calendar i{width:60px; height:60px; margin-right:10px; display:inline-block; background:url('/images/common/ico/ico_reser_calendar.png')center no-repeat; background-size:60px; vertical-align: middle;}
.l-reser .l-reser-list > li  strong.reser-money i{width:60px; height:60px; margin-right:10px; display:inline-block; background:url('/images/common/ico/ico_reser_money.png')center no-repeat; background-size:60px; vertical-align: middle;}
.l-reser .l-reser-list > li  strong.reser-parking i{width:60px; height:60px; margin-right:10px; display:inline-block; background:url('/images/common/ico/ico_reser_parking.png')center no-repeat; background-size:60px; vertical-align: middle;}
.l-reser .l-reser-list > li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;}

.r-reser{display: table-cell; padding:50px 45px 70px 50px;  width:600px; vertical-align: top; background:#eff2f7; box-sizing: border-box;}
.r-reser strong.note-title{font-size:32px; margin-bottom:30px; color:#000; font-family:'notokr-bold'; font-weight: normal; display:block}
.r-reser ul.reser-txt-list li{font-size:18px; line-height:36px; color:#555; font-family:'notokr-DemiLight';}
.r-reser ul.reser-txt-list li:last-child{margin-bottom:0;}
.r-reser .note-txt{font-size:20px; margin-bottom:10px; color:#222; font-family:'notokr-bold';}
.r-reser .note-top{margin-top:50px;}


/*완료*/
.content-title{font-size:42px; margin-bottom:30px; color:#222; display:block; font-weight: normal; font-family:'notokr-medium';}
.l-reser.l-comp{padding:90px 90px 110px 90px;}
.comp-title{display:table; width:100%}
.comp-title p:nth-child(1){width:120px; padding-right:30px; display:table-cell;}
/* .comp-title p i{width:120px; height:120px; margin-right:30px; display:inline-block; background:url('/images/common/ico/ico_completion.png')center no-repeat; background-size:120px; vertical-align: middle;} */
.comp-title p img{width:100%; display:block;}
.comp-title p:nth-child(2){display:table-cell; width:calc(100% - 120px);font-size:48px; font-family: 'Noto Sans KR', sans-serif; font-weight: 100; color:#222; vertical-align: middle;}
span.txt-bold{font-family:'notokr-medium';}
.comp-info{margin-top:30px; padding:40px 30px 40px 30px; background:#fafafa; border-top:2px solid #000; border-bottom:2px solid #ccc;}
.comp-info li{width:100%; display:table; margin-bottom:20px;}
.comp-info li:last-child{margin-bottom:0;}
.comp-info li strong{font-size:18px;font-family:'notokr-medium'; color:#222; display:table-cell; width:140px; font-weight: normal; vertical-align: middle;}
.comp-info li p{font-size:18px; color:#555; font-family:'notokr-regular'; display:table-cell; width:calc(100% - 140px); word-break: break-all;}
.comp-info li > div{display:table-cell; width:calc(100% - 140px); word-break: break-all;}
.reser-btn2{margin-top:40px; text-align: center;}
.reser-btn2 a:nth-child(1){margin-right:10px;}

.r-reser.r-reser2{padding:64px 30px 25px 30px;}/*padding:100px 60px 100px 60px;*/

.r-reser.r-reser2 strong{font-size:32px; margin-bottom:15px; color:#000; font-family:'notokr-bold'; font-weight: normal; display:block;}
.r-reser.r-reser2 ul li{font-size:18px; line-height:30px; margin-bottom:10px; padding-left:14px; color:#555; font-family:'notokr-DemiLight'; position: relative;}
.r-reser.r-reser2 ul li:before{width:5px; height:5px; content:''; background:#000; position:absolute; top:12px; left:0; border-radius: 100%;}
.r-reser.r-reser2 ul li:last-child{margin-bottom:0;}

/*조회 취소*/
.comp-info.lookup-info{padding:50px 60px 50px 50px;}
.comp-info li strong.lookup_txt{font-size:20px;}
.btn-sns-box{display:flex; justify-content: space-between;}
.btn-sns-box a{font-size:18px; height:52px; padding:13px 0; width:32%; text-align: center; margin-right:1%; background:#fff; color:#000; border:1px solid #333;
 font-family:'notokr-regular'; box-sizing: border-box; display:block;} /*display:inline-block kakao, naver 추가 시 수정*/
.btn-sns-box a.kaako{padding:13px 0 12px 0;}
.btn-sns-box a.phone{padding:13px 0 10px 0;}
.btn-sns-box a:last-child{margin-right:0px;}
a.kaako i{width:27px; height:25px; margin-right:10px; display:inline-block; background:url('/images/common/ico/ico_kakao.png')center no-repeat; background-size:27px 25px; vertical-align: text-top;}
a.naver i{width:24px; height:22px; margin-right:10px; display:inline-block; background:url('/images/common/ico/ico_naver.png')center no-repeat; background-size:24px 22px; vertical-align: text-top;}
a.phone i{width:17px; height:27px; margin-right:10px; display:inline-block; background:url('/images/common/ico/ico_phone.png')center no-repeat; background-size:17px 27px; vertical-align: text-top;}

.lookup-top{vertical-align: top !important; padding-top:10px;}

/*조회 취소2*/
.l-reser.l-search{padding:0;}
.search-area li.search-list{border-bottom:10px solid #e8ecf0; position:relative;}
.search-area li.search-list:last-child{border-bottom:0;}
.search-list:after{clear:both; content:''; display:block; height:0;}
.search-list > div{float:left;}
.search-list div.l-search{width:50%; padding:50px 40px 0 50px; box-sizing: border-box;}
.search-list div.l-search p{font-size:18px; width:110px; padding:5px 0; text-align: center; color:#fff; font-family:'notokr-medium'; border-radius: 3px;}
.search-list div.l-search p.completion-reser{background:#ed6a53}
.search-list div.l-search p.cancel-reser{background:#444}
.search-list div.l-search strong{font-size:36px; color:#222; display: block; margin-top:30px; font-family: 'MaruBuri-Regular'; font-weight: normal;}
.search-list div.l-search a{position: absolute; left: 50px; bottom: 40px;}

.search-area li.search-list.new-search-list{display:table; width:100%;}
.search-list > div.float-div-none{float:none; display:table-cell;}
.search-list div.l-search.new-l-search{padding:50px 40px 50px 50px;}
.search-list div.l-search a.new-btn-type1{position: inherit; left:inherit; bottom:inherit; margin-top:50px;}


.search-list div.r-search{width:50%; background:#fafafa; padding:50px 40px 40px 40px; box-sizing: border-box;}
.search-list div.r-search .r-search-list li{display:table; width:100%; margin-bottom:20px;}
.search-list div.r-search .r-search-list li:last-child{margin-bottom:0;}
.search-list div.r-search .r-search-list li > strong{display:table-cell; width:140px; font-size:18px; color:#222; font-weight: normal; font-family:'notokr-medium';}
.search-list div.r-search .r-search-list li > p{display:table-cell; width:calc(100% - 140px); font-size:18px; font-family:'notokr-medium'; color:#555;}


/*예약 인증 전 후*/ 
.l-reser.l-layout-reser{    display: table-cell; padding: 80px 50px 80px 50px; background:#eff2f7;
    width: calc(100% - 800PX); vertical-align: top  ; box-sizing: border-box; border:0;}
.r-reser.r-layout-reser{display: table-cell; padding: 80px 50px 80px 40px; border: 10px solid #e8ecf0;
    width: 800px; vertical-align: top; background: #fff; box-sizing: border-box;}
.form-layout-reser{display:table-cell; width:800px;}
.top-title-area:after{clear:both;  content:''; display:block; height:0;}
span.edu-kind.reservation-label-type{float:none;}
.content-title.edu-title.edu-left-content-title{width:75%;}
.content-title.left-content-title{float:left;}
.right-clock{float:right; font-size:16px; color:#262626; font-family: 'Lato'; font-style: normal; font-weight: 400;
    background:#eff2f7; padding:10px 15px; border-radius: 20px;} 
.right-clock i{width:20px; height:20px; padding-right:12px; display:inline-block; background:url("/images/common/ico/ico_right_clock.png")center no-repeat; background-size:20px; vertical-align: sub;}

.calendar-box{height:500px;}
.cal-content{margin-top :90px;}
.cal-content p{font-size:32px; color:#000; font-family:'notokr-bold';}
.cal-content ul{margin-top:30px;}
.cal-content ul li{font-size:18px; padding-left:20px; margin-bottom:10px; color:#555; font-family:'notokr-DemiLight'; letter-spacing: -0.5px; position: relative;}
.cal-content ul li::before{width:5px; height:5px; background:#000; position: absolute; top:10px; left:0; content:''; border-radius: 100%;}
.cal-content ul li:last-child{margin-bottom:0;}

.calendar-data{font-size:42px; line-height:42px; font-family: 'Lato'; font-style: normal; font-weight: 700; color:#222; display:block; text-align: center; letter-spacing: -1px;}
.calendar-data > span{font-size:36px; margin-left:5px;}
.reser-caution{font-size:18px; margin-top:60px; font-family:'notokr-DemiLight'; text-align: center;}
.reser-caution i{width:38px; height:38px; margin-right:12px; display:inline-block; vertical-align: middle; background:url('/images/common/ico/ico_caution.png')center no-repeat; background-size:38px;}

.select-list{margin-top:50px;}
.select-list > li{display:table; width:100%; margin-bottom:50px;}
.select-list > li > p{display:table-cell; width:115px; font-size:20px; color:#000; font-family:'notokr-medium';}
.select-list > li > div{display:table-cell; width:calc(100% - 115px);}
.select-list > li > div .data-list li{margin-bottom:10px;}
.select-list > li > div .data-list li:last-child{margin-bottom:0;}
.select-list > li > div .data-list li button{font-size:20px; padding:10px 30px 10px 30px; color:#555; text-align:left; border:1px solid #333; width:100%; background:#fff; font-family:'notokr-medium'; cursor: pointer;}
.select-list > li > div .data-list li button span{color:#e7573f;}
.select-list > li > div .data-list li button.on{color:#fff; background:#7769af; border:1px solid #7769af;}
.select-list > li > div .data-list li button.on span{color:#fff;}
.txt-con{font-size:18px; color:#555; font-family:'notokr-medium'; vertical-align: middle;}

.select-list > li > div .data-list li button.edu-end-list{background:#d9d9d9; color:#a2a2a2; border: 1px solid #a3a3a3;}
.select-list > li > div .data-list li button.edu-end-list span{color:#a2a2a2;}

.phone-request-box{margin-top:30px;}
.phone-request-btn-box{padding-bottom:5px; display:table; width:100%;}
.l-phone-requst-box{width:calc(100% - 100px); vertical-align: middle; display:table-cell; position: relative;}
.r-phone-requst-box{width:100px; vertical-align: middle; display:table-cell;}
.phone-request-btn-box:first-child input{width:100%}
.phone-request-btn-box a.btn-sm{width:90px; margin-left:5px; padding:10px 0; display:inline-block; text-align: center;}

.l-phone-requst-box span{position:absolute; bottom:-25px; left:0;}


.select-list2{margin-top:60px;}
.inner-select{padding-bottom:60px; border-bottom:2px solid #ccc;}
.booker-txt{font-size:20px; margin-bottom:20px; color:#000; font-family:'notokr-medium';}
.booker-list{margin-bottom:60px;}
.booker-list li{display:table; width:100%; margin-bottom:10px;}
.booker-list li:last-child{margin-bottom:0;}
.booker-list li p{display:table-cell; font-size:18px; width:110px; font-family:'notokr-medium'; color:#444;}
.booker-list li p span{font-size:18px; font-family:'notokr-medium'; color:#444;}
.booker-list li div{display: table-cell; width:calc(100% - 110px);}
.booker-info{font-size:16px; margin-bottom:30px; color:#555; font-family:'notokr-DemiLight';}
.booker-sub-txt{font-size:18px; margin-bottom:15px; color:#444; font-family:'notokr-medium';}
.booker-tbl{font-size:16px; margin-bottom:30px; font-family:'notokr-regular'; color:#555; border:1px solid #ddd;}
.booker-tbl tr{border-bottom:1px solid #ddd;}
.booker-tbl tr td:nth-child(1){border-right:1px solid #ddd;}
.booker-tbl tr td{padding:15px 8px 15px 8px;}

.booker-info-list li{font-size:16px; margin-bottom:10px; line-height:28px; padding-left:14px; font-family:'notokr-DemiLight'; color:#555; position:relative}
.booker-info-list li:last-child{margin-bottom:0;}
.booker-info-list li::before{width:2px; height:2px; content:''; background:#000; position:absolute; top:14px; left:0;}
.booker-check-box{margin-top:20px;}
.reser-btn2.booker-btn{margin-top:25px;}

.popupbox{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:100}
.popupbox-inner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.popupbox-content{padding:35px 40px 30px; border:10px solid #e8ecf0; background:#fff; max-width:555px; margin:0 auto; box-sizing:border-box;}
.popuptxt{display:flex; align-items:center;}
.popuptxt img{width:108px; margin-right:15px; display:block;}
.popuptxt p{width:calc(100% - 123px); font-size:28px; line-height:42px; font-family: 'notokr-medium'; color:#222;}
.popuptxt p span{font-family:'notokr-bold'; color:#f3705a;}
.popup-tel{font-size:19px; width:230px; padding:15px 0; margin:20px auto 0 auto; text-align:center; background:#eff2f7; color:#000; font-family: 'notokr-medium';}
.popup-tel span{margin-right:20px;}
.popupboxclose{font-size:18px; padding:6px 23px; display:flex; margin:30px auto 0 auto; background:#fff; border:1px solid #333; border-radius:5px; color:#000;}

/*시설안내*/
/*편의시설*/
.l-reser.l-facil{width:1050px; padding:0; border:0; background:#e8ecf0;}
.r-reser.r-facil{width:calc(100% - 1050px); padding:80px 50px 80px 50px}

.facil-box:after{clear:both; height:0; content:0; display:block}
.facil-box li.facil-list{float:left; width:50%; padding:50px 30px 30px 30px; box-sizing: border-box; background:#fff; border:10px solid #e8ecf0;}
.facil-box li.facil-list:nth-child(1){border-right:5px solid #e8ecf0; border-bottom:5px solid #e8ecf0}
.facil-box li.facil-list:nth-child(2){border-left:5px solid #e8ecf0; border-bottom:5px solid #e8ecf0}
.facil-box li.facil-list:nth-child(3){border-right:5px solid #e8ecf0; border-top:5px solid #e8ecf0}
.facil-box li.facil-list:nth-child(4){border-left:5px solid #e8ecf0; border-top:5px solid #e8ecf0}


.facil-box li.facil-list strong{font-size:32px; color:#222; font-family:'notokr-medium'; font-weight:normal; display:block;}
.facil-box li.facil-list .facil-floor{margin-top:25px; display:table; width:100%}
.facil-box li.facil-list .facil-floor p{display:table-cell; width:50px; vertical-align: middle;}
.facil-box li.facil-list .facil-floor p span{font-size:18px; line-height:50px; margin-right:15px; width:50px; height:50px; text-align: center; font-family:'notokr-medium'; color:#fff; display:inline-block; border-radius: 100px; background:#f3705a}
/* .facil-box li.facil-list .facil-floor p{background:#f3705a} */
/* .facil-box li.facil-list .facil-floor .facil-floor2{background:#f3705a} */
.facil-box li.facil-list .facil-floor span:nth-child(2){font-size:18px; font-family:'notokr-medium'; color:#222; display:table-cell; width:calc(100% - 50px); vertical-align: middle; height:78px;}

.facil-box li.facil-list .facil-phone{margin-top:20px;}
.facil-box li.facil-list .facil-phone span:nth-child(1) i{width:20px; height:20px; margin-right:20px; display: inline-block; background:url('/images/common/ico/ico_facil_phone.png')center no-repeat; background-size:20px;}
.facil-box li.facil-list .facil-phone span:nth-child(2){font-size:16px; color:#555; vertical-align: top; font-family:'notokr-DemiLight';}

.facil-box li.facil-list .facil-img{margin-top:40px; width:100%}
.facil-box li.facil-list .facil-img img{display:block; width:100%;}


/*오시는 길*/
.m-come-info{display: none;}
.l-reser.l-come{width:calc(100% - 800px); border:0; background:#eff2f7; vertical-align: top; padding:0;}
.r-reser.r-come{width:800px; padding:70px 55px 70px 40px; border:10px solid #e8ecf0; box-sizing: border-box; background:#fff;}

.come-img img{width:100%; display:block;}
.come-img-txt{font-size:20px; padding:55px 60px 45px 60px; color:#000; font-family:'notokr-regular';}

.conme-btn{text-align:center;}
.conme-btn a{font-size:20px; padding:10px 37px; color:#000; display:inline-block; font-family:'notokr-regular'; border:1px solid #333; box-sizing: border-box; background:#fff;}
.conme-btn a i{width:24px; height:31px; margin-left:20px; display:inline-block; background:url('/images/common/ico/ico_come_img_park.png')center no-repeat; 
    background-size: 24px 31px; vertical-align: middle;}

.come-address{font-size:44px; color:#222; font-family:'notokr-light'; font-weight:normal; letter-spacing:-2px;}

.main-tell{margin-top:50px; padding-bottom:60px; border-bottom:1px solid #ddd;}
.c-main-title{font-size:26px; color:#000; font-family:'notokr-bold'; font-weight: normal; display: inline-block;}
.c-main-title i{width:60px; height:60px; margin-right:20px; vertical-align: middle; display:inline-block}
.c-main-title.c-phone i{ background:url('/images/common/ico/ico_come_img01.png')center no-repeat; background-size:60px;}
.c-main-title.c-subway i{background:url('/images/common/ico/ico_come_img02.png')center no-repeat; background-size:60px;}
.c-main-title.c-bus i{background:url('/images/common/ico/ico_come_img03.png')center no-repeat; background-size:60px;}
.main-tell p{font-size:38px; margin-left:30px; color:#7769af; font-family: 'Lato'; font-style: normal; font-weight: 700; display:inline-block; vertical-align: sub;}

.way-top-come{margin-top:60px; padding-bottom:80px; border-bottom:1px solid #000;}
.way-top-come p{font-size:32px; color:#222; font-family:'notokr-bold';}
.way-top-come strong:first-child{margin-top:0;}
.way-top-come strong{margin-top:50px;}
.way-top-come .way-root{margin-top:40px;}
.way-root ul li{font-size:18px; padding-left:96px; margin-bottom:10px; color:#555; font-family:'notokr-DemiLight'; position: relative;}
.way-root ul li::before{width:5px; height:5px; background:#000; content:''; position:absolute; top:12px; left:80px; border-radius:10px;}
.way-root ul li:last-child{margin-bottom:0;}


/*주요일정*/
.schedule-area{display:table; width:100%; padding-top:20px;}
.schedule-area .sch-l{display:table-cell; width:500px; vertical-align: top;}
.schedule-area .sch-l .calendar-box2{width:100%;}
.schedule-area .sch-r{display:table-cell; padding-left:100px; width:calc(100% - 600px);}
.schedule-area .sch-r .schedule-top-data{width:100%; text-align: center; position:relative}
.schedule-area .sch-r .schedule-top-data > div{position: absolute; top:18px;}
.schedule-area .sch-r .schedule-top-data .sch-top-title{font-size:42px; color:#222;     font-family: 'Lato'; font-style: normal; font-weight: 900;}
.schedule-area .sch-r .schedule-top-data .l-data-btn{left:0;}
.schedule-area .sch-r .schedule-top-data .l-data-btn a{font-size:20px; color:#000; font-family:'notokr-regular';}
.schedule-area .sch-r .schedule-top-data .l-data-btn a i{width:51px; height:26px; margin-right:10px; display:inline-block; background:url('/images/common/btn/btn_sch_left.png')center no-repeat; 
    background-size:51px 26px; vertical-align: sub;}
.schedule-area .sch-r .schedule-top-data .r-data-btn{right:0;}
.schedule-area .sch-r .schedule-top-data .r-data-btn a{font-size:20px; color:#000; font-family:'notokr-regular';}
.schedule-area .sch-r .schedule-top-data .r-data-btn a i{width:51px; height:26px; margin-left:10px; display:inline-block; background:url('/images/common/btn/btn_sch_right.png')center no-repeat; 
    background-size:51px 26px; vertical-align: sub;}

.schedule-list-area{margin-top:20px; padding-top:30px; border-top:2px solid #000;}
.schedule-list-area .schedule-list{padding:30px 10px; border-bottom:1px solid #e5e5e5;}
.schedule-list-area .schedule-list:first-child{padding:0 10px 30px 10px;}
.schedule-list-area .schedule-list strong a{font-size:22px; font-family:'notokr-medium'; color:#222; font-weight: normal;} 
.schedule-list-area .schedule-list strong a:hover{text-decoration: underline;}
.schedule-list-area .schedule-list .sch-list-data{display:table;  width:100%; padding-top:10px;}
.schedule-list-area .schedule-list .sch-list-data p{display:table-cell;}
.schedule-list-area .schedule-list .sch-list-data p:nth-child(1){width:50px; font-size:16px; color:#222; font-family:'notokr-medium';}
.schedule-list-area .schedule-list .sch-list-data p:nth-child(2){width:calc(100% - 50px); font-size:18px; font-family:'notokr-DemiLight'; color:#555;}

/*주요일정 달력*/
.calendar-box2 .cla-data-num { width:100%; margin-bottom:30px; position:relative;}
.calendar-box2 .cla-data-num p { font-size:52px; color:#222; font-family: 'Lato'; font-style: normal; font-weight: 700; text-align:center;}
.calendar-box2 .cla-data-num a { position:absolute;}
.calendar-box2 .cla-data-num a.cal-prev-btn { width:38px; height:38px; left:30px; top:50%; transform:translateY(-50%); background:url(/images/common/btn/btn_calen_prev.png)no-repeat center; background-size:38px; display:block}
.calendar-box2 .cla-data-num a.cal-next-btn { width:38px; height:38px; right:30px; top:50%; transform:translateY(-50%); background:url(/images/common/btn/btn_calen_next.png)no-repeat center; background-size:38px; display:block}

table.cal-design{width:100%; text-align:center; border-top:2px solid #000}
table.cal-design thead tr{background:#dbe0e9;}
table.cal-design thead tr th{font-size:18px; padding:15px 0; color:#222; font-family:'notokr-medium';}
table.cal-design thead tr th:first-child{border-left:1px solid #dbe0e9;}
table.cal-design thead tr th:last-child{border-right:1px solid #dbe0e9;}
table.cal-design tbody tr{border-top:1px solid #ccc;}
table.cal-design tbody tr:last-child{border-bottom:1px solid #ccc;}
table.cal-design tbody tr td{background:#eff2f7; border-right:1px solid #ccc;}
table.cal-design tbody tr td:first-child{border-left:1px solid #ccc;}
table.cal-design tbody tr td a{font-size:20px; padding:25px 0; color:#222; font-family: 'Lato'; font-style: normal; font-weight: 700; display:block;}
table.cal-design tbody tr td a.on-today{background:#fff; color:#ed6a53;}
table.cal-design tbody tr td a.on-select-day{background:#ed6a53; color:#fff;}

/*상설전시*/
.m-exh-img{display:none;}
.exh-content > div.m-exh-con-box{display:none}

.exh-content{display:table; width:100%;}
.exh-content > div{display:table-cell;}
.exh-content > div.l-exh{width:calc(100% - 800px); vertical-align: top;}
.exh-content > div.r-exh{width:800px; vertical-align: top; padding-left:100px;}

.exh-img-box{position: relative;}
img.pc-exh-img{width:100%; display:block;}
img.btn-over-img{position: absolute; pointer-events: none; width:100%;}
/* img.exh-a{top:491px; left:356px;}
img.exh-b{top:647px; left:468px;}
img.exh-c{top:566px; left:113px;}
img.exh-d{top:705px; left:313px;}
img.exh-e{top:792px; left:204px;}
img.exh-f{top:202px; left:68px;}
img.exh-g{top:127px; left:323px;} */


.exh-list > .exh-list-title{padding:20px 0 30px 0; border-bottom:2px solid #000; display:table; width:100%;}
.exh-list > .exh-list-title > p{display:table-cell; vertical-align: middle;}
.exh-list > .exh-list-title > p:nth-child(1){width:120px;}
.exh-list > .exh-list-title > p:nth-child(1) span{width:120px; height:120px; line-height:120px; text-align: center; color:#fff; font-size:66px; font-family: 'Lato'; font-weight: 700; border-radius: 100%; display: block;}
.exh-list > .exh-list-title > p:nth-child(1) span.exh-title-a{background:#fb792a;}
.exh-list > .exh-list-title > p:nth-child(1) span.exh-title-b{background:#acbb04;}
.exh-list > .exh-list-title > p:nth-child(1) span.exh-title-c{background:#63c30f;}
.exh-list > .exh-list-title > p:nth-child(1) span.exh-title-d{background:#2673db;}
.exh-list > .exh-list-title > p:nth-child(1) span.exh-title-e{background:#8a19cb;}
.exh-list > .exh-list-title > p:nth-child(1) span.exh-title-f{background:#3f9ae7;}
.exh-list > .exh-list-title > p:nth-child(1) span.exh-title-g{background:#fdb94d;}
.exh-list > .exh-list-title > p:nth-child(2){font-size:48px; padding-left:40px; font-family:'notokr-medium'; color:#222;}

.exh-list > .exh-info{border-bottom:1px solid #cccccc;}
.exh-list > .exh-info > .exh-info-area{display:table; width:100%; padding:30px 0; border-bottom:1px solid #e5e5e5;}
.exh-list > .exh-info > .exh-info-area:last-child{border-bottom:0;}
.exh-list > .exh-info > .exh-info-area .exh-info-img{display:table-cell; width:210px; }
.exh-list > .exh-info > .exh-info-area .exh-info-img img{width:100%; display:block;}
.exh-list > .exh-info > .exh-info-area .exh-info-txt{display:table-cell; width:calc(100% - 210px); padding:0 40px 0 30px; vertical-align: middle;}
.exh-list > .exh-info > .exh-info-area .exh-info-txt .exh-info-title{font-size:22px; margin-bottom:10px; color:#222; font-family:'notokr-medium'; font-weight: normal; display:block;}
.exh-list > .exh-info > .exh-info-area .exh-info-txt .exh-info-sub-txt{font-size:18px; line-height:28px; font-family:'notokr-DemiLight'; color:#555;}

/*게시판 검색 형식 type1*/
.board-list-header{margin-bottom:30px;}
.board-list-header:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.page-search-type1{width:480px; float:right; position: relative; background: #e8ecf0; border-radius:30px;}
.page-search-type1 input[type="text"]{width:85%; height:55px; padding-left:20px; box-sizing: border-box; border:0; background:none; color:#666666; outline: none; font-size:16px;}
.page-search-type1 input::placeholder {color:#666666; font-size:18px; font-family: 'notokr-regular';}
.page-search-type1 .btn-util-search{position: absolute; top:13px; right:20px}
.page-search-type1 input::-webkit-input-placeholder { text-align:left; }
.page-search-type1 input::-moz-input-placeholder { text-align:left; }
.page-search-type1 input::-ms-input-placeholder  {text-align:left;}
.board-list-header .board-list-total{display:inline-block; margin-top:30px; vertical-align: middle; font-size:18px; color:#555;font-family:'notokr-DemiLight'; }

/*일반게시판 리스트 형식 type1*/
.board-list-type1 .board-list-content .board-list-thead{border-top:1px solid #000; border-bottom:1px solid #000}
.board-list-type1 .board-list-content .board-list-thead > ul{display:table; width:100%;}
.board-list-type1 .board-list-content .board-list-thead > ul > li{display:table-cell; padding:15px 0; text-align:center; color:#000000; font-size:18px;font-family: 'notokr-medium'; }
.board-list-type1 .board-list-content .board-list-tbody > ul{display:table; width:100%;  border-bottom:1px solid #e5e5e5;}
.board-list-type1 .board-list-content .board-list-tbody > ul:last-child{border-bottom:1px solid #ccc;}
.board-list-type1 .board-list-content .board-list-tbody > ul > li{display:table-cell; padding:18px 0; text-align:center; vertical-align: middle;
color:#555; word-break: keep-all; box-sizing:border-box;}
.board-list-type1 .board-list-content .board-list-tbody > ul > li > .imt{font-family: 'notokr-medium';}
.board-list-type1 .board-list-content .board-list-tbody > ul > li > a{color:#222; font-size:20px;}
.board-list-type1 .board-list-content .board-list-tbody > ul > li > a:hover, .board-list-type1 .board-list-content .board-list-tbody > ul > li > a:focus{text-decoration: underline} 
.board-list-type1 .board-list-content .board-list-tbody > ul > li.l{text-align:left; padding:18px 12px;}

/*pagenation*/
.pagenation{text-align:center; margin-top:60px; clear:both;}
.pagenation > a{display:inline-block; vertical-align:middle; margin-right:12px;}
.pagenation a img{width:18px; height:19px;}
.pagenation a.prev img, .pagenation a.next img{width:11px; height:17px;}
.pagenation a.last{margin-right:0}
.pagenation ul{display:inline-block; line-height:19px; vertical-align:middle; margin:0 27px 0 15px}
.pagenation ul li{display:inline-block;  font-family: 'Lato';}
.pagenation ul li a{display:inline-block; vertical-align:middle; width:34px; height:37px; line-height:37px; font-size:14px; color:#2c2c2c; text-align:center; background:#e8ecf0;box-sizing: border-box; }
.pagenation ul li a.on{color:#fff; background:#f3705a;}
.pagenation ul li:last-child{margin-right:0}

.nodata-type{padding:20px 0; text-align:center;}

/*일반게시판 뷰 형식 type1*/
.board-view-type1 .subject{padding-left:20px; color:#000; font-size:24px; font-weight:normal;font-family: 'notokr-medium'; }
.board-view-type1 .view-header{padding:25px 20px; margin-top:30px; border-top:2px solid #000; background:#f3f5f7}
.board-view-type1 .view-header .view-info > li{display:table; width:100%; padding-bottom:12px;}
.board-view-type1 .view-header .view-info > li:last-child{padding-bottom:0}
.board-view-type1 .view-header .view-info li > strong{width:110px; display:table-cell; color:#222;font-weight:normal;font-family: 'notokr-medium'; }
.board-view-type1 .view-header .view-info li > .txt{width: calc(100% - 100px); display:table-cell; color:#555; font-size:18px; font-family:'notokr-DemiLight';}
.board-view-type1 .view-header .view-info li .view-files li{display:inline-block; margin-right:50px;}
.board-view-type1 .view-header .view-info li .view-files li:last-child{margin-right:0}
.board-view-type1 .view-header .view-info li .view-files li > a{font-size:16px; color:#555}
.board-view-type1 .view-header .view-info li .view-files li i{width:21px; height:21px; display:inline-block; margin-right:15px; vertical-align: middle; background: url(/images/common/btn/btn_donwload.png) center no-repeat; background-size:21px;}
.board-view-type1 .view-body{padding:40px 30px; box-sizing: border-box; border-top:1px solid #ddd; border-bottom: 1px solid #cccccc; line-height: 1.5;}
.board-view-type1 .view-body .viewStyle1 p{line-height:28px;}
.board-view-type1 .view-body .viewStyle1 img{max-width:100%; height:100% !important;}

.view-foot{position: relative; text-align: center; margin-top:40px;}
.view-foot a.btn-view{display:inline-block; color:#000; font-size:20px;}
.view-foot .btn-view-prev{position: absolute; top:0; left:0}
.view-foot .btn-view-next{position: absolute; top:0; right:0}
.view-foot .btn-view-prev i{width:51px; height:26px; display:inline-block; margin-right:20px;  vertical-align: middle; content:""; background: url(/images/common/btn/btn_left_arrow.png) no-repeat;
background-size:51px 26px;}
.view-foot .btn-view-next i{width:51px; height:26px; display:inline-block; margin-left:20px;  vertical-align: middle; content:""; background: url(/images/common/btn/btn_right_arrow.png) no-repeat;
background-size:51px 26px;}
 
/*4개 이미지 list 게시판*/
.board-img-body-type1{border-top:2px solid #222222}
.board-img-body-type1 .inner-board-img-body-type1{padding:0 50px;}
.img-list-type1{margin-top:60px;}
.img-list-type1:after{clear:both; display:block; overflow:hidden; content: ""; height:0}
.img-list-type1 > li{float:left; width:21%; margin-right:4%;  margin-bottom:70px;}
.img-list-type1 > li:nth-child(4n+0){margin-right:0;}
.img-list-type1 > li .info-area{margin-top:25px;}
.img-list-type1 > li .info-area > a{font-size:24px; color:#222; height:63px; overflow:hidden; display:block; margin-bottom:10px; font-weight: normal; word-break: keep-all;
font-family:'notokr-medium'; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.img-list-type1 > li .info-area > a:hover{text-decoration: underline;}
.img-list-type1 > li .info-area p{font-family:'notokr-DemiLight'; font-size:16px;}
.img-list-type1 > li .img-box{position: relative; /* min-height: 420px;*/}
.img-list-type1 > li .img-box > a{max-width:100%; display:block; }
.img-list-type1 > li .img-box > a img{max-width:100%; display:block; object-fit: cover;}
.img-list-type1 > li .img-box .img-over-box{position: absolute; width: 100%; left: 0; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; z-index:1}
.img-list-type1 > li .img-box .img-over-box .inner-img-over-box{position: relative; width:100%; height:100%;}
.img-list-type1 > li .img-box .img-over-box .over-btn-area{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer;}
.img-list-type1 > li .img-box .img-over-box .over-btn-area li{margin-bottom:15px;}
.img-list-type1 > li .img-box .img-over-box .over-btn-area li .btn{min-width:107px; box-sizing: border-box; text-align: center;}


/*이미지있는 게시판 뷰 형식 type1*/
.board-view-type2{border-top:2px solid #222}
.board-view-type2 .view-body{border-bottom:1px solid #cccccc; padding-bottom: 85px;}
.board-view-type2 .view-body:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.board-view-type2 .view-body .l-img-area{float:left; width:800px;min-height:695px; padding:80px; box-sizing: border-box; margin-right:100px; position: relative;}
.board-view-type2 .view-body .l-img-area:before{width:100%;min-height:300px; position: absolute; bottom:0; left:0; content:""; background-color:#e8ecf0;}
.board-view-type2 .view-body .l-img-area > div{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%; height: 100%;padding: 80px;box-sizing: border-box; text-align: center;}
.board-view-type2 .view-body .l-img-area > div img{max-width:100%; max-height:100%;}
.board-view-type2 .view-body .r-txt-area{float:right; width: calc(100% - 900px); padding-top:80px;box-sizing: border-box;}
.board-view-type2 .view-body .r-txt-area .tit{padding:0 0 25px 20px; border-bottom:1px solid #e5e5e5; box-sizing: border-box;}
.board-view-type2 .view-body .r-txt-area .tit > strong{display:block; margin-bottom:30px; color:#222; font-size:42px; font-weight:normal; font-family:'notokr-medium';}
.board-view-type2 .view-body .r-txt-area .tit > p{color:#555; font-size:20px; font-family:'notokr-DemiLight'; letter-spacing: 1px;}
.board-view-type2 .view-body .r-txt-area .view-info-type1{padding:20px; display:table; width:100%; box-sizing: border-box; color:#222}
.board-view-type2 .view-body .r-txt-area .view-info-type1 li {margin-bottom:10px}
.board-view-type2 .view-body .r-txt-area .view-info-type1 li strong{display:table-cell; width:110px; font-weight:normal; font-family:'notokr-medium';}
.board-view-type2 .view-body .r-txt-area .view-info-type1 li p{display:table-cell; width: calc(100% - 110px); color:#555; font-size:18px;font-family:'notokr-DemiLight'; }
.board-view-type2 .view-body .view-files{padding:0 20px;}
.board-view-type2 .view-body .view-files li, .board-view-type3 .view-body .view-files li{margin-bottom:25px; display:table; width:100%;}
.board-view-type2 .view-body .view-files li:last-child, .board-view-type3 .view-body .view-files li:last-child{margin-bottom:0}
.board-view-type2 .view-body .view-files li > a, .board-view-type3 .view-body .view-files li > a{font-size:16px; color:#555}
.board-view-type2 .view-body .view-files li i, .board-view-type3 .view-body .view-files li i{width:21px; height:21px; display:table-cell; padding-right:15px; vertical-align: middle; background: url(/images/common/btn/btn_donwload.png) center no-repeat; background-size:21px;}
.board-view-type2 .view-body .view-files li span, .board-view-type3 .view-body .view-files li span{display:table-cell; width: calc(100% - 36px)}

.board-view-type2 .view-body .chapter-area{ margin-top:60px; }
.board-view-type2 .view-body .chapter-area  .btn-chapter{display:block;padding:0 20px 30px 20px; font-size:22px; color:#222; font-family:'notokr-medium'; border-bottom:1px solid #e5e5e5; background: url(/images/common/ico/ico_black_open.png) no-repeat 97% top; background-size:30px;}
.board-view-type2 .view-body .chapter-area .btn-chapter.active{background: url(/images/common/ico/ico_black_close.png) no-repeat 97% top; background-size:30px}
.board-view-type2 .view-body .chapter-area .chapter-info{display:none; padding:35px 20px; box-sizing:border-box;  border-bottom:1px solid #e5e5e5;  color:#555555;font-family:'notokr-DemiLight'; }
.board-view-type2 .view-body .chapter-area .chapter-info ul li{margin-bottom:15px}
.board-view-type2 .view-body .chapter-area .chapter-info ul li:last-child{margin-bottom:0}
.board-view-type2 .view-body .codeView{padding:60px 20px 0 20px;}
.board-view-type2 .view-body .codeView img{max-width:100%}
.board-view-type2 .view-body .codeView .txt{display:inline-block; margin-top:10px;  vertical-align: top;}
.board-view-type2 .view-body .codeView .txt a{color:#ed6a53}

/*페이지일 때*/
.total-box-size-type .codeView{padding-top:40px; display: flex; align-items: center;}
.total-box-size-type .codeView p{display:inline-block; margin-right:30px;}
.total-box-size-type .codeView img{max-width:100%}
.total-box-size-type .codeView .txt{display:inline-block; vertical-align: top;}
.total-box-size-type .codeView .txt a{color:#ed6a53;}


/*이미지있는 게시판 뷰 형식 type2*/
.board-view-type3 {}
.board-view-type3 .view-body{position: relative;}
.board-view-type3 .view-visual-area img{max-width:100%; display:block; margin:0 auto;}
.board-view-type3 .view-visual-area .swiper-btn{position: absolute; bottom:0; right:0; z-index:1}
.board-view-type3 .view-visual-area .swiper-btn a{position: relative; left:0; top:0}
.board-view-type3 .view-visual-area .swiper-btn a{display:inline-block; width:81px; height:71px; opacity:1; vertical-align: middle;}
.board-view-type3 .view-visual-area .swiper-btn a:hover{height:71px}
.board-view-type3 .view-visual-area .swiper-btn a:after{display:none}
.board-view-type3 .view-visual-area .swiper-btn a:before{display:none}
.board-view-type3 .view-visual-area .view-btn-prev{ background:url('/images/common/btn/btn_left_bg_arrow.png')center no-repeat; background-size:81px 71px;}
.board-view-type3 .view-visual-area .view-btn-prev:hover{background:url('/images/common/btn/btn_left_hover_bg_arrow.png')center no-repeat; background-size:81px 71px;}
.board-view-type3 .view-visual-area .view-btn-next{background:url('/images/common/btn/btn_right_bg_arrow.png')center no-repeat; background-size:81px 71px;}
.board-view-type3 .view-visual-area .view-btn-next:hover{background:url('/images/common/btn/btn_right_hover_bg_arrow.png')center no-repeat; background-size:81px 71px;}

.board-view-type3 .view-txt-area{border-bottom:1px solid #ccc }
.board-view-type3 .view-txt-area::after{clear: both; overflow:hidden; content: ""; display:block; height:0}
.board-view-type3 .view-txt-area .l-cont{width:calc(100% - 500px); padding:70px 100px 0 100px; margin-top:-70px; box-sizing: border-box; float:left; z-index:1; position: relative;background:#fff; }
.board-view-type3 .view-txt-area .l-cont img{max-width:100%}
.board-view-type3 .view-txt-area .alt-apply{display:inline-block; padding:10px 15px 10px 30px; margin-bottom:30px; box-sizing: border-box; background-color:#f5f5f5}
.board-view-type3 .view-txt-area .alt-apply > li{float:left; position: relative; padding:0 20px; font-size:21px; color:#000}
.board-view-type3 .view-txt-area .alt-apply > li:before{display:block; content:""; width:1px; height:22px; background: #cccccc;
position: absolute; top:4px; left:0}
.board-view-type3 .view-txt-area .alt-apply > li:first-child{padding-left:0}
.board-view-type3 .view-txt-area .alt-apply > li:first-child:before{display:none}
.board-view-type3 .view-txt-area .alt-apply:after{clear:both; display:block; overflow:hidden; content:""; height: 0}
.board-view-type3 .view-txt-area .l-cont .subject{display:block; padding-bottom:60px; color:#000; font-size:55px; position: relative; font-family: 'Noto Sans KR'; font-weight: 100; line-height: 64px; letter-spacing: -2.5px;}
.board-view-type3 .view-txt-area .l-cont .subject::after{width:86px; height:7px; position: absolute; bottom:0; left:0; content: ""; background:#ed6a53 ;}
.board-view-type3 .view-txt-area .l-cont .txt-box{margin:50px 0; color:#666666; font-size:18px; font-family:'notokr-DemiLight';}
.board-view-type3 .view-txt-area .l-cont .txt-box p{margin-bottom:50px;}
.board-view-type3 .view-txt-area .l-cont .txt-box img{margin-bottom:50px;}

.board-view-type3 .view-txt-area .r-cont{width:500px; padding:80px 100px 0 0; box-sizing: border-box; float:right; background:#fff;}
.board-view-type3 .view-txt-area .r-cont .inner-r-cont{padding-bottom:30px; border-bottom: 1px solid #e5e5e5;}
.board-view-type3 .view-txt-area .r-cont .btn-vr{width:100%; padding:17px 0; font-size:22px; color:#222222; text-align:center; font-family:'notokr-medium'; box-sizing: border-box;}
.board-view-type3 .view-txt-area .r-cont .btn-vr i{width:38px; height:31px; padding-right:15px; display:inline-block; vertical-align: middle; background: url(/images/common/ico/ico_vr_1.png) center no-repeat; background-size:38px 31px;}
.board-view-type3 .view-txt-area .r-cont .info-txt{padding:47px 30px; margin:30px 0 40px 0; box-sizing: border-box; background:#f5f5f5;}
.board-view-type3 .view-txt-area .r-cont .info-txt ul li{display:table; width:100%; padding-bottom:30px;}
.board-view-type3 .view-txt-area .r-cont .info-txt ul li:last-child{padding-bottom:0}
.board-view-type3 .view-txt-area .r-cont .info-txt ul li > strong{width:90px; display:table-cell; color:#222222; font-size:16px;  font-family:'notokr-medium'; font-weight:normal; }
.board-view-type3 .view-txt-area .r-cont .info-txt ul li > p{width: calc(100% - 90px); display:table-cell;  color:#555; font-size:18px;  font-family:'notokr-DemiLight';}
.board-view-type3 .view-txt-area .r-cont .file-down-area {padding:0 30px; box-sizing: border-box;}
.board-view-type3 .view-txt-area .r-cont .file-down-area > strong{display:block; margin-bottom:20px; font-size:16px; color:#222222;font-family:'notokr-medium'; font-weight:normal;}
.board-view-type3 .view-txt-area .relation-info .relation-tit{display:block; margin-bottom:50px; font-weight:normal; color:#000000; font-size:36px;font-family:'notokr-bold';  }

li.new-flex-btn{margin-top:25px;}
li.new-flex-btn a.new-down-btn{border: 1px solid #202020; padding: 9px 15px; margin-left:10px;}
li.new-flex-btn a.new-down-btn:first-child{margin-left:0;}
li.new-flex-btn a.new-down-btn span:nth-child(2){vertical-align:middle; padding-left:5px;}

/*웹진*/
.webzine-titbox{padding:50px 70px; display:flex; align-items:center; justify-content: space-between; border:8px solid #f3f3f3; border-radius:90px; position:relative;}
.webzine-titbox img{display:block; width:322px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.webzine-titbox .webzine-vol{width:372px;}
.webzine-titbox a{font-size:15px; padding:12px 22px; color:#222; border:1px solid #ccc; display:block; border-radius:30px; transition:0.3s; box-sizing: border-box;}
.webzine-titbox a:hover{color:#fff; background:#f3705b; border:1px solid #f3705b; border-radius:30px; transition:0.3s}
.webzine-titbox a i{width:18px; height:17px; margin-right:10px; display:inline-block; background:url('/images/webzine/pdf.png')no-repeat center; background-size:100%; vertical-align: middle; transition:0.3s}
.webzine-titbox a:hover i{width:18px; height:17px; margin-right:10px; display:inline-block; background:url('/images/webzine/pdf_hover.png')no-repeat center; background-size:100%; vertical-align: middle; transition:0.3s}

.webzine-content{margin-top:60px;}
.webzine-special{padding:30px; background:#dee4e9; border-radius: 20px; display:flex;}
.webzine-special .webzine-s-visualbox{width:calc(100% - 680px); position:relative;}
.webzine-special .webzine-s-visualbox .visualbox-slide div{border-radius:15px; overflow: hidden; position: relative; height:566px; position: relative;}
.webzine-special .webzine-s-visualbox .visualbox-slide div img{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; border-radius:15px;}
.webzine-special .webzine-s-txtbox{width:680px; padding-left:60px; padding-top:30px; box-sizing:border-box;}
.webzine-special .webzine-txtbox-tit{font-size:56px; margin-bottom:30px; color:#444; display:block; letter-spacing:-2px;}
.m-webzine-txtbox{display:none}

.swiper-button-prev.visualbox-prev{width:49px; height:49px; left:-20px; margin-top:0; transform: translate(0, -50%); background:url('/images/webzine/swiper_prev02.png')no-repeat center; background-size:100%; transition:0.3s}
.swiper-button-prev.visualbox-prev:hover{background:url('/images/webzine/swiper_prev02_hover.png')no-repeat center; background-size:100%; transition:0.3s}
.swiper-button-next.visualbox-next{width:49px; height:49px; right:-20px; margin-top:0; transform: translate(0, -50%); background:url('/images/webzine/swiper_next02.png')no-repeat center; background-size:100%; transition:0.3s}
.swiper-button-next.visualbox-next:hover{background:url('/images/webzine/swiper_next02_hover.png')no-repeat center; background-size:100%; transition:0.3s}

.txtbox-swiper-wrapper .txtbox-slide{margin-bottom:10px;}
.txtbox-swiper-wrapper .txtbox-slide:last-child{margin-bottom:0;}
.txtbox-swiper-wrapper .txtbox-slide .txtbox-pc-bg{background:#fff; padding:12px 34px 15px; border:1px solid #ddd; border-radius:15px; box-sizing:border-box; display:block;}
/* .txtbox-swiper-wrapper.swiper-wrapper .txtbox-slide.swiper-slide-active .txtbox-pc-bg{border:3px solid #e9aaa2; position:relative;}
.txtbox-swiper-wrapper.swiper-wrapper .txtbox-slide.swiper-slide-active .txtbox-pc-bg:after{width:17px; height:17px; content:''; background:#f3705b; border-radius: 50%; position: absolute; top:50%; left:-10px; transform:translate(0, -50%);} */
.active-border{border:3px solid #e9aaa2; position:relative; border-radius:20px;}
.active-border:after{width:17px; height:17px; content:''; background:#f3705b; border-radius: 50%; position: absolute; top:50%; left:-10px; transform:translate(0, -50%);}
.txtbox-swiper-wrapper .txtbox-slide .txtbox-pc-bg p:nth-child(1){font-size:18px; color:#dc523c; font-family: 'notokr-bold'}
.txtbox-swiper-wrapper .txtbox-slide .txtbox-pc-bg p:nth-child(2){font-size:24px; color:#444; overflow: hidden;  text-overflow: ellipsis;	display: -webkit-box; -webkit-line-clamp: 1; /*줄 수 */ -webkit-box-orient: vertical;}

.webzine-sub-content{margin-top:60px;}
.webzine-sub-content section{margin-top:70px; display:flex;}
.webzine-sub-content section:first-child{margin-top:0;}
.webzine-sub-content section > div:nth-child(1){width:300px;}
.webzine-sub-content section > div:nth-child(1) strong{font-size:42px; color:#444;}
.webzine-sub-content section > div:nth-child(2){width:calc(100% - 300px);}

.swiper-slide.subcontent-slide{width:420px; border-radius: 15px; overflow: hidden;}
.swiper-slide.subcontent-slide a .webzine-suc-img{overflow: hidden;}
.swiper-slide.subcontent-slide a .webzine-suc-img img{object-fit: cover; width:100%; height:280px; display:block; transition:0.3s;}
.swiper-slide.subcontent-slide a .webzine-suc-txt{padding:30px 30px 40px; box-sizing: border-box; background:#f6f6f6; transition:0.3s;}
.swiper-slide.subcontent-slide a .webzine-suc-txt span{font-size:17px; color:#f3705b; font-family: 'notokr-bold'; transition:0.3s;}
.swiper-slide.subcontent-slide a .webzine-suc-txt p{font-size:24px; margin-top:10px; line-height:36px; color:#444; min-height:72px; transition:0.3s; overflow: hidden;  text-overflow: ellipsis;	display: -webkit-box; -webkit-line-clamp: 2; /*줄 수 */ -webkit-box-orient: vertical;}
.swiper-slide.subcontent-slide a:hover .webzine-suc-txt{background:#f3705b; transition:0.3s;}
.swiper-slide.subcontent-slide a:hover .webzine-suc-txt span, .swiper-slide.subcontent-slide a:hover .webzine-suc-txt p{color:#fff; transition:0.3s;}
.swiper-slide.subcontent-slide a:hover img{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transition:0.3s;}
.subcontent-btnbox{display:flex; margin-top:10px;}
.subcontent-btnbox .swiper-button-next.subcontent-next, .subcontent-btnbox .swiper-button-prev.subcontent-prev{position: inherit; margin-top:inherit;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content:inherit;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content:inherit;}
.subcontent-btnbox .swiper-button-next.subcontent-next{width:40px; height:40px; margin-left:5px; background:url('/images/webzine/swiper_next.png')no-repeat center; background-size:100%;}
.subcontent-btnbox .swiper-button-prev.subcontent-prev{width:40px; height:40px; margin-right:5px; background:url('/images/webzine/swiper_prev.png')no-repeat center; background-size:100%;}

.swiper-slide.subcontent2-slide{width:310px; }
.swiper-slide.subcontent2-slide a .webzine-suc2-img{overflow: hidden; border-radius: 15px;}
.swiper-slide.subcontent2-slide a .webzine-suc2-img img{width:100%; height: 217px; display:block; object-fit: cover;}
.swiper-slide.subcontent2-slide a .webzine-suc2-txt{padding-right:106px; margin-top:20px;}
.swiper-slide.subcontent2-slide a .webzine-suc2-txt span{font-size:18px; color:#f3705b; font-family: 'notokr-bold'; }
.swiper-slide.subcontent2-slide a .webzine-suc2-txt p{font-size:22px; margin-top:10px; color:#444; letter-spacing:-1px; overflow: hidden;  text-overflow: ellipsis;	display: -webkit-box; -webkit-line-clamp: 2; /*줄 수 */ -webkit-box-orient: vertical;}
.swiper-slide.subcontent2-slide a:hover .webzine-suc2-img{position: relative;}
.swiper-slide.subcontent2-slide a:hover .webzine-suc2-img:after{position:absolute; top:0; left:0; width:100%; height:100%; content:''; border:4px solid #f3705b; border-radius:15px; box-sizing: border-box; }
.swiper-slide.subcontent2-slide a:hover .webzine-suc2-txt p{color:#000; font-family: 'notokr-medium'; text-decoration: underline;}
.subcontent2-btnbox{display:flex; margin-top:10px;}
.subcontent2-btnbox .swiper-button-next.subcontent2-next, .subcontent2-btnbox .swiper-button-prev.subcontent2-prev{position: inherit; margin-top:inherit;}
.subcontent2-btnbox .swiper-button-next.subcontent2-next{width:40px; height:40px; margin-left:5px; background:url('/images/webzine/swiper_next.png')no-repeat center; background-size:100%;}
.subcontent2-btnbox .swiper-button-prev.subcontent2-prev{width:40px; height:40px; margin-right:5px; background:url('/images/webzine/swiper_prev.png')no-repeat center; background-size:100%;}

.subcontent3-btnbox{display:flex; margin-top:10px;}
.subcontent3-btnbox .swiper-button-next.subcontent3-next, .subcontent3-btnbox .swiper-button-prev.subcontent3-prev{position: inherit; margin-top:inherit;}
.subcontent3-btnbox .swiper-button-next.subcontent3-next{width:40px; height:40px; margin-left:5px; background:url('/images/webzine/swiper_next.png')no-repeat center; background-size:100%;}
.subcontent3-btnbox .swiper-button-prev.subcontent3-prev{width:40px; height:40px; margin-right:5px; background:url('/images/webzine/swiper_prev.png')no-repeat center; background-size:100%;}


.webzine-news{padding:50px; margin-top:60px; background:#e8edf3; box-sizing: border-box; border-radius:20px; display:flex; align-items: flex-start;}
.webzine-news > div:nth-child(1){width:100%; display:flex;}
.webzine-news  .webzine-news-l{width:250px;}
.webzine-news  .webzine-news-l strong{font-size:36px; color:#444;}
.webzine-news  .webzine-news-r{width:calc(100% - 250px);}
.webzine-news  .webzine-news-r ul li{margin-bottom:10px;}
.webzine-news  .webzine-news-r ul li:last-child{margin-bottom:0;}
.webzine-news  .webzine-news-r ul li a{display:table; width:100%;}
.webzine-news  .webzine-news-r ul li a span{display:table-cell; width:80px; font-size:20px; color:#f3705b; font-family:'notokr-bold';}
.webzine-news  .webzine-news-r ul li a p{display:table-cell; width:calc(100% - 80px); font-size:22px; color:#444; overflow: hidden;  text-overflow: ellipsis;	display: -webkit-box; -webkit-line-clamp: 1; /*줄 수 */ -webkit-box-orient: vertical; box-sizing:border-box;}
.webzine-news  .webzine-news-r ul li a:hover p{font-family:'notokr-bold'; color:#000; padding-left:5px; text-decoration:underline;}

.vol-r{display:flex; align-items:center;}
.vol-r > div:nth-child(1){width:142px; padding-right:35px;}
.vol-r > div:nth-child(1) img{display:block;}
.vol-r > div:nth-child(2){width:374px;}
.vol-r > div:nth-child(2) .swiper.vol-swiper{height:97px; position: relative;}
.vol-r > div:nth-child(2) .swiper.vol-swiper:after{width:100%; height:1px; background:#fff; content:''; position:absolute; top:50%; left:0; transform:translate(0 , -50%);}
.vol-r > div:nth-child(2) .vol-slide{width:100%; position: relative; padding:10px 0; box-sizing:border-box;}
.vol-r > div:nth-child(2) .vol-slide a{display:block; font-family:'Lato'; color:#595757;}
.vol-r > div:nth-child(2) .vol-slide a p{font-size:24px; font-weight:400;}

.vol-btnbox{display:flex;}
.vol-btnbox .swiper-button-next.vol-next, .vol-btnbox .swiper-button-prev.vol-prev{position: inherit; margin-top:inherit;}
.vol-btnbox .swiper-button-next.vol-next{width:30px; height:30px; margin-left:5px; background:url('/images/webzine/swiper_next.png')no-repeat center; background-size:100%; transition:0.3s}
.vol-btnbox .swiper-button-next.vol-next:hover{background:url('/images/webzine/swiper_next_hover.png')no-repeat center; background-size:100%; transition:0.3s}
.vol-btnbox .swiper-button-prev.vol-prev{width:30px; height:30px; margin-right:5px; background:url('/images/webzine/swiper_prev.png')no-repeat center; background-size:100%; transition:0.3s}
.vol-btnbox .swiper-button-prev.vol-prev:hover{background:url('/images/webzine/swiper_prev_hover.png')no-repeat center; background-size:100%; transition:0.3s}

.webzineflex{display:flex; align-items: center; justify-content: space-between;}
.webzineflex select.select-box-type{width:300px; height:52px; background:url(/images/common/btn/btn_select.png) no-repeat 97% center; background-color:#dee4e9; padding:0 25px 0 10px; background-size:13px 7px;}
.webzinebtn{font-size:20px; color:#fff; background:#73b0da; border:0; border-radius:5px; width:65px; height:52px;}


/*웹진형식 view*/
.board-view-type1 .view-header.view-headerwebzine{padding:60px 200px 0; border-top:2px solid #000; background:transparent; border-bottom:0; text-align:center;}
.board-view-type1 .view-body.view-bodywebzine{padding:80px 300px 120px 300px; border-top:0; font-size:20px !important;}
.view-webzine-label{font-size:20px; padding:10px 35px; font-family:'notokr-medium'; color:#fff; background:#f3705a; border-radius:25px;}
.view-webzine-tit{font-size:48px; margin-top:30px; display:block; color:#000; word-break: keep-all;}
.view-webzine-list{margin-top:30px; display:flex; align-items:center; justify-content:center;}
.view-webzine-list li{font-size:18px; color:#555; padding:0 10px; position:relative;}
.view-webzine-list li:before{width:1px; height:17px; background:#aaaaaa; content:''; position:absolute; top:50%; right:0; transform:translate(0, -50%);}
.view-webzine-list li:last-child:before{display:none;}
.view-webzine-list li:first-child{padding-left:0;}
.view-webzine-list li:last-child{padding-right:0;}


/*컨텐츠만족도 태그 댓글*/
.total-box-size-type{max-width:1600px; margin:0 auto; padding:0 15px;}
.total-box-size-type.none-box-p{padding:0}

.total-add-box .tag-box{padding:40px 30px 20px 30px; display:table; width:100%; box-sizing:border-box;}
.total-add-box .tag-box .tag-txt i{width:20px; height:20px; margin-right:10px; background:url('/images/common/ico/ico_tag_img.png')no-repeat center; background-size:20px; vertical-align:middle; display:inline-block;}
.total-add-box .tag-box .tag-txt{font-size:18px; color:#222; width:90px; display:table-cell; font-family: 'Lato'; font-style: normal; font-weight: 700;}
.total-add-box .tag-box .tag-content{width:calc(100% - 90px); display:table-cell;}
.total-add-box .tag-box .tag-content li{display:inline-block; margin-right:10px;}
.total-add-box .tag-box .tag-content li:last-child{margin-right:0;}
.total-add-box .tag-box .tag-content li a{font-size:15px; padding: 7px 10px; border-radius:20px; font-family:'notokr-medium'; color:#ed6a53; display:block; background:#f9e5e2;}
.total-add-box .tag-box .tag-content li a:hover{color:#fff; background:#f3705a;}

.comment-box{padding:40px 35px 120px; margin-bottom:50px; margin-top:20px; background:#f7f8fb;}
.comment-write-area{width:100%; display:table;}
.comment-write-area strong{font-size:16px; width:128px; color:#222; display:table-cell; font-family:'notokr-medium'; font-weight:normal; vertical-align: top;}
.comment-write-area div.write-area{width:calc(100% - 128px); display:table-cell;}
.comment-write-area div.write-area .write-new-con:after{clear:both; contnet:''; display:block; height:0;}
.comment-write-area div.write-area .write-new-con div{float:left;}
.comment-write-area div.write-area .write-new-con div:nth-child(1){width:calc(100% - 100px);}
.comment-write-area div.write-area .write-new-con div:nth-child(2){width:100px;}
.comment-write-area div.write-area .write-new-con textarea{height:100px; background:#fff; resize:none; width:100%; border:1px solid #ddd; box-sizing:border-box;}
.comment-write-area div.write-area .write-new-con button{font-size: 18px; width: 100px; line-height: 100px; border:0; height: 100px; cursor: pointer; text-align: center; background-color: #ed6a3d; color: #fff; font-family: 'notokr-medium'; }

.comment-list-area{margin-top:20px;}
.comment-list-area li.comment-list{width:100%; display:table; padding:20px 0; border-bottom:1px solid #ddd;}
.comment-list-area li.comment-list div.comment-name{width:128px; display:table-cell; vertical-align:top;}
.comment-list-area li.comment-list div.comment-name strong{font-size:18px; color:#000; font-family:'notokr-regular'; font-weight:normal;}
.comment-list-area li.comment-list div.comment-content{width:clac(100% - 128px); display:table-cell;}
.comment-list-area li.comment-list div.comment-content .comment-txt{font-size:17px; margin-bottom:10px; color:#000; font-family:'notokr-DemiLight'; }
.comment-list-area li.comment-list div.comment-content .comment-data{font-size:15px; color:#666; font-family:'notokr-regular'; display:inline-block;}
.comment-list-area li.comment-list div.comment-content .comment-delete-btn{font-size:16px; text-decoration:underline; color:#e7573f; font-family:'notokr-regular';}

.satisfaction-content{margin-top:40px; border:10px solid #e8ecf0; box-sizing:border-box;}
.satisfaction-content:after{clear:both; content:''; display:block; height:0;}
.satisfaction-content .satisfaction-title{float:left; height:100px;}
.satisfaction-content .satisfaction-title p{display:inline-block; vertical-align:middle;}
.satisfaction-content .satisfaction-title p i{width:100px; height:100px; background:url(/images/common/ico/ico_finger_img.jpg)no-repeat center; background-size:100px; display:inline-block;}
.satisfaction-content .satisfaction-title p:nth-child(2){font-size:20px; margin-left:20px; color:#000; font-family:'notokr-regular';} 
.satisfaction-content .satisfaction-btn-area{float:right; height:100px; line-height:100px;}
.satisfaction-content .satisfaction-btn-area .satisfaction-btn-content li{display:inline-block; margin-right:40px;}
.satisfaction-content .satisfaction-btn-area .satisfaction-btn-content li:nth-child(3){margin-right:80px;}
.satisfaction-content .satisfaction-btn-area .satisfaction-btn-content li:nth-child(4){margin-right:30px;}
.satisfaction-content .satisfaction-btn-area .satisfaction-btn-content li:nth-child(4) a{padding:6px 22px; font-size:20px;}

/*댓글 사용자 인증*/
.user-inp-box{margin-bottom:10px;}
.user-inp-box input{height:30px; padding-left:10px; vertical-align:middle; border: 1px solid #ddd; color:#666; background:#fff; font-family: 'notokr-regular'; font-size: 16px;}

.user-delete-btn-box{margin-top:10px;}
.user-delete-btn-box p{color:#000;}
.user-delete-btn-box input{height:30px; padding-left:10px; vertical-align:middle; border: 1px solid #ddd; color:#666; background:#fff;}
.user-delete-btn-box button.user-cancel-btn{font-size:16px; width:50px; height:34px; border:1px solid #ddd; color:#000; background:#fff; vertical-align:middle; font-family:'notokr-regular';}
.user-delete-btn-box button.user-confirm-btn{font-size:16px; width:50px; height:34px; color:#fff; background-color: #ed6a3d; border:0; vertical-align:middle; font-family:'notokr-regular';}


/*박물관소개 > 인사말*/
.greetings-cont{max-width:1600px; margin:0 auto 0 auto; padding:0 15px;}
.greetings-visual{position: relative;}
.greetings-visual .inner-greetings-visual{margin:0 auto; padding:0 200px 100px 200px; box-sizing: border-box;}
.greetings-visual button.btn-play{width:130px; height:130px; vertical-align: middle; position: absolute; top:45%; left:50%; z-index:0; 
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);    
background:url(/images/common/btn/btn_greet_play.png) no-repeat; background-size:130px; border: none; cursor: pointer;} 
.greetings-visual button.btn-play:hover{background:url(/images/common/btn/btn_greet_play_on.png) no-repeat; background-size:130px;}
.greetings-visual:before{width:100%;min-height:430px; position: absolute; bottom:0; left:0; content:""; background-color:#e8ecf0; z-index:-1}
.greeting-txt-box{padding:100px 50px 0 50px; position: relative;}
.greeting-txt-box:after{clear: both; height:0; overflow:hidden; content:""; display:block;}
.greeting-txt-box .l-box{width:50%; float:left; padding-right:50px; box-sizing: border-box;}
.greeting-txt-box .l-box .b{color:#000000; font-size:38px; font-weight:normal;font-family:'notokr-bold';}
.greeting-txt-box .l-box > strong{display:block; margin-bottom:30px; color:#ed6a53; font-size:80px; font-weight:100; font-family: 'Noto Sans KR';}
.greeting-txt-box .l-box > .line-txt{padding-left:28px; color:#333333; font-size:22px; font-family:'notokr-DemiLight'; position: relative;}
.greeting-txt-box .l-box > .line-txt span{font-family:'notokr-bold';}
.greeting-txt-box .l-box > .line-txt:before{width:2px; height:60px; background:#000000; position: absolute; top:5px; left:0; content:""}
.greeting-txt-box .r-box{width:50%; float:left; padding-top:50px;  position: relative;}
.greeting-txt-box .r-box:before{width:86px; height:7px; background:#ed6a53; position: absolute; top:0; left:0; content:""}
.greeting-txt-box .r-box p{margin-bottom:30px; font-size:17px; line-height:26px; color:#666666;font-family:'notokr-DemiLight'; word-break: keep-all;}

/*박물관소개 > 조직 및 업무*/
.org-cont:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.org-cont .org-box-type {clear:both; padding-top:25px ;display:table; width:100%}
.org-cont .org-box-type:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.org-cont .org-box-type .l-section {display:table-cell; width:720px; padding:90px 0 380px 0; background-color:#e8ecf0; vertical-align: top;}
.org-cont .org-box-type .l-section .inner-l-section{max-width:557px; min-height:430px; margin:0 120px 0 80px; position: relative; background:url(/images/common/bg/bg_org_img1.png) no-repeat center 163px; background-size: 279px 202px;}
.org-cont .org-box-type .l-section .inner-l-section .org-center{position: absolute; top:0; left:50%; 
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0);
width:163px; height:163px; line-height:160px; border:6px solid #7769af; box-sizing: border-box; font-size:40px; color:#222; text-align:center; border-radius: 100%; background:#fff;}
.org-cont .org-box-type .l-section .inner-l-section .org-center.on{color:#fff; background:#7769af}
.org-cont .org-box-type .l-section .inner-l-section .item{padding:16px 0; min-width:260px; border:3px solid #4abe9d; box-sizing: border-box; font-size:22px; color:#000; text-align:center;
border-radius:30px; background:#fff;}
.org-cont .org-box-type .l-section .inner-l-section .item-yellow{min-width:211px; border:3px solid #fdb94d;}
.org-cont .org-box-type .l-section .inner-l-section .item-yellow.on{color:#000000; background: #fdb94d;}
.org-cont .org-box-type .l-section .inner-l-section .item-yellow > span{position: relative; display:block; width:100%; height:100%}
.org-cont .org-box-type .l-section .inner-l-section .item-yellow > span:after{position: absolute; top:-25px; left:50%; 
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0); content:""; width:16px; height:16px; background: #000; border-radius: 100%;}
.org-cont .org-box-type .l-section .inner-l-section .item-1 > span:after{position: absolute; top:23px; left:-8px; content:""; width:16px; height:16px; background: #000; border-radius: 100%;}
.org-cont .org-box-type .l-section .inner-l-section .item-1{position: absolute; right:-30px; top:213px;}
.org-cont .org-box-type .l-section .inner-l-section .item-2{position: absolute; left:16px; top:367px;}
.org-cont .org-box-type .l-section .inner-l-section .item-3{position: absolute; right:18px; top:367px;}
.org-cont .org-box-type .r-section{display:table-cell; width: calc(100% - 760px);vertical-align: top;padding:90px 10px;  border:10px solid #e8ecf0; box-sizing: border-box;}

.organization-right-title{display: table; box-sizing: border-box;width: 100%; margin-bottom: 10px; margin-top:60px;}
.organization-right-title:first-child{margin-top:0;}
.organization-right-title>li{display: table-cell; vertical-align: top;}
.organization-right-title>li:first-child{font-family:'notokr-medium'; font-size: 38px; color: #292929; width:205px; word-break: break-word;}
.organization-right-title>li:last-child{width: calc(100% - 205px);}
.organization-right-list>li{display: table; margin-bottom: 13px; position: relative;}
.organization-right-list>li>strong{padding-left:15px; font-family:'notokr-regular'; display: table-cell; font-weight: normal; font-size: 18px; color: #555555 }
.organization-right-list>li::before{width:5px; height:5px; position: absolute; top: 10px; vertical-align: middle;  background: #000000; content: ''; display: table-cell;}
.pd-left{text-align: left;}
.organ-list>li{text-align: left;  padding-left: 8px; margin-bottom: 8px; color:#555555; font-size:16px; font-family:'notokr-DemiLight'; position: relative; }
.organ-list>li::before{width: 2px; height: 2px; background: #000000; content: '';display:inline-block; vertical-align: middle; position: absolute; top:11px; left:0 }

.table-area.table-set-type01 table thead tr th:nth-child(1){width:17.15%}
.table-area.table-set-type01 table thead tr th:nth-child(2){width:48.55%}
.table-area.table-set-type01 table thead tr th:nth-child(3){width:17.15%}
.table-area.table-set-type01 table thead tr th:nth-child(4){width:17.15%}


.img-list-type1 > li .img-box{overflow:hidden}
/*자주묻는질문*/
.faq-list{border-top:2px solid #000}
.faq-list > li { border-bottom:1px solid #e5e5e5}
.faq-list > li > a{display:flex; flex: 1;padding:13px 0; align-items: center;}
.faq-list .item-ico{width:100px; padding:0 25px; box-sizing: border-box;} 
.faq-list .item-ico > span{display:inline-block; padding:7px 11px; border-radius: 100%; text-align:center; font-size:22px; color:#59489f; font-family: 'notokr-medium'; background-color:#e8ecf0 ;}
.faq-list .subject{width: calc(100% - 190px); color:#444; font-size:20px; line-height:36px; font-weight:normal} 
.faq-list .ico-arrow-type{width:90px; height:28px; vertical-align: middle; background: url(/images/common/ico/ico_arrow_open.png) center no-repeat; background-size:28px;} 
.faq-list .answer-content{display:none; width: calc(100% - 190px); padding:25px 90px 50px 100px;background:#f8f8f8;}
.faq-list .answer-content > div{display: flex; flex:1}
.faq-list .answer-content .answer-txt{margin-left:10px; color:#555; font-size:20px; line-height:26px}
.faq-list li a.item-anchor.on {padding:20px 0}
.faq-list li a.item-anchor.on .item-ico > span{color:#fff; background-color:#7769af}
.faq-list li a.item-anchor.on .ico-arrow-type{background: url(/images/common/ico/ico_arrow_close.png) center no-repeat; background-size:24px 13px;}
.faq-list li a.item-anchor.on .subject{font-size:24px; color:#000;font-family: 'notokr-medium';}

/*전시 소장품*/
.m-vr{display:none}
.card-list-type1 > li .info-area > .info-subject{font-size:20px; color:#222; height:63px; overflow:hidden; display:block; margin-bottom:10px; font-weight: normal; word-break: keep-all;
font-family:'notokr-medium' !important;}
.card-list-type1 > li .info-area > .info-type li{display:table; margin-bottom:10px;}
.card-list-type1 > li .info-area > .info-type li > strong{display:table-cell; width:70px; color:#444; font-size:16px; font-weight:normal; font-family: 'notokr-medium'; }
.card-list-type1 > li .info-area > .info-type li > p{display:table-cell; width: calc(100% - 70px); font-size:16px; color:#757575; font-family: 'notokr-regular';}


/*교육*/
.edu-label{position: absolute; top:0; left:0;z-index:1;}
.edu-label > span{display:inline-block; min-width:55px; text-align:center; padding:5px 7px; font-size:15px;  font-family:'notokr-medium'; box-sizing: border-box; }
.edu-label.org > span.item1{color:#fff; background-color: #f3705a; border:2px solid #f3705a}
.edu-label.org > span.item2{color:#f3705a; background-color: #fff; border:2px solid #f3705a}
.edu-label.purple > span.item1{color:#fff; background-color: #7769af; border:2px solid #7769af}
.edu-label.purple > span.item2{color:#7769af; background-color: #fff; border:2px solid #7769af}
.edu-label.gray > span.item1{color:#fff; background-color: #666666; border:2px solid #666666}
.edu-label.gray > span.item2{color:#666666; background-color: #fff; border:2px solid #666666}
.edu-label.red > span.item1{color:#fff; background-color: #666666; border:2px solid #666666}
.edu-label.red > span.item2{color:#666666; background-color: #fff; border:2px solid #666666}

.card-list-type1 > li .info-area > .info-type.type2 li > strong{width:90px;}
.card-list-type1 > li .info-area > .info-type.type2 li > p{width: calc(100% - 90px);}

.board-view-type4{}
.board-view-type4 .view-body:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.board-view-type4 .view-body{border-bottom:1px solid #cccccc; padding-bottom: 85px;}
.board-view-type4 .view-body .l-img-area{float:left; width:1000px; }
.board-view-type4 .view-body .l-img-area > div img{max-width:100%; max-height:100%;}
.board-view-type4 .view-body .r-txt-area{float:right; width: calc(100% - 1000px); padding-left:100px; box-sizing: border-box; }
.board-view-type4 .view-body .r-txt-area .m-img{display:none}
.board-view-type4 .view-body .r-txt-area .tit{padding:50px 0; border-top:2px solid #000; border-bottom:1px solid #e5e5e5; box-sizing: border-box;}
.board-view-type4 .view-body .r-txt-area .tit .label-type{margin-bottom:20px}
.board-view-type4 .view-body .r-txt-area .tit > strong{display:block; color:#222; font-size:42px; font-weight:600;  font-family: 'MaruBuri-Regular';}
.board-view-type4 .view-body .r-txt-area .tit > p{color:#555; font-size:20px; font-family:'notokr-DemiLight'; letter-spacing: 1px;}
.board-view-type4 .view-body .r-txt-area .view-info-area{padding:0 30px 50px 30px; border-bottom:1px solid #e5e5e5}
.board-view-type4 .view-body .r-txt-area .view-info-type1{padding:40px 0; display:table; width:100%; box-sizing: border-box; color:#222}
.board-view-type4 .view-body .r-txt-area .view-info-type1 li {margin-bottom:10px}
.board-view-type4 .view-body .r-txt-area .view-info-type1 li strong{display:table-cell; width:110px; font-weight:normal; font-family:'notokr-medium';}
.board-view-type4 .view-body .r-txt-area .view-info-type1 li p{display:table-cell; width: calc(100% - 110px); color:#555; font-size:18px;font-family:'notokr-DemiLight'; }
.board-view-type4 .view-body .view-files li, .board-view-type3 .view-body .view-files li{margin-bottom:15px; display:table; width:100%;}
.board-view-type4 .view-body .view-files li:last-child, .board-view-type3 .view-body .view-files li:last-child{margin-bottom:0}
.board-view-type4 .view-body .view-files li > a, .board-view-type3 .view-body .view-files li > a{font-size:16px; color:#555}
.board-view-type4 .view-body .view-files li i, .board-view-type3 .view-body .view-files li i{width:21px; height:21px; display:table-cell; padding-right:15px; vertical-align: middle; background: url(/images/common/btn/btn_donwload.png) center no-repeat; background-size:21px;}
.board-view-type4 .view-body .view-files li span, .board-view-type3 .view-body .view-files li span{display:table-cell; width: calc(100% - 36px)}
.board-view-type4 .view-body .btn-item{margin:70px 0; text-align:center;}
.board-view-type4 .view-body .btn-item a{padding:18px 0; min-width:400px; color:#222222; font-size:22px; font-family:'notokr-medium'; text-align:center; border:1px solid #333333; box-sizing: border-box;}
.board-view-type4 .view-body .btn-item a.btn-deadline{color:#fff; background-color: #444; border:1px solid #444;pointer-events: none; }
.board-view-type4 .view-body .btn-item a.btn-edu{background-color: #eeeeee;pointer-events: none;}

.board-view-type4 .view-body .btn-item a svg, .board-view-type4 .view-body .btn-item a img{width:31px; height:31px; vertical-align: middle; margin-right:15px;}
.board-view-type4 .view-body .btn-item a span{line-height:31px;  vertical-align: middle;}
.board-view-type4 .view-body .view-body-content{position: relative; margin:0 100px; padding-top:60px; box-sizing: border-box;}
.board-view-type4 .view-body .view-body-content:before{position: absolute; top:0; left:0; width:86px; height:7px; content:""; background-color:#ed6a53;}
.board-view-type4 .view-body .view-body-content .summary{color:#666; font-size:24px;font-family:'notokr-DemiLight'; }
.board-view-type4 .view-body .view-body-content .detail-cnt{margin-top:45px; color:#666; font-size:18px;font-family:'notokr-DemiLight'; }
.board-view-type4 .view-body .view-body-content .detail-cnt > li > strong{font-size:22px; color:#222222; font-family:'notokr-medium'; font-weight:normal }
.board-view-type4 .view-body .view-body-content .detail-cnt > li > ul{margin-top:25px;}


/*교육 edit*/
.content-title.edu-title{font-family: 'MaruBuri-Regular'; font-weight: normal; width:70%;}
span.edu-kind{font-size:20px; margin-right:10px; margin-top:5px; margin-bottom:20px; padding:6px 20px; background:#e7573f; color:#fff; font-family:'notokr-medium'; border-radius: 3px; float:left;}
.edu-picture{margin-top:60px;}
.edu-picture .booker-info{margin-bottom:0; padding-bottom:40px; border-bottom:2px solid #cccccc;}


/*조회 취소*/
.search-list div.l-search p.raffle-reser{background:#7769af;}


/*교육*/
/*완료*/
.comp-title p:nth-child(2) span.edu-span{font-size:26px; font-family:'notokr-bold'; display:block;}
.comp-info li.edu-bottom{padding-bottom:40px; margin-bottom:0; border-bottom:1px solid #ddd;}
.comp-info li.edu-top{padding-top:40px;}

/*교육자료*/
.pagenation.edu-pagenation{margin-top:40px;}
.edu-data-area{padding-bottom:20px; border-bottom:1px solid #ccc;}
.edu-data-area:after{clear:both; height:0; display:block; content:'';}
.edu-data-area li.edu-data-list{float:left; width:48.75%; min-height:438px; margin-right:2.5%; margin-bottom:60px; box-sizing: border-box; border:10px solid #e8ecf0}
.edu-data-area li.edu-data-list:nth-child(2n-0){margin-right:0;}

.edu-data-area li.edu-data-list .edu-top{padding:50px 50px 40px 50px;}
.edu-top p.edu-data-kinds{font-size:18px; padding:5px 20px;  color:#fff; font-family:'notokr-medium'; border-radius: 3px; display:inline-block;}
.edu-top p.edu-data-kinds.edu-bg01{background:#ed6a53;}
.edu-top p.edu-data-kinds.edu-bg02{background:#7769af;}
.edu-top p.edu-data-kinds.edu-bg03{background:#4abe9d}
.edu-top p.edu-data-kinds.edu-bg04{background:#f8ad38}
.edu-top .edu-data-title{font-size:32px; margin-top:20px; color:#222; font-family:'notokr-medium'; font-weight: normal; display:block;}
.edu-top .edu-data-day{display:table; width:100%; margin-top:20px;}
.edu-top .edu-data-day p{display:table-cell; vertical-align: middle;}
.edu-top .edu-data-day p:nth-child(1){width:105px; font-size:18px; color:#222; font-family:'notokr-medium';}
.edu-top .edu-data-day p:nth-child(2){width:calc(100% - 105px); font-size:18px; color:#555; font-family:'notokr-regular';}
.edu-data-fill{min-height:180px; background:#fafafa; padding:40px 40px 40px 40px; box-sizing: border-box;}
.edu-data-fill li{margin-bottom:10px;}
.edu-data-fill li:last-child{margin-bottom:0;}
.edu-data-fill li a{font-size:16px; font-family:'notokr-DemiLight'; color:#555;}
.edu-data-fill li a:hover{text-decoration: underline;}
.edu-data-fill li a i{width:21px; height:21px; margin-right:18px; display: inline-block; background:url('/images/common/btn/btn_donwload.png')center no-repeat; background-size:21px;}

/*기증안내*/
.endowment-img{width:100%; height:585px; padding-top:80px; box-sizing: border-box; background:url('/images/common/bg/bg_endowment.jpg') center no-repeat; background-size: cover;}
.endowment-img .txt-area{text-align:center; }
.endowment-img .txt-area > strong{font-size:38px; color:#000000; font-weight:normal; font-family:'notokr-bold';}
.endowment-img .txt-area > .lg-txt{padding-bottom:30px; margin:15px 0 20px 0; font-size:48px; color:#222; font-family: 'Noto Sans KR', sans-serif; font-weight: 100; position: relative; line-height:60px; }
.endowment-img .txt-area > .lg-txt .org-txt-type1{color:#ed6a53;font-family:'notokr-medium'; }
.endowment-img .txt-area > .lg-txt:before{position: absolute; bottom:0; left:50%; margin-left:-30px; width:60px; height:4px; background-color: #ed6a53; content:"" }
.endowment-img .txt-area > .sm-txt{color:#333333; font-size:22px; line-height:36px; font-family:'notokr-DemiLight';}
.endowment-info{padding:70px 100px 0 100px}
.endowment-info > ul{}
.endowment-info > ul > li{display:table; width:100%; margin-bottom:50px;}
.endowment-info > ul li > strong{width:280px; display:table-cell; color:#292929; font-size:26px;font-weight:normal; font-family:'notokr-bold'; vertical-align: top;}
.endowment-info > ul li > .info-txt{width: calc(100% - 280px); display:table-cell; color:#555555; font-size:18px;  font-family:'notokr-DemiLight';vertical-align: top}
.endowment-info > ul li > .info-txt img{max-width:100%}
.endowment-info > ul li > .info-txt .m-img{display:none}
.endowment-info > ul li > .info-txt ul li{position: relative; padding-left:20px; margin-bottom:8px}
.endowment-info > ul li > .info-txt ul li:before{width:5px; height:5px; content:''; background:#000; position:absolute; top:12px; left:0; border-radius: 100%;}
.endowment-info > ul li > .info-txt ul li:last-child{margin-bottom:0;}

/*개인정보처리방침*/
.terms-content-area{padding:70px 90px; border:10px solid #e8ecf0; box-sizing: border-box; color:#666666; font-size:18px;}
.terms-content-area > h3{margin-bottom:50px; color:#000; font-size:32px; font-weight:normal; font-family:'notokr-bold'; }
.terms-content-area > .tit-txt{line-height:36px; }
.terms-content-area > .terms-list > li{margin-top:50px; }
.terms-content-area > .terms-list > li > strong{display:block; margin-bottom:15px; color:#222; font-weight:normal; font-family:'notokr-bold'; font-size:24px;}
.terms-content-area > .terms-list > li > ol li{line-height:36px}
.terms-content-area .use-tbl{width:100%; margin-top:30px;}
.terms-content-area .use-tbl thead tr th{padding:15px 0; border-top:1px solid #000; border-bottom:1px solid #000; color:#000; text-align:center; font-size:18px; font-weight:normal; font-family:'notokr-medium'; }
.terms-content-area .use-tbl tbody tr td{padding:22px 5px; border-bottom: 1px solid #e5e5e5; font-size:16px; color:#666; text-align:center;font-family:'notokr-DemiLight';}
.terms-content-area > .terms-list > li > ul > li{margin-top:30px;}
.terms-content-area > .terms-list > li > ul > li strong{color:#222; font-size:20px;font-weight:normal; font-family:'notokr-bold';}
.terms-content-area > .terms-list > li > ul > li > ul li{margin-top:12px; color:#555; font-size:16px;font-family:'notokr-DemiLight';}

/*층별안내*/
.floor-content {display:flex; flex:1}
.floor-content .l-section{width:400px; background-color: #eff2f7;}
.floor-content .l-section .floor-tab {margin-top:20px}
.floor-content .l-section .floor-tab li{margin:0 auto; padding-bottom:28px; width:330px}
.floor-content .l-section .floor-tab li a{display:block}
.floor-content .l-section .floor-tab .item1 a{width:330px; height:150px; background: url(/images/common/bg/bg_floor_item3_off.jpg) no-repeat center;}
.floor-content .l-section .floor-tab .item2 a{width:330px; height:150px; background: url(/images/common/bg/bg_floor_item2_off.jpg) no-repeat center;}
.floor-content .l-section .floor-tab .item3 a{width:330px; height:150px; background: url(/images/common/bg/bg_floor_item1_off.jpg) no-repeat center;}

.floor-content .l-section .floor-tab .item1 a.on{width:330px; height:150px; background: url(/images/common/bg/bg_floor_item3_on.jpg) no-repeat center;}
.floor-content .l-section .floor-tab .item2 a.on{width:330px; height:150px; background: url(/images/common/bg/bg_floor_item2_on.jpg) no-repeat center;}
.floor-content .l-section .floor-tab .item3 a.on{width:330px; height:150px; background: url(/images/common/bg/bg_floor_item1_on.jpg) no-repeat center;}

.floor-content .r-section{width: calc(100% - 400px); border:10px solid #e8ecf0; box-sizing: border-box;}
.floor-content .r-section .floor-tab-cont .floor-item {display:none}
.floor-content .r-section .floor-tab-cont .floor-item img{max-width:100%;}
.floor-content .r-section .m-floor{display:none;}


/* 히든페이지 */
.full-content.qr-content{margin-top:100px;}
.tab-type01.qr-tab-type{width:960px;}
.tab-type01.qr-tab-type li{width:25%;}
.qr-content-box{padding:120px 0 100px 0; box-sizing:border-box; border:10px solid #e8ecf0;}

.qr-tit{font-size:42px; line-height:62px; color:#000; font-family: 'notokr-bold'; font-weight: normal; display: block; text-align: center;}
.qr-sub-tit{display:table; margin:50px auto 0 auto;}
.qr-sub-tit li{display:table-cell; vertical-align: middle;}
.qr-sub-tit li.qr-sub-tit-name{padding-right:20px;}
.qr-sub-tit li.qr-sub-tit-name span{font-size:24px; padding:5px 47px; background:#d9e2e8; box-sizing:border-box; color:#222; font-family: 'notokr-bold'; font-weight: normal; border-radius:50px;}
.qr-sub-tit li.qr-sub-tit-tit span{font-size:28px; line-height:36px; color:#222; font-family: 'notokr-medium';} 
.qr-tit-content{margin-top:70px; padding:0 90px;}
.qr-tit-content p.qr-tit-txt{font-size:18px; line-height:36px; color:#666; letter-spacing:-1px;}
.qr-tit-txt.language-tit-txt{word-break: keep-all;}




@media screen and (min-width:992px) and (max-width:1600px){
.board-img-body-type1 .inner-board-img-body-type1{padding:0 30px}
.img-list-type1 > li .info-area > a{font-size:21px;}
.img-list-type1 > li .info-area p{font-size:15px;}
.img-list-type1 > li .img-box .img-over-box .over-search{font-size:14px; padding:10px}

/*이미지있는 게시판 뷰 형식 type1*/
.board-view-type2 .view-body .l-img-area{ width:48vw; min-height:41.86vw; padding:4.8vw;margin-right:6vw;}
.board-view-type2 .view-body .l-img-area:before{min-height:18vw;}
.board-view-type2 .view-body .l-img-area > div{padding: 4.8vw;}
.board-view-type2 .view-body .r-txt-area{width: calc(100% - 54vw); padding-top:4.8vw;}
.board-view-type2 .view-body .codeView .txt{display:block; margin-top:15px;}

/*박물관소개 > 인사말*/
.greetings-visual{position: relative; }
.greetings-visual .inner-greetings-visual{padding:0 12vw 6vw 12vw;}
.greetings-visual:before{min-height:25vw}
.greeting-txt-box .l-box{width:55%;}
.greeting-txt-box .r-box{width:45%;}
.greeting-txt-box{padding:6vw 3vw 0 3vw}
.greeting-txt-box .l-box > strong{font-size:65px}
}

@media screen and (min-width:992px) and (max-width:1500px){
.board-view-type4 .view-body .l-img-area{width:60%; }
.board-view-type4 .view-body .r-txt-area{width: 40%; padding-left:50px; }    
.board-view-type4 .view-body .view-body-content{margin:0 50px;}

}

@media screen and (min-width:992px) and (max-width:1450px){
/*박물관소개 > 조직 및 업무*/
.org-cont .org-box-type .l-section{width:500px}
.org-cont .org-box-type .l-section .inner-l-section{margin:0; max-width:500px; background: url(/images/common/bg/bg_org_img1.png) no-repeat center 163px; }
.org-cont .org-box-type .l-section .inner-l-section .item-1{min-width:200px; font-size:20px; right:0}
.org-cont .org-box-type .l-section .inner-l-section .item-yellow{min-width:180px; font-size:20px}
.org-cont .org-box-type .l-section .inner-l-section .item-2{left:23px}
.org-cont .org-box-type .l-section .inner-l-section .item-3{right:23px}
.org-cont .org-box-type .r-section{width: calc(100% - 570px); }
.organization-right-title>li:first-child{font-size:35px}
.organization-right-title>li:last-child{font-size:15px}
}

@media screen and (min-width:992px) and (max-width:1400px){

/*웹진*/
.webzine-special .webzine-s-visualbox{width:calc(100% - 600px);}
.webzine-special .webzine-s-txtbox{padding-left:30px;}
.webzine-special .webzine-s-txtbox{width:600px;}

/*관람 안내*/
.top-preview-box > div > .reservation-title{font-size:34px;}
.top-preview-box > div > .reservation-txt{font-size:18px;}
.inner-preview{padding:0 30px;}


}


@media screen and (min-width:992px) and (max-width:1350px){
/*기증안내*/
.endowment-info{padding:50px 0 0 0}
}

@media screen and (min-width:992px) and (max-width:1300px){
/*웹진*/
.webzine-titbox{padding:50px 40px;}

.webzine-titbox .webzine-vol{width:300px;}
.webzineflex select.select-box-type{width:230px;}

}

@media screen and (min-width:992px) and (max-width:1250px){
/*이미지있는 게시판 뷰 형식 type2*/
.board-view-type3 .view-txt-area .l-cont{width:calc(100% - 30vw); padding:70px 6vw 0 6vw;}
.board-view-type3 .view-txt-area .r-cont{width:30vw; padding:80px 0 0 0; }
.board-view-type3 .view-txt-area .r-cont .info-txt ul li > strong{width:100%; display:block; }
.board-view-type3 .view-txt-area .r-cont .info-txt ul li > p{width:100%; display:block; margin-top:5px}

/*층별안내*/
.floor-content .l-section{width:350px;}
.floor-content .l-section .floor-tab {margin-top:20px}
.floor-content .r-section{width: calc(100% - 350px); }

/*조직 및 업무*/
.tbl-type1.new-tbl-set tbody tr td.str{width:74px;}
.tbl-type1.new-tbl-set tbody td.new-tbl-td{width:102px;}

/*웹진*/
.webzine-titbox img{width:250px;}

/* .webzine-special{padding:0 20px;}
.webzine-titbox .webzine-vol{padding:18px 20px;}
.webzine-special .webzine-s-visualbox{width:calc(100% - 500px);}
.webzine-special .webzine-s-txtbox{width:500px;}
.webzine-special .webzine-txtbox-tit{font-size:50px; margin-bottom:20px;}
.txtbox-swiper-wrapper.swiper-wrapper .txtbox-slide .txtbox-pc-bg p:nth-child(1){font-size:16px;}
.txtbox-swiper-wrapper.swiper-wrapper .txtbox-slide .txtbox-pc-bg p:nth-child(2){font-size:20px;} */

.webzine-sub-content section > div:nth-child(1) strong{font-size:38px;}
.webzine-sub-content section > div:nth-child(1){width:270px;}
.webzine-sub-content section > div:nth-child(2){width:calc(100% - 270px);}

}

@media screen and (min-width:992px) and (max-width:1200px){

/*조직 및 업무*/
.tbl-type1.new-tbl-set thead th{}
.tbl-type1.new-tbl-set tbody tr td.str{font-size:16px; width:45px;}
.tbl-type1.new-tbl-set tbody td{font-size:13px;}
.tbl-type1.new-tbl-set tbody td.new-tbl-td{width:82px;}



/*예약 인증 전 후*/ 
.popupbox-content{padding:25px 30px 20px; max-width:431px;}
.popuptxt img{width:80px;}
.popuptxt p{width:calc(100% - 95px); font-size:20px; line-height:32px}
.popup-tel{font-size:18px; width:200px;}
.popup-tel span{margin-right:10px;}

}


/**************************************************테블릿, 모바일 시작*********`*************************************************/

@media screen and (max-width:1600px){
.comp-title p:nth-child(2){font-size:44px;}
.l-reser.l-comp{padding:90px 20px 110px 20px}
.comp-info.lookup-info li strong{width:70px;}
.comp-info li strong.lookup_txt{font-size:16px;}
.comp-info.lookup-info{padding:50px 20px 50px 20px}
.comp-info li > div{width:calc(100% - 70px);}
.btn-sns-box a{font-size:16px;}
.btn-sns-box a{font-size:15px;}
a.kaako i{margin-right:3px; }
a.phone i{margin-right:3px; }
a.naver i{margin-right:3px;}


}

@media screen and (max-width:1500px){
.search-list div.l-search strong{font-size:28px; height:auto;}

.l-reser.l-layout-reser{width:calc(100% - 600px); padding:80px 10px 80px 10px}
.r-reser.r-layout-reser{width:600px; padding:80px 10px 80px 10px}
.form-layout-reser{width:600px;}

.l-reser.l-facil{width:800px}
.r-reser.r-facil{padding:80px 20px 80px 20px; width:calc(100% - 800px);}
.facil-box li.facil-list{padding:50px 10px 30px 10px}
.facil-box li.facil-list .facil-floor span:nth-child(2){font-size:15px;}

}

@media screen and (max-width:1400px){
/*관람 안내*/
/*안내*/
.l-reser{padding:50px 20px 70px 20px; width:calc(100% - 400px);}
.l-reser .l-reser-list > li .l-reser-title{width:210px;}
.l-reser .l-reser-list > li .l-reser-txt strong.clock-info{font-size:36px;}
.l-reser .l-reser-list > li .reser-info{font-size:16px;}
.l-reser .l-reser-list > li .l-reser-txt strong.calendar-info{font-size:20px;}
.l-reser .l-reser-list > li .l-reser-txt strong.money-info{font-size:20px;}
.l-reser .l-reser-list > li .l-reser-txt{width:calc(100% - 210px);}

.r-reser{width:400px; padding:50px 20px 70px 20px}

.search-list div.l-search{padding:50px 20px 40px 20px;}
.search-list div.r-search .r-search-list li > strong{width:100px;}
.search-list div.r-search{padding:50px 20px 40px 20px;}
.search-list div.l-search a{left:20px;}

/*오시는 길*/
.r-reser.r-come{width:600px; padding:20px 20px 20px 20px}
.l-reser.l-come{width:calc(100% - 600px);}

/*주요일정*/
.schedule-area .sch-l{width:400px;}
.schedule-area .sch-r{padding-left:30px; width:calc(100% - 430px);}
.schedule-area .sch-r .schedule-top-data .sch-top-title{font-size:3vw}
.schedule-area .sch-r .schedule-top-data > div{top:1.28vw;}
.schedule-area .sch-r .schedule-top-data .l-data-btn a{font-size:1.42vw;}
.schedule-area .sch-r .schedule-top-data .r-data-btn a{font-size:1.42vw;}
.schedule-area .sch-r .schedule-top-data .l-data-btn a i{width:3.64vw; height:1.85vw; background-size:3.64vw 1.85vw;}
.schedule-area .sch-r .schedule-top-data .r-data-btn a i{width:3.64vw; height:1.85vw; background-size:3.64vw 1.85vw;}
.schedule-list-area .schedule-list strong a{font-size:20px;}
.schedule-list-area .schedule-list .sch-list-data p:nth-child(2){font-size:16px;}

/*상설전시*/
.exh-content > div.r-exh{padding-left:20px; width:550px;}
.exh-list > .exh-info > .exh-info-area .exh-info-img{width:150px;}
.exh-list > .exh-info > .exh-info-area .exh-info-txt{padding:0 20px 0 20px;}
.exh-list > .exh-list-title > p:nth-child(2){font-size:40px;}
.exh-list > .exh-info > .exh-info-area .exh-info-txt .exh-info-title{font-size:20px;}
.exh-list > .exh-info > .exh-info-area .exh-info-txt .exh-info-sub-txt{font-size:16px; line-height: 16px;}

/*연혁*/
/* .year-txt{display:block;}
.year-sub-txt{display:block;}
.history-list-box > li .year-txt{margin-left:0;} */

/*박물관 연혁*/
.year-history-bg{padding:110px 40px 550px 100px;}
.r-year-list{padding-left:80px}
.r-year-detail-l{width:160px}
.r-year-detail-r{width:calc(100% - 160px);}

}

@media screen and (max-width:1300px){

/*통합검색*/
.total-type2 li .total-type2-img-box{width:130px;}
.total-type2 li .total-type2-txt-box{padding-left:10px; padding-right:10px;}
.total-type2-title{font-size:18px; margin-bottom:20px;}
.total-type2-sub-txt{font-size:16px; margin-bottom:10px;}

}


@media screen and (max-width:1280px){

/*MI*/
.top-mi-content{padding:0}
.top-l-con strong{font-size:60px;}
.top-l-con p{font-size:15px; line-height:2.65vw; margin-top:10px;}

.tab-type01{max-width:1000px;}
.tab-type01 li a{width:200px; font-size:18px;}

/*관람 안내*/
/*예약*/
.top-preview-box > div > .reservation-title{font-size:38px;}
.bot-preview-box strong{font-size:30px; width:228px;}
.bot-preview-box ul li{font-size:17px;}

.l-reser.l-layout-reser{width:calc(100% - 550px); padding:80px 10px 80px 10px}
.r-reser.r-layout-reser{width:550px; padding:80px 10px 80px 10px}
.form-layout-reser{width:550px;}
.select-list > li > p{width:80px; font-size:18px;}

.l-reser.l-facil{width:700px}
.r-reser.r-facil{padding:80px 20px 80px 20px; width:calc(100% - 700px);}

/*교육*/
.content-title.edu-title{width:60%;}

/* 히든페이지 */
.tab-type01.qr-tab-type li a{width:240px;}

}

@media screen and (max-width:1250px){

/*웹진*/
.m-webzine-txtbox{margin-bottom: 30px; display:flex; align-items:center; justify-content: space-between;}
.m-webzine-txtbox .m-webzine-txtbox-tit{display:block; font-size: 56px; color: #444; letter-spacing: -2px;}
.m-webzine-btnbox{display:flex; align-items:center; justify-content: space-between;}
.m-webzine-btnbox .swiper-button-next.m-webzine-next, .m-webzine-btnbox .swiper-button-prev.m-webzine-prev{position: inherit; margin-top:inherit;}
.m-webzine-btnbox .swiper-button-next.m-webzine-next{width:50px; height:50px; margin-left:5px; background:url('/images/webzine/swiper_next.png')no-repeat center; background-size:100%;}
.m-webzine-btnbox .swiper-button-prev.m-webzine-prev{width:50px; height:50px; margin-right:5px; background:url('/images/webzine/swiper_prev.png')no-repeat center; background-size:100%;}

.webzine-special{display:block;}
.txtbox-slide{display:none;}
.txtbox-slide.active-border{display:block;}
.webzine-special .webzine-s-visualbox{width:100%;}
.webzine-special .webzine-s-txtbox{width:100%; padding-left:0; position: relative;}
.txtbox-swiper-wrapper .txtbox-slide{margin-bottom:0}
.webzine-special .webzine-txtbox-tit{display:none;}
.active-border:after{left:50%; top:-10px; transform:translate(-50% , 0);}
.txtbox-swiper-wrapper .txtbox-slide .txtbox-pc-bg p:nth-child(1){text-align:center;}
.txtbox-swiper-wrapper .txtbox-slide .txtbox-pc-bg p:nth-child(2){text-align:center;}





	
}

@media screen and (max-width:1100px){
.tab-type01{max-width:900px;}
.tab-type01 li a{width:180px}
.symbol-r{padding-left:10px;}
.symbol-l{padding-right:20px;}


/*연혁*/
.history-list-box > li{padding:0 40px;}
.history-list-box > li:nth-child(even){padding:0 40px}

.history-txt-box > div{margin-bottom:2.72vw}

/*height 사이즈*/
.history-list-box li.history-list:nth-child(2){height:34.09vw;}
.history-list-box li.history-list:nth-child(3){height:52vw;}
.history-list-box li.history-list:nth-child(4){height:37.27vw;}

/*오시는 길*/
.r-reser.r-come{width:500px; padding:70px 10px 70px 10px}
.l-reser.l-come{width:calc(100% - 500px);}


}



@media screen and (max-width:991px){

/*통합검색*/
/*통합검색 형식 type1*/
.page-search-type1.total-search-type1 .btn-util-search{top:13px;}
.page-search-type1.total-search-type1{width:100%; border-radius:50px; border:4px solid #1d1d1b;}
.page-search-type1.total-search-type1 input[type="text"]{font-size:30px;}
.page-search-type1.total-search-type1 input::placeholder {font-size:30px;}
.totla-search-volume{font-size:34px; margin-top:60px;}

.tatal-search-content-box{margin-top:100px;}

.total-search-list-box{border:1px solid #858484;}
.total-search-list-box li{width:50%; border-bottom:1px solid #858484; box-sizing: border-box;}
.total-search-list-box li:nth-child(1){border-right:1px solid #858484; box-sizing: border-box;}
.total-search-list-box li:nth-child(3){border-right:1px solid #858484; box-sizing: border-box;}
.total-search-list-box li:nth-child(5){border-bottom:0; border-right:1px solid #858484; box-sizing: border-box;}
.total-search-list-box li:nth-child(6){border-bottom:0;}
.total-search-list-box li:before{display:none;}
.total-search-list-box li a{display:block; padding:13px 0; font-size:32px;}
.total-search-list-box li a .total-search-list-txt span{display:inline-block; vertical-align: middle;}
.total-search-list-box li a .total-search-list-num{font-size:26px;}

.total-search-area{padding-top:40px;}
.total-search-area-list{margin-top:80px;}
.total-search-area-title{font-size:46px; }
.total-search-area-num{font-size:30px;}

.total-box{margin-top:30px; border-top:4px solid #222;}

.total-type1 li{padding:60px 0 60px 0; border-bottom:2px solid #e5e5e5;}
.total-type1 li .total-type1-title{font-size:34px; margin-bottom:30px;}
.total-type1 li .total-type1-title:hover{text-decoration:none}
.total-type1 li .total-type1-sub-txt{font-size:28px; line-height:38px; margin-bottom:30px; -webkit-line-clamp: 5;}
.total-type1 li .total-type1-nav{font-size:26px; }
.total-type1 li .total-type1-nav:hover{text-decoration: none;}

.total-type2{padding:0; box-sizing: border-box; border-bottom:0;}
.total-type2 li{float:none; width:100%; padding:60px 0; border-bottom:2px solid #ddd;}
.total-type2 li a{display: table;}
.total-type2 li a div{display: table-cell; vertical-align: top;}

.total-type2 li .total-type2-img-box{max-width:200px; width:200px}
.total-type2 li .total-type2-img-box img{width:100%; display:block;}
.total-type2 li .total-type2-txt-box{padding-left:40px; padding-right:40px; padding-top:20px;}
.total-type2 li a:hover .total-type2-txt-box .total-type2-title{text-decoration: none;}
.total-type2 li a:hover .total-type2-txt-box .total-type2-nav{text-decoration: none;}

.total-type3{padding:0; box-sizing: border-box; border-bottom:0;}
.total-type3 li{float:left; width:50%; margin-right:0; padding:60px 1% 60px 0; border-bottom:2px solid #ddd; box-sizing: border-box;}
.total-type3 li:nth-child(2n-0){padding:60px 0 60px 1%; box-sizing: border-box;}
.total-type3-img-box img{width:100%; }
.total-type3-txt-box{margin-top:40px;}
.total-type3 li a:hover .total-type3-txt-box .total-type2-title{text-decoration: none;}
.total-type3 li a:hover .total-type3-txt-box .total-type2-nav{text-decoration: none;}

.total-type2-title{font-size:34px; margin-bottom:30px; -webkit-line-clamp: 1;}
.total-type2-sub-txt{font-size:28px; margin-bottom:30px; line-height: 38px; -webkit-line-clamp: 3; }
.total-type2-nav{font-size:26px; font-family:'notokr-medium'; color:#222;}

.total-more-btn-box{text-align: right;}
.total-more-btn-box .total-more-btm{font-size:30px; padding:18px 46px;}
.total-more-btn-box .total-more-btm .total-more-ico{width:26px; height:14px; margin-left:50px; background-size:26px 14px;}


/*연혁 및 MI*/
.history-area{margin-top:180px;}
.top-mi-content{display: flex; flex-direction: column; margin-bottom:160px;}
.top-mi-content > div{float:inherit;}
.top-l-con{width:100%; padding-right:0; order:2; margin-top:190px;}
.top-l-con{width:100%;}
.top-l-con svg{width:100%; max-width:440px;}
.top-l-con strong{font-size:101px; line-height:117px; margin-top:60px;}
.top-l-con p{font-size:28px; line-height:42px; margin-top:70px;}
.right-img-box{margin-top:0}
.top-r-con{order:1; width:100%;}
.logo-download-box{display:none;}

/*박물관 연혁*/

.year-history-bg{padding:110px 60px 460px 30px; background: #e8ecf0 url('/images/common/bg/bg_history.png')no-repeat bottom; box-sizing:border-box; background-size:contain;}
.year-history-list-box{background: url('/images/common/bg/bg_history_line.jpg')repeat-y left 198px top; max-width:none; width:100%;}
.year-history-list-box:before{width:20px; height:29px; content:''; top:1px; left:188px;}
.year-history-list-box:after{width:5px; height:284px; content:''; bottom:1px; left:196px;}


.year-history-list{width:100%; margin-bottom:60px;}
.l-year{ width:211px;}
.l-year-num{font-size:60px;}
.l-year-num::before{position: absolute; right: 0; width: 12px; height: 12px; border-radius: 100%;}
.l-year-num::after{position: absolute; right: -54px; width: 40px; height: 2px;}
.l-year-txt{font-size:40px; }

.r-year{display:table-cell; vertical-align: middle; width:calc(100% - 211px);}
.r-year-top1{padding-top:16px}
.m-r-year-top1{padding-top:16px;}

.r-year-list{display:block; width:100%; padding-bottom:20px; padding-left:70px;}
.r-year-detail-l{display:block; width:100%; }
.r-year-detail-num{font-size:28px;}
.r-year-detail-r{display:block; width:100%;}
.r-year-detail-txt{font-size:28px; margin-top:10px;}

/*심볼*/
.full-content{margin-bottom:0;}
.mi-bg{padding:290px 0 190px 0;}
.mi-bg > div{padding:0 40px;}   
.tab-type01{max-width:89vw; top:90px; background-color:inherit;border:0;}
.tab-type01 li{width:50%; border-bottom:1px solid #858484; background:#fff; box-sizing: border-box;}
.tab-type01 li:nth-child(1){border-top:1px solid #858484; border-left:1px solid #858484; box-sizing: border-box;}
.tab-type01 li:nth-child(2){border-top:1px solid #858484; border-right:1px solid #858484; box-sizing: border-box;}
.tab-type01 li:nth-child(3){border-left:1px solid #858484; box-sizing: border-box;}
.tab-type01 li:nth-child(4){border-right:1px solid #858484; box-sizing: border-box;}
.tab-type01 li:last-child{border-right:1px solid #858484; border-left:1px solid #858484; box-sizing: border-box;}
.tab-type01 li:first-child, .tab-type01 li:nth-child(3){border-right:1px solid #858484; box-sizing: border-box;}
.tab-type01 li a{width:100%; font-size:32px; padding:22px 0;}
.tab-type01 li a:before{display:none;}
.tab-type01 li a.on{width:100%}
.symbol > div{float:none; width:100%;}
.symbol-l{padding-right:0;}
.symbol-r{padding-left:0; margin-top:88px;}
.symbol-r strong{font-size:42px;}
.symbol-r > p:nth-child(2){font-size:24px; line-height:42px; margin-top:40px; padding-bottom:60px; border-bottom:2px solid #ddd;}
.symbol-r ul{margin-top:50px;}
.symbol-r ul > li:nth-child(1){width:136px;}
.symbol-r ul > li:nth-child(2){vertical-align: top;}
.symbol-r ul > li:nth-child(2) p{font-size:26px; line-height:32px; padding-left:40px;}

/*MI 컬러변화*/
.mi-tab1.color-change{padding-top:95px 0 100px 0; }
.change-top{display:block; width:100%; margin-bottom:80px;}
.change-top > li:nth-child(1){display:block; width:100%; font-size:42px; margin-bottom:40px;}
.change-top > li:nth-child(2){display:block; width:100%; font-size:28px ; line-height:42px}
.change-bottom{background:#fff; padding:55px 40px 95px 40px;}
.bottom-sub-title{font-size:40px;}
.sub-txt-bottom{margin-bottom:80px;}
.mi-color-full{max-width:961px; margin:0 auto;}
.change-bottom > ul:nth-child(1){padding-bottom:80px; border-bottom:1px solid #ddd;}
.sub-txt-bottom2{margin:80px 0 54px 0;}
.mini-logo{width:100%;}
.mini-logo > li{float: none; width:100%; margin-right:0;}
.mini-logo > li > img.pc-mi-logo-img{display:none;}
.mini-logo > li > img.m-mi-logo-img{width:100%; display:block;}

/*MI 로고타입*/
.change-top.logo-type-top{margin-bottom:80px;}
.change-top.logo-type-top > li:nth-child(1){width:100%;}
.change-top.logo-type-top > li:nth-child(2){width:100%;}

.mi-logo-type-box{padding:90px 0 120px 40px;}
.mi-logo-type-box li{margin-bottom:100px;}
.mi-logo-type-box li p{width:148px; font-size:26px;}
.mi-logo-type-box li div{display:table-cell; width:calc(100% - 148px); vertical-align: middle;}
.mi-logo-type-box li div img{width:100%; display:block;}
.mi-logo-type-box li:nth-child(1) div img{max-width:inherit;}
.mi-logo-type-box li:nth-child(2) div img{max-width:inherit;}
.mi-logo-type-box li:nth-child(3) div img{max-width:inherit;}
.mi-logo-type-box li:nth-child(4) div img{max-width:inherit;}
.mi-logo-type-box li:nth-child(5) div img{max-width:inherit;}

/*전용색상*/
.change-top.system-type-top{margin-bottom:80px;}
.change-top.system-type-top > li:nth-child(1){width:100%;}
.change-top.system-type-top > li:nth-child(2){width:100%;}

.private-box{padding:80px 40px;}

.private-box li:nth-child(3){ margin-top:40px;}
.private-box li p{ font-size:26px; width:150px; padding-left:0;}
.private-box li div{ width:calc(100% - 150px);}
.private-box li div img.m-private-img{display:block; width:100%;}
.private-box li div img.pc-private-img{display:none;}

/*금지규정*/
.pc-rule-img{display:none;}
.m-rule-img{display:block;}

.rule-box{padding:110px 40px 120px 40px;}
.rule-box li{width:100%; box-sizing: border-box;}
.rule-box li:nth-child(1){ padding:0px 40px 60px 10px; border-bottom:1px solid #e5e5e5;}
.rule-box li:nth-child(2){ padding: 60px 50px 60px 10px; border-bottom:1px solid #e5e5e5}
.rule-box li:nth-child(3){ padding:70px 20px 74px 10px; border-bottom:1px solid #e5e5e5}
.rule-box li:nth-child(4){ padding:60px 25px 60px 0; border-bottom:1px solid #e5e5e5}
.rule-box li:nth-child(5){ padding:60px 0 0 0; width:40%}
.rule-box li img{width:100%; display:block;}


/*연혁*/
.full-content.history-page{max-width:auto; padding:0; margin:0 auto;}
.history-box{margin:100px 0 0 0;}
.history-bg{width:100%; padding:60px 0 200px 0; min-height:600px}
.history-list-box > li > div:nth-child(1){width:50%;}
.history-list-box > li > div:nth-child(2){width:50%; padding-left:40px; box-sizing: border-box;}

/*텍스트가 오른쪽일 떄 (홀수)*/
.history-list-box > li{margin-bottom:50px;}
.history-list-box > li > div.history-txt-box{padding-right:30px; }
.history-list-box > li > .history-img-box .inner-img-box img{border:5px solid #202020;  box-sizing: border-box;}
.history-list-box > li > .history-img-box .inner-img-box:before{position: absolute; top:50%; transform: translate(-50%, -50%); left:-41px; width:12px; height:12px; background:#000; content:''; border-radius:100%;}
.history-list-box > li > .history-img-box .inner-img-box:after{position: absolute; top:50%; transform: translate(-50%, -50%); left:-20px; width:40px; height:2px; background:#000; content:'';}

/*텍스트가 오른쪽일 떄 (짝수)*/
.history-list-box > li:nth-child(even){display:table; width:100%; padding:0 40px; box-sizing: border-box; margin-bottom:50px;}
.history-list-box > li:nth-child(even) > div.history-txt-box{display:table-cell; text-align:left; vertical-align:middle; padding-left:30px; padding-right:0; box-sizing: border-box;}
.history-list-box > li:nth-child(even) > div.history-img-box{display:table-cell; vertical-align:middle; padding-right:40px;}
.history-list-box > li:nth-child(even) > .history-img-box .inner-img-box img{border:5px solid #202020;  box-sizing: border-box;}
.history-list-box > li:nth-child(even) > .history-img-box .inner-img-box:before{position: absolute; top:50%; transform: translate(-50%, -50%); left:auto; right:-52px; width:12px; height:12px; background:#000; content:''; border-radius:100%;}
.history-list-box > li:nth-child(even) > .history-img-box .inner-img-box:after{position: absolute; top:50%; transform: translate(-50%, -50%); left:auto; right:-58px; width:40px; height:3px; background:#000; content:'';}

/*20220412 수정*/
.history-list-box li.history-list:nth-child(4) .history-img-box.new-history-img-box{padding-top:2.52vw;}
/*20230725 수정*/
.history-list-box > li > .history-img-box .inner-img-box iframe{height:21vw; border: 5px solid #202020; box-sizing: border-box;}

.history-txt-box > div{margin-bottom:3.02vw;}
.year-txt{font-size:5.54vw}
.year-txt span{font-size:3.22vw;}
.year-sub-txt{font-size:2vw;padding-top:10px;}
.history-list-box > li:nth-child(even) .year-txt{padding-right:2.01vw; width:13.92vw;}
.history-list-box > li:nth-child(odd) .year-txt{padding-left:2.01vw; width:13.92vw;}
.year-sub-txt{width:calc(100% - 13.92vw);}

.history-list-box > li:nth-child(odd) .history-img-txt{font-size:1.81vw; margin-top:1.51vw;}
.history-list-box > li:nth-child(even) .history-img-txt{font-size:1.81vw; margin-top:1.51vw;}

/*height 사이즈*/
.history-list-box li.history-list:nth-child(2){height:35.4vw;}
.history-list-box li.history-list:nth-child(3){height:55.5vw;}
.history-list-box li.history-list:nth-child(4){height:40vw;}

/*소장품 list*/
.detail-check-box{margin-bottom:20px; padding-top:60px;}
.board-list-header.collection-list-header{margin-bottom:40px;}

.detail-area{float:none; width:100%;}
.detail-area .btn-detail-open{font-size:30px; margin-right:0; padding-top:60px; float:right;}
.page-search-type1.collection-type1{width:100%;}
.detail-area .btn-detail-open > i { width:45px; height:45px; margin-left:20px; background-size:45px;}

.detail-box{padding:60px 40px; border:10px solid #e8ecf0;}
.btn-detail-close{font-size:30px; color:#444; margin-right:0; padding-top:40px;}
.btn-detail-close > i { width:45px; height:45px; margin-left:20px; background-size:45px;}
.check-list{display:block; width:100%; border-bottom:0; padding-bottom:0px; margin-bottom:40px;}
.check-list:last-child{margin-bottom:0;}
.check-title{font-size:40px; padding-bottom:20px; border-bottom:2px solid #ddd; width:100%; display:block; box-sizing: border-box; position:relative}
.check-title:before{width:105px; height:4px; position:absolute; bottom:-5px; left:0;}
.check-sub-list{display:block; width:100%; padding-top:50px;}
.check-sub-list li{display:inline-block; vertical-align: sub; margin-right:0; margin-bottom:40px; width:30%;}
.check-sub-list li:last-child{margin-right:0;}


/*관람 안내*/
/*예약*/
.content.m-reserv{margin:0 auto; padding:0;}
.preview-content { margin-top:120px;}
.preview-visual { min-height:810px; position: relative;}
.preview-visual:before { width: 100%; min-height: 1180px;}
.inner-preview { padding:0 40px;}
.top-preview-box > div{padding:60px 10px 40px 10px; width:48%; border:10px solid #e8ecf0;}
.top-preview-box > div.bg-reservation:after{bottom:-150px;}
.top-preview-box > div > .reservation-title{font-size:5.25vw; min-height:148px;}
.top-preview-box > div > .reservation-txt{font-size:3.1vw; margin-top:30px}
.top-preview-box > div > .reservation-img{width:172px; margin:80px auto 0 auto}
.top-preview-box > div > .reservation-btn{font-size:30px; margin-top:80px; padding:15px 35px; }
.bot-preview-box{margin-top:120px; display:block; padding-bottom:200px;}
.bot-preview-box strong{font-size:42px; margin-bottom:50px; width:100%; display:block;}
.bot-preview-box ul{width:100%; display:100%;}
.bot-preview-box ul li{font-size:28px; line-height:52px; padding-left:20px; margin-bottom:20px;}
.bot-preview-box ul li:before{width:7px; height:7px; top:22px;}


/*안내*/
.full-content.reser-content{margin:110px auto 0 auto; max-width:1600px; padding:0;}

.inner-reser{display:block; width:100%; }
.l-reser{display: block; padding:80px 40px 120px 40px; width:100%; border:20px solid #e8ecf0;}
.l-reser .l-reser-list > li{display:block; padding-bottom:80px; margin-bottom:70px; border-bottom:2px solid #ddd; width:100%;}
.l-reser .l-reser-list > li .l-reser-title{display:block; width:100%;}
.l-reser .l-reser-list > li .l-reser-title strong{display:block; font-size:42px; margin-bottom:50px;}
.l-reser .l-reser-list > li .l-reser-txt{display:block; width:100%; margin-left:20px;}
.l-reser .l-reser-list > li .l-reser-txt strong.clock-info{ font-size:66px; margin-bottom:30px}
.l-reser .l-reser-list > li .reser-info{font-size:28px; padding-left:27px; margin-top:20px;}
.l-reser .l-reser-list > li .reser-info:before{width:7px; height:7px; top:17px; left:0; }
.l-reser .l-reser-list > li .reser-btn{margin-top:60px}

.l-reser .l-reser-list > li .l-reser-txt strong.calendar-info{font-size:36px;}
.l-reser .l-reser-list > li .l-reser-txt strong.money-info{font-size:36px;}
.l-reser .l-reser-list > li  strong.reser-clock i{width:96px; height:96px; margin-right:20px;  background-size:96px; }
.l-reser .l-reser-list > li  strong.reser-calendar i{width:96px; height:96px; margin-right:20px; background-size:96px; }
.l-reser .l-reser-list > li  strong.reser-money i{width:96px; height:96px; margin-right:20px; background-size:96px;}
.l-reser .l-reser-list > li  strong.reser-parking i{width:96px; height:96px; margin-right:20px; background-size:96px;}

.r-reser{display: block; padding:80px 40px 200px 40px;  width:100%;}
.r-reser strong.note-title{font-size:42px; margin-bottom:50px;}
.r-reser ul.reser-txt-list li{font-size:28px; line-height:52px;}
.r-reser .note-txt{font-size:30px; margin-bottom:10px;}
.r-reser .note-top{margin-top:70px;}


/*완료*/
.content-title{font-size:52px; margin-bottom:50px;}
.l-reser.l-comp{padding:90px 40px 120px 40px;}
.comp-title p:nth-child(1){width:156px; padding-right:40px;}
/* .comp-title p i{width:156px; height:156px; margin-right:40px; background-size:156px; } */
.comp-title p:nth-child(2){display:table-cell; width:calc(100% - 156px);font-size:58px;}

.comp-info{margin-top:50px; padding:60px 40px 60px 40px; }
.comp-info li{width:100%; display:table; margin-bottom:30px;}
.comp-info li strong{font-size:28px; width:140px;}
.comp-info li p{font-size:28px;width:calc(100% - 140px);}
.comp-info li > div{font-size:28px;width:calc(100% - 140px);} /*추가 되었을 때 모바일의 경우에 width값 100%로 수정, display:flex로 수정*/
.reser-btn2{margin-top:60px;}
.reser-btn2 a:nth-child(1){margin-right:10px;}

.r-reser.r-reser2{padding:120px 40px 140px 40px;}
.r-reser.r-reser2 strong{font-size:42px; margin-bottom:50px;}
.r-reser.r-reser2 ul li{font-size:28px; line-height:52px; margin-bottom:20px; padding-left:26px;}
.r-reser.r-reser2 ul li:before{width:7px; height:7px; top:22px; left:0;}

.m-full-content.new-reser{margin-bottom:200px;}

.lookup-top{padding-top:68px;}

/*조회 취소*/
.comp-info.lookup-info{padding:60px 40px 60px 40px;}
.comp-info.lookup-info li strong{width:140px;}
.comp-info li strong.lookup_txt{font-size:28px;}
.btn-sns-box{display:flex; justify-content: space-between;}
.btn-sns-box a{font-size:28px; height:184px; padding:30px 0; width:32%; margin-right:-7px; vertical-align: middle; display:block; }
.btn-sns-box a.kaako{padding:30px 0 30px 0;}
.btn-sns-box a.naver{padding:38px 0 30px 0;}
.btn-sns-box a.phone{padding:30px 0 30px 0;}
.btn-sns-box a:last-child{margin-right:0px;}
a.kaako i{width:42px; height:38px; margin-right:0px; margin:0 auto 15px auto; display:block; background-size:42px 38px; }
a.naver i{width:36px; height:32px; margin-right:0px; margin:0 auto 15px auto; display:block; background-size:36px 32px; }
a.phone i{width:25px; height:42px; margin-right:0px; margin:0 auto 15px auto; display:block; background-size:25px 42px; }


/*조회 취소2*/
.search-area li.search-list{border-bottom:20px solid #e8ecf0;}
.search-list > div{float:none;}
.search-list div.l-search{width:100%; padding:90px 60px 80px 60px;}
.search-list div.l-search p{font-size:28px; width:166px; padding:10px 0; border-radius: 3px;}
.search-list div.l-search strong{font-size:48px; height:auto; margin-top:30px;}
.search-list div.l-search a{margin-top:100px; position: initial;}
.search-list div.r-search{width:100%; padding:80px 60px 96px 60px;}
.search-list div.r-search .r-search-list li{margin-bottom:30px;}
.search-list div.r-search .r-search-list li > strong{width:160px; font-size:28px; }
.search-list div.r-search .r-search-list li > p{width:calc(100% - 160px); font-size:28px;}

.search-area li.search-list.new-search-list{display:block; width:100%;}
.search-list > div.float-div-none{float:none; display:block;}
.search-list div.l-search.new-l-search{padding:90px 60px 80px 60px;}
.search-list div.l-search a.new-btn-type1{margin-top:100px;}


/*예약 인증 전 후*/ 
.l-reser.l-layout-reser{display: block; padding: 80px 40px 140px 40px;  width: 100%}
.r-reser.r-layout-reser{display: block; padding: 80px 40px 120px 40px; border: 20px solid #e8ecf0;
    width: 100%;}
.form-layout-reser{display:block; width:100%;}
    
.top-title-area{padding:0 40px; margin-bottom:60px;}
.content-title.left-content-title{float:none;}
.right-clock{float:none; font-size:28px; padding:19px 15px; border-radius: 36px; text-align: center;} 
.right-clock i{width:38px; height:38px; padding-right:24px; background-size:38px;}

.calendar-box{height:500px;}
.cal-content{margin-top :120px;}
.cal-content p{font-size:42px; color:#000; font-family:'notokr-bold';}
.cal-content ul{margin-top:54px;}
.cal-content ul li{font-size:28px; padding-left:24px; margin-bottom:16px;}
.cal-content ul li::before{width:7px; height:7px; top:16px; left:0;}

.calendar-data{font-size:54px;}
.calendar-data > span{font-size:50px;}
.reser-caution{font-size:28px; margin-top:40px; display:table; text-align: left;}
.reser-caution span{display:table-cell; width:56px;}
.reser-caution span i{width:56px; height:56px; margin-right:0; background-size:56px;}
.reser-caution span:nth-child(2){display: table-cell; width:calc(100% - 56px); padding-left:24px;}

.select-list{margin-top:90px;}
.select-list > li{display:block; width:100%; margin-bottom:70px;}
.select-list > li > p{display:block; width:100%; font-size:30px; margin-bottom:20px;}
.select-list > li > div{display:block; width:100%;}
.select-list > li > div .data-list li{margin-bottom:20px;}
.select-list > li > div .data-list li button{font-size:30px; padding:14px 40px 14px 40px; }

.txt-con{font-size:30px; padding-left:20px;}

.select-list2{margin-top:80px;}
.inner-select{padding-bottom:80px; border-bottom:2px solid #ccc;}
.booker-txt{font-size:30px; margin-bottom:30px;}
.booker-list{margin-bottom:140px;}
.booker-list li{display:table; width:100%; margin-bottom:20px;}

.phone-request-box{margin-top:60px;}
.phone-request-btn-box{padding-bottom:10px;}
.l-phone-requst-box{width:calc(100% - 200px);}
.r-phone-requst-box{width:200px; }
.phone-request-btn-box a.btn-sm{width:180px; font-size:26px; margin-left:20px; padding:14px 0;}


.booker-list li p{display:table-cell; font-size:28px; width:120px}
.booker-list li p span{font-size:28px;}
.booker-list li div{display: table-cell; width:calc(100% - 120px);}
.booker-list li div span{font-size:28px;}
.booker-info{font-size:26px; margin-bottom:100px;}
.booker-sub-txt{font-size:28px; margin-bottom:28px;}
.booker-tbl{font-size:26px; margin-bottom:80px;}


.booker-tbl tr td{padding:20px 8px 20px 30px;}
.booker-tbl tr td:nth-child(2){padding:20px 8px 20px 20px;}

.booker-info-list li{font-size:26px; margin-bottom:20px; line-height:38px; padding-left:24px;}
.booker-info-list li::before{width:4px; height:4px;  top:18px; left:0;}
.booker-check-box{margin-top:40px;}
.reser-btn2.booker-btn{margin-top:60px;}



/*시설안내*/
/*편의시설*/
.l-reser.l-facil{width:100%; padding:0; border:0; background:#e8ecf0;}
.r-reser.r-facil{width:100%; padding:120px 40px 140px 40px}


.facil-box li.facil-list{float:none; width:100%; padding:80px 40px 40px 40px; box-sizing: border-box; background:#fff; border:20px solid #e8ecf0;}
.facil-box li.facil-list:nth-child(1){border-right:20px solid #e8ecf0; border-bottom:10px solid #e8ecf0}
.facil-box li.facil-list:nth-child(2){border-left:20px solid #e8ecf0; border-bottom:10px solid #e8ecf0; border-top:10px solid #e8ecf0}
.facil-box li.facil-list:nth-child(3){border-right:20px solid #e8ecf0; border-top:10px solid #e8ecf0; border-bottom:10px solid #e8ecf0}
.facil-box li.facil-list:nth-child(4){border-left:20px solid #e8ecf0; border-top:10px solid #e8ecf0}


.facil-box li.facil-list strong{font-size:50px;}
.facil-box li.facil-list .facil-floor{margin-top:30px;}
.facil-box li.facil-list .facil-floor span:nth-child(1){font-size:28px; line-height:80px; margin-right:20px; width:80px; height:80px;  border-radius: 160px;}
.facil-box li.facil-list .facil-floor span:nth-child(2){font-size:28px; height:auto;}

.facil-box li.facil-list .facil-phone{margin-top:26px;}
.facil-box li.facil-list .facil-phone span:nth-child(1) i{width:41px; height:40px; margin-right:20px; display: inline-block; background-size:41px 40px;}
.facil-box li.facil-list .facil-phone span:nth-child(2){font-size:26px; }

.facil-box li.facil-list .facil-img{margin-top:60px; width:100%}



/*오시는 길*/
.m-come-info{display:block;}
.pc-come-info{display: none;;}
.l-reser.l-come{width:100%; border:0; padding:0 0 140px 0;}
.r-reser.r-come{width:100%; padding:100px 40px 120px 40px; border:20px solid #e8ecf0; }

.come-img img{width:100%; display:block;}
.come-img-txt{font-size:30px; line-height:48px; padding:70px 40px 70px 40px;}

.conme-btn a{font-size:30px; padding:20px 52px;}
.conme-btn a i{width:36px; height:47px; margin-left:30px; background-size: 36px 47px; }

.come-address{font-size:66px;}

.main-tell{margin-top:80px; padding-bottom:100px; border-bottom:2px solid #ddd;}
.c-main-title{font-size:42px; display: inline-block;}
.c-main-title i{width:96px; height:96px; margin-right:30px;}
.c-main-title.c-phone i{ background-size:96px;}
.c-main-title.c-subway i{ background-size:96px;}
.c-main-title.c-bus i{background-size:96px;}
.main-tell p{font-size:66px; margin-left:120px; display:block; }

.way-top-come{margin-top:100px; padding:0; border-bottom:0;}
.way-top-come p{font-size:52px;}
.way-top-come strong{margin-top:60px;}
.way-top-come .way-root{margin-top:60px;}
.way-root ul{margin-top:40px;}
.way-root ul li{font-size:28px; line-height:54px; padding-left:60px; margin-bottom:20px;}
.way-root ul li::before{width:8px; height:8px; top:24px; left:30px; border-radius:20px;}



/*주요일정*/
.schedule-area{display:block; padding-top:20px;}
.schedule-area .sch-l{display:block; width:100%; padding:0 40px; box-sizing: border-box;}
.schedule-area .sch-l .calendar-box2{width:100%;}
.schedule-area .sch-r{display:block; padding:0 40px 0 40px; margin:120px 0 200px 0; width:100%; box-sizing: border-box;}
.schedule-area .sch-r .schedule-top-data > div{position: absolute; top:18px;}
.schedule-area .sch-r .schedule-top-data .sch-top-title{font-size:52px;}

.schedule-area .sch-r .schedule-top-data .l-data-btn a{font-size:28px;}
.schedule-area .sch-r .schedule-top-data .l-data-btn a i{width:72px; height:36px; margin-right:0; background-size:72px 36px; vertical-align: sub;}
.schedule-area .sch-r .schedule-top-data .r-data-btn a{font-size:28px; display:flex; flex-direction: column;}
.schedule-area .sch-r .schedule-top-data .r-data-btn a i{width:72px; height:36px; margin-left:0; background-size:72px 36px; vertical-align: sub;}
.schedule-area .sch-r .schedule-top-data .r-data-btn a span:nth-child(1){order:2; padding-top:30px;}
.schedule-area .sch-r .schedule-top-data .r-data-btn a span:nth-child(2){order:1;}
.schedule-area .sch-r .schedule-top-data .l-data-btn a span:nth-child(2){display:block; padding-top:30px;}
.schedule-list-area{margin-top:50px; padding-top:50px; border-top:4px solid #000;}
.schedule-list-area .schedule-list{padding:50px 0; border-bottom:2px solid #e5e5e5;}
.schedule-list-area .schedule-list:first-child{padding:0 0px 50px 0px;}
.schedule-list-area .schedule-list strong a{font-size:36px;} 
.schedule-list-area .schedule-list .sch-list-data{ padding-top:40px;}
.schedule-list-area .schedule-list .sch-list-data p:nth-child(1){width:80px; font-size:26px}
.schedule-list-area .schedule-list .sch-list-data p:nth-child(2){width:calc(100% - 80px); font-size:28px;}


/*주요일정 달력*/
.calendar-box2 .cla-data-num {margin-bottom:70px;}
.calendar-box2 .cla-data-num p { font-size:70px;}
.calendar-box2 .cla-data-num a.cal-prev-btn { width:49px; height:49px; left:50px; top:50%; transform:translateY(-50%); background-size:49px; }
.calendar-box2 .cla-data-num a.cal-next-btn { width:49px; height:49px; right:50px; top:50%; transform:translateY(-50%);background-size:49px; }

table.cal-design thead tr td{font-size:28px; padding:20px 0;}
table.cal-design tbody tr td a{font-size:36px; padding:30px 0;}


/*상설전시*/
.m-exh-img{display:block; width:100%;}

.exh-content{display:block; width:100%;}/*margin-bottom:200px;*/
.exh-content > div{display:block;}
.exh-content > div.l-exh{width:100%;}
.exh-content > div.r-exh{display:none;}

.exh-img-box{position: relative;}
img.pc-exh-img{width:100%; display:none;}
img.btn-over-img{position: absolute; pointer-events: none; width:100%;}

/*모바일로 변경*/
.new-m-exh-con{position:fixed; top:0 left:0; }
.exh-content > div.m-exh-con-box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:999; background:#fff;}
.m-exh-con-area{padding:0 40px; position: relative; height:100%;}
.exh-list{height:100%;}
.exh-close-btn{position:absolute; top:40px; right:40px;}
.exh-close-btn i{width:44px; height:44px; display: block; background:url('/images/common/btn/btn_popup_close.png')center no-repeat; background-size:44px}
.exh-list > .exh-list-title{padding:100px 0 60px 0; border-bottom:4px solid #000; display:table; width:100%; height:284px; box-sizing:border-box;}

.exh-list > .exh-list-title > p{display:table-cell;}
.exh-list > .exh-list-title > p:nth-child(1){width:120px;}
.exh-list > .exh-list-title > p:nth-child(1) span{width:120px; height:120px; line-height:120px; font-size:72px}
.exh-list > .exh-list-title > p:nth-child(2){font-size:62px; padding-left:40px;}
.exh-list > .exh-info{border-bottom:0; overflow-y: auto; height: calc(100% - 284px);}
.exh-list > .exh-info > .exh-info-area{display:block; width:100%; padding:30px 0 100px 0; border-bottom:0}
.exh-list > .exh-info > .exh-info-area .exh-info-img{display:block; width:100% }
.exh-list > .exh-info > .exh-info-area .exh-info-txt{display:block; width:100%; padding:70px 0 0 0; box-sizing: border-box;}
.exh-list > .exh-info > .exh-info-area .exh-info-txt .exh-info-title{font-size:38px; margin-bottom:30px;}
.exh-list > .exh-info > .exh-info-area .exh-info-txt .exh-info-sub-txt{font-size:28px; line-height:42px;}



/*4개 이미지 list 게시판*/
.inner-img-body{margin-top:50px;}
.board-img-body-type1{border-top:4px solid #222222}
.board-img-body-type1 .inner-board-img-body-type1{padding:0;}
.card-list-type1.collection-list > li{width:100%; margin-right:0; margin-bottom:120px; padding-bottom:0; border:0;} 
.card-list-type1 > li .info-area{margin-top:0; display:block; width:100%; padding-bottom: 0; box-sizing: border-box; vertical-align: bottom;}
.card-list-type1 > li .info-area > a{font-size:38px; margin-bottom:0; height:auto }
.card-list-type1 > li .info-area.collection-area p{font-size:28px; margin-top:40px; margin-bottom:10px;}
.card-list-type1 > li .img-box{position: relative; display:block; width:100%; padding-right:0; vertical-align:top; box-sizing: border-box;}
.card-list-type1 > li .img-box img{width:100%}
.card-list-type1 > li .img-box .img-over-box{display: none}

/*소장품 view*/ 
.collection-pop .pop-btn-box .pop-btn-area{width:650px; padding:35px 0;  top:86%; left:50%; transform: translate(-50%, -50%); border-radius: 65px;}
.collection-pop .pop-img-box img {max-width:100%; max-height:100%}
.collection-pop .pop-btn-box .pop-btn-area a{margin-right:90px;}
.collection-pop .pop-btn-box .pop-btn-area a.pop-reduction{width:53px; height:53px; background-size:53px; }
.collection-pop .pop-btn-box .pop-btn-area a.pop-zoom{width:53px; height:53px; background-size:53px;}
.collection-pop .pop-btn-box .pop-btn-area a.pop-down{width:53px; height:53px; background-size:53px;}
.collection-pop .pop-btn-box .pop-btn-area a.pop-close{width:44px; height:44px; background-size:44px;}


.board-view-type2 .view-body.collection-view-body {padding-bottom:110px;}
.view-body.collection-view-body .top-img-box .small-size-swiper-img ul{height:67px;}
.view-body.collection-view-body .top-img-box .big-size-swiper-img ul li {height:385px;}
.view-body.collection-view-body .top-img-box .big-size-swiper-img ul li div {width: 1600px; height: 385px;}
.view-body.collection-view-body .top-img-box .small-size-swiper-img {position:initial; top:0; right:0; margin-top:30px; width:100%;}

.view-body.collection-view-body .top-img-box .small-size-swiper-img ul li {margin-bottom:0; margin-right:10px; width:100px; height:67px; display:inline-block;}
.view-body.collection-view-body .top-img-box .small-size-swiper-img ul li:last-child{margin-right:0;}
.view-body.collection-view-body .top-img-box .collection-btn-box {float:none; margin-top:60px; text-align:center;}
.view-body.collection-view-body .top-img-box .collection-btn-box a {font-size:30px; margin-right:55px;}
.view-body.collection-view-body .top-img-box .small-size-swiper-img ul li a.on::before{width: 100px; height: 67px; border: 2px solid #f3705a; background: rgba(0, 0, 0, 30%);
content: ''; box-sizing: border-box; z-index: 1;}

.view-body.collection-view-body .top-img-box .collection-btn-box a i {width:47px; height:47px; margin-right:20px;}
.view-body.collection-view-body .top-img-box .collection-btn-box a.bigsize-view i {background-size:47px;}
.view-body.collection-view-body .top-img-box .collection-btn-box a.download-view i {background-size:47px;}
.view-body.collection-view-body .bottom-txt-box {display:block; max-width:initial; padding:130px 0 0 0px;}

.view-body.collection-view-body .bottom-txt-box > div {display:block;}
.view-body.collection-view-body .bottom-txt-box > div.l-txt-info {width:100% }
.view-body.collection-view-body .bottom-txt-box > div.l-txt-info strong {font-size:60px; margin-bottom:60px;}
.view-body.collection-view-body .bottom-txt-box > div.l-txt-info p.l-txt-desc {font-size:28px; line-height:42px; padding-top:60px; padding:60px 16px 0 16px;}

.view-body.collection-view-body .bottom-txt-box > div.r-txt-info {width:100%; padding-left:0; padding-top:160px;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter {border-top:2px solid #000;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul {padding:80px 0 80px 50px;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul > li {display:table; width:100%; margin-bottom:70px;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul > li > p {font-size:26px; width:150px;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul > li > ul {width:calc(100% - 150px);}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul > li > ul > li {font-size:28px; margin-right:36px;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul > li > ul > li:before {left:-26px;}

.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .kogl-box {margin-top:120px; padding-left:10px; box-sizing: border-box;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .kogl-box div {width:447px;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .kogl-box p {font-size:26px; line-height:38px; margin-top:40px; padding-right:0px;}


/*일반게시판 리스트 형식 type1*/
.board-list-header{margin-bottom:60px;}
.board-list-type1 .board-list-content .board-list-thead{display:none;}
.board-list-type1 .board-list-content .board-list-tbody{border-top:4px solid #000000}
.board-list-type1 .board-list-content .board-list-tbody > ul{display:block; padding:45px 0; border-bottom:2px solid #efefef;}
.board-list-type1 .board-list-content .board-list-tbody > ul:last-child{border-bottom:2px solid #ccc;}
.board-list-type1 .board-list-content .board-list-tbody > ul > li{display:block; padding:0; width:100% !important; text-align:left;font-size:26px;}
.board-list-type1 .board-list-content .board-list-tbody > ul > li.m-l{display:inline-block; padding-right:20px; width:auto !important; text-align:left; font-size:26px }
.board-list-type1 .board-list-content .board-list-tbody > ul > li.m-hidden{display:none}
.board-list-type1 .board-list-content .board-list-tbody > ul > li.l{padding:0}
.board-list-type1 .board-list-content .board-list-tbody > ul > li > a{display:block; font-size:36px; line-height:55px; padding:15px 0}

/*pagenation*/
.pagenation a img{width:31px; height:35px;}
.pagenation a.prev img, .pagenation a.next img{width:16px; height:31px;}
.pagenation a.first, .pagenation a.last{display:none}
.pagenation ul{line-height:30px; margin:0 30px}
.pagenation ul li a{width:64px; height:69px; line-height:69px; font-size:26px}

/*게시판 검색 형식 type1*/
.page-search-type1{width:80%;}
.page-search-type1 input[type="text"]{height:80px; line-height:80px}
.page-search-type1 .btn-util-search{position: absolute; top:25px; right:30px}
.board-list-header .board-list-total{font-size:28px;}

/*일반게시판 뷰 형식 type1*/
.board-view-type1 .subject{padding-left:0;font-size:36px; }
.board-view-type1 .view-header{padding:40px 25px; margin-top:30px; border-top:4px solid #000; }
.board-view-type1 .view-header .view-info > li{ padding-bottom:30px;}
.board-view-type1 .view-header .view-info li > strong{width:140px; font-size:28px}
.board-view-type1 .view-header .view-info li > .txt{width: calc(100% - 140px);font-size:26px; line-height:40px;}
.board-view-type1 .view-header .view-info li .view-files li{display:block; margin-right:0; margin-bottom:30px;}
.board-view-type1 .view-header .view-info li .view-files li:last-child{margin-bottom:0;}
.board-view-type1 .view-header .view-info li .view-files li > a{font-size:26px; display:table; width:100%;}
.board-view-type1 .view-header .view-info li .view-files li i{width:35px; height:35px; margin-right:20px; display:table-cell; vertical-align: top; background: url(/images/common/btn/btn_donwload.png) center no-repeat; background-size:35px;}
.board-view-type1 .view-header .view-info li .view-files li a > span{display:table-cell; width: calc(100% - 55px); padding-left:20px; vertical-align: top; box-sizing: border-box; }
.board-view-type1 .view-body{padding:50px 0px;}

.view-foot{margin-top:60px;}
.view-foot a.btn-view{ font-size:28px;}
.view-foot .btn-view-prev{position: absolute; top:15px; left:0}
.view-foot .btn-view-next{position: absolute; top:15px; right:0}

/*4개 이미지 list 게시판*/
.board-img-body-type1{border-top:4px solid #222222}
.board-img-body-type1 .inner-board-img-body-type1{padding:0;}
.img-list-type1{margin-top:50px;}
.img-list-type1 > li{float:none; width:100%; display:table; margin-right:0; padding-bottom:50px; border-bottom:1px solid #e5e5e5; margin-bottom:50px;}
.img-list-type1 > li .info-area{margin-top:0; display:table-cell; width:50%; padding-bottom: 30px; box-sizing: border-box; vertical-align: bottom;}
.img-list-type1 > li .info-area > a{font-size:38px; margin-bottom:25px; height:auto }
.img-list-type1 > li .info-area p{font-size:28px;}
.img-list-type1 > li .img-box{position: relative; display:table-cell; width:50%; padding-right:30px;vertical-align: top;; box-sizing: border-box;}
.img-list-type1 > li .img-box img{width:100%}
.img-list-type1 > li .img-box .img-over-box{display: none}

/*이미지있는 게시판 뷰 형식 type1*/
.board-view-type2 .view-body .l-img-area{float:none; width:100%; margin-right:0;}
.board-view-type2 .view-body .r-txt-area{float:none; width:100%;}
.board-view-type2 .view-body .r-txt-area .tit{padding:0 0 40px 0px;}
.board-view-type2 .view-body .r-txt-area .tit > strong{font-size:60px;}
.board-view-type2 .view-body .r-txt-area .tit > p{font-size:30px;}
.board-view-type2 .view-body .r-txt-area .view-info-type1{padding:40px 20px;}
.board-view-type2 .view-body .r-txt-area .view-info-type1 li{margin-bottom:25px}
.board-view-type2 .view-body .r-txt-area .view-info-type1 li strong{width:180px;font-size:26px;}
.board-view-type2 .view-body .r-txt-area .view-info-type1 li p{width: calc(100% - 180px);font-size:28px;}
.board-view-type2 .view-body .view-files{padding:0 20px;}
.board-view-type2 .view-body .view-files li > a, .board-view-type3 .view-body .view-files li > a{font-size:26px;}
.board-view-type2 .view-body .view-files li i, .board-view-type3 .view-body .view-files li i{width:35px; height:35px; padding-right:15px; background: url(/images/common/btn/btn_donwload.png) center no-repeat; background-size:35px;}
.board-view-type2 .view-body .view-files li span, .board-view-type3 .view-body .view-files li span{display:table-cell; width: calc(100% - 50px)}
.board-view-type2 .view-body .view-files li span.files-new-name{font-size:28px;}
.board-view-type2 .view-body .chapter-area{ margin-top:60px; }
.board-view-type2 .view-body .chapter-area .btn-chapter{padding:0 20px 40px 20px; font-size:32px; background: url(/images/common/ico/ico_black_open.png) no-repeat 97% top; background-size:46px;}
.board-view-type2 .view-body .chapter-area .btn-chapter.active{background: url(/images/common/ico/ico_black_close.png) no-repeat 97% top; background-size:46px}
.board-view-type2 .view-body .chapter-area .chapter-info{padding:50px 20px;}
.board-view-type2 .view-body .chapter-area .chapter-info ul li{margin-bottom:15px; font-size:28px;}
.board-view-type2 .view-body .codeView .txt{display:block; margin-top:30px; font-size:26px;}

/*이미지있는 게시판 뷰 형식 type2*/
.board-view-type3 .view-txt-area .l-cont{width:100%; padding:70px 0 0 0; margin-top:0; float: none;}
.board-view-type3 .view-txt-area .alt-apply > li{font-size:32px;}
.board-view-type3 .view-txt-area .alt-apply > li:before{display:block; content:""; width:1px; height:32px; background: #cccccc;
position: absolute; top:8px; left:0}
.board-view-type3 .view-txt-area .l-cont .subject{font-size:65px; line-height: 80px;}
.board-view-type3 .view-txt-area .l-cont .subject::after{width:86px; height:7px; position: absolute; bottom:0; left:0; content: ""; background:#ed6a53 ;}
.board-view-type3 .view-txt-area .l-cont .txt-box{font-size:28px;}
.board-view-type3 .view-txt-area .r-cont{width:100%; padding:100px 0 0 0; float:none;}
.board-view-type3 .view-txt-area .r-cont .inner-r-cont{padding-bottom:60px; }
.board-view-type3 .view-txt-area .r-cont .btn-vr{padding:30px 0; font-size:35px;}
.board-view-type3 .view-txt-area .r-cont .btn-vr i{width:55px; height:43px; padding-right:30px; background: url(/images/common/ico/ico_vr_1.png) center no-repeat; background-size:55px 43px;}
.board-view-type3 .view-txt-area .r-cont .info-txt{padding:60px 50px; margin:60px 0 60px 0; box-sizing: border-box; background:#f5f5f5;}
.board-view-type3 .view-txt-area .r-cont .info-txt ul li{display:table; width:100%; padding-bottom:30px;}
.board-view-type3 .view-txt-area .r-cont .info-txt ul li > strong{width:140px;font-size:26px; }
.board-view-type3 .view-txt-area .r-cont .info-txt ul li > p{width: calc(100% - 140px); font-size:28px;}
.board-view-type3 .view-txt-area .r-cont .file-down-area > strong{font-size:26px; margin-bottom:30px}
.board-view-type3 .view-txt-area .relation-info .relation-tit{font-size:36px; }

/*웹진*/
.content.board-cnt.webzin-content{padding:0}
.m-webzin-content-p{padding:0 40px;}
.webzine-titbox{flex-direction: column;}
.webzine-titbox img{width:auto; margin-bottom:40px; position: inherit; transform:inherit; top:inherit; left:inherit; order:1;}
.webzine-titbox .webzine-vol{order:3; width:100%;}
.webzine-titbox a{font-size:30px; margin-bottom:12px; min-width:500px; order:2; text-align:center;}
.webzine-titbox a i{width:32px; height:29px;}
.webzine-titbox a:hover i{width:32px; height:29px;}

.webzine-special{border-radius:0; padding:80px 40px;}
.m-webzine-txtbox .m-webzine-txtbox-tit{font-size:72px;}
.webzine-special .webzine-s-visualbox .visualbox-slide div{height:auto;}
.webzine-special .webzine-s-visualbox .visualbox-slide div img{position: relative; top:inherit; left:inherit; transform:inherit}
.webzine-special .webzine-s-txtbox:after{width:24px; height:24px;}
.txtbox-swiper-wrapper .txtbox-slide .txtbox-pc-bg{padding:26px 34px 26px;}
.txtbox-swiper-wrapper .txtbox-slide .txtbox-pc-bg p:nth-child(1){font-size:30px;}
.txtbox-swiper-wrapper .txtbox-slide .txtbox-pc-bg p:nth-child(2){font-size:40px;}

.swiper-button-prev.visualbox-prev{display:none;}
.swiper-button-prev.visualbox-prev:hover{display:none;}
.swiper-button-next.visualbox-next{display:none;}
.swiper-button-next.visualbox-next:hover{display:none;}

.webzine-sub-content{margin-top:120px;}
.webzine-sub-content section{display:block;}
.webzine-sub-content section:first-child{padding-left:40px;}
.webzine-sub-content section > div:nth-child(1){margin-bottom:60px; width:100%; display:flex; align-items:center; justify-content: space-between;}
.webzine-sub-content section > div:nth-child(1) strong{font-size:56px;}
.webzine-sub-content section > div:nth-child(2){width:100%;}

.swiper-slide.subcontent-slide{width:630px;}
.swiper-slide.subcontent-slide a .webzine-suc-txt{padding:40px 65px 40px 48px}
.swiper-slide.subcontent-slide a .webzine-suc-txt span{font-size:30px;}
.swiper-slide.subcontent-slide a .webzine-suc-txt p{font-size:40px; margin-top:15px; line-height:56px; min-height:112px;}

.subcontent-btnbox{margin-top:0; padding-right:40px;}
.subcontent-btnbox .swiper-button-prev.subcontent-prev{width:58px; height:58px; margin-right:10px;}
.subcontent-btnbox .swiper-button-next.subcontent-next{width:58px; height:58px; margin-left:10px;}

.webzine-sub-content section:nth-child(2), .webzine-sub-content section:nth-child(3){padding:0 40px; margin-top:120px;}
.subcontent2-btnbox, .subcontent3-btnbox{display:none;}
.swiper-wrapper.subcontent2-wrapper{display:block;}
.swiper-slide.subcontent2-slide{width:100%; margin-bottom:60px;}
.swiper-slide.subcontent2-slide:last-child{margin-bottom:0;}
.swiper-slide.subcontent2-slide a .webzine-suc2-img img{height: 482px; object-fit: cover;}
.swiper-slide.subcontent2-slide a .webzine-suc2-txt{padding-right:0; margin-top:30px;}
.swiper-slide.subcontent2-slide a .webzine-suc2-txt span{font-size:30px;}
.swiper-slide.subcontent2-slide a .webzine-suc2-txt p{font-size:40px; margin-top:20px;}

.webzine-news{margin-top:120px; margin-bottom:-100px; border-radius:0; padding:120px 40px 140px; display:block;}
.webzine-news > div:nth-child(1){display:block; width:100%;}
.webzine-news .webzine-news-l{width:100%;}
.webzine-news .webzine-news-l strong{font-size:52px; margin-bottom:40px; display:block;}
.webzine-news .webzine-news-r{width:100%;}
.webzine-news .webzine-news-r ul li{margin-bottom:30px;}
.webzine-news .webzine-news-r ul li a span{font-size:30px; width:90px;}
.webzine-news .webzine-news-r ul li a p{font-size:30px; width:calc(100% - 90px);}

.vol-l{margin-bottom:40px;}
.vol-l strong{font-size:42px; padding-left:120px; position: relative;}
.vol-l strong:after{width:84px; height:71px; content:''; background:url('/images/webzine/webzine_vol.png')no-repeat center; background-size:100%; position:absolute; top:50%; left:0; transform:translate(0, -50%);}
.vol-btnbox .swiper-button-prev.vol-prev{width:58px; height:58px; margin-right:10px;}
.vol-btnbox .swiper-button-next.vol-next{width:58px; height:58px; margin-left:10px;}
.vol-r > div:nth-child(1){display:none;}
.vol-r > div:nth-child(2) .swiper.vol-swiper{height:150px;}
.vol-r > div:nth-child(2){width:100%;}
.vol-r > div:nth-child(2) .vol-slide a p{font-size:42px;}

.webzinebtn{width:75px; height:70px; font-size:28px;}
.webzineflex select.select-box-type{width:calc(100% - 85px); height:70px; background-size:22px 12px;}


/*웹진형식 view*/
.board-view-type1 .view-header.view-headerwebzine{padding:80px 20px 0;}
.board-view-type1 .view-body.view-bodywebzine{padding:80px 50px 120px 50px; font-size:18px !important;}
.view-webzine-label{font-size:34px; padding:10px 35px; border-radius:35px;}
.view-webzine-tit{font-size:60px; margin-top:30px;}
.view-webzine-list{margin-top:30px;}
.view-webzine-list li{font-size:32px; padding:0 20px;}
.view-webzine-list li:before{width:2px; height:30px;}

/*컨텐츠만족도 태그 댓글*/
.total-box-size-type{padding:0 40px;}
.total-box-size-type.none-box-p{padding:0 40px}

.total-add-box .tag-box{padding:60px 0 40px 0; display:block;}
.total-add-box .tag-box .tag-txt i{width:31px; height:31px; margin-right:18px; margin-right:0; background-size:31px;}
.total-add-box .tag-box .tag-txt{font-size:28px; width:100%; display:block;}
.total-add-box .tag-box .tag-content{width:100%; margin-top:20px; display:block;}
.total-add-box .tag-box .tag-content li{margin-right:16px;}
.total-add-box .tag-box .tag-content li a{font-size:24px; padding: 8px 24px; border-radius:48px;}

.comment-box{padding:40px 40px 120px; margin-bottom:40px; margin-top:40px;}
.comment-write-area{width:100%; display:block;}
.comment-write-area strong{font-size:28px; width:100%; display:block; margin-bottom:30px;}
.comment-write-area div.write-area{width:100%; display:block;}
.comment-write-area div.write-area  .write-new-con div{float:none;}
.comment-write-area div.write-area  .write-new-con div:nth-child(1){width:100%;}
.comment-write-area div.write-area .write-new-con:after{clear:both; height:0; display:block; content:'';}
.comment-write-area div.write-area .write-new-con div:nth-child(2){width:120px; margin-top:20px; float:right;}
.comment-write-area div.write-area .write-new-con textarea{height:200px;}
.comment-write-area div.write-area .write-new-con button{font-size: 28px; width: 120px; line-height: 60px; height: 60px;}

.comment-list-area{margin-top:70px;}
.comment-list-area li.comment-list{width:100%; display:table; padding:30px 0 40px; border-bottom:2px solid #ddd;}
.comment-list-area li.comment-list div.comment-name{width:138px;}
.comment-list-area li.comment-list div.comment-name strong{font-size:28px;}
.comment-list-area li.comment-list div.comment-content{width:clac(100% - 138px);}
.comment-list-area li.comment-list div.comment-content .comment-txt{font-size:27px; margin-bottom:10px;}
.comment-list-area li.comment-list div.comment-content .comment-data{font-size:22px;}
.comment-list-area li.comment-list div.comment-content .comment-delete-btn{font-size:26px;}

.satisfaction-content{margin-top:80px; border:10px solid #e8ecf0; box-sizing:border-box;}
.satisfaction-content:after{clear:both; content:''; display:block; height:0;}
.satisfaction-content .satisfaction-title{float:none; display:block; height:155px; background:#f3f4f8;}
.satisfaction-content .satisfaction-title p{display:inline-block; vertical-align:middle;}
.satisfaction-content .satisfaction-title p i{width:155px; height:155px; background-size:155px; display:inline-block;}
.satisfaction-content .satisfaction-title p:nth-child(2){font-size:32px; margin-left:80px;} 
.satisfaction-content .satisfaction-btn-area{float:none; display:block; height:auto; line-height:normal; padding:70px 0;}
.satisfaction-content .satisfaction-btn-area .satisfaction-btn-content li{display:inline-block; margin-right:0; width:32%; text-align:center;}
.satisfaction-content .satisfaction-btn-area .satisfaction-btn-content li:nth-child(3){margin-right:0;}
.satisfaction-content .satisfaction-btn-area .satisfaction-btn-content li:nth-child(4){margin-right:0; width:100%; margin-top:50px;}
.satisfaction-content .satisfaction-btn-area .satisfaction-btn-content li:nth-child(4) a{padding:20px 40px; font-size:28px;}

/*페이지일 때*/
.total-box-size-type .codeView{padding-top:40px;}
.total-box-size-type .codeView p{ margin-right:20px;}
.total-box-size-type .codeView img{max-width:none;}
.total-box-size-type .codeView .txt{display:inline-block; vertical-align: top;}

/*댓글 사용자 인증*/
.user-inp-box{margin-bottom:20px;}
.user-inp-box input{font-size:26px; width:200px; height:50px; padding-left:20px;}

.user-delete-btn-box{margin-top:20px;}
.user-delete-btn-box p{font-size:26px;}
.user-delete-btn-box input{height:50px; padding-left:20px;}
.user-delete-btn-box button.user-cancel-btn{font-size:26px; width:100px; height:54px;}
.user-delete-btn-box button.user-confirm-btn{font-size:26px; width:100px; height:54px;}

/*박물관소개 > 인사말*/
.m-full-content{padding:0; margin:0;}
.greetings-cont{ margin:0 auto 0 auto; padding:0;}
.greetings-visual{min-height:420px; }
.greetings-visual .inner-greetings-visual{padding:0 40px 40px 40px;}
.greetings-visual button.btn-play{width:65px; height:65px; background-size:65px;} 
.greetings-visual button.btn-play:hover{background:url(/images/common/btn/btn_greet_play_on.png) no-repeat; background-size:65px;}
.greetings-visual:before{min-height:50%}
.greeting-txt-box{padding:100px 40px 0 40px;}
.greeting-txt-box .l-box{width:100%; float:none; padding-right:0;}
.greeting-txt-box .l-box .b{font-size:50px;}
.greeting-txt-box .l-box > strong{margin-bottom:50px; font-size:105px;}
.greeting-txt-box .l-box > .line-txt{padding-left:40px; font-size:32px;}
.greeting-txt-box .l-box > .line-txt:before{width:2px; height:120px; position: absolute; top:5px; left:0; }
.greeting-txt-box .r-box{width:100%; float:none; padding-top:80px; margin-top:80px}
.greeting-txt-box .r-box:before{width:110px; height:10px;}
.greeting-txt-box .r-box p{margin-bottom:50px; font-size:28px; line-height:42px;}

/*박물관소개 > 조직 및 업무*/
.m-org-content{margin-bottom:0; background:#e8ecf0;}
.org-cont{background: #fff;}
.org-cont .org-box-type {padding-top:50px}
.org-cont .page-search-type1{float:none; margin:0 auto}
.org-cont .org-box-type .l-section {display:block; width:100%; padding:90px 0; }
.org-cont .org-box-type .l-section .inner-l-section{margin:0 auto}
.org-cont .org-box-type .r-section{display:block; width:100%; padding:70px 30px;}
.organization-right-title{display: block; margin-top:70px;}
.organization-right-title>li:first-child{font-size: 38px; width:100%;display:block; margin-bottom:0;}
.organization-right-title>li:last-child{width:100%;}

.org-cont .org-box-type .l-section .inner-l-section .item-3{right:35px;}
.org-cont .org-box-type .l-section .inner-l-section .item-2{left:35px;}


.organization-right-list>li{display: table; margin-bottom: 13px; position: relative;}
.organization-right-list>li>strong{padding-left:15px;font-family:'notokr-regular'; display: table-cell; font-weight: normal; font-size: 18px; color: #555555 }
.organization-right-list>li::before{width:5px; height:5px; position: absolute; top: 10px; vertical-align: middle;  background: #000000; content: ''; display: table-cell;}
.pd-left{text-align: left;}
.organ-list>li{text-align: left;  padding-left: 8px; margin-bottom: 8px; color:#555555; font-size:16px; font-family:'notokr-DemiLight'; position: relative; }
.organ-list>li::before{width: 2px; height: 2px; background: #000000; content: '';display:inline-block; vertical-align: middle; position: absolute; top:17px; left:0 }

.table-area.table-set-type01 .tbl-type1 td[data-header] span{color:#000; font-family: 'notokr-medium';}


/*자주묻는질문*/
.faq-list{border-top:4px solid #000}
.faq-list > li > a{display:flex; flex: 1;padding:15px 0; align-items: center;}
.faq-list .item-ico{width:120px; padding:0 10px;} 
.faq-list .item-ico > span{padding:14px 21px;font-size:38px;}
.faq-list .subject{width: calc(100% - 210px); font-size:28px; line-height:50px;} 
.faq-list .ico-arrow-type{width:90px; height:28px; background: url(/images/common/ico/ico_arrow_open.png) center no-repeat; background-size:28px;} 
.faq-list .answer-content{width: calc(100% - 118px); padding:25px 90px 50px 28px;}
.faq-list .answer-content > div{display: block;}
.faq-list .answer-content .answer-txt{margin-left:0; margin-top:10px;font-size:28px; line-height:48px}
.faq-list li a.item-anchor.on {padding:30px 0}
.faq-list li a.item-anchor.on .subject{font-size:36px; color:#000;font-family: 'notokr-medium';}

/*전시 소장품*/
.exhibition-card-list{margin-top:50px;}
.card-list-type1.collection-list.exhibition-card-list > li{margin-bottom:30px;float:none; display:table;} 
.card-list-type1.exhibition-card-list > li .info-area{display:table-cell; width: calc(100% - 220px); vertical-align: middle;; padding-left:40px; box-sizing: border-box;}
.card-list-type1.exhibition-card-list > li .info-area > .info-subject{font-size:30px; margin-bottom:0; height:auto }
.card-list-type1.exhibition-card-list > li .info-area.collection-area p{margin-bottom:10px; margin-top:0}
.card-list-type1.exhibition-card-list > li .img-box{position: relative; display:table-cell; width:220px; padding-right:0; vertical-align:top; box-sizing: border-box;}

.card-list-type1 > li .info-area > .info-type{margin-top:40px;}
.card-list-type1 > li .info-area > .info-type li{margin-bottom:15px;}
.card-list-type1 > li .info-area > .info-type li > strong{width:85px;font-size:28px;}
.card-list-type1 > li .info-area > .info-type li > p{width: calc(100% - 85px); font-size:30px;}

.card-list-type1 > li .exhibition-area{position: relative;}
.card-list-type1 > li .exhibition-area > a.subject-t{width: calc(100% - 120px)}
.card-list-type1 > li .exhibition-area > .m-vr{display:block; position: absolute; top:0; right:0}
.card-list-type1 > li .exhibition-area > .m-vr .m-vr-btn{padding:15px 31px; font-size:44px; font-family: 'notokr-medium';}


/*교육*/
.edu-label > span{ min-width:90px;padding:10px; font-size:24px;}
.card-list-type1 > li .info-area > .info-type.type2 li > strong{width:130px;}
.card-list-type1 > li .info-area > .info-type.type2 li > p{width: calc(100% - 130px);}

.board-view-type4 .view-body{border-bottom:1px solid #cccccc; padding-bottom: 85px;    display: flex; flex-direction: column;}
.board-view-type4 .view-body .l-img-area{float:none; width:100%; }
.board-view-type4 .view-body .l-img-area > div img{max-width:100%; max-height:100%;}
.board-view-type4 .view-body .r-txt-area{float:none; width:100%; padding-left:0; order:-1}
.board-view-type4 .view-body .r-txt-area .m-img{display:block}
.board-view-type4 .view-body .r-txt-area .m-img img{max-width:100%;}
.board-view-type4 .view-body .l-img-area .img{display:none}
.board-view-type4 .view-body .r-txt-area .tit{padding:50px 0; margin-top:60px}
.board-view-type4 .view-body .r-txt-area .tit > strong{font-size:60px;}
.board-view-type4 .view-body .r-txt-area .view-info-area{padding:0 0 60px 0;}
.board-view-type4 .view-body .r-txt-area .view-info-type1{padding:40px 20px;}
.board-view-type4 .view-body .r-txt-area .view-info-type1 li{margin-bottom:25px}
.board-view-type4 .view-body .r-txt-area .view-info-type1 li strong{width:180px;font-size:26px;}
.board-view-type4 .view-body .r-txt-area .view-info-type1 li p{width: calc(100% - 180px);font-size:28px;}
.board-view-type4 .view-body .view-files{padding:0 20px;}
.board-view-type4 .view-body .view-files li{margin-bottom:30px;}
.board-view-type4 .view-body .view-files li > a, .board-view-type3 .view-body .view-files li > a{font-size:26px;}
.board-view-type4 .view-body .view-files li i, .board-view-type3 .view-body .view-files li i{width:35px; height:35px; padding-right:15px; background: url(/images/common/btn/btn_donwload.png) center no-repeat; background-size:35px;}
.board-view-type4 .view-body .view-files li span, .board-view-type3 .view-body .view-files li span{display:table-cell; width: calc(100% - 50px)}
.board-view-type4 .view-body .chapter-area{ margin-top:60px; }
.board-view-type4 .view-body .btn-item{margin:70px 0; text-align:center;}
.board-view-type4 .view-body .btn-item a{padding:27px 0; min-width:100%; font-size:44px; }
.board-view-type4 .view-body .btn-item a svg, .board-view-type4 .view-body .btn-item a img{width:58px; height:58px; margin-right:25px;}
.board-view-type4 .view-body .btn-item a span{line-height:58px;}
.board-view-type4 .view-body .view-body-content{margin:0; padding-top:90px; }
.board-view-type4 .view-body .view-body-content:before{position: absolute; top:0; left:0; width:120px; height:7px; ;}
.board-view-type4 .view-body .view-body-content .summary{font-size:34px;}
.board-view-type4 .view-body .view-body-content .detail-cnt{margin-top:45px;font-size:28px; }
.board-view-type4 .view-body .view-body-content .detail-cnt > li > strong{font-size:32px;}
.board-view-type4 .view-body .view-body-content .detail-cnt > li > ul{margin-top:35px;}

/*교육 edit*/
.edu-new-box-content{padding:0 40px; box-sizing:border-box; margin-bottom:60px; }
.content-title.edu-title.edu-left-content-title{width:100%;}
.content-title.edu-title{width:100%; box-sizing: border-box; padding:0;}
span.edu-kind{font-size:30px; margin-right:0px; margin-top:0; margin-bottom:40px; padding:10px 46px; border-radius: 6px; float:none; display:inline-block}
.edu-picture{margin-top:90px;}
.edu-picture .booker-info{margin-bottom:0; padding-bottom:60px; border-bottom:2px solid #cccccc;}

/*교육*/
/*완료*/
.comp-title p:nth-child(2) span.edu-span{font-size:36px;}
.comp-info li.edu-bottom{padding-bottom:60px;}
.comp-info li.edu-top{padding-top:60px;}

/*교육자료*/
.pagenation.edu-pagenation{margin-top:0; padding-bottom:300px;}
.board-list-header.edu-list-header{padding:0 40px; box-sizing: border-box;}
.board-list-header.edu-list-header .page-search-type1{width:100%;}
.edu-data-area{padding-bottom:20px; border-bottom:0}
.edu-data-area li.edu-data-list{float:none; width:100%; min-height:auto; margin-right:0; margin-bottom:60px; border:20px solid #e8ecf0}
.edu-data-area li.edu-data-list .edu-top{padding:90px 70px 90px 70px;}
.edu-top p.edu-data-kinds{font-size:28px; padding:10px 30px;  border-radius: 6px;}
.edu-top .edu-data-title{font-size:48px; margin-top:30px; }
.edu-top .edu-data-day{display:table; width:100%; margin-top:70px;}
.edu-top .edu-data-day p:nth-child(1){width:160px; font-size:28px;}
.edu-top .edu-data-day p:nth-child(2){width:calc(100% - 160px); font-size:28px;}
.edu-data-fill{min-height:260px; background:#fafafa; padding:60px 60px 60px 60px; box-sizing: border-box;}
.edu-data-fill li{margin-bottom:20px;}
.edu-data-fill li a{font-size:26px; }
.edu-data-fill li a i{width:35px; height:35px; margin-right:20px; background-size:35px;}

/*기증안내*/
.endowment-img{width:100%; height:940px; padding-top:80px; box-sizing: border-box; background:url('/images/common/bg/bg_endowment.jpg') center no-repeat; background-size: cover;}
.endowment-img .txt-area{text-align:center; }
.endowment-img .txt-area > strong{font-size:46px}
.endowment-img .txt-area > .lg-txt{padding-bottom:40px; margin:30px 0 40px 0; font-size:58px;line-height:70px; }
.endowment-img .txt-area > .lg-txt:before{margin-left:-40px; width:80px; height:6px; }
.endowment-img .txt-area > .sm-txt{font-size:34px; line-height:56px;}
.endowment-img .txt-area .br{display:block;}
.endowment-info{padding:90px 0 0 0}
.endowment-info > ul{}
.endowment-info > ul > li{display:block; margin-bottom:70px;}
.endowment-info > ul li > strong{width:100%; display:block;font-size:36px;}
.endowment-info > ul li > .info-txt{width: 100%; display:block;font-size:28px; margin-top:30px; }
.endowment-info > ul li > .info-txt .m-img{display:block; text-align:center; margin:0 auto}
.endowment-info > ul li > .info-txt .pc-img{display:none}
.endowment-info > ul li > .info-txt ul li{ margin-bottom:12px}
.endowment-info > ul li > .info-txt ul li:before{top:17px; left:0;}

/*개인정보처리방침*/
.terms-content-area{padding:70px 40px; font-size:28px;}
.terms-content-area > h3{font-size:48px;}
.terms-content-area > .tit-txt{line-height:42px; }
.terms-content-area > .terms-list > li{margin-top:70px; }
.terms-content-area > .terms-list > li > strong{margin-bottom:30px;font-size:38px;}
.terms-content-area > .terms-list > li > ol li{line-height:42px}
.terms-content-area .use-tbl{width:100%; margin-top:60px;}
.terms-content-area > .terms-list > li > ul > li{margin-top:50px;}
.terms-content-area > .terms-list > li > ul > li strong{font-size:30px;}
.terms-content-area > .terms-list > li > ul > li > ul li{margin-top:25px; font-size:26px;}

/*층별안내*/
.floor-content {display:block;}
.floor-content .l-section{display:none}
.floor-content .r-section .m-floor{display:block;}
.floor-content .r-section{width:100%; border-left:10px solid #e8ecf0;  border-right:10px solid #e8ecf0; box-sizing: border-box;}
.floor-content .r-section .floor-tab-cont .floor-item {display:block; border:10px solid #e8ecf0;box-sizing: border-box; }
.floor-content .r-section .floor-tab-cont .floor-item img{max-width:100%; width:100%;}
.floor-content .r-section .floor-tab-cont .floor-item img.m-floor{display:block; margin:0 auto;}
.floor-content .r-section .floor-tab-cont .floor-item img.pc-floor{display:none}

/* 히든페이지 */
.full-content.qr-content{margin-top:100px;}
.tab-type01.qr-tab-type{top:0; max-width: 89vw;}
.tab-type01.qr-tab-type li{width:25%;}
.tab-type01.qr-tab-type li a{width:100%;}
.tab-type01.qr-tab-type li{border:1px solid #858484;}
.tab-type01.qr-tab-type li:nth-child(1), .tab-type01.qr-tab-type li:nth-child(2), .tab-type01.qr-tab-type li:nth-child(3){border-right:0}
.qr-content-box{padding:120px 0 140px 0; border:20px solid #e8ecf0;}

.qr-tit{font-size:52px; line-height:74px; padding:0 40px;}
.qr-sub-tit{margin:60px auto 0 auto; padding:0 40px;}
.qr-sub-tit li.qr-sub-tit-name{padding-right:20px;}
.qr-sub-tit li.qr-sub-tit-name span{font-size:3.53vw; padding:6px 7vw; border-radius:50px;}
.qr-sub-tit li.qr-sub-tit-tit span{font-size:4.23vw; line-height:5.44vw;} 
.qr-tit-content{margin-top:90px; padding:0 40px;}
.qr-tit-content p.qr-tit-txt{font-size:28px; line-height:42px;}






}

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

/*통합검색*/
/*통합검색 형식 type1*/
.page-search-type1.total-search-type1 .btn-util-search{top:9px;}
.page-search-type1.total-search-type1{width:100%; border-radius:50px; border:2px solid #1d1d1b;}
.page-search-type1.total-search-type1 input[type="text"]{font-size:15px;}
.page-search-type1.total-search-type1 input::placeholder {font-size:15px;}
.totla-search-volume{font-size:17px; margin-top:30px;}

.tatal-search-content-box{margin-top:50px;}

.total-search-list-box{border:1px solid #858484;}
.total-search-list-box li{width:50%; border-bottom:1px solid #858484; box-sizing: border-box;}
.total-search-list-box li:nth-child(1){border-right:1px solid #858484; box-sizing: border-box;}
.total-search-list-box li:nth-child(3){border-right:1px solid #858484; box-sizing: border-box;}
.total-search-list-box li:nth-child(5){border-bottom:0; border-right:1px solid #858484; box-sizing: border-box;}
.total-search-list-box li a{display:block; padding:7px 0; font-size:16px;}
.total-search-list-box li a .total-search-list-num{font-size:13px;}

.total-search-area{padding-top:20px;}
.total-search-area-list{margin-top:40px;}
.total-search-area-title{font-size:23px; }
.total-search-area-num{font-size:15px;}

.total-box{margin-top:15px; border-top:2px solid #222;}

.total-type1 li{padding:30px 0 30px 0; border-bottom:1px solid #e5e5e5;}
.total-type1 li .total-type1-title{font-size:17px; margin-bottom:15px;}
.total-type1 li .total-type1-sub-txt{font-size:14px; line-height:19px; margin-bottom:15px; -webkit-line-clamp: 5;}
.total-type1 li .total-type1-nav{font-size:13px;}

.total-type2 li{float:none; width:100%; padding:30px 0; border-bottom:1px solid #ddd;}

.total-type2 li .total-type2-img-box{max-width:100px; width:100px}
.total-type2 li .total-type2-txt-box{padding-left:20px; padding-right:20px; padding-top:10px;}

.total-type3 li{float:left; width:50%; margin-right:0; padding:30px 1% 30px 0; border-bottom:1px solid #ddd;}
.total-type3 li:nth-child(2n-0){padding:30px 0 30px 1%; box-sizing: border-box;}
.total-type3-img-box img{width:100%; }
.total-type3-txt-box{margin-top:20px;}

.total-type2-title{font-size:17px; margin-bottom:15px; -webkit-line-clamp: 1;}
.total-type2-sub-txt{font-size:14px; margin-bottom:15px; line-height: 19px; -webkit-line-clamp: 3; }
.total-type2-nav{font-size:13px;}

.total-more-btn-box .total-more-btm{font-size:15px; padding:9px 23px;}
.total-more-btn-box .total-more-btm .total-more-ico{width:13px; height:7px; margin-left:25px; background-size:13px 7px;}

/*연혁 및 MI*/
.history-area{margin-top:90px;}
.top-mi-content{margin-bottom:80px;}
.top-l-con{margin-top:95px;}
.top-l-con svg{width:100%; max-width:220px;}
.top-l-con strong{font-size:51px; line-height:58px; margin-top:30px;}
.top-l-con p{font-size:15px; line-height:21px; margin-top:45px;}

/*박물관 연혁*/

.year-history-bg{padding:55px 30px 270px 15px; background: #e8ecf0 url('/images/common/bg/bg_history.png')no-repeat bottom; background-size: contain;}
.year-history-list-box{background: url('/images/common/bg/bg_history_line.jpg')repeat-y left 99px top; max-width:none; width:100%;}

.year-history-list{width:100%; margin-bottom:30px;}
.year-history-list-box:before{width:5px; height: 14px; content:''; top:0; left:97px;}
.year-history-list-box:after{width:5px; height:139px; content:''; bottom:-1px; left:97px;}

.l-year{ width:106px;}
.l-year-num{font-size:30px;}
.l-year-num::before{right: 0; width: 6px; height: 6px;}
.l-year-num::after{position: absolute; right: -27px; width: 20px; height: 1px;}
.l-year-txt{font-size:20px; }

.r-year{display:table-cell; vertical-align: middle; width:calc(100% - 106px);}
.r-year-top1{padding-top:8px}
.m-r-year-top1{padding-top:8px;}

.r-year-list{display:block; width:100%; padding-bottom:10px; padding-left:35px;}
.r-year-detail-l{display:block; width:100%; }
.r-year-detail-num{font-size:14px;}
.r-year-detail-r{display:block; width:100%;}
.r-year-detail-txt{font-size:14px; margin-top:5px;}


/*심볼*/
.mi-bg{padding:145px 0 95px 0;}
.mi-bg > div{padding:0 20px;}   
.tab-type01{max-width:92vw; top:45px;}
.tab-type01 li a{width:100%; font-size:16px; padding:11px 0;}
.symbol-r{padding-left:0; margin-top:44px;}
.symbol-r strong{font-size:21px;}
.symbol-r > p:nth-child(2){font-size:14px; line-height:21px; margin-top:20px; padding-bottom:30px; border-bottom:1px solid #ddd;}
.symbol-r ul{margin-top:25px;}
.symbol-r ul > li:nth-child(1){width:68px;}
.symbol-r ul > li:nth-child(2) p{font-size:15px; line-height:16px; padding-left:20px;}
/*MI 컬러변화*/
.mi-tab1.color-change{padding-top:45px 0 50px 0; }
.change-top{ margin-bottom:40px;}
.change-top > li:nth-child(1){font-size:21px; margin-bottom:20px;}
.change-top > li:nth-child(2){font-size:16px ; line-height:25px}
.change-bottom{padding:26px 20px 48px 20px;}
.bottom-sub-title{font-size:20px;}
.sub-txt-bottom{margin-bottom:40px;}
.change-bottom > ul:nth-child(1){padding-bottom:40px;}
.sub-txt-bottom2{margin:40px 0 27px 0;}
/*MI 로고타입*/
.change-top.logo-type-top{margin-bottom:40px;}
.mi-logo-type-box{padding:45px 20px 60px 20px;}
.mi-logo-type-box li{margin-bottom:50px;}
.mi-logo-type-box li p{width:74px; font-size:14px;}
.mi-logo-type-box li div{display:table-cell; width:calc(100% - 74px); }
/*전용색상*/
.change-top.system-type-top{margin-bottom:40px;}
.private-box{padding:40px 20px;}
.private-box li:nth-child(3){ margin-top:20px;}
.private-box li p{font-size:16px; width:95px;}
.private-box li div{width:calc(100% - 95px);}
/*금지규정*/
.rule-box{padding:55px 20px 60px 20px;}
.rule-box li:nth-child(1){ padding:0px 20px 30px 5px; }
.rule-box li:nth-child(2){ padding: 30px 25px 30px 5px;}
.rule-box li:nth-child(3){ padding:35px 10px 37px 5px;}
.rule-box li:nth-child(4){ padding:30px 14px 30px 0;}
.rule-box li:nth-child(5){ padding:30px 0 0 0; width:40%}

/*연혁*/
.history-box{margin:50px 0 0 0;}
.history-bg{width:100%; padding:30px 0 100px 0; min-height:600px}
.history-list-box > li > div:nth-child(2){width:50%; padding-left:20px; box-sizing: border-box;}

/*텍스트가 오른쪽일 떄 (홀수)*/
.history-list-box > li{margin-bottom:25px; padding:0 20px;}
.history-list-box > li > div.history-txt-box{padding-right:15px;}
.history-list-box > li > .history-img-box .inner-img-box img{border:3px solid #202020;  box-sizing: border-box;}
.history-list-box > li > .history-img-box .inner-img-box:before{position: absolute; top:50%; transform: translate(-50%, -50%); left:-20px; width:6px; height:6px;}
.history-list-box > li > .history-img-box .inner-img-box:after{position: absolute; top:50%; transform: translate(-50%, -50%); left:-10px; width:20px; height:2px;}

/*텍스트가 오른쪽일 떄 (짝수)*/
.history-list-box > li:nth-child(even){display:table; width:100%; padding:0 20px; box-sizing: border-box; margin-bottom:25px;}
.history-list-box > li:nth-child(even) > div.history-txt-box{display:table-cell; text-align:left; vertical-align:middle; padding-left:15px;}
.history-list-box > li:nth-child(even) > div.history-img-box{padding-right:20px;}
.history-list-box > li:nth-child(even) > .history-img-box .inner-img-box img{border:3px solid #202020;  box-sizing: border-box;}
.history-list-box > li:nth-child(even) > .history-img-box .inner-img-box:before{position: absolute; top:50%; transform: translate(-50%, -50%); left:auto; right:-26px; width:6px; height:6px;}
.history-list-box > li:nth-child(even) > .history-img-box .inner-img-box:after{position: absolute; top:50%; transform: translate(-50%, -50%); left:auto; right:-29px; width:20px; height:2px;}

/*20220412 수정*/
.history-list-box li.history-list:nth-child(4) .history-img-box.new-history-img-box{padding-top:2.5vw;}
/*20230725 수정*/
.history-list-box > li > .history-img-box .inner-img-box iframe{height:25vw; border: 3px solid #202020;}

.history-txt-box > div{margin-bottom:3.91vw;}
.year-txt span{font-size:3.2vw;}
.history-list-box > li:nth-child(even) .year-txt span{padding-left:2px;}
.history-list-box > li:nth-child(odd) .year-txt span{padding-right:2px;}
.year-sub-txt{font-size:2.3vw;padding-top:5px;}
.history-list-box > li:nth-child(even) .year-txt{font-size:6.17vw; padding-right:1vw; width:15vw;}
.history-list-box > li:nth-child(odd) .year-txt{font-size:6.17vw; padding-left:1vw; width:15vw;}
.year-sub-txt{width:calc(100% - 15vw);}

.history-list-box > li:nth-child(odd) .history-img-txt{font-size:2.3vw; margin-top:1.51vw;}
.history-list-box > li:nth-child(even) .history-img-txt{font-size:2.3vw; margin-top:1.51vw;}

/*height 사이즈*/
.history-list-box li.history-list:nth-child(2){height:40vw;}
.history-list-box li.history-list:nth-child(3){height:64vw;}
.history-list-box li.history-list:nth-child(4){height:47vw;}

/*소장품*/
.inner-img-body{margin-top:25px;}
.detail-check-box{margin-bottom:10px; padding-top:30px;}
.board-list-header.collection-list-header{margin-bottom:20px;}

.detail-area .btn-detail-open{font-size:15px; margin-right:0; padding-top:30px;}
.detail-area .btn-detail-open > i { width:23px; height:23px; margin-left:10px; background-size:23px;}

.detail-box{padding:30px 20px; border:5px solid #e8ecf0;}
.btn-detail-close{font-size:15px;padding-top:20px;}
.btn-detail-close > i { width:23px; height:23px; margin-left:10px; background-size:23px;}
.check-list{margin-bottom:20px;}
.check-title{font-size:20px; padding-bottom:10px; border-bottom:1px solid #ddd; width:100%;}
.check-title:before{width:53px; height:2px; bottom:-2px; left:0;}
.check-sub-list{padding-top:25px;}
.check-sub-list li{margin-bottom:20px; width:30%;}

.card-list-type1.collection-list > li{width:100%; margin-right:0; margin-bottom:60px; padding-bottom:0} 
.card-list-type1 > li .info-area.collection-area p{font-size:15px; margin-top:20px; margin-bottom:5px;}
.card-list-type1 > li .img-box{padding-right:0}
.card-list-type1 > li .info-area > a{font-size:19px; margin-bottom:0;}


/*소장품 view*/
.collection-pop .pop-btn-box .pop-btn-area{width:325px; padding:18px 0;  top:86%; left:50%; transform: translate(-50%, -50%); border-radius: 33px;}
.collection-pop .pop-btn-box .pop-btn-area a{margin-right:45px;}
.collection-pop .pop-btn-box .pop-btn-area a.pop-reduction{width:27px; height:27px; background-size:27px;}
.collection-pop .pop-btn-box .pop-btn-area a.pop-zoom{width:27px; height:27px; background-size:27px;}
.collection-pop .pop-btn-box .pop-btn-area a.pop-down{width:27px; height:27px; background-size:27px;}
.collection-pop .pop-btn-box .pop-btn-area a.pop-close{width:22px; height:22px; background-size:22px;}

.board-view-type2 .view-body.collection-view-body {padding-bottom:55px;}
.view-body.collection-view-body .top-img-box .small-size-swiper-img ul{height:34px;}
.view-body.collection-view-body .top-img-box .big-size-swiper-img ul li {height:193px;}
.view-body.collection-view-body .top-img-box .big-size-swiper-img ul li div {height: 193px;}
.view-body.collection-view-body .top-img-box .small-size-swiper-img {margin-top:15px;}

.view-body.collection-view-body .top-img-box .small-size-swiper-img ul li {margin-bottom:0; margin-right:5px; width:50px; height:34px;}
.view-body.collection-view-body .top-img-box .collection-btn-box {margin-top:30px;}
.view-body.collection-view-body .top-img-box .collection-btn-box a {font-size:15px; margin-right:28px;}
.view-body.collection-view-body .top-img-box .small-size-swiper-img ul li a.on::before{width: 50px; height: 34px; border: 1px solid #f3705a;}

.view-body.collection-view-body .top-img-box .collection-btn-box a i {width:24px; height:24px; margin-right:10px;}
.view-body.collection-view-body .top-img-box .collection-btn-box a.bigsize-view i {background-size:24px;}
.view-body.collection-view-body .top-img-box .collection-btn-box a.download-view i {background-size:24px;}
.view-body.collection-view-body .bottom-txt-box {padding:65px 0 0 0px;}

.view-body.collection-view-body .bottom-txt-box > div.l-txt-info strong {font-size:30px; margin-bottom:30px;}
.view-body.collection-view-body .bottom-txt-box > div.l-txt-info p.l-txt-desc {font-size:17px; line-height:27px; padding-top:30px; padding:30px 8px 0 8px;}

.view-body.collection-view-body .bottom-txt-box > div.r-txt-info {padding-top:80px;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter {border-top:1px solid #000;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul {padding:35px 0 35px 25px;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul > li {margin-bottom:35px;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul > li > p {font-size:14px; width:75px;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul > li > ul {width:calc(100% - 75px);}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul > li > ul > li {font-size:15px; margin-right:18px;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .txt-filter > ul > li > ul > li:before {left:-13px;}

.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .kogl-box {margin-top:60px; padding-left:5px;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .kogl-box div {width:224px;}
.view-body.collection-view-body .bottom-txt-box > div.r-txt-info .kogl-box p {font-size:14px; line-height:19px; margin-top:20px;}


/*관람 안내*/
/*예약*/
.preview-content { margin-top:60px;}
.preview-visual { min-height:405px; position: relative;}
.preview-visual:before { width: 100%; min-height: 620px;}
.inner-preview { padding:0 20px;}
.top-preview-box > div{padding:30px 10px 20px 10px; border:5px solid #e8ecf0;}
.top-preview-box > div.bg-reservation:after{bottom:-280px;}
.top-preview-box > div > .reservation-title{font-size:26px; min-height:auto;}
.top-preview-box > div > .reservation-txt{font-size:15px; margin-top:15px}
.top-preview-box > div > .reservation-img{width:86px; margin:40px auto 0 auto}
.top-preview-box > div > .reservation-btn{font-size:15px; margin-top:40px; padding:8px 18px; }
.bot-preview-box{margin-top:60px; padding-bottom:100px;}
.bot-preview-box strong{font-size:21px; margin-bottom:25px;}
.bot-preview-box ul li{font-size:15px; line-height:26px; padding-left:10px; margin-bottom:10px;}
.bot-preview-box ul li:before{width:4px; height:4px; top:11px;}


/*안내*/
.full-content.reser-content{margin:55px auto 0 auto;}
.l-reser{display: block; padding:40px 20px 60px 20px; width:100%; border:10px solid #e8ecf0;}
.l-reser .l-reser-list > li{padding-bottom:40px; margin-bottom:35px; border-bottom:1px solid #ddd; width:100%;}
.l-reser .l-reser-list > li .l-reser-title strong{font-size:21px; margin-bottom:25px;}
.l-reser .l-reser-list > li .l-reser-txt{width:100%; margin-left:10px;}
.l-reser .l-reser-list > li .l-reser-txt strong.clock-info{ font-size:33px; margin-bottom:15px}
.l-reser .l-reser-list > li .reser-info{font-size:16px; padding-left:14px; margin-top:10px;}
.l-reser .l-reser-list > li .reser-info:before{width:4px; height:4px; top:9px; left:0; }
.l-reser .l-reser-list > li .reser-btn{margin-top:30px}

.l-reser .l-reser-list > li .l-reser-txt strong.calendar-info{font-size:18px;}
.l-reser .l-reser-list > li .l-reser-txt strong.money-info{font-size:18px;}
.l-reser .l-reser-list > li  strong.reser-clock i{width:48px; height:48px; margin-right:10px;  background-size:48px; }
.l-reser .l-reser-list > li  strong.reser-calendar i{width:48px; height:48px; margin-right:10px; background-size:48px; }
.l-reser .l-reser-list > li  strong.reser-money i{width:48px; height:48px; margin-right:10px; background-size:48px;}
.l-reser .l-reser-list > li  strong.reser-parking i{width:48px; height:48px; margin-right:10px; background-size:48px;}

.r-reser{display: block; padding:40px 20px 100px 20px;  width:100%;}
.r-reser strong.note-title{font-size:21px; margin-bottom:25px;}
.r-reser ul.reser-txt-list li{font-size:16px; line-height:26px;}
.r-reser .note-txt{font-size:15px; margin-bottom:5px;}
.r-reser .note-top{margin-top:35px;}


/*완료*/
.content-title{font-size:26px; margin-bottom:25px;}
.l-reser.l-comp{padding:45px 20px 60px 20px;}
.comp-title p:nth-child(1){width:78px; padding-right:20px;}
/* .comp-title p i{width:78px; height:78px; margin-right:20px; background-size:78px; } */
.comp-title p:nth-child(2){display:table-cell; width:calc(100% - 78px);font-size:29px;}

.comp-info{margin-top:25px; padding:30px 20px 30px 20px; }
.comp-info li{width:100%; display:table; margin-bottom:15px;}
.comp-info li strong{font-size:15px; width:90px;}
.comp-info li p{font-size:15px;width:calc(100% - 90px);}
.comp-info li > div{width:calc(100% - 90px);}
.reser-btn2{margin-top:30px;}
.reser-btn2 a:nth-child(1){margin-right:5px;}

.r-reser.r-reser2{padding:60px 20px 70px 20px;}
.r-reser.r-reser2 strong{font-size:21px; margin-bottom:25px;}
.r-reser.r-reser2 ul li{font-size:15px; line-height:26px; margin-bottom:10px; padding-left:14px;}
.r-reser.r-reser2 ul li:before{width:4px; height:4px; top:11px; left:0;}

.m-full-content.new-reser{margin-bottom:100px;}


/*조회 취소*/
.comp-info.lookup-info{padding:30px 20px 30px 20px;}
.comp-info.lookup-info li strong{width:70px;}
.comp-info li strong.lookup_txt{font-size:15px;}
.btn-sns-box a{font-size:15px; height:92px; padding:15px 5px;}
.btn-sns-box a.kaako{padding:15px 5px 15px 5px;}
.btn-sns-box a.naver{padding:19px 5px 15px 5px;}
.btn-sns-box a.phone{padding:15px 5px 15px 5px;}
.btn-sns-box a:last-child{margin-right:0px;}
a.kaako i{width:21px; height:19px;  margin:0 auto 8px auto; display:block; background-size:21px 19px; }
a.naver i{width:18px; height:16px;  margin:0 auto 8px auto; display:block; background-size:18px 16px; }
a.phone i{width:13px; height:21px;  margin:0 auto 8px auto; display:block; background-size:13px 21px; }

.lookup-top{padding-top:34px;}


.popupbox-inner{padding:0 10px; box-sizing:border-box;}
.popupbox-content{padding:25px 20px 20px; border:5px solid #e8ecf0; background:#fff; max-width:348px;}
.popuptxt img{width:70px; margin-right:15px;}
.popuptxt p{width:calc(100% - 85px); font-size:18px; line-height:23px;}
.popup-tel{font-size:16px; width:150px; padding:10px 0; margin:20px auto 0 auto;}
.popup-tel span{margin-right:10px;}
.popupboxclose{font-size:15px; padding:6px 23px; display:flex; margin:20px auto 0 auto;}


/*조회 취소2*/
.search-area li.search-list{border-bottom:10px solid #e8ecf0;}
.search-list div.l-search{width:100%; padding:45px 30px 40px 30px;}
.search-list div.l-search p{font-size:15px; width:83px; padding:5px 0; border-radius: 3px;}
.search-list div.l-search strong{font-size:24px; margin-top:15px;}
.search-list div.l-search a{margin-top:40px;}
.search-list div.r-search{width:100%; padding:40px 30px 48px 30px;}
.search-list div.r-search .r-search-list li{margin-bottom:15px;}
.search-list div.r-search .r-search-list li > strong{width:80px; font-size:15px; }
.search-list div.r-search .r-search-list li > p{width:calc(100% - 80px); font-size:15px;}

.search-list div.l-search.new-l-search{padding:45px 30px 40px 30px;}
.search-list div.l-search a.new-btn-type1{margin-top:40px;}


/*예약 인증 전 후*/ 
.l-reser.l-layout-reser{padding: 40px 20px 70px 20px;  }
.r-reser.r-layout-reser{padding: 40px 20px 60px 20px; border: 10px solid #e8ecf0;}
.top-title-area{padding:0 20px; margin-bottom:30px;}
.right-clock{float:none; font-size:15px; padding:10px 8px; border-radius: 18px; text-align: center;} 
.right-clock i{width:19px; height:19px; padding-right:12px; background-size:19px;}
.calendar-box{height:500px;}
.cal-content{margin-top :60px;}
.cal-content p{font-size:21px;}
.cal-content ul{margin-top:27px;}
.cal-content ul li{font-size:15px; padding-left:12px; margin-bottom:8px;}
.cal-content ul li::before{width:4px; height:4px; top:8px; left:0;}
.calendar-data{font-size:27px;}
.calendar-data > span{font-size:22px;}
.reser-caution{font-size:15px; margin-top:20px;}
.reser-caution span{width:28px;}
.reser-caution span i{width:28px; height:28px; background-size:28px;}
.reser-caution span:nth-child(2){display: table-cell; width:calc(100% - 28px); padding-left:12px;}
.select-list{margin-top:40px;}
.select-list > li{display:block; width:100%; margin-bottom:35px;}
.select-list > li > p{display:block; width:100%; font-size:15px; margin-bottom:10px;}
.select-list > li > div .data-list li{margin-bottom:10px;}
.select-list > li > div .data-list li button{font-size:15px; padding:7px 20px 7px 20px; }
.txt-con{font-size:15px; padding-left:10px;}
.select-list2{margin-top:40px;}
.inner-select{padding-bottom:40px; border-bottom:1px solid #ccc;}
.booker-txt{font-size:16px; margin-bottom:15px;}
.booker-list{margin-bottom:70px;}
.booker-list li{display:table; width:100%; margin-bottom:10px;}
.booker-list li p{display:table-cell; font-size:15px; width:60px}
.booker-list li p span{font-size:15px;}
.booker-list li div{display: table-cell; width:calc(100% - 60px);}
.booker-list li div span{font-size:15px;}
.booker-info{font-size:14px; margin-bottom:50px;}
.booker-sub-txt{font-size:15px; margin-bottom:14px;}
.booker-tbl{font-size:14px; margin-bottom:40px;}
.booker-tbl tr td{padding:10px 4px 10px 15px;}
.booker-tbl tr td:nth-child(2){padding:10px 4px 10px 10px;}
.booker-info-list li{font-size:15px; margin-bottom:10px; line-height:19px; padding-left:12px;}
.booker-info-list li::before{width:2px; height:2px;  top:9px; left:0;}
.booker-check-box{margin-top:20px;}
.reser-btn2.booker-btn{margin-top:30px;}


.phone-request-box{margin-top:30px;}
.phone-request-btn-box{padding-bottom:5px;}
.l-phone-requst-box{width:calc(100% - 100px);}
.r-phone-requst-box{width:100px; }
.phone-request-btn-box a.btn-sm{width:90px; font-size:14px; margin-left:10px; padding:7px 0; box-sizing:border-box;}


/*시설안내*/
/*편의시설*/
.r-reser.r-facil{width:100%; padding:60px 20px 70px 20px}


.facil-box li.facil-list{float:none; width:100%; padding:40px 20px 20px 20px; border:10px solid #e8ecf0;}
.facil-box li.facil-list:nth-child(1){border-right:10px solid #e8ecf0; border-bottom:5px solid #e8ecf0}
.facil-box li.facil-list:nth-child(2){border-left:10px solid #e8ecf0; border-bottom:5px solid #e8ecf0; border-top:5px solid #e8ecf0}
.facil-box li.facil-list:nth-child(3){border-right:10px solid #e8ecf0; border-top:5px solid #e8ecf0; border-bottom:5px solid #e8ecf0}
.facil-box li.facil-list:nth-child(4){border-left:10px solid #e8ecf0; border-top:5px solid #e8ecf0}


.facil-box li.facil-list strong{font-size:25px;}
.facil-box li.facil-list .facil-floor{margin-top:15px;}
.facil-box li.facil-list .facil-floor span:nth-child(1){font-size:15px; line-height:40px; margin-right:10px; width:40px; height:40px;  border-radius: 80px;}
.facil-box li.facil-list .facil-floor span:nth-child(2){font-size:15px; }

.facil-box li.facil-list .facil-phone{margin-top:13px;}
.facil-box li.facil-list .facil-phone span:nth-child(1) i{width:21px; height:42px; margin-right:10px; display: inline-block; background-size:21px 20px;}
.facil-box li.facil-list .facil-phone span:nth-child(2){font-size:15px; }

.facil-box li.facil-list .facil-img{margin-top:30px; width:100%}


/*오시는 길*/
.l-reser.l-come{width:100%; border:0; padding:0 0 70px 0;}
.r-reser.r-come{width:100%; padding:50px 20px 60px 20px; border:10px solid #e8ecf0; }

.come-img-txt{font-size:16px; line-height:24px; padding:35px 20px 35px 20px;}

.conme-btn a{font-size:16px; padding:10px 26px;}
.conme-btn a i{width:18px; height:24px; margin-left:15px; background-size: 18px 24px; }

.come-address{font-size:33px;}

.main-tell{margin-top:40px; padding-bottom:50px; border-bottom:1px solid #ddd;}
.c-main-title{font-size:21px; display: inline-block;}
.c-main-title i{width:48px; height:48px; margin-right:15px;}
.c-main-title.c-phone i{ background-size:48px;}
.c-main-title.c-subway i{ background-size:48px;}
.c-main-title.c-bus i{background-size:48px;}
.main-tell p{font-size:33px; margin-left:60px;}

.way-top-come{margin-top:50px;}
.way-top-come p{font-size:26px;}
.way-top-come strong{margin-top:30px;}
.way-top-come .way-root{margin-top:30px;}
.way-root ul{margin-top:20px;}
.way-root ul li{font-size:15px; line-height:27px; padding-left:30px; margin-bottom:10px;}
.way-root ul li::before{width:4px; height:4px; top:12px; left:15px; border-radius:10px;}



/*주요일정*/
.schedule-area{padding-top:10px;}
.schedule-area .sch-l{display:block; width:100%; padding:0 20px; }
.schedule-area .sch-l .calendar-box2{width:100%;}
.schedule-area .sch-r{padding:0 20px 0 20px; margin:60px 0 100px 0;}
.schedule-area .sch-r .schedule-top-data > div{position: absolute; top:9px;}
.schedule-area .sch-r .schedule-top-data .sch-top-title{font-size:26px;}

.schedule-area .sch-r .schedule-top-data .l-data-btn a{font-size:15px;}
.schedule-area .sch-r .schedule-top-data .l-data-btn a i{width:36px; height:18px; margin-right:0; background-size:36px 18px;}
.schedule-area .sch-r .schedule-top-data .r-data-btn a{font-size:15px;}
.schedule-area .sch-r .schedule-top-data .r-data-btn a i{width:36px; height:18px; margin-left:0; background-size:36px 18px;}
.schedule-area .sch-r .schedule-top-data .r-data-btn a span:nth-child(1){padding-top:15px;}
.schedule-area .sch-r .schedule-top-data .l-data-btn a span:nth-child(2){padding-top:15px;}
.schedule-list-area{margin-top:25px; padding-top:25px; border-top:2px solid #000;}
.schedule-list-area .schedule-list{padding:25px 0; border-bottom:1px solid #e5e5e5;}
.schedule-list-area .schedule-list:first-child{padding:0 0px 25px 0px;}
.schedule-list-area .schedule-list strong a{font-size:18px;} 
.schedule-list-area .schedule-list .sch-list-data{ padding-top:20px;}
.schedule-list-area .schedule-list .sch-list-data p:nth-child(1){width:40px; font-size:15px}
.schedule-list-area .schedule-list .sch-list-data p:nth-child(2){width:calc(100% - 40px); font-size:16px;}

/*주요일정 달력*/
.calendar-box2 .cla-data-num {margin-bottom:35px;}
.calendar-box2 .cla-data-num p { font-size:35px;}
.calendar-box2 .cla-data-num a.cal-prev-btn { width:25px; height:25px; left:25px; top:50%; transform:translateY(-50%); background-size:25px; }
.calendar-box2 .cla-data-num a.cal-next-btn { width:25px; height:25px; right:25px; top:50%; transform:translateY(-50%);background-size:25px; }

table.cal-design thead tr td{font-size:15px; padding:10px 0;}
table.cal-design tbody tr td a{font-size:18px; padding:15px 0;}


/*상설전시*/
.exh-content{display:block; width:100%;}/*margin-bottom:100px;*/

img.pc-exh-img{width:100%;}
img.btn-over-img{width:100%;}

/*모바일로 변경*/
.exh-content > div.m-exh-con-box{position:fixed; width:100%; height:100%; top:0; left:0; z-index:999;}
.m-exh-con-area{padding:0 20px; position: relative}
.exh-close-btn{position:absolute; top:20px; right:20px;}
.exh-close-btn i{width:22px; height:22px; background-size:22px}
.exh-list > .exh-list-title{padding:50px 0 30px 0; border-bottom:2px solid #000; height:142px;}
.exh-list > .exh-info{overflow-y: auto; height: calc(100% - 142px);}
.exh-list > .exh-list-title > p:nth-child(1){width:60px;}
.exh-list > .exh-list-title > p:nth-child(1) span{width:60px; height:60px; line-height:60px; font-size:38px}
.exh-list > .exh-list-title > p:nth-child(2){font-size:28px; padding-left:20px;}
.exh-list > .exh-info > .exh-info-area{display:block; width:100%; padding:15px 0 50px 0; border-bottom:0}
.exh-list > .exh-info > .exh-info-area .exh-info-txt{display:block; width:100%; padding:35px 0 0 0; box-sizing: border-box;}
.exh-list > .exh-info > .exh-info-area .exh-info-txt .exh-info-title{font-size:19px; margin-bottom:15px;}
.exh-list > .exh-info > .exh-info-area .exh-info-txt .exh-info-sub-txt{font-size:15px; line-height:21px;}




/*일반게시판 리스트 형식 type1*/
.board-list-header{margin-bottom:30px;}
.board-list-type1 .board-list-content .board-list-tbody{border-top:2px solid #000000}
.board-list-type1 .board-list-content .board-list-tbody > ul{display:block; padding:22px 0; border-bottom:1px solid #efefef;}
.board-list-type1 .board-list-content .board-list-tbody > ul:last-child{border-bottom:1px solid #ccc;}
.board-list-type1 .board-list-content .board-list-tbody > ul > li{font-size:14px;}
.board-list-type1 .board-list-content .board-list-tbody > ul > li.m-l{padding-right:12px; font-size:14px }
.board-list-type1 .board-list-content .board-list-tbody > ul > li > a{font-size:18px; line-height:27px; padding:7px 0}

/*pagenation*/
.pagenation{margin-top:30px}
.pagenation > a{margin-right:10px;}
.pagenation a img{width:15px; height:17px;}
.pagenation a.prev img, .pagenation a.next img{width:8px; height:16px;}
.pagenation ul{line-height:16px; margin:0 18px 0 8px}
.pagenation ul li a{width:32px; height:34px; line-height:34px; font-size:14px}

/*게시판 검색 형식 type1*/
.page-search-type1{width:80%;}
.page-search-type1 input[type="text"]{height:40px; line-height:40px}
.page-search-type1 .btn-util-search{position: absolute; top:10px; right:15px; width:20px; height:20px;}
.board-list-header .board-list-total{font-size:15px; margin-top:15px}

/*일반게시판 뷰 형식 type1*/
.board-view-type1 .subject{font-size:18px; }
.board-view-type1 .view-header{padding:20px 12px; margin-top:15px; border-top:2px solid #000; }
.board-view-type1 .view-header .view-info > li{ padding-bottom:15px;}
.board-view-type1 .view-header .view-info li > strong{width:70px; font-size:15px}
.board-view-type1 .view-header .view-info li > .txt{width: calc(100% - 70px);font-size:14px; line-height:20px;}
.board-view-type1 .view-header .view-info li .view-files li{margin-bottom:12px;}
.board-view-type1 .view-header .view-info li .view-files li > a{font-size:14px;}

.board-view-type1 .view-header .view-info li .view-files li i{width:17px; height:17px; margin-right:10px;background: url(/images/common/btn/btn_donwload.png) center no-repeat; background-size:17px;}
.board-view-type1 .view-header .view-info li .view-files li a > span{width: calc(100% - 27px); padding-left:10px; }
.board-view-type1 .view-body{padding:25px 0px;}

.view-foot{margin-top:30px;}
.view-foot a.btn-view{ font-size:15px;}
.view-foot .btn-view-prev{position: absolute; top:7px; left:0}
.view-foot .btn-view-next{position: absolute; top:7px; right:0}
.view-foot .btn-view-prev i{width:36px; height:19px; display:inline-block; margin-right:10px;  vertical-align: middle; content:""; background: url(/images/common/btn/btn_left_arrow.png) no-repeat;
background-size:36px 19px;}
.view-foot .btn-view-next i{width:36px; height:19px; display:inline-block; margin-left:10px;  vertical-align: middle; content:""; background: url(/images/common/btn/btn_right_arrow.png) no-repeat;
background-size:36px 19px;}

/*4개 이미지 list 게시판*/
.board-img-body-type1{border-top:2px solid #222222}
.img-list-type1{margin-top:25px;}
.img-list-type1 > li{padding-bottom:25px;margin-bottom:25px;}
.img-list-type1 > li .info-area{padding-bottom:15px;}
.img-list-type1 > li .info-area > a{font-size:19px; margin-bottom:13px;}
.img-list-type1 > li .info-area p{font-size:14px;}
.img-list-type1 > li .img-box{padding-right:15px}

/*이미지있는 게시판 뷰 형식 type1*/
.board-view-type2 .view-body{padding-bottom:45px}
.board-view-type2 .view-body .l-img-area{min-height:350px}
.board-view-type2 .view-body .l-img-area > div{padding:40px}
.board-view-type2 .view-body .l-img-area:before{min-height:150px;}
.board-view-type2 .view-body .r-txt-area{padding-top:40px;}
.board-view-type2 .view-body .r-txt-area .tit{padding:0 0 20px 0px;}
.board-view-type2 .view-body .r-txt-area .tit > strong{font-size:30px; margin-bottom:15px}
.board-view-type2 .view-body .r-txt-area .tit > p{font-size:16px;}
.board-view-type2 .view-body .r-txt-area .view-info-type1{padding:20px 10px;}
.board-view-type2 .view-body .r-txt-area .view-info-type1 li{margin-bottom:12px}
.board-view-type2 .view-body .r-txt-area .view-info-type1 li strong{width:90px;font-size:14px;}
.board-view-type2 .view-body .r-txt-area .view-info-type1 li p{width: calc(100% - 90px);font-size:15px;}
.board-view-type2 .view-body .view-files{padding:0 10px;}
.board-view-type2 .view-body .view-files li > a, .board-view-type3 .view-body .view-files li > a{font-size:14px;}
.board-view-type2 .view-body .view-files li i, .board-view-type3 .view-body .view-files li i{width:17px; height:17px; padding-right:10px; background: url(/images/common/btn/btn_donwload.png) center no-repeat; background-size:17px;}
.board-view-type2 .view-body .view-files li span, .board-view-type3 .view-body .view-files li span{display:table-cell; width: calc(100% - 27px)}
.board-view-type2 .view-body .view-files li span.files-new-name{font-size:15px;}
.board-view-type2 .view-body .chapter-area{ margin-top:30px; }
.board-view-type2 .view-body .chapter-area .btn-chapter{padding:0 10px 20px 10px; font-size:16px; background: url(/images/common/ico/ico_black_open.png) no-repeat 97% top; background-size:23px;}
.board-view-type2 .view-body .chapter-area .btn-chapter.active{background: url(/images/common/ico/ico_black_close.png) no-repeat 97% top; background-size:23px}
.board-view-type2 .view-body .chapter-area .chapter-info{padding:25px 10px;}
.board-view-type2 .view-body .chapter-area .chapter-info ul li{margin-bottom:8px; font-size:15px;}
.board-view-type2 .view-body .codeView .txt{margin-top:15px; font-size:14px;}
.board-view-type2 .view-body .codeView{padding:30px 10px 0 10px}

/*이미지있는 게시판 뷰 형식 type2*/
.board-view-type3{margin-top:40px}
.board-view-type3 .view-visual-area .swiper-btn a{display:inline-block; width:41px; height:36px;}
.board-view-type3 .view-visual-area .swiper-btn a:hover{height:36px}
.board-view-type3 .view-visual-area .view-btn-prev{ background:url('/images/common/btn/btn_left_bg_arrow.png')center no-repeat; background-size:41px 36px;}
.board-view-type3 .view-visual-area .view-btn-prev:hover{background:url('/images/common/btn/btn_left_hover_bg_arrow.png')center no-repeat; background-size:41px 36px;}
.board-view-type3 .view-visual-area .view-btn-next{background:url('/images/common/btn/btn_right_bg_arrow.png')center no-repeat; background-size:41px 36px;}
.board-view-type3 .view-visual-area .view-btn-next:hover{background:url('/images/common/btn/btn_right_hover_bg_arrow.png')center no-repeat; background-size:41px 36px;}
.board-view-type3 .view-txt-area .l-cont{padding:40px 0 0 0;}
.board-view-type3 .view-txt-area .alt-apply{margin-bottom:20px; padding:10px 7px 10px 15px}
.board-view-type3 .view-txt-area .alt-apply > li{font-size:16px; padding:0 12px}
.board-view-type3 .view-txt-area .alt-apply > li:before{display:block; content:""; width:1px; height:16px; background: #cccccc;
position: absolute; top:3px; left:0}
.board-view-type3 .view-txt-area .l-cont .subject{font-size:32px; line-height: 42px; padding-bottom:30px;}
.board-view-type3 .view-txt-area .l-cont .subject::after{width:40px; height:3px;}
.board-view-type3 .view-txt-area .l-cont .txt-box{font-size:17px; margin:30px 0}
.board-view-type3 .view-txt-area .l-cont .txt-box p{margin-bottom:30px}
.board-view-type3 .view-txt-area .r-cont{padding:80px 0 0 0;}
.board-view-type3 .view-txt-area .r-cont .inner-r-cont{padding-bottom:40px; }
.board-view-type3 .view-txt-area .r-cont .btn-vr{padding:15px 0; font-size:22px;}
.board-view-type3 .view-txt-area .r-cont .btn-vr i{width:27px; height:22px; padding-right:15px; background: url(/images/common/ico/ico_vr_1.png) center no-repeat; background-size:27px 22px;}
.board-view-type3 .view-txt-area .r-cont .info-txt{padding:30px 25px; margin:30px 0 30px 0;;}
.board-view-type3 .view-txt-area .r-cont .info-txt ul li{padding-bottom:15px;}
.board-view-type3 .view-txt-area .r-cont .info-txt ul li > strong{width:70px;font-size:14px; }
.board-view-type3 .view-txt-area .r-cont .info-txt ul li > p{width: calc(100% - 70px); font-size:16px;}
.board-view-type3 .view-txt-area .r-cont .file-down-area > strong{font-size:14px; margin-bottom:15px}
.board-view-type3 .view-txt-area .relation-info .relation-tit{font-size:18px; }
.board-view-type3 .view-txt-area .r-cont .file-down-area{padding:0 15px}

/*웹진*/
.m-webzin-content-p{padding:0 20px;}
.webzine-titbox{padding:30px 40px; border:4px solid #f3f3f3; border-radius:45px;}
.webzine-titbox img{margin-bottom:20px; width:200px;}
.webzine-titbox .webzine-vol{min-width:inherit; padding:10px 0; width:100%;}
.webzine-titbox a{font-size:15px; margin:0px; min-width:250px; padding:7px 22px;}
.webzine-titbox a i{width:16px; height:15px;}
.webzine-titbox a:hover i{width:16px; height:15px;}

.webzine-special{padding:40px 20px;}
.m-webzine-txtbox .m-webzine-txtbox-tit{font-size:36px;}
.webzine-special .webzine-s-txtbox:after{width:12px; height:12px;}
.txtbox-swiper-wrapper .txtbox-slide .txtbox-pc-bg{padding:13px 17px 13px;}
.txtbox-swiper-wrapper .txtbox-slide .txtbox-pc-bg p:nth-child(1){font-size:15px;}
.txtbox-swiper-wrapper .txtbox-slide .txtbox-pc-bg p:nth-child(2){font-size:20px;}

.webzine-sub-content{margin-top:60px;}
.webzine-sub-content section:first-child{padding-left:20px;}
.webzine-sub-content section > div:nth-child(1){margin-bottom:30px;}
.webzine-sub-content section > div:nth-child(1) strong{font-size:28px;}

.swiper-slide.subcontent-slide{width:315px;}
.swiper-slide.subcontent-slide a .webzine-suc-txt{padding:20px 33px 20px 24px}
.swiper-slide.subcontent-slide a .webzine-suc-txt span{font-size:15px;}
.swiper-slide.subcontent-slide a .webzine-suc-txt p{font-size:20px; margin-top:8px; line-height:28px; min-height:56px;}

.subcontent-btnbox{padding-right:20px;}
.subcontent-btnbox .swiper-button-prev.subcontent-prev{width:29px; height:29px; margin-right:5px;}
.subcontent-btnbox .swiper-button-next.subcontent-next{width:29px; height:29px; margin-left:5px;}

.webzine-sub-content section:nth-child(2), .webzine-sub-content section:nth-child(3){padding:0 20px; margin-top:60px;}
.swiper-slide.subcontent2-slide{margin-bottom:30px;}
.swiper-slide.subcontent2-slide a .webzine-suc2-img img{height: 241px;}
.swiper-slide.subcontent2-slide a .webzine-suc2-txt{ margin-top:15px;}
.swiper-slide.subcontent2-slide a .webzine-suc2-txt span{font-size:15px;}
.swiper-slide.subcontent2-slide a .webzine-suc2-txt p{font-size:20px; margin-top:10px;}

.webzine-news{margin-top:60px; padding:60px 20px 70px;}
.webzine-news .webzine-news-l strong{font-size:26px; margin-bottom:20px;}
.webzine-news .webzine-news-r ul li{margin-bottom:15px;}
.webzine-news .webzine-news-r ul li a span{font-size:15px; width:45px;}
.webzine-news .webzine-news-r ul li a p{font-size:15px; width:calc(100% - 45px);}

.vol-l{margin-bottom:15px;}
.vol-l strong{font-size:21px; padding-left:60px;}
.vol-l strong:after{width:42px; height:36px;}
.vol-btnbox .swiper-button-prev.vol-prev{width:29px; height:29px; margin-right:5px;}
.vol-btnbox .swiper-button-next.vol-next{width:29px; height:29px; margin-left:5px;}
.vol-r > div:nth-child(2) .swiper.vol-swiper{height:101px;}
.vol-r > div:nth-child(2) .vol-slide a p{font-size:21px;}

.webzineflex select.select-box-type{height:40px; width:calc(100% - 60px); background-size:13px 7px;}
.webzinebtn{font-size:16px; width:50px; height:40px;}


/*웹진형식 view*/
.board-view-type1 .view-header.view-headerwebzine{padding:40px 10px 0;}
.board-view-type1 .view-body.view-bodywebzine{padding:40px 25px 60px 25px;}
.view-webzine-label{font-size:17px; padding:5px 18px; border-radius:35px;}
.view-webzine-tit{font-size:30px; margin-top:15px;}
.view-webzine-list{margin-top:15px;}
.view-webzine-list li{font-size:16px; padding:0 10px;}
.view-webzine-list li:before{width:1px; height:17px;}

/*컨텐츠만족도 태그 댓글*/
.total-box-size-type{padding:0 20px;}
.total-box-size-type.none-box-p{padding:0 20px}

.total-add-box .tag-box{padding:30px 0 20px 0; display:block;}
.total-add-box .tag-box .tag-txt i{width:16px; height:16px; margin-right:9px; background-size:16px;}
.total-add-box .tag-box .tag-txt{font-size:15px;}
.total-add-box .tag-box .tag-content{margin-top:10px;}
.total-add-box .tag-box .tag-content li{margin-right:8px;}
.total-add-box .tag-box .tag-content li a{font-size:14px; padding: 4px 12px; border-radius:24px;}

.comment-box{padding:20px 20px 60px; margin-bottom:20px; margin-top:40px;}
.comment-write-area strong{font-size:15px; margin-bottom:15px;}
.comment-write-area div.write-area{width:100%; display:block;}
.comment-write-area div.write-area .write-new-con div:nth-child(1){width:100%;}
.comment-write-area div.write-area .write-new-con div:nth-child(2){width:60px; margin-top:10px; float:right;}
.comment-write-area div.write-area .write-new-con textarea{height:100px;}
.comment-write-area div.write-area .write-new-con button{font-size: 15px; width: 60px; line-height: 30px; height: 30px;}

.comment-list-area{margin-top:35px;}
.comment-list-area li.comment-list{width:100%; display:table; padding:15px 0 20px; border-bottom:1px solid #ddd;}
.comment-list-area li.comment-list div.comment-name{width:69px;}
.comment-list-area li.comment-list div.comment-name strong{font-size:15px;}
.comment-list-area li.comment-list div.comment-content{width:clac(100% - 69px);}
.comment-list-area li.comment-list div.comment-content .comment-txt{font-size:16px; margin-bottom:5px;}
.comment-list-area li.comment-list div.comment-content .comment-data{font-size:15px;}
.comment-list-area li.comment-list div.comment-content .comment-delete-btn{font-size:14px;}

.satisfaction-content{margin-top:40px; border:5px solid #e8ecf0;}

.satisfaction-content .satisfaction-title{height:78px;}

.satisfaction-content .satisfaction-title p i{width:78px; height:78px; background-size:78px;}
.satisfaction-content .satisfaction-title p:nth-child(2){font-size:16px; margin-left:40px;} 
.satisfaction-content .satisfaction-btn-area{ padding:35px 0;}
.satisfaction-content .satisfaction-btn-area .satisfaction-btn-content li{display:inline-block; margin-right:0; width:32%; text-align:center;}
.satisfaction-content .satisfaction-btn-area .satisfaction-btn-content li:nth-child(4){width:100%; margin-top:25px;}
.satisfaction-content .satisfaction-btn-area .satisfaction-btn-content li:nth-child(4) a{padding:10px 20px; font-size:14px;}

/*페이지일 때*/
.total-box-size-type .codeView{padding-top:20px; align-items: unset;}
.total-box-size-type .codeView p{ margin-right:10px;}

/*댓글 사용자 인증*/
.user-inp-box{margin-bottom:10px;}
.user-inp-box input{font-size:14px; margin-top:5px; width:100px; height:25px; padding-left:10px;}

.user-delete-btn-box{margin-top:10px;}
.user-delete-btn-box p{font-size:14px;}
.user-delete-btn-box input{width:100px; height:25px; padding-left:10px;}
.user-delete-btn-box button.user-cancel-btn{font-size:14px; margin-top:5px; width:50px; height:29px;}
.user-delete-btn-box button.user-confirm-btn{font-size:14px; margin-top:5px; width:50px; height:29px;}


/*박물관소개 > 인사말*/
.greetings-cont{ margin:0 auto 0 auto;}
.greetings-visual{min-height:120px; }
.greetings-visual .inner-greetings-visual{padding:0 20px 20px 20px;}
.greetings-visual button.btn-play{width:32px; height:32px; background-size:32px;} 
.greetings-visual button.btn-play:hover{background:url(/images/common/btn/btn_greet_play_on.png) no-repeat; background-size:32px; z-index:0;}
.greeting-txt-box{padding:50px 20px 0 20px;}
.greeting-txt-box .l-box .b{font-size:25px;}
.greeting-txt-box .l-box > strong{margin-bottom:36px; font-size:52px;}
.greeting-txt-box .l-box > .line-txt{padding-left:20px; font-size:17px;}
.greeting-txt-box .l-box > .line-txt:before{width:1px; height:60px; position: absolute; top:5px; left:0; }
.greeting-txt-box .r-box{padding-top:40px; margin-top:40px}
.greeting-txt-box .r-box:before{width:65px; height:5px;}
.greeting-txt-box .r-box p{margin-bottom:25px; font-size:15px; line-height:26px;}

.org-cont .org-box-type {padding-top:25px}
.org-cont .org-box-type .l-section {padding:30px 0; }
.org-cont .org-box-type .r-section{width:100%; padding:35px 15px; border:5px solid #e8ecf0}
.organization-right-title>li:first-child{font-size: 19px;}

.org-cont .org-box-type .l-section {width:auto; padding-top:45px;}
.org-cont .org-box-type .l-section .inner-l-section{max-width:278px; min-height:215px; margin:0 auto; position: relative; background:url(/images/common/bg/bg_org_img1.png) no-repeat center 81px; background-size: 139px 101px;}
.org-cont .org-box-type .l-section .inner-l-section .org-center{width:81px; height:81px; line-height:81px; border:3px solid #7769af; font-size:20px;}
.org-cont .org-box-type .l-section .inner-l-section .item{padding:8px 0; min-width:130px; border:2px solid #4abe9d; font-size:14px;border-radius:25px; background:#fff;}
.org-cont .org-box-type .l-section .inner-l-section .item-yellow{min-width:120px; border:2px solid #fdb94d;}
.org-cont .org-box-type .l-section .inner-l-section .item-yellow > span:after{position: absolute; top:-13px; width:8px; height:8px;}
.org-cont .org-box-type .l-section .inner-l-section .item-1 > span:after{position: absolute; top:13px; left:-5px; width:8px; height:8px}
.org-cont .org-box-type .l-section .inner-l-section .item-1{position: absolute; right:-15px; top:104px;}
.org-cont .org-box-type .l-section .inner-l-section .item-2{position: absolute; left:10px; top:183px;}
.org-cont .org-box-type .l-section .inner-l-section .item-3{position: absolute; right:10px; top:183px;}
.org-cont .org-box-type .r-section{padding:45px 15px;  border:5px solid #e8ecf0; box-sizing: border-box;}
.organization-right-title{margin-top:35px;}
.organization-right-list>li>strong{font-size:15px; padding-left:5px}
.organization-right-list>li::before{width:2px; height:2px;}
.organ-list>li{font-size:14px}

/*자주묻는질문*/
.faq-list{border-top:2px solid #000}
.faq-list > li > a{padding:8px 0;}
.faq-list .item-ico{width:60px; padding:0 5px;} 
.faq-list .item-ico > span{padding:8px 10px; font-size:19px;}
.faq-list .subject{width: calc(100% - 105px); font-size:16px; line-height:28px;} 
.faq-list .ico-arrow-type{width:45px; height:14px; background: url(/images/common/ico/ico_arrow_open.png) center no-repeat; background-size:14px;} 
.faq-list .answer-content{width: calc(100% - 60px); padding:14px 45px 25px 15px;}
.faq-list .answer-content > div{display: block;}
.faq-list .answer-content .answer-txt{margin-left:0; margin-top:7px;font-size:14px; line-height:21px}
.faq-list li a.item-anchor.on {padding:15px 0}
.faq-list li a.item-anchor.on .subject{font-size:18px; color:#000;font-family: 'notokr-medium';}
.faq-list li a.item-anchor.on .ico-arrow-type{background: url(/images/common/ico/ico_arrow_close.png) center no-repeat; background-size:22px 12.5px}

/*전시 소장품*/
.exhibition-card-list{margin-top:25px;}
.card-list-type1.collection-list.exhibition-card-list > li{margin-bottom:15px;} 
.card-list-type1.exhibition-card-list > li .info-area{width: calc(100% - 110px); padding-left:20px;}
.card-list-type1.exhibition-card-list > li .info-area > .info-subject{font-size:16px;}
.card-list-type1.exhibition-card-list > li .img-box{width:110px;}
.card-list-type1 > li .info-area > .info-type{margin-top:20px;}
.card-list-type1 > li .info-area > .info-type li{margin-bottom:8px;}
.card-list-type1 > li .info-area > .info-type li > strong{width:42px;font-size:15px;}
.card-list-type1 > li .info-area > .info-type li > p{width: calc(100% - 42px); font-size:16px;}

.card-list-type1 > li .exhibition-area > a.subject-t{width: calc(100% - 60px)}
.card-list-type1 > li .exhibition-area > .m-vr {display:block}
.card-list-type1 > li .exhibition-area > .m-vr .m-vr-btn{padding:7px 15px; font-size:22px;}


/*교육*/
.edu-label > span{min-width:45px;padding:5px; font-size:13px;}
.card-list-type1 > li .info-area > .info-type.type2 li > strong{width:65px;}
.card-list-type1 > li .info-area > .info-type.type2 li > p{width: calc(100% - 65px);}
.board-view-type4 .view-body{padding-bottom: 42px;}
.board-view-type4 .view-body .r-txt-area .tit{padding:25px 0; margin-top:30px}
.board-view-type4 .view-body .r-txt-area .tit > strong{font-size:30px;}
.board-view-type4 .view-body .r-txt-area .view-info-area{padding: 0 0 30px 0}
.board-view-type4 .view-body .r-txt-area .view-info-type1{padding:20px 10px;}
.board-view-type4 .view-body .r-txt-area .view-info-type1 li{margin-bottom:12px}
.board-view-type4 .view-body .r-txt-area .view-info-type1 li strong{width:90px;font-size:14px;}
.board-view-type4 .view-body .r-txt-area .view-info-type1 li p{width: calc(100% - 90px);font-size:15px;}
.board-view-type4 .view-body .view-files{padding:0 10px;}
.board-view-type4 .view-body .view-files li > a, .board-view-type3 .view-body .view-files li > a{font-size:14px;}
.board-view-type4 .view-body .view-files li i, .board-view-type3 .view-body .view-files li i{width:17px; height:17px; padding-right:10px; background: url(/images/common/btn/btn_donwload.png) center no-repeat; background-size:17px;}
.board-view-type4 .view-body .view-files li span, .board-view-type3 .view-body .view-files li span{display:table-cell; width: calc(100% - 27px)}
.board-view-type4 .view-body .view-files li{margin-bottom:15px}
.board-view-type4 .view-body .btn-item{margin:35px 0;}
.board-view-type4 .view-body .btn-item a{padding:15px 0; font-size:22px; }
.board-view-type4 .view-body .btn-item a svg, .board-view-type4 .view-body .btn-item a img{width:29px; height:29px; margin-right:12px;}
.board-view-type4 .view-body .btn-item a span{line-height:29px;}
.board-view-type4 .view-body .view-body-content{padding-top:35px; }
.board-view-type4 .view-body .view-body-content:before{position: absolute; top:0; left:0; width:60px; height:4px; ;}
.board-view-type4 .view-body .view-body-content .summary{font-size:18px;}
.board-view-type4 .view-body .view-body-content .detail-cnt{margin-top:23px;font-size:14px; }
.board-view-type4 .view-body .view-body-content .detail-cnt > li > strong{font-size:16px;}
.board-view-type4 .view-body .view-body-content .detail-cnt > li > ul{margin-top:18px;}

/*교육 edit*/
.edu-new-box-content{padding:0 20px; box-sizing:border-box; margin-bottom:30px;}
span.edu-kind{font-size:16px; margin-right:0px; margin-top:0; margin-bottom:20px; padding:5px 23px; border-radius: 3px;}
.edu-picture{margin-top:45px;}
.edu-picture .booker-info{margin-bottom:0; padding-bottom:30px; border-bottom:1px solid #cccccc;}

/*교육*/
/*완료*/
.comp-title p:nth-child(2) span.edu-span{font-size:18px;}
.comp-info li.edu-bottom{padding-bottom:30px;}
.comp-info li.edu-top{padding-top:30px;}

/*교육자료*/
.pagenation.edu-pagenation{margin-top:0; padding-bottom:150px;}
.board-list-header.edu-list-header{padding:0 20px;}
.edu-data-area{padding-bottom:10px; border-bottom:0}
.edu-data-area li.edu-data-list{float:none; width:100%; min-height:auto; margin-right:0; margin-bottom:30px; border:10px solid #e8ecf0}
.edu-data-area li.edu-data-list .edu-top{padding:45px 35px 45px 35px;}
.edu-top p.edu-data-kinds{font-size:15px; padding:5px 15px;  border-radius: 3px;}
.edu-top .edu-data-title{font-size:24px; margin-top:15px; }
.edu-top .edu-data-day{display:table; width:100%; margin-top:35px;}
.edu-top .edu-data-day p:nth-child(1){width:80px; font-size:15px;}
.edu-top .edu-data-day p:nth-child(2){width:calc(100% - 80px); font-size:15px;}
.edu-data-fill{min-height:130px; background:#fafafa; padding:30px 30px 30px 30px;}
.edu-data-fill li{margin-bottom:10px;}
.edu-data-fill li a{font-size:14px; }
.edu-data-fill li a i{width:18px; height:18px; margin-right:10px; background-size:18px;}

/*기증안내*/
.endowment-img{width:100%; padding-top:0; height:122vw; display:table; box-sizing: border-box; background:url('/images/common/bg/bg_m_endowment.jpg') center no-repeat; background-size: cover;}
.endowment-img .txt-area {display:table-cell; vertical-align: middle;}
.endowment-img .txt-area > strong{font-size:5.99vw}
.endowment-img .txt-area > .lg-txt{padding-bottom:20px; margin:3.89vw 0 5.0 0; font-size:8vw;line-height:9vw; }
.endowment-img .txt-area > .lg-txt:before{margin-left:-20px; width:40px; height:3px; }
.endowment-img .txt-area > .sm-txt{font-size:4.43vw; line-height:6vw;}
.endowment-info{padding:45px 0 0 0}
.endowment-info > ul > li{display:block; margin-bottom:35px;}
.endowment-info > ul li > strong{font-size:20px;}
.endowment-info > ul li > .info-txt{font-size:15px; margin-top:15px; }
.endowment-info > ul li > .info-txt ul li{ margin-bottom:7px}
.endowment-info > ul li > .info-txt ul li:before{top:8px; left:0;}

/*개인정보처리방침*/
.terms-content-area{padding:35px 20px; font-size:15px;}
.terms-content-area > h3{font-size:25px; margin-bottom:25px}
.terms-content-area > .tit-txt{line-height:24px; }
.terms-content-area > .terms-list > li{margin-top:35px; }
.terms-content-area > .terms-list > li > strong{margin-bottom:15px;font-size:16px;}
.terms-content-area > .terms-list > li > ol li{line-height:24px}
.terms-content-area .use-tbl{margin-top:30px;}
.terms-content-area .use-tbl thead tr th{padding:8px 5px;font-size:14px;}
.terms-content-area .use-tbl tbody tr td{padding:12px 5px;font-size:13px;}
.terms-content-area > .terms-list > li > ul > li{margin-top:25px;}
.terms-content-area > .terms-list > li > ul > li strong{font-size:16px;}
.terms-content-area > .terms-list > li > ul > li > ul li{margin-top:12px; font-size:14px;}

/*층별안내*/
.floor-content .r-section{border-left:5px solid #e8ecf0;  border-right:5px solid #e8ecf0;}
.floor-content .r-section .floor-tab-cont .floor-item {border:5px solid #e8ecf0;}


/* 히든페이지 */
.full-content.qr-content{margin-top:50px;}
.tab-type01.qr-tab-type{top:0; max-width: 89vw;}
.qr-content-box{padding:60px 0 70px 0; border:10px solid #e8ecf0;}

.qr-tit{font-size:26px; line-height:37px; padding:0 20px;}
.qr-sub-tit{margin:30px auto 0 auto; padding:0 20px;}
.qr-sub-tit li.qr-sub-tit-name{padding-right:10px;}
.qr-sub-tit li.qr-sub-tit-name span{font-size:17px; padding:3px 35px; border-radius:50px;}
.qr-sub-tit li.qr-sub-tit-tit span{font-size:21px; line-height:27px;} 
.qr-tit-content{margin-top:45px; padding:0 20px;}
.qr-tit-content p.qr-tit-txt{font-size:14px; line-height:21px;}

}

@media screen and (max-width:700px){
.tab-type01{max-width: 90vw; }
}

@media screen and (max-width:670px){
/*관람 안내*/
/*예약*/
.top-preview-box > div > .reservation-title{font-size:20px; min-height:57px;}
.top-preview-box > div > .reservation-txt{font-size:12px;}
}


@media screen and (max-width:500px){
.tab-type01{max-width: 87vw; }
}
@media screen and (max-width:475px){
    .btn-sns-box a{width:31.5%; font-size:14px; margin-right:0;}
}

@media screen and (max-width:420px){
    /* 히든페이지 */
    .qr-sub-tit li.qr-sub-tit-name span{font-size:15px; padding:3px 15px; border-radius:50px;}
	.qr-sub-tit li.qr-sub-tit-tit span{font-size:17px; line-height:23px;}	 
}

@media screen and (max-width:400px){
/*웹진*/
.webzine-titbox .webzine-vol{min-width:220px;}
.webzine-titbox a{min-width:220px;}	
}

@media screen and (max-width:380px){
/*웹진*/
.webzine-titbox{padding:30px 20px;}	

/*예약 인증 전 후*/
.popupbox-content{max-width:321px;} 
.popuptxt img{width:60px; margin-right:10px;}
.popuptxt p{width:calc(100% - 70px); font-size:17px; line-height:21px;}
.popup-tel{font-size:15px; width:140px;}
}


@media print{
	header.header, .nav-location, header.m-header, footer{display:none;}
}