@charset "utf-8";
/**
 * @File Name : content.css
 * @Description : Subpage Body Contents CSS.
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2018.00.00 | 성이름 | 최초 등록
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2018.05.10
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/*! Subpage Body Content Each Template v.20150905~ 20160929. 20170621 | by @Who
 ★ 최초…최종 작업자는 * 수정일 | 수정자 | 수정내용 ~ 을 항상 남겨주세요!
 */

/* [IE8+]compatible! */

/* Table of contents ))
 | .content1template1
 | …
 */

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

/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */

/* 주변정보 상단 메뉴 */
#menu1{position:relative;width:100%;}
#menu1 *{list-style:none;padding:0;margin:0;}
#menu1:after{content:'…';display:block;
	z-index:1;
	position:absolute;left:0;right:0;bottom:-7px;height:10px;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to top, rgba(255,255,255, 0) 0, #999 100%);
}
#menu1 ul{display:block;
	position:relative;
	z-index:10;
	padding:10px;overflow:hidden;
	background:#fff;
}
#menu1 ul>li{
	position:relative;
	float:left;width:20%;
	text-align:center;
}
#menu1 ul>li:before{content:'';
	position:absolute;left:0;top:5px;bottom:5px;
	border-left:1px solid #ddd;
}
#menu1 ul>li:first-child:before{border:0;}
#menu1 ul>li>a{
	font-size:1em;
	color:#333;
	text-decoration:none;
}
#menu1 ul>li.on>a{
	color:#0385ff;
	position:relative;
}
#menu1 ul>li.on>a:after{content:'';
	display:block;
	position:absolute;left:0;right:0;bottom:-2px;
	border-top:2px solid #0385ff;
}


/* 상세정보 하단 메뉴 */
#menu2{
	position:fixed;
	left:0;right:0;bottom:0;
	background:#f7f7f7;
	border-top:1px solid #ddd;
	overflow:hidden;
}
#menu2 *{list-style:none;padding:0;margin:0;}
#menu2 li{display:inline;}
#menu2 li a{
	float:left;
	width:25%;
	text-align:center;
	text-decoration:none;
	padding:12px 0 8px;
}
#menu2 li a>.ic1{display:block;
	width:30px;height:30px;
	background:url() no-repeat;
	margin:0 auto;
}
#menu2 li a>.t1{display:block;
	font-size:13px;
	color:#333;
}
#menu2 li.m1 a>.ic1{background-image:url(../../img/sub/ic60a1c1phone1.png)}
#menu2 li.m2 a>.ic1{background-image:url(../../img/sub/ic60a1c1computer1.png)}
#menu2 li.m3 a>.ic1{background-image:url(../../img/sub/ic60a1c1compass1.png)}
#menu2 li.m4 a>.ic1{background-image:url(../../img/sub/ic60a1c1talk1.png)}






