@CHARSET "UTF-8";

#storylist ul {width: 100%; height: 97px; padding: 0%;}
#storylist ul li {width: 50%;}
#storylist ul li a {margin-right:0px;}

/*아텐츠이야기*/
.story_bg{padding: 30px 0; background: #ececec;}
.story_bg .story_listwrap{/* width:93.3%; */width:90%; margin: 30px auto 0;}
.story_bg .story_listwrap .list{ width:100%; height:190px; margin-bottom:25px; }
.story_bg .story_listwrap .list .listimg { float:left; width:25%; height:193px; }
.story_bg .story_listwrap .list .listtext { float:left; width:75%; height:193px; background:#fff; }
.story_bg .story_listwrap .list .listtext p { font-size:35px; font-family:"CoreGothic3"; letter-spacing:-1.5px; color:#a5a5a5; text-align:left; margin:25px 0 0 30px; }
.story_bg .story_listwrap .list .listtext p span { font-size:40px; font-family:"CoreGothic4"; letter-spacing:-2px; color:#1b1b1b; max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block;}
/*.story_bg .story_listwrap .btn{padding: 25px 0 50px; margin: 0 auto;}*/

/*아텐츠이야기 상세*/
.storyView { /* width:93.3%; */width:90%; margin:0 auto; text-align:center; }
.storyView .title { padding:30px 15px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; overflow:hidden; }
.storyView .title span {  }
.storyView .title span:first-child {float: left; font-size: 40px; font-family: "CoreGothic4"; letter-spacing: -2px; color: #1b1b1b;}
.storyView .title span:nth-child(2) {float: right; font-size: 40px; font-family: "CoreGothic3"; letter-spacing: -1.5px; color: #a5a5a5;}
.storyView .content {margin: 50px 0 45px;}
.storyView .content img {width: 100%;}
.storyView .end { font-size:12px; letter-spacing:-0.5px; margin:30px 0; } 
.storyView .end b { font-size:12px; letter-spacing:-0.5px; font-family:"CoreGothic4"; }
.storyView table.pn { width:100%; border-top:1px solid #828282; border-bottom:1px solid #828282; border-collapse:collapse; }
.storyView table.pn td { padding:30px 20px; }
.storyView table.pn td:first-child {text-align: center; background:#f9f9f9; width:15.7%; font-size:35px; font-family: "CoreGothic3"; letter-spacing: -2px; color: #000;}
.storyView table.pn td:last-child {  } 
.storyView table.pn tr:last-child td { border-top:1px solid #e7e7e7; font-size:35px; font-family: "CoreGothic3";letter-spacing: -2px;  color: #000;}
.storyView table.pn td a {  }
.storyView table.pn td span{float: right; font-size:35px; font-family: "CoreGothic3"; letter-spacing: -2px; color: #a5a5a5;}
.storyView table.pn td .storyPnLink { float: left; font-size:35px; font-family: "CoreGothic3"; letter-spacing: -2px; color: #000; max-width: 500px; overflow: hidden;
text-overflow: ellipsis; white-space: nowrap;}
.storyView table.pn td .storyPnLink a { font-size:35px; font-family: "CoreGothic3"; letter-spacing: -2px; color: #000;}
.story_video{width:100% !important;}
.story_endimg{width:150px; height:55px; margin:40px auto 20px;}

.storyView .content .interview_head {  }
.storyView .content .interview_body {padding:30px 0 20px;}
.storyView .content .interview_body .title { font-size:35px; font-family:"CoreGothic5"; color:#ff7418; text-align:left; text-decoration:underline; padding:30px 0; border:0; }
.storyView .content .interview_body .content { text-align:left; margin:0; }
.storyView .content .interview_body .content h5 { font-size:30px; font-family:"CoreGothic5"; font-weight:normal; padding:0 0 20px 0; color:#333;}
.storyView .content .interview_body .content p {color:#222; font-size:30px; padding:0 0 40px 0;}
.storyView .content .interview_foot .company p { font-size:25px; padding:40px 0 0; }
.storyView .content .interview_body .content table {  }
.storyView .content .interview_body .content table td { font-size:30px; }
.storyView .content .interview_body .content table td.fir { width: 95px; vertical-align: top; }

.videowrapper {position: relative;height: 100%;overflow:hidden;text-align: center;}
.videowrapper iframe,
.videowrapper object,
.videowrapper embed {top: 0;}