@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
/* font-family: 'Noto Sans KR', sans-serif; */

body{font-family: 'Noto Sans KR', sans-serif;}
a{text-decoration:none; color:#000;}


header{background:#fff; width:100%; height:80px; position:fixed; z-index:99999; overflow:hidden;}
header .logo_mobile{text-align:center; padding-top:0.8rem; padding-bottom:0.3rem;}
header .logo_mobile img{width:50px;}
header button img{width:30px;}

#notice{display:none;}
header .menu_pc{display:none;}
header .logo_pc{display:none;}



/* [모바일] 검색 메뉴 */
.search_menu{width:300px; height:640px; background:#000; position:fixed; top:0; 
             z-index:99999; left:-300px;}
.search_menu .form_search{margin-top:88px; margin-left:10%;}
.search_menu .search_input{width:85%; height:1.5rem; border-radius:0;}
.search_menu .search_logo{position:absolute; left:130px; top:19px; z-index:99999;}
.search_menu .search_logo img{width:2.8rem;}
.search_menu .search_close{position:absolute; left:15px; top:30px; z-index:99999;
                           border:0; background:none; outline:none; cursor:pointer; }
.search_menu .search_close img{width:1.4rem;}



/* [모바일] 전체 메뉴 */
.searching{position:absolute; top:0; left:0; margin:1.5rem 15px 0 15px;
           background:none; color:#000; border:0; outline:none; cursor:pointer; z-index:99999;}
.hammenu{position:absolute; top:0; right:0; margin:1.5rem 15px 0 15px;
         background:none; color:#000; border:0; outline:none; cursor:pointer; z-index:99999;}
.menu_logo{position:absolute; right:130px; top:19px; z-index:99999;}
.menu_logo img{width:2.8rem;}
.menu_close{position:absolute; right:15px; top:30px; position:fixed;
            border:0; background:none; outline:none; cursor:pointer; z-index:99999;}
.menu_close img{width:1.4rem;}
   

.menu{width:300px; height:640px; background:#000; position:fixed; top:0; 
      z-index:99999; right:-300px;}
	  
.top_menu{display:flex; font-size:0.6em; margin:85px 15px 30px 15px;}
.top_menu li{width:16.66%; margin-right:5px;}

.menu ul li a{color:#fff;}
.gnb>li{margin-top:10px; margin-bottom:30px; margin-left:25px; display:flex;}
.gnb .sub{position:absolute; width:50%; background:#fff; height:520px; right:0; top:120px; display:none;}
.gnb .sub li{height:2.5rem; margin-left:25px; margin-top:0.8em;}
.gnb .sub li a{color:#000; display:block; line-height:2.5rem;}

.menu_search{text-indent:-99999px;}
.menu_search ul li{display:none;}

#quick_menu{display:none;}






/* [모바일] 관람 예약하기 */
.booking>h1{padding-top:90px; padding-bottom:10px; text-align:center;}
.booking .guide{float:right; right:10px; margin-right:10px;}
.booking .guide li a{font-size:0.9rem;}

.list{border:3px solid #000; width:95%; margin:90px auto 30px auto;}
.list h1{text-align:center; margin-top:10px; font-size:1.5rem; font-weight:bold;}

.list div ul{height:30%; width:94%; margin:3% auto; padding-right:5px; display:table;}
.list div{border:2px solid #000; margin:3% 2%;}
.list div p{float:left; left:0; padding-top:30px; width:28%; text-align:center;}
.list h2{float:right; right:0; width:70%; font-size:1.1rem; margin:10px auto;}
.list li{float:right; width:70%; font-size:0.8rem;  margin:0 auto;}
.list img{width:110px; margin:5px auto;}

#confirmation{width:95%; border:3px solid #000; margin:30px auto;}
#confirmation h1{text-align:center; margin-top:10px; font-size:1.5rem; font-weight:bold;}





/* [모바일] 푸터 */
footer{width:100%; height:480px; background:#000; overflow:hidden;}

#footer_menu_top{height:80px; width:100%;}
#footer_menu_top ul{height:40px; width:100%; margin:0 auto;}
#footer_menu_top ul li{line-height:20px; text-align:center; float:left; padding:3px 0 0 0;}
#footer_menu_top ul li:nth-child(1){width:20%;}
#footer_menu_top ul li:nth-child(2){width:20%;}
#footer_menu_top ul li:nth-child(3){width:20%;}
#footer_menu_top ul li:nth-child(4){width:20%;}
#footer_menu_top ul li:nth-child(5){width:20%;}
#footer_menu_top ul li:nth-child(6){width:25%;}
#footer_menu_top ul li:nth-child(7){width:25%;}
#footer_menu_top ul li:nth-child(8){width:25%;}
#footer_menu_top ul li:nth-child(9){width:25%;}
#footer_menu_top ul li:nth-child(9) a{font-size:0.7em;}
#footer_menu_top ul li a{color:#fff; font-size:0.8em;}

#footer_social_icon ul{display:flex; width:400px; margin:20px auto 0 auto;}
#footer_social_icon ul li{width:20%; text-align:center;}
#footer_social_icon img{width:45px;}

footer h2{text-align:center; margin-top:40px; margin-bottom:40px;}
footer h2 img{width:230px;}
footer p{color:#fff; text-align:center; font-size:0.5em;}
footer .description{width:90%; margin:0 auto; text-align:center; margin-top:40px; font-size:0.8rem;}
footer .description span{display:block;}

#footer_menu_bottom ul{display:flex; width:100%; margin:40px auto 10px auto;}
#footer_menu_bottom ul li{width:20%; font-size:0.7em; text-align:center;}
#footer_menu_bottom ul li a{color:#fff;}





@media screen and (min-width:769px){
/* [태블릿] 관람 예약하기 */

.list{width:60%; float:left; margin-left:2%;}

.list div ul{height:35%; width:94%; margin:3% auto; padding-right:5px;}

.list div p{padding-top:20px;}
.list h2{float:right; right:0; width:67%; font-size:1.2rem;}
.list li{float:right; width:67%; font-size:0.9rem;  margin:0 auto;}
.list img{width:130px;}


#confirmation{width:33%; float:right; margin-right:2%; margin-top:17px; height:800px;}
#confirmation h1{text-align:center; margin-top:10px; font-size:1.5rem; font-weight:bold;}





/* [태블릿] 푸터 */
footer{height:490px;}
#footer_menu_top ul li{width:20%;}

#footer_social_icon ul{margin:10px auto 0 auto;}

footer h2{text-align:center; margin-top:40px; margin-bottom:40px;}
footer p{font-size:0.8em;}
footer .description{font-size:0.85rem;}
footer .description span{display:block;}

#footer_menu_bottom ul li{font-size:0.9em; margin-top:10px;}




}









@media screen and (min-width:1920px){
/* [PC] 상단 공지사항 */
#notice{display:block; width:100%; height:30px; background:#000;
        position:fixed; z-index:999999; overflow:hidden;}
.notice_close{display:block; color:#fff; font-size:2em; background:none; outline:none; 
              position:absolute; top:3px; right:3px; border:0; cursor:pointer; z-index:99999;}
#notice li{text-align:center;}   
#notice li a{color:#fff; text-align:center; line-height:30px; font-size:0.8em;}
#notice li.n1 {background-position:0 4px;}
#notice li.n2 {background-position:0 -31px;}
#notice li.n3 {background-position:0 -66px;}



/* [PC] 헤더 */
header{height:200px; width:80%; position:fixed; margin-left:10%; z-index:99999; padding-top:30px;}

header h1{display:block; padding-top:25px;}
header .menu_pc{display:block;}
header .social_icon{display:flex; width:25%; position:absolute; top:40px; left:10px;}
header .social_icon li{width:50px;}
header .social_icon img{width:30px;}

header .top_menu_pc{position:absolute; top:40px; right:10px; display:flex;}
header .top_menu_pc li{margin:0 10px; text-align:center;}
header .top_menu_pc li a{font-size:0.8em; color:#000;}
header .logo_pc{display:block; text-align:center; margin-top:60px;}
header .logo_pc img{width:240px;}


header .logo_mobile{display:none;}
header button{display:none;}
.searching{display:none;}
.hammenu{display:none;}
.search_logo{display:none;}
.search_logo{display:none;}
.search_close{display:none;}
.menu_logo{display:none;}
.menu_close{display:none;}
.search_menu{display:none;}

.iframe{z-index:9999999;}



/* [PC] 메뉴 */
.menu .top_menu{display:none;}

.menu .gnb li a{color:#000; font-weight:bold;}
.gnb{position:fixed; width:80%; height:45px; margin-top:230px; left:10%; background:#fff; z-index:99999;}
.gnb>li{float:left; width:14.28%; text-align:center;
margin-left:0; margin-right:0; margin-top:0;}
.gnb>li>a{line-height:45px; color:#000; font-size:1.1rem; margin:0 auto;}
.gnb li a:hover{color:#b60808;}
.menu_search{text-indent:0px;}
.menu_search img{width:20px; margin-top:15px;}

.gnb .sub{position:absolute; background:#000; width:100%; top:45px; left:0;
          height:45px; line-height:45px; margin-left:0;;}
.gnb .sub li{float:left; margin-top:0; margin-left:0;}
.gnb .sub li a{display:block; color:#fff; font-size:1.1rem;}
.gnb .sub li a:hover{color:#b60808;}
.gnb .sub1 li{width:12.5%;}
.gnb .sub2 li{width:25%;}
.gnb .sub3 li{width:20%;}
.gnb .sub4 li{width:50%;}
.gnb .sub5 li{width:16.66%;}
.gnb .sub6 li{width:50%;}
.gnb .sub7 li{width:50%; padding-left:50%;}
.gnb .sub7 input{width:300px; height:20px; line-height:45px;}









/* [PC] 퀵 메뉴 */
#quick_menu{display:block; width:70px; position:absolute; right:4%; top:300px;}
/* #quick_menu ul{width:70px; position:absolute; right:2%; top:300px;} */
#quick_menu ul li{margin-top:1rem; margin-bottom:1rem;}
#quick_menu ul li img{width:70px;}





/* [PC] 관람 예약하기 */
.booking{width:80%; margin:0 auto; padding-top:300px;}
.booking h1{font-size:2rem;}
.booking .guide{float:right; margin-right:50px; display:flex;}
.booking .guide li{margin:20px 10px 0 10px;}



.list div ul{height:35%; width:94%; margin:3% auto; padding-right:5px;}

.list div p{padding-top:20px;}
.list h2{float:right; right:0; width:67%; font-size:1.5rem;}
.list li{float:right; width:67%; font-size:1rem;  margin:0 auto;}
.list img{width:180px;}


#confirmation{width:33%; float:right; margin-right:2%; margin-top:45px; height:800px;}
#confirmation p{text-align:center; margin-top:10px; font-size:1.5rem; font-weight:bold;}







/* [PC] 푸터 */
footer{height:460px;}
#footer_menu_top{height:30px;}
#footer_menu_top ul{width:100%}
#footer_menu_top ul li{width:11.11%; padding-top:10px; padding-bottom:5px; padding-left:0;}
#footer_menu_top ul li:nth-child(1){width:11.11%;}
#footer_menu_top ul li:nth-child(2){width:11.11%;}
#footer_menu_top ul li:nth-child(3){width:11.11%;}
#footer_menu_top ul li:nth-child(4){width:11.11%;}
#footer_menu_top ul li:nth-child(5){width:11.11%;}
#footer_menu_top ul li:nth-child(6){width:11.11%;}
#footer_menu_top ul li:nth-child(7){width:11.11%;}
#footer_menu_top ul li:nth-child(8){width:11.11%;}
#footer_menu_top ul li:nth-child(9){width:11.11%;}
#footer_menu_top ul li a{font-size:1rem;}

#footer_social_icon{margin:50px auto 10px auto;}

footer h2{text-align:center; margin-top:40px; margin-bottom:30px;}

footer .description{font-size:0.85rem;}
#footer_menu_bottom ul{display:flex; width:100%; margin:30px auto 10px auto;}
#footer_menu_bottom ul li{font-size:1rem; margin-top:10px;}



}