@charset "UTF-8";


:root {
   

  --body-font-family: "NotoSans", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --body-font-size: 1rem; /*16px*/
  --body-font-weight: 400;
  --body-line-height: 1.875rem;
  --body-letterspacing: 0;
  --body-bg: #fff;
  --body-color:#222222;

  --body-text-align:center;

  --font-size-9: 0.563rem; /*9px*/
  --font-size-10: 0.625rem; /*10px*/
  --font-size-11: 0.688rem; /*11px*/
  --font-size-12: 0.75rem; /*12px*/
  --font-size-14: 0.875rem; /*14px*/
  --font-size-15: 0.938rem; /*15px*/
  --font-size-16: 1rem; /*16px*/
  --font-size-17: 1.063rem; /*17px*/
  --font-size-18: 1.125rem; /*18px*/
  --font-size-20: 1.25rem; /*20px*/
  --font-size-22: 1.375rem; /*22px*/
  --font-size-23: 1.438rem; /*23px*/
  --font-size-24: 1.5rem; /*24px*/
  --font-size-25: 1.563rem; /*25px*/
  --font-size-26: 1.625rem; /*26px*/
  --font-size-27: 1.688rem; /*27px*/
  --font-size-28: 1.75rem; /*28px*/
  --font-size-30: 1.875rem; /*30px*/
  --font-size-31: 1.938rem; /*31px*/
  --font-size-32: 2rem; /*32px*/
  --font-size-34: 2.125rem; /*34px*/
  --font-size-35: 2.188rem; /*35px*/
  --font-size-36: 2.25rem; /*36px*/
  --font-size-37: 2.313rem; /*37px*/
  --font-size-38: 2.375rem; /*38px*/
  --font-size-40: 2.5rem; /*40px*/
  --font-size-44: 2.75rem; /*44px*/
  --font-size-45: 2.813rem; /*45px*/
  --font-size-46: 2.875rem; /*46px*/
  --font-size-50: 3.125rem; /*50px*/
  --font-size-55: 3.438rem; /*55px*/
  --font-size-60: 3.75rem; /*60px*/
  --font-size-88: 5.5rem; /*88px*/
  --font-size-150: 9.375rem; /*150px*/

  --black:#000;
  --white:#fff;
  --red:#FF0000;

  --font-family-eng:Adobe Gothic Std,"NotoSans", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  

  --gray-222:#222222;
  --gray-333:#333333;
  --gray-555:#555555;  
  --gray-666:#666666;  
  --gray-777:#777777;
  --gray-999:#999999;
  --gray-a3a:#A3A3A3;
  --gray-bbb:#bbbbbb;
  --gray-ccc:#cccccc;
  --gray-dfd:#DFDFDF;
  --gray-d7d:#D7D7D7;  
  --gray-ddd:#DDDDDD;
  --gray-eee:#EEEEEE;
  --gray-f1f:#F1F1F1;
  --gray-f3f:#F3F3F3;
  --gray-f6f:#F6F6F6; 
  --gray-f8f:#F8F8F8; 
  --gray-fcf:#FCF8F8; 
  --gray-fbf:#FBFBFB; 
  --gray-cfc:#CFCFCF; 
  --gray-faf:#FAFAFA; 
  --gray-ece:#ECECEC; 
  --gray-e7e:#E7E7E7;  /*스타일추가*/
  --gray-fff:#FFFDF5; 
  
  --red-6a0:#6A0707; /*스타일추가*/
  --red-600:#600000; /*스타일추가*/
  --red-8c2:#8C2C2C;
  --red-9e0:#9E0114;
  --red-981:#981C1F;
  --red-9810:#981010;
  --red-d30:#D30000;
  --red-e41:#E41D22;
  --red-e41d:#E41D1E;
  --red-d9f:#D94E5F;
  --red-ff8:#FF8997;
  
  --pink-ffb:#FFBDCD;
  --pink-fce:#FCEFF1;
  --pink-ff5:#FF5572;

  --blue-006:#0064DE;

  --orange-ff4:#FF4000;

  
  
  
  --weight-thin:100;
  --weight-light:300;
  --weight-regular:400;
  --weight-medium:500;
  --weight-bold:700;
  --weight-black:900;


  --min-width:1280px;

  --w-5:0.313rem;
  --w-10:0.625rem;
  --w-15:0.938rem;
  --w-20:1.25rem;
  --w-25:1.563rem;
  --w-30:1.875rem;
  --w-35:2.188rem;
  --w-40:2.5rem;
  --w-45:2.813rem;
  --w-50:3.125rem;
  --w-55:3.438rem;
  --w-60:3.75rem;
  --w-65:4.063rem;
  --w-70:4.375rem;
  --w-75:4.688rem;
  --w-80:5rem;
  --w-85:5.313rem;
  --w-90:5.625rem;
  --w-95:5.938rem;
  --w-100:6.25rem;
  --w-110:6.875rem;
  --w-115:7.188rem;
  --w-120:7.5rem;
  --w-125:7.813rem;
  --w-130:8.125rem;
  --w-135:8.438rem;
  --w-140:8.75rem;
  --w-145:9.063rem;
  --w-150:9.375rem;
  --w-155:9.688rem;
  --w-160:10rem;
  --w-170:10.625rem;
  --w-180:11.25rem;
  --w-190:11.875rem;
  --w-200:12.5rem;
  --w-210:13.125rem;
  --w-220:13.75rem;
  --w-225:14.063rem;
  --w-230:14.375rem;
  --w-240:15rem;
  --w-250:15.625rem;
  --w-260:16.25rem;
  --w-275:17.188rem;
  --w-280:17.5rem;
  --w-290:18.125rem;
  --w-300:18.75rem;
  --w-350:21.875rem;
  --w-360:22.5rem;
  --w-340:21.25rem;
  --w-370:23.125rem;
  --w-375:23.438rem;
  --w-380:23.75rem;
  --w-385:24.063rem;
  --w-390:24.375rem;
  --w-400:25rem;
  --w-450:28.125rem;
  --w-460:28.75rem;
  --w-500:31.25rem;
  --w-510:31.875rem;
  --w-570:35.625rem;
  --w-640:40rem;
  --w-760:47.5rem;
  --w-950:59.375rem;


}
.pc{display:block !important}
.mobile{display:none !important}

