@charset "utf-8";
/* Clearfix */
.newclearfix:after{clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0}
* html .newclearfix,:first-child+html .newclearfix{zoom:1}

/* a */
.wideinGalleryWrap a,
.wideinGalleryWrap a > *{text-decoration:none; -webkit-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -moz-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -ms-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -o-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out}
.wideinGalleryWrap a:hover{text-decoration:none}
.wideinGalleryWrap img,
.wideinGalleryWrap iframe{vertical-align:middle}

/* Widget */
.wideinGalleryWrap{position:relative; margin:45px 0 0; max-width:100%}
.wideinGalleryWrap .galleryTitle{position:absolute; left:0; top:-35px; margin:0; padding:0; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; font-size:16px; color:#3a3a3a}
.wideinGallery{width:20000em; margin:0; padding:0; list-style:none}
.wideinGallery > li{position:relative; float:left; width:262px; margin:0 30px 0 0; padding:0; overflow:hidden}
.wideinGallery li a{display:block; position:relative; margin-bottom:3px; outline:none}
.wideinGallery li a:hover{text-decoration:none}
.wideinGallery li .thumb{position:relative}
.wideinGallery li .thumb > *{-webkit-transition:opacity .2s ease-in-out; -moz-transition:opacity .2s ease-in-out; -ms-transition:opacity .2s ease-in-out; -o-transition:opacity .2s ease-in-out; transition:opacity .2s ease-in-out}
.wideinGallery li a:hover img,
.wideinGallery li a:focus img{filter:alpha(opacity=90); opacity:.9}
.wideinGallery li .thumb .plus{display:block; position:absolute; top:50%; left:50%; height:39px; width:39px; margin-top:-19px; margin-left:-19px; filter:alpha(opacity=0); opacity:0; background:#ea5859 url(../img/plus.png) no-repeat 0 0; border-radius:100%}
.wideinGallery li a:hover .plus,
.wideinGallery li a:focus .plus{filter:alpha(opacity=100); opacity:1}
.wideinGallery li span.noimage{display:block; background-color:#f8f8f8; border:1px solid #eaeaea; text-align:center}
.wideinGallery li span.noimage i{color:#e9e9e9; font-size:35px}
.wideinGallery .titleArea{padding:17px 0 0; background:#fcfcfc; border:1px solid #eaeaea; border-top:0; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.11); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.11); box-shadow:0 1px 2px rgba(0, 0, 0, 0.11); -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px}
.wideinGallery .titleArea .title-line{padding:0 20px 18px}
.wideinGallery h5,
.wideinGallery p{font-family:돋움,sans-serif; font-weight:normal; margin:0; padding:0; line-height:1.2; font-size:12px}
.wideinGallery h5{float:left; color:#747474}
.wideinGallery p{float:right}
.wideinGallery p span{color:#8c8c8c}
.wideinGallery p i{color:#ea5859}
.wideinGallery > li .categories{color:#aeaeae; display:block; font-style:italic; margin:-1px 0 20px}
.wideinGallery .titleArea .content-line{padding:9px 20px 8px; border-top:1px solid #eee; font-family:돋움,sans-serif; line-height:1.2; font-size:11px; color:#8c8c8c}
.wideinGallery .titleArea .ex-table{width:100%; margin:0; padding:0; border:0; border-spacing:0}
.wideinGallery .titleArea .ex-table th,
.wideinGallery .titleArea .ex-table td{padding:9px 10px 8px; background:#f7f7f7; border-top:1px solid #eaeaea; font-family:돋움,sans-serif; font-weight:normal; line-height:1.2; font-size:11px}
.wideinGallery .titleArea .ex-table th{padding-left:20px; border-right:1px solid #eaeaea; white-space:nowrap; font-weight:normal; color:#8c8c8c}
.wideinGallery .titleArea .ex-table td{width:80%; color:#747474}


.jcarousel-container{margin:0 -20px 0 0; max-width:100%}
.jcarousel-clip{overflow:hidden; width:100%}
.jcarousel-item{margin:0 20px 0 0; width:220px}
.jcarousel-next, .jcarousel-prev{background:#4c4c4c url(../img/button-arrows.png) no-repeat; cursor:pointer; position:absolute; top:-43px; width:30px; height:30px; border-radius:100%; -webkit-transition:background-color .2s ease; -moz-transition:background-color .2s ease; -ms-transition:background-color .2s ease; -o-transition:background-color .2s ease; transition:background-color .2s ease}
.jcarousel-next{background-position:12px -15px; right:0}
.jcarousel-prev{background-position:10px 9px; right:35px}
.jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active,
.jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active{background-color:#ea5859}
.jcarousel-next-disabled, .jcarousel-next-disabled:hover,
.jcarousel-next-disabled:focus, .jcarousel-next-disabled:active,
.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover,
.jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active{background-color:#eee !important; cursor:auto !important}

@media screen and (min-width:992px) and (max-width:1199px){
	.wideinGallery > li, .wideinGallery > li img{width:212px !important}
}
@media screen and (min-width:768px) and (max-width:991px){
	.wideinGallery > li, .wideinGallery > li img{width:219px !important}
}
@media screen and (min-width:480px) and (max-width:767px){
	.wideinGallery > li, .wideinGallery > li img{width:262px !important}
}
@media screen and (min-width:320px) and (max-width:479px){
	.wideinGallery > li, .wideinGallery > li img{width:282px !important}
}
@media screen and (max-width:319px){
	.wideinGallery > li, .wideinGallery > li img{width:292px !important}
}

/* XE Fix */
.x #zonePageContent .wideinGallery{margin:0; padding:0}