@charset "utf-8";


/* EVENT 433 */
.event230228 .eventWrap {width: 100%;}
.eventWrap .inner {width: 944px; margin: 0 auto;}
.eventWrap.evtFullType .icoEvtEnd {top: 210px; right: 43%;}


.eventWrap.evtFullType .evtTitWrap .logo.logo_fr {left: 50%; transform: translateX(-50%); width: 944px; padding: 80px 0 0; overflow: visible;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr .fr_inner{ display: flex; justify-content: flex-end; position: absolute; bottom: 0; right: -20px;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr .fr_inner .logoVisang {display: inline-block; position: relative; top: 5px; margin-right: 20px;}

/* evtTitWrap*/
.event230228 .eventWrap.evtFullType .evtTitWrap .logo{padding:40px 15px 0;}
.event230228 .evtTitWrap {position:relative; height: 1554px; padding-top: 840px; background: url(/resources/images/event/2023/event230228/evtCont1.png)no-repeat center; background-size: auto 100%; text-align:center;z-index:1;}
.event230228 .evtTitWrap .tab_wrap {width: 100%; height: 96px; margin: 0; background: none; border: 0; border-radius: 0;}
.event230228 .evtTitWrap .tab_wrap ul {width: 100%; height: 100%; display: flex;}
.event230228 .evtTitWrap .tab_wrap ul li {flex: 1; height:98px; text-align: center; background: #979797;}
.event230228 .evtTitWrap .tab_wrap ul li a {display:flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.event230228 .evtTitWrap .tab_wrap ul li .video_tit {display: block; font-family: 'GmarketSansBold','sans-serif'; font-size: 27px; color: #525252; line-height: 30px; letter-spacing: -0.04em; }
.event230228 .evtTitWrap .tab_wrap ul li .video_txt {font-size: 22px; font-weight: 400; color: #525252; line-height: 30px; letter-spacing:-0.04em;}
.event230228 .evtTitWrap .tab_wrap ul li.on {flex: 1; padding: 20px 0 15px; text-align: center; background: #3d7bed;}
.event230228 .evtTitWrap .tab_wrap ul li.on .video_tit {color: #ffc75b; text-shadow: 2px 2px 5px rgb(0, 0, 0, 0.45);}
.event230228 .evtTitWrap .tab_wrap ul li.on .video_txt {color: #fff;}
.event230228 .evtTitWrap .tab_conts { display: none; position: relative; width: 100%; height: 531px;}
.event230228 .evtTitWrap .tab_conts.on {display: block;}
.event230228 .evtTitWrap .tab_conts .thumb {position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.event230228 .evtTitWrap .tab_conts .thumb img {width: 100%; height: 100%; }
.event230228 .evtTitWrap .tab_conts .ytPlay {display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  width: 90px; height: 90px; background: url(/resources/images/event/2023/event230228/btn_play.png)no-repeat center; border-radius: 50%;  box-shadow: 5px 5px 13px rgba(45, 45, 45, 0.55);}
.event230228 .evtTitWrap .tab_conts  iframe {width: 100%; height: 100%; }

/* evtSection*/
.event230228 .evtCont1 {padding: 55px 0 65px; background: #e8f3f3; }
.event230228 .evtCont1 .btnLink {display: inline-block; position: absolute; right: 300px; top: 251px;  width: 204px; height: 69px; background: url(/resources/images/event/2023/event230228/btn_link.png)no-repeat center; }
.event230228 .evtCont2 {padding: 83px 0 65px; background: #fff;}
.event230228 .evtCont2 .evtForm {width: 100%;}
.event230228 .evtCont2 .evtForm .formTop {display: flex; justify-content: center; align-items: center; width: 100%; height: 102px; margin-bottom: 10px; background: #509971; border-radius: 20px;}
.event230228 .evtCont2 .evtForm .formTop p {font-size: 32px; color: #fff;}
.event230228 .evtCont2 .evtForm .formTop span {font-size: 32px; color: #ffda47; letter-spacing: -0.08em;}
.event230228 .evtCont2 .evtForm .formTop input[type="number"] {display: inline-block; width: 120px; height: 43px; font-size:32px; line-height: 43px; text-align: center; background: #fff;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.event230228 .evtCont2 .evtForm .formBox { width: 100%;  text-align: right;}
.event230228 .evtCont2 .evtForm .formBox textarea {  margin-bottom: 10px; padding: 26px 34px;  width: 100%; height: 236px; text-align: left; background: #f1f1f1; border: 1px solid #d5d5d5; border-radius: 20px;  }
.event230228 .evtCont2 .evtForm .formBox .count {font-size: 17px; font-weight: 400; color:#a4a4a4;}
.event230228 .evtCont2 .evtForm .formBox .currentCount {font-size: 17px; font-weight: 600; color: #393d49;}
.event230228 .evtCont2 .evtForm .btnWrap button {display: inline-block; margin: 0 auto; width: 445px; height: 102px; background: url(/resources/images/event/2023/event230228/btn_apply.png)no-repeat center; }

.event230228 .evtFooterWrap {padding: 30px 0 45px;  background: #737373;}
.event230228 .evtFooterWrap strong {display: inline-block; margin-bottom: 12px;  font-size: 22px; font-weight: 600; color: #fff; line-height: 1; letter-spacing: -0.05em;}
.event230228 .evtFooterWrap ul li {font-size: 16px; font-weight: 400; color: #fff; line-height: 24px; letter-spacing: -0.025em;}

.evtComment {padding: 90px 0 110px; background: #e4dfcd;}
.evtList {display: flex; flex-direction: column; flex-wrap: wrap; padding: 64px 55px; width: 100%; height: 678px; background: url(/resources/images/event/2023/event230228/evtComment_bg.png)no-repeat center; background-size: 100% auto;}
.evtList .listItem {margin-bottom: 27px; width: 360px;}
.evtList .listItem:nth-child(2n) {margin-bottom: 0;}
.evtList .listItem:nth-child(-n+2) {margin-right: 116px;}
.evtComment .evtList .listItem {display: flex; flex-direction: column;}
.evtComment .evtList .listItem p {margin-bottom: 21px; font-size: 17px; font-weight: 300; color: #343434; line-height: 1; letter-spacing: -0.04em; }
.evtComment .evtList .listItem p span {display:inline-block; position: relative; padding-left: 12px;  font-size: 17px; font-weight: 300; color: #3d7bed; line-height: 1; letter-spacing: -0.04em; }
.evtComment .evtList .listItem p span:after {content: ""; display:inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 13px; background: #3d7bed; }
.evtComment .evtList .listItem .comment {flex-grow: 1; padding: 20px 26px; background: #fff6c6; border-radius: 10px; }
.evtComment .evtList .listItem .comment p {height: 183px; margin-bottom: 0; font-size: 14px; font-weight: 300; color: #525252; line-height:22px; letter-spacing: -0.04em; word-break: break-all; }
.evtComment .evtList .listItem .comment p br {display: none;}
.evtComment .evtList button[class^="item"] {display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 82px; }
.evtComment .evtList button.itemPrev {left: -42px; background: url(/resources/images/event/2023/event230228/arr_prev.png)no-repeat center;}
.evtComment .evtList button.itemNext {right: -42px; background: url(/resources/images/event/2023/event230228/arr_next.png)no-repeat center;}

/* paging */
.pagingWrap{position:relative; width:305px; height:29px; margin:36px auto 0; text-align:center; overflow:hidden;}
.pagingWrap .pageNum {display: flex; justify-content: center; position:absolute; left:50%; width:165px; height: 100%; transform:translateX(-50%);}
.pagingWrap button{display: inline-block; width: 29px; height: 29px; font-size: 14px; font-weight: 300; color: #bdbdbd;  text-align: center; vertical-align: top; line-height: 27px; border-radius: 50%; border: 1px solid #d8d7d7; background: #fff;}
.pagingWrap .pageNum button + button{margin-left:4px;}
.pagingWrap .pageNum button:first-child {margin-left: 0;}
.pagingWrap .on{background: #3d7bed; font-size: 13px; font-weight: 500; color: #fff;}
.pagingWrap [class^="btnPage"]{background-position:50% 50%;background-repeat:no-repeat;background-color:transparent; border:none;}
.pagingWrap .pagingPrev .btnPageFirst,
.pagingWrap .pagingNext .btnPageLast{background-image:url(/resources/images/event/2023/event230228/ico_page01.png);}
.pagingWrap .pagingPrev .btnPagePrev,
.pagingWrap .pagingNext .btnPageNext{background-image:url(/resources/images/event/2023/event230228/ico_page02.png);}
.pagingWrap .pagingPrev .btnPagePrev,
.pagingWrap .pagingPrev .btnPageFirst{transform:rotate(180deg);}
.pagingWrap .pagingPrev {display:inline-block; float:left;}
.pagingWrap .pagingNext {display:inline-block; float:right;}

.popTblWrap table th {padding: 10px 0 10px 30px;}
.popTblWrap table th.applyTit {line-height: 1.4;}
.popInfoWrap {padding: 30px 30px 38px;}
.infoList span {text-decoration: underline;}
.popInfoWrap .agreeWrap .infoTxt {margin: 20px 10px 0;}