
@media screen and (max-width: 1439px){
	#header{
		widtH:100%;
		position:absolute;
		padding:40px 30px;
		box-sizing:border-box;
		display:inline-block;
		z-index:3
	}
	
	.mainheader .talk{
		display:inline-block;
		z-index:3;
		position:relative;
	}
	
	.mainheader .talk .ico{
		width:34px;
		display:inline-block;
		vertical-align:middle;
		z-index:3
	}
	
	.mainheader .talk .ico img{
		width:100%;
	}
	
	
	.mainheader .talk .tx{
		font-size:15px;
		display:inline-block;
		vertical-align:middle;
		color:#fff;
		z-index:3
	}
	
	#header .logo{
		width:180px;
		display:inline-block;
		z-index:3
	}
	
	
	#header .logo img{
		width:100%;
	}
	
	
	.mainheader .logo{
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
		z-index:3
	}
	
	
	.mainheader .menu{
		display:none;
	}
	
	
	#header .allMenu{
		width:35px;
		display:inline-block;
		float:Right;
		z-index:3;
		position:relative;
		cursor:pointer;
	}
	
	#header .allMenu img{
		width:100%;
	}
	
	#header .moMenu{
		display:none;
	}
	
	
	#header .moMenu img{
		width:100%;
	}
	
	
	
	#header .moMenu img{
		width:100%;
	}
	
	
	
	.subheader .talk{
		display:none;
	}
	
	.subheader .logo{
		position:relative;
		display:inline-block;
		vertical-align:middle;
		top:0;
		left:0;
		transform:translate(-0px, -0px);
		z-index:3
	}
	
	.subheader .menu{
		display:inline-block;
		vertical-align:middle;
		z-index:3;
		position:relative;
	}
	.subheader .menu li{
		display:inline-block;
		vertical-align:middle;
		font-size:18px;
		color:#fff;
		margin-left:40px;
		z-index:3
	}
	
	
	.subheader .menu li a{
		color:#fff;
	}
	.subheader .allMenu{
		margin-top:20px;
		z-index:3
	}
	
	
	
	.allDropmenu{
		width:100%;
		background:rgba(0,0,0,0.6);
		padding:0px 0px 0px;
		box-sizing:border-box;
		position:absolute;
		left:0;
		top:0px;
		display:none;
		z-index:2;
	}
	
	.allDropmenu .allMenuList{
		display:flex;
		width:100%;
		padding-top:170px;
	}
	
	
	.allDropmenu .allMenuList dd{
		padding:20px 40px;
		box-sizing:border-box;
		width:100%;
		border-right:1px solid #444;
		border-top:1px solid #444;
		border-bottom:1px solid #444;
	}
	
	.allDropmenu .allMenuList dd:first-child{
		border-left:1px solid #444;
	}
	
	
	
	.allDropmenu .allMenuList dd div{
		font-size:15px;
		color:#999;
	}
	
	.allDropmenu .allMenuList dd .depth2Menu{
		width:100%;
		margin-top:30px;
	}
	
	.allDropmenu .allMenuList dd .depth2Menu li{
		width:100%;
		font-size:16px;
		margin-top:15px;
		color:#c1c1c1;
	}
	
	.allDropmenu .allMenuList dd .depth2Menu li a{
		color:#c1c1c1;
	}
	
	
	
	.subMenu{
		width:100%;
		background:rgba(0,0,0,0.6);
		padding:170px 130px 50px;
		box-sizing:border-box;
		position:absolute;
		left:0;
		top:0px;
		z-index:2;
		display:none;
	}
	
	.subMenu div{
		width:30%;
		display:inline-block;
		vertical-align:top;
	}
	
	
	.subMenu div span{
		display:block;
		font-size:18px;
		color:#999;
	}
	.subMenu div span img{
		display:block;
		width:100%;
	}
	
	.subMenu .depth2Menu{
		width:68%;
		display:inline-block;
		box-sizing:border-box;
		vertical-align:top;
		padding-left:50px;
	}
	
	.subMenu .depth2Menu li{
		width:100%;
		margin-top:10px;
		font-size:18px;
	}
	
	
	.subMenu .depth2Menu li a{
		color:#c1c1c1;
	}
	
	
	.subMenu .depth2Menu li:hover a{
		text-decoration:underline;
	}
	
	
	
	
	
	
	#footer{
		width:100%;
		position:relative;
	}
	
	
	
	#footer{
		width:100%;
		padding:100px 0px 0px;
		box-sizing:border-box;
		position:relative;
		background:URL(../images/footBg.png) center center no-repeat;
		background-size:100%
	}
	
	#footer .bg{
		width:100%;
	}
	
	#footer .bg img{
		width:100%;
	}
	
	
	#footer .inner{
		width:100%;
		position:relative;
		bottom:0;
	}
	
	#footer .inner .tit{
		font-size:80px;
		color:#222;
		font-family:'Marcellus';
		text-align:Center;
	}
	
	#footer .inner .arlInfo{
		width:100%;
		display:flex;
		margin-top:30px;
	}
	
	#footer .inner .arlInfo li{
		width:100%;
		text-align:Center;
	}
	
	#footer .inner .arlInfo li .subj{
		font-size:18px;
		color:#777;
	}
	
	
	#footer .inner .arlInfo li .subs{
		font-size:40px;
		color:#222;
		font-family:'Abel';
		margin-top:15px;
	}
	
	#footer .inner .arlInfo li .kakao{
		width:57px;
		margin:15px auto 0;
	}
	
	
	#footer .inner .arlInfo li .kakao img{
		width:100%;
	}
	
	
	
	#footer .inner .arlInfo li .add{
		font-size:24px;
		text-align:Center;
		line-height:34px;
		color:#222;
		margin-top:15px;
	}
	
	
	#footer .inner .copyA{
		width:100%;
		padding:50px 30px;
		box-sizing:border-box;
		background:rgba(229,229,229,0.3);
		margin-top:30px;
	}
	
	#footer .inner .copyA .footMenu{
		width:100%;
	}
	
	#footer .inner .copyA .footMenu li{
		font-size:15px;
		color:#777;
		display:inline-block;
		vertical-align:middle;
		margin-right:15px;
	}
	
	#footer .inner .copyA .footMenu li a{
		color:#777;
	}
	
	#footer .inner .copyA .copy{
		width:100%;
		margin-top:40px;
		display:flex;
	}
	
	
	#footer .inner .copyA .copy dd:first-child{
		width:40%;
	}
	
	#footer .inner .copyA .copy dd:nth-child(2){
		width:30%;
	}
	
	
	#footer .inner .copyA .copy dd:last-child{
		text-align:Right;
		width:30%;
	}
	
	
	
	#footer .inner .copyA .copy dd .name{
		font-size:15px;
		color:#222;
	}
	
	
	#footer .inner .copyA .copy dd .info{
		font-size:15px;
		color:#222;
		line-height:26px;
		margin-top:10px;
		font-family:'lato','AppleSDGothicNeo-Regular';
		color:#999;
	}
	
	
	
	#footer .inner .copyA .copy dd .timeList{
		width:100%;
		
	}
	
	#footer .inner .copyA .copy dd .timeList li{
		width:100%;
		margin-top:10px;
	}
	
	#footer .inner .copyA .copy dd .timeList li .when{
		width:30%;
		display:inline-block;
		vertical-align:top;
		font-size:15px;
		color:#777;
	}
	
	
	#footer .inner .copyA .copy dd .timeList li .time{
		width:68%;
		display:inline-block;
		vertical-align:top;
		font-size:15px;
		color:#444;
		font-family:'lato','AppleSDGothicNeo-Regular';
	}
	
	#footer .inner .copyA .copy dd .footName{
		font-size:36px;
		color:#999;
		font-family:'Marcellus'
	}
	
	#footer .inner .copyA .copy dd .copyTx{
		font-size:15px;
		color:#777;
		font-family:'Abel';
		margin-top:15px;
	}


}



