@charset "utf-8";

#article { width: 100%; margin: 0;}
#area01 { width: 100%; background: #eaeef8; }
#area01 .area01 { max-width: 1000px; margin: 0 auto; overflow: hidden;}
#area01 .area01 section:first-child { float: left; width:628px; }
#area01 .area01 section { float: right;  width: 372px;}
#area01 .area01 section .main-img {  margin: 7px 0px;}
#area01 .area01 section>div { float: left; width: 179px; margin-top:7px; margin-left: 7px;}
#area01 .area01 section>div.parti { height: 198px; background: #fff;}
#area01 .area01 section>div.parti h4 { width: 179px; height: 31px; line-height: 31px; padding-left: 15px; color: #fff; background: url(/images/place2016/acc/main/bg_sec01tit.gif) no-repeat;}
#area01 .area01 section>div.parti>ul>li:first-child { margin-top: 5px;}
#area01 .area01 section>div.parti>ul>li>a { line-height:22px; margin-left:10px; padding-left: 10px; font-size: 12px; color: #333; background: url(/images/place2016/acc/common/bullet_parti.gif) left center no-repeat; }
#area01 .area01 section>div.parti>ul>li:first-child>a { background: url(/images/place2016/acc/common/bullet_partif.gif) left center no-repeat;} 
#area01 .area01 section>div.online { height: 198px; background: #fff;}
#area01 .area01 section>div.online h4 { width: 179px; height: 31px; line-height: 31px; padding-left: 15px; color: #fff; background: url(/images/place2016/acc/main/bg_sec02tit.gif) no-repeat;}
#area01 .area01 section>div.online>ul { overflow: hidden;}
#area01 .area01 section>div.online ul.first { border-bottom: 1px solid #dcdcdc; }
#area01 .area01 section>div.online>ul>li { float: left; width: 50%; text-align: center;}
#area01 .area01 section>div.online>ul>li:first-child { border-right: 1px solid #dcdcdc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#area01 .area01 section>div.online>ul>li>a { display: inline-block; height: 23px; margin-top:10px; padding-top: 50px; font-size: 9px; color: #333; letter-spacing: -1px; background: url(/images/place2016/acc/main/bg_online01.png) center top no-repeat;}
#area01 .area01 section>div.online>ul>li>a.onlin02 { padding: 50px 15px 0px; background: url(/images/place2016/acc/main/bg_online02.png) center top no-repeat;}
#area01 .area01 section>div.online>ul>li>a.onlin03 { background: url(/images/place2016/acc/main/bg_online03.png) center top no-repeat;}
#area01 .area01 section>div.online>ul>li>a.onlin04 { background: url(/images/place2016/acc/main/bg_online04.png) center top no-repeat;}
#area01 .area01 section>div.greet { height: 195px; background: url(/images/place2016/acc/main/bg_peobx.gif) no-repeat;}
#area01 .area01 section>div.greet>h4 { margin: 15px 0px 0px 18px; font-size: 11px; color: #fff;}
#area01 .area01 section>div.greet>h4>span { font-size: 21px;}
#area01 .area01 section>div.greet>a { display: inline-block; width: 48px; height: 18px; line-height: 18px; margin: 40px 0px 0px 18px; text-align: center; font-size: 10px; color: #fff; background: url(/images/place2016/acc/main/bg_btnbx.gif) no-repeat; }
#area01 .area01 section>div.golink {}
#area01 .area01 section>div.golink>ul { margin-bottom: 7px; height: 95px; background: #fff url(/images/place2016/acc/main/bg_sec02.png) 80% center no-repeat;}
#area01 .area01 section>div.golink>ul:first-child { background: #fff url(/images/place2016/acc/main/bg_sec01.png) 80% center no-repeat;}
#area01 .area01 section>div.golink>ul>li { padding: 15px 0px 0px 17px; font-family: "Nanum Gothic"; font-weight: bold; color: #656d84; }
#area01 .area01 section>div.golink>ul>li>a { display: inline-block; width: 48px; height: 18px; line-height: 18px; text-align: center; font-size: 10px; color: #fff; background: url(/images/place2016/acc/main/bg_btnbx2.gif) no-repeat;}


