@font-face {
   font-family:'HGGGothicssi';
   font-style:normal;
    font-weight:normal;
    src:url(font/HGGGothicssi_00g.ttf);
    src:local(※), url(../font/HGGGothicssi_00g.ttf) format('truetype');
}
@font-face {
   font-family:'HGGGothicssi';
   font-style:normal;
    font-weight:200;
   src:local(※), url(../font/HGGGothicssi_20g.ttf) format('truetype');
}
@font-face {
   font-family:'HGGGothicssi';
   font-style:normal;
    font-weight:400;
   src:local(※), url(../font/HGGGothicssi_40g.ttf) format('truetype');
}
@font-face {
   font-family:'HGGGothicssi';
   font-style:normal;
    font-weight:600;
   src:local(※), url(../font/HGGGothicssi_60g.ttf) format('truetype');
}
@font-face {
   font-family:'HGGGothicssi';
   font-style:normal;
    font-weight:800;
   src:local(※), url(../font/HGGGothicssi_80g.ttf) format('truetype');
}
@font-face {
   font-family:'HGGGothicssi';
   font-style:normal;
    font-weight:990;
   src:local(※), url(../font/HGGGothicssi_99g.ttf) format('truetype');
}

* {margin:0;padding:0;}
body {font-family:"HGGGothicssi"; background:#da0b17;}

.bg_color0 {background:#fff;}
.bg_color1 {background:#da0b17;}
.bg_color2 {background:#fff200;}
.bg_color3 {background:#333333;}
.bg_color4 {background:#aa0e00;}

.dis_box {display:inline-block;}

.pz {padding:0;}
.main_bg1 {background:url("../images/bg1.png") no-repeat,#da0b17; background-position:center; height:1080px;}
.container {width:100%; max-width:1200px;}
.pb30 {padding-bottom:30px;}
.pt30 {padding-top:30px;}
.pt50 {padding-top:50px;}
.pl30 {padding-left:30px;}

.pt70 {padding-top:70px;}
.pb70 {padding-bottom:70px;}


.mt70 {margin-top:70px;}
.mt65 {margin-top:65px;}
.mt60 {margin-top:60px;}
.mt50 {margin-top:50px;}
.mt45 {margin-top:45px;}
.mt40 {margin-top:40px;}
.mt25 {margin-top:25px;}

.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb30 {margin-bottom:30px;}
.mb60 {margin-bottom:60px;}
.mb80 {margin-bottom:80px;}

.fc00 {color:#fff;}
.fc11 {color:#fff200;}

.f_we1 {font-weight:100;}
.f_we2 {font-weight:200;}
.f_we3 {font-weight:300;}
.f_we4 {font-weight:400;}
.f_we5 {font-weight:500;}
.f_we6 {font-weight:600;}
.f_we7 {font-weight:700;}
.f_we8 {font-weight:800;}
.f_we9 {font-weight:900;}

.pl5 {padding-left:5px;}
.pr5 {padding-right:5px;}

.mar_cen {margin:auto;}

.po_re {position:relative;}

.we100 {width:100%;}

.dis_flex { display:flex; justify-content:space-between;  }
.fl_fx { flex-grow:0; flex-shrink:0; }
.fl_grow { flex-grow:1; flex-basis:0; }

.btn-null {
   background-color: transparent;
   background-repeat: no-repeat;
   border: none;
   cursor: pointer;
   overflow: hidden;
   outline: none;
}

.ck_type1 input[type=checkbox] { display:none; }
.ck_type1 input[type=checkbox] + label {background:url('../images/ck_n.png') no-repeat; width:21px; height:20px; background-size:21px;}
.ck_type1 input[type=checkbox]:checked + label {background:url('../images/ck_h.png') no-repeat; width:21px; height:20px; background-size:21px;}

.l_bg {background:url("../images/sub17_bg1.png")no-repeat , url("../images/sub17_bg2.png") no-repeat, #da0b17; background-position:top center, bottom center;}
.l_bg_mo {background:url("../images/mo_bg1.png")no-repeat , url("../images/mo_bg2.png") no-repeat, #da0b17; background-position:top right 12vw, bottom right 6vw; background-size:130px;}

.cp {cursor:pointer;}

.p30_20 {padding:30px;}

.ra_type1 input[type=radio] { display:none; }
.ra_type1 input[type=radio] + label {width:100%; background:#fff200; letter-spacing:-0.025em; color:#da0b17; font-weight:900; border-radius:50px; text-align:center; font-size:28px; padding:10px 0; cursor:pointer;}
.ra_type1 input[type=radio]:checked + label {width:100%; background:#fff200; letter-spacing:-0.025em; color:#333; font-weight:900; border-radius:50px; text-align:center; font-size:28px; padding:10px 0; cursor:pointer;}

.ra_type2 input[type=radio] { display:none; }
.ra_type2 input[type=radio] + label {width:100%; background:#fff200; letter-spacing:-0.025em; color:#da0b17; font-weight:900; border-radius:50px; text-align:center; font-size:28px; padding:10px 0; cursor:pointer; }
.ra_type2 input[type=radio]:checked + label {width:100%; background:#fff200; letter-spacing:-0.025em; color:#333; font-weight:900; border-radius:50px; text-align:center; font-size:28px; padding:10px 0; cursor:pointer;}
.ra_type2 label.inputtext_change {width:100%; background:#fff200; letter-spacing:-0.025em; color:#da0b17; font-weight:900; border-radius:50px; text-align:center; font-size:28px; padding:10px 0; cursor:pointer; }


.lh120{ line-height:120%;}

.w_bt {width:100%; max-width:500px; height:80px; color:#da0b17; background:#fff; border:0; border-radius:10px; font-size:42px; font-weight:900; letter-spacing:-0.025em;}
.v_box {width:60vw; max-width:1200px; height:33.75vw; max-height:675px; margin:auto;}
.v_box1 {width:50vw; max-width:700px; height:28.2vw; max-height:395px; margin:auto;}
.y_bt {  background:#fff200; color:#da0b17; font-size:42px; letter-spacing:-0.025em; border:0; border-radius:50px; padding:10px 70px;}
.y_bt1 {  background:#fff200; color:#da0b17; font-size:40px; letter-spacing:-0.025em; border:0; border-radius:50px; padding:10px 10px;}

.w_bt:hover {background:#152b76; color:#fff200;}
.y_bt:hover {  background:#152b76; color:#fff200;}
.y_bt1:hover {  background:#152b76; color:#fff200;}

.prb70_30 {padding:70px 0 60px 0;}
.pb60_30 {padding-bottom:60px;}
.pb60_15 {padding-bottom:60px;}

.pl15 {padding-left:15px;}
.pr15 {padding-right:15px;}

.video-list1 {position: relative;
 width: 100%;
 height: 0;
 overflow: hidden;
 padding-bottom: 100%;}

 .video-list1 iframe{
      position:absolute;
   top: 0;
   left: 0;
   width:100%;
   height: 100%;
 }


 .video-list2 {position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.5%;}

  .video-list2 iframe{
       position:absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 100%;
  }

 .fs_26_16 {font-size:26px;}

 .y_bt2 {  background:#fff200; color:#da0b17; font-size:24px; letter-spacing:-0.025em; border:0; border-radius:50px; padding:10px 10px;}

 .pop_text1 {font-size:60px; line-height:120%;}
 .pop_icon {padding-top:15px;}


@media (max-width: 768px) {
     .pop_text1 {font-size:24px; line-height:120%;}
     .pop_icon {padding-top:0;width:20px;}
     .fs_26_16 {font-size:16px;}
     .pb60_15 {padding-bottom:15px;}
     .pb60_30 {padding-bottom:30px;}
     .prb70_30 {padding:30px 0 30px 0;}
     .y_bt { background:#fff200; color:#da0b17; font-size:28px; letter-spacing:-0.025em; border:0; border-radius:50px; padding:10px 30px;}
     .y_bt1 {  background:#fff200; color:#da0b17; font-size:28px; letter-spacing:-0.025em; border:0; border-radius:50px; padding:10px 10px;}
     .v_box {width:85vw; max-width:1200px; height:47.7vw; max-height:700px; margin:auto;}
     .v_box1 {width:85vw; max-width:1200px; height:47.7vw; max-height:700px; margin:auto;}
     .xsp10 {padding-left:5px; padding-right:5px;}
.w_bt {width:100%; max-width:500px; height:60px; color:#da0b17; background:#fff; border:0; border-radius:10px; font-size:30px; font-weight:900; letter-spacing:-0.025em;}
.ra_type1 input[type=radio] { display:none; }
.ra_type1 input[type=radio] + label {width:100%; background:#fff200; letter-spacing:-0.025em; color:#da0b17; font-weight:900; border-radius:50px; text-align:center; font-size:22px; padding:10px 0; cursor:pointer;}
.ra_type1 input[type=radio]:checked + label {width:100%; background:#fff200; letter-spacing:-0.025em; color:#333; font-weight:900; border-radius:50px; text-align:center; font-size:22px; padding:10px 0; cursor:pointer;}

.ra_type2 input[type=radio] { display:none; }
.ra_type2 input[type=radio] + label {width:100%; background:#fff200; letter-spacing:-0.025em; color:#da0b17; font-weight:900; border-radius:50px; text-align:center; font-size:16px; padding:10px 0; cursor:pointer;}
.ra_type2 input[type=radio]:checked + label {width:100%; background:#fff200; letter-spacing:-0.025em; color:#333; font-weight:900; border-radius:50px; text-align:center; font-size:16px; padding:10px 0; cursor:pointer;}
.ra_type2 label.inputtext_change {width:100%; background:#fff200; letter-spacing:-0.025em; color:#da0b17; font-weight:900; border-radius:50px; text-align:center; font-size:16px; padding:10px 0; cursor:pointer;}

.p30_20 {padding:20px;}
.we_20_xs{width:20px;}
}

.bor_type1 {border-bottom:1px dashed red; padding-right:60px;}
.bor_type2 {border-bottom:1px dashed red; border-left:1px dashed red; padding-left:60px;}

.p60_20 {padding:60px;}
.pt60_30 {padding-top:60px;}
.pb60_30 {padding-bottom:60px;}
.mb60_30 {margin-bottom:60px;}
@media (max-width: 1200px) {
     .p60_20 {padding:20px;}
     .bor_type1 {border-bottom:1px dashed red; padding-right:0px;}
     .bor_type2 {border-bottom:1px dashed red; border-left:0px dashed red; padding-left:0px;}
     .pt60_30 {padding-top:30px;}
     .pb60_30 {padding-bottom:30px;}
     .mb60_30 {margin-bottom:30px;}
}


@media (max-width: 768px) {
     .we_2020 {width:20%;}
}


.gitav_bt1 {
     width:275px; height:70px; background:#fff200; color:#da0b17; font-size:40px; letter-spacing:-0.025em; border:0; border-radius:50px;
}

.gitav_bt1:hover {
     width:275px; height:70px; background:#152b76; color:#fff200; font-size:40px; letter-spacing:-0.025em; border:0; border-radius:50px;
}

.gitav_bt2 {
position:absolute; left:20%; bottom:7%; width:60%; height:8%; background:#fff200; color:#da0b17; font-size:8vw; letter-spacing:-0.025em; border:0; border-radius:50px;
}

.gitav_bt2:hover {
position:absolute; left:20%; bottom:7%; width:60%; height:8%; background:#152b76; color:#fff200; font-size:8vw; letter-spacing:-0.025em; border:0; border-radius:50px;
}

.gitav_bt3{
     width:300px; height:80px; background:#fff200; color:#da0b17; font-size:42px; letter-spacing:0.05em; border:0; border-radius:50px;
}
.gitav_bt3:hover{
     width:300px; height:80px; background:#152b76; color:#fff200; font-size:42px; letter-spacing:0.05em; border:0; border-radius:50px;
}

.gitav_bt4 {
     position:absolute; left:20%; bottom:8%; width:60%; height:8%; background:#fff200; color:#da0b17; font-size:8vw; letter-spacing:0.05em; border:0; border-radius:50px;
}

.gitav_bt4:hover {
     position:absolute; left:20%; bottom:8%; width:60%; height:8%; background:#152b76; color:#fff200; font-size:8vw; letter-spacing:0.05em; border:0; border-radius:50px;
}


/** 스크립트 연동 **/

#q0, #q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9, #q10, #complete {display: none;}
#d1, #d2, #d3, #d4, #d5, #d6 {display: none;}
#answer40, #answer60, #answer80 {display: none;}
.share-sns-pc-div , .share-sns-mobile-div {display: none;}