@charset "utf-8";

html { zoom:0.446; }
html, body { width:100%;height:100%;min-width:900px;font-family:"Nanum Gothic", sans-serif;font-size:16px; }

.btn-basic { display:inline-block;padding:20px;border:solid 1px #111111;background:#fff;color:#111;font-size:2.5em;text-align:center;text-indent:0;}
.btn-blue { background:#0062b2;color:#fff; }


/* Layout */
.inner { min-width:900px;max-width:900px;margin:0 auto; }
.inner .margin { padding:10px; }

#header { position:fixed;padding:0;background-color:#ffffff;z-index:100;box-shadow:0px 5px 20px #666666; }
#header .logo { margin:20px; }
#header ul.top-menu { margin:0;padding:30px 0;text-align:center;background:#817874;color:#ffffff; }
#header ul.top-menu li { display:inline-block;font-size:2em;font-weight:bold; }
#header ul.top-menu li > a { padding:10px 20px;color:#ffffff;text-shadow:1px 1px 2px #333333; }
#header ul.top-menu li > a:hover { color:#000099;text-shadow:1px 1px 2px #c0c0c0; }
#header ul.top-menu li.split { margin:0;width:20px;color:#ffffff;text-align:center;font-weight:normal; }
#header ul.top-menu li:last-child { margin-right:0; }

.layout-top { display:flex;flex-direction:column;align-items:center; }

#body { padding-top:225px;scroll-behavior:smooth; }
#body .section1 { display:flex;flex-direction:column;align-items:center; }
#body .section2 { display:flex;flex-direction:column;align-items:center; }
#body .section3 { display:flex;flex-direction:column;align-items:center; }

.title { display:flex;align-items:center;margin:50px auto 0;width:275px;height:250px;color:#ffffff;text-align:center;font-size:2.5em;line-height:1.5em;font-weight:bold;background:url(/image/talk.png) no-repeat;background-size:100%;z-index:5; }
.title > p { flex-grow:1;margin-top:-10px; }
ul.list-box { margin:-90px 30px 70px;padding:30px;background-color:#ffffff; }
ul.list-box li:first-child { margin-top:90px; }
ul.list-box li { margin:20px 30px;padding-left:20px;font-size:2.5em;line-height:1.5em; }
.section1 ul.list-box li { list-style-image:url(/image/circle.png); }
.section2 ul.list-box li { list-style-image:url(/image/circle2.png); }

.box { margin:-90px 30px 70px;padding:30px;width:88%;background-color:#ffffff; }
.box > table { margin-top:90px; }

#footer { background:#817874;color:#ffffff; }
.copyright { color:#ffffff; }
.footer-logo { padding:30px 20px; }
.footer-logo > img { width:50%; }
.footer-info { display:flex;flex-direction:column;align-items:flex-start;padding:0 20px 20px;font-size:1.75em; }
.footer-info-item { flex-grow:1; }
.footer-info-item:nth-child(2) { margin-top:20px;text-align:left; }
.company-name { margin:15px 0;font-size:1.4em;font-weight:600; }

/** Table Style **/
.tbl-form td { padding:10px;width:35%; }
.tbl-form td input { width:100%;font-size:1em;line-height:2em;height:2em;border:1px #0080cc solid; }
.tbl-form td textarea { width:100%;font-size:1em;line-height:1.5em;border:1px #0080cc solid; }

.modal-popup {
	display:none;
	position:fixed;
	z-index:1000;
	background-color:#fff;
	border:2px #122139 solid !important;
}

.popup-header { background:#122139;height:40px;overflow:hidden; }
.popup-header h1 { margin:0;color:#fff;font-size:20px;padding-left:10px;line-height:40px;font-weight:700;overflow:hidden; }
.popup-header .b-close { position:absolute;width:20px;height:20px;right:10px;top:10px;text-indent:-999em;overflow:hidden;background:url(/image/icons.png) right -265px no-repeat; }

.popup-container { margin:0;max-width:100%;max-height:700px;line-height:20px;overflow-y:auto; }
.popup-container .btn_pop { display:inline-block;min-width:100px;text-align:center;height:45px;line-height:45px;padding:0 20px;font-size:18px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box; }

.popup-buttons { padding:15px 20px;border-top:#e7e7e7 1px solid;text-align:right; }

.modal-blind {
	display:none;
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:fixed;
	background-color:#f1f1f1;
	z-index:999;
	opacity:0.8;
	moz-opacity:0.8;
	filter:alpha(opacity=80); /* support: IE8 */
	khtml_opacity:0.8;
}

.loading { display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url(/image/ajaxLoading.gif) center center no-repeat;z-index:1001; }

.contents { margin:20px;margin-left:267px;line-height:20px;min-height:500px; }
.contents h1 { color:#444444;line-height:50px;font-size:25px;font-weight:700; }
.contents h3 { margin:5px 0;color:#444444;font-size:14px;line-height:14px;font-weight:700; }

.rule { margin-top:20px;padding:20px;border:4px #EFEFEF solid; }