/* 초기화 */
html { overflow-y:scroll; font-size:0.833333333vw; }
body { margin:0; padding:0; font-size:0.833333333vw; font-family: "Noto Sans KR", sans-serif; }
html, form, fieldset, img { margin:0; padding:0; border:0 }
h1, h2, h3, h4, h5, h6 { font-family: "Noto Sans KR", 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; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); }
label, input, button, select, img { vertical-align:middle; font-size:0.833333333vw }
input, button { margin:0; padding:0;  font-size:0.833333333vw;font-family: "Noto Sans KR", sans-serif; }
input[type="submit"] { cursor:pointer }
button { cursor:pointer }
textarea, select { font-family: "Noto Sans KR", sans-serif; font-size:0.833333333vw }
select { margin:0 }
p { margin:0; padding:0; word-break:break-all }
hr { display:none }
pre { overflow-x:scroll; font-size:1.3rem }
a { color:var(--fontColor); text-decoration:none;color: inherit; }

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

input[type=text],input[type=password], textarea { outline:none; }

.placeholdersjs { color:#aaa !important }
ul li{list-style: none;}
.visually-hidden {position: absolute;width: 1px; height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}



.btn_all { position: relative; background-color: #F9DA49; padding: 0.520833333vw 2.083333333vw 0.520833333vw 1.041666667vw; border-radius: 50px; color: #101010; font-weight: 600;}

.btn_all > img{position: absolute; right: 0.78125vw; bottom: 0.78125vw; width: 0.98958vw;}

/* 레이아웃 크기 지정 */
#hd, #hd_wrapper, #ft {display: flex; width: 100%; background-color: #eeeeee;}
#warp {display:flex;align-self: center;flex-direction: column;align-items: center;}
#warp > ul {width: 100%;}

/* 상단 레이아웃 */
#hd{display: flex;flex-direction:column;top:0px;z-index: 999;}
#hd > li{display: flex;align-self: center;width:79.16666vw;}
#hd > li > ul{display: flex;align-self: center;}

#hd_wrapper {display: flex;flex-direction:row;justify-content: space-between;height:60px;transition-property:all;transition-duration: 0.5s;}

#hd > #hd_sub {display: flex;height:1px;opacity: 0.95;transition-property:all;transition-duration: 0.5s;z-index: 999;}
#hd > li > #sub_hd_wrapper {display: flex;height:1px;flex-direction:row;justify-content: space-between;transition-property:all;transition-duration: 0.5s;flex-basis: 100%;align-self: flex-start;}
#logo, #gnb, #gnb_1dul,#hd_menu,#hd_menu ul {display: flex;flex-direction:row;}
#logo, #gnb, #hd_nb {align-items: center;}
/* 로고 */
#logo, #sub_logo {flex: 0 0 6.5104vw; justify-content: flex-end;}
#logoImg {width:6.5104vw;}


/* 메뉴 */
#gnb, #sub_gnb {flex: 1 1 auto;}
#gnb_1dul {flex: 1 1 100%;justify-content: flex-start;height:100%;font-size:1em;font-weight: 600;color:#222222;margin-left:-0.78125vw;}
#gnb_1dul .gnb_1dli {display: flex; height:100%;justify-content: center;align-items: center;width:7.0312vw;margin-right: 2.083333333vw;}
#gnb_1dul li ul{display: flex; flex-direction: column;height:100%}
#gnb_1dul li .gnb_span{display: flex;height:100%;align-items: center;padding-bottom: 2px;}
#gnb_1dul li .gnb_span:hover{display: flex;height:100%;border-bottom: 2px solid #0066DD;color:#222222;padding-bottom: 0px;}


#gnb_2ul {display:flex; flex: 1 1 100%;justify-content: flex-start;height:100%;font-size:1em;font-weight: 500;opacity: 0;color:#222222;transition-property:all;transition-duration: 0.5s;margin-left:-0.78125vw;}
#gnb_2ul .gnb_2li {display: flex; flex-direction: column;margin-top: 5px;width:7.0312vw;margin-right: 2.083333333vw;justify-content: flex-start;align-items: center;}
#gnb_2ul .gnb_2li .gnb_2da{margin: 1.041666667vw 0px;}
#gnb_2ul .gnb_2li .gnb_2da:hover{color:#0066DD;}

/* 가이드메뉴 */
#hd_nb, #sub_hd_nb {flex: 0 1 10.41666vw;}
#hd_nb ul{flex: 1 1 100%;justify-content: flex-start;}
#hd_nb li{flex-basis:2.916666667vw;}

/* nest 메뉴 */

.gnb_list{display: flex; justify-content: center; }

.list_item{margin-left: 2.083333333vw; font-size: 1.125rem; font-weight: 700;}


#header {display: flex;flex-direction: column; background-color: #ffffff;}

/* header_top */

.header_top{width: 100%;border-bottom: 1px solid #333333;padding: 0.520833333vw 0px;}

.header_top > ul {width: 80%; display: flex; justify-content: space-between; align-items: center;  margin:0.260416667vw auto;}

.header_top > ul > li:first-child > a > img{width: 8.8541vw;}

.header_top > ul > li:nth-child(2){display: flex; align-items: center; gap: 1.041666667vw;}

.header_top> ul >li:nth-child(2) > a{color: #ffffff; border-radius: 5px; font-weight: 500; background-color: #2A5BA1; padding: 0.416666667vw 0.78125vw;}


/* header_bottom */
#menu_box {justify-content: space-between;width: 100%;}

#menu_box .header_bottom_icon{position: relative;margin-right: 0.885416667vw;}

#menu_box .header_bottom_icon > form > input {border-radius: 5px;background-color: #f1f1f1;border: 1px solid #dadada;width: 9.9478vw;height: 31px;padding: 5px;font-size: 0.81rem;color: #999999;font-weight: 500;}

#menu_box .header_bottom_icon > form > #sch_submit {background-color: #f1f1f1;position: absolute;border: none;right:0.416666667vw;top: 0.104166667vw;}

#hd_sub{display: none;}




/* ------------------------------   footer   ------------------------------------------- */

#footer{background-color: #101010; width: 100%;}

.gnb_footer{ display: flex; flex-direction: column;justify-content: space-between; gap: 2.083333333vw; width: 80%; margin: 0 auto; padding: 2.5vw 0px; color: #ffffff;}

.gnb_footer > ul{display: flex; justify-content: space-between;}

.nest_footer01_title01 div{width: 6.875vw;}
.nest_footer01_title01 div img{width: 100%;}

.nest_footer01_title02> a {display: inline-block; padding-left: 1.041666667vw;width: 2.604166667vw;}
.nest_footer01_title02> a img{width: 100%;}

.nest_footer02_title01 > p > span:first-child {display: inline-block; padding-right: 1.041666667vw;}
.nest_footer02_title01 > p > span:nth-child(2){padding-left: 1.041666667vw;}

.nest_footer01_title01 > div > img{filter: brightness(0) invert(1);}


@media ( max-width: 1100px ) {
    .elip { max-width: 5.2083vw; }
}

@media (max-width: 768px) {
#logo > a > img{width: 14vw;}
}
/* .main_area01, .main_area01_contents, .main_area01_left, .main_area01_right{height: 100%;} */

.info_banner_item li img{width: 100%;}

.bn_controller div {width: 2.604166667vw; cursor: pointer;}
.bn_controller div  img{width: 100%}