@charset "UTF-8";

/** setting s **/
a {
  text-decoration:none;
  color:#000;
}
.hide {
  display: none !important;
}
/** setting e **/

body {
  background: #fff;
}

.mo {
  display: none;
}

input[type=radio] {
  -webkit-appearance: radio;
}

#fog {
  display: none;
  background: #000;
  opacity: 0.4;
  filter: alpha(opacity=40);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  padding-bottom: 100%;
}

#fog_picture {
  display: none;
  background: #000;
  opacity: 0.4;
  filter: alpha(opacity=40);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  padding-bottom: 100%;
}


#spinner {
  display:none;
  /* margin: calc(50% - 25px) auto; */
  width: 60px;
  height: 60px;
  border: 6px solid rgba(215, 215, 215, 0.5);
  box-sizing: border-box;
  border-top-color: #a7c56b;
  border-radius: 100%;
  position: absolute;
  top:-20px;
  z-index: 1000;
  
  animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  100%
  {
    transform: rotate(360deg);
  }
}


.link {
  position:absolute;
  opacity:0;
  background:red;
  cursor:pointer;
  width:100px;
  height:100px;
  left:50%;
  top:100px;
  z-index:9;
}

.img_box img {
  width:100%;
  display:block;
}


.container {
  width: 100%;
  margin:0 auto;
  max-width: unset;
}
.container.mo {
  max-width:780px;
}


.section {
  width: 100%;
  max-width:1920px;
  margin: 0 auto;
  background:#fff;
  position: relative;
}

