@charset "utf-8";

#txt *{font-family: 'ns_jpn','nsk','Dotum','arial','sans-serif';}
.imgbox.bg{background: #f9f9f9}

/* sub01_01  인사말*/
.greeting_a01 .item{bottom: -40px;padding: 20px 25px}
.greeting_a01 .thm_box strong{top: 30%;line-height: 35px;}
.greeting_a01 .thm_box p{top: 60%;padding-right: 10px}

@media (max-width: 1150px){
	.greeting_a01 .thm_box strong{top: 24%;font-size: 25px;line-height: 30px}
	.greeting_a01 .thm_box p{top:55%}
}
@media (max-width: 1010px){
	.greeting_a01 .thm_box strong{top: 18%;}
	.greeting_a01 .thm_box p{top: 42%}
}
@media (max-width: 560px){
	.greeting_a01 .thm_box strong,
	.greeting_a01 .thm_box p{display: none}
}
@media (max-width: 470px){
	.greeting_a01 .item{padding: 15px}
}


/* sub01_02  일반현황*/
.img_topbox{display:block;width:100%;height:238px;background:url(/images/eng/sub01/sub01_02_bg.jpg) no-repeat;padding-top:45px;}
.img_topbox img{display:block;margin:0 auto;padding-left:60px;}
.img_topbox .txt{display:block;overflow:hidden;margin:15px auto; width:450px;border-radius: 50px;background-image:none;color:#fff;font-size:13px;text-align:center;vertical-align:middle;line-height:20px;padding:5px;background-color:#437ed7;}
@media all and (max-width:550px) {
   .img_topbox img{padding-left:0;}
   .img_topbox .txt{width:90%;}
}

/* sub01_03 행정구역 */
.imgtxt{padding: 30px 0 20px;background: #f3f4f6;border:1px solid #dadbdd;border-top: 0}
.imgtxt:after{content: '';display: block;visibility: hidden;clear: both;}
.imgtxt .img_num{float: left;width: 33.3%;margin-bottom: 10px;padding-left: 6%;border-left: 1px dashed #9fa0a3}
.imgtxt .img_num:first-child{border-left: 0}
.imgtxt .img_num li{margin-bottom: 10px;line-height: 30px;}
.imgtxt .img_num li span{display: inline-block;width: 30px;height: 30px;margin-right: 15px;border-radius: 50%;font-size: 14px;font-weight: 500;color: #fff;line-height: 30px;text-align: center;}
.imgtxt .img_num li .type1{background: #394256}
.imgtxt .img_num li .type2{background: #2f62bb}

@media (max-width: 767px){
	.imgtxt .img_num{width: 50%}
	.imgtxt .img_num:last-child{border-left: 0}
}
@media (max-width: 500px){
	.imgtxt{padding: 30px 0}
	.imgtxt .img_num{float: none;width: 100%;margin-bottom: 0;padding-left: 55px;border-left: 0}
}


/* sub01_04 상징 */
/*심볼,마스코트,브랜드*/
.sub01_04 .ui.uib .uibodo{padding:0px;border:none}
.sub01_04 .ui.uib .uibodo .thm_figure img{margin:0 auto;}

@media (min-width: 768px){
	.sub01_04 .ui.uib.type1 .uibodo .thm_caption {width: 65%;}
	.sub01_04 .ui.uib.type1 .uibodo .thm_figure {width:29%}
}

/*상징물*/
.sub01_04 .ui.uic.type2 .box_col .col{min-height:370px;}
.sub01_04 .ui.uic.type2 .box_col .col .item .thm_caption .tit_inner span{display: inline-block;}

@media (max-width: 790px){
	.sub01_04 .ui.uic.type2 .box_col .col{width: 48%;}
}
@media (max-width: 479px){
	.sub01_04 .ui.uic.type2 .box_col .col{width: 100%;min-height: auto}
}
/* sub01_04 상징 끝 */


/* sub01_06 찾아오시는길 */
.b_box_local .lst_local li{position: relative;padding:5px 0 0 100px;line-height: 1.5}
.b_box_local .lst_local li.last{padding: 0}
.b_box_local .lst_local li b{position: absolute;left: 0;top: 0}

@media (max-width: 425px){
	.b_box_local .lst_local li{padding: 35px 0 0}
}

/* sub02 관광, sub03 축제 */
.tour_info{border:1px solid #dadbdd;} 
.tour_info:after{content: '';display: block;visibility: hidden;clear: both;}
.tour_info .img{float: left;width: 50%;}
.tour_info .txt{float: left;width: 50%;padding: 3% 5%;}
.tour_info .txt strong{display: block;padding-bottom: 15px;border-bottom:1px solid #dadbdd;font-size: 18px;color: #262626}
.tour_info .txt .list{margin-top: 30px}
.tour_info .txt .list li{position:  relative;min-height: 25px;margin-bottom: 5px;padding: 0px 0 0 110px;}
.tour_info .txt .list li b{position:  absolute;left: 0;top: 0;}
.tour_info .txt .list li b span{display:  inline-block;width: 25px;height: 25px;margin-right: 10px;background: url(/images/jpa/sub02/sub02_icon.png) no-repeat;}
.tour_info .txt .list li b .ico1{background-position: 0 0}
.tour_info .txt .list li b .ico2{background-position: -25px 0}
.tour_info .txt .list li b .ico3{background-position: -50px 0}
.tour_info.tour_long .img img{height: 335px}
.tour_info.fes_long .img img{height: 278px}

@media (max-width: 1023px){
	.tour_info .img{float: none;width: 100%;border-bottom: 1px solid #dadbdd;text-align: center;}
	.tour_info .txt{float: none;width: 100%}
	.tour_info .txt strong{text-align: center;}
	.tour_info.tour_long .img img,
	.tour_info.fes_long .img img{height: auto}
}


/* sub04_01 ~ sub04_04 생활정보(은행,병원,교육기관,쇼핑) */
.ui-info-text{margin-left: -1%}
.ui-info-text:after{content:"";display:block;clear:both;visibility:hidden;}
.ui-info-text .col{display: table-cell;float:left;margin: 0 0 1% 1%;}
.ui-info-text .col .item{position:relative;padding:18px;padding-bottom:60px;border:1px solid #d7d7d7;}
.ui-info-text .col .item strong,
.ui-info-text .col .item .text,
.ui-info-text .col .item .sinfo{display:block}
.ui-info-text .col .item strong{display:block;position:relative;margin-bottom:15px;padding-bottom:5px;color:#121212;font-size:15px;;font-weight:600;line-height:1.4;word-wrap:break-word;word-break:keep-all;}
.ui-info-text .col .item strong i{display:block;font-size:15px;font-weight:600;}
.ui-info-text .col .item strong:after{content:"";display:block;position:absolute;bottom:0;left:0;width:25px;height:1px;background-color:#3f61b2}
.ui-info-text .col .item .text{font-size:14px;line-height:1.3;color:#777;word-wrap:break-word;word-break:keep-all;}
.ui-info-text .col .item .text i{font-weight: 600;color:#333}
.ui-info-text .col .item .sinfo{display:block;position:absolute;bottom:0;left:0;width:100%;padding:10px 0px 10px 44px;border-top:1px solid #d7d7d7;font-size:13px;line-height:1.3;color:#777}
.ui-info-text .col .item .sinfo *{vertical-align:middle}
.ui-info-text .col .item .sinfo i{position:absolute;top: 6px;left: 15px;}
.ui-info-text .col .item .sinfo i.sm-icon{display:inline-block;overflow:hidden;width:22px;height:22px;background:url(/images/eng/sub01/sm-icon.png);}
.ui-info-text .col .item .sinfo i.smi1{background-position:-1px -1px; }
.ui-info-text .col .item .sinfo i.smi2{background-position:-5px -1px; }
.ui-info-text.col1 .col {margin-left: 0;margin-right: 0;margin-bottom: 0;margin-top: -1px;width: 100%;}
.ui-info-text.col1 .col:first-child {margin-top: 0;}
.ui-info-text.col2 .col{width:49%}
.ui-info-text.col3 .col{width:32.33%}
.ui-info-text.col4 .col{width:24%}
.ui-info-text.col1 .col .item {padding: 30px; padding-bottom: 30px;    min-height: auto;}
.ui-info-text.col1.item-date .col .item{padding-bottom:80px;}
.ui-info-text.col1 .col .item.item-img{padding-left:200px;position:relative;min-height:210px}
.ui-info-text.col1 .col .item.item-img .img{position:absolute;top:30px;left:15px;width:150px;}
.ui-info-text.col1 .col .text {margin-bottom: 10px;}
.ui-info-text.col1 .col .item .text:first-child { font-weight: bold;font-size: 16px;}

.sub04_01 .ui-info-text .col .item,
.sub04_03 .ui-info-text .col .item{min-height:160px;}
.sub04_04 .ui-info-text .col .item{min-height:180px;}
.sub04_02 .ui-info-text .col .item{min-height:200px;}

@media (max-width:959px) {
    .ui-info-text.col3 .col,
    .ui-info-text.col4 .col{width:49%}
	
	.sub04_01 .ui-info-text .col .item
	.sub04_03 .ui-info-text .col .item{min-height:140px;}
	.sub04_02 .ui-info-text .col .item
	.sub04_04 .ui-info-text .col .item{min-height:160px;}
}
@media (max-width:540px) {
    .ui-info-text .col{float:none;display:block;margin:0 0 10px;}
    .ui-info-text.col2 .col,
    .ui-info-text.col3 .col,
    .ui-info-text.col4 .col{width:100%}
	.ui-info-text.col1 .col .item.item-img{padding-left:30px;position:relative;min-height:auto}
	.ui-info-text.col1 .col .item.item-img .img{display:block;position:relative;top:auto;left:auto;margin:0 auto;}
 
    .sub04_01 .ui-info-text .col .item,
	.sub04_02 .ui-info-text .col .item,
	.sub04_03 .ui-info-text .col .item,
	.sub04_04 .ui-info-text .col .item{min-height:auto;}
}


/* sub04_05 생활정보사이트 */
.sub04_05 .ui.uic.type3 .box_col .col{min-height: 183px;margin-bottom: 20px;}
@media (max-width: 1050px){
	.sub04_05 .ui.uic.type3 .box_col .col{min-height: 237px}
}
@media (max-width:767px) {
	.sub04_05 .ui.uic.type3 .box_col .col{min-height: 291px}
}
@media (max-width:479px) {
	.sub04_05 .ui.uic.type3 .box_col .col{min-height: auto;text-align: center;}
}