@charset "utf-8";

/* 공통 */
span.smtxt { font-size:0.9em;}

.slide_img { float:left; position:relative;}
.slide_img img {width:100%}
.slide_img div {position: relative; }
.slide_img div p {position: absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.5); text-align:center; color:#fff; padding:10px 0; }
.slide_img button.slick-next.slick-arrow {display:inline-block; width:40px; height:40px; background:rgba(0,0,0,0.5) url('/common/img/bul.png')no-repeat -160px 0; margin-top:-20px; text-indent:-99999px; position:absolute; top:50%; left:0;  z-index:1;}
.slide_img button.slick-prev.slick-arrow {display:inline-block; width:40px; height:40px; background:rgba(0,0,0,0.5) url('/common/img/bul.png')no-repeat -160px -40px; margin-top:-20px; text-indent:-99999px; position:absolute; top:50%; right:0; z-index:1;}

/* ABOUT YEONJE-GU > INTERNAL EXCHANGE */
.cityBox { padding:20px; border:1px solid #e4e4e4;background:#fafafa; }
.cityBox div { float:left; width:25%;text-align:center; }
.cityBox p {background:#fff; border:1px solid #e4e4e4; margin-bottom:20px; /*padding:20px; */}
.cityBox p img { width:100%; }
.cityBox ul { float:right; width:70%; margin-top:0;}
.cityBox ul ul {float:none; }

@media only screen and (max-width:768px){
	.cityBox div { float:none; width:100%; }
	.cityBox ul { float:none; width:100%; margin-top:20px;}
}

/* ABOUT YEONJE-GU > CHARACTERISTICS OF THE DISTRICT > LOCATION */
.mapBox { border:1px solid #e4e4e4; width:100%; text-align:center; padding:30px 0; }

/* ABOUT YEONJE-GU > CHARACTERISTICS OF THE DISTRICT > WEATHER */
.weatherCon p, .weatherCon table{ margin-top:20px; }



/*.festivalBox { float:left; width:100%; padding-bottom : 20px; border-bottom:1px solid #e4e4e4; }
.festivalBox p { float:left; width:400px; background:#fff; border:1px solid #dedede; }
.festivalBox dl { float:right; width:460px; }
.festivalBox dl dt { margin-top:10px; color:#414792; font-size:1.2em; font-weight:600; }
.festivalBox dl dd { margin-top:20px; }
.festivalBox dl dd span.tit { font-weight:600; color:#4e4e4e;}
*/

/* GENERAL ADMINISTRATION > DISTRICT COUNCIL */
.councilTop{ width:100%; }
.councilTop .slide_img { float:right; width:40%; margin-top:10px;}
.councilTop .con { float:left; width:55%;}

@media only screen and (max-width:768px){
	.councilTop .slide_img { float:none; width:100%; margin:0; }
	.councilTop .con { float:none; width:100%; margin-top:20px;}
}

/* CULTURE & TOURISIM > ONCHEON STREAM */

.topBox { background:#fff; }
.topBox .slide_img { float:left; width:45%; }
.topBox .con { float:right; width:50%;}
.topBox .con p { margin-top:30px; }

@media only screen and (max-width:768px){
	.topBox .slide_img { float:none; width:100%;}
	.topBox .con { float:none; width:100%; }
}

/* CULTURE & TOURISIM > TEMPLES LIST */

.tem { border-top:2px solid #0074bc; width:100%; margin-top:40px; }
.tem li { border-bottom: 1px solid #ddd; padding:30px 0; }
.tem li div { float:left; width:20%; }
.tem li div img {width:100%; }

.tem dl { float:right; width:75%; }
.tem dl dt { font-size:21px; font-weight:600; color:#0066b3; }
.tem dl .num-pin{ width:24px; height:31px; text-align: center; padding-top:9px; margin-right:8px; font-size: 14px;line-height: 110%;font-weight: 600;color: #fff;background: url(/tour/img/02/02010000_05.gif) no-repeat left; display: inline-block;vertical-align: middle;}
.tem dl dd {margin-top:10px;}
.tem dl dd.add { font-weight:600; font-size:15px; }
.tem dl dd.goBtn {text-align:right;}

@media only screen and (max-width: 768px){
	.tem li div { float:none; width:100%; display:none; }
	.tem dl { float:none; width:100%; }
	.tem dl dd.goBtn {padding-top:20px; text-align:center;}
}

/*----SYMBOLS OF YEONJE-GU-----*/

dl.tit02 {  }
.tit02 dt { margin-top:24px; color:#444; font-size:1.05em; font-weight:600; }
.tit02 dd { margin-top:12px; }
.tit02 dd ul { margin-top:0; }

dl.tit03 {  }
.tit03 dt { margin-top:15px; padding-left:10px; position:relative;}
.tit03 dd { margin-top:5px; padding-left:10px; }
.tit03 dt:before{content: ''; position: absolute; width:4px; height:4px; left: 0; top:10px; background:#0064eb;}

dl.tit04 {  }
.tit04 dt { margin-top:24px; color:#444; font-weight:600; }
.tit04 dd { margin-top:12px; }
.tit04 dd ul { margin-top:0; }

dl.tit05 {  }
.tit05 dt { margin-top:20px; color:#444; font-weight:600; }
.tit05 dd { margin:10px 0 0 16px; }
.tit05 dd.list { margin:10px 0 0 8px; }

.h70 li div {min-height:75px;}


.cibox{margin-top:20px !important; text-align:center; padding:40px; border:1px solid #ccc; background-image:url("/eng/img/01/01020000_08.gif");}
.cibox p {margin-top:30px; font-size:20px; color:#000; font-weight:200; }
.ciBtn{text-align:right;}

.cibox02{ margin-top:30px !important;}
.cibox02 p{float:left; width:25%;}
.cibox02 p img{width:100%;}
.cibox02 dl{float:right; width:70%;}
.cibox02 dt{font-size:20px; color:#000; font-weight:500;}
.cibox02 dd{margin-top:20px;}

.cibox03{ margin-top:30px !important;}
.cibox03 p{float:right; width:35%;}
.cibox03 p img{width:100%;}
.cibox03 dl{float:left; width:60%;}
.cibox03 dt{font-size:20px; color:#000;  font-weight:500;}
.cibox03 dd{margin-top:20px;}

.cibox04{ margin-top:70px !important; border:1px solid #e4e4e4;}
.cibox04 dl{float:left;  width:25%; text-align:center; border-right:1px solid #e4e4e4; box-sizing:border-box; padding:2%; min-height:410px;}
.cibox04 dt{font-size:20px; color:#000; font-weight:500;}
.cibox04 dd {margin-top:20px;}
.cibox04 dd img{width:90%; }
.cibox04 dd.txt{text-align:left;}
.cibox04 dd.dnbtn{text-align:left;}
.cibox04 dd.dnbtn a{ display:block;}
.cibox04 dl.bdnon{border:none;}

@media only screen and (max-width:768px){
	.ciBtn{text-align:left;}
	.cibox02 p{float:none; width:100%; text-align:center;}
	.cibox02 p img{width:60%;}
	.cibox02 dl{float:none; width:100%; margin-top:40px;}
	.cibox03 p{float:none; width:100%; text-align:center;}
	.cibox03 p img{width:70%;}
	.cibox03 dl{float:none; width:100%; margin-top:40px;}
	.cibox04 dl{ float:none; width:100%; padding:5%; text-align:center; border:none; min-height:300px; border-bottom:1px solid #e4e4e4; box-sizing:border-box;}
	.cibox04 dd img{width:200px; }
	.cibox04 dd.txt{text-align:center;}
}



/* CULTURE & TOURISIM > Mahasa ~ */

.top-imgBox { background:#efefef; }
.top-imgBox .slide_img { float:left; width:40%!important;margin-right:30px; }

.info { float:right; width:50%; padding : 10px 60px 0 0}
.info li { position: relative; padding-left:190px; margin-top:10px; line-height:21px; }
.info li:before {content: ''; position: absolute; width:4px; height:4px; left: 0; top:8px; background:#cc0000;}
.info li .tit {position:absolute; top:0; left:10px; width:165px; color:#555; font-weight:bold;}
.info li .tit:after { position:absolute; top:50%; right:0; margin-top:-5px; width:1px; height:10px; content:''; background:#c3c3c3; }

@media only screen and (max-width:768px){
	.top-imgBox .slide_img { float:none; width:100%; }
	.top-imgBox .info { float:none; width:100%; }
}

/* LIVING ENVIRONMENT > SHOPPING CENTER & MARKET */

.livingBox { padding:15px 0; border-bottom:1px solid #e4e4e4;}
.livingBox p { float:left; width:25%; background:#fff; border:1px solid #dedede;}
.livingBox dl { float:right; width:70%; }
.livingBox dl dt { font-size:1.1em; font-weight:600; color:#414792;   }
.livingBox dl dd { margin-top:15px; }
.livingBox dl dd.gobtn {text-align:right; }
.livingBox dl dd span.tit { font-weight:600; color:#4e4e4e;}

@media only screen and (max-width:768px){
	.top-imgBox .slide_img { width:100%!important;}
	.livingBox { padding:0; border:none;}
	.livingBox p { float:none; width:100%; }
	.livingBox dl { float:none; width:100%; margin:20px 0 40px 0; }
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;