@charset "UTF-8";
/* font */
/* 프리텐다드 웹폰트 가져오기 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");
/* 지마켓 산스 웹폰트 가져오기 */
@import url("https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSans.css");

body {
  overflow-x: hidden;
}

body * {
  font-family: "Pretendard", sans-serif;
}

:root {
	--point-cl:#0a276a;
	--point-cl-hv:#e79500;
	--point-cl02:#fd6e2d;
	--point-font:#fe6b2c;
	--nav-bg:#fff9ef;
	--left-menu-bg:#eaeef5;
	--foot-bg:#3d3d3d;
	--white:#fff;
	--black:#000;
	--pink:#fff3f3;
	--red-f2:#f20000;
	--red-c7:#c70000;
	--blue-09:#090086;
	--blue-42:#4286d0;
	--edu-app-point:#ffe5e5;
	--gray-f9:#f9f9f9;
	--gray-f7:#f7f7f7;
	--gray-f5:#f5f5f5;
	--gray-f4:#f4f4f4;
	--gray-f2:#f2f2f2;
	--gray-f0:#f0f0f0;
	--gray-ee:#eee;
	--gray-ea:#eaeaea;
	--gray-e9:#e9e9e9;
	--gray-e8:#e8e8e8;
	--gray-e5:#e5e5e5;
	--gray-dd:#ddd;
	--gray-db:#dbdbdb;
	--gray-d4:#d4d4d4;
	--gray-cc:#ccc;
	--gray-c9:#c9c9c9;
	--gray-c7:#c7c7c7;
	--gray-c2:#c2c2c2;
	--gray-c1:#c1c1c1;
	--gray-b7:#b7b7b7;
	--gray-b1:#b1b1b1;
	--gray-99:#999;
	--gray-93:#939393;
	--gray-83:#838383;
	--gray-7f:#7f7f7f;
	--gray-79:#797979;
	--gray-77:#777;
	--gray-66:#666;
	--gray-6c:#6c6c6c;
	--gray-57:#575757;
	--gray-56:#565656;
	--gray-4e:#4e4e4e;
	--gray-33:#333;
	--gray-22:#222;
	--cl01:#c54a4a;
	--cl02:#2eab37;
	--cl03:#4286ca;
	--cl04:#3155b5;
	--cl05:#8c8621;
	--cl06:#7ec462;
	--cl07:#a2b61d;
	--cl08:#d49928;
	--cl09:#ed145b;
	--cl10:#3dad3a;
	--cl11:#3028d4;
	--cl12:#b228d4;
	--cl13:#834444;
	--cl01-bg:#ffdfdf;
	--cl02-bg:#d2fad5;
	--cl03-bg:#d2e6fa;
	--cl04-bg:#ecd2fa;
	--cl05-bg:#faedd2;
	--cl06-bg:#d3e4e5;
	--cl07-bg:#d2d2d2;
	--cl08-bg:#c8d4cc;
	--cl09-bg:#f2f3ae;
	--cl10-bg:#d8d6b4;
}



/* common */
.wrap {
  width: 1600px;
  margin: 0 auto;
}

.hidden {
  display: none !important;
}

.flex_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mo_only {
  display: none !important;
}

.mo1200_only {
  display: none !important;
}

.mo1200_only_flex {
  display: none !important;
}

.btn.flex {
  display: flex;
  gap: 10px;
}

.btn button,
.btn a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  font-size: 16px;
  border-radius: 8px;
}

.btn .btn_primary {
  background: #A46CFF;
  box-sizing: border-box;
  color: #fff;
  border: 1px solid #A46CFF;
}

.btn .btn_white {
  background: #fff;
  box-sizing: border-box;
  color: #A46CFF;
  border: 1px solid #A46CFF;
}

