@charset "euc-kr";

html { overflow-y:auto; }
::-webkit-scrollbar{width:0;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,form,fieldset,legend,input,textarea,caption,button,p,th,td,figure,figcaption {margin:0; padding:0; word-wrap: break-word;white-space: normal;word-break:keep-all;}
html,body {width:100%;}
body{
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, "Noto Sans KR", "Apple SD Gothic Neo",
               "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
}
article,aside,figcaption,figure,footer,header,main,nav,section{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
li {list-style:none;}
img, fieldset {border:0 none;}
img {vertical-align:top;}
legend, hr {display:none;}
legend {position:absolute; top:0; left:0; width:0; height:0; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
input, textarea {font-size:100%; color:#222; background:transparent;}
button {border:0 none; background:transparent; padding:0; margin:0; font-family:'Noto Sans KR', sans-serif;}
em, address {font-style:normal;}
table {border-spacing:0; border-collapse:collapse; width:100%;}
caption {font-size: 0; line-height: 0; width:0; height:0; text-indent:-1000px; overflow: hidden;}
a, a:link, a:visited {text-decoration:none; color:#222;}
a:hover, a:active {text-decoration:none;}
a,input{-webkit-tap-highlight-color:transparent;}
textarea {border:none; width:100%; font-size:100%;}
h1,h2,h3,h4,h5,h6 {font-weight:500;}
input,textarea {/* -webkit-appearance:none; */ font-family:inherit; box-sizing:border-box; font-size:inherit;color:inherit;border-radius:0;}
input[type="button"], input[type="submit"] {padding:0px; margin:0px; cursor:pointer; appearance:none; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0;}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], 
input[type="tel"], input[type="search"], input[type="date"] {border:0; line-height:0; box-sizing:border-box; width:100%;}
select {width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.resp_wrap {width:100%; height:100%;}

/* °íÁ¤ Çì´õ */
.navigation_wrap{
  position: fixed; top:0; left:50%; transform:translateX(-50%);
  width:100%; max-width:100vw; height:90px; z-index:150;
}

/* ³»ºÎ 3¿µ¿ª: ÁÂ-Áß¾Ó-¿ì */
.container_Nwrap{
  max-width:1980px; height:100%; margin:0 auto;
  display:grid;
  grid-template-columns: 1fr auto 1fr; /* Á auto ¿ì Æø°ú ¹«°üÇÏ°Ô Áß¾Ó °íÁ¤ */
  align-items:center;                  /* ¼¼·Î Áß¾Ó */
  column-gap:20px;
}

/* ¿ÞÂÊ ·Î°í: ÁÂÃø ³¡ + ¼¼·Î Áß¾Ó */
.mb_nav{justify-self:start; display:flex; align-items:center;padding-left:20px;}
.mb_nav .logo_btn{display:flex; align-items:center; height:100%;}

/* Áß¾Ó ¸Þ´º: Á¤È®È÷ Áß¾Ó */
.pc_nav{justify-self:center;}
.pc_nav .gnb{display:flex; align-items:center; gap:120px; margin:0; padding:0;}
.pc_nav .gnb li{list-style:none;}
.pc_nav .gnb li > a{
  color:#fff; font-size:18px; font-weight:700; padding:0 0 12px;
  border-bottom:2px solid transparent;
}
.pc_nav .gnb li:hover > a,
.pc_nav .gnb li > a.active{
  color:#1564fb;
}

/* ¿À¸¥ÂÊ ·Î±×ÀÎ ¿µ¿ª: ¿ìÃø ³¡ + ¼¼·Î Áß¾Ó */
.log_nav{justify-self:end; display:flex; align-items:center; gap:12px;padding-right:20px;}
.log_nav > div{color:#fff; font-size:14px; padding:8px 14px; border:1px solid rgba(255,255,255,.6); border-radius:9999px;}
.log_nav .login_btn{
  border:1px solid rgba(247, 255, 0, 0.6); 
  color:#F7FF00;
}

.onheader{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 10px 15px #0000000F;
	opacity: 1;
}

/* onheader »óÅÂÀÏ ¶§ ¸Þ´º ±ÛÀÚ»ö */
.navigation_wrap.onheader .pc_nav .gnb li a{
  color:#333333;
  font-weight:700; 
  
}

/* ÇÊ¿ä ½Ã ·Î±×ÀÎ ¿µ¿ªµµ */
.navigation_wrap.onheader .log_nav > div{
  color:#333333 !important;
  padding:8px 14px; 
  border:1px solid rgba(51,51,51,0.6); 
  border-radius:9999px;
  font-weight:400; 
}

/* ÇÊ¿ä ½Ã ·Î±×ÀÎ ¿µ¿ªµµ */
.navigation_wrap.onheader .log_nav .login_btn{
  color:#FF7700 !important;
  padding:8px 14px; 
  border:1px solid rgba(255, 119, 0, 0.6); 
  border-radius:9999px;
}

/* È£¹ö/È°¼º */
.navigation_wrap.onheader .pc_nav .gnb li a:hover,
.navigation_wrap.onheader .pc_nav .gnb li a.active{
  color:#005DFF;
}



/* ÆгÎ: À§Ä¡¡¤Å©±â ±×´ë·Î */
.subnav_panel{
  position: fixed; 
  left:0; 
  right:0;
  transform:none; 
  top:90px;
  width:100%; 
  background:#fff;
  box-shadow:0 12px 24px rgba(0,0,0,.06); border-top:1px solid rgba(0,0,0,.06);
  opacity:0; visibility:hidden; max-height:0;
  transition:opacity .18s, max-height .18s, visibility .18s;
  z-index:140;
  border-top:1px solid rgba(0,0,0,.06); position:fixed;
}
.navigation_wrap.nav-open .subnav_panel{ 
	opacity:1; 
	visibility:visible; 
	max-height:350px; 
}

/* ±×¸®µå ¡æ Ç÷º½º. GNB¿Í µ¿ÀÏ °£°Ý°ú Áß¾Ó Á¤·Ä */
.subnav_grid{
  position:relative;
  max-width:1980px;
  margin:0 auto;
  padding:22px 20px 28px;      /* »ó´Ü Á¿ì Æеù(·Î°í/·Î±×ÀÎ 20px)°ú ¸ÂÃã */
  display:flex;
  justify-content:center;      /* Áß¾Ó ±âÁØ */
  align-items:flex-start;
  gap:120px;                   /* GNB gap°ú µ¿ÀÏ */
}

.subnav_grid{ transform: translateX(45px); } /* ¿ÞÂÊÀ¸·Î 50px À̵¿ */

/* °¢ Ä÷³Àº ³»¿ë Æø¸¸ Â÷Áö */
.subnav_group{
  position:relative;
  color:#000000;
  list-style:none; margin:0; padding:0;
  opacity:1; flex:0 0 auto; width:max-content; text-align:left;
}
.subnav_group.is-active{opacity:1;}
.subnav_group li + li{margin-top:10px;}
.subnav_group a{display:block; color:#000000; font-weight:300; font-size:15px; line-height:1.6; padding:2px 0; text-align:center;}

/* ºó Ä®·³Àº ÀÚ¸®¸¸ À¯Áö */
.subnav_group[data-for="3"]{ visibility:hidden; pointer-events:none; }

.subnav_grid .subnav_group:nth-of-type(5){
  transform: translateX(24px);
}

/* È°¼º Ä÷³ À§¿¡ ÆĶõ ¹Ù */
.subnav_group.is-active::before{
  content:""; 
  position:absolute;
  top:-25px; left:50%; 
  transform:translateX(-50%) scaleX(0);
  transform-origin:center;
  width:80px; height:4px; 
  background:#1564fb; border-radius:2px;

  /* Ãʱ⠻óÅ */
  transform:translateX(-50%) scaleX(0);
  transform-origin:center;
  opacity:1;

  transition:transform .25s ease, opacity .25s ease;
}

/* is-activeÀÏ ¶§ °¡¿îµ¥¼­ Á¿ì·Î ÆîÄ¡¸ç ³ªÅ¸³² */
.subnav_group.is-active::before{
  transform:translateX(-50%) scaleX(1);
  opacity:1;
}

/* Á¢±Ù¼º: Å°º¸µå Æ÷Ä¿½º ¶§µµ Ç¥½Ã */
.navigation_wrap.nav-open .subnav_group a:focus{outline:2px solid #1564fb; outline-offset:2px;}

/*header*/
.header {width:100%; background-size:cover; background-repeat:no-repeat; background-position:50%; height:900px;}
.container_wrap{ position: relative; height: 100%; }
.intro_headline{
  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.intro_headline img{
  height: auto;
}

.container_Nwrap {padding:0 15px; margin:0 auto; background-color:transparent; transition: all 0.3s; justify-content:space-between; display:flex; align-items:center;}
.container_Nwrap.on {display:block;  background-color:#222;}
.container_Nwrap.on .gnb > li > a {color:#fff;}

/*.container_sec > section*/
.container_sec section {
	width:100%; height:100%; margin:0 auto;
}

.container_sec section .section_wrap_01 {
	width:1200px; height:100%; margin:0 auto;
}


/* Âü¿© ±â¾÷Á¤º¸ ¼½¼Ç */
.section_wrap_01{ 
	padding:80px 0 160px;
	background: url("/images/main/bg_company_bottom.png") center bottom / auto 100px no-repeat;
}

/* Çì´õ */
.corp{ position:relative; width:1200px; margin:0 auto; }
.corp-head{ text-align:center; margin-bottom:30px; position:relative; }
.corp-title{ font-size:36px; font-weight:600; color:#132041; letter-spacing:-0.02em; margin-top:14px;}
.corp-head img{ display:inline-block; margin-left:-200px; }






/* === Section 02 (cards + notice/faq) === */
.section_wrap_02{ position:relative; background:#ECF3FA; }
.bg-deco{ position:absolute; width:0; height:0; pointer-events:none; }
.deco1{
  left:50%; top:280px; transform:translateX(-750px);
  background:url("/images/main/bg2_001.png") no-repeat;
  width:/*À̹ÌÁöÆø*/260px; height:/*À̹ÌÁö³ôÀÌ*/266px;
}
.deco2{
  left:50%; top:287px; transform:translateX(470px);
  background:url("/images/main/bg2_002.png") no-repeat;
  width:288px; height:200px;
}

.section_wrap_02 .container_wrap{ max-width:1200px; margin:0 auto; padding:150px 20px; 150px 20px}

/* Top features */
.fair-features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  margin-bottom: 32px;
}

.fair-card {
  background: #fff;
  border-radius: 20px;
  padding: 42px 20px;
  height: 215px;
  display: flex;
  flex-direction: column;       /* ¼¼·Î Á¤·Ä */
  align-items: center;          /* °¡¿îµ¥ Á¤·Ä */
  justify-content: center;
  box-shadow: 0 8px 18px rgba(0,0,0,.09);
  transition: transform .2s ease;
}
.fair-card:hover {
  transform: translateY(-4px);
}

.fair-icon {
  margin-bottom: 29px;
}
.fair-icon img {
  width: 116px;
  height: 70px;
  object-fit: contain;
  display: block;
}

.fair-title {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  text-align: center;
}

/* Bottom info boxes */
.fair-info{ display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.fair-box{
  border-radius:20px; padding:40px; position:relative;
  box-shadow:0 8px 18px rgba(0,0,0,.06); background:#fff;
}
.fair-box.notice{ background:#FFFBD8; }
.fair-box.faq{ background:#DFF0FF; }

.fair-box h3{ margin:0 0 12px; font-size:20px; color:#0F2B6A; }
.fair-plus{
  position:absolute; top:40px; right:40px; width:28px; height:28px; 
  display:grid; place-items:center;
  font-weight:700;
}
.notice-list, .faq-list{ list-style:none; margin:0; padding:0; }
.notice-item{
  display:flex; align-items:center; gap:14px; padding:3px 0px; border-radius:12px;
}
.notice-title{ flex:1 1 auto; font-size:14px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.notice-date{ flex:0 0 auto; font-size:12px; color:#999; }

.faq-item{ padding:3px 0; border-radius:12px; font-size:14px; color:#000; }
.faq-item + .faq-item{ margin-top:4px; }

/* Simple inline SVGs tint */
svg{ display:block }
.icon-blue{ fill:#113A93 } .icon-yellow{ fill:#FFD84A }







.section_wrap_03 {
  background: url("/images/common/cooperation_bg.png") no-repeat center center;
  background-size: contain;   /* ¿µ¿ª Àüü ä¿ò */
  background-color:#0B0A44;
  text-align: center;
  padding: 100px 20px 90px 20px;
}

.cooperation_wrap img {
  margin: 0 10px;
  vertical-align: middle;
}

.cooperation_top, .cooperation_bottom {
  margin-bottom: 10px;
}






/*footer*/
.site-footer {
  background: #f5f5f5;   /* ¹àÀº ȸ»ö ¹è°æ */
  color: #7E7E7E;
  font-size: 14px;
  padding: 30px 20px;
  font-weight: 400;
  opacity:1;
}

.footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 50px;
}

.footer-left {
  flex: 0 0 auto;
  vertical-align: middle;
}
.footer-title {
  font-size: 16px;
  font-weight: 600;
  color: #888;
}

.footer-right {
  flex: 1 1 auto;
  text-align: left;
}

.footer-links {
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
  display: inline-flex;
  gap: 12px;
}
.footer-links li {
  border-right: 1px solid #ccc;
  padding-right: 12px;
}
.footer-links li:last-child {
  border-right: none;
  padding-right: 0;
}
.footer-links a {
  color: #333;
  text-decoration: none;
  font-weight: 600;
}

.footer-info {
  line-height: 1.6;
  color: #7E7E7E;
  margin-bottom: 8px;
}

.footer-copy {
  font-size: 13px;
  color: #888;
}


/* Çà Àüü ¼öÁ÷ Áß¾Ó */
.site-footer .footer-inner{
  display:flex;
  align-items:center;   /* ¼¼·Î Áß¾Ó */
  gap:50px;
}

/* ¿ÞÂÊ ¹Ú½º ¾È¿¡¼­µµ À̹ÌÁö Áß¾Ó */
.footer-left{
  display:flex;
  align-items:center;   /* ¼¼·Î Áß¾Ó */
  justify-content:center; /* °¡·Î Áß¾Ó */
  /* ÇÊ¿ä ½Ã °íÁ¤Æø */
  /* flex:0 0 220px; */
}

.footer-right{ flex:1; }

.footer-left img{
  display:block;
  max-width:100%;
  height:auto;
}


/*common class*/
.agcenter {text-align:center !important;}
.agleft {text-align:left !important;}
.agright {text-align:right !important;}
.fontweight400 {font-weight:400 !important;}
.bg_lightgray {background:#f7f7f7;}
.bg_dd {background-color: #ededed; color:#000;}
.bg_green {background-color: #c2c8bd; color: #000;}
.bg_apricot {background-color: #eadcd3;}
.bg_skyblue {background-color: #c4ccdb; color: #000;}

/* tabs_cont */
.full_space {width: 100% !important;}


/*  */
.layer_popup {display:none;}
.layer_popup .layer_dim {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .5;z-index:600;}
.layer_popup .layer_pop {position:absolute;left:50%;z-index:700;width:875px;margin-left:-437.5px;background:#fff;border: 1px solid #c0b7d3;background:#fff;}
.layer_popup .layer_pop .layer_wrap {position:relative;padding: 55px 28px 100px;box-sizing:border-box;}
.layer_popup .layer_pop .pop_head {display:block;}
.layer_popup .layer_pop .pop_head  h3 {line-height:1;padding:0 0 15px;font-size:24px;font-weight:normal;border-bottom:1px solid #e8e8e8;}
.layer_popup .layer_pop .pop_head .layer_close {position:absolute;width:25px;height:25px;right:30px;top:45px;;font-size:0;background: url(../images/popup_close.png)no-repeat;}
.layer_popup .layer_pop .pop_con {padding: 25px 0 30px;}
.layer_popup .layer_pop .pop_con .txt_area {display:block;padding:20px;max-height:300px;overflow-y:auto;border: 1px solid #ccc;}
.layer_popup .layer_pop .pop_con .txt_area h4,
.layer_popup .layer_pop .pop_con .txt_area strong {line-height:1.5;font-size:18px;}
.layer_popup .layer_pop .pop_con .txt_area h5 {line-height:1.5;font-size:16px;}
.layer_popup .layer_pop .pop_con .txt_area h6,
.layer_popup .layer_pop .pop_con .txt_area p,
.layer_popup .layer_pop .pop_con .txt_area li,
.layer_popup .layer_pop .pop_con .txt_area a {line-height:1.5;font-size:15px;font-weight:normal;}
.layer_popup .layer_pop .pop_con .txt_area table {width:100%;margin:5px 0;font-size:15px;border: 1px solid #c0b7d3;border-width:1px 0 0 1px;}
.layer_popup .layer_pop .pop_con .txt_area table th,
.layer_popup .layer_pop .pop_con .txt_area table td {padding:10px 5px;font-weight:normal;border: 1px solid #c0b7d3;border-width:0 1px 1px 0;text-align:center;}
.layer_popup .layer_pop .pop_con .txt_area table th {background: #eceded;}


/* footer */
/* #footer {background:#fff; margin:0; padding:30px 0 30px;border-top:1px solid #dadada;}
#main #footer{border-color: #fff;} */
#footer > img {width:100%;}
#footer .footer-wrap {position:relative;overflow:hidden;width:1260px;margin:auto;}
/*#footer .footer-wrap:before{content: ''; width: 100px; height: 100px; border-radius: 50%; background: #fff; position: absolute; left: 0; top: 0;}*/
#footer .footer-wrap .footer_logo {display:none;}
#footer .footer-wrap .privacyArea {float:left;padding:0 200px 0 5px;}
#footer .footer-wrap .privacyArea a {display:inline-block;line-height:1;font-weight:bold;margin:0 10px 0 0;padding:16px 0 5px;font-size:16px;color:#333;}
#footer .footer-wrap .privacyArea p {line-height:1.5;font-size:13px;color:#333;}
#footer .footer-wrap .privacyArea .company_info,
#footer .footer-wrap .privacyArea .copyright {color:#333;}
#footer .footer-wrap .InternetSafe {float:left;margin:15px 0 15px 0;padding:20px 0 20px 135px;background:url(../images/safe_img.png) no-repeat 20px 50%;border-left:1px solid #dadada;}
#footer .footer-wrap .InternetSafe > strong {display:block;line-height:1;padding:0 0 5px;font-size:16px;font-weight:bold;color:#333;}
#footer .footer-wrap .InternetSafe > p {line-height:1.5;font-size:13px;color:#333;}


.header{position:relative}
.container_wrap{position:relative}

/* °øÅë ¹öÆ° ½ºÅ¸ÀÏ */
.cta-btn{
  color:#FFFFFF !important;
  display:inline-flex;align-items:center;gap:12px;
  padding:14px 36px 17px 36px;border-radius:10px;
  background:#45B97C;
  font-weight:400; font-size:18px;
  text-decoration:none;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  transition:transform .15s,box-shadow .15s,background .15s
}
.cta-btn:hover,.cta-btn:focus{background:#69c796;transform:translateY(-1px)}

/* À§Ä¡: ¿ìÃø ¿µ¿ª À̹ÌÁö À§, ³¯Â¥ ÅؽºÆ® ¹Ù·Î À§ */
.hero-cta{
  position:absolute;
  right:0px;   /* ¿ìÃø ¿©¹é Á¶Á¤ */
  bottom:100px;  /* ³¯Â¥ ÅؽºÆ® À§·Î ¿Àµµ·Ï ³ôÀÌ Á¶Á¤ */
  z-index:5;
}

/* //CSS */