section .wrap {max-width:1440px;}

.wrap {max-width:1440px;}
.sub-layout .wrap {max-width:1200px;}


.sub-layout header .wrap,
header .wrap {max-width:96%;}
header .lang{position:absolute; right:60px; top: 12px; font-size: 15px; color: #fff; z-index:999;}
header {position:fixed;width:100%;top:0;left:0;transition:all 0.3s;z-index:9999;}
.sub-layout header.s-active,
.sub-layout header.in-active,
.sub-layout header.active,
.sub-layout header {background:#000 !important;}
header.s-active,
header.active,
header.in-active {background:rgba(0,0,0,1) !important;}
header .wrap {max-width:1800px;}
header .wrap > .rect {}
#logo {width:201px;height:42px;position:absolute;left:40px;top:23px;z-index:1000;}
#logo a {display:block;width:306px;height:42px;font-size:0;background:url(/images/layout/logo.png) no-repeat;}
#tnb {float:left;height:30px;line-height:30px;left:auto;position:relative;top:5px;z-index:999;}
#tnb,
#site-menu .rect {max-width:100%;right:auto;width:100%;}
#site-menu .rect ul.m1,
#tnb ul.m1 {max-width:800px;margin:0 auto; font-size:19px; font-family: 'Barlow', sans-serif; font-weight:700;}
#tnb li.m1 {text-align:center;position:relative;}
#tnb a.m1 {color:#fff;position:relative;}
#tnb li.m1:first-child div.m2 {width:280px;left:42px; }
#tnb li.m1:nth-child(2) div.m2 {width:495px;left:42px; }
#tnb div.m2 {padding:20px 0;z-index:100;position:absolute;width:100%;top:65px;background:rgba(255,255,255,1);display:none;}
#tnb ul.m2 {}
#tnb li.m2 {float:left; padding:0 15px;}
#tnb a.m2 {border-bottom:3px solid transparent;}
#tnb a.m2.active {border-bottom:2px solid #12adb4;}
#tnb::after {}

/**/
#tnb,
#sub-menu .m1 .menu,
#site-menu .rect {padding:0 135px 0 301px;}

/**/
#main-menu {height:90px;transition:all 300ms;position:relative; }
#main-menu .wrap {height:45px;}
#main-menu.active{background:#000;}
/* 모바일 서브 메뉴 */
#site-menu {display:none;}
#site-menu.active {}
#site-menu .wrap {padding:20px 0 60px;}
#site-menu .rect {float:right;position:relative;}
#site-menu ul.m2 {width:100%;}
#site-menu ul.m2 .name {display: none;color:#fff;font-size:21px;}
#site-menu li.m2 {text-align:center;}
#site-menu li.m2 div {margin:auto;padding:6px 0;}
#site-menu li.m2 a span {border-bottom:2px solid #000; display:inline-block;padding:0 0 4px 0;}
#site-menu li.m2 a:hover{color:#12adb4;}
#site-menu li.m2 a.active span {border-bottom:2px solid #12adb4; display:inline-block;padding:0 0 4px 0;}
#site-menu li.m2:last-child div {border:0;}
#site-menu a.m2 {color:#fff;}

/* PC 서브 메뉴 */
#sub-menu {}
#sub-menu {color:#fff; display:none; padding:0;position:relative;user-select:none; height: 73px;}
#sub-menu.active {}
#sub-menu .wrap {max-height:100%;}
#sub-menu .m1 {display:none; max-height:100% !important;}
#sub-menu .m1:first-child {display:block;}
#sub-menu .m1 .data {position:absolute;left:-100px;top:0;text-align:left;max-width:250px;}
#sub-menu .m1 .data .name {font-size:35px;color:#fff;font-family: 'Montserrat',sans-serif;font-weight:600;position:relative;}
#sub-menu .m1 .data .name::after {content:'';display:block;position:absolute;background:#12adb4;width:6px;height:6px;border-radius:100%;right:-12px;top:13px;}
#sub-menu .m1 .data .txt {font-size:16px;color:#c2c2c2;}
#sub-menu .m1 .menu {width:100%;}
#sub-menu .m1 .consulting {position:absolute;right:0;top:0;width:200px;height:100px;border:1px solid #484847;}
#sub-menu .m1 .consulting .rect {padding:20px;}
#sub-menu .m1 .consulting a {color:#fff;}
#sub-menu .m1 .consulting .circle {border-radius:100%;background:#2f2f2f;width:55px;height:55px;position:relative;}
#sub-menu .m1 .consulting .circle img {position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;}
#sub-menu .m1 .consulting .r {font-size:15px;font-family:Montserrat,sans-serif;}
#sub-menu .m1 .consulting .c {color:#12adb4;font-size:17px;font-weight:bold;}


#sub-menu .menu ul.m2 {
    max-width:1000px;width:100%;margin:0 auto;text-align:left;
    position:relative; padding-left:15px; display:flex;
}
#sub-menu .menu li.m2 {
    width:auto; margin:0 15px; height:73px;text-align:center;
    display:flex; justify-content:space-around; align-items:center;
}