.input_wrap input {
  width: 100%;
  height: 50px;
  padding: 0 30px;
  box-sizing: border-box;
  border: 1px solid #f9f9f9;
  background: #f9f9f9;
  font-size: 18px;
  font-weight: 600;
  border: none;
}
.input_wrap input::placeholder {
  color: #d4d4d4;
}
.input_wrap select {
  width: 100%;
  height: 50px;
  padding: 0 30px;
  box-sizing: border-box;
  border: 1px solid #f9f9f9;
  background: #f9f9f9;
  font-size: 18px;
  font-weight: 600;
  border: none;
  color: #c2c2c2;
}
.input_wrap select.changed {
  color: #000;
}
.input_wrap select option {
  color: #000;
}

/* 라디오 */
input[type=radio] {
  display: none;
}

input[type=radio] + label.radio_style1 {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  margin-right: 15px;
  font-size: 16px;
  line-height: 1;
}

input[type=radio] + label.radio_style1:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background-color: #fff;
  border-radius: 2px;
  background: url("/vtImage/check_off.png");
  background-size: cover;
  flex: none;
}

input[type=radio]:checked + label.radio_style1:before {
  content: "";
  width: 16px;
  height: 16px;
  background: url("/vtImage/check_on.png");
  background-size: cover;
}

/* 체크박스 */
input[type=checkbox] {
  display: none;
}

input[type=checkbox] + label.check_style1 {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  font-size: 16px;
  line-height: 1;
}

input[type=checkbox] + label.check_style1::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 7px;
  background-color: #fff;
  border-radius: 2px;
  background: url("/vtImage/check_off.png");
  background-size: cover;
}

input[type=checkbox]:checked + label.check_style1::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url("/vtImage/check_on.png");
  background-size: cover;
}

header {
  position: sticky;
  top: 0;
  z-index: 23;
  background: #fff;
}
header.active .header-container {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* header */
.header-container {
  position: relative;
  z-index: 10;
}
.header-container .header-top {
  border-bottom: 1px solid #ddd;
}
.header-container .header-top .wrap .user-links {
  display: flex;
  align-items: center;
  justify-content: right;
  height: 41px;
  gap: 5px;
  font-size: 14px;
  color: #666666;
}
.header-container .header-top .wrap .user-links a {
  font-size: 14px;
  color: #666666;
}
.header-container .header-bottom {
  box-sizing: border-box;
}
.header-container .header-bottom > .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 102px;
  gap: 40px;
}
.header-container .header-bottom > .wrap .bg {
  position: absolute;
  left: 0;
  top: 144px;
  background: #fff;
  height: 54px;
  width: 100%;
  z-index: 0;
  display: none;
  border-top: 1px solid #ddd;
  box-shadow: 0px 10px 17px rgba(0, 0, 0, 0.1);
}
.header-container .header-bottom > .wrap .logo {
  display: flex;
  align-items: center;
  width: 250px;
  flex: none;
}
.header-container .header-bottom > .wrap .main-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  position: relative;
}
.header-container .header-bottom > .wrap .main-nav > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.header-container .header-bottom > .wrap .main-nav > ul > li {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 25px;
}
.header-container .header-bottom > .wrap .main-nav > ul > li:first-child {
  padding-left: 0;
}
.header-container .header-bottom > .wrap .main-nav > ul > li:first-child > a {
  padding-left: 0;
}
.header-container .header-bottom > .wrap .main-nav > ul > li:last-child {
  padding-right: 0;
}
.header-container .header-bottom > .wrap .main-nav > ul > li:nth-child(n+6) > ul {
  right: 0;
  padding-right: 37px;
}
.header-container .header-bottom > .wrap .main-nav > ul > li:hover > a {
  font-weight: 700;
  border-top: 4px solid transparent;
  border-bottom: 4px solid #0a276a;
  box-sizing: border-box;
}
.header-container .header-bottom > .wrap .main-nav > ul > li:hover > ul {
  display: flex;
}
.header-container .header-bottom > .wrap .main-nav > ul > li:hover > ul::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  left: -4000px;
  width: 8000px;
  height: 54px;
  background: #fff;
  z-index: -1;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
  box-shadow: 0px 10px 17px rgba(0, 0, 0, 0.1);
}
.header-container .header-bottom > .wrap .main-nav > ul > li > a {
  font-family: "GmarketSans", sans-serif;
  height: 100%;
  display: flex;
  align-items: center;
  padding-top: 1px;
  font-size: 18px;
}
.header-container .header-bottom > .wrap .main-nav > ul > li > ul {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: -54px;
  gap: 28px;
  background-color: #fff;
  height: 54px;
  width: max-content;
  display: none;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
}
.header-container .header-bottom > .wrap .main-nav > ul > li > ul > li a:hover {
  font-weight: 700;
  border-bottom: 1px solid #000;
}
.header-container .accordion {
  position: fixed;
  top: 107px;
  right: -280px;
  width: 280px;
  height: calc(100% - 107px);
  background-color: #fff;
  overflow-y: auto;
  transition: right 0.3s ease;
}
.header-container .accordion.open {
  right: 0;
}
.header-container .accordion > ul > li {
  border-bottom: 1px solid #d4d4d4;
}
.header-container .accordion > ul > li.active > a {
  border-bottom: 1px solid #0a276a;
  background: url("/vtImage/i_drop2.png") no-repeat right 20px center;
}
.header-container .accordion > ul > li > a {
  font-weight: 700;
  font-size: 17px;
  padding: 15px 20px;
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
  background: url("/vtImage/i_drop.png") no-repeat right 20px center;
}
.header-container .accordion > ul > li > ul {
  padding: 10px 0;
}
.header-container .accordion > ul > li > ul li a {
  padding: 5px 30px;
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  font-size: 15px;
}
.header-container .accordion > ul > li > ul li a::before {
  content: "-";
  display: inline-block;
  margin-right: 5px;
}
.header-container .accordion.open {
  right: 0;
}