/* 검색결과1 */
.aroundresult1{display:block;
	position:relative;
	padding:10px 20px;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	background:#f9f9f9;
}
.aroundresult1>.t1{padding:0;margin:0;color:#333;}



/* 비쥬얼.PR로테이터. 20180713 [JS] jQmPR1(); */
.aroundresult2{display:block;
	position:relative;
	margin:auto;
	overflow:hidden;
}
.aroundresult2 *{list-style:none;padding:0;margin:0;}
.aroundresult2 .wrap1{padding:20px 40px;}
.aroundresult2 .mView{
	z-index:10; /* ☆ */
	position:relative;
	height:120px; /* 정보 안잘리게 >=768*(840/1920) */
	overflow:hidden;
}
.aroundresult2 .mCont{position:relative;width:100%;height:100%;}
.aroundresult2 .mContC{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;}
.aroundresult2 .mContC:first-child{z-index:1;}
.aroundresult2 .mContC.on{display:block;}
.aroundresult2 .mContC .c{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.aroundresult2 .mContC a[href]{text-decoration:none;cursor:pointer;}
.aroundresult2 .mContC .f1{display:block;
	float:left;
	width:100px;height:100px;
	margin:0 10px 0 0;
}
.aroundresult2 .mContC .f1p1 img{display:block;
	width:auto;
	height:100%;
}
.aroundresult2 .mContC .tg1{display:block;}
.aroundresult2 .mContC .t1{display:block;
	color:#000;
	margin:0;padding:0;
	font-size:1.063em;
	font-weight:600;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.aroundresult2 .mContC .t2{display:block;
	margin:0 0 7px;
	max-height:37px;
	font-size:0.938em;
	line-height:1.25em;
	overflow:hidden;
}
.aroundresult2 .mContC .btn1{overflow:hidden;}
.aroundresult2 .mContC .b1{display:inline-block;
	text-align:center;
	color:#333;font-size:14px;
	padding:5px 15px;
	border:1px solid #ddd;
	border-radius:3px;
	background:#fff;
}
.aroundresult2 .mContC .b1.find1{
	color:#fff;
	background:#0385ff;
	border-color:#0385ff;
}

/* 고도화 */
.aroundresult2 .mContC .c:focus{border:1px dotted #000;}
.aroundresult2 .mContC .c:focus .f1{margin:-1px;}
.aroundresult2 .mContC.on .a1{}
.aroundresult2 .mContC.off .a1{}
.aroundresult2 .mContC.prev-on .a1{}
.aroundresult2 .mContC.next-on .a1{}
/* 메뉴 */
.aroundresult2 .menu{display:block;
	z-index:1;
	position:absolute;left:0;right:0;top:0;
	width:100%;
	margin:60px 0 0; /* ☆ */
	font-size:0;
	text-align:center;
}
.aroundresult2 .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;
}
.aroundresult2 .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;
}
/* 제어 */
.aroundresult2 .mControl{display:block;
	height:0;
	vertical-align:middle;
}
.aroundresult2 .mControl .m{
	width:15px;height:28px;
}
.aroundresult2 .mControl .prev{float:left;margin-left:10px;}
.aroundresult2 .mControl .next{float:right;margin-right:10px;}
.aroundresult2 .mControl .prev .ic1{background-image:url(../../img/inc/ic30a1left1.png);}
.aroundresult2 .mControl .next .ic1{background-image:url(../../img/inc/ic30a1right1.png);}
.aroundresult2.nodo .menu,
.aroundresult2.nodo .mControl2{display:none;}



/* 비쥬얼.PR로테이터. 20180713 [JS] jQmPR1(); */
#vpr1{display:block;
	position:relative;
	margin:auto;
	overflow:hidden;
}
#vpr1 *{list-style:none;padding:0;margin:0;}
#vpr1 .wrap1{}
#vpr1 .mView{
	z-index:0; /* ☆ */
	position:relative;
	height:215px; /* 정보 안잘리게 >=768*(720/1920) */
	overflow:hidden;
}
#vpr1 .mCont{position:relative;width:100%;height:100%;}
#vpr1 .mContC{display:block;
	z-index:0;
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:#fff;
}
#vpr1 .mContC:first-child{z-index:1;}
#vpr1 .mContC.on{display:block;}
#vpr1 .mContC .c{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#vpr1 .mContC a[href]{text-decoration:none;cursor:pointer;}
#vpr1 .mContC .f1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#vpr1 .mContC .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	margin:0;
}
#vpr1 .mContC .f1p1 img{display:block;width:100%;height:auto;margin:auto;}

/* 고도화 */
#vpr1 .mContC .c:focus{border:1px dotted #000;}
#vpr1 .mContC .c:focus .f1{margin:-1px;}
#vpr1 .mContC.on .a1{}
#vpr1 .mContC.off .a1{}
#vpr1 .mContC.prev-on .a1{}
#vpr1 .mContC.next-on .a1{}
/* 메뉴 */
#vpr1 .menu{display:block;
	z-index:10;
	position:absolute;left:0;right:0;bottom:0;
	width:90%;
	max-width:500px;
	margin:0 auto 20px; /* ☆ */
	font-size:0;
	text-align:center;
}
#vpr1 .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;
}
#vpr1 .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;
}
/* 순번 */
#vpr1 .mNum{display:block;
	position:relative;
	vertical-align:middle;
	overflow:hidden;
}
#vpr1 .mNum .m{display:inline-block;
	width:10px;height:10px;
	background:#fff;
	text-align:center;
	border-radius:100%;
	margin:0 7px;
}
#vpr1 .mNum .m.on{width:15px;height:15px;	
}
#vpr1 .mNum .m.on .ic1{
	display:inline-block;
}
/* 고도화 */
#vpr1.nodo .menu,
#vpr1.nodo .mControl2{display:none;}




