@charset "utf-8";
/* CSS Document */

@import url(main.css);
@import url(event.css);

/* reset */
html,body {width:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button {margin:0; padding:0; word-break:keep-all;}
body,input,button,textarea {font-family:Tahoma, Geneva, sans-serif; font-size:16px; /*line-height:28px;*/ color:#222;}
body {*word-break:break-all; -ms-word-break:break-all;}
img,fieldset,iframe {border:0 none;}
li {list-style:none;}
input,select,button {vertical-align:middle;}
img {vertical-align:top;}
label,button {cursor:pointer;}
button {margin:0; padding:0;}
button * {position:relative;}
button img {left:-3px; *left:auto;}
option {padding-right:6px;}
hr {display:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
legend {display:none;}
/* //reset */









/* common */
.clear {clear:both !important;}
.over {overflow:hidden !important;}
.hidden {display:none !important;}

.fl {float:left !important;}
.fr {float:right !important;}
/* //common */









/* layout */
#wrap {position:relative; width:100%;}
#header {position:relative; width:100%; z-index:1000;}
#container {position:relative; width:100%; word-break:keep-all; z-index:0;}
#footer {position:relative; clear:both; width:100%; background:#282828; z-index:100;}
/* //layout */









/* header */
.top_menu_area {width:100%; height:30px; background:#000;}
.top_menu {width:1000px; padding:0 50px; margin:0 auto;}

.logo_world {float:left;}
.logo_world a {display:block; width:116px; height:13px; margin:8px 0 0 0; background:url(/special/kfuture/english/images/logo_world_w.png) 0 0 no-repeat; background-size:116px 13px; text-indent:-10000px;}

.language {display:block; float:right; margin:0;}
.language li {float:left; margin-left:12px; line-height:24px !important;}
.language li.sel_arabic {font-family:Arial, Helvetica, sans-serif; font-size:1.067em;}
.language li.sel_chinese {font-family:"微软雅黑", STXihei, Tahoma, sans-serif;}
.language li.sel_english {font-family:Tahoma, Geneva, sans-serif;}
.language li.sel_french {font-family:Tahoma, Geneva, sans-serif;}
.language li.sel_german {font-family:Tahoma, Geneva, sans-serif;}
.language li.sel_indonesian {font-family:Tahoma, Geneva, sans-serif;}
.language li.sel_japanese {font-family:"微软雅黑", STXihei, Tahoma, sans-serif;}
.language li.sel_korean {font-family:Tahoma, Geneva, sans-serif;}
.language li.sel_russian {font-family:Tahoma, Geneva, sans-serif;}
.language li.sel_spanish {font-family:Tahoma, Geneva, sans-serif;}
.language li.sel_vietnamese {font-family:Tahoma, Geneva, sans-serif;}
.language a {font-size:11px; color:#fff; font-weight:normal;}
/* //header */










/* GNB */
.gnb_visual {width:100%; min-width:1000px; min-height:420px; overflow:hidden; background:url(/special/kfuture/english/images/bg_sub_top1.jpg) center 0 no-repeat;}
.gnb_visual1 {width:100%; min-width:1000px; min-height:420px; overflow:hidden; background:url(/special/kfuture/english/images/bg_sub_top1.jpg) center 0 no-repeat;}
.gnb_visual2 {width:100%; min-width:1000px; min-height:420px; overflow:hidden; background:url(/special/kfuture/english/images/bg_sub_top2.jpg) center 0 no-repeat;}
.gnb_visual3 {width:100%; min-width:1000px; min-height:420px; overflow:hidden; background:url(/special/kfuture/english/images/bg_sub_top3.jpg) center 0 no-repeat;}
.gnb_visual4 {width:100%; min-width:1000px; min-height:420px; overflow:hidden; background:url(/special/kfuture/english/images/bg_sub_top4.jpg) center 0 no-repeat;}
.gnb_visual5 {width:100%; min-width:1000px; min-height:420px; overflow:hidden; background:url(/special/kfuture/english/images/bg_sub_top5.jpg) center 0 no-repeat;}

.gnb_visual_tit {overflow:hidden; position:relative; width:1000px; margin:0 auto;}
.gnb_visual_tit p {font-size:14px; text-align:center; color:#fff; text-shadow:1px 1px #000;}
.gnb_visual_tit p.tit1 {margin-bottom:20px; padding:43px 0 0 0; font-size:24px; color:#fff;}
.gnb_visual_tit p.tit2 { margin-bottom:10px; line-height:30px;}
.gnb_visual_tit p.tit2 a {font-size:44px; font-weight:bold; color:#fff; /*line-height:140%;*/ letter-spacing:-0.02em;}
.gnb_visual_tit p.tit2 a:hover {text-decoration:none;}
.gnb_visual_tit p.txt {padding-bottom:45px;}

.gnb_visual_tit .gnb_share {display:block; position:absolute; top:74px; right:0;}
.gnb_visual_tit .gnb_share span {display:none;}
.gnb_visual_tit .gnb_share a.btn_facebook {display:block; float:left; width:45px; height:45px; background:url(/special/kfuture/english/images/btn_gnb_facebook.png) no-repeat;}
.gnb_visual_tit .gnb_share a.btn_twitter {display:block; float:left; width:45px; height:45px; margin-left:5px; background:url(/special/kfuture/english/images/btn_gnb_twitter.png) no-repeat;}

.gnb_menu_area {position:relative;}
.gnb_menu {overflow:hidden; width:1000px; margin:0 auto; background:url(/special/kfuture/english/images/bg_depth2.png) repeat 0 60px;}

.gnb_menu #gmenu1:hover dt a {background:#9347ad; color:#fff; font-weight:bold;}
.gnb_menu #gmenu1:hover dt a.curr {background:#9347ad; color:#fff; font-weight:bold;}
.gnb_menu #gmenu1:hover dd a {color:#fff;}
.gnb_menu #gmenu1:hover dd a:hover {color:#fffd33;}
.gnb_menu #gmenu1:hover dd a.curr {color:#fffd33;}

.gnb_menu #gmenu2:hover dt a {background:#9347ad; color:#fff; font-weight:bold;}
.gnb_menu #gmenu2:hover dt a.curr {background:#9347ad; color:#fff; font-weight:bold;}
.gnb_menu #gmenu2:hover dd a {color:#fff;}
.gnb_menu #gmenu2:hover dd a:hover {color:#fffd33;}
.gnb_menu #gmenu2:hover dd a.curr {color:#fffd33;}

.gnb_menu #gmenu3:hover dt a {background:#9347ad; color:#fff; font-weight:bold;}
.gnb_menu #gmenu3:hover dt a.curr {background:#9347ad; color:#fff; font-weight:bold;}
.gnb_menu #gmenu3:hover dd a {color:#fff;}
.gnb_menu #gmenu3:hover dd a:hover {color:#fffd33;}
.gnb_menu #gmenu3:hover dd a.curr {color:#fffd33;}

.gnb_menu #gmenu4:hover dt a {background:#9347ad; color:#fff; font-weight:bold;}
.gnb_menu #gmenu4:hover dt a.curr {background:#9347ad; color:#fff; font-weight:bold;}
.gnb_menu #gmenu4:hover dd a {color:#fff;}
.gnb_menu #gmenu4:hover dd a:hover {color:#fffd33;}
.gnb_menu #gmenu4:hover dd a.curr {color:#fffd33;}

.gnb_menu a {display:block; color:#222;}
.gnb_menu a:hover {text-decoration:none;}

.gnb_menu dl {display:block; float:left;}
.gnb_menu dd {display:block; overflow:hidden; width:250px; height:232px; padding:30px 15px; border-right:#3a3a3a 1px solid; font-size:14px; color:#a2a2a2; box-sizing:border-box;}
.gnb_menu dd p {margin:9px 0;}

.gnb_menu dt a {display:table-cell; width:250px; padding:30px 0; border-right:#d0d0d0 1px solid; box-sizing:border-box; background:url(/special/kfuture/english/images/bg_depth1.png) repeat-y 0 0; font-size:18px; text-align:center; min-height:104px; vertical-align:middle;}
.gnb_menu dt a:hover {background:#9347ad; color:#fff; font-weight:bold; min-height:104px;}
.gnb_menu dt a.curr {background:#9347ad; color:#fff; font-weight:bold; min-height:104px;}
.gnb_menu dt.last a {border-right:0;}

.gnb_menu dd a {color:#bbb;}

/*
#depth2_1 {display:none;}
#depth2_2 {display:none;}
#depth2_3 {display:none;}
#depth2_4 {display:none;}
*/
/* //GNB */










/* footer */
.copyright {width:1000px; padding:20px 0; margin:0 auto; font-size:12px; color:#fff;}
/* footer */









/* contents */
.contents {width:1000px; padding:20px 50px 100px; margin:0 auto; border-top:#CCC 1px solid; word-break:keep-all;}

.contents .navi {font-size:12px; color:#666; text-align:right;}
.contents .navi span {color:#222;}

.contents h2 {padding:0 0 20px; margin:35px 0 50px 0; border-bottom:1px solid #dfdfdf; font-size:34px; font-weight:bold; letter-spacing:-0.03em;}

.contents .sub_con_area {line-height:28px;}
.contents .sub_con_area h3 {margin:0 0 40px 0; color:#001e73; font-size:28px; font-weight:bold; letter-spacing:-0.03em;}
.contents .sub_con_area p {margin-bottom:40px; color:#444; font-size:16px; line-height:28px; letter-spacing:0.02em;}

.contents .sub_con_area blockquote {color:#8390e1; line-height:24px;}

.contents .mb0 {margin-bottom:0px;}
.contents .mb20 {margin-bottom:20px;}
.contents .mb50 {margin-bottom:50px;}
.contents .mb100 {margin-bottom:100px;}
.contents .mt50 {margin-top:50px;}

.contents .borderb_no {border-bottom:none; margin-bottom:0; padding-bottom:0;}
.contents .source {clear:both; padding:10px 10px 0 0; margin:10px 0 0 0; text-align:right;}
.contents .source2 {clear:both; padding:20px 10px 0 0; margin:60px 0 0 0; border-top:1px solid #e5e5e5; text-align:right;}
/* //contents */









/* 탭메뉴 */
.tab_menu1 {width:100%; clear:both; overflow:hidden;}
.tab_menu1 ul {width:999px; margin:0 auto; overflow:hidden; border-right:1px solid #472f73;}
.tab_menu1 li {float:left; width:50%; text-align:center; word-break:keep-all;}
.tab_menu1 li a {display:block; padding:20px 0; border-bottom:1px solid #472f73; border-top:1px solid #472f73; border-left:1px solid #472f73; font-size:20px; color:#222; letter-spacing:0.03em}
.tab_menu1 li a:hover {background:#472f73; text-decoration:none; color:#fff;}
.tab_menu1 li a.curr {background:#472f73; color:#fff;}

.tab_menu2 {width:100%; clear:both; overflow:hidden;}
.tab_menu2 ul {width:999px; margin:0 auto 50px; overflow:hidden; border-right:1px solid #472f73;}
.tab_menu2 li {float:left; width:50%; text-align:center; word-break:keep-all;}
.tab_menu2 li a {display:block; padding:20px 0; border-bottom:1px solid #472f73; border-top:1px solid #472f73; border-left:1px solid #472f73; font-size:20px; color:#222; letter-spacing:0.03em}
.tab_menu2 li a:hover {background:#472f73; text-decoration:none; color:#fff;}
.tab_menu2 li a.curr {background:#472f73; color:#fff;}
.tab_menu2 li span {display:table; height:30px; width:100%;}
.tab_menu2 li span em {display:table-cell; vertical-align:middle; font-style:normal;}
/* //탭메뉴 */









/* 나는 위안부가 아닙니다 */
.contents_wide {width:100%; background: url(/special/kfuture/english/images/bg_sub_homecoming.jpg) no-repeat center top;}
.contents_wide .contents {overflow:hidden; box-sizing:border-box; text-align:center; padding:20px 0 0;}

.contents_wide .contents .btn_area {width:1000px; height:auto; margin:0 auto;}
.contents_wide .contents .btn_hearing {float:left; margin:40px 0 30px; width:50%; padding:10px 0 10px; text-align:right;}
.contents_wide .contents .btn_hearing a {display:inline-block; width:300px; height:50px; margin-right:10px; padding:10px 0 10px; color:#fff; background:#8390e1; text-align:center; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; }
.contents_wide .contents .btn_hearing a:hover {color:#fff; text-decoration:none;}
.contents_wide .contents .btn_hearing span {display:inline-block; height:50px; background:url(/special/kfuture/english/images/btn_hearing.png) no-repeat 0 2px; /*background-size:63px 48px;*/ padding: 0 0 0 70px; line-height: 50px;}

.contents_wide .contents .btn_mp3 {float:left; margin:40px 0 30px; width:50%; padding:10px 0 10px; text-align:left;}
.contents_wide .contents .btn_mp3 a {display:inline-block; width:300px; height:50px; margin-left:10px; padding:10px 0 10px; color:#fff; background:#979494; text-align:center; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; }
.contents_wide .contents .btn_mp3 a:hover {color:#fff; text-decoration:none;}
.contents_wide .contents .btn_mp3 span {display:inline-block; height:50px; background:url(/special/kfuture/english/images/btn_mp3.png) no-repeat 0 14px; /*background-size:63px 48px;*/ padding: 0 0 0 40px; line-height: 50px;}

.homecoming_movie_web {display:block; overflow:hidden; position:relative; width:1000px; height:563px; margin-bottom:150px; background:#333; clear:both}
.homecoming_movie_mobile {display:none;}
.homecoming_movie_txt {margin-bottom:40px; color:#FFF; line-height:26px;}
.homecoming_movie_txt span {font-size:22px; font-weight:bold;}

.gallery_area_mobile {display:none;}

.homecoming_movie_area .txt_box_tit {margin:0 0 7px 0; font-size:12px; font-weight:bold;}
.homecoming_movie_area .txt_box_script {display:block; width:958px; height:250px; padding:20px; margin-bottom:80px; border:1px solid #d9d9d9; background:#FFF; overflow-y:scroll; text-align:left;}

/* //나는 위안부가 아닙니다 */









/* 일본군 위안부 */
.dignified_img_area {overflow:hidden; width:1040px; margin:0 -20px;}
.dignified_img_area div {float:left; width:480px; margin:0 20px 50px;}
.dignified_img_area span {display:block; padding-top:10px; font-size:14px; color:#666;}

.dignified_movie {display:block; overflow:hidden; position:relative; width:1000px; height:450px; margin-bottom:50px; background:#333;}
.dignified_movie_web {display:block;}
.dignified_movie_mobile {display:none;}
/* // 일본군 위안부 */









/* 일본군 위안부 - 침묵을 깨뜨린 용기 */
.courage_box_area {position:relative; overflow:hidden; margin:20px 0 60px; padding-bottom:40px; border-bottom:1px dashed #c5c5c5;}
.courage_img {position:absolute; top:0; left:0; float:left;}
.courage_img img {width:480px; height:330px;}
.courage_img_txt {float:right; width:470px; min-height:330px; /*height:330px;*/ padding:40px 35px; border-top:2px solid #5e5e5e; border-bottom:1px solid #999; background:#f7f7f7; text-align:left; box-sizing:border-box;}

.courage_img_txt {margin:0 0 20px;}
.courage_img_txt p {margin:0 0 20px;}
.courage_img_txt p.stit {font-size:22px; font-weight:bold; color:#001e73; margin-bottom:20px; letter-spacing:-0.03em;}
.courage_img_txt p.imb_txt {margin-bottom:10px;}

.courage_movie {display:block; position:relative; overflow:hidden; margin:20px 0 70px; /*padding:40px 0;*/ padding-bottom:70px; border-bottom:1px dashed #c5c5c5;}
.courage_movie .courage_movie_player {}
.courage_movie_txt {float:right; width:400px; min-height:288px; padding:40px 35px; border-top:2px solid #5e5e5e; border-bottom:1px solid #999; background:#f7f7f7; text-align:left; /*box-sizing:border-box;*/}
.courage_movie_txt p {margin:0 0 20px;}
.courage_movie_txt p.stit {font-size:22px; font-weight:bold; color:#001e73; margin-bottom:20px;}
.courage_movie_txt p.imb_txt {margin-bottom:10px; /*line-height:24px;*/}

.courage_movie_web {display:block; float:left;}
.courage_movie_mobile {display:none;}

/* //일본군 위안부 - 침묵을 깨뜨린 용기 */









/* 일본군 위안부 - 멀티미디어 갤러리 */
.multim_movie {display:block; position:relative; overflow:hidden; margin:20px 0 70px;; padding-bottom:70px; border-bottom:1px dashed #c5c5c5;}
.multim_movie .multim_movie_txt {position:relative; float:right; width:470px; height:413px; padding:30px; border-top:2px solid #5e5e5e; border-bottom:1px solid #999; background:#f7f7f7; text-align:left; box-sizing:border-box;}
.multim_movie .multim_movie_txt p {/*padding:0 15px;*/ line-height:140%;}
.multim_movie .multim_movie_txt .tit {/*margin:15px 0 15px;*/ margin-bottom:20px; font-size:22px; font-weight:bold; color:#001e73;}
.multim_movie .multim_movie_txt .stit {margin:0 0 10px; font-size:18px; color:#08accc; line-height:120%;}
.multim_movie .multim_movie_txt .multim_movie_area {position:absolute; bottom:0; right:0;}
.multim_movie .multim_movie_txt .multim_movie_area .txt_box_tit {margin:0 10px 7px 0; font-size:12px; font-weight:bold;}

.multim_movie_web {display:block;}
.multim_movie_mobile {display:none;}

/* //일본군 위안부 - 멀티미디어 갤러리 */









/* 일본군 위안부 - 치유와 화해를 위한 노력 */
/* //일본군 위안부 - 치유와 화해를 위한 노력 */









/* 과거사 바로잡기 - 일본의 왜곡된 역사 교육 */
.distort_movie {display:block; position:relative; overflow:hidden; margin:20px 0 70px; /*padding:40px 0;*/ padding-bottom:70px; border-bottom:1px dashed #c5c5c5;}
.distort_movie .courage_movie_player {}
.distort_movie_txt {float:right; width:400px; min-height:288px; padding:40px 35px 0; border-top:2px solid #5e5e5e; border-bottom:1px solid #999; background:#f7f7f7; text-align:left; /*box-sizing:border-box;*/}
.distort_movie_txt p {margin:0 0 20px;}
.distort_movie_txt p.stit {font-size:22px; font-weight:bold; color:#001e73; margin-bottom:20px;}
.distort_movie_txt p.imb_txt {margin-bottom:10px; /*line-height:24px;*/}

.distort_movie_web {display:block; float:left;}
.distort_movie_mobile {display:none;}
/* //과거사 바로잡기 - 일본의 왜곡된 역사 교육 */











/* 과거사 바로잡기 - 노골화되는 독도 도발 */
.provocation_img_area {overflow:hidden; width:1020px; margin:0 -10px;}
.provocation_img_area div {float:left; width:320px; margin:0 10px 50px;}
.provocation_img_area span {display:block; padding-top:10px; font-size:14px; color:#666;}

.prov_box_area {position:relative; overflow:hidden; margin:20px 0 60px; padding-bottom:40px; border-bottom:1px dashed #c5c5c5;}
.prov_img {position:absolute; top:0; left:0; float:left;}
.prov_img img {width:480px; height:540px;}
.prov_img_txt {float:right; width:470px; height:540px; padding:40px 35px 0; border-top:2px solid #5e5e5e; border-bottom:1px solid #999; background:#f7f7f7; text-align:left; box-sizing:border-box;}
.prov_img_txt {margin:0 0 20px;}
.prov_img_txt p {margin:0 0 20px;}
.prov_img_txt p.stit {font-size:22px; font-weight:bold; color:#001e73; margin-bottom:20px;}
.prov_img_txt p.imb_txt {margin-bottom:10px;}

dl.bn_dokdo {position:relative; width:1000px; height:167px; background:url(/special/kfuture/english/images/sub_bn_dokdo.jpg)}
dl.bn_dokdo dt {position:absolute; top:56px; left:213px; font-size:22px; font-weight:bold; color:#222;}
dl.bn_dokdo dd {position:absolute; top:90px; left:213px; color:#666; letter-spacing:-0.07em;}
.bn_dokdo_btn {display:none;}
/* //과거사 바로잡기 - 노골화되는 독도 도발 */









/* 과거사 바로잡기 - 강제동원노동 */
.labor_movie {display:block; position:relative; overflow:hidden; margin:20px 0 70px; padding-bottom:70px; border-bottom:1px dashed #c5c5c5;}
.labor_movie .labor_movie_player {}
.labor_movie_txt {float:right; width:400px; min-height:288px; padding:40px 35px 0; border-top:2px solid #5e5e5e; border-bottom:1px solid #999; background:#f7f7f7; text-align:left; /*box-sizing:border-box;*/}
.labor_movie_txt p {margin:0 0 20px;}
.labor_movie_txt p.stit {font-size:22px; font-weight:bold; color:#001e73; margin-bottom:20px;}
.labor_movie_txt p.imb_txt {margin-bottom:10px;}

.labor_movie_web {display:block; float:left;}
.labor_movie_mobile {display:none;}
/* //과거사 바로잡기 - 강제동원노동 */