.menu-bg {
  content: "";
  position: fixed;
  display: inline-block;
  background: rgba(0, 0, 0, 0.3843137255);
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 22;
  opacity: 0;
  visibility: hidden;
}
.menu-bg.active {
  opacity: 1;
  visibility: visible;
}

/* footer */
.footer-container {
  background-color: #333;
  color: #fff;
  padding: 37px 0;
}
.footer-container .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-container .wrap .footer-links {
  display: flex;
  align-items: center;
  gap: 25px;
}
.footer-container .wrap .footer-links a {
  color: #fff;
  font-size: 15px;
}
.footer-container .wrap .footer-info {
  padding-top: 32px;
}
.footer-container .wrap .footer-info p {
  font-size: 14px;
  color: #b7b7b7;
}
.footer-container .wrap .footer-copy {
  margin-top: 34px;
}
.footer-container .wrap .footer-copy p {
  font-size: 14px;
  color: #b7b7b7;
}
/* modal */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 100;
  justify-content: center;
  align-items: center;
}

.modal_open {
  cursor: pointer;
}

.modal_overlay {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 24;
}

.modal_content {
  background-color: white;
  text-align: left;
  position: relative;
  z-index: 25;
  border-radius: 0px;
  box-shadow: 0.125rem 0.125rem 1.25rem 0.25rem rgba(0, 0, 0, 0.2);
}

.modal_content .modalContWrap {
  font-size: 0.9375rem;
}

.modal .modal_close {
  position: absolute;
  z-index: 50;
  right: 26px;
  top: 26px;
  cursor: pointer;
}

.modal_content .modalContWrap {
  font-size: 1.125rem;
  color: #000;
}

.modal .modal_close img {
  width: 18px;
}

.modal_content .modalContWrapTab {
  text-align: left;
}

.modal_content .modal_scroll {
  height: 31.25rem;
  overflow-y: scroll;
}

.modal_md {
  width: 46.25rem;
  max-height: 40.625rem;
  box-sizing: border-box;
}

.modal_md .modal_con {
  padding: 30px 24px;
  font-size: 15px;
  box-sizing: border-box;
}

.modal_sm {
  width: 300px;
  text-align: center;
}

.modal_sm .modal_con {
  padding: 30px;
  font-size: 15px;
}

