@charset "utf-8"; 
/* 갤러리 새글 스킨 (latest) */
.prodLatWR {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.prodLat {
    position: relative;
    overflow: hidden;
    text-align: center;
   /* padding: 20px;*/
    margin: 0 auto;
}

.prodLat .prodLatTit {
    display: block;
}

.prodLat .prodLatTit a {
    color: #333;
    display: inline-block;
    position: relative;
    margin: 0 auto 10px;
    padding: 20px;
    font-size: 2.5rem;
    text-align: center;
}

.prodLat .prodLatTit a u {
    display: block;
    width: 90px;
    height: 5px;
    background: #ddd;
    position: absolute;
    left: 35%;
    bottom: 0px;
    margin-left: -25px;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

div:hover.prodLat .prodLatTit a u {
    width: 90px;
    margin-left: -25px;
}

.prodLat .prodLatREL {
    overflow: hidden;
    margin: 0;
}

.prodLat .prodLatREL .prodLatRELcon {
    width: 100%;
    float: left;
    text-align: center;
}

.prodLat .prodLatREL .prodLatRELcon a {
    display: block;
    margin: 15px;
    position: relative;
    overflow: hidden;
}

.prodLat .prodLatREL .prodLatRELcon a em {
    display: block;
    font-style: normal;
    position: absolute;
    left: 5px;
    top: 5px;
}

.prodLat .prodLatREL .prodLatRELcon a > b {
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    width: 100%;
}

.prodLat .prodLatREL .prodLatRELcon a .bo_cate_link {
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    width: 100%;
    margin: 10px 0 0 0;
}

.prodLat .prodLatREL .prodLatRELcon a > i u {
    display: block;
    text-decoration: none;
    font-style: normal;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -10px;
    height: 20px;
    line-height: 20px;
    font-size: 30px;
    color: #b8b8b8;
}

.prodLat .prodLatREL .prodLatRELcon a > i {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.prodLat .prodLatREL .prodLatRELcon a > i img {
    display: block;
    height: auto;
    width: 100%;
    margin: 0 auto;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

.prodLat .prodLatREL .prodLatRELcon a:hover > i img {
    transform: scale(1.1);
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

.prodLat .prodLatREL .prodLatRELcon a > i .youtube_img {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #333;
    background-position: center center;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

.prodLat .prodLatREL .prodLatRELcon a:hover > i .youtube_img {
    transform: scale(1.1);
}

.prodLat .prodLatREL .prodLatRELcon a span {
    font-size: 11px;
}

.prodLat .prodLatREL .prodLatRELcon .fa-heart {
    color: #ff0000;
}

.prodLat .prodLatREL .prodLatRELcon .fa-lock {
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    width: 16px;
    color: #999;
    background: #efefef;
    text-align: center;
    border-radius: 2px;
    font-size: 12px;
    border: 1px solid #ddd
}

.prodLat .prodLatREL .prodLatRELcon .new_icon {
    display: inline-block;
    font-size: 11px;
    width: 16px;
    line-height: 16px;
    color: #fff;
    background: #ff6600;
    text-align: center;
    border-radius: 50%;
}

.prodLat .prodLatREL .prodLatRELcon .hot_icon {
    display: inline-block;
    font-size: 11px;
    width: 16px;
    line-height: 16px ;
    color: #fff;
    background: #e52955;
    text-align: center;
    border-radius: 50%;
}

.prodLat .lt_more {
    clear: both;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    padding: 10px 30px;
    color: RGBA(255,255,255,0.7);
    border-radius: 50px;
    text-align: center;
    margin: 20px auto 0;
    background: #333;
    border: 2px solid #fff;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

.prodLat .lt_more:hover {
    color: #fff;
    border: 2px solid #333;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

.prodLat .lt_more {
    clear: both;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    padding: 10px 30px;
    color: RGBA(255,255,255,0.7);
    border-radius: 50px;
    text-align: center;
    margin: 20px auto 0;
    background: #333;
    border: 2px solid #fff;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

.prodLat .lt_more:hover {
    color: #fff;
    border: 2px solid RGBA(0,0,0,0.1);
}

.prodLat .lt_more > i {
    display: inline-block;
    padding-left: 10px;
    font-size: 14px;
}

.prodLat .prodLatREL .prodLatRELcon .fa-youtube-play {
    font-size: 18px;
    vertical-align: middle;
}

.prodLat .empty_li {
    width: 100% !important;
    line-height: 204px;
    min-height: 204px;
    color: #999;
    text-align: center;
    padding: 0;
}

@media all and (max-width: 600px) {
    .prodLat {
        padding:5px;
    }

    .prodLat .prodLatTit a {
        padding: 15px;
        font-size: 16px;
    }

    .prodLat .lt_more {
        font-size: 11px;
        letter-spacing: -0.05em;
        padding: 10px 15px;
    }

    .prodLat .prodLatREL .prodLatRELcon a {
        margin: 5px;
    }
}
@charset "utf-8";
/* 
	copyright(c) WEBsiting.co.kr 
	모바일화면 관련 css파일입니다.
	각 넓이에 따른 스타일 설정이 가능합니다.
*/

/* 디바이스 981px 이상에서 적용*/
@media all and (min-width:981px)
{
	html,body{overflow:auto;}
	html.ovfH,body.ovfH{overflow:auto;}
	#snbOpen,
	#sideBarCover,
	#snbMvAr,
	#snbMvArBottom{display:none;}

	#hd{-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#hd.scDown{background:#fff;margin-top:-35px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#topSpacer{height:115px;}
	.pc_br{display:block;}

}
/* 디바이스 1100px 이하에서 적용*/
@media all and (max-width:1100px)
{
	#gnb .gnb_1dli .gnb_1da{padding:0 8px;}
}
/* 디바이스 980px 이하에서 적용*/
@media all and (max-width:980px)
{
	
	html.ovfH,body.ovfH{overflow:hidden;}
	.mobileNone{display:none;}

	#tnb,
	.gnb_1dli{display:none;}

	#topSpacer{height:50px;}

	#gnb{position:fixed;left:0px; top:0px; width:100%;z-index:999;background:#fff;}

	.allSchBoxWr{display:block !important;}
	#btnSchbox{position:fixed; right:50px; top:0px; width:50px;height:50px;line-height:50px; padding:0px; font-size:18px; text-align:center; z-index:99;}
	#allSchBox{position:fixed;top:50px; right:0px;left:0px; margin-top:0px; padding:10px; background:#333;z-index:999;}
	#allSchBox fieldset{border-radius:25px; width:100%; margin-right:50px;border-radius:0;}
	.allSchBoxWr #btnSchbox{margin-top:0px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	.allSchBoxWr.on #btnSchbox{margin-top:50px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}


	#logo a{padding:15px;}
	#logo a img{height:25px;}

	/* 좌측메뉴를 모바일전용메뉴로 */
	#snbOpen{display:block;width:50px; height:56px; line-height:50px; text-align:center; color:#fff; font-size:20px; background:#000;position:fixed; right:0px; top:0px; z-index:9999;}

	#snbMvAr{display:block; position:absolute; left:0px;top:0px;right:0px; border-bottom:1px solid #f2f2f2;}
	#snbMvAr a#btnHome{background:#fff; padding:0 15px; font-weight:bold; font-size:14px;height:50px; line-height:50px;}
	#snbMvAr a#snbClose{background:#000;border-left:1px solid #f2f2f2;width:50px; height:50px; line-height:50px; text-align:center; color:#fff;font-size:18px; position:absolute;top:0px; right:0px;}

	#sideBarCover{display:none;background:rgba(0,0,0,0.6);position:fixed; left:0px; top:0px; bottom:0px;right:0px; z-index:999999;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#sideBarCover.on{display:block;}

	#sideBar{display:block; position:fixed; right:-281px; top:0px; bottom:0px; z-index:9999999; width:280px; overflow:auto; background:#fff;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#sideBar.on{right:0px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#sideBar #snb {margin-top:50px;}
	#sideBar #snb .snb{display:block !important;border-bottom:1px solid #f2f2f2;position:relative;}
	#sideBar #snb .snb > h2{position:relative;}
	#sideBar #snb .snb > h2 a{padding:0 15px; height:50px; line-height:50px; text-align:left; color:#000;background:#fff;}
	#sideBar #snb .snb > h2 a b{font-size:14px;padding-right:50px;}
	#sideBar #snb .snb > h2 a sub{display:none;}
	#sideBar #snb .snb.active > h2{border-left:3px solid #000;}


	#sideBar #snb .snb .snb2dDown{display:block;position:absolute; right:0px; top:0px; height:50px;width:50px;overflow:hidden;}
	#sideBar #snb .snb .snb2dDown i,
	#sideBar #snb .snb .snb2dDown u{text-decoration:none;text-align:center; width:30px; height:30px; line-height:30px; font-size:20px; margin:10px;border-radius:50%;}
	#sideBar #snb .snb .snb2dDown i{display:block;background:#efefef;color:#999;}
	#sideBar #snb .snb .snb2dDown u{display:none; background:#efefef;color:#000;}
	#sideBar #snb .snb.show .snb2dDown i{display:none;}
	#sideBar #snb .snb.show .snb2dDown u{display:block;}


	#sideBar #snb .snb > ul{display:none;} 
	#sideBar #snb .snb > ul > li{border-top:1px dashed #ddd;border-bottom:0px;}
	#sideBar #snb .snb > ul > li a{padding:10px 10px 10px 15px;}
	#sideBar #snb .snb > ul > li a b{font-size:12px;  color:#999;}
	#sideBar #snb .snb > ul > li a b i{display:none;}

	#sideBar #snb .snb > ul.snb2dul > li.active a{background:#e8e8e8;}
	#sideBar #snb .snb.active > ul.snb2dul{display:block;}

	#sideBar #snb li.noInfoPageTit,
	#sideBar #snb li.noInfoPageTit.active{display:none !important;}
	.snbCS{border:0px;}

	.snbMvArBtn{height:50px; overflow:hidden;position:absolute; right:50px; top:0px; padding:10px;}
	.snbMvArBtn a{display:inline-block; padding:5px 7px;border:1px solid #ddd;border-radius:3px; font-size:11px;}
	#snbMvArBottom{border-top:1px dashed #efefef; padding:10px; text-align:center;}
	#snbMvArBottom a{display:inline-block; padding:5px 10px;border:1px solid #ddd;border-radius:3px;}

	
	/* 중간 레이아웃 */
	#ctWrap{ margin:15px auto;}
	#container{width:auto;float:none; /*padding:15px;*/}
}

/* 디바이스 850px 이하에서 적용*/
@media all and (max-width:850px)
{
	/* contents */
	#page_title .page_title_in {padding:50px 10px; text-align:center;}
	#page_title .page_title_in h2{text-align:center;}

}
/* 디바이스 650px 이하에서 적용*/
@media all and (max-width:650px)
{
	/* contents */
	#page_title .page_title_in{padding:30px 10px;}
	#page_title .page_title_in h2 strong{font-size:18px;height:30px;}
	#page_title .page_title_in h2 .locationBar span{font-size:10px;}



	/* footer */
	#footer > dl > dd a,
	#footer address {font-size:11px;letter-spacing:-0.05em;}
	#footer address em{display:none;}
	#footer p span{display:none;}
}

/* 디바이스 420px 이하에서 적용*/
@media all and (max-width:420px)
{
	/* contents */
	#page_title {background-size:auto 100%;}

}