@charset "utf-8"; 

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');


*{font-family:'Nanum Myeongjo', serif}
*{margin:0;padding:0;border:0;}

html, body {height:100%;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 {color:#000000;text-decoration:none;}


body{background-image:url('https://img.seoul.co.kr/img/SpecialEdition/518Special/TOP_img.png');
     background-repeat:no-repeat;
	 background-size:100%;
	 background-color:#333333;
	 /*background-color:rgba(51,51,51,0.3)*/;
	 /*	 background-color:#333333 */}

.wrap{width:100%;overflow-x:hidden;}
.wrapTop{width:100%;}
.gnbTop{width:100%;height:52px;border-bottom:1px solid #888888;}
.innerTop{max-width:1000px;margin:0 auto;}

.ciDiv{float:left;}
.backDiv{float:right;margin-top:17px;color:#f0f0f0;}
.backDiv a{color:#f0f0f0;}


.titleDiv{max-width:1000px;margin:0 auto;text-align:center;}
.titleDiv h1{font-size:70px;color:#D0D924;font-weight:400;}
.titleDiv h1 img{height:102px;margin-left:-105px;}
.topTitleDiv{margin-top:54px;}
.subTitleDiv h2{font-size:35px;color:#D0D924;font-weight:400;/*text-decoration : underline*/ border-bottom:1px solid #D0D924;display:inline-block;margin-top:30px;}
.descriptionDiv{margin-top:60px;text-align:left;}
.descriptionDiv p{font-size:20px;color:#FEFEFE;line-height:1.6em;font-weight:200;text-indent:1em; letter-spacing: -1px; margin-bottom: 0.7em;}
.buttonDiv{margin-top:90px;}
.articleButton{font-size:28px;color:#FEFEFE;font-weight:200;border:1px solid #D0D924;border-radius:15px;display:inline-block;padding:12px 0;width:100%;max-width:540px;}


.wrapBottom{width:100%;height:100px;border-top:1px solid #888888;color:#808080;}
.innerBottom{max-width:1000px;margin:0 auto;text-align:center;margin-top:40px;color:#808080;}
.innerBottom a {color:#808080;}

.contentsWrap{width:100%;text-align:center;margin-bottom:60px;}
.listWrap{width:100%;max-width:1000px;margin:0 auto;text-align:left;margin-top:58px;}
.listWrap ul {width:100%;text-align:left;font-size:0;display:flex;flex-wrap:wrap;justify-content:space-around;}
.listWrap li {/*display:inline-block;*/font-size:15px;width:160px;padding:23px 10px;box-sizing:border-box;}
.itemDiv {width:100%;text-align:center;}
.itemDiv img{width:100%;text-align:center;}

.name{margin-top:15px;color:#fefefe;}
.liveP{margin-top:8px;color:#808080;}
.jobStr{margin-top:8px;color:#808080;}
	  

.infoWrap{width:100%;max-width:800px;margin:58px auto 58px;text-align:center;font-size:0;display:flex;}
.leftImageDiv{display:inline-block;width:27%;min-width:210px;margin-top:40px;font-size:18px;padding:5px;}
.rightTableDiv{display:inline-block;width:73%;margin-top:40px;font-size:18px;}
.imgL img{width:192px;}
.imgL {text-align:center;width:100%;}
.infoTable {width:100%;border-collapse:collapse;border-spacing:0;}
.infoTable  td{vertical-align:top;padding:9px;word-break:keep-all;}
.infoTable  td:nth-child(even) {color:#fefefe;text-align:left;padding-left:42px;line-height:1.5em;}
.infoTable  td:nth-child(odd){width:200px;color:#808080;text-align:right;padding-right:35px;border-right:1px solid #808080;box-sizing:border-box;line-height:1.5em;}


.reportDiv{margin:0 auto;margin-bottom:60px;width:100%;max-width:800px;}
.reportDiv img{width:100%;}
.reporDiv1{width:100%;margin-bottom:30px;position:relative;}
.reporDiv2{width:100%;position:relative;}
.reporDiv3{width:100%;margin-top:10px;color:#808080;text-align:left;padding-left:10px;line-height:1.4em;}

.scrollTop{display:none;position:fixed;top:0;background-color:#333333}
.scrollTopTitle{display:inline-block;margin-top:13px;color:#f0f0f0;font-size:23px;}

.snsDiv {
    width: 100%;
    text-align:center;
	margin-bottom:40px;
}

.snsDiv ul {
    display:inline-block;
	margin: 0 auto;
    width: 300px;  
	font-size:0;
}

.snsDiv ul li{
    box-sizing:border-box;
    display:inline-block;
	width:24%;	
}



@media (max-width:580px) {
 .infoWrap{display:block;}
 .leftImageDiv{display:block;width:100%;}
 .rightTableDiv{display:block;width:100%;}

  .titleDiv h1 img{height:45px;margin-left:0px;}

}


@media (max-width:1000px) {
 .innerTop{box-sizing:border-box;padding-left:20px;padding-right:20px;}
 .descriptionDiv{box-sizing:border-box;padding-left:20px;padding-right:20px;}
 .titleDiv{box-sizing:border-box;padding-left:20px;padding-right:20px;} 

}

@media (max-width:745px) {
 .titleDiv h1{font-size:36px;}
 .titleDiv h1 img{height:60px;margin-left:0px;}
 .subTitleDiv h2{font-size:20px;}

 .descriptionDiv{margin-top:45px;}
 .descriptionDiv p{font-size:16px;color:#FEFEFE;line-height:1.6em;font-weight:200;}

 .buttonDiv{margin-top:60px;}
 .articleButton{font-size:22px;}

 .scrollTopTitle{margin-top:15px;font-size:19px;}
 

}