@charset "utf-8";
/**
 * @File Name : lib2.css
 * @Description : Add Share Contents ..
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2019.09.20 | 문영신 | 최초 등록
 * 2019.09.27 | 문영신 | 요구반영. 결함개선. 고도화.
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2019.09.19
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/*! CSS Library v0.3. 20170608~. 20190422. 20190905. |
 * 공유 콘텐츠 CSS 추가
 * class 선택자에 정의한다. 우선순위 높은 id 선택자는 필연적일 때만 사용한다.
 */

/** Compatible! [IE9+] 20190112~ */

/** Table of contents ))
 | Overwrite
 | Add Share Contents
 | Components Library
 | RWD
 */


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


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


/* 폼콘트롤 20190905 */
[class][class] input[disabled]{
	border-color:transparent;
	background:#f7f7f7;
}


/* 버튼 | 독립아이콘 20190927 */
.ic1.indy.ic80bulb1{width:80px;height:80px;background-image:url(../../img/lib2/ic160deco1bulb1.png);}
.ic1.indy.ic80poll1{width:80px;height:80px;background-image:url(../../img/lib2/ic160a1c1poll1.png);}
.ic1.indy.ic20info1{width:20px;height:20px;background-image:url(../../img/lib2/ic40a8c1info1.png);}
.ic1.indy.ic20info2{width:20px;height:20px;background-image:url(../../img/lib2/ic40a8c2info1.png);}
/* ☆ */
.ic1.indy.ic20plus1{width:20px;height:20px;background-image:url(../../img/lib/ic40a3c1plus1.png);}
.ic1.indy.ic20download1{width:20px;height:20px;background-image:url(../../img/lib/ic40a3c1download1.png);}
/* ☆ */
.ic1.indy.ic111speech1{width:111px;height:111px;background-image:url(../../img/lib2/ic222a1c2speech1.png);}
/* ☆ */
.ic1.indy.ic11plus1{width:11px;height:11px;background-image:url(../../img/lib2/ic11a1c1plus1.png);}
/* ☆ */
.toggle .ic1.triangle1{display:inline-block; /* ▽ */
	width:0;height:0;
	border:0 solid transparent;
	border-top-color:#000;
	border-width:8px 6px 0 6px;
	transition:.2s;
}
.toggle.on .ic1.triangle1{
	transform:rotate(180deg);
}
/* ☆ */
.ic1.indy.ic120pc1pointer1{width:120px;height:120px;background-image:url(../../img/lib2/ic240a1c2pc1pointer1.png);}
.ic1.indy.ic120person1{width:120px;height:120px;background-image:url(../../img/lib2/ic240a1c2person1.png);}
/* ☆ */
.ic1.indy.ic26map1{
	width:26px;height:26px;
	margin:-3px 0;
	background-image:url(../../img/lib2/ic52a1c0map1.png);
}
.ic1.indy.ic26vr1{
	width:26px;height:26px;
	margin:-3px 0;
	background-image:url(../../img/lib2/ic52a1c0vr1.png);
}


/* 블럭버튼.글1픽1 20190905 */
.button.block1t1ic1{display:block;
	width:100%;
	height:auto;
	padding:8px 50px 8px 16px; /* (30+12+8) */
	border-color:#ddd;
	background-color:#fff;
	color:#666;
	white-space:normal;
	text-align:left;
}
.button.block1t1ic1:after{content:'';
	display:inline-block;
	height:30px;
	vertical-align:middle;
}
.button.block1t1ic1 .t1{
	display:inline-block;
	width:98%;
	font-size:15px;
	line-height:1.375;
	vertical-align:middle;
	/* text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; */
}
.button.block1t1ic1 .ic1{
	position:absolute;right:12px;top:8px;
	width:30px;height:30px;
	background-image:url(../../img/lib2/ic60a2c2opennew1.png);
}
.button.block1t1ic1 .ic1.link{background-image:url(../../img/lib2/ic60a2c2opennew1.png);}
.button.block1t1ic1 .ic1.download{background-image:url(../../img/lib2/ic60a2c2download1.png);}


/* 패널 20190905 */
[class*='panel']>.size100px{
	width:100px;height:100px;
}
/* ☆ */
[class*='panel']>.deco6trophy1{background-image:url(../../img/lib2/ic200a1c1trophy1.png);}
[class*='panel']>.deco6note1pencil1{background-image:url(../../img/lib2/ic200a1c1note1pencil1.png);}
/* ☆ */
[class*='panel']>[class*='deco7']{
	width:114px;height:114px;
}
[class*='panel']>.deco7bulb1{background-image:url(../../img/lib2/ic228a1c1bulb1.png);}
[class*='panel']>.deco7recycle1{background-image:url(../../img/lib2/ic228a1c1recycle1.png);}
/* ☆ */
[class*='panel']>[class*='deco8']{
	width:90px;height:90px;
	margin:0 35px 0 25px;
}
[class*='panel']>.deco8megaphone1{background-image:url(../../img/lib2/ic180a1c1megaphone1.png);}
[class*='panel']>.deco8monitor1talk1{background-image:url(../../img/lib2/ic90a1c1monitor1talk1.png);}

/* ☆ */
[class*='panel']>[class*='deco10']{
	width:111px;height:111px;
	margin:0 30px 0 0;
}
[class*='panel']>.deco10speech1{background-image:url(../../img/lib2/ic222a1c2speech1.png);}