#sub-menu .m1:nth-child(2) .menu ul.m2 {max-width:1200px;}
#sub-menu .m1:nth-child(3) .menu li.m2 {width:10%;}
#sub-menu .m1:nth-child(3) .menu li.m2:first-child {margin-left:42%}
#sub-menu .m1:nth-child(4) .menu li.m2 {margin-left:calc(75%); width:17%;}
#sub-menu .m1:nth-child(3) .menu ul.m2 , #sub-menu .m1:nth-child(4) .menu ul.m2 {max-width:900px; padding-left:0;}

#sub-menu .menu a.m2 {color:#fff;}
#sub-menu .menu a.m2 .icon {width:100%;height:95px;margin-bottom:2px;}
#sub-menu .menu a.m2 .icon.icon-5 {background:url(/images/contents/layout/ico01.png) no-repeat center center;} /* 인사말 */
#sub-menu .menu a.m2 .icon.icon-6 {background:url(/images/contents/layout/ico02.png) no-repeat center center;} /* 경영이념 */
#sub-menu .menu a.m2 .icon.icon-7 {background:url(/images/contents/layout/ico03.png) no-repeat center center;} /* 오시는길 */
#sub-menu .menu a.m2 .icon.icon-14 {background:url(/images/contents/layout/ico04.png) no-repeat center center;} /* 3D 모델링 */
#sub-menu .menu a.m2 .icon.icon-8 {background:url(/images/contents/layout/ico05.png) no-repeat center center;} /* 고고학자료의 복원 */
#sub-menu .menu a.m2 .icon.icon-11 {background:url(/images/contents/layout/ico06.png) no-repeat center center;} /* 공지사항 */
#sub-menu .menu a.m2 .icon.icon-12 {background:url(/images/contents/layout/ico07.png) no-repeat center center;} /* 온라인문의 */