.main_img {
	width:100%;
}
.board_title { font-weight:bold; font-size:15px; border-bottom:1px solid #f0f0f0; height:30px; }
.board_title span{ float:right;}

.area_banner .news_img_board li p{ color:#656565; }
.title_txt { font-size:14px; margin-top:5px;}
.title_txt a{ font-size:14px; margin-top:5px; display: inline-block; float: left; width: 70%; padding-left:0px; color: #000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.title_txt2 { width:100%;font-size:14px; color:#000;  display: inline-block; float: left; width: 100%; padding-left:0px; color: #000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.date_txt { font-size:13px;color:#999999;}
.title_txt > .date_txt { float:right;font-size:13px;color:#999999;font-weight:400; }


.link_title, .link_title a{ font-size:13px; margin-top:12px; color:#656565;}
.link_title img{ margin-top:-3px;}
.link_title span{ float:right;}


.link_title_2, .link_title2 a{ 
	font-size:12px; color:#5f5f5f; letter-spacing:-1px;
	border-bottom:1px dotted #dbdbdb;
	height:35px; line-height:35px;
	font-weight:400;
}
.link_title_2 img{ margin-top:-3px;}
.link_title_2 span{ float:right;}


.quick_link_banner { position:relative;width:1099px; margin:auto;margin-top:-92px;z-index:10;}
.quick_link_banner li{ width:25%; float:left;}
.quick_link_banner:after { display:block;clear:both;content:""}

.area_banner { width:1099px; margin:auto; margin-top:30px;}
.area_banner ul {width:1099px; margin:auto;}
.area_banner ul li{width:248px; float:left; margin-left:45px;}
.area_banner ul li:first-child{width:484px; float:left; margin-left:0px; }
.area_banner ul li:last-child{width:274px; float:left; margin-left:48px; }
.area_banner ul:after { display:block;clear:both;content:""}

.area_banner .news_img_board { width:484px;margin:auto; margin-top:20px; }
.area_banner .news_img_board li{ float:left; }
.area_banner .news_img_board li:first-child{ width:139px; }
.area_banner .news_img_board li:last-child{ width:327px; margin-top:10px; margin-left:18px;}

.area_banner .banner_img { width:100%; margin:auto; }
.area_banner .banner_img li {
	width:246px;
	float:left; margin-left:0px;margin-left:-1px;

}

.area_banner .banner_img li:first-child { width:100%; }

.area_banner .banner_img li:last-child { width:100%; margin-left:0px;}


.line_notice { width:100%; height:8px; background:#001245; }
.title_notice { 
	width:100%; height:46px; line-height:46px; padding-left:24px; background:#003156; 
	width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px); width: -o-calc(100% - 24px); width: calc(100% - 24px); width: expression(100% - 24px);
	color:#fff; font-size:18px; font-weight:bold;
}

.con_notice { 
	width:100%; line-height:26px; padding:10px 28px 10px 28px; background:#f5f5f5; 
	width: -moz-calc(100% - 56px); width: -webkit-calc(100% - 56px); width: -o-calc(100% - 56px); width: calc(100% - 56px); width: expression(100% - 56px);
	font-size:15px; font-weight:bold;
}

.con_notice .notice_subject a{ color:#000; font-size:15px; }
.con_notice .notice_date { color:#000; font-size:13px;font-weight:800; margin-top:7px; }
.con_notice .notice_con { line-height:20px; margin-top:7px; }
.con_notice .notice_con a{ color:#373737; font-size:13px;font-weight:400;}

.right_banner { 
	width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); width: -o-calc(100% - 2px); width: calc(100% - 2px); width: expression(100% - 2px);
	border:1px solid #cccccc;margin-top:7px;
}
.right_banner img{ width:100%; }

#area02 { width: 100%; margin: 0; }
#area02 .area02 { max-width: 1700px; margin: 7px auto; overflow: hidden;}
#area02 .area02 section:first-child { float: left; width:485px; }
#area02 .area02 section { float: right;  width: 207px;}
#area02 .area02 .latest_tab { position: relative; width: 485px; min-height: 181px; overflow: hidden; }
#area02 .area02 .latest_tab>ul>li { float:left;width:10%;margin-left:0px;}
#area02 .area02 .latest_tab>ul>li>a { 
	display: inline-block; width: 109px; height: 35px; line-height: 35px; margin-right: 2px; font-size: 15px; color: #999999; 
	text-align: center; background: #fff;font-weight:bold;
}
#area02 .area02 .latest_tab>ul>li.active>a { position:relative;z-index:10;background: #fff;color:#000; border-bottom:3px solid #001245;}
#area02 .area02 .latest_tab>ul>li>ul { display: none; position: absolute; width: 485px; top: 60px;left:0px;}
#area02 .area02 .latest_tab>ul>li>ul.active { display: block;}
#area02 .area02 .latest_tab>ul>li>ul>li {width:100%;height:35px; line-height:25px; border-bottom:1px dotted #dbdbdb;margin-left:0px;}
#area02 .area02 .latest_tab>ul>li>ul>li>a { line-height:35px; font-size:14px; color: #333; border-bottom:1px solid red;}
#area02 .area02 .latest_tab>ul>li>ul>li>a>span.subject { 
	display: inline-block; float: left; width: 75%; padding-left:0px; color: #000; overflow:hidden; 
	white-space:nowrap; text-overflow:ellipsis;
}
#area02 .area02 .latest_tab>ul>li>ul>li>a>span.date { float: right; color: #000; }
#area02 .area02 .latest_tab>ul>li>a.more { position:absolute; right: 0px; top:0px; display: none; width: 19px; background: #fff;border-bottom:none;}
#area02 .area02 .latest_tab>ul>li>a.more.active { display: inline-block;}



#area03 { width: 100%; margin: 0px 0px 20px; }
#area03 section { max-width: 1000px; margin: 0px auto; overflow: hidden;}
#area03 .qlink { float: left; display: inline-block; width:374px; height: 128px; background: url(/images/place2016/acc/main/bg_section03.jpg) no-repeat;}
#area03 .qlink h4 { margin: 20px 20px 0px; font-size: 17px; font-weight: bold; color: #001c58;}
#area03 .qlink a { display: inline-block; margin: 10px 0px 0px 20px; font-size: 13px; font-weight: bold; color: #333;}
#area03 .qmenu { height: 126px; border: 1px solid #e8e8e8; border-left: none;}
#area03 .qmenu h4 { display: inline-block; margin: 20px 0px 0px 33px; font-size: 17px; font-weight: bold; color: #000; }
#area03 .qmenu h4>span {color: #001c58;}
#area03 .qmenu .quickmenu a { display: inline-block; margin-top: 15px; padding: 40px 17px 0px; font-size: 14px; font-weight: bold; color: #333; border-left: 1px solid #e5e5e5; }
#area03 .qmenu .quickmenu a.quick01 { margin-left:23px; border-left: none; background: url(/images/place2016/acc/main/bg_quick01.png) center top no-repeat;}
#area03 .qmenu .quickmenu a.quick02 { background: url(/images/place2016/acc/main/bg_quick02.png) center top no-repeat;}
#area03 .qmenu .quickmenu a.quick03 { background: url(/images/place2016/acc/main/bg_quick03.png) center top no-repeat;}
#area03 .qmenu .quickmenu a.quick04 { background: url(/images/place2016/acc/main/bg_quick04.png) center top no-repeat;}
#area03 .qmenu .quickmenu a.quick05 { background: url(/images/place2016/acc/main/bg_quick05.png) center top no-repeat;}
.line {
	position:absolute;
	width:100%;
	height:1px;
	background:#f0f0f0;
	top:36px;
}




@media (max-width:1000px){
#area01 .area01 { max-width: 100%; margin: 0 10px; overflow: hidden;}
#area01 .area01 section:first-child { width:100%; }
#area01 .area01 section {  width: 100%;}
#area01 .area01 section .main-img {  margin: 7px 0px; width: 100%;}
#area01 .area01 section .main-img img { width: 100%;}
#area01 .area01 section>div { float: left; width: -moz-calc(25% - 7px); width: -webkit-calc(25% - 7px); width: -o-calc(25% - 7px); width: calc(25% - 7px); width: expression(25% - 7px); margin-top:7px; margin-left: 7px; overflow:hidden;}
#area01 .area01 section>div.parti { width: 25%; margin-left: 0;}
#area01 .area01 section>div.parti h4 { width: 100%;  background: url(/images/place2016/acc/main/bg_sec01tit.gif) repeat-x;}
#area01 .area01 section>div.online h4 { width: 100%; background: url(/images/place2016/acc/main/bg_sec02tit.gif) repeat-x;}
#area01 .area01 section>div.greet { height: 195px; background: url(/images/place2016/acc/main/bg_peobx.gif) no-repeat; background-size:cover;}

#area02 .area02 { max-width: 100%; margin: 0px; overflow: hidden;}
#area02 .area02 section:first-child { float: none; width:100%; }
#area02 .area02 section { float: none;  width: 100%;}
#area02 .area02 .latest_tab { width: 100%; }
#area02 .area02 .latest_tab>ul>li { float:left;width:auto;margin-left:0px;}
#area02 .area02 .latest_tab>ul>li>ul { 
	display: none; position: absolute; width:100%;  top: 60px; left:0px;
}
#area02 .area02 .latest_tab>ul>li>ul>li>a>span.subject { 
width: -moz-calc(75% - 20px); width: -webkit-calc(75% - 20px); width: -o-calc(75% - 20px); width: calc(75% - 20px); width: expression(75% - 20px);  
}
#area02 .area02 .latest_tab>ul>li>ul>li>a>span.date { float: right; width: 25%; text-align: right; color: #878787; }

#area02 .area02 .slider { float: none; width: auto; margin-top:5px; height: auto; }
#area02 .area02 .slider img { width:100%;}
#area02 .area02 .slider .item { margin-right: 5px;}

#area03 section { max-width: auto; margin: 0px 10px; overflow: hidden;}
#area03 .qlink { width: 35%; }
#area03 .qmenu .quickmenu a {  font-size: 12px; padding: 40px 15px 0px; }






	.quick_link_banner { position:relative;width:100%; margin:auto;z-index:10;}
	.quick_link_banner li{ width:25%; float:left;}
	.quick_link_banner:after { display:block;clear:both;content:""}

	.area_banner { 
		margin:auto; margin-top:30px;padding-left:10px;padding-right:10px;
		width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); width: expression(100% - 20px);
	}
	.area_banner ul {width:100%; margin:auto;}
	.area_banner ul li{width:100%; float:left; margin-left:0px; }
	.area_banner ul li:first-child{width:100%; float:left; margin-left:0px; }

	.area_banner ul:after { display:block;clear:both;content:""}

	.area_banner .news_img_board { width:100%;margin:auto; margin-top:20px; }
	.area_banner .news_img_board li{ 
		float:left; margin-left:18px; 
	}
	.area_banner .news_img_board li:first-child{ width:139px; }
	.area_banner .news_img_board li:last-child{ margin-top:10px; }
	.area_banner .news_img_board li:last-child{ 
		width:327px; margin-top:10px; margin-left:18px;
		width: -moz-calc(100% - 157px); width: -webkit-calc(100% - 157px); width: -o-calc(100% - 157px); width: calc(100% - 157px); width: expression(100% - 157px);
	}

	.area_banner .banner_img { width:100%; margin:auto; margin-top:20px; }
	.area_banner .banner_img li {
		float:left; margin-left:0px;border:1px solid #eaeaea;margin-left:-1px;
		width: -moz-calc(25% - 2px); width: -webkit-calc(25% - 2px); width: -o-calc(25% - 2px); width: calc(25% - 2px); width: expression(25% - 2px);
	}
	.area_banner .banner_img li:first-child {
		float:left; margin-left:-1px;
		width: -moz-calc(25% - 2px); width: -webkit-calc(25% - 2px); width: -o-calc(25% - 2px); width: calc(25% - 2px); width: expression(25% - 2px);	
	}
	.area_banner .banner_img li:nth-child(3) {
		float:left; margin-left:-1px;margin-top:0px;
		width: -moz-calc(25% - 2px); width: -webkit-calc(25% - 2px); width: -o-calc(25% - 2px); width: calc(25% - 2px); width: expression(25% - 2px);
	}
	.area_banner .banner_img li:last-child {
		float:left; margin-left:-1px;margin-top:0px;
		width: -moz-calc(25% - 2px); width: -webkit-calc(25% - 2px); width: -o-calc(25% - 2px); width: calc(25% - 2px); width: expression(25% - 2px);
	}

	.mobile_none {display:none;}
		
}
@media (max-width:870px){
#area03 .qlink { float: none; width: 100%; background-repeat: repeat-x; }	
#area03 .qmenu { border-left: 1px solid #e8e8e8; }
#area03 .qmenu { height: auto;}
#area03 .qmenu .quickmenu { text-align: center;}
#area03 .qmenu .quickmenu a { padding-bottom: 15px; border-left: none;}
}
@media (max-width:768px){
#area01 .area01 section>div { float: left; width: -moz-calc(50% - 7px); width: -webkit-calc(50% - 7px); width: -o-calc(50% - 7px); width: calc(50% - 7px); width: expression(50% - 7px); margin-top:7px; margin-left: 7px; overflow:hidden;}
#area01 .area01 section>div.parti { width: 50%; margin-left: 0;}
#area01 .area01 section>div.greet {  width: 50%; margin-left: 0;}


}
@media (max-width:680px){
#area02 .area02 .latest_tab { min-height: 185px;}
#area02 .area02 .latest_tab>ul>li>ul { width:100%; top: 45px; left:0px; }
#area02 .area02 .latest_tab>ul>li>a { 
	display: inline-block; width: auto; height: auto; line-height: normal; padding: 5px 10px; 
	margin-right: 2px; font-size: 15px;
}
.line {
	top:31px;
}
#area02 .area02 .latest_tab>ul>li>a.more { position:absolute; width: 8px;height:8px;right:0px;}

#area02 .area02 .latest_tab>ul>li>ul>li>a { line-height: 35px; font-size:14px; color: #333;}
}
@media (max-width:525px){
#area02 .area02 .latest_tab { min-height: 185px;}
#area02 .area02 .latest_tab>ul>li>ul { top: 45px; left:0px;}
#area02 .area02 .latest_tab>ul>li>a { 
	display: inline-block; width: auto; height: auto; line-height: normal; 
	padding: 5px 10px; margin-right: 2px; font-size: 13px; 
}
#area02 .area02 .latest_tab>ul>li>a.more { width: 8px; right:0px;}
#area02 .area02 .latest_tab>ul>li>ul>li>a { line-height: 35px; font-size:12px; color: #333;}

.line {
	top:28px;
}

}
@media (max-width:480px){
#area01 .area01 section>div.parti { width: 100%; margin-left: 0;}
#area01 .area01 section>div.online { width: 100%; margin-left: 0;}


#area02 .area02 .latest_tab { min-height: 185px;}
#area02 .area02 .latest_tab>ul>li>ul { top: 45px; left:0px;}
#area02 .area02 .latest_tab>ul>li>a { 
	display: inline-block; width: auto; height: auto; line-height: normal; 
	padding: 5px 10px; margin-right: 2px; font-size: 13px; 
}
#area02 .area02 .latest_tab>ul>li>a.more { width: 8px; right:0px;}
#area02 .area02 .latest_tab>ul>li>ul>li>a { line-height: 35px; font-size:12px; color: #333;}