.section .inner {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.wrap.main .section01 .inner {
  max-width: 1080px;
  min-height:240px;
  padding:60px 0;
}
.wrap.main .section01 .zone_text {
  text-align:center;
  line-height:1.3;
  max-width:1400px;
  margin:65px auto 0;
  padding-bottom:65px;
  font-size:21px;
  letter-spacing:-1px;
}
.wrap.main .section01 .zone_text.bottom {
  margin:80px auto 0;
  padding-bottom:0;
}
.wrap.main .section01 .zone_text .type01 {
  color:#595959;
  font-size:18px;
}

.wrap.main .section01 .zone_middle {
  background-color:#e9f4f8;
}

.wrap.main .section .inner {
  gap:40px;
}
.wrap.main .zone_middle .img_box.logo {
  width:150px;
}
.wrap.main .zone_middle .main_link_box {
  display:flex;
  justify-content: center;
  align-items: center;
  background:#fff;
  width:270px;
  height:104px;
  border:2px solid #c2e3ef;
  border-radius:34px;
}
.wrap.main .zone_middle .main_link_box .icon {
  width:68px;
  height:68px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}
.wrap.main .zone_middle .main_link_box.box1 .icon {
  background-image:url("../img/main/main_img01.png");
  width:40px;
  height:48px;
}
.wrap.main .zone_middle .main_link_box.box2 .icon {
  background-image:url("../img/main/main_img02.png");
  width:40px;
  height:40px;
}
.wrap.main .zone_middle .main_link_box.box3 .icon {
  background-image:url("../img/main/main_img03.png");
  width:38px;
  height:51px;
}

.wrap.main .zone_middle .main_link_box .text {
  padding-left:18px;
  font-size:24px;
  font-weight:700;
}


.wrap.sub.vote .section > .inner {
  max-width: 1372px;
  padding-bottom:0;
}

.section h2 {
  font-size:40px;
}





.header {
  max-width:1520px;
  height: auto;
  margin: 0 auto;
  padding:0 40px;
  display: flex;
  align-items:center;
  justify-content: space-between;
}
.header.fixed {
  position: fixed;
  top:0px;
	z-index:10;
}

.header .zone_logo {
  width:208px;
}
.header .img_logo {
  width:100%;
  display:block;
}

.header .zone_gnb {
  max-width: 1520px;
  height: 110px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.header a.gnb_item {
  font-size:24px;
  font-weight:800;
  color:#232323;
}
.header a.gnb_item.active {
  color:#1363a0;
}
.header a.gnb_item:hover {
  color:#1363a0;
}
.header .gnb_bullet {
  background-repeat:no-repeat;
  background-size:11px;
  background-position:center;
  background-image:url("../img/common/gnb_bullet.png");
  width:60px;
  height:100%;
}




.section_visual {
  height:554px;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
.section_visual.pc {
  background-image:url("../img/common/visual_pc.jpg");
}
.section_visual.mo {
  background-image:url("../img/common/visual_mo.jpg");
}





.section01 {
  margin-bottom:100px;
}







.wrap.sub .section > .inner {
  flex-direction: column;
  padding: 65px 0;
}

.wrap.sub .page_title {
  display:flex;
  align-items: center;
  justify-content: center;
  margin-bottom:50px;
}
.wrap.sub .page_title .text {
  color:#1363a0;
  font-size:36px;
  font-weight:700;
}
.wrap.sub .page_title .img_box {
  padding-left:22px;
}
.wrap.sub .page_title .img_box img {
  width:37px;
}




.wrap.sub.guideline .section > .inner {
  width:1080px;
}

.wrap.sub.guideline .zone_note {
  position: relative;
}
.wrap.sub.guideline .area_note_box {
  display:flex;
  border-bottom:2px dashed #c8c8c8;
  padding:30px 0;
}
.wrap.sub.guideline .area_note_box:last-child {
  border:0;
}
.wrap.sub.guideline .area_note_box .title {
  width:192px;
  font-size:24px;
  font-weight:700;
  color:#1363a0;
}
.wrap.sub.guideline .area_note_box .title span {
  position:relative;
  display:inline-block;
  padding:0 5px;
  z-index:1;
}
.wrap.sub.guideline .area_note_box .title span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background: #e9f4f8;
  height: 19px;
}
.wrap.sub.guideline .area_note_box .cont {
  flex-grow:1;
  font-size:24px;
  line-height: 1.3;
}
.wrap.sub.guideline .area_note_box .cont .emp1 {
  color:#d31a1a;
  font-size:18px;
}

.wrap.sub.guideline .zone_note .caution_box {
  border:2px solid #e2e2e2;
  padding:20px;
  overflow-y:auto;
  font-size:15px;
  background:#fafafa;
}
.wrap.sub.guideline .zone_note .caution_box .emp {
  color:#3f6dd4;
  font-weight:bold;
}
.wrap.sub.guideline .zone_note .img01 {
  width:100%;
  max-width:889px;
}



.wrap.sub.vote .section > .inner .sub_title {
  width:925px;
}

.wrap.sub.vote .section01 .txt_box {
  text-align:center;
  color: #595959;
  font-size:18px;
  margin-bottom: 60px;
}
.wrap.sub.vote .section01 .txt_box .text_emp {
  display:inline-block;
  background:#1363a0;
  color:#fff;
  padding:2px 12px;
  font-weight:700;
  font-size:24px;
  margin-bottom:20px;
}
.wrap.sub.vote .section01 .txt_box .text_info {
  display:block;
  color:#181818;
  padding:2px 12px;
  font-weight:700;
  font-size:24px;
  margin-bottom:30px;
}


.wrap_vote_list {
  background:#e9f4f8;
  padding:40px;
}

.wrap_vote_list .zone_search {
  position:relative;
  margin:0 auto;
  padding-bottom: 50px;
}
.wrap_vote_list .zone_search .input_item {
  display:flex;
  justify-content: center;
  align-items: center;
  font-size:24px;
}
.wrap_vote_list .zone_search .input_item input[type=radio] {
  width:20px;
  height:20px;
}
.wrap_vote_list .zone_search .input_item label {
  cursor:pointer;
  margin-left:3px;
}
.wrap_vote_list .zone_search .input_item #search_type02 {
  margin-left:20px;
}
.wrap_vote_list .zone_search .input_item input[type=text] {
  width:385px;
  height:43px;
  margin-left:20px;
  background:#fff;
  border:2px solid #217ec4;
  font-size:24px;
  padding:0 50px 0 6px;
}
.wrap_vote_list .zone_search .input_item button {
  color:transparent;
  position:relative;
  cursor:pointer;
  background:url("../img/sub/btn_search.png") no-repeat center;
  background-size: 95%;
  width:32px;
  height:29px;
  border:0;
  margin-left:-42px;
}

.vote_list {
  position:relative;
  display:flex;
  flex-wrap: wrap;
  width:100%;
  max-width:1372px;
  margin:0 auto;
  gap:22px;
}
.vote_list .item {
  display:flex;
  position:relative;
  background-color:#fff;
  width:326px;
  min-height:380px;
  height:auto;
  border-radius: 45px;
  flex-direction: column;
  align-items: center;
  padding:14px;
}

.vote_list .item .area_thumb {
  background-color:#fff;
  cursor:pointer;
  width:100%;
  height:207px;
  border-radius: 30px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}
.vote_list .item1 .area_thumb {
  background-image:url("../img/vote/sample1.jpg");
}
.vote_list .item2 .area_thumb {
  background-image:url("../img/vote/sample2.jpg");
}

.vote_list .item .area_title {
  line-height:1.1;
  width: 100%;
  text-align: center;
  margin:15px 0;
  font-weight:600;
  font-size:32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height:68px;
}

.vote_list .item .area_username {
  line-height:1.1;
  width: 100%;
  text-align: center;
  font-size:1px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height:0;
}

.vote_list .item .area_btn {
  display:flex;
  position: absolute;
  bottom: 14px;
}
.vote_list .item .area_btn .btn_select {
  background-repeat:no-repeat;
  background-position:center;
  cursor:pointer;
  background-image:url("../img/sub/btn_select_no.png");
  width:170px;
  height:47px;
  background-size: contain;
}
.vote_list .item .area_btn .btn_select.selected {
  background-image:url("../img/sub/btn_select_yes.png");
}

.vote_list .search_msg {
  margin:0 auto;
  font-size:25px;
}

.zone_btn_vote {
  padding-top:80px;
  padding-bottom:160px;
  position: relative;
  display: flex;
  justify-content: center;
}
.zone_btn_vote a.btn_vote {
  display:block;
  width:246px;
}
.zone_btn_vote a.btn_vote img {
  display:block;
  width:100%;
}









.sub.gallery .section > .inner {
  align-items:unset;
}
.sub.gallery .zone_catebox {
  margin:0 auto;
  width:100%;
  max-width:1440px;
}
.sub.gallery .catebox_year {
  display:inline-block;
  background:#ededed;
  font-weight:700;
  padding: 8px 35px;
  font-size: 24px;
  border-radius: 28px;
  margin-bottom: 30px;
  cursor:pointer;
}
.sub.gallery .catebox_year:nth-child(n+2) {
  margin-left:12px;
}
.sub.gallery .catebox_year.active {
  background:#125e98;
  color:#fff;
}

.winner_list {
  position:relative;
  display:flex;
  flex-wrap: wrap;
  margin:0 auto;
  width:100%;
  max-width:1440px;
  gap:22px;
}

.winner_list .item {
  display:flex;
  position:relative;
  width:100%;
  min-height:305px;
  height:auto;
  align-items: center;
  padding:14px 0;
  border-top:1px solid #656565;
  cursor:pointer;
}
.winner_list .item.mo {
  display:none;
}

.winner_list .item .area_prize {
  width:200px;
  height:100%;
  margin-right:70px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:80px 169px;
}
.winner_list .item .area_prize.first {
  background-image:url("../img/gallery/img_rank1.png");
  background-size:125px 164px;
}
.winner_list .item .area_prize.second {
  background-image:url("../img/gallery/img_rank2.png");
}
.winner_list .item .area_prize.third {
  background-image:url("../img/gallery/img_rank3.png");
}
.winner_list .item .area_prize.fourth {
  background-image:url("../img/gallery/img_rank4.png");
}

.winner_list .item .area_thumb {
  background-color:#fff;
  cursor:pointer;
  width:420px;
  height:227px;
  border-radius: 30px;
  margin-right:70px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}

.winner_list .item .area_title {
  line-height:1.1;
  font-weight:600;
  width: 520px;
  font-size:32px;
  padding-right: 40px;
}

.winner_list .item .area_btn {
  display:flex;
}
.winner_list .item .area_btn .btn_view {
  background-repeat:no-repeat;
  background-position:center;
  cursor:pointer;
  background-image:url("../img/gallery/btn_go.png");
  width:46px;
  height:46px;
  background-size: 100%;
}






.popup_common {
  display: none;
  position: fixed;
  width: 50rem;
  height: 30rem;
  background: #fff;
  z-index: 40;
  left: 50%;
  margin-left: -25rem;
  top: 50%;
  margin-top: -15rem;
  border-radius: 30px;
}
.popup_common.custom {
  height:33rem;
}
.popup_common .message {
  color:#000;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align:center;
  padding: 100px 30px 30px;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -1px;
  min-height: 220px;
}
.popup_common .message .emp {
  position:relative;
  color:#002c60;
  z-index:1;
}
.popup_common .message .emp::after {
  content:"";
  position:absolute;
  height:2rem;
  width:100%;
  background: #f6f3f2;
  bottom: 0;
  z-index: -1;
  left: 0;
  
}
.popup_common .text01 {
  text-align:center;
  font-size:1.8rem;
  letter-spacing: -0.05rem;
}


.popup_common .btn_close {
  position: absolute;
  cursor: pointer;
  width: 40px;
  height: 40px;
  right: 15px;
  top: 15px;
  background: url("../img/vote/btn_popup_close.png") no-repeat center;
  background-size:100%;
}

.popup_common .area_btn {
  position:absolute;
  bottom:0;
  width:100%;
}
.popup_common .btn {
  display:flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width:100%;
  height:70px;
  border-bottom-left-radius:30px;
  border-bottom-right-radius:30px;
  margin-top:0;
  border:0;
  color:#000;
  font-size: 22px;
  font-weight:600;
  background:#ffcf60;
}



.popup_picture {
  display: none;
  position: fixed;
  flex-direction: column;
  align-items: center;
  width: 860px;
  height: 645px;
  background: #fff;
  z-index: 20;
  left: 50%;
  margin-left: -400px;
  top: 50%;
  margin-top: -345px;
  border-radius:30px;
}
.popup_picture .btn_close {
  position: absolute;
  cursor: pointer;
  width: 40px;
  height: 40px;
  right: 15px;
  top: 15px;
  background: url("../img/vote/btn_popup_close.png") no-repeat center;
  background-size:100%;
}
.popup_picture .area_title {
  line-height: 1.1;
  font-weight:600;
  padding: 30px 0 5px;
  font-size: 36px;
  max-width: 84%;
  text-align:center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.popup_picture .area_username {
  line-height: 1.1;
  font-weight:600;
  padding: 5px 0 15px;
  font-size: 17px;
  max-width: 84%;
  text-align:center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.popup_picture .area_picture {
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  /* background-color:#eaeaea; */
  width:800px;
  height:485px;
}
.popup_picture .area_picture a {
  display:block;
  width:100%;
  height:100%;
}





.section.footer .inner {
  border-top:1px solid #cecece;
  max-width: 1440px;
  height:110px;
}
.section.footer .logo {
  width:150px;
}
.section.footer .zone_text {
  color:#ccc;
  font-size:16px;
  padding-left: 40px;
}
.section.footer .zone_sns {
  display:flex;
  gap:22px;
  padding-left: 430px;
}
.section.footer .zone_sns .sns_icon {
  display:block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  width:55px;
  height:55px;
}
.section.footer .zone_sns .sns_icon.homepage {
  background-image:url("../img/common/footer_sns01.png");
}
.section.footer .zone_sns .sns_icon.instagram {
  background-image:url("../img/common/footer_sns02.png");
}
.section.footer .zone_sns .sns_icon.youtube {
  background-image:url("../img/common/footer_sns03.png");
}




.sub.login .area_btn {
  margin-bottom:5px;
}







@media only screen and ( max-width:1920px ){
.section {
  max-width:100.00vw;
}


.wrap.main .section01 .inner {
  max-width: 56.25vw;
  min-height:12.50vw;
  padding:3.13vw 0;
}
.wrap.main .section01 .zone_text {
  max-width:72.92vw;
  margin:3.39vw auto 0;
  padding-bottom:3.39vw;
  font-size:1.09vw;
  letter-spacing:-0.05vw;
}
.wrap.main .section01 .zone_text.bottom {
  margin:4.17vw auto 0;
}
.wrap.main .section01 .zone_text .type01 {
  font-size:0.94vw;
}


.wrap.main .section .inner {
  gap:2.08vw;
}
.wrap.main .zone_middle .img_box.logo {
  width:7.81vw;
}
.wrap.main .zone_middle .main_link_box {
  width:14.06vw;
  height:5.42vw;
  border:0.10vw solid #c2e3ef;
  border-radius:1.77vw;
}
.wrap.main .zone_middle .main_link_box .icon {
  width:3.54vw;
  height:3.54vw;
}
.wrap.main .zone_middle .main_link_box.box1 .icon {
  width:2.08vw;
  height:2.50vw;
}
.wrap.main .zone_middle .main_link_box.box2 .icon {
  width:2.08vw;
  height:2.08vw;
}
.wrap.main .zone_middle .main_link_box.box3 .icon {
  width:1.98vw;
  height:2.66vw;
}

.wrap.main .zone_middle .main_link_box .text {
  padding-left:0.94vw;
  font-size:1.25vw;
}


.wrap.sub.vote .section > .inner {
  max-width: 71.46vw;
}

.section h2 {
  font-size:2.08vw;
}





.header {
  max-width:79.17vw;
  padding:0 2.08vw;
}

.header .zone_logo {
  width:10.83vw;
}

.header .zone_gnb {
  max-width: 79.17vw;
  height: 5.73vw;
}
.header a.gnb_item {
  font-size:1.25vw;
}
.header .gnb_bullet {
  background-size:0.57vw;
  width:3.13vw;
}




.section_visual {
  height:28.85vw;
}





.section01 {
  margin-bottom:5.21vw;
}







.wrap.sub .section > .inner {
  padding: 3.39vw 0;
}

.wrap.sub .page_title {
  margin-bottom:2.60vw;
}
.wrap.sub .page_title .text {
  font-size:1.88vw;
}
.wrap.sub .page_title .img_box {
  padding-left:1.15vw;
}
.wrap.sub .page_title .img_box img {
  width:1.93vw;
}




.wrap.sub.guideline .section > .inner {
  width:56.25vw;
}

.wrap.sub.guideline .area_note_box {
  border-bottom:0.10vw dashed #c8c8c8;
  padding:1.56vw 0;
}
.wrap.sub.guideline .area_note_box .title {
  width:10.00vw;
  font-size:1.25vw;
}
.wrap.sub.guideline .area_note_box .title span {
  padding:0 0.26vw;
}
.wrap.sub.guideline .area_note_box .title span::after {
  height: 0.99vw;
}
.wrap.sub.guideline .area_note_box .cont {
  font-size:1.25vw;
}
.wrap.sub.guideline .area_note_box .cont .emp1 {
  font-size:0.94vw;
}

.wrap.sub.guideline .zone_note .caution_box {
  border:0.10vw solid #e2e2e2;
  padding:1.04vw;
  font-size:0.78vw;
}

.wrap.sub.guideline .zone_note .img01 {
  max-width:46.30vw;
}



.wrap.sub.vote .section > .inner .sub_title {
  width:48.18vw;
}

.wrap.sub.vote .section01 .txt_box {
  font-size:0.94vw;
  margin-bottom: 3.13vw;
}
.wrap.sub.vote .section01 .txt_box .text_emp {
  padding:0.10vw 0.63vw;
  font-size:1.25vw;
  margin-bottom:1.04vw;
}
.wrap.sub.vote .section01 .txt_box .text_info {
  padding:0.10vw 0.63vw;
  font-size:1.25vw;
  margin-bottom:1.56vw;
}


.wrap_vote_list {
  padding:2.08vw;
}

.wrap_vote_list .zone_search {
  padding-bottom: 2.60vw;
}
.wrap_vote_list .zone_search .input_item {
  font-size:1.25vw;
}
.wrap_vote_list .zone_search .input_item input[type=radio] {
  width:1.04vw;
  height:1.04vw;
}
.wrap_vote_list .zone_search .input_item label {
  margin-left:0.16vw;
}
.wrap_vote_list .zone_search .input_item #search_type02 {
  margin-left:1.04vw;
}
.wrap_vote_list .zone_search .input_item input[type=text] {
  width:20.05vw;
  height:2.24vw;
  margin-left:1.04vw;
  border:0.10vw solid #217ec4;
  font-size:1.25vw;
  padding:0 2.60vw 0 0.31vw;
}
.wrap_vote_list .zone_search .input_item button {
  width:1.67vw;
  height:1.51vw;
  margin-left:-2.19vw;
}

.vote_list {
  max-width:71.46vw;
  gap:1.15vw;
}
.vote_list .item {
  width:16.98vw;
  min-height:19.79vw;
  border-radius: 2.34vw;
  padding:0.73vw;
}

.vote_list .item .area_thumb {
  height:10.78vw;
  border-radius: 1.56vw;
  border-bottom-left-radius: 0.52vw;
  border-bottom-right-radius: 0.52vw;
}

.vote_list .item .area_title {
  margin:0.78vw 0;
  font-size:1.67vw;
  height:3.54vw;
}


.vote_list .item .area_btn {
  bottom: 0.73vw;
}
.vote_list .item .area_btn .btn_select {
  width:8.85vw;
  height:2.45vw;
}

.vote_list .search_msg {
  font-size:1.30vw;
}

.zone_btn_vote {
  padding-top:4.17vw;
  padding-bottom:8.34vw;
}
.zone_btn_vote a.btn_vote {
  width:12.81vw;
}









.sub.gallery .zone_catebox {
  max-width:75.00vw;
}
.sub.gallery .catebox_year {
  padding: 0.42vw 1.82vw;
  font-size: 1.25vw;
  border-radius: 1.46vw;
  margin-bottom: 1.56vw;
}
.sub.gallery .catebox_year:nth-child(n+2) {
  margin-left:0.63vw;
}

.winner_list {
  max-width:75.00vw;
  gap:1.15vw;
}

.winner_list .item {
  min-height:15.89vw;
  padding:0.73vw 0;
  border-top:0.05vw solid #656565;
}

.winner_list .item .area_prize {
  width:10.42vw;
  margin-right:3.65vw;
  background-size:4.17vw 8.80vw;
}
.winner_list .item .area_prize.first {
  background-size:6.51vw 8.54vw;
}

.winner_list .item .area_thumb {
  width:21.88vw;
  height:11.82vw;
  border-radius: 1.56vw;
  margin-right:3.65vw;
}

.winner_list .item .area_title {
  width: 27.08vw;
  font-size:1.67vw;
  padding-right: 2.08vw;
}

.winner_list .item .area_btn .btn_view {
  width:2.40vw;
  height:2.40vw;
}






.popup_common {
  width: 34vw;
  height: 16vw;
  margin-left: -17vw;
  margin-top: -8vw;
  border-radius: 1.56vw;
}
.popup_common.custom {
  height:18vw;
}
.popup_common .message {
  padding: 5.21vw 1.56vw 1.56vw;
  font-size: 1.56vw;
  letter-spacing: -0.05vw;
  min-height: 11.46vw;
}
.popup_common .message .emp::after {
  height:2rem;
}
.popup_common .text01 {
  font-size:1.8rem;
  letter-spacing: -0.05rem;
}


.popup_common .btn_close {
  width: 2.08vw;
  height: 2.08vw;
  right: 0.78vw;
  top: 0.78vw;
}

.popup_common .btn {
  height:3.65vw;
  border-bottom-left-radius:1.56vw;
  border-bottom-right-radius:1.56vw;
  font-size: 1.15vw;
}



.popup_picture {
  width: 44.79vw;
  height: 34vw;
  margin-left: -20.83vw;
  margin-top: -18vw;
  border-radius:1.56vw;
}
.popup_picture .btn_close {
  width: 2.08vw;
  height: 2.08vw;
  right: 0.78vw;
  top: 0.78vw;
}
.popup_picture .area_title {
  padding: 1.56vw 0 0.26vw;
  font-size: 1.88vw;
}
.popup_picture .area_username {
  padding: 0.26vw 0 0.78vw;
  font-size: 0.89vw;
}
.popup_picture .area_picture {
  width:41.67vw;
  height:25.26vw;
}





.section.footer .inner {
  border-top:0.05vw solid #cecece;
  max-width: 75.00vw;
  height:5.73vw;
}
.section.footer .logo {
  width:7.81vw;
}
.section.footer .zone_text {
  font-size:0.83vw;
  padding-left: 2.08vw;
}
.section.footer .zone_sns {
  gap:1.15vw;
  padding-left: 22.40vw;
}
.section.footer .zone_sns .sns_icon {
  width:2.86vw;
  height:2.86vw;
}


.sub.login .area_btn a img {
  display:block;
  width:26vw;
}




}
/*@media only screen and ( max-width:1920px )*/














@media only screen and ( max-width:780px ){

.pc {
  display: none;
}
.mo {
  display: block;
}


.header {
  padding: 0 4vw;
  height: 14vw;
  max-width:unset;
}

.header .zone_logo {
  width: 30vw;
}
  
.header .zone_gnb {
  display:none;
  height: 12vw;
}
.header .zone_gnb .inner {
  height:6rem;
}
.header a {
  font-size: 2.6rem;
}



.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}

.menu-trigger {
  position: relative;
  width: 6.18vw;
  height: 5.09vw;
  margin-top: 0.55vw;
}
.menu-trigger.active-1 {
  margin-top:0;
  margin-bottom:0.91vw;
}

.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.73vw;
  background-color: #868686;
}

.menu-trigger span:nth-of-type(1) {
  top: 0;
}

.menu-trigger span:nth-of-type(2) {
  top: 2.18vw;
}

.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

/* type-01 */
/* 중앙 라인이 고정된 자리에서 투명하게 사라지며 상하라인 회전하며 엑스자 만들기 */
.menu-trigger.active-1 span:nth-of-type(1) {
  -webkit-transform: translateY (3.64vw) rotate (-45deg);
  transform: translateY(2.91vw) rotate(-45deg);
}

.menu-trigger.active-1 span:nth-of-type(2) {
  opacity: 0;
}

.menu-trigger.active-1 span:nth-of-type(3) {
  -webkit-transform: translateY(-3.64vw) rotate(45deg);
  transform: translateY(-1.45vw) rotate(45deg);
}


.section.gnb_mo {
  display:none;
  position:absolute;
  height:100vh;
  z-index:10;
  padding: 0 4vw;
}
.section.gnb_mo.active {
}
.section.gnb_mo .zone_gnb {
  display:flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding:15vw 0;
}
.section.gnb_mo .zone_gnb a {
  font-size:6vw;
  font-weight:800;
  margin-bottom:5vw;
}
.section.gnb_mo .zone_gnb a.active {
  color:#1363a0;
}

.section_visual {
  height: 100vw;
}




.section01 {
  margin-bottom: 8.21vw;
}
.section01 > .inner {
  flex-wrap: wrap;
}

.wrap.main .section01 .zone_text {
  max-width:86vw;
}

.wrap.sub.vote .section01 .txt_box {
  font-size:2.8vw;
  margin:0;
      padding: 0 0 8vw;
}
.wrap.sub.vote .section01 .txt_box .text_emp {
  padding: 0.60vw 2vw;
  font-size: 4vw;
  margin-bottom: 3vw;
}
.wrap.sub.vote .section01 .txt_box .text_info {
  padding:0.10vw 0.63vw;
  font-size:4vw;
  margin-bottom:3vw;
}

.wrap.main .section .zone_middle .inner {
  max-width:84vw;
  gap:4vw;
  padding:6vw 0;
  flex-wrap: wrap;
}
.wrap.main .section .zone_middle .img_box {
  display:none;
}
.wrap.main .zone_middle .main_link_box {
  width:100%;
  height:22vw;
  flex-direction: column;
  align-items: center;
  border-radius: 4vw;
}
.wrap.main .zone_middle .main_link_box.box1 .icon {
  width: 6.8vw;
  height: 7.5vw;
  margin-bottom: 1vw;
  background-position: center;
}
.wrap.main .zone_middle .main_link_box.box2 .icon {
  width: 6vw;
  height: 6vw;
  margin-bottom: 1vw;
  background-position: center;
}
.wrap.main .zone_middle .main_link_box.box3 {
  width:100%;
}
.wrap.main .zone_middle .main_link_box.box3 .icon {
  width: 8vw;
  height: 8vw;
  margin-bottom: 1vw;
  background-position: center;
}
.wrap.main .zone_middle .main_link_box .text {
  padding-left: 0;
  font-size: 3.5vw;
}


.wrap.main .section01 .zone_text .type01 {
  font-size: 3vw;
}


.wrap.sub.vote .section > .inner {
  max-width: 90vw;
  gap:3vw;
}
.section01 .zone_text .type01 {
  font-size:2.8vw;
}

.section01 .txt_box {
  width:100%;
  text-align:center;
  font-size:4vw;
  line-height:1.4;
  padding:2.5vw 1vw;
}
.section01 .txt_box.type01 {
  background:#fff0ce;
  border:0.5vw solid #ffcc5d;
  border-radius:4.5vw;
}

.section01 > .inner {
  max-width: 86vw;
  padding: 5vw 0;
  gap: 5.7vw;
}
.section01 .img_main02 {
  width:40vw;
}
.section01 .img_main02:last-child {
  width:100%;
}

.wrap.sub .section > .inner .img_box {
  margin-top: 5vw;
}



.wrap.sub.guideline .section > .inner {
  width: 92vw;
}
.wrap.sub.guideline .zone_note {
  top: 0;
  padding-left: 0;
  width:100%;
}

.wrap.sub .page_title {
  margin-bottom:2.60vw;
}
.wrap.sub .page_title .text {
  font-size:5vw;
}
.wrap.sub .page_title .img_box {
  padding-left:1.6vw;
  margin-top:0 !important;
}
.wrap.sub .page_title .img_box img {
  width:4.9vw;
}


.wrap.sub.guideline .area_note_box {
  border-bottom:0.4vw dashed #c8c8c8;
  padding:3.6vw 0;
  flex-direction: column;
  align-items: center;
}
.wrap.sub.guideline .area_note_box .title {
  width:auto;
  font-size:4.5vw;
  margin-bottom:2vw;
}
.wrap.sub.guideline .area_note_box .title span {
  padding:0 0.26vw;
}
.wrap.sub.guideline .area_note_box .title span::after {
  display:none;
}
.wrap.sub.guideline .area_note_box .cont {
  font-size:3.6vw;
  text-align:center;
}
.wrap.sub.guideline .area_note_box .cont .emp1 {
  font-size:2.6vw;
}

.wrap.sub.guideline .zone_note .caution_box {
  border: 0.40vw solid #e2e2e2;
  padding: 2vw;
  font-size: 3vw;
  text-align: left;
}

.wrap.sub.guideline .zone_note .img01 {
  max-width:100%;
}


.wrap.sub.guideline .zone_note .note_box {
  border: 0.40vw solid #e2e2e2;
  padding: 2vw;
  font-size: 3.5vw;
  height: 80vw;
}
.wrap.sub.guideline .btn_apply {
  border-radius: 2vw;
  font-size: 5vw;
  padding: 2vw 4vw;
}





.wrap.sub.vote .section > .inner .sub_title {
  width: 86vw;
}

.wrap_vote_list {
  padding:5vw;
}

.wrap_vote_list .zone_search {
  padding-bottom: 5vw;
}
.wrap_vote_list .zone_search .input_item {
  font-size:3.5vw;
}
.wrap_vote_list .zone_search .input_item input[type=radio] {
  width:3.5vw;
  height:3.5vw;
}
.wrap_vote_list .zone_search .input_item label {
  margin-left:0.3vw;
}
.wrap_vote_list .zone_search .input_item #search_type02 {
  margin-left:2.5vw;
}
.wrap_vote_list .zone_search .input_item input[type=text] {
  width:45vw;
  height:8vw;
  margin-left:3vw;
  border:0.40vw solid #217ec4;
  font-size:3.5vw;
  padding:0 5.9vw 0 1vw;
}
.wrap_vote_list .zone_search .input_item button {
  width:5vw;
  height:5vw;
  margin-left:-5.7vw;
}

