* { margin: 0; padding: 0; box-sizing: border-box; position: relative; letter-spacing: -1px; outline: none !important; }
*:focus { outline: none; }
*::selection { background-color: #000; color: #FFF; }
html, body { width: 100%; height: 100%; float: left; color: #000; font-size: 14px; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; }
#wrap { width: 100%; height: 100%; float: left; }
#wrapCover { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99999999999; display: none; }

/* 엘리먼트 초기화 */
a { color: #000; text-decoration: none; }
img { vertical-align: bottom; }
ul, li { list-style: none; }
button { border: 0; cursor: pointer; }
label { cursor: pointer; }
table { table-layout: fixed; border-collapse: separate; border-spacing: 0; }
tspan { letter-spacing: -0.5px !important; }
input[type="radio"], input[type="checkbox"] { display: none; }

/* txtBox */
select.txtBox { min-width: 140px; height: 35px; float: left; color: #666; border: 1px solid #E1E1E1; padding: 0 10px; letter-spacing: -0.5px; }
select.listSet { width: 140px; height: 35px; float: left; color: #666; border: 1px solid #E1E1E1; padding: 0 10px; letter-spacing: -0.5px; }
input.txtBox { width: 100%; height: 35px; float: left; color: #666; border: 1px solid #E1E1E1; padding: 0 10px; letter-spacing: -0.5px; }
textarea.txtBox { width: 100%; height: 100px; float: left; color: #666; border: 1px solid #E1E1E1; padding: 10px; letter-spacing: -0.5px; resize: none; }

.txtBox::placeholder { color: #CCC; }
.txtBox::-webkit-input-placeholder { color: #CCC; }
.txtBox::-ms-input-placeholder { color: #CCC; }
.txtBox::-mos-input-placeholder { color: #CCC; }

.section { width: 100%; float: left; overflow: hidden; }
.section > .danConWrap { margin: 0 auto; z-index: 2; }
.section > .danConWrap > div { width: 100%; float: left; }
.section > .danConWrap > div > div { width: 100%; float: left; overflow: hidden; }

.section > .danBackgroundWrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0%; z-index: 1; }
.section > .danBackgroundWrap > img { position: absolute; width: 2000px; top: 0; left: 50%; margin-left: -1000px; z-index: 1; }

.section > .formWrap .titWrap { width: 100%; float: left; text-align: center; }
.section > .formWrap .tagWrap { width: 100%; float: left; }
.section > .formWrap .tagWrap > ul { width: 100%; float: left; }
.section > .formWrap .tagWrap > ul > li { width: 100%; float: left; }
.section > .formWrap .tagWrap > ul > li > .label { float: left; text-align: left; letter-spacing: -1px; }
.section > .formWrap .tagWrap > ul > li > .label.important::before { content: "*"; color: #DC3333; margin-right: 3px; top: -1px; }
.section > .formWrap .tagWrap > ul > li > .value { float: left; text-align: left; }
.section > .formWrap .tagWrap > ul > li > .value > .telValue { width: calc((100% - 70px) / 3) !important; }
.section > .formWrap .tagWrap > ul > li > .value > .telLabel { width: 35px !important; float: left; color: #333 !important; text-align: center !important; font-size: 30px !important; }
.section > .formWrap .tagWrap > ul > li > .value > select.txtBox { width: 100%; }
.section > .formWrap .tagWrap > ul > li > .value > label { float: left; margin-right: 1%; text-align: center; }
.section > .formWrap .tagWrap > ul > li > .value > label:last-of-type { margin-right: 0; }
.section > .formWrap .tagWrap > ul > li > .value > label::before { content: "\f058"; font-family: "Font Awesome 5 Free"; font-weight: 400; margin-right: 2%; }
.section > .formWrap .tagWrap > ul > li > .value > input:checked + label::before { font-weight: 900; }
.section > .formWrap .btnWrap { width: 100%; float: left; text-align: center; }
.section > .formWrap .btnWrap > img { max-width: 100%; cursor: pointer; }
.section > .formWrap .privacyWrap { width: 100%; float: left; }
.section > .formWrap .privacyWrap > li { float: left; }
.section > .formWrap .privacyWrap > li.value > .contentsWrap { width: 100%; height: 135px; float: left; color: #666; border: 1px solid #E1E1E1; padding: 10px; letter-spacing: -0.8px; resize: none; overflow-y: auto; margin-bottom: 10px; background-color: #FFF; }
.section > .formWrap .privacyWrap > li.value > .checkWrap { width: 100%; float: left; font-size: 14px; }
.section > .formWrap .privacyWrap > li.value > .checkWrap > label { float: left; font-weight: 500; }
.section > .formWrap .privacyWrap > li.value > .checkWrap > label > i { display: inline-block; margin-right: 5px; font-family: "Font Awesome 5 Free" !important; }
.section > .formWrap .privacyWrap > li.value > .checkWrap > label > i.off { color: #CCC; }
.section > .formWrap .privacyWrap > li.value > .checkWrap > label > i.on { display: none; }
.section > .formWrap .privacyWrap > li.value > .checkWrap > input:checked + label > i.off { display: none; }
.section > .formWrap .privacyWrap > li.value > .checkWrap > input:checked + label > i.on { display: inline-block; }
.section > .formWrap .privacyWrap > li.value > .checkWrap > a { float: left; font-weight: bold; margin-left: 10px; }

.section > .danImgWrap { width: 1200px; }
.section > .danImgWrap img { width: 100%; float: left; }
.section > .danImgWrap a { width: 100%; float: left; }

.section > .danConWrap .danTitleWrap { width: 100%; float: left; text-align: center; }
.section > .danConWrap .danSubTitleWrap { width: 100%; float: left; text-align: center; }
.section > .danConWrap .danSubTitleWrap > p { display: inline-block; }
.section > .danConWrap .danConInfoWrap { width: 100%; float: left; text-align: center; }
.section > .danConWrap .danConInfoWrap > p { display: inline-block; }

.section > .danVidWrap .frameWrap { width: 100%; float: left; }
.section > .danVidWrap .frameWrap > iframe { width: 100%; float: left; border: none; display: block; }
.section > .danVidWrap .frameWrap > iframe:nth-of-type(2) { display: none; }
.section > .danVidWrap .frameWrap.type1 > iframe { width: 100% !important; margin: 0 !important; }
.section > .danVidWrap .frameWrap.type2 > iframe { width: 50%; display: block; }

.section > .danVidWrap .videoDanConInfoWrap { width: 100%; float: left; }
.section > .danVidWrap .videoDanConInfoWrap > p { width: 100%; float: left; border: none; display: block; text-align: center; }
.section > .danVidWrap .videoDanConInfoWrap > p:nth-of-type(2) { display: none; }
.section > .danVidWrap .videoDanConInfoWrap.type1 > p { width: 100% !important; margin-right: 0 !important; }
.section > .danVidWrap .videoDanConInfoWrap.type2 > p { width: 50%; display: block; }

.section > .danMapWrap .frameWrap { width: 100%; float: left; }
.section > .danMapWrap .frameWrap > iframe { width: 100%; float: left; border: none; display: block; }

.section > .danTxtWrap * { font-family: "Noto Sans KR", sans-serif !important; }

#floatingNavPCWrap { position: absolute; min-width: 150px; background-color: #FFF; border: 1px solid #000; z-index: 10; left: 50%; top: 50%; opacity: 0; }
#floatingNavPCWrap > ul > li { text-align: center; font-size: 14px; font-weight: 500; color: #000; border-bottom: 1px solid #000; }
#floatingNavPCWrap > ul > li:last-of-type { border-bottom: 0; }
#floatingNavPCWrap > ul > li.basic { padding: 15px 0; cursor: pointer; }
#floatingNavPCWrap > ul > li.basic > i { margin-right: 5px; }
#floatingNavPCWrap > ul > li.goToTop { padding: 10px 0; background-color: #000; color: #FFF !important; font-weight: bold; cursor: pointer; }
#floatingNavPCWrap > ul > li img { vertical-align: bottom; }
#floatingNavPCWrap > ul > li a { display: block; }

#floatingNavMWrap { position: fixed; right: 0; bottom: 0; z-index: 10; }
#floatingNavMWrap > ul { padding-bottom: 0 !important; }
#floatingNavMWrap > ul > li { text-align: center; margin-right: 0 !important; }
#floatingNavMWrap > ul > li > a { width: 100%; height: 100%; float: left; }

/* 팝업 영역 */
.popupWrap { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; background-color: rgba(0, 0, 0, 0.5); display: none; }
.popupWrap > .popupBox { position: absolute; width: 1200px; height: 700px; left: 50%; top: 50%; margin-top: -350px; margin-left: -600px; background-color: #FFF; }
.popupWrap .left { float: left; }
.popupWrap .right { float: right; }

.popupWrap > .popupBox > .titWrap { width: 100%; float: left; padding: 25px 0; border-bottom: 1px solid #EBEBEB; }
.popupWrap > .popupBox > .titWrap > .left { padding-left: 50px; font-size: 21px; color: #333; font-weight: bold; }
.popupWrap > .popupBox > .titWrap > .left > .guide { font-size: 14px; color: #BBB; font-weight: 500; margin-left: 15px; }
.popupWrap > .popupBox > .titWrap > .right { height: 31px; }
.popupWrap > .popupBox > .titWrap > .right > i { position: absolute; font-size: 40px; right: 30px; top: 50%; margin-top: -20px; color: #CCC; cursor: pointer; }
.popupWrap > .popupBox > .titWrap > .right > i:hover { color: #BBB; }

.popupWrap > .popupBox > .frameWrap { width: 100%; height: calc(100% - 82px); float: left; padding: 0; overflow-y: auto; }

.popupBox .popupContentsWrap { width: 100%; height: 100%; float: left; overflow-y: auto; padding: 30px 60px; }

/* 공유하기 영역 */
#linkShareWrap { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; background-color: rgba(0, 0, 0, 0.5); display: none; }
#linkShareWrap > #shareBox { position: absolute; width: 400px; left: 50%; top: 50%; margin-top: -116px; margin-left: -200px; background-color: #FFF; }

#shareBox > .shareList { width: 100%; float: left; padding: 30px 0; }
#shareBox > .shareList > ul { width: 100%; float: left; text-align: center; margin-bottom: 20px; }
#shareBox > .shareList > ul:last-of-type { margin-bottom: 0; }
#shareBox > .shareList > ul > li { width: 48px; display: inline-block; text-align: center; cursor: pointer; margin: 0 20px; }
#shareBox > .shareList > ul > li > img { border-radius: 100%; }
#shareBox > .shareList > ul > li > span { display: block; width: 100%; text-align: center; font-size: 13px; color: #333; margin-top: 4px; }

#shareBox > .shareLink { width: 100%; float: left; padding: 20px; padding-top: 0; }
#shareBox > .shareLink > button { width: 100px; height: 35px; float: left; border-radius: 3px; background-color: #333; font-weight: 500; color: #FFF; font-size: 13px; }
#shareBox > .shareLink > input { width: calc(100% - 110px); height: 35px; float: left; margin-right: 10px; border-radius: 3px; border: 1px solid #EEE; padding: 0 10px; font-size: 13px; color: #666; letter-spacing: -0.8px; }

#shareBox > .shareCloseBtn { width: 100%; float: left; height: 50px; line-height: 50px; text-align: center; border-top: 1px solid #EEE; font-size: 13px; color: #999; cursor: pointer; }