@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');

*,
*::before,
*::after {
    box-sizing: border-box
}

body {
    max-width: 640px;
    margin: auto;

}

#wrap {
    line-height: 0;
    font-family: 'Pretendard Variable';
}
d
.small{
    float: right;
    margin-top: 15px;
    display: block;
    margin-bottom: 20px;
    font-size: 12px;
    margin-right: 10px;
    color: #ddd;
}
.arrow_result div:last-child {
    width: 90%;
    margin: auto;
    border: 1px solid #ddd;
    background: #fafafa;
    padding: 1rem 0;
    font-weight: bold;
    line-height: 2;
    text-align: center;
    margin-bottom: 20px;
}


.sub_title{
	
	font-size: 16.2px;
	    line-height: 1.6;
    color: #515151;
    position: relative;
    padding-left: 15px;
	letter-spacing: -1px;
}



.arrow_result input[type="text"] {
    width: 80px !important;
    height: 24px;
}

.arrow_result {
    text-align: center;
    width: 90%;
    margin: 0 auto 5%;
}

.arrow_result div:last-child {
    border: 1px solid #ddd;
    background: #fafafa;
    padding: 1rem 0;
    font-weight: bold;
    line-height: 2;
}

.arrow_result input[type="text"] {
    width: 80px !important;
    height: 24px;
}

.head_copy {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1.3;
    font-size: 6vw;
    font-weight: bold;
    letter-spacing: -.7px;
    margin-bottom: 10px;
}

.head_copy span.head_sub {
    display: block;
    margin-top: 30px;
    font-size: 16px;
    margin-bottom: -10px;
    font-weight: 300;
    margin-bottom: 10px
}

.sub_copy {
    margin-left: 20px;
    padding-right: 20px;
    line-height: 1.4;
    border-left: 3px solid #000;
    font-size: 4vw;
    margin-top: 13px
}

.sub_copy p {
    padding-left: 7px;
}

p {
    margin: 0;
}

.parallax-item {
    width: 100%;
    height: 50vh;
    position: relative
}

.parallax-item.full {}

.item-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    color: #fff;
    z-index: 2
}

.bg-wrap {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
}

.bg {
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: 60% 0%;
    position: fixed;
    z-index: -1;
}

.parallax-item[data-title] .bg {
    opacity: .5
}

.parallax-item[data-title] {
    background: #000
}

.text {
    margin: 3rem 0;
    padding: 0 3rem;
    line-height: 2;
    font-size: 1.5rem
}

.animate__rotateOut {
    display: inline-block;
    margin: 0 0.5rem;
    animation-name: rotateOut;
    /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s;
    /* don't forget to set a duration! */
    animation-iteration-count: infinite;
}


.logo-area {
    width: 11%;
    position: absolute;
    top: 35%;
    right: 13%;
}

.logo-area2 {
    width: 45%;
    position: absolute;
    top: 32%;
    left: 10%;
}

.logo-area3 {
    width: 14%;
    position: absolute;
    top: -2%;
    left: 4%;
}

.intro_wrap {
    position: relative;
}

.so_wrap {
    position: absolute;
    top: 0;
    z-index: 9;
}

img.infinite_rotating_logo {
    animation: rotate_image 3s linear infinite;
    transform-origin: 50% 50%;
}

img.infinite_rotating_logo2 {
    animation: rotate_image 4s linear infinite;
    transform-origin: 50% 50%;
}

img.infinite_rotating_logo3 {
    animation: rotate_image 2s linear infinite;
    transform-origin: 50% 50%;
}

.cc1 {
    font-weight: 600;
    font-size: 16px;
}

.check_box {
    padding-left: 7%;
    padding-right: 7%;
}

.check_box2 {
    padding-left: 7%;
    padding-right: 7%;

}

.radio_box {
    margin-top: 10px;
    margin-bottom: 100px;
}



.agreedetail {}

