.sub {
  z-index: 1;
  word-break: keep-all;
  color: #555;
	letter-spacing: 0px;
}
@media(min-width: 768px){
	.sub .container{width: 720px;}
}
@media(min-width: 992px){
	.sub .container{width: 960px;}
}
@media(min-width: 1200px){
	.sub .container{width: 1200px;}
}
body{
	font-family: "Pretendard GOV";
	letter-spacing: 0;
}
.join > div > div{overflow-y: auto;}
.paging{width: 100%;}
.pagination>li>a, .pagination>li>span{font-size: 14px; color: #666666; border: none;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{font-size: 14px; color: #666666; border: none;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{font-weight: bold; background: #fff; text-decoration: underline; color: #333; border: none;}

strong{font-weight: bold;}

a, a.active, a:hover{text-decoration: none;}

.col-05{color: #055EAA;}
.col-c8{color: #C84707;}

@media (min-width: 992px) {

    .hidden-sm-down {display:none !important; }
	.header { height:auto; position:relative;  z-index:100; }
	.sub {position:relative;  border-bottom:1px solid #DEDEDE; }
	.sub .sub-bg  {width:100%; height:296px; background-repeat: no-repeat; background-position:center top;   }
	.sub .sub-bg .sub-title-text{padding-top: 65px; text-align: center;}
	.sub .sub-bg .sub-title-text p{font-size: 30px; color: #fff;}
	.sub .sub-bg .sub-title-text p span{font-weight: bold;}
	.sub .sub-bg .sub-title-text p span strong{font-size: 40px; font-weight: bold;}



	.sub-contents {position: relative;}
	.sub-contents .ab-bg{position: absolute; top: -45px; left: 80px; width: calc(100% - 160px); height: 45px; background: #fff;}
	.sub-contents .ab-bg:before{content: ''; position: absolute; left: -80px; top: 0; width: 80px; height: 45px; background: url(/pub/site/hallamuseum/images/sub/sub_bg_left.png) no-repeat center;}
	.sub-contents .ab-bg:after{content: ''; position: absolute; right: -80px; top: 0; width: 80px; height: 45px; background: url(/pub/site/hallamuseum/images/sub/sub_bg_right.png) no-repeat center;}
	.sub-contents:after { clear:both; display:table; content:'';  }


	.sub-contents .right-contents { width: 100%;  }

	.sub-contents .top-contents {   position:relative;  margin-bottom:37px; }
	.sub-contents .top-contents h1 { color:#000; font-size:30px; font-weight:bold;  margin-bottom:10px; }
	.sub-contents .top-contents .sub-menu{display: table; width: 100%; text-align: center; margin-bottom: 48px;}
	.sub-contents .top-contents .sub-menu li{display: inline-block; margin-right: -1px;}
	.sub-contents .top-contents .sub-menu li a{display: table-cell; vertical-align: middle; width: 200px; height: 41px; background: #FFFFFF; border: 1px solid #DBDBDB; font-size: 18px; color: #333;}
	.sub-contents .top-contents .sub-menu li a.active{color: #ffffff; background: #333333;}
	.sub-contents .top-contents .breadcrumb { background: none;	padding:0px; 	font-size:15px;    margin-bottom:25px;   }  
	.sub-contents .top-contents .breadcrumb > li + li:before {    content: ">";    color:#666666;   }
	.sub-contents .top-contents .breadcrumb li a { color:#666666; }
	.sub-contents .top-contents .breadcrumb li a strong{color: #333333;}
	
	.sub-contents .top-contents .text { font-size:20px; color:#000; font-weight:100;  }
	.sub-contents .top-contents .contents-util { position:absolute; top:25px; right:0px;  }
	.sub-contents .top-contents .contents-util a { margin-left:10px;  }
	

	.sub-tab-menu {  margin-bottom:40px; background: #F2F2F2; border-radius: 15px; padding: 18px 30px 5px;}
	.sub-tab-menu:after { clear:both; display:table; content:'';  }
	.sub-tab-menu li {float:left;  width:calc((100% - 60px) / 4); text-align:center;  height:40px;  line-height:1.2; margin-right: 20px; margin-bottom: 16px;}
	.sub-tab-menu li:nth-child(4n){margin-right: 0px;}
	.sub-tab-menu li a {display:table-cell; vertical-align:middle;  width:300px; height:40px; background: #ffffff; border-radius: 20px; box-shadow: 0px 0px 10px #0000001A; color:#666; font-size:18px;}
	.sub-tab-menu li a.active { background: #333333; color:#fff; }

	.list-tab-menu { text-align:center;  margin-bottom:40px; display: flex; justify-content: center;}
	.list-tab-menu li {/* display:inline-block; */ width:216px; height:50px; margin-bottom:10px;/*  padding:0 10px; */  line-height:1.2; }
	.list-tab-menu li a { display:table-cell; width:216px; height:50px;  vertical-align:middle;  font-size:18px; color:#666;  border: 1px solid #E0E0E0;}
	.list-tab-menu li.active a{border: 2px solid #000; color: #000;}
	.list-tab-menu li a.active { color:#436AD7; border-bottom:3px solid #436AD7;  font-weight:bold; }


	.sub-main-contents { font-size:16px; color:#000;  padding-bottom:60px; line-height:1.6; background: #fff;}
	.sub-main-contents > h1{font-size: 34px; color: #333333; line-height: 44px; margin-bottom: 60px;}
	.sub-main-contents h2 {font-size:24px; color:#333333;  padding-bottom:20px; padding-left: 12.5px; font-weight:bold;  margin-top:40px;   margin-bottom:25px; position:relative;  }
	.sub-main-contents h2:first-child  { margin-top:0px;   }
	.sub-main-contents h2:before{content: ""; position: absolute; top: 10px; left: 0px; width: 5px; height: 5px; border-radius: 50%; background: #333333;}
	.sub-main-contents h3 { font-size:20px; font-weight:bold; color:#00805A; margin-bottom:15px;  }
	.sub-main-contents ul.bul {}
	.sub-main-contents ul.bul li  { padding-left:10px; position:relative;  margin-bottom:5px; color:#000; font-size:18px;  }
	.sub-main-contents ul.bul li:before { content:''; display:inline-block; width:6px; height:6px; border-radius:100%;  background:#C2C2C2;  position:absolute; top:10px; left:0px;  }
	.sub-main-contents ul.bul li ul  { margin-top:5px; }
	.sub-main-contents ul.bul li ul li  {padding-left:8px; font-size:16px;  background:none; color:#666; }
	.sub-main-contents ul.bul li ul li:before { content:''; width:4px; height:2px; border-radius:0px;  top:12px;  }
	.sub-main-contents .text-box { padding:20px 40px;  background:#f2f2f2; margin:20px 0px;  }
	.sub-main-contents .text-box:after ,.sub-main-contents .border-box:after { clear:both; display:table; content:'';  }
	.sub-main-contents .border-box { border:1px solid #e6e6e6; background:#fff;  padding:20px 40px;margin:20px 0px;  }
	
	.contents-table { width:100%; border-top:2px solid #555;  }	
	.contents-table table { width:100%;  border-collapse:collapse; border-left:1px solid #e4e4e4;  }	
	.contents-table table thead th {padding:10px 15px; color:#000; background:#F5F5F5; 	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; }
	.contents-table table tbody th {padding:10px 15px; color:#000; background:#F5F5F5; 	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;  text-align:center; }
	.contents-table table tbody td {padding:10px 15px; color:#555;  	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;   }
	.contents-table.table-left table tbody th { text-align:left; }
	
	.contents-btn-wrap {}
	.contents-btn-wrap .contents-btn {display:inline-block; min-width:310px;  height:60px; border:2px solid #353535; text-align:center;   line-height:55px;  }
	.contents-btn-wrap .contents-btn span {display:inline-block;padding-right:25px; background:url(../images/sub/arrow.png) no-repeat right center; font-size:17px; color:#000;     }
	.contents-btn-wrap .contents-btn.full-btn {padding-right:45px; width:100%; margin-bottom:10px;  text-align:left; padding-left:45px;  }
	.contents-btn-wrap .contents-btn.full-btn span { width:100%;  }

	.sub-main-contents a.link-btn { text-decoration:underline; color:#000;  padding-right:15px; background:url(../images/sub/arrow.png) no-repeat right center;}


	.half-wrap { margin-left:-15px;margin-right:-15px; margin-bottom:30px; }
	.half-wrap:after { clear:both; display:table; content:'';  }
	.half-wrap .half {float:left; width:50%; padding-left:15px; padding-right:15px;  }

	.triple-wrap { margin-left:-15px;margin-right:-15px; margin-bottom:30px; }
	.triple-wrap:after { clear:both; display:table; content:'';  }
	.triple-wrap .triple {float:left; width:33.333%; padding-left:15px; padding-right:15px;  }

	/* 로그인 */
	.login{max-width: 400px; margin: 0 auto;}
	.login .login-wrap{width: 400px; min-height: 327px; text-align: center; padding: 26px 30px; background: #F2F2F2;}
	.login .login-wrap h2{margin-bottom: 27px; padding-bottom: 0px;}
	.login .login-wrap h2:before{display: none;}
	.login .login-wrap p.info_p{margin-bottom: 14px; font-size: 14px; text-align: left;}
	.login .login-wrap p{font-size: 14px; text-align: left;}
	.login .login-wrap input, .login .login-wrap label{margin-bottom: 11px; height: 47px; width: 100%; border: 1px solid #999; border-radius: 5px; padding: 9px 16px; font-size: 16px;}
	.login .login-wrap a.login-btn{display: block; background: #333333; border: 1px solid #999999; border-radius: 5px; color: #fff; font-size: 16px; padding: 10px 0; margin-bottom: 18.51px;}
	.btn2{background: #333333; color: #fff;}
	.login .link-wrap {display: flex; justify-content: space-between; }
	.login .link-wrap a{color: #333333; font-size: 16px;}


	/* 아이디 비밀번호 찾기 */
	.find-login{display: flex; justify-content: center; align-items: center;}
	.find-login > form div{width: 400px; min-height: 377px; padding: 26px 30px 33.5px; margin-right: 10px; background: #F2F2F2;}
	.find-login > form div h2{margin-bottom: 27px; padding: 0px;}
	.find-login > form div h2:before{display: none;}
	.find-login > form div p.info_p{margin-bottom: 14px; font-size: 14px; text-align: left;}
	.find-login > form div p{font-size: 14px; text-align: left; font-weight: bold;}
	.find-login > form div p:nth-child(2){margin-bottom: 24.5px; font-weight: normal;}
	.find-login > form div input, .find-login > form div label{ font-weight: normal; margin-bottom: 11px; height: 37px; width: 100%; border: 1px solid #999; border-radius: 5px; padding: 9px 16px; font-size: 16px;}
	.find-login > form div a.login-btn{display: block; background: #333333; border: 1px solid #999999; border-radius: 5px; color: #fff; font-size: 16px; padding: 10px 0; margin-bottom: 18.51px;}
	.find-login > form div .btn2{background: #333333; color: #fff; height: 47px;}
	/* .find-login > form div {display: flex; justify-content: space-between; }
	.find-login > form div a{color: #333333; font-size: 16px;} */


	/* 관람안내 */
	.guide .showing{}
	.guide .showing ul{display: flex; justify-content: space-between; padding: 21px 32px 20px 32px; background: #F2F2F2; border-radius: 15px; margin-bottom: 24px;}
	.guide .showing ul li{position: relative; width: 260px; margin-right: 32px;}
	.guide .showing ul li:last-child{margin-right: 0;}
	.guide .showing ul li:before{content: ""; position: absolute; top: 0; right: 0; border: 1px solid #DBDBDB; height: 100%;}
	.guide .showing ul li:last-child:before{content: ""; display: none;}
	.guide .showing ul li span{display: block; width: 76px; height: 28px; font-size: 16px; font-weight: bold; color: #fff; background: #333333; border-radius: 0px 10px 0px 0px; text-align: center; margin-bottom: 15px; letter-spacing: 0;}
	.guide .showing ul li p{font-size: 16px; letter-spacing: 0px; color: #333333;}
	.guide .showing ul li p strong{font-size: 20px; font-weight: bold;}
	.guide .showing > p{position: relative; padding-left: 48px;}
	.guide .showing > p:before{content: '\f3c5'; font-family: 'Font Awesome 6 pro'; font-weight: 700; position: absolute; font-size: 16px; top: 0; left: 29px;}
	.guide .showing > p > i{margin-right: 7px;}
	.guide .showing > p a{display: inline-block; vertical-align: middle; width: 70px; height: 23px; border: 1px solid #DBDBDB; border-radius: 5px; text-align: center; font-size: 14px; color: #333333; letter-spacing: 0; margin-left: 9px;}

	.guide .money{}
	.guide .money table{width: 100%; border-left: 1px solid #DBDBDB; border-top: 1px solid #DBDBDB; margin-bottom: 25px;}
	.guide .money table th{background: #F2F2F2; font-size: 16px; color: #333333; font-weight: 400; letter-spacing: 0; border-right: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; padding: 16px 30px; text-align: center;}
	.guide .money table th strong{font-size: 16px; color: #333333; font-weight: bold;}
	.guide .money table td{ letter-spacing: 0; text-align: right; border-right: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; padding: 16px 30px;}
	.guide .money table td:first-child{text-align: left;}
	.guide .money table td span{color: #666666;}
	.guide .money > p{font-size: 16px; color: #333333; letter-spacing: 0px; margin-bottom: 17px;}

	.faq-list dl{border-bottom: 1px solid #DBDBDB; margin-bottom: 20px; padding-bottom: 20px;}
	.faq-list dl dt{font-size: 16px; color: #333333; font-weight: bold; letter-spacing: 0; line-height: 20px; margin-bottom: 10px;}
	.faq-list dl dt span{display: inline-block; width: 20px; height: 20px; background: #333333; border-radius: 50%; font-size: 14px; color: #fff; line-height: 20px; text-align: center;}
	.faq-list dl dd{font-size: 16px; color: #333333; letter-spacing: 0; line-height: 20px;}
	.faq-list dl dd span{display: inline-block; width: 20px; height: 20px; border: 1px solid #DBDBDB59; border-radius: 50%; font-size: 14px; color: #333333; line-height: 20px; text-align: center;}



	/* 상설전시 */
	.contents-wrapper .per-theme{}
	.contents-wrapper .per-theme .gallery{padding: 34.5px 29px 31px 30px; background: #333333; color: #fff;}
	.contents-wrapper .per-theme .gallery p{display: flex; flex-wrap: wrap; align-items: center; font-size: 24px; font-weight: bold; margin-bottom: 14px;}
	.contents-wrapper .per-theme .gallery p strong{display: inline-block; width: 95px; height: 28px; border-radius: 0px 10px 0px 0px; background: #F2F2F2; text-align: center; padding-top: 6px; line-height: 16px; font-size: 16px; color: #000000; font-weight: bold; margin-right: 17px;}
	.contents-wrapper .per-theme .gallery span{display: block; font-size: 16px; letter-spacing: 0px; font-weight: 400; margin-bottom: 30px;}
	


	.btn a{color: #000;}


	/* 찾아오시는 길 */
	.location .top {display: flex; margin-bottom: 42px; flex-wrap: wrap;}
    .location .top > div {width: 50%; position: relative; overflow: hidden;}
    .location .top .map > div { position: absolute; width: 100%; }
    .location .top .img {}
	.location .top .loc-txt{display: flex; flex-wrap: nowrap; align-items: center; width: 100%; padding-top: 25px;}
/* 	.location .top .loc-txt > p{width: 145px;} */
	.location .top .loc-txt > p strong{font-size: 24px; font-weight: bold;}
	.location .top .loc-txt ul{display: flex; margin-left: 15px; padding-left: 20px; position: relative;}
	.location .top .loc-txt ul li{margin-right: 27px; color: #333;}
	.location .top .loc-txt ul li:last-child{margin-right: 0px;}
	.location .top .loc-txt ul li i{margin-right: 10px;}
	.location .top .loc-txt ul:before{content: ''; position: absolute; left: 0; top: 0; height: 100%; border-left: 1px solid #DBDBDB;}
	.location .bottom h2{margin-bottom: 0px;}
	.location .bottom > span{color: #333;}
	.location .bottom > span strong{font-weight: bold; color: #1D3E87;}
	.location .bottom .bt{margin-top: 40px;}
	.location .bottom .bt ul{padding-left: 18.5px;}
	.location .bottom .bt li{font-size: 20px; font-weight: bold; margin-bottom: 28px;}
	.location .bottom .bt li > span{display: inline-flex; justify-content: center; align-items: center; width: 31px; height: 31px; border-radius: 50%; background: #333; color: #fff; FONT-SIZE: 16px;}
	.location .bottom .bt li p{font-size: 16px; padding-left: 38px; font-weight: 400; padding-top: 19.5px;}
	.location .bottom .bt li p span{margin-right: 33px;}
	.location .bottom .bt li p span i{margin-right: 8px; color: #386DE8;}
	.location .bottom .bt li p span:nth-child(2) i{color: #3CC344;}
	.location .bottom .bt li p span:nth-child(3) i{color: #87C700;}

	
	/* 시설안내 */
	.facility h2{padding-bottom: 0px;}
	.facility > .txt-box{display: flex; align-items: center; background: #F2F2F2; border-radius: 15px; padding: 31px 35px;}
	.facility > .txt-box img{margin-right: 34px;}
	.facility > .txt-box p{line-height: 24px;}
	.facility > .txt-box strong{display: block; font-size: 20px;}
	.facility .img-area .map_img{position: relative;margin-bottom: 22px;}
	.facility .img-area .map_img img{ padding: 33px; border: 1px solid #DBDBDB; }
	.facility .map_img .txt-box{position: absolute; width: 330px; height: 240px; background: #F2F2F2; padding: 18px; left: 32px; bottom: 30px;}
	.facility .map_img .txt-box ul li{margin-bottom: 5px;}
	.facility .map_img .txt-box ul li:last-child{margin-bottom: 0px;}
	.facility .map_img .txt-box ul li span{background: #1D3E87; color: #fff; padding: 0px 4px; margin-right: 7.5px;}
	.facility .img-area > ul{margin-bottom: 62px;}
	.facility .img-area > ul li{margin-bottom: 17px; color: #333;}
	.facility .img-area > ul li.col-p{color: #A1167E;}
	.facility > ul{display: flex; flex-wrap: wrap; width: 100%;}
	.facility > ul li{display: inline-flex; flex-wrap: wrap; width: 50%; margin-bottom: 40px;}
	.facility > ul li span{position: relative; display: inline-flex; align-items: center; justify-content: center; width: 88px; height: 88px; display: inline-flex; align-items: center; justify-content: center; font-size: 36px; color: #fff; background: #666666; border-radius: 50%;}
	.facility > ul li span:before{content: '\f193'; font-family: 'Font Awesome 6 pro'; font-weight: 700; font-size: 36px; color: #fff; }
	.facility > ul li:first-child span:before{content: '\f7bd'; font-family: 'Font Awesome 6 pro'; font-size: 36px; color: #fff; }
	.facility > ul li:nth-child(2) span:before{content: '\f64b'; font-family: 'Font Awesome 6 pro'; font-size: 36px; color: #fff; }
	.facility > ul li:nth-child(3) span:before{content: '\e53a'; font-family: 'Font Awesome 6 pro'; font-size: 36px; color: #fff; }
	.facility > ul li p{width: calc(100% - 88px); padding-left: 17px; padding-right: 40px; color: #333333;}
	.facility > ul li p strong{ display: block; font-size: 20px; margin-bottom: 5px;}

	/* 회원가입 */
	.join h2{margin-bottom: 0px;}
	.join > div{margin-bottom: 61px;}
	.join > div > div{height: 217px; border: 1px solid #999; border-radius: 5px; padding: 17px 19.5px; margin-bottom: 18px;}
	.join > div input{margin-right: 9px;}
	.join > p{text-align:center;}
	.join > p a{display: inline-flex; width: 104px; height: 45px; border-radius: 10px; border: 1px solid #333333; justify-content: center; align-items: center; color: #333; font-size: 18px; margin: 0 5.5px;}
	.join > p a:first-child{background: #333333; color: #fff;}
	
	.jointxt{width: 600px; margin: 0 auto;}
	.jointxt h2{margin-bottom: 0px;}
	.jointxt > div{padding: 29px 31px; background: #F2F2F2; margin-bottom: 42px;}
	.jointxt > div > span{ display: inline-block; font-weight: bold; color: #333; position: relative; margin-bottom: 16px;}
	.jointxt > div > p{margin-bottom: 25px;}
	.jointxt > div input{margin-right: 10px; height: 37px; width: 100%; padding: 9px 6px; border: 1px solid #999; border-radius: 5px !important; background: #fff;}
	.jointxt > div > p a{display: inline-flex; width: 96px; height: 37px; background: #333; border-radius: 5px; color: #fff; align-items: center; justify-content: center;}
	.jointxt > div p.id{display: flex;}
	.jointxt > div p.id input{	width: calc(100% - 108.5px);}
	.jointxt > div > div > div{display: flex; align-items: center;}
	.jointxt > div > div > div:nth-child(2) .input-group-addon{border: none; background: unset; padding: 0 10px 0 7px;}
	.jointxt > div > div > div:last-child select{height: 37px; border: 1px solid #999; border-radius: 5px !important;}
	.jointxt > div p.number{display: flex; align-items: center;}
	.jointxt > div p.number input{margin: 0 11px; }
	.jointxt > div p.number input:first-child{margin-left: 0px;}
	.jointxt > div p.number input:last-child{margin-right: 0px;}
	.jointxt > .contents-btn{text-align:center;}
	.jointxt > .contents-btn input{display: inline-flex; width: 104px; height: 45px; border-radius: 10px; border: 1px solid #333333; justify-content: center; align-items: center; color: #333; font-size: 18px; margin: 0 5.5px;}
	.jointxt > .contents-btn input:first-child{background: #333333; color: #fff;}


	.join-check{max-width: 600px; margin: 0 auto;}
	.join-check > div{background: #F2F2F2; padding: 30px; text-align: center; margin-bottom: 31px;}
	.join-check > div div{width: 50px; height: 50px; margin: 0 auto; background: #333333; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 24px; margin-bottom: 20px;}
	.join-check > div p{font-size: 20px; color: #333; margin-bottom: 23px;}
	.join-check > div p strong{font-weight: bold;}
	.join-check > div p:last-child{margin-bottom: 0;}
	.join-check > div p:last-child span{font-size: 16px;}
	.join-check > p{text-align:center;}
	.join-check > p a{display: inline-flex; width: 104px; height: 45px; border-radius: 10px; border: 1px solid #333333; justify-content: center; align-items: center; color: #fff; font-size: 18px; margin: 0 5.5px; background: #1D3E87;}
	.join-check > p a:first-child{background: #333333; color: #fff;}


	/* 회원정보수정 */
	.modify{width: 600px; margin: 0 auto;}
	.modify h2{margin-bottom: 0px;}
	.modify > div{padding: 29px 31px; background: #F2F2F2; margin-bottom: 42px;}
	.modify > div > span{ display: inline-block; font-weight: bold; color: #333; position: relative; margin-bottom: 16px;}
	.modify > div > p{padding-bottom: 13px; border-bottom: 1px solid #DBDBDB; margin-bottom: 24px;}
	.modify > div input{margin-right: 10px; height: 37px; width: 100%; padding: 9px 6px; border: 1px solid #999; border-radius: 5px !important; background: #fff;}
	.modify > div .form_txt{display: block; padding-top: 13px;}
	.modify > div > p a{display: inline-flex; width: 96px; height: 37px; background: #333; border-radius: 5px; color: #fff; align-items: center; justify-content: center;}
	.modify > div p.id{display: flex;}
	.modify > div p.id input{width: calc(100% - 108.5px);}
	.modify > div > div > div{display: flex; align-items: center;}
	.modify > div > div > div:nth-child(2) .input-group-addon{border: none; background: unset; padding: 0 10px 0 7px;}
	.modify > div > div > div:last-child select{height: 37px; border: 1px solid #999; border-radius: 5px !important;}
	.modify > div p.number{display: flex; align-items: center;}
	.modify > div p.number input{margin: 0 11px; }
	.modify > div p.number input:first-child{margin-left: 0px;}
	.modify > div p.number input:last-child{margin-right: 0px;}
	.modify > .contents-btn{text-align:center;}
	.modify > .contents-btn input, .modify > .contents-btn a{display: inline-flex; width: 104px; height: 45px; border-radius: 10px; border: 1px solid #333333; justify-content: center; align-items: center; color: #333; font-size: 18px; margin: 0 5.5px;}
	.modify > .contents-btn input:first-child{background: #333333; color: #fff;}
	.modify > .contents-btn a{background: #C84707; color: #fff; border: none;}


	/* 기획전시 */
	.porformance-schedule-select{border-bottom: 1px solid #DBDBDB;}
	.porformance-schedule-select label{padding-left: 0; margin-bottom: -1px;}
	.porformance-schedule-select label input{display: none;}
	.porformance-schedule-select label span{display: inline-flex; width: 150px; height: 47px; align-items: center; justify-content: center;}
	.porformance-schedule-select label.active span{border: 1px solid #DBDBDB; border-top: 2px solid #333; border-bottom: none; background: #fff; margin-bottom: -1px;}
	
	.exhibi-list {padding-top: 40px;}
	.exhibi-list > div.list{width: calc((100% - 103px) / 4); margin-right: 29px; padding: 0px; margin-bottom: 45px; float: unset; display: inline-block;}
	.exhibi-list > div.list:nth-child(4n){margin-right: 0px;}
	.ex-container{margin-top: 0px;}
	.ex-container .ex-poster-container{border: none; padding: 0px;}
	.ex-container .ex-poster-container > a{padding-bottom: 125%; position: relative;}
	.ex-container .ex-poster-container > a span{display: none;}
	.ex-container .ex-poster-container > a img{position: absolute; top: 0; left: -9999999px;}
	.ex-container > .bg-wrap{padding-top: 21px;}
	.ex-container > .bg-wrap > span{top: 10px; right: 12px; border-radius: 50%; opacity: 1; background: #055EAA; width: 45px; height: 45px; display: inline-flex; justify-content: center; align-items: center;}
	.ex-container > .bg-wrap > span.END{background: #666666;}
	.ex-container > .bg-wrap > span.READY{background: #05AA10;}
	.ex-container > .bg-wrap > .title{font-size: 18px; font-weight: bold; margin-bottom: 21px; line-height: 21px; word-break: break-all;}
	.ex-container > .bg-wrap > .ex-duration{overflow: hidden;}
	.ex-container > .bg-wrap > .ex-duration strong{font-size: 14px; font-weight: normal; border: 1px solid #999; border-radius: 5px; padding: 1.5px 5px; margin-right: 10px;}

	.exhibi-view{padding-top: 31px; border-top: 2px solid #333333;}
	.exhibi-view > div{margin-bottom: 41px;}
	.exhibi-view img{max-width: 400px !important; max-height: 500px;}
	.exhibi-view .title p{width: 56px; height: 32px; background: #055EAA; color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 12px;}
	.exhibi-view .title h3{font-size: 24px; color: #333;}
	.exhibi-view .table>tbody>tr>td, .exhibi-view .table>tbody>tr>th, .exhibi-view .table>tfoot>tr>td, .exhibi-view .table>tfoot>tr>th, .exhibi-view .table>thead>tr>td, .exhibi-view .table>thead>tr>th{padding: 16px 0; border-top: none; border-bottom: 1px dashed #DBDBDB; vertical-align: middle;}
	.exhibi-view .table>tbody>tr>th span{display: flex; display: flex; justify-content: center; align-items: center; width: 46px; height: 25px; border: 1px solid #999999; border-radius: 5px; color: #333;}
	.exhibi-view .container-fluid > .row:last-child{padding-top: 45px;}
	.exhibi-view .intro-tit{border-bottom: 1px solid #DBDBDB;}
	.exhibi-view .intro-tit span{display: block; width: 116px; font-size: 24px; font-weight: bold; color: #333; padding: 0px 16.5px 18.5px; border-bottom: 2px solid #333; line-height: 29px;}
	.exhibi-view .intro{padding: 33px 0; color: #333; border-bottom: 1px solid #DBDBDB;}
	.exhibi-view .intro strong{font-size: 18px;}
	.exhibi-view > a{display: flex; align-items: center; justify-content: center; width: 104px; height: 45px; border-radius: 10px; background: #333333; color: #fff; margin: 0 auto;}
	.exhibi-view .btn.focus, .exhibi-view .btn:focus, .exhibi-view .btn:hover{color: #fff;}


	/* 교육신청 */

	.module-wrapper .edu-search{padding: 19px 23px; background: #F2F2F2; width: 100%; margin-bottom: 57px;}
	.module-wrapper .edu-search form{display: flex; flex-wrap: wrap;}
	.module-wrapper .edu-search form > div{margin-bottom: 33px;}
	.module-wrapper .edu-search form .search-type{}
	.module-wrapper .edu-search form .search-date{ padding: 0 21px; border-left: 1px solid #DBDBDB;}
	.module-wrapper .edu-search form .search-date input{border-radius: 5px; height: 37px; padding: 8px 10px; border: 1px solid #DBDBDB;margin-top: 12px;}
	.module-wrapper .edu-search form .search-state{ padding: 0 21px; border-left: 1px solid #DBDBDB;}
	.module-wrapper .edu-search form .search-txt{width: 100%; display: flex; align-items: center; margin-bottom: 0px;}
	.module-wrapper .edu-search form div > span{display: block; width: 100%;}
	.module-wrapper .edu-search form div > label{margin-top: 19px; margin-right: 22px;}
	.module-wrapper .edu-search form .search-txt span{width: 41px ;margin-right: 19px;}
	.module-wrapper .edu-search form .search-txt input{height: 37px; width: 100%; padding: 9px 6px; border: 1px solid #999; border-radius: 5px !important; background: #fff; margin: 0 10px;}
	.module-wrapper .edu-search form .search-txt .edu-btn{width: 72px; height: 37px; color: #fff; font-size: 16px; background: #333; border-radius: 5px;margin-right: 10px; border: 0px;}
	.module-wrapper .edu-search form .search-txt .clear-btn{color: #333; background: #fff; border: 1px solid #333333;}
	
	.module-wrapper h3.edu-tit.edu{font-size: 24px; color: #333; padding-bottom: 20px; border-bottom: 2px solid #333; margin-bottom: 30px;}
	.module-wrapper .application.edu{display: flex; flex-wrap: wrap;}
	.module-wrapper .application.edu .app-list{position: relative; width: calc((100% - 60px) / 3); height: 297px; border: 1px solid #DBDBDB; padding: 20px; margin-right: 30px;  margin-bottom: 32px;}
	.module-wrapper .application.edu .app-list:nth-child(3n){margin-right: 0;}
	.module-wrapper .application.edu .app-list .al-label{position: absolute; top: 0; right: 0; width: 65px; height: 28px; background: #055EAA; color: #fff; text-align: center; }
	.module-wrapper .application.edu .app-list .al-label.label-end{background: #666666;}
	.module-wrapper .application.edu .app-list .al-label.label_ready{background: #05AA10;}
	.module-wrapper .application.edu .app-list .al-tit{border-bottom: 1px solid #DBDBDB; padding-bottom: 11px; margin-bottom: 22px;}
	.module-wrapper .application.edu .app-list .al-tit a{display: block; width: 280px; height: 45px; font-size: 18px; font-weight: bold; color: #333; line-height: 24px;}
	.module-wrapper .application.edu .app-list ul li{margin-bottom: 13px; height: 19px; overflow: hidden;}
	.module-wrapper .application.edu .app-list ul li span{display: inline-block; width: 60px; height: 19px; color: #1D3E87; margin-right: 19px;}

	.application_view.edu_view .app_view{border-top: 2px solid #333; padding-top: 29px;}
	.application_view.edu_view .app_view > .tit{display: inline-flex; max-width: 66px; width: 66px; height: 32px; float: left; background: #055EAA; color: #fff; align-items: center; justify-content: center; font-weight: bold; margin-right: 31px;}
	.application_view.edu_view h3{line-height: 32px; font-size: 24px; color: #333;}
	.application_view.edu_view .right_view{margin-bottom: 40px;}
	.application_view.edu_view .right_view .txt_wrap{display: flex; flex-wrap: wrap; border-bottom: 1px solid #DBDBDB;}
	.application_view.edu_view .right_view .txt_wrap p{width: 31%; margin-right: 3.5%; padding-bottom: 19px; border-bottom: 1px solid #DBDBDB; padding-top: 19px; font-size: 18px; margin-bottom: -1px;}
	.application_view.edu_view .right_view .txt_wrap p:nth-child(3n){margin-right: 0px;}
	.application_view.edu_view .right_view .txt_wrap p span.tit{display: block; color: #1D3E87;}
	.application_view.edu_view .app_view_btn{display: flex; justify-content: center;}
	.application_view.edu_view .app_view_btn p{display: flex; align-items: center; justify-content: center; width: 104px; height: 45px; border-radius: 10px; background: #333333; color: #fff; margin: 0;}
	.application_view.edu_view .app_view_btn p a{color: #fff;}
	.application_view.edu_view .app_view_btn p.btn{background: #fff; color: #333; border: 1px solid #333; margin-left: 10px; margin-right: 0px;}
	.application_view.edu_view .app_view_btn p.btn a{color: #333; font-size: 16px;}
	.application_view.edu_view .text p{padding-bottom: 37px; text-align: left;}
	.application_view.edu_view .file{margin-bottom: 41px; padding: 20px 0; font-size: 18px; color: #1D3E87; border: 1px solid #DBDBDB; border-left: none; border-right: none;}
	.application_view.edu_view .file a{padding-left: 35px; color: #333; font-size: 18px;}

	.edu_check_form > div:nth-child(2){display: flex; flex-wrap: wrap; background: #F2F2F2; border-top: 2px solid #333; padding: 30px;}
	.edu_check_form > div p{width: 31%; margin-right: 3.5%; margin-bottom: 28px;}
	.edu_check_form > div p:nth-child(3n){margin-right: 0px;}
	.edu_check_form > div p:last-child{width: 100%; margin-right: 0px;}	
	.edu_check_form .panel{border: none; background: #F2F2F2;}
	.edu_check_form .panel-body{padding: 10px 30px;}
	.edu_check_form .panel-footer{padding: 10px 30px;}
	.edu_check_form .panel > .text-center{padding-bottom: 10px;}
	.edu_check_form .panel > .text-center button{display: flex; align-items: center; justify-content: center; width: 104px; height: 45px; border-radius: 10px; background: #333333; color: #fff; margin: 10px auto; font-size: 16px; border: none;}


	/* 신청확인 */
	.educhk.txt-box{border: 1px solid #DBDBDB; padding: 10px; margin-bottom: 27px;}
	.educhk.txt-box ul li{position: relative; padding-left: 20px; color: #333;}
	.educhk.txt-box ul li:before{content: ''; position: absolute; width: 3px; height: 3px; left: 10px; top: 50%; background: #333; border-radius: 50%;}
	.module-wrapper .application.edu.educhk .app-list{ height: 337px;}
	.module-wrapper .application.edu.educhk .app-list .al-txt{margin-bottom: 20px; border-bottom: 1px solid #DBDBDB;}
	.module-wrapper .application.edu.educhk .app-list .al-tit span{display: block; width: 100%; height: 45px; font-size: 18px; font-weight: bold; color: #333;  line-height: 24px; overflow: hidden;}
	.module-wrapper .application.edu.educhk .app-list .al-label{position: unset;}
	.module-wrapper .application.edu.educhk .app-list .chkbtn{display: flex; align-items: center; justify-content: center;}
	.module-wrapper .application.edu.educhk .app-list .chkbtn p{min-width: 65px; height: 28px; display: inline-flex; align-items: center; justify-content: center; margin: 0 5px;}
	.module-wrapper .application.edu.educhk .app-list .chkbtn input{width: 73px; height: 28px; background: #C84707; color: #fff; font-size: 16px; padding: 0; display: inline-flex; align-items: center; justify-content: center; margin: 0 5px;}

	/* 신청방법 */
	.apply {}
	.apply .apply-wrap{width: 400px; background: #F2F2F2; padding: 32px 36px; margin: 0 auto;}
	.apply .apply-wrap > span{display: block; width: 50px; height: 50px; margin: 0 auto; margin-bottom: 23px; text-align: center; font-size: 24px; background: #333333; border-radius: 50%; color: #fff; line-height: 50px;}
	.apply .apply-wrap > h3{font-size: 24px; color: #333333; letter-spacing: 0; padding: 0; margin-bottom: 17px; text-align: center; line-height: 36px;}
	.apply .apply-wrap > ul{display: flex; padding-top: 20px; border-top: 1px solid #DBDBDB;}
	.apply .apply-wrap > ul li{display: flex;  font-size: 18px; letter-spacing: 0; color: #333333;}
	.apply .apply-wrap > ul li span{color: #1D3E87;}
	.apply .apply-wrap > ul li p{padding-left: 23px;}

	.gallery-list-wrap .list .title a{overflow: hidden; text-overflow: ellipsis;}
	
	
	
}

@media (min-width: 992px) and (max-width: 1199px) {

	.contents-btn-wrap {}
	.contents-btn-wrap .contents-btn { min-width:280px;  height:50px; line-height:45px;  }
	.contents-btn-wrap .contents-btn span { font-size:14px;     }
	.contents-btn-wrap .contents-btn.full-btn {padding-right:25px; padding-left:25px;  }
	

	.facility .map_img .txt-box{width: 290px; height: 210px;}
	.facility .map_img .txt-box ul li{font-size: 13px;}


	.exhibi-list > div.list{width: calc((100% - 70px) / 3); margin-right: 29px; padding: 0px; margin-bottom: 45px; float: unset; display: inline-block;}
	.exhibi-list > div.list:nth-child(3n){margin-right: 0px;}
	.exhibi-list > div.list:nth-child(4n){margin-right: 29px;}
}



@media (max-width: 991px) {

	.hidden-md-down {display:none !important; }
    .hidden-lg-down {display:none !important; }

	.sub {position:relative;  border-bottom:1px solid #DEDEDE;}
	.sub .sub-bg  { width:100%;height:135px ;background-size:auto 100%; background-repeat: no-repeat; background-position:center center; overflow: hidden;}
	.sub .sub-bg .sub-title-text{padding-top: 35.5px; padding-left: 31px;}
	.sub .sub-bg .sub-title-text p{color: #fff; font-size: 20px; letter-spacing: 0px; font-weight: 400;}
	.sub .sub-bg .sub-title-text p span{font-weight: bold;}
	.sub .sub-bg .sub-title-text p span strong{font-size: 26px; font-weight: bold;}
	
	.sub-contents { padding-top:17px;  padding-left:15px; padding-right:15px;  }
	.sub-contents:after { clear:both; display:table; content:'';  }
	.sub-contents .left-contents { display:none;  }
	.sub-contents .left-contents  h3 { width:100%; margin-bottom:25px; padding:20px 10px; color:#fff; font-size:24px; font-weight:bold; border-radius: 15px 15px 0px 15px; background:#00805A; text-align:center;  }
	.sub-contents .left-contents .sub-menu {  margin-bottom:25px; }
	.sub-contents .left-contents .sub-menu li { }
	.sub-contents .left-contents .sub-menu li a { display:block; width:100%; padding:15px 0 ; border-bottom:1px solid #D5D5D5; color:#000; font-size:18px;   }
	.sub-contents .left-contents .sub-menu li a.active { font-weight:bold; color:#00805A; border-bottom:2px solid #00805A; }


	.sub-contents .right-contents { width:100%;}

	.sub-contents .top-contents .sub-menu{display: none;}

	.sub-contents .top-contents {   position:relative;   text-align:left; margin-bottom:20px; }
	.sub-contents .top-contents h1 { color:#000; font-size:26px; font-weight:bold;  margin-bottom:5px; }
	.sub-contents .top-contents .breadcrumb {    background: none;	padding:0px; 	font-size:14px;    margin-bottom:20px;   }  
	.sub-contents .top-contents .breadcrumb > li + li:before {    content: ">";    color:#606060;   }
	.sub-contents .top-contents .breadcrumb li a { color:#606060; }
	
	.sub-contents .top-contents .text { font-size:20px; color:#000; font-weight:100;  }
	.sub-contents .top-contents .contents-util { position:absolute; top:25px; right:0px;  }
	.sub-contents .top-contents .contents-util a { margin-left:10px;  }
	

	.sub-tab-menu {margin-bottom:25px; padding: 18px 20px 15px; border-radius: 15px; background: #F2F2F2;}
	.sub-tab-menu:after { clear:both; display:table; content:'';  }
	.sub-tab-menu li {float:left;  width:100%; text-align:center;  height:40px;  line-height:1.2; margin-bottom: 5px;}
	.sub-tab-menu li a {display:block; vertical-align:middle; width:100%; height:40px;background: #FFFFFF; border-radius: 20px; color:#666; font-size:18px; box-shadow: 0px 0px 10px #0000001A; padding-top: 8px;}
	.sub-tab-menu li a.active {color: #fff; background: #333333; }

	.list-tab-menu { text-align:center;  margin-bottom:40px; display: flex;   }
	.list-tab-menu li {display:inline-block; width:180px; height:60px; margin-bottom:10px; /* padding:0 10px; */  line-height:1.2; }
	.list-tab-menu li a { display:table-cell; width:180px; height:60px;  vertical-align:middle;  font-size:18px; color:#777;  border-bottom:1px solid #ddd; }
	.list-tab-menu li a.active { color:#436AD7; border-bottom:3px solid #436AD7;  font-weight:bold; }


	.sub-main-contents { font-size:14px; color:#000;  padding-bottom:60px; line-height:1.6; }
	.sub-main-contents h2 {font-size:20px; color:#333333;  padding-bottom:20px; padding-left: 12.5px; font-weight:bold;  margin-top:40px;   margin-bottom:25px; position:relative;  }
	.sub-main-contents h2:before{content: ""; position: absolute; top: 8px; left: 0px; width: 5px; height: 5px; border-radius: 50%; background: #333333;}
	.sub-main-contents h2:first-child  { margin-top:0px;   }
	.sub-main-contents h3 { font-size:18px; font-weight:bold; color:#00805A; margin-bottom:10px;  }
	.sub-main-contents ul.bul {}
	.sub-main-contents ul.bul li  { padding-left:10px; position:relative;  margin-bottom:5px; color:#000; font-size:15px;  }
	.sub-main-contents ul.bul li:before { content:''; display:inline-block; width:6px; height:6px; border-radius:100%;  background:#C2C2C2;  position:absolute; top:9px; left:0px;  }
	.sub-main-contents ul.bul li ul  { margin-top:5px; }
	.sub-main-contents ul.bul li ul li  {padding-left:8px; font-size:14px;  background:none; color:#666; }
	.sub-main-contents ul.bul li ul li:before { content:''; width:4px; height:2px; border-radius:0px;  top:10px;  }

	.sub-main-contents .text-box { padding:0.5rem;  background:#f2f9ff; margin:0.5rem 0px;  }
	.sub-main-contents .border-box { border:1px solid #e6e6e6; background:#fff; padding:0.5rem;   margin:0.5rem 0px; }

	.sub-main-contents .menu-title{font-size: 24px; color: #333333; letter-spacing: 0px; margin-bottom: 24px;}

	.contents-table { width:100%; border-top:2px solid #555;  }	
	.contents-table table { width:100%;  border-collapse:collapse; border-left:1px solid #e4e4e4; font-size:0.5rem;  }	
	.contents-table table thead th {padding:0.4rem 0.3rem; color:#000; background:#F5F5F5; 	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; }
	.contents-table table tbody th {padding:0.4rem 0.3rem; color:#000; background:#F5F5F5; 	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;  text-align:center; }
	.contents-table table tbody td {padding:0.4rem 0.3rem; color:#555;  	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;   }
	.contents-table.table-left table tbody th { text-align:left; }

	.contents-btn-wrap {}
	.contents-btn-wrap .contents-btn {display:inline-block; min-width:210px; border:2px solid #353535; text-align:center;   padding:0.5rem;  }
	.contents-btn-wrap .contents-btn span {display:inline-block;padding-right:25px; background:url(../images/sub/arrow.png) no-repeat right center; font-size:0.58rem; color:#000;     }
	.contents-btn-wrap .contents-btn.full-btn {padding-right:15px; width:100%; margin-bottom:0.4rem;  text-align:left; padding-left:15px;  }
	.contents-btn-wrap .contents-btn.full-btn span { width:100%;  }

	.sub-main-contents a.link-btn { text-decoration:underline; color:#000;  padding-right:15px; background:url(../images/sub/arrow.png) no-repeat right center;}

	.half-wrap {   }
	.half-wrap:after { clear:both; display:table; content:'';  }
	.half-wrap .half {width:100%; padding-left:15px; padding-right:15px;  padding-bottom:0.8rem; }


	.triple-wrap {  }
	.triple-wrap:after { clear:both; display:table; content:'';  }
	.triple-wrap .triple {width:100%; padding-left:15px; padding-right:15px;  padding-bottom:0.8rem; }

	/* 로그인 */
	.login{max-width: 400px; margin: 0 auto;}
	.login .login-wrap{max-width: 400px; height: 327px; text-align: center; padding: 26px 30px; background: #F2F2F2;}
	.login .login-wrap h2{margin-bottom: 27px; padding-bottom: 0px;}
	.login .login-wrap h2:before{display: none;}
	.login .login-wrap p.info_p{margin-bottom: 14px; font-size: 12px; text-align: left;}
	.login .login-wrap p{font-size: 14px; text-align: left;}
	.login .login-wrap input, .login .login-wrap label{margin-bottom: 11px; height: 37px; width: 100%; border: 1px solid #999; border-radius: 5px; padding: 9px 16px; font-size: 16px;}
	.login .login-wrap label.sr-only{left: 0; width: 1px;}
	.login .login-wrap input.btn2{height: 47px;}
	.login .login-wrap a.login-btn{display: block; background: #333333; border: 1px solid #999999; border-radius: 5px; color: #fff; font-size: 16px; padding: 10px 0; margin-bottom: 18.51px;}
	.btn2{background: #333333; color: #fff;}
	.login .link-wrap {display: flex; justify-content: space-between; }
	.login .link-wrap a{color: #333333; font-size: 16px;}

	/* 아이디 비밀번호 찾기 */
	.find-login{}
	.find-login > form div{max-width: 400px; padding: 26px 19px; background: #F2F2F2; margin-bottom: 4px;}
	.find-login > form div h2{margin-bottom: 27px; padding: 0px; font-size: 24px;}
	.find-login > form div h2:before{display: none;}
	.find-login > form div p.info_p{margin-bottom: 14px; font-size: 14px; text-align: left;}
	.find-login > form div p{font-size: 14px; text-align: left; font-weight: bold;}
	.find-login > form div p:nth-child(2){margin-bottom: 24.5px; font-weight: normal;}
	.find-login > form div input, .find-login > form div label{ font-weight: normal; margin-bottom: 11px; height: 37px; width: 100%; border: 1px solid #999; border-radius: 5px; padding: 9px 16px; font-size: 16px;}
	.find-login > form div a.login-btn{display: block; background: #333333; border: 1px solid #999999; border-radius: 5px; color: #fff; font-size: 16px; padding: 10px 0; margin-bottom: 18.51px;}
	.find-login > form div .btn2{background: #333333; color: #fff; height: 47px;}
	
	
	
	/* 관람안내 */

	.guide .showing{}
	.guide .showing ul{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 21px 19px; background: #F2F2F2; border-radius: 15px; margin-bottom: 18px;}
	.guide .showing ul li{position: relative; width: 50%; margin-bottom: 19px;}
	.guide .showing ul li:nth-child(2n){padding-left: 16px;}
	.guide .showing ul li:before{content: ""; position: absolute; top: 0; right: 0; border: 1px solid #DBDBDB; height: 100%;}
	.guide .showing ul li:nth-child(2n):before{content: ""; display: none;}
	.guide .showing ul li span{display: block; width: 76px; height: 28px; font-size: 16px; font-weight: bold; color: #fff; background: #333333; border-radius: 0px 10px 0px 0px; text-align: center; margin-bottom: 15px; letter-spacig: 0;}
	.guide .showing ul li p{font-size: 16px; letter-spacing: 0px; color: #333333;}
	.guide .showing ul li p strong{font-size: 20px; font-weight: bold;}
	.guide .showing > p{position: relative; padding-left: 19px;}
	.guide .showing > p:before{content: '\f3c5'; font-family: 'Font Awesome 6 pro'; font-weight: 700; position: absolute; font-size: 16px; top: 0; left: 0px;}
	.guide .showing > p a{display: inline-block; vertical-align: middle; width: 70px; height: 23px; border: 1px solid #DBDBDB; border-radius: 5px; text-align: center; font-size: 14px; color: #333333; letter-spacing: 0; margin-left: 9px;}

	.guide .money{overflow: auto;}
	.guide .money table{width: 100%; border-left: 1px solid #DBDBDB; border-top: 1px solid #DBDBDB; margin-bottom: 25px;}
	.guide .money table th{background: #F2F2F2; font-size: 16px; color: #333333; font-weight: 400; letter-spacing: 0; border-right: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; padding: 16px 5px; text-align: center;}
	.guide .money table th strong{font-size: 16px; color: #333333; font-weight: bold;}
	.guide .money table td{ letter-spacing: 0; text-align: right; border-right: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; padding: 16px 5px;}
	.guide .money table td:first-child{text-align: left;}
	.guide .money table td span{color: #666666;}
	.guide .money > p{font-size: 16px; color: #333333; letter-spacing: 0px; margin-bottom: 17px;}

	.faq-list dl{border-bottom: 1px solid #DBDBDB; margin-bottom: 20px; padding-bottom: 20px;}
	.faq-list dl dt{font-size: 16px; color: #333333; font-weight: bold; letter-spacing: 0; line-height: 20px; margin-bottom: 10px;}
	.faq-list dl dt span{display: inline-block; width: 20px; height: 20px; background: #333333; border-radius: 50%; font-size: 14px; color: #fff; line-height: 20px; text-align: center;}
	.faq-list dl dd{font-size: 16px; color: #333333; letter-spacing: 0; line-height: 20px;}
	.faq-list dl dd span{display: inline-block; width: 20px; height: 20px; border: 1px solid #DBDBDB59; border-radius: 50%; font-size: 14px; color: #333333; line-height: 20px; text-align: center;}

	/* 상설전시 콘텐츠 */
	.contents-wrapper .per-theme{}
	.contents-wrapper .per-theme .gallery{padding: 25px 18px; background: #333333; color: #fff; word-break: break-all;}
	.contents-wrapper .per-theme .gallery p{font-size: 20px; font-weight: bold; margin-bottom: 14px;}
	.contents-wrapper .per-theme .gallery p strong{display: block; width: 85px; height: 28px; border-radius: 0px 10px 0px 0px; background: #F2F2F2; text-align: center; padding-top: 6px; margin-bottom: 15px; line-height: 16px; font-size: 14px; color: #000000; font-weight: bold;}
	.contents-wrapper .per-theme .gallery span{font-size: 16px; letter-spacing: 0px; font-weight: 400;}
	.contents-wrapper .per-theme .gallery .video-area{min-height: 163px;}

	
	/* 찾아오시는 길 */
	.location .top .root_daum_roughmap{width: 100%;}
	.location .top .loc-txt{width: 100%; padding-top: 20px;}
	.location .top .loc-txt > p{width: 145px;}
	.location .top .loc-txt > p strong{font-size: 24px; font-weight: bold;}
	.location .top .loc-txt ul{font-size: 16px;}
	.location .top .loc-txt ul li{color: #333; display: flex; word-break: break-all; margin-bottom: 17px;}
	.location .top .loc-txt ul li:last-child{margin-bottom: 0px;}
	.location .top .loc-txt ul li i{margin-right: 10px;}
	.location .bottom{padding-top: 52px;}
	.location .bottom h2{margin-bottom: 0px;}
	.location .bottom > span{display: block; color: #333; padding-left: 13.75px;}
	.location .bottom > span strong{font-weight: bold; color: #1D3E87;}
	.location .bottom .bt{margin-top: 26px;}
	.location .bottom .bt ul{padding-left: 13.75px;}
	.location .bottom .bt li{font-size: 20px; font-weight: bold; margin-bottom: 28px;}
	.location .bottom .bt li > span{display: inline-flex; justify-content: center; align-items: center; width: 31px; height: 31px; border-radius: 50%; background: #333; color: #fff; FONT-SIZE: 16px;}
	.location .bottom .bt li p{font-size: 16px; padding-left: 38px; font-weight: 400; padding-top: 19.5px;}
	.location .bottom .bt li p span{display: block; margin-bottom: 18px;}
	.location .bottom .bt li p span i{margin-right: 8px; color: #386DE8;}
	.location .bottom .bt li p span:nth-child(2) i{color: #3CC344;}
	.location .bottom .bt li p span:nth-child(3) i{color: #87C700; margin-bottom: 0px;}


	/* 시설안내 */
	.facility h2{padding-bottom: 0px;}
	.facility > .txt-box{background: #F2F2F2; border-radius: 15px; padding: 14px;}
	.facility > .txt-box img{margin-bottom: 27px;}
	.facility > .txt-box p{line-height: 24px; font-size: 16px;}
	.facility > .txt-box strong{display: block; font-size: 20px;}
	.facility .img-area .map_img{position: relative;margin-bottom: 22px;}
	.facility .img-area .map_img img{margin-bottom: 27px;}
	.facility .map_img .txt-box{width: 330px; height: 240px; background: #F2F2F2; padding: 18px;}
	.facility .map_img .txt-box ul li{margin-bottom: 5px; font-size: 16px;}
	.facility .map_img .txt-box ul li:last-child{margin-bottom: 0px;}
	.facility .map_img .txt-box ul li span{background: #1D3E87; color: #fff; padding: 0px 4px; margin-right: 7.5px;}
	.facility .img-area > ul{margin-bottom: 62px;}
	.facility .img-area > ul li{margin-bottom: 17px; color: #333; font-size: 16px; word-break: break-all;}
	.facility .img-area > ul li.col-p{color: #A1167E;}
	.facility > ul{width: 100%;}
	.facility > ul li{display: inline-flex; flex-wrap: wrap; margin-bottom: 26px;}
	.facility > ul li span{display: inline-flex; align-items: center; justify-content: center; width: 88px; height: 88px; display: inline-flex; align-items: center; justify-content: center; font-size: 36px; color: #fff; background: #666666; border-radius: 50%;}
	.facility > ul li span:before{content: '\f193'; font-family: 'Font Awesome 6 pro'; font-weight: 700; font-size: 36px; color: #fff; }
	.facility > ul li:first-child span:before{content: '\f7bd'; font-family: 'Font Awesome 6 pro'; font-size: 36px; color: #fff; }
	.facility > ul li:nth-child(2) span:before{content: '\f64b'; font-family: 'Font Awesome 6 pro'; font-size: 36px; color: #fff; }
	.facility > ul li:nth-child(3) span:before{content: '\e53a'; font-family: 'Font Awesome 6 pro'; font-size: 36px; color: #fff; }
	.facility > ul li p{width: calc(100% - 88px); padding-left: 17px; color: #333333; font-size: 16px; word-break: break-all;}
	.facility > ul li p strong{ display: block; font-size: 20px; margin-bottom: 5px;}


	/* 회원가입 */
	.join h2{margin-bottom: 0px;}
	.join > div{margin-bottom: 39px;}
	.join > div > div{height: 217px; border: 1px solid #999; border-radius: 5px; padding: 17px 19.5px; margin-bottom: 18px;}
	.join > div input{margin-right: 9px;}
	.join > p{text-align:center;}
	.join > p a{display: inline-flex; width: 104px; height: 45px; border-radius: 10px; border: 1px solid #333333; justify-content: center; align-items: center; color: #333; font-size: 18px; margin: 0 5.5px;}
	.join > p a:first-child{background: #333333; color: #fff;}


	.jointxt{max-width: 600px; margin: 0 auto;}
	.jointxt h2{margin-bottom: 0px;}
	.jointxt > div{padding: 29px 10px; background: #F2F2F2; margin-bottom: 42px;}
	.jointxt > div > span{ display: inline-block; font-weight: bold; color: #333; position: relative; margin-bottom: 16px;}
	.jointxt > div > p{margin-bottom: 25px;}
	.jointxt > div input{margin-right: 12.5px; height: 37px; width: 100%; padding: 9px 6px; border: 1px solid #999; border-radius: 5px !important; background: #fff;}
	.jointxt > div > p a{display: inline-flex; width: 96px; height: 37px; background: #333; border-radius: 5px; color: #fff; align-items: center; justify-content: center;}
	.jointxt > div p.id{display: flex;}
	.jointxt > div p.id input{	width: calc(100% - 108.5px);}
	.jointxt > div > div > div{display: flex;}
	.jointxt > div > div > div:nth-child(2) .input-group-addon{border: none; background: unset; padding: 0 10px 0 7px;}
	.jointxt > div > div > div:last-child select{height: 37px; border: 1px solid #999; border-radius: 5px !important;}
	.jointxt > div p.number{display: flex; align-items: center;}
	.jointxt > div p.number input{margin: 0 11px; }
	.jointxt > div p.number input:first-child{margin-left: 0px;}
	.jointxt > div p.number input:last-child{margin-right: 0px;}
	.jointxt > p{text-align:center;}
	.jointxt > p a{display: inline-flex; width: 104px; height: 45px; border-radius: 10px; border: 1px solid #333333; justify-content: center; align-items: center; color: #333; font-size: 18px; margin: 0 5.5px;}
	.jointxt > p a:first-child{background: #333333; color: #fff;}

	.join-check{max-width: 600px; margin: 0 auto;}
	.join-check > div{background: #F2F2F2; padding: 30px; text-align: center; margin-bottom: 31px;}
	.join-check > div div{width: 50px; height: 50px; margin: 0 auto; background: #333333; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 24px; margin-bottom: 20px;}
	.join-check > div p{font-size: 20px; color: #333; margin-bottom: 23px;}
	.join-check > div p strong{font-weight: bold;}
	.join-check > div p:last-child{margin-bottom: 0;}
	.join-check > div p:last-child span{font-size: 16px;}
	.join-check > p{text-align:center;}
	.join-check > p a{display: inline-flex; width: 104px; height: 45px; border-radius: 10px; border: 1px solid #333333; justify-content: center; align-items: center; color: #fff; font-size: 18px; margin: 0 5.5px; background: #1D3E87;}
	.join-check > p a:first-child{background: #333333;}

	
	/* 회원정보수정 */
	.modify{max-width: 600px; margin: 0 auto;}
	.modify h2{margin-bottom: 0px;}
	.modify > div{padding: 28px 10px; background: #F2F2F2; margin-bottom: 42px;}
	.modify > div > span{ display: inline-block; font-weight: bold; color: #333; position: relative; margin-bottom: 16px;}
	.modify > div > p{padding-bottom: 13px; border-bottom: 1px solid #DBDBDB; margin-bottom: 24px;}
	.modify > div input{margin-right: 5px; height: 37px; width: 100%; padding: 9px 6px; border: 1px solid #999; border-radius: 5px !important; background: #fff;}
	.modify > div .form_txt{display: block; padding-top: 13px;}
	.modify > div > p a{display: inline-flex; width: 96px; height: 37px; background: #333; border-radius: 5px; color: #fff; align-items: center; justify-content: center;}
	.modify > div p.id{display: flex;}
	.modify > div p.id input{width: calc(100% - 108.5px);}
	.modify > div > div > div{display: flex; align-items: center;}
	.modify > div > div > div:nth-child(2) .input-group-addon{border: none; background: unset; padding: 0 10px 0 7px;}
	.modify > div > div > div:last-child select{height: 37px; border: 1px solid #999; border-radius: 5px !important;}
	.modify > div p.number{display: flex; align-items: center;}
	.modify > div p.number input{margin: 0 11px; }
	.modify > div p.number input:first-child{margin-left: 0px;}
	.modify > div p.number input:last-child{margin-right: 0px;}
	.modify > .contents-btn{text-align:center; display: flex; justify-content: center; flex-wrap: nowrap;}
	.modify > .contents-btn input, .modify > .contents-btn a{display: inline-flex; width: 104px; height: 45px; border-radius: 10px; border: 1px solid #333333; justify-content: center; align-items: center; color: #333; font-size: 18px; margin: 0 4px; background: #fff;}
	.modify > .contents-btn input:first-child{background: #333333; color: #fff; margin-left: 0;}
	.modify > .contents-btn a{background: #C84707; color: #fff; border: none; margin-right: 0px;}

	/* 기획전시 */
	.porformance-schedule-select{border-bottom: 1px solid #DBDBDB; display: flex;}
	.porformance-schedule-select label{padding-left: 0; margin-left: 0 !important; margin-bottom: -1px;}
	.porformance-schedule-select label input{display: none;}
	.porformance-schedule-select label span{display: inline-flex; width: 81px; height: 47px; align-items: center; justify-content: center;}
	.porformance-schedule-select label.active span{border: 1px solid #DBDBDB; border-top: 2px solid #333; border-bottom: none; background: #fff; margin-bottom: -1px;}
	
	.exhibi-list {padding-top: 40px; border-bottom: 1px solid #DBDBDB;}
	.exhibi-list > div.list{width: calc((100% - 10px) / 2); margin-right: 5px; padding: 0px; margin-bottom: 34px; float: unset; display: inline-block;}
	.exhibi-list > div.list:nth-child(even){margin-right: 0px;}
	.ex-container{margin-top: 0px;}
	.ex-container .ex-poster-container{border: none; padding: 0px;}
	.ex-container .ex-poster-container > a{padding-bottom: 125%; position: relative;}
	.ex-container .ex-poster-container > a span{display: none;}
	.ex-container .ex-poster-container > a img{position: absolute; top: 0; left: -9999999px;}
	.ex-container > .bg-wrap{padding-top: 3px;}
	.ex-container > .bg-wrap > span{top: 2px; right: 4px; border-radius: 50%; opacity: 1; background: #05AA10; width: 45px; height: 45px; display: inline-flex; justify-content: center; align-items: center;}
	.ex-container > .bg-wrap > .title{font-size: 18px; font-weight: bold; margin-bottom: 14px; line-height: 21px; word-break: break-all; height: 41px; overflow: hidden;}
	.ex-container > .bg-wrap > .ex-duration{overflow: hidden;}
	.ex-container > .bg-wrap > .ex-duration strong{font-size: 14px; font-weight: normal; border: 1px solid #999; border-radius: 5px; padding: 1.5px 5px; margin-right: 10px; display: none;}
	.ex-container > .bg-wrap > .ex-duration span{letter-spacing: -0.56px;}

	.exhibi-view{padding-top: 21px; border-top: 2px solid #333333;}
	.exhibi-view > div{margin-bottom: 41px;}
	.exhibi-view > div > div:first-child > div:first-child{padding: 0;}
	.exhibi-view img{max-width: 400px !important; max-height: 500px;}
	.exhibi-view > div > div:first-child > div:last-child{padding: 29px 0px 0px 0px !important;}
	.exhibi-view .title p{width: 56px; height: 32px; background: #055EAA; color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 12px;}
	.exhibi-view .title h3{font-size: 22px; color: #333;}
	.exhibi-view .table>tbody>tr>td, .exhibi-view .table>tbody>tr>th, .exhibi-view .table>tfoot>tr>td, .exhibi-view .table>tfoot>tr>th, .exhibi-view .table>thead>tr>td, .exhibi-view .table>thead>tr>th{padding: 16px 0; border-top: none; border-bottom: 1px dashed #DBDBDB; vertical-align: middle; font-size: 18px;}
	.exhibi-view .table>tbody>tr>th span{display: flex; font-size: 16px; display: flex; justify-content: center; align-items: center; width: 46px; height: 25px; border: 1px solid #999999; border-radius: 5px; color: #333;}
	.exhibi-view .container-fluid > .row:last-child{padding-top: 45px;}
	.exhibi-view .container-fluid > .row:last-child > div{padding: 0;}
	.exhibi-view .intro-tit{border-bottom: 1px solid #DBDBDB;}
	.exhibi-view .intro-tit span{display: block; width: 116px; font-size: 24px; font-weight: bold; color: #333; padding: 0px 16.5px 18.5px; border-bottom: 2px solid #333; line-height: 29px;}
	.exhibi-view .intro{padding: 33px 0; color: #333; border-bottom: 1px solid #DBDBDB;}
	.exhibi-view .intro strong{font-size: 18px;}
	.exhibi-view > a{display: flex; align-items: center; justify-content: center; width: 104px; height: 45px; border-radius: 10px; background: #333333; color: #fff; margin: 0 auto;}
	.exhibi-view .btn.focus, .exhibi-view .btn:focus, .exhibi-view .btn:hover{color: #fff;}

	/* 교육신청 */

	.module-wrapper .edu-search{padding: 21px 10px; background: #F2F2F2; width: 100%; margin-bottom: 57px; overflow: hidden;}
	.module-wrapper .edu-search form{}
	.module-wrapper .edu-search form > div{margin-bottom: 33px; padding-bottom: 18px;}
	.module-wrapper .edu-search form .search-type{border-bottom: 1px solid #DBDBDB;}
	.module-wrapper .edu-search form .search-date{ border-bottom: 1px solid #DBDBDB;}
	.module-wrapper .edu-search form .search-date input{width: 135px; border-radius: 5px; height: 37px; padding: 8px 10px; border: 1px solid #DBDBDB;margin-top: 12px; }
	.module-wrapper .edu-search form .search-state{border-bottom: 1px solid #DBDBDB;}
	.module-wrapper .edu-search form .search-txt{width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0px;}
	.module-wrapper .edu-search form div > span{display: block; width: 100%; font-size: 16px;}
	.module-wrapper .edu-search form div > label{margin-top: 19px; margin-right: 22px; font-size: 16px; font-weight: normal;}
	.module-wrapper .edu-search form .search-txt span{margin-bottom: 12px;}
	.module-wrapper .edu-search form .search-txt input{height: 37px; width: 150px; padding: 9px 6px; border: 1px solid #999; border-radius: 5px !important; background: #fff; margin-right: 6px;}
	.module-wrapper .edu-search form .search-txt .edu-btn{width: 72px; height: 37px; color: #fff; font-size: 16px; background: #333; border-radius: 5px;margin-right: 4px;}
	.module-wrapper .edu-search form .search-txt .clear-btn{color: #333; background: #fff; border: 1px solid #333333;}
	
	.module-wrapper h3.edu-tit.edu{font-size: 24px; color: #333; padding-bottom: 20px; border-bottom: 2px solid #333; margin-bottom: 30px;}
	.module-wrapper .application.edu{display: flex; flex-wrap: wrap;}
	.module-wrapper .application.edu .app-list{position: relative; width: 100%; height: 297px; border: 1px solid #DBDBDB; padding: 20px; margin-bottom: 32px;}
	.module-wrapper .application.edu .app-list:nth-child(3n){margin-right: 0;}
	.module-wrapper .application.edu .app-list .al-label{position: absolute; top: 0; right: 0; width: 65px; height: 28px; background: #055EAA; color: #fff; text-align: center; }
	.module-wrapper .application.edu .app-list .al-label.label-end{background: #666666;}
	.module-wrapper .application.edu .app-list .al-label.label_ready{background: #05AA10;}
	.module-wrapper .application.edu .app-list .al-tit{border-bottom: 1px solid #DBDBDB; padding-bottom: 11px; margin-bottom: 22px;}
	.module-wrapper .application.edu .app-list .al-tit a{display: block; width: 280px; height: 45px; font-size: 18px; font-weight: bold; color: #333;}
	.module-wrapper .application.edu .app-list ul li{font-size: 16px; margin-bottom: 13px; height: 19px; overflow: hidden;}
	.module-wrapper .application.edu .app-list ul li span{display: inline-block; width: 60px; height: 19px; color: #1D3E87; margin-right: 19px;}

	.application_view.edu_view .app_view{border-top: 2px solid #333; padding-top: 29px;}
	.application_view.edu_view .app_view > .tit{display: flex; max-width: 66px; width: 66px; height: 32px; background: #055EAA; color: #fff; align-items: center; justify-content: center; font-weight: bold; margin-bottom: 17px;}
	.application_view.edu_view h3{line-height: 32px; font-size: 24px; color: #333;}
	.application_view.edu_view .right_view{margin-bottom: 40px;}
	.application_view.edu_view .right_view .txt_wrap{display: flex; flex-wrap: wrap; border-bottom: 1px solid #DBDBDB;}
	.application_view.edu_view .right_view .txt_wrap p{width: 100%; margin-right: 3.5%; padding-bottom: 19px; border-bottom: 1px solid #DBDBDB; padding-top: 19px; font-size: 18px; margin-bottom: -1px;}
	.application_view.edu_view .right_view .txt_wrap p:nth-child(3n){margin-right: 0px;}
	.application_view.edu_view .right_view .txt_wrap p span.tit{display: block; color: #1D3E87;}
	.application_view.edu_view .app_view_btn{display: flex; justify-content: center;}
	.application_view.edu_view .app_view_btn p{display: flex; align-items: center; justify-content: center; width: 104px; height: 45px; border-radius: 10px; background: #333333; color: #fff; margin: 0;}
	.application_view.edu_view .app_view_btn p a{color: #fff;}
	.application_view.edu_view .app_view_btn p.btn{background: #fff; color: #333; border: 1px solid #333; margin-left: 10px; margin-right: 0px;}
	.application_view.edu_view .app_view_btn p.btn a{color: #333; font-size: 16px;}
	.application_view.edu_view .text p{padding-bottom: 37px; text-align: left;}
	.application_view.edu_view .file{margin-bottom: 41px; padding: 20px 0; font-size: 18px; color: #1D3E87; border: 1px solid #DBDBDB; border-left: none; border-right: none;}
	.application_view.edu_view .file a{padding-left: 10px; color: #333; font-size: 18px;}

	.edu_check_form > div:nth-child(2){display: flex; flex-wrap: wrap; background: #F2F2F2; border-top: 2px solid #333; padding: 20px 10px;}
	.edu_check_form > div p{width: 100%;margin-bottom: 19px;}
	.edu_check_form > div p:nth-child(3n){margin-right: 0px;}
	.edu_check_form > div p:last-child{width: 100%; margin-right: 0px;}
	.edu_check_form > div p input{height: 37px; width: 100%; padding: 9px 6px; border: 1px solid #999; border-radius: 5px !important; background: #fff;}
	.edu_check_form .panel{border: none; background: #F2F2F2;}
	.edu_check_form .panel-body{padding: 10px 30px;}
	.edu_check_form .panel-footer{padding: 10px 30px;}
	.edu_check_form .panel > .text-center{padding-bottom: 10px;}
	.edu_check_form .panel > .text-center button{display: flex; align-items: center; justify-content: center; width: 104px; height: 45px; border-radius: 10px; background: #333333; color: #fff; margin: 10px auto; font-size: 16px; border: none;}


	/* 신청확인 */
	.educhk.txt-box{border: 1px solid #DBDBDB; padding: 10px; margin-bottom: 27px;}
	.educhk.txt-box ul li{position: relative; padding-left: 20px; color: #333;}
	.educhk.txt-box ul li:before{content: ''; position: absolute; width: 3px; height: 3px; left: 10px; top: 10px; background: #333; border-radius: 50%;}
	.module-wrapper .application.edu.educhk .app-list{ height: 322px;}
	.module-wrapper .application.edu.educhk .app-list .al-txt{margin-bottom: 14px; border-bottom: 1px solid #DBDBDB;}
	.module-wrapper .application.edu.educhk .app-list .al-tit span{display: block; width: 100%; height: 45px; font-size: 18px; font-weight: bold; color: #333;  line-height: 24px; overflow: hidden;}
	.module-wrapper .application.edu.educhk .app-list .al-label{position: unset;}
	.module-wrapper .application.edu.educhk .app-list .chkbtn{display: flex; align-items: center; justify-content: center;}
	.module-wrapper .application.edu.educhk .app-list .chkbtn p{min-width: 65px; height: 28px; display: inline-flex; align-items: center; justify-content: center; margin: 0 5px;}
	.module-wrapper .application.edu.educhk .app-list .chkbtn input{width: 73px; height: 28px; background: #C84707; color: #fff; font-size: 16px; padding: 0; display: inline-flex; align-items: center; justify-content: center; margin: 0 5px;}

	/* 신청방법 */
	.apply .apply-wrap{width: 100%; max-width: 400px; background: #F2F2F2; padding: 32px 36px; margin: 0 auto;}
	.apply .apply-wrap > span{display: block; width: 50px; height: 50px; margin: 0 auto; margin-bottom: 23px; text-align: center; font-size: 24px; background: #333333; border-radius: 50%; color: #fff; line-height: 50px;}
	.apply .apply-wrap > h3{font-size: 24px; color: #333333; letter-spacing: 0; padding: 0; margin-bottom: 17px; text-align: center;}
	.apply .apply-wrap > ul{display: flex; padding-top: 20px; border-top: 1px solid #DBDBDB;}
	.apply .apply-wrap > ul li{display: flex;  font-size: 18px; letter-spacing: 0; color: #333333;}
	.apply .apply-wrap > ul li span{color: #1D3E87;}
	.apply .apply-wrap > ul li p{padding-left: 23px;}

	.gallery-list-wrap .row{margin: 0;}
	.gallery-list-wrap .list .title a{overflow: hidden; text-overflow: ellipsis;}
	

	
	
}


@media (max-width: 600px) {
	.jointxt{width: 100%; margin: 0 auto;}
	.jointxt > div > div > div:nth-child(2) .input-group-addon{border: none; background: unset; padding: 0 3px 0 0;}
}


/*페이징*/
.paging {
    text-align: center;
    margin: 20px 0;
    clear: both;
}

.paging .prev-2-btn i:before, .paging .next-2-btn i:before {
    margin: 0px;
    width: 7px;
}

.paging a {
    margin: 0 6px;
    color: #666666;
    font-size: 16px;
    vertical-align: bottom;
}

.paging a i {
    font-size: 11px;
    color: #999;
    line-height: 22px;
}

.paging a.active {
    color: #333333;
    text-decoration: none;
    font-weight: 500;
}



#contactUs {float:left; width:100%; padding-bottom:10px;  border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; font-size:14px;}
#contactUs dl {float:left; width:100%; margin-top:10px;}
#contactUs dl dt {float:left;  line-height:30px; padding:0 20px; border-left:1px solid #CCC;}
#contactUs dl dt:nth-of-type(1) {border-left:0 none;}
#contactUs dl dd:nth-of-type(1) {width:30%;}
#contactUs dl dd:nth-of-type(2) {width:10%;}
#contactUs dl dd {float:left; line-height:30px; word-break: break-all;}

#pageSurvey {clear:both; padding-bottom: 20px; margin-bottom:0px;  background:#EEE; border:1px solid #CCC;}
#pageSurvey dl {padding:15px 20px 0 20px; font-size:14px;}
#pageSurvey dl dd {padding-top:10px;}
#pageSurvey dl dd ul {margin:0;}
#pageSurvey dl dd label {margin-right:35px; font-weight:normal;}
#pageSurvey dl dd label input {margin-right:5px;}
#pageSurvey dl dd input[type='text'] {width:90%; height:30px; padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#pageSurvey dl dd button {width:10%; height:30px; margin-left:-1px; background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px;}