@charset "utf-8"; 

/* Style Reset */
@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');

*{font-family:'Iropke Batang', serif}
*{margin:0;padding:0;border:0;}

html, body {height:100%;margin:0;padding:0; background:#171717; font-size:20px; color:#fff; letter-spacing: -1px;}
img,fieldset,iframe{border:0; none; margin:0; padding:0;}
a{cursor:pointer;}
a:visited {text-decoration:none; color:inherit;}
a:link {text-decoration:none;color:inherit;}
li{list-style:none;}
li a:visited {text-decoration:none;}
li a:link {text-decoration:none;}

.section{display:none;}

/* ½ºÅ©·Ñ ÁøÇà leejy*/
.progressWrap{width: 100%; height: 3px; background: #656565;position:fixed;top:0;z-index:500;}
.progressBar{height: 3px; background: #fce941; width: 0%; transition:all .3s ease;}
/* // leejy */


/*TOP UI*/
/*.top {overflow:hidden; width:100%; height:48px; background:#333; color:#000;}*/
.top {overflow:hidden; width:100%; height:48px; /*background:#333;background:radial-gradient(at 50% 5%, rgba(255, 255, 255, 0) 45%, rgba(51, 51, 51, 0.9) 55%) fixed; */color:#000;position:fixed;top:5px;z-index:9;}  /* leejy Ãß°¡*/
.ci {display:block; float:left; padding:10px 0 0 20px; opacity:0.8;}
.ci img {width:100px;}
.SnM {display:block; float:right; text-align:right; padding:10px 20px 0 0; opacity:0.8;}
.SnM img {width:24px; margin-left:15px;}

/*menu*/
.top_m { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; /*height: 100%;*/ overflow: auto; z-index: 1; padding: 60px 20px 20px 20px; box-sizing: border-box; background-color: #000; background-color: rgba(0,0,0,0.75);  text-align: center;display:none;} /*leejy ¼öÁ¤*/
.top_mT {text-align:right; font-size:21px; color:#fff; /*padding:60px 20px 0 0;*/}
.top_mT dt {font-weight:bold; padding:12px 0;}
.top_mT dt img {width:41px; padding-right:8px; vertical-align:middle;}
.top_mT dd {font-size:15px; padding-bottom:6px;}
.CS {color:#555;}


/*ÀÎÆ®·Î*/
.Intro_back {width:100%; height:100%; position:relative; text-align:center; background:#656565 url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/step.jpg') no-repeat; background-size:100%;}
.Atit {position:absolute; top:5%; left:20%;}
.Atit img {width:100%;}
.byline {width:100%; text-align:right; position:absolute; bottom:5%;}
.byline img {margin-right:80px;}
.skip {position:fixed; width:100%; bottom:30px;text-align:center;}
.skip img {opacity: 0.5;}
.Intro_bottom  {width:100%; height:15px; position:absolute; left:0; bottom:0;background:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/intro_bottom.png')repeat;}



/*½ºÅ丮ÅÚ¸µ*/
.section_inner{height:100%;display: flex;align-items: center;}
.section_inner2{ height: 100%; display: flex; flex-direction: column;  justify-content: center;}
.section_inner3{height:100%;min-height:700px;display: flex;align-items: center;}
/*.S_back {width:100%; height:1000px; display:flex; flex-direction:column; justify-content:center; background-size:100% 100%;}*/
.S_back {background-size:cover;background-position:center center;background-attachment:fixed;} /* leejy*/
.back_1 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/Sback_1.png');}
.back_2 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/Sback_2.png');}
.back_3 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/Sback_3.png');}
.back_4 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/Sback_4.png');}
.back_5 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/Sback_5.png');}
.back_6 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/Sback_6.png');}
.back_7 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/Sback_7.png');}
.back_8 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/Sback_8.png');}
.back_9 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/Sback_9.png');}

.LCback_1 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/LCcenter_1_1.jpg');}
.LCback_2 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/LCcenter_2.jpg');}
.LCback_3 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/LCcenter_3.jpg');}
.LCback_4 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/LCcenter_4.jpg');}

/*----------------------- 2Â÷ ------------------------*/
.EYback_1 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/evaporatingyouth_1.jpg');}
.EYback_2 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/evaporatingyouth_2.jpg');}
.EYback_3 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/evaporatingyouth_3.jpg');}
.EYback_4 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/evaporatingyouth_4.jpg');}
.EYback_5 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/evaporatingyouth_5.jpg');}
.EYback_6 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/evaporatingyouth_6.jpg');}
.EYback_7 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/evaporatingyouth_7.jpg');}
.EYback_8 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/evaporatingyouth_8.jpg');}
.EYback_9 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/evaporatingyouth_9.jpg');}
.EYback_10 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/evaporatingyouth_10.jpg');}
/*----------------------- //2Â÷ ------------------------*/


/*----------------------- 3Â÷ ------------------------*/
.SRback_1 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/sliceroom_1.jpg');}
.SRback_2 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/sliceroom_2.jpg');}
.SRback_3 {background-image:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/sliceroom_3.jpg');}

.area_owner{letter-spacing:0;text-align:center;margin-top:30px;display:none;}
.bigText{font-size:30px;width:100%;padding:30px 0;line-height:1.4em;/*word-break: keep-all;*/}
.highcharts-xaxis-labels {font-weight:bold;}

#chartGG {width:100%;max-width:700px;margin:80px auto 0px auto;padding:0;background-color:#ffffff;}
#chartGG figure {display:inline-block;margin:0;padding:0;width:49%;font-size:0;}
#chartGG figure > div{width:100%;max-height:300px;margin:0;padding:0;}

.mapsize{width:100%;height:550px;max-width:800px;margin:0 auto;}
/*----------------------- //3Â÷ ------------------------*/



.con_box {/*display:inline;*/ min-width:500px;max-width:500px; background-color:rgba(34, 34, 34, 0.9); /*background:#005886; opacity:0.9;*/ margin:0 auto; padding:30px; box-sizing:border-box; border-radius:15px; line-height:1.5em;display:none;}  /* leejy ¼öÁ¤ - ¹è°æ»ö¸¸ Åõ¸íÇÏ°Ô·Î */
.con_box .Btxt {/*clear:both; display:block;*/ font-size:30px; font-weight:bold; line-height:1.2em; margin-bottom:10px;}
.con_box .tit_txt {/*display:block;*/ font-size:40px; margin:20px 0; text-align:center;  line-height:1.3em;} 
/*
.section_inner{width:90%;max-width:800px;margin:0 auto;display:flex;align-items:center;}
.con_box { width:500px; background:#005886; margin:30px auto 0px auto; padding:30px; box-sizing:border-box; border-radius:15px; opacity:0.9;text-align:left;display:none;}
.con_box .Btxt { font-size:30px; font-weight:bold; line-height:1.2em; margin-bottom:10px;text-align:center;}	
*/
/*leejy*/
.con_box .image {width:100%; text-align:center;padding-top:55px;}
.con_box .Btxt2 {font-size:30px; font-weight:bold; line-height:1.4em; margin-bottom:10px;}
.con_box .Btxt_center{font-size:40px; font-weight:bold; text-align:center;padding:30px 0 50px 0;}

/* ÀÏ·¯½ºÆ® ¼³¸í */
/*.con_box2{width:620px;margin:180px auto 0 auto;font-size:13px; text-align:center; line-height:1.5em; text-shadow: 1px 1px #000;)*/
.con_box2{position: fixed; bottom:30px; width: 100%; display:none;}
.con_box2 .sub_txt{width:620px;margin:0 auto; font-size:13px; text-align:center; line-height:1.5em; text-shadow: 1px 1px #000;}

.con_box3{width:100%;position: absolute; bottom: 0%; left: 50%; -ms-transform: translate(-50%, -95%);  -webkit-transform: translate(-50%, -95%); -moz-transform: translate(-50%, -95%);  transform: translate(-50%, -95%);}
.con_box3 .sub_txt{width:620px;margin:0 auto; font-size:13px; text-align:center; line-height:1.5em; text-shadow: 1px 1px #000;}

/* ÅäÅ©¹Ú½º */
.LCcenter {width:100%; background:#858585; padding:100px 0; box-sizing:border-box;}
.phone_bg {overflow:hidden; width:762px; margin:0 auto; background:#be8e81; border-radius:50px; text-align:center; padding:30px; box-sizing:border-box; color:#000;}
.Child_L {float:left; width:100%; text-align:left; margin-bottom:30px;}
.Child_L .in {float:left; width:100%; height:75px; padding:0 10px;  box-sizing:border-box;}
.Child_L .in .character {float:left; display:block; width:85px; height:75px;}
.Child_L .in .name {float:left; display:block; width:100px; height:75px; padding-top:23px; box-sizing:border-box;}
.Child_R {float:left; width:100%; text-align:left; margin-bottom:30px;}
.Child_R .in {float:right; width:100%; height:75px;  padding:0 10px;  box-sizing:border-box;}
.Child_R .in .character {float:right; display:block; width:85px; height:75px; text-align:right;}
.Child_R .in .name {float:right; display:block; width:100px; height:75px; padding-top:23px; box-sizing:border-box; text-align:right;}
.Child_L .in .character img {width:75px;}
.Child_R .in .character img {width:75px;}
.Child_L .EW {clear:both; padding-left:100px; height:20px;}
.Child_R .EW {clear:both; text-align:right; padding-right:100px; height:20px;}
.talkbox_white {float:left; background:#fff; width:600px; border-radius:15px; padding:30px; box-sizing:border-box; text-align:left; line-height:1.5em;}
.talkbox_green {float:right; background:#e2f9c6; width:600px; border-radius:15px; padding:30px; box-sizing:border-box; text-align:left; line-height:1.5em;}
.phone {}
.phone img {/*padding:10px 0 20px;*/}

/* ¾ÆÀÌµé ¾ó±¼ ¾Ö´Ï¸ÅÀ̼Ç*/
.hvr-bounce-in {animation: hvr-bounce-in 0.5s linear 1s infinite alternate; margin-top: 0;}
@keyframes hvr-bounce-in {0% {margin-top: 0px;}	100% {margin-top: 10px;}}

/* ¾ÆÀ̵é Æ˾÷ */
.childpop_bak { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; /*height: 100%;*/ overflow: auto; z-index: 1; background-color: rgba(0,0,0,0.75); display:none;}
.childpopup{top:50%;left:50%;-ms-transform: translate(-50%, -50%);	-webkit-transform: translate(-50%, -50%);	-moz-transform: translate(-50%, -50%);	transform: translate(-50%, -50%); display:none;}



/*----------------------- 2Â÷ ------------------------*/
.article_box{width:100%; padding:80px 0; box-sizing:border-box;}
.article_con{max-width:800px; width:100%;margin:0 auto; /*padding:0 3vw;box-sizing:border-box;*/}
.article_img{width:100%;text-align:center;margin-bottom:4.5vh}
.article_img img{width:90%;}
.article_img .caption{max-width:90%;padding:10px 10px 20px 10px; box-sizing: border-box; font-size:16px; line-height: 1.5em; color: #888888;text-align:left;margin:0 auto;}
.article_txt{width:100%;line-height:1.5em;}

.article_con2{max-width:800px; width:100%;margin:0 auto; /*padding:0 3vw;box-sizing:border-box;*/display:flex; justify-content:space-between;}
.article_img2{width:100%;max-width:45%;text-align:center;/*object-fit:cover;*/}
.article_img2 img{width:100%;}
.article_img2 .caption{max-width:100%;padding:10px 10px 20px 10px; box-sizing: border-box; font-size:16px; line-height: 1.5em; color: #888888;text-align:left;}
.article_txt2{max-width:50%;width:100%;line-height:1.5em;}

.article_img3{width:100%;max-width:45%;text-align:center;}
.article_img3 img{width:70%;}

.storyTitle_box{max-width:800px; width:100%;/*height:80px;*/margin:0 auto 4.5vh auto;position:relative;color:#ffffff;/*background-color:#323232;*/}
.storyTitle{width:100%;font-size:40px;text-align:center;margin-bottom:10px;}
.storyTitle_small{width:100%;font-size:20px;text-align:center;}

.relationGraphic{max-width:600px;width:100%;position:relative;margin:0 auto 2vh auto;}
.shopPeople1{position:absolute;top:110px;left:50px;width:16vw;max-width:117px;max-height:133px;height:16vh;}
.shopPeople2{position:absolute;top:105px;right:55px;width:16vw;max-width:131px;max-height:137px;height:16vh;}
.shopPeople3{position:absolute;bottom:60px;left:50px;width:16vw;max-width:109px;max-height:134px;height:16vh;}
.shopPeople4{position:absolute;bottom:60px;right:55px;width:16vw;max-width:102px;max-height:134px;height:16vh;}	

/* Æ˾÷ */
.pop_bak { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; /*height: 100%;*/ overflow: auto; z-index: 1; background-color: rgba(0,0,0,0.75); display:none;}
.popupLayer{top:50%;left:50%;-ms-transform: translate(-50%, -50%);	-webkit-transform: translate(-50%, -50%);	-moz-transform: translate(-50%, -50%);	transform: translate(-50%, -50%); display:none;}

/* ¿µ»ó*/
#storyVideo{	position: absolute;right: 0;bottom: 0;top:0;right:0;width: 100%;height: 100%;background-size: 100% 100%;	background-color: black; /* in case the video doesn't fit the whole page*/	background-image: /* our video */;	background-position: center center;background-size: contain;/*object-fit: cover;*/ /*cover video background */	z-index:3;}
/*----------------------- //2Â÷ ------------------------*/


/*¼±¾ð¹®*/
.D_box {overflow:hidden; width:800px; text-align:center; margin:200px auto; background:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/D_bg.png');}
.D_top {height:349px; padding-top:50px; box-sizing:border-box; text-align:center; font-family: '³ª´®°íµñ','Nanum Gothic','¸¼Àº °íµñ','Malgun Gothic',µ¸¿ò,Dotum,±¼¸²,Gulim,sans-serif; font-size:40px; font-weight:bold; letter-spacing:-2px; /*border:1px solid #000;*/ background:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/D_top.png');}
.D_top p {display:inline-block; background:#4e6771; padding:5px 45px; border-radius:20px; margin-bottom:55px; font-family: '³ª´®°íµñ','Nanum Gothic','¸¼Àº °íµñ','Malgun Gothic',µ¸¿ò,Dotum,±¼¸²,Gulim,sans-serif; font-weight:normal; font-size:20px;}

.D_con {padding:30px 37px; box-sizing:border-box; text-align:left; color:#000; letter-spacing:-1px; line-height:1.5em; /*border:1px solid #000;*/}
.D_con p {color:#1b6ab9; font-size:25px; padding:10px 0; font-weight:bold;}

.D_bot {height:349px; padding:60px 37px 0; box-sizing:border-box; text-align:center; font-size:25px; letter-spacing:-1px; line-height:1.6em; /*border:1px solid #000;*/ background:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/D_bot.png');}
.D_inner{ width:45%;margin:0 auto;}
.D_byline{font-size:18px;}
.D_seoulmem{line-height:1.5em;margin-top:25px;font-size:18px;text-align:left;}




/* Ä«Å×°í¸® ¸Þ´º */
/*leejy*/
.categoryWrap{width:100%;height:100%;position:relative;overflow:hidden;}
.categoryImg1 {width:33.3%;height:100%;position:absolute;top:100%;left:0;}
.categoryImg2 {width:33.3%;height:100%;position:absolute;top:-100%;left:33.3%;}
.categoryImg3 {width:33.3%;height:100%;position:absolute;top:100%;left:66.6%;}	

.categorySliding {
  animation: sliding 1s;
  -moz-animation: sliding 1s; /* Firefox */
  -webkit-animation: sliding 1s; /* Safari and Chrome */
  -o-animation: sliding 1s; /* Opera */
  animation-fill-mode: forwards;
}
@keyframes sliding {  from {top:100%;} to {top:0;}}
@-moz-keyframes sliding { from {top:100%;} to {top:0;}	} /* Firefox */
@-webkit-keyframes sliding { from {top:100%;} to {top:0;}	}/* Safari and Chrome */
@-o-keyframes sliding { from {top:100%;} to {top:0;}	}/* Opera */

.categorySliding2 {
  animation: sliding2 1s;
  -moz-animation: sliding2 1s; /* Firefox */
  -webkit-animation: sliding2 1s; /* Safari and Chrome */
  -o-animation: sliding2 1s; /* Opera */
  animation-fill-mode: forwards;
}
@keyframes sliding2 { from {top:-100%;} to {top:0;}	}
@-moz-keyframes sliding2 { from {top:-100%;} to {top:0;}}/* Firefox */
@-webkit-keyframes sliding2 { from {top:-100%;} to {top:0;}}/* Safari and Chrome */
@-o-keyframes sliding2 { from {top:-100%;} to {top:0;}	} /* Opera */
/* //leejy */



/*Ä«Å×°í¸® ¸Þ´º*/
.Kmenu {position:relative; float:left; display:flex; justify-content:center; /*width:33.3%;*/width:100%; height:100%; text-align:center; font-size:45px; /*border:1px solid #000;*/ box-sizing:border-box; background:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/Kategorie_bg.png'); background-size:100% 100%;}
.Kmenu .person {display:inline; float:left; position:absolute; left:0; bottom:0; width:70%; margin:0 15%; padding:0;}
.Kmenu .person img {float:left; width:100%; /*border:1px solid #fff;*/ margin:0; padding:0;}
.Kmenu .con {float:left; display:inline; width:100%; margin-top:20%;}
.Kmenu .con .ktit {display:inline-block; position:relative; color:#e7e1cf;}
.Kmenu .con .Slist {width:100%; font-size:22px; text-align:center; /*padding:20px 0 20px 50px;*/box-sizing:border-box;}
.Kmenu .con .Slist ul {display:inline-block; text-align:left; padding-top:30px;}
.Kmenu .con .Slist ul li {padding-top:10px;}
.new {position:absolute; left:-50px; top:-20px;}
.new img {width:50px;}
/* // Ä«Å×°í¸® ¸Þ´º */


/* ½½¶óÀÌµå °ü·Ã±â»ç */
.slideWrap{width:100%;text-align:center;height:100%;display: flex;align-items: center;} /* leejy Ãß°¡*/
.slide_inner{width:100%;}
.R_nW {overflow:hidden; width:710px; text-align:center;/* margin:200px auto;*/display:flex;align-items:center;margin:0 auto;} /* leejy ¼öÁ¤*/
.R_nT {font-size:40px; margin-bottom:50px;}
/*.R_nT span {font-weight:bold;}*/
.part_title{font-weight:bold;} /* leejy Ãß°¡*/
.R_newsW {float:left; /*width:710px;*/width:400px;} /* leejy ¼öÁ¤*/
.R_newsA_L {float:left; width:150px; padding-top:100px; text-align:left;}
.R_newsA_R {float:left; width:150px; padding-top:100px; text-align:right;}
.R_newsA_List {/*float:left;*/ width:450px;margin:0 auto;} /* leejy ¼öÁ¤*/
.R_newsA_List dl {}
.R_newsA_List dt {/*display:inline-block;*/width:100px; background:#005886; padding:5px 45px; border-radius:20px;/*margin-bottom:20px;*/ margin:0px auto 20px auto;}
.R_newsA_List dd {/*float:left;*/ width:100%; padding:7px 0; text-align:left; color:#e2e2e1;}
.R_newsA_List dd a:hover {text-decoration:underline;}
.R_newsPaging {display:inline-block; margin-top:20px;}
.R_newsPaging li {display:inline-block;width:10px; height:10px; border-radius:5px; background:#dedede; margin-left:10px;}
.R_newsPaging li.on {display:inline-block; background:#9b4fe1;}

/* fullpage.js ½½¶óÀ̵å */
.slide{text-align:center;	display:flex;align-items:center;}
.slide_inner{width:450px;margin:0 auto;}
.fp-controlArrow.fp-prev { position: absolute; left: -120px;width:72px; height:165px; border:0; background: url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/arrowL_i.png') no-repeat;}
.fp-controlArrow.fp-next { position: absolute; right: -120px;width:72px; height:165px; border:0; background:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/arrowR_i.png') no-repeat;}	
.fp-slidesNav{text-align:center;}
.fp-slidesNav.bottom{bottom:20px}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{width:10px; height:10px; border-radius:5px; background:#9b4fe1; margin:0 0 0 10px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width:10px; height:10px; border-radius:5px; background:#dedede;  margin:0 0 0 10px;}

/* Àü¹® ¹Ý¹ÝÀ̹ÌÁö ºÎºÐ*/
#twentyContainer{max-width:450px;}
#twentyContainer{margin:0 auto;}
#twentyContainerL{text-align:center;width:95%;margin:0 auto;font-size:0;}
#twentyContainerL img{width:49%;margin:0;padding:0}
#twentyContainerL img:first-child{border-right:3px solid #ffff;}
.twentyImgCaption{max-width:100%;padding:10px 40px 50px;box-sizing:border-box;font-size:16px;line-height:1.5em;color:#888888;}

/* Àϱâ */
/*.diary_slide{text-align:center;display:unset;align-items:unset;}*/
/*.diary_slide_inner{width:800px;margin:0 auto;}*/
.diaryTitle{font-size:40px; font-weight:bold;text-align:center;margin-top:80px;margin-bottom:30px;}
.diaryW {overflow:hidden; text-align:center; width:100%;/*max-width:1100px;  margin:100px auto; box-sizing:border-box;*/}
.diaryinW {/*float:left;*/ max-width:1100px;display:inline-flex;align-items:center;justify-content: center;width:100%;}
.diary {/*float:left;*/ display:inline-block;max-width:600px;width:66%;}
.diary img {width:100%;}
.diary_L {display:inline-block;width:150px; height:100%; text-align:left;}
.diary_R {display:inline-block;width:150px; height:100%; text-align:right;}
.diaryPaging {display:inline-block; margin-top:20px;}
.diaryPaging li {display:inline-block;width:10px; height:10px; border-radius:5px; background:#dedede; margin-left:10px;}
.diaryPaging li.on {display:inline-block; background:#9b4fe1;}


/*Àü¹®*/
.preamble{width:100%; padding:80px 0; box-sizing:border-box;}
.preamble_con{max-width:762px; margin:0 auto; }
.preamble_text{width:95%;margin:0 auto;line-height:1.5em;}
.preamble_etext{margin-bottom:10px;opacity:0;}
.preamble_byline{font-size:15px;text-align:right;}


/*bottom*/
.footer {overflow:hidden; width:710px; text-align:center; margin:0 auto; /*padding-top:100px;*/padding:100px 0px}
.sns {float:left; width:100%;}
.sns img {margin:7px;}
.b_tit {float:left; width:100%; font-size:30px; margin:50px 0 150px;}
.b_tit span {font-size:50px;}
.b_offer {float:left; width:100%; margin-bottom:150px; color:#e2e2e1;}  
.b_copy {float:left; width:100%; color:#e2e2e1;}

/* ¾ÆÀ̵é Æ˾÷*/
.C_layer_bg {position:relative; width:350px; background:#fff; padding:30px 20px; color:#000; box-sizing:border-box; border-radius:25px;}
.C_face {width:100%; text-align:center; margin-bottom:20px; font-weight:bold;}
.C_face img {}
.C_con {width:100%; font-size:16px;}
/*.C_con span {display:block; font-weight:bold;}*/
.C_con div {/*display:block;*/ font-weight:bold;}
.C_close {position:absolute; top:10px; right:15px;}


/* SNS °øÀ¯ ·¹À̾î leejy*/
.snsLayer { position: relative; /*background-color: rgba(0, 0, 0, 0.8); */padding: 5%; box-sizing: border-box;}
.snsBtn {margin:0 auto;}
.snsBtn span {margin:0 9px;cursor:pointer}
.share_pop_tit{width:100%;text-align:center;font-size:20px;font-weight:bold;padding:15px 0;color:#171717}
.share_pop{text-align:center;padding:10px 0;}
.share_copy{ width: 225px; margin: 18px auto 0;}
.copyUrl_input {float: left;width: 163px;height:30px; background: #f8f8f8;border: 1px solid #d7d7d7; font-size: 14px; color: #8c8c8c; padding-left: 10px; box-sizing: border-box; -webkit-border-radius: 0;}
.urlCopyBtn {float: left;width: 62px;height: 30px;background: #272727;box-sizing: border-box;font-size: 13px;line-height: 30px;font-weight: normal;margin-left: -1px;text-align:center;}

/* Float È¿°ú leejy*/
.hvr-float {
  z-index:10;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
/*  // leejy */


/* Shake È¿°ú */
.shake-horizontal {
	-webkit-animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.3s both;
    animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.3s both;
}
@-webkit-keyframes shake-horizontal { 0%,100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70% { -webkit-transform: translateX(-10px);  transform: translateX(-10px); } 20%, 40%, 60% { -webkit-transform: translateX(10px); transform: translateX(10px); } 80% {-webkit-transform: translateX(8px); transform: translateX(8px); }  90% {    -webkit-transform: translateX(-8px); transform: translateX(-8px); }  }
@keyframes shake-horizontal { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70% { -webkit-transform: translateX(-10px); transform: translateX(-10px);
  } 20%, 40%, 60% { -webkit-transform: translateX(10px);  transform: translateX(10px); } 80% { -webkit-transform: translateX(8px); transform: translateX(8px); }  90% { -webkit-transform: translateX(-8px); transform: translateX(-8px); } }


.shake-vertical {
	-webkit-animation: shake-vertical 6.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
    animation: shake-vertical 6.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}
@-webkit-keyframes shake-vertical { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 10%, 30%, 50%, 70% { -webkit-transform: translateY(-8px); transform: translateY(-8px);
  } 20%, 40%, 60% {   -webkit-transform: translateY(8px); transform: translateY(8px); } 80% {-webkit-transform: translateY(6.4px); transform: translateY(6.4px); } 90% { -webkit-transform: translateY(-6.4px); transform: translateY(-6.4px); }
}
@keyframes shake-vertical { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 10%, 30%, 50%, 70% { -webkit-transform: translateY(-8px); transform: translateY(-8px);
  } 20%, 40%, 60% { -webkit-transform: translateY(8px); transform: translateY(8px); } 80% {-webkit-transform: translateY(6.4px); transform: translateY(6.4px); } 90% { -webkit-transform: translateY(-6.4px);  transform: translateY(-6.4px); }}
/* // Shake È¿°ú */


/* žÀ¸·Î °¡±â ¹öÆ°*/
.goTopBtn{width:55px;position:fixed;bottom:0;padding-left:15px; padding-bottom:10px;}
.goTopBtn img{width:50px;}


/* Bounce In */
@keyframes hvr-wobble-vertical {
  8% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  16% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  25% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  33% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  42% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: infinite;
}


/******************* ¹Ìµð¾î Äõ¸® ***************************/


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

.top {height:44px;}
.ci img {width:75px;}
.SnM img {width:20px;}

/* ÀÎÆ®·Î */
.Intro_back {background-position:top center; background-size:240%;}
.Atit {top:6%; left:3%;}
.Atit img{width:230px;}
.skip img {width:20px;}
.byline {width:100%; text-align:center; bottom:130px;}
.byline img {width:45%; margin-right:0px;}


/*½ºÅ丮ÅÚ¸µ*/
.con_box {min-width:90%;width:90%; font-size:18px;}
.con_box .Btxt {font-size:20px;}
.con_box .tit_txt {font-size:25px;}

.con_box2 .sub_txt{width:90%;}
.con_box3 .sub_txt{width:90%;}

.con_box .Btxt_center{font-size:30px;padding:10px 0 35px 0;}
.con_box .Btxt2 {font-size:20px;}

/* ÅäÅ©¹Ú½º */
.LCcenter {padding:0;}
.phone_bg {width:100%; padding:5%; border-radius:0px; box-sizing:border-box; font-size:17px;}
.Child_L {width:100%; margin-bottom:10px;}
.Child_L .in {height:50px;}
.Child_L .in .character {width:62px; height:55px;}
.Child_L .in .character img {width:55px;}
.Child_L .in .name {height:45px; padding-top:18px; }
.Child_R {width:100%; margin-bottom:10px;}
.Child_R .in {height:50px;}
.Child_R .in .character {width:62px; height:55px;}
.Child_R .in .character img {width:55px;}
.Child_R .in .name {height:45px; padding-top:18px; }

.Child_L .EW {clear:both; padding-left:70px; height:16px;}
.Child_L .EW img {width:22px;}
.Child_R .EW {clear:both; padding-right:70px; height:16px;}
.Child_R .EW img {width:22px;}

.talkbox_white {width:90%; padding:20px; font-size:13px;}
.talkbox_green {width:90%; padding:20px; font-size:13px;}
.phone img {display:none;}


/*----------------------- 2Â÷ ------------------------*/
.article_con{display:block;padding:0 5vw;box-sizing:border-box;}
.article_txt{font-size:18px;}

.article_img .caption{font-size:14px;padding:5px 10px 0px;}

.article_con2{display:block;padding:0 5vw;box-sizing:border-box;}
.article_img2{max-width:100%;margin-bottom:3vh}
.article_img2 img{width:90%;}
.article_img2 .caption{font-size:14px;padding:10px 15px 0px;}
.article_txt2{max-width:100%;font-size:18px;}

.storyTitle{font-size:30px;}
.storyTitle_small{font-size:16px;}

.shopPeople1{top:70px;left:30px;width:20vw;/*height:20vh;*/}
.shopPeople2{top:70px;right:30px;width:22vw;/*height:22vh;*/}
.shopPeople3{bottom:10px;left:32px;width:20vw;/*height:20vh;*/}
.shopPeople4{bottom:10px;right:35px;width:18vw;/*height:18vh;*/}
/*----------------------- //2Â÷ ------------------------*/


.bigText{font-size:26px;}

.mapsize{max-height:400px;}


/*¼±¾ð¹®*/
.D_box {width:100%; margin:auto 0; background:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/D_bg.png');}
.D_top {height:100%; padding:50px 30px 70px; box-sizing:border-box; font-size:35px; background:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/D_top2.png'); background-size:100% 100%;word-break: keep-all;}
.D_top p {padding:5px 32px; margin-bottom:30px;}
.D_bot {height:100%; padding:90px 20px 75px; box-sizing:border-box; text-align:center; font-size:20px; line-height:1.6em; 
background:url('https://img.seoul.co.kr/SpecialEdition/gapDisaster/img/D_bot2.png'); background-size:100% 100%;}
.D_inner{ width:70%;}
.D_byline{font-size:15px;}
.D_seoulmem{font-size:15px;}



.D_con {padding:60px 25px;}
.D_con p {font-size:24px; letter-spacing:-2px;}



/* Ä«Å×°í¸® ¸Þ´º */
/*leejy*/
.categoryImg1 {width:100%;height:33.3%;top:0;left:100%;}
.categoryImg2 {width:100%;height:33.3%;top:33.3%;left:-100%;}
.categoryImg3 {width:100%;height:33.3%;top:66.6%;left:100%;}	

@keyframes sliding { from {left:100%;} to {left:0;}	}
@-moz-keyframes sliding { from {left:100%;} to {left:0;}	}/* Firefox */
@-webkit-keyframes sliding { from {left:100%;} to {left:0;}	} /* Safari and Chrome */
@-o-keyframes sliding { from {left:100%;} to {left:0;}	}/* Opera */

@keyframes sliding2 {from {left:-100%;} to {left:0;}}
@-moz-keyframes sliding2 { from {left:-100%;} to {left:0;}	}/* Firefox */
@-webkit-keyframes sliding2 { from {left:-100%;} to {left:0;}}/* Safari and Chrome */
@-o-keyframes sliding2 { from {left:-100%;} to {left:0;}}/* Opera */
/* //leejy */


/*Ä«Å×°í¸® ¸Þ´º*/
.Kmenu {width:100%; /*height:33.3%;*/ height:100%; font-size:25px; }
.Kmenu .person {display:inline; float:left; position:absolute; left:0; bottom:0; width:50%; /*height:80%;*/height:85%; margin:0 0 0 3%; /*border:1px solid #fff;*/ padding:0;}
.Kmenu .person img {width:75%;}
.Kmenu .con {margin-top:10%; padding-left:45%; box-sizing:border-box;}
.Kmenu .con .ktit {width:100%; letter-spacing:-2px; text-align:left;}
.Kmenu .con .Slist {font-size:16px; text-align:left;}
.Kmenu .con .Slist ul {padding-top:10px;}
.Kmenu .con .Slist ul li {padding-top:0px; padding-bottom:5px;}
.new {position:absolute; left:-30px; top:-20px;}
.new img {width:30px;}
/* // Ä«Å×°í¸® ¸Þ´º */


/* °ü·Ã±â»ç*/
.R_nW {/*width:90%;*/ width:100%; margin:70px auto 0;}
.R_nT {font-size:25px; }
.R_newsW {width:100%;} 
.R_newsA_L {display:none;}
.R_newsA_R {display:none;}
.R_newsA_List {width:90%; /*margin:0 5%;*/ font-size:17px;} /* leejy ¼öÁ¤*/
.fp-controlArrow.fp-prev{display:none;}
.fp-controlArrow.fp-next{display:none;}

/* Àϱâ */
.diaryTitle{font-size:25px}
.diary {width:100%;}
.diary_L {display:none}
.diary_R {display:none;}

/*Àü¹®*/
.preamble_text{font-size:18px;}
.preamble_byline{font-size:14px;}


/* bootom */
.footer {width:100%;}
.sns img {width:40px; margin:3px;}
.b_tit {font-size:20px; margin:50px 0 70px;}
.b_tit span {font-size:33px;}
.b_offer {font-size:15px; margin-bottom:70px;}
.b_copy {font-size:12px;}

/* ¾ÆÀ̵é Æ˾÷*/
.C_layer_bg {width:90%; border-radius:0px;} 


}

/* Àü¹® ¹Ý¹ÝÀ̹ÌÁö ¹Ìµð¾îÄõ¸® */
@media screen and (max-width: 700px){
  /*#textBox_section16 {width: 90%;}*/
  .preamble_con{width: 90%;}
  #twentyContainerL{display:none;}
  #twentyContainer{display:block;}
  .twentyImgCaption{font-size:14px;padding:10px 15px 45px;}

  #chartGG {max-width:350px;margin:30px auto;padding:0;background-color:#ffffff;}
  #chartGG figure {display:block;width:100%;margin:0 auto 30px;}

}

@media screen and (min-width: 701px){
  /*#textBox_section16 {width: 90%;	max-width:900px;	}*/
  .preamble_con{width: 90%;max-width:900px;}
  #twentyContainerL{display:block;}
  #twentyContainer{display:none;}
}

@media screen and (max-width: 720px) {
#imgCrop{position:relative;overflow:hidden;height:530px;}
#imgCrop img{position:absolute;right:0px;top:0;width:720px;height:505px;}
#imgCrop .caption{margin-top:505px;}
}


@media screen and (max-width: 500px) {
  #chart6{height:600px;}
}
/*******************************/


/*
.slideY{-webkit-animation: slideY 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;transform: translateY(1000px);}
@-webkit-keyframes slideY { 0% { -webkit-transform: translateY(0); transform: translateY(1000px); }  100% {transform: translateY(0);  }}      
*/

.slideY{
  animation: slideY 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  -moz-animation:  slideY 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; /* Firefox */
  -webkit-animation:  slideY 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; /* Safari and Chrome */
  -o-animation:  slideY 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; /* Opera */
  transform: translateY(1000px);
  -ms-transform: translateY(1000px);
  -webkit-transform: translateY(1000px);
  -moz-transform: translateY(1000px);
}

@keyframes slideY { 0% { -webkit-transform: translateY(0); transform: translateY(1000px); }  100% {transform: translateY(0);  }}      
@-moz-keyframes slideY { 0% { -webkit-transform: translateY(0); transform: translateY(1000px); }  100% {transform: translateY(0);  }}      
@-webkit-keyframes slideY { 0% { -webkit-transform: translateY(0); transform: translateY(1000px); }  100% {transform: translateY(0);  }}      
@-o-keyframes slideY { 0% { -webkit-transform: translateY(0); transform: translateY(1000px); }  100% {transform: translateY(0);  }}      


.shopMemberAni{animation:blink-2 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite}@keyframes blink-2{0%{opacity:1}50%{opacity:.6}100%{opacity:1}}