@charset "UTF-8";
/*
* title : Theme.css
* Writer : louis ryu ( homepactory@gmail.com )
* writeDate : 2019-02-13
* upDate : 20201021 20190213
*/
html, body{
    font-size: 10px;
}
@font-face {
    font-family: 'binggrae2';
    src: url('/font/Binggrae2.otf'), /* 세번째 */
    url('/font/Binggrae2.ttf'); /* 다섯번째 */
    /*src: url('/font/Binggrae2.otf') format('off')*/
}
.body_frame h1{
    font-size: 3.0rem;
    font-family: "Gamja Flower";
    color: #70595e;}
.body_frame{
    margin: 3% 2%;
}
.table_wrap{
    border-radius: 6px;
}
.table_wrap{
    margin: 1%;
}
.view_content img{
    width: 100%;
}

/*font family*/
.ff_number{
    font-family: "Gamja Flower";
}
.ff_title1{
    font-family: "Gamja Flower";
}
.ff_himelody{
    font-family: "Hi Melody";
}
.ff_ps{
    font-family: "Poor Story";
}
.ff_small00{
    font-family: 'Alegreya Sans', sans-serif;
}

/*폰트 크기*/
.fs_type_13{
    font-size: 1.3rem;
}
.fs_type_14{
    font-size: 1.4rem;
}
.fs_type_15{
    font-size: 1.5rem;
}
.fs_type_16{
    font-size: 1.6rem;
}
.fs_type_18{
    font-size: 1.8rem;
}
.fs_type_20{
    font-size: 2.0rem;
}
.fs_type_21{
    font-size: 2.1rem;
}
.fs_type_22{
    font-size: 2.2rem;
}
.fs_type_23{
    font-size: 2.3rem;
}
.fs_type_25{
    font-size: 2.5rem;
}
.fs_type_27{
    font-size: 2.7rem;
}
.fs_type_28{
    font-size: 2.8rem;
}
.fs_type_30{
    font-size: 3.0rem;
}
.fs_type_15.ff_number{
    font-size: 2.0rem;
}
/*폰트 크기 - 제목*/
h1, h2, h3, h4, h5, h6 {
    /*font-family: "Hi Melody";*/
}
/* Button */
.btn_style_0001{font-size: 2.3rem;vertical-align: top;border: 2px solid #aeadad; padding: 5px 23px; border-radius: 27px;margin: 5px;}
.btn_style_0002{display: inline-block;background: #fff;padding: 10px 20px;border: 1px solid #aeadad;border-radius: 10px;font-weight: 400;}
.btn_style_0002 > i , .btn_style_0002 > span{vertical-align: middle;}
.icon_style_0001{padding: 5px;border-radius: 10px;}

.btn_style_0003{font-size: 2rem;width: 70px;padding: 0;line-height: 2.8rem;}

.btn_style_0004{background-color: #ffffff;color: #716f6f;padding: 5px 24px;border-radius: 9px;display: inline-block;border: 1px solid #aeadad;}

/* List */
.list_type0001 .list_object0001{display: table;height: 105px;width: 100%;overflow: hidden; border-radius: 6px;margin-bottom: 10px;}
.list_type0001 .list_object0001 > a{padding: 10px 5px;display: table;height: 105px;width: 100%;}
.list_type0001 .list_object0001 > a .bg{border-radius: 10px;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #00000080;z-index: 111;}
.list_type0001 .list_object0001 > a > div:nth-child(1){width: 115px;text-align: center; padding: 5px;display: table-cell;vertical-align: middle;}
.list_type0001 .list_object0001 > a > div:nth-child(1) > img{width: 100%;position: relative;top: 0px;}
.list_type0001 .list_object0001 > a > div:nth-child(2){width: calc(100% - 115px); padding: 20px 5px;padding-left: 10px;vertical-align: top;display: table-cell;}
.list_type0001 .list_object0001 > a > div:nth-child(2) > div:nth-child(2){word-break: normal; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.list_type0002 .list_object0001{border-bottom: 1px solid #e5e4e4;display: table;height: 105px;width: 100%;overflow: hidden; border-radius: 0px;}
.list_type0002 .list_object0001:first-child{border-top-left-radius: 6px;border-top-right-radius: 6px;}
.list_type0002 .list_object0001:last-child{border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;border: none;}
.list_type0002 .list_object0001 > a{padding: 10px 5px;display: table;height: 105px;width: 100%;}
.list_type0002 .list_object0001 > a .left img{max-width: 115px;}
.list_type0002 .list_object0001 > a .left .lock.bg{border-radius: 10px;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #00000080;z-index: 111;}
.list_type0002 .list_object0001 > a .left .lock.bg .text{color: #fff;font-size: 1.7rem;bottom: 0;position: absolute;left: 5px;}
.list_type0002 .list_object0001 > a .left .unlock.bg{border-radius: 10px;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 111;}
.list_type0002 .list_object0001 > a .left .unlock.bg .text{font-size: 1.7rem;bottom: 0;position: absolute;left: 5px;}
.list_type0002 .list_object0001 > a > div:nth-child(1){width: 115px;text-align: center; padding: 5px;display: table-cell;vertical-align: middle;}
.list_type0002 .list_object0001 > a > div:nth-child(1) > img{width: 100%;position: relative;top: 0px;}
.list_type0002 .list_object0001 > a > div:nth-child(2){width: calc(100% - 115px); padding: 20px 5px;padding-left: 10px;vertical-align: top;display: table-cell;}
.list_type0002 .list_object0001 > a > div:nth-child(2) > div:nth-child(2){word-break: normal; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.list_type0003{text-align: right; max-width: 650px; margin: 0 auto;margin-bottom: 3%;}

.list_type0004 > li > i{display: inline-block;font-size: 1rem;vertical-align: middle;margin-bottom: 2px;margin-right: 5px;}
.list_type0004 > li > h3{display: inline-block;}

.list_type0005 .list_object0001{border-bottom: 1px solid #e5e4e4;display: table;width: 100%;overflow: hidden; border-radius: 6px;}
.list_type0005 .list_object0001.first{border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.list_type0005 .list_object0001:last-child{border-top-left-radius: 0px;border-top-right-radius: 0px;border: none;}
.list_type0005 .list_object0001 > a{padding: 10px 5px;display: table;width: 100%;}


/* Title */
.h_style0006{

}

.table_header{
    font-size: 1.6rem;
}
.textalign-center{text-align: center;}
.textalign-left{text-align: left;}
.textalign-right{text-align: right;}
.verticalalign-middle{vertical-align: middle;}