@charset "utf-8";

/* font */
@font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TmonMonsori';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SDSamliphopangche_Basic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/SDSamliphopangche_Basic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cafe24Ohsquare';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Cafe24Ohsquare.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}


@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(/resources/font/woff2/Pretendard-Black.woff2) format('woff2'), url(./woff/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(/resources/font/woff2/Pretendard-ExtraBold.woff2) format('woff2'), url(../font/woff/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(/resources/font/woff2/Pretendard-Bold.woff2) format('woff2'), url(../font/woff/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(/resources/font/woff2/Pretendard-SemiBold.woff2) format('woff2'), url(../font/woff/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(/resources/font/woff2/Pretendard-Medium.woff2) format('woff2'), url(../font/woff/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(/resources/font/woff2/Pretendard-Regular.woff2) format('woff2'), url(../font/woff/Pretendard-Regular.woff) format('woff');
}


/*** html / body ***/
html{width:100%; height:100%;}



/*** container ***/
#wrap{position: relative; width: 100%; min-width: 320px; height:auto; padding:85px 0 0 0;}
#container{width: 100%; min-height:calc(100% - 275px); overflow: hidden; margin: 0 auto; position: relative; padding-top:50px;}

.header_inner, .footer_inner {width:1400px; height:100%; position:relative; margin: 0 auto;}


/*** btn / input / select ***/

select.s_select {
	border:none; padding:0 20px; color:#222; font-size:18px; cursor:pointer;
	background:url('/resources/images/gist/common/s_arrow.png') right center no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
select.s_select::-ms-expand{display:none;}

input.s_input{
	border:none; padding:20px; font-size:18px;
}


/*** header ***/
#header_mask{position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; background-color:rgba(0,0,0,0.4); display:none;}
#header{width:100%; min-width:1400px; height:85px; position:fixed; top:0; left:0; z-index:1002; background: #000; text-align:center; transition:height 0.3s; -webkit-transition:height 0.3s; color: #000;}
#header a{display:inline-block;}



/* header all menu */
#header_all_menu{position:absolute; width:320px; height:100vh; top:0px; right: 0; z-index:11; display:none; background: #000; text-align: left;}
#btn_all_menu_close{display:inline-block; margin:17px; font-size:16px; font-weight:600; color:#333; background-color:#fff; border-radius: 5px; float: right; padding:10px 20px; line-height: 16px;} 

#header_all_menu h2 {
	line-height: 70px; color: #fff; font-size: 30px; font-weight: 800; padding-left:15px; 
}
#header_all_menu > ul > li > a {
	padding: 18px 20px; border-top: 1px solid rgba(255, 255, 255, 0.3); font-size: 18px; width: 100%; color:#fff; background: url(/resources/images/gist/new/menu_a.png) right 20px center no-repeat;
}
#header_all_menu > ul > li:last-child > a {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#header_all_menu .header_depth {
	background: #fff; padding: 10px 20px; display: none; 
}
#header_all_menu > ul > li > a.active {
	background: url(/resources/images/gist/new/menu_a2.png) right 20px center no-repeat;
}
#header_all_menu > ul > li > a.active + .header_depth {
	display: block; 
}
#header_all_menu .depth_1st {
	padding: 10px 0; font-size: 17px; color:#1c1c1c; width: 100%;
}
#header_all_menu .depth_1st:hover {
	text-decoration: underline;
}
#header_all_menu .depth_2nd {
	padding-left: 10px; border-left: 1px solid #555; margin-bottom: 10px;
}
#header_all_menu .depth_2nd a {
	line-height: 20px;
}
#header_all_menu .depth_2nd a:hover {
	color: #dc2816;
}

/* header on */
#header.menu_on + #header_mask,
#header.search_on + #header_mask,
#header.all_menu_on + #header_mask{display:block;}
#header.menu_on #header_search .search_wrap{display:none;}

#header.menu_on {
	background: rgba(0,0,0,0.9);	
}
#header_box {
	width: 1400px; height: 85px; margin: 0 auto; text-align: center;
}
#header_box .logo1 {
    width: 135px; height: 45px; margin-top: 20px; float: left;
}
#header_box .logo1 a {
    width: 100%; height: 100%;
}
#header_box .logo1 a img {
    width: 100%; height: 100%;
}

#header_box .header_menu{display:inline-block; width:auto; height:100%;}
#header_box .header_menu > li{float:left; width:auto; height:100%; position:relative; min-width:160px; margin: 0 10px;}
#header_box .header_menu > li > a{font-size:20px; height:85px; line-height:85px; font-weight:900; color:#fff;}
#header_box .header_menu > li.active > a{border-bottom:2px solid #dc2816;}
#header_box .header_menu > li > .header_depth{width:100%; height:0; position:relative; z-index:10; overflow:hidden; transition:height 0.3s; -webkit-transition:height 0.3s; text-align:left; padding-right: 20px}
#header_box .header_menu > li:first-child > .header_depth > li{float: left; width: 147px;}
#header_box .header_menu > li:first-child > .header_depth > li:last-child > a {float: left;}
#header_box .header_menu > li:first-child > .header_depth > li:last-child > div {float: left;}
#header_box .header_menu > li:first-child > .header_depth > li:last-child > div > a {padding-top: 15px;}
#header_box .header_menu > li:first-child > .header_depth > li:last-child > div > ul {padding-bottom: 15px;}
#header_box .header_menu > li:first-child > .header_depth .depth_1st_u {margin-right: 50px;}

#header_box .header_menu > li > .header_depth > li a.depth_1st{font-size:16px; padding-left:10px; color:#fff; font-weight:500; line-height: 40px;}
#header_box .header_menu > li > .header_depth > li:FIRST-OF-TYPE a.depth_1st{padding-top:15px;}

#header .header_menu > li > .header_depth > li > div{display:inline-block; vertical-align: top;}

#header .header_menu > li > .header_depth > li ul.depth_2nd{padding-left:10px; line-height:20px; padding-right: 15px; color:#fff;}
#header .header_menu > li > .header_depth > li ul.depth_2nd > li{ border-left: 1px solid black; padding-left: 5px; width: 127px;}
#header .header_menu > li > .header_depth > li ul.depth_2nd a{font-size:12px; font-weight: 300; color: #fff;}
#header .header_menu > li > .header_depth > li ul.depth_2nd a:hover {font-size:12px; font-weight: 500; color: #dc2816; letter-spacing: -0.2px;}


#header.menu_on{height: 450px;}
#header.menu_on .header_menu > li > .header_depth{height: 365px; border-top:2px solid transparency;}
#header.menu_on #header_search .search_wrap{display:none;}

.menu_on_en{height: 500px !important;}
.menu_on_en .header_menu > li > .header_depth{height: 400px !important;}

#header.search_on #header_search{display:block;}
#header.search_on .header_nav > li#btn_header_search{display:none;}
#header.search_on .header_nav > li#btn_header_search_close{display:list-item;}

#header.all_menu_on #header_all_menu{display:block;}
#header.all_menu_on .header_nav > li#btn_header_menu{display:none;}
#header.all_menu_on .header_nav > li#btn_header_menu_close{display:list-item;}

#header.menu_on .header_menu > li.active{border-bottom:none;}
#header.menu_on .header_menu > li.on{border-bottom:2px solid #df3128;}
#header .header_menu > li.on .header_depth{}
#header .header_menu > li > .header_depth > li a.depth_1st:hover{position:relative; }
#header .header_menu > li > .header_depth > li a.depth_1st:hover:BEFORE{content:""; position:absolute; display:inline-block; width:calc(100% - 10px); height:1px; background-color:#dc2816; bottom:5px; left:12px;}

#header .header_menu > li > .header_depth > li > div{display:inline-block; vertical-align: top;}

#header .header_menu > li > .header_depth > li ul.depth_2nd{padding-left:10px; line-height:20px; padding-right: 15px;}
#header .header_menu > li > .header_depth > li ul.depth_2nd > li{ border-left: 1px solid #fff; padding-left: 5px; min-width: 120px;}





#header_box .header_nav {
	float: right; padding-top: 30px;
}
#header_box .header_nav a {
	float: left; width: 25px; height: 27px; background-position: center; background-repeat: no-repeat; margin-left: 20px; position: relative;
}
#header_box .header_nav a.login {
	background-image: url(/resources/images/gist/new/login.png);
}
#header_box .header_nav a.lang {
	background-image: url(/resources/images/gist/new/lang.png);
}
#header_box .header_nav a.all_menu {
	background-image: url(/resources/images/gist/new/menu.png); display: none;
}
#header_box .header_nav a.logout {
	background-image: url(/resources/images/gist/new/logout.png);
}
#header_box .header_nav a.admin {
	background-image: url(/resources/images/gist/new/admin.png); background-position: center 4px;
}
#header_box .header_nav a.mypage {
	background-image: url(/resources/images/gist/new/mypage.png);
}
#header_box .header_nav a.mypage span {
	width: 70px; margin-left: -35px; 
}
#header_box .header_nav a.time {
	background-image: url(/resources/images/gist/new/time.png); width: 30px; background-position: center 0;
}
#header_box .header_nav a.time div {
	text-align: center; line-height: 11px; color: #fff; font-size: 11px; padding-top: 5px;
}



#header_box .header_nav a span {
	display: none; border: 1px solid #ddd; position: absolute; bottom: -28px; width: 60px; left: 50%; margin-left: -30px; background: #fff;
}
#header_box .header_nav a:hover span {
	display: inline-block; 
}
#header_box .header_nav a span::before {
	content: ""; position: absolute; display: inline-block; width: 12px; height: 9px; background: url(/resources/images/gist/new/top_arrow.png); top: -9px; left: 50%; margin-left: -6px;
}










/*** footer ***/
#footer {
	width: 100%; height: auto; position:relative; font-size: 15px; color: #737373;
}
#footer .footer_inner {
	border-top: 1px solid #ddd; 
}
#footer .footer_inner > div {
	margin: 0 auto; width: 918px; padding: 30px 0;
}
#footer .footer_inner ul {
	width: 100%; overflow: hidden;
}
#footer .footer_inner ul li {
	float: left; width: 130px; text-align: right;
}
#footer .footer_inner ul li:first-child {
	width: calc(100% - 130px); text-align: left;
}
#footer .footer_inner ul li h2 {
	width: 102px; height: 31px; background: url(/resources/images/gist/new/f_gist.png) 0 0 no-repeat; text-indent: -9999px; 
}

#footer .footer_inner .footer_top a {
	display: inline-block; text-indent: -9999px;  width: 27px; height: 25px; background-position: center; background-repeat: no-repeat; margin-left: 10px; filter: grayscale(100%); opacity: 25%;
}
#footer .footer_inner .footer_top a span {
	display: none;
}
#footer .footer_inner .footer_top a.kakao {
	background-image: url(/resources/images/gist/new/kakao.png);
}
#footer .footer_inner .footer_top a.insta {
	background-image: url(/resources/images/gist/new/insta.png);
}
#footer .footer_inner .footer_top a.youtube {
	background-image: url(/resources/images/gist/new/youtube.png);
}
#footer .footer_inner .footer_top a:hover {	
	filter: grayscale(0%); opacity: 100%;
}

#footer .footer_inner .footer_con {
	padding: 15px 0 30px 0;
}
#footer .footer_inner .footer_con p {
	line-height: 22px;
}

#footer .footer_inner .footer_con a {
	font-size: 15px; color: #1c1c1c; display: block; text-align: right;
}
#footer .footer_inner .footer_con a:first-child {
	margin: 60px 0 10px 0;
}
#footer .footer_inner .footer_con a:hover {
	text-decoration: underline;
}

#footer .footer_inner > div > p {
	text-align: center; border-top: 1px solid #ddd; padding-top: 30px;
}



