@charset "utf-8";
.guide-wrap{}
.about-wrap{}
.histo-wrap{}
.tour-wrap{}
.living-wrap{}
.board-wrap{}
	
	@media all and (max-width:1600px){
		.guide-wrap{padding:0px 20px;}
		.about-wrap{padding:0px 20px;}
		.histo-wrap{padding:0px 20px;}
		.tour-wrap{padding:0px 20px;}
		.living-wrap{padding:0px 20px;}
		.board-wrap{padding:0px 20px;}
	}
	
	@media all and (max-width:1000px){
	
	}
	
	@media all and (max-width:680px){
		.guide-wrap{padding:0px 15px;}
		.about-wrap{padding:0px 15px;}
		.histo-wrap{padding:0px 15px;}
		.tour-wrap{padding:0px 15px;}
		.living-wrap{padding:0px 15px;}
		.board-wrap{padding:0px 15px;}
	}
	
	@media all and (max-width:480px){
	
	}


/* greetings */
.greetings{position:relative; }
.greetings .btxt{padding:135px 520px 26px 60px; font-size:32px; color:#333; letter-spacing:-0.02em; line-height:140%; font-weight:900; background:url("/images/Eng_/content/HeadBg.png") center no-repeat; background-size:cover;}
.greetings .btxt span{color:#ffda75;}

.greetings .stxt{padding:25px 460px 30px 60px; line-height:170%; color:#333; font-size:15px; letter-spacing:-0.02em; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}

.greetings .person{position:absolute; top:60px; right:0; width:483px; padding-top:390px; text-align:center; background:url("/images/Eng_/content/headImg1-2.png") center top no-repeat; font-size:18px; color:#333; z-index:1; letter-spacing:-0.03em; line-height:120%; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
.greetings .person strong{font-size:28px; color:#111; padding:0px 30px 0px 12px;}

	@media screen and (max-width:1000px){
		.greetings .btxt{padding:30px 210px 20px 20px; font-size:22px;}

		.greetings .stxt{padding:15px 210px 30px 20px; font-size:14px;}

		.greetings .person{top:20px; right:10px; width:210px; padding-top:160px; font-size:14px; background-size:210px; padding-right:10px; box-sizing:border-box;}
		.greetings .person strong{font-size:18px; padding:0px 0px 0px 5px; margin-top:5px; display:block;}
	}

	@media screen and (max-width:680px){
		.greetings .btxt{padding:15px 120px 15px 15px; font-size:18px;}

		.greetings .stxt{padding:15px 120px 20px 15px; font-size:13px;}

		.greetings .person{top:40px; right:10px; width:120px; padding-top:95px; font-size:12px; background-size:120px; padding-right:10px;}
		.greetings .person strong{font-size:16px; padding:0px 0px 0px 5px;}
	}

	@media screen and (max-width:480px){
		.greetings .btxt{min-height:145px;}

		.greetings .stxt{padding:15px;}

		.greetings .person{top:10px; color:#fff;}
		.greetings .person strong{color:#fff;}
	}


/* 인사말 */
.vision .tit{position:relative; font-size:36px; color:#333; margin-bottom:90px; letter-spacing:-0.01em; font-weight:900; text-align:center;}
.vision .tit:before{position:absolute; top:50%; left:0px; width:100%; height:3px; background:url(../_Img/main/dotline3-bg.png) repeat-x; content:""; z-index:-1;}
.vision .tit span{background:#fff; display:inline-block; line-height:120%; padding:0px 34px;}

.vision .icon-txt{text-align:center; font-size:0px;}
.vision .icon-txt li{position:relative; display:inline-block; width:33.33333333333%; font-size:18px; vertical-align:top;}
.vision .icon-txt li:before{position:absolute; top:105px; right:-14px; font-size:50px; color:#d1d1d1; content:"+"}
.vision .icon-txt li:last-child:before{display:none;}
.vision .icon-txt li .icons{position:relative; width:230px; height:230px; border-radius:50%; margin-bottom:20px; display:inline-block; content:"";
background: rgb(63,78,185);
background: -moz-linear-gradient(top, rgba(63,78,185,1) 0%, rgba(116,130,228,1) 100%);
background: -webkit-linear-gradient(top, rgba(63,78,185,1) 0%,rgba(116,130,228,1) 100%);
background: linear-gradient(to bottom, rgba(63,78,185,1) 0%,rgba(116,130,228,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4eb9', endColorstr='#7482e4',GradientType=0 );}
.vision .icon-txt li .icons:before{width:190px; height:190px; font-size:16px; border:2px solid #fff; background:#000; line-height:120%; display:inline-block; border-radius:50%; margin-top:20px; padding-top:130px; content:"text"; box-sizing:border-box; color:#fff;}
.vision .icon-txt li.commu .icons:before{background:url(/images/Eng_/content/visicon-commu.png) center 30px no-repeat; content:"Community";}
.vision .icon-txt li.smart .icons:before{background:url(/images/Eng_/content/visicon-smart.png) center 40px no-repeat; content:"Smart City";}
.vision .icon-txt li.newde .icons:before{background:url(/images/Eng_/content/visicon-newde.png) center 30px no-repeat; content:"New democracy";}
.vision .icon-txt li .btxt{font-size:18px; letter-spacing:-0.02em; color:#333; padding:0px 15px;}

	@media screen and (max-width:1000px){
		.vision .tit{font-size:24px; margin-bottom:40px;}

		.vision .icon-txt li:before{top:68px; right:-11px; font-size:40px;}

		.vision .icon-txt li .icons{width:160px; height:160px; margin-bottom:15px;}
		.vision .icon-txt li .icons:before{width:130px; height:130px; font-size:13px; margin-top:15px; padding-top:80px;}

		.vision .icon-txt li.commu .icons:before{background-position:center 12px; background-size:50px;}
		.vision .icon-txt li.smart .icons:before{background-position:center 25px; background-size:50px;}
		.vision .icon-txt li.newde .icons:before{background-position:center 20px; background-size:50px;}

		.vision .icon-txt li .btxt{font-size:16px;}
	}

	@media screen and (max-width:680px){
		.vision .tit{font-size:20px; margin-bottom:20px;}
		.vision .tit span{padding:0px 15px;}

		.vision .icon-txt li:before{top:28px; right:-7px; font-size:24px;}

		.vision .icon-txt li .icons{width:80px; height:80px; margin-bottom:5px;}
		.vision .icon-txt li .icons:before{width:80px; height:80px; font-size:12px; margin-top:6px; padding-top:20px; border:none; line-height:100%;}

		.vision .icon-txt li.commu .icons:before{background-position:center 0px; background-size:25px; padding-top:40px;}
		.vision .icon-txt li.smart .icons:before{background-position:center 5px; background-size:30px; padding-top:40px;}
		.vision .icon-txt li.newde .icons:before{background-position:center 2px; background-size:22px; padding-top:30px;}

		.vision .icon-txt li .btxt{font-size:13px; line-height:120%; padding:0px;}
	}

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

	}