@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 */
.garden-islide a,
.garden-islide 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}
.garden-islide a:hover{text-decoration:none}
.garden-islide img,
.garden-islide iframe{vertical-align:middle}

/*--[ WIDGET STYLE ]--*/
.garden-islide{position:relative; width:100%; background-color:#fff}
.garden-islide .islide-box{padding:18px 15px 24px 15px; border:1px solid #e9e9e9}
.garden-islide .islide-title{margin-bottom:25px}
.garden-islide .islide-title a{outline:none}
.garden-islide .islide-title h4{float:left; margin:0; padding:0; line-height:1.2; font-family:나눔고딕, 'Nanum Gothic', 돋움; font-weight:400; font-size:16px}
.garden-islide .islide-title h4 a{color:#444}
.garden-islide .islide-title a.more{float:left; margin-left:12px; padding-top:6px; line-height:1.2; font-family:돋움; font-size:11px; color:#999; outline:none}
.garden-islide .islide-title a.more:hover,
.garden-islide .islide-title a.more:focus{color:#666}

.garden-islide .islideArrow{position:absolute; top:2px; right:2px}
.garden-islide .islideArrow span{display:inline-block; margin-left:1px}
.garden-islide .islideArrow a{display:block; width:21px; height:37px; background-color:#fff; background-image:url(islide_arrows.png); background-repeat:no-repeat; outline:none}
.garden-islide .islideArrow .bx-prev{background-position:1px 9px}
.garden-islide .islideArrow .bx-prev:hover,
.garden-islide .islideArrow .bx-prev:focus{background-position:-20px 9px}
.garden-islide .islideArrow .bx-next{background-position:-39px 9px}
.garden-islide .islideArrow .bx-next:hover,
.garden-islide .islideArrow .bx-next:focus{background-position:-58px 9px}
.garden-islide .islideArrow a:hover,
.garden-islide .islideArrow a:focus{background-color:#3aa6d8}


@media screen and (max-width:479px){
	.garden-islide{border:0}
}