html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend input, textarea, button, select{
 vertical-align:baseline;
 font-family:inherit;
 font-weight:inherit;
 font-style:inherit;
 font-size:100%;
 outline:0;
 padding:0;
 margin:0;
 border:0;

}

:root {
  color-scheme: light only;
}

@media (prefers-color-scheme: dark) {
  html,
  body {
    background: #fff !important;
    background-color: #fff !important;
  }
}

* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
ul, li {list-style:none; }
html { width:100%; }
body { width:100%; height:100%; line-height:100%; color:#1f232d; font-size:1em; letter-spacing:-1px; font-family:'Noto Sans KR', sans-serif; overflow-y:visible!important; box-sizing:border-box; }
img { vertical-align:middle; border:none; }
a { text-decoration:none; cursor:pointer; }
p { }
div, input, button { vertical-align:middle; border:none; font-family:'Noto Sans KR' ; }
textarea { border:none; }
.red {color:#ee0000; font-weight:600; }
.black {color:#000;}
.white {color:#fff;}

.blinking{  
	-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.circle { position:relative; 
animation: bounce 1.2s infinite ease;
}
@keyframes bounce {
0% {
  top: -20px;
}
50% {
  top: 0;
}
100% {
  top: -20px;
}
}


/* PC 
------------------------------------------------------------------------------------------------------------*/

.wrap { width:100%; min-width:1200px; overflow:hidden; }
.wrap .contents { position:relative; top:0; left:50%; margin-left:-960px; width:1920px; text-align:center; }

.wrap #header { position:fixed; width:100%; box-sizing:border-box; background:none; transition:.5s; z-index:9999; } 
.wrap #header nav { width:1200px; margin:0 auto; } 
.wrap #header nav .logo { float:left; padding:30px 0; } 
.wrap #header nav .logo a { color:#fff; font-weight:600; font-size:26px; } 
.wrap #header nav ul { float:right; margin:0;padding:30px 0; } 
.wrap #header nav ul li { float:left; display:block; list-style:none; } 
.wrap #header nav ul li a { padding:0 15px; text-decoration:none; color:#fff; font-size:15px; letter-spacing:0; }
.wrap #header nav ul li a, .wrap #header nav .logo img { transition:.5s; } 

/* ½ºÅ©·Ñ ³»·ÈÀ»¶§ CSS .active */ 
.wrap #header.active { background:#fff; border-bottom:1px solid #d7d7d7; } 
.wrap #header.active nav .logo { padding:20px 0; transition:.5s; } 
.wrap #header.active nav .logo a { color:#1f232d; font-weight:600; font-size:22px; } 

.wrap #header.active nav ul { padding:20px 0; transition:.5s; } 
.wrap #header.active nav ul li a { color:#1f232d; } 
.wrap #header.active nav .logo img { height:18px; }

.wrap .contents .inner { margin:0 auto; width:1200px; padding:110px 0; }

.wrap p { text-align:center; padding:20px 0; font-weight:400;  }

.wrap h2 { font-size:58px; line-height:130%; letter-spacing:-2px; font-family: 'GMarketSans'; font-weight:700; }
.wrap .h2f { font-size:24px; line-height:140%; letter-spacing:-1px;  font-family: 'GMarketSans'; font-weight:300; }
.wrap .h2f span { font-family: 'GMarketSans'; font-weight:500; }

.wrap h3 { font-size:46px; line-height:130%; letter-spacing:-2px; font-family: 'GMarketSans'; font-weight:700; }

.wrap span.num { font-size:28px;  font-family: 'GMarketSans'; font-weight:700; line-height:210%; height:54px; width:54px; display:inline-block; border-radius:54px; background-color:#ff5b29; color:#fff; margin:20px 0; clear:both; }


.wrap .form1 { padding:80px 0; clear:both; }
.wrap .form1 .inner { margin:0 auto; width:760px; }

.wrap .form1 .formArea { background-color:#fff; padding:40px 80px; width:100%; margin-top:20px; overflow: hidden; }
.wrap .form1 .formGroup { text-align:center; }

.wrap .form1 .form_table { width:100%; border-collapse:collapse; font-size:1em; } 
.wrap .form1 .form_table tbody th { padding:10px; vertical-align:middle; text-align:left; line-height:100%; font-size:20px; font-weight:600;  letter-spacing:-2px;  font-family: 'GMarketSans'; font-weight:500; }
.wrap .form1 .form_table tbody td { padding:10px; vertical-align:middle; text-align:left; line-height:100%; font-size:20px;  font-family: 'GMarketSans'; font-weight:300; }

.wrap .form1 .input_style:focus, .wrap .sel_style:focus, .wrap .textarea_style:focus { border-color:#303f99; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; }

.wrap .form1 label { float:left; padding:10px 0; width:40%; }
.wrap .form1 .input_style { width:100%; padding-left:10px; height:42px; border:1px solid #ccc; font-size:18px; font-family: 'GMarketSans'; font-weight:300; }
.wrap .form1 .sel_style { width:100%; padding-left:10px; height:42px; border:1px solid #ccc; font-size:18px; vertical-align:middle; font-family: 'GMarketSans'; font-weight:300; }
.wrap .form1 .textarea_style { width:100%; padding:10px; height:90px; border:1px solid #ccc; font-size:18px; resize:none; font-family: 'GMarketSans'; font-weight:300; }

.wrap .form1 .btn01 { width:28%; text-align:center; font-weight:600; font-size:24px;letter-spacing:-2px; margin-top:15px; cursor:pointer; background-color:#3b81e9; color:#fff; border-radius:50px; padding:10px 0; }

.wrap .btn_box { float:left; width:100%;  }
.wrap .btn_box .btn_submit { font-size:22px; font-weight:600; background-color:#fc7406; color:#fff; border-radius:50px; padding:26px 50px; margin-top:20px;  display:inline-block; cursor:pointer;  }

input[type=radio].custom {
  appearance: none; 
  width: 20px;
  height: 20px;
  border: 1px solid gray;
  border-radius: 50%;
  background-color: #fff; 
  outline: none;
}

input[type=radio].custom:checked {
  background-color: #3b81e9; 
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px #3b81e9;
}

input[type=radio] {
  accent-color: #3b81e9;
  width: 20px;
  height: 20px;
  vertical-align: -3px;
}

 
.wrap .slick-dots { position: absolute; bottom: -10%; left: 50%; margin: 0; padding: 0; transform: translateX(-50%);} /*¸¶ÁøÆеù ÃʱâÈ­ */
.wrap .slick-dots li { float: left; margin: 0 12px;} /* °¡·Î¹èÄ¡, Á¡µé »çÀÌÀÇ °£°Ý */
.wrap .slick-dots li button { background: #666; width: 20px; height: 20px;  border-radius: 50%; border: none;  text-indent: -9999px;} /* ¿ø ¸ð¾ç */
.wrap .slick-dots li.slick-active button { background: #3e87f4; } /*ÇöÀç½½¶óÀ̵å À§Ä¡ Ç¥½Ã*/

.m_wrap .slick-dots { position: absolute; bottom: -30px; left: 50%; margin: 0; padding: 0; transform: translateX(-50%);} /*¸¶ÁøÆеù ÃʱâÈ­ */
.m_wrap .slick-dots li { float: left; margin: 0 8px;} /* °¡·Î¹èÄ¡, Á¡µé »çÀÌÀÇ °£°Ý */
.m_wrap .slick-dots li button { background: #666; width: 12px; height: 12px;  border-radius: 50%; border: none;  text-indent: -9999px;} /* ¿ø ¸ð¾ç */
.m_wrap .slick-dots li.slick-active button { background: #3e87f4; } /*ÇöÀç½½¶óÀ̵å À§Ä¡ Ç¥½Ã*/




/* form */
 
.wrap .floating_btn { position:fixed; bottom:40px; right:20px; z-index:9999; text-align:center; line-height:110%;  }
.wrap .floating_btn a { width:70px; height:70px; font-size:13px; color:#fff; padding:20px 0;display:block; background-color:#000; border-radius:50px; margin-top:10px; box-shadow: rgb(0 0 0 / 20%) 0px 8px 8px -6px; font-family: 'GMarketSans'; font-weight:500; }
.wrap .floating_btn a i { font-size:34px; color:#fff; }

.m_wrap .floating_btn { position:fixed; bottom:10px; right:10px; z-index:9999; text-align:center; line-height:110%;  }
.m_wrap .floating_btn a { width:60px; height:60px; font-size:12px; color:#fff; padding:14px 0;display:block; background-color:#000; border-radius:50px; margin-top:5px; box-shadow: rgb(0 0 0 / 20%) 0px 8px 8px -6px; font-family: 'GMarketSans'; font-weight:500; }
.m_wrap .floating_btn a i { font-size:28px; color:#fff; }





/* MOBILE */
.m_wrap #header { position:fixed; width:100%; box-sizing:border-box; background:none; transition:.5s; z-index:9999; } 
.m_wrap #header nav { width:100%; margin:0 auto; padding:0 15px; } 
.m_wrap #header nav .logo { float:left;padding:25px 0; } 
.m_wrap #header nav .logo a { color:#fff; font-weight:600;font-size:20px; } 
.m_wrap #header nav ul { float:right; margin:0;padding:25px 0; } 
.m_wrap #header nav ul li { float:left; display:block; list-style:none; } 
.m_wrap #header nav ul li a { padding:0 15px;text-decoration:none; color:#fff; font-size:14px; letter-spacing:0; }
.m_wrap #header nav ul li a, .m_wrap #header nav .logo img { transition:.5s; } 

/* ½ºÅ©·Ñ ³»·ÈÀ»¶§ CSS .active */ 
.m_wrap #header.active { background:#fff; border-bottom:1px solid #d7d7d7; } 
.m_wrap #header.active nav .logo { padding:15px 0; transition:.5s; } 
.m_wrap #header.active nav .logo a { color:#1f232d; font-weight:600;font-size:20px; } 

.m_wrap #header.active nav ul { padding:15px 0; transition:.5s; } 
.m_wrap #header.active nav ul li a { color:#1f232d; } 
.m_wrap #header.active nav .logo img { height:18px; }


.m_wrap { width:100%; overflow:hidden; max-width:640px; min-width:320px; text-align:center; margin:0 auto; }
.m_wrap .contents img { width:100%; }

.m_wrap .contents .inner { margin:0 auto; width:96%; padding:20% 0; }

.m_wrap h2 { font-size:28px; line-height:130%; font-weight:600; letter-spacing:-2px; font-family: 'GMarketSans'; font-weight:700;}
.m_wrap p.h2f  { font-size:15px; line-height:140%; padding:10px 0; word-break:keep-all; font-family: 'GMarketSans'; font-weight:300; display:block; }
 
.m_wrap h3 { font-size:24px; line-height:130%; letter-spacing:-2px; font-family: 'GMarketSans'; font-weight:700; }

.m_wrap span.num { font-size:14px;  font-family: 'GMarketSans'; font-weight:700; line-height:200%; height:28px; width:28px; display:inline-block; border-radius:34px; background-color:#ff5b29; color:#fff; margin:20px 0; clear:both; }

 
.m_wrap .slide{position:relative;float:left;width:100%; overflow:hidden;visibility:none;opacity:0; padding-top:20px; }
.m_wrap .slide li img {max-width:100%}
.m_wrap .slide .slick-dots{display:none!important}
.m_wrap .slide.slick-initialized{visibility:visible;opacity:1}
.m_wrap .slide .slick-slide {outline:none}
.m_wrap .slide-arrow{position:absolute;top:50%;transform:translateY(-50%);padding:0 4px;font-size:24px;color:#000;background:rgba(255,255,255,0.8);border:none;outline:0;z-index:1;cursor:pointer; display:none!important; }

.m_wrap .guide { width:100%; float:left; padding-top:30px; }
.m_wrap .guide li:first-child { display:flex; width:25%;float:left; text-align:left; }
.m_wrap .guide li:first-child img { width:100%; background-color:#fff; border-radius:50%; padding:4px; border:2px solid #1f232d; opacity:0.8; transition:0.2s; }
.m_wrap .guide li:last-child { width:75%; float:left; text-align:left; padding-left:5px; }
.m_wrap .guide:hover li img { border:2px solid #fc7406; opacity:1; transition:0.2s; }

 

/*form */

.formGroup:before, .formGroup:after { content:" "; display:table; }
.formGroup:after { clear:both; }

.m_wrap .form1 { padding:40px 0 40px 0; }
.m_wrap .form1 .inner { padding:10px 10px 10px 10px; }

.m_wrap .form1 .inner h3 { line-height:140%; font-size:1.54rem; font-weight:600; letter-spacing:-2px; color:#fff; padding-bottom:10px; }
.m_wrap .form1 .inner h3 span { color:#e191a5; }

.m_wrap .form1 .formArea {  margin:0 auto; overflow:hidden; background-color:#fff; border-radius:10px; padding:30px 10px; }
.m_wrap .form1 .formGroup { margin-bottom:12px; text-align:center; }

.m_wrap .form1 .form_table { width:100%; padding:0; border-collapse:collapse; }
.m_wrap .form1 .form_table tbody th { padding:8px 5px; vertical-align:middle; text-align:right; line-height:24px; font-size:14px; font-weight:500; letter-spacing:-2px; font-family: 'GMarketSans'; font-weight:500;}
.m_wrap .form1 .form_table tbody td { padding:8px 5px; vertical-align:middle; text-align:left; line-height:24px; font-size:14px; font-family: 'GMarketSans'; font-weight:300;}
 

.m_wrap .form1 .input_style:focus, .m_wrap .sel_style:focus, .m_wrap .textarea_style:focus { border-color:#303f99; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff;}

.m_wrap .input_style { padding-left:5px; height:36px; border:1px solid #ccc; font-size:13px; font-family: 'GMarketSans'; font-weight:500; }
.m_wrap .sel_style { width:100%; height:36px; border:1px solid #ccc; font-size:13px; vertical-align:middle; background-color:#fff; font-family: 'GMarketSans'; font-weight:500;}
.m_wrap .textarea_style { width:100%; padding:6px; height:60px; border:1px solid #ccc; font-size:13px; resize:none; font-family: 'GMarketSans'; font-weight:500;}

.m_wrap .form1 .btn01 { width:35%; text-align:center; font-weight:600; font-size:20px;letter-spacing:-2px; margin-top:10px; cursor:pointer; background-color:#3b81e9; color:#fff; border-radius:50px; padding:10px 0; }

.m_wrap .form1 .submit_box { width:100%; text-align:center; }
.m_wrap .form1 .submit_box button { width:42%; text-align:center; font-weight:600; font-size:20px;letter-spacing:-2px; margin-top:10px; cursor:pointer; background-color:#3b81e9; color:#fff; border-radius:50px; padding:10px 0; }

.m_wrap .btn_auth {text-align:center; min-width:60px; color:#fff; background-color:#000; font-weight:600; font-size:13px; letter-spacing:-2px; cursor:pointer; padding:8px 0; border-radius:10px; }

.txt_box {
  display: none;
}

.txt_box1 {
  display: block;
}

.btn_auth {text-align:center; min-width:90px; color:#fff; background-color:#000; font-weight:600; font-size:16px; letter-spacing:-2px; cursor:pointer; padding:8px 0; border-radius:10px; }
.btn_auth:disabled {background-color:#d7dbe2;} 
.auth { position: relative; width:100%; }
.authnum { width: 200px; padding-right: 60px; float:left; width:100%;}
.countdown {position: absolute; top: 10px; right: 35%; width: 50px; font-size: 16px; color:#bbbab9}
.text_auth_result { font-size: 12px; height: 25px; padding: 5px; text-align: left; }
.text_auth_result .suc { color: #1672f7; }
.text_auth_result .err { color: red; }

.popup_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  font-family: 'GMarketSans';
}

.popup_form .close_btn {
  position: absolute;
  top: 10px;
  right: 15px;
  background: none;
  border: none;
  font-size: 38px;
  cursor: pointer;
  color: #333;
  transition: color 0.2s;
}

.popup_wrap .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
}

.popup_wrap .popup_form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  max-width: 900px;
  width: 100%;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
  z-index: 2; /* overlayº¸´Ù À§ */
}

.popup_wrap h2 {
  font-size: 58px;
  line-height: 1.3;
  letter-spacing: -2px;
  font-weight: 700;
  text-align: center;
}

.popup_form .inner {
  width: 100%;
  margin: 0 auto;
  padding: 60px 0;
  background: #fff;
  border-radius: 10px;
}

.popup_form .formArea {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 80px;
  text-align: center;
}

/* Å×À̺í */
.popup_form .form_table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1em;
}

.popup_form .form_table tbody th {
  padding: 10px;
  vertical-align: middle;
  text-align: left;
  line-height: 1;
  font-size: 20px;
  letter-spacing: -2px;
  font-weight: 600; 
}

.popup_form .form_table tbody td {
  padding: 10px;
  vertical-align: middle;
  text-align: left;
  line-height: 1;
  font-size: 20px;
  font-weight: 300;
}

.popup_form label {
  float: left;
  padding: 10px 0;
  width: 40%;
}

.popup_form .input_style,
.popup_form .sel_style,
.popup_form .textarea_style {
  width: 100%;
  border: 1px solid #ccc;
  font-size: 18px;
  font-weight: 300;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.popup_form .input_style,
.popup_form .sel_style {
  height: 42px;
  padding-left: 10px;
  vertical-align: middle;
}

.popup_form .textarea_style {
  height: 90px;
  padding: 10px;
  resize: none;
}

.popup_form .input_style:focus,
.popup_form .sel_style:focus,
.popup_form .textarea_style:focus {
  border-color: #303f99;
  box-shadow: 0 0 0 3px rgba(48, 63, 153, 0.1);
}

.popup_form .submit_box {
  padding-top: 10px;
}

.popup_form .submit_box .btn01 {
  display: inline-block;
  width: 40%;
  margin-top: 10px;
  padding: 14px 60px;
  border-radius: 50px;
  text-align: center;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: -2px;
  cursor: pointer;
  color: #fff;
  background-color: #3b81e9;
  border: 0;
}

.popup_form .btn01 {
  display: inline-block;
  width: 28%;
  margin-top: 15px;
  padding: 10px 0;
  border-radius: 50px;
  text-align: center;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: -2px;
  cursor: pointer;
  background-color: #3b81e9;
  color: #fff;
  border: 0;
}

@media (max-width: 640px) {
  .popup_wrap .popup_form {
    padding: 10px 5px;
    max-width: 640px;
  }

  .popup_wrap h2 {
    font-size: 28px;
    letter-spacing: -1px;
  }

  .popup_form .formArea {
    padding: 0 4px;
  }

  .popup_form label {
    width: 100%;
    float: none;
    padding: 8px 0 6px;
  }

  .popup_form .form_table tbody th,
  .popup_form .form_table tbody td {
    font-size: 14px;
  }

  .popup_form .input_style,
  .popup_form .sel_style {
    height:36px;
    font-size: 14px;
  }
  .popup_form .textarea_style {
    height:50px;
    font-size: 14px;
  }

  .popup_form .btn_auth {
    width: 28%;
	min-width: 30px;
    font-size: 14px;
    padding: 5px 0;
    border-radius: 8px;
  }

  .popup_form .submit_box .btn01 {
    width: 40%;
    font-size: 20px;
    padding: 10px 0;
    border-radius: 40px;
  }

  .popup_form .btn01 {
    width: 30%;
    font-size: 20px;
    padding: 10px 0;
    border-radius: 40px;
  }

}