@charset "UTF-8";

/*초기화*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, a,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	font-family: 'Roboto','Noto Sans Korean', sans-serif;
	box-sizing:border-box;
}
a {text-decoration:none}

::-webkit-scrollbar { -webkit-appearance: none; } ::-webkit-scrollbar:vertical { width: 12px; } ::-webkit-scrollbar:horizontal { height: 12px; } ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .1); border-radius: 10px; border: 2px solid #ffffff; } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #eee; }

body {  line-height:1; background: #fff; }
img {max-width:100%}
ul {list-style: none}
.clear_after:after {content:""; clear:both; display: table;}
.mobile_only {display: none}
.container {width:100%;  margin: 0 auto; position:relative}
.main_logo_wrap {height: 100px; border-bottom: 1px solid #ddd; padding-top: 25px}
.main_logo_wrap > div {float:left}
.main_logo_wrap .logo { width: 140px; padding-left:50px}
.main_logo_wrap .logo img.logo_img {width: 65px;}
.main_logo_wrap .title {padding-left:0}
.main_logo_wrap .title h2 {font-size: 25px;  padding-bottom: 10px;  font-weight: 800;}
.main_logo_wrap .title p {font-size: 14px;  font-weight: 300; letter-spacing: 0.01em;}
.main_logo_wrap .title p sup {vertical-align: super;  font-size: 0.6em;}

.vote_form_wrap {/* max-height: 900px; overflow-y:scroll */ padding-right: 45px;}

