@import url("/css/web/components.css?v=20211108");
@import url("/css/web/components/buttons.css?v=20210817");
@import url("/css/web/components/inputs.css?v=20210817");
@import url("/css/fonts.css?v=20210914");


/* reset agent stylesheet */
*,::before,::after{box-sizing:border-box}::before,::after{text-decoration:inherit;vertical-align:inherit}
html{
  cursor:default;
  line-height:1.5;
  -moz-tab-size:4;tab-size:4;
  -webkit-tap-highlight-color:transparent ;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  word-break:break-word
}
body{margin:0}
h1{font-size:2em;margin:0.67em 0}
dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}hr{height:0;overflow:visible}main{display:block}nav ol,nav ul{list-style:none;padding:0}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,select{margin:0}button{overflow:visible;text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}fieldset{border:1px solid #a0a0a0;padding:0.35em 0.75em 0.625em}input{overflow:visible}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto;resize:vertical}[type="checkbox"],[type="radio"]{padding:0}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details{display:block}dialog{background-color:white;border:solid;color:black;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}a,area,button,input,label,select,summary,textarea,[tabindex]{-ms-touch-action:manipulation;touch-action:manipulation}[hidden]{display:none}[aria-busy="true"]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled="true"],[disabled]{cursor:not-allowed}[aria-hidden="false"][hidden]{display:initial}[aria-hidden="false"][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}

body {
  margin: 0;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  color: #231815;
}
body.main{
  background:url('/img/middle_back.png') no-repeat 0 0;
  background-size:100%;
}

section.login-area{width:990px; margin:0 auto;}
section.login-area div.slogan{margin:252px auto 60px; }
section.login-area div.slogan.login_logo{margin:80px auto 60px;}
section.login-area div.form-group{width:100%; height:100px; margin-bottom:50px;}
section.login-area div.form-group input{width:100%; height:100px; border-radius:10px;  border:solid 1px #ccc;  background-color:#fff; font-family: Pretendard;
  font-size: 30px; color: #000; padding-left:37px;}
section.login-area div.form-group input::placeholder {
  color:#cecece;
}
section.login-area div.form-group div.register-btn{
  width:100%; height:100px; margin-bottom:0;
}
section.login-area div.form-group.register-btn{margin-bottom:0;}
section.login-area div.register-btn button{
  width:100%; height:100px;  border-radius: 20px;  background-color: #0e4077; color: #fff; font-family: Pretendard;
  font-size: 40px;
  border:none;
}
section.login-area div.logo{
  text-align:center;
  margin-top:111px;
}
section.login-area div.logo img{}

div.main_wrap{}
div.main_wrap div.header{ height:152px;  background-color:#f6f8fc; }
div.main_wrap div.header div.main_width{height:100%; display:grid; align-items: center; grid-template-columns: 1fr 1fr; margin:0 auto;}
div.main_wrap div.header div.main_width div.left_menu{}
div.main_wrap div.header div.main_width div.left_menu h1{width:350px; height:60px; display:inline-block; }
div.main_wrap div.header div.main_width div.left_menu h1 a{width:100%; height:100%; display:block; background:url('/img/h1_logo.png') no-repeat; background-size:100% auto; }
div.main_wrap div.header div.main_width div.right_menu{display: flex; justify-content: flex-end; align-items:center;}
div.main_wrap div.header div.main_width div.right_menu div.time{
  width:336px;
  height:50px;
  display:inline-block;
  padding-top:3px;
  border-radius:10px;
  margin-right:12px;
  background-color:#e5ecf6;
  text-align: center;
  font-family: Pretendard;
  font-size: 30px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;


  color:#575757;
}
div.main_wrap div.header div.main_width div.right_menu a{
  width:100px;
  height:100px;
  line-height:100px;
  border-radius:50px;
  display: inline-block;
  margin-left:20px;
  border: solid 1px #d8d8d8;
  background-image: linear-gradient(to bottom, #b7cde8 -97%, #f6f8fc 50%); text-align: center; vertical-align: middle;}
div.main_wrap div.header div.main_width div.right_menu a img{width:50px; height:50px; vertical-align: middle;}

div.main_wrap div.content{height:498px; display:grid; grid-template-columns: 1fr 1fr 1fr; column-gap:90px; margin:0 auto;}
div.main_wrap div.content button{
  height:100%;
  border-radius:50px;
  border:none;
  box-shadow:5px 10px 5px 0 rgba(0, 4, 36, 0.1);

  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  flex-direction: row;
  justify-content: center;
  padding-top:57px;
  font-family: Pretendard;
  font-size:45px;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.31;
  letter-spacing:normal;
  color:#fff;

}
div.main_wrap div.content button img{width:300px; height: 300px;}
div.main_wrap div.content button.red{background-image:linear-gradient(to bottom,#ffbfbf -38%, #ff4c4b 45%);}
div.main_wrap div.content button.blue{background-image:linear-gradient(to bottom,#67adf8 -5%, #004998 83%);}
div.main_wrap div.content button.green{background-image:linear-gradient(to bottom,#a0e96e -13%, #47b200 56%);}

div.slogan{text-align: center;
  font-family: Pretendard;
  font-size: 45px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: -1.13px;
  color:#0a2648;
  margin:100px 0 72px;
}

div.slogan span.bold{
  font-size: 50px;
  font-weight: bold;
  letter-spacing: -1.25px;
}


.main_width{
  width:1658px;
}

a, a:visited {
  color: #231815;
  text-decoration: none;
}

a:hover, a:active {
  color: #333;
}

/* container mixin classes */
.full-width {
  width: 100%;
  display: block;
}

/* utility classes for empty div */
.vertical-divider {
  height: 100%;
  border-left: 1px solid #D3DCE6;
}

.loader.loader--sm {
  width: 25px;
  height: 25px;
  margin: 10px auto;
  background: center/contain no-repeat url("/assets/images/loader.svg");
}
.ql-font-notosanskr{
  font-family: "Noto Sans KR" !important;
}
.ql-font-mohaveregular{
  font-family: "Mohave Regular" !important;
}
.ql-font-roboto {
  font-family: "Roboto" !important;
}

.ql-font-gulim {
  font-family: "굴림" !important;
}

.ql-font-arial {
  font-family: "Arial" !important;
}

header {
  border-bottom: 1px solid #EFEFEF;
}

.header__content {
  margin: auto;
  padding: 18px 0;

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

ul.gnb {
  margin: 0;
  padding: 0;
  list-style: none; 
}

.gnb li.menu-item {
  margin-left: 30px;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-size: 16px;
  line-height: 1.31;
  letter-spacing: -0.8px;
  color: #000;
}

footer {
  border-top: 1px solid #efefef;
}

.footer__content {
  padding: 40px 0;
  position: relative;
}

.footer__content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer__content li {
  margin-right: 10px;
  margin-bottom: 18px;

  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: -0.7px;
  color: #333333;
  
  display: inline-block;
}

.footer__content .info {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.67;
  letter-spacing: -0.6px;
  color: #999999;
}

.footer__content .copyright {
  margin-top: 21px;

  font-size: 12px;
  font-weight: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #999999;
}

.footer__logo {
  width: 166px;
  height: 18px;
  position: absolute;
  top: 40px;
  right: 0;
}
.ic-help{
  cursor: pointer;
}

.blocker{z-index:60 !important;}
.modal.modal_helper,
.modal.modal_helper *{box-sizing: border-box;}
.modal.modal_helper .bx-wrapper{border:none; box-shadow: none;}
.modal.modal_helper .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:60px;}
.modal.modal_helper .bx-wrapper .bx-pager.bx-default-pager a{width: 8px;  height: 8px;  margin: 2px 10px 2px 0;  background-color: #0f4c81;}
.modal.modal_helper .bx-wrapper .bx-pager.bx-default-pager a.active{width: 12px;  height: 12px; border-radius:6px; background-color: #FFF; object-fit: contain;  border: solid 2px #0f4c81;}
.modal.modal_helper .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{vertical-align: middle;}
.modal.modal_helper{width:580px; max-width:580px; height:831px; padding: 30px 40px; border-radius: 40px;  background-color: #fff; display: none; position: relative;}
.modal.modal_helper h4{ height: 49px; margin: 0 47px 6px 0;  font-size: 34px; font-weight: bold; font-stretch: normal; font-style: normal;  line-height: 0.82;  letter-spacing: -1.7px;  text-align: left;  color: #0f4c81;}
.modal.modal_helper div.desc{
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: -0.9px;
  text-align: left;
  color: #000;

}
.modal.modal_helper button.close_btn{width:500px; height: 50px; border-radius: 50px;  background-color: #0f4c81; box-shadow: none;  border: none; cursor: pointer;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  text-align: center;
  color: #fff;
  position:absolute;
  bottom:40px;
}
.modal.modal_helper ul{margin:0; padding: 0;}
.modal.modal_helper ul li{list-style: none; }
.modal.modal_helper ul li div.img{}
.modal.modal_helper ul li div.sub_desc{font-size: 22px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.36;  letter-spacing: -1.1px;  text-align: left;  color: #000; margin-top:30px;}
blockquote {
  border: 0;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .1em;
  margin: 2.5em auto;
  max-width: 540px;
  padding: 0 2rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
blockquote::before {
  color: #fff200;
  content: '“';
  font-family: 'georgia';
  font-size: 4em;
  left: 30%;
  pointer-events: none;
  position: absolute;
  top: -.75em;
}

 blockquote::after {
   bottom: -1.2em;
   color: #fff200;
   content: '”';
   font-family: 'georgia';
   font-size: 4em;
   pointer-events: none;
   position: absolute;
   right: 30%;
 }