@charset "utf-8";
@font-face {
	font-family: 'NanumMyeongjo';
	src: url('/common/remembrance/font/NanumMyeongjo.eot'),
			url('/common/remembrance/font/NanumMyeongjo.woff') format('woff'),
			url('/common/remembrance/font/NanumMyeongjo.ttf') format('truetype');
	src: local("※"),
		url('/common/remembrance/font/NanumMyeongjo.eot'),
		url('/common/remembrance/font/NanumMyeongjo.woff') format('woff'),
		url('/common/remembrance/font/NanumMyeongjo.ttf') format('truetype'),
		url('/common/remembrance/font/NanumMyeongjo.svg#webfonturzspG4F') format('svg');
}

/* **** Common Reset **** */
* {word-break: break-all;word-wrap: break-word;}
html, body, div, dl, dt, dd, ul, ol, li, p, h1, h2 ,h3, h4, h5, h6{margin:0px; padding:0px;font-family:'NanumMyeongjo' , dotum, sans-serif;font-size:16px; list-style:none;font-weight: 500;color:#282828;word-break: keep-all;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5 {margin: 0;padding: 0;}
input, select, textarea {vertical-align: middle;margin: 0;padding: 0;border: 0;}
a {text-decoration: none;vertical-align: middle;font-size: inherit;color: inherit;}
img {border: 0;vertical-align: middle;margin: 0;padding: 0;border: 0;max-width: 100%;}
.clearfix:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
br{font-size: 0;}
/**/
#wrap{}
.width-auto{width:1200px;margin:0 auto;}


.headBox{position: relative;padding: 30px 0 23px 0;}
.headBox .pT1{color: #454546;font-size: 30px;line-height: 32px;float: left;margin-left: 10px;font-weight:bold;}
.headBox #logo{float: right;margin-top: -25px;margin-right: 10px;}


.contentBox .B1{text-align: center;}
.contentBox .B1 img{width: 440px;}
.contentBox .B1 p.p1 {color: #454546;font-size: 30px;line-height: 60px;font-weight:bold;}
.contentBox .B1 p.p2 {color: #454546;font-size: 25px;line-height: 30px;}
.contentBox .B2{width: 610px;margin: 0 auto;position: relative;padding-right: 60px;margin-top: 21px;}
.contentBox .B2 p{color: #454546;font-size: 25px;line-height: 35px;font-weight: 100;display: inline-block;margin-right: 16px;vertical-align: top;margin-top: 10px;}
.contentBox .B2 input{display: inline-block;border: 1px solid #4c4c4c;height: 50px;width: calc(100% - 330px);padding: 0 15px;font-size: 25px;line-height: 45px;vertical-align: top;font-weight: 100;font-family: 'NanumMyeongjo' , dotum, sans-serif;}
.contentBox .B2 a{background: #4c4c4c;color: #ffffff;display: inline-block;padding-top: 3px;height: 52px;font-size: 25px;line-height: 50px;position: absolute;right: auto;top: 0;font-weight: 100;width: 164px;text-align: center;box-sizing: border-box;}

/* .footBox{background: #f0f0f0;margin-top: 50px;padding: 20px 20px 0px 20px;padding-top: 3%; box-sizing: border-box;} */
.footBox{background: #f0f0f0;margin-top: 65px;padding: 20px 20px 0px 20px;padding-top: 3%; box-sizing: border-box;}
.footBox ul {width: 1920px;margin: 0 auto;}
.footBox ul li {float: left;margin: 0 5px;margin-bottom: 30px;width: calc(100% / 10 - 10px);}
.footBox ul li .L1{text-align: center;width: 100%;}
.footBox ul li .L1 img {width: 60%;}
.footBox ul li .L1 p {color: #454546;font-size: 25px;line-height: 35px;font-weight: 100;padding-top: 12px;}
.Nb{display:none;}



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

	.footBox ul {width: 100%;margin: 0 auto;}

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

	.width-auto {width: 100%;margin: 0 auto;}

	.footBox ul li .L1 p{font-size: 23px;line-height: 30px;}

}

@media screen and (max-width: 1024px) {
	.footBox ul li .L1 p{font-size: 19px;line-height: 25px;}

	.headBox{padding: 37px 0 15px 0;}

	contentBox .B1 img{width: 60%;}

	.contentBox .B1 p.p1 {font-size: 27px;line-height: 43px;}
	.contentBox .B1 p.p2 {font-size: 27px;line-height: 43px;}

	.contentBox .B2 p{font-size: 27px;line-height: 38px;margin-right: 11px;}

	.contentBox .B2{width:100%;padding-right: 0px;}

	.contentBox .B2 input{width: calc(100% - 340px);}

	.contentBox .B2 a{width: 150px;}

	.contentBox{padding: 0 10px;}
}

@media screen and (max-width: 768px) {
	.footBox ul li{width: calc(100% / 5 - 10px);margin-bottom:20px;}

	.headBox .pT1{font-size: 27px;line-height: 32px;}

	.contentBox .B1 img {width: 60%;margin-bottom: 15px;}

	.contentBox .B1 p.p1 {font-size: 22px;line-height: 40px;}
	.contentBox .B1 p.p2 {font-size: 22px;line-height: 40px;}

	.footBox{margin-top: 70px;padding-top: 30px;padding-bottom: 30px;}
	.footBox ul li{display:none;}
	.footBox ul li:nth-child(1){display:block;}
	.footBox ul li:nth-child(2){display:block;}
	.footBox ul li:nth-child(3){display:block;}
	.footBox ul li{width: calc(100% / 3 - 10px);margin-bottom:20px;}

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

	/*.footBox ul li{width: calc(100% / 4 - 10px);margin-bottom:20px;}
*/
	.headBox #logo{width:145px;}

	.contentBox .B2{margin-top: 30px; font-size: 0;}

	.contentBox .B2 p{display:inline-block;position: relative;left: 30px;top: 0;font-size: 26px;line-height: 40px; margin-top: 5px; margin-right: 45px;}

	.contentBox .B2 input{display: inline-block; width: calc(100% - 240px);font-size: 23px;line-height: 40px;height: 48px;}

	.contentBox .B2 a{display: block; position:relative; font-size: 23px;line-height: 43px;padding: 4px 18px;height: 50px;width: 300px; left: 50%; transform: translateX(-50%); top: 10px;}
	.headBox .pT1{width: 184px;word-break: keep-all;margin-top: -11px;}
	.contentBox .B1 img {width: 100%;margin-bottom: 40px;margin-top: 20px;}

}

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

	.Nb{display:block;}

}

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

	/*.footBox ul li{width: calc(100% / 3 - 10px);margin-bottom:20px;}*/

}

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

	#wrap{width:300px;}

}