@charset "utf-8";

 /* 서브메뉴 */
#snb{background:#70a700; width:100%; height:50px; line-height:50px; position:relative; z-index: 10; }
.subNaviUl .home{width:60px; display:inline-block; height:56px; background:url('/images/sub/subNavi_home.png') no-repeat 50% 18px; text-indent:-99999px; font-size:0; border-left: 1px solid rgba(255, 255, 255, .2);}
.subNaviUl .home a{width:60px; height:50px; display:block}
.subNaviUl li{}
.subNaviUl > li{width:220px; border-right:1px solid rgba(255, 255, 255, .2)}

.subNavi > a{position:relative; cursor:pointer; width: 100%; display: block;  color:#fff; text-align: left;  padding-left: 25px; }

.subNavi > a:before{content:""; position:absolute; right:16px; top:22px; width:2px; height:12px; background:#fff; display:inline-block; transform: rotate(50deg); transition:all ease-in 0.2s; }
.subNavi > a:after{content:""; position:absolute; right: 24px;  top: 22px; width:2px; height:12px; background:#fff; display:inline-block; transform: rotate(-50deg); transition:all ease-in 0.2s; }

.subNavi > a.active:before{transform: rotate(90deg);}
.subNavi > a.active:after{transform: rotate(-90deg);}
.subNavi > a:focus,
.subNavi > a:hover{color:#fff; }

.subNaviUl > li{position:relative; vertical-align:top; float:left; font-size:17px; color:#fff; height: 60px}

.subNaviUl > li:after{content:""; display:inline-block; position: absolute; right: 0; top: 20px; width:11px; height:21px; background:url('/images/museum/sub/subNavi_line.png') no-repeat 0 0; }
.subNaviUl > li:last-child:after{display:none;}
.subNavi .subNavi_hide{display:none; position:absolute; background:rgba(122, 167, 0, .9); padding:15px 20px 20px;  width: 200px; top:50px;}
.subNaviUl ul.subNavi_hide li{line-height:130%; margin-bottom:10px}
.subNavi .subNavi_hide a{color:#fff; font-size:15px; font-weight:400}

.contents{display: inline-block; width:100%; float: left; margin:60px 0 100px;}
.contents h3.con_tit{font-size:30px; text-align:center; letter-spacing:-2px; background:url('../images/sub/tit_bg.png') no-repeat center 0; padding:59px 0 30px;}

.word_br{width: 100%; word-break:break-all; height:auto;}

.pd50{padding:0 50px}

/* content */
.tit_h3{font-size:24px; margin-bottom:10px; letter-spacing:-1.5px; background:url('../images/sub/tit_h3.png') no-repeat 0 0; padding:12px 0 7px 42px; font-weight: 500; color: #334d80; }
.list_t{position:relative; font-weight:400; padding-left: 16px; margin-bottom:10px;}
.list_t b{font-weight:500;}
.list_t:before{width:11px; height:11px; border:3px solid #8eba2f; border-radius:50%; content:""; position:absolute; top:7px; left:0;}
.tit_st1{font-size:20px;font-weight:600;letter-spacing:-1px; margin-bottom: 10px; display: inline-block;}

.cont a[target="_blank"]{padding-right:20px;}
.cont a:hover{color:#e02f27}
.cont a[target="_blank"]:after{content:""; position:relative; left:10px; width:11px; height:11px; display:inline-block; background:url('../images/sub/newwin_ico.png') no-repeat 0 0; transition:all 0.2s}
.cont a[target="_blank"]:hover:after,
.cont a[target="_blank"]:focus:after{background-position:0 -15px; }

.tbl_list{width:100%;border-top:2px solid #222; border-collapse: collapse;}
.tbl_list caption{position: relative; width: 1px; height: 1px; margin: -1px; text-indent: -100000px;}
.tbl_list th{padding:16px 0 15px 0; color:#222; border-bottom:1px solid #e8e8e8; border-left:1px solid #e8e8e8; font-weight:500; background:#fcfcfc; color:#222; }
.tbl_list th:first-child{border-left:0;}
.tbl_list td {padding:16px 0 15px 0; text-align:center;border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;}
.tbl_list td:first-child{border-left:0;}

.mat{margin-top:40px;}
.file_down{float: right; background: #db5454; color: #fff; padding:8px 30px; border-radius:6px; margin-top: 32px; transition:all ease-in 0.2s}
.file_down span{display:inline-block; width:11px; height:11px; background:url('../images/sub/file_down.png') no-repeat 50%; margin-right:10px}
.file_down:hover{background:#9b3131; color:#fff !important;}
.file_down:after{display:none !important}

/* 소개 */
.cont.intro_box{text-align:center; font-size:16px;}
.cont.intro_box p{margin-bottom:30px;}
.cont.intro_box .con_bg{background:url('../images/sub/intro_bg_200803.jpg') no-repeat 0 0; padding-top:313px; margin-top:50px;}
.cont.intro_box .con_bg dl{background: #fff; width: 90%;  margin: 0 auto; border-top:3px solid #ffc539; padding:40px 70px; text-align: left; }
.cont.intro_box .con_bg dt{display:inline-block; width:11%; float: left;}
.cont.intro_box .con_bg dd{display:inline-block; width:80%; margin-bottom:10px;}

.cont .img_box{background:#f5f5f5; overflow:hidden}
.cont .img_box .con_img{width:640px; display:inline-block; float:left;}
.cont .img_box .con_box{width:calc(100% - 640px); float:right; padding:60px 37px; box-sizing:border-box; }
.cont .img_box .con_box h3{position:relative; font-size:30px; padding-bottom: 18px; margin-bottom: 20px;}
.cont .img_box .con_box h3:after{content:""; background:#ffc539; width:113px; height:2px; position:absolute; left:0; bottom:0;}

.cont .list2{margin-top:5px;}
.cont .list2 li{position:relative; font-size:15px; font-weight:300; padding:2px 0 2px 8px}
.cont .list2 li:before{content:"·"; margin-right:5px; position:absolute; left:0; top:2px}

/* 체험예약 */
.cont .con_box_full{border:1px solid #ddd; border-top:3px solid #ffc539; padding:50px 40px 40px; margin-top:30px; position:relative;}
.cont .con_box_full:before{width:100px; height:114px; content:""; display:inline-block; position:absolute; right:15px; top:-70px; background:url('../images/sub/bee_img.png') no-repeat 0 0;}
.cont .con_box_full ul.col2 li{width:49%; display:inline-block; vertical-align: top; }

.cont .con_box_full.st1 .list_t{font-size:16px; padding-left:0; border-bottom:1px dashed #ddd; height:70px; padding-top: 8px;}
/*
.cont .con_box_full.st1 .list_t b{font-weight: 500; background: #24a68c;  color: #fff;  padding: 5px 10px 6px 20px; display: inline-block; width: 200px; float: left;  margin-right: 10px;  box-sizing:border-box;
									border-radius: 20px; position:relative;}
*/
.cont .con_box_full.st1 .list_t b{font-weight: 500; background: #585858;  color: #fff;  padding: 5px 10px 6px 20px; display: inline-block; width: 200px; float: left;  margin-right: 10px;  box-sizing:border-box;
									border-radius: 20px; position:relative;}
.cont .con_box_full.st1 .list_t span{display:inline-block; padding: 5px 0 6px; width: calc(100% - 220px);}
.cont .con_box_full.st1 .list_t:before{display:none}
.list_t b{ float:left;}
.list_con{display:inline-block; margin-left: 10px; width:calc(100% - 200px);}
.txt_col{background:#fff7e7}
.ft18{font-size:18px}

/* 이용방법 */
.cont .con_box_full.st2{background:#f2f2f2; overflow:hidden} 
.guide_box1{margin-bottom:20px;float:left; width:100%;}
.guide_tit{width:150px; height:150px; display:inline-block; border-radius:50%; text-align:center; color:#ffffd8; box-sizing:border-box; background:#029868; font-size:26px; padding-top: 60px;
				 font-weight: 600; float: left; margin-right: 50px; margin-top:20px; letter-spacing: -1px; position:relative}
.guide_tit:after{width:50px; height:1px; content:""; background:#ddd; position:absolute; top: 72px; left: 150px;}
.guide_tit.tit2{background:#02988c}
.guide_tit.tit3{background:#027f98; margin-top:-27px}

.bd_box{float:right; background:#fff; border:1px solid #ddd; width:calc(100% - 200px); padding: 40px 30px;}
.bd_box ul.step_li li{background: #e0e5ea;  padding:9px 32px; display: inline-block; border-radius: 30px; margin-right: 40px; margin-bottom:10px; position:relative}
.bd_box ul.step_li li:after{content:""; display:inline-block; width:19px; height:14px; background:url('/images/sub/step_arrow.png') no-repeat 0 0; right: -31px;  position: absolute; top: 14px; }
.bd_box ul.step_li li:last-child{margin-right:0}
.bd_box ul.step_li li:last-child:after{display:none}

/* 사이트맵 */
.cont .sitemap_box{border-top:3px solid #ffc539; padding:70px 40px 120px; margin-top:30px; position:relative; background:#f5f5f5 url('../images/sub/sitemap_bg.png') no-repeat 0 bottom; 
						overflow:hidden; min-height:600px; background-size:contain}
.cont .sitemap_box dl{width: 20%;  text-align: center; display: inline-block; float: left; vertical-align: top;}
.cont .sitemap_box dt{position:relative; font-size:18px; font-weight:600; margin-bottom:15px}
.cont .sitemap_box dt:before{ background:url('../images/sub/apple_ico.png') no-repeat 0 0; content:""; display:block; width:12px; height:15px; margin: 0 auto 5px; }
.cont .sitemap_box dd{padding:5px 0}
.list_t_full{width:100% !important;}
.list_t > b > a{color:#fff;}
.list_t > b > a[target="_blank"]:after{content: ""; position: relative; left: 10px; width: 11px; height: 20px; display: inline-block; background: url(../images/sub/newwin_ico.png) no-repeat 0 -11px; transition: all 0.2s;}
.list_t > b > a[target="_blank"]{padding-right: 0px !important;}
.a_div_pop > b > a:after{content: ""; position: relative; left: 10px; width: 11px; height: 20px; display: inline-block; background: url(../images/sub/newwin_ico.png) no-repeat 0 -11px; transition: all 0.2s;}
.a_div_pop a:hover:after,:focus:after{background-position:0 -15px;}

.word_spc{word-spacing: -4px;}
.dis_none{display:none;}
.div_pop{width:100%; z-index:9999; background: #ffffff !important; position: absolute; height:auto; border: 1px solid #ddd; padding:5px;}
.div_pop_sub{width:50%;float:left; height:auto;}
.div_pop_dt{width:100%; border-bottom:1px dashed #ddd; float:left; margin-left: 5px;}
.div_pop_dt2{width:100%; float:left;}
.div_pop_s{width:40px !important;}
.div_pop_ss{margin-left:10px; width:100px !important;}
.div_pop_img{width: 100%; height: 238px;}
.div_pop_txt{width: 100%; float:left; text-align:left !important;}
.tel_ico{width: 26px; height: 26px; border-radius: 50%; display: inline-block; margin-right: 8px; vertical-align: middle; background: #3a559f url('../images/sub/storelist_ico.png') no-repeat 6px -40px;}
.add_ico{width: 26px; height: 26px; border-radius: 50%; display: inline-block; margin-right: 8px; vertical-align: middle; background: #3a559f url('../images/sub/storelist_ico.png') no-repeat 6px -85px;}
.list_img {width: 19% !important; float: left; margin-right: 1%; margin-bottom: 5px;}
.list_img_img{width:100%; height:150px;}
.div_pop_img_d{width:100%; float:left;}
.div_pop_txt_d{width:100%; float:left; margin-bottom:10px;border-bottom:1px dashed #ddd;border-top:1px dashed #ddd;}
.txt_bold{font-weight:bold;}
.wid100{width:100% !important;}
.txt_center{text-align:center;}
.div_pop_title{border-bottom: 1px dashed #ddd; margin-bottom: 5px; font-size: 20px !important; padding: 5px 0; line-height: 15px; height: 30px;}
.div_pop_img_d > ul{margin: 0 1.5%;}
.btn_close2{float:right;}

@media (max-width:1000px) {
	.cont .img_box .con_box{width:100%; float:left}
	.cont .img_box .con_img{width:45%;}
	.cont .img_box .con_box{width: calc(100% - 45%);}

	.cont .con_box_full{padding:40px 30px 30px; }
	.cont .con_box_full ul.col2 li{width:100%;}
}
@media (max-width:850px) {
	#snb .inner2{padding:0}
	.subNaviUl > li {width: calc(100% / 2 - 50px); }

	.contents { margin: 30px 0 50px;}
	.contents h3.con_tit{font-size: 18px; background-size: 70px; letter-spacing: -1px;}
	.contents .tit_h3{font-size:20px; padding:9px 0 20px 42px}
	.cont.intro_box{font-size:15px}
	.cont.intro_box .con_bg{padding-top: 12vmin; background-size: contain;}
	.cont.intro_box .con_bg dl{padding: 40px 30px;}
	.cont.intro_box .con_bg dt{width:100%;}
	.cont.intro_box .con_bg dd{width:100%; padding-left: 16px;}
	
	.cont .img_box .con_img{width:100%;}
	.cont .img_box .con_box{width:100%; padding: 30px 37px;}

	.cont .sitemap_box dl{width:33%}
	
	.guide_box1{width:100%;}
	.guide_tit{margin:0 auto; width: 100%; border-radius: 0;  height: 50px;  line-height: 50px;  font-size: 15px;  padding: 0; letter-spacing:0}
	.guide_tit:after{display:none}
	.bd_box{width:100%;}
	.guide_tit.tit3{    margin-top: 0;}
	.list_con{width:80% !important;}
	.span_txt{font-size:12px; width:100%;}
	.file_down{margin: 5px 0;}
	.div_pop_sub{width:100%;float:left; height:auto;}
	.div_pop_txt{width: 100%; float:left; text-align:left !important;}
	.div_pop_img {width: 100%; height: auto;}
	.list_img {width: 49% !important; float: left; margin-right: 1%; margin-bottom: 5px;}
	.list_img_img {width: 100%; height: 100px;}
	.div_pop{width:100%; z-index:9999; background: #ffffff !important; position: absolute; height:auto; border: 1px solid #ddd; padding:5px;}
	.next_txt{margin-left:20px;}
}

@media (max-width:450px) {
	.contents .tit_h3{padding-top:0px}
	
	.cont .con_box_full.st1 .list_t{height:auto; text-align:center;}
	.cont .con_box_full.st1 .list_t b{display:block; margin:0 auto; float: initial;}
	.cont .con_box_full.st1 .list_t span{width:100%}

	
	.cont .sitemap_box{padding:30px 0 40px;}
	.cont .sitemap_box dl{width:100%; margin-bottom:50px}
	.list_con{width:80% !important;}
	.div_pop_txt{width: 100%; float:left; text-align:left !important;}
	.div_pop_img {width: 100%; height: auto;}
	.list_img {width: 49% !important; float: left; margin-right: 1%; margin-bottom: 5px;}
	.list_img_img {width: 100%; height: 100px;}
	.div_pop{width:100%; z-index:9999; background: #ffffff !important; position: absolute; height:auto; border: 1px solid #ddd; padding:5px;}
	.m_ft_size{font-size:11px;}
}