lib1cp5.css@charset "utf-8";
/**
 * @File Name : lib1cp5.css
 * @Description : Components Library : 신규 콘텐츠
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2017.05.10 | 문영신 | 최초 등록
 * 2017.05.12 | 문영신 | 요구반영. 결함개선. 고도화.
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2017.05.10
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/*! Components Library v.20170511 r.20170512 | by MoonYoungshin[myshin@naver.com] | MIT License */

/* [IE8+]compatible! */

/* Table of contents ))
 | @import
 | Overwrite
 | Contents Share
 | .콘텐츠래퍼클래스명1
 | .list2f1t4b1
 | .view2c2f1t3b1
 | .list2f1t3b1
 | .login2choice3
 | .jumbotron3
 | …
 | RWD
 */


/* All Device ◆◆◆◆◆◆◆◆◆◆ */


/* … lib.css, lib1cp1.css, lib1tour3.css )) Overwrite YYYYMMDD ◆◆◆ */


/* ◇◆ Components Library ◇◆◇◆◇◆◇◆◇◆ */

/* ◇◆ Contents Share ◇◆ */



/* ◇◆ Contents Each ◇◆ */


/* 목록(그림1글1+3버튼1) 복합배치 .hybrid1box1 : 예약 목록.. 20170511 */
.list2f1t4b1{position:relative;margin:0 0 1.5em 0;line-height:1.333;}
.list2f1t4b1 a{color:#333;}
.list2f1t4b1 .lst1{list-style:none;margin:0;padding:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden;}
.list2f1t4b1 .li1{margin:-1px 0 0;border-top:1px solid #eee;overflow:hidden;}
/* .hybrid1box1 재정의 */
.list2f1t4b1 .li1>.wrap1.hybrid1box1{
	padding:20px 0; /* ☆ */
}
.list2f1t4b1 .li1 .column1{
	width:324px; /* ☆ */
	margin:0 3.166% 0 0; /* ☆(38/1200) */
}
.list2f1t4b1 .li1 .column2{
	height:auto; /* = .column1 자식 높이 */
}
/* 내용 */
.list2f1t4b1 .li1 .figs{display:block;}
.list2f1t4b1 .li1 .texts{display:block;}
.list2f1t4b1 .li1 .btns{display:block;margin:1.333em 0 .333em;}
.list2f1t4b1 .li1 .f1{display:block;position:relative;
	width:100%;
	margin:0 auto;
	padding:0 0 66.666%; /* =(216/324) */
	background:#eee;
	overflow:hidden;
}
.list2f1t4b1 .li1 .f1 .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
.list2f1t4b1 .li1 .f1 img{display:block;position:relative;
	width:auto;height:100%;min-width:34%;max-width:100%;
	margin:0 auto;
}
.list2f1t4b1 .li1 .g1{display:block;margin:.333em 0 .833em;color:#b28850;font-size:16px;}
.list2f1t4b1 .li1 .t1{display:block;margin:.333em 0;color:#000;font-weight:500;font-size:20px;}
.list2f1t4b1 .li1 .t2{display:block;}
.list2f1t4b1 .li1 .t3{display:block;}
.list2f1t4b1 .li1 .t3t1{display:inline;padding:0 .5em 0 .6em;background:url(../../img/lib1cp5/sep1.png) no-repeat 0 50%;font-size:15px;line-height:1.416;}
.list2f1t4b1 .li1 .t3t1:first-child{padding-left:0;background:none;}


/* 상세뷰(컬럼2픽1글3(제1목록1표1) with .even-grid) : 예약 상세..  20160511.   */
.view2c2f1t3b1{position:relative;margin:0 0 2.5em 0;}
.view2c2f1t3b1 .figs{display:block;margin:0 0 1.333em;}
.view2c2f1t3b1 .texts{display:block;font-size:15px;}
.view2c2f1t3b1 .hg1{}
.view2c2f1t3b1 .h1{display:inline;
	margin:0;padding:0;background:none;
	color:#000;font-weight:500;font-size:28px;line-height:1.333;
	vertical-align:middle;
}
.view2c2f1t3b1 ul.bu{margin-bottom:2em;}


/* 목록(그림1글3버튼1 with .even-grid) : 예약 현황.. 20170511 */
.list2f1t3b1{position:relative;margin:0 0 1.5em 0;line-height:1.333;}
.list2f1t3b1 a{color:#333;}
.list2f1t3b1 .lst1{list-style:none;margin:0;padding:0;border-top:1px solid #eee;border-bottom:1px solid #eee;overflow:hidden;}
.list2f1t3b1 .li1{margin:-1px 0 0;border-top:1px solid #eee;overflow:hidden;}
/* .even-grid 재정의 */
.list2f1t3b1 .li1>.wrap1.even-grid{margin-top:10px;margin-bottom:10px;}
/* 내용 */
.list2f1t3b1 .li1{padding:.5em 0;border-top:1px solid #e5e7e9;overflow:hidden;}
.list2f1t3b1 .li1 .texts{display:block;}
.list2f1t3b1 .li1 .btns{display:block;text-align:right;}
.list2f1t3b1 .li1 .t1{display:block;margin:.416em 0;color:#000;font-weight:500;font-size:20px;}
.list2f1t3b1 .li1 .t2{display:block;}
.list2f1t3b1 .li1 .t3{display:block;}
.list2f1t3b1 .li1 .t3t1{display:inline;padding:0 .5em 0 .6em;background:url(../../img/lib1cp5/sep1.png) no-repeat 0 50%;font-size:15px;line-height:1.416;}
.list2f1t3b1 .li1 .t3t1:first-child{padding-left:0;background:none;}
.list2f1t3b1 .li1 .b1{display:inline-block;
	width:74px;height:74px;
	border-radius:9999px;
	background:#888;
	color:#fff;
	font-size:15px;line-height:74px;text-align:center;
}
.list2f1t3b1 .li1 .b1a1{background:#e00;}


/* 로그인2선택3 with .even-grid 20170512 */
.login2choice3{position:relative;margin:0 auto;
	margin:4.166% 0;
	border:1px solid #ddd;
	overflow:hidden;
}
.login2choice3 [class*='login2c']{position:relative;
	box-sizing:border-box; /* ☆ */
	margin:4.166% 0 4.166% -1px; /* =50/1200 */
	padding:0 4.166%;
	border-left:1px dotted #ccc;
	text-align:center;
}
.login2choice3 [class*='login2c']>.ic1{display:inline-block;
	width:200px;height:200px;
	margin:-30px auto -50px;
	background:url() no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
}
.login2choice3 .login2c1>.ic1{background-image:url(../../img/lib1cp5/ic400a1c1mobilephone1.png);}
.login2choice3 .login2c2>.ic1{background-image:url(../../img/lib1cp5/ic400a1c1ipin1.png);}
.login2choice3 [class*='login2c']>.btns{margin:1.666em 0;}


/* 대형 전광판 (bigbox for special Info) 20170512 */
.jumbotron3{position:relative;
	box-sizing:border-box; /* ☆ */
	margin:1.333em auto;
	padding:3% 6%;
	border:1px solid #ddd;background:#fff;
}
.jumbotron3>.wrap1{padding:20px 0;}
.jumbotron3 .ic1{display:inline-block;
	width:200px;height:200px;
	margin:-50px auto;
	background:url(../../img/lib1cp5/ic400a1c1ok1.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
}
.jumbotron3 .t1{display:block;font-size:1.286em;}
.jumbotron3 .t2{display:block;font-size:1.429em;}


/* 달력.일정.(목록클릭) 20170512 */
.timetable1schedule2{position:relative;width:100%;margin:1em auto;line-height:1.333;}
/* 년.월 */
.timetable1schedule2 .month{position:relative;width:4em;margin:0 auto .333em;padding:0 1.333em;font-size:2.571em;text-align:center;}
.timetable1schedule2 .month .h1{margin:0;padding:0;background:transparent;color:#000;}
.timetable1schedule2 .month .em1{color:#d72;}
.timetable1schedule2 .month a.b1{float:left;position:absolute;top:50%;width:36px;height:36px;margin:-18px 0 0 0;
	border-radius:50%;background:#b5babf;
	line-height:1;
	text-decoration:none;
	vertical-align:middle;
}
.timetable1schedule2 .month a.prev{left:0;}
.timetable1schedule2 .month a.next{right:0;}
.timetable1schedule2 .month a.b1>.ic1{float:left;width:30px;height:30px;margin:3px;
	background:url() no-repeat center center;background-size:contain;
}
.timetable1schedule2 .month a.prev>.ic1{background-image:url(../../img/lib/ic60a1left1.png);}
.timetable1schedule2 .month a.next>.ic1{background-image:url(../../img/lib/ic60a1right1.png);}
.timetable1schedule2 .month .today{position:absolute;right:-3em;top:50%;
	width:36px;height:36px;
	margin:-18px 0 0;
	padding-left:0;padding-right:0;
	border-radius:9999px;
	font-size:14px;
}
/* 범례 */
.timetable1schedule2 .note{position:relative;padding:.5em .083em;overflow:hidden;}
.timetable1schedule2 .menu{display:block;overflow:hidden;}
.timetable1schedule2 .menu ul{list-style:none;float:right;margin:0;padding:0;overflow:hidden;}
.timetable1schedule2 .menu li{float:left;margin:0 0 0 .666em;padding:0;}
.timetable1schedule2 a[class*='st']{display:inline-block;color:#333;text-decoration:none;}
.timetable1schedule2 a[class*='st'] .ic1{display:inline-block;
	box-sizing:border-box; /* ☆ */
	width:2em;height:18px;
	padding:0 4px 0 3px;
	border-radius:4px;background:#666;
	color:#fff;font-weight:normal;font-size:12px;
	line-height:18px;
	text-align:center;
	vertical-align:middle;
}
.timetable1schedule2 a[class*='st'] .t1{display:inline-block;
	height:18px;
	margin:.333em 0;
	color:#555;font-size:12px;
	line-height:18px;
	vertical-align:middle;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.timetable1schedule2 a.st1 .ic1{background:#e00;} /* #a7c */
.timetable1schedule2 a.st2 .ic1{background:#08a;} /* #68d */
.timetable1schedule2 a.st3 .ic1{background:#123;} /* #4a0 */
.timetable1schedule2 a.st4 .ic1{background:#4a0;} /* #09c */
.timetable1schedule2 a.st5 .ic1{background:#e5a;} /* #e5a */
.timetable1schedule2 a.st0 .ic1{background:#876730;} /* #666 */
/* 달력 */
.timetable1schedule2 table.calendar1table1{table-layout:fixed;
	width:100%;margin:0;border:0;border-collapse:collapse;
	border-top:2px solid #000;border-bottom:1px solid #000;
}
.timetable1schedule2 table.calendar1table1 th,
.timetable1schedule2 table.calendar1table1 td{width:14.286%;padding:0;border:1px solid #ccc;background:#f7f7f7;color:#666;vertical-align:top;}
.timetable1schedule2 table.calendar1table1 tr.day>th{height:1em;padding:.666em .4em;text-align:center;}
.timetable1schedule2 table.calendar1table1 tbody>tr:first-child>td{border-top-color:#000;}
.timetable1schedule2 table.calendar1table1 tr.day .sat,
.timetable1schedule2 table.calendar1table1 tr .sat .date{color:#00b;}
.timetable1schedule2 table.calendar1table1 tr.day .sun,
.timetable1schedule2 table.calendar1table1 tr .sun .date,
.timetable1schedule2 table.calendar1table1 tr.day .hol,
.timetable1schedule2 table.calendar1table1 tr .hol .date{color:#e00;}
.timetable1schedule2 table.calendar1table1 td{background:#fff;}
.timetable1schedule2 table.calendar1table1 td>.cell{display:block;position:relative;min-height:40px;padding:0 0 .333em;overflow:hidden;}
.timetable1schedule2 table.calendar1table1 td .date{display:block;margin:.333em;color:#000;font-size:1em;}
.timetable1schedule2 table.calendar1table1 td .menu{margin:.333em;}
.timetable1schedule2 table.calendar1table1 td .menu .m{display:block;margin:0 0 .166em;}
.timetable1schedule2 table.calendar1table1 td .tt1{display:block;margin:0 0 .333em;color:#000;font-weight:600;}
.timetable1schedule2 table.calendar1table1 td .tt2{display:inline-block;margin:0 .166em 0 0;color:#000;font-weight:600;vertical-align:middle;}






/* YYYYMMDD.Writer. ◇◆ */


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */
/* small~xlarge */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */





} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1200px){/* xlarge ◇◆◇◆◇◆◇◆◇◆ */





} /* /(min-width:1200px) */

/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */