@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable-dynamic-subset.css");

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td { margin:0; padding:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html { width:100%; }
body, code { min-width:320px; max-width:1920px; font-size:12px; color:#000; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto,"Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif; background:#fff; -webkit-text-size-adjust:none; }
body { display:block; margin:0 auto; }code { background:none; display:block; }ul li { list-style:none; }ol { list-style-position:inside; }img, fieldset{ border:none; }img { vertical-align:middle; }hr.layout { display:none; }em, address { font-style:normal; }ins { text-decoration:none; }a { text-decoration:none; color:#000; }a:active { text-decoration:none; }table { width:100%; table-layout:fixed; border:0 none; border-spacing:0; border-collapse:collapse; }table caption { display:none; }th, td { border:0; line-height:18px; }legend { height:0; width:0; display:block; text-indent:-9999em; }label { cursor:pointer; }button::-moz-focus-inner { padding:0; border:0; }
ul { margin:0; padding:0; margin-block-start:0; margin-block-end:0; padding-inline-start:0; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; margin-block-start:0; margin-block-end:0; }

#header { width:100%; height:255px; }
#header .inner { max-width:1260px; margin:auto; }
#header .top { height:178px; }
#header .top .inner { position:relative; height:178px; }
#header .top .inner .header_left { position:absolute; left:0; top:50%; transform:translateY(-50%); }
#header .top .inner .header_logo { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
#header .top .inner .header_right { position:absolute; right:0; top:50%; transform:translateY(-50%); }
#header .nav { display:block; height:77px; background:#1266ad; }
#header .nav .inner ul { display:flex; justify-content: space-around; }
#header .nav .inner ul li { position:relative; display:inline-block; color:#fff; line-height:77px; font-size:26px; font-weight:700; }
#header .nav .inner ul li a { display:inline-block; width:100%; height:100%; color:#fff; }
#header .nav .inner ul li ul { display:none; position:absolute; width:200px; transform:translateX(-50%); left:50%; padding:10px 0 10px; margin-top:-2px; }
#header .nav .inner ul li:hover ul { display:block; border:2px solid #1266ad; background:#fff; z-index:10; }
#header .nav .inner ul li ul li { display:block; width:100%; height:44px; color:#000; font-size:22px; text-align:center; line-height:44px; font-weight:700; letter-spacing:-0.02em; }
#header .nav .inner ul li ul li a { position:absolute; display:block; width:100%; height:100%; color:#000; }

#mheader { display:none; }

@media all and (max-width:1260px) {
	#header { display:none; }
	#mheader { display:block; position:fixed; height:70px; top:0; width:100%; background:#fff; border-bottom:1px solid #ddd; z-index:97; }
	#mheader .mtitle { position:absolute; transform:translate(-50%, -50%); left:50%; top:50%; font-size:20px; }
	#mheader .mtitle img { height:34px; }
	#mheader #mnavbt { position:absolute; padding:10px; width:34px; right:10px; transform:translateY(-50%); top:50%; }
	#mheader #mnavbt img { width:100%; }
}


#footer { width:100%; margin-top:140px; }
#footer .inner { position:relative; max-width:1260px; margin:auto; }
#footer .footer_line { width:100%; height:110px; background:#1266ad;  }
#footer .footer_line ul li { display:inline-block; font-size:26px; font-weight:700; color:#fff; line-height:110px; margin-right:20px; }
#footer .footer_line ul li img { margin-right:12px; }
#footer .footer_line ul li p { display:inline-block; background:#96710a; padding:0.4em 1em; color:#fff; border-radius:20px; line-height:1em; font-size:22px; margin-right:14px; }
#footer .footer_info { position:relative; background:#eeeeee; padding:40px 0 60px; }
#footer .footer_info ul li { display:inline-block; vertical-align:top; white-space:pre-line; margin-right:60px; font-size:20px; line-height:1.6em; color:#555; }
#footer .footer_info ul li span { display:inline-block; width:22px; }
#footer .footer_info .blogbt { position:absolute; right:0px; top:0px; height:44px; background:#0a978d; text-align:center; padding:0 1em; font-size:20px; color:#fff; font-weight:800; border-radius:30px; line-height:44px; }
#footer .footer_info .blogbt a { position:absolute; width:100%; height:100%; display:block; left:0; top:0; }
#footer .footer_info .blogbt img { margin-right:10px; vertical-align:middle; }
@media all and (max-width:1260px) {
	#footer { margin-top:60px; }
	#footer .inner { width:94%; }
	#footer .footer_line { height:auto; padding:10px 0; }
	#footer .footer_line ul li { display:block; font-size:14px; line-height:1em; margin-right:0; margin:6px 0; }
	#footer .footer_line ul li img { height:22px; margin-right:6px; }
	#footer .footer_line ul li p { font-size:14px; margin-right:4px; padding:0.2em 0.6em; }
	#footer .footer_info { padding:20px 0 40px; }
	#footer .footer_info ul li { display:block; margin-right:0; font-size:14px; white-space:normal; }
	#footer .footer_info ul li:first-child img { margin-left:6px; height:40px; }
	#footer .footer_info ul li:last-child { margin-top:20px; margin-left:10px; }
	#footer .footer_info ul li span { width:0; display:block; }
	#footer .footer_info .blogbt { position:absolute; right:6px; top:4px; font-size:14px; height:28px; line-height:28px; padding:0.2em 1em; }
	#footer .footer_info .blogbt a { left:0; top:0; }
	#footer .footer_info .blogbt img { height:18px; margin-right:4px; }
}

#fixedbar { position:fixed; width:116px; top:300px; background:#1266ad; padding:2px; box-sizing:border-box; z-index:99; left:50%; margin-left:720px; transition: top 0.3s ease-out; }
#fixedbar ul li { margin-bottom:2px; }
#fixedbar h2 { font-size:16px; letter-spacing:0.1em; padding:6px 0; text-align:center; }
#fixedbar h2 a { color:#fff; }

@media all and (max-width:1260px) {
	#fixedbar { display:none; }
}