@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* CSS Document */
header { position:fixed; width:100%; height:80px; z-index:2; }
header .h_logo { width:150px; position:absolute; top:40px; left:50px; cursor:pointer; }
header .h_logo img { width:100%; }
header ul { width:100%; max-width:504px; margin-right:50px; float:right; }
header ul li { float:left; line-height:48px; cursor:pointer; font-weight:900; margin-top:40px; }
header ul li:hover { color:#e84777; }
header .h_lang { position:absolute; top:12px; right:55px; font-size:12px; }
header .h_lang a { font-size:12px; color:#000; opacity:0.6; text-decoration:none; }
header .h_lang a:hover { color:#213385; opacity:1; }

#div1 { clear:both; background:url(/img/main_bg.jpg) center no-repeat; width:100%; text-align:center; display:table; background-size:cover; }
#div1 .div1_con { display:table-cell; vertical-align:middle; font-family: 'Noto Sans KR', sans-serif; padding:100px 20px; }
#div1 .div1_con img { width:100%; max-width:432px; }
#div1 .div1_con h2 { color:#00214e; font-size:24px; font-weight:700; padding-top:40px; }
#div1 .div1_con h3 { color:#00214e; font-size:18px; font-weight:500; padding-top:10px; line-height:22px; max-width:600px; margin:auto; }
#div1 .div1_con p { color:#790d46; font-size:14px; font-weight:300; letter-spacing:1px; padding-top:40px; line-height:20px; max-width:600px; margin:auto; }

#div2 { width:100%; text-align:center; display:table; background-size:cover; background:#eff0f7; }
#div2 .div2_con { display:table-cell; vertical-align:middle; font-family: 'Noto Sans KR', sans-serif; padding:100px 20px; }
#div2 .div2_con img { width:100%; max-width:926px; }
#div2 .div2_con h2 { color:#111; font-size:28px; font-weight:700; padding-top:40px; }
#div2 .div2_con .deco { width:30px; height:3px; background:#111; margin:auto; margin-top:10px; }
#div2 .div2_con h3 { color:#111; font-size:18px; font-weight:500; padding-top:10px; line-height:22px; max-width:600px; margin:auto; }
#div2 .div2_con p { color:#666; font-size:14px; font-weight:300; letter-spacing:1px; padding:20px 0; line-height:20px; max-width:600px; margin:auto; }

#div3 { width:100%; text-align:center; display:table; background:#e6e8f8; background-size:cover; }
#div3 .div3_con { display:table-cell; vertical-align:middle; font-family: 'Noto Sans KR', sans-serif; padding:100px 20px; }
#div3 .div3_con table { width:100%; max-width:900px; margin:auto; }
#div3 .div3_con table .bg_tit { background:#e84777; color:#fff; }
#div3 .div3_con table .bg_con { background:#fd7db4; }
#div3 .div3_con table td { text-align:center; padding:15px 10px; border:1px solid #ca2c6f; border-collapse:collapse; background:#f35f9e; color:#7d0639; }
#div3 .div3_con img { width:100%; max-width:926px; }
#div3 .div3_con h2 { color:#213385; font-size:28px; font-weight:700; padding-top:40px; }
#div3 .div3_con .deco { width:30px; height:3px; background:#213385; margin:auto; margin-top:10px; }
#div3 .div3_con p { color:#213385; font-size:14px; font-weight:300; letter-spacing:1px; padding:10px 0 20px 0; line-height:20px; max-width:600px; margin:auto; opacity:0.8; }
#div3 .div3_02_con { width:100%; max-width:1000px; margin:auto; }
#div3 .div3_02_con .div3_02_img { width:350px; float:left; } 
#div3 .div3_02_con .div3_02_img img { width:100%; }
#div3 .div3_02_con ul { width:100%; max-width:650px; min-width:350px; float:left; margin:35px 0; }
#div3 .div3_02_con ul li p { max-width:650px; }
#div3 .div3_02_con h4 { text-align:left; }
#div3 .div3_02_con p { text-align:left; }
#div3 .div3_03_con { clear:both; }
#div3 .div3_con .div3_03_info { background:url(/img/div03_03_bg.png) no-repeat; width:350px; height:350px; border-radius:200px; margin:auto; display:table;  }
#div3 .div3_con .div3_03_info .div3_03_tit { width:60%; vertical-align:middle; display:table-cell; margin:auto; color:#fff; }

#div4 { width:100%; text-align:center; display:table; background-size:cover; background:#eff0f7; }
#div4 .div4_con { display:table-cell; vertical-align:middle; font-family: 'Noto Sans KR', sans-serif; padding:100px 20px; }
#div4 .div4_con img { width:100%; max-width:650px; }
#div4 .div4_con h2 { color:#111; font-size:28px; font-weight:700; padding-top:40px; }
#div4 .div4_con .deco { width:30px; height:3px; background:#111; margin:auto; margin-top:10px; }
#div4 .div4_con h3 { color:#111; font-size:18px; font-weight:500; padding-top:10px; line-height:22px; max-width:600px; margin:auto; }
#div4 .div4_con p { color:#666; font-size:14px; font-weight:300; letter-spacing:1px; padding:20px 0; line-height:20px; max-width:600px; margin:auto; }

#div5 { width:100%; text-align:center; background:#e6e8f8; display:table; background-size:cover; }
#div5 .div5_con { display:table-cell; vertical-align:middle; font-family: 'Noto Sans KR', sans-serif; padding:100px 20px; }
#div5 .div5_con img { width:100%; max-width:1200px; }
#div5 .div5_con h2 { color:#213385; font-size:28px; font-weight:700; padding-top:40px; }
#div5 .div5_con .deco { width:30px; height:3px; background:#213385; margin:auto; margin-top:10px; }
#div5 .div5_con h3 { color:#213385; font-size:18px; font-weight:500; padding-top:10px; line-height:22px; max-width:600px; margin:auto; }
#div5 .div5_con p { color:#213385; font-size:14px; font-weight:300; letter-spacing:1px; padding:20px 0; line-height:20px; max-width:600px; margin:auto; opacity:0.8; }

#div6 { width:100%; text-align:center; display:table; background-size:cover; background:#eff0f7; }
#div6 .div6_con { display:table-cell; vertical-align:middle; font-family: 'Noto Sans KR', sans-serif; padding:100px 20px; }
#div6 .div6_con img { width:100%; max-width:1200px; }
#div6 .div6_con h2 { color:#111; font-size:28px; font-weight:700; padding-top:40px; }
#div6 .div6_con .deco { width:30px; height:3px; background:#111; margin:auto; margin-top:10px; }
#div6 .div6_con h3 { color:#111; font-size:18px; font-weight:500; padding-top:10px; line-height:22px; max-width:600px; margin:auto; }
#div6 .div6_con p { color:#2440b2; font-size:14px; font-weight:600; letter-spacing:0px; padding:20px 0; line-height:20px; max-width:600px; margin:auto; }

#div7 { width:100%; text-align:center; background:#e6e8f8; display:table; background-size:cover; }
#div7 .div7_con { display:table-cell; vertical-align:middle; font-family: 'Noto Sans KR', sans-serif; padding:100px 20px; }
#div7 .div7_con img { width:100%; max-width:926px; }
#div7 .div7_con h2 { color:#213385; font-size:28px; font-weight:700; padding-top:40px; }
#div7 .div7_con .deco { width:30px; height:3px; background:#213385; margin:auto; margin-top:10px; }
#div7 .div7_con h3 { color:#213385; font-size:18px; font-weight:500; padding-top:10px; line-height:22px; max-width:600px; margin:auto; }
#div7 .div7_con p { color:#213385; font-size:14px; font-weight:300; letter-spacing:1px; padding:20px 0; line-height:20px; max-width:600px; margin:auto; opacity:0.8; }
#div7 .div7_con ul { width:100%; max-width:1020px; margin:auto; margin-top:30px;  }
#div7 .div7_con ul li { float:left; width:150px; height:428px; margin:0 10px; }
#div7 .div7_con ul li h2 { font-size:16px; padding-top:20px; }
#div7 .div7_con .div7_one { background:#2440b2; border-radius:100px; color:#fff; width:150px; height:150px; display:table-cell; vertical-align:middle; }
#div7 .div7_con .div7_two { background:#cfd4fe; border-radius:100px; color:#2440b2; width:150px;  height:150px; display:table-cell; vertical-align:middle;  }

#div8 { width:100%; text-align:center; display:table; background-size:cover; background:#eff0f7; }
#div8 .div8_con { display:table-cell; vertical-align:middle; font-family: 'Noto Sans KR', sans-serif; padding:100px 20px; }
#div8 .div8_con img { width:100%; max-width:1200px; }
#div8 .div8_con h2 { color:#111; font-size:28px; font-weight:700; padding-top:40px; }
#div8 .div8_con .deco { width:30px; height:3px; background:#111; margin:auto; margin-top:10px; }
#div8 .div8_con h3 { color:#111; font-size:18px; font-weight:500; padding-top:10px; line-height:22px; max-width:600px; margin:auto; }
#div8 .div8_con p { color:#666; font-size:14px; font-weight:300; letter-spacing:1px; padding:20px 0; line-height:20px; max-width:600px; margin:auto; }
#div8 .div8_con ul { width:100%; max-width:700px; margin:auto; margin-top:30px;  }
#div8 .div8_con ul li { color:#666; font-size:14px; font-weight:300; letter-spacing:1px; padding:20px 0; line-height:20px; max-width:700px; margin:auto; text-align:left; }

#div9 { width:100%; text-align:center; background:#e6e8f8; display:table; background-size:cover; }
#div9 .div9_con { display:table-cell; vertical-align:middle; font-family: 'Noto Sans KR', sans-serif; padding:100px 20px; }
#div9 .div9_con img { width:100%; max-width:800px; }
#div9 .div9_con h2 { color:#213385; font-size:28px; font-weight:700; padding-top:40px; }
#div9 .div9_con .deco { width:30px; height:3px; background:#111; margin:auto; margin-top:10px; }
#div9 .div9_con h3 { color:#213385; font-size:18px; font-weight:500; padding-top:10px; line-height:22px; max-width:600px; margin:auto; }
#div9 .div9_con p { color:#213385; font-size:14px; font-weight:300; letter-spacing:1px; padding:20px 0; line-height:20px; max-width:600px; margin:auto; opacity:0.8; }
#div9 .div9_con .div9_img { width:100%; max-width:802px; margin:auto; font-size:12px; color:#182694; }
#div9 .div9_con .div9_img .div9_01 { margin-bottom:20px; display:inline-block; width:100%; }
#div9 .div9_con .div9_img .div9_01 li { width:100%; max-width:250px; float:left; border:2px solid #e2e3ec; margin-right:20px; line-height:40px; background:#fff; }
#div9 .div9_con .div9_img .div9_01 li:last-child { margin-right:0; }
#div9 .div9_con .div9_img .div9_02 { clear:both; line-height:40px; background:#ced2ff; margin-bottom:20px; }
#div9 .div9_con .div9_img .div9_03 { clear:both; line-height:40px; border:2px solid #182694; margin-bottom:20px; background:#fff; }
#div9 .div9_con .div9_img .div9_04 { clear:both; margin-bottom:20px; display:inline-block; width:100%; }
#div9 .div9_con .div9_img .div9_04 li { width:100%; max-width:391px; float:left; margin-right:20px; line-height:40px; background:#192daa; color:#fff; }
#div9 .div9_con .div9_img .div9_04 li:last-child { margin-right:0; }
#div9 .div9_con .div9_img .div9_05 { clear:both; line-height:40px; background:#192daa; color:#fff; }

#div10 { width:100%; text-align:center; display:table; background-size:cover; background:#eff0f7; }
#div10 .div10_con { display:table-cell; vertical-align:middle; font-family: 'Noto Sans KR', sans-serif; padding:100px 20px; }
#div10 .div10_con img { width:100%; max-width:1200px; }
#div10 .div10_con h2 { color:#111; font-size:28px; font-weight:700; padding-top:40px; }
#div10 .div10_con .deco { width:30px; height:3px; background:#111; margin:auto; margin-top:10px; }
#div10 .div10_con h3 { color:#111; font-size:18px; font-weight:500; padding-top:10px; line-height:22px; max-width:600px; margin:auto; }
#div10 .div10_con p { color:#666; font-size:14px; font-weight:300; letter-spacing:1px; padding:20px 0; line-height:20px; max-width:600px; margin:auto; }
#div10 .div10_con table { width:100%; max-width:900px; margin:auto; }
#div10 .div10_con table td { text-align:center; padding:15px 10px; border:1px solid #fff; border-collapse:collapse; color:#192daa; background:#ced2ff; }
#div10 .div10_con table .bg_tit { background:#192daa; color:#fff; }

#div11 { width:100%; text-align:center; background:#e6e8f8; display:table; background-size:cover; }
#div11 .div11_con { display:table-cell; vertical-align:middle; font-family: 'Noto Sans KR', sans-serif; padding:100px 20px; }
#div11 .div11_con img { width:100%; max-width:926px; }
#div11 .div11_con h2 { color:#213385; font-size:28px; font-weight:700; padding-top:40px; }
#div11 .div11_con .deco { width:30px; height:3px; background:#213385; margin:auto; margin-top:10px; }
#div11 .div11_con h3 { color:#213385; font-size:18px; font-weight:500; padding-top:10px; line-height:22px; max-width:600px; margin:auto; }
#div11 .div11_con p { color:#213385; font-size:14px; font-weight:300; letter-spacing:1px; padding:20px 0; line-height:20px; max-width:600px; margin:auto; opacity:0.8; }
#div11 .div11_con .div11_01 { width:100%; max-width:650px; margin:auto; margin-top:30px; }

#div12 { width:100%; text-align:center; display:table; background-size:cover; background:#eff0f7; }
#div12 .div12_con { display:table-cell; vertical-align:middle; font-family: 'Noto Sans KR', sans-serif; padding:100px 20px; }
#div12 .div12_con h2 { color:#111; font-size:28px; font-weight:700; padding-top:40px; }
#div12 .div12_con .deco { width:30px; height:3px; background:#111; margin:auto; margin-top:10px; }
#div12 .div12_con h3 { color:#111; font-size:18px; font-weight:500; padding-top:10px; line-height:22px; max-width:600px; margin:auto; }
#div12 .div12_con p { color:#666; font-size:14px; font-weight:300; letter-spacing:1px; padding:20px 0; line-height:20px; max-width:600px; margin:auto; }
#div12 .div12_con .div12_com ul { width:100%; max-width:860px; margin:auto; margin-top:30px;  }
#div12 .div12_con .div12_com ul li { float:left; width:150px; height:228px; margin:0 10px; margin-bottom:30px; }
#div12 .div12_con .div12_com ul li h2 { font-size:16px; padding-top:20px; }
#div12 .div12_con .div12_com ul li p { color:#666; font-size:11px; font-weight:300; letter-spacing:0px; padding:10px 0; line-height:11px; max-width:600px; margin:auto; }
#div12 .div12_con .div12_com .div12_one { border:2px solid #2440b2; border-radius:100px; width:150px; height:150px; display:table-cell; vertical-align:middle; background:#fff; }
#div12 .div12_con .div12_hu { clear:both; }
#div12 .div12_con .div12_hu ul { width:100%; max-width:860px; margin:auto; margin-top:30px;  }
#div12 .div12_con .div12_hu ul li { float:left; width:150px; height:337px; margin:0 10px; margin-bottom:30px; }
#div12 .div12_con .div12_hu ul li h2 { font-size:16px; padding-top:20px; margin-bottom:10px; }
#div12 .div12_con .div12_hu ul li p { color:#666; font-size:11px; font-weight:300; letter-spacing:0px; padding:0 0 10px 0; line-height:11px; max-width:600px; margin:auto; }
#div12 .div12_con .div12_hu .div12_one { border:2px solid #e82845; width:150px; height:150px; display:table-cell; vertical-align:middle; background:#fff; }

#div13 { width:100%; text-align:center; background:#e6e8f8; display:table; background-size:cover; clear:both; }
#div13 .div13_con { display:table-cell; vertical-align:middle; font-family: 'Noto Sans KR', sans-serif; padding:100px 20px; }
#div13 .div13_con h2 { color:#213385; font-size:28px; font-weight:700; padding-top:40px; }
#div13 .div13_con .deco { width:30px; height:3px; background:#213385; margin:auto; margin-top:10px; }
#div13 .div13_con h3 { color:#213385; font-size:18px; font-weight:500; padding-top:10px; line-height:22px; max-width:600px; margin:auto; }
#div13 .div13_con p { color:#213385; font-size:14px; font-weight:300; letter-spacing:1px; padding:20px 0; line-height:20px; max-width:600px; margin:auto; opacity:0.8; }
#div13 .div13_con .div13_com ul { width:100%; max-width:860px; margin:auto; margin-top:30px;  }
#div13 .div13_con .div13_com ul li { float:left; width:150px; height:334px; margin:0 10px; margin-bottom:30px; }
#div13 .div13_con .div13_com ul li h2 { font-size:16px; padding-top:20px; }
#div13 .div13_con .div13_com ul li p { color:#666; font-size:12px; font-weight:300; letter-spacing:0px; padding:10px 0; line-height:16px; max-width:600px; margin:auto; }
#div13 .div13_con .div13_com .div13_one { border:2px solid #2440b2; width:150px; height:150px; display:table-cell; vertical-align:middle; background:#fff; }

.footer { background:#111; text-align:center; padding:50px 0; }  
.footer h4 { font-size:12px; padding-bottom:15px; color:#fff; opacity:0.3; }
.footer p { font-size:12px; color:#fff; opacity:0.3; }