@charset "utf-8";
/**
 * @File Name : lib2etc.css
 * @Description : 3차개편 템플릿 스타일
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2020.08.18 | 김효진 | 최초 등록 
 * </pre>
 * @author 디자인팀 김효진
 * @since 2020.08.18
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */


/* 공통 */
#body_content .owl-carousel {display:block;}

/* lib.css overwrite */
body.on {overflow-y:hidden}
a[class*='button'], button, button[class*='button'], button[type='submit'], button[type='reset'], html input[type='button'], input[type='submit'], input[type='reset'], input[type='text'], input[type='password'], input[type='file'], input[type='email'], input[type='number'], input[type='search'], input[type='tel'], input[type='url'], textarea, [action] textarea, select, [action] select {border-radius:0}
.button.default[class*='ic1']>.ic1.reload {background-image:url(/_res/portal/img/lib2etc/ic20a9c1reload1.png)}
.button.large {padding-left:1.5em;padding-right:1.5em}
.hb1.h3:after {display:none}
[class*='panel']>.deco1reserv {background-image:url(/_res/portal/img/lib2etc/ic160deco1reserv1.png);}


/* lib1cp1.css overwrite */
.tabs3cont {margin:.75em 0}
.tabs3 li a {font-size:14px}
@media all and (min-width:768px){
	.tabs3cont {margin:50px 0}
	.tabs3 li a {font-size:16px}
	.view1pic1info1 .pic1gallery1, .view1pic1info1 .pic1gallery1 .figure {margin-bottom:0}
}

