@charset "UTF-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap");


html{width:100%;height:100%;}

::-webkit-scrollbar {display:none;}

a:link    {color:#333; text-decoration:none;}
a:visited {color:#333;}
a:active  {color:#333;}
a:hover  {color:#333;}
a {outline: none; select-dummy: expression(this.hideFocus=true);}


body { font-family: 'Pretendard', sans-serif;  font-size:17px; letter-spacing:-1px; margin:0; padding:0; color:#777; width:100%; height:100%; line-height:160%; background:#fff; min-width: 1400px; }
* {box-sizing:border-box;}


input, select, textarea { font-family: 'Pretendard', sans-serif;}
h1, h2,h3,h4,h5,h6 {padding:0; margin:0; font-weight:normal; }
ul, li, dl, dt, dd {padding:0; margin:0; list-style:none;}
p {margin:0; padding:0;}
img {vertical-align:top; max-width:100%;}

table {border-collapse:collapse;border-spacing:0; width:100%;}
table th, table td {border-bottom:#ddd 1px solid; padding:15px; background:#fff; font-weight:normal;}

::-moz-selection {   background: #006f8c;   color: #fff; }
::selection {   background: #006f8c;   color: #fff;}


header { position: fixed; width: 100%;  z-index:99999; top: 0; left: 0; min-width:1400px;  }

.navi { position: absolute;  width: 100%; height: 120px; right: 0px; top: 0px; z-index: 9999;  transition: 0.3s; /* display: flex; justify-content: space-between; align-items: center;  */padding: 0 140px; box-sizing: border-box;  background:url("/home/images/header_bg.jpg") no-repeat center;  }



.navi>a { width: 100%; height: 100%; /* display: flex; justify-content: flex-start; align-items: flex-end;  */}
.navi h1 { line-height: 100%;  position: relative;  transition: 0.3s; text-align: center;  padding-top: 18px;  }


.navi.active { height: 120px; background-color: #fff; border-bottom: 1px solid #ddd;  }


.gnb { position: absolute; left: 50%; top: 90px; transform: translate(-50%); overflow:hidden;  width: 1200px; height: 50%; letter-spacing:0; z-index: 99; transition: 0.3s; background: #fff; box-shadow:2px 2px 3px rgba(0,0,0,0.1); display: flex; justify-content: center;}
.gnb>ul>li { position:relative; float:left; text-align:center; margin: 0 30px; }


.navi .depth1 { position:relative;  color: #333; font-size: 17px; font-weight: 500; letter-spacing: -0.3px; line-height: 60px; margin: 0px; padding: 0px 0rem;transition: 0.3s; text-transform: uppercase; }
.gnb>ul>li:hover>a { color: #006f8c !important; }
.gnb>ul>li>ul { display: block; margin-top:8px; opacity: 0; transform: translateY(1.25rem); }
.gnb>ul>li>ul>li { float: none; height: 1.875rem; width: auto; }
.gnb>ul>li>ul>li>a { font-size: 15px; color: #555; font-weight: 400; letter-spacing: -0.7px; }
.gnb>ul>li>ul>li>a:hover { color: #006f8c; }

.navi-bg { position: absolute; display: block; /* width: 100%; */ height: 0px; left: 0; top:120px; z-index:1; overflow: hidden; transition: 0.3s; box-shadow:2px 2px 3px rgba(0,0,0,0.1) }
.navi-bg .white-bg { width:100%; height:150px; background: #fff; }

body.main .navi .depth1 { color: #000; }
body.main .gnb>ul>li:hover>a { color: #006f8c !important; }


.navi.active .navi-bg { top:90px; transition: 0.3s; }

.navi.active .navi .depth1 { color: #2b2b2b; }
.navi.active .gnb>ul>li:hover>a { color: #006f8c !important; }

.navi.active .gnb .depth1 { color: #333; line-height: 100px; transition: 0.3s; }
.navi.black .gnb .depth1 { color: #333; }
.navi.black .gnb>ul>li:hover>a { color: #006f8c !important; }


header .btn_call { color: #fff; font-family: "Montserrat", sans-serif; font-size: 24px; font-weight: 600; text-align: right; }
header .btn_call span { font-size: 18px; font-weight:400; margin-right: 2px;  }

.quickbar {position:fixed; right:40px; bottom:40px; background:#282054; width:120px; z-index:1001; text-align: center;  color: #fff; overflow: hidden;   }

.quickbar .gonggo { height: 100px;  box-sizing: border-box; background: url("/home/images/icon_gonggo.png") no-repeat center 24px; border-bottom:  1px solid rgba(66, 59, 105, 1); line-height: 1.4; }
.quickbar .gonggo  a	{ display:block; font-size:16px; width:100%; height:80px; padding-top:72px; font-weight:600; color: #fff; }

.quickbar .register { height: 100px;  box-sizing: border-box; background: url("/home/images/icon_register.png") no-repeat center 24px;   line-height: 1.4; }
.quickbar .register a	{ display:block; font-size:16px; width:100%; height:80px; padding-top:72px; font-weight:600; color: #fff; }

.header_wrap { width: 100%; display: flex; justify-content: flex-end;  align-items: flex-end;  gap: 31vw;  }

footer { background:url("/home/images/footer_bg.png") no-repeat center; padding:60px 2%;  border: 1px solid #f5f5f7; text-align: center;   font-size: 16px; }
footer .info1, .info2, .info3 { display: flex; justify-content: center; gap: 18px;  color: #333;  }
footer .info1 span, .info2 span, .info3 span { font-weight: 700; }

footer .info1 { margin-top: 24px; }
footer .info2 { margin-top: 12px;  }
footer .info3 {  margin-top: 12px; margin-bottom: 24px;}

footer .notice { color: #333; font-size: 14px; line-height: 1.4;   } 

footer .copy { color: #333;  margin-top: 24px; font-size: 15px; }