@charset "utf-8";
*{margin: 0;padding: 0;list-style: none;box-sizing: border-box; word-break:keep-all;line-height: 1.4;}
a{color: #111;text-decoration: none;}
h2{margin-bottom: 10px; font-size:20px;}
section{display: none;}
section.on{display: block;}
/* component */
.title{font-weight: 600;font-size: 16px;}
.plr{padding: 0 10px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb40{margin-bottom: 40px;}
.p10{padding: 10px;}
.bs {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.text{ padding: 10px;}
body{font-family:'homedeco';}
@font-face {
    font-family:'homedeco';
    src: url('../font/kr/KoPubWorld Dotum_Pro Medium.otf') format('opentype');
    font-weight: 400;
    unicode-range:  U+AC00-U+D7A3, U+0030-0039;;
}
@font-face {
    font-family:'homedeco';
    src: url('../font/kr/KoPubWorld Dotum_Pro Light.otf') format('opentype');
    font-weight:200;
    unicode-range:  U+AC00-U+D7A3, U+0030-0039;;
}
@font-face {
    font-family:'homedeco';
    src: url('../font/kr/KoPubWorld Dotum_Pro Bold.otf') format('opentype');
    font-weight:600;
    unicode-range: U+AC00-U+D7A3, U+0030-0039;;
}

@font-face {
    font-family:'homedeco';
    src: url('../font/eng/CamptonLight.otf') format('opentype');
    font-weight:200;
    unicode-range:U+0041-005A, U+0061-007A, 
}
@font-face {
    font-family:'homedeco';
    src: url('../font/eng/CamptonMedium.otf') format('opentype');
    font-weight:400;
    unicode-range:U+0041-005A, U+0061-007A;
}
@font-face {
    font-family:'homedeco';
    src: url('../font/eng/CamptonBold.otf') format('opentype');
    font-weight:600;
    unicode-range:U+0041-005A, U+0061-007A;
}


/* header */
header{width: 100%;max-width: 600px;background-color: #fff; position: fixed; transform: translateX(-50%); left: 50%;height: 80px; z-index: 999;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;display:flex;align-items:center;;flex-direction:column;justify-content:center;gap: 10px;}  
header h1{font-size: 22px; font-weight: 600; color: #000;}
header nav{width:100%;}
header nav ul {display: flex; justify-content: space-around; color: #808080; font-weight: 600; font-size: 16px;width:100%;}
header nav ul li {text-align: center;}
header nav ul li.on {color: #000;}
/* main */
main{background-color: #fff; width:100%; max-width: 600px;margin: 0 auto;padding: 80px 0 10px;}


/* About */
#ABOUT .img_container{width: 100%;}
#ABOUT .img_container img{width: 100%;height: 100%;display: block;}

#ABOUT .main_img{height: auto;}
#ABOUT .main_img img{display: block;}
.contents .title {margin-right: 10px;}

#ABOUT .exhi_container{display: flex; flex-wrap: wrap; justify-content: space-between;}
#ABOUT .exhi_item{width: 49%; background-color: #fff;margin-bottom: 10px;}
.total{order:1; }
.interior{order:2;}
.artliving{order:3;}
.smarthome{order:4;}
.homedeco{order:5;}
.lifestyle{order:6;}
.tableware{order:7;}
.christmas{order:8;}
#ABOUT .exhi_item p{font-size: 14px;}
#ABOUT .exhi_item .title{font-size: 16px;}
#ABOUT .simultaneous_exhi {background-color: #fff;position: relative;}
#ABOUT .simultaneous_exhi .title{font-size: 16px;}
#ABOUT .simultaneous_exhi p:not(.title){font-size: 16px;}
#ABOUT .simultaneous_exhi p:not(.title) span {vertical-align: middle;}
#ABOUT .simultaneous_exhi .img_container{height: auto;}
.simultaneous_exhi02 {display: flex;flex-wrap: wrap;justify-content: space-between;}
.simultaneous_exhi02>div{width: 49%;background-color: #fff;}
#ABOUT .simultaneous_exhi02 .img_container{width: 100%;height: auto;}
.simultaneous_exhi02 .img_container img{width: 100%;height: 100%;}
.simultaneous_exhi02 .text{padding: 10px;height: 160px;}
.simultaneous_exhi02 p:not(.title){font-size: 14px;}
#ABOUT button{display: inline-block; width: 100%;height: 36px;border: none; font-size: 16px;color: #fff;font-family:'homedeco';}
.btn_yellow{background-color: #F7C601;}
.btn_orange{background-color: #F16F39;}
.btn_green{background-color: #005451;}
.btn_black{background-color: #1d1d1d;}

.about_text{text-align: center;padding: 10px 0 15px 0;}

/* WHAT’S ON */
.WHATS .img_container{width: 100%; display: flex;flex-wrap: wrap;}
.WHATS .img_container img{width: 100%;display: block;}
.WHATS button{display: inline-block; width: 100%;height: 36px;border: none; font-size: 16px;color: #fff;font-family:'homedeco';}

.WHATS .article_container article{width: 100%;}
.WHATS .article_container{display: flex;flex-wrap: wrap; justify-content: space-between;}
.WHATS article{background-color: #fff; margin-bottom: 10px;}
.WHATS article .title{font-size: 16px;}
.WHATS article p:not(.title){font-size: 14px;}

/* features */
#FEATURES .img_container{width: 100%; display: flex;flex-wrap: wrap;}
#FEATURES .img_container img{width: 100%;display: block;}


#FEATURES .article_container article{width: 100%;}
#FEATURES .article_container{display: flex;flex-wrap: wrap; justify-content: space-between;}
#FEATURES article{background-color: #fff; margin-bottom: 10px;}
#FEATURES article .title{font-size: 16px;}
/* #FEATURES article .text p{font-size: 16px;}
#FEATURES article p:not(.title){font-size: 14px;} */

#FEATURES .notice-menu{font-size: 8px;}
#FEATURES

#FEATURES .notice_li{font-size: 13px;}
#FEATURES button{display: inline-block; width: 100%;height: 36px;border: none; font-size: 16px;color: #fff;font-family:'homedeco';}

/* conference */
#CONFERENCE {font-size: 12px;}
#CONFERENCE .img_container{width: 100%;}
#CONFERENCE .img_container img {width: 100%;display: block;}
#CONFERENCE .ticket {text-align: center;}
#CONFERENCE .ticket h2{background-color: #006A68;display: inline-block; color: #fff;font-weight: 400;font-size: 16px; padding: 0px 10px; width: 250px;height:36px;line-height: 36px;font-weight: 600;}
#CONFERENCE .table .table_head,
#CONFERENCE .table .table_data{display: flex;border-bottom: 1px solid #006a68; padding: 10px;font-weight: 200; text-align: center;}
#CONFERENCE .table .table_head{align-items: flex-end;}
#CONFERENCE .table .table_head div{font-weight: 600;}
#CONFERENCE .table .table_head span{color: red;display: block;font-size: 14px;}

.table .table_head div,
.table .table_data div{width: 49%;color: #006a68; font-weight: 600; font-size: 16px;}
.table .table_data .price{color: #111;}
.table .table_data .price span{color: #006A68;margin-left: 5px;}
.early_bird {position: relative;}
.early_bird::before{position: absolute; content: "11/15(금)까지!";color: red;font-weight: 600; font-size: 10px;top:-10px;left:50%;transform: translateX(-50%);width: 100%;}
#CONFERENCE .img_container .main_img{height: auto;}
#CONFERENCE .btn_area{display: flex; justify-content: center;gap: 20px;}
#CONFERENCE .btn_area button {background-color: #006A68;color: #fff; width: 100%;height: 36px; font-weight: 400;border: none;font-size: 14px;font-family:'homedeco';}
.members{display:flex;}
.members .img_container{width: 25%;}
.members .img_container div{background-color: #006a68;color: #fff;height: 60px;display: flex;align-items: center;flex-direction: column;justify-content: center;}
.members .img_container div p {text-align: center; font-weight: 200;font-size: 10px; }
.members .img_container div p:nth-child(1){font-size: 15px;font-weight: 600;}
.members .img_container div p:nth-child(2) {font-size: 12px;text-wrap: wrap;white-space:normal;}

#CONFERENCE .date{display: flex;justify-content: space-between; padding: 0 10px; font-size: 18px;color: #006a68; font-weight: 600;}

.day1 .table_head{display: flex;justify-content: center;position: relative; padding: 20px;border-bottom: 2px solid #006A68; font-size: 16px; font-weight: 600;}
.day1 .table_head::before{content: "";left: 0;border:1px solid #006a68;height: 0px;width: 18%;top: 50%;position: absolute;}
.day1 .table_head::after{content: "";right:0;border:1px solid #006a68;height: 0px;width: 18%;top: 50%;position: absolute;}

.day1 .table_data{display: flex; background-color: #C4C4C4;padding: 20px 0;border-bottom: 2px solid #006a68;}
.day1 .time{width: 30%;display: flex;align-items: center;justify-content: center;font-size:16px;font-weight: 600;}
.day1 .table_data .time {color: #111;font-size: 16px;}
.day1 .table_data .text{width: 70%;}
.day1 .table_data .text p {color: #111;}
.day1 .table_data .text p:not(.green){font-size:16px;font-weight: 600;}
.day1 .table_data .text .green{color: #006a68;font-weight: 400;font-size: 14px;}

.day2 .members{flex-wrap: wrap;}
#CONFERENCE .day2 .members .img_container{width: 33.3%;}
#CONFERENCE .day2 .members .img_container:last-child{background-color: #006A68;}
#CONFERENCE .day2 .members .img_container:last-child img {height:auto;}
.day2 .table_head{display: flex;justify-content: center;position: relative; padding: 20px 0;border-bottom: 2px solid #006A68;font-size: 16px; font-weight: 600;}
.day2 .table_head::before{content: "";left: 0;border:1px solid #006a68;height: 0px;width: 18%;top: 50%;position: absolute;}
.day2 .table_head::after{content: "";right:0;border:1px solid #006a68;height: 0px;width: 18%;top: 50%;position: absolute;}

.day2 .table_data{display: flex; background-color: #C4C4C4;padding: 20px;border-bottom: 2px solid #006a68; font-size: 14px;font-weight: 600;}
.day2 .time{width: 30%;display: flex;align-items: center;justify-content: start;}
.day2 .table_data .time {color: #111; font-size: 16px;}
.day2 .table_data .text{width: 70%;}
.day2 .table_data .text p {color: #111;}
.day2 .table_data .text p:not(.green){font-size:16px;font-weight: 600;}
.day2 .table_data .text .green{color: #006a68;font-weight: 400;font-size: 14px;}

/* footer */