/* 스탬프 */
.stamp1{display:block;}
.stamp1 a.toggle{display:block;
	position:absolute;right:20px;top:20px;
	width:50px;height:50px;
	overflow:hidden;
}
.stamp1 a.toggle>.ic1{display:block;
	width:100%;height:100%;
	background:url(../../img/sub/ic100a1c1stamp2.png) no-repeat;
}

/* 쿠폰 */
.coupon1{display:block;
	position:relative;
	padding:20px 0;
	text-align:center;
	overflow:hidden;
	background:#f7f7f7;
}
.coupon1 a.toggle{display:block;
	width:105px;height:72px;
	margin:0 auto;
	padding:0 35px;
	background:url(../../img/sub/coutpon1bg1@2x.png) no-repeat;
	text-decoration:none;
	overflow:hidden;
}
.coupon1 a.toggle .t1{display:block;
	color:#fff;
	font-weight:600;
	letter-spacing:2px;
	font-size:13px;
	padding:10px 0 0;
}
.coupon1 a.toggle .t2{display:block;
	color:#000;
	font-weight:600;
	font-size:23px;
	margin:-7px 0 0;
}
.coupon1 .exp1{display:block;
	line-height:120%;
	font-size:15px;
	color:#333;
	padding:0;margin:.5em 0;
}
.coupon1 .date1{display:inline-block;
	color:#fff;
	font-size:14px;
	letter-spacing:1px;
	font-weight:bold;
	background:#66a7f9;
	padding:5px 20px;
	border-radius:25px;
	font-family:'Noto Sans';
	overflow:hidden;
}




/* 토글팝업 */
.toggle1popup1{display:none;
	z-index:100;
	position:fixed;left:0;right:0;top:0;bottom:0;
	padding:20px;
	background:url(/_res/portal/img/lib/b.000000.opacity.50.png);
}
.toggle1popup1>.wrap1{display:block;
	position:absolute;left:50%;top:50%;
	background:#fff;
	width:300px;
	margin:0 0 0 -150px;
	text-align:center;
	border-radius:10px;
	box-shadow:0 0 5px 10px rgba(0, 0, 0, .1);
	transform:translateY(-50%);
}
.toggle1popup1>.wrap1>.w1{display:block;padding:30px 20px;}
.toggle1popup1 .ic1{display:block;
	width:90px;height:90px;
	margin:0 auto;
	background:url() no-repeat;
}
.toggle1popup1 .t1{padding:0;margin:10px 0;color:#000;}
.toggle1popup1 .btn1>.b1{display:inline-block;
	color:#555;
	font-size:14px;
	padding:4px 25px 3px;
	border-radius:30px;
	background:#fff;
	border:1px solid #ddd;
	text-decoration:none;
}
.toggle1popup1 .btn1>.b1.confirm{
	background:#0385ff;border-color:#0385ff;
	color:#fff;
}
/* 개별적용 */
#stamp1cont1.toggle1popup1 .ic1{background-image:url(../../img/sub/ic180a1c1stamp1.png)} /* 스탬프 */
#coupon1cont1.toggle1popup1 .ic1{background-image:url(../../img/sub/ic180a1c1zzim1.png)} /* 쿠폰찜 */
.toggle1popup1>.correct .ic1{background-image:url(../../img/sub/ic180a1c1face1.png)} /* 정답 */
.toggle1popup1>.incorrect .ic1{background-image:url(../../img/sub/ic180a1c1face2.png)} /* 오답 */


.spotnfo1{display:block;
	padding-bottom:80px;
}
.spotnfo1>.wrap1{padding:20px;}
.spotnfo1>.wrap1 .w1{position:relative;}
.spotnfo1>.wrap1 .w1>.h2{
	display:block;
	height:33px;
	padding:0;margin:0 0 10px;
	font-size:24px;
	color:#333;
	overflow:hidden;
}
/* 설명 더보기 */
#more1text1{display:block !important;
	position:relative;
	max-height:57px;overflow:hidden;
	font-size:14px;
	line-height:140%;
}
#more1text1:after{content:'…';display:block;
	position:absolute;right:25px;bottom:0;width:4em;height:20px;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
.spotnfo1>.wrap1 .w1 .more1>.toggle{
	position:absolute;right:0;bottom:0;
	padding:2px 0 0 5px;
	background:#fff;
}
.spotnfo1>.wrap1 .w1 .more1>.toggle .ic1{display:block;
	float:right;width:20px;height:20px;
	border:1px solid #ddd;
	border-radius:100%;
	overflow:hidden;
	background:url(/_res/portal/img/lib/ic60a1down2.png) no-repeat;
}

