@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
  font-family: "Pretendard-Regular";
  src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
.img_wrap {width:120px; height:120px;}
.img_wrap img {width:100%; height:100%;}

.hotdeal_item .branch {position:relative; margin-left:10px; margin-right:10px;}
.hotdeal_item .title {margin-left:10px; margin-right:10px;}
.hotdeal_item .stitle {margin-left:10px; margin-right:10px;}
.hotdeal_item .desc2 {position:absolute; top:0px; right:0; font-size:13px; line-height:16px; text-align:right; color:#868686;}
.hotdeal_item .desc2 em {font-weight:500;}
.hotdeal_item .slist {margin-top:13px; border-top:2px solid #ccc;}
.hotdeal_item .slist > li {display:none; position:relative; padding:12px 5px 12px 10px;}
.hotdeal_item .slist > li:first-child {display:block;}
.hotdeal_item .slist > li > strong {display:block; font-size:14px; color:#222222; font-weight:300;}
.hotdeal_item .slist > li .price {display:inline-block; margin-top:0;}
.hotdeal_item .slist > li+li {border-top:1px solid #ccc}
.hotdeal_item .slist > li:nth-child(even) {background:#fbfbfb;}
.hotdeal_item .slist > li.type02 .detail_price {top:0; margin-top:10px; margin-left:0;}
.hotdeal_item .slist > li.type02 .detail_price .sbox {left:-15px; right:auto;}



.hotdeal_item .detail_price {top:-5px;}
.hotdeal_item .detail_price:hover {z-index:20;}

.btn_pmore {display:block; border:1px solid #d1d1d1; border-radius:3px; text-align:center;}
.btn_pmore * {vertical-align:middle;}
.btn_pmore span {font-size:15px; color:#1f1f1f; line-height:38px; font-weight:400;}
.btn_pmore:after {display:inline-block; width:12px; height:8px; margin-left:10px; transform:rotate(180deg); background:url('/images/common/icon_event_more_arr_on.jpg') no-repeat; content:'';}
.btn_pmore .txt02 {display:none;}

.slist.open li {display:block;}
.slist.open + .btn_pmore:after {transform:rotate(0deg);}
.slist.open + .btn_pmore .txt01 {display:none;}
.slist.open + .btn_pmore .txt02 {display:inline-block;}


.border_top_none {border-top:0;}

.option_write table {display:none;}
.option_write .btn_toggle {display:block; width:100%; font-size:17px; color:#fff; line-height:45px; text-align:center; background:#7f7f7f;}
.option_write .btn_toggle:after {display:inline-block; position:relative; top:-2px; margin-left:5px; font-size:12px; content:'▼';}
.option_write.open table {display:table;}
.option_write.open .btn_toggle:after {content:'▲'}


.price_wrap {display:inline-block; overflow:hidden;}
.price_wrap input {float:left; width:295px;}
.price_wrap input+input {margin-left:10px;}

.option_wrap {display:inline-block; position:relative; margin-left:30px;}
.option_wrap > button {padding:0 20px; border-radius:5px; line-height:35px; color:#fff; background:#383838;}
.option_wrap ul {position:absolute; top:45px; left:50%; z-index:10; width:500px; margin-left:-250px; padding:20px 0 20px 20px; border-radius:5px; background:#fff; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);}
.option_wrap ul .title {display:inline-block; width:60px; font-size:15px; font-weight:500;}
.option_wrap li+li {margin-top:5px;}
.option_wrap li input[type="text"] {width:245px;}
.option_wrap li input[type="text"]+input[type="text"] {width:145px;}


.board_btn {overflow:hidden; margin-left:-10px; padding-top:20px; text-align:center;}
.board_btn p {float:left; width:50%; padding-left:10px;}
.board_btn a {display:block; border:1px solid #9c9c9c; font-size:18px; color:#333333; line-height:43px;}
.board_btn .btn_detail {border:1px solid #9c9c9c;}
.board_btn .btn_consult {border:1px solid #333333; color:#fff; background:#333333;}


/* view css */
.event_container {width: 1080px;margin: 0 auto; font-family: "Pretendard-Regular", sans-serif;}
.event_wrapper {background-color: #edf6ff;padding: 120px 0 100px;}
.thumb {width: 1080px; margin: 0 auto; }
.thumb img {width: 100%; }
.event_view {width: 980px;margin: 0 auto;position: relative;background-color: #fff;border-radius: 20px;padding-top: 120px;letter-spacing: -0.02em; }
.event_branch {position: absolute;display: flex;justify-content: space-between;align-items: center;width: 80%;background-color: #3898ff;letter-spacing: -1px;padding: 30px 50px;left: 50%;transform: translate(-50%);top: -55px;border-radius: 20px; }
.event_branch .center {width: 38%;height: 1px;background-color: #fff;}
.event_branch > div {display: flex;align-items: center;}
.event_branch .left span {font-size: 34px;color: #fff;font-weight: 500;margin-left: 10px;}
.event_branch .right span {font-size: 24px;color: #fff;font-weight: 500;margin-left: 10px;}
.event_branch .right span em {font-size: 22px;font-weight: 300;display: inline-block;margin-top: 2px;}
.event_mtitle {font-family: "Pretendard", sans-serif;font-size: 65px;font-weight: 600;text-align: center; color: #000000;}
.event_stitle {font-family: "Pretendard", sans-serif;font-size: 35px;color: #979797;text-align: center;font-weight: 400;margin-bottom: 66px;}
.event_list li {padding: 50px;border-bottom: 1px solid #d0d0d0;}
.event_list li:last-child {border: none;border-radius: 0 0 20px 20px;}
.event_list li:nth-child(even) {background-color: #fbfbfb;}
.event_list li .list_title {font-family: "Pretendard", sans-serif;font-size: 40px;font-weight: 600;margin-bottom: 17px;color: #000; }
.event_list li .list_desc {color: #707070;font-size: 28px;line-height: 1.3;width: 70%; word-break:keep-all;}
.event_list li .list_price {display: flex;justify-content: space-between;font-family: "GmarketSansBold", sans-serif; font-weight: bold; sans-serif;align-items: stretch; }
.event_list li .list_price div {display: flex;align-items: center; margin-top: 5px;}
.event_list li .list_price div em {font-family: "Pretendard-Regular", sans-serif;font-size: 20px; font-weight: 300;}
.event_list li .list_price .price01 {font-size: 30px;color: #d0d0d0;margin-right: 24px;}
.event_list li .list_price .price01 .price {font-family: 'GmarketSansMedium', sans-serif; font-weight: 500; text-decoration: line-through;margin-right: 5px;}
.event_list li .list_price .price02 {font-size: 44px;font-weight: 700; }
.event_list li .list_price .price02 .price {margin-right: 5px; color: #000000;}
.event_list li .list_price .price03 {font-size: 72px;font-weight: bold;color: #3898ff;}
.event_list li .list_price .price03 span {font-size: 40px;}

.event_img_save {width: 100%;display: flex;justify-content: center;margin: 100px 0; }
.event_img_save button {background-color: #3e3e3e;padding: 20px 40px;font-size: 20px;color: #fff;transition: all 0.3s ease; }
.event_img_save button:hover {background-color: #000;padding: 20px 40px;font-size: 20px;color: #fff;transition: all 0.3s ease; }
.event_color_pick {margin: 50px auto;display: flex;align-items: center;justify-content: space-between; }
.event_color_pick label {font-size: 20px; }