@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/*초기화*/
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: 'Noto Sans Korean', sans-serif;
	letter-spacing: -0.05em;
	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 ul {display: flex;   flex-wrap: wrap;  /*gap: 40px; */}
.vote_list_wrap 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: 0;   font-size: 50px;  color: #222;}
.privacy_pop_wrap .inner_wrap h2 {font-size: 25px; padding-bottom: 30px}
.privacy_pop_wrap .content {overflow-y: SCROLL;  height: 350px;}
.privacy_pop_wrap .content p {font-size: 17px;  line-height: 1.8em; 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%;}



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




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

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

}


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

}

@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;  }
 */
}


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