/* 힌트 */
.spotnfo1.hint1{padding-bottom:0;}
.spotnfo1.hint1>.wrap1 .w1>.h2{
	padding:6px 20px 4px;margin:0 0 10px 0;
	width:40px;height:20px;
	color:#fff;	letter-spacing:1px;
	font-size:14px;text-align:center;
	font-family:'Noto Sans';
	background:#f95f40;
	border-radius:20px;
}
.spotnfo1.hint1 #more1text1{max-height:40px}


/* 설명 더보기 on*/
.spotnfo1>.wrap1 .w1 .more1>.toggle.on{
	position:relative;top:auto;
	margin:10px 0 0;
}
.spotnfo1>.wrap1 .w1 .more1>.toggle.on .ic1{background-image:url(/_res/portal/img/lib/ic60a1up2.png)}
#more1text1.on{max-height:none !important;}
#more1text1.on:after{display:none;}



.spotnfo1>.wrap1 .w2{margin:20px 0 0;padding:20px 0 0;border-top:1px solid #ddd;}
.spotnfo1>.wrap1 .w2 ul{list-style:none;padding:0;margin:0;}
.spotnfo1>.wrap1 .w2 ul li{display:block;
	position:relative;
	width:100%;min-height:28px;
	overflow:hidden;
}
.spotnfo1>.wrap1 .w2 ul li>.dt1{display:block;
	position:absolute;left:0;top:0;
}
.spotnfo1>.wrap1 .w2 ul li>.dd1{display:block;
	padding:0 0 0 80px;
}


/* 퀴즈 */
.quiz1{display:block;
	width:100%;
	background:#21232d url(../../img/sub/quize1bg1@2x.png) no-repeat;
	background-size:100% auto;
	text-align:center;
	color:#fff;
}
.quiz1>.wrap1{padding:30px 20px;}
.quiz1>.wrap1 .h2{display:block;
	padding:0;margin:0;
	color:#efe2a5;
}

.quiz1>.wrap1 .h2:before,
.quiz1>.wrap1 .h2:after{content:'';
	display:inline-block;
	width:44px;height:12px;
	background:url(../../img/sub/deco1@2x.png) no-repeat;
	background-size:contain;
	vertical-align:middle;
	margin:0 10px;
}
.quiz1>.wrap1 .question1{display:inline-block;}
.quiz1>.wrap1 .question1>.ic1{display:inline-block;
	width:20px;height:20px;
	background:#fff;
	margin:0 2px;
	vertical-align:middle;
}
.quiz1>.wrap1 .t1{margin:.5em 0;padding:0;font-size:15px;}
.quiz1>.wrap1 .t2{margin:0;padding:0;font-size:18px;}
.quiz1>.wrap1 .t2>.question1>.ic1{width:25px;height:25px;}

/* 정답확률 */
.answer1percent1{display:block;
	padding:0 20px 200px;
}
.answer1percent1 *{list-style:none;padding:0;margin:0;}
.answer1percent1>.wrap1{
	display:block;
	border:1px solid #ddd;
	border-radius:10px;
	overflow:hidden;
}
.answer1percent1 li{display:block;
	position:relative;
	padding:10px 20px 10px 20px;
	border-top:1px solid #ddd;
}
.answer1percent1 li:first-child{border:0;}
.answer1percent1 li>.dt1{display:block;
	color:#333;
	padding:0 100px 0 0;
}
.answer1percent1 li>.dt1 .ic1{display:inline-block;
	width:25px;height:25px;
	margin:0 10px 0 0;
	vertical-align:middle;
	background:url() no-repeat;
}
.answer1percent1 li.m1>.dt1 .ic1{background-image:url(../../img/sub/ic180a1c1face1.png)}
.answer1percent1 li.m2>.dt1 .ic1{background-image:url(../../img/sub/ic180a1c1face2.png)}
.answer1percent1 li>.dd1{display:block;
	position:absolute;right:20px;top:5px;
	font-size:20px;
	color:#0282ff;
	font-weight:bold;
	font-family:'Noto Sans';
}

/* 정답 입력 */
.answer1{display:block;
	position:fixed;left:0;right:0;bottom:0;
	width:100%;height:160px;
	background:#f7f7f7;
	text-align:Center;
}
.answer1>.wrap1{padding:20px;}
.answer1 .h2{display:block;
	padding:0;margin:0;
	font-size:20px;
}
.answer1 .h2>.ic1{display:inline-block;
	width:25px;height:28px;
	vertical-align:middle;
	margin:0 10px 10px 0;
	background:url(../../img/sub/deco2@2x.png) no-repeat;
}
.answer1 input[type='text']{display:block;
	border:1px solid 0;
	width:80%;
	margin:0 auto;
}
.answer1 button.submit{display:block;
	width:120px;
	margin:10px auto 0;
	border:0;
	background:#0282ff;
	color:#fff;
	border-radius:20px;
}

/* 목록 */
.infomenu1{
	margin:0;padding:5px 20px;
	background:#f7f7f7;
	border-bottom:1px solid #ddd;
}

/* 찜한 쿠폰 목록 */
.coupon1list1{display:block;
	position:relative;
	padding:20px;
}
.coupon1list1 *{list-style:none;padding:0;margin:0;}
.coupon1list1 li{display:block;
	position:relative;
	width:100%;
	border-top:1px solid #ddd;
	overflow:hidden;
	padding:10px 0;
}
.coupon1list1 li:first-child{border-top:0;padding-top:0;}
.coupon1list1 li .f1{display:block;
	position:relative;float:left;
	width:100px;height:100px;
	margin-right:15px;
	overflow:hidden;
}
.coupon1list1 li .f1>.f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
}
.coupon1list1 li .f1>.f1p1>img{display:block;
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.coupon1list1 li .f1 .ic1{display:block;
	z-index:1;
	position:absolute;left:0;top:0;
	background:#ff5691;
	color:#fff;
	font-size:13px;
	padding:2px 5px;
}

.coupon1list1 li .tg1{display:block;}
.coupon1list1 li .tg1 .t1{display:block;
	color:#000;font-weight:500;
	font-size:18px;
	margin:0 0 0;
}
.coupon1list1 li .tg1 .t2{display:block;
	font-size:13px;
	line-height:1em;
	margin:5px 0;
}
.coupon1list1 li .tg1 .t2:before{content:'';
	display:inline-block;
	width:2px;height:2px;
	background:#333;
	vertical-align:middle;
	margin:0 5px 0 0;
}
.coupon1list1 li .tg1 .a1{display:block;
	background:#0385ff;
	color:#fff;
	font-size:13px;
	padding:3px 0;
	text-decoration:none;
	border-radius:3px;
	overflow:hidden;
	margin:5px 0 0;
	text-align:center;
	width:130px;
}
.coupon1list1 li .tg1 .a1:before{content:'♥ ';}


/* 스탬프 목록 */
.stamp1list1{display:block;
	position:relative;
	border-bottom:1px solid #ddd;
}
.stamp1list1 *{list-style:none;padding:0;margin:0;}
.stamp1list1 li{display:inline-block;
	position:relative;
	width:50%;
	box-sizing:border-box; /* ☆ */
	margin:0 -.25em	 0 0;	
}
.stamp1list1 li>a{display:block;
	position:relative;
	padding:15px;margin:-1px;
	border-top:1px solid #ddd;border-left:1px solid #ddd;
	text-decoration:none;
	color:#333;text-align:center;
}
.stamp1list1 li>a .f1{display:block;
	position:relative;
	width:100%;height:0;
	padding:0 0 100%;
	overflow:hidden;
	background:#f7f7f7;
}
.stamp1list1 li>a .f1>.f1p1{display:block;
	position:absolute;
	left:-100px;right:-100px;
	height:100%;
}
.stamp1list1 li>a .ic1{display:block;
	z-index:1;
	position:absolute;right:10px;top:10px;
	width:40px;height:40px;
	background:url(../../img/sub/ic100a1c1stamp2.png) no-repeat;
}
.stamp1list1 li>a .f1 img{width:auto;height:100%;}
.stamp1list1 li>a .t1{display:block;
	margin:10px 0 0;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}


/* 내퀴즈 목록 */
.quiz1list1{display:block;position:relative;
	padding:20px;
}
.quiz1list1 *{list-style:none;padding:0;margin:0;}
.quiz1list1 li{display:block;margin:0 0 10px 0;overflow:hidden;}
.quiz1list1 li .a1{display:block;
	position:relative;
	border:1px solid #ddd;
	border-radius:15px;
	padding:15px;
	overflow:hidden;
	text-decoration:none;
}
.quiz1list1 li .a1>.dt1{display:block;
	position:absolute;right:15px;top:50%;
	width:70px;height:70px;
	margin:-35px 0 0;
	border-radius:100%;
	background:#f6f6f6;
	overflow:hidden;
}
.quiz1list1 li .a1>.dt1 .t1{display:block;text-align:center;
	font-size:14px;
	color:#333;
}
.quiz1list1 li .a1>.dt1 .ic1{display:block;
	width:30px;height:30px;
	background:url() no-repeat;
	margin:10px auto 0;
}
.quiz1list1 li .a1>.dd1{display:block;
	padding:0 80px 0 0;
}
.quiz1list1 li .a1>.dd1 .t1{display:block;
	width:70px;
	padding:3px 0;
	margin:0 0 5px;
	border-radius:15px;
	background:#0282ff;
	text-align:center;
	color:#fff;font-weight:600;
	font-size:12px;
}
.quiz1list1 li .a1>.dd1 .t2{display:block;
	position:relative;
	font-size:13px;
	color:#555;
	line-height:135%;
	overflow:hidden;
	max-height:35px;
}
.quiz1list1 li .a1>.dd1 .t2:after{content:'…';display:block;
	position:absolute;right:0;bottom:0;width:4em;height:20px;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
.quiz1list1 .question1{display:inline-block;}
.quiz1list1 .question1>.ic1{display:inline-block;
	width:12px;height:12px;
	background:#fff;
	border:1px solid #ddd;
	margin:0 2px;
	vertical-align:middle;
}
/* 정답, 오답 개별적용 */
/* 정답 */
.quiz1list1 li .a1.correct>.dd1 .t1{}
.quiz1list1 li .a1.correct>.dt1 .ic1{background-image:url(../../img/sub/ic180a1c1face1.png)}
/* 오답 */
.quiz1list1 li .a1.incorrect>.dd1 .t1{background:#333}
.quiz1list1 li .a1.incorrect>.dt1 .ic1{background-image:url(../../img/sub/ic180a1c1face2.png)}




/* 비쥬얼.PR로테이터. 20180713 [JS] jQmPR1(); */
#info1{display:block;
	position:relative;
	margin:auto;
	overflow:hidden;
}
#info1 *{list-style:none;padding:0;margin:0;}
#info1 .wrap1{}
#info1 .mView{
	z-index:0; /* ☆ */
	position:relative;
	height:0;
	overflow:hidden;
}
#info1 .mCont{position:absolute;left:0;top:0;width:100%;height:100%;}
#info1 .mContC{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#f7f7f7;}
#info1 .mContC:first-child{z-index:1;}
#info1 .mContC.on{display:block;}
#info1 .mContC .c{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#info1 .mContC a[href]{text-decoration:none;cursor:pointer;}
#info1 .mContC .f1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#info1 .mContC .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	margin:0;
}
#info1 .mContC .f1p1 img{display:block;width:100%;height:100%;margin:auto;}

/* 고도화 */
#info1 .mContC .c:focus{border:1px dotted #000;}
#info1 .mContC .c:focus .f1{margin:-1px;}
#info1 .mContC.on .a1{}
#info1 .mContC.off .a1{}
#info1 .mContC.prev-on .a1{}
#info1 .mContC.next-on .a1{}
/* 메뉴 */
#info1 .menu{display:block;
	z-index:10;
	position:relative;
	width:100%;
	margin:0 auto; /* ☆ */
	padding:15px 0;
	font-size:0;
	text-align:center;
	background:#0282ff;
}
#info1 .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;
}
#info1 .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;
}
/* 순번 */
#info1 .mNum{display:block;
	position:relative;
	vertical-align:middle;
	overflow:hidden;
}
#info1 .mNum .m{display:inline-block;
	width:5px;height:5px;
	background:#fff;
	text-align:center;
	border-radius:100%;
	margin:0 5px;
}
#info1 .mNum .m.on{width:15px;height:15px;
background:#ffde00;
}
#info1 .mNum .m.on .ic1{
	display:inline-block;
}
/* 고도화 */
#info1.nodo .menu,
#info1.nodo .mControl2{display:none;}



/* 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:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */