@charset "utf-8";
/* 서브 이미지 영역 */
.sub_img_box {height:200px;}
.sub_img_box01 {background:url("/nmm/images/sub/sub_img01.jpg") no-repeat center/cover;}
.sub_img_box02 {background:url("/nmm/images/sub/sub_img02.jpg") no-repeat center/cover;}
.sub_img_box03 {background:url("/nmm/images/sub/sub_img03.jpg") no-repeat center/cover;}
.sub_img_box04 {background:url("/nmm/images/sub/sub_img04.jpg") no-repeat center/cover;}
/* .sub_img_box05 {background:url("/nmm/images/sub/sub_img05.jpg") no-repeat center/cover;} */
.sub_img_box05 {background:url("/nmm/images/sub/sub_img05_f.jpg") no-repeat center/cover;}
.sub_img_box06 {background:url("/nmm/images/sub/sub_img06.jpg") no-repeat center/cover;}

@media screen and (max-width:768px){
    .sub_img_box {height:180px;}
}

@media screen and (max-width:600px){
    .sub_img_box {height:150px;}
}

/* 서브 전체 영역 */
.sub_cont_wrap {padding:40px 0px 100px;}
.sub_cont_center {display:flex; flex-direction:row; width:1500px; margin:10px auto 0px;}
.content {padding:50px 60px 0px;}


/* 모바일 로케이션 영역 */

/* location  로케이션 바 영역*/
#location_wrap {position:relative; display:none;}
#location_wrap #location {width:100%; height:60px; border-bottom:1px solid #ccc;}

#location_wrap #location .all-wrap {width:1200px; height:60px; margin: 0 auto; left:0; right:0; position:absolute; top: 0; border-radius:8px; }

#location_wrap #location .all-wrap .loca-wrap .loca-area {float:left; height:60px;}
#location_wrap #location .all-wrap .loca-wrap .loca-area i {
    display: inline-block;
    background: url("/nmm/images/sub/location_hom.png") left center no-repeat;
    width: 20px;
    height: 60px;
    position: absolute;  top:50%;  transform: translateY(-50%); left: -40px;
}
#location_wrap #location .all-wrap .loca-wrap .loca-area i a {
    display: block;
    padding: 18px 10px;
    text-indent:-9999999999999px;
}
#location_wrap #location .all-wrap .loca-wrap .loca-area > ul {
    float: left;
}
#location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li {
    float: left;
    width: 260px;
    height: 60px;
    position: relative;
    border-left:1px solid #ccc;
    box-sizing: border-box;
}
#location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li button {border:none;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;
    height: 60px;
    width: 260px;
    position: relative;
    color: #000;
    font-size:1.1em;
    font-weight:500;
    text-align: left;
    padding-left: 1px;
    background: url("/nmm/images/sub/location_down.png") no-repeat center right 30px; 

    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
}

#location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li button > span  {display:block; width:80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
#location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li:nth-child(2) {border-right:1px solid #ccc;}
#location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li button.active {
    background:url("/nmm/images/sub/location_up.png") no-repeat center right 30px; ;
}

#location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li button span {
    padding-left:30px; font-size:18px; 
}
#location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li div {

    position: relative;
}
#location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li div ul {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    /*border-top: 1px solid #26a4df;*/
    z-index: 99;
}
#location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li div ul li a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;padding-right:10px;
    background:#054f51;
    height: 40px;
    color: #fff;
    line-height: 40px;
    display: block;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
    padding-left: 19px;
    box-sizing: border-box;
    
}
#location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li div ul li a:hover {
    background: #3a7779;
}



#location_wrap #location.fix { width: 100%}
#location_wrap #location.fix .all-wrap { width: 100%;  position: fixed; top:114px; height:48px;}

#location_wrap #location.fix .all-wrap .loca-wrap {
    width: 1200px;
    margin: 0 auto;
    height: 48px;
}
#location_wrap #location.fix .all-wrap .loca-wrap .loca-area {
    float: left;
    height: 48px; 
}

#location_wrap #location.fix .all-wrap .loca-wrap .loca-area i {
    margin-top:6px;
}

#location_wrap #location.fix .all-wrap .loca-wrap .loca-area > ul > li {
    float: left; 
    height: 48px;
    position: relative;
}
#location_wrap #location.fix .all-wrap .loca-wrap .loca-area > ul > li button {
    height: 48px;
    }

#location_wrap #location.fix .all-wrap .loca-wrap .loca-area > ul > li button:before {
    position: absolute;
    top: 13px;
    left: 0;
    width: 1px;
    height: 20px;
    background: #a0d7f1;
    content: ""
}

/* location_branch */
#location_wrap #location_branch {width:100%; position:absolute; top:315px; height:70px; z-index:9;}
#location_wrap #location_branch .all-wrap {width:1200px; height:70px; margin:0 auto; left:0; right:0; position:absolute; top:0; background:rgba(67,183,74,0.9); -moz-box-shadow:0 10px 7px rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 10px 7px rgba(0, 0, 0, 0.12); box-shadow:0 10px 7px rgba(0, 0, 0, 0.12);}
#location_wrap #location_branch .all-wrap .loca-wrap {width:1200px; margin:0 auto; height:70px;}
#location_wrap #location_branch.fix {width:100%}
#location_wrap #location_branch.fix .all-wrap {width:100%;  position:fixed; top:114px; height:70px;}
#location_wrap #location_branch.fix .all-wrap .loca-wrap {width:1200px; margin: 0 auto; height:70px;}



@media screen and (max-width:1200px){
    #location_wrap {display:block;}
    #location_wrap #location .all-wrap {width:100%;}
    #location_wrap #location .all-wrap .loca-wrap .loca-area i {display:none;}
    #location_wrap #location .all-wrap {width:100%; border-radius:0px;}
}

@media screen and (max-width:600px){
    #location_wrap #location {top:0px;}
    #sub_list > div.sub_text {display:none;}
    #location_wrap #location {height:50px;}
    #location_wrap #location .all-wrap {height:100%;}
    #location_wrap #location .all-wrap .loca-wrap {height:100%;}
    
    #location_wrap #location .all-wrap .loca-wrap .loca-area {float:none; height:100%; margin-left:0;}
    #location_wrap #location .all-wrap .loca-wrap .loca-area i {display:none;}
    #location_wrap #location .all-wrap .loca-wrap .loca-area > ul {float:none;}
    #location_wrap #location .all-wrap .loca-wrap .loca-area > ul:after {content:""; display:block; clear:both;}
    #location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li:nth-child(1) button:before {display:none;}
    #location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li {height:100%;  width:calc(100%/2);}
    #location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li button {height:50px; font-size:1rem;}
    #location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li button:before {height:25px;}
    #location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li button span {padding-left:19px; font-size:1rem; display:block; width:60%; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
    #location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li button > span  { width:85%;}
    #location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li div ul li a {font-size:0.9375rem;}
  
}

@media screen and (max-width:500px){
    #location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li button.active {background-position:right 15% center;}
    #location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li button {background-position:right 15% center; width:100%;}
}
@media screen and (max-width:400px){
    #location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li button.active {background-position:right 7% center;}
    #location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li button {background-position:right 7% center; width:100%;}
    #location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li button span {padding-left:13px;}
    #location_wrap #location .all-wrap .loca-wrap .loca-area > ul > li div ul li a {padding-left:13px;}
}