@media screen and (max-width: 1179px){
	#header{
		widtH:100%;
		position:absolute;
		padding:2em 3%;
		box-sizing:border-box;
		display:inline-block;
		z-index:3
	}
	
	.mainheader .talk{
		display:inline-block;
		z-index:3;
		position:relative;
		display:none;
	}
	
	.mainheader .talk .ico{
		width:34px;
		display:inline-block;
		vertical-align:middle;
		z-index:3
	}
	
	.mainheader .talk .ico img{
		width:100%;
	}
	
	
	.mainheader .talk .tx{
		font-size:15px;
		display:inline-block;
		vertical-align:middle;
		color:#fff;
		z-index:3
	}
	
	#header .logo{
		width:130px;
		display:inline-block;
		z-index:3
	}
	
	
	#header .logo img{
		width:100%;
	}
	
	
	.mainheader .logo{
		position:relative;
		left:0%;
		top:0%;
		transform:translate(0%, 0%);
		z-index:3
	}
	
	
	.mainheader .menu{
		display:none;
	}
	
	
	#header .allMenu{
		width:35px;
		display:inline-block;
		float:Right;
		z-index:3;
		position:relative;
		display:none;
		cursor:pointer;
	}
	
	#header .allMenu img{
		width:100%;
	}
	
	#header .moMenu{
		display:inline-block;
		float:right;
		width:35px;
		cursor:pointer;
		margin-top:8px;
	}
	
	
	#header .moMenu img{
		width:100%;
	}
	
	
	
	
	
	.subheader .talk{
		display:none;
	}
	
	.subheader .logo{
		position:relative;
		display:inline-block;
		vertical-align:middle;
		top:0;
		left:0;
		transform:translate(-0px, -0px);
		z-index:3
	}
	
	.subheader .menu{
		display:inline-block;
		vertical-align:middle;
		z-index:3;
		position:relative;
		display:none;
	}
	.subheader .menu li{
		display:inline-block;
		vertical-align:middle;
		font-size:18px;
		color:#fff;
		margin-left:40px;
		z-index:3
	}
	
	
	.subheader .menu li a{
		color:#fff;
	}
	.subheader .allMenu{
		margin-top:20px;
		z-index:3
	}
	
	
	
	.allDropmenu{
		width:100%;
		background:rgba(0,0,0,0.6);
		padding:0px 0px 0px;
		box-sizing:border-box;
		position:absolute;
		left:0;
		top:0px;
		display:none;
		z-index:2;
	}
	
	.allDropmenu .allMenuList{
		display:flex;
		width:100%;
		padding-top:170px;
	}
	
	
	.allDropmenu .allMenuList dd{
		padding:20px 40px;
		box-sizing:border-box;
		width:100%;
		border-right:1px solid #444;
		border-top:1px solid #444;
		border-bottom:1px solid #444;
	}
	
	.allDropmenu .allMenuList dd:first-child{
		border-left:1px solid #444;
	}
	
	
	
	.allDropmenu .allMenuList dd div{
		font-size:15px;
		color:#999;
	}
	
	.allDropmenu .allMenuList dd .depth2Menu{
		width:100%;
		margin-top:30px;
	}
	
	.allDropmenu .allMenuList dd .depth2Menu li{
		width:100%;
		font-size:16px;
		margin-top:15px;
		color:#c1c1c1;
	}
	
	.allDropmenu .allMenuList dd .depth2Menu li a{
		color:#c1c1c1;
	}
	
	
	
	.subMenu{
		width:100%;
		background:rgba(0,0,0,0.6);
		padding:170px 130px 50px;
		box-sizing:border-box;
		position:absolute;
		left:0;
		top:0px;
		z-index:2;
		display:none;
	}
	
	.subMenu div{
		width:30%;
		display:inline-block;
		vertical-align:top;
	}
	
	
	.subMenu div span{
		display:block;
		font-size:18px;
		color:#999;
	}
	.subMenu div span img{
		display:block;
		width:100%;
	}
	
	.subMenu .depth2Menu{
		width:68%;
		display:inline-block;
		box-sizing:border-box;
		vertical-align:top;
		padding-left:50px;
	}
	
	.subMenu .depth2Menu li{
		width:100%;
		margin-top:10px;
		font-size:18px;
	}
	
	
	.subMenu .depth2Menu li a{
		color:#c1c1c1;
	}
	
	
	.subMenu .depth2Menu li:hover a{
		text-decoration:underline;
	}
	
	
	
	
	
	
	#footer{
		width:100%;
		position:relative;
	}
	
	
	
	#footer{
		width:100%;
		padding:200px 0px 0px;
		box-sizing:border-box;
		position:relative;
		background:URL(../images/footBg.png) center center no-repeat;
		background-size:100%
	}
	
	#footer .bg{
		width:100%;
	}
	
	#footer .bg img{
		width:100%;
	}
	
	
	#footer .inner{
		width:100%;
		position:relative;
		bottom:0;
	}
	
	#footer .inner .tit{
		font-size:36px;
		color:#222;
		font-family:'Marcellus';
		text-align:Center;
	}
	
	#footer .inner .arlInfo{
		width:100%;
		display:flex;
		margin-top:30px;
	}
	
	#footer .inner .arlInfo li{
		width:100%;
		text-align:Center;
	}
	
	#footer .inner .arlInfo li .subj{
		font-size:16px;
		color:#777;
	}
	
	
	#footer .inner .arlInfo li .subs{
		font-size:26px;
		color:#222;
		font-family:'Abel';
		margin-top:15px;
	}
	
	#footer .inner .arlInfo li .kakao{
		width:57px;
		margin:15px auto 0;
	}
	
	
	#footer .inner .arlInfo li .kakao img{
		width:100%;
	}
	
	
	
	#footer .inner .arlInfo li .add{
		font-size:16px;
		text-align:Center;
		line-height:24px;
		color:#222;
		margin-top:15px;
	}
	
	
	#footer .inner .copyA{
		width:100%;
		padding:50px 3%;
		box-sizing:border-box;
		background:rgba(229,229,229,0.3);
		margin-top:30px;
	}
	
	#footer .inner .copyA .footMenu{
		width:100%;
	}
	
	#footer .inner .copyA .footMenu li{
		font-size:15px;
		color:#777;
		display:inline-block;
		vertical-align:middle;
		margin-right:15px;
	}
	
	#footer .inner .copyA .footMenu li a{
		color:#777;
	}
	
	#footer .inner .copyA .copy{
		width:100%;
		margin-top:40px;
		display:block;
	}
	
	
	#footer .inner .copyA .copy dd:first-child{
		width:100%;
	}
	
	#footer .inner .copyA .copy dd:nth-child(2){
		width:100%;
		margin-top:50px;
	}
	
	
	#footer .inner .copyA .copy dd:last-child{
		text-align:Right;
		width:100%;
		display:none;
	}
	
	
	
	#footer .inner .copyA .copy dd .name{
		font-size:15px;
		color:#222;
	}
	
	
	#footer .inner .copyA .copy dd .info{
		font-size:15px;
		color:#222;
		line-height:26px;
		margin-top:10px;
		font-family:'lato','AppleSDGothicNeo-Regular';
		color:#999;
	}
	
	
	
	#footer .inner .copyA .copy dd .timeList{
		width:100%;
		
	}
	
	#footer .inner .copyA .copy dd .timeList li{
		width:100%;
		margin-top:10px;
	}
	
	#footer .inner .copyA .copy dd .timeList li .when{
		width:30%;
		display:inline-block;
		vertical-align:top;
		font-size:15px;
		color:#777;
	}
	
	
	#footer .inner .copyA .copy dd .timeList li .time{
		width:68%;
		display:inline-block;
		vertical-align:top;
		font-size:15px;
		color:#444;
		font-family:'lato','AppleSDGothicNeo-Regular';
	}
	
	#footer .inner .copyA .copy dd .footName{
		font-size:36px;
		color:#999;
		font-family:'Marcellus'
	}
	
	#footer .inner .copyA .copy dd .copyTx{
		font-size:15px;
		color:#777;
		font-family:'Abel';
		margin-top:15px;
	}


}




