* { 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; }


/* 상단배너 */
.sl_bg{width:100%; float:left; background-image: url("/images/sl_bg1.png"); position: relative; min-width:1200px; height: 875px; background-position: 0 105px; }
.sl_bg > img{position: absolute; bottom: -180px; left: 235px; min-width: 760px;}
.sl_top{width: 100%; float: left; padding: 30px 0; background-color: #FFF; }
.sl_top > div > div > ul li{float: left;}
.sl_top > div > div > ul:nth-child(1){width: 30%; float: left;}
.sl_top > div > div > ul:nth-child(1) > li > img{width: 220px; height: 50px; float: left; vertical-align: center;}
.sl_top > div > div > ul:nth-child(2){width: 70%; float: left;}
.sl_top > div > div > ul:nth-child(2) > li{width: 18.4%; color: #333; font-size: 18px; font-weight: bold; line-height: 49px; text-align: center; height: 49px; }
/*.sl_top > div > div > ul:nth-child(2) > li:nth-child(5){ width: 15%; font-size: 17px; border: 1px solid #CCCCD9;}*/
.sl_top > div > div > ul:nth-child(2) > li:nth-child(6){width:7%; margin-left:1%;}
/*border: 1px solid #CCCCD9;*/
.scrols { cursor:pointer; }
.sharePopup { position:absolute; top:60px; right:0; background-color:white; width:552px; height:293px; border-radius:8px; display:none; z-index: 10; border : 1px solid #ccc;  }
.sharePopup .cont { position:absolute; width:100%; height:100%; }
.sharePopup .cont > div { width:100%; float:left; color:black; }
.sharePopup .cont > .topArea { padding:46px 53px; }
.sharePopup .cont > .topArea .icons { width:100%; float:left; }
.sharePopup .cont > .topArea .icons > ul { width:20%; float:left; cursor:pointer; }
.sharePopup .cont > .topArea .icons > ul > li { width:100%; float:left; }
.sharePopup .cont > .topArea .icons > ul > li img { vertical-align: top; }
.sharePopup .cont > .topArea .icons .txt { line-height:25px; margin-top:10px; }

.sharePopup .cont > .topArea .shortUrl { width:100%; float:left; margin-top:25px; }
.sharePopup .cont > .topArea .shortUrl * { height:45px; outline:none; border-radius: 5px; }
.sharePopup .cont > .topArea .shortUrl input { width:84%; float:left; border:1px solid #e0e0e0; padding-left:5px; }
.sharePopup .cont > .topArea .shortUrl button { width:15%; float:right; border:none; background-color:#401c66; color:white; }

.sharePopup .cont > .bottomArea { border-top:1px solid #ccc; cursor:pointer; }
.common_box { width:100%; float:left; min-width:1200px; }
.common_box > div { width:1200px; margin:0 auto; }
.common_box > div > div { width:100%; float:left; }



/* 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 > .danTapWrap { margin: 0 auto; z-index: 2; }
.section > .danTapWrap > div { width: 100%; float: left; padding : 50px; padding-top: 0px; }
.section > .danTapWrap > div > div { width: 100%; float: left; overflow: hidden; }
.section > .danTapWrap .tit{ width: 100%;  float: left; font-size: 50px; font-weight: 800; text-align: center; margin-top: 90px; }
.section > .danTapWrap .tapMenu {float: left; margin-top: 70px; width : 100%}
.section > .danTapWrap .tapMenu > div {margin: 0 auto; width : 50%}
.section > .danTapWrap .tapMenu > div ul {float: left; width : 100%;}
.section > .danTapWrap .tapMenu ul li{ float: left; font-size: 20px; padding: 15px 0; text-align: center; cursor: pointer; }
.section > .danTapWrap .tapMenu ul li:first-child{ border-left: 0 !important; }




.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; }