/* 서브 left 메뉴 영역 */
.left_gnb_box {width:16.666666%; margin-right:5.333333%;}
.left_gnb_box .left_title {position:relative; display:inline-block; margin-bottom:15px; color:#054f51; font-size:2.1875rem; line-height:1; font-family:"SBAggroB";}
.left_gnb_box .left_title:after {content:""; display:block; width:15px; height:15px; background:#b4caca; border-radius:50%; position:absolute; top:-8px; right:-23px;}

.left_gnb_box .left_gnb_list {border-top:2px solid; border-image:linear-gradient(to right, #3c2432 29%, #28a3b6 67%, #4db678 100%); border-image-slice:1;}


.left_gnb_box .left_gnb_list > li {position:relative; height:60px; border-bottom:1px solid #ddd; box-sizing:border-box; transition:all .5s;}
.left_gnb_box .left_gnb_list > li > a {display:block; height:100%; padding-left:10px; color:#999; line-height:60px; font-size:1.125rem; font-weight:400;}
.left_gnb_box .left_gnb_list > li:after {content:">"; display:block; color:#999; font-size:0.625rem; font-family:"SBAggroL"; position:absolute; top:50%; right:10px; transform:translateY(-50%);}
.left_gnb_box .left_gnb_list > li.color {background-color:#f7f7f7;}
.left_gnb_box .left_gnb_list > li.color > a {color:#054f51; font-weight:500;}
.left_gnb_box .left_gnb_list > li.color:after {color:#054f51; font-family:"SBAggroM";}
.left_gnb_box .left_gnb_list > li:hover {background:#f7f7f7;}
.left_gnb_box .left_gnb_list > li:hover > a {color:#054f51; font-weight:500;}
.left_gnb_box .left_gnb_list > li:hover:after {color:#054f51; font-family:"SBAggroM";}


/* 서브 right top 영역 */
.right_cont {width:78%;}
.right_cont_100 {width:100%;}
.right_cont .right_title_top {display:flex; align-items:flex-end; justify-content:space-between; padding-bottom:15px; border-bottom:2px solid #333;}
.right_cont .right_title {color:#333; font-size:2.1875rem; line-height:1; font-family:"SBAggroB";}
.right_cont .right_nave_wrap {}
.right_cont .right_nave_wrap:after {content:""; display:block; clear:both;}
.right_cont .right_nave_wrap > li {float:left; display:flex; align-items:center; color:#999; font-weight:400;}
.right_cont .right_nave_wrap > li:first-child {padding-left:20px; background:url("/nmm/images/sub/sub_home_icon.png") no-repeat left center;; }
.right_cont .right_nave_wrap > li:after {content:">";  display:inline-block; font-size:0.625rem; line-height:1; font-family:"Gulim"; margin:0px 8px;}
.right_cont .right_nave_wrap > li:last-child:after {display:none;}
.right_cont .right_nave_wrap > li.color {color:#333; font-weight:500;}


@media screen and (max-width:1600px){
    .sub_cont_center {width:95%; margin:0px auto;}
}
@media screen and (max-width:1500px){
    .left_gnb_box {width:18%; margin-right:4%;}

}
@media screen and (max-width:1500px){
    .left_gnb_box {width:19%; margin-right:3%;}

}

@media screen and (max-width:1200px){
    .sub_cont_wrap {padding:70px 0px 80px;}
    .sub_cont_center {display:block;}
    .left_gnb_box {display:none;}
    .right_cont {width:100%;}
    .right_cont .right_title_top {display:none;}
    .content {padding:0px;}
    
}

@media screen and (max-width:1024px){
    .sub_cont_wrap {padding:60px 0px 80px;}
}
@media screen and (max-width:768px){
    .sub_cont_wrap {padding:50px 0px 70px;}
}
@media screen and (max-width:600px){
    .sub_cont_wrap {padding:40px 0px 60px;}
}








/* 건립배경 및 목적 */
.construct_wrap .construct_tit {margin-bottom:45px; text-align:center; font-family:"SBAggroB";}
.construct_wrap .construct_tit > strong {font-size:2.5rem; -webkit-background-clip:text; color:transparent; background-image:linear-gradient(to right, #3c2432 5%, #28a3b6 50%, #4db678 100%); }
.construct_wrap .construct_tit > b {display:block; color:#333; font-size:1.875rem; line-height:1.2;}

.construct_wrap .icon_text {width:760px; margin:0px auto 45px;}
.construct_wrap .icon_text:after {content:""; display:block; clear:both;}
.construct_wrap .icon_text > li {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; float:left; width:29%; height:220px; border-radius:50%; margin-right:6.5%;}
.construct_wrap .icon_text > li::before {content:""; display:block; width:30%; height:1px; background:#cecdd3; position:absolute; top:50%; transform:translateY(-50%); right:-30%;}
.construct_wrap .icon_text > li:last-child::before {display:none;}
.construct_wrap .icon_text > li:nth-child(1) {background:#93cfd9;}
.construct_wrap .icon_text > li:nth-child(2) {background:#9bd9d0;}
.construct_wrap .icon_text > li:nth-child(3) {background:#a5dabc; margin-right:0px;}
.construct_wrap .icon_text > li .img_icon {margin-bottom:15px;}
.construct_wrap .icon_text > li > span {display:block; color:#fff; text-align:center; font-size:1.25rem; line-height:1.3; font-family:"SBAggroM";}
.construct_wrap .text_wrap > p {margin-bottom:40px; color:#333; font-size:1.0625rem; line-height:1.8;}
.construct_wrap .text_wrap > p:last-child {margin-bottom:0px;}


@media screen and (max-width:1200px){
    .construct_wrap .construct_tit > strong {font-size:2.1875rem;}
    .construct_wrap .construct_tit > b {font-size:1.5625rem;}
}

@media screen and (max-width:1024px){
    .construct_wrap .construct_tit {margin-bottom:35px;}
    .construct_wrap .construct_tit > strong {font-size:1.875rem;}
    .construct_wrap .construct_tit > b {font-size:1.375rem;}
    .construct_wrap .icon_text {width:691px; margin:0px auto 35px;}
    .construct_wrap .icon_text > li {width:200px; height:200px;}
    .construct_wrap .icon_text > li:nth-child(1) .img_icon {width:100px;}
    .construct_wrap .icon_text > li:nth-child(2) .img_icon {width:100px;}
    .construct_wrap .icon_text > li:nth-child(3) .img_icon {width:80px;}
    .construct_wrap .text_wrap > p {margin-bottom:30px;}
}

@media screen and (max-width:768px){
    .construct_wrap .construct_tit > strong {font-size:1.5625rem;}
    .construct_wrap .construct_tit > b {font-size:1.25rem;}
    .construct_wrap .icon_text {width:100%; display:flex; justify-content:center;}
    .construct_wrap .icon_text > li {float:none; width:180px; height:180px; margin-right:4%;}
    .construct_wrap .icon_text > li:nth-child(1) .img_icon {width:95px;}
    .construct_wrap .icon_text > li:nth-child(2) .img_icon {width:95px;}
    .construct_wrap .icon_text > li:nth-child(3) .img_icon {width:75px;}
    .construct_wrap .icon_text > li > span {font-size:1.125rem;}
    .construct_wrap .text_wrap > p {margin-bottom:25px;} 

}

@media screen and (max-width:700px){
    .construct_wrap .icon_text > li { width:170px; height:170px;}
    .construct_wrap .icon_text > li:nth-child(1) .img_icon {width:85px;}
    .construct_wrap .icon_text > li:nth-child(2) .img_icon {width:85px;}
    .construct_wrap .icon_text > li:nth-child(3) .img_icon {width:65px;}
}

@media screen and (max-width:600px){
    .construct_wrap .construct_tit {margin-bottom:30px;}
    .construct_wrap .construct_tit > strong {font-size:1.25rem;}
    .construct_wrap .construct_tit > b {font-size:1.125rem;}
    .construct_wrap .icon_text {margin:0px auto 30px;}
    .construct_wrap .icon_text > li { width:150px; height:150px;}
    .construct_wrap .icon_text > li:nth-child(1) .img_icon {width:70px;}
    .construct_wrap .icon_text > li:nth-child(2) .img_icon {width:70px;}
    .construct_wrap .icon_text > li:nth-child(3) .img_icon {width:55px;}
    .construct_wrap .icon_text > li > span {font-size:1.0625rem;}
    .construct_wrap .text_wrap > p {margin-bottom:20px; font-size:1rem; word-break:initial; text-align:justify;}
}
@media screen and (max-width:550px){
    .construct_wrap .icon_text > li {width:130px; height:130px; margin-right:3%;}
    .construct_wrap .icon_text > li .img_icon {margin-bottom:10px;}
    .construct_wrap .icon_text > li:nth-child(1) .img_icon {width:60px;}
    .construct_wrap .icon_text > li:nth-child(2) .img_icon {width:60px;}
    .construct_wrap .icon_text > li:nth-child(3) .img_icon {width:45px;}
    .construct_wrap .icon_text > li > span {font-size:1rem;}
}

@media screen and (max-width:500px){
    .construct_wrap .construct_tit {margin-bottom:25px;}
    .construct_wrap .icon_text {margin:0px auto 25px;}
    .construct_wrap .text_wrap > p {line-height:1.7;}
}


@media screen and (max-width:450px){
    .construct_wrap .icon_text > li {width:120px; height:120px;}

    .construct_wrap .icon_text > li:nth-child(1) .img_icon {width:50px;}
    .construct_wrap .icon_text > li:nth-child(2) .img_icon {width:50px;}
    .construct_wrap .icon_text > li:nth-child(3) .img_icon {width:35px;}
    .construct_wrap .icon_text > li > span {font-size:0.9375rem;}
}

@media screen and (max-width:400px){
    .construct_wrap .icon_text > li {width:105px; height:105px;}
}



/* 연혁 */
.history_wrap {}
.history_wrap .history_tit {margin-bottom:20px; color:#333; font-size:1.875rem; text-align:center; font-family:"SBAggroB";}
.history_wrap .bg_gray_text {color:#333; padding:20px; background:#f7f7f7; font-size:1.0625rem; border-radius:8px; line-height:1.8;}
.history_wrap .history_box {margin-top:50px; padding-top:195px; padding-bottom:50px; position:relative;}
.history_wrap .history_box:after {content:""; display:block; width:1px; height:100%; background:#eee; position:absolute; top:0px; left:50%; transform:translateX(-50%);}
.history_wrap .history_round {position:absolute; top:0px; left:50%; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:130px; height:130px; background:#84cab0; border:10px solid #e6f4ef; border-radius:50%; color:#fff; font-size:1.3125rem; text-align:center; z-index:99;}
.history_wrap .history_list {margin-bottom:50px;}
.history_wrap .history_list:last-child {margin-bottom:0px;}
.history_wrap .history_list:after {content:""; display:block; clear:both;}
.history_wrap .history_list > li {width:50%;}
.history_wrap .history_list > li > b {position:relative; display:block; margin-bottom:15px; color:#84cab0; font-size:1.5625rem; font-weight:550; line-height:1;}
.history_wrap .history_list > li > b:after {content:""; display:block; width:7px; height:7px; background:#84cab0; border-radius:50%; border:3px solid #e6f4ef; position:absolute; top:50%; left:-25px; transform:translateY(-50%); z-index:1;}
.history_wrap .history_list > li .history_sub {}
.history_wrap .history_list > li .history_sub > li {position:relative; margin-bottom:8px;}
.history_wrap .history_list > li .history_sub > li:last-child {margin-bottom:0px;}
.history_wrap .history_list > li .history_sub > li .date {position:absolute; color:#b4b4b4; font-weight:550;}
.history_wrap .history_list > li .history_sub > li .text {}


.history_wrap .history_list > li.right {float:right; padding-left:19px;}
.history_wrap .history_list > li.right .history_sub > li {padding-left:68px;}
.history_wrap .history_list > li.right .history_sub > li .date {top:0px; left:0px;}



.history_wrap .history_list > li.left {float:left; padding-right:19px;}
.history_wrap .history_list > li.left b {text-align:right;}
.history_wrap .history_list > li.left > b:after {left:initial; right:-25px;}
.history_wrap .history_list > li.left .history_sub > li {text-align:right; padding-right:68px;}
.history_wrap .history_list > li.left .history_sub > li .date {top:0px; right:0px;}



@media screen and (max-width:1200px){
    .history_wrap .history_tit {font-size:1.5625rem;}
}

@media screen and (max-width:1024px){
    .history_wrap .history_tit {font-size:1.375rem;}
    .history_wrap .history_list > li > b {font-size:1.375rem;}
    .history_wrap .history_round {font-size:1.25rem;}

}


@media screen and (max-width:900px){
    .history_wrap .history_list > li .history_sub > li .text br {display:none;}
}

@media screen and (max-width:768px){
    .history_wrap .history_tit {font-size: 1.25rem;}
    .history_wrap .history_list > li > b {font-size:1.25rem;}
    .history_wrap .bg_gray_text {font-size:1rem;}
    .history_wrap .history_box {margin-top:40px;}

}

@media screen and (max-width:600px){
    .history_wrap .history_tit {font-size: 1.125rem;}
    .history_wrap .bg_gray_text {padding:20px 15px;}

    .history_wrap .history_box {padding-top:70px;}
    .history_wrap .history_box:after {left:0px; transform:none;}

    .history_wrap .history_list {margin-bottom:40px;}
    .history_wrap .history_list > li > b {font-size:1.125rem;}
    .history_wrap .history_list > li {width:100%;}
    .history_wrap .history_round {display:inline-block; left:0px; transform:none; width:auto; height:auto; padding:3px 10px; border-radius:5px; border:5px solid #e6f4ef; font-size:1.0625rem;}


    
    .history_wrap .history_list > li.right {float:none;}
    .history_wrap .history_list > li.left {float:none; padding-left:19px; padding-right:0px;}
    .history_wrap .history_list > li.left b {text-align:left;}
    
    .history_wrap .history_list > li.left > b:after {right:initial; left:-25px;}
    .history_wrap .history_list > li.left .history_sub > li {text-align:left; padding-left:68px; padding-right:0px;}
    .history_wrap .history_list > li.left .history_sub > li .date {left:0px; right:initial;}
    

}

@media screen and (max-width:500px){
    .history_wrap .history_list {margin-bottom:30px;}
    .history_wrap .history_list > li.right .history_sub > li {padding-left:63px;}

}

/* 조직 및 주요업무 영역 */
.organization_wrap {}
.organization_wrap .organization_box {/*width:660px;*/ width:70%; margin:0px auto 60px; color:#fff; font-size:1.25rem; font-family:"SBAggroB";}
.organization_wrap .organization_box ul li {width:30%; height:70px; margin-right:5%; border-radius:8px; text-align:center; line-height:70px; /*cursor:pointer;*/}
.organization_wrap .organization_box ul li:last-child {margin-right:0px;}
.organization_wrap .organization_top {position:relative; display:flex; justify-content:center; margin-bottom:60px;}
.organization_wrap .organization_top:after {content:""; display:block; /*width:66.9%;*/ width:70.5%; height:1px; background:#d8d8d8; position:absolute; bottom:-30px; left:50%; transform:translateX(-50%);}
.organization_wrap .organization_top > li {position:relative; background:#054f51;}
.organization_wrap .organization_top a { color:#FFF; }
.organization_wrap .organization_top > li:after {content:""; display:block; width:1px; height:30px; background:#d8d8d8; position:absolute; bottom:-30px; left:50%; transform:translateX(-50%);}

.organization_wrap .organization_bot {display:flex; justify-content:space-between;}
.organization_wrap .organization_bot > li {position:relative; background:#a6a6a6;}
.organization_wrap .organization_bot > li a { color:#FFF; }
.organization_wrap .organization_bot > li:after {content:""; display:block; width:1px; height:30px; background:#d8d8d8; position:absolute; top:-30px; left:50%; transform:translateX(-50%);}
.organization_wrap .organization_tb_tit {font-size:1.1875rem; font-weight:550;}

div.tb {overflow-x:auto; width:100%;}
.organization_wrap .organization_tb {width:100%; margin:15px auto 0px; border-top:3px solid #054f51; min-width:768px; overflow:hidden;}
.organization_wrap .organization_tb tr {border-bottom:1px solid #d9d9d9; text-align:center; }
.organization_wrap .organization_tb th {background:#f7f7f7;  text-align:center; vertical-align:middle; color:#000; font-weight:550; font-size:1.0625rem; height:60px; padding:0px 3px; box-sizing:border-box; }

.organization_wrap .organization_tb td { text-align:center; vertical-align:middle; color:#000; font-size:1.0625rem; padding:15px 3px; box-sizing:border-box; word-break:keep-all; }
.organization_wrap .organization_tb td.left_l {text-align:left; padding-left:20px;}

.box01 { display: none; }
.box02 { display: none; }
.box03 { display: none; }
.box04 { display: none; }


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

@media screen and (max-width:1024px){
    .organization_wrap .organization_box {margin:0px auto 50px;}
}

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

    .organization_wrap .organization_box {width:100%; margin:0px auto 40px; padding:0px 40px;}
    /* .organization_wrap .organization_top:after {width:70%;} */
    .organization_wrap .organization_box ul li {width:30%; height:60px; font-size:1.125rem; line-height:60px;}

    .organization_wrap .organization_tb_tit {font-size:1.125rem;}
    .organization_wrap .organization_tb th {font-size:1rem; height:55px;}
    .organization_wrap .organization_tb td {font-size:1rem;}
    
}
@media screen and (max-width:700px){
    .organization_wrap .organization_box ul li {width:35%; font-size:1.0625rem;}
    /* .organization_wrap .organization_top:after {width:65%;} */
    
    
}

@media screen and (max-width:600px){
    .organization_wrap .organization_box {padding:0px 20px;}

    .organization_wrap .organization_box ul li {width:40%; height:55px; line-height:55px; font-size:1rem;}
    /* .organization_wrap .organization_top:after {width:60%;} */

    .organization_wrap .organization_tb_tit {font-size:1.0625rem;}
}

@media screen and (max-width:500px){
    .organization_wrap .organization_box {padding:0px;}
    
    .organization_wrap .organization_box ul li {width:23.5%; margin-right:2%; height:50px; line-height:50px; font-size:0.9375rem;}
    .organization_wrap .organization_top:after {width:77%;}



}

@media screen and (max-width:450px){
    /* .organization_wrap .organization_box {padding:0px 15px;} */
    /* .organization_wrap .organization_top:after {width:60%;} */

    .organization_wrap .organization_box ul li {width:45%; height:auto; padding:13px 0px; line-height:initial; border-radius:5px;}
    .organization_wrap .organization_box .organization_bot  > li {width:40%;}

    .organization_wrap .organization_box ul li {font-size:0.8125rem;}


}

@media screen and (max-width:370px){
    .organization_wrap .organization_box ul li {width:50%;}
}


/* 전체 서브 공통영역*/
.sub_tit {display:inline-block; margin-bottom:15px; padding-left:30px; position:relative; font-size:1.3125rem; font-weight:550;}
.sub_tit:after {content:""; display:block; width:25px; height:22px; background:url("/nmm/images/sub/san_dot.png") no-repeat center; position:absolute; top:50%; left:0px; transform:translateY(-50%);}

.sub_text {margin-bottom:40px; font-size:1.0625rem; line-height:1.7;}

.sub_tit_pd0 {padding-left:0px;}
.sub_tit_pd0:after {left:-30px;}

.sub_tit_mgt50 {margin-top:50px;} 

.info_icon {display:block; position:relative; margin-top:5px; padding-left:22px; color:#777; font-size:0.9375rem;}
.info_icon:after {content:"!"; display:block; width:17px; height:17px; color:#fff; font-size:0.625rem; background:#ff4c4c; border-radius:50%; text-align:center; line-height:17px; position:absolute; top:3px; left:0px;}
.info_icon_mt0 {margin-top:0px;}

@media screen and (max-width:1200px){
    .sub_tit_pd0 {padding-left:30px;}
    .sub_tit_pd0:after {left:0px;}

    .sub_text {padding-left:30px;}

}

@media screen and (max-width:1024px){
    .sub_tit  {font-size:1.25rem;}
    

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

    .sub_tit {margin-bottom:10px; padding-left:25px; font-size:1.125rem;}
    .sub_tit:after {width:20px; height:18px; background-size:100%;}

    .sub_tit_pd0 {padding-left:25px;}
    .sub_text {margin-bottom:30px; padding-left:25px; font-size:1rem;}
    
    .sub_tit_mgt50 {margin-top:40px;} 


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

    .sub_tit {font-size:1.0625rem;}
    .sub_tit:after {width:18px; height:16px; background-size:100%;}


}



/* 시설현황 */
.facility_wrap .facility_list_top {}
.facility_wrap .facility_list_top > li {display:flex; margin-bottom:40px; padding:0px 0px 40px; border-bottom:1px dashed #f1f1f1;}
.facility_wrap .facility_list_top > li .f_text_left {width:48%; margin-right:4%;}
.facility_wrap .facility_list_top > li .f_img_right {width:48%; margin-top:50px;}
.facility_wrap .facility_list_top > li .f_img_right > img {width:100%;}

.facility_wrap .facility_sub_text > li {margin-bottom:20px; font-size:1.0625rem;}
.facility_wrap .facility_sub_text > li > b {display:inline-block; font-weight:500; line-height:1.7;}
.facility_wrap .facility_sub_text > li > p {line-height:1.7; font-weight:400;}
.facility_wrap .facility_sub_text > li .font_pink {color:#e00000; font-size:0.9375rem;}

.facility_wrap .facility_list_bot {}
.facility_wrap .facility_list_bot:after {content:""; display:block; clear:both;}
.facility_wrap .facility_list_bot > li {float:left; width:30.666666%; margin-right:4%;}
.facility_wrap .facility_list_bot > li:last-child {margin-right:0px;}
.facility_wrap .facility_list_bot > li .img {border-radius:15px; overflow:hidden;}
.facility_wrap .facility_list_bot > li > p {margin-top:15px; font-size:1.0625rem;}



@media screen and (max-width:1200px){
    .facility_sub_text {padding-left:25px;}
}
@media screen and (max-width:1024px){

    .facility_wrap .facility_list_top > li .f_text_left {width:48.5%; margin-right:3%;}
    .facility_wrap .facility_list_top > li .f_img_right {width:48.5%;}

}

@media screen and (max-width:768px){
    .facility_sub_text {padding-left:25px;}
    .facility_wrap .facility_list_top > li {display:block; margin-bottom:30px; padding:0px 0px 30px;}
    
    .facility_wrap .facility_list_top > li .f_text_left {width:100%; margin-right:0px;}
    .facility_wrap .facility_list_top > li .f_img_right {width:100%; margin-top:30px;}
    .facility_wrap .facility_sub_text > li {margin-bottom:15px;}
    .facility_wrap .facility_sub_text > li > p {font-size:1rem;}

    .facility_wrap .facility_list_bot > li {width:100%; margin-bottom:30px; padding-bottom:30px; margin-right:0px; border-bottom:1px dashed #f1f1f1;}
    .facility_wrap .facility_list_bot > li:last-child {margin-bottom:0px; padding-bottom:0px; border-bottom:none;}
    .facility_wrap .facility_list_bot > li .img > img {width:100%;}
    .facility_wrap .facility_list_bot > li > p {font-size:1rem;}
}




/* 박물관 로고 영역 */
.museum_logo_wrap .logo_list {margin-bottom:65px;}
.museum_logo_wrap .logo_list:after {content:""; display:block; clear:both;}
.museum_logo_wrap .logo_list > li { float:left; width:30.666666%; margin-right:4%; box-sizing:border-box;}
.museum_logo_wrap .logo_list > li:last-child {margin-right:0px;}
.museum_logo_wrap .logo_list > li > b {display:inline-block; margin-bottom:10px; font-size:1.0625rem; font-weight:500;}
.museum_logo_wrap .logo_list > li .logo_box {display:flex; flex-direction:column; justify-content:space-evenly; align-items:center; height:290px; padding:0px 10px; border:1px solid #e0e0e0; background:url("/san/images/sub/museum_logo_bg.png") no-repeat center/cover; box-sizing:border-box;}

.museum_logo_wrap .logo_prohibit {display:flex; flex-wrap:wrap;}
.museum_logo_wrap .logo_prohibit > li {display:flex; flex-direction:column; flex:none; flex-basis:21.25%; margin-right:5%; margin-bottom:50px;}
.museum_logo_wrap .logo_prohibit > li:nth-child(4n) {margin-right:0;}
.museum_logo_wrap .logo_prohibit > li > p {margin-top:5px; font-size:0.875rem; text-align:center;}


@media screen and (max-width:1300px){
    .museum_logo_wrap .logo_list > li {width:31.333333%; margin-right:3%;}

}


@media screen and (max-width:1200px){
    .museum_logo_wrap .logo_prohibit {padding-left:30px;}
    .museum_logo_wrap .logo_list {padding-left:30px;}
}

@media screen and (max-width:1024px){
    .museum_logo_wrap .logo_list > li .logo_box {padding:20px 10px;}
}

@media screen and (max-width:768px){
    
    .museum_logo_wrap .logo_list {margin-bottom:40px; padding-left:25px;}
    .museum_logo_wrap .logo_list > li {width:100%; margin-right:0px; margin-bottom:30px;}
    .museum_logo_wrap .logo_list > li:last-child {margin-bottom:0px;}
    .museum_logo_wrap .logo_list > li .logo_box {height:auto;}
    .museum_logo_wrap .logo_list .logo_box div:nth-child(1) {margin-bottom:20px;}
    .museum_logo_wrap .logo_prohibit {padding-left:25px;}
    .museum_logo_wrap .logo_prohibit > li {flex-basis:31.333333%; margin-right:3%; margin-bottom:30px;}
    .museum_logo_wrap .logo_prohibit > li:nth-child(4n) {margin-right:3%;}
    .museum_logo_wrap .logo_prohibit > li:nth-child(3n) {margin-right:0px;}
    .museum_logo_wrap .logo_prohibit > li .prohibit_img img {width:100%;}
    .museum_logo_wrap .logo_list > li > b {font-size:1rem;}

    
    
} 

@media screen and (max-width:600px){
    .museum_logo_wrap .logo_list {margin-bottom:30px;}
    .museum_logo_wrap .logo_list > li {margin-bottom:25px;}
    .museum_logo_wrap .logo_prohibit > li {flex-basis:49%; margin-right:2%; margin-bottom:20px;}
    .museum_logo_wrap .logo_prohibit > li:nth-child(4n) {margin-right:2%;}
    .museum_logo_wrap .logo_prohibit > li:nth-child(3n) {margin-right:2%;}
    .museum_logo_wrap .logo_prohibit > li:nth-child(2n) {margin-right:0px;}


}

/* 관람안내 영역 */
.guide_wrap {position:relative;}
.guide_wrap .squar_dot > li {display:flex; justify-content:flex-start; margin-bottom:10px; font-size:1.0625rem; }
.guide_wrap .squar_dot > li:last-child {margin-bottom:0px;}
.guide_wrap .squar_dot > li > span {display:inline-block; min-width:66.92px; margin-right:10px; height:36px; border-radius:5px; background:#333; line-height:36px; text-align:center; color:#fff;}
.guide_wrap .squar_dot > li .text {}
.guide_wrap .squar_dot > li .text > b {display:inline-block; margin:5px 0px 0px; font-weight:500;}
.guide_wrap .round_dot {}
.guide_wrap .round_dot > li {position:relative; margin-bottom:10px; padding-left:28px;}
.guide_wrap .round_dot > li:last-child {margin-bottom:0px;}
.guide_wrap .round_dot > li .number {display:block; width:20px; height:20px; background:#777; color:#fff; font-size:0.8125rem; text-align:center; line-height:20px; border-radius:50%; position:absolute; top:4px; left:0px;}





.guide_wrap .guide_box {display:flex;}
.guide_wrap .guide_box > .box:nth-child(1) {margin-right:20%; min-width:348.36px;}
.guide_wrap .guide_box > .box:nth-child(2) {min-width:378.45px;}


@media screen and (max-width:1300px){
.guide_wrap .guide_box > .box:nth-child(1) {margin-right:15%;}

}

@media screen and (max-width:1220px){
    .guide_wrap .guide_box > .box:nth-child(1) {margin-right:10%;}
    
    }


@media screen and (max-width:1200px){
    .guide_wrap .squar_dot {padding-left:30px;}
    .guide_wrap .round_dot {padding-left:30px;}

    .guide_wrap .guide_box > .box:nth-child(1) {margin-right:15%;  min-width:378.36px;}
    .guide_wrap .guide_box > .box:nth-child(2) {min-width:432.8px;}

}

@media screen and (max-width:1024px){
    .guide_wrap .guide_img {width:300px;}
}

@media screen and (max-width:1000px){
    .guide_wrap .guide_box > .box:nth-child(1) {margin-right:10%;}
}


@media screen and (max-width:960px){
    .guide_wrap .guide_box > .box:nth-child(1) {margin-right:5%;}

}
@media screen and (max-width:900px){
    .guide_wrap .guide_box > .box:nth-child(1) {margin-right:3%;}

}

@media screen and (max-width:880px){
    .guide_wrap .guide_box  {display:block;}
    .guide_wrap .guide_box > .box:nth-child(1) {margin-right:3%; min-width:auto;}
    .guide_wrap .guide_box > .box:nth-child(2) {min-width:auto;}


}

@media screen and (max-width:768px){
    .guide_wrap .squar_dot {padding-left:25px;}
    .guide_wrap .round_dot {padding-left:25px;}
    .guide_wrap .squar_dot > li {font-size:1rem;}
    .guide_wrap .squar_dot > li .text > b {margin:0px;}
    .guide_wrap .guide_img {width:250px;}
    .guide_wrap .round_dot > li {font-size:1rem;}

}

@media screen and (max-width:720px){
    .guide_wrap .guide_img {width:210px;}

}

@media screen and (max-width:700px){
    .guide_wrap .guide_img_wrap {text-align:center;}
    .guide_wrap .guide_img {position:static; width:auto;}

}

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

}

@media screen and (max-width:500px){
    .guide_wrap .squar_dot > li {display:block;}
    .guide_wrap .squar_dot > li > span {margin-right:0px; margin-bottom:5px; height:33px; line-height:33px; font-size:0.9375rem;}
}


/* 오시는 길 영어로 */
.way_wrap .way_map_box {border-bottom:1px solid #e7e7e7;}
.way_wrap .map_address_text {padding:30px 20px; box-sizing:border-box;}
.way_wrap .map_address_text > li {display:flex; align-items:center; margin-bottom:5px; font-size:1.0625rem;}
.way_wrap .map_address_text > li:last-child {margin-bottom:0px;}
.way_wrap .map_address_text > li > span {display:inline-block; min-width:57px; height:36px; margin-right:10px; background:#333; color:#fff; text-align:center; line-height:36px; border-radius:5px; line-height:36px;}
.way_wrap .map_address_text > li > p {}

.way_wrap .way_use_text {padding:30px 20px 0px; box-sizing:border-box;}
.way_wrap .way_use_text > li {display:flex; margin-bottom:50px;}
.way_wrap .way_use_text > li:last-child {margin-bottom:0px;}
.way_wrap .way_use_text > li .icon {position:relative; min-width:56px; height:56px; margin-right:13px; border-radius:5px; background:#ededed;}
.way_wrap .way_use_text > li .icon > img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.way_wrap .way_use_text > li .text {margin-top:10px;}
.way_wrap .way_use_text > li .text > strong {display:inline-block; margin-bottom:10px; font-size:1.3125rem; font-weight:550;}
.way_wrap .way_use_text > li .text > p {margin-bottom:20px; font-size:1.0625rem;}
.way_wrap .way_use_text > li .text > p:nth-of-type(4) {margin-bottom:0px;}
.way_wrap .way_use_text > li .text > p > b {font-weight:500;}
.way_wrap .way_use_text > li .text .use_number {}
.way_wrap .way_use_text > li .text .use_number > li {margin-bottom:5px;}
.way_wrap .way_use_text > li .text .use_number > li:last-child {margin-bottom:0px;}
.way_wrap .way_use_text > li .text .use_number > li > span {display:inline-block; padding:9px; line-height:1; color:#fff; font-size:1.0625rem; border-radius:5px; margin-right:8px;}
.way_wrap .way_use_text > li .text .use_number > li > span:last-child {margin-right:0px;}
.way_wrap .way_use_text > li .text .use_number > li > span {}
.way_wrap .way_use_text > li .text .use_number > li > .bg_blue {background:#00afbd;}
.way_wrap .way_use_text > li .text .use_number > li > .green {background:#47af1b;}



@media screen and (max-width:1024px){
    .way_wrap .way_use_text > li .icon {min-width:50px; height:50px;}
    .way_wrap .way_use_text > li .icon > img {width:28px;}
    .way_wrap .way_use_text > li .text > strong {font-size:1.125rem;}
}

@media screen and (max-width:768px){
    .way_wrap .map_address_text {padding:20px 15px;}
    .way_wrap .map_address_text > li {font-size:1rem;}

    .way_wrap .way_use_text {padding:20px 15px 0px;}
    .way_wrap .way_use_text > li {margin-bottom:40px;}
    .way_wrap .way_use_text > li .text .use_number > li > span {font-size:1rem;}
    .way_wrap .way_use_text > li .text > strong {margin-bottom:5px; font-size:1.0625rem;}
    .way_wrap .way_use_text > li .text > p {margin-bottom:15px; font-size:1rem;}
}


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

    .way_wrap .map_address_text {padding:15px 10px;}
    .way_wrap .map_address_text > li {display:block;}
    .way_wrap .map_address_text > li > span {height:33px; font-size:0.9375rem; line-height:33px;}
    .way_wrap .way_use_text {padding:15px 10px 0px;}
    
    .way_wrap .way_use_text > li {display:block; margin-bottom:30px;}
    .way_wrap .way_use_text > li .icon {min-width:45px; width:45px; height:45px; margin-right:0px;}
    .way_wrap .way_use_text > li .icon > img {width:25px;}

    .way_wrap .way_use_text > li .text .use_number > li:after {content:""; display:block; clear:both;}
    .way_wrap .way_use_text > li .text .use_number > li > span {float:left;}
    
    

}


@media screen and (max-width:354px){
    .way_wrap .way_use_text > li .text .use_number > li > span {font-size:0.9375rem;}
}



/* 체험안내 영역 */
.experience_wrap .text {margin-bottom:20px; font-size:1.0625rem;}
.experience_wrap .round_dot2 {}
.experience_wrap .round_dot2 > li {position:relative; margin-bottom:5px; padding-left:17px; font-size:1.0625rem;}
.experience_wrap .round_dot2 > li:after {content:""; display:block; width:7px; height:7px; background:#dbdada; border-radius:50%; position:absolute; top:10px; left:0px;}
.experience_wrap .experience_text:nth-of-type(1) {margin-top:0px;}
.experience_wrap .experience_text {display:block; font-size:1.0625rem; font-weight:500; margin-top:25px;}
.experience_wrap .e_btn {display:inline-block; margin-top:20px; padding:15px 50px 15px 20px; color:#fff; font-size:1.0625rem; line-height:1; background:#ff4c4c url("/san/images/sub/e_btn_arrow.png") no-repeat right 15px center; border-radius:5px; transition:all .5s;}
.experience_wrap .e_btn:hover {background-color:#ee2626;}

.experience_wrap .experience_img {margin-top:10px;}
.experience_wrap .experience_img > img {border-radius:10px;}



@media screen and (max-width:1200px){
    .experience_wrap .text {padding-left:30px;}
    .experience_wrap .round_dot2 {padding-left:30px;}
    .experience_wrap .experience_text {padding-left:30px;}
}

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

}

@media screen and (max-width:768px){
    .experience_wrap .text {padding-left:25px; font-size:1rem;}
    .experience_wrap .round_dot2 {padding-left:25px;}
    .experience_wrap .round_dot2 > li {font-size:1rem;}
    .experience_wrap .experience_text {padding-left:25px; font-size:1rem;}
    .experience_wrap .e_btn {font-size:1rem;}



}


/* 자주하는 질문 */
.question_wrap {}
.question_wrap > li {margin-bottom:20px; border-radius:5px; background:#f7f7f7;}
.question_wrap > li:last-child {margin-bottom:0px;}
.question_wrap > li > a {position:relative; padding:20px; display:flex; font-size:1.0625rem; font-weight:500;}

.question_wrap > li > a:after {content:""; position:absolute; z-index:1; top:50%; transform:translateY(-50%); right:20px; width:14px; height:7px; background:url("/san/images/sub/question_arrow_down.png") no-repeat center;}
.question_wrap > li > a.fontbg:after {content:""; position:absolute; z-index:1; top:50%; transform:translateY(-50%); right:20px; width:14px; height:7px; background:url("/san/images/sub/question_arrow_up.png") no-repeat center;}
.question_wrap > li .square_text {display:block; width:26px; min-width:26px; height:26px; margin-right:10px; color:#fff; font-size:1.0625rem; text-align:center; line-height:26px; border-radius:5px;}
.question_wrap > li .q_text {background:#ff4c4c;}
.question_wrap > li .a_text {background:#777;}

.question_wrap > li .question_sub {display:none;  padding:0px 20px 20px;}
.question_wrap > li .question_sub > li {display:flex; padding-top:20px; border-top:1px solid #e0e0e0; font-size:1.0625rem;}


@media screen and (max-width:768px){
    .question_wrap > li {margin-bottom:15px;}
    .question_wrap > li > a {padding:15px; font-size:1rem;}
    .question_wrap > li .square_text {width:25px; min-width:25px; height:25px; font-size:1rem; line-height:25px;}
    .question_wrap > li .question_sub {padding:0px 15px 15px;}
    .question_wrap > li .question_sub > li {padding-top:15px; font-size:1rem;}
}

@media screen and (max-width:500px){
    .question_wrap > li > a {padding:15px 40px 15px 15px;}
}


/* 층별 안내 영역 */

.floor_wrap .floor_tab:after {content:""; display:block; clear:both;}
.floor_wrap .floor_tab > li {float:left; width:24.25%; height:60px; margin-right:1%; border-radius:8px; overflow:hidden; transition:all .5s;}
.floor_wrap .floor_tab > li:last-child {margin-right:0px;}
.floor_wrap .floor_tab > li > a {display:block; height:100%; background:#f2f2f2; color:#999; font-size:1.25rem; text-align:center; line-height:60px; transition:all .5s;}
.floor_wrap .floor_tab > li.color > a {background:#004b4c; color:#fff;}
.floor_wrap .floor_tab > li:hover > a {background:#004b4c; color:#fff;}
.floor_wrap .floor_img_top {text-align:center; padding:50px 0px 30px; border-bottom:1px dashed #dcdcdc;}
.floor_wrap .floor_bot:after {content:""; display:block; clear:both;}
.floor_wrap .floor_bot > li {float:left; width:47%; margin-right:6%; margin-top:55px;}
.floor_wrap .floor_bot > li:nth-child(2n) {margin-right:0px;}
.floor_wrap .floor_bot > li > b {position:relative; display:inline-block; margin-bottom:5px; padding-left:50px; font-size:1.3125rem; font-weight:550;}
.floor_wrap .floor_bot > li > b > span {display:block; position:absolute; top:50%; transform:translateY(-50%); left:0px; width:32px; height:32px; font-weight:550; font-size:1.0625rem; color:#05a57d; text-align:center; border:3px solid #05a57d; z-index:1; border-radius:50%;}
.floor_wrap .floor_bot > li > b > span:after {content:""; display:block; width:30px; height:18px; background:url("/nmm/images/sub/floor_icon.png") no-repeat center/100%; position:absolute; left:50%; transform:translateX(-50%); bottom:-13px;}
.floor_wrap .gray_font {font-size:1rem; color:#aaa;}
.floor_wrap .floor_bot > li > .list_img {border-radius:10px; overflow:hidden;}
.floor_wrap .floor_bot > li > .list_img > img {width:100%;}
.floor_wrap .floor_bot > li > .text {margin-top:15px; font-size:1.0625rem;}



@media screen and (max-width:1200px){
    .floor_wrap .floor_bot > li {width:48.5%; margin-right:3%;}
}

@media screen and (max-width:1024px){
    .floor_wrap .floor_tab > li {height:55px;}
    .floor_wrap .floor_tab > li > a {line-height:55px;}
}


@media screen and (max-width:768px){
    .floor_wrap .floor_tab > li {height:50px;}
    .floor_wrap .floor_tab > li > a {line-height:50px; font-size:1.125rem;}

    .floor_wrap .floor_img_top {padding:40px 0px 30px;}
    .floor_wrap .floor_bot > li {margin-top:40px;}
    .floor_wrap .floor_bot > li > b {font-size:1.125rem; padding-left:40px;}
    .floor_wrap .floor_bot > li > b > span {font-size:1rem; width:30px; height:30px;}
    .floor_wrap .floor_bot > li > b > span:after {width:28px;}
    .floor_wrap .gray_font {font-size:0.9375rem;}

    .floor_wrap .floor_bot > li > .text {font-size:1rem;}
}

@media screen and (max-width:600px){
    .floor_wrap .floor_img_top {padding:30px 0px 30px;}

    .floor_wrap .floor_bot > li {margin-top:30px;}
    .floor_wrap .floor_tab > li { height:45px;}
    .floor_wrap .floor_tab > li > a {line-height:45px; font-size:1.0625rem;}
}

@media screen and (max-width:500px){
    
    .floor_wrap .floor_tab > li {height:40px;}
    .floor_wrap .floor_tab > li > a {line-height:40px;}

    .floor_wrap .floor_bot > li {width:100%; margin-right:0px;}
    .floor_wrap .floor_bot > li > b {padding-left:35px; font-size:1.0625rem; }
    .floor_wrap .floor_bot > li > b > span {width:28px; height:28px; font-size:0.9375rem; border:2px solid #05a57d;}
    .floor_wrap .floor_bot > li > b > span:after {width:25px; bottom:-11px;}
    .floor_wrap .gray_font {font-size:0.875rem;}

}

/* 상설 전시 */
.permanent_wrap {}
.permanent_wrap .permanent_list > li {display:flex; align-items:center; margin-bottom:50px; padding-bottom:50px; border-bottom:1px dashed #ddd;}
.permanent_wrap .permanent_list > li:last-child {margin-bottom:0px; padding-bottom:0px; border-bottom:none;}
.permanent_wrap .permanent_list > li > div {width:47.15%;}
.permanent_wrap .permanent_list > li .left_text {margin-right:5.7%;}
.permanent_wrap .permanent_list > li .left_top {display:flex; align-items:center; margin-bottom:35px;}
.permanent_wrap .permanent_list > li .left_top .permanent_tit {display:flex; align-items:center; color:#05a57d; font-size:2.5rem;  line-height:1; font-family:"SBAggroM";}
.permanent_wrap .permanent_list > li .left_top .permanent_tit:after {content:""; display:inline-block; width:30px; height:3px; background:#05a57d; margin:0px 20px;}
.permanent_wrap .permanent_list > li .left_top > b {color:#333; font-size:1.875rem; line-height:1; font-family:"SBAggroM";}
.permanent_wrap .permanent_list > li .left_img {margin-bottom:30px;}
.permanent_wrap .permanent_list > li .left_img > img {width:100%;}
.permanent_wrap .permanent_list > li .left_text > b {display:inline-block; margin-bottom:30px; font-size:1.0625rem; font-weight:500; line-height:1.7;}
.permanent_wrap .permanent_list > li .left_text > p {font-size:1.0625rem; line-height:1.7;}

.permanent_wrap .permanent_list > li .right_img {}
.permanent_wrap .permanent_list > li .right_img > img {width:100%;}


@media screen and (max-width:1200px){
    .permanent_wrap .permanent_list > li .left_top .permanent_tit {font-size:2.1875rem;} 
    .permanent_wrap .permanent_list > li .left_top > b {font-size:1.5625rem;}
}

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

    .permanent_wrap .permanent_list > li > div {width:48.5%;}
    .permanent_wrap .permanent_list > li .left_text {margin-right:3%;}
    .permanent_wrap .permanent_list > li .left_top .permanent_tit {font-size:1.875rem;} 
    .permanent_wrap .permanent_list > li .left_top .permanent_tit:after {margin:0px 15px;}
    .permanent_wrap .permanent_list > li .left_top > b {font-size:1.4375rem;}
 
}


@media screen and (max-width:768px){
    
    .permanent_wrap .permanent_list > li {display:block; margin-bottom:40px; padding-bottom:40px;}
    .permanent_wrap .permanent_list > li > div {width:100%;}
    .permanent_wrap .permanent_list > li .left_text {margin-right:0px;}

    .permanent_wrap .permanent_list > li .left_top {margin-bottom:30px;}
    .permanent_wrap .permanent_list > li .left_top .permanent_tit {font-size:1.5625rem;} 
    .permanent_wrap .permanent_list > li .left_top .permanent_tit:after {width:25px; margin:0px 10px;} 
    .permanent_wrap .permanent_list > li .left_top > b {font-size:1.25rem;}
    .permanent_wrap .permanent_list > li .right_img {margin-top:40px;}
    .permanent_wrap .permanent_list > li .left_text > b {font-size:1rem;}
    .permanent_wrap .permanent_list > li .left_text > p {font-size:1rem;}
}

@media screen and (max-width:600px){
    .permanent_wrap .permanent_list > li {margin-bottom:30px; padding-bottom:30px;}
    .permanent_wrap .permanent_list > li .left_top .permanent_tit {font-size:1.25rem;} 
    .permanent_wrap .permanent_list > li .left_top .permanent_tit:after {width:20px; height:2px;}
    .permanent_wrap .permanent_list > li .left_top > b {font-size:1.125rem;}
    .permanent_wrap .permanent_list > li .right_img {margin-top:30px;}

    
}

@media screen and (max-width:500px){
    .permanent_wrap .permanent_list > li .left_text > b {margin-bottom:20px;}

}


/* 개인정보처리 */
.privacy_wrap .text_box {position:relative; padding-left:28px; margin-bottom:45px;}
.privacy_wrap .text_box:after {position:absolute; top:7px; left:0px; content: ""; display:block; width:15px; height:15px; background: url("/nmm/images/main/privac_icon.png") no-repeat center;}
.privacy_wrap #text_box_none:after {background: url("/");}

.privacy_wrap .text_box .blue_text {display:block; margin-bottom:10px; color:#054f51; font-size:1.125rem; font-weight:550;}

.privacy_wrap .text_box p {font-size:1.0625rem; line-height:35px;}
.privacy_wrap .text_box b {font-size:1.0625rem; font-weight:500;}

.privacy_wrap span.font_bule {color:#24a56f;}
.privacy_wrap .p_down_btn {display:inline-block; padding:7px 50px 7px 15px; margin-top:15px; font-size:0.9375rem; color:#fff; background:#054f51 url("/nmm/images/main/down_icon.png") no-repeat right 10px center;}    

.privacy_wrap .tb_privacy {width:100%; border:1px solid #d8d8d8; overflow:hidden; min-width:1024px;}
.privacy_wrap .tb_privacy th {background-color:#f7f7f7; font-weight:500; text-align:center; padding:8px 0; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; vertical-align:middle;}
.privacy_wrap .tb_privacy td {padding:8px 20px; border-bottom:1px solid #d8d8d8;}
.privacy_wrap .tb_privacy td.right_bold {border-right:1px solid #d8d8d8;}
.privacy_wrap .tb_privacy td.center {text-align:center;}


.privacy_wrap .prev_info { border:1px dashed #054f51; margin: 0; padding: 15px; }

.privacy_wrap .prev_label { overflow:hidden; }
.privacy_wrap .prev_label > li { float:left; width:33.333%; margin: 10px 0; }
.privacy_wrap .label_box { width:95%; min-height:330px; margin: 0 auto; background:#f4f8ff; padding: 15px 20px; border-radius: 10px; }
.privacy_wrap .label_title { text-align:center; font-weight:600; }
.privacy_wrap .label_img { text-align:center; margin: 20px 0; }
.privacy_wrap .label_txt { text-align: left; }

.privacy_wrap .prev_tabel { overflow:hidden; }
.privacy_wrap .prev_tabel > li { float:left; width:33.333%; margin: 5px 0; display:table; }
.privacy_wrap .tabel_box { width:95%; margin: 0 auto; padding: 15px 20px 15px 45px; border-radius: 10px; }

.tb01 { background:#f4f8ff url("/nmm/images/sub/tabel_ic01.png") no-repeat left 10px center; }
.tb02 { background:#f4f8ff url("/nmm/images/sub/tabel_ic02.png") no-repeat left 10px center; }
.tb03 { background:#f4f8ff url("/nmm/images/sub/tabel_ic03.png") no-repeat left 10px center; }
.tb04 { background:#f4f8ff url("/nmm/images/sub/tabel_ic04.png") no-repeat left 10px center; }
.tb05 { background:#f4f8ff url("/nmm/images/sub/tabel_ic05.png") no-repeat left 10px center; }
.tb06 { background:#f4f8ff url("/nmm/images/sub/tabel_ic06.png") no-repeat left 10px center; }
.tb07 { background:#f4f8ff url("/nmm/images/sub/tabel_ic07.png") no-repeat left 10px center; }
.tb08 { background:#f4f8ff url("/nmm/images/sub/tabel_ic08.png") no-repeat left 10px center; }
.tb09 { background:#f4f8ff url("/nmm/images/sub/tabel_ic09.png") no-repeat left 10px center; }
.tb10 { background:#f4f8ff url("/nmm/images/sub/tabel_ic10.png") no-repeat left 10px center; }
.tb11 { background:#f4f8ff url("/nmm/images/sub/tabel_ic11.png") no-repeat left 10px center; }






@media screen and (max-width:768px){
    .privacy_wrap .text_box {margin-bottom:40px; padding-left:20px;} 
    .privacy_wrap .text_box .blue_text {font-size:1.0625rem;}
    .privacy_wrap .text_box p {font-size:1rem; line-height:30px;}
    .privacy_wrap .text_box b {font-size:1rem;}

}

@media screen and (max-width:600px){
    .privacy_wrap .p_down_btn {padding:7px 35px 7px 10px; font-size:0.875rem; background-size:11px;}
    .privacy_wrap .tb_privacy th {font-size:0.9375rem;}
    .privacy_wrap .tb_privacy td  {font-size:0.9375rem;}
}


/* 영상정보처리기기 운영관리방침 */
.privacy_wrap .tb_privacy2 {margin:15px auto 20px; min-width:1024px; overflow: hidden; width:100%;}
.privacy_wrap .tb_privacy2 tr {border-bottom:1px solid #d8d8d8; text-align:center; }
.privacy_wrap .tb_privacy2 th {background:#f7f7f7; border-right:1px solid #d9e3e9; border-top:1px solid #d8d8d8; text-align:center; vertical-align:middle; color:#000; font-weight:550; padding:10px 3px; box-sizing:border-box; }
.privacy_wrap .tb_privacy2 th:first-child {border-left:1px solid #d8d8d8;}
.privacy_wrap .tb_privacy2 td {border-right:1px solid #d8d8d8; text-align:center; vertical-align:middle; color:#000; padding: 10px 3px; box-sizing:border-box; word-break:keep-all; }
.privacy_wrap .tb_privacy2 td.left_bold {border-left:1px solid #d8d8d8;}


@media screen and (max-width:600px){
    .privacy_wrap .tb_privacy2 th {font-size:0.9375rem;}
    .privacy_wrap .tb_privacy2 td {font-size:0.9375rem;}
}



/* 박물관 가상체험 영역 */
.museum_wrap {}
.museum_wrap .museum_list {display:flex; flex-wrap:nowrap;}
.museum_wrap .museum_list > li {display:flex; flex-direction:column; flex:none; flex-basis:31.333333%; margin-right:3%; border:1px solid #dfdfdf;}
.museum_wrap .museum_list > li:last-child {margin-right:0px;}
.museum_wrap .museum_list > li .top_img a {display:block; position:relative; padding-bottom:70%; overflow:hidden;}
.museum_wrap .museum_list > li .top_img a > img {position:absolute; top:0px; left:0px; width:100%; height:100%; object-fit:cover; transition:all .5s;}
.museum_wrap .museum_list > li .top_img:hover > a > img {transform:scale(1.1);}
.museum_wrap .museum_list > li .text {padding:15px;}