/**/
#subpage-menu {height:60px;position:relative;left:0;bottom:0;width:100%;}
#subpage-menu td {color:#fff;line-height:60px;border-right:1px solid #5d6165;position:relative;height:60px;}
#subpage-menu td:nth-child(n+2) {min-width:300px;}
#subpage-menu td .drop-menu li,
#subpage-menu td .mon {padding:0 100px 0 20px;cursor:pointer;user-select:none;}
#subpage-menu td .mon img {transition:all 0.3s;transform:rotate(-90deg);}
#subpage-menu td .mon.active img {transform:rotate(0);}
#subpage-menu td.home {padding:0;width:50px;position:relative;}
#subpage-menu td.home img {position:relative;left:16px;top:1px;}
#subpage-menu td.m img {position:absolute;margin:auto;top:0;bottom:0;right:10px;}
#subpage-menu {background:#353a3f;}
.drop-menu {background:#f8f8f8;}
.drop-menu {width:100%;position:absolute;z-index:100;}
.drop-menu ul {display:none;}
.drop-menu li {}

#tab-sub-menu {margin-top:50px;display:none;}
#tab-sub-menu ul {border-left:1px solid #ccc;}
#tab-sub-menu li {float:left;width:20%;text-align:center;}
#tab-sub-menu li:nth-child(-n+5) {border-top:1px solid #ccc;}
#tab-sub-menu li a {display:block;padding:10px 0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
#tab-sub-menu li.active a {background:#081641;color:#fff;}
#tab-sub-menu li.active span:after {content:'';width:7px;height:7px;border-radius:100%;background:#12adb4;position:absolute;transform:translateX(5px);}
#tab-sub-menu.tsm-2,
#tab-sub-menu.tsm-3 {display:block;}

#sub-visual {position:relative;}
#page-subject {
    font-size:45px;height:100px;user-select:none;-ms-user-select: none;text-shadow: 3px 3px 5px rgba(119,119,119, 0.8);letter-spacing: 4px;
}
#page-subject span {animation:pageSubject 1s forwards;display:inline-block;opacity:0;}
#page-subject > div:nth-child(2) {animation:pageSubject2 1s 1s forwards;opacity:0;}
.sub-visual{height:350px;color:#fff;padding-top:90px; position:relative; box-sizing: content-box;}
#sub-visual-1 {background:url(/images/content/layout/sub_visual01.jpg) center center no-repeat; background-size:cover;}
#sub-visual-2 {background:url(/images/content/layout/sub_visual02.jpg) center center no-repeat; background-size:cover;}
#sub-visual-3 {background:url(/images/content/layout/sub_visual03.jpg) center center no-repeat; background-size:cover;}
#sub-visual-4 {background:url(/images/content/layout/sub_visual04.jpg) center center no-repeat; background-size:cover;}

.sub-visual div.rect {margin-top:90px;}
.sub-visual div.rect span {color:rgb(255 255 255 / 0.6); margin-top:10px; display: inline-block;}

#page_title {margin-bottom:65px; margin-top:90px; }
#page_title > div.wrap span{position: relative; font-size:56px; font-weight: 300;}
#page_title > div.wrap span:after {width:12px; height:12px; border-radius: 12px; background:red; content:''; position: absolute; right:-25px; top:23px; background: rgb(104,192,148); background: linear-gradient(90deg, rgba(104,192,148,1) 0%, rgba(20,186,188,1) 100%);}


.subVisualText_1 , .subVisualText_2 {transform: translateY(-20px); opacity: 0;}
.subVisualText_1 { animation:subVisualActive 1100ms 200ms forwards; }
.subVisualText_2 { animation:subVisualActive 1100ms 400ms forwards; }


@keyframes subVisualActive {
    0% {transform: translateY(-20px); opacity: 0;}
    100% {transform: translateY(0); opacity: 1;}
}



/* subLocation*/
#sub-location {position: absolute; bottom:0; height: 55px; width: 100%; overflow:hidden;}
#sub-location:after {content: '';  height: 55px; background:#00b9c6;  position:absolute; right:0; top:0; width:30%;}
#sub-location div.wrap {background: #00b9c6; height: 100%; width:150%;}
#sub-location div.home {width: 60px; height: 100%; background:url('/images/common/mark_home.png') center center no-repeat #5bcad2; float:left;}
#sub-location div.menu {float:left; font-size:17px; padding-top:15px; color:#fff; font-weight: 500; margin:0 20px; position: relative;}
#sub-location div.menu ul {display: none;}
#sub-location div.menu.m1 {font-family: 'Barlow Semi Bold',sans-serif;}
#sub-location div.menu.m1:after {content:''; background:url('/images/common/sub_location_arrow.png') no-repeat; position: absolute; top:18px; right:-23px; width:10px; height: 18px;  }

/**/
#site-map-toggle {display:block;top:2px;width:35px;height:35px;position:absolute;z-index:1000;}
#site-map-toggle span {height:3px;}
#site-map-toggle span:nth-child(2) {width:24px;margin-left:10px;}

/**/
#page-name {margin:130px 0 50px 0;position:relative;}
#page-name::before {
    content:'';display:block;position:absolute;background:#f09244;border-radius: 20px;width:46px;height:6px;margin:auto;
    left:0;right:0;top:-25px;
}

/* */
@keyframes pageSubject {
    0% {transform:rotate3d(1, 0, 0, 90deg) translateY(-10px) translateX(50px);opacity: 0;}
    100% {transform:none;opacity: 1;}
}