.line {
	top:28px;
}


	.quick_link_banner { position:relative;width:100%; margin:auto;z-index:10;}
	.quick_link_banner li{ width:50%; float:left;}
	.quick_link_banner:after { display:block;clear:both;content:""}

	.area_banner { 
		margin:auto; margin-top:30px;padding-left:10px;padding-right:10px;
		width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); width: expression(100% - 20px);
	}
	.area_banner ul {width:100%; margin:auto;}
	.area_banner ul li{width:100%; float:left; margin-left:0px; }
	.area_banner ul li:first-child{width:100%; float:left; margin-left:0px; }
	.area_banner ul:after { display:block;clear:both;content:""}

	.area_banner .news_img_board { width:100%;margin:auto; margin-top:20px; }
	.area_banner .news_img_board li{ 
		float:left; margin-left:18px; 
	}
	.area_banner .news_img_board li:first-child{ width:139px; }
	.area_banner .news_img_board li:last-child{ 
		margin-top:10px; margin-left:18px;
		width: -moz-calc(100% - 157px); width: -webkit-calc(100% - 157px); width: -o-calc(100% - 157px); width: calc(100% - 157px); width: expression(100% - 157px);
	}
	.area_banner .banner_img { width:100%; margin:auto; margin-top:20px; }
	.area_banner .banner_img li {
		float:left; margin-left:0px;border:1px solid #eaeaea;margin-left:-1px;
		width: -moz-calc(50% - 2px); width: -webkit-calc(50% - 2px); width: -o-calc(50% - 2px); width: calc(50% - 2px); width: expression(50% - 2px);
	}
	.area_banner .banner_img li:first-child {
		float:left; margin-left:-1px;
		width: -moz-calc(50% - 2px); width: -webkit-calc(50% - 2px); width: -o-calc(50% - 2px); width: calc(50% - 2px); width: expression(50% - 2px);	
	}
	.area_banner .banner_img li:nth-child(3) {
		float:left; margin-left:-1px;margin-top:-1px;
		width: -moz-calc(50% - 2px); width: -webkit-calc(50% - 2px); width: -o-calc(50% - 2px); width: calc(50% - 2px); width: expression(50% - 2px);
	}
	.area_banner .banner_img li:last-child {
		float:left; margin-left:-1px;margin-top:-1px;
		width: -moz-calc(50% - 2px); width: -webkit-calc(50% - 2px); width: -o-calc(50% - 2px); width: calc(50% - 2px); width: expression(50% - 2px);
	}


#area03 .qmenu .quickmenu a {  padding: 40px 10px 15px;}

}


@media (max-width:400px){
	.area_banner .news_img_board { width:100%;margin:auto; margin-top:20px; }
	.area_banner .news_img_board li{ 
		float:left; margin-left:0px; 
		width: 100%
	}
	.area_banner .news_img_board li:first-child{ width:100%; }

	.area_banner .news_img_board li:last-child{ 
		margin-top:10px; margin-left:0px;
		width: 100%;
	}

}

@media (max-width:320px){
	
}