@charset 'UTF-8';
/* mobile size */
@media(max-width: 768px) {
	body{
		/* padding-top:131px; */
		/* padding-top:355px; */
		padding-top:62px;
	}
	header{
		position: absolute;
		width:100%;
		min-width:320px;
		background-position: 0 bottom;
	}
	#header{
		max-width:748px;
		min-width:300px;
		margin:0 auto;
		padding:10px 10px 0;
	}
	h1 {
		width: 120px;
	}
	.gnbArea{
		float:none;
		clear:both;
		display:none;
	}
	.gnbArticle{
		height:auto;
		overflow:inherit ;
	}
	.gnb{
		width:100%;
		float:none;
	}
	.gnb li.m1, .gnb li.m2, .gnb li.m3, .gnb li.m4{
		float:none;
		width:100%;
	}
	.gnb {border-top:1px solid rgba(76, 125, 182, 0.7);}
	.gnb li{border-bottom:1px solid #ccc;height:auto;}
	.gnb li a {padding:25px}
	.gnb li a span{display: inline-block;padding-left:10px;}

	.gnb li .gnbSub{
		display:none;
		background:#f3f2f2;
	}
	.gnb li.m1:hover .gnbSub,.gnb li.m2:hover .gnbSub,.gnb li.m3:hover .gnbSub,.gnb li.m4:hover .gnbSub{
		display: block;
	}

	.gnb li.active ul, .gnb li:hover ul{
		background:none;
		border-top:1px solid #ccc
	}
	.gnb > li:last-child{
		border-bottom:0;
	}
	.gnbSub ul{
		background:none;
		/* background:url(../images/common/sub_gnb_active_repeat_dott.gif) left top repeat-x; */
		height:auto;
		padding:15px 10px 15px 20px;
	}

	.gnbSub ul li{
		border:none;
		padding:0;
	}

	.gnbSub ul li a {
		padding: 10px;
		height: 1.5rem;
	}
	
	/*section*/
	section{
		max-width:768px;
		min-width:320px;
	}
	/*footer*/
	#footer{
		padding-bottom:30px;
	}
	footer, #footer{
		max-width:768px;
		min-width:320px;
		text-align:center;
	}
	
	footer .rollingBanner .bannerContents{
		max-width:768px;
		min-width:320px;
	}

	footer .rollingBanner, footer .rollingBanner ul{
		width:100%;
	}
	footer .rollingBanner li a{
		padding:0;
		display:block;
		overflow: hidden;
	}
	footer .rollingBanner li img{
		border:none;
		height:auto;
	}
	footer .footCenterCont{
		position: relative;
		border:0;
		padding-top:77px;
	}
	footer .footCenterCont .footerLink {
		width:100%;
		margin:0 auto;
		float:none;
	}
	footer .footCenterCont ul.footerLink li {
		padding: 0;
		width:20%;
		text-align:center;
	}
	footer .footCenterCont ul.footerLink li:first-child{
		width:38%;
	}


	footer .snsLink{float:none;height:52px;padding-top:24px;border-bottom: 1px solid #d0d0d0;position: absolute;left:0;top:0;width:100%;}
	
	footer .footerBottomCont .copyright {
		text-align:left;
		width:100%;
		box-sizing: border-box;
	}

	/*mobile menubutton*/
	.sign li.mobileMenu{
		display:block;
		padding-left:10px;
	}

	.sign li.mobileMenu a{
		display:block;
		width:23px;
		height:19px;
		background:url(../images/common/mobile_menu_show_button.gif) no-repeat;
		font-size:0rem;
		line-height:0;
	}
	.sign li.mobileMenu.close a{
		background:url(../images/common/mobile_menu_close_button.gif) no-repeat;
	}

	footer .rollingBanner .table, footer .rollingBanner, footer .rollingBanner ul, footer .rollingBanner li{
		display:block;
	}
	footer .rollingBanner li{
		float:left;
		width:25%;
		box-sizing: border-box;
	}
	#headerTop{
		padding:0 10px;
		background:#f3f3f3;
		border-color:#f3f3f3;
	}
	.sign.loginInfo{
		margin-top:0;
	}
}

@media(max-width: 320px) {
	.searchBox dt span{
		font-size:1.8rem;
	}
	footer .footCenterCont ul.footerLink li a {
		font-size:1.4rem;
	}
}