@keyframes pageSubject2 {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

footer {background:#2b2b2d; color:#a7a7a7;font-family:'Noto Sans Korean',sans-serif;font-size:15px; letter-spacing:-0.01em; position: relative;}
footer hr {border-top:1px solid #414142;}
footer ul{margin-bottom:1rem;}
footer div.copyright{padding-top:3px;}
footer .top-btn {position:absolute; top:45px; right:0; width:60px; height:9px;}
footer .top-btn a {color:#fff;}
footer .top-btn a img {margin-left:5px;}

footer .footer-top .wrap{  border-bottom:1px solid #3a3d40; padding:45px 0; }
footer .footer-top .wrap a {color:#fff;}
footer .footer-top .wrap ul.step1 {margin:0;}
footer .footer-top .wrap ul.step1 > li {width:190px; float:left; }
footer .footer-top .wrap ul.step1 > li > h3 { font-size:19px; font-weight: bold;}
footer .footer-top .wrap ul.step1 > li > ul.step2 {margin-top:2vh;}
footer .footer-top .wrap ul.step1 > li > ul.step2 > li {margin-bottom:10px;}
footer .footer-bottom .wrap {padding:40px 0;}
footer .footer-bottom .wrap span {float:left; margin-right:40px; position: relative;}
footer .footer-bottom .wrap span.slash:after {content:'/'; position: absolute; right:-20px;}
footer .footer-bottom .wrap span:nth-child(4) {clear: both; margin-top:10px;}


/* inquiry */
#inquiry { background:url('/images/main/inquiry_bg.jpg') center center no-repeat; background-size:cover; height: 350px; box-sizing: border-box; padding-top:95px; text-align: center;  color:#fff;}
#inquiry div.title h2 {font-size:52px; margin-bottom:5px;}
#inquiry div.title span {font-size:19px; font-weight: 300;}
#inquiry a {width:180px; text-align: center; color:#fff; border:1px solid #fff; display: block; margin:20px auto; padding:10px 0; transition: all .3s ease;
}
#inquiry a:hover{background: linear-gradient(45deg, #82c287, #2ab9c5);  border:1px solid  #2ab9c5; border-radius:0 30px 0 0;}

@media screen and (max-width:550px) {
    #inquiry div.title h2{font-size:42px;}
    #inquiry div.title span{font-size:17px;}
}

@media screen and (max-width:550px) {
    #inquiry div.title h2{font-size:37px;}
    #inquiry div.title span{font-size:17px;}
    #inquiry a{font-size:16px;}
}



@media (max-width:1800px) {
    header .wrap {max-width:96%;}
    #sub-location div.wrap {margin-left:2%;}
}


@media (max-width:1580px) {
    #sub-menu .m1:nth-child(2) .menu {padding:0 0 0 100px}
}

@media (max-width:1400px) {
    .wrap {width:94%;}
    #logo {width:40%;margin:0; left:10px; top:12px;}
    #main-menu{height:70px;}

}

/* 모바일 디자인 시작 */
@media (max-width:1260px) {
    .sub-layout .container-section {padding:0 0 0 0;}
    .sub-visual {height:250px;background-position:center center !important;}
    #tnb ul.m1 {display:none;}
    #site-menu {height:auto !important;}
    #site-menu .rect {width: 100%;max-width: 100%;right: auto;}
    #site-menu li.m1 {width:100%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ccc;}
    #site-menu li.m1:last-child {margin-bottom:0;border-bottom:0;padding-bottom: 0;}
    #site-menu li.m2 {float:left;width:auto;margin-right:40px;}
    #site-menu li.m2 div {width:100%;}
    #subpage-menu {display:none;}
    #site-menu ul.m2 .name {display: block;}
    #sub-menu {display:none !important;}
    #site-menu .rect {padding:0;}

    #page_title > div.wrap span{font-size:42px;}
    #page_title > div.wrap span:after {top:14px;}

    footer {}
    footer .row {}
    footer .row > div {width:100%;flex:0 0 100%;max-width:100%;}
    footer .footer-top {display: none;}

}


@media (max-width:810px) {
    #logo a {width:100%;background-size:100%;background-repeat:no-repeat;background-position:center left;}
    footer .footer-bottom .wrap span.slash:nth-child(1):after {display: none;}
    footer .footer-bottom .wrap span.slash:nth-child(2) {clear: both;}

}

@media (max-width:680px) {
    header .lang{font-size:12px; right:50px; top:15px;}
    #page-subject{font-size:38px; height: 65px;}
    .sub-visual {height:250px;}
    #sub-location div.menu {font-size:14px; padding-top:17px;}
    #sub-location:after{display:none;}
    #page_title{margin-top:40px; margin-bottom:30px; }
    

    footer .footer-bottom .wrap span{font-size:12px;}
    footer .footer-bottom .wrap span:nth-child(4){font-size:11px;}
}