/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.heading-text h2 {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 100;
}

.text-gothic-a1-bold {
    font-family: 'Nanum Gothic', sans-serif;
    font-weight: 600;
}

.text-gothic-a1 {
    font-family: 'Nanum Gothic', sans-serif;
    font-weight: 400;
}

.text-serif-bold {
    font-family: 'Noto Serif KR', serif;
    font-weight: 400;
    /*letter-spacing:-3px;*/
}

.text-serif {
    font-family: 'Noto Serif KR', serif;
    font-weight: 400;
}

.text-serif-en {
    font-family: 'Noto Serif KR', serif;
    font-weight: 200;
    letter-spacing: -0.5px;
}

.text-sans-bold {
    font-family: 'Noto Sans KR', sans-serif !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

.text-sans {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
}

.text-sans-light {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
}

.m-t-14 {
    margin-top: 13px !important;
}

.space-half {
    width: 100%;
    display: block;
    clear: both;
    height: 40px;
    position: relative;
}

.btn.btn-2xs {
    border: 1px solid rgba(0, 0, 0, .125);

    font-size: 9px;
    padding-left: 5px;
    padding-right: 5px;
}

.btn.btn-light2 {
    border: 1px solid rgba(0, 0, 0, .125);
}

.imgbox {
    position: relative;
    display: inline-block;
}

.inbtn {
    position: absolute;
    right: 20px;
    bottom: 280px;
}

.in-add-btn {
    position: absolute;
    right: 105px;
    bottom: 130px;
}

.inbtn-expand-btn-mypage {
    position: absolute;
    right: 10px;
    bottom: 20px;
}

.inbtn-preview-close {
    position: absolute;
    right: 0;
    bottom: 530px;
}

.inbtn-expand-btn-book {
    position: absolute;
    right: 20px;
    bottom: 50px;
}