@charset "utf-8";


@media screen and (max-width: 1440px){
    /* sub */
    
    /* 공통 */
    
    /* 만족도 */
	.satis-box{font-size: 15px;}
	.satis-form{padding: 25px}
	.satis-form .s-t{font-size: 1em;}
	.satis-form .s-t_small{font-size: 1.125em; font-weight: 600;}
	.satis-radio > *{margin-right: 1.5em;}
	.satis-top .det{margin-right: 0;}
	.satis-top .det > *{margin-right: 25px;}
	
    
    
    /* bbs */
    .schedule__top{padding: 1.25em 0;}
    .schedule__top .month{flex: 1;}
	.schedule__etc.list{flex-direction: column;}
	.schedule__etc.list .l{text-align: center; margin-bottom: 10px;}
	
	.total-result .l{padding-right: 1.25em;}
	.total-result .r{padding-left: 1.25em;}
}
@media screen and (max-width: 1280px){
    /* sub */
    

    /* bbs */
    .form-st1 .bul-noti{width: 100%;}
    .bbs-list thead .sort{width: 15em;}
}
@media screen and (max-width: 1200px){
	/* sub */
	
    /* 공통 */
    .content-st1 .tit{width: 300px;}
	
	/* 인사말 */
	.greeting-wrap .cont{padding-left: 2.5em;}
	.greeting-wrap .br{display: none;}
	
	/* 연혁 */
	.history .visual{padding-right: 2.5em;}
	.history .cont-wrap{padding-left: 2.5em;}
	
	/* 부대시설 */
	.facility .item{padding: 2.5em 1.25em;}

    /* bbs */
    .mypage-com .lnb{margin-right: 30px; width: 220px;}
    
    .schedule__top .month >li >button{width: 2em; height: 2em;}
	
	.img-view__img{margin-right: 1.25em;}
	.img-view__btns{margin: 0 -0.625em;}
	.img-view__btns li{width: calc(50% - 1.25em);margin: 0 0.625em 0.938em;}
	
	
	.total-result .r{width: 200px;}
}
@media screen and (max-width: 1024px){
    /* sub */
    
    /* 공통 */
    .content-st1{}
    .content-st1 .tit{width: 100% !important; padding-left: 0 !important;}
    .content-st1 .tit br{display: none;}
    .content-st1 .tit >img{max-width: 50px}
    .content-st1 .cont{flex: auto;}
	.content-st1.wide .cont{margin-top: 1.25em;}
    
    /* 인사말 */
    .greeting-wrap:before{display: none;}
    .greeting-wrap .img{margin: 0 auto;}
    .greeting-wrap .cont{flex: auto; padding-left: 0; padding-top: 2.5em;}
    
    /* 연혁 */
    .history >*{width: 100% !important;}
	.history .visual{padding-right: 0;}
	.history .cont-wrap{padding-left: 2.5em; margin-top: 2.5em;}
    
    /* 오시는길 */
	.map__direction-wrap >*{width: 100%;}
	.map__direction-wrap .map__direction{margin-bottom: 2.5em;}
    .map__direction .box .img{width: 100px;}
    .map__direction .box .cont{padding: 0 1.875em;}
	
	/* 만족도 */
	.satis-box{font-size: 14px;}
	.satis-form,
	.satis-top{display: block;}
	.satis-top,
	.satis-form{padding: 15px}
	.satis-top .edit{text-align: right; margin-top: 15px; font-size: 13px;}
	.satis-top .det > *{width: calc(50% - 25px);}
	.satis-form >*{width: 100%;}
	.satis-form .s-t{margin: 0 0 18px; padding-right: 0;}
	
    /* bbs */
	.mypage-com .lnb{width: 100%;margin-right: 0;margin-bottom: 80px;}
	.mypage-com .lnb .title{line-height: 60px;}
	.mypage-com .lnb .depth1{display: flex;align-items: stretch;padding: 0;border-right: 0;}
	.mypage-com .lnb .depth1 >li{width: 25%;border-right: 1px solid #dedede;}
	.mypage-com .lnb .depth1 >li >a{text-align: center;padding: 1em 10px;}
	.mypage-com .lnb .depth1 .active >a + .depth2{display: flex}
	.mypage-com .lnb .depth2{align-items: center;width: 100%;position: absolute;top: 100%;left: -1px;border: 1px solid #dedede;background: #f8f8f8;}
	.mypage-com .lnb .depth2 >li{}
	.mypage-com .lnb .depth2 >li >a{display: block;padding: 15px 20px;}
	.mypage-com .content{flex: auto;width: 100%;}
    
    .pagination >li{width: 1.5em;}
    
    .form-st1 .col{width: 180px; padding: 0;}
	.form-st1 .col-t-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .form-st1 .cont{width: calc(100% - 180px);}
    .form-st1 .cont.w100{padding: 0;}
    .form-st2 .item{padding: 0;}
    .form-st1 .btnType{padding-right: 100px;}
    .form-st1 .btnType button{width: 90px;}
    .form-st1 .btnType2{padding-right: 100px;}
    .form-st1 .btnType2 .hasBtn{margin-right: 0;}
    .form-st1 .btnType2 .hasBtn button{width: 90px;}
    .form-st1 .btnType2 .hasBtn button::after{margin-left: 5px;}
    
    .form-period{margin: 0 0 -5px;}
    .form-period .group{width: 100%; margin: 0 0 5px;}
    .form-period .sel{width: calc(50% - 8px);}
    
    .cmsTerms .itemLayer{width: 80%;}

    .bbs-top{display: block;}
    .bbs-top .l{margin-bottom: 1em;}
    .bbs-top .r{display: block;}
	.bbs-top .r>*{margin-right: 0; margin-bottom: 5px;}
	.bbs-top .r>*:last-child{margin-bottom: 0;}
    .bbs-top .select_w{width: 100%;}
    .bbs-top .sch-st1{width: 100%;}
    .bbs-top .r .etc{margin-bottom: 10px; margin-right: 0;}
	.bbs-top .sorts{flex-wrap: wrap; margin-right: 0.625em;}
	.bbs-top .sorts >li:not(:first-child){margin-right: 0.625em;}
	.bbs-top .sorts >li:first-child:after{margin: 0 0.625em -5px;}
    .bbs-top2{display: block;}
    .bbs-top2 .select_w{width: 100%;}
    .bbs-top2 .sch-st1{width: 100%;}
	
	.sch-box{margin-bottom: -5px;}
	.sch-box >*{margin-right: 0; margin-bottom: 5px;}
    .sch-box .select_w,
    .sch-box .sch-st1{width: 100%;}

	.bbs-list th{padding: 1em 5px;}
	.bbs-list td{padding: 1em 5px}
	.bbs-list .pc{display: none;}	
	.bbs-list .sort_m{display: block; margin-bottom: 10px;}
	.bbs-list_m{display: block;}
    .bbs-list .no,
    .bbs-list .writer{width: 4.5em}
	.bbs-list .date{width: 7em}
	.bbs-list .date2{width: 13em}
    .bbs-list thead .sort_s{width: 8em;}
	.bbs-list .label-st1.m{display: block; margin-bottom: 5px;}
	.bbs-list .label-st2.m{display: inline-flex; margin-right: 5px; line-height: 20px;}
    
    .bbs-view .attach_area{padding: 1.25em 0;}
    
	.prev_next{display: block;}
	.prev_next li{width: 100%; text-align: left !important; padding: 1em 1em 1em 5.5em !important}
	.prev_next .next{border-left: 0; border-top: 1px solid #dedede;}
	.prev_next .tit{width: 7em; right: auto !important; left: 0 !important; padding: 0 .7em 0 1.25em !important}
	.prev_next .tit:after{background: none}
	.prev_next .arrow{position: absolute;left: 0;}
	.prev_next .prev .arrow{transform: rotate(45deg); margin: -5px 0 0 0;}
	.prev_next .next .arrow{transform: rotate(-135deg); margin: -5px 0 0;}
	
    .mylist .printLayer_w{width: calc(100% - 2.5em);}
	
	.tb_scroll{overflow-x: auto;}
	.tb_scroll >.w720{min-width: 720px;}
	.tb_scroll.bbs-list td{word-break: keep-all;}
	.calendar_w{overflow-x:auto;}
	.calendar{min-width: 1024px;}
	.schedule__etc.cal{flex-direction: column;}
	.schedule__etc.cal .l{text-align: center; margin-bottom: 10px;}
	.schedule__etc .sorts{flex-wrap: wrap; margin-right: 0.625em;}
	.schedule__etc .sorts >li:not(:first-child){margin-right: 0.625em;}
	.schedule__etc .sorts >li:first-child:after{margin: 0 0.625em -5px;}
	.calendar .itemLayer .in{flex-direction: column;align-items: center;}
	.calendar .itemLayer .img{width: auto;}
	.calendar .itemLayer .cont{width: 100%;padding-top: 2em;padding-left: 0;}
	.calendar .itemLayer .info{margin-bottom: 1em;}
	.buttons_w >button{width: 120px;}
	.calendar .itemLayer .btn-close{top: 1em; right: 1em;}
	
	.schedule__list .item .img{margin-right: 20px;}
	.schedule__list .item .tit{padding-right: 80px;}
	
	.schedule__viewtop .item{flex-direction: column;align-items: center;}
	.schedule__viewtop .item .img{margin-bottom: 1em;}
	.schedule__viewtop .item .tit{padding-right: 0;}
	.schedule__viewInfo .img{width: 200px;}
	
	/* 학생도슨트 */
	.docent .calendar{min-width: auto !important;}
	.docent .calendar .renMark{width: auto;}
	.docent .calendar .label-st1{display:block; width: 100%;}

	
	.bbs-img_w .item{width: 47%;}
	.bbs-img_w.st2 .item{width: 50%;}
	
	
	.img-view2 >*{width: 100%; padding: 0 !important;}
	.img-view2 .cont{margin-top: 1.5em;}
	.img-view2 .slider-nav{margin-top: 1.5em;}
	
	.sch-top .sel{width: 200px;}
	.sch-top .sel select{height: 60px;}
	.sch-top .input_w input[type="text"]{height: 60px;}
	.sch-top .input_w .submit{height: 60px;}
	
	.acv-menu >li >a{padding: 1em; min-height: 150px;}
	
	.cmntr-com{padding: 0;}
	.cmntr-com >*{width: 100%;  padding: 2.5em 0;}
	.cmntr-com .step1{border-bottom: 1px solid #ccc; border-right: 0;}
	
	/* 온라인 박물관 */
	.bbs-online__top{padding: 2.5em 0;}
	.bbs-online__top .img{width: 100%;}
	.bbs-online__top .cont{width: 100%;}
	.bbs-online__list >li >a{padding: 1.5em;}
	
}/* 1024 */
@media screen and (max-width: 720px){
    /* 공통 */
    .flex-md-wrap{flex-wrap: wrap;}

	.tabs-tit.len5 > li{width: 50%;}
	.tabs-tit.len5 > li:nth-child(2n):before{display: none;}
    .tabs-tit.len6 > li,
    .tabs-tit.len7 > li{width: 33.3333%} /* 7개 */
	.tabs-tit.len7 > li:nth-child(4n):before{display: block;}
	.tabs-tit.len6 > li:nth-child(3n):before,
	.tabs-tit.len7 > li:nth-child(3n):before{display: none;}
	.tabs-tit.len9 > li,
	.tabs-tit.len11 > li{width: 33.3333%;}
	.tabs-tit.len12 > li{width: 25%}
	
	.tabs-st2 .tabs-tit >li >a{padding: 0.8em 1.5em;}
	.tabs-st3 .tabs-tit{margin: 0 -2px -5px;}
	.tabs-st3 .tabs-tit > li{padding: 0 2px 5px;}
	
	.content-st2 .item{width: 100% !important; padding: 1.5em 0;}
	.content-st2.bd .in{border-right: 0;}
	
	/* 연혁 */
	.history .cont-wrap{background-size: 200px;}
	.history__tbl >li:not(:last-child){margin-bottom: 3.125em;}
	.history__tbl .year{width: 100%;font-size: 2em;line-height: 1;}
	.history__tbl .date{flex: auto;padding-top: 5px;padding-left: 5px;}
	
	/* 조직도 */
	.orgChart__team{flex-direction: column;}
	.orgChart__team:before{display: none;}
	.orgChart__team .box{width: 100%; max-width: 210px}
	.orgChart__team .box:first-child{margin-top: 0;}
	.orgChart__team .box:first-child:before{display: none;}
    
	/* 부대시설 */
	.facility >li{width: 100%;}
	
	/* 관람동선 */
	.movements .item{padding: 2.5em 0;}
	.movements .item >*{width: 100%;}
	.movements .cont{padding-left: 0; margin-top: 2.5em;}
	
	/* 오시는길 */
	.map__info{padding: 2.5em 0 1.25em;}
	.map__info .infomation{display: block;}
	.map__info .infomation >li{margin-right: 0; margin-bottom: 10px;}
	
	/* 단체예약안내 */
	.step-st1 .item{padding: 1.25em;}
	.step-st1 .item br{display: none;}
	
	
    
	/* 만족도 */
	.satis-top .det > *{width: calc(100% - 25px);}
	.satis-radio{margin: 0 0 -5px;}
	.satis-radio > *{width: 50%; margin: 0 0 5px;}
	.satis-submit{padding-right: calc(5em + 5px);}
	.satis-submit input[type="text"]{padding: 0 10px}
	.satis-submit button{width: 5em}
	.satis-form .s-t .img{width: 50px;}
	
	
    /* bbs */
    .noti-box{padding: 1.5em;}
	.label-st2{font-size: 10px;line-height: 20px;}

	.tb_scrollM{overflow-x:auto;}
	.tb_scroll{max-width: 720px;}
	
    .bbs-list .no{width: 3.8em;}

    .form-st1 .col{width: 100%; padding: 0 0 10px;}
    .form-st1 .cont{width: 100%;}
    .form-st1 .sel select{padding: 0 20px 0 5px; background-position: right 10px center;}
    .form-st1 .col-2,
    .form-st1 .col-3{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .form-st1 .col-4,
    .form-st1 .col-5,
    .form-st1 .col-6,
    .form-st1 .col-7,
    .form-st1 .col-8,
    .form-st1 .col-9,
    .form-st1 .col-10,
    .form-st1 .col-11{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.form-st1 .col-m-1{-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;}
	.form-st1 .col-m-2{-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}
	.form-st1 .col-m-3{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
	.form-st1 .col-m-4{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
	.form-st1 .col-m-5{-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}
	.form-st1 .col-m-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
	.form-st1 .col-m-7{-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
	.form-st1 .col-m-8{-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
	.form-st1 .col-m-9{-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
	.form-st1 .col-m-10{-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;}
	.form-st1 .col-m-11{-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;}
	.form-st1 .col-m-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

	.form-period2{flex-wrap: wrap;}
	.form-period2 .date{width: 100%;padding-right: 0;margin-bottom: 10px;}
	.form-period2 .date .datepick{width: 95%;}
	.form-period2 .time .sel{width: 47%;}
	
	.form-email2 .e1{min-width: auto; width: 40%;}
	.form-email2 .e2{min-width: auto; width: 55%; flex: 1;}
	.form-email2 .e3{min-width: auto; width: 100%;}
    
	.img-detail{flex-wrap: wrap;}
	.img-detail .slide-for{margin-right: 0; width: 100%;}
	.img-detail .slide-nav{width: 100%;margin-top: 10px;}
	.img-detail .slide-nav .slick-dots{margin: 0 -5px;}
	.img-detail .slide-nav li{width: calc(25% - 10px);margin: 0 5px 10px;}
	
	.bbs-img .tit{font-size: 1.125em;}
	
	.bbs-img2 .item{flex-direction: column;align-items: center;}
	.bbs-img2 .item .img{margin-right: 0;margin-bottom: 1.5em;height: auto;}
	.bbs-img2 .item .cont .buttons_w{justify-content: center;}
	
	.img-view{flex-wrap: wrap;}
	.img-view__img{margin-right: 0; width: 100%;}
	.img-view__btns{width: 100%; margin: 1em -5px 0;}
	.img-view__btns li{width: calc(25% - 10px);margin: 0 5px 10px;}
	
	.img-view2 .slider-for .status{bottom: 10px; right: 10px;}
	.img-view2 .slider-nav .controls > button{width: 40px; height: 40px;}
	.img-view2 .cont .tit >span{display: block; margin: 0 0 10px 0}
	
    .schedule__top{display: block;}
    .schedule__top .year{display: block; text-align: center; margin-bottom: 10px;}
	.schedule__top .year >button{width: 2.5em; height: 2.5em;}
	.schedule__top.st2 .year{margin: 20px 0;}
	
	.schedule__etc .btn{min-width: auto;}
	.schedule__etc .labels .label{margin-right: 5px;}
	.schedule__etc .labels .line{margin: -8px 10px 0;}
	.schedule__list .item{flex-direction: column; align-items: center;}
	.schedule__list .item .img{margin-right: 0;}
	.schedule__list .item .cont{width: 100%; flex: auto; margin-top: 20px;}
	
	.schedule__viewtop .item .info >li{width: 100%;}
	.schedule__viewInfo .img{width: 100%; padding: 0 0 20px;}
	
	.calendar{min-width: 720px;}
	.calendar td{padding: 10px;}
	.calendar .label-st1{width: 10px;height: 10px; line-height: 10px; text-indent: -9999px;}
	
	/* 학생도슨트 */
	.docent .calendar td{padding: 5px}
	.docent .calendar .label-st1{height: auto;line-height: 1;text-indent: 0;font-size: 10px;padding: 2px 0;}
	.docent .calendar .renMark{font-size: 10px;line-height: 1;padding: 2px 0;}
	
	.info-st1.clearfix >li{float: none; width: 100%; padding-right: 0;}

	.edu-list .img{width: 80px; height: 80px;}
	.edu-list .label-st2.wide{min-width: auto;}
	.edu-list .label-st1{font-size: 10px;width: 80px;line-height: 20px;}
	
	.tab-total >li{width: 25%;}
	
	.total-result .l{padding-right: 0;}
	.total-result .group .list >li{width: 48%;}
	.total-result .r{display: none;}
	
	.sch-top .sel{width: 100%; margin-bottom: 10px;}
	.sch-top .input_w{margin-left: 0;}
	.sch-top .input_w input[type="text"]{padding-right: 110px; padding-left: 50px; background-position: 15px center;}
	.sch-top .input_w .submit{width: 100px;}
	
	.acv-menu{border-top: 1px solid #cdcdcd;}
	.acv-menu >li{width: 100%;}
	.acv-menu >li >a{min-height: auto;border-top: 0;}
	
    .bbs-view2 .top .info >li{width: 100%;}
	.bbs-view2 .top .info >li:nth-last-child(-n+2){border-bottom-width: 1px;}
	.bbs-view2 .top .info >li:last-child{border-bottom-width: 0;}
	.bbs-view2 .attach_area{padding: 1.25em 0;}
	.bbs-view2 .attach_area >ul >li{margin: 0 5px 5px;}
	
	/* 온라인 박물관 */
	.bbs-online__list >li{width: 50%;}
	.bbs-online__list >li >a{padding: 1.5em 1em;}
	.bbs-online__list >li >a >*:not(:last-child){margin-bottom: 5px;}
	.bbs-online__top .cont .t1{font-size: 2em;}
}
@media screen and (max-width: 640px){
	.img-view2 .cont .info.wide2 .t{width: 100%; margin-bottom: 5px;}
	.bbs-copyright img{display: block; margin: 0 auto 10px;}
}
@media screen and (max-width: 480px){   
    /* 공통 */
    .btn-link{width: 200px; line-height: 48px; padding: 0 30px;}
	
	.tabs-st3 .tabs-tit a{padding: 0 5px; font-size: 12px;}

	.statutes .item{width: 48%;}
	.statutes .cont{flex-direction: column;justify-content: center;padding: 1em;}
	.statutes .cont >img{}
	.statutes .cont >p{padding: 1em 0 0;}
	.statutes .cont >p br{display: none;}
	.statutes .btn{padding: 0 1em;background-position: right 1em center;}
	
	
	.satis-form .s-t{align-items: flex-start;}
	.satis-form .s-t .img{width: 30px; margin-right: 10px;}
	
	/* 조직도 */
	.orgChart{padding: 2.5em 1.5em;}
	
    /* 오시는길 */
	.map__direction .box{padding: 1.875em;}
    .map__direction .box .img{width: 100%;border-right: 0; border-bottom: 1px solid #ccc; padding: 0 0 1.25em;}
    .map__direction .box .cont{padding: 1.25em 0 0;}
    
    /* 단체예약안내 */
    .step-st1 .item{width: 100% !important;padding: 1.875em 1.25em;}
    .step-st1 .item:not(:last-child):before{top: auto;bottom: -18px;left: 50%;transform: translateX(-50%);}
    .step-st1 .item:not(:last-child):after{top: auto;bottom: -4px;left: 50%;transform: translateX(-50%) rotate(135deg);}
    
	
	/* bbs */
	.mypage-com .lnb .depth1 >li >a{padding: 10px 5px; font-size: 1em;}
	.mypage-com .lnb .depth2 >li >a{padding: 10px; font-size: 0.938em;}
	
    .noti-box .img{display: none;}
    .noti-box .cont{padding-top: 0;}
    
    .login .sns_join >*{width: 100%;}
    
    .select_w{height: 40px; width: 100%;}
    .sch-st1{height: 40px;}
    .sch-st1 input[type="text"]{padding: 0 40px 0 10px;}
    .sch-st1 .submit{width: 40px;}
    
	.bbs-img .tit{font-size: 1em;}
	.bbs-img .desc{font-size: 0.938em; margin-top: 5px;}
    
    .bbs-view .top .etc > span{margin-right: 10px; padding-right: 10px;}
    .bbs-view .attach_area{padding: 1.25em 0 0.938em; border-bottom: 1px solid #dedede;}
    .bbs-view .attach_area >ul{display: block;}

    .form-st1 .btnType2{padding-right: 70px;}
    .form-st1 .btnType2 .hasBtn button{width: 60px;}
    .form-st1 .btnType2 .hasBtn button::after{display: none;}
    .form-period{flex-wrap: wrap;}
    .form-period .col_s{width: 100%; text-align: left; margin: 0 0 5px;}
    
	.img-view__btns{margin: 1em -2px 0;}
	.img-view__btns li{width: calc(25% - 4px);margin: 0 2px 4px;}
	
	.schedule__top.st2 .y{font-size: 1.5em;}
    
	.calendar .itemLayer .in{padding: 50px 1.5em 1.5em;}
	.schedule__etc .sch-st1{width: 100%; max-width: 370px;}
	.schedule__etc .labels{border-radius: 10px;padding: 10px;}
	.schedule__etc .labels .line{width: 5px;height: 0;display: block;margin: 5px 0;}
	
	/* 학생도슨트 */
	.docent .calendar .day{font-size: 10px}
	.docent .calendar .renMark{font-size: 8px;}
	.docent .calendar .label-st1{font-size: 8px;}
	
	.sch-top .input_w input[type="text"]{padding-right: 90px;}
	.sch-top .input_w .submit{width: 80px;}
	
    .bbs-view2 .top .etc > span{margin-right: 10px; padding-right: 10px;}
    .bbs-view2 .attach_area{padding: 1.25em 0 0.938em; border-bottom: 1px solid #dedede;}
    .bbs-view2 .attach_area >ul{display: block;}
    .bbs-view2 .attach_area >ul >li{margin: 0 0 5px;}
    
	.img-view2 .cont .info .t{width: 80px;}
	.img-view2 .cont .info.wide .t{width: 100%; margin-bottom: 5px;}
    .img-view2 .cont .info .desc{padding-left: 0;}
	.img-view2 .cont .info .map{padding-bottom: 40%;}
	
	/* 온라인 박물관 */
	.bbs-online__list >li{width: 100%;}
}
@media screen and (max-width: 380px){
	
	
	.mission .bracket br{display: none;}
}


/* ===================================
관람동선 add style
====================================== */
@media (max-width: 1440px) {
    .movements .item .cont.flex { flex-direction: column; gap: 40px; }
    .movements .item .cont.flex .info .list-num { display: flex; flex-wrap: wrap; gap: 8px 20px; }
    .movements .item .cont.flex .etc { margin-top: 20px; }

    .movements .item .cont.flex .imgList { margin-top: 0; width: 100%; }
    .movements .item .cont.flex .imgList li p { margin-top: 8px; }
    .movements .item .cont.flex .imgList li p i { line-height: 18px; width: 18px; font-size: 12px; }
    .movements .item .cont.flex .imgList li p span { line-height: 18px; font-size: 14px; }
}
@media (max-width: 1200px) {
    .movements .item .cont.flex .etc { margin-top: 10px; }

    .movements .item .cont.flex { gap: 30px; }
    .movements .item .cont.flex .imgList li p span { font-size: 12px; }
}
@media (max-width: 1024px) {
    .movements .item { flex-direction: column; gap: 40px; }
    .movements .img { width: 100%; }
    .movements .item .cont.flex .etc { margin-top: 16px; }

    .movements .cont.flex { padding-left: 0; width: 100%; }
    .movements .item .cont.flex .imgList li p span { font-size: 14px; }
}
@media (max-width: 720px) {
    .movements .item .cont.flex { margin-top: 0; }
}
@media (max-width: 600px) {
    .movements .item .cont.flex .imgList li { width: calc(50% - 7px); }
}
@media (max-width: 374px) {
    .movements .item .cont.flex .imgList li p span { font-size: 13px; }
}




/* ===================================
겸재정선 층별안내 add style
====================================== */
@media (max-width: 1024px) {
	.gj-fl-guide .fl-guide { flex-direction: column; gap: 40px; padding-bottom: 2.5em; } 
	.gj-fl-guide .fl-guide__img { margin-right: 0; width: 100%; }
	.gj-fl-guide .fl-guide__btns { gap: 16px 20px; margin: 0; width: 100%; }
	.gj-fl-guide .fl-guide__btns li { margin: 0; width: calc(100% / 3 - (40px / 3)); } 
}
@media (max-width: 767px) {
	.gj-fl-guide .fl-guide { gap: 30px; }
	.gj-fl-guide .fl-guide__btns { gap: 8px 16px; }
	.gj-fl-guide .fl-guide__btns li { width: calc(50% - 8px); }
}




/* ===================================
겸재정선 인사말 add style
====================================== */
@media (max-width: 1200px) {
    .greeting-wrap.gj_greeting > .inner { flex-direction: column; }
    .greeting-wrap.gj_greeting .img { margin: 0 auto; }
    .greeting-wrap.gj_greeting .cont { padding: 2.5em 0 0; }
}



