@charset "UTF-8";
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle;font-size:100%}
button{border:0 none;background-color:transparent;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
body{background-color:#fff;-webkit-text-size-adjust:none}
input:checked[type='checkbox']{background-color:#666; -webkit-appearance:checkbox}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset']{-webkit-appearance:none;border-radius:0}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
body,th,td,input,select,textarea{font-size:14px;line-height:1.5;font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic','맑은 고딕', system-ui, sans-serif;color:#333333}
a{color:#005a96;text-decoration:none}
a:active, a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
hr {border: 0 none;}
.img {margin: auto;display: block;}
.ir {text-indent: -9999px;width: 1px;height: 1px;margin: -1px;overflow: hidden;}


/* guide padding */
[data-view-guide="true"] .inner {position:relative;}
[data-view-guide="true"] .inner:not(.no-wrap):before,
[data-view-guide="true"] .inner:not(.no-wrap):after {content:'';display:block;width:35px;height:100%;position:absolute;top:0; background:#FFB2B2;opacity:0.3;}
[data-view-guide="true"] .inner:not(.no-wrap):before {left:0;}
[data-view-guide="true"] .inner:not(.no-wrap):after {right:0;}

/* design-guide */
.inner {
    max-width:375px;
    margin:0 auto;
    box-sizing: border-box;
}
.inner {
    padding: 0 35px;
    overflow: hidden;

}
.inner.no-wrap {
    padding:0;
    max-width: unset;
}


/* 유의사항 */
#eventInfo .info-tit {
    padding-top:80px;
    font-weight: 700;
    font-size: 24px;
    line-height: 38px;
}
#eventInfo .info-cont {
    margin-top:40px;
    margin-bottom:30px;
}
#eventInfo .info-list {
    margin-top: 20px;
    word-break: keep-all;
}
#eventInfo .info-list li {
    position:relative;
    padding-left:10px;
    font-size: 15px;
    line-height: 26px;
}
#eventInfo .info-list li::before {
    content: "·";
    position: absolute;
    top: 0px;
    left: 0px;
    font-family: 'Apple SD Gothic Neo', 'Malgun Gothic','맑은 고딕', system-ui, sans-serif;
    font-size: 16px;
    line-height: 28px;
}
#eventInfo .info-list li .emphasis.blue{
    color: #005a96;
}

.accordion-block {
    padding: 20px 0;
    overflow: hidden;
}
.accordion-block .accordion-btn {
    position: relative;
    width:100%;
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    /*line-height: 21px;*/
    line-height: 28px;
}
.accordion-block .accordion-btn span {
    vertical-align: middle;
}
.accordion-block .accordion-btn .icon-plus {
    position: absolute;
    top:2px; right:0;
}
.accordion-block .accordion-btn .icon-plus svg {
    transform: rotate(0deg);
    transition: transform 0.3s;
}
.accordion-block .accordion-btn.is-active .icon-plus svg {
    transform: rotate(225deg);
    transform-origin: center;
    transition: transform 0.3s;
}
.accordion-block .accordion-content {
    display: none;
}

.accordion-block.unfold .accordion-btn .icon-plus {
    display: none;
}
.accordion-block.unfold .accordion-content {
     display: block;
}
.accordion-block.unfold .accordion-btn {
    pointer-events: none;
}

.serial {
    padding-bottom:140px;
    font-size:15px;
    font-weight:700;
    line-height:26px;
}


/* theme color */
.theme-default #eventInfo {background: #F1F1F1;}
.theme-default #eventInfo * {color: #333333;}
.theme-dark #eventInfo {background:#444444;}
.theme-dark #eventInfo * {color:#F1F1F1;}
.theme-default .accordion-block {border-top: 2px solid #333333;}
.theme-dark .accordion-block {border-top: 2px solid #F1F1F1;}
.theme-default .accordion-block .accordion-btn .icon-plus svg {stroke: #333333;}
.theme-dark .accordion-block .accordion-btn .icon-plus svg {stroke: #F1F1F1;}