@media all and (max-width:1200px){

  :root{
    --body-font-size: 0.938rem;
    --min-width:100%;
  }

}

@media all and (max-width:768px){

  .pc{display:none !important}
  .mobile{display:block !important}

  :root{
    --body-font-size: 1rem;
  }

  

}


img {vertical-align: top;margin: 0;padding: 0;}

button{border:0; background:none; cursor:pointer; color:inherit; font:inherit; margin:0; padding:0; }
button:hover{border:0;background:none; padding:0; margin:0}

.blind,iframe{overflow:hidden}
.blind{position:absolute;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}

.d-flex{display:flex}
.fd-r{flex-direction:row}
.fd-c{flex-direction:column}
.fw-w{flex-wrap:wrap}
.fw-nw{flex-wrap:nowrap}
.jc-fs{justify-content:flex-start}
.jc-fe{justify-content:flex-end}
.jc-c{justify-content:center}
.jc-sb{justify-content:space-between}
.ai-c{align-items:center}
.ai-fs{align-items:flex-start}
.ai-sb{justify-content:space-between}

.modal_not_scroll{position:fixed;overflow:hidden;width:100%;height:100%;}
.dimd{position:absolute; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.65); z-index:19; font-size:0; display:none}
.dimd.active{display:flex}

.wd100{width:100% !important}
.wd10{width:10% !important}
.wd20{width:20% !important}
.wd80{width:80% !important}
.wd75{width:75% !important}
.wd35{width:35% !important}
.wd40{width:40% !important}
.wd50{width:50% !important}