@media screen and (max-width: 549px){
	#header{
		widtH:100%;
		position:absolute;
		padding:1em 3%;
		box-sizing:border-box;
		display:inline-block;
		z-index:3
	}
	
	.mainheader .talk{
		display:inline-block;
		z-index:3;
		position:relative;
		display:none;
	}
	
	.mainheader .talk .ico{
		width:34px;
		display:inline-block;
		vertical-align:middle;
		z-index:3
	}
	
	.mainheader .talk .ico img{
		width:100%;
	}
	
	
	.mainheader .talk .tx{
		font-size:15px;
		display:inline-block;
		vertical-align:middle;
		color:#fff;
		z-index:3
	}
	
	#header .logo{
		width:80px;
		display:inline-block;
		z-index:3
	}
	
	
	#header .logo img{
		width:100%;
	}
	
	
	.mainheader .logo{
		position:relative;
		left:0%;
		top:0%;
		transform:translate(0%, 0%);
		z-index:3
	}
	
	
	.mainheader .menu{
		display:none;
	}
	
	
	#header .allMenu{
		width:35px;
		display:inline-block;
		float:Right;
		z-index:3;
		position:relative;
		display:none;
		cursor:pointer;
	}
	
	#header .allMenu img{
		width:100%;
	}
	
	#header .moMenu{
		display:inline-block;
		float:right;
		width:20px;
		cursor:pointer;
		margin-top:8px;
	}
	
	
	#header .moMenu img{
		width:100%;
	}
	
	
	
	#header .moMenu img{
		width:100%;
	}
	
	
	
	.subheader .talk{
		display:none;
	}
	
	.subheader .logo{
		position:relative;
		display:inline-block;
		vertical-align:middle;
		top:0;
		left:0;
		transform:translate(-0px, -0px);
		z-index:3
	}
	
	.subheader .menu{
		display:inline-block;
		vertical-align:middle;
		z-index:3;
		position:relative;
		display:none;
	}
	.subheader .menu li{
		display:inline-block;
		vertical-align:middle;
		font-size:18px;
		color:#fff;
		margin-left:40px;
		z-index:3
	}
	
	
	.subheader .menu li a{
		color:#fff;
	}
	.subheader .allMenu{
		margin-top:20px;
		z-index:3
	}
	
	
	
	.allDropmenu{
		width:100%;
		background:rgba(0,0,0,0.6);
		padding:0px 0px 0px;
		box-sizing:border-box;
		position:absolute;
		left:0;
		top:0px;
		display:none;
		z-index:2;
	}
	
	.allDropmenu .allMenuList{
		display:flex;
		width:100%;
		padding-top:170px;
	}
	
	
	.allDropmenu .allMenuList dd{
		padding:20px 40px;
		box-sizing:border-box;
		width:100%;
		border-right:1px solid #444;
		border-top:1px solid #444;
		border-bottom:1px solid #444;
	}
	
	.allDropmenu .allMenuList dd:first-child{
		border-left:1px solid #444;
	}
	
	
	
	.allDropmenu .allMenuList dd div{
		font-size:15px;
		color:#999;
	}
	
	.allDropmenu .allMenuList dd .depth2Menu{
		width:100%;
		margin-top:30px;
	}
	
	.allDropmenu .allMenuList dd .depth2Menu li{
		width:100%;
		font-size:16px;
		margin-top:15px;
		color:#c1c1c1;
	}
	
	.allDropmenu .allMenuList dd .depth2Menu li a{
		color:#c1c1c1;
	}
	
	
	
	.subMenu{
		width:100%;
		background:rgba(0,0,0,0.6);
		padding:170px 130px 50px;
		box-sizing:border-box;
		position:absolute;
		left:0;
		top:0px;
		z-index:2;
		display:none;
	}
	
	.subMenu div{
		width:30%;
		display:inline-block;
		vertical-align:top;
	}
	
	
	.subMenu div span{
		display:block;
		font-size:18px;
		color:#999;
	}
	.subMenu div span img{
		display:block;
		width:100%;
	}
	
	.subMenu .depth2Menu{
		width:68%;
		display:inline-block;
		box-sizing:border-box;
		vertical-align:top;
		padding-left:50px;
	}
	
	.subMenu .depth2Menu li{
		width:100%;
		margin-top:10px;
		font-size:18px;
	}
	
	
	.subMenu .depth2Menu li a{
		color:#c1c1c1;
	}
	
	
	.subMenu .depth2Menu li:hover a{
		text-decoration:underline;
	}
	
	
	
	
	
	
	#footer{
		width:100%;
		position:relative;
	}
	
	
	
	#footer{
		width:100%;
		padding:200px 0px 0px;
		box-sizing:border-box;
		position:relative;
		background:URL(../images/footBg.png) center center no-repeat;
		background-size:100%
	}
	
	#footer .bg{
		width:100%;
	}
	
	#footer .bg img{
		width:100%;
	}
	
	
	#footer .inner{
		width:100%;
		position:relative;
		bottom:0;
	}
	
	#footer .inner .tit{
		font-size:24px;
		color:#222;
		font-family:'Marcellus';
		text-align:Center;
	}
	
	#footer .inner .arlInfo{
		width:100%;
		display:block;
		margin-top:0px;
	}
	
	#footer .inner .arlInfo li{
		width:100%;
		text-align:Center;
		margin-top:40px;
	}
	
	#footer .inner .arlInfo li .subj{
		font-size:14px;
		color:#777;
	}
	
	
	#footer .inner .arlInfo li .subs{
		font-size:18px;
		color:#222;
		font-family:'Abel';
		margin-top:10px;
	}
	
	#footer .inner .arlInfo li .kakao{
		width:40px;
		margin:10px auto 0;
	}
	
	
	#footer .inner .arlInfo li .kakao img{
		width:100%;
	}
	
	
	
	#footer .inner .arlInfo li .add{
		font-size:14px;
		text-align:Center;
		line-height:21px;
		color:#222;
		margin-top:10px;
	}
	
	
	#footer .inner .copyA{
		width:100%;
		padding:50px 3%;
		box-sizing:border-box;
		background:rgba(229,229,229,0.3);
		margin-top:30px;
	}
	
	#footer .inner .copyA .footMenu{
		width:100%;
	}
	
	#footer .inner .copyA .footMenu li{
		font-size:13px;
		color:#777;
		display:inline-block;
		vertical-align:middle;
		margin-right:10px;
	}
	
	#footer .inner .copyA .footMenu li a{
		color:#777;
	}
	
	#footer .inner .copyA .copy{
		width:100%;
		margin-top:40px;
		display:block;
	}
	
	
	#footer .inner .copyA .copy dd:first-child{
		width:100%;
	}
	
	#footer .inner .copyA .copy dd:nth-child(2){
		width:100%;
		margin-top:50px;
	}
	
	
	#footer .inner .copyA .copy dd:last-child{
		text-align:Right;
		width:100%;
		display:none;
	}
	
	
	
	#footer .inner .copyA .copy dd .name{
		font-size:15px;
		color:#222;
	}
	
	
	#footer .inner .copyA .copy dd .info{
		font-size:13px;
		color:#222;
		line-height:26px;
		margin-top:10px;
		font-family:'lato','AppleSDGothicNeo-Regular';
		color:#999;
		word-break:keep-all;
	}
	
	
	
	#footer .inner .copyA .copy dd .timeList{
		width:100%;
		
	}
	
	#footer .inner .copyA .copy dd .timeList li{
		width:100%;
		margin-top:10px;
	}
	
	#footer .inner .copyA .copy dd .timeList li .when{
		width:30%;
		display:inline-block;
		vertical-align:top;
		font-size:13px;
		color:#777;
	}
	
	
	#footer .inner .copyA .copy dd .timeList li .time{
		width:68%;
		display:inline-block;
		vertical-align:top;
		font-size:13px;
		color:#444;
		font-family:'lato','AppleSDGothicNeo-Regular';
	}
	
	#footer .inner .copyA .copy dd .footName{
		font-size:36px;
		color:#999;
		font-family:'Marcellus'
	}
	
	#footer .inner .copyA .copy dd .copyTx{
		font-size:13px;
		color:#777;
		font-family:'Abel';
		margin-top:15px;
	}


}


























































































































