/* linktoplace에서도 활용 */
div#contents article a { color: #337ab7 !important}
div.iframeVideo{position:relative; width:100%; background-color:rgba(0,0,0,.4)}
div.iframeVideo div.videoWrap{position:relative}
div.iframeVideo div.videoWrap:before{content:''; display:block; padding:28.1% 0}
div.iframeVideo iframe.video{position:absolute; top:0; left:0; width:100%; height:100%}
div.iframeVideo div.videoInfo{position:relative; background-color:rgba(0,0,0,.4); font-family:'Nanum Gothic'}
div.iframeVideo div.img{position:absolute; top:0; left:0; display:block !important; padding:0 !important; overflow:hidden; background-position:50% 50% !important; background-repeat:no-repeat !important; background-size:cover !important}
div.iframeVideo div.videoInfo h3{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff}
div.iframeVideo div.videoInfo p.desc{display:box; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; -webkit-line-clamp:2; color:rgba(255,255,255,.5)}
div.iframeVideo div.videoInfo p.srvc{margin:0 !important; color:#55acee !important}
div.iframeVideo div.vMask{position:absolute; background-color:rgba(0,0,0,.2)}
div.iframeVideo div.vMaskT{top:0; right:1px; left:0; height:1px}
div.iframeVideo div.vMaskR{top:0; right:0; bottom:1px; width:1px}
div.iframeVideo div.vMaskB{right:0; bottom:0; left:1px; height:1px}
div.iframeVideo div.vMaskL{top:1px; bottom:0; left:0; width:1px}
@media screen and (max-width:1280px){
	div.iframeVideo div.videoInfo{padding:10px 10px 10px 97px}
	div.iframeVideo div.img{width:87px; height:87px}
	div.iframeVideo div.videoInfo h3{margin:0 0 4px 0; font-size:14px}
	div.iframeVideo div.videoInfo p.desc{margin:0 0 4px 0; font-size:12px}
	div.iframeVideo div.videoInfo p.srvc{font-size:13px}
}
@media screen and (min-width:1281px){
	div.iframeVideo div.videoInfo{padding:20px 20px 20px 144px}
	div.iframeVideo div.img{width:124px; height:124px}
	div.iframeVideo div.videoInfo h3{height:22px; margin:0 0 5px 0; line-height:22px; font-size:15px}
	div.iframeVideo div.videoInfo p.desc{height:34px; margin:0 0 5px 0; line-height:17px; font-size:13px}
	div.iframeVideo div.videoInfo p.srvc{height:18px; line-height:18px; font-size:14px}
}
/* linktoplace에서도 활용 */

div.scrap{position:relative; border:1px solid rgba(0,0,0,.4) !important; box-sizing:content-box; overflow:hidden; background-color:rgba(0,0,0,.4) !important}
div.scrap div.figure{position:absolute; left:0; top:0; padding:5px; box-sizing:content-box; background:#fff}
div.scrap div.figure div.imgw{position:relative; width:100% !important; height:100% !important}
div.scrap div.figure div.imgw img{position:absolute; max-width:100% !important; max-height:100% !important; left:-100% !important; right:-100% !important; top:-100% !important; bottom:-100% !important; margin:auto}
div.scrap div.txt{position:relative; box-sizing:border-box; background-color:rgba(0,0,0,.4) !important}
div.scrap div.txt a h3{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff !important}
div.scrap div.txt a p.desc{display:box; display:-ms-box; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; color:rgba(255,255,255,.5) !important}
div.scrap div.txt a.linkBy{position:absolute; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#55acee !important}
@media screen and (max-width:1280px){
	div.scrap{padding:0 0 0 103px}
	div.scrap div.figure{width:93px; height:93px}
	div.scrap div.txt{height:103px; padding:10px}
	div.scrap div.txt a h3{margin:0 0 8px 0; font-size:15px}
	div.scrap div.txt a p.desc{height:34px; line-height:17px; font-size:13px; -webkit-line-clamp:2}
	div.scrap div.txt a.linkBy{bottom:10px; left:10px; font-size:13px}
}
@media screen and (min-width:1281px){
	div.scrap{width:364px; padding:0 0 0 154px}
	div.scrap div.figure{width:144px; height:144px}
	div.scrap div.txt{height:154px; padding:20px}
	div.scrap div.txt a h3{height:20px; margin:0 0 10px 0; font-size:15px; line-height:20px}
	div.scrap div.txt a p.desc{height:60px; margin:0 0 10px 0; line-height:20px; font-size:14px; -webkit-line-clamp:3}
	div.scrap div.txt a.linkBy{bottom:20px; left:20px; height:18px; line-height:18px; font-size:14px}
}

div.cmtPlace{position:relative; margin:auto} /* community place */
div.cmtPlace div.cmtMapW{position:relative; padding-top:45.0226%}
div.cmtPlace div.cmtMap{position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden}
div.cmtPlace div.placeInfo{background-color:#f5f5f5}
div.cmtPlace h3{font-weight:500; color:#000}
div.cmtPlace a.tel{font-weight:400; color:#0087FF}
div.cmtPlace address{font-weight:400; color:#777}
div.cmtPlace div.Tmask{right:1px}
div.cmtPlace div.Rmask{bottom:1px}
div.cmtPlace div.Bmask{left:1px}
div.cmtPlace div.Lmask{top:1px}
@media screen and (max-width:1280px){
	div.cmtPlace{width:100%}
	div.cmtPlace div.placeInfo{padding:0.6em 1.2em}
	div.cmtPlace h3{font-size:1.2em}
	div.cmtPlace a.tel{font-size:1em}
	div.cmtPlace address{font-size:1em}
}
@media screen and (min-width:1281px){
	div.cmtPlace{width:980px; max-width:100%}
	div.cmtPlace div.placeInfo{padding:10px 20px}
	div.cmtPlace h3{font-size:16px}
	div.cmtPlace a.tel{font-size:14px}
	div.cmtPlace address{font-size:13px}
}

div.cmtPlace div.overlay{position:relative; border:1px solid #0087FF; background-color:#fff; cursor:pointer}
div.cmtPlace div.overlay:hover{background-color:#0087FF}
div.cmtPlace div.overlay.on{background-color:#0087FF}
div.cmtPlace div.overlay:before{content:''; position:absolute; z-index:1; bottom:-6px; left:50%; margin-left:-4px; width:0px; height:0px; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #fff}
div.cmtPlace div.overlay:hover:before{border-top-color:#0087FF}
div.cmtPlace div.overlay.on:before{border-top-color:#0087FF}
div.cmtPlace div.overlay:after{content:''; position:absolute; bottom:-7px; left:50%; margin-left:-4px; width:0px; height:0px; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #0087FF}
div.cmtPlace div.overlay div.in{position:relative; padding:0 0 0 34px}
div.cmtPlace div.overlay div.marker{position:absolute; top:50%; left:0; width:30px; height:30px; padding:6px; box-sizing:border-box; border-radius:50%; margin-top:-15px; background-color:#0087FF}
div.cmtPlace div.overlay div.marker svg{display:block; width:100%; height:100%}
div.cmtPlace div.overlay h3{height:24px; line-height:24px; font-weight:400}
div.cmtPlace div.overlay:hover h3{color:#fff}
div.cmtPlace div.overlay.on h3{color:#fff}
@media screen and (max-width:1280px){
	div.cmtPlace div.overlay{padding:5px 7px 5px 2px; border-radius:20px}
	div.cmtPlace div.overlay h3{font-size:11px; letter-spacing:-1px}
}
@media screen and (min-width:1281px){
	div.cmtPlace div.overlay{padding:8px 12px 8px 4px; border-radius:23px}
	div.cmtPlace div.overlay h3{font-size:12px; letter-spacing:-1px}
}