/* cardlist2 추가 */
.cardlist2 .f1list {position:relative;max-height:180px;overflow:hidden;}
.cardlist2 .f1list .menu button {position:absolute;top:calc(50% - 17px);border:0;background:rgba(0,0,0,.5);width:34px;height:34px;z-index:2;margin:0;padding:0}
.cardlist2 .f1list .menu button.prev {left:0}
.cardlist2 .f1list .menu button.next {right:0}
.cardlist2 .f1list .menu button:before {position:absolute;top:calc(50% - 4.5px);;content:"";display:block;width:9px;height:9px;box-sizing:border-box;border:2px solid #fff;border-top:0}
.cardlist2 .f1list .menu button.prev:before {left:calc(50% - 2px);transform:rotate(45deg);border-right:0}
.cardlist2 .f1list .menu button.next:before {right:calc(50% - 2px);transform:rotate(-45deg);border-left:0}
.cardlist2 .f1list .f2 {display:block;position:relative;width:100%;height:0;padding-bottom:65.217%;overflow:hidden;}
.cardlist2 .f1list .f2 .f2p1 {position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;}
.cardlist2 .f1list .f2 .f2p1 img {display:block;margin:auto;width:100%;height:100%}
.cardlist2 strong.h1 {font-weight:500;font-size:1.25em;display:block;margin:1em .75em 0;color:#222;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.cardlist2 strong.h1 a {color:#222}
/* .cardlist2 strong.h1 a:hover {text-decoration:underline;} */
.cardlist2 .wrap1:hover {text-decoration:none}
.cardlist2 .wrap1:hover strong.h1 {text-decoration:underline;}
@media all and (min-width:1260px){
	.cardlist2 .f1list {max-height:180px}
}

/* 특화콘텐츠1목록1. */
.spc4list1{position:relative;
	margin:0 0 1.5em 0;
	line-height:1.375;
	overflow:hidden;
}
.spc4list1 a[href]{
	text-decoration:none;
}
.spc4list1 .lst1{list-style:none;margin:0;padding:0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
.spc4list1 .li1{
	position:relative;
	margin:0;
	padding:20px 0 5px;
	border-top:1px solid #ddd;
}
.spc4list1 .li1 .w1{overflow:hidden;}
.spc4list1 .li1 [class*='w1c']{display:block;overflow:hidden;
	box-sizing:border-box; /* ☆ */
}
.spc4list1 .li1:first-child {border-top:0}
.spc4list1 .li1 .w1c1{}
.spc4list1 .li1 .w1c2c1{
	padding:16px 0;
}
.spc4list1 .li1 .w1c2c2{display:none; /* ☆ */
	padding:16px 0 0;
	border-top:1px dotted #ccc;
	text-align:center;
}
.spc4list1 .li1 .w1c2c1 + .w1c2c2{
	display:block;
}
.spc4list1 .figs{display:block;}
.spc4list1 a.figs:focus{ /* 초점 */
	border:1px dotted #000;
}
.spc4list1 .texts{display:block;position:relative;}
.spc4list1 .ratings{display:block;}
.spc4list1 .btns{display:block;}
.spc4list1 .f1{display:block;position:relative;
	margin:auto;
	padding:0 0 69.231%; /* (180/260) */
	background:#eee;
	text-align:center;
}
.spc4list1 .f1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;overflow:hidden;}
.spc4list1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}

.spc4list1 .f2{display:block;position:relative;
	margin:auto;
	padding:0 0 69.231%; /* (180/260) */
	background:#fff;
	text-align:center;
}
.spc4list1 .f2 .f1p2{border-radius:15px;display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;overflow:hidden;}
.spc4list1 .f2 img{border-radius:15px;display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}


.spc4list1 .texts .tg1{display:block;}
.spc4list1 .texts .tg1 .ic1{float:left;
	box-sizing:border-box; /* ☆ */
	width:37px;
	height:44px;
	margin:0 6px 0 0;
	padding:9px 0 0;
	background:url(../../img/lib2spc4/ich88a1c1mapmarker1bg.png) no-repeat center center;
	background-size:contain;
	color:#fff;
	font:600 16px helvatica,arial,sans-serif;
	text-align:center;
	letter-spacing:0;
	vertical-align:middle;
	overflow:hidden;
}
.spc4list1 .texts .tg1 .t1{display:block;
	padding:3px 0 0;
	color:#000;
	font-weight:500;
	font-size:24px;
	margin-bottom:.75em;
	overflow:hidden;
}
.spc4list1 .texts .tg1 .t1:after {content:"";display:block;width:16px;height:1px;background:#222;margin-top:.5em}
.spc4list1 .texts .t2{display:block;
	margin:1em 0;
	color:#666;
	font-size:16px;
	line-height:1.5;
}
.spc4list1 .texts .btn1{
	position:absolute;right:0;top:3px;
}
.spc4list1 .texts .btn1 a.button{
	font-size:0.813em;
}
.spc4list1 .texts .btn1 a.button.on{color:#fff;border-color:#000;background:#000}
/* ☆ */
.spc4list1 .ratings{}
.spc4list1 .ratings .t1{display:inline-block;
	margin:3px 10px 0 5px;
	color:#777;
	font-style:italic;
	font-size:14px;
	text-indent:-5px;
	vertical-align:middle;
}
.spc4list1 .ratings .t1t1{}
.spc4list1 .ratings .t1t2{}
.spc4list1 .ratings .t2{display:inline-block;
	margin:0 12px;
	color:#888;
	font-weight:600;
	font-style:italic;
	font-size:40px;
	text-indent:-10px;
	vertical-align:middle;
}
/* ☆ */
.spc4list1 .btns{
	margin:4px 0;
}
.spc4list1 .btns .button{
	width:89px;
	/* height:40px;padding:12px 6px; */
	font-size:14px;
}
.spc4list1 .btns .b1{border:1px solid #1e60af;background:#1876f5;color:#fff;}
.spc4list1 .btns .b2{border:1px solid #ddd;background:#fff;color:#333;}

@media all and (min-width:768px){/* ◇◆ */
	.spc4list1 .li1 {padding:30px 0}
	.spc4list1 .li1 .w1c1{float:left;
		width:41.6%;
		padding:0 30px 0 0;
	}
	.spc4list1 .li1 .w1c2{}
	.spc4list1 .li1 .w1c2c1{
		padding:5px 0 16px;
	}
	.spc4list1 .li1 .w1c2c2{
		padding:0;
		text-align:left;
	}
} /* /(min-width:768px) */
@media all and (min-width:1260px){/* ◇◆ */
	.spc4list1 .li1 .w1c1{float:left;
		width:37%;
		padding:0 30px 0 0;
	}
	.spc4list1 .li1 .w1c2{display:table;
		float:right;width:63%;
		margin:0 -1px 0 0;
	}
	.spc4list1.wood1 .li1 .w1c1 {width:44%}
	.spc4list1.wood1 .li1 .w1c2 {width:56%}
	.spc4list1 .li1 .w1c2c1{display:table-cell;
		width:9999px;
		padding:.5em 0 0 0;
		border-right:1px solid #e7e7e7;
		vertical-align:top;
	}
	.spc4list1 .li1 .w1c2c2{display:table-cell;
		width:200px;
		margin:0;
		padding:10px 0 0 10px;
		border:0;
		text-align:center;
		vertical-align:top;
	}
	.spc4list1 .ratings .t1{display:block;
		margin:0 auto 6px;
	}
	.spc4list1 .ratings .t2{display:block;}
} /* /(min-width:1260px) */

/* 정보.정의목록. 20180817 */
.spc4info1{display:block;position:relative;
	color:#666;
	line-height:1.375;
	font-size:15px;
}
.spc4info1 .dl1{list-style:none;
	margin:0 0 -.375em;
	padding:0;
}
.spc4info1 .dl1 .di{display:block;
	margin:0 0 .375em;
	overflow:hidden;
}
.spc4info1 .dl1 .dt{float:left;
	margin:0 .375em 0 0;
	padding:0 0 0 8px;
	background:url(../../img/lib2spc4/bu1.png) no-repeat 0 50%;
	font-weight:400;
}
.spc4info1 .dl1 .dd{display:block;overflow:hidden;}
.spc4info1 .dl1 .dt .t1{}
.spc4info1 .dl1 .dt .ic1{}
.spc4info1 .em{color:#363940;}

/* 시간표(날짜선택) 20190812 */
.cp20timetable1{display:block;
	z-index:0;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:auto;
	line-height:1.375;
}
.cp20timetable1 .wrap1{margin-top:1.5em}
/* 제목그룹 */
.cp20timetable1 .hg1{}
.cp20timetable1 .h1{}
/* 내부래퍼 */
.cp20timetable1 .w1{}
/* 현재월이전다음 */
.cp20timetable1 .month{
	display:block;
	position:relative;
	width:180px; /* (화면확인) */
	height:32px;
	margin:0 auto 23px; /* (화면확인) */
	padding:0 32px;
	text-align:center;
	vertical-align:middle;
}
.cp20timetable1 .month .h1{
	color:#000;
	font-weight:500;
	font-size:26px;
	line-height:32px;
}
.cp20timetable1 .month .b1{display:inline-block;
	position:absolute;top:50%;
	box-sizing:border-box; /* ☆ */
	width:32px;
	height:32px;
	margin:-16px 0;
	border:2px solid #c7c7c7;
	border-radius:9999px;
	background:url(../../img/main/b.png) no-repeat center center;
	vertical-align:middle;
}
.cp20timetable1 .month .b1 .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:13px;height:13px;
	margin:-6.5px;
	background:url() no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
}
.cp20timetable1 .month .b1.prev{left:0;}
.cp20timetable1 .month .b1.next{right:0;}
.cp20timetable1 .month .b1.prev .ic1{background-image:url(/_res/portal/img/lib2etc/ic13a1c1left1.png);}
.cp20timetable1 .month .b1.next .ic1{background-image:url(/_res/portal/img/lib2etc/ic13a1c1right1.png);}
.cp20timetable1 button.default {display:block;margin-left:auto !important;margin-bottom:.5em !important}
@media all and (min-width:500px){
	.cp20timetable1 button.default {position:absolute;top:0;right:0;}
}

/* 달력범례공용 */
 .cp20timetable1 .a1 .ic1{display:inline-block;
	padding:.3125em;
	background:#959595;
	color:#fff;
	font-size:13px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
/* st1 예약불가 | st2 예약가능 | st3 예약완료 */
.cp20timetable1 .a1.st1 .ic1{background:#EB4050;}
.cp20timetable1 .a1.st2 .ic1{background:#014995;}
.cp20timetable1 .a1.st3 .ic1{background:#727781;}

/* 범례 없다 */
.cp20timetable1 .note{}

/* 달력 */
.cp20calendar1table1{table-layout:fixed;
	width:100%;
	padding:0;
	border:0;
	border-collapse:collapse;
	background:#f7f7f9;
	color:#000;
}
.cp20calendar1table1>*>tr>th,
.cp20calendar1table1>*>tr>td{padding:0;border:1px solid #ccc;}
.cp20calendar1table1 thead{}
.cp20calendar1table1 thead th{
	padding:.625em 0;
	border-color:#0b0b11;
	background:#353541;
	color:#fff;
	font-weight:600;
	font-size:16px;
}
.cp20calendar1table1 .a1{display:block;
	position:relative;
	min-height:54px;
	padding:8px 6px;
	background:#fff;
	color:#333;
	font-size:15px;
	text-align:center;
}
.cp20calendar1table1 .a1 .t1{
	display:block;
	margin:0 0 7px;
}
.cp20calendar1table1 tbody .sat .t1{color:#1168bb;}
.cp20calendar1table1 tbody .sun .t1,
.cp20calendar1table1 tbody .hol .t1{color:#d01616;}
.cp20calendar1table1 tbody .a1 .t1{
	z-index:10;
	position:relative;
	text-align:left;
}
.cp20calendar1table1 .a1 .ic1{}
.cp20calendar1table1 .today .a1:before{}
/* ☆ */
.cp20calendar1table1 .a1.st1:hover,
.cp20calendar1table1 .a1.st1:focus{
	text-decoration:none;
	/* cursor:not-allowed; */
}
.cp20calendar1table1 .a1.st2:hover,
.cp20calendar1table1 .a1.st2:focus,
.cp20calendar1table1 .a1.on{
	z-index:10;
	border:2px solid #6d4bc2;
	margin:-1px;
	padding:7px 5px;
	text-decoration:none;
}


/* 시간선택 20190820 */
.cp20pick1time1{display:none;
	position:fixed;
	top:0;left:0;bottom:0;right:0;
	padding:30px 20px; /* (30/370) */
	background:rgba(0,0,0,.7);
	line-height:1.375; 
	z-index:100
}
.cp20pick1time1.on {display:block;}
.cp20pick1time1 .wrap1 {position:relative;max-width:920px;margin:auto;background:#f7f7f7;padding:1.5em;box-sizing:border-box;border:1px solid #ccc;}
/* ☆ */

.cp20pick1time1 .h1{
	margin:0 0 14px;
	text-align:left;
	color:#222;
	font-weight:700;
	font-size:28px;
	letter-spacing:0;
	border-bottom:1px solid #ddd;padding-bottom:.75em;
}
/* ☆ */
.cp20pick1time1 .lst1{
	list-style:none;
	height:250px; /* (화면확인) */
	margin:0 0 12px;
	padding:5px 0;
	overflow-y:auto;
}

.cp20pick1time1 .lst1 .li1 {position:relative;display:table;width:100%;height:56px;margin-bottom:10px;background:#fff;border:1px solid #ddd;box-sizing:border-box;font-size:.875em}
.cp20pick1time1 .lst1 .li1:nth-child(odd) {margin-left:0}
.cp20pick1time1 .lst1 .li1 .t1, .cp20pick1time1 .lst1 .li1 .t2 {display:block;padding:10px}
.cp20pick1time1 .lst1 .li1 .t1 {text-align:center;border-bottom:1px solid #ddd;color:#222;letter-spacing:0;}
.cp20pick1time1 .lst1 .li1 .t2 {position:relative;padding-left:1em;padding-right:80px;font-size:1em;color:#444;}
.cp20pick1time1 .lst1 .li1 .t2 .a1 {position:absolute;top:12px;right:10px;height:30px;font-size:.875em;line-height:2.2;box-sizing:border-box;}
.cp20pick1time1 .lst1 .li1 .t2.st1 {color:#fe5051}
.cp20pick1time1 .b1.close {position:absolute;top:20px;right:1.5em;border:0;background:#fff;margin:0;width:40px;height:40px;padding:0;border:1px solid #ddd;box-sizing:border-box;}
.cp20pick1time1 .b1.close:before, .cp20pick1time1 .b1.close:after {position:absolute;top:calc(50% - 10px);left:calc(50% - 1px);content:"";display:block;width:2px;height:20px;background:#222;}
.cp20pick1time1 .b1.close:before {transform:rotate(-45deg);}
.cp20pick1time1 .b1.close:after {transform:rotate(45deg);}
.cp20pick1time1 .lst1.full .li1 {float:none;width:100%;height:auto;margin-left:0;display:block;}
.cp20pick1time1 .lst1.full .li1 .t1 {display:block;width:100%;box-sizing:border-box;padding:12px 0;border-right:0;border-top:1px solid #eee;border-bottom:0}
.cp20pick1time1 .lst1.full .li1 .t1:first-child {border-top:0}
.cp20pick1time1 .lst1.full .li1 .t2 {float:none;width:100%;display:block;clear:both;box-sizing:border-box;padding-top:12px;padding-bottom:12px;;background:#f6f6f6;border-top:1px solid #ddd;}


/* 상태 */
 .cp20pick1time1 .a1 {
	padding:.3125em 1em;
	background:#959595;
	color:#fff;
	font-size:13px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
/* st1 예약불가 | st2 예약가능 | st3 예약완료 */
.cp20pick1time1 .st1 .a1 {background:#727781;}
.cp20pick1time1 .st2 .a1{background:#1e78d0;}
.cp20pick1time1 .st3 .a1, .cp20pick1time1 .lst1 .li1 .t2 .st1 .a1 {background:#727781;}

/* ☆ */
.cp20pick1time1 .a1:hover,
.cp20pick1time1 .a1:focus{
	background-color:#294165;
}
@media all and (min-width:550px){
	.cp20pick1time1 .h1 {text-align:center;}
	.cp20pick1time1 .lst1 .li1 {font-size:1em}
	.cp20pick1time1 .lst1 .li1 .t1, .cp20pick1time1 .lst1 .li1 .t2 {display:table-cell;vertical-align:middle;height:100%;padding:0}
	.cp20pick1time1 .lst1 .li1 .t1 {width:37%;border-right:1px solid #ddd;border-bottom:0}
	.cp20pick1time1 .lst1 .li1 .t2 {padding-left:1.5em;padding-right:100px}
	.cp20pick1time1 .lst1 .li1 .t2 .a1 {line-height:1.7}
	.cp20pick1time1 .b1.close {top:25px}

}
@media all and (min-width:600px){
	.cp20pick1time1 .lst1.full .li1 {display:table;width:100%;height:56px;}
	.cp20pick1time1 .lst1.full .li1 .t1, .cp20pick1time1 .lst1.full .li1 .t2 {display:table-cell;width:33.3333%;height:100%;padding-top:0;padding-bottom:0;}	
	.cp20pick1time1 .lst1.full .li1 .t1 {border-right:1px solid #ddd;border-top:0}
	.cp20pick1time1 .lst1.full .li1 .t2 {background:transparent;border-top:0}
}
@media all and (min-width:900px){
	.cp20pick1time1 .wrap1 {padding:2em;}
	.cp20pick1time1 .lst1 .li1 {float:left;width:calc(50% - 10px);margin-left:20px}
	.cp20pick1time1 .b1.close {top:30px;right:2em}
}
/* lib2.css overwrite */
.pic1gallery5 .mItem {top:auto;bottom:0;}
.pic1gallery5 .mControl {top:auto;bottom:0;height:auto;}
.pic1gallery5 .mControl .b {top:auto;bottom:0;}
.gen1info1 .h1 .t1 {display:block;font-weight:500;margin-top:.2em}
.gen1info1 .dl1 .di {font-size:1.067em;margin-bottom:6px}
.gen1info1 .dl1 .dt {position:relative;padding-left:10px;color:#222;font-weight:500;width:90px;box-sizing:border-box;}
.gen1info1 .dl1 .dt:before {position:absolute;top:9px;left:0;content:"";display:block;width:3px;height:3px;background:#444;border-radius:50%;}
.company1card2 .a1 {padding:12px 25px}
.company1card2 .f1 {padding-bottom:130%;}
.company1card2 .li1 {font-size:1.063em}
.company1card2 .li1 .t1t1 {width:3.5em}

/* 카테고리 및 상태값 */
.spc4list1 .cate, .spc4list1 .stat, .gen1info1 .cate, .gen1info1 .stat, .stat, table .cate {display:inline-block;vertical-align:middle;font-size:.938em;line-height:1;font-weight:500;}
.spc4list1 .cate, .gen1info1 .cate, table .cate {color:#21409a;}
.spc4list1 .stat, .gen1info1 .stat, .stat {margin-right:10px;font-size:.75em;padding:5px 7px;margin:-2px .5em 1px 2px;letter-spacing:-.05em;height:24px;box-sizing:border-box;}
.spc4list1 .stat.stat1, .gen1info1 .stat.stat1, .stat.stat1 {background:#EB4050;color:#fff;} /* 접수중 */
.spc4list1 .stat.stat2, .gen1info1 .stat.stat2, .stat.stat2 {background:#555;color:#fff} /* 예약마감/완료 */
.spc4list1 .stat.stat3, .gen1info1 .stat.stat3, .stat.stat3 {background:#e9e9e9;border:1px solid #ccc;color:#444;} /* 예약종료 */
.spc4list1 .stat.stat4, .gen1info1 .stat.stat4, .stat.stat4 {background:#294165;color:#fff;} /* 대기접수중 */
.stat.stat5 {background:#05b;color:#fff;} /* 신청 */
/* 폰트사이즈 재정의 */
.gen1info1 .stat {font-size:.583em;}
.gen1info1 .cate {font-size:.625em}
table .cate {margin-top:-2px;}
.stat {margin-right:0}

/* 예약 개인정보 취급 동의 */
.agree1box {height:20em;margin-bottom:.75em}
.reserv1list, .reserv1list2 {list-style:none;margin:0;padding:0;font-size:.875em}
.reserv1list li {margin:4px 0;background:#f8f8f8;padding:.5em 0}
.reserv1list li span {display:inline-block;vertical-align:middle;padding:0 1em;/* min-height:30px */}
.reserv1list li .num {text-align:center;font-weight:600;color:#222;margin-right:2px;line-height:2}
.reserv1list li input[type=text].text {width:100%;}
.reserv1list2 {overflow:hidden;}
.reserv1list2 li {position:relative;box-sizing:border-box;padding:2px 0 2px 28px}
.reserv1list2 li .num {position:absolute;top:4px;left:0;font-weight:600;color:#fff;width:20px;height:20px;border-radius:50%;line-height:20px;background:#1170c0;text-align:center;padding:0}
.reserv1list li .age1 label {margin:.94em 0}
.btn1 {text-align:center;padding-top:1em;}
.btn1 * {margin:0 .333em}
@media all and (min-width:550px){
	.reserv1list li {background:transparent}
	.reserv1list li span {display:inline-block;vertical-align:middle;min-height:30px;background:#f8f8f8;padding-top:.333em;padding-bottom:.333em;}
	.reserv1list li .num {padding:.85em 1em}
	.reserv1list li input[type=text].text {width:auto;}
	.reserv1list2 li {float:left;width:calc(50% - 5px);margin:0 0 0 10px}
	.reserv1list2 li:nth-child(odd) {margin-left:0}
}
@media all and (min-width:768px){
	.reserv1list2 li {width:calc(33.3333% - 7px);margin:4px 0 4px 10px;padding:0 0 0 28px}
	.reserv1list2 li:nth-child(3n+1) {margin-left:0}
	.reserv1list2 li .num {top:2px;width:24px;height:24px;line-height:24px;}
}

/* 예약완료 */
.msgbox1 {text-align:center;border-bottom:1px solid #444;padding-bottom:1.5em;margin-bottom:1.5em;}
.msgbox1 p {margin:0;font-size:1.063em;}
.msgbox1 .t1 {font-size:1.5em;color:#111;font-weight:600}
.msgbox1 .t1:before {content:"";display:block;width:108px;height:108px;background:url(/_res/portal/img/lib2etc/reserv_sprite.png) no-repeat;margin:0 auto .75em;background-size:auto 108px}
.msgbox1.account1 .t1:before {background-image:url(/_res/portal/img/lib2etc/ic154a1pay1.png);background-position:0 0}
.info1txt {text-align:center;font-size:1.125em;color:#222;}
.info1txt:before {content:"";display:inline-block;vertical-align:middle;width:24px;height:24px;background:url(/_res/portal/img/lib2etc/reserv_sprite.png) no-repeat -156px 0;margin-top:-2px;margin-right:7px;}
.reserv1info {background:#f6f6f6;margin-top:.5em;padding:1em 2em}
.reserv1info ul {list-style:none;padding:0;margin:0}
.reserv1info li {position:relative;padding-left: 15px;margin:5px 0;color:#444;}
.reserv1info li:before {position:absolute;top:11px;left:0;content:"";display:block;width:5px;height:2px;background:#222;}
.msgbox1 ul.bu.bu2 {background:#f6f6f6;padding:20px;text-align:center;margin-bottom:0}
.msgbox1 ul.bu.bu2 li {background-image:none;}
.msgbox1 ul.bu.bu2 li:before {content:"";display:inline-block;vertical-align:middle;width:14px;height:14px;background:url(../../img/lib/li2bg.png) no-repeat 0 0;margin-top:-2px}
@media all and (min-width:768px){
	.msgbox1 .t1:before {width:154px;height:154px;background-size:auto}
	.reserv1info {padding:2em 3em}
	.reserv1info li:before {top:14px}
}

/* 예약확인 */
@media all and (max-width:768px){
	.rspnsv1 table {border-bottom:0}
	.rspnsv1 table colgroup {display:none}
	.rspnsv1 table tr {position:relative;display:block;width:100%;overflow:hidden;}
	.rspnsv1 table tr>th, .rspnsv1 table tr>td {display:block;float:left;box-sizing:border-box;border:0;border-bottom:1px solid #ddd} 
	.rspnsv1 table th {width:30%}
	.rspnsv1 table tr>td {width:70%;border-right:0}
}
@media all and (max-width:550px){
	.rspnsv1 table tr>th, .rspnsv1 table tr>td {float:none;width:100%}
	.rspnsv1 table tr>th {text-align:left;}	
}

/* 생물이야기 */
.plant1 .li1 .f1 {width:32%;}
.plant1 .li1 .f1 + .wrap1texts {width:65%;}
.plant1 .li1 .wrap1texts .t1 {padding-top:.5em}
.plant1 .li1 .wrap1texts ul {margin:1em 0 1em 1em;padding:0;list-style:none;}
.plant1 .li1 .wrap1texts li {position:relative;margin:.333em 0}
.plant1 .li1 .wrap1texts li .t2, .plant1 .li1 .wrap1texts li .t3 {font-size:1em}
.plant1 .li1 .wrap1texts li .t2 {font-weight:600;color:#333;overflow:visible;margin:0}
.plant1 .li1 .wrap1texts li .t2:before {position:absolute;top:10px;left:-.75em;content:"";display:block;width:4px;height:4px;border-radius:50%;background:#444;}
.plant1 .li1 .wrap1texts li .t2:after {display:none}
.plant1 .li1 .wrap1texts li .t3 {position:relative;display:block;background-color:#f6f6f6;background-image:none;margin-top:.5em;color:#222;font-size:.938em;padding:.8em 1em 1em;line-height:1.9em;height:5.05em;overflow:hidden;box-sizing:border-box;}
.plant1 .li1 .wrap1texts li .t3:after {position:absolute;bottom: .5em;right:0;content:"";display:block;width: 10em;height:1.9em;background: linear-gradient(to right, rgba(255,255,255,0) 0, #f8f8f8 100%);overflow:hidden;}
.plant1 .li1 .wrap1texts li:first-child {padding-left:100px;}
.plant1 .li1 .wrap1texts li:first-child .t2 {position:absolute;top:2px;left:0;margin-top:0}
.plant1 .li1 .wrap1texts li:first-child .t3 {display:inline;background-color:transparent;margin-top:0;padding:0 .6em;background:url(../../img/lib/sep1s.png) no-repeat 0 50%;height:auto;}
.plant1 .li1 .wrap1texts li:first-child .t3:after {display:none}

.plant1info {border-color:#0059C6;}
.plant1info .f1 {position:relative;overflow:hidden;}
.plant1info .f1 .f1p1 {position:relative;padding-bottom:66.666%;overflow:hidden;}
.plant1info .f1 .f1p1 img {position:absolute;top:0;left:0;width:100%;height:auto;min-height:100%;}
/* .plant1info .text1 {float:left;width:65%} */
.plant1info .text1 .h1 {font-size:1.5em;color:#222;margin:.5em 0}
.plant1info .text1 .lst1 {list-style:none;padding:0;margin:0}
.plant1info .text1 .lst1 .li1 {position:relative;margin:3px 0}
.plant1info .text1 .lst1 .li1:before {position:absolute;top:11px;left:0;content:"";display:block;width:4px;height:4px;background:#444;border-radius:50%;}
.plant1info .text1 .lst1 .li1 span {display:block;padding:0 1em}
.plant1info .text1 .lst1 .li1 .t1 {color:#222;font-weight:600;padding-left:.6em}
.plant1info .text1 .lst1 .li1 .t2 {background:url(../../img/lib/sep1s.png) no-repeat 0 50%}
.plant1info2 .f1 {display:block;position:relative;height:0;padding-bottom:66.66%;overflow:hidden}
.plant1info2 .f1 .f1p1 {position:absolute;top:0;left:0;overflow:hidden}
.plant1info2 .f1 .f1p1 img {display:block;width:100%;}
.plant1info2 .t1 {margin:0;background:#f6f6f6;padding:.75em 1em;text-align:center;color:#222;font-size:.938em}
@media all and (min-width:490px){
	.plant1info .text1 .lst1 .li1 span {display:inline-block;vertical-align:top;}
}
@media all and (min-width:600px){
	.plant1info .f1 {float:left;width:32%;margin-right:3%;}
	.plant1info .text1 {float:left;width:65%;}	
	.plant1info .text1 .h1 {margin-top:.333em}
}
@media all and (min-width:768px){
	.plant1info .text1 .lst1 .li1:before {top:13px}
}


/* 강좌신청 예약현황 */
.reserv1 .column .wrap1 {position:relative;border:1px solid #ddd;}
.reserv1 .column .wrap1 .h1 {font-size:1.125em;margin:0;padding:1em;border-bottom:1px solid #ddd;background:#f6f6f6;}
.reserv1 .column .wrap1 .stat {position:absolute;top:1.333em;right:1.5em;font-size:.938em;padding:7px 10px;height:28px}
.reserv1 .column .wrap1 ul {padding:0 1.5em}
.reserv1 .column .wrap1 li {display:inline-block;vertical-align:top;width:48%;box-sizing:border-box}


/* 행사일정 */
/* 월내비 20171102 */
.month1nav1{position:relative;
	width:5em;margin:.666em auto;padding:0 40px;
	font-size:36px;line-height:1.333;text-align:center;
}
.month1nav1 .h1{margin:0;padding:0;background:transparent;
	color:#000;
	font-weight:500;
}
.month1nav1 .em{color:#000;}
.month1nav1 .b1{float:left;position:absolute;top:50%;
	width:40px;height:40px;
	margin:-20px 0;
	padding:0;border-radius:0;border:0;background:transparent;line-height:1;vertical-align:middle;text-decoration:none;cursor:pointer;overflow:visible;
}
.month1nav1 .b1.prev{left:0;}
.month1nav1 .b1.next{right:0;}
.month1nav1 .b1>.ic1{float:left;position:absolute;left:50%;top:50%;width:100%;height:100%;margin:-50%;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
	opacity:.8;
}
.month1nav1 .b1.prev>.ic1{background-image:url(../../img/lib/ic60a1left2.png);}
.month1nav1 .b1.next>.ic1{background-image:url(../../img/lib/ic60a1right2.png);}


/* 메뉴.(with .even-grid 20171102 */
.month1menu1{display:block;position:relative;padding:1px 0 0 1px;overflow:hidden;background:#f7f7f7 url(../../img/lib2/b.pattern4slash1c1.png);}
.month1menu1 .even-grid{}
.month1menu1 .even-grid>.column{}
.month1menu1 a{display:block;margin:-1px 0 0 -1px;padding:1em .25em;border:1px solid #ccc;background:#fff;color:#555;text-align:center;}
.month1menu1 a.on{border-color:#175fa5;background:#175fa5;color:#fff;font-weight:bold;}


/* 목록(그림1글3정의목록1) 복합 .hybrid1box1, .tour3info1 : 행사/축제 목록.. 20161214 */
.list2f1t3dl1{margin:0 0 1.5em 0;overflow:hidden;}
.list2f1t3dl1 a{color:#333;}
.list2f1t3dl1 a.f1[href]:focus{outline:1px dotted #000;}
.list2f1t3dl1 .lst1{list-style:none;margin:0;padding:0;border-bottom:1px solid #ddd;}
.list2f1t3dl1 .li1{border-top:1px solid #eee;overflow:hidden;}
/* .hybrid1box1 재정의 */
.list2f1t3dl1 .li1>.wrap1.hybrid1box1{
	padding:30px 0 10px; /* ☆ */
}
.list2f1t3dl1 .li1 .column1{
	width:280px;
	margin:0 auto 20px; /* ☆ */
}
.list2f1t3dl1 .li1 .column2{
	height:auto; /* = .column1 자식 높이 */
}
/* 내용 */
.list2f1t3dl1 .li1 .figs{display:block;}
.list2f1t3dl1 .li1 .texts{display:block;
	margin:0 auto; /* ☆ */
}
.list2f1t3dl1 .li1 .f1{display:block;position:relative;
	width:71.435%; /* >=(200/280) */
	margin:0 auto;
	padding:0 0 103.58075%; /* =(290/200)*(.71435) */
	background:#eee;
	overflow:hidden;
}
.list2f1t3dl1 .li1 .f1 .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
.list2f1t3dl1 .li1 .f1 img{display:block;position:relative;
	width:auto;height:100%;min-width:34%;max-width:100%;
	margin:0 auto;
}
.list2f1t3dl1 .li1 .texts>.t1{display:inline-block;
	width:60px;
	border-radius:5px;
	background:#ed145b;
	color:#fff;font-weight:600;font-size:15px;
	text-align:center;
	font-weight:normal;
	font-family:'Noto Sans';
}
.list2f1t3dl1 .li1 .texts>.t2{display:block;margin:.333em 0;color:#333;font-size:1.714em;line-height:1.4;letter-spacing:-2px;overflow:hidden;}
.list2f1t3dl1 .li1 .texts>.t3{display:block;position:relative;max-height:3.332em;margin:0 0 1.333em;
	color:#666;line-height:1.666;
	text-align:left; /* 모든폭 좌정렬 */
	overflow:hidden;
}
.list2f1t3dl1 .li1 .texts>.t3:after{content:'…';display:block;
	position:absolute;right:0;bottom:0;width:3em;height:1.666em;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
/* 목록정보(정의목록) 20171102 */
.list2info1{position:relative;}
.list2info1 .dl1{list-style:none;margin:0 0 1em;padding:0;
	text-align:left;
}
.list2info1 .dl1:before{content:'';display:block;
	width:2em;height:1px;
	margin:0 0 .75em;
	background:#d7d7d7;
}
.list2info1 .di{display:block;margin:.333em 0;padding-left:12px}
.list2info1 .dt{position:relative;display:inline-block;float:left;
	font-weight:500;
}
.list2info1 .dt:after{content:':';
	margin:0 .333em;
}
.list2info1 .dt .ic1 {position:absolute;top:12px;left:-12px;width:4px;height:4px;background:#222;border-radius:50%;}
.list2info1 .dd {position:relative;display:block;overflow:hidden;max-height:50px}
.list2info1 .dd:after {position:absolute;bottom:0;right:0;content:"";display:block;width:3em;height:25px;background:linear-gradient(to left, #fff, transparent)}

/* .tour3info1 재정의 */
.list2f1t3dl1 .li1 .tour3info1{padding:.666em 0;border-bottom:0;
	text-align:left; /* 모든폭 좌정렬 */
}
.list2f1t3dl1 .li1 .tour3info1 .dl1 .di{margin:.666em 0;}

/* 앞글장식 (물때 정보, ..) */
.hybrid1box1{display:block;
	position:relative;
	padding:1.5em;
}
.hybrid1box1:before,
.hybrid1box1:after{content:'';display:table;clear:both;}
.hybrid1box1>.column1{display:block;
	position:relative;
	width:12.5%; /* =110/(910-15*2) */
	margin:auto;padding:0;
}
.hybrid1box1>.column2{display:table-cell;
	position:relative;
	width:9999px;
	height:70px; /* = deco1 최대높이 */
	margin:0;padding:0;
	vertical-align:middle;
}
.hybrid1box1>.column1>[class*='deco']{display:block;
	width:66.666%; /* >=70/110 */
	height:70px;
	max-width:70px;
	margin:0 auto;
	background:url(../../img/lib1tour3/ic140s1speechbubble1.png) no-repeat top center;
	background-size:contain;
}
@media all and (min-width:768px){
	.hybrid1box1>.column1 {float:left;margin:0}
	.list2info1 .dd {max-height:56px}
	.list2f1t3dl1 .li1 .texts>.t2 {margin-bottom:.75em}
	.list2info1 .dl1:before {margin-bottom:1.333em}
}

/* 상세뷰.패널 20160426 */
.view1pic1info1.panel5{padding:3.5% 4%;border:5px solid #bcd;background:#fff;overflow:hidden;}
.view1pic1info1.panel2{padding:3.5% 4%;border:2px solid #aab7bb;background:#fff;overflow:hidden;}


/* 컨텐츠 공통 */
/* 스킵네비게이션(지도) */
.skipapi{z-index:9999;position:absolute;left:0;top:0;width:100%;margin:0}
.skipapi *{display:inline;list-style:none;margin:0;padding:0;}
.skipapi a{display:block;position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;}
.skipapi a:focus{left:0;width:98%;padding:1%;height:auto;background:#555;color:#fff;text-decoration:none;text-align:left;line-height:18px;}
a#skipContent:focus{outline:1px dotted #000;background:#000}


/* 찾아오시는길 */ 
.cmap1 {position:relative;height:0;padding-bottom:50.56%;overflow:hidden;}
.cmap1 .root_daum_roughmap_landing {position:absolute;top:0;left:0;width:100% !important;height:100%;}
.cmap1 .root_daum_roughmap .wrap_map {height:100% !important}
.cmap1 .root_daum_roughmap .wrap_btn_zoom .btn_zoom_reset {margin-top:10px}
.cmap1 .b1.more {position:absolute;bottom:0;right:45px;font-weight:500;color:#fff;background:rgba(50,29,4,.7);z-index:21;padding:9px 18px 8px}
.cmap1 .b1.more:after {position:absolute;top:0;right:-45px;content:"";display:block;width:45px;height:41px;background:#d69d4e url(../../img/sub/cmap1_spr.png) no-repeat 0 -74px;background-size:220px auto;}
.cmapinfo1 {background:#f7f8fa}
.cmapinfo1 ul {list-style:none;padding:15px;margin:0;overflow:hidden;}
.cmapinfo1 li {position:relative;float:left;box-sizing:border-box;padding-left:75px;min-height:56px}
.cmapinfo1 li:before {position:absolute;top:0;left:0;content:"";display:block;width:56px;height:56px;background:url(../../img/sub/cmap1_spr.png) no-repeat;background-size:171px auto;}
.cmapinfo1 li.addr:before {background-position:0 0}
.cmapinfo1 li.tel:before {background-position:-57px 0}
.cmapinfo1 li.fax:before {background-position:-115px 0}
.cmapinfo1 li .t1 {display:block;font-size:.925em;color:#000;font-weight:600;letter-spacing:-.075em;margin-top:5px}
.cmapinfo1 li .t2 {display:block;font-size:1.125em;color:#585858;line-height:1.235em;}
.cmapinfo1 li .t2 a {color:#585858}
.cmapinfo1 li.addr .t2 {font-size:1.063em;}
.cmapinfo1 ul.col3 li {width:100%;margin-top:10px;}
.cmapinfo1 ul.col3 li:first-child {width:100%;margin-top:0;}
@media all and (min-width:500px){
	.cmap1 .b1.more {padding-left:28px;padding-right:28px}
	.cmapinfo1 ul {padding:25px 0 25px 20px}
	.cmapinfo1 li {padding-right:20px}
	.cmapinfo1 ul.col3 li {width:50%;margin-top:0}
}
@media all and (min-width:768px){
	.cmap1 .b1.more {right:50px}
	.cmap1 .b1.more:after {width:50px;height:45px;right:-50px;background-size:auto;background-position:0 -82px}
	
}
@media all and (min-width:1000px){
	.cmapinfo1 ul {padding:35px 0 35px 30px}
	.cmapinfo1 ul.col3 li {width:28%}
	.cmapinfo1 ul.col3 li:first-child {width:44%;margin-bottom:0}
	.cmapinfo1 li {padding-left:100px}
	.cmapinfo1 li:before {width:80px;height:80px;background-size:auto;}
	.cmapinfo1 li.tel:before {background-position:-82px 0}
	.cmapinfo1 li.fax:before {background-position:-164px 0}
	.cmapinfo1 li .t1 {margin-top:8px}
}

/* 플로우차트 */
.flow1chart {position:relative;list-style:none;margin:0;padding:0;background:#f9f7f4;padding:10px 10px 20px;overflow:hidden;}
.flow1chart li {position:relative;width:100%;margin-top:30px;box-sizing:border-box;border:1px solid #ac7835;display:table;font-size:1.063em;line-height:1.235em;background:#fff;}
.flow1chart li:first-child {margin-top:10px}
.flow1chart li:last-child {margin-right:0;background:#7b5320;border-color:#7b5320;color:#fff;}
.flow1chart li:after {position:absolute;bottom:-28px;right:calc(50% - 11px);content:"";display:block;width:12px;height:22px;background:url(../../img/sub/ic22a1flowchart1arrow.png) no-repeat;transform:rotate(90deg);}
.flow1chart li:last-child:after {display:none;}
.flow1chart li .t1 {display:table-cell;vertical-align:middle;text-align:center;padding:15px 20px;}
@media all and (min-width:400px){
	.flow1chart {padding:10px 10px 20px 20px}
	.flow1chart li {float:left;width:calc(50% - 30px);height:94px;margin-right:30px;margin-top:10px}
	.flow1chart li:first-child {margin-top:10px}
	.flow1chart li:after {top:calc(50% - 11px);right:-23px;bottom:auto;transform:none;}
	.flow1chart li .t1 {padding-top:0;padding-bottom:0}
}
@media all and (min-width:500px){
	.flow1chart li {width:calc(33.3333% - 30px);margin-right:30px}
	.flow1chart li:after {right:-23px} 
}
@media all and (min-width:768px){
	.flow1chart {padding:10px 20px 30px 40px}
	.flow1chart li {width:calc(25% - 40px);margin-right:40px;margin-top:20px}
	.flow1chart li:first-child {margin-top:20px}
	.flow1chart li:after {right:-28px}
}

/* 이미지확대보기 */
.imgzoom1, .imgExpand1 {position:relative;}
.imgzoom1 .b1.zoom, .imgExpand1 .b1 {position:absolute;bottom:0;right:0;width:40px;height:40px;background:url(../../img/sub/ic40a1zoom.png) no-repeat 50% 50%}


/* 사이트맵 */
.sitemap2 {position:relative;border-top:2px solid #dedede;margin-bottom:30px;font-size:13px}
.sitemap2:before {position:absolute;top:-2px;left:0;content:"";display:block;width:142px;height:2px;background:#864d0b;}
.sitemap2 .hb1.h2 {font-size:1.625em;color:#000;margin:10px 0 15px;padding:0 0 0 12px;background:none}
.sitemap2 .hb1.h3 {margin:0;font-size:1.063em;color:#252525;font-weight:normal;padding-left:20px;letter-spacing:-.075em;background-image:none}
.sitemap2 .hb1.h3:before {position:absolute;top:7px;left:8px;content:"";display:block;width:5px;height:5px;background:#8d5411;border-radius:50%;}
.sitemap2 .cont {background:#f9f7f4;padding:10px}
.sitemap2 .even-grid {margin:0}
.sitemap2 .even-grid .column {width:100%;padding:5px}	
.sitemap2 ul.bu {background:#fff;padding:12px;margin-top:1em;margin-bottom:.333em}
.sitemap2 ul.bu li {position:relative;font-size:.875em;background-image:none;margin:.333em 0}
.sitemap2 ul.bu li a {display:block;color:#5f5f5f;}
.sitemap2 ul.bu li a:before {position:absolute;top:10px;left:0;content:"";display:block;width:5px;height:2px;background:#272727}
@media all and (min-width:500px){
	.sitemap2 {font-size:14px}
	.sitemap2 .cont {padding:15px}
	.sitemap2 .even-grid .column {width:50%;padding:7px}	
}
@media all and (min-width:768px){
	.sitemap2 {font-size:15px}
	.sitemap2:before {width:204px}
	.sitemap2 .hb1.h2 {margin:15px 0 20px}
	.sitemap2 .cont {padding:20px}
	.sitemap2 .even-grid .column {width:33.333%;padding:10px}	
}
@media all and (min-width:1000px){
	.sitemap2 {font-size:16px}
	.sitemap2 .hb1.h2 {margin:20px 0 25px}
	.sitemap2 .even-grid .column {width:25%;}
	.sitemap2 .h3:before {top:9px}
}

/* 사이트맵 */
.sitemap3 {position:relative;}
.sitemap3 .h1{display:block;font-size:1.555em;color:#00508f;padding-bottom:1em;border-bottom:2px solid #00508f;}
.sitemap3 ul {list-style:none;margin:0;padding:0;}
.sitemap3 ul li{margin:1em 0;}
.sitemap3 a {color:#555;text-decoration:none;}
.sitemap3 ul.bu {margin-top:.333em;padding:10px;background:rgba(92,69,52,.1)}
.sitemap3 ul.bu li {margin:0;font-size:.938em}

/* 예약대상자선택 */
.mbox1 {background:#f6f6f6;text-align:center;padding:30px 0 10px;letter-spacing:-.1em;font-size:.875em}
.mbox1 .h1 {font-size:1.5em;line-height:1.6;color:#3e3028;margin-top:0;margin-left:auto;margin-right:auto;width:90%;}
.mbox1 .h1:before {content:"";display:block;width:39px;height:40px;background:url(/_res/portal/img/lib2etc/ic56a1select.png) no-repeat;margin:0 auto 6px;background-size:contain}
.mbox1 .mbox1list {position:relative;width:90%;box-sizing:border-box;background:#fff;margin:2em auto 0;;padding:20px}

.mbox1 .mbox1list .h2 {text-align:center;font-size:1.5em;color:#42342b;font-weight:normal;margin:0 0 10px;}
.mbox1 .mbox1list .t1 {margin:0 0 20px;line-height:22px;}
.mbox1 .mbox1list .b1.app {position:absolute;bottom:-20px;left:calc(50% - 26px);display:block;width:52px;height:52px;border-radius:50%;line-height:52px;background:#4db340;color:#fff;}
.mbox1 .mbox1list:nth-of-type(1) .b1.app {background:#294c9a}
.mbox1 .mbox1notice {margin-top:50px;padding:0 20px;border-top:1px solid #e3e3e3;}
.mbox1 .mbox1notice .h2 {clear:both;text-align:left;background-position:0 0}
.mbox1 .wbox {text-align:left;background:#fff;padding:15px 30px}
.mbox1 .wbox strong {color:#222;font-size:1.063em}
.mbox1 .wbox p {margin:0}
@media all and (min-width:500px){
	.mbox1 .h1 {width:100%;}
	.mbox1 .mbox1list {display:inline-block;vertical-align:top;width:44%;margin-left:4%;margin-top:0;padding:0}
	.mbox1 .mbox1list:nth-of-type(1) {margin-left:0}
	.mbox1 .mbox1list .h2 {margin:35px 0 10px}
	.mbox1 .mbox1list .b1.app {position:relative;bottom:auto;left:auto;margin:0 auto -20px;}
}
@media all and (min-width:768px){
	.mbox1 {padding:50px 0 20px;font-size:.938em}
	.mbox1 .h1:before {width:55px;height:56px;background-size:auto;margin-bottom:12px}
	.mbox1 .mbox1list {width:42%;}
	.mbox1 .mbox1list .h2 {margin:50px 0 15px}
	.mbox1 .mbox1list .t1 {margin-bottom:40px}
	.mbox1 .mbox1list .b1.app {width:74px;height:74px;line-height:74px;margin-bottom:-30px;}
	.mbox1 .mbox1notice {margin-top:70px;padding:0 50px}
	.mbox1 .mbox1notice .h2 {background-position:0 .25125em}
}
@media all and (min-width:1000px){
	.mbox1 {font-size:1em}
}

.infobox1 {position:relative;background:#f6f6f6;padding:.75em 1.333em}
.infobox1:before {position:absolute;top:17px;left:35px;content:"";display:none;width:32px;height:40px;background:url(/_res/portal/img/lib2etc/ic115a1pay.png) no-repeat;background-size:contain;}
.infobox1.file1:before {top:24px;background-image:url(/_res/portal/img/lib2etc/ic97a1filedown.png)}
.infobox1 .h1 {margin:0;font-weight:normal;font-size:1.25em;letter-spacing:-.1em;color:#000;}
.infobox1 .t1 {margin:0}
@media all and (min-width:768px){
	.infobox1 {padding:1em 1.5em 1em 6em}
	.infobox1:before {display:block;}
}
@media all and (min-width:1000px){
	.infobox1 {padding:1.5em 2em 1.5em 7.5em}
	.infobox1:before {top:18px;left:40px;width:45px;height:57px;}
	.infobox1.file1:before {top:28px}
}

.gen1box {background:#f6f6f6;border:1px solid #ddd;padding:.75em;margin-top:.333em}
.gen1box p {font-size:.875em;margin:0;line-height:1.4}
.gen1box p.info1ex {position:relative;padding-left:22px;border-bottom:1px dashed #ddd;padding-bottom:10px;margin-bottom:10px}
.gen1box p.info1ex:before {position:absolute;top:3px;left:0;content:"i";display:block;width:16px;height:16px;border-radius:50%;background:#222;color:#fff;text-align:center;line-height:16px;font-size:.75em;font-weight:bold;}
.gen1box .button {margin:0}


/* 표 목록 더보기 */
.tbl1more.more .wrap {height:255px;overflow:hidden;transition:height .3s ease}
.tbl1more.facil1.more .wrap {height:235px}
.tbl1more .t3 {margin:0;font-size:.875em}
.tbl1more .t3 .time {display:block;}
.tbl1more .t3 .btn1 {display:block;height:auto;font-size:.875em;margin:0 auto;padding:.25em .5em}
.tbl1more.more.on .wrap {height:auto;overflow:visible;}
.tbl1more.more .b1wrap {position:relative;text-align:center;padding-top:.5em;}
.tbl1more.more .b1wrap:before {position:absolute;top:-75px;left:0;content:"";display:block;width:100%;height:75px;background:linear-gradient(transparent, #fff);}
.tbl1more .b1.more {border:0;height:auto;background:#f6f6f6;margin:0;padding:.75em 1.333em;font-size:.875em;letter-spacing:-.075em}
.tbl1more .b1.more:before {content:"+";display:inline-block;vertical-align:middle;margin-right:5px;margin-top:-5px}
.tbl1more.more.on .b1.more {display:none}

table.t3 ul.bu.bu2.dpib {margin:10px 0 0 5px}

[class*='panel']>[class*='deco1'].deco6reserv {background-image:url(/_res/portal/img/lib2etc/ic200a1reserv.png);width:100px;height:100px;}
[class*='panel']>[class*='deco1'].deco6reserv+.body1 {font-size:12px;line-height:1.4}
[class*='panel']>[class*='deco1'].deco6reserv+.body1 p {margin:0;color:#000;}
[class*='panel']>[class*='deco1'].deco6reserv+.body1 p.t1 {font-size:1.5em;font-weight:bold;letter-spacing:-.1em;margin-bottom:0}
@media all and (min-width:500px){
	[class*='panel']>[class*='deco1'].deco6reserv+.body1 {font-size:13px}
}
@media all and (min-width:768px){
	[class*='panel']>[class*='deco1'].deco6reserv+.body1 {font-size:14px}
}
@media all and (min-width:1000px){
	[class*='panel']>[class*='deco1'].deco6reserv+.body1 {font-size:15px}
}

.writeform1 ul.bu.bu2 li {background-position:0 .3em} 
.btn1.mid1 {margin-top:-1em;padding:0}