@charset "utf-8";
/* CSS Document */
.topLine{border:solid 8px #5ba8a8}
.topWrap{margin-left:88px;}
.topWrap > .topMenuData{display:inline-block;vertical-align: top;cursor:pointer;}
.topWrap > .univ_1{display:none;}
.topWrap > .join_2{display:none;}
.sampleTitleWrap{margin-top:34px;margin-left:148px;width: 1880px;}
.sampleTitleWrap > .titleData{display:inline-block;}
.sampleTitleWrap > .title{margin-left:180px;}
.sampleTitleWrap > .orderNo{margin-left:240px;color: #8c8c8b;font-size: 22px;font-weight:400;}
.editWrap{width:1880px;margin-top:67px;border-bottom:solid 2px #b1cfeb;}
.editWrap > .topWrap > .before{display:inline-block;width:850px;text-align:center;font-size:22px;padding-bottom:11px;color:#ace0e5;font-weight:500;}
.editWrap > .topWrap > .after{display:inline-block;width:850px;text-align:center;font-size:22px;padding-bottom:11px;color:#64a0d7;font-weight:500;border-left:solid 2px;border-right:solid 2px;border-bottom: solid 6px;}
.conWrap{margin-left:90px;margin-top:14px;}

.conWrap > .topBar > .topTxt{display:inline-block;vertical-align: top;}
.conWrap > .topBar > .TopBgLine{display:inline-block;background-image:url('../../../../web/img/samplePage/bg_topBarLine.gif');height:23px;width:1638px;}

.contentsTxtWrap{overflow: scroll;height: 373px;width: 1710px;overflow-x: hidden;border-bottom:solid 1px #5d92ba;}
.contentsTxtWrap > .contents_txt_tb{border:solid 2px #e1e1e1;margin-bottom:5px;margin-top:5px;}
.contentsTxtWrap > .contents_txt_tb > tbody > tr > th{background-color:#f9f9f9;width:164px;height:47px;border:solid 2px #e1e1e1;}
.contentsTxtWrap > .contents_txt_tb > tbody > tr > td{background-color:#ffffff;width:662px;padding-left:20px;border:solid 2px #e1e1e1;font-size:16px;font-weight:400;}
.contentsTxtWrap > .contents_txt_tb > tbody > tr > td > textarea {margin:16px 0px 4px -6px;width:96%;height:244px;color:#6f6f6e;padding:7px 7px 7px 7px;font-size:14px;border:solid 1px #d9d9d9;font-weight:400;}
.contentsTxtWrap > .contents_txt_tb > tbody > tr > td > .wordCnt{text-align:right;padding-right:20px;margin-bottom:5px;font-size:12px;}

.commentWrap{margin-left:90px;margin-top:28px;width: 1880px;}
.commentWrap > .leftArea{display:inline-block;vertical-align: top;}
.commentWrap > .leftArea > .txt > textarea {margin:16px 0px 4px 0px;width:828px;height:200px;color:#6f6f6e;padding:7px 7px 7px 7px;font-size:14px;border:solid 1px #d9d9d9;font-weight:400;}
.commentWrap > .leftArea > .editorInfo {width:843px;text-align:right;}

.commentWrap > .rightArea{display:inline-block;vertical-align: top;margin-left: 20px; position: relative;}
.commentWrap > .rightArea > .txt > textarea {margin:16px 0px 4px 0px;width:828px;height:200px;color:#6f6f6e;padding:7px 7px 7px 7px;font-size:14px;border:solid 1px #d9d9d9;font-weight:400;}
.commentWrap > .rightArea > .title > .startWrap {display:inline-block;padding-left:574px;}
.commentWrap > .rightArea > .title > .startWrap > .btnStar{cursor:pointer;}
.commentWrap > .rightArea > .etc-comment {width:843px;text-align:right;color:#e22020;}

.buttonWrap{margin: 50px 0px 40px 88px;width: 1880px;text-align: center;}
.buttonWrap > .banner{display:inline-block;}
.buttonWrap > .button{display:inline-block;cursor:pointer;vertical-align: bottom;}
.buttonWrap > .left{}
.buttonWrap > .right{margin-left:30px;}
.storyOpacityWrap{position: absolute;top: 656px;left: 954px;width: 852px;height: 260px;background-color: #efefef;opacity:0.5; z-index: 2;}
.storyBannerWrap{position: absolute; cursor:pointer; top: 50%; left: 50%; margin-top: -64px; margin-left: -224px; }
.txt .editor-notes{margin:16px 0 4px 0;border:1px solid #d9d9d9;width:828px;height:200px;color:#6f6f6e;padding:7px;font-size:14px;font-weight:400;overflow-y:scroll ;}