html, body {width:100%; height:100%; overflow-y: hidden;}
.dis_table {display:table; width:100%; height:100%;}
.dis_table_cell {display:table-cell; width:100%; height:100%; vertical-align:middle;}
.bold {font-size:inherit; color:inherit; letter-spacing:inherit; line-height:inherit; font-weight:inherit; vertical-align:baseline;}
.ts_03s {
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
a {color:inherit; font-size:inherit; color:inherit; letter-spacing:inherit; line-height:inherit; font-weight:inherit; vertical-align:baseline;}


/* 레이아웃 */
.wrap {width:100%; min-width: 1280px;}
.wrap[data-page="0"] .wrap_header .btn_set {display:none;}
.wrap[data-page="1"] .wrap_header .btn_set .voice_btn .go_voice,
.wrap[data-page="2"] .wrap_header .btn_set .voice_btn .go_explore,
.wrap[data-page="3"] .wrap_header .btn_set .voice_btn .go_voice {opacity:1; z-index:2;}

.wrap_body article {display:none; overflow: hidden;}
.wrap[data-page="0"] .wrap_body .wrap_intro,
.wrap[data-page="1"] .wrap_body .wrap_explore,
.wrap[data-page="2"] .wrap_body .wrap_voice,
.wrap[data-page="3"] .wrap_body .wrap_search {display:block; height: 100%;}

/* wrap_header */
.wrap_header {position:sticky; top:0; left:0; z-index:100; width:100%; display: flex; justify-content: space-between; align-items: center; background:#fff url("../images/line_dot_vert.png") repeat-x left bottom;}
.wrap_header .logo_set {}
.wrap_header .logo_set a {}
.wrap_header .logo_set a img {width:auto; height:80px;}
.wrap_header .title_set {position:absolute; top:50%; left:50%; z-index:1;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.wrap_header .title_set a {}
.wrap_header .title_set a img {width:auto; height:50px;}
/*.wrap.eng .wrap_header .title_set a img {width:auto; height:60px;}*/

.wrap_header .right {display: flex;flex-direction: row;justify-content: center;align-items: center;font-size:0;}
.wrap_header .right p {display: none;color: #000;text-align: center;font-family: Pretendard;font-size: 13px;font-weight: 500;line-height: 22px;letter-spacing: -0.13px;margin-right: 21px;}
.wrap[data-page="0"] .wrap_header .right p {display: block;}
.wrap_header .language_set {display:inline-block; padding-right:30px;}
.wrap_header .language_set .lang_box {display:none; line-height:calc(34px - 2px); border:1px solid #000; border-radius:180px;}
.wrap_header .language_set .lang_box.basic {padding:0 10px;}
.wrap_header .language_set .lang_box.kor {padding:0 18px;}
.wrap_header .language_set .lang_box.eng {padding:0 18px;}

.wrap_header .language_set.basic .lang_box.basic,
.wrap_header .language_set.kor .lang_box.kor {display:inline-block;}
.wrap_header .language_set.eng .lang_box.eng {display:inline-block;}

.wrap_header .language_set .lang_box img {width:auto;}
.wrap_header .language_set .lang_box .icon {}
.wrap_header .language_set .lang_box .arr {width:11px; height:auto;}
.wrap_header .language_set .lang_box .txt {font-size:13px; font-weight:800; padding-left: 5px;}
.wrap_header .language_set .lang_box.basic .txt {padding:0 5px;}

.wrap_header .btn_set {display:inline-block; font-size:0;}
.wrap_header .btn_set a {line-height: 80px; background:url("../images/line_dot_hori.png") repeat-y left top; padding:0 25px}
.wrap_header .btn_set a img {width:auto;}
.wrap_header .btn_set .voice_btn {position:relative;  display:inline-block; width:280px; font-weight: 800; font-size: 18px; line-height: 75px; text-align:center; vertical-align:top;}
.wrap_header .btn_set .voice_btn a {position:absolute; top:0; left:0; width: 100%; color:#fff; background:#000; opacity:0; z-index:-1;}
.wrap_header .btn_set .search_btn {display:inline-block;}

.wrap.eng .wrap_header .btn_set a {display: flex;justify-content: center;align-items: center;height: 80px;line-height: 26px;}

/* wrap_body */
.wrap_body {height:calc(100vh - 80px);}

/* wrap_intro */
.wrap_intro {text-align:center; padding-bottom: 48px;}
.wrap_intro .tit_set {}
.wrap_intro .tit_set img {width: 35vw;}
.wrap.eng .wrap_intro .tit_set img {width: 31vw;}
.wrap_intro .tit_set .sub_tit {color: #000; font-family: 'Big Shoulders Stencil Display', cursive; font-weight: 800; font-size: 1.6vw; line-height: 1.6vw; /*line-height: 30px;*/letter-spacing: 0.19em;margin-bottom: 36px;}
.wrap_intro .tit_set .tit {font-weight: 700; font-size: 1.1vw; line-height: 1.1vw; /*line-height: 28px*/ padding-top:60px;}
.wrap_intro .tit_set .stit {color: #000;text-align: center;font-size: 13px;font-weight: 500;line-height: 22px;letter-spacing: -0.13px;margin-top: 16px;}
.wrap_intro .btn_set {display: flex;padding-top:100px; font-size:0;text-align: center;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.wrap_intro .btn_set .link_btn {display: flex;width: 320px;height: 100px;color: #fff;font-weight: 700;font-size: 20px;line-height: 20px;background: #000;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.wrap_intro .btn_set .link_btn span {display: inline-block;font-weight: 500;font-size: 14px;line-height: 14px;margin-bottom: 10px;vertical-align: baseline;letter-spacing: -0.01em;}
.wrap_intro .btn_set .link_btn:not(:first-child) {margin-left:19px;}
.wrap_intro .btn_set .link_btn.wh {color: #000;background: #EFEFEF;border: 2px solid #000;}
.wrap_intro .copyright {position:absolute; left:0; bottom:0; z-index:1; width:100%; min-width: 1080px; background:#000; padding: 8px 0;}
.wrap_intro .copyright img {width:auto; margin-right:8px;}
.wrap_intro .copyright span {color:#fff; font-weight: 500; font-size: 13px; line-height: 32px;}
.wrap_intro .copyright a {display:inline-block; color:inherit;}

.wrap.eng .wrap_intro .btn_set .link_btn {width: 350px;}
.wrap.eng .wrap_intro .copyright {padding: 13px 0;}
.wrap.eng .wrap_intro .copyright span {line-height: 22px;}


/***** 공통 *****/
.wrap .mark {display:inline-block; vertical-align: bottom;}
.wrap .mark_que:before {content:''; display:inline-block; width:19px; height:19px; background:url("../images/question_mark.png") no-repeat center; background-size:contain; margin-right:5px;}
.wrap .mark_alert:after {content:''; display:inline-block; width:20px; height:17px; background:url("../images/alert_mark.png") no-repeat center; background-size:contain;}

/* 스크롤바 scrollbar*/
.scrollbar-inner > .scroll-element.scroll-y {width: 15px;}
.scrollbar-inner > .scroll-element .scroll-element_outer {}
.scrollbar-inner > .scroll-element .scroll-element_track {background-color: #EFEFEF; opacity:1;}
.scrollbar-inner > .scroll-element .scroll-bar {width: calc(100% - 4px);left: 2px;background: #000; opacity: 1;}
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {background: #000;}
.scrollbar-inner > .scroll-element:hover .scroll-bar {background: #000;}

.wrap .voice_cont .right {display:inline-block; width:60%; height:calc(100vh - 80px); background: url("../images/line_dot_hori.png") repeat-y left top;}
.wrap .attest_wrap .list {padding:30px 60px;}
.wrap .attest_wrap .list:not(:last-child) {background:url("../images/line_dot_vert.png") repeat-x left bottom;}
.wrap .attest_wrap .list .head {display: flex; justify-content: space-between; align-items: flex-start;}
.wrap .attest_wrap .list .head .tit {font-weight: 800; font-size: 16px; line-height: calc(16px - 2px); border-bottom:2px solid #000; padding-bottom:6px;}
.wrap .attest_wrap .list .tag_set {font-size:0; margin-bottom:30px;}
.wrap .attest_wrap .list .tag_set li {display: inline-block;color: #000;font-weight: 800;font-size: 12px;line-height: calc(36px - 4px);background: #fff;border-radius: 180px;border: 1px solid #000;padding: 0 12px;}
.wrap .attest_wrap .list .tag_set li:not(:first-child) {margin-left: 4px;}
.wrap .attest_wrap .list .tag_set li.sound_set {position: relative; background:#D9D9D9; padding:0;border: 0;}
.wrap .attest_wrap .list .tag_set li.sound_set a {position:relative; display:block; width:36px; height:36px;}
.wrap .attest_wrap .list .tag_set li.sound_set .sound {position:absolute; top:50%; left:50%; z-index:-1; opacity:0;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

.wrap .attest_wrap .list .tag_set li.sound_set audio {display: none;position: absolute;top: 0;left: 0;opacity: 0; z-index: -1;}

.wrap .list .tag_set li.insert {color:#000; background:#fff; padding:0 10px;}
.wrap .list .tag_set li .mark {height: 0; vertical-align: sub;}
.wrap .list .tag_set li .mark_que:before {width:15px; height:15px; background-size:cover; margin:0;}

.wrap .attest_wrap .list .tag_set li.sound_set.on {background:#000;}
.wrap .attest_wrap .list .tag_set li.sound_set.mute .sound.mute,
.wrap .attest_wrap .list .tag_set li.sound_set.on .sound.on { z-index:1; opacity:1;}
.wrap .attest_wrap .list .body {font-weight: 800;font-size: 16px;line-height: 26px;padding-left: 40px;background: url(../images/quotation_mark.png) no-repeat left top;background-size: 25px;}
.wrap .attest_wrap .list img {width:auto;}

		/* popup */
.wrap .popup {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background-color:rgba(0,0,0, .5); opacity:0; z-index:-1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.wrap .popup.show {opacity:1; z-index:999;}
.wrap .popup .inner { position:relative; width:100%; height:100vh;}
.wrap .popup .inner .box {position:absolute; top:50%; left:50%; z-index:1; width: 360px; padding:0; text-align:left;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.wrap .popup.show .inner .head {display: flex; justify-content: space-between; align-items: center; background:#fff url("../images/line_dot_vert.png") repeat-x left bottom; background-size:auto 1.3px;}
.wrap .popup.show .inner .head p {display:inline-block; font-weight: 800; font-size: 24px; line-height: 18px; padding:20px; padding-right:0;}
.wrap .popup.show .inner .head .btn_close {line-height: calc(60px - 2px); background:#000; padding:0 20px;}
.wrap .popup.show .inner .body {min-height:300px; padding: 20px; background: #fff;}
.wrap .popup.show .inner .body .txt {font-weight: 800; font-size: 15px; line-height: 23px;}


/* wrap_explore */
.wrap_explore {font-size:0;}
.wrap_explore .wrap_menu {display:inline-block; width:40%; background:#fff;}
.wrap_explore .wrap_menu .scrollbar-inner {height:calc(100vh - 80px);}
.wrap_explore .wrap_menu a {display:inline-block; word-break:keep-all;}
.wrap_explore .wrap_menu .guide {font-weight: 800; font-size: 24px; line-height: 42px; padding:30px 80px 30px 60px; background:#fff url("../images/line_dot_vert.png") repeat-x left bottom;}
.wrap_explore .wrap_menu .menu_box {}
.wrap_explore .wrap_menu .thesis {font-size:0;background: #000;}
.wrap_explore .wrap_menu .thesis .tit {position:relative; background:#fff url(../images/line_dot_vert.png) repeat-x left bottom;}
.wrap_explore .wrap_menu .thesis .tit a {display:inline-block; font-weight: 800; font-size: 22px; line-height: 18px; padding:18px 0 18px 80px;}
.wrap_explore .wrap_menu .thesis .tit a:hover {color:#ED1C27;}
.wrap_explore .wrap_menu .thesis .tit a.arr {position:absolute; top:50%; right:30px; padding:0;

	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.wrap_explore .wrap_menu .topic {padding:0 106px;max-height: 0;transition: all 0.3s ease;overflow: hidden;}
.wrap_explore .wrap_menu .topic.open {max-height: 800px;padding:20px 106px}
.wrap_explore .wrap_menu .topic li {display: block;padding:8px 0;width: auto;}
.wrap_explore .wrap_menu .topic .txt {color:#fff; font-weight: 800; font-size: 18px; line-height: 18px;}
.wrap_explore .wrap_menu .topic .current .txt,
.wrap_explore .wrap_menu .topic .txt:hover {color:#ED1C27;}
.wrap_explore .wrap_menu .issue {padding:0 0 0 50px;max-height: 0;transition: all 0.3s ease;overflow: hidden;}
.wrap_explore .wrap_menu .issue.open {max-height: 500px;padding:10px 0 0 50px}
.wrap_explore .wrap_menu .issue li {position:relative; color:#fff; font-weight: 800; font-size: 18px; line-height: 28px; padding:0;}
.wrap_explore .wrap_menu .issue li a {padding:0 0 0 15px;}
.wrap_explore .wrap_menu .issue li:hover {color:#ED1C27;}
.wrap_explore .wrap_menu .issue li:before {content:''; position:absolute; top:50%; left:0; z-index:1; width:5px; height:5px; background:#fff; border-radius:100%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.wrap_explore .wrap_menu .issue li:hover:before {background:#ED1C27;}
.wrap_explore .wrap_menu .thesis .current {color:#ED1C27;}


		/* wrap_cont 공통 */
.wrap_explore .wrap_cont {position: relative;display:inline-block; width:60%; height:100%; vertical-align: top; background: url("../images/line_dot_hori.png") repeat-y left top; padding-left: 2px;}
.wrap_explore .wrap_cont .scrollbar-inner {height: 100%;}

.wrap_explore[data-cont="0"] .wrap_cont .main_box,
.wrap_explore[data-cont="1"] .wrap_cont .sub_box,
.wrap_explore[data-cont="2"] .wrap_cont .issue_box {display:block;}

.wrap_explore .wrap_cont .main_box .idx_box {display: none;}
.wrap_explore .wrap_cont .sub_box .idx_box {display: none;}
.wrap_explore .wrap_cont .issue_box .idx_box {display: none;}


.wrap_explore .wrap_cont .box_wrap {position:relative; display:none;}
.wrap_explore .wrap_cont .box_wrap .tit_set {background:#E4E4E4 url("../images/line_dot_vert.png") repeat-x left bottom; padding: 60px;}
.wrap_explore .wrap_cont .box_wrap .tit_set .tit {font-weight: 800; font-size: 24px; line-height: 24px; margin-bottom:30px;}
.wrap_explore .wrap_cont .box_wrap .tit_set .txt {font-weight: 800; font-size: 16px; line-height: 26px;}
.wrap_explore .wrap_cont .box_wrap .cateX_set {padding: 60px 60px 0 60px;background: url(../images/line_dot_vert.png) repeat-x left bottom;}

.wrap_explore .wrap_cont .box_wrap .cateX_set .x_tit {display: inline-block;height: 40px;border-radius: 22px;padding: 0 14px;background: #000;color: #fff;font-weight: 700;font-size: 16px;line-height: 40px;}
.wrap_explore .wrap_cont .box_wrap .cateX_set .x_desc {display: block;padding-top: 10px;font-weight: 800; font-size: 16px; line-height: 26px;}


.wrap_explore .wrap_cont .box_wrap .cateX_set .attest_wrap {padding-top: 40px;}
.wrap_explore .wrap_cont .box_wrap .cateX_set .attest_wrap .list {padding: 30px 0;}
.wrap_explore .wrap_cont .box_wrap .cateX_set .attest_wrap .list {background: url(../images/line_dot_vert.png) repeat-x left top;}

.wrap_explore .wrap_cont .box_wrap .link_txt {position:absolute; top:10px; right:20px; z-index:1; font-weight: 800; font-size: 13px; line-height: 35px; opacity: 0.3;}
.wrap_explore .wrap_cont .box_wrap .link_txt a {display:inline-block;}
.wrap_explore .wrap_cont .box_wrap .link_txt .topic:before {content:'-'; display:inline-block; margin-right:5px;}
.wrap_explore .wrap_cont .box_wrap .link_txt .issue:before {content:'-'; display:inline-block; margin-right:5px;}

		/* main_box */
.wrap_explore .wrap_cont .main_box {height: 100%; background-size:contain; background-position:center bottom; background-repeat:no-repeat;}
.wrap_explore[data-page="0"] .wrap_cont .main_box {background-image:url("../images/illust_01.jpg"); background-size: 90vh;}
.wrap_explore[data-page="1"] .wrap_cont .main_box {background-image:url("../images/illust_02.jpg"); background-size: 90vh; background-position-x: right;}
.wrap_explore[data-page="2"] .wrap_cont .main_box {background-image:url("../images/illust_03.jpg"); background-size: 90vh;}
.wrap_explore[data-page="3"] .wrap_cont .main_box {background-image:url("../images/illust_04.jpg"); background-size: 90vh;}
.wrap_explore[data-page="4"] .wrap_cont .main_box {background-image:url("../images/illust_05.jpg"); background-size: 85vh;}
.wrap_explore[data-page="5"] .wrap_cont .main_box {background-image:url("../images/illust_06.jpg"); background-size: 90vh;}
.wrap_explore[data-page="6"] .wrap_cont .main_box {background-image:url("../images/illust_07.jpg"); background-size: 80vh;}
.wrap_explore[data-page="7"] .wrap_cont .main_box {background-image:url("../images/illust_08.jpg"); background-size: 85vh;}
.wrap_explore[data-page="8"] .wrap_cont .main_box {background-image:url("../images/illust_09.jpg"); background-size: 90vh;}
.wrap_explore .wrap_cont .main_box .txt_box {padding:60px;}
.wrap_explore .wrap_cont .main_box .txt_box .tit {font-weight: 800; font-size: 24px; line-height: 28px; padding-bottom:30px;}
.wrap_explore .wrap_cont .main_box .txt_box .txt {font-weight: 800; font-size: 16px; line-height: 26px; word-break:keep-all}
.wrap_explore .wrap_cont .main_box .txt_box .txt.warning:after {
	content: '일부 증언에서는 폭력적이거나 잔혹한 상황 묘사, 또는 직설적인 표현이 있을 수 있습니다.';
	display: block;
	color: #ED1C27;
	font-weight: 800;
	font-size: 16px;
	line-height: 28px;
	word-break: keep-all;
	background: url(../images/alert_mark.png) no-repeat left top 5px;
	padding-left: 29px;
	margin-top: 20px;
	text-align: left;
}
.wrap.eng .wrap_explore .wrap_cont .main_box .txt_box .txt.warning:after {
	content: 'Some testimonies may contain depictions of violence and brutality, or other graphic depictions.';
}

	/* sub_box */
.wrap_explore .wrap_cont .sub_box .list_set {}
.wrap_explore .wrap_cont .sub_box .list_set ul {padding:60px 0 0 60px;font-size: 0;}
.wrap_explore .wrap_cont .sub_box .list_set li {display: block;width: 290px;position: relative; display: flex; align-items: center;}
.wrap_explore .wrap_cont .sub_box .list_set li:not(:first-child) {margin-top:10px;}
.wrap_explore .wrap_cont .sub_box .list_set li a {display:inline-block; min-width: 290px; font-weight: 800; font-size: 20px; line-height:calc(36px - 4px); background:#fff url("../images/arrow_dot_right.png") no-repeat center right 26px; background-size:11.57px 23px; border: 2px solid #000; padding:25px; padding-right:0;}
.wrap_explore .wrap_cont .sub_box .list_set li:hover a {background:#000 url("../images/arrow_dot_right_wh.png") no-repeat center right 26px; color:#fff; background-size:11.57px 23px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.wrap_explore .wrap_cont .sub_box .list_set li .desc {position: absolute;top: 0;left: 100%;display:inline-block; width:290px; font-weight: 800; font-size: 13px; line-height: 18px; padding-left:20px; opacity:0;}
.wrap_explore .wrap_cont .sub_box .list_set li:hover .desc {opacity:1;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.wrap.eng .wrap_explore .wrap_cont .sub_box .list_set li {width: 370px;}
.wrap.eng .wrap_explore .wrap_cont .sub_box .list_set li a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	min-width: 370px;
	padding: 0 42px 0 25px;
	min-height: 100px;
}
.wrap.eng .wrap_explore .wrap_cont .sub_box .list_set li .desc {width: calc(60vw - 450px);}

html[lang="en"] .ui-selectmenu-open {width: 289px !important;}
html[lang="en"] .ui-menu .ui-menu-item-wrapper {padding: 17px;font-size: 16px;line-height: 22px;}
html[lang="en"] .ui-selectmenu-text {font-size: 16px;line-height: 22px;}

/* issue_box */
.wrap_explore .wrap_cont .issue_box {}
.wrap_explore .wrap_cont .issue_box .tit_set .tit {position:relative; padding-left:30px;}
.wrap_explore .wrap_cont .issue_box .tit_set .tit:before {content:''; position:absolute; top:50%; left:0; z-index:1; width:11px; height:11px; background:#000; border-radius:100%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.wrap_explore .wrap_cont .issue_box .go_voice_btn {}
.wrap_explore .wrap_cont .issue_box .go_voice_btn a {background:#FFFF00; font-size:0; text-align:center;}
.wrap_explore .wrap_cont .issue_box .go_voice_btn p {display:inline-block; font-weight: 800; font-size: 24px; line-height: 147px;}
.wrap_explore .wrap_cont .issue_box .go_voice_btn img {display:inline-block; width:30px; margin-left:10px;}

.wrap_explore .wrap_cont .issue_box .popup {display: none;}

/* wrap_voice */
.wrap_voice {}
/*.wrap_voice .cont_box {display:none;}*/
.wrap_voice .voice_visual {display:none;}
.wrap_voice .voice_cont .cont {display:none;}

.wrap_voice[data-page="0"] .voice_visual {display:flex;}

.wrap_voice[data-page="1"] .voice_cont .cont01,
.wrap_voice[data-page="2"] .voice_cont .cont02,
.wrap_voice[data-page="3"] .voice_cont .cont03,
.wrap_voice[data-page="4"] .voice_cont .cont04,
.wrap_voice[data-page="5"] .voice_cont .cont05,
.wrap_voice[data-page="6"] .voice_cont .cont06,
.wrap_voice[data-page="end"] .voice_cont .cont_end {display:block;}

		/* voice_visual */
.wrap_voice .voice_visual {position: relative; height: 100%; align-items: center; justify-content: flex-end; flex-direction: column; text-align: center;}
.wrap_voice .voice_visual .voice_listen {position:absolute; top:60px; right:60px; z-index:1;}
.wrap_voice .voice_visual .voice_listen audio {position: absolute;z-index: -1;opacity: 0;display: none;}
.wrap_voice .voice_visual .voice_listen a {font-weight: 800; font-size: 20px; line-height: 35px;}
.wrap_voice .voice_visual .voice_listen a span {display:inline-block; width:35px; height:35px; background:#000 url("../images/sound_on.png")no-repeat center; background-size:auto; border-radius:100%; vertical-align: top; margin-left:10px;}
.wrap_voice .voice_visual .voice_listen.mute a span {background:#D9D9D9 url("../images/sound_mute.png")no-repeat center; background-size:auto;}
.wrap_voice .voice_visual .txt_set {}
.wrap_voice .voice_visual .txt_set .tit {font-weight: 800; font-size: 32px; line-height: 48px; margin-bottom:20px;}
.wrap_voice .voice_visual .txt_set .txt {font-weight: 700; font-size: 18px; line-height: 40px;}
.wrap_voice .voice_visual .btn_set {margin:80px 0 60px;}
.wrap_voice .voice_visual .btn_set a {color:#fff; font-weight: 800; font-size: 20px; line-height:100px; background:#000; padding:0 100px;}
.wrap_voice .voice_visual .btn_set a img {width:auto; margin-left:20px;}

		/* voice_cont */
.wrap_voice .voice_cont {}
.wrap_voice .voice_cont .cont {font-size:0;background: #fff;}
.wrap_voice .voice_cont .cont .attest_wrap {padding-bottom: 100px;}
.wrap_voice .voice_cont .scrollbar-inner {height:calc(100vh - 80px);}
.wrap_voice .voice_cont .left {display:inline-block; width:40%; height:calc(100vh - 80px); background:#000;}
.wrap_voice .voice_cont .left .tit_set {position:relative; text-align:center; padding: 60px 60px 80px 60px;}
.wrap_voice .voice_cont .left .tit_set.warning {padding-bottom:80px;}
.wrap_voice .voice_cont .left .tit_set.warning:after {content:'일부 증언에서는 폭력적이거나 잔혹한 상황 묘사, 또는 직설적인 표현이 있을 수 있습니다.'; display:inline-block; color:#ED1C27; font-weight: 800; font-size: 16px; line-height: 26px; word-break:keep-all;  background:url("../images/alert_mark.png") no-repeat left top 5px; padding-left:29px; margin-top:20px; text-align: left;}
.wrap.eng .wrap_voice .voice_cont .left .tit_set.warning:after {content:'Some testimonies may contain depictions of violence and brutality, or other graphic depictions.';}
.wrap_voice .voice_cont .left .tit_set p {font-weight: 800; font-size: 35px;line-height: 35px;color:#fff;}
.wrap_voice .voice_cont .left .tit_set .num {color:#fff; font-family: 'Big Shoulders Stencil Display', cursive; font-weight: 800; font-size: 32px; line-height: 35px;}
.wrap_voice .voice_cont .left .tit_set .thesis {font-weight: 800; font-size: 28px; line-height: 28px; padding:20px 0 10px;}
.wrap_voice .voice_cont .left .tit_set .txt {font-size: 20px; line-height: 26px;}
.wrap_voice .voice_cont .left .tit_set .txt:before {content:''; display: inline-block; width:5px; height:5px; background:#fff; border-radius:100%; vertical-align: middle; margin-right: 14px;}
.wrap_voice .voice_cont .left .txt_set {color:#fff; font-weight: 700; font-size: 18px; line-height: 28px; word-break:keep-all; padding:0 60px;}

.wrap_voice .voice_cont .btn_set {position:relative;}
.wrap_voice .voice_cont .btn_set .btn {position:fixed; bottom:30px; z-index:10; display:none; width:290px; font-weight: 800; font-size: 20px; line-height: calc(86px - 4px); text-align:center; background:#fff; border:2px solid #000;}
.wrap_voice .voice_cont .btn_set .btn.show {display:block;}

.wrap_voice[data-btn-prev='1'] .voice_cont .btn_set .btn.btn_prev {display: block;}
.wrap_voice[data-btn-next='1'] .voice_cont .btn_set .btn.btn_next {display: block;}


.wrap_voice .voice_cont .btn_set .btn.next .next {display:inline-block;}
.wrap_voice .voice_cont .btn_set .btn.next .end {display:none;}
.wrap_voice[data-btn-end='1'] .voice_cont .btn_set .btn.next .next {display:none;}
.wrap_voice[data-btn-end='1'] .voice_cont .btn_set .btn.next .end {display:inline-block;}

.wrap_voice .voice_cont .btn_set .btn span {vertical-align: middle;}
.wrap_voice .voice_cont .btn_set .btn.end {width:370px;}
.wrap_voice .voice_cont .btn_set .btn .eng {display:none;}
.wrap_voice .voice_cont .btn_set .btn.end .kor {display:none;}
.wrap_voice .voice_cont .btn_set .btn.end .eng {display:inline-block;}
.wrap_voice .voice_cont .btn_set .btn.prev {left:30px;}
.wrap_voice .voice_cont .btn_set .btn.prev img {width:auto; margin-right:20px;}
.wrap_voice .voice_cont .btn_set .btn.next {right:30px;}
.wrap_voice .voice_cont .btn_set .btn.next img {width:auto; margin-left:20px;}

		/* cont_end */
.wrap_voice .voice_cont .cont_end {flex-direction: column; justify-content: space-between; height: 100%;}
.wrap_voice .voice_cont .cont_end .left .tit_set {padding-bottom:40px;}
.wrap_voice .voice_cont .cont_end .left .tit_set .tit {font-weight: 800; font-size: 24px; line-height: 36px; padding: 0;}
.wrap_voice .voice_cont .cont_end.show .left .tit_set .tit .color {color:#ED1C27;
	-webkit-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
.wrap_voice .voice_cont .cont_end .left .img_set {position:relative; width: 100%; height: 558px; background: url(../images/end_map.png) no-repeat center; background-size: auto;}
.wrap_voice .voice_cont .cont_end .left .img_set:after {content:''; display:block; width: 100%; height: 100%; background: url(../images/map_flag.png) no-repeat center; background-size: auto; opacity:0;}
.wrap_voice .voice_cont .cont_end.show .left .img_set:after {opacity:1;
	-webkit-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
.wrap_voice .voice_cont .cont_end .left .img_set .map {}
/*.wrap_voice .voice_cont .cont_end .left .img_set .flag {position:absolute; top:0; left:0; z-index:1; opacity:0;}*/
/*.wrap_voice .voice_cont .cont_end.show .left .img_set .flag {opacity:1;
	-webkit-transition:all 0.3s ease 1s;
	-moz-transition:all 0.3s ease 1s;
	-o-transition:all 0.3s ease 1s;
	transition:all 0.3s ease 1s;
}*/
.wrap_voice .voice_cont .cont_end .right .inner {display:flex; flex-direction: column; justify-content: space-between; height:100%;}
.wrap_voice .voice_cont .cont_end .right .txt_set {padding:50px 60px 0;}
.wrap_voice .voice_cont .cont_end .right .txt_set .txt {font-weight: 800; font-size: 16px; line-height: 26px; margin-bottom:30px;}
.wrap_voice .voice_cont .cont_end .right .txt_set .s_txt {font-weight: 700; font-size: 24px; line-height: 36px;}
.wrap_voice .voice_cont .cont_end .right .txt_set .s_txt span {border-bottom:2px solid #000;}
.wrap_voice .voice_cont .cont_end .right .go_explore_btn a {background:#FFFF00; font-size:0; text-align:center; margin-left: 2px;}
.wrap_voice .voice_cont .cont_end .right .go_explore_btn p {display:inline-block; font-weight: 800; font-size: 24px; line-height: 147px;}
.wrap_voice .voice_cont .cont_end .right .go_explore_btn img {display:inline-block; width:auto; margin-left:10px;}


/* wrap_search */
.wrap_search {position:relative;}
.wrap_search .scrollbar-inner {height:calc(100vh - 80px);}
.wrap_search .header {font-weight: 800; font-size: 28px; line-height: 48px; background:url("../images/line_dot_vert.png") repeat-x left bottom; background-size:auto; padding:30px 60px;}
.wrap_search .select_wrap {background:url("../images/line_dot_vert.png") repeat-x left bottom; background-size:auto; padding:30px 0 30px 60px; font-size:0;}
.wrap_search .select_wrap .sct_box {display:inline-block; font-size:0;}
.wrap_search .select_wrap .sct_box .box_li {display:inline-block; margin-right:20px;}
.wrap_search .select_wrap .sct_box li .txt {font-weight: 800; font-size: 16px; line-height: 16px; margin-bottom:10px;}
.wrap_search .select_wrap .sct_box li .txt .eng {font-size: 16px; line-height: 16px; margin-left:5px; opacity:0.3;}

	/* select 기본상태 css */
/*.wrap_search .select_wrap .sct_box li.thesis .sct {width:290px;}*/
/*.wrap_search .select_wrap .sct_box li.topic .sct {width:363px;}*/
/*.wrap_search .select_wrap .sct_box li.issue .sct {width:420px;}*/
/*.wrap_search .select_wrap .sct_box li.sub_issue .sct {width:256px;}*/
.wrap_search .select_wrap .sct_box li.thesis .sct {width:290px;}
.wrap_search .select_wrap .sct_box li.topic .sct {width:290px;}
.wrap_search .select_wrap .sct_box li.issue .sct {width:290px;}
.wrap_search .select_wrap .sct_box li.sub_issue .sct {width:290px;}
.wrap_search .select_wrap .sct_box .sct {height:86px; font-weight: 800; font-size: 20px;}
.ui-selectmenu-button.ui-button {width:100%; height:100%; border: 2px solid #000; border-radius: 0; background: #fff;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-between;
}
	/* select 기본상태 text */
.ui-selectmenu-text {font-weight: 800; font-size: 20px;}
	/* select 기본상태 화살표 icon */
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon,
.ui-button:hover .ui-icon, .ui-button:focus .ui-icon,
.ui-button .ui-icon {width:23px; height:15px;
	flex: 0 0 auto;
	background:url("../images/select_arr.png") no-repeat center right;
	background-size:cover;
}
	/* select option css */
.ui-selectmenu-open {}
.ui-menu .ui-menu-item {display:block; background:#F7F7F7;}
.ui-menu-item:not(:last-child) {border-bottom:2px dashed #000;}
.ui-selectmenu-menu .ui-menu {padding:0;}
.ui-widget.ui-widget-content {border: 2px solid #000; border-top: 0; border-radius: 0;}
.ui-menu .ui-menu-item-wrapper {font-weight: 800; font-size: 20px; padding: 16px 0 16px 30px;}
.ui-widget-content {border:0;}

.ui-selectmenu-text {
	overflow: auto;
	text-overflow: initial;
	white-space: normal;
}

	/* select:hover	*/
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {margin: 0;}

.ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active, .ui-button.ui-state-active:hover {
	font-weight: 800; color: #fff; border:0;
	background: #000;
}
.ui-state-hover, .ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover, .ui-state-focus,
.ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus,
.ui-button:hover, .ui-button:focus {
	background: #fff;
	color: #000;
}
	/* select '선택해주세요' */
.ui-state-disabled {display:none !important;}

.wrap_search .select_wrap .search_btn {display: inline-block;width: 290px;height: 86px;color: #fff;font-weight: 800;font-size: 20px;text-align: left;background: #000 url(../images/search_grey.png) no-repeat center right 25px;background-size: auto;vertical-align: bottom;padding-left: 30px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.wrap_search .select_wrap .search_btn:disabled {color:#000; background:#fff url("../images/search_bk.png") no-repeat center right 25px; background-size:auto; border:2px solid #000; opacity:0.2; cursor: not-allowed;}

@media all and (max-width: 1592px) {
	.wrap_search .select_wrap .search_btn {margin-top: 20px;}
}

.wrap_search .attest_wrap {padding:0 60px 100px;}
.wrap_search .tit_set {position:relative; background:#E4E4E4 url("../images/line_dot_vert.png") repeat-x left bottom; background-size:auto; padding: 60px; padding-right: 0;}
.wrap_search .tit_set .tit {position: relative;font-weight: 800;font-size: 24px;line-height: 24px;margin-bottom: 30px;padding-left: 30px;}
.wrap_search .tit_set .tit:before {content:''; position:absolute; top:50%; left:0; z-index:1; width:11px; height:11px; background:#000; border-radius:100%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.wrap_search .tit_set .txt {font-weight: 800; font-size: 16px; line-height: 26px;}
.wrap_search .tit_set .link_txt {position:absolute; top:10px; right:20px; z-index:1; font-weight: 800; font-size: 13px; line-height: 35px; opacity: 0.3;}
.wrap_search .tit_set .link_txt a {display:inline-block;}
.wrap_search .tit_set .link_txt .topic:before {content:'-'; display:inline-block; margin-right:5px;}
.wrap_search .tit_set .link_txt .issue:before {content:'-'; display:inline-block; margin-right:5px;}

.wrap_search .btn_set {position:fixed; right:30px; bottom:30px; z-index:100;}
.wrap_search .btn_set a {font-weight: 800; font-size: 13px; line-height: calc(53px - 4px); background:#fff url("../images/arrow_dot_left.png") no-repeat center left 30px; background-size:5px; border:2px solid #000; border-radius:58px; padding:0 30px 0 40px;}
.wrap_search .btn_set a:hover {color:#fff; background:#000 url("../images/arrow_dot_left_wh.png") no-repeat center left 30px; background-size:5px;}

.wrap_search .link_txt a {pointer-events: none;}

/* sonud wave */
.sound-icon {position:absolute; left: 50%; bottom: 0; z-index: -1; width:100%; overflow: hidden;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
.sound-wave {width: 3840px; height: 600px; display: flex; justify-content: space-around; align-items: center;}

.wrap_intro .sound-icon {padding-bottom: -60px;}

.wrap_voice .sound-icon {top: 0; bottom:auto; padding-top:10vh;}

.wave-line {position: relative; z-index: 2; width: 2px; height: 300px;
	/*background: linear-gradient(to bottom, transparent, #707376, transparent);*/
	/*-webkit-animation: wave 6s 0.3s linear infinite;*/
	/*-moz-animation: wave 6s 0.3s linear infinite;*/
	/*-o-animation: wave 6s 0.3s linear infinite;*/
	/*animation: wave 6s 0.3s linear infinite;*/
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	background: linear-gradient(to bottom, transparent, #c5c5c5, transparent);
	-webkit-animation: wave 8s 0.6s linear infinite;
	-moz-animation: wave 8s 0.6s linear infinite;
	-o-animation: wave 8s 0.6s linear infinite;
	animation: wave 8s 0.6s linear infinite;
}

@keyframes wave {
	0% {transform: scaleY(1);}
	10% {transform: scaleY(0.2);}
	20% {transform: scaleY(1);}
	30% {transform: scaleY(0.2);}
	40% {transform: scaleY(1);}
	50% {transform: scaleY(0.2);}
	60% {transform: scaleY(1);}
	70% {transform: scaleY(0.2);}
	80% {transform: scaleY(1);}
	90% {transform: scaleY(0.2);}
	100% {transform: scaleY(1);}
}
.line1 {height: 150px;}
.line2 {height: 80px;}
.line3 {height: 296px;}
.line4 {height: 174px;}
.line5 {height: 150px;}
.line6 {height: 296px;}
.line7 {height: 374px;}
.line8 {height: 258px;}
.line9 {height: 576px;}
.line10 {height: 342px;}
.line11 {height: 530px;}
.line12 {height: 650px;}
.line13 {height: 432px;}
.line14 {height: 258px;}
.line15 {height: 264px;}
.line16 {height: 182px;}
.line17 {height: 156px;}
.line18 {height: 174px;}
.line19 {height: 130px;}
.line20 {height: 162px;}
.line21 {height: 184px;}
.line22 {height: 298px;}
.line23 {height: 370px;}
.line24 {height: 446px;}
.line25 {height: 316px;}
.line26 {height: 356px;}
.line27 {height: 426px;}
.line28 {height: 174px;}
.line29 {height: 156px;}
.line30 {height: 106px;}
.line31 {height: 286px;}
.line32 {height: 342px;}
.line33 {height: 432px;}
.line34 {height: 252px;}
.line35 {height: 258px;}
.line36 {height: 182px;}
.line37 {height: 252px;}
.line38 {height: 116px;}
.line39 {height: 174px;}
.line40 {height: 210px;}
.line41 {height: 258px;}
.line42 {height: 158px;}
.line43 {height: 158px;}
.line44 {height: 108px;}
.line45 {height: 150px;}
.line46 {height: 86px;}
.line47 {height: 210px;}
.line48 {height: 130px}
.line49 {height: 78px;}
.line50 {height: 106px;}

.delay-1 {animation-delay:0.1s;}
.delay-2 {animation-delay:0.15s;}
.delay-3 {animation-delay:0.2s;}
.delay-4 {animation-delay:0.25s;}
.delay-5 {animation-delay:0.3s;}
.delay-6 {animation-delay:0.35s;}
.delay-7 {animation-delay:0.4s;}
.delay-8 {animation-delay:0.45s;}
.delay-9 {animation-delay:0.5s;}
.delay-10 {animation-delay:0.55s;}
.delay-11 {animation-delay:0.6s;}
.delay-12 {animation-delay:0.65s;}
.delay-13 {animation-delay:0.7s;}
.delay-14 {animation-delay:0.75s;}
.delay-15 {animation-delay:0.8s;}
.delay-16 {animation-delay:0.85s;}
.delay-17 {animation-delay:0.9s;}
.delay-18 {animation-delay:0.95s;}
.delay-19 {animation-delay:1s;}
.delay-20 {animation-delay:1.05s;}



/* break-point */
@media all and (max-width:1280px) {
	.wrap_header .title_set {position:relative; top:auto; left:auto; transform:translate(0,0);}

	/*.wrap_intro .tit_set .sub_tit {font-size: 25px;line-height: 25px;margin-bottom: 30px;}*/
	/*.wrap_intro .tit_set img {width: 540px;}*/
	/*.wrap_intro .tit_set .tit {font-size: 15px;line-height: 23px;padding-top: 50px;}*/
	/*.wrap_intro .btn_set .link_btn {height: 83px;font-size: 17px;line-height: 17px;}*/
	/*.wrap_intro .btn_set .link_btn span {font-size: 12px;line-height: 12px;}*/

	.wrap_intro .tit_set img {width: 448px;}
	.wrap_intro .tit_set .sub_tit {color: #000; font-family: 'Big Shoulders Stencil Display', cursive; font-weight: 800; font-size: 20px; line-height: 20px; /*line-height: 30px;*/letter-spacing: 0.19em;margin-bottom: 36px;}
	.wrap_intro .tit_set .tit {font-weight: 700; font-size: 14px; line-height: 14px; /*line-height: 28px*/ padding-top:60px;}


	.wrap_intro {padding-bottom:64px;}
	.wrap_intro .copyright {padding:10px 0;}
	.wrap_intro .copyright span {display:block; line-height:22px;}
}