@charset "UTF-8";
/*
* title : Custom.css
* Writer : louis ryu ( homepactory@gmail.com )
* writeDate : 2020-10-21
* upDate : 20201022 20201021
*/
/* -- color style -- */
.border_777777{border-bottom: 1px solid #777777;}

/* -- empty style -- */
.hashtag_00{top: -100px;position: relative}

/* -- font family style -- */
.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;
}


/* -- list style -- */
.list_type00 .list_obj_wrap{max-width: 650px; display: table; width: 100%;margin: 0 auto;overflow: hidden;}
.list_obj_inner01{margin-top: -11%;margin-left: 3%; margin-right: 3%;border: 1px solid #fbeaed;line-height: 2.6rem;position: relative;z-index: 100;padding: 11px;border-radius: 9px;overflow: hidden;}
.list_type02 {}
.list_type02 .list_obj00{margin-bottom: 40px;}
.list_type02 .list_obj00:last-child{margin-bottom: 0;}

.list_type03{position: relative;width: 0;z-index: 100;background-color: #e65e86;text-align: right;}

.list_style04{text-align: center;}
ul.list_style04 li{padding: 20px 0;}

/* -- tab style -- */
.homepactory .tab_type00{padding: 0 18px;background-color: transparent;text-align: center;}
.homepactory .tab_type00 li.selected{background-color: #fff;opacity: 1;}
.homepactory .tab_type00 li{width: 48%;color: #70595e;background-color: #e5e4e4;opacity: 0.7;border-top-left-radius: 5px;border-top-right-radius: 5px;display: inline-block;box-sizing: border-box;display: inline-block;}
.homepactory .tab_type00 li a{padding: 12px 0;display: inline-block;}


.active .active_show{
    display: block;
}
.active_show{
    display: none;
}

/* -- btn style -- */
.icon_btn_type00 span{
    height: 1px;
    overflow: hidden;
    background-color: #ffffff;
    display: block;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.icon_btn_type00 span:nth-child(2) {
    top: 6px;
}
.icon_btn_type00 span:nth-child(3) {
    top: 5px;
    opacity: 0;
    height: 0;
    width: 0;
}
.icon_btn_type00 span:nth-child(4) {
    top: 12px;
}
.icon_btn_type00.active span:nth-child(1){
    top: 18px;
    width: 0%;
    left: 50%;
}
.icon_btn_type00.active span:nth-child(2){
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.icon_btn_type00.active span:nth-child(3){
    height: 1px;
    width: 100%;
    opacity: 1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.icon_btn_type00.active span:nth-child(4){
    top: 18px;
    width: 0%;
    left: 50%;
}

.icon_btn_type01 span{
    /*transition: color 0.3s ease-in 0s;*/
    transition: opacity 0.3s ease-in 0s;
}

/* -- table style -- */
.table_type00 td, .table_type00 th{
    padding: 3px 0;
}

/* -- form style -- */
input.input_type00{
    height: 30px;
    padding: 5px;
    font-family: "Poor Story";
}

.transition_left{
    transition: left 0.3s linear 0s;
}

/* -- visual style -- */
.scrollx-trans{
    overflow-x: scroll;
}
.scrollx-trans::-webkit-scrollbar {
    width:0px;
    height:0px;
}
.scrollx-trans::-webkit-scrollbar * {
    background:transparent; // manage scrollbar background color here
}
.scrollx-trans::-webkit-scrollbar-thumb {
    background:transparent !important; // manage scrollbar thumb background color here
}


/*==== numbering style ==== */
.a_style0001{font-size: 1.8rem;border-bottom: 1px solid #777777;}

.a_style0002{margin:0 4px;padding:0;font-size: 1.7rem;font-weight: 600;color: #e65e86;border-bottom: 1px solid #e65e86;word-break: keep-all;display: inline-block;}
.a_style0002 > i{display: inline-block;padding-right: 4px;}

.a_style0003{font-size: 1.8rem;border-bottom: 1px solid #777777;}