/* http://meyerweb.com/eric/tools/css/reset/
   v5.0.1 | 20191019
   License: none (public domain)
*/


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,
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,
main, 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, main, menu, nav, section {
	display: block;
}
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
    display: none;
}
* { 
font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; 
margin: 0;
padding: 0;
}

body {
	overflow-x:hidden;
	line-height: 1;
	font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	word-break:auto-phrase;
}
menu, ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:"Pretendard Variable", dotum, sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:"Pretendard Variable", dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:"Pretendard Variable", dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:"Pretendard Variable", dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

/* input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
} */

.placeholdersjs {color:#aaa !important}

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {min-width:1200px}

#hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr {width:1200px}

/* 팝업레이어 */
#hd_pop {z-index:1000000000000; position:fixed; top: 0; left: 0; width: 100vw;}
#hd_pop.on{height: 100vh; background-color: rgba(0,0,0,0.4);}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops{position: absolute;max-width: 95%; border-radius: 1rem; overflow: hidden; min-width: 240px; box-shadow: 0 0 20px rgba(0,0,0, 0.3);}
.hd_pops_con{width: 100% !important; height: auto !important;}
.hd_pops_con img {display: block; width:100%;}

.hd_pops_footer{display: flex; align-items: center;}
.hd_pops_footer button{padding: 1rem 0.25rem; width: 50%; text-align: center; font-size: 0.8rem; background-color: #eee; white-space: nowrap; border-top: 1px solid #ddd;}
.hd_pops_footer button + button{border-left: 1px solid #ddd;}
.hd_pops_footer .hd_pops_reject {color: #999;}


	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
  color: inherit;
  text-decoration: inherit;
}

html { overflow-x:hidden; }

button,fieldset,iframe { border: none;}

button { cursor:pointer; }

.no-scroll { overflow: hidden; }

.screen-hide, .skip, .blind,.hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 0;
    height: 0;
    text-indent: -9999px;
}

@media screen and (max-width: 768px){
	html, body {font-size: 15px;}
}
@media screen and (max-width: 480px){
	html, body {font-size: 14px;}
}





/*--------header--------*/

/*header*/
#header {width:100%; background:#fff;  box-shadow:0 1px 6px 0 rgba(32,33,36,0.28); -moz-box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);  -webkit-box-shadow:0 1px 6px 0 rgba(32,33,36,0.28);}
#header_wrap {width: 100%; max-width:90%; border-bottom: 1px solid #eee; display: grid; align-items: center; align-content: center; grid-template-columns:auto 1fr auto; justify-items: center; margin: 0 auto; position: relative; z-index:99999; }
#header_logo h1 {line-height: 75px;}
#header_logo a {display:block;}
#header_logo img {display: block; max-height: 48px;}
#header_gnb { position:relative; }
#header_gnb .gnb01 {display:flex;width:100%;justify-content: center;margin:0 auto;}
#header_gnb .gnb01 > li {position: relative;}
#header_gnb .gnb01 > li > a {height: 80px; display: block; padding: 0 40px; line-height:80px; font-size: 18px; font-weight: 600; color:#333;}
#header_gnb .gnb01 > li:hover > a{color: #263c92; transition-duration: 100ms;}

#header_gnb .gnb01 > li:hover .gnb02 {display: block; border-top: 2px solid #263c92;}
#header_gnb .gnb01 .gnb02 {display: none; position:absolute; left: 50%; transform: translateX(-50%);background-color: rgba(255,255,255,0.8); z-index:9; text-align:center;
border: 1px solid #eee; border-top: none; }

#header_gnb .gnb01 .gnb02 > li + li{border-top: 1px solid #eee;}
#header_gnb .gnb01 .gnb02 li > a {width: 180px; display: block; padding: 10px 0;}
#header_gnb .gnb01 .gnb02 li > a:hover {color: #263c92; font-weight: 600; background:#fff; }