.vote_list {
  max-width:90vw;
  gap: 5vw;
}
.vote_list .item {
  width: 42vw;
  min-height: 50vw;
  border-radius: 5vw;
  padding: 2vw;
}
.vote_list .item .area_thumb {
  height: 24vw;
  border-radius: 3vw;
  border-bottom-left-radius: 1vw;
  border-bottom-right-radius: 1vw;
}
.vote_list .item .area_title {
  margin: 3vw 0;
  font-size: 4vw;
  height: 8.7vw;
}
.vote_list .item .area_btn {
  bottom: 2vw;
}
.vote_list .item .area_btn .btn_select {
  width: 23vw;
  height: 6.65vw;
}

.vote_list .search_msg {
  font-size:4vw;
}

.zone_btn_vote {
  margin-top: 4vw;
  margin-bottom: 20vw;
}
.zone_btn_vote a.btn_vote {
  width: 33vw;
}



.wrap.sub.gallery .section > .inner {
  max-width:86vw;
}
.sub.gallery .zone_catebox {
  max-width: 86.00vw;
}
.sub.gallery .catebox_year {
  padding: 1vw 4.5vw;
  font-size: 3vw;
  border-radius: 4vw;
  margin-bottom: 6vw;
}
.sub.gallery .catebox_year:nth-child(n+2) {
  margin-left: 2vw;
}
  
