@charset "utf-8";
@import "/css/reset.css";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* { -webkit-text-size-adjust:none; }

html, body { width:100%;height:100%;min-width:1200px;font-family:"Nanum Gothic", sans-serif;font-size:12px; }

form { display:inline; }

a { color:inherit;text-decoration:none; }
a.underline { text-decoration:underline; }

input[type=text], input[type=password] { line-height:20px;height:20px;border:1px #cccccc solid; }
textarea { border:1px #cccccc solid; }

select { height:24px; }

pre {
	font-size:12px;
	color:#444444;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* Round 처리 */
.round-all { -moz-border-radius:5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.round-top { -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -khtml-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; }
.round-bottom { -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; }
.round-left { -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; -khtml-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
.round-right { -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -khtml-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; }
.round-right-top { -moz-border-radius:0 10px 0 0; -webkit-border-radius:0 10px 0 0; -khtml-border-radius:0 10px 0 0; border-radius:0 10px 0 0; }

/** Margin **/
.mg0 {margin:0 !important;}
.mg20 {margin:20px !important;}
.tmg0 {margin-top:0 !important;}
.tmg05 {margin-top:5px !important;}
.tmg10 {margin-top:10px !important;}
.tmg15 {margin-top:15px !important;}
.tmg20 {margin-top:20px !important;}
.tmg25 {margin-top:25px !important;}
.tmg30 {margin-top:30px !important;}
.tmg35 {margin-top:35px !important;}
.tmg40 {margin-top:40px !important;}
.tmg45 {margin-top:45px !important;}
.tmg50 {margin-top:50px !important;}
.tmg60 {margin-top:60px !important;}
.bmg0 {margin-bottom:0 !important;}
.bmg05 {margin-bottom:5px !important;}
.bmg10 {margin-bottom:10px !important;}
.bmg15 {margin-bottom:15px !important;}
.bmg20 {margin-bottom:20px !important;}
.bmg25 {margin-bottom:25px !important;}
.bmg30 {margin-bottom:30px !important;}
.bmg35 {margin-bottom:35px !important;}
.bmg40 {margin-bottom:40px !important;}
.bmg45 {margin-bottom:45px !important;}
.bmg50 {margin-bottom:50px !important;}
.lmg0 {margin-left:0 !important;}
.lmg03 {margin-left:3px !important;}
.lmg05 {margin-left:5px !important;}
.lmg10 {margin-left:10px !important;}
.lmg15 {margin-left:15px !important;}
.lmg20 {margin-left:20px !important;}
.lmg25 {margin-left:25px !important;}
.lmg30 {margin-left:30px !important;}
.lmg35 {margin-left:35px !important;}
.lmg40 {margin-left:40px !important;}
.lmg45 {margin-left:45px !important;}
.lmg50 {margin-left:50px !important;}
.lmg60 {margin-left:60px !important;}
.rmg0 {margin-right:0 !important;}
.rmg05 {margin-right:5px !important;}
.rmg10 {margin-right:10px !important;}
.rmg15 {margin-right:15px !important;}
.rmg20 {margin-right:20px !important;}
.rmg25 {margin-right:25px !important;}
.rmg30 {margin-right:30px !important;}
.rmg35 {margin-right:35px !important;}
.rmg40 {margin-right:40px !important;}
.rmg45 {margin-right:45px !important;}
.rmg50 {margin-right:50px !important;}

/** Padding **/
.pd0 {padding:0 !important;}
.pd20 {padding:20px !important;}
.tpd0 {padding-top:0 !important;}
.tpd05 {padding-top:5px !important;}
.tpd10 {padding-top:10px !important;}
.tpd15 {padding-top:15px !important;}
.tpd20 {padding-top:20px !important;}
.tpd25 {padding-top:25px !important;}
.tpd30 {padding-top:30px !important;}
.tpd35 {padding-top:35px !important;}
.tpd40 {padding-top:40px !important;}
.tpd45 {padding-top:45px !important;}
.tpd50 {padding-top:50px !important;}
.tpd_tbl {padding-top:7px;}
.bpd0 {padding-bottom:0 !important;}
.bpd05 {padding-bottom:5px !important;}
.bpd10 {padding-bottom:10px !important;}
.bpd15 {padding-bottom:15px !important;}
.bpd20 {padding-bottom:20px !important;}
.bpd25 {padding-bottom:25px !important;}
.bpd30 {padding-bottom:30px !important;}
.bpd35 {padding-bottom:35px !important;}
.bpd40 {padding-bottom:40px !important;}
.bpd45 {padding-bottom:45px !important;}
.bpd50 {padding-bottom:50px !important;}
.bpd_tbl {padding-bottom:6px;}
.lpd0 {padding-left:0 !important;}
.lpd05 {padding-left:5px !important;}
.lpd10 {padding-left:10px !important;}
.lpd15 {padding-left:15px !important;}
.lpd20 {padding-left:20px !important;}
.lpd25 {padding-left:25px !important;}
.lpd30 {padding-left:30px !important;}
.lpd35 {padding-left:35px !important;}
.lpd40 {padding-left:40px !important;}
.lpd45 {padding-left:45px !important;}
.lpd50 {padding-left:50px !important;}
.rpd0 {padding-right:0 !important;}
.rpd05 {padding-right:5px !important;}
.rpd10 {padding-right:10px !important;}
.rpd15 {padding-right:15px !important;}
.rpd20 {padding-right:20px !important;}
.rpd25 {padding-right:25px !important;}
.rpd30 {padding-right:30px !important;}
.rpd35 {padding-right:35px !important;}
.rpd40 {padding-right:40px !important;}
.rpd45 {padding-right:45px !important;}
.rpd50 {padding-right:50px !important;}

.w10p { width:10%; }
.w15p { width:15%; }
.w20p { width:20%; }
.w25p { width:25%; }
.w29p { width:29%; }
.w30p { width:30%; }
.w33p { width:32%; }
.w40p { width:40%; }
.w45p { width:45%; }
.w50p { width:50%; }
.w55p { width:55%; }
.w60p { width:60%; }
.w70p { width:70%; }
.w85p { width:85%; }
.w90p { width:90%; }
.w95p { width:95%; }
.w100p { width:100%; }
.w820 { width:820px; }
.w370 { width:370px; }

/** Align **/
.al {text-align:left !important;}
.ar {text-align:right !important;}
.ac {text-align:center !important;}
.at {vertical-align:top !important;}
.ab {vertical-align:bottom !important;}
.am {vertical-align:middle !important;}

/** Float **/
.fl { float:left; }
.fr { float:right; }

/* Color Type */
.blue { color:blue !important; }
.red { color:red !important; }
.black { color:black !important; }

.fblue {color:#03c9a9 !important;}
.fnavy {color:#0066ae !important;}
.forg {color:#fd7330 !important;}
.fred {color:#ef4836 !important;}
.fgreen {color:#9bd034 !important;}
/*.fsky {color:#16bce8 !important;}*/
.fsky {color:#0d99bf !important;}
.fgray {color:#767676 !important;}
.fgray01 {color:#111111 !important;}
.fgray02 {color:#122139 !important;}
.fkeyword {color:#16bce8 !important;}

.bold { font-weight:bold; }

/* Button */
.btn-box { margin:20px; }
.btn-box:after { content:'';display:block;clear:both; }
.btn-basic { display:inline-block;padding:10px 20px;background:#fff;color:#111;font-size:2.5em;text-align:center;text-indent:0;}

.btn-blue {background:#0062b2;color:#fff;}


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

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

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

#body { padding-top:136px;scroll-behavior:smooth; }
#body .section1 { background-color:#addef8; }
#body .section2 { background-color:#dec9e1; }
#body .section3 { background-color:#fde2a4; }

.title { position:relative;display:flex;align-items:center;margin:30px 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 0 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 0 70px;padding:30px;background-color:#ffffff; }
.box > table { margin-top:90px; }

#footer { background:#817874;color:#ffffff; }
.copyright { color:#ffffff; }
.footer-logo { padding:20px; }
.footer-info { display:flex;align-items:flex-end;padding:0 20px 20px;font-size:1.125em;line-height:1.35em; }
.footer-info-item { flex-grow:1; }
.footer-info-item:nth-child(2) { text-align:right; }
.company-name { margin:15px 0;font-size:1.4em;font-weight:600; }

/** Table Style **/
.tbl-form { width:100%;margin-top:90px;font-size:2em; }
.tbl-form th { padding:10px;width:20%;line-height:2em;text-align:left; }
.tbl-form td { padding:10px; }
.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; }