.modal_wd {
  max-width: 1100px;
  width: 100%;
  text-align: center;
  padding: 68px;
  box-sizing: border-box;
}
.modal_wd h5 {
  font-size: 25px;
  font-weight: 700;
  padding-bottom: 26px;
  margin-bottom: 26px;
  border-bottom: 1px solid #d4d4d4;
}
.modal_wd p {
  font-size: 18px;
  line-height: 30px;
  color: #666666;
}

.modal_btn {
  border-top: 1px solid #eeeeee;
}

.modal_btn.flex {
  display: flex;
}

.modal_btn button {
  color: #999999;
  font-size: 15px;
  width: 100%;
  height: 40px;
}

@media screen and (max-width: 1640px) {
  .wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .header-container .header-bottom .wrap {
    gap: 20px;
  }
  .header-container .header-bottom .wrap .logo {
    width: 220px;
  }
  .header-container .header-bottom .wrap .main-nav > ul > li {
    padding: 0 10px;
  }
  .header-container .header-bottom .wrap .main-nav > ul > li:nth-child(n+6) > ul {
    right: 0;
    padding-right: 10px;
  }
  .header-container .header-bottom .wrap .main-nav > ul > li > ul {
    gap: 15px;
  }
  .header-container .header-bottom .wrap .main-nav > ul > li > ul li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 1200px) {
  .mo1200_only {
    display: block !important;
  }
  .pc1200_only {
    display: none !important;
  }
  .mo1200_only_flex {
    display: flex !important;
  }
  .pc1200_only_flex {
    display: none !important;
  }
  .header-container .header-bottom .wrap {
    height: 65px;
  }
  .header-container .header-bottom .wrap .logo img {
    height: 40px;
  }
  .header-container .header-bottom .wrap .main-nav > ul {
    justify-content: right;
  }
  .header-container .header-bottom .wrap .main-nav > ul > li {
    display: none;
		padding: 0;
  }
  .header-container .header-bottom .wrap .main-nav > ul > li:last-child {
    display: flex;
  }
  .footer-container .wrap .footer-logo img {
    height:40px;
  }
}
@media screen and (max-width: 1100px) {
  .modal_wd {
    max-width: 1100px;
    width: calc(100% - 40px);
    text-align: center;
    padding: 60px 30px;
  }
}
@media screen and (max-width: 1000px) {
  .footer-container .wrap {
    flex-direction: column;
    align-items: start;
  }
  .footer-container .wrap .footer-links {
    gap: 6px;
    flex-wrap: wrap;
  }
  .footer-container .wrap .footer-logo {
    margin-top: 30px;
  }
}
@media screen and (max-width: 750px) {
  .mo_only {
    display: block !important;
  }
  .pc_only {
    display: none !important;
  }
}
@media screen and (max-width: 500px) {
	.wrap {padding-top: 10px;}
	.header-container .header-bottom .wrap {padding-top: 0;}
  .footer-container .wrap .footer-links {
    gap: 5px;
  }
  .footer-container .wrap .footer-links a {
    font-size: 13px;
  }
  .footer-container .wrap .footer-info p {
    font-size: 13px;
  }
  .modal_wd h5 {
    font-size: 22px;
  }
  .modal_wd p {
    font-size: 16px;
  }
}/*# sourceMappingURL=common.css.map */
@media screen and (max-width: 375px) {}


/* 모바일 팝업 */
.popup-mo { width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:10; display:none; }
.popup-mo .popup-mo-wrap { width:100%; max-width:400px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; padding:0 20px; }
.popup-mo .btn-box { display:flex; justify-content:space-between; align-items:center; margin-top:20px; }
.popup-mo .btn-box p { font-size:16px; font-weight:700; color:#fff; }
.popup-mo .btn-box .btn { display:flex; gap:10px; }
.popup-mo .btn-box .btn button { display:flex; justify-content:center; align-items:center; height:40px; padding:0 20px; background:#51575d; border-radius:3px; color:#fff; font-size:14px; }
.popup-mo .btn-box .btn button { margin:0 auto; margin-right:0; }
@media (max-width:768px){
	.popup-pc { display:none; }
	.popup-mo { display:block; }
}

.header-container .header-bottom > .wrap .main-nav > ul > li > ul > li > a {font-size: 15px;}