.winner_list {
  gap:3vw;
  max-width: 86.00vw;
}

.winner_list .item {
  flex-direction: column;
  min-height:9vw;
  padding:12vw 0 0;
  border-top:0.05vw solid #656565;
}
.winner_list .item:not(.mo):nth-child(n+2) {
  border-top:0;
  width:48%;
  padding:0;
}
.winner_list .item.mo {
  display:block !important;
  padding:0;
  margin-top: 12vw;
}

.winner_list .item .area_prize {
  width:15vw;
  height:16vw;
  margin-right:0;
  background-size:7vw 14vw;
  position: absolute;
  left: 50%;
  top: -6vw;
  background-color: #fff;
  transform: translateX(-50%);
}
.winner_list .item .area_prize.first {
  background-size:12vw 15vw;
}
.winner_list .item:not(.mo) .area_prize.second,
.winner_list .item:not(.mo) .area_prize.third,
.winner_list .item:not(.mo) .area_prize.fourth {
  display:none;
}

.winner_list .item .area_thumb {
  width: 100%;
  height: 42vw;
  border-radius: 4vw;
  margin-right: 0;
}
.winner_list .item:nth-child(n+2) .area_thumb {
  width: 100%;
  height: 42vw;
  border-radius: 4vw;
  margin-right: 0;
}

