@charset "utf-8";
*{ font-family: "NanumSquareNeo", 맑은 고딕, 微软雅黑, sans-serif;}
html{ overflow-y: scroll; width: 100%; height: 100%;}
body{ overflow: hidden; -webkit-text-size-adjust: none; word-break: keep-all; font-weight: 300; letter-spacing: -1px; color: #000;}


.fixed{ position: fixed; top: 0; right: 0; bottom: 0; left: 0;}
.fixed.bg01{ background: url(/images/bg01.jpg) center/cover;}
.fixed.bg02{ background: url(/images/bg02.jpg) center/cover;}
.fixed .row{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; top: 0; right: 0; bottom: 90px; left: 0;}


.foot{ position: fixed; z-index: 10; right:0; bottom: 0; left: 0; padding: 0 50px 30px 50px;}
.foot .btn{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; height: 60px; border-radius: 30px; border: 2px solid #FFF; background: url(/images/btn_bg.jpg) center/cover; cursor: pointer;}
.foot .btn p{ font-size: 25px; font-weight: 500; font-style: italic; color: #FFF;}
.foot .btn i{ margin: 0 0 0 15px; font-style: 25px; font-style: italic; color: #FFF;}
.foot .btn_b{ display: block; position: absolute; z-index: 11; left: 30px; bottom: 90px; height: 60px;}
.foot .btn_h{ display: block; position: absolute; z-index: 11; right: 30px; bottom: 60px; height: 60px;}
.foot .bg{ position: fixed; right: 0; bottom: 0; left: 0; height: 60px; background: rgba(0 0 0/30%);}


.row01{ padding: 100px 0 0 0;}
.row01 .warning{ display: block; position: relative; z-index: 1; width: auto; height: 100px;}
.row01 .head{ position: relative; z-index: 1; margin: 10px 0 0 0;}
.row01 .head .tit{ display: flex; justify-content: center; align-items: center; font-size: 50px; font-weight: 500; font-style: italic; color: #000;}
.row01 .head .tit span{ color: #F00;}
.row01 .head .th01{ display: block; position: absolute; top: 25px; left: -70px; width: auto; height: 50px;}
.row01 .head .th02{ display: block; position: absolute; top: -20px; right: -50px; width: auto; height: 30px;}
.row01 .head .tb01{ display: block; position: absolute; top: -30px; left: -30px; width: auto; height: 40px;}
.row01 .body{ position: relative; z-index: 1; margin: 20px 0 0 0;}
.row01 .body .t1{ text-align: center; line-height: 1.5; font-size: 18px; color: #000;}
.row01 .body .t2{ position: relative; margin: 20px 0 0 0; padding: 15px 20px; border: 2px solid rgba(0 0 0/20%);}
.row01 .body .t2 p{ text-align: center; line-height: 1.5; font-size: 15px; font-style: italic; color: rgba(0 0 0/70%);}
.row01 .body .t2 img{ display: block; position: absolute; top: -20px; right: -10px; width: auto; height: 50px;}
.row01 .body .t3{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0;}
.row01 .body .t3 i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; background: #F00; font-size: 15px; color: #FFF;}
.row01 .body .t3 p{ margin: 0 0 0 5px; font-size: 15px; color: rgba(0 0 0/70%);}
.row01 .body .t3 p span{ font-weight: 400; color: #F00; text-decoration: underline;}
.row01 .bg{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/img01.png) no-repeat top center/70% auto;}


.row02{}
.row02 .warning{ display: block; width: auto; height: 60px;}
.row02 .head{ position: relative; margin: 10px 0 0 0; width: 100%;}
.row02 .head .tit{ text-align: center; font-size: 35px; font-weight: 500; font-style: italic; color: #000;}
.row02 .head .tit span{ color: #F00;}
.row02 .head .th01{ display: block; position: absolute; top: -30px; left: 20px; width: auto; height: 50px;}
.row02 .head .th02{ display: block; position: absolute; top: 80px; right: 25px; width: auto; height: 30px;}
.row02 .head .tb01{ display: block; position: absolute; top: -50px; left: 50px; width: auto; height: 40px ;}
.row02 .head .tb02{ display: block; position: absolute; top: -30px; right: 30px; width: auto; height: 40px;}
.row02 .img{ display: block; width: auto; height: 200px;}
.row02 .t1{ margin: 25px 0 0 0; text-align: center; line-height: 1.5; font-size: 18px; font-style: italic; color: rgba(0 0 0/80%);}
.row02 .t1 span{ font-weight: 400; color: #F00; text-decoration: underline;}


.row03{}
.row03 .head{ position: relative; margin: 10px 0 0 0; width: 100%;}
.row03 .head .today{ display: block; margin: 0 auto; width: auto; height: 50px;}
.row03 .head .step{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; margin: 5px auto; width: 160px; height: 35px; border-radius: 20px; border: 1px solid #FFF; background: #F00; font-size: 14px; color: #FFF;}
.row03 .head .step span{ margin: 0 0 0 5px; font-weight: 500;}
.row03 .head .tit{ text-align: center; font-size: 35px; font-weight: 500; font-style: italic; color: #000;}
.row03 .head .tit span{ color: #F00;}
.row03 .head .th01{ display: block; position: absolute; top: 60px; left: 30px; width: auto; height: 50px;}
.row03 .head .th02{ display: block; position: absolute; top: 10px; left: 90px; width: auto; height: 30px;}
.row03 .head .th03{ display: block; position: absolute; top: 10px; left: 50%; margin: 0 0 0 55px; width: auto; height: 60px;}
.row03 .head .tb01{ display: block; position: absolute; top: 60px; left: 60px; width: auto; height: 40px ;}
.row03 .head .tb02{ display: block; position: absolute; top: 70px; right: 35px; width: auto; height: 50px;}
.row03 .list{ display: flex; flex-direction: column; margin: 25px 0 0 0;}
.row03 .list li{ display: flex; align-items: center; padding: 5px 0;}
.row03 .list li span{ display: block; width: 35px; height: 35px; background: url(/images/check.png) center/cover;}
.row03 .list li p{ margin: 0 0 0 10px; font-size: 20px; font-weight: 400; color: #000;}
.row03 .list li.on span{ background: url(/images/check_on.png) center/cover; }
.row03 .t1{ margin: 25px 0 0 0; text-align: center; line-height: 1.5; font-size: 18px; font-style: italic; color: rgba(0 0 0/80%);}
.row03 .t1 span{ font-weight: 400; color: #F00; text-decoration: underline;}



.row04{}
.row04 .warning{ display: block; width: auto; height: 100px;}
.row04 .head{ position: relative; margin: 10px 0 0 0;}
.row04 .head .tit{ display: flex; justify-content: center; align-items: center; font-size: 50px; font-weight: 500; font-style: italic; color: #000;}
.row04 .head .tit span{ color: #F00;}
.row04 .head .th01{ display: block; position: absolute; top: 25px; left: -70px; width: auto; height: 50px;}
.row04 .head .th02{ display: block; position: absolute; top: -20px; right: -50px; width: auto; height: 30px;}
.row04 .head .tb01{ display: block; position: absolute; top: -30px; left: -30px; width: auto; height: 40px;}
.row04 .txt{ display: block; margin: 20px 0 0 0; width: auto; height: 120px;}
.row04 .list2{ display: flex; flex-direction: column; margin: 25px 0 0 0;}
.row04 .list2 li{ display: flex; align-items: center; padding: 5px 0;}
.row04 .list2 li span{ display: block; width: 35px; height: 35px; background: url(/images/check2.png) center/cover;}
.row04 .list2 li p{ margin: 0 0 0 10px; font-size: 20px; font-weight: 500; font-style: italic; color: #F00;}
.row04 .list2 li font{ margin: 0 0 0 5px; font-size: 20px; font-style: italic; color: #000;}
.row04 .t1{ margin: 25px 0 0 0; text-align: center; line-height: 1.5; font-size: 18px; font-style: italic; color: rgba(0 0 0/80%);}
.row04 .t1 span{ font-weight: 400; color: #F00; text-decoration: underline;}