@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 {width:100%;}
.story_bg .story_listwrap {width:90%; padding:35px 0 0; margin:0 auto;}
.story_listwrap ul {overflow:hidden; width:100%;}
.story_listwrap ul .list {width:432px; height:auto; margin:0 0 10%;}
.story_listwrap ul .list:nth-of-type(odd) {float:left; margin-right:2%;}
.story_listwrap ul .list:nth-of-type(even) {float:right;}
.story_listwrap ul .list .listimg {overflow:hidden; width:100%; height:432px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -moz-box-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -moz-align-items:center; -ms-flex-align:center; align-items:center;}
.story_listwrap ul .list .listimg img {/* width:100%; transform:translateY(-12.5%); */width:auto; height:100%;}
.story_listwrap ul .list p {padding-top:24px; color:#222; font-size:26pt; font-family:"CoreGothic5"; line-height:32pt; word-break:break-all;}

/* .story_bg .story_listwrap .list .listtext { float:left; width:75%; height:193px; background:#fff; } */
/* .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:90%; margin:0 auto;}
.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:last-child {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 .text_content {/* padding:20px 35px 0; */ font-size:26pt; word-break:keep-all;}
.storyView .text_content > p:first-child {padding-top:35px;}
.storyView .text_content > p {}
.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;}


	/* 커뮤니티 상세글 안에 상담 넣기_.counselForm_event */
.counselForm_event.counselForm {width: 100%; border-top: 0; margin: 0 auto; padding-bottom: 0 20px; background: #f4f4f4;}
.counselForm_event .clause_btn label, .counselForm_event .clause_btn a {vertical-align: top;}
.counselForm_event + .submitEvent_btn {width: 100%; margin: 0;}
.counselForm_event + .submitEvent_btn p {background: #222;}





/* 커뮤니티 상세 내 취업생 인터뷰 */
.storyView .interview_form {position:relative;}
.storyView .interview_form .interview_top {position:absolute; transform:translateY(-133%); width:100%; background:transparent; text-align:center;}
.storyView .interview_form .interview_top p:first-of-type {font-family:'CoreGothic5'; font-size:34pt; letter-spacing:-0.12em; line-height:1.6;}
.storyView .interview_form .interview_top p:first-of-type span {font-family:'CoreGothic8'; font-size:42pt; letter-spacing:-0.09em;}
.storyView .interview_form .interview_top p:nth-of-type(2) {display:inline-block; padding:5px 6px 2px 3px; border-radius:4px; background:#222; color:#fff; font-family:'CoreGothic5'; font-size:32pt; letter-spacing:-0.075em; line-height:1;}
.storyView .interview_form .interview_top p:last-of-type {padding-top:22%; font-family:'CoreGothic5'; font-size:26pt; letter-spacing:-0.09em;}
.storyView .interview_form .interview_middle {padding:0 15px 50px; background:#fcfcfc; text-align:left;}
.storyView .interview_form .interview_middle .qa_wrap {/* position:relative; */ display:flex; padding-bottom:20px;}
.storyView .interview_form .interview_middle .qa_wrap span {position:relative; top:0; left:20px; z-index:1; width:80px; color:#fff; font-family:'GmarketSansB'; font-size:38px; letter-spacing:-0.07em; line-height:1.7; text-shadow:-1px -1px 0 var(--common-point), 1px -1px 0 var(--common-point), -1px 1px 0 var(--common-point), 1px 1px 0 var(--common-point);}
.storyView .interview_form .interview_middle .qa_wrap span::before {content:''; position:absolute; top:0; left:-20px; z-index:-1; width:65px; height:65px; border-radius:50%; background:var(--common-point);}
.storyView .interview_form .interview_middle .qa_wrap .qa {width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px);}
.storyView .interview_form .interview_middle .qa_wrap .qa .interview_middle_q {padding:1.5% 0 1.8%; font-family:'CoreGothic6'; font-size:26pt; line-height:1.3;}
.storyView .interview_form .interview_middle .qa_wrap .qa .interview_middle_a {font-family:'CoreGothic4'; font-size:24pt; line-height:1.3; word-break:keep-all;}