.ss {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 10px;
    color: #fff;
    padding-left: 5vw;
    ;
    padding-right: 8vw;
}

.agreedetail {
    vertical-align: -1px
}

.input_chk {
    width: 13px;
    height: 13px;
    vertical-align: middle;
}

.radio_box2 {
    margin-top: 10px;
    margin-bottom: 105px;
}

.pp {
    width: 162px;
    margin: auto;
}

.pp input {
    width: 14px;
}


.reply_wrap {
    background: #fff;
    position: relative;
    z-index: 99999
}

.reply {
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    z-index: 999999999;
    padding-bottom: 5px;
    font-family: 'Pretendard Variable';
}

.reply h4 {
    margin: 0;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 30px;
}

.reply button {
    width: 23%;
    float: right;
    border: 0;
    background-color: #222;
    color: #fff;
    height: 60px;
    font-size: 17px;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

.reply li {
    float: left;
    margin-right: 2%;
}

.reply li:nth-child(1) {
    border-bottom: 1px solid #222;
}

.reply_bottom {
    position: relative;
    z-index: 999999999;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 35px;
    border-bottom: 1px solid #ccc;
    font-family: 'Pretendard Variable';


}

.reply_bottom:nth-child(1) {
    border-top: 2px solid #111;
}

.reply_bottom img {
    width: 60%;
}

.reply_img img {
    width: 100%;
}


.re_maintext {
    margin-top: 10px;
    font-size: 16px;
    letter-spacing: -.3px;
    color: #222;
}

.re_maintext2 {
    margin-top: 34px;
    font-size: 16px;
    letter-spacing: -.3px;
    color: #222;
}

.re_mainimg {
    margin-top: 34px;
}

.reply_img {
    width: 4%;
    float: left;
    margin-right: 2%;
}

.id {
    font-size: 14px;
    float: left;
}


.btn_like {
    float: right;
}


button {
    background: #fff;
    border: none;
color: inherit;
}

button .like {
    width: 20px;
    height: 20px;
    background: url(../images/like.jpg) no-repeat;
    background-size: contain;
    float: left;
    margin: 2px;

}

.ff {
    float: right;
    font-size: 14px;
    line-height: 1.7;
    margin-left: 2px;
}

.reply_wrap {
    width: 100%;
    background: #fff;
    line-height: 1.8
}

button .bad {
    width: 20px;
    height: 20px;
    background: url(../images/bad.jpg) no-repeat;
    background-size: contain;
    float: left;
    margin: 2px;
    margin-left: 10px;

}

.btn_like {
    float: right;
}

.re_date {
    font-size: 12px;
    color: #ccc;
    font-weight: 300;
    line-height: 1.7;
    float: right;
}

.reply_bottom ul {
    margin-top: 20px;
}

.reply_bottom li {
    float: left;
    font-size: 12px;
    color: #000;
    font-weight: 300;
    margin-right: 5%;
}

.up {
    color: #23a3a7;
    font-weight: 500;
    float: right;
    border: 1px solid #23a3a7;
    padding: 0px 10px;
    border-radius: 100px;
    font-size: 12px;
}

.best {
    display: block;
    float: left;
    padding: 0px 8px;
    background-color: #eb1d1d;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    margin-left: 5px;
    margin-top: 2px;
}

.reply_name {
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
    font-size: 20px;
}



.rr {
    width: 88%;
    margin: auto;
    margin-top: 8px;
}

.rr2 {
    width: 88%;
    height: 80px;
    margin: auto;
    margin-top: 5px;
}

.mm {
    display: block;
    height: 32px;
    font-weight: bold;
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
}

.box-radio-input input[type="radio"] {
    display: none;
}

.box-radio-input input[type="radio"] + span {
    width: 23.7%;
    display: inline-block;
    background: #eee;
    padding: 0px 10px;
    text-align: center;
    line-height: 30px;
    font-weight: 500;
    cursor: pointer;
    font-size: 14px;
    border-radius: 6px;
    font-weight: 400;
}

.rr2 .box-radio-input input[type="radio"] + span {
    width: 48.4%;
    display: inline-block;
    background: #eee;
    padding: 0px 10px;
    text-align: center;
    line-height: 32px;
    font-weight: 500;
    cursor: pointer;
    font-size: 14px;
    border-radius: 6px;
    font-weight: 400;
}




.box-radio-input input[type="radio"]:checked + span {
    border: 1px solid #006eff;
    background: #006eff;
    color: #fff;
    border-radius: 6px;
    font-weight: bold;
}

.left {
    text-align: center !important;
}

.width {
    padding-left: 7.1%;
    padding-right: 7.1%;
    padding-top: 2%;
    padding-bottom: 5%;
}


.con {
    padding: 20px;
    display: none;
}

.countTxt .t2 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 10px;
}