.winner_list .item .area_title {
  width: 100%;
  font-size: 3.5vw;
  text-align: center;
  padding: 2vw 0;
  line-height: 1.2;
}

.winner_list .item .area_btn {
  display:none;
}





.popup_common {
  width: 90vw;
  height: 50vw;
  margin-left: -45vw;
  margin-top: -25vw;
  border-radius: 4vw;
}
.popup_common.custom {
  height: 52vw;
}
.popup_common .btn_close {
  width: 8vw;
  height: 8vw;
  right: 2vw;
  top: 2vw;
}
.popup_common .message {
  padding: 16vw 3vw 3vw;
  font-size: 5vw;
  letter-spacing: -0.05vw;
  min-height: 34.46vw;
}
.popup_common .btn {
  height: 9.65vw;
  border-bottom-left-radius: 3vw;
  border-bottom-right-radius: 3vw;
  font-size: 4vw;
}


.popup_picture {
  width: 90vw;
  height: 76vw;
  margin-left: -45vw;
  margin-top: -37vw;
  border-radius: 3vw;
}
.popup_picture .btn_close {
  width: 8vw;
  height: 8vw;
  right: 2vw;
  top: 2vw;
}
.popup_picture .area_title {
  padding: 5vw 0 2vw;
  font-size: 5.3vw;
}
.popup_picture .area_username {
  padding: 0 0 2vw;
  font-size: 3.3vw;
}
.popup_picture .area_picture {
  width: 84vw;
  height: 51vw;
}






.sub.login .area_btn {
  width:100%;
}
.sub.login .area_btn a {
  display:block;
  width:100%;
}
.sub.login .area_btn a img {
  display:block;
  width:100%;
}



.section.footer .inner {
  border-top: 0.05vw solid #cecece;
  max-width: 84.00vw;
  height: 14vw;
}
.section.footer .logo {
  width: 20vw;
}
.section.footer .zone_text {
  font-size: 2vw;
  padding-left: 2vw;
}
.section.footer .zone_sns {
  gap: 2vw;
  padding-left: 8vw;
}
.section.footer .zone_sns .sns_icon {
  width: 5.86vw;
  height: 5.86vw;
}


}
/*@media only screen and ( max-width:780px )*/









@media screen and (max-width:480px){

}