body{margin:0px} @media screen and (min-width: 767px) { #wrap #location01{ width: 28.5%; padding: 3% 0; position: absolute; top: 16.9%; left: 36.5%;} #wrap #location02{ width: 28.5%; padding: 3% 0; position: absolute; bottom: 7.315%; left: 36.5%;} #wrap #pc_div{display:block;} #wrap #mobile_div {display:none;} } @media screen and (max-width: 767px) { #wrap #pc_div {display:none;} #wrap #mobile_div {display:block;} #wrap #mobile_div #location01{ width: 47%; padding: 5.4% 0; position: absolute; top: 14.0%; left: 28.3%;} #wrap #mobile_div #location02{ width: 47%; padding: 5.4% 0; position: absolute; bottom: 6.9%; left: 28.3%;} } #wrap_20190429 {max-width:1280px !important; width:100% !important;} #wrap_20190429 img{max-width:100%; height:auto;} @media screen and (min-width: 767px) { #wrap_20190429 #pc_div{display:block;} #wrap_20190429 #mobile_div {display:none;} #wrap_20190429 #pc_div #location01{ width: 21.5%; padding: 3.6% 0; position: absolute; top: 13.4%; left: 25.5%;} #wrap_20190429 #pc_div #location02{ width: 21.5%; padding: 3.6% 0; position: absolute; top: 13.4%; right: 25.5%;} #wrap_20190429 #pc_div #location03{ width: 21.5%; padding: 3.6% 0; position: absolute; bottom: 19%; left: 25.5%;} #wrap_20190429 #pc_div #location04{ width: 21.5%; padding: 3.6% 0; position: absolute; bottom: 19%; right: 25.5%;} #pc_div #textbox{ position: absolute;width: 66.8%; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 21.9%; border: none; padding: 3.9% 3.0%; box-sizing: border-box; background: url(/sub_main/share/images/190429_background.jpg) no-repeat; font-size: 20px; font-weight: 500; height: 7.83%; background-size: 100%; background-color: transparent; font-family: 'Open Sans',sans-serif; border-radius: 12px;} #pc_div #textbox h3{margin: 0px; font-size: 30px; padding: 1.6%; text-align: center; margin-bottom: 3%;} #pc_div #textbox p{ font-size: 1.7rem; height: 80%; overflow-y: scroll; margin: 0; padding: 0 3%; text-align: justify;} } @media screen and (max-width: 767px) { #wrap_20190429 #pc_div {display:none;} #wrap_20190429 #mobile_div {display:block;} #wrap_20190429 #mobile_div #location01{ width: 33%; padding: 5.3% 0; position: absolute; top: 9%; left: 14.5%;} #wrap_20190429 #mobile_div #location02{ width: 33%; padding: 5.3% 0; position: absolute; top: 9%; right: 14.5%;} #wrap_20190429 #mobile_div #location03{ width: 33%; padding: 5.6% 0; position: absolute; bottom: 22.5%; left: 14.5%;} #wrap_20190429 #mobile_div #location04{ width: 33%; padding: 5.6% 0; position: absolute; bottom: 22.5%; right: 14.5%;} #mobile_div #textbox{ position: absolute; width: 85%; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 26%; border: none; padding: 3.9% 3.0%; box-sizing: border-box; background: url(/sub_main/share/images/190429_background.jpg) no-repeat; font-weight: 500; height: 7.83%; background-size: 100% 100%; background-color: transparent; font-family: 'Open Sans',sans-serif; } #mobile_div #textbox h3{ margin: 0px; font-size: 2rem; padding: 1.6%; text-align: center; margin-bottom: 6%; margin-top: 6%;} #mobile_div #textbox p{ font-size: 1.4rem; padding: 0 3%; text-align: justify; height: 70%; overflow-y: scroll; margin: 0; line-height: 160%;} } /* 2019-07-23 */ @media screen and (min-width: 767px) { #wrap_20190723 #pc_div{display:block; } #wrap_20190723 #mobile_div {display:none; } #wrap_20190723 #pc_div #location01{ width: 18.1%; padding: 3.1% 0; position: absolute; top: 12.57%; left: 15.5%;} #wrap_20190723 #pc_div #location02{ width: 18.2%; padding: 3.1% 0; position: absolute; bottom: 4.58%; right: 40.8%;} } @media screen and (max-width: 767px) { #wrap_20190723 #pc_div {display:none; text-align: center;} #wrap_20190723 #mobile_div {display:block; text-align: center;} #wrap_20190723 #mobile_div img{ width: 100%; height: auto;} #wrap_20190723 #mobile_div #location01{ width: 37.6%; padding: 6.3% 0; position: absolute; top: 8.18%; left: 8.5%;} #wrap_20190723 #mobile_div #location02{ width: 43%; padding: 7.3% 0; position: absolute; bottom: 6.2%; right: 28.1%;} } /* 2019-10-22 */ @media screen and (min-width: 767px) { #wrap_20191022 #pc_div{display:block; } #wrap_20191022 #mobile_div {display:none; } #wrap_20191022 #pc_div #location01{ width: 21.6%; padding: 3.8% 0; position: absolute; top: 12.8%; left: 8.9%;} #wrap_20191022 #pc_div #location02{ width: 21.6%; padding: 3.7% 0; position: absolute; bottom: 13.9%; right: 39.5%;} } @media screen and (max-width: 767px) { #wrap_20191022 #pc_div {display:none; text-align: center;} #wrap_20191022 #mobile_div {display:block; text-align: center;} #wrap_20191022 #mobile_div img{ width: 100%; height: auto;} #wrap_20191022 #mobile_div #location01{ width: 37.6%; padding: 6.3% 0; position: absolute; top: 8.18%; left: 6%;} #wrap_20191022 #mobile_div #location02{ width: 37.5%; padding: 6.3% 0; position: absolute; bottom: 12.5%; right: 31.4%;} } /* 2019-11-19 */ #wrap_20191119 {max-width:1280px !important; width:100% !important;} #wrap_20191119 img{max-width:100%; height:auto;} @media screen and (min-width: 767px) { #wrap_20191119 #pc_div{display:block; } #wrap_20191119 #mobile_div {display:none; } #wrap_20191119 #pc_div #location01{width: 19%; padding: 3.5% 0; position: absolute; top: 19.4%; left: 28.5%; border:} #wrap_20191119 #pc_div #location02{width: 19%; padding: 3.5% 0; position: absolute; top: 19.4%; right: 28.0%; border:} #wrap_20191119 #pc_div #location01-1{width: 19%; padding: 3.5% 0; position: absolute; bottom: 3.5%; left: 28.5%; } #wrap_20191119 #pc_div #location02-1{width: 19%; padding: 3.5% 0; position: absolute; bottom: 3.5%; right: 28.0%;} } @media screen and (max-width: 767px) { #wrap_20191119 #pc_div {display:none; text-align: center;} #wrap_20191119 #mobile_div {display:block; text-align: center;} #wrap_20191119 #mobile_div img{ width: 100%; height: auto;} #wrap_20191119 #mobile_div #location01{width: 26.5%; padding: 4.9% 0; position: absolute; top: 15.9%; left: 19.5%;} #wrap_20191119 #mobile_div #location02{width: 26.5%; padding: 4.9% 0; position: absolute; top: 15.9%; right: 19.5%;} #wrap_20191119 #mobile_div #location01-1{width: 26.5%; padding: 4.9% 0; position: absolute; bottom: 3.5%; left: 19.5%; } #wrap_20191119 #mobile_div #location02-1{width: 26.5%; padding: 4.9% 0; position: absolute; bottom: 3.5%; right: 19.5%;} } /* 2020-04-28 */ #wrap_20200428 {max-width:1920px !important; width:100% !important;} #wrap_20200428 img{max-width:100%; height:auto;} @media screen and (min-width: 767px) { #wrap_20200428 #pc_div{display:block; } #wrap_20200428 #mobile_div {display:none; } #wrap_20200428 #pc_div #location01{ width: 18.1%; padding: 2.3% 0; position: absolute; bottom: 12.5%; left: 30.6%;} #wrap_20200428 #pc_div #location02{ width: 18.1%; padding: 2.3% 0; position: absolute; bottom: 12.5%; right: 30.6%;} } @media screen and (max-width: 767px) { #wrap_20200428 #pc_div {display:none; text-align: center;} #wrap_20200428 #mobile_div {display:block; text-align: center;} #wrap_20200428 #mobile_div img{ width: 100%; height: auto;} #wrap_20200428 #mobile_div #location01{ width: 44.6%; padding: 7% 0; position: absolute; bottom: 11.6%; left: 3%;} #wrap_20200428 #mobile_div #location02{ width: 44.6%; padding: 7% 0; position: absolute; bottom: 11.6%; right: 3%;} } /* 2020-12-30 */ #wrap_20201230 {max-width:1920px !important; width:100% !important;} #wrap_20201230 img{max-width:100%; height:auto;} @media screen and (min-width: 767px) { #wrap_20201230 #pc_div{display:block; } #wrap_20201230 #mobile_div {display:none; } #wrap_20201230 #pc_div #location01{ width: 18%; padding: 2.2% 0; position: absolute; bottom: 11.2%; left: 30.8%;} #wrap_20201230 #pc_div #location02{ width: 18%; padding: 2.2% 0; position: absolute; bottom: 11.2%; right: 30.8%;} } @media screen and (max-width: 767px) { #wrap_20201230 #pc_div {display:none; text-align: center;} #wrap_20201230 #mobile_div {display:block; text-align: center;} #wrap_20201230 #mobile_div img{ width: 100%; height: auto;} #wrap_20201230 #mobile_div #location01{ width: 44.1%; padding: 7% 0; position: absolute; bottom: 9.4%; left: 3.9%;} #wrap_20201230 #mobile_div #location02{ width: 44.1%; padding: 7% 0; position: absolute; bottom: 9.4%; right: 3.9%;} } /* 2020-01-30 */ #wrap_20210130 {max-width:1920px !important; width:100% !important;} #wrap_20210130 img{max-width:100%; height:auto;} @media screen and (min-width: 767px) { #wrap_20210130 #pc_div{display:block; } #wrap_20210130 #mobile_div {display:none; } #wrap_20210130 #pc_div #location01{ width: 18%; padding: 2.1% 0; position: absolute; bottom: 8%; left: 30.8%;} #wrap_20210130 #pc_div #location02{ width: 18%; padding: 2.1% 0; position: absolute; bottom: 8%; right: 30.8%;} } @media screen and (max-width: 767px) { #wrap_20210130 #pc_div {display:none; text-align: center;} #wrap_20210130 #mobile_div {display:block; text-align: center;} #wrap_20210130 #mobile_div img{ width: 100%; height: auto;} #wrap_20210130 #mobile_div #location01{ width: 44.1%; padding: 7% 0; position: absolute; bottom: 9.8%; left: 3.9%;} #wrap_20210130 #mobile_div #location02{ width: 44.1%; padding: 7% 0; position: absolute; bottom: 9.8%; right: 3.9%;} } /* 2020-02-24 */ #wrap_20210224 {max-width:1920px !important; width:100% !important;} #wrap_20210224 img{max-width:100%; height:auto;} @media screen and (min-width: 767px) { #wrap_20210224 #pc_div{display:block; } #wrap_20210224 #mobile_div {display:none; } #wrap_20210224 #pc_div #location01{ width: 8.7%; padding: 1.4% 0; position: absolute; top: 43.6%; left: 25.4%;} #wrap_20210224 #pc_div #location02{ width: 8.4%; padding: 1.3% 0; position: absolute; top: 65.9%; left: 25.1%;} #wrap_20210224 #pc_div #location03{ width: 8.9%; padding: 1.4% 0; position: absolute; bottom: 21.6%; left: 44.6%;} #wrap_20210224 #pc_div #location04{ width: 9.3%; padding: 1.5% 0; position: absolute; bottom: 32.6%; right: 27%;} #wrap_20210224 #pc_div #location05{ width: 9.3%; padding: 1.44% 0; position: absolute; top: 44.2%; right: 26.9%;} #wrap_20210224 #pc_div #location011{ width: 5%; padding: 2.5% 0; position: absolute; top: 33.8%; left: 35.8%;} #wrap_20210224 #pc_div #location022{ width: 5%; padding: 2.5% 0; position: absolute; top: 51.8%; left: 34%;} #wrap_20210224 #pc_div #location033{ width: 5.6%; padding: 1.89% 0; bottom: 35%; right: 48.2%; position: absolute;} #wrap_20210224 #pc_div #location044{ width: 5%; padding: 2.5% 0; position: absolute; bottom: 42%; right: 36.8%;} #wrap_20210224 #pc_div #location055{ width: 5%; padding: 2.5% 0; position: absolute; top: 33.6%; right: 38.1%;} } @media screen and (max-width: 767px) { #wrap_20210224 #pc_div {display:none; text-align: center;} #wrap_20210224 #mobile_div {display:block; text-align: center;margin-top:8%} #wrap_20210224 #mobile_div img{ width: 100%; height: auto;} #wrap_20210224 #mobile_div #location01{ width: 28.2%; padding: 4.4% 0; position: absolute; top: 36.5%; left: 8.1%;} #wrap_20210224 #mobile_div #location02{ width: 27%; padding: 4% 0; position: absolute; bottom: 25.4%; left: 8.1%;} #wrap_20210224 #mobile_div #location03{ width: 29%; padding: 4.5% 0; position: absolute; bottom: 5%; left: 35.8%;} #wrap_20210224 #mobile_div #location04{ width: 30.8%; padding: 4.6% 0; position: absolute; bottom: 24.3%; right: 7.6%;} #wrap_20210224 #mobile_div #location05{ width: 30%; padding: 4.6% 0; position: absolute; top: 36.3%; right: 8%;} #wrap_20210224 #mobile_div #location011{ width: 15%; padding: 7.4% 0; position: absolute; top: 20.4%; left: 8.5%;} #wrap_20210224 #mobile_div #location022{ width: 15.4%; padding: 7.8% 0; position: absolute; bottom: 38.7%; left: 8.1%;} #wrap_20210224 #mobile_div #location033{ width: 18.3%; padding: 6.3% 0; position: absolute; bottom: 18.9%; left: 41%;} #wrap_20210224 #mobile_div #location044{ width: 15.4%; padding: 7.8% 0; position: absolute; bottom: 38.7%; right: 8.1%;} #wrap_20210224 #mobile_div #location055{ width: 15%; padding: 7.4% 0; position: absolute; top: 20.4%; right: 8.5%;} } /* 2020-03-10 */ #wrap_20210224 {max-width:1920px !important; width:100% !important;} #wrap_20210224 img{max-width:100%; height:auto;} @media screen and (min-width: 767px) { #wrap_20210310 #pc_div{display:block; } #wrap_20210310 #mobile_div {display:none; } #wrap_20210310 #pc_div #location01{ width: 12.7%; padding: 2.0% 0; position: absolute; top: 57.8%; left: 36.4%;} #wrap_20210310 #pc_div #location02{ width: 12.3%; padding: 2.0% 0; position: absolute; top: 57.8%; right: 37.1%;} } @media screen and (max-width: 767px) { #wrap_20210310 #pc_div {display:none; text-align: center;} #wrap_20210310 #mobile_div {display:block; text-align: center;margin-top:8%} #wrap_20210310 #mobile_div img{ width: 100%; height: auto;} #wrap_20210310 #mobile_div #location01{ width: 40.2%; padding: 6.2% 0; position: absolute; top: 35.5%; left: 7.4%;} #wrap_20210310 #mobile_div #location02{ width: 40.2%; padding: 6.2% 0; position: absolute; top: 35.5%; right: 7.4%;} } /* 2020-03-24 */ #wrap_20210324 {max-width:1920px !important; width:100% !important;} #wrap_20210324 img{max-width:100%; height:auto;} @media screen and (min-width: 767px) { #wrap_20210324 #pc_div{display:block; } #wrap_20210324 #mobile_div {display:none; } #wrap_20210324 #pc_div #location01{ width: 12.7%; padding: 2.0% 0; position: absolute; bottom: 19.9%; left: 36.4%;} #wrap_20210324 #pc_div #location02{ width: 12.3%; padding: 2.0% 0; position: absolute; bottom: 19.9%; right: 37.1%;} #wrap_20210324 #pc_div #location03{ width: 20.8%; padding: 1.4% 0; position: absolute; bottom: 1%; left: 27.2%;} } @media screen and (max-width: 767px) { #wrap_20210324 #pc_div {display:none; text-align: center;} #wrap_20210324 #mobile_div {display:block; text-align: center;margin-top:8%} #wrap_20210324 #mobile_div img{ width: 100%; height: auto;} #wrap_20210324 #mobile_div #location01{ width: 40.2%; padding: 6.2% 0; position: absolute; top: 35.5%; left: 7.4%; bottom: 21.1%;} #wrap_20210324 #mobile_div #location02{ width: 40.2%; padding: 6.2% 0; position: absolute; top: 35.5%; right: 7.4%; bottom: 21.1%;} #wrap_20210324 #mobile_div #location03{ width: 53.2%; padding: 3.5% 0; position: absolute; left: 7.4%; bottom: 2.1%;} } /* 2020-04-27 */ #wrap_20210427_01 {max-width:1920px !important; width:100% !important;} #wrap_20210427_01 img{max-width:100%; height:auto;} @media screen and (min-width: 767px) { #wrap_20210427_01 #pc_div{display:block; } #wrap_20210427_01 #mobile_div {display:none; } #wrap_20210427_01 #pc_div #location01{ width: 18%; padding: 3.1% 0; position: absolute; bottom: 3.65%; left: 30.1%;} #wrap_20210427_01 #pc_div #location02{ width: 18%; padding: 3.1% 0; position: absolute; bottom: 3.65%; right: 30.4%;} } @media screen and (max-width: 767px) { #wrap_20210427_01 #pc_div {display:none; text-align: center;} #wrap_20210427_01 #mobile_div {display:block; text-align: center;margin-top:8%} #wrap_20210427_01 #mobile_div img{ width: 100%; height: auto;} #wrap_20210427_01 #mobile_div #location01{ width: 40.6%; padding: 7.8% 0; position: absolute; left: 6.7%; bottom: 1.9%;} #wrap_20210427_01 #mobile_div #location02{ width: 40.6%; padding: 7.8% 0; position: absolute; right: 6.7%; bottom: 1.9%;} } #wrap_20210427_02 { width:100% !important;} #wrap_20210427_02 img{max-width:100%; height:auto;} @media screen and (min-width: 767px) { #wrap_20210427_02 #pc_div{display:block; } #wrap_20210427_02 #mobile_div {display:none; } #wrap_20210427_02 #pc_div #youtube iframe{display:block; width:100%;height:100%} #wrap_20210427_02 #mobile_div #youtube{ display:none;} #wrap_20210427_02 #mobile_div #youtube iframe{display:none;} } @media screen and (max-width: 767px) { #wrap_20210427_02 #pc_div {display:none; text-align: center;} #wrap_20210427_02 #mobile_div {display:block; text-align: center;margin-top:8%} #wrap_20210427_02 #mobile_div img{ width: 100%; height: auto;} #wrap_20210427_02 #mobile_div #youtube{ display: block; position: absolute; top: 9.40%; left: 0; right: 0; width: 85%; margin-left: auto; margin-right: auto; height: 6.9%; } #wrap_20210427_02 #mobile_div #youtube iframe{display:block; width:100%;height:100%} #wrap_20210427_02 #pc_div #youtube{ display:none;} #wrap_20210427_02 #pc_div #youtube iframe{display:none;} } /* Chrome, Safari용 스크롤 바 */ #textbox p::-webkit-scrollbar {width: 10px; height: 8px; border: 3px solid transparent; background: #f8ece3; } #textbox p::-webkit-scrollbar-button:start:decrement {display: block; height: 10px; background:#f1e0d2} #textbox p::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background:#f1e0d2} #textbox p::-webkit-scrollbar-track { background: #f8ece3; border: 1px solid #dfc5ab;-webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2);} #textbox p::-webkit-scrollbar-thumb { height: 50px; width: 50px; background: #caa174f2; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1);}