/*** 메인- 팝업창 **/
.popup_wrap{position:absolute; z-index:9999; box-sizing:border-box; padding:0;}
.popup_wrap img{max-width:100%; max-height:100%;}
.popup_wrap .popup_content{box-sizing:border-box; overflow-x:hidden; overflow-y:auto; width:100%; height:100%; background-color:#fff; padding:0; border:1px solid #666; }
.popup_wrap .popup_bottom{box-sizing:border-box; background-color:#666; width:100%; height:35px; position:absolute; bottom:-35px; overflow:hidden; padding:0 10px;}
.popup_wrap .pop_close_day{box-sizing:border-box; color:#fff; font-size:15px; line-height:34px; cursor:pointer; display:inline-block; margin-right:10px;}
.popup_wrap .pop_close_day span{vertical-align:middle;}
.popup_wrap .pop_close_day i{vertical-align:middle; font-size:18px;}
.popup_wrap .pop_close_week{box-sizing:border-box; color:#fff; font-size:15px; line-height:34px; cursor:pointer; display:inline-block; margin-right:10px;}
.popup_wrap .pop_close_week span{vertical-align:middle;}
.popup_wrap .pop_close_week i{vertical-align:middle; font-size:18px;}
.popup_wrap .pop_close{box-sizing:border-box; color:#fff; float:right; font-size:15px; line-height:34px; cursor:pointer;}
.popup_wrap .pop_close span{vertical-align:middle;}
.popup_wrap .pop_close i{vertical-align:middle; font-size:20px; margin-left:5px;}

.popup_default {background-color:#fff;height:100%;width:100%;color:#000; border:1px solid #666;}
.popup_default .popup_box {height:100%;padding:15px;}
.popup_default .popup_box p { height:100%;  word-wrap: break-word; display:block; overflow: hidden; text-overflow:ellipsis;}
.popup_default .popup_box h2 {font-size:28px; margin-bottom:2%;font-weight:600;}
.popup_default .popup_box h3 {font-size:18px; margin-bottom:4%;font-weight:bold;}
.popup_default .popup_box img {height:100% !important; width:100% !important;}

.popup_typeA{background-image:url(/resources/images/popup/TYPE_A.jpg); background-position:center; border:1px solid #666;}
.popup_typeA h2 ,
.popup_typeB h2 { font-size: 30px; font-weight: 600; margin-bottom: 3%;}
.popup_typeA h3 ,
.popup_typeB h3 { font-size: 24px; margin-bottom: 6%;}
.popup_typeB{background-image:url(/resources/images/popup/TYPE_B.jpg); background-size:cover; background-repeat:no-repeat; border:1px solid #666;}
.popup_typeA .popup_box, 
.popup_typeB .popup_box{ padding:15px; box-sizing:border-box; height:100%;}
.popup_typeA .popup_box p,
.popup_typeB .popup_box p { word-wrap: break-word; display:block; overflow: hidden; text-overflow:ellipsis;}
.popup_typeA .popup_box img,
.popup_typeB .popup_box img {height:100% !important; width:100% !important;}

.popup_type1 {
	height:100%;
}
.popup_type1 .popup_wrap{
	width:100%; background:url(/resources/images/popup/popup1_bg.jpg) 0 0 no-repeat; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; background-size:100%;
}
.popup_type1 .popup_box {
	color:#fff; text-align:center; padding:30px 30px 0px 30px;
}
.popup_type1 .popup_box h2  {
	font-family: 'Cafe24Ssurround'; color:#000; font-size:38px; padding-bottom:20px;
}
.popup_type1 .popup_box h3 {
	font-family: 'Cafe24Ssurround'; font-size:26px; padding-bottom:7px;
}
.popup_type1 .popup_box p {
	text-align:center; color:#fff; font-weight:bold; background:#095ea3; font-size:17px; border-top-left-radius:8px; border-top-right-radius:8px; padding:15px 10px;
}
.popup_type1 .con {
	background:url(/resources/images/popup/popup1_bg2.jpg) 0 0 repeat-y; box-sizing:border-box; padding:30px 50px 10px 50px; width:100%; background-size:100%;
}
.popup_type1 .con p {
	font-size:15px; line-height:auto; color:#555; margin-bottom:30px; font-weight:400; word-wrap: break-word;
	display:block; overflow: hidden; text-overflow:ellipsis; height: 100%;
}
.popup_type1 .popup_btn{
	background-color:#fff;
}
.popup_type1 .popup_btn .close{
	color:#888; margin-right: 20px; font-family:'Noto Sans KR', sans-serif; font-size: 12px; padding-right:30px; float:right;
}
.popup_type1 .popup_btn .today{
	color:#888; font-family:'Noto Sans KR', sans-serif; font-size: 12px;padding-left:30px;
}


.popup_type2 .popup_wrap{
	width:100%; height:100%; background: #1d44d4 url(/resources/images/popup/popup2_img.jpg) right bottom no-repeat;
	color:#fff; box-sizing: border-box; font-family: 'Noto Sans KR';
}
.popup_type2 h2  {
	font-size:47px; margin-bottom:40px; padding-bottom:40px; position:relative; font-family: 'TmonMonsori';
}
.popup_type2 h2::after {
	content:""; position:absolute; display:inline-block; width:50px; height:5px; background:#ffd158; bottom:3px; left:0px; border-radius:10px; font-family: 'TmonMonsori';
}
.popup_type2 h3 {
	font-size:30px; color:#ffd158; margin-bottom:10px; font-family: 'TmonMonsori';
}
.popup_type2 p {
	font-size:20px; font-weight:300; line-height:auto; word-wrap: break-word;
}
.popup_type2 .popup_box {
	height:100%; padding:50px 35px 0px;
}
.popup_type2 .popup_box .con {
	display:block; overflow: hidden; text-overflow:ellipsis; height: 60%;
}
.popup_type2 .popup_bottom{ 
	background-color:#1d44d4;
}

.popup_type3 {
	height:100%;
}
.popup_type3 .popup_box{
	height:100%; display:block; background:url(/resources/images/popup/popup3_bg.jpg) 0 0 no-repeat; background-size: 100%; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif;
}
.popup_type3 .popup_box ul{
	width:100%; height: 100%; overflow: hidden; padding:30px; background:url(/resources/images/popup/popup3_img.png) 30px bottom no-repeat; padding:30px 0px 30px 0px;
}
.popup_type3 ul li{
	float:left; list-style: none;
}
.popup_type3 ul li:first-child{
	width:230px; padding: 0px 15px 0px 30px;
}
.popup_type3 ul li:first-child h2{
	color:#fff; font-size:52px; text-shadow:3px 3px 3px rgba(0,0,0,0.5); line-height:65px; font-family: 'SDSamliphopangche_Basic'; font-weight:400;
}
.popup_type3 .popupCon {
	height: 100%; min-height:340px; width:380px; background:rgba(255,255,255,0.6); padding:30px 25px; box-sizing: border-box; border-radius:20px; font-size:15px; line-height:auto; color:#474747;
}
.popup_type3 .popupCon p { word-wrap: break-word; display:block; overflow: hidden; text-overflow:ellipsis; height:98%;}

.popup_type3 .popup_btn{
	background-color:#fff; background:rgba(255,255,255,0.8);
}
.popup_type3 .popup_btn .close{
	color:#947FF8; font-family:'Noto Sans KR', sans-serif; padding-right:30px; float:right; font-weight:600; font-size: 12px;
}
.popup_type3 .popup_btn .today{
	color:#947FF8; font-family:'Noto Sans KR', sans-serif; padding-left:30px; font-weight:600;font-size: 12px;
}


.popup_type4 {
	font-family: 'Noto Sans KR', sans-serif; box-sizing: border-box;
}
.popup_type4 .popup_wrap {
	height:100%; width:100%; background: url(/resources/images/popup/popup4_con.jpg) 0 0 repeat-y; border: 1px solid #009a54; background-size:100%;
}
.popup_type4 .popup_box {
	height:100%; width:100%; text-align:center; background: url(/resources/images/popup/popup4_top.jpg), url(/resources/images/popup/popup4_img.jpg); 
	background-position: 0 0, 0 bottom; background-repeat:no-repeat; padding:50px 50px 100px 50px; box-sizing: border-box; background-size:100%;
}
.popup_type4 .popup_box h2  {
	font-size:39px; color:#222; margin:15px 0 20px 0; font-family: 'Cafe24Ohsquare';
}
.popup_type4 .popup_box h3 {
	font-size:24px; color:#fff; line-height:42px; padding:0 30px; border-radius:50px; background:#009a54; display: inline-block;
}
.popup_type4 .popup_box p {
	width:100%; text-align:left; color:#666; font-size:16px; line-height:auto; word-wrap: break-word;
	display:block; overflow: hidden; text-overflow:ellipsis; height:70%;
}
.popup_type4 .popup_btn{
	background-color:#fff;
}
.popup_type4 .popup_btn .close{
	color:#009a54; font-family:'Noto Sans KR', sans-serif; padding-right:30px; float:right;
}
.popup_type4 .popup_btn .today{
	color:#009a54; font-family:'Noto Sans KR', sans-serif; padding-left:30px;
}


.popup_type5 {
	height:100%; width:100%; font-family: 'Noto Sans KR', sans-serif; box-sizing: border-box;
}
.popup_type5 .popup_wrap {
	height:100%; background:#de5600 url(/resources/images/popup/popup5_bg.jpg) 0 0 repeat-y; width:100%; background-size:100%;
}
.popup_type5 .popup_box {
	text-align:center; padding:50px 30px 30px 30px; color:#fff; font-size:17px;
}
.popup_type5 .popup_box h2  {
	font-size:43px; font-weight:600; margin-bottom:10px; color:#ffee30; font-family: 'GmarketSansMedium';
}
.popup_type5 .popup_box h3 {
	width:250px; display:block; margin:auto; font-family: 'GmarketSansMedium';
}
.popup_type5 .con {
	height:80%; background: url(/resources/images/popup/popup5_img.jpg), url(/resources/images/popup/popup5_con.png); background-position: 0 bottom, 0 0; 
	background-repeat:no-repeat, repeat-y; padding:20px 60px 50px 50px; box-sizing: border-box; font-size:14px; line-height:auto; color:#444; background-size:100%;
}
.popup_type5 .con p { word-wrap: break-word; display:block;  display:block; overflow: hidden; text-overflow:ellipsis; height:100%;}

.popup_type5 .popup_btn{
	background-color:#fff;
}
.popup_type5 .popup_btn .close{
	color:#000; font-family:'Noto Sans KR', sans-serif; padding-right:30px; float:right;
}
.popup_type5 .popup_btn .today{
	color:#000; font-family:'Noto Sans KR', sans-serif; padding-left:30px;
}



/**
* 이미지 상세보기
**/
.img_view_wrap{position:absolute; z-index:9999; padding:0; margin:0; max-width:85%; max-height:85%; opacity:0;}
.img_view_wrap:BEFORE{content:""; position:absolute; background-color:#666; width:100%; height:3px; top:-3px;}
.img_view_wrap .con{width:100%; height:100%; overflow:auto; padding:0; margin:0;}
.img_view_wrap .con img{width:auto; height:auto; min-width:200px; min-height:100px;}
.img_view_wrap .bottom{position:absolute; bottom:-35px; width:100%; height:35px; background-color:#666; padding:0 10px; text-align:right;}
.img_view_wrap .bottom .btn_close{display:inline-block; color:#fff; font-size:15px; height:35px; line-height:34px; cursor:pointer;}
.img_view_wrap .bottom .btn_close span{vertical-align:middle;}
.img_view_wrap .bottom .btn_close i{vertical-align:middle; font-size:20px; margin-left:5px;}

.img_view_mask{position:fixed; z-index:9998; top:0; left:0; padding:0; margin:0; width:100%; height:100%; background-color:#ccc; opacity:0.5; filter:alpha(opacity=50);}

/*** 좌측메뉴 ***/
#sub_menu {
	float: left; width:240px; margin-bottom:50px;
}
#sub_menu.m_fix {
	position: fixed;
} 

/*** 장비예약 좌측메뉴 ***/
#equip_menu {
	float: left; width:240px; margin-bottom:50px;
}
#equip_menu.m_fix {
	position: fixed;
} 

#equip_menu.m_fix_bottom {
	bottom: 280px;
} 

#equip_menu{float:left; margin-top:-115px; margin-left:-300px;}

.set_menu{width: 240px;}
.set_menu h3 {
    width: 240px;
    line-height: 115px;
    background: #000;
    font-size: 24px;
    color: #fff;
    text-align: center;
    
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}
.set_menu .lm_wrap{display:none;}
.set_menu .lm_wrap >ul >li{width:240px;}
.set_menu ul li a.lm_2nd{width: 100%; display:inline-block; color:#222; font-size:17px;  line-height:25px; border-bottom:1px solid #dadbde; position:relative; padding:15px 40px 15px 15px;}

.set_menu ul li a.lm_2nd:AFTER{    
	font-family: 'xeicon' !important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
	
	content:"\e93f";
	width:24px; 
	height:24px; 
	font-size:17px;
	font-weight:600;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-12px;
	text-align:center;
	padding-top:2.5px;
	color:#dadbde;
	border:1px solid #dadbde;
	border-radius:50%;
	text-indent:2px;
	box-sizing:border-box;
}

.set_menu ul li a.lm_2nd_on{background-color:#f7f9fa; border-bottom:1px solid #222;}
.set_menu ul li a.lm_2nd_on:AFTER{color: #fff; background-color: #000; border-color: #000;}
.set_menu ul li div.lm_3rd{height:auto; padding:17px 25px; background:#f7f7f7; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-top: none; box-sizing: border-box; overflow:hidden; display:none;}
.set_menu ul li a.lm_2nd_on ~ div.lm_3rd{display:block;}

.set_menu ul li div.lm_3rd a{width: 100%; display: inline-block; padding-left:10px; background: url('/resources/images/gist/common/left_dot.gif') 0 13px no-repeat; font-size: 14px; line-height: 26px;}
.set_menu ul li div.lm_3rd a.on{color:#1c1c1c; font-weight: 700; cursor:default;}

.set_menu ul li div.year_3rd{border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; overflow:hidden; display:none;}
.set_menu ul li a.lm_2nd_on ~ div.year_3rd{display:block;}
.set_menu ul li a.lm_2nd_on ~ div.year_3rd a{display:inline-block; width:100%; height:auto; padding:10px 17px; background-color:#f7f7f7; border-bottom:1px solid #d9d9d9; }
.set_menu ul li a.lm_2nd_on ~ div.year_3rd a.on{background-color:#576175; color:#fff; font-weight: 500; cursor:default;}

.set_menu ul li div.lm_4th {background: #fff; margin: 5px 0 10px 0; padding: 7px 0;}
.set_menu ul li div.lm_4th a{width: 100%; display: inline-block; padding-left:27px; background: url('/resources/images/gist/common/left_dot3.gif') 15px no-repeat; font-size: 14px; line-height: 26px;}
.set_menu ul li div.lm_4th a.on{color:#dc2816; font-weight: 500; cursor:default; background: url('/resources/images/gist/common/left_dot4.gif') 15px no-repeat;}


.inner {
	width:1200px; display: block; position: relative; margin: 0 auto;
}

.inner::after{
	content:""; overflow:hidden; clear:both; display:block; width:0; height:0; opacity:0;
}

#sub_top_con {
	background: url('/resources/images/gist/common/sub_top_bg.jpg') center center no-repeat; background-size: cover; height:70px; display:table;
	position:relative; width: 100%; margin-bottom:40px;
}
#sub_top_con div {
	display:table-cell; vertical-align:middle; text-align: center;
}
#sub_top_con div h2 {
	text-align: center; font-size: 25px; color: #fff; padding:8px 50px; display: inline-block; 
	background-image: url('/resources/images/gist/common/top_bracket_r.png'), url('/resources/images/gist/common/top_bracket_w.png');
	background-repeat: no-repeat, no-repeat;  background-position: left top, right bottom; height:45px;
	
}

.sub_tit {width:900px; padding:35px 0; overflow:hidden;}
.sub_tit h4 {display: inline-block; float: left; font-size:35px; font-weight:600; line-height:45px; color:#000;}
.sub_tit .navi{float:right; padding-top:10px;}
.sub_tit .navi span{display:inline-block; font-size:15px; height:25px; line-height:25px; color:#b8b8b8; padding-left:20px; position:relative;}
.sub_tit .navi span:LAST-OF-TYPE{color:#1c1c1c; font-weight:600;}
.sub_tit .navi span:AFTER{content:""; position:absolute; display:inline-block; width:4px; height:4px; background-color:#e3e6e8; top:50%; left:8px; margin-top:-2px; border-radius:50%;}
.sub_tit .navi span.home{font-size:18px; padding:3px 0 0 0;}
.sub_tit .navi span.home:AFTER{display:none;}

#sub_con {width: 900px; float:right; margin-bottom: 100px;}
.sub_wrap{width:100%; position:relative;}

span {
	vertical-align: bottom;
}

.top_search {
	width: 100%; margin-bottom:30px; font-size:0; height: 45px;
}
.top_search input.input_st1 {
	width: calc(100% - 390px);
}
.top_search ul {
   overflow: auto;
}
.top_search ul li {
	float:left; margin-left:20px;
}
.top_search ul li:first-child {
	margin-left:0;
}
.top_search ul li label {
	margin-right: 10px;
}

.top_search #search_list_top{
    display: inline-block;
    position: relative;
    width: 340px;
    border: 1px solid #d9d9d9;
    border-top: none;
    box-sizing: border-box;
    font-size: 15px;
    color: #777;
    margin-right: 45px;
    background: rgb(255, 255, 255); 
}
.top_search #search_list_top p{
	font-size:15px;    
	padding: 10px;  
	height: 60px; 
	line-height: 35px;
	text-align: left;
}
.top_search #search_list_top p:hover{
	cursor: pointer; 
	background-color: #eaeff5;
	color: black;
}

.top_search #search_list_edu{
    position: relative;
    width: 340px;
    border: 1px solid #d9d9d9;
    border-top: none;
    box-sizing: border-box;
    font-size: 15px;
    color: #777;
    left: 227px;
    background: rgb(255, 255, 255); 
}
.top_search #search_list_edu p{
	font-size:15px;    
	padding: 10px;  
	height: 60px; 
	line-height: 35px;
	text-align: left;
}
.top_search #search_list_edu p:hover{
	cursor: pointer; 
	background-color: #eaeff5;
	color: black;
}

.top_search .top_search_b {
	display: inline-block;
}

select.sel_st1 {
	width:170px; height:45px; border: 1px solid #d9d9d9; box-sizing: border-box; padding:0 46px 0 10px; color: #777;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;  background: url('/resources/images/gist/common/select_arrow.gif') right center no-repeat; 
}
select.sel_st1::-ms-expand  {
	display: none;
}
select.sel_st2 {
	width:120px; height:38px; border: 1px solid #d9d9d9; box-sizing: border-box; padding:0 46px 0 8px; color: #777;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;  background: url('/resources/images/gist/common/select_arrow.gif') right center no-repeat; 
}
select.sel_st2::-ms-expand  {
	display: none;
}

input.input_st1 {
	width:340px; height:45px; border: 1px solid #d9d9d9; box-sizing: border-box; font-size:15px; padding:0 0 0 10px; color: #777;
}
input.input_st2 {
	width:100%; height:38px; border: 1px solid #d9d9d9; box-sizing: border-box; font-size:13px; padding:0 0 0 10px; color: #666;
}
input.input_st3 {
	width:155px; height:28px; border: 1px solid #d9d9d9; box-sizing: border-box; font-size:13px; padding:0 0 0 8px; color: #666;
}
input.input_calen {
	background: url('/resources/images/gist/sub/icon_calendar.gif') right center no-repeat; 
}
textarea.textarea_st1 {
	width:100%; height:70px; border: 1px solid #d9d9d9; box-sizing: border-box; font-size:13px; padding:10px; color: #666;
}

.btn_search {
	width:100px; line-height:45px; font-size:15px; color: #fff; display: inline-block; text-align: center; background: #1c1c1c; cursor:pointer;
}
a.btn_search2 {
	width:70px; line-height:38px; font-size:15px; color: #fff; display: inline-block; text-align: center; text-align: center; background: #1c1c1c;
}


.top_search .sel_st1{margin-right:5px;}
.top_search .btn_search{margin-right:5px;}
.top_search .btn.reserv{height:45px; line-height:45px; font-size:13px; border-radius:0;}
.top_search .btn:before{font-size:15px; vertical-align:text-top;}


/*** 장비리스트 ***/
.equip_tab {width:100%; overflow: hidden; margin-bottom: 20px;}
.equip_tab a, .program_tab li.tab_prog a {float: left; border: 1px solid #d9d9d9; width: 60px; line-height: 30px; text-align: center; color: #1c1c1c; font-size: 16px; font-weight: 700; margin: 0 5px 5px 0;}
.equip_tab a.on, .program_tab li.tab_prog a.on {border: 1px solid #1c1c1c; background: #1c1c1c; color: #fff;}

.equip_list .not_search{width:100%; text-align:center; font-size:25px; font-weight:600;}
.equip_list .not_search i{margin-right:15px; vertical-align:middle;}

.box_2n > ul {overflow:hidden; width: 100%;}
.box_2n > ul > li {margin:0; width: 48%; height: 190px; border-bottom:1px solid #555; overflow:hidden; padding: 25px 0; float: left;}
.box_2n > ul > li:nth-child(odd) {margin-right: 4%;}
.box_2n > ul > li:nth-child(1), .box_2n > ul > li:nth-child(2) {border-top:1px solid #555;}

.equip_list > ul > li.not_search{padding:80px 0;}
.equip_list .equip_box {width:100%; height: 67px; margin-bottom: 15px;}
.equip_list .equip_box > li {float:left; width: calc(100% - 120px);}
.equip_list .equip_box > li.equip_btn {float: right; width: 100px; position:relative;}

.equip_list .equip_box h5{display: inline-block; line-height:22px; font-size:18px; color: #1c1c1c; margin:0; vertical-align:top; cursor:pointer; font-weight: 700;}
.equip_list .equip_box h5 span{font-size:15px; font-weight:400; color: #a5a5a5; margin-left:20px; vertical-align:middle;}
.equip_list .equip_box .favorites_check{display: inline-block; width:18px;  margin:0; font-size:0; color:#df3128; vertical-align:top; cursor:pointer; padding-top: 2px;}
.equip_list .equip_box .favorites_check:before{font-family:'Font Awesome 5 Free'; content:"\f005"; font-size:15px; line-height:20px; font-weight:400;}
.equip_list .equip_box .favorites_check.on:before{font-weight:900;}
.equip_list .equip_box h6, .equip_list .equip_box p {font-size:14px; color: #1c1c1c; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
.equip_list .equip_box h6 {margin: 10px 0 3px 0;}
.equip_list .equip_box h6 span {display: inline-block; padding-right: 10px; position: relative; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.equip_list .equip_box h6 span::after {content: ""; position: absolute; display: inline-block; width: 3px; height: 10px; background: #1c1c1c; top: 3px; right: 0px;}
.equip_list dl, .box_3n dl, .box_2n dl {margin:10px 0 0 0; text-align:left; font-size:13px; overflow:hidden; width: 100%; float: left;}
.equip_list dl dt, .box_3n dl dt, .box_2n dl dt{float:left; font-weight:600; color:#222; height: 16px; width:30px;}
.equip_list dl dd, .box_3n dl dd, .box_2n dl dd{float:left; height: 16px; width:calc(100% - 30px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.equip_list .equip_btn > span{display:inline-block; width:100%; height:22px; line-height:22px; font-size:13px; color:#1c1c1c; padding-left:28px; cursor:pointer;}
.equip_list .equip_btn > span:NTH-OF-TYPE(1){background:#fff ; font-weight: bold; padding-left: 0px;}
.equip_list .equip_btn > span:NTH-OF-TYPE(2){background:#fff ; font-weight: bold; padding-left: 0px;}
.equip_list .equip_btn > span:NTH-OF-TYPE(3){background:#fff url('/resources/images/gist/sub/equip_icon2.png') 0 center no-repeat;}
.equip_list .equip_btn > span:NTH-OF-TYPE(4){background:#fff url('/resources/images/gist/sub/equip_icon2.png') 0 center no-repeat;}
.equip_list .equip_btn > span:NTH-OF-TYPE(5){background:#fff url('/resources/images/gist/sub/equip_icon1.png') 0 center no-repeat;}
.equip_list .repair_detail{top:0px; position: absolute; width: 250px; padding: 15px; border:1px solid #dce0e1; background-color: #fff; z-index: 10;}

.equip_list .reason_el{width:100%; position:relative;}
.equip_list .reason_el i{position:absolute; top:2px; left:0;}
.equip_list .reason_el span{display:inline-block; width:100%; overflow:visible; padding-left:16px;}

.reason_tooltip { position: absolute; background: #fff; color: #333; border: 2px solid #000; padding: 6px 10px; border-radius: 4px; font-size: 14px; z-index: 9999; white-space: nowrap; line-height: 1.4; text-align: center; }

.equip_list > ul > li.intro{overflow: auto; margin:30px 0 0 40px; width:430px; float: left;}
.equip_list > ul > li.intro:nth-child(odd){margin-left:0;}
.equip_list > ul > li.intro p {font-size: 13px; color: #a5a5a5;  cursor: pointer; margin-bottom: 10px;}
.equip_list > ul > li.intro h5 {font-size: 27px; color: #df3128; margin: 0 0 20px 0;  cursor: pointer;}
.equip_list > ul > li.intro img {width: 210px; height: 140px; float:left;}
.equip_list > ul > li.intro dl {float:right; line-height: 23px; overflow: auto; width:200px;}
.equip_list > ul > li.intro dl dt {float: left; width: 60px; min-height:23px; font-weight:600; color: #222;}
.equip_list > ul > li.intro dl dd {float: left; width: 140px; min-height:23px;}
.equip_list > ul > li.intro .equip_intro_con {float:left; width: 100%; height:60px; overflow-y:scroll; background:#f8f8f8; padding:10px; box-sizing:border-box; margin-top: 10px;}


.equip_detail_top {
	overflow: hidden; margin-bottom:50px;
}
.equip_detail_top li {
	float:left;  overflow:hidden;
}
.equip_detail_top li.equip_detail_img {
	margin-right:45px; background:#fff; box-shadow:3px 3px 3px rgba(0,0,0,0.15);
}
.equip_detail_top li.equip_detail_img div {
	width:350px; height:240px;  text-align:center;
}
.equip_detail_top li.equip_detail_img div img {
	width:auto; height:100%;
}
.equip_detail_top li p {
	font-size: 15px; color: #a5a5a5; 
}
.equip_detail_top li h5 {
	font-size: 30px; color: #df3128; margin:5px 0 0 0; 
}
.equip_detail_top li dl {
	font-size: 15px; width: calc(100% - 40px);
}
.equip_detail_top li dl dt {
	float:left; padding-bottom:7px; color: #161616; font-weight: bold; min-height:25px;
}
.equip_detail_top li dl dd {
	float:left; padding-bottom:7px; min-height:25px;
}

.equip_detail_top li dl dd span{
	vertical-align:top; line-height:20px; font-size:13px;
}

.equip_detail_top li dl dd span i{
	line-height:20px;
}

.equip_detail_list {
	width:494px;
}
.equip_detail_list dl dt {
	width:105px;
}
.equip_detail_list dl dd {
	width: calc(100% - 105px); 
}
.equip_detail_tab {
	width:100%; margin-bottom:30px; height: 50px;
}
.equip_detail_tab ul li {
	float:left; width:calc(25% + 1px); margin-left: -1px;
}
.equip_detail_tab ul li:first-child {
	margin-left: 0px; width:calc(25% + 0px);
}

.equip_detail_tab ul li:last-child {
	margin-right: 0px;
}

.equip_detail_tab ul li a {
	text-align: center; width: 100%; line-height: 50px; display: inline-block; border:1px solid #d9d9d9; box-sizing:border-box; font-size: 17px;
}
.equip_detail_tab ul li.active a {
	border:1px solid #000; background:#000; color:#fff; font-weight: 500;
}
.equip_detail_con {
	margin-bottom:50px; display:none; font-size:15px; line-height:21px;
}

.equip_detail_oper{margin-bottom:30px;}

.equip_oper_tab{width:100%; max-width:900px; overflow:auto; text-align:center;}
.equip_oper_tab ul{display:inline-block; width:auto; padding-bottom:15px;}
.equip_oper_tab ul li{width:auto; height:auto; float:left; margin-right:15px;}
.equip_oper_tab ul li:LAST-OF-TYPE{margin-right:0px;}
.equip_oper_tab ul li a{display:inline-block; width:100%; height:100%; text-align:center; padding:10px 30px; border:1px solid #d9d9d9; border-radius:15px; font-size:15px;}
.equip_oper_tab ul li.active a{border:1px solid #000; background-color:#000; color:#fff; font-weight:500; position:relative;}
.equip_oper_tab ul li.active a::after{content:""; display:inline-block; width:14px; height:14px; position:absolute; left:50%; margin-left:-7px; bottom:-7px; background-color:#000; transform:rotate(45deg);}

.equip_oper_con{display:none; padding:10px 15px; border:1px solid #ccc; line-height:18px; }
.equip_oper_con > span{color:#df3128; font-weight:600;}
.equip_oper_con h2{margin-top:10px; padding-top:10px; border-top:1px solid #d9d9d9; font-size:16px; color:#2d2d2d; font-weight:600; margin-bottom:5px; line-height:22px;}
.equip_oper_con h2 i{line-height:22px;}

.equip_badge {display: inline-block;; padding: 1px 6px; line-height: 20px; font-size: 13px; font-weight:400; color: #fff; background-color: #000; border-radius: 4px; text-align: center; position: relative; bottom: 2px; height: 21px; box-sizing: border-box; margin-right:3px;}
.public_badge {display: inline-block; border:2px solid black; padding: 0px 6px; line-height: 18px; font-size: 13px; font-weight:400; color: #000; background-color: #fff; border-radius: 4px; text-align: center; position: relative; bottom: 2px; height: 21px; box-sizing: border-box; margin-right:3px;}

.tour_not_search{
	width:100%; text-align:center; font-size:25px; font-weight:600;
}


.btn_box1 {
	text-align: center; width: 100%; 
}
.btn_box1 a {
	display: inline-block;
}
.btn_purple1 {
	width: 246px; line-height: 58px;  color: #fff; font-size: 19px; background:#000;
}
.btn_purple1:hover, .btn_purple2:hover, .btn_purple3:hover {
	background:#000;
}
.btn_red1 {
	width: 246px; line-height: 58px;  color: #fff; font-size: 19px; background:#000;
}
.btn_red1:hover,.btn_red2:hover {
	background:#000;
}
.btn_gray1 {
	width: 246px; line-height: 58px;  color: #fff; font-size: 19px; background:#878787;
}
.btn_gray1:hover, .btn_gray2:hover, .btn_gray3:hover {
	background:#6b6b6b;
}

.btn_purple2 {
	display: inline-block; width: 160px; line-height: 45px;  color: #fff; font-size: 15px; background:#000; text-align: center; cursor: pointer;
}
.btn_red2 {
	display: inline-block; width: 160px; line-height: 45px;  color: #fff; font-size: 15px; background:#000; text-align: center; cursor: pointer;
}
.btn_gray2 {
	display: inline-block; width: 160px; line-height: 45px;  color: #fff; font-size: 15px; background:#878787; text-align: center; cursor: pointer;
}

.btn_purple3 {
	display: inline-block; width: 120px; line-height: 35px;  color: #fff; font-size: 15px; background:#000; text-align: center; cursor: pointer;
}
.btn_red3 {
	display: inline-block; width: 120px; line-height: 35px;  color: #fff; font-size: 15px; background:#000; text-align: center; cursor: pointer;
}
.btn_gray3 {
	display: inline-block; width: 120px; line-height: 35px;  color: #fff; font-size: 15px; background:#878787; text-align: center; cursor: pointer;
}



.txt_gray1{
	font-weight:600; font-size:16px; color:#878787; border:1px solid #878787; padding:10px 50px; border-radius:5px;
}

.txt_gray2{
	font-size:14px; color:#878787; border-bottom:1px solid #878787; padding-bottom:5px; 
}

.txt_red1{
	font-weight:600; font-size:16px; color:#df3128; border:1px solid #df3128; padding:10px 50px; border-radius:5px;
}

.txt_red2{
	font-size:14px; color:#df3128; border-bottom:1px solid #df3128; padding-bottom:5px; 
}


.reserve_top_l, .reserve_top_r {
	width:50%; height:240px; box-sizing:border-box; margin-bottom:10px; 
}
.reserve_top_l {
	padding:20px; background:#f3f3f3; position:relative;
}
.reserve_top_l dl{
	position:absolute; width:400px; bottom:5px; left:20px;
}
.reserve_top_l dl dt {
	width:60px;
}
.reserve_top_l dl dd {
	width: calc(100% - 60px); 
}
.reserve_top_l dl dd a.btn_modify {
	width: 21px; height:21px; display: inline-block; background:url('/resources/images/gist/sub/icon_modify.png') 0 0 no-repeat; text-indent:-9999px; margin-left:6px;
}
.reserve_top_b {
	width:100%; margin-bottom: 30px;
}
.reserve_top_b .reserve_use_t {
	background:#000; width: 130px; height:140px; display: inline-block; padding-top:46px; float:left; box-sizing:border-box; text-align: center;
}
.reserve_top_b .reserve_use_t p {
	 color: #fff; font-size: 19px; display: inline-block;	font-size: 17px; line-height: 25px; text-align: center;
}
.reserve_top_b .reserve_use_t p span {
	font-size: 13px;
}
.reserve_top_b .reserve_use_c {
	width: calc(100% - 130px); float:left; height:140px; display: inline-block; padding: 3px 15px; box-sizing:border-box; border:1px solid #d9d9d9; overflow-y: auto;
}
.reserve_top_b .reserve_use_c  > span {
	color: #5e3674; font-size: 15px; font-weight: bold; line-height: 30px;
}
.reserve_top_b .reserve_use_c  > span > span{
	color : #df3128;	
}
.reserve_top_b .reserve_use_c p {
	color: #666; font-size: 13px; line-height: 20px; 
}

.reserve_top_r{
	border-right:1px solid #d9d9d9;
}

.reserve_top_r > div {
	float:left; display:table;
}

.reserve_top_r > div.e_slide_box{
	display:block; width:0px; padding:0; overflow:hidden;
	transition:width 0.5s;
}

.reserve_top_r > .e_slide_btn_on + div.e_slide_box{
	width: calc(100% - 152px); overflow-y: auto;
}

.reserve_top_r > div.e_slide_box > div{
	width: 100%; padding:10px;
}

.reserve_top_r > div.e_slide_box > div > table{
	width:calc(100% - 18px);
}

.reserve_top_r > div > a {
	color:#fff;  display:table-cell; vertical-align:middle; 
}
.e_slide_btn1, .e_slide_btn2, .e_slide_btn3 {
	width:40px; height:240px; text-align: center; display: inline-block; box-sizing:border-box; background:#8f8f8f;
}
.e_slide_btn1 a, .e_slide_btn2 a, .e_slide_btn3 a {
	font-size: 15px; line-height: 20px; padding: 0 13px;
}
.e_slide_btn2, .e_slide_btn3{
	margin-left:1px;
}
.e_slide_box {
	display:table; border-top: 1px solid #d9d9d9; width: 297px; border-bottom: 1px solid #d9d9d9; height: 240px; 
}
.e_slide_box div {
	width: 100%; height:100%; padding: 15px; line-height: 18px;
}
.e_slide_btn_on {
	width:70px; background:#000 url('/resources/images/gist/sub/e_reserve_arrow.png') right center no-repeat; padding-top: 36px;
}
.e_slide_btn_on a {
	font-size: 17px; line-height: 23px;
}

.e_slide_btn1.e_slide_btn_on a{
	background:url('/resources/images/gist/sub/e_reserve_icon1.png') center 30px no-repeat;
}
.e_slide_btn2.e_slide_btn_on a{
	background:url('/resources/images/gist/sub/e_reserve_icon2.png') center 30px no-repeat;
}
.e_slide_btn3.e_slide_btn_on a{
	background:url('/resources/images/gist/sub/e_reserve_icon3.png') center 30px no-repeat; padding: 0 12px;
}


.e_slide_box > div span{
	color:#df3128; font-weight:600;
}

.e_slide_box > div pre{
	margin-top:8px;
}


.e_reserve_con {
	overflow: hidden;
}
.e_reserve_con h5 {
	font-size: 27px; color: #171717; padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid #d9d9d9;
}
.e_reserve_con h5 span {
	color: #df3128; vertical-align: bottom;
}
.e_reserve_con h6 {
	font-size: 23px; color: #2d2d2d; margin-bottom: 10px; line-height: 30px; padding-left:35px;
}
.e_reserve_con h6.step2_t1 {
	background:url('/resources/images/gist/sub/e_list_icon1.png') 0 0 no-repeat;
}
.e_reserve_con h6.step2_t2 {
	background:url('/resources/images/gist/sub/e_list_icon2.png') 0 0 no-repeat;
}
.e_reserve_con h6.step2_t3 {
	background:url('/resources/images/gist/sub/e_list_icon3.png') 0 0 no-repeat;
}
.e_reserve_con h6.step2_t4 {
	background:url('/resources/images/gist/sub/e_list_icon4.png') 0 0 no-repeat;
}

.e_reserve_con .autoTimeComment{
	width:100%; font-size: 16px; line-height:24px; position:relative; padding-left:30px;
}

.e_reserve_con .autoTimeComment span{
	font-weight:600;
}

.e_reserve_con .autoTimeComment i{
	position:absolute; top:3px; left:0; font-size:20px;
}

.e_reserve_con.step2{
	margin-top: 80px; font-size:0;
}

.btnPreemptiveCancel, .btnPreemptiveSave{
	margin:20px 0; width:200px; line-height:50px; display:none;
}

.e_reserve_label{
	margin-bottom:15px; color:#666;  font-weight:400; font-size:14px;
}

.e_reserve_label span{
	color:#df3128; font-weight:600;
}

.e_select_box {
	overflow:hidden;
}

.e_select_box {
	width:100%;
}
.e_select_box .reserv_time_wrap{
	border-bottom:1px solid #d9d9d9; overflow: hidden;	
}
.e_select_box .reserv_time_wrap li {
	padding-bottom: 10px;	
}

.e_select_box .reserv_type_wrap{
	padding-top: 10px; overflow: hidden;
}

.e_select_box .reserv_type_wrap label{
	margin-right:20px;
}

.e_select_box .reserv_type_wrap label:LAST-OF-TYPE{
	margin-right:5px;
}

.e_select_box ul li {
	float:left; margin-right: 30px;
}
.e_select_box ul li:last-child {
	margin-right: 0px;
}
.e_select_box ul li label {
	margin-right: 8px;
}

.reserv_time_wrap.auto{
	padding-top:12px; margin:10px 0 0 30px; overflow:hidden; border-top:1px solid #d9d9d9;
}

.reserv_time_wrap.auto li{
	float:left; margin-left:35px;
}

.reserv_time_wrap.auto li:first-child{
	margin-left:0px;
}

.reserv_time_wrap.auto li label{
	font-weight:600; margin-right:5px;
}



.step2_box {
	margin-bottom:50px;
}

.step2_box > ul {
	display:inline-block; width:auto; overflow:auto; margin-left:0;
}
.step2_box > ul > li {
	width:280px; margin:0 30px 20px 0; border: 1px solid #d9d9d9; box-sizing:border-box; padding:15px 20px; height:auto; min-height: 160px; float: left;
}

.step2_box > ul > li.empty_mro_wrap{
	font-size:16px; font-weight:600; border:none; padding:10px 0; height:auto;
}

.step2_box > ul > li p {
	font-size: 17px; color: #df3128; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #d9d9d9; font-weight: 500;
}
.step2_box > ul > li dl {
	font-size: 13px; overflow:hidden;
}
.step2_box > ul > li dl dt {
	width:56px; float: left; color: #161616; font-weight: bold; padding-bottom: 13px; 
}
.step2_box > ul > li dl dd {
	width:180px; float: left; color: #666; padding-bottom: 13px;
}

.step2_box > ul > li dl dt:LAST-OF-TYPE{padding-bottom:0px;}
.step2_box > ul > li dl dd:LAST-OF-TYPE{padding-bottom:0px;}

.e_reserv_info_wrap{margin-bottom:50px;}
.e_reserv_info_wrap > h2{font-size:23px; color:#2d2d2d; margin-bottom:10px; line-height:30px; font-weight:600;}
.e_reserv_info_wrap > h2 i{line-height:30px; margin-right:3px;}
.e_reserv_info_wrap > pre{padding:8px; border:1px solid #ccc; max-height:400px; overflow:auto; border-radius:5px;}


.mro_box{display:inline-block; width:auto; vertical-align:top; }
.mro_box .step2_t1{width:100%;}

.mro_wrap{position:relative;}
.mro_wrap:NTH-OF-TYPE(3n){margin-right:0px;}

.mro_wrap .mroUom{float:right; margin-right:28px;}

.mro_wrap .mro_note_open{display:inline-block; position:absolute; top:4px; right:4px; width:16px; height:16px; font-size:16px; cursor:pointer; z-index:99; }
.mro_wrap .mro_note_box{display:none; position:absolute; width:100%; height:100%; top:0; left:0; padding:15px 20px; z-index:99; background-color:#fff;}
.mro_wrap .mro_note_box div{width:100%; height:80px; overflow:auto; font-size:12px; color:#333;}
.mro_wrap .mro_note_box .mro_note_close{display:inline-block; position:absolute; top:4px; right:4px; width:16px; height:16px; font-size:16px; cursor:pointer; }


.edu_list_wrap {
	width:100%; position:relative;
}
.tit_st1 {
	margin-bottom:15px; color: #1c1c1c; font-size: 27px; 
}

.tit_st1_r:before {
	background:#df3128; 
}
.tit_st1_p:before {
	background:#683185; 
}
.tit_st2 {
	font-size: 23px; color: #1c1c1c; margin-bottom: 10px; line-height: 30px;
}
.tit_st2_1 {
	
}
.tit_st2_2 {
	
}
.tit_st2_3 {
	border-bottom:1px solid #d9d9d9; padding-bottom: 10px; margin-bottom: 20px; font-weight: 600;
}
.tit_st2_4 {
	 border-bottom:1px solid #d9d9d9; padding-bottom: 10px; margin-bottom: 20px;
}
.back_red {
	background:#df3128;
}
.back_yellow {
	background:#e69b00;
}
.back_purple {
	background:#683185;
}
.edu_list_top {
	position:absolute; right:0; top:30px; 
}
.edu_list_top span {
	display: inline-block; width: 39px; line-height: 22px; color: #fff; font-size: 12px; text-align: center; margin-left: 2px;
}
/* .edu_list_wrap ul {
	width: 100%; margin:0;overflow: auto;
}
.edu_list_wrap ul li {
	width: 48%; margin:0 4% 4% 0; float: left;
}
.edu_list_wrap ul li:NTH-OF-TYPE(2n) {
	margin-right: 0;
}

.edu_list_wrap ul li.edu_list_box_g {
	border-top:2px solid #1c1c1c;
}
.edu_list_wrap ul li.edu_list_box_y {
	border-top:2px solid #1c1c1c;
}
.edu_list_wrap ul li.edu_list_box_r {
	border-top:2px solid #1c1c1c;
}
.edu_list_wrap ul li.edu_list_box_p {
	border-top:2px solid #1c1c1c;
}
.edu_list_wrap ul li p {
	color: #161616; font-size: 18px; padding:20px 0 15px 0; cursor: pointer;
}
.edu_list_wrap ul li p:hover {
	font-weight: 500;
}
.edu_list_wrap ul li p span {
	display: inline-block; padding:4px 6px; color: #fff; font-size: 12px; text-align: center; margin-right: 5px; font-weight: 500;
}
.edu_list_wrap ul li.edu_list_box_r p span {
	background:#1c1c1c;
}
.edu_list_wrap ul li.edu_list_box_p p span {
	background:#1c1c1c;
}
.edu_list_wrap ul li.edu_list_box_y p span {
	background:#1c1c1c;
}
.edu_list_wrap ul li.edu_list_box_g p span {
	background:#1c1c1c;
}
.edu_list_wrap ul li dl {
	background:#f7f7f7; padding:10px 20px 10px 20px; overflow: hidden; border-bottom:1px solid #dadada; height:auto;
}
.edu_list_wrap ul li dl dt {
	float: left; width: 66px; padding-bottom:8px; font-weight: 500; color: #161616;
}
.edu_list_wrap ul li dl dd {
	float: left; width:calc( 100% - 66px ); padding-bottom:8px;
}
.edu_list_wrap ul li.edu_list_box_r dl dd span {
	color:#df3128; font-weight: 600;
}
.edu_list_wrap ul li.edu_list_box_p dl dd span {
	color:#683185; font-weight: 600;
}
 */
.fac_list_wrap ul {
	width:100%; margin:0; overflow: auto;
}
.fac_list_wrap.box_3n ul li h5 {
	text-align: center; width: 100%; margin: -10px 0 15px 0;
}
.fac_list_wrap ul li > div {
	background:#f7f7f7; padding:10px; overflow: auto;
}
.fac_list_wrap ul li div img {
	float:left; width:130px; height:120px;
}

.fac_list_wrap ul li div dl {
	overflow: hidden; width: calc(100% - 130px); float:right; margin-top: 5px; font-size:12px; padding-left: 10px;
}
.fac_list_wrap ul li div dl dt {
	float: left; width:50px; padding-bottom:10px; font-weight: 600; color: #161616; position:relative; margin-right:5px;
}
.fac_list_wrap ul li div dl dt::AFTER{
	content:":"; position: absolute; right:0;
}
.fac_list_wrap ul li div dl dd {
	float: left; width: calc(100% - 55px); padding-bottom:10px; min-height:25px;
}
.fac_list_wrap ul li div a {
	text-align: center; display:inline-block;  line-height:20px; background: #1c1c1c; color: #fff; font-size:14px; float:left; padding: 5px 12px; margin-top: 15px;
}
.fac_list_wrap ul li div a.facReservStatus {
	 margin: 15px 5px 0 10px;
}
/*** 회원가입 ***/
.join_step_wrap {
	width: 100%; overflow: auto; margin-bottom: 50px;
}
.join_step_wrap li {
	float:left; width:220px; margin-left:7px; text-align: center; padding-top: 60px; color:#6f6f6f; font-size: 15px;
}
.join_step_wrap li:first-child {
	margin-left:0px; width: 219px;
}
.join_step_wrap li.join_step1 {
	background:url('/resources/images/gist/sub/join_s1_1.gif') 0 0 no-repeat;
}
.join_step_wrap li.join_step2 {
	background:url('/resources/images/gist/sub/join_s2_1.gif') 0 0 no-repeat;
}
.join_step_wrap li.join_step3 {
	background:url('/resources/images/gist/sub/join_s3_1.gif') 0 0 no-repeat;
}
.join_step_wrap li.join_step4 {
	background:url('/resources/images/gist/sub/join_s4_1.gif') 0 0 no-repeat;
}
.join_step_wrap li.join_step1_on {
	background:url('/resources/images/gist/sub/join_s1_2.gif') 0 0 no-repeat; 
}
.join_step_wrap li.join_step2_on {
	background:url('/resources/images/gist/sub/join_s2_2.gif') 0 0 no-repeat; 
}
.join_step_wrap li.join_step3_on {
	background:url('/resources/images/gist/sub/join_s3_2.gif') 0 0 no-repeat; 
}
.join_step_wrap li.join_step4_on {
	background:url('/resources/images/gist/sub/join_s4_2.gif') 0 0 no-repeat; 
}
.join_step1_on, .join_step2_on, .join_step3_on, .join_step4_on {
	color:#000 !important; font-weight: 500;
}

.join_prov_wrap {
	width:100%; height:350px; border-top:3px solid #000; background:#f6f6f6; padding:20px 30px 30px 30px; box-sizing: border-box;margin-bottom:30px;
}
.join_prov_wrap .join_prov_box {
	 background:#fff; overflow-y:scroll; padding:15px; box-sizing: border-box; height: 260px;
}

.join_prov_box {
	line-height: 20px;
}
.join_prov_box ul.ui li {
	margin-bottom:30px;
}
.join_prov_box ul.ui div.item {
	/*color:#df3128; font-size: 15px; margin-bottom:15px;*/
	color:#000; font-size: 15px; margin-bottom:15px;
}

.join_check_box{
	width:1px; height:1px; padding:0; border:0 none; margin:0; position:absolute; left:0; overflow:hidden; clip:rect(0 0 0 0); z-index: -1;
}
.join_check_label{
	display:inline-block; background:url(/resources/images/gist/sub/icon_check1_1.png) 0 center no-repeat; vertical-align:middle; cursor:pointer; color:#242424;
	font-size:15px; padding-left: 30px; line-height:24px; margin-bottom: 10px;
}
.join_check_box:checked + .join_check_label{
  background:url(/resources/images/gist/sub/icon_check1_2.png) 0 center no-repeat; color:#000; font-weight: 500; 
}

.join_complete {
	background:#f6f6f6 url('/resources/images/gist/sub/join4_bg.gif') 100px 70px no-repeat !important; 
}
.join_com_box {
	width:50%; float:right;
}
.join_com_box p {
	color: #161616; font-size: 27px; font-weight: 500; margin-top:56px; line-height: 30px;
}
.join_com_box p span {
	color:#df3128;
}
.join_com_box p.join4_t {
	font-weight: normal; color:#666; font-size: 15px; margin:40px 0; line-height: 22px;
}
.join_com_box a {
	display: inline-block; text-align: center;
}


.join_quote_wrap{width:100%; height:auto; font-size:0;}
.join_quote_wrap .titie_st1{background:url(/resources/images/gist/sub/icon_check1_2.png) 0 center no-repeat; color:#000; font-weight:500; font-size:16px; padding-left:35px; margin-bottom:10px; height:24px; line-height:24px;}
.join_quote_wrap .quote_box{display:inline-block; width:49.5%; border-top:3px solid #000; background-color:#f6f6f6; padding:20px;}
.join_quote_wrap .quote_box .tt{font-size:20px; font-weight:600; display:inline-block; margin-bottom:20px;}
.join_quote_wrap .quote_box .tt i{vertical-align:middle; margin-right:5px;}
.join_quote_wrap .quote_box > p{font-size:13px; margin-bottom:35px; text-align:left;}
.join_quote_wrap .quote_box > div{}
.join_quote_wrap .quote_box > div input{width:200px; height:40px; line-height:40px;}
.join_quote_wrap .quote_box > div a{display:inline-block; width:100px; height:40px; line-height:40px; font-size:16px; color:#fff; background-color:#000; text-align:center;}

.join_quote_wrap .quote_box1{margin-right:1%;}
.join_quote_wrap .quote_box3{width:100%; border:none; margin-top:8px;}
.join_quote_wrap .quote_box3 .tt{display:inline-block; margin-bottom:0; margin-right:20px; vertical-align:middle;}
.join_quote_wrap .quote_box3 > div{display:inline-block;}
.join_quote_wrap .quote_box3 > div #clock{display:none; margin-left:20px; font-size:20px; vertical-align:middle;}
.join_quote_wrap .quote_box3 > div #clock.active{display:inline-block; }


.tb_st1 {
	width:100%; border-top: 1px solid #666;
}
.tb_st1 th:first-child, .tb_st1 td:first-child {
    border-left: none;
}
.tb_st1 thead th {
    color: #333; background: #fafafa;
}
.tb_st1 th, .tb_st1 td {
    padding: 10px 15px;  border-left: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-left: -1px; vertical-align: middle; word-wrap: break-word; word-break: keep-all;
}

table.t_center tr, table.t_center td {
	text-align:center !important; padding-left:0px !important;
}

.tour_wrap .fileList{display:none;}

.tour_wrap .tour_notice{text-align: left; font-size: 20px; margin-bottom: 25px; font-weight: 500;}

.tour_wrap ul {
	overflow:hidden; margin-bottom: 70px;
}
.tour_wrap ul li {
	position: relative;
}
.tour_wrap ul li.tour_img {
	background: url(/resources/images/gist/sub/img_bg.jpg) 0 0 no-repeat; padding: 5px 0 0 5px; float:left; 
}
.tour_wrap ul li.tour_img img {
    width: 350px; height: 233px;
}
.tour_wrap ul li.tour_list {
    float: right;  width:500px;
}
.tour_wrap ul li.tour_list h5 {
    font-size: 33px;  color: #df3128;
}
.tour_wrap ul li.tour_list p {
    font-size: 15px; color: #666; margin:12px 0; height: 55px; line-height: 20px;
}
.tour_wrap ul li.tour_list dl {
    background:#f7f7f7; width:100%; font-size: 15px; padding:20px 20px 13px 20px; box-sizing:border-box; overflow: auto;
}
.tour_wrap ul li.tour_list dl dt {
    float: left; padding-bottom: 7px; color: #161616; font-weight: bold; width:85px; height:25px;
}
.tour_wrap ul li.tour_list dl dd {
    float: left; padding-bottom: 7px; width:375px; height:25px;
}
.tour_wrap ul li.tour_list a {
    position: absolute; right: 0; bottom: 0; width: 40px; height: 40px; background: #bcbcbc url(/resources/images/gist/sub/icon_tour.png) center center no-repeat; text-indent: -9999px;
}
.tour_wrap ul li.tour_list a.btn_check {
    background: #683185 url(/resources/images/gist/sub/icon_tour.png) center center no-repeat; 
}


.join_check_wrap {
	width: 100%; border-top: 3px solid #000; background: #f6f6f6 url(/resources/images/gist/sub/join2_bg.gif) 600px bottom no-repeat; padding: 50px 40px; box-sizing: border-box;
}
.join_check_wrap p {
	color: #161616; font-size: 27px; font-weight: 500; line-height: 30px;
}
.join_check_wrap p span{
	color: #000;
}
.join_check_wrap p.join2_t {
	font-weight: normal; color: #666; font-size: 15px; margin-top: 20px; line-height: 22px;
}

.join2_wrap {
	border-bottom: 1px solid #d9d9d9; padding: 50px 120px; box-sizing: border-box; overflow: auto;
}
.join2_wrap input[type="radio"]{
	width:1px; height:1px; padding:0; border:0 none; margin:0; position:absolute; left:0; overflow:hidden; clip:rect(0 0 0 0); z-index: -1;
}
.join2_wrap label {
	display:inline-block; background:url(/resources/images/gist/sub/icon_check1_1.png) 0 center no-repeat; vertical-align:middle; cursor:pointer; color:#242424;
	font-size:15px; padding-left: 30px; line-height:24px; margin-bottom: 10px; margin-right: 50px;
}
.join2_wrap input[type="radio"]:checked + label{
	background:url(/resources/images/gist/sub/icon_check1_2.png) 0 center no-repeat; color:#000; font-weight: 500; 
}
.join2_wrap div {
	width:300px; float:left; display:table-cell; vertical-align:middle; padding-top: 15px;
}
.join2_wrap div.join2_box {
	position: relative; padding-top: 0px;
}
.join2_wrap div.join2_box ul li span {
	line-height:30px; display: inline-block; width:60px; text-align:left;
}

a.btn_join_check {
	background: #000; line-height: 60px; display: inline-block; font-size: 15px; width: 70px; text-align: center; position: absolute;
	left:270px; top: 1px; color:#fff;
}
a.btn_step2 {
	background: #df3128; line-height: 30px; display: inline-block; width: 70px; text-align: center; color:#fff; margin-right:5px;
}

.id_pw_wrap li {
	float:left;
}
.id_pw_wrap li:first-child {
	margin-right:30px;
}
.id_pw_wrap li h5 {
	padding-left:65px; font-size: 19px; color:#161616; line-height: 51px; margin-bottom:10px;
}
.id_pw_wrap li h5.tt_id {
	background:url(/resources/images/gist/sub/tt_id.gif) 0 0 no-repeat;
}
.id_pw_wrap li h5.tt_pw {
	background:url(/resources/images/gist/sub/tt_pw.gif) 0 0 no-repeat;
}
.id_pw_wrap li div {
	width: 435px; box-sizing: border-box; border: 8px solid #e7e7e7; padding:30px; overflow:auto;
}
.id_pw_wrap li div label {
	margin-right:10px;
}
.id_pw_wrap li div dl {
	margin-top:10px; padding-top:20px; border-top: 1px solid #d9d9d9;  line-height:30px; 
}
.id_pw_wrap li div dl dt {
	width:60px; float:left; margin-bottom:7px;
}
.id_pw_wrap li div dl dd {
	width:299px; float:left; margin-bottom:7px;
}
.id_pw_wrap li div dl dd input {
	height:30px; line-height:30px; border: 1px solid #d9d9d9; width:190px;
}
.id_pw_wrap li div dl dd span {
	cursor: pointer; background: #737373; line-height: 30px; display: inline-block; padding:0 13px; text-align: center; color:#fff; font-size: 12px;
}

.user_id_search{display:none;text-align: center; clear:both; padding-top:10px;}
.user_id_search span{font-weight:600;}

.no_email_wrap {
	border: 3px solid #ededed; padding:50px 50px 70px 260px; display: inline-block; width:100%; background:url(/resources/images/gist/sub/icon_email.gif) 65px center no-repeat;
}
.no_email_wrap p {
	font-size: 15px; line-height:23px; margin-top: 30px;
}

.event_html {
	border: 1px solid #d9d9d9; padding:20px; margin-bottom:50px; box-sizing: border-box; width:100%;
}

.btn_location {
	background:url(/resources/images/gist/sub/icon_location.gif) 0 0 no-repeat; display: inline-block; text-indent: -9999px; width: 26px; height: 26px;
}


.fac_detail {
	border-top: 3px solid #1c1c1c; border-bottom: 2px solid #d9d9d9; padding: 30px 0;
}
.fac_detail_top {
	width: 100%; overflow: auto;
}
.fac_img_wrap {
	width:300px; float:left; text-align: center;
}
.fac_img_control  {
	display: inline-block; overflow: auto; margin-top: 15px; text-align: center;
}
.fac_img_control li {
	float:left; vertical-align: middle; line-height: 22px;
}
.fac_img_control li.imgArrow span{
	display: inline-block; cursor: pointer; width:23px; height:23px; border: 1px solid #d9d9d9; border-radius: 50%;
}
.fac_img_control li.imgArrow_l span{
	background:url(/resources/images/gist/sub/img_arrow1.gif) center center no-repeat; margin-right:20px;
}
.fac_img_control li.imgArrow_r span{
	background:url(/resources/images/gist/sub/img_arrow2.gif) center center no-repeat; margin-left:20px;
}
.fac_img_control li.imgArrow span:hover {
	border: 1px solid #df3128;
}
.fac_img_list img {
	border: 1px solid #d9d9d9;  box-sizing: border-box; width:300px; height:200px;
}


.fac_info {
	width: calc(100% - 380px); float:right;
}
.fac_info h1 {
	color:#1c1c1c; font-size:29px; margin-bottom: 20px;
}
.fac_info dl dt {
	font-size:14px; float: left; width: 100px; margin-bottom: 20px; font-weight: 600; color: #161616; line-height:15px; height:15px; position:relative;
}
.fac_info dl dt::AFTER{
	content:":"; margin-right:10px; position:absolute; right:0;
}

.fac_info dl dd {
	font-size:14px; float: left; width: calc(100% - 100px); margin-bottom: 20px; line-height:15px; height:15px;
}
.fac_info dl dd span {
	display: inline-block; margin-right: 7px;
}

.fac_detail_center {
	width:100%; padding-top:60px;
}
.fac_detail_center > ul {
	overflow: auto; width: 100%; 
}
.fac_detail_center > ul > li{
	float: left; width: 100%; box-sizing: border-box;
}


.facLocation > ul  {
	overflow: auto; width: 100%; margin-bottom: 10px;
}
.facLocation > ul > li {
	float:left; cursor: pointer; line-height:27px; width: 80px; border: 1px solid #d9d9d9;    text-align: center;
}
.facLocation > ul > li.locationImg_li  {
	margin-left:-1px;
}
.facLocation > ul > li.active  {
	background:#df3128; color:#fff; 
}
#locationImg img {
	border: 1px solid #d9d9d9; box-sizing: border-box; width: 430px; height: 287px;
}


.reserv_amount_box{width:100%; padding:10px; border:1px solid #d9d9d9; margin-top:15px; text-align:right;}
.reserv_amount_box label{vertical-align:middle; font-size:14px;}
.reserv_amount_box span{vertical-align:middle; font-size:14px;}
.reserv_amount_box > span{margin-left:5%;}
.reserv_amount_box > span .at{font-size:16px; font-weight:600;}
.reserv_amount_box > span .tat{font-size:14px;}


/**
* 장비예약 달력부분
**/
#calendar_wrap{overflow:hidden; height:auto; margin-bottom:20px;}
#d_datepicker_wrap{float:left; width:280px;}
#d_calendar_wrap{float:right; width: calc(100% - 300px);}

#d_datepicker{width:285px;}
#d_datepicker div.datepicker{border:none; width:280px; font-family:'나눔고딕', 'Nanum Gothic', 'Nanum Barun Gothic', 'NanumGothicWeb', 'NanumMyeongjoWeb', AppleGothic, sans-serif, Verdana, Arial, Helvetica, sans-serif !important}
#d_datepicker nav.datepicker--nav{border:none; height:44px; justify-content:space-evenly; -webkit-justify-content:space-evenly; padding-bottom:8px;}
#d_datepicker div.datepicker--nav-title{font-size:27px; font-weight:400;}
#d_datepicker span.prevBtn{display:inline-block; width:32px; height:32px; background:url('/resources/images/gist/sub/calen_prev.gif') center center no-repeat;}
#d_datepicker span.nextBtn{display:inline-block; width:32px; height:32px; background:url('/resources/images/gist/sub/calen_next.gif') center center no-repeat;}
#d_datepicker div.datepicker--day-name {font-size:13px; height:auto; padding:5px 0 15px 0;}
#d_datepicker div.datepicker--cell-day{font-size:13px; height:48px; padding:5px 0 15px 0;}
#d_datepicker div.datepicker--content{border:1px solid #d9d9d9; border-bottom:2px solid #d9d9d9; border-top:3px solid #000; }

#d_datepicker div.datepicker--cell.-selected-{background-color:#fff; color:#df3128; font-weight:900;}
#d_datepicker div.num_box{width:34px; height:36px; display: inline-block; border: 1px solid #737373; box-sizing:border-box; position: absolute; padding-top:18px; top: 10px; left: 3px; cursor: pointer;}
#d_datepicker div.num_box span{width:33px; height:17px; display: inline-block; box-sizing:border-box; background:#737373; color:#fff; text-align:center; font-size: 12px;}
#d_datepicker .-selected- div.num_box{border:1px solid #df3128;}
#d_datepicker .-selected- div.num_box span{background:#df3128;}



#calendar_t {height:44px;}
#calendar_t p {width:38px; line-height:38px; display:inline-block; box-sizing:border-box; background:#000; color:#fff; text-align:center; float:left; font-size: 17px; border-radius: 50%; font-weight: 500;}
#calendar_t ul {float:right; margin-top: 16px;}
#calendar_t ul li {float:left; margin-right:15px;}
#calendar_t ul li:last-child {margin-right:0;}
#calendar_t ul li span {width:13px; height:13px; display: inline-block; margin-right:5px;}
#calendar_t .c_color1{background:#d35b69;}
#calendar_t .c_color2{background:#00ca76;}
#calendar_t .c_color3{background:#72777e;}
#calendar_t .c_color4{background:#009dbe;}
#calendar_t .c_color5{background:#c243f9;}
#calendar_t .c_color6{background:#fb7634;}


#d_calendar{width:100%;}
#d_calendar .fc-toolbar{margin:0;}
#d_calendar .fc-view-container{border-top: 3px solid #000; border-bottom: 2px solid #d9d9d9;}
#d_calendar .addDate{height:28px; line-height:28px;}

#m_calendar .fc-left h2{font-size:20px; font-weight:600; margin-left:80px;}


/*** 중앙연구 기기센터 ***/
.sub_wrap .info_wrap {
	width: 100%; 
}
.sub_wrap .info_wrap h3 {
	color:#242424; margin-bottom: 50px; font-size: 27px; 
}
.sub_wrap .info_wrap h3 span {
	color:#df3128; font-weight:500; font-size: 35px; vertical-align: middle;
}
.sub_wrap .info_wrap p {
	color:#575757; margin-bottom: 15px; font-size: 15px; line-height:25px;
}
.sub_wrap .info_wrap p span {
	color:#111; font-weight:500; font-size: 15px;
}
.sub_wrap .info_wrap p.sign{
	text-align:right; margin-top:50px; font-size:17px;
}
.sub_wrap .info_wrap p.sign span{
	font-weight:600; font-size:18px; color:#111;
}
.sub_wrap .info_wrap img {
	margin-bottom: 50px;
}

.task_wrap ul li {
	width:100%; box-sizing: border-box;
}
.task_wrap .task_vision {
	padding-left: 130px; padding-top:13px; background:url('/resources/images/gist/sub/t_vision_icon.gif')0 0 no-repeat; margin-bottom: 50px; height:113px;
}
.task_wrap .task_vision h6 {
	color:#dc2816; font-weight:500; font-size: 25px; margin: 5px 0 5px 0;
}
.task_wrap .task_vision p {
	color:#242424; font-size: 15px; padding-left:12px; position:relative; line-height:25px;
}

.task_wrap .task_vision p::BEFORE{
	content:""; position:absolute; top:11px; left:0; display:inline-block; width:4px; height:4px; background-color:#df3128;
}


.task_wrap  p {
	line-height:23px;
}

.task_gcrf {
	background:url('/resources/images/gist/sub/task_gcrf.gif')0 0 no-repeat; padding-top:150px; width:100%; margin-bottom: 80px;
}
.task_gcrf ul {
	overflow: auto;
}
.task_gcrf ul li {
	float:left; width:25%; 
}
.task_gcrf ul li > span{
	display:inline-block; width:100%; text-align:center;
}
.task_gcrf ul li span {
	color:#242424; font-size: 19px; line-height: 50px; vertical-align: baseline; 
}
.task_gcrf ul li span span {
	font-size: 33px; font-weight:500;
}
.task_gcrf ul li.task_gcrf1 span span {
	color:#dc2816;
}
.task_gcrf ul li.task_gcrf2 span span {
	color:#735ec2;
}
.task_gcrf ul li.task_gcrf3 span span {
	color:#475ec3;
}
.task_gcrf ul li.task_gcrf4 span span {
	color:#29b49f;
}

.task_gcrf ul li p{
	text-align:center;
}

.task_box li {
	padding-left:200px; height:113px; margin-bottom:45px;
}
.task_box h6 {
	color:#242424; font-size: 18px; padding: 5px 0 12px 0; font-weight:bold;
}
.task_box .main_task1 {
	background:url('/resources/images/gist/sub/task_icon1.gif')0 0 no-repeat;
}
.task_box .main_task2 {
	background:url('/resources/images/gist/sub/task_icon2.gif')0 0 no-repeat;
}
.task_box .main_task3 {
	background:url('/resources/images/gist/sub/task_icon3.gif')0 0 no-repeat;
}

.organ_chart {
	height:auto; margin-bottom:50px; text-align:center; overflow: hidden; 
}
.organ_chart_t {
	overflow: hidden; position: relative;
}
.organ_chart_t li {
	width:100%; 
}
.organ_chart span {
	display: inline-block; margin: 0 auto; position: relative;
}


.organ_chart_t li span::after, .organ_chart_m > li > p::before, .organ_chart_m .chart_m2 ul li span::after {
	content: ""; position: absolute; display: inline-block; width: 2px; height: 30px; background: #d5d3d3; bottom: -30px; left: 50%; margin-left: -1px;
}

.organ_chart_t .chart_t1 span {
	width: 120px; line-height: 104px; border: 8px solid #df3128; border-radius: 50%; font-size: 21px; color:#111; font-weight: 600;
}
.organ_chart_t .chart_t1 span::after  {
	bottom: -38px;
}

.organ_chart_t .chart_t2 span {
	width: 150px; line-height: 50px; border-radius: 30px; font-size: 17px; color:#fff; font-weight: 500; margin: 30px 0; background: #3d4452;
}

.organ_chart_t .chart_t3 span, .organ_chart_t .chart_t4 span, .organ_chart_m > li > p {
	width: 150px; line-height: 45px; font-size: 17px; color:#fff; font-weight: 500; margin-bottom: 30px; 
}
.organ_chart_t .chart_t3 span {
	background: #797b82; margin-bottom: 80px; 
}
.organ_chart_t .chart_t3 span::after {
	height: 60px; bottom: -60px;
}

.organ_chart_t .chart_t4 span {
	position: absolute; right: 100px; bottom: 40px; background: #2f851b; margin-bottom: 0;
}
.organ_chart_t .chart_t4 span::before {
	content: ""; position: absolute; display: inline-block; width: 200px; height: 2px; background: #d5d3d3; bottom: 50%; left: -200px; margin-bottom: -1px;
}


.organ_chart_m {
	width: 100%; text-align: center; position: relative; height: 100%;
}
.organ_chart_m::before, .organ_chart_m .chart_m1 ul::before, .organ_chart_m .chart_m2 ul::before {
	content: ""; position: absolute; display: inline-block; height: 2px; background: #d5d3d3; 
}
.organ_chart_m::before {
	width: 654px; top: -20px; left: 156px;
}

.organ_chart_m > li {
	float: left; width: 424px; 
}
.organ_chart_m > li:first-child {
	width: 312px; 
}
.organ_chart_m > li:last-child {
	width: auto;
}

.organ_chart_m > li > p {
	background: #dc2816; display: inline-block; position: relative; 
}
.organ_chart_m > li > p::after {
	content: ""; position: absolute; display: inline-block; width: 2px; height: 20px; background: #d5d3d3; top: -20px; left: 50%; margin-left: -1px;
}

.organ_chart_m li  {
	float: left;
}
.organ_chart_m li ul {
	position: relative; 
}
.organ_chart_m li ul li span {
	width: 100%; line-height: 37px; background: #eee; font-size: 15px; 
}


.organ_chart_m .chart_m1 ul li {
	width: 100px; margin: 0 2px 4px 2px; position: relative;
}
.organ_chart_m .chart_m1 ul li:nth-child(4) {
	margin-left: 50px;
}
.organ_chart_m .chart_m1 ul::before {
	width: 207px; top: -15px; left: 52px;
}
.organ_chart_m .chart_m1 ul li:nth-child(1)::after, .organ_chart_m .chart_m1 ul li:nth-child(3)::after, .organ_chart_m .chart_m2 ul li::after {
	content: ""; position: absolute; display: inline-block; width: 2px; height: 15px; background: #d5d3d3; top: -15px; left: 50%; margin-left: -1px;
}
.organ_chart_m > li.chart_m2 > p::before {
	height: 17px; bottom: -17px;
}
.organ_chart_m .chart_m2 > ul::before {
	width: 212px; top: -15px; left: 105px;
}
.organ_chart_m .chart_m2 ul li {
	width: 208px; margin: 0 2px; position: relative;
}
.organ_chart_m .chart_m2 ul li span {
	width: 100px; margin-bottom: 30px; position: relative;
}
.organ_chart_m .chart_m2 ul li span::after {
	height: 17px; bottom: -17px;
}
.organ_chart_m .chart_m2 ul li ul::before{
	width: 106px; top: -15px; left: 51px;
}
.organ_chart_m .chart_m2 ul li ul li {
	width: 100px; margin: 0 2px; line-height: 33px; border: 2px solid #d5d3d3; font-size: 13px;
}


.organ_chart_m > li.chart_m3 > p::before {
	display: none;
}

.organ_table {
	width: 100%; border-top: 2px solid #333; table-layout: fixed; border-collapse: collapse; text-align: center; 
}
.organ_table th, .organ_table td {
    word-wrap: break-word; word-break: keep-all; padding: 10px 5px; margin-left: -1px; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;
}
.organ_table th {
	background: #f9f9f9; color: #111; font-weight: 500; font-size: 15px;
}
.organ_table td {
	font-size: 14px;
}
.organ_table th:last-child, .organ_table td:last-child {
	border-right: none;
}



.floor_wrap {
	background:url('/resources/images/gist/sub/floor_bg.jpg') 0 0 no-repeat; width:100%; height:1183px;
}
.floor_wrap ul li {
	float: left; width:440px; text-align:center;
}  
.floor_wrap ul li.floor_1, .floor_wrap ul li.floor_3 {
	margin-right:20px;
}  
.floor_wrap ul li.floor_csg {
	width:100%;
}
.floor_wrap ul li p {
	line-height: 40px; font-size: 17px; color:#111; font-weight: 500;
}  
.floor_wrap ul li span {
	line-height: 53px; font-size: 15px; margin-bottom:308px; display: inline-block; font-weight: 500;
}  
.floor_wrap ul li.floor_1 span {
	color:#ee5926;
}
.floor_wrap ul li.floor_2 span {
	color:#788b16;
}
.floor_wrap ul li.floor_3 span {
	color:#197e97;
}
.floor_wrap ul li.floor_4 span {
	color:#d3446a;
}
.floor_wrap ul li.floor_csg span {
	color:#2659b1;
}

.location_wrap {
	width:100%; border: 1px solid #ccc; margin-bottom: 50px;
}
.location_box {
	width:100%; height: auto; position: relative; border-top: 1px solid #ccc; padding: 20px;
}
.location_box p {
	padding: 5px 0 12px 0; color: #111; font-size: 17px;
}
.location_box > ul {
	overflow: hidden;
}
.location_box > ul:first-child {
	border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px;
}
.location_box > ul > li {
	float: left; width: 150px;
}
.location_box > ul > li:first-child {
	width: calc(100% - 150px);
}
.location_box ul li ul li {
	float: left; padding-left: 25px; background: url('/resources/images/gist/sub/map_icon3.gif') 0 center no-repeat; line-height: 20px; font-size: 15px;
}
.location_box ul li ul li:first-child {
	background: url('/resources/images/gist/sub/map_icon2.gif') 0 center no-repeat; margin-right: 20px;
}
.location_box a {
	width:150px; height:60px; line-height:60px; background: #1c1c1c url('/resources/images/gist/sub/map_icon1.png') 28px center no-repeat; color: #fff;
	font-size: 19px; padding-left: 65px; display: inline-block; 
}

.location_con div {
	padding-left: 185px; position: relative;
}
.location_con div h5 {
	position: absolute; line-height: 23px; color: #fff; font-size: 19px;  text-align: center; left: 0; width: 150px; top: 98px;
}
.location_con div h6 {
	padding-bottom: 15px; color: #111; font-size: 17px; font-weight: 500;
}
.location_con div p {
	padding-bottom: 5px; color: #666; font-size: 13px; line-height: 20px;
}
.location_con div p span {
	color: #111; font-weight: 500;
}
.location_con div dl {
    height: 20px; margin-bottom: 40px;
}
.location_con div dl dt {
	float:left; font-weight: 500; color:#df3128;
}
.location_con div dl dd {
	float:left; padding:0 25px 0 5px;
}
.location_con .location_car {
	background: url('/resources/images/gist/sub/map_icon4.gif') 0 0 no-repeat;
}
.location_con .location_air {
	background: url('/resources/images/gist/sub/map_icon5.gif') 0 0 no-repeat; height: 162px;
}
.location_con .location_bus {
	background: url('/resources/images/gist/sub/map_icon6.gif') 0 0 no-repeat;
}
.location_con span.location_line {
	margin: 50px 0; display: inline-block; height: 1px; width: 100%; background: #d9d9d9;
}

.t_location{
	border-collapse: collapse; border-top:2px solid #df3128; width:100%;
}
.t_location tr th{
	text-align:center; font-weight:600; font-size:13px; border: 1px solid #ccc; padding:10px; background-color:#fafafa;
}
.t_location tr td{
	text-align:center; font-weight:500; font-size:12px; border: 1px solid #ccc; padding:10px; line-height:20px;
}

.t_location tr td i{
 	display:inline-block; width:3px; height:3px; background-color:#df3128; border-radius:50%; margin-right:5px;
}

.t_location tr th:FIRST-OF-TYPE{border-left:none;}
.t_location tr th:LAST-OF-TYPE{border-right:none;}
.t_location tr td:FIRST-OF-TYPE{border-left:none;}
.t_location tr td:LAST-OF-TYPE{border-right:none;}

.location_map_img_box{overflow:hidden; position:relative; width:900px; height:650px;}
.location_map_img_box ul{position:absolute; top:15px; right:15px; display:table; border-collapse:collapse; width:270px;}
.location_map_img_box ul li{display:table-cell; width:50%; padding:10px 0; border:1px solid #ccc; background-color:#fff; color:#333; cursor:pointer; text-align:center; font-size:11px;}
.location_map_img_box ul li.on{background-color:#df3128; color:#fff; cursor:default;}
.location_map_img_box img{display:none;}
.location_map_img_box img.on{display:inline-block;}




.map_center {
/* 	background: url('/resources/images/gist/sub/map_img.jpg') 0 0 no-repeat; */ width:100%; height:580px; position: relative; 
}
.map_center p {
	position: absolute; line-height: 30px; color: #fff; font-size: 14px;
}
.map_center p.map_w14 {
	top: 59px; left: 156px;
}
.map_center p.map_c11 {
	top: 260px; right: 54px;
}
.map_center p span {
	display: inline-block; color: #dc2816; width: 30px; text-align:center; margin-right:5px; font-size: 12px; font-weight: bold; letter-spacing:-1px;
}

.preparing_box {
	background:url('/resources/images/gist/sub/preparing_bg.gif') 0 0 no-repeat; width:100%; height:350px;
}
.preparing_box div {
	width:480px; float:right; text-align:center;
}
.preparing_box div p {
	font-size: 15px; color:#575757; line-height: 25px;
}
.preparing_box div p.tt {
	font-size: 29px; color:#df3128; padding:140px 0 30px 0;
}

.table_st1 {width:100%; border-top: 2px solid #df3128; table-layout: fixed; margin-bottom:10px; border-collapse: collapse;}
.table_st1 th {background:#f9f9f9; color:#161616; text-align:center; font-weight: 500; min-height:46px;}
.table_st1 th, .table_st1 td {word-wrap: break-word; word-break: keep-all; padding:12px 0; margin-left: -1px; border-left: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}
.table_st1 td {padding-left:10px; min-height:46px;}
.table_st1 tr td:first-child, 
.table_st1 tr th:first-child {border-left: none;}

.table_st1.organ_table tbody tr td{border-left:1px solid #d2d2d2; line-height:18px; }
.table_st1.organ_table tbody tr td:NTH-LAST-OF-TYPE(5){border-left:none;}

.tab_st1 {
	width:100%; margin-bottom:20px; overflow: hidden;
}
.tab_st1 ul li {
	float:left;
}
.tab_st1 ul li:first-child {
	border-left: 1px solid #d9d9d9;
}
.tab_st1 ul li a {
	display: inline-block; width:100%; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;
	background: #f9f9f9; height: 52px; line-height: 52px; text-align:center; font-size: 17px; color:#888; 
}
.tab_st1 ul li.active a {
	border-top: 2px solid #df3128; border-bottom: 1px solid #fff; background: #fff; color:#111; font-weight: 500;
}

.tab_n2 ul li {
	width:50%;
}
.tab_n3 ul li {
	width:300px;
}
.tab_n4 ul li {
	width:25%;
}
.tab_n5 ul li {
	width:20%;
}




.scrollHeader {position: fixed; left: 0px; top:115px; width: 100%; height:61px; z-index:-1; opacity:0; background:#f4f8fa; padding: 10px 0 10px 0; text-align: center; border-bottom: 1px solid #696969;transition : all 0.4s;}
.scrollHeader.on{opacity:1; z-index:900;overflow:visible;}
.scrollHeader .input_st1{height:40px; line-height:40px;}
.scrollHeader .btn_search{line-height:40px;}
.scrollHeader.on #search_list_on{
    width: 340px;
    border: 1px solid #d9d9d9;
    border-top: none;
    box-sizing: border-box;
    font-size: 15px;
    color: #777;
    margin-right: 103px;
    background: rgb(255, 255, 255);
    display: inline-block
}

.scrollHeader.on #search_list_on p{
	font-size:15px;    
	padding: 10px;  
	height: 60px; 
	line-height: 35px;
	text-align: left;
}
.scrollHeader.on #search_list_on p:hover{
	cursor: pointer; 
	background-color: #eaeff5;
	color: black;
}




.btn_move_top{font-size:50px; color:#dc2816; position:fixed; bottom:180px; right:calc((100% - 1400px) / 2); cursor:pointer; opacity:0; z-index:-1; transition : opacity 0.3s;}
.btn_move_top.on{z-index:1000; opacity:1;}




.preemptive_countdown{float:right;}
.preemptive_countdown > span:FIRST-OF-TYPE{font-weight:600; font-size:18px; margin-right:5px; vertical-align:middle;}
.preemptive_countdown > span:LAST-OF-TYPE{font-weight:600; font-size:18px; margin-left:5px; vertical-align:middle;}



.fac_list_wrap ul li.facil_not_search{width:860px; font-size:25px; font-weight:600; padding:25px 0; text-align:center;}
.fac_list_wrap ul li.facil_not_search i{margin-right:10px;}




.equipOverlapTxt{margin-bottom:10px; text-align:right; display:none; font-size:18px; font-weight:600;}
.equipOverlapTxt i{margin-right:5px; font-size:15px;}







/**
* 견적서 
*/
.equip_oper_list_wrap{width:100%; padding:10px; text-align:center; border:1px solid #d9d9d9; text-align:center; position:absolute; top:410px; left:0px; z-index:1; background-color:#fff; display:none;}
.equip_oper_list_wrap li{display:inline-block; line-height:35px; padding:0px 15px; background:#e9e9e9; border-radius:5px; cursor:pointer; margin:3px;}
.equip_oper_list_wrap li:not(.active):hover{text-decoration: underline;}
.equip_oper_list_wrap li.active{background:#000; color:#fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.15); font-weight:500; cursor:default;}


#equip_estimate_detail_wrap{margin-top:20px;}

.estimate_charge_comment{width:100%; font-size: 16px; line-height:24px; position:relative; padding-left:30px;}
.estimate_charge_comment span{font-weight:600;}
.estimate_charge_comment i{position:absolute; top:3px; left:0; font-size:20px;}

.estimate_data_wrap{overflow:hidden; padding:10px; border:1px solid #d9d9d9; margin-top:10px;}
.estimate_data_wrap li{float:left; margin-right:30px;}
.estimate_data_wrap li:LAST-OF-TYPE {margin-right:0px;}
.estimate_data_wrap li label{margin-right:20px;}
.estimate_data_wrap li label:LAST-OF-TYPE {margin-right:5px;}
.estimate_data_wrap li select{width:120px;}

#estimate_amount{margin-top:5px; text-align:right; font-size:16px;}

.estimate_info_comment{width:100%; font-size:15px; padding:10px; border:1px solid #d9d9d9; margin:20px 0; line-height:22px;}
.estimate_info_comment span{color:#bd2118; font-weight:600;}




/**
* 이용권한
**/
#equip_auth_receive_wrap .n_font{color:red;}
#equip_auth_receive_wrap .y_font{color:green;}

#use_edu_list_wrap{}
#use_edu_list_wrap li{margin-top:30px; position:relative;}
#use_edu_list_wrap .edu_title{font-size:15px; font-weight:600; color:#333; margin-bottom:10px;}
#use_edu_list_wrap .status_str{position:absolute; top:-5px; right:0; cursor:default;}
#use_edu_list_wrap .btnEduReceive{margin-top:10px; border-radius:25px;}
#use_edu_list_wrap .edu_txt{text-align: left; font-size:13px;}
#use_edu_list_wrap .t_gray th,
#use_edu_list_wrap .t_gray td{line-height:15px; font-size:12px; text-align:center;}

#pre_edu_wrap{display:none; margin-top:40px;}
#pre_edu_wrap .t_gray th,
#pre_edu_wrap .t_gray td{line-height:15px; font-size:12px; text-align:center;}

#equip_auth_receive_edu_wrap .b_title{margin-top:40px;}
#equip_auth_receive_edu_wrap .b_title:FIRST-OF-TYPE {margin-top:0px;}

#equip_auth_receive_edu_wrap #calendar_color{margin-top:15px; float:right; margin-top:-30px;}
#equip_auth_receive_edu_wrap #calendar_color dt{float:left; width:15px; height:15px; margin:2px 2px 0 20px;}
#equip_auth_receive_edu_wrap #calendar_color dd{float:left; margin-top:2px; font-weight:600;}

#equip_auth_receive_edu_wrap .bg-01{background-color:#ff6a30;} /* 신청 */
#equip_auth_receive_edu_wrap .bg-02{background-color:#ffc800;} /* 승인 */

#equip_auth_receive_edu_wrap .btn_box1{margin-top:10px;}
#equip_auth_receive_edu_wrap .fc-toolbar{height:30px;}
#equip_auth_receive_edu_wrap .fc-center h2{font-size:18px;}



/**
* 교육
**/

/*
#event_tab{width:100%; overflow:hidden; margin-bottom:30px;}
#event_tab li{width:50%; float:left; text-align:center; border:1px solid #df3128; border-left:none; cursor:pointer;}
#event_tab li:FIRST-OF-TYPE{border-left:1px solid #df3128;}
#event_tab li a{color:#333; font-weight: 500; display: inline-block; padding:12px 0; font-size:15px;}
#event_tab li.on{background-color:#df3128;}
#event_tab li.on a{color: #fff; padding-right: 25px;}
*/


.t_event .status_btn{display: inline-block; width: 70px; height: 20px; line-height: 20px; color: #fff;}
.t_event .status_btn4{background-color: #683185;}
.t_event .status_btn3{background-color: #787878;}
.t_event .status_btn2{background-color: #4d4dff;}
.t_event .status_btn1{background-color: #e36565;}
.t_event .event_detail{cursor:pointer; text-align:left;}

.event_pre_tit{font-size:15px; font-weight:600; color:#333; margin:30px 0 10px 0;}
.event_pre_tit span{font-size:12px; float:right;}

#Accepting .not_search{width:100%; font-size:20px; text-align:center; margin:20px 0; padding:20px 0; border-top:1px solid #d9d9d9; float:none;}

.eventDetailWrap .teh_list li{margin-bottom:8px;}
.eventDetailWrap .teh_list li:LAST-OF-TYPE{margin-bottom:0px;}
.eventDetailWrap .teh_list li span{margin-right:20px;}

/**
* 이용안내 - 장비이용안내
**/
.use_guide_wrap{}

.use_guide_wrap .use_tab{width:100%; margin-bottom:30px; overflow:hidden;}
.use_guide_wrap .use_tab li{float:left; width:50%; padding:16px; border:1px solid #ccc; color:#666; font-size:18px; font-weight:400; background-color:#fff; cursor:pointer; text-align:center;}
.use_guide_wrap .use_tab li:FIRST-OF-TYPE{border-right:none;}
.use_guide_wrap .use_tab li.on{color:#fff; background-color:#df3128; cursor:default;}

.use_guide_wrap .use_step{width:100%; margin:40px 0; overflow:hidden;}
.use_guide_wrap .use_step li{float:left; width:16.66%;}
.use_guide_wrap .use_step li > div{width:130px; height: 70px; margin:0 auto 15px auto; background-position:center center; background-repeat:no-repeat;}
.use_guide_wrap .use_step li:NTH-OF-TYPE(1) > div{background-image:url("/resources/images/gist/sub/ico_use_01.png");}
.use_guide_wrap .use_step li:NTH-OF-TYPE(2) > div{background-image:url("/resources/images/gist/sub/ico_use_02.png");}
.use_guide_wrap .use_step li:NTH-OF-TYPE(3) > div{background-image:url("/resources/images/gist/sub/ico_use_03.png"); background-position: 40px center;}
.use_guide_wrap .use_step li:NTH-OF-TYPE(4) > div{background-image:url("/resources/images/gist/sub/ico_use_04.png");}
.use_guide_wrap .use_step li:NTH-OF-TYPE(5) > div{background-image:url("/resources/images/gist/sub/ico_use_05.png");}
.use_guide_wrap .use_step li:NTH-OF-TYPE(6) > div{background-image:url("/resources/images/gist/sub/ico_use_06.png");}
.use_guide_wrap .use_step li > p{font-size:15px; font-weight:600; text-align:center;}


.use_guide_wrap .use_info{width:100%; overflow:hidden;}
.use_guide_wrap .use_info dl{width:100%; overflow:hidden; display:table; border-collapse:collapse;}
.use_guide_wrap .use_info dl dt{display:table-cell; vertical-align:middle; width:20%; background-color:#1c1c1c; padding:30px 15px; border:1px solid #d9d9d9; font-size:15px; font-weight:600; text-align:center; color:#fff;}
.use_guide_wrap .use_info dl dd{display:table-cell; vertical-align:middle; width:80%; background-color:#fff; padding:30px 15px; border:1px solid #d9d9d9; font-size:13px; font-weight:400; text-align:left; color:#666;}
.use_guide_wrap .use_info dl dd p{line-height:18px; margin-bottom:10px; position:relative; padding-left:12px;}
.use_guide_wrap .use_info dl dd p::AFTER{content:""; position:absolute; top:7px; left:0; display:inline-block; width:4px; height:4px; background-color:#1c1c1c;}
.use_guide_wrap .use_info dl dd p:LAST-OF-TYPE{margin-bottom:0px;}
.use_guide_wrap .use_info dl dd p span{display:block; font-size:13px; font-weight:400; margin-top:5px;}


.guide_equipUsage .equipName {
	cursor: pointer;
	display: inline-block;
}
.guide_equipUsage .equipName:hover {
	color: #dc2816; 
}

/**
* 이용안내 - 회원가입 안내
**/
.userJoin_guide_wrap{}
.userJoin_guide_wrap .userJoin_step{margin-top:20px;}
.userJoin_guide_wrap .userJoin_step > ul{width:100%; border:1px solid #d9d9d9;}
.userJoin_guide_wrap .userJoin_step > ul > li{border-bottom:1px solid #d9d9d9;}
.userJoin_guide_wrap .userJoin_step > ul > li:NTH-OF-TYPE(1){height:90px; padding:15px 25px; background-color:#f9f9f9; line-height:60px; font-size:20px; font-weight:600; color:#414958;}
.userJoin_guide_wrap .userJoin_step > ul > li:NTH-OF-TYPE(1) span{display:inline-block; width:60px; height:60px; background-color:#3d4452; background-position:center center; background-repeat:no-repeat; border-radius:50%; margin-right:20px;}
.userJoin_guide_wrap .userJoin_step > ul > li:NTH-OF-TYPE(2){border-bottom:none;}
.userJoin_guide_wrap .userJoin_step > ul > li:NTH-OF-TYPE(2) img{width:100%; height:auto; cursor:pointer;}
.userJoin_guide_wrap .userJoin_step > ul > li:NTH-OF-TYPE(3){height:auto; padding:20px 10px 20px 25px;}
.userJoin_guide_wrap .userJoin_step > ul > li:NTH-OF-TYPE(3) p{line-height:22px; margin-bottom:10px; position:relative; padding-left:12px; font-size:15px;}
.userJoin_guide_wrap .userJoin_step > ul > li:NTH-OF-TYPE(3) p::BEFORE {content:""; position:absolute; top:9px; left:0; display:inline-block; width:4px; height:4px; background-color:#df3128;}
.userJoin_guide_wrap .userJoin_step > ul > li:NTH-OF-TYPE(3) p:LAST-OF-TYPE{margin-bottom:0px;}

.userJoin_guide_wrap .out_step > ul > li:NTH-OF-TYPE(1){background-color:#eaf4fa;}

.userJoin_guide_wrap .in_step > ul:NTH-OF-TYPE(1) li:NTH-OF-TYPE(1) span{background-image:url("/resources/images/gist/sub/ico_join_01.png");}
.userJoin_guide_wrap .in_step > ul:NTH-OF-TYPE(2) li:NTH-OF-TYPE(1) span{background-image:url("/resources/images/gist/sub/ico_join_02.png");}
.userJoin_guide_wrap .in_step > ul:NTH-OF-TYPE(3) li:NTH-OF-TYPE(1) span{background-image:url("/resources/images/gist/sub/ico_join_03.png");}
.userJoin_guide_wrap .in_step > ul:NTH-OF-TYPE(4) li:NTH-OF-TYPE(1) span{background-image:url("/resources/images/gist/sub/ico_join_04.png");}
.userJoin_guide_wrap .in_step > ul:NTH-OF-TYPE(5) li:NTH-OF-TYPE(1) span{background-image:url("/resources/images/gist/sub/ico_join_06.png");}

.userJoin_guide_wrap .out_step > ul:NTH-OF-TYPE(1) li:NTH-OF-TYPE(1) span{background-image:url("/resources/images/gist/sub/ico_join_01.png");}
.userJoin_guide_wrap .out_step > ul:NTH-OF-TYPE(2) li:NTH-OF-TYPE(1) span{background-image:url("/resources/images/gist/sub/ico_join_02.png");}
.userJoin_guide_wrap .out_step > ul:NTH-OF-TYPE(3) li:NTH-OF-TYPE(1) span{background-image:url("/resources/images/gist/sub/ico_join_03.png");}
.userJoin_guide_wrap .out_step > ul:NTH-OF-TYPE(4) li:NTH-OF-TYPE(1) span{background-image:url("/resources/images/gist/sub/ico_join_04.png");}
.userJoin_guide_wrap .out_step > ul:NTH-OF-TYPE(5) li:NTH-OF-TYPE(1) span{background-image:url("/resources/images/gist/sub/ico_join_05.png");}
.userJoin_guide_wrap .out_step > ul:NTH-OF-TYPE(6) li:NTH-OF-TYPE(1) span{background-image:url("/resources/images/gist/sub/ico_join_06.png");}

.userJoin_guide_wrap .join_btn{display:inline-block; padding:0 30px; width:auto; height:30px; line-height:30px; font-size:15px; border:none; border-radius:20px; background-color:#df3128; color:#fff;  cursor:pointer;}
.userJoin_guide_wrap .join_btn i{vertical-align:text-bottom;}


#joinForm td span{margin-left:5px; vertical-align:middle;}

/**
* 이용안내 - 장비 도입심의 안내
**/
.equipRfd_guide_wrap{}

.equipRfd_guide_wrap > img{margin:5px 0;}
.equipRfd_guide_wrap > div{border:1px solid #d9d9d9; background-color:#fff;}
.equipRfd_guide_wrap > div > dl{border-bottom:1px solid #d9d9d9; background-color:#f9f9f9; overflow:hidden; padding:15px 25px; }
.equipRfd_guide_wrap > div > dl > dt{float:left; width:58px; height:58px; background-color:#3d4452; background-position:center center; background-repeat:no-repeat; border-radius:50%; }
.equipRfd_guide_wrap > div > dl > dd{float:left; width:700px; margin-left:30px; font-size:20px; font-weight:600; line-height:60px; color:#414958;}

.equipRfd_guide_wrap > div:NTH-OF-TYPE(1) dt{background-image:url("/resources/images/gist/sub/ico_equip_01.png");}
.equipRfd_guide_wrap > div:NTH-OF-TYPE(2) dt{background-image:url("/resources/images/gist/sub/ico_equip_02.png");}
.equipRfd_guide_wrap > div:NTH-OF-TYPE(3) dt{background-image:url("/resources/images/gist/sub/ico_equip_03.png");}
.equipRfd_guide_wrap > div:NTH-OF-TYPE(4) dt{background-image:url("/resources/images/gist/sub/ico_equip_04.png");}
.equipRfd_guide_wrap > div:NTH-OF-TYPE(5) dt{background-image:url("/resources/images/gist/sub/ico_equip_05.png");}
.equipRfd_guide_wrap > div:NTH-OF-TYPE(6) dt{background-image:url("/resources/images/gist/sub/ico_equip_06.png");}
.equipRfd_guide_wrap > div:NTH-OF-TYPE(7) dt{background-image:url("/resources/images/gist/sub/ico_equip_07.png");}
.equipRfd_guide_wrap > div:NTH-OF-TYPE(8) dt{background-image:url("/resources/images/gist/sub/ico_equip_08.png");}
.equipRfd_guide_wrap > div:NTH-OF-TYPE(9) dt{background-image:url("/resources/images/gist/sub/ico_equip_09.png");}

.equipRfd_guide_wrap > div > p{line-height:18px; margin-bottom:10px; margin-left:25px; position:relative; padding-left:12px; font-size:15px;}
.equipRfd_guide_wrap > div > p:FIRST-OF-TYPE{margin-top:20px;}
.equipRfd_guide_wrap > div > p:LAST-OF-TYPE{margin-bottom:20px;}
.equipRfd_guide_wrap > div > p::BEFORE {content:""; position:absolute; top:7px; left:0; display:inline-block; width:4px; height:4px; background-color:#df3128;}


.floor_info_wrap{}
.floor_info_wrap div{}
.floor_info_wrap div img{}



/* 장비이용안내 */
.use_guide_wrap .use_info dl dd p.noSquare::AFTER { background-color: transparent; }

/* 시설예약 상세정보 */
.fac_detail_center .fac-html{ font-size:14px; }

/* 시설예약 팝업 p태그 줄바꿈 들여쓰기 */
.facRsData .t_form p.s_txt { text-indent: -12px; padding-left:12px; }




/********************************* 사용자 화면 테이블[장비사용요율] *************************/
.t_usage { width: 100%; border: 1px solid #d2d2d2; border-top: 2px solid #1c1c1c; table-layout:auto; border-collapse:collapse; font-size:15px; margin-bottom:40px;}
.t_usage:LAST-OF-TYPE{margin-bottom:0px;}
.t_usage th { border: 1px solid #d9d9d9; background: none repeat scroll 0 0 #f7f7f7;  text-align: center; vertical-align: middle; line-height: 20px; font-weight: bold; padding: 10px 7px; color: #1c1c1c;}
.t_usage td { border: 1px solid #d9d9d9; text-align: center; vertical-align: middle; padding: 5px; background:#fff; line-height:25px;}
.t_usage td span{font-size:13px;}

.t_usage td.table_td{padding:0; border:none;}
.t_usage td.table_td table{width:100%; font-size:13px;}
.t_usage td.table_td table th{padding:2px;}
.t_usage td.table_td table td{padding:2px;}

.t_usage td.table_td table tr:FIRST-OF-TYPE th{border-top:none;}
.t_usage td.table_td table tr:LAST-OF-TYPE td{border-bottom:none;}
.t_usage td.table_td table tr th:FIRST-OF-TYPE, .t_usage td.table_td table tr td:FIRST-OF-TYPE {border-left:none;}
.t_usage td.table_td table tr th:LAST-OF-TYPE, .t_usage td.table_td table tr td:LAST-OF-TYPE {border-right:none;}
.t_usage td.table_td table tr td[rowspan]{border-bottom:none;}


/***************** 이용약관 ***************/
.provision_service_box{}
.provision_service_box h2{font-size:15px; margin-bottom:10px;}
.provision_service_box ul{margin-bottom:40px;}
.provision_service_box ul li{margin-bottom:20px;}
.provision_service_box ul li p{font-size:13px; margin-bottom:3px;}
.provision_service_box ul li span{display:block; font-size:12px; margin-bottom:2px;}

.provision_service_box ul:LAST-OF-TYPE {margin-bottom:0px;}
.provision_service_box ul li:LAST-OF-TYPE {margin-bottom:0px;}


/***************** 견학/투어  ***************/
.checkbox_img {
    position: absolute; right: 0; bottom: 0; width: 40px; height: 40px;
}

.checkbox_img input[type="checkbox"] {   
    overflow: hidden;
    clip: rect(0 0 0 0);
}
.checkbox_img label {
    position: absolute; right: 0; bottom: 0; width: 40px; height: 40px; background: #bcbcbc url(/resources/images/gist/sub/icon_tour.png) center center no-repeat; text-indent: -9999px; cursor:pointer;
}

.checkbox_img input[type="checkbox"]:checked + label {
    background: #683185 url(/resources/images/gist/sub/icon_tour.png) center center no-repeat; 
}


.equip_rfd {
	background: url(/resources/images/gist/sub/equipRfd_bg.jpg) 0 30px no-repeat; padding-top:74px;
}
.equip_rlow {
	background: url(/resources/images/gist/sub/equipLow_bg.jpg) 0 0 no-repeat; padding-top:43px;
}
.equip_step_box {
	overflow: auto;
}
.equip_step_box .equip_step_l {
	width:48%; box-sizing:border-box; padding-left:10px; float:left;
}
.equip_step_box .equip_step_r {
	width:48%; box-sizing:border-box; padding-right:10px; float:right;
}
.equip_step_box p.equip_step_tt {
	 margin-bottom: 30px; color: #fff; font-size: 24px; width:368px; line-height:51px; font-weight:500; display:inline-block; text-align: center;
}
.equip_step_box p.equip_step_tt2 {
	 margin-bottom: 30px; color: #fff; font-size: 24px; width:368px; line-height:30px; font-weight:500; display:inline-block; text-align: center;
}
.equip_step_box .equip_step_r p.equip_step_tt {
	float:right;
}
.equip_step_box .equip_step_r p.equip_step_tt2 {
	float:right;
}
.equip_step_box div {
	overflow: auto;
}
.equip_step_box dl {
	margin-left:127px; 
}
.equip_step_box .equip_step_r dl {
	float:right; width: 260px;
}
.equip_step_box dl dt {
	color: #111; font-size: 18px; margin-bottom: 10px; line-height:24px; padding-left:12px; background: url(/resources/images/gist/sub/equip_dot.gif) 0 9px no-repeat; font-weight:500;
}
.equip_step_box dl dd {
	color: #111; font-size: 13px; margin-bottom: 5px; line-height:19px; padding-left:12px;
}
.equip_step_box dl dt span{
	font-size:13px;
}

.equip_step_box a {
	color: #111; font-size: 14px; line-height:19px; padding-left:12px; background: url(/resources/images/gist/sub/equip_arrow.png) 0 center no-repeat;
	text-decoration: underline; font-weight:500; padding-right:10px;
}

#floor_tab li:last-child span {
	display:none;
}


.info_floor_wrap {
	width:100%; margin-top:30px; display:none;
}
.info_floor_wrap.on{
	display:block;
}

.info_floor_wrap .info_box > li {
	width: 665px; float: left; 
}
.info_floor_wrap .info_box > li:first-child {
	width: calc(100% - 685px); margin-right: 20px;
}
.info_floor_wrap.info_floor_3f .info_box > li {
	width: 673px; float: left;
}
.info_floor_wrap.info_floor_3f .info_box > li:first-child {
	width: calc(100% - 693px); margin-right: 20px;
}

.info_floor_wrap .info_box > li:first-child h3, .info_floor_wrap.info_floor_csg h3 span {
	display: inline-block; font-size: 55px; color: #1c1c1c; font-weight: 800; text-decoration: underline;
}
.info_floor_wrap .info_box > li:first-child ul {
	margin-top: 50px;
}
.info_floor_wrap .info_box > li:first-child ul li {
	margin-bottom: 10px; height: 35px; line-height: 35px; padding-left: 45px; font-size: 15px; color: #1c1c1c; background-position: 0; background-repeat: no-repeat;
}
.info_floor_wrap .info_box > li:first-child ul li:nth-child(1) {
	background-image: url(/resources/images/gist/new/floor_icon1.jpg);
}
.info_floor_wrap .info_box > li:first-child ul li:nth-child(2) {
	background-image: url(/resources/images/gist/new/floor_icon2.jpg);
}
.info_floor_wrap .info_box > li:first-child ul li:nth-child(3) {
	background-image: url(/resources/images/gist/new/floor_icon3.jpg);
}
.info_floor_wrap .info_box > li:first-child ul li:nth-child(4) {
	background-image: url(/resources/images/gist/new/floor_icon4.jpg);
}

.info_floor_1f .info_floor_top {
	background: url(/resources/images/gist/new/img_floor_01_2.jpg) 0 0 no-repeat; 
}
.info_floor_2f .info_floor_top {
	background: url(/resources/images/gist/new/img_floor_02_2.jpg) 0 0 no-repeat;
}
.info_floor_3f .info_floor_top {
	background: url(/resources/images/gist/new/img_floor_03_2.jpg) 0 0 no-repeat; height: 440px;
}
.info_floor_4f .info_floor_top {
	background: url(/resources/images/gist/new/img_floor_04_2.jpg) 0 0 no-repeat; height: 440px;
}
.info_floor_csg .info_floor_top {
	background: url(/resources/images/gist/new/img_floor_05_2.jpg) 0 0 no-repeat; height: 284px;
}
.info_floor_wrap .info_box > li img {
	display: none;
}

.info_floor_top {
	width:100%; margin-bottom:16px; height: 523px; position: relative;
}
.info_floor_top ul {
	width:100%; box-sizing:border-box;
}
.info_floor_top ul li {
	float:left; font-size:14px; color:#1c1c1c; font-weight:700; cursor: pointer; display: inline-block; position: relative; text-align: center;
}
.info_floor_top ul li label {
	cursor: pointer;
}
.info_floor_top ul li:hover {
	color: #dc2816; 
}
.info_floor_top ul li:hover::after {
	content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; background: #dc2816; bottom: -3px; left: 0px;
}
.info_floor_con{
	width:100%; overflow:auto; box-sizing:border-box;
}
span.info_floor_line {
	width:100%; overflow:auto; margin:50px 0; display:inline-block; background:#ccc; height:1px;
}
.info_floor_con dl {
	width:100%; height:33px;
}
.info_floor_con dl dt {
	width: 43px; line-height:33px; font-size:15px; color:#1c1c1c; font-weight:500; float:left; position: relative;
}
.info_floor_con dl dt::after {
	content: ""; position: absolute; display: inline-block; width: 3px; height: 10px; background: #1c1c1c; top: 11px; right: 0px;
}
.info_floor_con dl dd {
	text-align:left; line-height:33px; font-size:13px; color:#222; padding-left:8px; width: calc(33.3%  - 43px); float:left;
}
.info_floor_con dl dd.t_line2 {
	line-height: 16px;
}

.info_floor_con dl.info_floor_csg dt.gray_box {
	background:#cccccc; color:#222;
}


.info_floor_wrap.info_floor_csg h3 {
	font-size: 22px; margin-bottom: 10px;
}
.info_floor_wrap.info_floor_csg h3 span {
	margin-right: 5px; vertical-align: sub;
}
.info_floor_wrap.info_floor_csg .info_box > li:first-child ul {
    margin-top: 40px;
}



#tourReservationForm .range_box > span{display:inline-block; vertical-align:middle; min-width:90%; line-height:24px;}
#tourReservationForm .range_box > span input{margin-left:5px;}

#tourReservationForm .visitor_box > span{display:inline-block; vertical-align:middle; min-width:30%; line-height:24px;}
#tourReservationForm .visitor_box > span input{margin-left:5px;}

.tour_box {
	width: 100%; overflow: auto;
}
.tour_box li {
	width: 48%; float: left; margin: 0 0 4% 0; border-top: 2px solid #1c1c1c; border-bottom: 1px solid #dadada; padding-top: 40px;
}
.tour_box li:nth-child(odd) {
	margin: 0 4% 4% 0;
}
.tour_box li.tour_box1 {
	background: url(/resources/images/gist/sub/tour_icon1.gif) center 18px no-repeat;
}
.tour_box li.tour_box2 {
	background: url(/resources/images/gist/sub/tour_icon2.gif) center 18px no-repeat;
}
.tour_box li h5 {
	padding:20px 0; color: #161616; font-size: 22px; text-align: center;
}
.tour_box li div {
	background:#f7f7f7; padding:20px; overflow: auto; text-align: center; position:relative;
}
.tour_box li div dl {
	overflow: hidden; width: calc(100% - 100px); text-align: left; display:inline-block; float: left;
}
.tour_box li div dl dt {
	float: left; width: 65px; padding-bottom:10px; font-weight: 600; color: #161616; position:relative; margin-right:5px;
}
.tour_box li div dl dt::AFTER{
	content:":"; position: absolute; right:0;
}
.tour_box li div dl dd {
	float: left; width: calc(100% - 70px); padding-bottom:10px; position:relative; height:auto;
}
.tour_box li div a {
	text-align: center; display: inline-block; line-height:65px; padding:0px 12px; background: #1c1c1c;	color: #fff; font-size: 16px; font-weight:600; vertical-align:middle; position:absolute; right:20px; top:20px;
}

.tour_box li div dl dt:LAST-OF-TYPE{padding-bottom:0px;}
.tour_box li div dl dd:LAST-OF-TYPE{padding-bottom:0px;}



.pop_template1 {
	background-image: url(/resources/images/gist/popup/pop_tem1_bg.jpg); background-size: contain; background-color:#ebeff3; background-repeat: no-repeat;	
	position: absolute; z-index: 10000;  top: 120px; left: 50%; margin-left: -600px; width:100%; text-align:center;
}    
.pop_template1 .pop_tem1_tt{
	background:#0f557d; border-top-left-radius:8px; border-top-right-radius:8px; color:#fff; font-size:17px; text-align:center; padding:15px 0; width:95%;
	margin: 0 auto; margin-top: 10px; font-weight: 500;
} 
.pop_template1 .pop_tem1_box {
	text-align:left; padding:15px 0; width:95%; font-size:13px; margin: 0 auto; margin-top: 10px; box-sizing:border-box; color:#333; line-height: 19px;
}
.pop_template1 .pop_tem1_bottom {
	background:#fff; position: absolute; bottom:0; line-height:30px; width:100%; text-align: left; padding: 0 15px;
}

.pop_template2 {
	background-image: url(/resources/images/gist/popup/pop_tem2_bg.png); background-size: contain; background-color:#f96d0a; background-repeat: no-repeat;	
	position: absolute; z-index: 10000;  top: 120px; left: 50%; margin-left: -600px; width:100%; text-align:center;
}    
.pop_template2 .pop_tem2_tt{
	color:#fff; font-size:19px; text-align:center; padding:15px 0; width:95%; margin: 0 auto; margin-top: 10px; font-weight: 500; 
} 
.pop_template2 .pop_tem2_box {
	text-align:left; padding:15px; width:95%; font-size:13px; margin: 0 auto; margin-top: 10px; box-sizing:border-box; color:#333; line-height: 19px;
	background:rgba(255,255,255,0.9); height: calc(100% - 107px);
}
.pop_template2 .pop_tem2_bottom {
	position: absolute; bottom:0; line-height:35px; width:100%; text-align: left; padding: 0 15px;
}

/**************CKEditor font size ***************/
span.text-tiny {
    font-size: 0.7em;
}

span.text-small {
    font-size: 0.85em;
}

span.text-big {
    font-size: 1.4em;
}

span.text-huge {
    font-size: 1.8em;
}

/* What we stand for */
.what_we {
	width: 100%; display: flex; flex-wrap: wrap; 
}

.what_we .bx-wrapper {
	float: left; width: calc(100% - 100px); display: flex;
}

.what_we li {
	float: left; width: calc(100% - 100px); display: flex;
}
.what_we li:first-child {
	width: 100px;
}
.what_we li img {
	width: 100%; height: auto;
}
.what_we li .what_we_b {
	width: 100%; height: 100%; background: #f7f9fa; 
}
.what_we li .what_we_b a {
	width: 100%; height: 25%; border-top: 1px solid #ddd; display: block; text-align: center; position: relative; color: #a0a09f;
}
.what_we li .what_we_b a:first-child {
	border-top: none;
}
.what_we li .what_we_b a span {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; font-weight: 900;
}
.what_we li .what_we_b a.active {
	color: #e5e5e4; background: #1b1c1c;
}
.what_we li .what_we_b a.what_a.active {
	color: #1b1c1c; background: #e5e5e4;
}


/* 걸어온 길 */

.history_top {
	text-indent: -9999px; background: url(/resources/images/gist/new/gaia_logo2.png) center 0 no-repeat; height: 120px; background-size: contain; margin-bottom: 10px;
}
.history_tab {
	margin-top: 20px; display: none;
}
.history_box {
	width: 100%; position: relative; padding-top: 30px; text-align: center;
}
.history_box::before {
	content: ""; position: absolute; display: inline-block; width: 1px; height: 100%; background: #1c1c1c; top: 0px; left: 50%;
}
.history_box .right{
	text-align:left; margin-left: 55%;
}
.history_box .left{
	text-align:right; margin-right:55%;
}
.history_box .year {
    color: #fff; background-color: #1c1c1c; width: 60px; height: 30px; display: inline-block; line-height: 30px; font-weight: 800; text-align: center; font-size: 15px;
}
.history_box .right p span, .history_box .left p span {
	font-weight: bold;
}
.history_box .right p, .history_box .left p {
	color: #1c1c1c;
}

.history_box .right::before, .history_box  .left::before {
    content: ""; background-color: #fff; width: 8px; height: 8px; border: 5px solid #1c1c1c; border-radius: 50%; display: inline-block; position: absolute; left: 49%; margin-top: 6px;
}


/* 운영조직 */

.organization {
	width: 900px; position: relative; margin: 0 auto; padding-bottom: 50px; text-align: center; color: #1c1c1c;
}
.organization .organ1 span, .organization .organ2 span {
	display: inline-block; width: 200px; line-height: 50px; font-weight: 800; font-size: 20px; border-radius: 5px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 4px 8px 0 rgba(0,0,0,0.2); background: #fff;
}
.organization .organ1 {
	position: relative; margin-bottom: 150px;
}
.organization .organ1::after {
	content: ""; position: absolute; display: inline-block; width: 1px; height: 150px; background: #d2d2d2; top: 50px; left: 50%;
}

.organization .organ2 {
	position: absolute; right: 0; top: 80px; width: 100%;
}
.organization .organ2::after {
	content: ""; position: absolute; display: inline-block; width: 50%; height: 1px; background: #d2d2d2; top: 50%; left: 50%; z-index: -1;
}
.organization .organ2 span {
	float: right;
}

.organization .organ3 {
	width: 100%; overflow: hidden; padding-bottom: 10px; position: relative;
}
.organization .organ3::before {
	content: ""; position: absolute; display: inline-block; width: 67%; height: 1px; background: #d2d2d2; top: 146px; left: 16%; z-index: -1; 
}

.organization .organ3 li {
	float: left; width: 33.3%; padding-top: 170px; background-position: center 0; background-repeat: no-repeat; position: relative;
}
.organization .organ3 li::before {
	content: ""; position: absolute; display: inline-block; width: 1px; height: 170px; background: #d2d2d2; top: 0; left: 50%; z-index: -1; margin-left: -1px;
}
.organization .organ3 li div {
	width: 200px; border-radius: 5px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 4px 8px 0 rgba(0,0,0,0.2); background: #fff; margin: 0 auto; padding-bottom: 15px;
}
.organization .organ3 li div h5 {
	font-weight: 800; font-size: 20px; padding-top: 15px; margin: 0 auto;
}
.organization .organ3 li div p {
	font-weight: 600; font-size: 17px; margin-top: 15px; 
}
.organization .organ3 li div span {
	display: block; font-weight: 500; font-size: 15px; color: #555; margin-top: 4px;
}

.organization .organ3 .organ3_1 {
	background-image: url(/resources/images/gist/new/organ3_1.png);
}
.organization .organ3 .organ3_2 {
	background-image: url(/resources/images/gist/new/organ3_2.png);
}
.organization .organ3 .organ3_3 {
	background-image: url(/resources/images/gist/new/organ3_3.png);
}



/* 분석료 할인제도 */

.discount_info {
	margin: 40px 0;
}
.discount_info h5 {
	color: #1c1c1c; font-size: 16px; font-weight: 600; padding: 0 0 10px 42px; line-height: 35px; background-position: 0 0; background-repeat: no-repeat;
}
.discount_info .discount1 h5 {
	background-image: url(/resources/images/gist/new/discount1.png);
}
.discount_info .discount2 h5 {
	background-image: url(/resources/images/gist/new/discount2.png);
}
.discount_info .discount3 h5 {
	background-image: url(/resources/images/gist/new/discount3.png);
}

.discount_info > div {
	margin-bottom: 30px;
}

.discount_info dl dt, .discount_info dl dd {
	float: left; font-size: 15px; margin-bottom: 8px;
}
.discount_info dl dt {
	color: #1c1c1c; font-weight: 500;
}

.discount_info .discount1 dl dt {
	width: 80px;
}
.discount_info .discount1 dl dd {
	width: calc(100% - 80px);
}
.discount_info .discount1 h6 {
	font-size: 14px; color: #1c1c1c;
}
.discount_info .discount1 p {
	margin: 5px 0 10px 0;
}

.discount_info .discount2 dl dt {
	width: 65px;
}
.discount_info .discount2 dl dd {
	width: calc(100% - 65px);
}

.discount_info .discount3 h6 {
	font-size: 15px; color: #1c1c1c; font-weight: 500;
}
.discount_info .discount3 p {
	font-size: 15px; margin: 5px 0 15px 0;
}

/* 3단 리스트 공통 */
.box_3n {
	width: 100%; overflow: hidden;
}
.box_3n > ul > li {
	width: 30%; float: left; margin: 0 5% 0 0; border-bottom: 1px solid #555; padding: 25px 0; overflow: hidden;
}
.box_3n > ul > li:nth-child(3n) {
	margin: 0;
}
.box_3n > ul > li:nth-child(1), .box_3n > ul > li:nth-child(2), .box_3n > ul > li:nth-child(3) {
	border-top: 1px solid #555;
}
.box_3n ul li h5 {
    color: #1c1c1c; font-size: 18px; text-align: left; font-weight: 700;
}
.box_3n ul li ul {
	width: 100%; height: 16px; margin-top: 5px;
}
.box_3n ul li ul li {
	float: left; display: inline-block; font-size: 14px; color: #1c1c1c;
}
.box_3n ul li ul li:first-child {
	 padding-right: 20px; position: relative;
}
.box_3n ul li ul li:first-child::after {
    content: ""; position: absolute; display: inline-block; width: 3px; height: 10px; background: #1c1c1c; top: 3px; right: 8px;
}


/* 교육 */

#event_use_auth_list .attr_list_wrap {
	width:550px; display: inline-block;
}
#event_use_auth_list .equip_list_wrap ul li div img {
    float: left; width: 130px; height: 125px;
}
#event_use_auth_list .equip_list_wrap ul li div dl {
    overflow: hidden; margin-top: 5px; font-size: 12px; padding-left:10px;
}
#event_use_auth_list .equip_list_wrap ul li div dl dt {
    float: left; width: 50px; font-weight: 600; color: #161616; position: relative;
}
#event_use_auth_list .equip_list_wrap ul li div dl dt::AFTER {
    content: ":"; position: absolute; right: 8px;
}
#event_use_auth_list .event_btn {
    text-align: center; display: inline-block; line-height: 14px; background: #df3128; color: #fff; font-size: 13px; float: left; padding: 5px 5px; width:48%; cursor: pointer;
}
#event_use_auth_list .equip_list_wrap ul li div dl dd {
    float: left; width: calc(100% - 50px); min-height: 20px;
}
#event_use_auth_list .equip_list_wrap ul li div dl.room_dl dd {
    min-height: 30px; overflow: hidden; word-break: break-word; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
#event_use_auth_list .equip_list_wrap ul li div.status_div > span{
    font-size: 16px; font-weight: bold; padding: 8px;
}
#event_use_auth_list .equip_list_wrap .status_div{
	width: 105px; text-align: right; display: inline-block;
}

#event_use_auth_list .stat_on {
	background-color: white; color: #000; border: 1px solid #d9d9d9; font-weight: 600;
}
#event_use_auth_list .stat_in {
	background-color: #000; color: white; border: 1px solid #000;
}
#event_use_auth_list .stat_co {
    background-color: #666; color: white; border: 1px solid #666;
}
#event_use_auth_list .stat_off {
	background-color: unset; color: gray; border: 1px solid gray; cursor:default;
}
#event_use_auth_list .m_box{
	padding:5px; margin: 0 5px 0 0;
}
#event_use_auth_list .equip_list_wrap .not_search {
	width:100%; text-align:center; font-size:25px; font-weight:600; padding: 80px 0;
}
#event_use_auth_list .equip_list_wrap .not_search i {
	margin-right:15px; vertical-align:middle;
}
#event_use_auth_list .stat_box {
	float: right; display: inline-block;
}
#event_use_auth_list .box_3n > ul > li, #event_facility_list .box_3n > ul > li {
	height: 200px;
}

#event_use_auth_list .box_3n dl {
	margin: 20px 0 10px 0;
}
#event_use_auth_list .box_3n dl dt {
	width: 55px;
}
#event_use_auth_list .box_3n dl dd {
	width: calc(100% - 55px);
}
#event_use_auth_list .attr_btn span:first-child {
	margin-right: 4%;
}
    
.stat_box span {
	display: inline-block;
}


/* 출입권한 */

#event_facility_list .attr_list_wrap {
	width:550px; display: inline-block
}
#event_facility_list .attr_box {
	border: 1px solid black; font-size:13px; color:black; font-weight:bold; padding: 5px; width: 120px; text-align: center; display:inline-block; margin:0 5px 15px 5px;
}
#event_facility_list .attr_box:hover {
	cursor: pointer;
}
#event_facility_list .attr_box.on {
	border: 1px solid black; font-size:13px; background-color:#666; color:white; font-weight:bold; padding: 5px; width: 120px; text-align: center; display:inline-block; margin:0 5px 15px 5px;
}
#event_facility_list .attr_box.on:hover {
	cursor: pointer;
}

/* 
#event_facility_list .facility_list_wrap ul li div img {
    float: left; width: 130px; height: 125px;
}
#event_facility_list .facility_list_wrap ul li div dl {
    overflow: hidden; margin-top: 5px; font-size: 12px; padding-left:10px;
}
#event_facility_list .facility_list_wrap ul li div dl dt {
    float: left; width: 50px; font-weight: 600; color: #161616; position: relative;
}
#event_facility_list .facility_list_wrap ul li div dl dt::AFTER {
    content: ":"; position: absolute; right: 8px;
}

#event_facility_list .facility_list_wrap ul li div dl.room_dl dd {
    min-height: 30px; overflow: hidden; word-break: break-word; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}



#event_facility_list .facility_list_wrap ul li div dl dd {
    float: left; width: calc(100% - 50px); min-height: 20px;
} */

#event_facility_list .event_btn {
    text-align: center; display: inline-block; line-height: 20px; background: #df3128; color: #fff; font-size: 13px; float: left; padding: 5px 5px; margin-right: 6px; width:110px; cursor: pointer;
}

#event_facility_list .facility_list_wrap ul li div.status_div > span{
	font-size: 16px; font-weight: bold; padding: 8px;
}
#event_facility_list .facility_list_wrap .status_div{
	width: 105px; text-align: right; display: inline-block;
}

#event_facility_list .stat_on {
	background-color: white; color: #000; border: 1px solid #d9d9d9; font-weight: 600;
}
#event_facility_list .stat_in {
	background-color: #000; color: white; border: 1px solid #000;
}
#event_facility_list .stat_co {
	background-color: #666; color: white; border: 1px solid #666;
}
#event_facility_list .stat_off {
	background-color: unset; color: gray; border: 1px solid gray; cursor:default;
}
#event_facility_list .m_box{
	padding:5px; margin: 0 5px 0 0;
}
#event_facility_list .facility_list_wrap .not_search {
	width:100%; text-align:center; font-size:25px; font-weight:600; padding: 80px 0;
}
#event_facility_list .facility_list_wrap .not_search i {
	margin-right:15px; vertical-align:middle;
}

#event_facility_list .equip_tab {
	width: 550px; display: inline-block;
}
#event_facility_list .stat_box {
    float: right; display: inline-block; margin-bottom: 20px;
}


#event_facility_list .box_3n dl {
	margin: 20px 0 10px 0;
}

#event_facility_list .facility_list_wrap.box_2n > ul > li {
	height: 200px; color: #1c1c1c;
}
#event_facility_list .facility_list_wrap.box_2n > ul > li > div {
	height: 100%; float: left; width: calc(100% - 170px);
}
#event_facility_list .facility_list_wrap.box_2n > ul > li > div.img_b {
	width: 150px; height: 100%; float: right;
}
#event_facility_list .facility_list_wrap.box_2n .img_b img {
	width: 100%; height: 100%;
}
#event_facility_list .facility_list_wrap h5 {
	color: #1c1c1c; font-size: 18px; text-align: left; font-weight: 700;
}
#event_facility_list .facility_list_wrap p {
	 margin: 5px 0;
}
#event_facility_list .facility_list_wrap div ul li {
	float: left; display: inline-block;
}
#event_facility_list .facility_list_wrap div ul li:first-child {
    padding-right: 20px; position: relative;
}
#event_facility_list .facility_list_wrap div ul li:first-child::after {
    content: ""; position: absolute; display: inline-block; width: 3px; height: 10px; background: #1c1c1c; top: 3px; right: 8px;
}
#event_facility_list .facility_list_wrap dl dt, #event_facility_list .facility_list_wrap dl dd {
	width: 100%;
}
#event_facility_list .facility_list_wrap dl dd {
	height: 30px; margin-bottom: 5px; overflow: hidden; word-break: break-word; white-space: break-spaces; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}



/* 프로그램 */
.top_search.top_search2 input.input_st1 {
    width: calc(100% - 280px);
}

.program_tab {
	width: 100%; overflow: hidden; margin-bottom: 20px;
}

.program_tab li.tab_prog {
	float: left;
}
.program_tab li.tab_prog a {
	width: 120px;
}

.program_tab li.tab_list {
	float: right;
}
.program_tab li.tab_list a {
	text-indent: -9999px; width: 32px; height: 32px; border: 1px solid #d9d9d9; border-radius: 5px; margin-left: 3px; display: inline-block;
	background-position: center;  background-repeat: no-repeat; background-image: url(/resources/images/gist/new/tab_list1_1.png);
}
.program_tab li.tab_list a.on {
	background-image: url(/resources/images/gist/new/tab_list1_2.png); border: 1px solid #000;
}
.program_tab li.tab_list a.l_all {
	background-image: url(/resources/images/gist/new/tab_list2_1.png);
}
.program_tab li.tab_list a.l_all.on {
	background-image: url(/resources/images/gist/new/tab_list2_2.png);
}

.box_2n > ul > li.edu_list_box {
	height: auto;
}
.box_2n > ul > li.edu_list_box dl {
	position: absolute; bottom: 0;
}
.edu_list_box ul li {
	float: left; width: calc(100% - 150px); height: 184px; position: relative;
}
.edu_list_box ul li:first-child {
	width: 130px; margin-right: 20px;
}
.edu_list_box ul li:first-child img {
	width: 100%; height: 100%; 
}
.edu_list_box ul li a {
	 width: 100%; max-height: 42px; color: #1c1c1c; font-size: 18px; font-weight: 700; margin-bottom: 5px;
	 overflow: hidden; word-break: break-word;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.edu_list_box ul li .pro_stat span {
	display: inline-block; width: 45px; line-height: 23px; font-size: 13px; text-align: center; border-radius: 5px; 
}
.edu_list_box ul li .pro_stat span.stat1 {
	color: #fff; background: #1c1c1c; border: 1px solid #1c1c1c;
}
.edu_list_box ul li .pro_stat span.stat2 {
	color: #fff; background: #808080; border: 1px solid #808080;
}
.edu_list_box ul li .pro_stat span.stat3 {
	color: #555; background: #fff; border: 1px solid #555;
}


/* 카탈로그 */
.box_sec4 ul{
	width: 102%;
    overflow: hidden;
   }
.box_sec4 ul.request_list > li{
	float: left;
    width: 23%;
    margin: 0 2% 2% 0;
    position: relative;
    overflow: hidden;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
}
.box_sec4 ul li img{
	width: 100%;
    height: 250px;
}
.box_sec4 ul li div.box{
	padding:20px;
}
.box_sec4 > ul > li > div.box .boardType {
	margin-bottom:10px;
	display:inline-block;
}
.box_sec4 > ul > li > div.box .title {
	color: #161616; font-size: 14px; margin-bottom:15px; font-weight: 500; width: 100%; height:50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.box_sec4 > ul > li > div.box .title:hover {
    color: #000; cursor: pointer;
}
.box_sec4 div.box ul li {
	position: relative; float: left; margin-left:15px;
}
.box_sec4 div.box ul li::before {
    content: ""; position: absolute; display: inline-block; width: 1px; height: 12px; background: #b3b3b3; top: 2px; left: -8px;
}
.box_sec4 div.box ul li:first-child {
    margin-left:0px;
}
.box_sec4 div.box ul li:first-child::before {
    display: none; 
}
.box_sec4 .read_detail:hover{
	cursor: pointer;
}