.accordion-box {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.con {
    padding: 20px;
    display: none;
    padding-left: 0px;
    padding-right: 0px;
}

.con.on {
    display: contents;
}

input {
    font-size: 15px;
}

.button_span {
    display: block;
    width: 100%;
    margin: auto;
    height: 50px;
    background: #ff4d76;
    border-radius: 10px;
}

.button_span a {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}


.red {
    color: #f7003d;
    font-weight: bold;
}





@keyframes rotate_image {
    100% {
        transform: rotate(360deg);
    }
}

.margin {
    margin: 20px;
    padding-top: 40px;
    font-size: 20px;
    line-height: 1.5;
    margin-top: 7px;
}

.b_y {
    background: #000;
    color: #f9fe47;
}

h3 {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1.3;
    font-size: 6.2vw;
    display: block;
    text-align: center;
    letter-spacing: -.5px;
    margin: 0;
    margin-bottom: 15px;
    margin-top: 35px;
}

.h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.bold {
    font-weight: bold;
}

.border {
    border-left: 1px solid #111;
    border-right: 1px solid #111;
    border-bottom: 1px solid #111;
    border-top: 1px solid #111;
    margin-left: 3%;
    margin-right: 3%;
    margin-top: -8px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: white;
}

.border_db {
    border-left: 1px solid #111;
    border-right: 1px solid #111;
    border-bottom: 1px solid #111;
    border-top: 1px solid #111;
    margin-left: 3%;
    margin-right: 3%;
    margin-top: -8px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: white;
    margin-top: 10px;
}

.border_all {
    border: 1px solid #111;
    border-radius: 9px;
    margin-left: 3%;
    margin-right: 3%;
    margin-top: 10px;
}

.border_all img {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.border_all2 {
    border: 1px solid #111;
    border-radius: 9px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

.img_margin {
    width: 95%;
    margin: auto;
}

.position {
    position: relative;
}

.date {
    width: 100%;
    font-size: 12px;
    color: #444;
    text-align: center;
    position: absolute;
    bottom: 19px;
}

.one_text_wrap {
    position: relative;
}

.one_text {
    position: absolute;
    top: 18vw;
    height: 195px;
    overflow: hidden;
    z-index: 9;

}

.one_text2 {
    position: absolute;
    top: 18vw;
}

.one_text3 {
    position: absolute;
    top: 45vw;
    height: 340px;
    overflow: hidden;
}

.one_text4 {
    position: absolute;
    top: 101vw;
}

.two {
    position: relative;
    z-index: 9
}


@media all and (min-width:500px) {

    .head_sub {
        font-size: 16px;
    }

    .head_copy {
        font-size: 30px;
        letter-spacing: -1px;
    }

    .sub_copy {
        font-size: 20px;
    }

   

    h3 {
        font-size: 28px;
        letter-spacing: -.5px;
        margin-top: 40px;
    }

    .h3 {
        font-size: 28px;
        letter-spacing: -.5px;
        margin-top: 25px;
    }
    .sub_copy p{
        padding-left: 13px;
    }
    

}


@media all and (min-width:640px) {

    .head_sub {
        font-size: 16px;
    }

    .head_copy {
        font-size: 38px;
        letter-spacing: -1px;
    }

    .sub_copy {
        font-size: 24px;
    }

  

    h3 {
        font-size: 35px;
        letter-spacing: -.5px;
        margin-top: 60px;
    }

    .h3 {
        font-size: 35px;
        letter-spacing: -.5px;
        margin-top: 40px;
    }
    .sub_copy p{
        padding-left: 13px;
    }
    
    .ss{
        padding-right: 54px;
        padding-left: 35px;
    }

}





.reply_time {
    font-size: 12px;
    color: #6f6f6f;
}
.reply01 {
    padding: 3% 10px;
    border-bottom-color: #ccc;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    background-color: #ffffff;
}
.reply_body {
    background: #f7f7f7;
    font-size: 12px;
    padding: 9px;
}
.reply_txt {
    color: #6f6f6f;
    font-size: 14px;
    line-height: 1.7;
    border-radius: 6px;
    padding: 2%;
    4%: ;
}
.reply {
    line-height: 20px;
    width: 100%;
    border: 1px #CCCCCC solid;
    padding: 10px;
    border-radius: 6px;
    background-color: #FFF;
}


/*댓글1*/

.reply_title {
    border-bottom: 3px solid #8a8a8a;
    font-size: 14px;
    padding-bottom: 14px;
    padding-left: 4px;
    text-align: left;
    padding-top: 5%;
}
.txt_board {
    font-size: 14px;
    line-height: 25px;
    color: #333333;
    font-weight: bold;
    width: 75%;
    text-align: left;
    vertical-align: top;
}

.reply {width:100%; max-width:700px; margin:0 auto; margin-top:20px; padding:0 3%; box-sizing: border-box; font-family: 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '굴림', Gulim, 'Noto Sans KR', 'Nanum Barun Gothic', HelveticaNeue-Light, 'Apple SD Gothic Neo', Helvetica, sans-serif; position: relative; z-index: 1;}
.reply .re_top i {font-size:12px; border:1px solid #e5e5e5; padding:4px; color:#7f7f7f;}
.reply .re_top span {color:#4795f7;}
.reply .re_btn {width:100%; height:60px; position:relative; margin-top:10px;}
.reply textarea {width:80%; height:60px; padding:5px; box-sizing: border-box; border:1px solid #ccc; position:absolute; top:0; bottom:0; left:0;}
.reply button {width:20%; border:none; background:#333; color:#fff; position:absolute; top:0; bottom:0; right:0; font-size:1.05em;}
.reply .re1 {margin-top:10px; padding:8px 0; width:100%; position: relative; border-bottom:1px solid #e5e5e5; font-size:15px;}
.reply .re1 a {padding-right:7px;} .reply .re1 a:nth-child(1) {font-weight:bold;}
.reply .re1 i {position:absolute; right:3px;}
.reply .re2 {box-sizing: border-box; line-height:30px; height:30px; letter-spacing: 0; margin-top:10px;}
.reply .re2 img {width:22px; padding-top:7px;}
.reply .re2 span {font-size:14px;  margin:0 5px;}
.reply .re3 p {font-size:13px; letter-spacing: -0.02em; margin-top:5px;}
.reply .re3 em {font-style:normal; font-size:0.9em; background:#ff0000; padding:0 3px; border-radius:3px; color:#fff; letter-spacing: 0; margin-right:5px;}
.reply .re4 {font-size:12px; color:#bfbfbf; letter-spacing: 0.04em; padding:10px 0 20px; border-bottom:1px solid #e5e5e5; position:relative;}
.reply .re5 {position:absolute; right:0; top:12px;}
.reply .re5 .up {display:inline-block; padding:2px 5px; border:1px solid #e5e5e5; color:#ff3e3f; margin-right:2px;}
.reply .re5 .down {display:inline-block; padding:2px 12px; border:1px solid #e5e5e5; color:#666;}
.reply .re5 a {display:block;}
.reply .re6 {text-align:center; padding:5px 0; font-size:14px; color:#666;}
button {background: #fff;border: none;color: inherit;}


/*댓글1*/



@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
a {color:inherit;}
body {width:100%; max-width: 100%;}
.fbt {position:fixed; right:5px; bottom:5px; z-index:2; animation:fb 2s ease-in-out infinite; }
.fbt img {width:90px;}
@keyframes fb {
    0% {bottom:5px;}
    50% {bottom:15px;}
    100% {bottom:5px;}
    }
.im1 {box-sizing: border-box; padding:0 20px; display:block; margin:0 auto;}
h3 {font-size: 35px; }
h4 i {display:inline-block; font-style:normal; background: #f7003d; color:#fff; padding:0 5px; }
h3 span {color:#f7003d;}
h4 {font-size: 30px; letter-spacing: -.5px; line-height: 1.3; padding:0 20px; margin-top:10px;}
h4 span {font-size: 25px; font-weight: normal; background: #fffebb;}
nav {width:100%; height:46px;  border-bottom:1px solid #dcdcdc; background: #f5f5f5; position:relative;}
nav .logo {position:absolute; left:20px; top:15px; width:90px; height:17px; background: url('logo2.png') no-repeat; background-size:100% auto; margin:0px; }
nav i {position:absolute; top:15px; right:20px; color:#515151;}
header {display:block; width:100%; max-width:680px; margin:0 auto; padding:25px 20px;}
header .ad {display:block; font-style:normal; font-size: 12px; color:#999;padding-bottom: 20px;}
header > i {font-size: 15px; color:#4795f7; font-style: normal; font-family: 'Noto Sans KR',HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif}
header h2 {font-size: 40px; line-height: 1.25; margin:3px 0 20px; font-weight: 600; letter-spacing: -3px; font-family: 'Noto Sans KR',HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif}
header h2 span {color:#f7003d;}
header .time {position:relative; color:#7f7f7f; font-size: 12px; border-bottom:1px solid #e5e5e5; margin:10px 0 30px; padding-bottom:20px; letter-spacing: 0;}
header .time .sns i {display:inline-block; width:30px; height:30px; line-height: 30px; text-align:center; border-radius:20px; border:1px solid #e5e5e5; cursor:auto;}
header .time .sns a {color:inherit;}
header .time .sns {position:absolute; right:0; top:0;}
header p {line-height: 1.6; color:#515151; position:relative; padding-left:15px;}
header p::before {content:''; position:absolute; left:0; top:2px; bottom:0; width:4px; background: #515151;}
.ver_mobile {background: #fff; position:relative; z-index:6;}
.ver_mobile .form1 { overflow: hidden; text-align: center; font-family:"맑은 고딕"; }
.ver_mobile .form1 table { width: 88%; margin: 10px auto 20px auto; }
.ver_mobile .form1 th, .form1 td{ padding: 5px 0; }
.ver_mobile .form1 th { padding-right: 15px; padding-left: 5px; font-size: 18px; font-weight: 700; letter-spacing: -1px; text-align: left; white-space: nowrap; }
.ver_mobile .form1 td { padding-right: 5px; font-size: 14px; text-align: left; vertical-align: middle; }
.ver_mobile .form1 .cell_send{ padding: 3% 0 0; text-align: center; }
.ver_mobile .form1 .cell_send img{ width: 100%; margin: 0; }
.ver_mobile .form1 input[type=text], .form1 input[type=tel], .form1 select{ border: 1px solid #ccc; background: #fff; font-size: 15px; border-radius: 7px; }
.ver_mobile .form1 input[type=text],.form1 input[type=tel] {padding: 6px 5px; height:37px;}
.ver_mobile .form1 select{  padding: 5px 4px;  height: 37px; width:30%;}
.tf_1{ width: 100%; }
.tf_3{ display:block; float:left; width:30%; height:37px; box-sizing: border-box; position:relative;}
.opt_3{ min-width: 30%; }
.tf_bar{ float: left; width: 5%; height: 31px; line-height: 31px; text-align: center; }
.tf_3 input{ width: 100%; }
.tf_star { color:red; }
.tf_tooltip{ display: inline-block; position: absolute; left: 10px; top: 0; padding: 0 5px; background: #fff; z-index:1; font-size: 12px; height:1px; color: #999; white-space: nowrap; transform: translate(0,-50%); }
.form1 input[type=checkbox] { width: auto; }
.formQqestion { width: 100%; font-size: 20px; padding-bottom: 10px; margin-bottom: 10px; }
.result { font-size: 0.85em; text-align: center; letter-spacing: -0.065em; margin-top: 10px; }
.lab_agree{  display: block; font-size: 11px; color: #999; line-height: 0.2; text-align: center; letter-spacing:-0.5px; }
.lab_agree input[type=checkbox] { vertical-align: -2px; margin:0 0 0 3px; }
.result { background: #f5f5f5; border: 1px solid #ccc; font-size: 13px; padding: 10px 0; }
.result input { border: 1px solid #ccc; height: 35px; border-radius: 7px; width: 20%; padding-left: 10px; font-size: 17px; }
.form1 .Form_Q {width:100%; margin:10px; float:left; line-height:1.5; padding-bottom:2%; border-bottom:2px dashed #eee;}
.form1 .Form_Q th {font-size:1.125em; text-align:left; padding:2% 0;}
.money { width: 90%; margin: 0 auto; padding: 5px; background: #f5f5f5; border: 1px solid #bbb; font-size: 13px; text-align: center; }
.money input { width: 20%; height: 25px; border: 1px solid #bbbbbb; }
.p1 {font-weight: bold; color:#f7003d;}
.p2 {font-weight: bold; background: #ccf1ff;}
.p3 {font-weight: bold; color:#f7003d; border-bottom:1px solid #f7003d;}
u {text-decoration:none; border-bottom:1px solid #000;}
/*디비폼*/
.formbox {border: 5px solid #d5c6a3; padding: 5%; }
.inputbox > div {margin: 2% 1%; display: flex;}
.inputbox > div > input {font-size: 14px; color: #000; height: 38px; padding-left: 10px; border: 2px solid #cccccc; width: 100%;}
.tel > input:nth-child(2) {margin: 0 1%;}
.memo > textarea {border: 2px solid #cccccc; padding: 2%; width: 100%; height: 80px;}


@media screen and (max-width:640px) {
    header > i {font-weight: bold;}
    header h2 {font-size: 33px;}
    header p {font-size: 14px;}
    h3 {font-size: 30px;}
    h4 {font-size: 27px;}
    h4 span {font-size: 18px;}  
	
	header {display:block; width:100%; max-width:680px; margin:0 auto; padding:15px 15px;}
	
	.im1 {box-sizing: border-box; padding:0 15px; display:block; margin:0 auto;}
	.margin {
    margin: 15px;
    padding-top: 30px;
    font-size:20px;
    line-height: 1.5;
    margin-top: 7px;
}
	.formbox {padding: 5%;}
}

@media screen and (max-width:420px) {
    h3 {font-size: 28px; padding-left:15px; padding-right:15px;}
    h4 {font-size: 25px;}
    h4 span {font-size: 17px;} 
    header p {font-size: 13px;} 
}
@media screen and (max-width:360px) {
    header h2 {font-size: 28px;}
    h3 {font-size: 24px;}
    h4 {font-size: 22px;}
    h4 span {font-size: 16px;}
}