@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	 ◇◆ */


/* content1template1 */
.content1template1{position:relative;margin:1.375em auto;line-height:1.375;}
.content1template1>.wrap1{}







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

.section1{position:relative;margin:1.375em auto;line-height:1.375;}
.section1 .h2{
	padding:0 0 10px;margin:0 0 30px;
	border-bottom:2px solid #333;
	letter-spacing:-2px;
	background:none;
}
.section1 .more{display:block;
	margin:0 0 10px;
	padding:10px 0;
	text-align:center;
	color:#fff;
	background:#555;
	text-decoration:none;
}


.search1main1 .box1{display:block;position:relative;padding:1.4em;border:1px solid #c8c8cc;background:#fff;min-height:100px;}
.search1main1 .box1:before,
.search1main1 .box1:after{content:'';display:table;clear:both;}
.search1main1 .box1>.column1{float:left;width:30%;margin:0;padding:0;}
.search1main1 .box1>.column2{display:table-cell;position:relative;width:9999px;height:70px; /* = deco1 최대높이 */margin:0;padding:0;vertical-align:middle;}
.search1main1 .box1>.column2>.texts{height:auto;position:relative;padding:0 6px;}
.search1main1 .box1>.column2>.texts strong{font-family:'Noto Sans';font-weight:normal;}
.search1main1 .box1>.column1 .ic1{display:block;
	width:84px;height:84px;
	margin:auto;padding:0;
	background:#e9eaec url() no-repeat center center;background-size:contain;
	overflow:hidden;
	border-radius:50%;
}
.search1main1 .box1>.column1 .ic1.search1{background-image:url(../../img/sub/search1main1ic1@2x.png);}
.search1main1 .box1>.column1 .ic1.search2{background-image:url(../../img/sub/search1main1ic2@2x.png);}
.search1main1 .box1>.column1 .ic1.search3{background-image:url(../../img/sub/search1main1ic3@2x.png);}
.search1main1 .box1>.column1 .ic1.search4{background-image:url(../../img/sub/search1main1ic4@2x.png);}
.search1main1 .box1>.column1 .ic1.search5{background-image:url(../../img/sub/search1main1ic5@2x.png);}
.search1main1 .box1>.column1 .ic1.search6{background-image:url(../../img/sub/search1main1ic6@2x.png);}
.search1main1 .box1>.column1 .ic1.search7{background-image:url(../../img/sub/search1main1ic7@2x.png);}
.search1main1 .box1>.column1 .ic1.search8{background-image:url(../../img/sub/search1main1ic8@2x.png);}
.search1main1 .box1>.column1 .ic1.search9{background-image:url(../../img/sub/search1main1ic9@2x.png);}







/* 카드.픽1글2.크기반응. 20171117 */
.card1f1t2[class]{ /* 우선순위 .init * 보다 높게 */
	display:block;position:relative;margin:0 auto 20px;line-height:1.333;
}
.card1f1t2 .wrap1{}
/* 뷰내용물 */
.card1f1t2 ul{list-style:none;padding:0;}
.card1f1t2 li{display:inline-block;margin:0;padding:0;text-align:left;vertical-align:top;}
.card1f1t2 li>.wrap1{display:block;position:relative;
	border:1px solid #d7d7d7;
	background:#eee;
	transition: .2s ease-out;
}
.card1f1t2 .a1{display:block;
	position:relative;
	text-decoration:none;
	border:1px solid #ddd
}
.card1f1t2 .a1:focus{outline:1px dotted #000;}
.card1f1t2 .f1{display:block;position:relative;
	margin:-1px;
	padding:0 0 63.636%; /* =140/220 */
	background:#eee;
	overflow:hidden;
}
.card1f1t2 .f1.ratio1{ /* ☆ */
	padding:0 0 104.545%; /* =230/220 */
}
.card1f1t2 .f1 .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
.card1f1t2 .f1 img{display:block;position:relative;
	width:auto;height:100%;
	min-width:33.4%; /* ☆ */
	max-width:100%;
	margin:0 auto;
}
.card1f1t2 .tg1{display:block;
	position:relative;
	padding:1em;
	background:#fff;color:#666;
}
.card1f1t2 .t1{display:block;position:relative;
	height:44px;
	margin:0 0 .333em;
	color:#333;
	font-weight:500;

	line-height:22px;
	overflow:hidden;
}
.card1f1t2 .t1:after{content:'…';display:block;
	position:absolute;right:0;bottom:0;width:3em;
	height:22px;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);
}
.card1f1t2 .t2{display:block;position:relative;
	color:#666;
	font-size:13px;
	overflow:hidden;
}
.card1f1t2 .t2t1{display:inline-block;padding:.166em 0;}
.card1f1t2 .t2t1:after{content:'';display:inline-block;
	width:0;height:13px;
	margin:0 .666em -2px;
	border-left:1px solid #e7e7e7;
}
.card1f1t2 .t2t1:last-child:after{display:none;}


/* 카드.글3.크기반응. 20171117 */
.card1t3[class]{ /* 우선순위 .init * 보다 높게 */
	display:block;position:relative;margin:0 auto 20px;line-height:1.333;
}
.card1t3 .wrap1{}
/* 뷰내용물 */
.card1t3 ul{list-style:none;padding:0;}
.card1t3 li{display:inline-block;margin:0;padding:0;text-align:left;vertical-align:top;}
.card1t3 .a1{display:block;position:relative;height:100%;text-decoration:none;
	border:1px solid #ddd;
}
.card1t3 .a1:focus{outline:1px dotted #000;}
.card1t3 .tg1{display:block;
	padding:1em;
	border-bottom:1px solid #ddd;
	background:#f1f7fa;
}
.card1t3 .tg2{display:block;
	position:relative;
	padding:1em;
	background:#fff;color:#666;
}
.card1t3 .tg3{display:block;
	position:relative;
	padding:1em 1em 0;
	background:#fff;color:#666;
}
.card1t3 .t1{display:block;
	color:#333;
	font-weight:500;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.card1t3 .t2{display:block;position:relative;
	height:36px;
	margin:0 0 10px;
	color:#666;
	font-size:13px;
	line-height:18px;
	overflow:hidden;
}
.card1t3 .t2:after{content:'…';display:block;
	position:absolute;right:0;bottom:0;width:3em;height:18px;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);
}
.card1t3 .t3{display:block;position:relative;
	max-height:80px;
	padding:10px 0 0;
	border-top:1px solid #eee;
	color:#555;
	font-size:14px;
	line-height:20px;
	overflow:hidden;
}
.card1t3 .t3:after{content:'…';display:block;
	position:absolute;right:0;bottom:0;width:3em;height:20px;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);
}
.card1t3 .t4{display:block;position:relative;
	color:#555;
	font-size:14px;
	line-height:20px;
	overflow:hidden;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.card1t3 .t4:before{content:'- ';}


/* 카드.글4.크기반응. 20171117 */
.card1t4[class]{ /* 우선순위 .init * 보다 높게 */
	display:block;position:relative;margin:0 auto 20px;line-height:1.333;
}
.card1t4 .wrap1{}
/* 뷰내용물 */
.card1t4 ul{list-style:none;padding:0;}
.card1t4 li{display:inline-block;margin:0;padding:0;text-align:left;vertical-align:top;}
.card1t4 li>.wrap1{display:block;position:relative;
	border:1px solid #d7d7d7;
	transition: .2s ease-out;
}
.card1t4 .a1{display:block;position:relative;text-decoration:none;
	border:1px solid #ddd;
}
.card1t4 .a1:focus{outline:1px dotted #000;}
.card1t4 .tg1{display:block;
	margin:-1px -1px 0;
	padding:1.166em 1em .833em;
	text-align:center;
}
.card1t4 .tg2{display:block;
	position:relative;
	padding:0 1em  1em;
	background:#fff;color:#666;
}
.card1t4 .t1{display:inline-block;
	max-width:100%;
	border-bottom:1px solid #7fb5db;
	color:#006bb7;
	text-align:center;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.card1t4 .t2{display:block;position:relative;
	height:44px;
	margin:0 0 10px;
	color:#000;
	font-weight:500;
	line-height:22px;
	overflow:hidden;
}
.card1t4 .t2:after{content:'…';display:block;
	position:absolute;right:0;bottom:0;width:3em;height:22px;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);
}
.card1t4 .t3{display:block;position:relative;
	max-height:60px;
	margin:0 0 10px;
	color:#555;
	font-size:13px;
	line-height:20px;
	overflow:hidden;
}
.card1t4 .t3:after{content:'…';display:block;
	position:absolute;right:0;bottom:0;width:3em;height:20px;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);
}
.card1t4 .t4{display:block;position:relative;
	padding:10px 0 0;
	border-top:1px solid #eee;
	color:#666;
	font-size:13px;
	overflow:hidden;
}
.card1t4 .t4t1{display:inline-block;padding:.166em 0;}
.card1t4 .t4t1:after{content:'';display:inline-block;
	width:0;height:13px;
	margin:0 .666em -2px;
	border-left:1px solid #e7e7e7;
}
.card1t4 .t4t1:last-child:after{display:none;}


/* 카드.글3스크롤1버튼1.크기반응. 20171117 */
.card1t3s1b1[class]{ /* 우선순위 .init * 보다 높게 */
	display:block;position:relative;margin:0 auto 20px;line-height:1.333;
}
.card1t3s1b1 .wrap1{}
/* 뷰내용물 */
.card1t3s1b1 ul{list-style:none;padding:0;}
.card1t3s1b1 li{display:inline-block;margin:0;padding:0;text-align:left;vertical-align:top;}
.card1t3s1b1 li>.wrap1{display:block;position:relative;
	border:1px solid #d7d7d7;
	background:#fff;
	transition: .2s ease-out;
}
.card1t3s1b1 .tg1{display:block;
	padding:1em;
	border-bottom:1px solid #ddd;
	background:#f1f7fa;
}
.card1t3s1b1 .tg2{display:block;
	position:relative;
	padding:1em;
	background:#fff;
}
.card1t3s1b1 .tg3{display:block;
	position:relative;
	margin:0 0 0 1em;
	padding:.833em .833em .833em 0;
	border-top:1px dotted #d4d6d9;
	background:#fff;
	overflow:hidden;
	overflow-y:auto;
}
.card1t3s1b1 .tg4{display:block; width:80%; height:90%;
	margin:10px auto 40px auto;
	border:1px solid #333;
	background:#fff;
}
.card1t3s1b1 .t1{display:block;
	color:#333;
	font-weight:500;

	text-align:center;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.card1t3s1b1 .dl1{display:block;position:relative;
	margin:0 0 -.333em;
	color:#555;
	font-size:14px;
	overflow:hidden;
}
.card1t3s1b1 .dl1 dt{float:left;}
.card1t3s1b1 .dl1 dd{display:table-cell;
	width:9999px;
	padding:0 0 .333em .333em;
}
.card1t3s1b1 .lst1{display:block;
	list-style:none;margin:0;padding:0;
	color:#666;
	font-size:13px;
}
.card1t3s1b1 .lst1 li{display:block;
	margin:0 0 .333em;
	padding:0 0 0 .666em;
	background:url(../../img/lib1search1/bu10.png) no-repeat 0 .5em;
}
.card1t3s1b1 .b1{display:block;
	padding:.666em;
	text-align:center;
}
.card1t3s1b1 .b1t1{display:inline-block;
	color:#333;
	font-size:14px;
	vertical-align:middle;
}
.card1t3s1b1 .b1 .ic1{display:inline-block;
	width:21px;height:21px;
	margin-left:-.333em;
	background:url(/_res/portal/img/lib2/ic42a1c1phone1.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}


/* 카드목록 (( 20171120. 복제후변경 /portal/share/css/lib2spc2.css */
.spc2card1{display:block;position:relative;margin:0 0 1.5em 0;line-height:1.333;}
.spc2card1 ul.even-grid{}
.spc2card1 li.column{}
.spc2card1 .w1{display:block;position:relative;
	border:1px solid #d7d7d7;
	transition:.2s ease-out;
}
.spc2card1 .w1:hover{border-color:#333;
	overflow:hidden;
	box-shadow:0 0 5px 0 rgba(0, 0, 0, .1);
}
.spc2card1 .w1:hover a{text-decoration:none;}
.spc2card1 .w1g1{display:block;}
.spc2card1 .w1g2{display:block;margin:0 14px 16px;padding:0;}
.spc2card1 .w1g3{display:block;margin:0 20px 16px;padding:15px 0 0;border-top:1px solid #eee;}

.spc2card1 .f1{display:block;position:relative;margin:-1px -1px 0 -1px;
	padding:0 0 75.439%; /* =215/285 */
	background:#eee;
	overflow:hidden;
}
/* 폭큰이미지 */
.spc2card1 .f1 .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
.spc2card1 .f1 img{display:block;position:relative;width:auto;height:100%;min-width:33.4%;max-width:100%;margin:0 auto;}
/* 키큰이미지 */
.spc2card1 .f1.tall .f1p1{left:0;right:0;}
.spc2card1 .f1.tall img{position:absolute;width:100%;height:auto;min-height:100%;}
/* */
.spc2card1 .text1{display:block;position:relative;
	min-height:25px; /* .ic1높이 */
	margin:12px 14px -6px;
	overflow:hidden;
}
.spc2card1 .text1 .ic1{float:left;position:absolute;left:0;top:0;
	width:20px;height:21px;
	padding:4px 0 0;
	background:url(../../img/lib1search1/ic50mapmarker1bg.png) no-repeat top center;
	background-size:contain;
	color:#fff;
	font:600 12px helvatica,arial,sans-serif;
	text-align:center;
	letter-spacing:0;
	overflow:hidden;
}
.spc2card1 .text1 .t1{display:block;
	margin:0 0 10px;
	padding:1px 0 0 25px;
	color:#000;font-weight:500;font-size:1.143em;
}

.spc2card1 .a2{display:block;position:relative;margin:.333em 0;
	color:#767676;
}
.spc2card1 .a2 .ic1{float:left;width:2.5em;}
.spc2card1 .a2 .t1{display:block;overflow:hidden;}
.spc2card1 .btns{margin:0 -1%;overflow:hidden;}
.spc2card1 .btns .button{float:left;
	width:31.333%;
	margin:0 1%;
	padding-left:.25em;
	padding-right:.25em;
}
.spc2card1 .btns .b1{border-color:#006bb7;background-color:#006bb7;}
.spc2card1 .btns .b2{border-color:#f3501e;background-color:#f3501e;}
.spc2card1 .btns .b3{border-color:#d97d0e;background-color:#d97d0e;}




.section1 .spc4list1 .lst1{border-top:0;}
.section1 .spc4list1 .li1:first-child{border-top:0;padding-top:0;}

.section1 .tour1card1{position:relative;margin:1.375em auto;line-height:1.375;}
.section1 .tour1card1 .a1{display:block;
	position:relative;
	border:1px solid #ddd;
	text-decoration:none;
	color:#555;
}
.section1 .tour1card1 .f1{display:block;
	position:relative;
	margin:-1px -1px 0;
	padding:0 0 75%; /* 188/250 */
	background:#eee;
	text-align:center;
}
.section1 .tour1card1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.section1 .tour1card1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
.section1 .tour1card1 .tg1{display:block;
	padding:20px 10px;
}
.section1 .num{display:block;
	position:relative;
	width:37px;height:44px;
	color:#fff;
	text-align:center;
	line-height:35px;
	background:url(/_res/portal/img/lib2spc4/ich88a1c1mapmarker1bg.png) no-repeat;
	margin:-55px 0 10px 0;
}
.section1 .tour1card1 .tg1>.a1t1{display:block;
	font-size:18px;
	color:#333;
	margin:0 0 10px;
}
.section1 .tour1card1 .tg1 .lst1{list-style:none;padding:0;margin:0;}
.section1 .tour1card1 .tg1 .li1{position:relative;
	font-size:14px;
	padding:0 0 0 25px;
	margin:.5em 0;
}
.section1 .tour1card1 .tg1 .li1>.ic1{display:block;
	position:absolute;left:0;top:0;
	width:21px;height:21px;
	background:url() no-repeat;
	background-size:contain;
}
.section1 .tour1card1 .tg1 .li1>.address{background-image:url(/_res/portal/img/lib2/ic42a1c1mapmarker1.png);}
.section1 .tour1card1 .tg1 .li1>.star{background-image:url(/_res/portal/img/lib2/ic42a1c1star1.png);}
.section1 .tour1card1 .tg1 .li1>.phone{background-image:url(/_res/portal/img/lib2/ic42a1c1phone1.png);}
.section1 .tour1card1 .tg1 .li1>.period{background-image:url(/_res/portal/img/lib2/ic42a1c1speechbubble1.png);}
.section1 .tour1card1 .tg1 .li1>.home{background-image:url(/_res/portal/img/lib2/ic42a1c1home1.png);}


.banner1{display:block;
	background:url(../../img/sub/banner1tbg1@2x.png) no-repeat;
	background-size:cover;
	overflow:hidden;
	margin:0 0 30px ;
}
.banner1>.wrap1{border:1px solid #000;
}
.banner1 .a1{display:block;
	text-decoration:none;
	padding:15px 0 20px 120px;
}
.banner1 .f1{display:block;margin:0 0 0;}
.banner1 .f1>.f1p1{display:block}
.banner1 .f1>.f1p1 img{height:30px;}
.banner1 .t1{display:block;color:#000;margin:0 0 3px;}
.banner1 .b1{display:block;
	width:75px;
	background:#ef2200;
	color:#fff;
	border-radius:20px;
	overflow:hidden;
	padding:7px 10px 5px 20px;
	font-size:14px;
}
.banner1 .b1 .ic1{display:inline-block;
	width:20px;height:20px;
	vertical-align:top;
	background:url(../../img/inc/snb1d2bg1on.png) no-repeat;}

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

.search1main1 .box1{min-height:100px;}
.section1 .more{display:block;
	position:absolute;right:0;top:0;
	margin:0 0 10px;
	color:#777;
	background:none;
}
.section1 .more>.ic1{display:inline-block;
	padding:10px;
	margin:0 5px 0 0;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#fff;
	background:url(../../img/inc/ic34more1.png)
}
.section1 .more>.t1{display:inline-block;
	vertical-align:middle;	
	font-size:14px;
}


.banner1 .a1{	padding:15px 0 30px 160px;}
.banner1 .f1>.f1p1 img{height:60px;}
.banner1 .t1{font-size:16px;}


} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */
.banner1{margin:0 0 0px;}


} /* /(min-width:1000px) */
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */





} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */