@charset "utf-8";

@media screen and (max-width:1400px){
	body{min-width:auto;}
}

body{width:100%;overflow-x:hidden}

.frame{position:relative;width:1080px;margin:0 auto;}
.frame:after{display:block;clear:both;content:'';}

@media screen and (max-width:1100px){
	.frame{width:auto;}
}

#wrap{}
#mainHeader{position:absolute;top:0;left:0;width:100%;height:108px;z-index:100}
#mainHeader .util_list{position:absolute;top:38px;right:0;width:114px;height:26px;background:url(/themes/eng/images/main/language_bg.png) 0 0 no-repeat;}

#mainHeader .util_list{float:right;}
#mainHeader .util_list:after{display:block;clear:both;content:'';}
#mainHeader .util_list > li.select_btn{position:relative;background:url(/themes/eng/images/main/main_util_arrow_off.png) 93% 52% no-repeat;}
#mainHeader .util_list > li.selected{background:url(/themes/eng/images/main/main_util_arrow_on.png) 93% 52% no-repeat;}
#mainHeader .util_list > li.select_btn > a{display:block;height:26px;line-height:24px;padding:0 30px 0 14px;color:#fff;font-size:12px;}

#mainHeader .util_list > li.select_btn .desc_box{display:none;width:100%;position:absolute;top:28px;left:0;padding:0;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;z-index:101}
#mainHeader .util_list > li.select_btn .desc_box > ul{overflow-y:auto;max-height:75px;border:0;padding:0;border-left:1px solid #dddddd;border-right:1px solid #dddddd;background:#fff;list-style:none}
#mainHeader .util_list > li.select_btn .desc_box li a{display:block;height:25px;line-height:25px;padding:0;background:#fff;color:#404040;text-indent:13px;text-decoration:none;}
#mainHeader .util_list > li.select_btn .desc_box li a:hover,
#mainHeader .util_list > li.select_btn .desc_box li a:focus,
#mainHeader .util_list > li.select_btn .desc_box li a:active{color:#fff;background:#404040;}

#mainLogo{position:absolute;top:10px;left:0px;}
#mainLogo a{display:block;padding:10px 5px;}
#mainMenu{}

#eng #mainNav{padding:30px 120px 0 140px;}
#eng #mainNav:after{display:block;clear:both;content:'';}
#eng #mainNav li{float:left;padding:0 1px;}
#eng #mainNav a{display:block;padding:10px 10px;font-size:15px;color:#ffffff}

#chn #mainNav{padding:30px 120px 0 180px;}
#chn #mainNav:after{display:block;clear:both;content:'';}
#chn #mainNav li{float:left;padding:0 1px;}
/*#chn #mainNav a{display:block;padding:10px 32px;font-size:15px;color:#ffffff}*/

#chn #mainNav a{display:block;padding:10px 62px;font-size:15px;color:#ffffff}


#jpn #mainNav{padding:30px 120px 0 180px;}
#jpn #mainNav:after{display:block;clear:both;content:'';}
#jpn #mainNav li{float:left;padding:0 1px;}
/*#jpn #mainNav a{display:block;padding:10px 32px;font-size:15px;color:#ffffff}*/
#jpn #mainNav a{display:block;padding:10px 62px;font-size:15px;color:#ffffff}

#mainBody{padding-top:108px;}
#mainQuick{position:absolute;top:0;right:-60px;}
#mainQuick li{padding-bottom:2px;}
#global-bg{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#fff}

#mainTotalOpen{display:none;}

@media screen and (max-width:1100px){
	#eng #mainNav{width:780px;margin:0 auto;padding:30px 0 0 20px;}
	#eng #mainNav a{font-size:14px;}
	#chn #mainNav{width:780px;margin:0 auto;padding:30px 0 0 50px;}
	#chn #mainNav a{font-size:14px;}
	#jpn #mainNav{width:780px;margin:0 auto;padding:30px 0 0 50px;}
	#jpn #mainNav a{font-size:14px;}
}

@media screen and (max-width:1023px){
	#mainHeader{height:70px;}
	#mainBody{padding-top:70px;}
	#mainLogo{position:static;top:auto;left:auto;width:120px;margin:0 auto;}
	#mainMenu{display:none;}
	#mainHeader .util_list{right:auto;left:20px;top:20px;}

}
@media screen and (max-width:767px){
/*	#mainHeader{background-color:#ffffff}*/
  #mainHeader .util_list { left:10px; }
}
.cycle-slideshow{position:absolute;top:0;left:50%;width:1680px;height:932px;margin-left:-840px;z-index:0;}

#container{width:910px;height:824px;margin:0 auto;}
#container:after{display:block;clear:both;content:'';}
#container .article{position:relative;}
#container .more_btn{display:block;position:absolute;top:0;right:0;}

#mainGreeting,#mainPlace,#mainEvents{margin:0 4px;}

#mainGreeting{float:left;width:300px;}

.mayor_sect{}
.mayor_sect .desc_title{height:9.5rem;padding:1.81rem 0 0 1.75rem;background-color:#007af8; background-position: 50% 0; background-repeat: no-repeat; box-sizing:border-box; }
/* 여름
.mayor_sect .desc_title { background-image:url(/themes/eng/images/main/mayor_bg_2022_3.jpg); }
*/
.mayor_sect .desc_title { background-image:url(/themes/eng/images/main/mayor_bg_2026.png); }
.mayor_sect .desc_list{height:54px;padding:14px 0 0 16px;background-color:#01184a;}
.mayor_sect .desc_list a{display:block;padding-left:12px;background:url(/themes/eng/images/main/mayor_bullet.png) 0 4px no-repeat;color:#ffffff}

.history_sect{height:132px;padding:22px 0 0;background-color:#fff;}
.history_sect .desc_info{padding:0 20px 16px;}
.history_sect .desc_info:after{display:block;clear:both;content:'';}
.history_sect .desc_info .img{float:left;padding-right:12px;}
.history_sect .desc_info .data dt{padding-bottom:6px;font-size:16px;color:#000000}
.history_sect .desc_info .data dd{font-weight:300;line-height:18px;color:#34383e;}

.history_sect .desc_text{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:32px;padding:0 20px;line-height:16px;font-size:12px;color:#34383e}

#mainPlace{float:left;width:300px;margin:0 4px;}
.place_sect{height:374px;background:url(/themes/eng/images/main/place_bg.jpg) 50% 0 no-repeat;}
.place_sect .desc_title{padding:22px 0 0 26px;font-size:26px;line-height:30px;color:#ffffff}
.place_sect .desc_info{position:absolute;bottom:0;height:84px;padding:24px 24px 0;background:url(/themes/eng/images/main/overlay_ptn.png) 0 0 repeat;}
.place_sect .desc_info dt{padding-bottom:5px;font-size:18px;color:#f3f0eb}
.place_sect .desc_info dd{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:32px;line-height:16px;font-size:12px;color:#fffbf4}

#mainEvents{float:left;width:286px;margin:0 4px;}
.dog_sect{height:140px;background:url(/themes/eng/images/main/dog_bg.jpg) 50% 0 no-repeat;}
.dog_sect .desc_title{position:absolute;bottom:20px;right:14px;font-size:22px;color:#ffffff}

.arts_sect{height:234px;background:url(/themes/eng/images/main/arts_bg.jpg) 100% 100% no-repeat;}
.arts_sect .desc_info{padding:26px 0 0 20px;}
.arts_sect .desc_info dt{padding-bottom:10px;font-size:20px;color:#ffffff}
.arts_sect .desc_info dd{line-height:18px;padding-left:6px;background:url(/themes/eng/images/main/arts_bullet.png) 0 4px no-repeat;font-size:12px;color:#fefefe}

@media screen and (max-width:1023px){

	#container{width:auto;margin:10px;padding-bottom:20px;}
	#container .article{position:relative;margin:0 4px;}

	#mainGreeting,#mainPlace,#mainEvents{margin:0}
	#mainGreeting{width:40%;}
	#mainPlace{width:30%;}
	#mainEvents{width:30%;}

	.mayor_sect .desc_list{padding-left:4%}
	.mayor_sect .desc_list a{font-size:12px;}

	.history_sect .desc_info .img{padding-right:4%;}
	.history_sect .desc_info,.history_sect .desc_text{padding-left:4%;padding-right:4%;}

	.place_sect .desc_title{padding-left:6%;font-size:20px;}
	.place_sect .desc_info{padding-left:5%;padding-right:5%;}

	.arts_sect .desc_info{padding-left:5%}

}

@media screen and (max-width:767px){

	.cycle-slideshow{display:none}
	body{}
	#mainBody{padding-bottom:80px;background:url(/themes/eng/images/main/mobile_bg.jpg) 50% 100% no-repeat;background-size:cover;}
	#container{height:auto;padding-bottom:374px;}
	#container .article{position:relative;margin:0}
	#mainGreeting,#mainPlace,#mainEvents{margin:0}
	#mainGreeting{position:absolute;top:384px;width:100%;}
	#mainPlace{width:60%;}
	#mainEvents{width:40%;}
	.mayor_sect,.history_sect{float:none;width:100%;}


	.place_sect .desc_title{font-size:16px;line-height:22px;}
	.place_sect .desc_info dt{font-size:16px;}
	.arts_sect .desc_info dt{font-size:16px;}

}
@media screen and (max-width:599px){
	#mainPlace{width:50%;}
	#mainEvents{width:50%;}

}
@media screen and (max-width:479px){
	#container{padding-bottom:0;}
	#container .article{background-size:cover;}
	#mainGreeting,#mainPlace,#mainEvents{float:none;width:100%;}
	#mainGreeting{position:static;top:auto;left:auto;}
}

#mainFooter{padding:0 12px 30px;}
#mainFooter .desc_banner{padding-top:30px;text-align:center;text-align:center;}
#mainFooter .desc_banner ul:after{display:block;clear:both;content:'';}
#mainFooter .desc_banner li{display:inline-block;margin-bottom:4px;}
#mainFooter .desc_wrap{position:relative;width:640px;margin:0 auto;padding:30px 0 0 100px;font-size:12px;line-height:18px;color:#676f76;}
#mainFooter .desc_wrap address{display:block;}
#mainFooter .desc_wrap .desc_logo{position:absolute;top:30px;left:0;}


/*@media screen and (max-width:1023px){*/
/*	#mainFooter .desc_banner{display:none;}*/

@media screen and (max-width:767px){
	body{}
/*	#mainFooter{background:#fff;}*/
/*	#mainFooter .desc_wrap{}*/
/*	#mainFooter .desc_wrap{width:auto;margin:0 auto;padding:30px 20px 0;color:#fff;}*/
/*	#mainFooter .desc_wrap .desc_logo{display:none;}*/
}

@media screen and (max-width:479px){
  #mainFooter .desc_banner{display:none;}
  #mainFooter .desc_wrap { width:100%; padding-left:0; }
  #mainFooter .desc_wrap .desc_logo { position:static; margin-bottom:1em; text-align:center; }
}