/* font */
@font-face {
    font-family: 'Pretendard Variable';
    font-weight: 100 900;/*세팅 : 100~900 범위, 실사용 : 400,500,600,700*/
    font-style: normal;
    font-display: block;
    src: url('/include/font/PretendardVariable.woff2') format('woff2-variations'),
        url('/include/font/PretendardVariable.ttf') format('truetype');
}

/*clientSupport*/
input,select,textarea, button {font-size:100%;vertical-align:middle;}
*{margin:0;padding:0;box-sizing:border-box;}
dl,ul,ol,li {list-style: none;}
body{font-family:'Pretendard Variable', Malgun Gothic, "맑은 고딕", Arial, sans-serif, '돋움', dotum;font-size:15px;font-style:normal;font-weight:500;color:#000;cursor:default;}
td{color:#333333;vertical-align:middle;}
tr{color:#333333;vertical-align:middle;}
input{font-size:12px;vertical-align:middle}
select{font-size:12px;vertical-align:middle}
p{margin-top:0;margin-bottom:0;}
br{color:#666666;}
text{text-decoration:none;color:#666666;}
IMG{border:none;vertical-align:middle;}
a{cursor: pointer;}

/*********************************** link-style ***********************************/
/*common*/
a:link{color:#333333;text-decoration:none}
a:active{color:#000000;text-decoration:none}
a:visited{color:#333333;text-decoration:none}
a:hover{color:#000000;text-decoration:underline}
.clear_fix{clear:both;font-size:0;line-height:0;height:0}


body{background-color:#eaeef2;}
.wrap{width:990px;margin:auto;position:absolute;left:0;right:0;top:60px;/*top:50%;transform:translateY(-50%);*/background-color:#f8f9fa;}
.title{background:url('/New_images/support/tit_promotion.png') no-repeat 0 0;width:100%;height:210px;text-indent:-9999px;}
.contents{padding:30px 25px 50px;}
.contents .box-wrap{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:30px;}
.contents .box{background-color:#fff;border-radius:15px;border:1px solid #e2e8f0;padding:35px 40px 50px;}
.contents .box h2{font-size:22px;line-height:26px;font-weight:600;border-bottom:1px solid #e9e9e9;padding-bottom:20px;margin-bottom:20px;text-align:center;}
.contents .box1 h2{color:#2379da;}
.contents .box2 h2{color:#00c1dd;}
.contents .box .txt{display:flex;flex-direction:column;align-items:center;row-gap:15px;padding-top:20px;}
.contents .box .txt dl{display:flex;align-items:center;align-self:stretch;height:40px;column-gap:20px;}
.contents .box .txt dt{display:flex;align-items:center;justify-content:center;width:87px;height:36px;background-color:#e4f0ff;border-radius:50px;text-align:center;font-weight:600;font-size:13px;}
.contents .box2 .txt dt{background-color:#e6f4f1;}
.contents .box .txt dd{font-size:14px;line-height:20px;letter-spacing:-0.5px;}
.contents .box .txt dd h3{font-size:17px;line-height:24px;letter-spacing:-0.17px;}
.contents .box .txt dd h3 span{color:#ff3b3b}
.contents .box .txt dd > span{color:#f60;font-weight:700;}
.contents .box .btn-goLink{display:block;width:154px;height:44px;line-height:44px;margin:20px auto 0;border:1px solid #000;border-radius:4px;font-size:14px;font-weight:700;color:#000;text-align:center;}
.contents .box .btn-goLink:hover{text-decoration:none;border-color:#1c72ff;}
.contents .txt-message{font-size:14px;color:#333;font-weight:600;text-align:center;margin-top:30px;}
.contents .txt-message strong{font-weight:800}
.contents .txt-message .txt-goLink{display:block;text-decoration:underline;text-align:center;margin-top:15px;}
.contents .txt-message .txt-goLink:hover{color:#1C72FF;}
.contents .btns{font-size:0;text-align:center;}
.contents .btns a{display:inline-block;width:185px;height:50px;line-height:50px;font-size:17px;font-weight:700;letter-spacing:-0.5px;margin:40px auto 0;text-align:center;margin-left:20px;border-radius:4px;}
.contents .btns a:first-child{margin-left:0}
.contents .btn-event{border:1px solid #585858;} 
.contents .btn-event:hover{text-decoration:none;border-color:#1c72ff;}
.contents .btn-request{background-color:#235fa3;border:1px solid #235fa3;color:#fff;}
.contents .btn-request:hover{background-color:#1c72ff;border-color:#235fa3;text-decoration:none;}
.contents .btn-request.disabled{background-color:#a0a0a0;border-color:#a0a0a0;color:#c7c7c7;cursor:default;}


.customer{padding:30px 25px;}
.title-customer{background:url('/New_images/support/tit_customer.png') no-repeat 0 0;width:100%;height:210px;text-indent:-9999px;}
.customer .box{border-radius:6px;border:1px solid #b9afaf;padding:30px;background-color:#fff;}
.customer .box h2{font-size:22px;font-weight:700;}
.customer .box h2:before{content:'';display:inline-block;background:url('/New_images/support/img_customer.svg') no-repeat 0 0;width:36px;height:36px;margin-right:10px;vertical-align:middle;}
.customer .box .txt{padding:10px 0 50px;font-weight:500;font-size:18px;}
.customer .box .txt strong{font-weight:800;}
.customer .box .txt p{padding-top:6px;font-size:14px;color:#626262;}
.customer .bottom{background-color:#f5f5f5;border-radius:5px;padding:30px;margin-top:30px;}
.customer .bottom .txt .agree{margin-top:12px}
.customer .bottom .txt .agree input{margin-bottom:1px}
.customer .bottom .txt .agree label{padding-left:12px;cursor:pointer;font-size:14px;font-weight:500;line-height:20px;color:#505050;}
.customer .bottom .txt > strong{display:block;font-size:17px;padding-bottom:12px;}
.customer .bottom .txt li{font-size:14px;line-height:20px;color:#5e5e5e;letter-spacing:-0.5px;}
.customer .bottom .txt ul.spacing-0 li{letter-spacing:0;}
.customer .bottom .btn-event{display:block;width:154px;height:44px;line-height:44px;border:1px solid #000;border-radius:4px;font-size:14px;font-weight:700;color:#000;text-align:center;margin:20px auto 0;cursor:pointer;}
.customer .bottom .btn-event:hover{text-decoration:none;border-color:#1c72ff;}
.customer .bottom .flex{display:flex;align-items:center;justify-content:space-between;}
.customer .bottom .flex .btn-event{margin:0}