/* BG 20190905 */
.bgcf3f4f6{background-color:#f3f4f6 !important;}


/* 달력날짜선택기 20190905
 * jquery-ui.css 를 차후에 불러오는거 대비 우선순위 높여줌.
 */
img.ui-datepicker-trigger{
	width:20px;height:20px;
	margin:.375em 0 .375em -1px;
	padding:9px 4px; /* ((40-20-1*2)/2) () */
	border:1px solid #bbb;
	background:#fff;
}
/* ☆ */
.fs15px img.ui-datepicker-trigger{
	padding:7.75px 4px;
}
/* 레이어.달력 */
.ui-datepicker[class][class]{
	font-size:14px;
	box-shadow:0 2px 5px 0 rgba(0, 0, 0, .1);
}
.ui-datepicker[class][class] select{
	height:24px;
	width:40%;
	margin:0 2%;
	padding-top:0;
	padding-bottom:0;
	border-radius:2px;
	vertical-align:baseline;
}
.ui-datepicker[class] .ui-datepicker-prev,
.ui-datepicker[class] .ui-datepicker-next{
	box-sizing:border-box; /* ☆ */
	position:absolute;
	top:50%;
	width:24px;
	height:24px;
	margin:-12px 3px;
	border-width:1px;
}
.ui-datepicker[class] td span,
.ui-datepicker[class] td a {
	text-align:center;
}


/* 복합배치 20190812 */
/* .hybrid2row1>.column1>.ic1{
	background-image:url(../../img/lib2/ic17a1c2!.png);
	background-size:auto;
} */


/* 게시물목록 20190905 */
.list1f1t3i1.cp21type1 .li1 .t1{
	color:#000;
	font-weight:400;
	font-size:26px;
}
.list1f1t3i1.cp21type1 .li1 .t2{
	max-height:161px; /* (23*7) */
	line-height:23px;
}
.list1f1t3i1 .li1 .t2:after{
	height:23px;
}
/* ☆ */
.list1f1t3i1 .cp21ulist1{
	margin:.8125em 0 0;
}


/* Add Share Contents Style ◇◆◇◆◇◆◇◆◇◆ */


/* 불릿아이콘목록 20190905 */
.bi1{
	list-style:none;margin-left:0;padding:0;
	line-height:1.5;
	text-align:left;
}
.bi1 .li1{
	margin:.375em 0;
	padding:0 0 0 18px;
}
.bi1 .li1{
	background:url(../../img/lib2/ic13a2c2!.png) no-repeat 0 .25em;
	background-size:13px;
}


/* 이미지 크게 보기 앵커 20190905 */
.a-view-larger{display:block;
	position:relative;
	height:0;
}
.a-view-larger .t1{display:inline-block;
	position:absolute;right:0;bottom:0;
	width:40px;height:40px;
	border:1px dotted transparent;
	border-radius:8px 0 0 0;
	background:#000;
	overflow:hidden;
	text-indent:-9999px;
	opacity:.5;
}
.a-view-larger .ic1{display:inline-block;
	z-index:10;
	position:absolute;right:0;bottom:0;
	width:24px;height:24px;
	margin:6px;
	border-radius:9999px;
	border:2px solid #fff;
	overflow:hidden;
}
.a-view-larger .ic1:before{content:'';display:inline-block;
	position:absolute;left:50%;top:50%;
	width:14px;height:2px;
	margin:-1px -7px;
	background:#fff;
	overflow:hidden;
}
.a-view-larger .ic1:after{content:'';display:inline-block;
	position:absolute;left:50%;top:50%;
	width:2px;height:14px;
	margin:-7px -1px;
	background:#fff;
	overflow:hidden;
}
/* ☆ */
.a-view-larger:focus .t1{
	border-color:#fff;
	opacity:1;
}


/* 팬시콘트롤(디자인폼 라디오) 20190927 */
.fcontrol1{
	line-height:1.375;
}
.fcontrol1 .item{
	display:inline-block;
	padding:5px 0;
	overflow:hidden;
	cursor:default;
}
.fcontrol1 .item input{
	position:absolute;left:-9999px; /* [FF]fix) */
	width:0;height:0;
	font-size:0;
	opacity:0;
}
.fcontrol1 .item .ic1{display:inline-block;
	width:25px;height:25px;
	margin:0 6px 0 0;
	background:url() no-repeat center center;
	vertical-align:middle;
}
.fcontrol1 .item .t1{display:inline-block;
	vertical-align:middle;
}
.fcontrol1 .item .ic1{
	background-image:url(../../img/lib2/ic25form1radio1off.png);
}
.fcontrol1 .item input:checked + .ic1{
	background-image:url(../../img/lib2/ic25form1radio1on.png);
}
/* ☆ */
.fcontrol1 input:focus + .ic1{
	outline:1px dotted #000;
}


/* 조회(선택1~3.입력1.겹친버튼1(아이콘)) 20190927 */
[class*='search2select']{position:relative;
	box-sizing:border-box; /* ☆ */
	padding:0 40px 0 0;
	overflow:hidden;
}
[class*='search2select'] fieldset{margin:0;}
[class*='search2select'] [class*='select']{
	float:left;
	width:30%;
	margin-right:.5%;
	border-radius:0;
}
[class*='search2select'] .text1{float:left;
	width:69.5%;
	border-radius:0;
}
[class*='search2select'] .submit{float:left;
	width:40px;
	margin-left:-1px;
	margin-right:-40px;
	padding:0;
	border-radius:0;
	border:1px solid transparent;
	background:#444;
	text-align:center;
}
[class*='search2select'] .submit .t1{display:inline-block;
	position:absolute;left:-9999px;
	width:auto;
	text-indent:0;
	overflow:hidden;
	vertical-align:top; /* ☆ */
}
[class*='search2select'] .submit .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url(../../img/lib/ic40search1.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}


/* 메뉴그룹(체크아이콘) 20190927 */
.menu-group4{position:relative;font-size:0;}
.menu-group4 .m{display:inline-block;
	position:relative;
	padding:0 .75em;
	color:#666;
	font-size:15px;
	text-decoration:none;
	white-space:nowrap;
}
.menu-group4 .m:before{content:'';display:block;
	position:absolute;left:0;top:50%;
	width:0;height:10px;
	margin:-5px 0;
	border-left:1px solid #ccc;
}
.menu-group4 .m:first-child:before{
	display:none;
}
.menu-group4 .m .t1{display:inline-block;
	vertical-align:middle;
}
.menu-group4 .m .ic1{display:inline-block;
	position:absolute;
	width:0;height:0;
	background:url(../../img/lib2/ic18a1c1check1.png) no-repeat center center;
	background-size:contain;
	text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
.menu-group4 .m.on{position:relative;
	color:#000;
	font-weight:600;
}
.menu-group4 .m.on .ic1{display:inline-block;
	position:relative;
	width:18px;
	height:18px;
}


/* 별점5개(단일크기이미지로 다중크기표현) 20190927 */
.cp22rating4star5{display:inline-block;
	z-index:0;
	position:relative;
	width:115px; /*  (2.5점 확인) (( (끝별까지) < v < (끝여백까지) */
	height:22px;
	vertical-align:middle;
	overflow:hidden;
}
.cp22rating4star5 .st-on{display:block;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.cp22rating4star5 .st-off{display:block;position:absolute;right:0;top:0;width:100%;height:100%;overflow:hidden;}
.cp22rating4star5 .ic1{float:left; /* ★ */
	z-index:10;
	position:absolute;left:0;top:0;
	width:115px;
	height:22px;
	background:#fff url(../../img/lib2/rating4star5s@2x.png) no-repeat left bottom;
	background-size:cover;
	overflow:hidden;
}
.cp22rating4star5 .ic1 img{ /* [IE8]fix */
	bottom:0;
}
.cp22rating4star5 .ic2{float:left; /* ☆ */
	position:absolute;right:0;top:0;
	width:115px;
	height:22px;
	background:url(../../img/lib2/rating4star5s@2x.png) no-repeat left top;
	background-size:cover;
	overflow:hidden;
	opacity:.5;
}


/* YYYYMMDD.Writer. ◇◆ */


/* 시간내비.이전다음 20190927 */
.cp22time1nav1{position:relative;
	width:4.761em; /* (200/42) */
	margin:.5em auto;
	padding:0 40px;
	font-size:36px;
	line-height:1.375;
	text-align:center;
}
.cp22time1nav1 .h1{margin:0;padding:0;background:transparent;
	color:#000;
	font-weight:500;
}
.cp22time1nav1 .h1t1{color:#333;}
.cp22time1nav1 .h1t2{color:#175fa5;}
.cp22time1nav1 .em{color:#000;}
.cp22time1nav1 .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;
}
.cp22time1nav1 .b1.prev{left:0;}
.cp22time1nav1 .b1.next{right:0;}
.cp22time1nav1 .b1>.ic1{float:left;position:absolute;left:50%;top:50%;
	width:33px;height:33px;margin:-16.5px;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
	opacity:.6;
}
.cp22time1nav1 .b1.prev>.ic1{background-image:url(../../img/lib2/ic66a1c1left1@2x.png);}
.cp22time1nav1 .b1.next>.ic1{background-image:url(../../img/lib2/ic66a1c1right1@2x.png);}


/* 달력.일정.(목록클릭) 20190927 */
.cp22timetable1schedule1{position:relative;margin:1.25em auto;line-height:1.375;}
/* 범례 */
.cp22timetable1schedule1 .note1{
	margin:1.375em 0 10px;
	padding:.5em 0;
	border-width:1px 0;
	background:#fff;
	overflow:hidden;
}
.cp22timetable1schedule1 .menu ul{list-style:none;clear:both;margin:0;padding:0;overflow:hidden;}
.cp22timetable1schedule1 .menu li{float:left;margin-right:.5em;}
.cp22timetable1schedule1 .menu li>a{display:block;
	padding:4px 0;
	color:#666;
	text-decoration:none;
}
.cp22timetable1schedule1 .menu li>a .ic1{float:left;
	width:18px;height:18px;
	margin:0 .375em 0 0;
	padding:0;
	border-radius:3px;
	background:#666;
	color:#fff;
	font-weight:600;
	font-size:11px;
	line-height:18px;
	letter-spacing:0;
	text-align:center;
}
.cp22timetable1schedule1 .menu li>a .t1{display:block;
	font-size:13px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp22timetable1schedule1 .menu li>a.st1 .ic1{background:#a7c;} /* 전시 */
.cp22timetable1schedule1 .menu li>a.st2 .ic1{background:#68d;} /* 공연 */
.cp22timetable1schedule1 .menu li>a.st3 .ic1{background:#4a0;} /* 영상 */
.cp22timetable1schedule1 .menu li>a.st4 .ic1{background:#09c;} /* 이벤트 */
.cp22timetable1schedule1 .menu li>a.st5 .ic1{background:#e5a;} /* 체험 */
.cp22timetable1schedule1 .menu li>a.st6 .ic1{background:#e64;} /* 관광 */
.cp22timetable1schedule1 .menu li>a.st7 .ic1{background:#099;} /* 심포지엄 */
/* 표 */
.cp22timetable1schedule1 table.calendar1table1{table-layout:fixed;clear:both;width:100%;margin:0;border:0;border-collapse:collapse;
	border-top:2px solid #000;
	border-bottom:1px solid #000;
}
.cp22timetable1schedule1 table.calendar1table1 th,
.cp22timetable1schedule1 table.calendar1table1 td{
	width:14.286%;
	padding:0;
	border:1px solid #ccc;
	background:#f7f7f7;
	vertical-align:top;
}
.cp22timetable1schedule1 table.calendar1table1 tr.day>th{
	height:1em;
	padding:.75em;
	background:#f7f7f7;
	text-align:center;
}
.cp22timetable1schedule1 table.calendar1table1 tbody>tr:first-child>td{border-top-color:#000;}
.cp22timetable1schedule1 table.calendar1table1 tr.day .sat,
.cp22timetable1schedule1 table.calendar1table1 tr .sat .date{color:#00b;}
.cp22timetable1schedule1 table.calendar1table1 tr.day .sun,
.cp22timetable1schedule1 table.calendar1table1 tr .sun .date,
.cp22timetable1schedule1 table.calendar1table1 tr.day .hol,
.cp22timetable1schedule1 table.calendar1table1 tr .hol .date{color:#e00;}
.cp22timetable1schedule1 table.calendar1table1 td{background:#fff;}
.cp22timetable1schedule1 table.calendar1table1 td .cell{display:block;
	position:relative;
	min-height:40px;
	padding:.25em;
	overflow:hidden;
}
.cp22timetable1schedule1 table.calendar1table1 td .date{display:block;
	margin:4px;
	color:#000;
	text-align:left;
}
/* ☆ */
/* .cp22timetable1schedule1 table.calendar1table1>*>tr>td[data-v1]{background:#f7f7f7;}
.cp22timetable1schedule1 table.calendar1table1>*>tr>td[data-v1='has']{background:#f7f7f7;}
.cp22timetable1schedule1 table.calendar1table1>*>tr>td[data-v1='past']{background:#f7f7f7;}
.cp22timetable1schedule1 table.calendar1table1>*>tr>td[data-v1='no']{background:#fff;}
.cp22timetable1schedule1 table.calendar1table1>*>tr>td[data-v1='yes']{background:#fff;} */
/* ☆ */
.cp22timetable1schedule1 table.calendar1table1 td .menu{display:block;
	clear:both;
	margin:4px;
	overflow:hidden;
}
.cp22timetable1schedule1 table.calendar1table1 td .menu li{width:100%;margin:0;}
.cp22timetable1schedule1 table.calendar1table1 td .menu li>a:hover .t1,
.cp22timetable1schedule1 table.calendar1table1 td .menu li>a:focus .t1{
	color:#000;
	text-decoration:underline;
}

/* 사전예약달력 추가 20210818 */
.preorder1 table.calendar1table1 td {text-align:center;}
.preorder1 table.calendar1table1 td .cell {padding:10px;}
.preorder1 table.calendar1table1 td .date {text-align:center;font-size:14px;display:block;font-weight:500;color:#555;margin:0}
.preorder1 table.calendar1table1 td .nums {font-size:18px;font-weight:600;color:#007ae9;display:block;padding:10px 0;}
.preorder1 table.calendar1table1 td .button.small {font-size:13px;padding:.4em .75em;border-radius:20px;margin:0}
.preorder1 table.calendar1table1 td .button.small.disabled {background:#ddd;color:#555;opacity:1;font-weight:500}
.preorder1 table.calendar1table1 td .button.small.disabled:hover {background:#666;color:#fff;border-color:#666}
.preorder1 table.calendar1table1 td .button.small.submit {background-color:#EB4050;border-color:#EB4050}
.preorder1 table.calendar1table1 td .button.small.submit:hover {background:#C83644;border-color:#C83644}
@media all and (max-width:768px){
	.preorder1 table.calendar1table1 td .cell {padding-left:5px;padding-right:5px}
	.preorder1 table.calendar1table1 td .date {font-size:13px}
	.preorder1 table.calendar1table1 td .nums {font-size:17px}
	.preorder1 table.calendar1table1 td .button.small {font-size:12px;}
}
@media all and (max-width:599px){
	.preorder1 table.calendar1table1 td .cell {word-break:keep-all;padding:3px}
	.preorder1 table.calendar1table1 td .date {font-size:12px}
	.preorder1 table.calendar1table1 td .nums {font-size:15px;padding:5px 0;word-break:break-word}
	.preorder1 table.calendar1table1 td .button.small {width:100%;padding-left:5px;padding-right:5px;box-sizing:border-box;}
	.preorder1 table.calendar1table1 td .button.small span {position:absolute;top:-1000px;left:-1000px;width:1px;height:1px;overflow:hidden;}	
}

.preorder1 table.t3>*>tr>th {font-weight:500;color:#014995;text-align:center;}
@media all and (max-width:599px){
	.preorder1 table.t3 colgroup {display:none}
	.preorder1 table.t3>*>tr, .preorder1 table.t3>*>tr>th, .preorder1 table.t3>*>tr>td {display:block;width:100%;box-sizing:border-box;border:0;text-align:left;padding:.5em .75em}
	.preorder1 table.t3>*>tr {padding:0}
	.preorder1 table.t3>*>tr>th {border-top:1px solid #ddd;padding-bottom:0}
	.preorder1 table.t0.rspnsv td input.text.w30p {width:100%}
	.preorder1 table.t0.rspnsv td input.text {width:30%}
}

.writeform1 .select {min-width:150px;padding-top:0;padding-bottom:0}
dl.writeform1 dt, dl.writeform1 dd {float:left;padding:.5em .75em;box-sizing:border-box;}
dl.writeform1 dt {width:10em}
dl.writeform1 dd {width:calc(100% - 10em);}
[class*='panel'] dl.writeform1 dd table.t1 {margin-top:0;table-layout:fixed}
[class*='panel'] dl.writeform1 dd table.t1 thead th {background:#f6f6f6;border-left:1px solid #fff}
[class*='panel'] dl.writeform1 dd table.t1 tbody th, [class*='panel'] dl.writeform1 dd table.t1 td {border-bottom:1px solid #eee;text-align:center;}
[class*='panel'] dl.writeform1 dd table.t1 td input[type=text] {border-color:#bbb}
@media all and (max-width:768px){
	dl.writeform1 dt, dl.writeform1 dd {float:none;width:100%}
	dl.writeform1 dt {padding-bottom:0}
}
@media all and (max-width:490px){
	dl.writeform1 dd .info-ex {display:block;margin-left:0 !important}
}

.msgbox1 + .infomenu {margin-top:30px}
.preorder1 .amb1frm {position:relative;border-top:2px solid #f7a600}
.preorder1 .amb1frm:before {position:absolute;top:-2px;right:0;content:"";display:block;width:31.8681%;height:2px;background:#e52322;}
.preorder1 .amb1frm p {font-size:1.25em;color:#222;font-weight:500}

.info1preorder {position:relative;background:#146fb9;padding:40px;color:#fff;letter-spacing:-.075em;margin-bottom:1em}
.info1preorder:after {position:absolute;bottom:-7px;right:-4px;content:"";display:block;width:281px;height:227px;background:url(../../img/sub/info1preorder_bg.png) no-repeat;background-size:contain;}
.info1preorder .h1 {color:#fff500;font-size:42px;font-family:"Gmarket Sans", sans-serif;letter-spacing:-.05em;}
.info1preorder .h1 span {font-size:30px;margin-right:10px}
.info1preorder ul li {position:relative;padding-left:12px;}
.info1preorder ul li:before {position:absolute;top:13px;left:0;content:"";display:block;width:3px;height:3px;background:#fff;border-radius:50%;}
@media all and (max-width:999px){
	.info1preorder {padding:35px 25px;font-size:15px}
	.info1preorder:after {width:225px;height:182px;}
	.info1preorder .h1 {font-size:38px}
	.info1preorder .h1 span {font-size:24px}
}
@media all and (max-width:768px){
	.info1preorder:after {width:169px;height:136px;bottom:-5px;}
	.info1preorder .h1 {font-size:33px}
	.info1preorder .h1 span {font-size:20px}
	.info1preorder ul {padding-right:170px;}
}
@media all and (max-width:559px){
	.info1preorder {font-size:14px;padding:30px 20px 20px}
	.info1preorder:after {display:none}
	.info1preorder .h1 {text-align:center;}	
	.info1preorder .h1 span {display:block;margin-right:0;font-size:18px}
	.info1preorder ul {padding-right:0;}
}




/* ◇◆ */
html.Mobile .cp22timetable1schedule1 .menu li>a .ic1{
	line-height:19px;
}


/* 목록(픽1분류2글2정의목록1) 복합 .hybrid1row1 : 공연·전시, .. 20190927 */
.cp22f1list1{
	position:relative;
	margin:0 0 1.5em;
	line-height:1.375;
	overflow:hidden;
}
.cp22f1list1 a{color:#000;}
.cp22f1list1 [href]:focus .f1{outline:1px dotted #000;}
.cp22f1list1 .lst1{
	list-style:none;margin:0;padding:0;
	border-bottom:1px solid #ddd;
}
.cp22f1list1 .li1{
	border-top:1px solid #ddd;
	overflow:hidden;
}
/* .hybrid1row1 재정의 */
.cp22f1list1 .li1>.w1.hybrid1row1{
	padding:30px 0 10px; /* ☆ */
}
.cp22f1list1 .li1 .column1{
	width:320px;
	margin:0 auto 20px; /* ☆ */
}
.cp22f1list1 .li1 .column2{
	height:auto; /* = .column1 자식 높이 */
	padding:0 0 20px;
}
/* 내용 */
.cp22f1list1 .li1 .figs{display:block;
	/* margin:0 20px; */ /* ☆ */
}
.cp22f1list1 .li1 .texts{display:block;
	margin:auto;
}
.cp22f1list1 .li1 .f1{display:block;
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0 0 66.666%; /* (2/3) */
	background:#eee;
	overflow:hidden;
}
.cp22f1list1 .li1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.cp22f1list1 .li1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
.cp22f1list1 .li1 .texts{
	text-align:left;
}
.cp22f1list1 .li1 .texts .g1{display:inline-block;
	margin:0 .375em 0 0;
	padding:.25em .75em;
	border-radius:9999px;
	border:2px solid transparent;
	background:#ed145b;
	color:#fff;
	font-weight:400;
	font-size:15px;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
}
.cp22f1list1 .li1 .texts .g1.s1{background:#a7c;} /* 전시 */      
.cp22f1list1 .li1 .texts .g1.s2{background:#68d;} /* 공연 */      
.cp22f1list1 .li1 .texts .g1.s3{background:#4a0;} /* 영상 */      
.cp22f1list1 .li1 .texts .g1.s4{background:#09c;} /* 이벤트 */   
.cp22f1list1 .li1 .texts .g1.s5{background:#e5a;} /* 체험 */      
.cp22f1list1 .li1 .texts .g1.s6{background:#e64;} /* 관광 */      
.cp22f1list1 .li1 .texts .g1.s7{background:#099;} /* 심포지엄 */
.cp22f1list1 .li1 .texts .g2{display:inline-block;
	margin:0 .375em 0 0;
	padding:.25em 1em;
	border-radius:9999px;
	border:2px solid #363940;
	color:#363940;
	font-weight:600;
	font-size:14px;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
}
.cp22f1list1 .li1 .texts>.t1{display:inline-block;
	margin:10px 0;
	color:#333;
	font-weight:400;
	font-size:26px;
	letter-spacing:-.0625em;
	overflow:hidden;
	vertical-align:middle;
}
.cp22f1list1 .li1 .texts .t2{display:inline-block;
	position:relative;
	max-height:72px; /* (24*3) */
	margin:10px 0;
	color:#555;
	font-size:15px;
	line-height:24px;
	overflow:hidden;
}
.cp22f1list1 .li1 .texts .t2:after{content:'…';display:block;
	position:absolute;right:0;bottom:0;
	width:3em;
	height:24px; /* (24*3) */
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
/* ◇◆ */
@media all and (min-width:640px){
	.cp22f1list1 .li1 .figs{
		margin:0 40px 0 0; /* ☆ */
	}
}


/* 특화콘텐츠1목록1 (코스목록, ..) 20190927 */
.cp22f1list2{
	position:relative;
	margin:0 0 1.5em 0;
	line-height:1.375;
	overflow:hidden;
}
.cp22f1list2 [href]{
	text-decoration:none;
}
.cp22f1list2 .lst1{
	list-style:none;margin:0;padding:0;
	overflow:hidden;
}
.cp22f1list2 .li1{
	position:relative;
	margin:0 0 24px;
	padding:20px;
	border:1px solid #ddd;
}
.cp22f1list2 .li1 .w1{overflow:hidden;}
.cp22f1list2 .li1 [class*='w1c']{display:block;
	overflow:hidden;
}
.cp22f1list2 .li1 .w1c1{}
.cp22f1list2 .li1 .w1c2{
	padding:16px 0;
}
.cp22f1list2 .figs{display:block;}
.cp22f1list2 a.figs:focus{ /* 초점 */
	border:1px dotted #666;
}
.cp22f1list2 .texts{display:block;
	position:relative;
}
/* ☆ */
.cp22f1list2 .f1{display:block;position:relative;
	margin:auto;
	padding:0 0 56.25%; /* (9/16) */
	background:#eee;
	text-align:center;
	overflow:hidden;
}
.cp22f1list2 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;}
.cp22f1list2 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
/* ☆ */
.cp22f1list2 .tg1{display:block;}
.cp22f1list2 .tg1 .ic1{float:left;
	box-sizing:border-box; /* ☆ */
	width:38px;
	height:50px;
	margin:0 6px 0 0;
	padding:8px 0 0;
	background:url(../../img/lib2/ich50a1c3mapmarker1bg.png) no-repeat center center;
	background-size:contain;
	color:#fff;
	font:400 22px helvatica,arial,sans-serif;
	text-align:center;
	letter-spacing:0;
	vertical-align:middle;
	overflow:hidden;
}
.cp22f1list2 .tg1 .t1{display:block;
	padding:3px 0;
	color:#333;
	font-weight:500;
	font-size:27px;
	letter-spacing:-.0625em;
	overflow:hidden;
}
.cp22f1list2 .tg1 .t2{display:block;
	margin:1.25em 0 .5em;
	color:#666;
	font-size:15px;
	line-height:1.5;
}
/* chevron ▽ */
.cp22f1list2 .li1:before{content:'';
	float:left;position:absolute;left:50%;bottom:0;width:0;height:0;
	margin:-18px;
	border:18px solid transparent;
	border-top-color:#ccc;
	border-bottom:0;
}
.cp22f1list2 .li1:after{content:'';
	float:left;position:absolute;left:50%;bottom:0;width:0;height:0;
	margin:-17px;
	border:17px solid transparent;
	border-top-color:#fff;
	border-bottom:0;
}
.cp22f1list2 .li1:last-child:before,
.cp22f1list2 .li1:last-child:after{
	display:none;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp22f1list2 .li1{
		padding:30px;
	}
	.cp22f1list2 .li1 .w1c1{float:left;
		width:33.412%; /* (283/847) */
		margin:0 3.542% 0 0; /* (30/847) */
	}
	.cp22f1list2 .li1 .w1c2{
		padding-top:6px;
	}
	.cp22f1list2 .li1:before,
	.cp22f1list2 .li1:after{
		left:173px;
	}
}


/* 정의목록 20190927 */
.cp22dlist1{position:relative;
	font-size:.9375em;
	line-height:1.375;
}
.cp22dlist1 .dl1{display:inline-block;
	position:relative;
	list-style:none;margin:0;padding:0;
	text-align:left;
}
.cp22dlist1 .di{display:block;
	overflow:hidden;
}
.cp22dlist1 .dt{
	float:left;
	margin:2px 4px 2px 0;
}
.cp22dlist1 .dt .t1{display:inline-block;
	font-weight:400;
	vertical-align:middle;
}
.cp22dlist1 .dd{display:block;
	padding:4px 0 0 4px;
	overflow:hidden;
}


/* 정의목록 20190927 */
.cp22dlist2{position:relative;
	line-height:1.375;
}
.cp22dlist2 .dl1{list-style:none;
	margin:20px 0;
	padding:0;
	text-align:left;
}
.cp22dlist2 .di{display:block;
	margin:2px 0;
	overflow:hidden;
}
.cp22dlist2 .dt{display:inline-block;
	float:left;
	min-width:3em;
	margin:2px 0;
	padding:.125em .75em .225em;
	border-radius:9999px;
	background:#47586a;
	text-align:center;
}
.cp22dlist2 .dt .t1{display:inline-block;
	padding:2px;
	font-weight:400;
	color:#fff;
	font-size:.9375em;
	vertical-align:middle;
}
.cp22dlist2 .dd{display:block;
	padding:.2em 0 .2em .75em;
	overflow:hidden;
}


/* 일정상세() 복합 .hybrid1row1 : 공연안내, .. 20190927 */
.cp22f1view1{
	margin:0 0 1.5em;
	line-height:1.375;
	overflow:hidden;
}
/* .hybrid1row1 재정의 */
.cp22f1view1 .w1.hybrid1row1{
	padding:0;
}
.cp22f1view1 .w1 .column1{
	margin:0 auto 20px;
}
.cp22f1view1 .w1 .column2{
	height:auto; /* = .column1 자식 높이 */
	padding:0 0 20px;
}
/* 내용 */
.cp22f1view1 .figs{display:block;
	/* margin:0 20px; */ /* ☆ */
}
.cp22f1view1 .texts{display:block;
	margin:auto;
	text-align:left;
}
.cp22f1view1 .f1{display:block;
	position:relative;
	width:100%;
	margin:auto;
	background:#eee;
	overflow:hidden;
}
.cp22f1view1 .f1p1{}
.cp22f1view1 .f1 img{display:block;
	position:relative;
	margin:auto;
}
.cp22f1view1 .g1{display:inline-block;
	margin:0 .375em 0 0;
	padding:.25em .75em;
	border-radius:9999px;
	border:2px solid transparent;
	background:#ed145b;
	color:#fff;
	font-weight:400;
	font-size:15px;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
}
.cp22f1view1 .g1.s1{background:#a7c;} /* 전시 */      
.cp22f1view1 .g1.s2{background:#68d;} /* 공연 */      
.cp22f1view1 .g1.s3{background:#4a0;} /* 영상 */      
.cp22f1view1 .g1.s4{background:#09c;} /* 이벤트 */   
.cp22f1view1 .g1.s5{background:#e5a;} /* 체험 */      
.cp22f1view1 .g1.s6{background:#e64;} /* 관광 */      
.cp22f1view1 .g1.s7{background:#099;} /* 심포지엄 */
.cp22f1view1 .texts>.t1{display:block;
	margin:.25em 0 1em;
	color:#333;
	font-weight:500;
	font-size:1.529em;
	overflow:hidden;
	padding-left:45px;
}
.cp22f1view1 .texts>.t1 .ic1 {position:absolute;top:0;left:0;display:block;width:38px;height:50px;background:url(../../img/lib2/ich50a1c2mapmarker1bg.png) no-repeat center center;background-size:contain;color:#fff;line-height:19px;text-align:center;overflow:hidden;padding:11px 0 0;box-sizing:border-box;font-weight:400;font-size:.591em}
.cp22f1view1 .w1t2{display:block;
	clear:both;
	margin:1.375em 0;
	padding:16px 20px;
	background:#f2f6f9;
}
.cp22f1view1 .t2{display:block;
	position:relative;
	max-height:72px; /* (24*3) */
	margin:1.375em 0;
	color:#555;
	font-size:15px;
	line-height:24px;
	overflow:hidden;
}
.cp22f1view1 .w1t2 .t2{
	margin:0;
}
.cp22f1view1 .btns{display:block;
	margin:30px 0 0;
	text-align:left;
}
.cp22f1view1 .b1{}
.cp22f1view1 .b2{}
/* ◇◆ */
@media all and (min-width:640px){
	.cp22f1view1 .w1 .column1 {width:50%;padding-right:25px;box-sizing:border-box;}
	.cp22f1view1 .texts>.t1 {margin-bottom:1.7em}
	.cp22f1view1 .figs{
		margin:0 40px 0 0;
	}
}

.cp22info1 {position:relative;background:#f2f6f9;padding:20px 20px 20px 65px;color:#222;width:100%;box-sizing:border-box;font-size:.941em;}
.cp22info1:before {position:absolute;top:20px;left:20px;content:"";display:block;width:34px;height:26px;background:url(/expo/img/ic34a1car1.png) no-repeat;}
.cp22info1 .b1.map {position:relative;display:block;background:#0054a6;color:#fff;padding:9px 15px 9px 35px;width:92px;box-sizing:border-box;margin-top:5px;min-height:auto;font-size:.882em}
.cp22info1 .b1.map:before {position:absolute;top:50%;left:15px;margin-top:-9px;content:"";display:block;width:14px;height:18px;background:url(/expo/img/ic18a1map1.png) no-repeat;}
.cp22info1 .b1.map:after {display:none}
@media all and (min-width:540px){
	.cp22info1 {padding:25px 120px 23px 65px}
	.cp22info1:before {top:50%;margin-top:-13px;}
	.cp22info1 .b1.map {position:absolute;top:50%;right:20px;margin-top:-20px;width:auto;}
}

/* 지도맵 20190927 */
.cp22map1{z-index:1;position:relative;
	height:360px;
	margin:auto;
	border-radius:0;
	background:#d1d7db;
	/* overflow:hidden; */
}
.cp22map1 img{max-width:none;}
.cp22map1 #daum_map,
.cp22map1 .map{ /* ★ 맵API 보정 */
	position:absolute !important;left:0;right:0;top:0;bottom:0;width:100%;height:100%;
}
/* 맵마커.번호 */
[class*='cp22map1marker1']{display:inline-block;
	z-index:10;
	position:absolute;left:50%;top:50%; /* 맵마커 가리키는 곳 */
	box-sizing:border-box; /* ☆ */
	width:33px;
	height:38px;
	margin:-38px 0 0 -16.5px; /* 가리키는 곳에서 이거 좌상단거리 */
	padding:6px 0 0;
	background:url(../../img/lib2/ich38a1c2mapmarker1bg.png) no-repeat center center;
	background-size:contain;
	color:#fff;
	font:400 16px helvatica,arial,sans-serif;
	text-align:center;
	letter-spacing:0;
	vertical-align:middle;
	overflow:hidden;
}
/* 맵마커.여기 */
.cp22map1marker1here1{
	background:url(../../img/lib2/ich38a1c2mapmarker1here1.png) no-repeat center bottom;
}
/* ◇◆*/
@media all and (min-width:768px){
	.cp22map1{height:530px;}
}


/* 행사장목록카드 20190927 */
.cp22card1{display:block;
	position:relative;
	margin:0 0 1.5em 0;
	line-height:1.375;
}
.cp22card1 .w1{
	padding:16px 0 0;
	border-top:2px solid #333;
}
.cp22card1 .a1{display:block;
	position:relative;
	text-decoration:none;
	transition:.2s ease-out;
}
.cp22card1 .a1:focus{
	outline:1px dotted #000;
}
.cp22card1 .f1{display:block;
	position:relative;
	padding:0 0 66.666%; /* (2/3) */
	background:#eee;
	overflow:hidden;
}
.cp22card1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.cp22card1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
/* ☆ */
.cp22card1 .tg1{
	padding:12px 0;
	overflow:hidden;
}
.cp22card1 .tg1>.ic1{float:left;
	box-sizing:border-box; /* ☆ */
	width:38px;
	height:50px;
	margin:0 11px 0 0;
	padding:10px 0 0;
	background:url(../../img/lib2/ich50a1c2mapmarker1bg.png) no-repeat center center;
	background-size:contain;
	color:#fff;font-size:.824em;font-weight:500;
	text-align:center;
	letter-spacing:0;
	vertical-align:middle;
	overflow:hidden;
}
.cp22card1 .tg1>.t1{display:block;
	padding:2px 0 0;
	color:#000;
	font-weight:400;
	font-size:1.176em;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp22card1 .tg1>.t2{display:block;
	color:#898989;
	font-size:.882em;
	line-height:18px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}


/* 코스목록카드 20190927 */
.cp22card2{display:block;
	position:relative;
	margin:0 0 1.5em 0;
	line-height:1.375;
}
.cp22card2 .w1{
	padding:16px 0 0;
	border-top:2px solid #333;
}
.cp22card2 .a1{display:block;
	position:relative;
	text-decoration:none;
	transition:.2s ease-out;
}
.cp22card2 .a1:focus{
	outline:1px dotted #000;
}
.cp22card2 .f1{display:block;
	position:relative;
	padding:0 0 56.25%; /* (9/16) */
	background:#eee;
	overflow:hidden;
}
.cp22card2 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.cp22card2 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
/* ☆ */
.cp22card2 .tg1{
	padding:12px 0;
	overflow:hidden;
}
.cp22card2 .tg1>.t1{display:block;
	padding:4px 0 0;
	color:#333;
	font-weight:500;
	font-size:30px;
	letter-spacing:-.0625em;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp22card2 .tg1>.t2{display:block;
	color:#888;
	font-size:13px;
	line-height:18px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}


/* 코스경로 20190927 */
.cp22route1{display:block;
	position:relative;
	line-height:1.375;
}
.cp22route1 .a1{display:inline-block;
	margin:4px 0;
	color:#000;
	text-decoration:none;
	vertical-align:middle;
}
.cp22route1 .ic1{display:inline-block;
	box-sizing:border-box; /* ☆ */
	width:24px;
	height:24px;
	margin:0;
	padding:2px;
	border-radius:9999px;
	background:#357;
	color:#fff;
	font-weight:400;
	font-size:15px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
.cp22route1 :nth-child(1) .ic1{background:#0072bc;}
.cp22route1 :nth-child(2) .ic1{background:#5674b9;}
.cp22route1 :nth-child(3) .ic1{background:#0054a6;}
.cp22route1 :nth-child(4) .ic1{background:#2e3192;}
.cp22route1 :nth-child(5) .ic1{background:#003a7f;}
/* ☆ */
.cp22route1 .t1{display:inline-block;
	vertical-align:middle;
}
.cp22route1 .sep{display:inline-block;
	width:10px;
	height:10px;
	margin:4px;
	background:url(../../img/lib2/ic10a1c1right1.png) no-repeat;
	vertical-align:middle;
	overflow:hidden;
	text-indent:-9999px;
	opacity:.42;
}
/* ☆ */
.cp22route1 [href]:hover .t1,
.cp22route1 [href]:focus .t1{
	border-bottom:1px solid rgba(255,255,255, .5);
}




/* 여행목록 20190927 */
.cp22tour1list1{
	position:relative;
	margin:0 0 1.5em 0;
	line-height:1.375;
}
.cp22tour1list1 [href]{
	text-decoration:none;
}
.cp22tour1list1 .lst1{
	list-style:none;margin:0;padding:0;
	border-bottom:1px solid #ddd;
}
.cp22tour1list1 .li1{
	position:relative;
	margin:0;
	padding:30px 0;
	border-top:1px solid #ddd;
}
.cp22tour1list1 .li1 .w1{overflow:hidden;}
.cp22tour1list1 .li1 [class*='w1c']{display:block;
	box-sizing:border-box; /* ☆ */
	overflow:hidden;
}
.cp22tour1list1 .li1 .w1c1{}
.cp22tour1list1 .li1 .w1c2c1{
	padding:16px 0;
}
.cp22tour1list1 .li1 .w1c2c2{display:none; /* ☆ */
	padding:16px 0 0;
	border-top:1px dotted #ccc;
	text-align:center;
}
.cp22tour1list1 .li1 .w1c2c1 + .w1c2c2{
	display:block;
}
.cp22tour1list1 .figs{display:block;}
.cp22tour1list1 a.figs:focus{ /* 초점 */
	border:1px dotted #000;
}
.cp22tour1list1 .texts{display:block;}
.cp22tour1list1 .ratings{display:block;}
.cp22tour1list1 .btns{display:block;}
.cp22tour1list1 .f1{display:block;position:relative;
	margin:auto;
	padding:0 0 69.231%; /* (180/260) */
	background:#eee;
	text-align:center;
}
.cp22tour1list1 .f1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;overflow:hidden;}
.cp22tour1list1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
.cp22tour1list1 .tg1{display:block;}
.cp22tour1list1 .tg1 .ic1{float:left;
	box-sizing:border-box; /* ☆ */
	width:38px;
	height:50px;
	margin:0 6px 0 0;
	padding:8px 0 0;
	background:url(../../img/lib2/ich50a1c2mapmarker1bg.png) no-repeat center center;
	background-size:contain;
	color:#fff;
	font:400 22px helvatica,arial,sans-serif;
	text-align:center;
	letter-spacing:0;
	vertical-align:middle;
	overflow:hidden;
}
.cp22tour1list1 .tg1 .t1{display:block;
	padding:3px 0;
	color:#000;
	font-weight:400;
	font-size:26px;
	overflow:hidden;
}
.cp22tour1list1 .tg1 .t2{display:block;
	position:relative;
	max-height:44px;
	margin:1.25em 0 .5em;
	color:#666;
	font-size:16px;
	line-height:22px;
	overflow:hidden;
}
.cp22tour1list1 .tg1 .t2:after{content:'…';display:block;
	position:absolute;right:0;
	top:22px;
	width:3em;
	height:22px;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
/* ☆ */
.cp22tour1list1 .cp22rating4star5{
	margin:4px 8px;
}
.cp22tour1list1 .ratings .t1{display:inline-block;
	color:#777;
	/* font-style:italic; */
	font-size:14px;
	vertical-align:middle;
}
.cp22tour1list1 .ratings .t1t1{}
.cp22tour1list1 .ratings .t1t2{}
.cp22tour1list1 .ratings .t1t2 .a2{
	color:#000;
	font-style:inherit;
	text-decoration:underline;
}
.cp22tour1list1 .ratings .t2{display:inline-block;
	color:#888;
	font-weight:400;
	font-style:italic;
	font-size:40px;
	vertical-align:middle;
}
/* ☆ */
.cp22tour1list1 .btns{
	margin:4px -2px;
}
.cp22tour1list1 .btns .button{
	width:90px;
	margin:5px 2px;
	/* height:40px;padding:12px 6px; */
	font-size:14px;
}
.cp22tour1list1 .btns .b1{border:1px solid rgba(0,0,0, .1);background:#1876f5;color:#fff;}
.cp22tour1list1 .btns .b2{border:1px solid #ddd;background:#fff;color:#333;}

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


/* 갤러리.PR로테이터. 20190927 [JS] jQmPR1(); */
.cp22ppr1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:auto;
}
.cp22ppr1 .wrap1{
	position:relative; /* (( 자식 absolute 요소에 border-radius, overflow 영향 주기 */
	overflow:hidden;
}
.cp22ppr1 .w1mView{
	position:relative;
	z-index:0;
	padding:0 0 75%; /* (3/4) */
}
.cp22ppr1 .mView{z-index:0;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp22ppr1 .mCont{
	list-style:none;margin:0;padding:0;
	position:absolute;left:0;top:0;width:100%;height:100%;
}
.cp22ppr1 .mContC{
	margin:0;padding:0;
	display:block;position:absolute;left:0;top:0;width:100%;height:100%;
}
.cp22ppr1 .mContC.on{display:block;}
.cp22ppr1 .mContC [href]{text-decoration:none;cursor:pointer;}
.cp22ppr1 .mContC .a1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
.cp22ppr1 .mContC .f1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.cp22ppr1 .mContC .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
.cp22ppr1 .mContC .f1 img{display:block;position:relative;width:auto;height:100%;min-width:33.4%;max-width:100%;margin:auto;}
/* 고도화 */
.cp22ppr1 .mContC .a1:focus{border:1px dotted #000;overflow:hidden;}
.cp22ppr1 .mContC .a1:focus .f1{margin:-1px;}
.cp22ppr1 .mContC.on .a1{}
.cp22ppr1 .mContC.off .a1{}
.cp22ppr1 .mContC.prev-on .a1{}
.cp22ppr1 .mContC.next-on .a1{}
/* 메뉴 */
.cp22ppr1 .menu{display:block;
	z-index:10;
	position:absolute;left:0;right:0;bottom:0;
	font-size:0;
	text-align:center;
	overflow:hidden;
}
.cp22ppr1 .menu .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
.cp22ppr1 .menu .m .ic1{float:left;position:absolute;left:50%;top:50%;
	width:20px;height:20px;margin:-10px;
	background:url() no-repeat center center;
	/* background-size:contain; */
	overflow:hidden;
}
/* 쪽수 */
.cp22ppr1 .mPage{display:inline-block;
	/* margin:0 1px; */
	padding:8px 16px;
	background:#000;
	background-color:rgba(0,0,0, .42);
	color:#fff;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
}
.cp22ppr1 .mPage .sep{
	margin:.125em;
	font-size:15px;
}
.cp22ppr1 .mPage .on{
	font-size:15px;
	line-height:24px;
}
.cp22ppr1 .mPage .total{
	font-size:15px;
}
/* 제어 */
.cp22ppr1 .mControl{display:inline-block;
	padding:9px 12px 9px 0;
	background:#000;
	background-color:rgba(0,0,0, .42);
	vertical-align:middle;
}
.cp22ppr1 .mControl .m{width:24px;height:24px;}
.cp22ppr1 .mControl .m .ic1{width:15px;height:15px;margin:-7.5px;}
.cp22ppr1 .mControl .stop .ic1{background-image:url(../../img/lib2/ic15a1c0pause1.png);}
.cp22ppr1 .mControl .prev .ic1{background-image:url(../../img/lib2/ic15a1c0left1.png);}
.cp22ppr1 .mControl .next .ic1{background-image:url(../../img/lib2/ic15a1c0right1.png);}


/* 정의목록 20190927 */
.cp22dlist3{display:block;
	position:relative;
	margin:0 auto 20px;
	color:#666;
	line-height:1.5;
	font-size:15px;
}
.cp22dlist3 .dl1{list-style:none;margin:0;padding:0;}
.cp22dlist3 .dl1 .di{display:block;
	overflow:hidden;
}
.cp22dlist3 .dl1 .dt{
	float:left;
	margin:0 .375em 0 0;
	color:#333;
	font-weight:400;
}
.cp22dlist3 .dl1 .dd{display:block;
	margin:.1875em 0;
	overflow:hidden;
}
.cp22dlist3 .dl1 .dt .t1{display:inline-block;
	width:2.6em; /* (2em + 공백*) */
	margin:.1875em 0;
	padding:0;
	vertical-align:middle;
}
/* .cp22dlist3 .dl1 .dd .t2{display:inline-block;
	margin:.375em 0;
	word-break:break-all;
	vertical-align:middle;
} */
.cp22dlist3 .dl1 .dt .sep{}
.cp22dlist3 .dl1 .dt .ic1{display:inline-block;
	width:20px;height:20px;
	margin:0 .25em 0 0;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
.cp22dlist3 .dl1 .address .ic1{background-image:url(../../img/lib2/ic40a1c1mapmarker1.png);}
.cp22dlist3 .dl1 .phone .ic1{background-image:url(../../img/lib2/ic40a1c1phone1.png);}


/* 버튼들. 20190927 */
.cp22btns1{ /* .even-grid */
	position:relative;
	padding:0 0 0 1px;
}
.cp22btns1 .column{}
.cp22btns1 .button{
	width:auto; /* ☆ */
	max-width:none; /* ☆ */
	height:44px;
	margin:0 0 0 -1px;
	padding:11px 0;
	border-radius:0;
	border:1px solid #999;
	background:#fff;
	color:#333;
	font-size:0;
}
.cp22btns1 .button .t1{display:inline-block;
	font-size:14px;
	vertical-align:middle;
}
.cp22btns1 .button .ic1{display:inline-block;
	width:20px;height:20px;
	margin:0 2px 0 0;
	background:url() no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
.cp22btns1 .button.phone .ic1{background-image:url(../../img/lib2/ic40a1c1phone1.png);}
.cp22btns1 .button.getdirections .ic1{background-image:url(../../img/lib2/ic40a1c1mapmarker1.png);}
.cp22btns1 .button.stamp .ic1{background-image:url(../../img/lib2/ic40a1c1stamp1.png);}
/* ☆ */
.cp22btns1 .button:hover{
	z-index:10;
	border:1px solid #c40;
	background:#f60;
	color:#fff;
}
.cp22btns1 .button.phone:hover .ic1{background-image:url(../../img/lib2/ic40a1c0phone1.png);}
.cp22btns1 .button.getdirections:hover .ic1{background-image:url(../../img/lib2/ic40a1c0mapmarker1.png);}
.cp22btns1 .button.stamp:hover .ic1{background-image:url(../../img/lib2/ic40a1c0stamp1.png);}



/* 배치 (별점과버튼들..) 20190927 */
.cp22row1{display:block;
	position:relative;
}
.cp22row1>.column1auto1{display:block;
	margin:0 0 20px;
}
.cp22row1>.column1fixed1{display:block;}
.cp22row1>.column1fixed1>.w1{display:block;
		position:relative;
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp22row1>.column1auto1{display:table-cell;
		width:9999px;
		vertical-align:top;
	}
	.cp22row1>.column1fixed1{display:table-cell;
		vertical-align:top;
	}
	.cp22row1>.column1fixed1>.w1{
		width:98px;
		margin-left:24px;
	}
}


/* 별점.그래프 20190927 */
.cp22rating1graph1{
	position:relative;
	max-width:640px;
	margin:auto;
	line-height:1.375;
}
.cp22rating1graph1 .ratings{
	display:block;
	margin:0 -124px 6px 0;
	text-align:left;
}
.cp22rating1graph1 .ratings:before,
.cp22rating1graph1 .ratings:after{content:'';display:table;clear:both;}
.cp22rating1graph1 .graph1{
	overflow:hidden;
}
/* ☆ */
.cp22rating1graph1 .cp22rating4star5{
	margin:4px;
}
.cp22rating1graph1 .cp22rating4star5, 
.cp22rating1graph1 .cp22rating4star5 .ic1,
.cp22rating1graph1 .cp22rating4star5 .ic2{
	width:80.5px; /* (115*.7) */
	height:15.4px; /* (22*.7) */
}
.cp22rating1graph1 .ratings .t1{display:inline-block;
	font-size:14px;
	vertical-align:middle;
}
.cp22rating1graph1 .ratings .t1t1{display:inline-block;
	color:#333;
	font-weight:400;
}
.cp22rating1graph1 .ratings .t1t2{display:inline-block;}
.cp22rating1graph1 .ratings .t2{display:inline-block;
	color:#888;
	font-weight:600;
	font-size:17px;
	vertical-align:middle;
}
/* ☆ */
.cp22rating1graph1 .graph1 ul{list-style:none;margin:0;padding:0;
	font-size:13px;
}
.cp22rating1graph1 .graph1 li{position:relative;
	margin:0;
	padding:0 40px 0 0; /* ☆ */
	overflow:hidden;
}
.cp22rating1graph1 .graph1 .graph1term1{float:left;
	margin:4px 10px 0 0;
	line-height:1;
}
.cp22rating1graph1 .graph1 .graph1term1 .t1{}
.cp22rating1graph1 .graph1 .graph1track1{display:block;
	height:10px;
	margin:6px 0;
	border-radius:9999px;
	background:#eee;
	overflow:hidden;
}
.cp22rating1graph1 .graph1 .graph1bar1{float:left;
	width:100%;
	height:10px;
	border-radius:9999px;
	background:#08b url(../../img/lib1spc5/b1c2slash1.png);
}
.cp22rating1graph1 .graph1 .graph1data1{float:left;
	position:absolute;right:0;top:0;
	margin:4px 1px;
	line-height:1;
}


/* 버튼들. 20190927 */
.cp22btns2{
	position:relative;
	text-align:center;
}
.cp22btns2 .column{}
.cp22btns2 .button{
	width:120px;
	height:44px;
	margin:6px 4px;
	padding:10px 8px;
}
.cp22btns2 .button .t1{
	color:#fff;
	font-size:14px;
}
.cp22btns2 .button .ic1{}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp22btns2{
		margin:28px auto 0;
	}
	.cp22btns2 .button{
		margin:6px 0;
	}
}


/* YYYYMMDD.Writer. ◇◆ */



/* RWD ◇◆◇◆ */
/* ◇◆ */
@media all and (min-width:640px){
}
/* ◇◆ */
@media all and (min-width:768px){
}
/* ◇◆ */
@media all and (min-width:1000px){
}
/* ◇◆ */
@media all and (min-width:1260px){
}