@charset "utf-8";
/* CSS Document */



/********************************************************************************************
	 메인레이아웃 
*********************************************************************************************/
#wrap{width: 100%; height: 100%;}
html,body{width: 100%;height: 100%; min-width:320px;}
.header_wrap{position: relative;width: 100%;max-width: 1300px;margin: 0 auto}
header{height: 100px;position: absolute;top: 0;left: 0;width: 100%;z-index: 2000;;background: rgba(0,0,0,0.3)}
.logo{position: absolute;top: 10px;left: 0}
.lan_en{display: block;width: 38px;height: 38px;border-radius: 100%;background: #ff6600;font-weight: 500;line-height: 38px;text-align: center;color: #fff;font-size: 1.05em;position: absolute;top: 12px;right: 0}
.main_nav{width: 100%;max-width: 1400px;position: relative;z-index: 30}
.main_nav > ul{position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.main_nav > ul > li{float: left;padding: 0 33px;text-align: center;position: relative;}
/* .main_nav > ul > li:last-child{padding-right: 0} */
.main_nav > ul > li > a{font-size: 1.2em;display: block;color: #fff;line-height: 64px;position: relative;font-weight: 500}
.main_nav > ul > li > a::before{display: block; width: 4px;height: 4px;border-radius: 100%;content: "";background-color: #fff;position: absolute;top: 50%;margin-top: -2px;right: -33px}
.main_nav > ul > li:last-child > a::before{display: none}
.nav_ico{display: none}
.depth_nav{padding:30px 0;position: absolute;height: 309px;width: 100%;text-align: left;left: 0;top: 63px;z-index: 10;background-color: #fff;display: none}
.depth_nav li{line-height: 1;padding-left: 33px;margin-bottom: 20px}
.depth_nav li a{font-size: 16px;color: #333!important;position: relative;font-weight: 500}
.depth_nav li a:hover::before{display: block;width: 100%;height: 2px;content: "";position: absolute;left: 0;bottom: 0;background-color: #0070b7}
.depth_nav_bg{width: 100%;height: 310px;;position: absolute;top: 100px;left: 0;background-color: #fff;z-index: 1;;border-bottom: 1px solid #e1e1e1;display: none}
.depth_nav_bg > div{max-width: 1300px;margin: 0 auto;height:100%;position: relative;border-top: 1px solid #cccccc}
.depth_nav_bg img{margin-top: 30px}
.logo_black{display: none}
header.gnbOn{background: #fff!important}
.gnbOn .header_top{background-color: #0070b7}
.gnbOn .main_nav > ul > li > a{color: #333}
.gnbOn .depth_nav{display: block;}
.gnbOn .depth_nav_bg{display: block}
.gnbOn .main_nav > ul > li > a::before{background-color: #333}
.gnbOn .logo_white{display: none}
.gnbOn .logo_black{display: block}

.edge_menu{background-color: #e74437;color: #fff;padding: 15px 20px 25px!important}
/* .edge_menu::before{width: 100%;height: 10px;background-color: #e74437;position: absolute;bottom: -10px;right: 0;content: ""} */
.edge_menu > a{line-height: 1.4!important;font-size: 16px!important;color: #fff!important}
.edge_menu img{display: block;margin: 0 auto 5px;}
.bg_black{display: none;z-index: 1002;width: 100%;height: 100%;position: fixed;background-color: rgba(0,0,0,0.4);top: 0;left: 0}
/* type-09 */
.header_top{height: 38px;border-bottom: 1px solid rgba(255,255,255,0.26)}
.header_link{width: 100%;max-width: 1300px;margin: 0 auto;}
.header_link .link1{text-align:left;line-height: 38px;float: left}
.header_link .link1 li{display: inline-block;;width: 136px;text-align: center;line-height: 38px}
.header_link .link1 li a{color: #e7e7e7;}
.header_link .link1 li.on{background-color: rgba(255,255,255,0.26);}
.header_link .link1 li.on a{color: #fff;}
.header_link .link2{float: right;}
.header_link .link2{padding-top: 8px;overflow: hidden;}
.header_link .link2 li{display: inline-block;;line-height: 1;;padding: 0 15px;border-right: 1px solid rgba(255,255,255,0.3)}
.header_link .link2 li:last-child{padding-right: 0;border-right: 0}
.header_link .link2 li:last-child a{font-size: 12px;display: inline-block;padding: 2px 4px;border: 1px solid #fff;border-radius: 15px}
.header_link .link2 li a{color: #fff;font-weight: 300}
.batang{font-family: 'Batang'; font-weight: 400}

@media screen and (max-width:1300px) {
  .header_link{padding: 0 20px}
  .logo{left: 20px}
  .main_nav > ul{right: 20px}
}

@media screen and (min-width:1201px) {
  .depth_nav li:hover a{color: }
}

@media screen and (max-width:1200px) {
  #toggle {display: block;width: 25px;height: 25px;background: url('../images/menu_on.png') no-repeat center;position: absolute;top: 30px;right: 20px;z-index: 3000}
  .lan_en{display: none;right: inherit;left: 20px;top: 24px}
  header{background: #fff!important;height: 125px}
  .header_top{background-color: #0070b7}
  .logo_white{display: none}
  .logo_black{display: block}
  .login_ico{display: block;width: 25px;height: 25px;background: url('../images/login_ico.png') no-repeat center;position: absolute;top: 30px;left: 20px}
  .logo{width: 140px;left: 50%;margin-left: -70px;}
  .logo img{width:100%}
  .header_top{height: 40px}
  .header_link{padding: 0}
  .header_link .link1{width: 100%;overflow: hidden;}
  .header_link .link1 li{width: 50%;display: block;float: left}
  .header_link .link2{display: none}

  .depth_nav_bg{display: none}
  .main_nav{width: 100%;height: 1000px;display: none}
  .main_nav > ul{left: 0;top: 86px;transform: none;width: 100%}
  .main_nav > ul > li{float: none;padding: 0}
  .main_nav > ul > li > a{color: #333!important;line-height: 50px;background-color: #fff;border-bottom: 1px solid #ebebeb;}
  .main_nav > ul > li > a::after{display: block;width: 17px;height: 17px;content: "";background: url('../images/nav_on.png') no-repeat center;position: absolute;top: 50%;right: 20px;margin-top: -8px}
  .main_nav > ul > li > a.on::after{background: url('../images/nav_off.png') no-repeat center}
  .depth_nav{display: none;position: static;height: auto;padding: 0}
  .depth_nav li{width: 100%;padding: 0;text-align: center;margin-bottom: 0}
  .depth_nav li a{color: #333!important;font-size: 14px;line-height: 50px;background: #f5f5f5;display: block;}
  .depth_nav li a::after{width: 96%;height: 1px;content: "";background-color: #d7d7d7;position: absolute;bottom: 0;left: 2%}
  .m_menu_on .main_nav{display: block}
  .m_menu_on #toggle{background-image: url('../images/menu_off.png')}
  .m_menu_on .login_ico{display: none}
  .m_menu_on .lan_en{display: block}
}

@media screen and (max-width:1200px) {
  .m_menu{display: block}
  body{overflow-x: hidden;}
}
#container{overflow: hidden;}
.visual_wrap{height: 70vh;background-color: #e1e1e1}
.visual_m_wrap{display: none}
@media screen and (max-width:767px) {
  .visual_m_wrap{display: block}
  .visual_m_wrap img{width: 100%}
  .visual_wrap{display: none}
}
.main_contents1{height: 780px;background: url('../images/main_bg.jpg') no-repeat center bottom;;position: relative;padding-top: 160px}
.museum_nav{padding: 10px 0 0 10px;width: 1170px;height: 170px;position: absolute;top: -100px;left: 50%;overflow: hidden;margin-left: -210px}
/* .museum_nav ul{margin-left: -5px} */
.museum_nav .nav_el{float: left;margin-right: 5px;cursor: pointer;}
.museum_nav_box{position: relative;width: 150px;background-color: #000;transition: all 0.3s;}
/* .museum_nav_box::before{display: block;width: 100%;height: 100%;content: "";background-color: } */
.museum_nav_box img{width: 100%;opacity:0.7;}
.museum_nav_box span{display: inline-block;line-height: 28px;;color: #fff;width: 40px;text-align: center;position: absolute;top: 10px;right: 10px;transition: all 0.3s}
.museum_nav_box span.public{background-color: #1987e2}
.museum_nav_box span.individual{background-color: #ff6600}
.museum_nav_box h2{color: #fff;font-size: 1.2em; font-weight: 500;position: absolute;top: 50%;width: 100%;text-align: center}
.museum_nav_box i{display: none;width: 1px;height: 40px;background: #fff;position: absolute;left: 50%;bottom: 0}

.museum_nav .nav_el.slick-current{margin-right:15px;}
.museum_nav .slick-current .museum_nav_box{z-index: 2;background-color: #1987e2}
.museum_nav .slick-current .museum_nav_box img{;opacity: 0.3}
.museum_nav .slick-current .museum_nav_box span{left: 50%;transform: translateX(-50%);background-color: transparent!important;border: 1px solid #fff;top: 26px}
.museum_nav .slick-current .museum_nav_box{transform: scale(1.15);}
.museum_nav .slick-current .museum_nav_box i{display: block}
/* .museum_nav_box:hover{z-index: 2}
.museum_nav_box:hover img{;opacity: 0.3}
.museum_nav_box:hover span{left: 50%;transform: translateX(-50%);background-color: transparent!important;border: 1px solid #fff}
.museum_nav_box:hover{transform: scale(1.15);} */
.museum_des_wrap{display: block;width: 100%;max-width: 1300px; margin: 0 auto;}
.museum_des_list{}
.museum_des_list .te{float: left;}

@keyframes ani1 {
  from {opacity: 0;margin-left: -20px}
  to {opacity: 1 ;margin-left: 0}
}
@keyframes ani2 {
  from {opacity: 0;bottom: -20px}
  to {opacity: 1;bottom: 0}
}
@keyframes ani3 {
  from {transform: perspective(400px) rotate3d(1, 0, 0, 90deg)}
  to {transform:perspective(400px) rotate3d(1, 0, 0, 0deg)}
}
@keyframes ani4 {
  from {opacity: 0;}
  to {opacity: 1;}
}
.museum_des_wrap section{display: block;vertical-align: top;position: relative;}
.museum_des_wrap .museum_map{width: 528px;position: absolute;top:0;left: 0}
.museum_des_wrap .museum_map img{;margin:0 0 -40px 0;position: relative;bottom: -40px}
.museum_des_wrap .museum_des{position: relative;padding-top: 70px}
.museum_des_wrap .museum_des > div{position: relative;}
.museum_des_wrap .museum_des .edge_img{position: absolute;top: -50px;left: -73px; z-index: 11;box-shadow: 5px 5px 15px rgba(0,0,0,0.25)}
.museum_des_wrap > div{position: relative;}
.museum_des_wrap .museum_des_box{height: 358px;background-color: #fff;padding: 36px 36px 36px 430px;position: relative;box-shadow: 5px 5px 15px rgba(0,0,0,0.25)}
.museum_des_wrap .museum_des .tit{margin-left: 430px;margin-bottom: 15px;font-size: 2.25em;position: relative; z-index:12;}
.museum_des_wrap .museum_des .tit::before{display: block;width: 58px;height: 2px;background-color: #fff;content: "";left: -65px;top: 50%;position: absolute;z-index: 2}
.spot_ico{width: 16px;height: 23px;}
.museum_des_box .spot_tit{font-size: 1.05em; font-weight: 500;color: #333;height: auto;padding: 0;margin: 0;background: none;}
.museum_des_box .spot_tit img{margin-right: 10px}
.museum_des_box dl{display: table;width: 100%;margin: 20px 0 24px}
.museum_des_box dl dt{display: table-cell;width: 40px;line-height: 22px;border-radius: 15px; background-color: #0070b7;color: #fff;text-align: center}
.museum_des_box dl dd{display: table-cell;vertical-align: top;color: #666;font-weight: 500;padding-left: 10px}
.museum_des_box .des{font-weight: 300;font-size: 1.05em;color: #666;}
.museum_des_box a{display: block;margin-top: 46px;width: 160px;height: 41px;background: url('../images/box_btn.png') no-repeat center;line-height: 39px;padding-left: 16px}
.museum_des_list .te{position: relative;padding-left: 528px}
.museum_des_list .te.slick-current .edge_img{animation: ani1 0.8s both;animation-delay: 0.3s}
.museum_des_list .te.slick-current .museum_des_box{animation: ani2 0.8s both}
.museum_des_list .te.slick-current .museum_des .tit{animation: ani3 1s both}
/* .museum_des_list .te.slick-current .museum_map img{opacity: 1;transition: bottom 3s;bottom: 0} */
.all_museum_bg{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);z-index: 3000;top: 0;left: 0;display: none}
.all_museum_wrap{width: 1180px;padding: 30px;border-radius: 15px;background-color: #f7f7f7;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.all_museum_wrap > section{text-align: center}
.all_museum_wrap .tit{font-size: 1.6em;display: inline-block;line-height: 46px;width: 94px;border-radius: 25px;color: #fff;background-color: #0070b7;margin-bottom: 3vh}
.all_museum_wrap .tit.individual{background-color: #ff6600}
.all_museum_wrap ul{overflow: hidden;margin-left: -20px;}
.all_museum_wrap ul li{padding-left: 20px;float: left;width: 20%;margin-bottom: 20px;display: table;height: 43px}
.all_museum_wrap ul li a{display:table-cell;; ;border: 1px solid #d7d7d7;border-radius: 5px;text-align: center;font-size:1.05em;background-color: #fff}
.all_museum_wrap ul li a:hover{background-color: #ebebeb}
.mu_more.m_btn{display: none}
@media screen and (max-width:1300px) {
  .museum_des_wrap{padding: 0 20px}
  .museum_des_wrap .museum_des_box{padding: 30px 30px 30px 50%}
  .museum_des_wrap .museum_des .edge_img{width: 58%}
  .museum_des_wrap .museum_des .tit{margin-left: 50%}
}
@media screen and (max-width:1200px) {
  .all_museum_wrap{width: 90%;left: 5%;transform: translate(0, -50%);}
  /* .museum_des_wrap .museum_des .edge_img{width: 50%;top: 0;left:0} */
  .museum_des_list .te{padding-left: 448px}
}
@media screen and (max-width:1023px) {
  .main_contents1{height: auto;padding-bottom: 8vh}
  .museum_des_wrap .museum_map{display: none}
  .museum_nav{width: 100%;left: 0;margin-left: 0;padding: 0 0 11px 0;height: 91px;top: 0}
  .museum_nav .slick-track{}
  .museum_nav .nav_el{margin-right: 0;}

  .museum_nav .nav_el.slick-current{margin-right:0;}
  .museum_nav_box{width: 100%;height: 80px;background-color:#828282;}
  .museum_nav_box img{opacity: 0!important}
  .museum_des_list .te.slick-current .edge_img{animation: none}
  .museum_des_list .te.slick-current .museum_des_box{animation: none}
  .museum_des_list .te.slick-current .museum_des .tit{animation: none}
  .museum_nav_box span{right: 50%;margin-right: -20px;background-color: inherit!important;border: 1px solid #fff;}
  .museum_nav_box h2{margin-top: 6px;padding-bottom: 4px;}
  
  .museum_nav .slick-current .museum_nav_box{transform: none}
  .museum_nav .slick-current .museum_nav_box span{left:auto}
  .museum_nav .slick-current .museum_nav_box span{transform: none;top: 10px}
  .museum_nav .museum_nav_box span{transform: none;line-height: 24px}
  .museum_nav .slick-current .museum_nav_box i{width: 18px;height: 11px;background:url('../images/nav_deco.png') no-repeat;margin-left: -9px;bottom: -11px}
  .mu_control{display: none}

  .museum_des_list .te{padding-left: 0;}
  .museum_des_list .te .museum_des_box{width: 90%;margin-left: 10%}
  .museum_des_wrap .museum_des .edge_img{top: 0px;left: 0}
  .museum_des_wrap .museum_des .tit{margin-left: 60%}
  .mu_more.m_btn{display: block;line-height: 45px;background-color: #2e75a3;color: #fff;font-size: 1.2em;text-align: center;width: 90%;margin: 50px auto 0;}
}
@media screen and (max-width:768px) {
  .all_museum_wrap{padding: 20px 15px}
  .all_museum_wrap ul li{width: 25%}
}
@media screen and (max-width:767px) {
  .museum_des_wrap{padding: 0 10px}
  .main_contents1{padding-top: 90px;padding-bottom: 40px}
  .all_museum_wrap .tit{line-height: 35px}
  .all_museum_wrap ul{margin-left: -10px}
  .all_museum_wrap ul li{height: 35px;padding-left: 10px;margin-bottom: 10px;width: 33.33%}
  .museum_des_list .te .museum_des_box{padding: 180px 30px 30px;margin-left: 0;width: 90%;height: auto;margin-left: 10%}
  .museum_des_wrap .museum_des .edge_img{position: absolute;top: 0;width: 300px}
  .museum_des_wrap .museum_des{padding-top: 50px}
  .museum_des_wrap .museum_des .tit{;margin: 0 0 60px 330px;top: 30px}
  .museum_des_box dl{margin:10px 0;}
}
@media screen and (max-width:430px) {
  .museum_des_wrap .museum_des .edge_img{width:180px}
  .museum_des_wrap .museum_des .tit{margin-left: 200px;font-size: 2em}
  .museum_des_list .te .museum_des_box{padding: 80px 20px 20px}
}
/* 핀 */
.pin_01{position: absolute;top: 96px;left:216px}


.mu_control{position: absolute;top: 20px;right: 50%;margin-right: 225px}
.mu_control .mu_more{display: inline-block;width: 150px;text-align: center;line-height: 32px;color: #fff;background-color: #0070b7;vertical-align: top}
.slide_contorl {overflow: hidden;}
.slide_contorl a{width: 32px;line-height: 32px; height:32px; display: block;float: left;border: 1px solid #0070b7;border-right: 0;text-align: center;font-size: 0}
.slide_contorl a:last-child{border-right: 1px solid #0070b7}
.slide_contorl .prev_btn{background: url('../images/prev_btn.png') no-repeat center}
.slide_contorl .next_btn{background: url('../images/next_btn.png') no-repeat center}
.slide_contorl .stop_btn{background: url('../images/stop_btn.png') no-repeat center}
.slide_contorl .play_btn{background: url('../images/play_btn.png') no-repeat center;display: none}
.mu_control .slide_contorl{display: inline-block;margin-left: 15px;vertical-align: top}
/* 기념품 */
.main_contents2{background: url('../images/main_bg2.jpg') no-repeat center bottom;padding: 76px 0 130px;margin-bottom: -100px;}
.main_contents2 .main_tit{font-size: 46px;text-align: center;color: #222;}
.main_contents2 .sub_tit{font-weight: 300;font-size: 1.2em;text-align: center;color: #222;margin-top: 15px}
.suv_list_wrap{margin-top: 60px;position: relative;}
.suv_list_wrap ul{padding: 30px 0;;overflow: hidden;margin: 0 -20px}
.suv_list_wrap ul li{;float: left;width: 25%;position: relative;padding: 0 20px}
.suv_list_wrap ul a{display: block;overflow: hidden;border-radius: 15px;box-shadow: 5px 5px 15px rgba(0,0,0,0.15);position: relative;height: 332px}
.suv_list_wrap figure{height: 62%;position: relative;overflow: hidden}
.suv_list_wrap figure img{height: 100%;position: absolute;left:50%;transform: translateX(-50%);}
.suv_list_wrap .figure{height: 62%;position: relative;overflow: hidden}
.suv_list_wrap .figure img{width: 100%;height: 100%;position: absolute;left:50%;transform: translateX(-50%);}
.suv_list_wrap .suv_label{display: inline-block;width: 80px;text-align: center;color: #fff; background-color: #ffb500;position: absolute;top: -20px;left: 60px;z-index: 2;line-height: 40px}
.suv_list_wrap .des_wrap{height: 38%;padding: 20px 16px;background-color: #fff}
.suv_list_wrap .des_wrap .tit{font-size: 1.2em;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: auto;padding-left: 0;margin: 0;background: none;}
.suv_list_wrap .des_wrap p{font-size: 1.2em;color: #666;margin: 14px 0 8px}
.suv_list_wrap .des_wrap span{color: #666}
.suv_list_wrap ul li:hover figure{height: 100%}
.suv_list_wrap ul li:hover .figure{height: 100%}
.suv_list_wrap ul li:hover .des_wrap{height: 100%;position: absolute;top: 0;left: 0;width: 100%;background-color: rgba(0,0,0,0.6)}
.suv_list_wrap ul li:hover .des_wrap{padding: 40% 30px}
.suv_list_wrap ul li:hover .des_wrap *{color: #fff}
.suv_list_wrap ul li:hover .des_wrap .tit{font-size: 1.45em}
.suv_list_wrap ul li:hover .des_wrap span{width: 35px;height: 12px;background: url('../images/arrow_ico.png') no-repeat;font-size: 0;display: block;margin-top: 30px}
.suv_list_wrap .prev_btn{position: absolute;position: absolute;top: 50%;left:-120px;transform: translateY(-50%);}
.suv_list_wrap .next_btn{position: absolute;position: absolute;top: 50%;right:-120px;transform: translateY(-50%);}

@media screen and (max-width:1024px) {
  .suv_list_wrap ul li{padding: 0 10px}
}
@media screen and (max-width:768px) {
  .suv_list_wrap ul a{height: 260px}
  .suv_list_wrap .des_wrap{padding: 16px}
  .suv_list_wrap .suv_label{width: 60px;line-height: 30px;left: 20px}
}
@media screen and (max-width:767px) {
  .main_contents2{padding: 5vh 0;background-size: cover;}
  .suv_list_wrap{margin-top: 3vh}
  .main_contents2 .max1300{padding: 0}
  .suv_list_wrap ul li{padding: 0 5px}
  .suv_list_wrap ul a{height: 220px}
  .suv_list_wrap figure{height: 60%}
  .suv_list_wrap .figure{height: 60%}
  .suv_list_wrap .des_wrap{padding: 10px;height: 40%}
  .suv_list_wrap .des_wrap p{margin: 8px 0}
  .main_contents2 .main_tit{font-size: 30px}
}
@media screen and (max-width:450px) {
  .suv_list_wrap figure{height: 55%}
  .suv_list_wrap .figure{height: 55%}
  .suv_list_wrap ul a{height: 200px}
  .suv_list_wrap .des_wrap{padding: 10px;height: 45%}
}

/* main_contents3 */
.main_contents3{padding: 70px 0;background: url('../images/bg_blue.jpg') no-repeat center;}
.main_contents3 .main_tit{font-size: 46px;text-align: center;color: #fff;}
.main_contents3 .sub_tit{font-weight: 300;font-size: 1.2em;text-align: center;color: #fff;margin-top: 15px}
.main_tile_wrap{height: 545px;margin-top: 60px}
.tile_box{border-radius: 15px;box-shadow: 0 0 20px rgba(0,0,0,0.15);float: left}
.tile_box1{width: 635px;;height: 100%;margin-right: 15px;background-color: #fff}
.tile_box_wrap2 {float: left;width: 635px;margin-left: 15px}
.tile_box2{width: 260px;margin-right: 30px;height: 208px;background: url('../images/tile_bg1.png') no-repeat center left}
.tile_box3{width: 345px;background-color: #fff;;height: 208px;background: url('../images/tile_bg2.png') no-repeat center left}
.tile_box4{height: 306px;width: 100%;;background-color: #fff;margin-top: 30px;padding: 30px}



.nowgo_list{overflow: hidden;height: 100%;padding: 10px 0}
.nowgo_list li{width: 33.33%;float: left;height: 50%;text-align: center;position: relative;padding: 20px}
.nowgo_list li a{display: block}
.nowgo_list p{font-size: 1.2em;font-weight: 500;margin-top: 26px}
.nowgo_list li::before{display: block; width: 1px;height: 80%;content: "";background-color: #d7d7d7;position: absolute;top: 50%;;right: 0;transform: translateY(-50%);}
.nowgo_list li::after{display: block; width: 75%;height: 1px;content: "";background-color: #d7d7d7;position: absolute;left:50%;bottom: 0;transform: translateX(-50%);}
.nowgo_list li:nth-child(3n)::before{display: none}
.nowgo_list li:nth-child(n+4)::after{display: none}
.nowgo_list li figure{border-radius: 100%;background-position: center;background-repeat: no-repeat;;margin-top: 40px;position: relative;display: inline-block;}
.nowgo_list li figure::before{border-radius: 100%;background-position: center;background-repeat: no-repeat;;position: relative;content: "";width: 100%;height: 100%;position: absolute;top: 0;left:0}
.nowgo_list li .figure{border-radius: 100%;background-position: center;background-repeat: no-repeat;;margin-top: 40px;position: relative;display: inline-block;}
.nowgo_list li .figure::before{border-radius: 100%;background-position: center;background-repeat: no-repeat;;position: relative;content: "";width: 100%;height: 100%;position: absolute;top: 0;left:0}
.nowgo_list li:nth-child(1) figure::before{background-image: url('../images/nowgo_ico1.png')}
.nowgo_list li:nth-child(2) figure::before{background-image: url('../images/nowgo_ico2.png')}
.nowgo_list li:nth-child(3) figure::before{background-image: url('../images/nowgo_ico6.png')}
.nowgo_list li:nth-child(4) figure::before{background-image: url('../images/nowgo_ico4.png')}
.nowgo_list li:nth-child(5) figure::before{background-image: url('../images/nowgo_ico5.png')}
.nowgo_list li:nth-child(6) figure::before{background-image: url('../images/nowgo_ico3.png')}
.nowgo_list li:nth-child(1) .figure::before{background-image: url('../images/nowgo_ico1.png')}
.nowgo_list li:nth-child(2) .figure::before{background-image: url('../images/nowgo_ico2.png')}
.nowgo_list li:nth-child(3) .figure::before{background-image: url('../images/nowgo_ico3.png')}
.nowgo_list li:nth-child(4) .figure::before{background-image: url('../images/nowgo_ico4.png')}
.nowgo_list li:nth-child(5) .figure::before{background-image: url('../images/nowgo_ico5.png')}
.nowgo_list li:nth-child(6) .figure::before{background-image: url('../images/nowgo_ico6.png')}
.nowgo_list li img{}
.nowgo_list li a:hover figure::before{background-color: rgba(8,113,226,0.6)}
.nowgo_list li a:hover .figure::before{background-color: rgba(8,113,226,0.6)}
.tile_box_top2 a{display: block;padding: 70px 20px;position: relative;}
.tile_box_top2 a p{color: #fff;font-size: 1.05em;line-height: 1}
.tile_box_top2 a h2{font-size: 1.6em;font-weight: 600;color: #fff;margin-top: 18px;line-height: 1}
.tile_box_top2 a i{display: block;width: 38px;height: 38px;background: url('../images/arrow_btn.png') no-repeat;position: absolute;top: 20px;right:20px}
.notice_tile{position: relative;}
.notice_tile h2{font-size: 1.25em;font-weight: 400}
.more_btn{display: block;width: 38px;height: 38px;background: url('../images/more_btn.png') no-repeat}
.notice_tile .more_btn{position: absolute;top: 20px;right: 20px}
.first_notice{margin-top: 20px}
.first_notice a{font-size: 1.35em;font-weight: 500}
.first_notice dd{font-size: 0.95em;color: #bbbbbb;margin-top: 14px}
.main_notice_list{margin-top: 30px}
.main_notice_list li{padding: 15px 0 15px 95px;position: relative;border-top: 1px solid #d7d7d7}
.main_notice_list li:last-child{border-bottom: 1px solid #d7d7d7}
.main_notice_list .type{display: block ;width: 80px;line-height: 24px;border-radius: 15px; color: #fff;background-color: #1987e2;text-align: center;position: absolute;top: 50%;left: 0;margin-top: -12px}
/*.main_notice_list .des{display: inline-block;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1.05em;line-height: 1;vertical-align: inherit;}*/
.main_notice_list .date{float: right;font-size: 0.95em; color:#ddd}
.notice_tile .tabMenu3{display: flex; width: 100%; }
.notice_tile .tabMenu3 li{width: 16%; cursor: pointer; text-align: center; padding-bottom: 7px;}
.notice_tile .tabMenu3 li.on{border-bottom: 1px solid #0070b7;}
.notice_tile .tabMenu3 li.on h2{font-weight: 600; color: #0070b7;}

@media screen and (max-width:1300px) {
  .tile_box1{width: 49%;margin-right: 1%}
  .tile_box_wrap2{width: 49%;margin-left: 1%}
  .tile_box2{width: 41%;margin-right:4%}
  .tile_box3{width: 55%;margin-left: 0}
}
@media screen and (max-width:1200px) {
  .tile_box2{width: 49%;margin-right:1%}
  .tile_box3{width: 49%;margin-left: 1%}
}
@media screen and (max-width:1023px) {
  .main_contents3{background-size: cover}
  .main_contents3 .main_tit{font-size: 36px}
  .main_tile_wrap{height: auto;}
  .tile_box1{width: 100%;margin-right: 0}
  .tile_box_wrap2{width: 100%;margin-left: 0;margin-top: 2vh}
  .tile_box2{background-size: cover;}
  .tile_box4{margin-top: 2vh;height: auto;}


}
@media screen and (max-width:767px) {
  .main_contents3 .main_tit{font-size: 30px;word-break: keep-all;}
  .nowgo_list li img{width: 80px}
  .nowgo_list li{padding: 5px}
  .nowgo_list li::before{display: none}
  .nowgo_list li::after{display: none}
  .nowgo_list li figure{margin-top: 20px}
  .nowgo_list li .figure{margin-top: 20px}
  .nowgo_list p{margin-top: 15px}
  .main_notice_list{margin-top: 20px}
  .main_contents3{padding: 6vh 0}
  .main_tile_wrap{margin-top: 30px}
  .notice_tile .tabMenu3 li{width: 20%;}
}
@media screen and (max-width:450px) {
  .tile_box2{height: 140px;width: 100%;margin-right: 0}
  .tile_box3{height: 140px;width: 100%;margin-left: 0;margin-top: 2vh}
  .tile_box_top2 a{padding: 46px 20px}
  .tile_box4{padding: 20px}
  .notice_tile .tabMenu3 li{width: 30%;}
  .main_notice_list .type{display: inline-block;vertical-align: top;position: static;top: 0;margin: 0;line-height: 20px;}
  .main_notice_list .date{float: none;margin-left: 10px}
  .main_notice_list .des{display: block;width: 100%;margin-top: 5px}
  .main_notice_list li{padding: 10px 0;}
}

/* 하단 */
footer{background-color: #f4f4f4;padding: 30px 0!important}
.footer_wrap{width:100%;max-width: 1300px;margin: 0 auto;position: relative;}
.footer_top{border-bottom: 1px solid #ccc;padding-bottom: 30px;}
.bottom_logo{position: absolute;top: 0;left: 0}
.footer_site_wrap{text-align: right;float: right}
.footer_site_wrap > section{position: relative;display: inline-block;width: 180px;line-height: 42px;border-radius: 25px; background: url('../images/up_ico.png') no-repeat center right 15px #e1e1e1;text-align: left;padding: 0 20px;margin-left: 20px}
.footer_site_wrap ul{position: absolute;display: }
.footer_site{width: 666px;}
.footer_bot{padding-top: 40px}
.footer_link ul{overflow: hidden;}
.footer_link ul li{display: inline-block;padding: 0 15px;border-left: 1px solid #666;line-height: 0.8;}
.footer_link ul li:first-child{border-left: 0;padding-left: 0}
.footer_link ul li a{color: #666}
.footer_addr{font-size: 1.05em; color: #666;margin-top: 20px}
.footer_copy{font-size: 1.05em; color: #999}

/* .listMusium, .listOrgan{position:absolute;right:0;bottom:0;width:226px;height:50px;background-color:#125590;cursor:pointer;} */
/* .listMusium{right:227px;} */
/* .listMusium p, .listOrgan p{padding-left:18px;line-height:50px;color:#fff;} */
/* .listMusium span, .listOrgan span{display:block;float:right;width:36px;text-indent:-9999px;} */
/* .listMusium span.off, .listOrgan span.off{background:url("../images/common/list_arr_off.gif") no-repeat 0 center;} */
.listMusium ul{display:none;position:absolute;right:0;bottom:50px;width:666px;padding-left:1px;border:1px solid #125590;background-color:#FFF;}
.listMusium ul.show{display:block;}
.listMusium ul li{float:left;width:33.33%;;border-right:1px solid #d8d8d8;;border-bottom: 1px solid #d8d8d8;font-size:13px;}
.listMusium ul li a{display:block;color:#666;line-height:34px}
.listMusium ul li a:hover{background-color:#e5e5e5;color:#333;}
.listMusium ul li em{display:inline-block;margin:0 6px 0 30px;width:14px;height:14px;color:#fff;font-size:11px;text-align:center;line-height:14px;border-radius:2px;}
.listMusium ul li em.public{background-color:#2f3370;}
.listMusium ul li em.individual{background-color:#2b7d61;}
.listOrgan ul{display:none;position:absolute;right:0;bottom:52px;width:200px;background-color:#FFF;}
.listOrgan ul.show{display:block;}
.listOrgan ul li{;margin-bottom:-1px;border:1px solid #b9b9b9;font-size:13px;}
.listOrgan ul li a{display:block;color:#666;padding-left:20px;line-height: 34px}
.listOrgan ul li a:hover{background-color:#F5F5F5;font-weight:bold;}

@media screen and (max-width:1300px) {
  footer{padding: 30px 20px!important}
}
@media screen and (max-width:767px) {
  footer{padding: 0!important}
  .footer_top{display: none}
  .footer_bot{padding: 0}
  .footer_link{background-color: #707070;padding: 10px;text-align: center}
  .footer_link ul li{border-color: #fff}
  .footer_link ul li a{color: #fff}
  .footer_link ul li:last-child{padding-right: 0}
  .footer_addr{margin-top: 10px;padding-left: 10px}
  .footer_addr span{display: block}
  .footer_copy{padding-left: 10px;padding-bottom: 30px}
}
@media screen and (max-width:350px) {
  .footer_link ul li{padding: 0 5px}
}

/* 컨텐츠 */
.container{overflow:hidden;position:relative;margin-top:0;padding-bottom:70px;}
.contents{overflow:hidden;clear:both;max-width:1200px;min-height:850px;margin:auto;}

@media screen and (max-width:1199px) {
	.container{margin-top:125px;}
	.contents{padding:0 20px;}
}


/********************************************************************************************
	 서브레이아웃 
*********************************************************************************************/
/* 서브비쥬얼이미지 */
.visualSub_library, .visualSub_collection, .visualSub_bbs, .visualSub_about, .visualSub_etc{position:relative;height:240px;background:url(../images/common/sub_visual.jpg) no-repeat center 0;background-size:cover;}

@media screen and (max-width:1199px) {
	.visualSub_library, .visualSub_collection, .visualSub_bbs, .visualSub_about, .visualSub_etc{width:100%;}
}

/* 서브메뉴영역 */
.snb{position:absolute;left:0;top:184px;z-index:990;width:100%;height:56px;color:#fff;border-bottom:1px solid #ccc;}
.snb.fixed{position:fixed;top:0;background-color:#FFF;color:#666;}
.snb ul{overflow:hidden;display:table; text-align:center; width:100%; max-width:1200px; margin:0 auto;}
.snb li{display:inline-block; width:auto;height:50px;border-top:3px solid rgba(0, 204, 255, 0);border-bottom:3px solid rgba(0, 204, 255, 0);font-weight:500; }
.snb li:last-child{margin-right:0;}
.snb li a{display:inline-block;padding:0 30px;line-height:54px; color:#fff;}
.snb li:hover{border-top:3px solid rgba(0, 204, 255, 1);}
.snb li a.on{margin-top:-3px;border-top:3px solid rgba(0, 204, 255, 1);}
.snb.fixed li:hover{border-top:3px solid rgba(255, 255, 255, 0);}
.snb.fixed li a.on{height:52px;border-top:3px solid rgba(0, 204, 255, 0);border-bottom:3px solid rgba(0, 204, 255, 1);}
@media screen and (max-width:1024px) {
	.snb li a{display:inline-block;padding:0 20px;}
}
@media screen and (max-width:768px) {
	.visualSub_library, .visualSub_collection, .visualSub_bbs, .visualSub_about, .visualSub_etc{height:70px;}
	.snb {display:none;}
}

/* 서브타이틀 */
.subTit{line-height:35px;margin:63px 0 40px;text-align:center;}
.subTit h2{font-family:NanumSquareR;font-size:33px;}
h3{height:22px;padding-left:12px;font-size:22px;margin:50px 0 20px;font-weight:normal;background:url("../images/about/ico_h3.gif") no-repeat 0 10px;}

@media screen and (max-width:768px) {
	.subTit{margin:35px 0 25px;}
	.subTit h2{font-size:26px;}
}

/* 탭메뉴 */
.tabMenu{overflow:hidden;width:100%; margin-bottom:30px;}
.tabMenu.library ul, .tabMenu.search ul{width:600px;margin:auto;}
.tabMenu.experience ul{width:900px;margin:auto;}
.tabMenu.collection ul{width:900px;margin:auto;}
.tabMenu li{float:left;margin-left:-1px;flex:1;min-width:298px;height:55px;border:1px solid #ccc;line-height:55px;font-size:18px;text-align:center;background-color:#FFF;}
.tabMenu li:first-child{margin-left:0;}
.tabMenu li a{display:block;}
.tabMenu li a:hover{background-color:#f5f5f5;}
.tabMenu li a.on{background-color:#236ddb;color:#fff;font-weight:500;}

/* 20230112 */
.tabMenu.experience ul li{width:50%;}

.tabMenu ul{width:1200px;margin:auto; display:flex;}
.tabMenu.menu_2 ul li {width:33.3333%;}
.tabMenu.menu_3 ul li {width:25%;}
.tabMenu.menu_4 ul li {width:20%;}
.tabMenu.menu_5 ul li {width:16.6666%;}
.tabMenu.menu_6 ul li {width:14.285714%;}
.tabMenu.menu_7 ul li {width:12.5%;}
.tabMenu.menu_8 ul li {width:11.1111%;}





@media screen and (max-width:1199px) {
	.tabMenu ul, .tabMenu.library ul, .tabMenu.search ul, .tabMenu.experience ul, .tabMenu.collection ul{width:100%;}
	.tabMenu ul li{width:auto;}
	.tabMenu.library li, .tabMenu.search li{width:49.5%;}
	.tabMenu.experience li{width:32.5%;}
	.tabMenu.experience li:nth-child(3){margin-left:-1px;margin-top:0;}
	.tabMenu.collection li{width:24.5%;}
}
@media screen and (max-width:786px) {
	.tabMenu li {font-size:13px; height:40px; line-height:40px;}
}
@media screen and (max-width:420px) {
	.tabMenu.collection li{width:49.5%;}
	.tabMenu li:nth-child(3){margin-left:0;margin-top:-1px;}
	.tabMenu li:nth-child(4){margin-top:-1px;}
}