.main_title_wrap {display: flex;   flex-wrap: wrap;   align-items: flex-start; padding: 0 0 4vw;}
.main_title_wrap h2 {display: inline-block;     width: 28vw;    font-size: 1.94444vw;    letter-spacing: -.05556vw;    vertical-align: top;  line-height: 1.36; font-weight: 800;}
.main_title_wrap .comment {display: inline-block;     vertical-align: top;    line-height: 1.4;    font-size: 1.38889vw;    letter-spacing: -.04167vw;}
.main_title_wrap .comment.mobile_only {display:none}
.main_title_wrap .comment.add {line-height: 1.6em;  padding-bottom: 0; padding-top: 40px; word-break: keep-all;}
.main_title_wrap .comment.add.en {padding-bottom: 50px}
.main_title_wrap .comment.add a {display: inline-block;  color: #1065dd;  text-decoration: underline;  text-underline-offset: 3px;  font-weight: 500;}
.vote_form_wrap form {padding: 0;}
.vote_list_wrap {padding: 0;  background: #fff;}
.vote_list_wrap h2 {font-size: 1.9vw;  padding-bottom: 50px;  font-weight: 800;}
.vote_list_wrap h2 .sm_txt {font-size: 18px;  font-weight: 500;  letter-spacing: -0.01em;}
.vote_list_wrap h3 {font-size: 16px;    font-weight: 700;  margin-bottom: 1em;}
.vote_list_wrap .desc {font-size: 16px;    font-weight: 400;  margin-bottom: 2em;color: #666;}

.main_title_wrap .comment .global_link {display: block;  padding-top: 0.5em;  font-size: 0.85em;  line-height: 1.4em; color: #00a0ea;}
.main_title_wrap .comment .global_link a {text-decoration: underline;     font-weight: bold;    color: #00a0ea;}


.vote_list_wrap p.comment {margin-bottom: 15px;     font-size: 16px;    color: #00a3da;    font-weight: 700;    padding-top: 1.5em;}
.vote_list_wrap p.comment span {display: block;   padding-left: 10px;  font-size: 0.9em;  color: #999; padding-top: 10px;}

.vote_list_wrap:not(.new_layout) ul {display: flex;   flex-wrap: wrap;  /*gap: 40px; */}
.vote_list_wrap:not(.new_layout) ul li { /*width:calc((100% - 80px) / 3); */ width: 30%;    margin-right: 2%;  margin-bottom: 2%; text-align: center; position: relative;transition: all 0.15s;}

/*
.vote_list_wrap.order_1 ul li.list01 {order: 1}
    .vote_list_wrap.order_1 ul li.list02 {order: 2}
    .vote_list_wrap.order_1 ul li.list03 {order: 3}
    .vote_list_wrap.order_1 ul li.list04 {order: 4}
    .vote_list_wrap.order_1 ul li.list05 {order: 5}
    .vote_list_wrap.order_1 ul li.list06 {order: 6}
    .vote_list_wrap.order_1 ul li.list07 {order: 7}
    .vote_list_wrap.order_1 ul li.list08 {order: 8}
    .vote_list_wrap.order_1 ul li.list09 {order: 9}
    .vote_list_wrap.order_1 ul li.list10 {order: 10}
    
    .vote_list_wrap.order_2 ul li.list01 {order: 9}
    .vote_list_wrap.order_2 ul li.list02 {order: 1}
    .vote_list_wrap.order_2 ul li.list03 {order: 10}
    .vote_list_wrap.order_2 ul li.list04 {order: 2}
    .vote_list_wrap.order_2 ul li.list05 {order: 7}
    .vote_list_wrap.order_2 ul li.list06 {order: 8}
    .vote_list_wrap.order_2 ul li.list07 {order: 4}
    .vote_list_wrap.order_2 ul li.list08 {order: 6}
    .vote_list_wrap.order_2 ul li.list09 {order: 5}
    .vote_list_wrap.order_2 ul li.list10 {order: 3}
    
    .vote_list_wrap.order_3 ul li.list01 {order: 5}
    .vote_list_wrap.order_3 ul li.list02 {order: 6}
    .vote_list_wrap.order_3 ul li.list03 {order: 1}
    .vote_list_wrap.order_3 ul li.list04 {order: 2}
    .vote_list_wrap.order_3 ul li.list05 {order: 7}
    .vote_list_wrap.order_3 ul li.list06 {order: 3}
    .vote_list_wrap.order_3 ul li.list07 {order: 4}
    .vote_list_wrap.order_3 ul li.list08 {order: 8}
    .vote_list_wrap.order_3 ul li.list09 {order: 10}
    .vote_list_wrap.order_3 ul li.list10 {order: 9}
    
    .vote_list_wrap.order_4 ul li.list01 {order: 9}
    .vote_list_wrap.order_4 ul li.list02 {order: 3}
    .vote_list_wrap.order_4 ul li.list03 {order: 2}
    .vote_list_wrap.order_4 ul li.list04 {order: 1}
    .vote_list_wrap.order_4 ul li.list05 {order: 10}
    .vote_list_wrap.order_4 ul li.list06 {order: 6}
    .vote_list_wrap.order_4 ul li.list07 {order: 5}
    .vote_list_wrap.order_4 ul li.list08 {order: 4}
    .vote_list_wrap.order_4 ul li.list09 {order: 7}
    .vote_list_wrap.order_4 ul li.list10 {order: 8}
    
    .vote_list_wrap.order_5 ul li.list01 {order: 3}
    .vote_list_wrap.order_5 ul li.list02 {order: 10}
    .vote_list_wrap.order_5 ul li.list03 {order: 2}
    .vote_list_wrap.order_5 ul li.list04 {order: 9}
    .vote_list_wrap.order_5 ul li.list05 {order: 1}
    .vote_list_wrap.order_5 ul li.list06 {order: 4}
    .vote_list_wrap.order_5 ul li.list07 {order: 8}
    .vote_list_wrap.order_5 ul li.list08 {order: 7}
    .vote_list_wrap.order_5 ul li.list09 {order: 6}
    .vote_list_wrap.order_5 ul li.list10 {order: 5}
    
    .vote_list_wrap.order_6 ul li.list01 {order: 10}
    .vote_list_wrap.order_6 ul li.list02 {order: 9}
    .vote_list_wrap.order_6 ul li.list03 {order: 8}
    .vote_list_wrap.order_6 ul li.list04 {order: 7}
    .vote_list_wrap.order_6 ul li.list05 {order: 6}
    .vote_list_wrap.order_6 ul li.list06 {order: 1}
    .vote_list_wrap.order_6 ul li.list07 {order: 5}
    .vote_list_wrap.order_6 ul li.list08 {order: 2}
    .vote_list_wrap.order_6 ul li.list09 {order: 3}
    .vote_list_wrap.order_6 ul li.list10 {order: 4}
    
    .vote_list_wrap.order_7 ul li.list01 {order: 2}
    .vote_list_wrap.order_7 ul li.list02 {order: 9}
    .vote_list_wrap.order_7 ul li.list03 {order: 10}
    .vote_list_wrap.order_7 ul li.list04 {order: 3}
    .vote_list_wrap.order_7 ul li.list05 {order: 8}
    .vote_list_wrap.order_7 ul li.list06 {order: 7}
    .vote_list_wrap.order_7 ul li.list07 {order: 1}
    .vote_list_wrap.order_7 ul li.list08 {order: 6}
    .vote_list_wrap.order_7 ul li.list09 {order: 5}
    .vote_list_wrap.order_7 ul li.list10 {order: 4}
    
    .vote_list_wrap.order_8 ul li.list01 {order: 2}
    .vote_list_wrap.order_8 ul li.list02 {order: 4}
    .vote_list_wrap.order_8 ul li.list03 {order: 3}
    .vote_list_wrap.order_8 ul li.list04 {order: 5}
    .vote_list_wrap.order_8 ul li.list05 {order: 10}
    .vote_list_wrap.order_8 ul li.list06 {order: 9}
    .vote_list_wrap.order_8 ul li.list07 {order: 8}
    .vote_list_wrap.order_8 ul li.list08 {order: 1}
    .vote_list_wrap.order_8 ul li.list09 {order: 6}
    .vote_list_wrap.order_8 ul li.list10 {order: 7}
    
    .vote_list_wrap.order_9 ul li.list01 {order: 2}
    .vote_list_wrap.order_9 ul li.list02 {order: 4}
    .vote_list_wrap.order_9 ul li.list03 {order: 8}
    .vote_list_wrap.order_9 ul li.list04 {order: 5}
    .vote_list_wrap.order_9 ul li.list05 {order: 9}
    .vote_list_wrap.order_9 ul li.list06 {order: 6}
    .vote_list_wrap.order_9 ul li.list07 {order: 7}
    .vote_list_wrap.order_9 ul li.list08 {order: 10}
    .vote_list_wrap.order_9 ul li.list09 {order: 1}
    .vote_list_wrap.order_9 ul li.list10 {order: 3}
    
    .vote_list_wrap.order_10 ul li.list01 {order: 3}
    .vote_list_wrap.order_10 ul li.list02 {order: 6}
    .vote_list_wrap.order_10 ul li.list03 {order: 2}
    .vote_list_wrap.order_10 ul li.list04 {order: 10}
    .vote_list_wrap.order_10 ul li.list05 {order: 7}
    .vote_list_wrap.order_10 ul li.list06 {order: 8}
    .vote_list_wrap.order_10 ul li.list07 {order: 4}
    .vote_list_wrap.order_10 ul li.list08 {order: 9}
    .vote_list_wrap.order_10 ul li.list09 {order: 5}
    .vote_list_wrap.order_10 ul li.list10 {order: 1}
	
*/	
	
.vote_list_wrap .img_box {position: relative; margin-bottom: 20px; overflow:hidden; -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);}
.vote_list_wrap .img_box .num {position: absolute;   left: 10px;  top: 10px;  display: inline-block;  width: 48px;  height: 48px;  background: #1065dd;    border-radius: 100%;  text-align: center;   color: #fff;   font-size: 20px;   font-weight: 500;   padding: 14px; z-index: 10;}
.vote_list_wrap .img_box img {display: block; width:100%;  -webkit-transition: all 0.35s;-moz-transition: all 0.35s;-o-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;}

.vote_list_wrap li label { border: 1px solid #ddd;  padding: 15px;    position: relative;    z-index: 1;font-size: 20px;  line-height: 1.2em;  font-weight: 500;  display: block;  cursor: pointer;word-break: keep-all; }
.vote_list_wrap li label .ko {display: block;}
.vote_list_wrap li label .ko.long { height: 48px;}
.vote_list_wrap li label .ko.long2 { height: 80px;}
.vote_list_wrap li label .en {display: block; padding-top: 7px;  font-size: 15px;  line-height: 1.2em; color: #b4b4b4;  font-weight: 400; letter-spacing: 0.01em;}
.vote_list_wrap li label .en.long {  height: 50px;}
.vote_list_wrap li label b { font-size: 0.8em;}
body.en .vote_list_wrap li label b {font-weight:400; font-size: 0.8em;line-height: 1.2em;  display: inline-block;}


.vote_list_wrap li label .title {display: block; font-size: 21px; height: 2.5em; margin-bottom: 0;}
.vote_list_wrap li label .title .list_title {font-weight: 800;}
.vote_list_wrap li label .title b {display: inline-block;  line-height: 1.2em;color:#666}
.vote_list_wrap li label .sub {display: block; font-size: 16px;  line-height: 1.2em; height: 3em; margin-bottom: 5em;}
.vote_list_wrap li label .sub b {color: #888;   font-weight: 400;   line-height: 1.4em;   word-break: keep-all;   display: inline-block;   padding-top: 0.4em;}
.vote_list_wrap li label .vote { display: none;  position: absolute;     left: 20px;    top: 20px;     width: 70px;    height: 70px; background-image:url(../images/badge.png); background-size:100% 100%; z-index:10}


.vote_list_wrap li .btn_wrap {position: absolute;   left: 0;   bottom: 40px;   width: 100%;  text-align: center; z-index: 10;}
.vote_list_wrap li .btn_wrap a {display: inline-flex;   font-size: 16px;   background: #f2f2f2;  color:#222;  justify-content: center;   align-items: center;   height: 2.8em;   width: 12em; padding-bottom: 0.2em;  border-radius: 30px;  transition: all 0.15s;}


.vote_list_wrap li label.selected { border: 1px solid #00a3da; box-shadow: inset 0 0 0 8px #00a3da;}
.vote_list_wrap li label.selected .vote {display:block}

.vote_list_wrap li input[type="checkbox"] { visibility: hidden;  position: absolute;  left: 0; }
/*
.vote_list_wrap li input[type="checkbox"]+span {display: inline-block;  width: 20px;  height: 20px;   position: relative;  margin-top: 15px;}
.vote_list_wrap li input[type="checkbox"]+span:before {  content: "";  position: absolute;  width: 18px;  height: 18px;  background: #fff;  left: 0;  top: -2px;  border-radius: 50%;  border: 1px solid #cdcdcd;  box-sizing: content-box;}
.vote_list_wrap li input[type="checkbox"]:checked+span:after {  content: "";  position: absolute; width: 10px;  height: 10px;  background: #1065dd;  left: 5px;  top: 3px;  border-radius: 100%; }
.vote_list_wrap li input[type="checkbox"]:checked+span:before {border: 1px solid #1065dd;}
*/


.vote_input_wrap {padding-top: 120px;}
.vote_input_wrap h3 {font-size: 32px;  padding-bottom: 1em; font-weight: 800;}
.vote_input_wrap p {font-size: 16px; color: #888}
.vote_input_wrap .inner_wrap {padding-top: 30px;}
.vote_input_wrap dl {display: flex;   width: 100%;   margin-bottom: 50px; flex-direction: column;}
.vote_input_wrap dt {;font-size: 16px;  position: relative;  font-weight: 700;   margin-bottom: 1.2em; }
.vote_input_wrap dt .en {display: block;   font-size: 15px;  color: #999;  padding-top: 8px;  letter-spacing: 0.01em;}
.vote_input_wrap dt .require {color: #00a3da;}
.vote_input_wrap input, .vote_input_wrap textarea {width: 100%;   height: 50px;  border: 1px solid #ddd;  border-radius: 5px;  padding: 1em;  box-sizing: border-box;  font-size: 16px; font-family: 'Roboto', sans-serif; max-width:275px}
.vote_input_wrap dd ul {padding: 20px 0 25px;}
.vote_input_wrap dd ul li {font-size: 15px;   color: #333;   line-height: 1.4em;  padding-left: 10px;  position: relative; margin-bottom: 15px;padding-right: 200px;  word-break: keep-all;}
.vote_input_wrap dd ul li:last-child {color:#888; margin-bottom: 0;}
.vote_input_wrap dd ul li:before {content:"*"; position:absolute; left:0; top:3px}
.vote_input_wrap dd button.verify_name {height: 50px;     width: 120px;    font-size: 16px;    color: #fff;    background: #00a3da;    border-radius: 5px;    border: none;    cursor: pointer;    font-weight: 700; font-family: 'Noto Sans Korean', sans-serif; transition: all 0.15s;}
.vote_input_wrap dd button.verify_name span {font-size: 0.8em;  line-height: 0.8em;}

.vote_input_wrap dd .reason_wrap {width: 100%;  max-width: 490px;}
.vote_input_wrap dd .reason_wrap.second { margin-bottom: 0}
.vote_input_wrap dd .reason_wrap input {max-width: 100%}
.vote_input_wrap dd .reason_wrap textarea {max-width: 100%; height: 135px;}

.vote_input_wrap .email_input {margin-bottom: 10px;}
.vote_input_wrap .email_input dd {display: flex; position: relative;}
.vote_input_wrap .email_input dd input {max-width: 360px; margin-right:10px}
.vote_input_wrap .email_code dt {display:none}
.vote_input_wrap .email_code dd input {max-width: 490px;}
.vote_input_wrap .reason dd {display: flex;  gap: 10px;}
.vote_input_wrap .reason dd .inner {display: flex;   flex-direction: column;  gap: 10px;}



.vote_check_wrap {padding: 0 0 50px;  position: relative;}
.vote_check_wrap .check_line {position: relative; margin-bottom:25px;}
.vote_check_wrap .check_line.last {margin-bottom: 0;}
.vote_check_wrap .check_line label {font-size: 16px;  display: inline-block; cursor:pointer;  padding-left: 30px; color: #666;}
.vote_check_wrap .check_line label .en {display: block;  color: #888;  padding-top: 8px; }
.vote_check_wrap .check_line input[type="checkbox"] { visibility: hidden;  position: absolute;  left: 0; }
.vote_check_wrap .check_line input[type="checkbox"]+span {display: inline-block;  width: 20px;  height: 20px;   position: absolute;   top: 0;  left: 0;}
.vote_check_wrap .check_line input[type="checkbox"]+span:before {  content: "";  position: absolute;  width: 20px;  height: 20px;  background-image: url(../images/check_normal.png); background-size:100% 100%;  left: 0;  top: -2px;}
.vote_check_wrap .check_line input[type="checkbox"]:checked+span:before {  background-image: url(../images/check_checked.png);}
.vote_check_wrap a {display: inline-block;  color: #666;  font-size: 16px; font-weight: 700; transition: all 0.15s;}
.vote_check_wrap a:hover {color: #00a3da}
.vote_check_wrap a .en {text-align: center;   display: block;  padding-top: 4px;  letter-spacing: 0.01em;  font-size: 0.8em;}

.vote_info_wrap {text-align: center;  padding: 25px;  background: #f5f5f5;  margin-bottom: 40px;}
.vote_info_wrap h2 {font-size: 15px;  color: #888;  padding-bottom: 0; font-weight: 500; line-height: 1.5em}
.vote_info_wrap p {font-size: 15px;  color: #888; line-height: 1.5em}

.vote_submit_wrap {text-align:left; padding-bottom:30px}
.vote_submit_wrap button { display: inline-flex;    padding: 13px 30px;    background: #00a3da;    width: 200px;    text-align: center;    position: relative;    border: none;    cursor: pointer;    font-size: 16px;    color: #fff;    font-weight: 700;    font-family: 'Noto Sans Korean', sans-serif;    line-height: 1em;    height: 50px;    border-radius: 5px;    justify-content: center;    align-items: center; transition: all 0.15s;}
.vote_submit_wrap button span {  display:block; font-size: 16px;  color: #fff;  font-weight: 300;  margin-left: 0;}
/*
.vote_submit_wrap button:after {  content: "";  display: inline-block;  width: 14px;  height: 23px;  background: url(../images/link_arrow.png) no-repeat center;     position: absolute;  right: 30px;   top: 50%;   -webkit-transform: translateY(-50%);   transform: translateY(-50%);   -webkit-transition: all 0.15s;  transition: all 0.15s;}
.vote_submit_wrap button:hover:after {right: 25px}
*/
.privacy_pop_wrap {position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%; /* background: rgba(0,0,0,0.1);  */ z-index: 1999;}
.privacy_pop_wrap .inner_wrap {width: 95%;  max-width: 800px;  height: 500px;   background: #fff;   padding: 30px;   border-radius: 10px;  box-shadow: 5px 5px 20px rgba(0,0,0,0.3);  position: absolute;    bottom: 150px;  left: 50%; transform: translateX(-50%);}
.privacy_pop_wrap .inner_wrap .close_btn {position: absolute;   right: 20px;   top: 5px;   font-size: 35px;  color: #222;}
.privacy_pop_wrap .inner_wrap h2 {font-size: 20px; padding-bottom: 0}
.privacy_pop_wrap .content {overflow-y: SCROLL;  height: 400px;}
.privacy_pop_wrap .content p {font-size: 16px;  line-height: 1.6em; margin-bottom: 12px; word-break:keep-all}

.vote_submit_wrap.done button.vote_btn {display:none}
.vote_submit_wrap.done button.vote_close_btn {display:inline-block !important; background: #848484;}



.main_logo_wrap.list_detail {padding-top: 35px; margin-right: 45px; position: relative}
.main_logo_wrap.list_detail a.next {position: ABSOLUTE;   right: 50px;  top: 35px; }
.vote_form_wrap.list_detail .container {padding: 0 50px}
.list_detail .list_detail_tilte {position: absolute;   left: 70%; top: 50px;}
.list_detail_tilte h2 {font-size: 28px;   font-weight: 800; padding-bottom: 0.5em; position: relative;  left: -2px;}
.list_detail_tilte h3 {font-size: 28px;margin-bottom: 0.5em;word-break: break-all; }
.list_detail_tilte h3 .sub_title {font-size: 0.65em;  font-weight: 600;  display: block;   line-height: 1.2em;  margin-bottom: 0.3em; word-break: keep-all;}
.list_detail_tilte h3 .sub_title.long {font-size: 0.6em;  }
.list_detail_tilte h3 .tags {font-size: 0.54em;   font-weight: 500; display: block;   line-height: 1.2em;}
.list_detail_tilte h3.long {font-size: 27px;}
.list_detail_tilte p {font-size: 16px;   color: #888;  padding-bottom: 0.8em;  letter-spacing: 0.01em; line-height: 1.1em;}
.list_detail_tilte p .sub_title {font-size: 0.8em;}
.list_detail_tilte dl {display:table; width: 100%;  margin-bottom: 0.8em;}
.list_detail_tilte dt, .list_detail_tilte dd {display:table-cell}
.list_detail_tilte dt {width:75px; font-size:15px; color:#222; line-height: 1.5em; font-weight: 600;}
body.en .list_detail_tilte dt {width:120px;}
.list_detail_tilte dd {font-size:15px; color:#222; opacity:0.8 ; font-weight: 500;}
.list_detail_tilte dd .en {font-size:13px; opacity:0.6 ;display: block;   padding-top: 5px;  padding-bottom: 5px;}
.list_detail .slider_wrap {position: relative;  padding-top: 20vw}
.list_detail_tilte .pics_wrap ul {display: flex;  gap: 10px; flex-wrap: wrap;} 
.list_detail_tilte .pics_wrap ul li {width: calc((100% - 30px) / 4);}
.list_detail_tilte .pics_wrap ul li img {}

.list_detail .center_img_wrap {position: absolute;   width: 65.5%;  height: 0;  background: #ddd;  z-index: 10;  bottom: 30px;  left: 0;  padding-bottom: 42.5%;}
.list_detail .center_img_wrap .center_img {position: absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-position:center}
.list_detail .swiper-container {padding-bottom: 30px; padding-top: 50px;}
.list_detail .swiper-pagination {bottom: 0 !important; text-align: right;}
.list_detail .slider_ctrl {position: absolute;   top: 8px;  right: 0;  width: 55px;}
.list_detail .slider_ctrl .swiper-button-prev,
.list_detail .slider_ctrl  .swiper-button-next {top: 0;  width: 14px;  height: 24px;  margin-top: 0;  background-size: 14px 24px;}
.list_detail .slider_ctrl .swiper-button-prev { background-image:url(../images/slider_prev.png); left: 0;}
.list_detail .slider_ctrl .swiper-button-next { background-image:url(../images/slider_next.png); right: 0;}
.list_detail .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff;  border: 2px solid #c1c1c1;  opacity: 1;}
.list_detail .swiper-pagination-bullet-active { background: #222; border: 2px solid #222;}

.detail_section h2 {font-size: 32px;  font-weight: 800;  padding-bottom: 30px;}
.detail_section h2 .en {display: inline-block;  font-size: 20px;  color: #888;  font-weight: 400;  letter-spacing: 0.01em;  padding-left: 5px;}
.detail_section p {font-size:17px; color:#666; line-height:1.6em; font-weight: 500; word-break:keep-all}
.detail_section p.en {padding-top:10px; letter-spacing: 0.01em; opacity: 0.7;}
.detail_section.project {padding-bottom: 60px;  border-bottom: 1px solid #ddd;   margin-bottom: 60px;   padding-top: 40px;}
.detail_section.detail {padding-bottom: 120px; }
.detail_section.detail p {margin-bottom: 0.5em;}
.detail_section.detail p.single {line-height:1.8em} 
.detail_section.detail p.sub_tit {color: #222;     font-size: 1.2em;   font-weight: 800;}
.detail_section.detail p.sub_mid_tit {color: #222; }
.detail_section.detail p.sub_desc {margin-bottom: 1.5em;}


.detail_section ul.en { padding-top: 15px;  }
/*
.detail_section ul.en li {font-size: 17px;  color: #666;   line-height: 1.5em;   word-break: keep-all; letter-spacing: 0.01em;  opacity: 0.7;position: relative;  padding-left: 12px; margin-bottom:0}
.detail_section ul.en li:before {content:""; width:4px; height:4px; border-radius:100%; position: absolute; left:0 ; top: 10px; background: #818181;}
*/
.detail_section ul.en li {font-size: 16px;  color: #666;   line-height: 1.6em;   word-break: keep-all; letter-spacing: -0.01em;  opacity: 0.7;position: relative; margin-bottom:0.8em; font-weight: 500;}
.detail_section ul.en li.single { line-height: 1.8em;}
body.en .detail_section ul.en li {font-size: 17px;  opacity: 1}

.detail_section .movie_wrap {width:100; padding-bottom:56.25%; position:relative; margin-top:40px}
.detail_section .movie_wrap iframe {position: absolute;   top: 0;  left: 0;  width: 100%;  height: 100%;}
.detail_section .movie_wrap video {position: absolute;   top: 0;  left: 0;  width: 100%;  height: 100%;}


.main_logo_wrap.list_detail .logo {width:auto; display: flex; gap: 15px;}
a.prev_index {display: inline-block;   border: 1px solid #ddd;  text-align: CENTER;  padding: 5px 10px;   width: 140px;   border-radius: 5px;   font-size: 15px;     color: #fff;    line-height: 1.2em;    vertical-align: top;    position: relative;    top: -10px;background: #009ee2;}
a.prev_index:hover {text-decoration: underline;   text-underline-offset: 2px;}

.main_logo_wrap.list_detail  a.vote_btn {display: inline-flex !important;  border: 1px solid #ddd;    text-align: CENTER;    padding: 5px 10px;    width: 140px;    border-radius: 5px;    font-size: 18px;    color: #fff;    line-height: 1.2em;    vertical-align: middle;    position: relative;    top: -10px;    background: #d0d0d0;   background: #009ee2;  align-items: center;    justify-content: center;}
.main_logo_wrap.list_detail  a.vote_btn:hover {text-decoration: underline;   text-underline-offset: 2px;background: #009ee2;}
.main_logo_wrap.list_detail  a.vote_btn.on {background: #009ee2;}


.list_detail .swiper-slide.movie {position:relative; height: 12.56vw; max-height: 233px; }
.list_detail .swiper-slide.movie video {position: absolute;   top: 0;  left: 0;  width: 100%;  height: 100%;}
.list_detail .center_img_wrap .center_img #video_play {display:none}
.list_detail .center_img_wrap .center_img.movie {padding-bottom:64.8%; background:#fff !important}
.list_detail .center_img_wrap .center_img.movie #video_play {display:block; position: absolute;   top: 0;  left: 0;  width: 100%;  height: 100%}


.company_info {padding-bottom: 50px;border-top: 1px solid #ddd;}
.company_info p:first-child {margin-top:30px}
.company_info p {margin-bottom: 13px;letter-spacing: 0.05em;}


body.en .main_title_wrap h2 .add_txt {display: block;   font-size: 0.7em;  font-weight: 500;  margin-top: 10px;}
body.en .vote_input_wrap select {width: 100%; max-width:270px;   height: 50px;   border: 1px solid #ddd;   border-radius: 5px;   padding: 0.5em;   box-sizing: border-box;    font-size: 16px; color: #666;  font-family: 'Roboto', sans-serif;}
body.en .vote_list_wrap li label .sub {height: 3em;}
body.en .vote_input_wrap dd button.verify_name {font-size: 14px;   line-height: 1.2em;}

body.en .vote_list_wrap li .btn_wrap {bottom: 30px;}
body.en .vote_list_wrap li label .title {height: 2.5em;}
body.en .list_detail .slider_ctrl {top: 18px;}


/*
.vote_list_02 .list_detail_tilte .pics_wrap ul {gap: 5px;}
.vote_list_02 .list_detail_tilte .pics_wrap ul li {width: calc((100% - 25px) / 6);}
.list_detail.vote_list_02 .swiper-container {padding-top: 70px;}
.list_detail.vote_list_02 .slider_ctrl {   top: 31px;  }
body.en .list_detail.vote_list_02 .swiper-container {padding-top: 115px;}
body.en .list_detail.vote_list_02 .slider_ctrl {   top: 88px;  }


.vote_list_05 .list_detail_tilte .pics_wrap ul {gap: 5px;}
.vote_list_05 .list_detail_tilte .pics_wrap ul li {width: calc((100% - 25px) / 6);}


.vote_list_07 .list_detail_tilte .pics_wrap ul {gap: 5px;}
.vote_list_07 .list_detail_tilte .pics_wrap ul li {width: calc((100% - 25px) / 6);}
.list_detail.vote_list_07 .swiper-container {padding-top: 75px;}
body.en .list_detail.vote_list_07 .slider_ctrl {   top: 30px;  }
*/






.vote_form_wrap.new_layout .vote_heading {display: flex;  flex-wrap: wrap; align-items: flex-start;}
.vote_form_wrap.new_layout .vote_heading .main_title_wrap {width:50%; flex-direction: column; padding-right: 10vw;}
.vote_form_wrap.new_layout .vote_heading .main_title_wrap h2 {font-size: 1.7vw;}
.vote_form_wrap.new_layout .main_title_wrap .comment {font-size: 1.2vw;}
.vote_form_wrap.new_layout .vote_heading .vote_input_data_wrap_all  {width:50%; }
.vote_form_wrap.new_layout .vote_heading .main_title_wrap h2 {margin-bottom: 1em;}
.vote_form_wrap.new_layout .vote_heading .main_title_wrap h3 {margin-top: 1.5em;   margin-bottom: 1em;}
.vote_form_wrap.new_layout .vote_heading .main_title_wrap .desc {line-height: 1.5em; font-size: 1.05vw;  word-break: keep-all;}
.vote_form_wrap.new_layout .vote_input_wrap {  padding-top: 0; }
.vote_form_wrap.new_layout .vote_input_wrap h3 {font-size: 1.2vw; padding-bottom: 0.2em;}
.vote_form_wrap.new_layout .vote_input_wrap input,
.vote_form_wrap.new_layout .vote_input_wrap textarea {  padding: 0.5em;  font-size: 14px; max-width: 100%;}
.vote_form_wrap.new_layout .vote_input_wrap input {height: 42px;}
.vote_form_wrap.new_layout .vote_input_wrap textarea {height: 80px;}
.vote_form_wrap.new_layout .vote_input_data_wrap_all .column_2 {display: flex; flex-wrap: wrap;}
.vote_form_wrap.new_layout .vote_input_data_wrap_all .column_2 > dl {width: 50%; margin-bottom: 20px; padding-right: 20px;}
.vote_form_wrap.new_layout .vote_input_wrap dt {margin-bottom: 0.8em;  font-size: 15px;}
.vote_form_wrap.new_layout .vote_input_wrap .inner_wrap {   padding-top: 20px;}
.vote_form_wrap.new_layout .vote_input_wrap dd button.verify_name {height: 42px;   width: 90px;  font-size: 12px;}
.vote_form_wrap.new_layout .vote_input_wrap .certi input {width: calc(100% - 100px);}
.vote_form_wrap.new_layout .vote_input_wrap dl.reason {margin-bottom: 20px;}
.vote_form_wrap.new_layout  .vote_check_wrap .check_line label {font-size: 14px; padding-left: 20px;}
.vote_form_wrap.new_layout  .vote_check_wrap .check_line input[type="checkbox"]+span:before {width: 16px;  height: 16px; left: 0;  top: 2px;}
.vote_form_wrap.new_layout .vote_check_wrap .check_line {margin-bottom: 10px;}
.vote_form_wrap.new_layout .vote_check_wrap a {font-size: 12px;}
.vote_form_wrap.new_layout .vote_input_wrap dd .reason_wrap {padding-right: 20px;}
.vote_form_wrap.new_layout .vote_check_wrap {  padding: 0 0 10px;}
.vote_form_wrap.new_layout .vote_input_wrap .reason dd {gap: 0;}
.vote_form_wrap.new_layout .vote_submit_wrap {padding-bottom: 0;}
.vote_form_wrap.new_layout .vote_submit_wrap button {padding: 0; width: 150px; font-size: 14px; height: 42px;}

.vote_form_wrap.new_layout .vote_list_wrap_title h2 {   font-size: 1.7vw;   padding-bottom: 0;}
.vote_form_wrap.new_layout .vote_list_wrap ul {flex-wrap: unset;   gap: 0;}
.vote_form_wrap.new_layout .vote_list_wrap li label {cursor: default;}
.vote_form_wrap.new_layout .vote_list_wrap .img_box img {max-height: 280px;  object-fit: cover;}
.vote_form_wrap.new_layout .vote_list_wrap .img_box { margin-bottom: 15px;}
.vote_form_wrap.new_layout .vote_list_wrap li label .title {font-size: 18px;  height: 2.2em;}
.vote_form_wrap.new_layout  .vote_list_wrap li label .sub {font-size: 15px;}
.vote_form_wrap.new_layout .vote_list_wrap li .btn_wrap {display: flex;  justify-content: center;   align-items: center;   gap: 15px;   padding: 0 15px; bottom: 20px;}
.vote_form_wrap.new_layout .vote_list_wrap li .btn_wrap a {font-size: 15px; height: 2.6em;  width: 8em;} 
.vote_form_wrap.new_layout .vote_list_wrap li .btn_wrap a.on {background:#00a3da; color:#fff; }
.vote_form_wrap.new_layout .vote_list_wrap li label .sub {height: 2.3em;}
.vote_form_wrap.new_layout .prevent_label_click {position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   z-index: 5;}
.vote_form_wrap.new_layout .vote_list_wrap.new_layout ul li {  text-align: center; position: relative; transition: all 0.15s;}
.vote_form_wrap.new_layout  .finalist_slider {padding-top:30px}
.vote_form_wrap.new_layout .swiper-button-prev,
.vote_form_wrap.new_layout  .swiper-button-next {top: 0;  width: 14px;  height: 24px;  margin-top: 0;  background-size: 14px 24px;}
.vote_form_wrap.new_layout .swiper-button-prev { background-image:url(../images/slider_prev.png);left:auto; right: 40px;}
.vote_form_wrap.new_layout .swiper-button-next { background-image:url(../images/slider_next.png); position: absolute;   right: 0; }
.vote_form_wrap.new_layout .vote_list_wrap_title {display: flex;   align-items: center;   gap: 50px; margin-top: -20px;}

body.en .vote_form_wrap.new_layout .vote_input_wrap select {font-size: 14px;  height: 42px;  padding: 0.4em;  max-width: 100%;}
body.en .vote_form_wrap.new_layout .vote_input_wrap dd button.verify_name {width: 120px;}
body.en .vote_form_wrap.new_layout .vote_list_wrap li label .sub {font-size: 13px;  height: 2.8em;}
body.en .vote_form_wrap.new_layout .vote_list_wrap li label .title {   height: 2.8em;}

.gallery {padding: 0;}
.gallery .title h3 {font-size: 2.1vw; font-weight: 700; margin-bottom: 60px; line-height: 1.44; letter-spacing: 0; color: #333;}
.gallery .wrapper {width: 70%; margin: 0 auto;}
.gallery .sub-tab-menu {margin-bottom: 40px; display: flex; flex-wrap: wrap; gap: 30px;}
.gallery .sub-tab-menu a {font-size: 1.6vw; font-weight: 700; color: #999;}
.gallery .sub-tab-menu a.on {color: #00a3da;}
.gallery .sub_tab_cont ul {display: flex; flex-wrap: wrap; gap: 2px;}
.gallery .sub_tab_cont ul li {width: calc((100% - 4px) / 3); height: 27vw;}
.gallery .sub_tab_cont ul li a {height: 100%; display: block;}
.gallery .sub_tab_cont ul li img {width: 100%; height: 100%; object-fit: cover;}


@media (min-width: 2000px) {
.list_detail .slider_wrap .swiper-container .swiper-slide {padding:10px}
}


@media (max-width: 768px) {
  .gallery {padding: 5vw;}
  .gallery .title h3 {font-size: 6vw; margin-bottom: 10vw;}
  .gallery .sub-tab-menu {gap: 3vw; margin-bottom: 6vw;}
  .gallery .sub-tab-menu a {font-size: 3.88889vw; margin-right: 2.22222vw;}
	.gallery .wrapper {  width: 100%;}
	
	
	
}

@media (min-width: 480px) {
/* hover effect */
.vote_list_wrap li:hover .img_box img {-webkit-transform: scale(1.05);  -ms-transform: scale(1.05);  transform: scale(1.05);  }

.vote_list_wrap li:hover {box-shadow: inset 0 0 0 9px #00a3da;}
.vote_list_wrap li:hover label { border: 1px solid #00a3da;}

.vote_list_wrap li .btn_wrap a:hover { background: #00a3da;  color:#fff; }

.vote_input_wrap dd button.verify_name:hover,
.vote_submit_wrap button:hover {background:#4cbfe5}
}



@media (max-width: 1600px) {
.list_detail_tilte h2 {  font-size: 25px;}
.list_detail_tilte h3 {   font-size: 25px; }
.list_detail_tilte dt {font-size: 13px;}
.list_detail_tilte dd {   font-size: 13px;}
.list_detail_tilte dl {margin-bottom: 0.5em;}
.list_detail .swiper-container {padding-top: 65px;}
.list_detail .slider_ctrl {top: 36px;}
.list_detail .slider_ctrl .swiper-button-prev, .list_detail .slider_ctrl .swiper-button-next {   width: 10px;  height: 17px;  background-size: 10px 17px;}

.detail_section h2 {  font-size: 28px;}
.detail_section p {  font-size: 15px;}

body.en .list_detail_tilte h3 .sub_title {  font-size: 0.63em;}
body.en .list_detail_tilte h3 .tags {   font-size: 0.53em;}
body.en .list_detail .slider_ctrl { top: 40px;    }
body.en .list_detail_tilte h3.long {font-size: 24px;}
body.en .list_detail_tilte h2.long {font-size: 24px;}

/*
.list_detail.vote_list_02 .swiper-container {   padding-top: 100px;}
.list_detail.vote_list_02 .slider_ctrl {   top: 73px;}

.list_detail.vote_list_07 .swiper-container {   padding-top: 90px;}
body.en .list_detail.vote_list_07 .slider_ctrl {   top: 62px;}
*/

}




@media (max-width: 980px) {

.vote_form_wrap { padding-right: 0;}

 .main_title_wrap {padding: 0 35px 4vw;}
 .main_title_wrap h2 {width: 100%; font-size: 5vw; padding: 30px 0 10px;}
.main_title_wrap p {font-size: 2.6vw;}
.main_title_wrap .comment {display:none; font-size: 2.2vw;padding: 20px 0 30px;}
.main_title_wrap .comment.mobile_only {display:block; padding:0}
.vote_form_wrap form {   padding: 0 ;}
.vote_list_wrap { padding: 35px 35px 20px;}
.vote_list_wrap h2 {font-size: 3vw;}
.vote_list_wrap h2 .sm_txt {font-size: 2vw;}
.vote_list_wrap ul {gap: 20px;}
.vote_list_wrap ul li {width: calc((100% - 20px) / 2);}

.vote_list_wrap li label {font-size: 2.5vw;}
.vote_list_wrap li label .en {font-size: 2vw;}

.vote_list_wrap li label .title {font-size: 2.5vw;}
.vote_list_wrap li label .sub {font-size: 2vw;}
.vote_list_wrap li .btn_wrap a {font-size: 2vw;}
.vote_list_wrap li .btn_wrap {bottom: 4vw;}

.vote_input_wrap {padding: 50px 35px 0;}
.vote_input_wrap h3 {font-size: 3vw;}
.vote_input_wrap p {font-size: 2vw;}
.vote_input_wrap dt, .vote_input_wrap dd {   display: block;  width: 100% !IMPORTANT;}
.vote_input_wrap .inner_wrap {padding: 30px 0 30px;}
.vote_input_wrap dt { font-size: 2.8vw; margin-bottom: 15px;}
.vote_input_wrap dt:before {left: 0;  top: 25px;}
.vote_input_wrap dt .en {  display: inline-block;  font-size: 2.6vw;  padding-top: 0;}
.vote_input_wrap dd ul li {font-size: 2.2vw; padding-right: 0;}

.vote_input_wrap .reason dd {flex-wrap: wrap;gap: 30px;}

.vote_check_wrap { padding: 30px 35px 30px;}
.vote_check_wrap .check_line label {  font-size: 2.5vw;}
.vote_info_wrap {margin: 0 35px 30px;}
.vote_info_wrap h2 {font-size: 3vw;}
.vote_info_wrap p {font-size: 2.5vw;}
.vote_submit_wrap {padding: 0 35px 150px}
.vote_submit_wrap button {width:100%; font-size: 3vw;padding: 25px 30px;}
.vote_submit_wrap button span {  display: inline-block;   font-size: 2.6vw; margin-left: 10px;}

.main_logo_wrap.list_detail {margin-right: 0;}

.list_detail .list_detail_tilte {left: 0;}
.list_detail .slider_wrap {   padding-top: 68vw;}
.list_detail .swiper-pagination {text-align: center;}
.detail_section h2 .en {  display: block;   padding-left: 0; padding-top:5px}



body.en .vote_list_wrap ul li .en {display: none}
body.en .vote_list_wrap li .btn_wrap {   bottom: 20px;}
body.en .vote_list_wrap .list05 label .title {font-size: 2.3vw;   line-height: 1.2em;   height: 3.5em;} 
body.en .vote_list_wrap .list05 label .sub {margin-bottom: 4em;}



.vote_form_wrap.new_layout .vote_heading .main_title_wrap {   width: 100%;   flex-direction: column;    padding-right: 0; }
.vote_form_wrap.new_layout .vote_heading .vote_input_data_wrap_all {   width: 100%; }
.vote_form_wrap.new_layout .vote_heading .main_title_wrap .desc {font-size: 2vw;}
.vote_form_wrap.new_layout .vote_input_wrap h3 {  font-size: 3vw;}
.vote_form_wrap.new_layout .vote_heading .main_title_wrap h2 {   font-size: 3vw;}
.vote_form_wrap.new_layout .vote_input_data_wrap_all .column_2 > dl {   width: 100%;   padding-right: 0;}
.vote_form_wrap.new_layout .vote_input_wrap dd .reason_wrap {   padding-right: 0;   max-width: 100%;}
.vote_form_wrap.new_layout .vote_check_wrap {   padding: 0 35px 10px; }
.vote_form_wrap.new_layout .vote_list_wrap_title h2 {   font-size: 3vw;}
.vote_form_wrap.new_layout .vote_list_wrap_title {gap: 30px;  align-items: flex-start;  flex-direction: column-reverse;  padding-left: 35px;}
.vote_form_wrap.new_layout .vote_submit_wrap {padding-left: 0;}
.vote_form_wrap.new_layout .vote_list_wrap_title {margin-top: 0;}
}

@media (max-width: 480px) {
.vote_form_wrap {  max-height: 420px;}

.main_logo_wrap { height: 60px;  padding-top: 5px; }
.main_logo_wrap .logo {   width: 80px;  padding-left: 20px;}
.main_logo_wrap .logo img.logo_img {  width: 50px;position: relative;  top: -5px;}
.main_logo_wrap .title {  padding-left: 10px;}
.main_logo_wrap .title h2 {font-size: 4vw; padding-bottom: 5px;}
.main_logo_wrap .title p {font-size: 3vw;}

 .main_title_wrap {padding: 0 20px 0;}
.main_title_wrap h2 {   font-size: 8vw;  padding: 20px 0 5px;}
.main_title_wrap p {  font-size: 4.5vw;}
.main_title_wrap .comment { font-size: 4.5vw;  line-height: 1.4em;   padding: 15px 20px 10px;}
.main_title_wrap .comment.add br {display: none}
.main_title_wrap .comment.add br.mobile_only {display: block}

.vote_list_wrap .desc {  font-size: 3.6vw; line-height: 1.4em;}

.vote_list_wrap { padding: 35px 20px 10px;}    
.vote_list_wrap h2 {  font-size: 5.2vw; padding-bottom: 20px}
.vote_list_wrap h2 .sm_txt { font-size: 3.5vw; padding-top: 8px;}
.vote_list_wrap p.mobile_only {display:block; font-size: 4.4vw;  line-height: 1.4em;  padding-bottom: 20px;}


.vote_list_wrap ul li {  width: 100%; }
.vote_list_wrap .img_box .num { left: 5px; top: 5px; width: 30px; height: 30px; font-size: 15px; padding: 8px;}
.vote_list_wrap li label { font-size: 4vw; padding: 10px;}    
.vote_list_wrap li label .en { font-size: 3.3vw;}    
.vote_list_wrap li input[type="radio"]+span {margin-top: 10px;}    
.vote_list_wrap ul li {margin-bottom: 15px;}
.vote_list_wrap .img_box {margin-bottom: 15px;}
.vote_list_wrap li label .title { font-size: 5.5vw;  line-height: 1.2em;}
.vote_list_wrap li label .sub {  font-size: 3.8vw; }
.vote_list_wrap li .btn_wrap a {       font-size: 4vw;       height: 2.4em;       width: 10em;  }
.vote_list_wrap li label .sub {height: 2em;}
.vote_list_wrap li label.selected {box-shadow: inset 0 0 0 5px #00a3da;}
.vote_list_wrap li label .vote {left: 10px;   top: 10px;  width: 60px;  height: 60px;}
.vote_list_wrap li .btn_wrap {     bottom: 6vw;    }


.vote_input_wrap { padding: 30px 20px 0;}
.vote_input_wrap h3 {  font-size: 4.3vw; padding-bottom: 8px;}    
.vote_input_wrap p { font-size: 4.3vw;  line-height: 1.2em;}   
.vote_input_wrap dl {margin-bottom: 25px;}
.vote_input_wrap dt { font-size: 4.2vw; }   
.vote_input_wrap dt:before {  left: 0; top: 20px;}  
.vote_input_wrap dt .en {  font-size: 4vw; }
.vote_input_wrap input, .vote_input_wrap textarea { height: 45px; padding: 10px; font-size: 15px; max-width: 100%;}
.vote_input_wrap dd ul { padding: 20px 0 10px;}    
.vote_input_wrap dd ul li { font-size: 4.3vw;  padding-right: 0;}
.vote_input_wrap dd button.verify_name {  height: 45px;  width: 100px;   font-size: 16px;}
.vote_input_wrap dd button.verify_name.email {  font-size: 14px; position: absolute;       right: 0;      top: 0;}

.vote_input_wrap dd .reason_wrap {flex-direction: column;}
.vote_input_wrap dd .reason_wrap input {   max-width: 100%;}
.vote_input_wrap dd .reason_wrap textarea {height: 120px;}



.vote_check_wrap .check_line label { font-size: 4vw; line-height: 1.4em; word-break: keep-all}    
.vote_check_wrap .check_line label .en {padding-top: 0;}    
.vote_check_wrap { padding: 0 20px 40px}  
.vote_check_wrap .check_line input[type="checkbox"]+span:before {top: 1px}    
.vote_check_wrap a { font-size: 4vw;}   
.vote_info_wrap {  margin: 0 20px 30px; padding: 20px 15px 20px;}    
.vote_info_wrap h2 {  font-size: 4.3vw; line-height: 1.3em;}    
.vote_info_wrap p {  font-size: 3.8vw;}    
.vote_submit_wrap { padding: 0 20px 120px;}
.vote_submit_wrap button { width: 100%; font-size: 5.5vw; padding: 15px 20px;}    
.vote_submit_wrap button span { font-size: 4.5vw; margin-left: 5px;}    
    
.privacy_pop_wrap .inner_wrap {bottom: 80px; height: 300px;padding: 20px 10px 20px;}   
.privacy_pop_wrap .content {  height: 200px;}
.privacy_pop_wrap .inner_wrap h2 {  font-size: 4.5vw;   padding-bottom: 20px;  padding-right: 30px;  word-break: keep-all; line-height: 1.4em;}    
.privacy_pop_wrap .content p {  font-size: 3.8vw;  line-height: 1.6em;}
.privacy_pop_wrap .inner_wrap .close_btn {font-size: 30px;right: 10px;  top: 10px;}

.main_logo_wrap.list_detail {  padding-top: 15px;}
.vote_form_wrap.list_detail .container {   padding: 0 20px;}
.list_detail .list_detail_tilte {top: 0;    position: relative; padding-top: 25px;}
.list_detail_tilte h2 {font-size: 6.5vw;font-weight: 800;}
.list_detail_tilte p {font-size: 4.5vw; padding-bottom: 15px;}
.list_detail_tilte dt {   width: 75px; font-size: 4.5vw; line-height: 1.7em;}
.list_detail_tilte dd { font-size: 4vw;}
.list_detail_tilte dd .en{ font-size: 3.3vw;}
.list_detail .slider_wrap {   padding-top: 0;}
.list_detail .center_img_wrap {display:none ; width: 68%;}
.list_detail .slider_ctrl {  top: 15px;  width: 45px;}
.detail_section h2 {font-size: 6.5vw; padding-bottom: 20px;}
.detail_section h2 .en {font-size: 5vw;}
.detail_section p {font-size: 4.4vw;}
.detail_section.project {padding-bottom: 30px;   margin-bottom: 30px;   padding-top: 30px;}
.detail_section ul.en li {    font-size: 4.4vw;}
.detail_section.detail p.sub_tit {font-size: 1em;}


.main_logo_wrap.list_detail a.next { right: 20px; top:12px}

a.prev_index {   width: 130px;  font-size: 13px;    }




body.en .vote_input_wrap select {height: 45px;   padding: 10px;  font-size: 15px; max-width: 100%;}
body.en .vote_input_wrap dd button.verify_name {  font-size: 12px;}
body.en .vote_check_wrap a {display: block;      padding-left: 2em;   padding-top: 0.5em;}
body.en .vote_list_wrap .list05 label .title {    font-size: 5vw; }
/*
.list_detail.vote_list_02 .swiper-container { padding-top: 40px;    }
.list_detail.vote_list_02 .slider_ctrl {   top: 0;}
body.en .list_detail.vote_list_02 .swiper-container {   padding-top: 23px;}
body.en .list_detail.vote_list_02 .slider_ctrl {   top: 0;}

.list_detail.vote_list_07 .swiper-container {   padding-top: 30px;  }
.list_detail.vote_list_07 .slider_ctrl {  top: 0;  }
 body.en .list_detail.vote_list_07 .slider_ctrl {  top: 0;  }
 */
 
    .vote_form_wrap.new_layout .vote_heading .main_title_wrap h2 {   font-size: 6vw; margin-bottom: 0;} 
		.vote_form_wrap.new_layout .vote_heading .main_title_wrap .desc {   font-size: 4vw;  }
		.vote_form_wrap.new_layout .vote_input_wrap h3 {   font-size: 5vw;    margin-top: 6vw;  line-height: 1.2;  }
		.vote_form_wrap.new_layout .vote_heading .main_title_wrap h3 {font-size: 5vw;}
		.vote_form_wrap.new_layout .vote_input_wrap dd button.verify_name {width: 70px;  font-size: 10px; height: 40px;}
		.vote_form_wrap.new_layout .vote_input_wrap .certi input {   width: calc(100% - 80px); }
		.vote_form_wrap.new_layout .vote_input_wrap .inner_wrap {   padding: 30px 0 0;  }
		.vote_form_wrap.new_layout .vote_input_wrap dd .reason_wrap {margin-bottom: 10px;}
	.vote_form_wrap.new_layout .vote_input_wrap dl.reason {   margin-bottom: 0;}
	 .vote_form_wrap.new_layout .vote_check_wrap {  padding: 0 20px 10px; }
	 .vote_form_wrap.new_layout .vote_check_wrap .check_line label {  font-size: 12px;}
	  .vote_form_wrap.new_layout .vote_list_wrap_title h2 {   font-size: 6vw; }
		.vote_form_wrap.new_layout .swiper-button-prev {right: 29px;}
   .vote_form_wrap.new_layout .vote_list_wrap .img_box img {   max-height: 220px;}
	 .vote_form_wrap.new_layout .vote_list_wrap li label .title {   font-size: 5vw;}
	 .vote_form_wrap.new_layout .vote_list_wrap li label .sub {   height: 3em;   font-size: 3.8vw;}
	 .vote_form_wrap.new_layout .vote_list_wrap li .btn_wrap a {   font-size: 4vw;}
	 .vote_form_wrap.new_layout .vote_input_wrap dt {   margin-bottom: 0.8em;   font-size: 14px; }
	 .vote_form_wrap.new_layout .vote_input_wrap input {   height: 40px;    font-size: 13px;}
	 .vote_form_wrap.new_layout .vote_input_wrap input, .vote_form_wrap.new_layout .vote_input_wrap textarea  {  font-size: 13px;}
	 
	 body.en .vote_form_wrap.new_layout .vote_list_wrap li label .sub {font-size: 13px;  height: 3.2em;}
	body.en .vote_form_wrap.new_layout .vote_input_wrap dd button.verify_name {   width: 80px;}
}


.detail_section .movie_wrap {display: none;}
.detail_section .movie_wrap.show {display: block;}

/* 이미지 모달 팝업 스타일 */
.modal {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	animation: fadeIn 0.3s;
	background: rgba(255, 255, 255, 0.6);
}

.modal-content {
	position: relative;
	width: 95%;
	max-width: 1600px;
	height: 90%;
	margin: 3% auto;
	background-color: transparent;
}

.modal-body {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.image-container {
	position: relative;
	width: auto;
	height: auto;
	display: inline-block;
	max-width: 100%;
	max-height: 85vh;
}

.image-container img {
	max-width: 100%;
	max-height: 90vh;
	object-fit: contain;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
	display: block;
}

.image-counter {
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, 0.7);
	color: white;
	padding: 8px 16px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 500;
}

.close {
	position: absolute;
	top: -50px;
	right: -10px;
	color: #000;
	font-size: 40px;
	font-weight: bold;
	cursor: pointer;
	z-index: 10000;
	transition: color 0.3s;
}

.close:hover,
.close:focus {
	color: #00a3da;
	text-decoration: none;
}

.slider-controls {
	position: absolute;
	top: 50%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	pointer-events: none;
	transform: translateY(-50%);
}

.prev-btn,
.next-btn {
	background: rgba(0, 0, 0, 0.7);
	border: none;
	color: white;
	font-size: 24px;
	font-weight: bold;
	padding: 15px 25px;
	cursor: pointer;
	border-radius: 50%;
	transition: all 0.3s;
	pointer-events: auto;
}

.prev-btn {
	margin-left: -70px;
}

.next-btn {
	margin-right: -70px;
}

.prev-btn:hover,
.next-btn:hover {
	background: rgba(0, 163, 218, 0.8);
	transform: scale(1.1);
}

.prev-btn:active,
.next-btn:active {
	transform: scale(0.95);
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* 반응형 디자인 */
@media (max-width: 1440px) {
/*
  .prev-btn {margin-left: 10px;}
  .next-btn {margin-right: 10px;}
	*/
}
@media (max-width: 768px) {
	.modal-content {
		width: 95%;
		height: 95%;
		margin: 2.5% auto;
	}
	
	.close {
		font-size: 30px;
		top: -40px;
		right: -5px;
	}
	
	.prev-btn,
	.next-btn {
		font-size: 12px;
        padding: 0;
        width: 30px;
        height: 30px;
	}
	
	.prev-btn {
		margin-left: 0;
	}
	
	.next-btn {
		margin-right: 0;
	}
	
	.image-counter {
		bottom: -30px;
		font-size: 12px;
		padding: 6px 12px;
	}
}




/* 125% 확대 환경 대응 - 전체 콘텐츠 스케일 다운 */
/*
@media screen and (-webkit-min-device-pixel-ratio: 1.25), 
       screen and (min-resolution: 120dpi) {
	

	.gallery {
		transform: scale(0.8);
		transform-origin: top center;
		margin-bottom: -20%;
	}
	

	.modal-content {
		transform: scale(0.8);
		transform-origin: center center;
		width: 100%;
		max-width: 1500px;
		height: 100%;
	}
	
	.image-container {
		max-height: 90vh;
	}
	
	.image-container img {
		max-height: 85vh;
	}
	
	.close {
		font-size: 50px;
		top: -60px;
		right: -15px;
	}
	
	.prev-btn,
	.next-btn {
		font-size: 30px;
		padding: 20px 25px;
	}
	
	.prev-btn {
		margin-left: -90px;
	}
	
	.next-btn {
		margin-right: -90px;
	}
	
	.image-counter {
		bottom: -50px;
		font-size: 16px;
		padding: 10px 20px;
	}
}


@media screen and (-webkit-min-device-pixel-ratio: 1.5), 
       screen and (min-resolution: 144dpi) {
	

	.gallery {
		transform: scale(0.7);
		transform-origin: top center;
		margin-bottom: -30%;
	}
	

	.modal-content {
		transform: scale(0.7);
		transform-origin: center center;
	}
	
	.close {
		font-size: 60px;
		top: -70px;
	}
	
	.prev-btn,
	.next-btn {
		font-size: 35px;
		padding: 25px 30px;
	}
	
	.prev-btn {
		margin-left: -110px;
	}
	
	.next-btn {
		margin-right: -110px;
	}
}
*/