@charset "utf-8";

/* 작성자 : 이영란 */
/* 최종작성일 : 2021-08-20 */
/* 버전 : v1.1 */


/****************************** COMMON ******************************/

.wrap { position: relative; width: 100%; height: 100%; }
.inner { display: block; width: 100%; max-width: 1200px;  padding: 0 12px; margin: 0 auto; }

.hide { display: none !important; }
.overflow { overflow: hidden !important; }

.fl { float: left !important; }
.fr { float: right !important; }
.cb { clear: both !important; }
.tl { text-align: left !important}
.tr { text-align: right !important}
.tc { text-align: center !important}

.after::after{
    display: block;
    content: "";
    clear: both;
}

.tof {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.tof2 {
    white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.5; 
}
.tof3 {
    white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.5;
}

.tof5 {
    white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	/* line-height: 1.5; */
}


/* pd mg */

.pl110{
    padding-left: 110px;
}

.pl20{
    padding-left:20px;
}

.mt10{
    margin-top: 10px;
}
.mt20{
    margin-top: 20px;
}

.mt30{
    margin-top: 30px;
}

.mt40{
    margin-top: 40px;
}

.mt50{
    margin-top: 50px;
}

.mt70{
    margin-top: 70px;
}


.mt100{
    margin-top: 100px;
}

.mb20{
    margin-bottom: 20px;
}

.mb30{
    margin-bottom: 30px;
}

.mb50{
    margin-bottom: 50px;
}

.mb60{
    margin-bottom: 60px;
}

.mb70{
    margin-bottom: 70px;
}

.mb100{
    margin-bottom: 100px;
}

.mb140{
    margin-bottom: 140px;
}

.mr10{
    margin-right: 10px;
}
/* ----------------------------------------------------------------star -------------- */

.star::after {
    content: '*';
    position: absolute;
    color: #f06e64;
    padding-left: 5px;
    font-weight: 500;
}

.inner.exp3{
	padding : 0;
}

.pages.mb60{
	margin-top:50px;
}

.tap.index li span{
	padding-left:0;
}

.contents .drop.book2::before {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #7bbf3e;
}

.contents .drop.book2::before {
    right: 0;
    bottom: 4px;
}

.contents .drop.book2::after {
    position: absolute;
    right: 6px;
    bottom: 8px;
    z-index: 2;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border: 2px solid transparent;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate( 
135deg
 );
}

.contents .drop.book2::after {
    right: 6px;
    bottom: 11px;
}

.contents .drop.book2.on::after {
    bottom: 7px;
}


/****************************** UNIT ******************************/

/* LIST */
.main .list { clear: both; display: block; overflow: visible; width: 100%; font-size: 0; padding-top: 20px; overflow-x: auto; }
.list { clear: both; display: block; overflow: visible; width: 100%; font-size: 0; padding-top: 20px;  }
.list .book { display: block; width: 100%; }
.main .list ul { display: block; width: 100%; text-align: left; font-size: 0; min-width: 1176px; height: 100%; }
.list ul { display: block; width: 100%; text-align: left; font-size: 0; height: 100%; }
.list ul > li { position: relative; display: inline-block; overflow: visible; width: 16%; margin: 0 2.5%; margin-bottom: 30px; vertical-align: top; }
.list ul > li:nth-of-type(5n + 1) { margin-left: 0; }
.list ul > li:nth-of-type(5n) { margin-right: 0; }

.list ul > li > .btns { position: absolute; top: 0; right: 0; display: none; padding: 0; }
.list ul > li > .btns .btTxt { display: block; margin: 0; }
.list ul > li > .btns .btTxt ~ .btTxt { margin-top: 10px; }

.list ul > li.noData { text-align: center !important; }

.list ul.four > li { width: 19%; margin: 0 4%; margin-bottom: 30px; }
.list ul.four > li:nth-of-type(4n + 1) { margin-left: 0; }
.list ul.four > li:nth-of-type(4n) { margin-right: 0; }

.list ul.three > li { width: 30%; margin: 0; margin-bottom: 30px; }
.list ul.three > li:nth-of-type(3n - 1) { margin: 0 5%; }

.list.on ul > li { display: block; overflow: hidden; width: 100%; margin: 0; margin-bottom: 50px; }
.list.on ul > li > .btns { display: block; }
.list.on ul > li > .btns ~ .book { padding-right: 120px; }
.list.on ul > li > .btns ~ .book .con { right: 120px; }
.list.on .book { width: 100%; overflow: hidden; }
.list.on .book .pic { display: inline-block; float: left; width: 186px; margin-right: 40px; }
.list.on .book .pic ~ .ctg { display: block; }
.list.on .book .ctg ~ .tit { margin-top: 10px; }
.list.on .book .tit { height: auto; min-height: 40px; max-height: 60px; font-size: 26px; font-weight: 400; line-height: 120%; margin: 0; }
.list.on .book .info { display: block; margin-top: 10px; }
.list.on .book .word { display: block; }
.list.on .book .con { display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.list.on .book .btns { display: block; }


/* SCROLL */
.scroll { clear: both; position: relative; display: block; overflow: visible; }
.scroll .page { position: absolute; top: 100%; right: 0; display: block; height: 30px; line-height: 30px; color: #3d2926; font-size: 16px; font-weight: 200; text-align: right; padding: 0 10px; }
.scroll .btNext { position: absolute; right: -40px; top: 30%; z-index: 100; }
.scroll .btNext.w { right: -20px; top: 50%; margin-top: -20px; width: 40px; border-radius: 50%; background: #0a3b64 url("../img/bt_next_w.png") no-repeat 18px 50%; box-shadow: 0 3px 5px rgba(0,0,0,0.2); opacity: 1; }
.scroll .btNext.w:disabled { background-color: #b7b7b7; }
.scroll .btNext.b { width: 31px; height: 62px; top: 50%; margin-top: -31px; background-image: url("../img/bt_next_view.png"); }

.scroll .btPrev { position: absolute; left: -40px; top: 30%; z-index: 100; }
.scroll .btPrev.w { left: -20px; top: 50%; margin-top: -20px; width: 40px; border-radius: 50%; background: #0a3b64 url("../img/bt_prev_w.png") no-repeat 12px 50%; box-shadow: 0 3px 5px rgba(0,0,0,0.2); opacity: 1; }
.scroll .btPrev.w:disabled { background-color: #b7b7b7; }
.scroll .btPrev.b { width: 31px; height: 62px; top: 50%; margin-top: -31px; background-image: url("../img/bt_prev_view.png"); }

.scroll > ul { display: block; overflow: hidden; overflow-x: scroll; -ms-overflow-style: none; width: 100%; height: 100%; font-size: 0; text-align: left; white-space: nowrap; }
.scroll > ul::-webkit-scrollbar { width: 0; display: none !important; }
.scroll > ul > li { display: inline-block; overflow: visible; height: 100%; vertical-align: top; }
.scroll > ul > li .book { display: block; width: 100%; }
.scroll > ul > li .cate { display: block; width: 100%; height: auto; }

.scroll.one { width: 400px; margin: auto; }
.scroll.one .card { padding: 0; border-radius: 0; }
.scroll.one > ul > li { width: 100%; }

.scroll.three > ul > li .card { width: 100%; }
.scroll.three > ul > li { width: 30%; }
.scroll.three > ul > li:nth-of-type(3n) .card { margin-right: 0; }
.scroll.three > ul > li:nth-of-type(3n + 1) .card { margin-left: 0; }
.scroll.three > ul > li:nth-of-type(3n - 1) { margin: 0 5%; }

.scroll.four > ul > li { width: 19%; margin: 0 4%; }
.scroll.four > ul > li:nth-of-type(4n + 1) { margin-left: 0; }
.scroll.four > ul > li:nth-of-type(4n) { margin-right: 0; }

.scroll.five > ul > li { width: 16%; margin: 0 2.5%; }
.scroll.five > ul > li:nth-of-type(5n + 1) { margin-left: 0; }
.scroll.five > ul > li:nth-of-type(5n) { margin-right: 0; }





/* GRID */
.grid { clear: both; display: block; overflow: hidden; width: 100%; margin-top: 20px; }
.grid ul { display: block; overflow: hidden; width: 100%; }
.grid ul > li { display: block; overflow: hidden; width: 100%; font-size: 0; border-bottom: 1px solid #e2e2e2; }
/* .grid ul > li:hover { background-color: #f8f8f8; } */
.grid ul > li .row { position: relative; display: table; width: 100%; height: 50px; }

.grid.notice ul > li .td{
    color: #5a5a5a;
    font-weight: 300;
    font-size: 16px;
}

.grid.notice ul > li.on .td{
    font-weight: 400;
    color: #323232;
}

.td.tit .file{
    background: url(../img/talks/ic_file.png) center center no-repeat;
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
}

.td.tit .number{
    margin-left: 10px;
    font-size: 16px;
    color: #448ccd;
}

.ico.file {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #e2e2e2;
    vertical-align: bottom;
    margin-left: 5px;
}

/* -------------------------------------------추가 css  */
.grid ul > li .row.on { background : #ececec; }
.subject-icon{background :url(../img/talks/bt_book_down.png); position: absolute; width: 25px; height: 25px; display: inline-block; top:50%; transform: translateY(-50%); margin-left: 5px; }
.file-upload { width: 100%; border: 1px solid #b7b7b7;  margin-bottom: 10px;  margin-top: 20px; background: #fff;}
.file-upload>ul>li{ font-size: 14px; border-bottom: none; padding-left: 15px; height: 28px; line-height: 28px;}
.file-upload>ul>li:hover { background-color: #fff; }
.file-upload>ul>li:nth-of-type(odd){ float: left; width: 85%; }
.file-upload>ul>li:nth-of-type(even){ float: left; width: 15%; text-align: center; padding-top: 5px; }
.file-upload>ul>li>p{cursor: pointer;}
.file-upload>ul>li:nth-of-type(even)>img{cursor: pointer; width: 18px; height: auto;}
.file-subject{display: inline-block; font-size: 16px; display: none;}

@media (max-width: 960px){
    .file-upload>ul>li{padding: 0 0 0 15px !important; }
    .file-upload>ul>li:nth-of-type(even){padding-top: 5px !important;}
}

@media (max-width: 540px){
    .file-subject{display: block; margin-top: 20px;}
    .file-upload{margin-top: 0px;}
}

/* ---------------------------------------------------------- */

.grid ul > li .td { display: table-cell; height: 100%; color: #000; font-size: 15px; font-weight: 400; line-height: 120%; text-align: center; vertical-align: middle; }
.grid ul > li .td b { font-weight: 500; }
.grid ul > li .td mark { color: #f4792a; }
.grid ul > li .td .ico.file { width: 20px; height: 20px; border-radius: 50%; background-color: #e2e2e2; vertical-align: text-bottom; margin-left: 5px; }
.grid ul > li .td .btDelete { display: block; margin: 0 auto; }
.grid ul > li .td .txt { height: 20px; line-height: 18px; color: #000; font-size: 12px; border: 1px solid #000; padding: 0 2px; vertical-align: text-bottom; margin-left: 5px; }
.grid ul > li .td.xs { width: 80px; }
.grid ul > li .td.sm { width: 100px; }
.grid ul > li .td.md { width: 120px; }
.grid ul > li .td.lg { width: 150px; }
.grid ul > li .td.xl { width: 200px; }

.grid ul > li.noData:hover { background-color: #fff; }

.grid ul > li.answer { display: none; color: #000; font-size: 14px; font-weight: 300; line-height: 200%; text-align: left; background-color: #f9f9f9; padding: 20px; padding-left: 100px; }
.grid ul > li.answer .btns { display: none; padding: 0; padding-top: 20px; text-align: right; }

.grid .report { padding: 0; margin-top: 60px; }
.grid .report .tit { font-size: 20px; border-top: 0; border-bottom: 6px solid #ececec; padding: 0; }
.grid .report .tit em { float: right; padding-bottom: 10px; }
.grid .report .pic { position: absolute; right: 0; bottom: 80px; width: 450px; margin-top: 0; }
.grid .report .con { position: relative; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; height: 180px; overflow: hidden; line-height: 30px; text-overflow: ellipsis; white-space: normal; padding: 0; padding-right: 480px; margin: 30px 0; }

.grid ul > li.th { background-color: #b7b7b7; border: 0; }
.grid ul > li.th:hover { background-color: #b7b7b7; }
.grid ul > li.th .td { color: #fff; font-size: 16px; font-weight: 400; }

.grid.bd ul > li { border-color: #f9ae40; }
.grid.bd ul > li:hover { background: none; }

.grid.box { margin: 0; margin-bottom: 20px; }
.grid.box .td.chk { width: 50px; }
.grid.box .td.num { width: 80px; }
.grid.box .td.tit { text-align: left; }
.grid.box .td.con { display: inline-block; float: right; width: 300px; overflow: hidden; color: #959595; line-height: 50px; text-align: left; white-space: nowrap; text-overflow: ellipsis; }
.grid.box .td.day { width: 150px; }
.grid.box .td.now { width: 80px; }
.grid.box .td.btn { width: 50px; font-size: 0; }
.grid.box .td .mT { display: none; }
.grid.box .re { color: #448ccb; padding-left: 5px; }

.grid.box.mg{
    margin-bottom: 20px;
}

/* NO DATA */
.noData { display: block; width: 100% !important; text-align: center; padding: 0; margin: 0 !important; }
.noData .txt { display: inline-block; line-height: 50px; color: #000; font-size: 20px; font-weight: 200; background: url("../img/bg_nodata.png") no-repeat center 0; padding-top: 100px; margin: 80px 0 50px 0; }
.noData .txt b { font-weight: 400; }
.noData .txt br ~ b { font-size: 24px; }
.noData.noImg .txt { font-size: 16px; background: none; padding: 0; margin: 0; }
.noData.book { border: 0 !important; }
.noData.book .txt { font-size: 30px; background-image: url("../img/bg_nodata_book.png"); padding-top: 180px; }
.noData.docu { border: 0 !important; }
.noData.docu .txt { font-size: 30px; background-image: url("../img/bg_nodata_docu.png"); padding-top: 180px; }
.noData.reply { border: 0 !important; }
.noData.reply .txt { font-size: 30px; background-image: url("../img/bg_nodata_reply.png"); padding-top: 180px; }
.noData.write { border: 0 !important; }
.noData.write .txt { font-size: 30px; background-image: url("../img/bg_nodata_write.png"); padding-top: 180px; }
.noData.scrap { border: 0 !important; }
.noData.scrap .txt { font-size: 30px; background-image: url("../img/bg_nodata_scrap.png"); padding-top: 180px; }



/* WRITE */
.write { position: relative; display: block; overflow: hidden; margin-top: 30px; }
.write h4 { color: #000; font-size: 20px; }
.write .input { width: 100%; background-color: #fff; margin-bottom: 10px; }
.write .select { width: 15%; margin-right: 5px; margin-bottom: 10px; }
.write .select label { background-color: #fff; }
.write .select ~ .input { width: calc(85% - 5px); }
.write .select + .select ~ .input { width: calc(70% - 10px); }
.write .textarea { height: 400px; }
.write .editer { position: relative; display: block; width: 100%; height: 400px; border: 1px solid #d7d7d7; margin-bottom: 50px; }
.write .editer textarea { display: block; overflow-y: scroll; width: 100%; height: 100%; color: #000; font-size: 14px; line-height: 180%; text-align: left; padding: 20px; }
.write .editer .byte { position: absolute; right: 35px; bottom: 10px; display: block; color: #448ccb; font-size: 14px; font-weight: 300; text-align: right; }

.write .involve { position: relative; display: block; width: 600px; min-height: 150px; border: 1px solid #d7d7d7; margin-bottom: 50px; }
.write .involve .noData.book .txt { font-size: 14px; background-size: auto 50px; background-position: center 20px; padding-top: 80px; margin: 0; }
.write .involve .book { width: 100%; height: auto; overflow: hidden; padding: 20px; }
.write .involve .book .ctg { display: block; }
.write .involve .book .ctg i { height: 16px; line-height: 16px; font-size: 11px; }
.write .involve .book .pic { float: left; width: 95px; height: auto; margin-right: 10px; }
.write .involve .book .tit { margin-top: 5px; }
.write .involve .book .info { display: block; font-size: 14px; }
.write .involve .btDel { position: absolute; right: 15px; top: 15px; z-index: 5; }
.write .involve > .btTxt { position: absolute; left: 100%; top: 0; margin-left: 20px; }
.write .check { margin-left: 30px; }

.write dl { display: block; overflow: hidden; border-top: 1px solid #448ccb; border-bottom: 1px solid #448ccb; }
.write dt { display: inline-block; float: left; width: 200px; color: #000; font-size: 16px; font-weight: 400; line-height: 34px; text-align: left; border-top: 1px solid #e2e2e2; padding: 10px 0; }
.write dt:first-of-type { border: 0; }
.write dd { display: inline-block; float: left; width: calc(100% - 200px); font-size: 0; text-align: left; border-top: 1px solid #e2e2e2; padding: 10px 0; }
.write dd:first-of-type { border: 0; }
.write dd .check { margin: 2px 30px 2px 0; }
.write dd .txt { display: block; color: #000; font-size: 14px; line-height: 20px; padding: 7px 0; }


/* ATTACH */
.attach { position: relative; display: block; width: 100%; border: 1px solid #d7d7d7; margin-bottom: 50px; background: #f5f5f5; }
.attach .txt { display: block; color: #888888; font-size: 15px; font-weight: 300; text-align: center; background: url("../img/bg_attach.png") no-repeat center 0; padding-top: 70px; margin: 30px 0; }
.attach .txt b { color: #448ccb; font-weight: 400; }
.attach ul { display: block; padding: 5px 0; }
.attach li { display: block; color: #000; font-size: 14px; text-align: left; padding: 5px 10px 5px 20px; }
.attach li em { color: #a1a1a1; padding: 0 10px; }
.attach li .btDel { vertical-align: baseline; }
.attach:hover { cursor: default; }
.attach:hover .txt { opacity: 0.5; }
.attach > .btTxt { position: absolute; right: 0; bottom: 100%; margin-bottom: 5px; }

.viewer .attach{
    background: #fff;
}
 

/* VIEWER */
.viewer { position: relative; display: block; }
.viewer > .tit { position: relative; display: block;  color: #323232; font-size: 20px; text-align: left; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding: 20px 0 10px 0; }
.viewer > .tit .info { display: block; font-size: 0; text-align: right; padding-top: 20px; }
.viewer > .tit .info li { display: inline-block; color: #000; font-size: 14px; padding-left: 10px; }
.viewer > .tit .info li:nth-of-type(1) { float: left; padding: 0; }
.viewer > .tit .info li:nth-of-type(2) { float: left; color: #959595; }
.viewer > .tit .info li:nth-of-type(3) { float: left; color: #959595; }
.viewer > .tit .btns { position: absolute; right: 0; bottom: 10px; padding: 0; }
.viewer > .tit .btns ~ .info li:nth-of-type(2) ~ li { float: left; color: #959595; }
.viewer > .con { display: block; overflow: hidden; color: #5a5a5a; font-size: 16px; text-align: left; padding: 20px 0; line-height: 1.7; }
.viewer .detail .book .pic { left: 0; }
.viewer .detail .dropBox ~ .btns { position: absolute; top: 0; right: 0; padding: 0; }
.viewer .detail .dropBox ~ .btns .btTxt { display: block; margin: 0; }
.viewer .detail .dropBox ~ .btns .btTxt ~ .btTxt { margin-top: 10px; }
.viewer .btCategory { width: 100%; margin: 30px 0; }
.viewer .btStar { margin: 30px auto; }
.viewer > .btns { min-height: 40px; padding-top: 0;  }

.viewer h4{
    font-size: 20px;
}

/* REPLY */
.comment { position: relative; display: block; overflow: hidden; font-size: 0; text-align: center; }
.comment .t { display: inline-block; float: left; height: 54px; line-height: 54px; color: #000; font-size: 18px; font-weight: 400; text-align: left; }
.comment .t em { font-size: 14px; font-weight: 300; }
.comment .c { clear: both; display: block; width: 100%; color: #000; font-size: 14px; font-weight: 400; line-height: 150%; text-align: left; border-bottom: 1px solid #d7d7d7; padding-bottom: 40px; }
.comment .c ~ .txt { right: 0; }
.comment .btns { float: right; padding: 10px 0; }
.comment .textarea { clear: both; }
.comment .txt { position: absolute; right: 0px; bottom: 10px; display: block; color: #888888; font-size: 14px; font-weight: 300; text-align: right; }
.comment > .btTxt { height: 40px; line-height: 40px; margin-top: 20px; }
.comment > .btTxt ~ .txt { bottom: 70px; }
.comment ~ .comment { border-top: 1px solid #d7d7d7; padding-top: 20px; margin-top: 40px; }

.comment.box .textarea { padding-right: 150px;  height: 120px; padding-left: 20px;}
.comment.box > .btTxt { position: absolute; right: 0; bottom: 0; width: 120px; height: 120px; line-height: 120px; border-radius: 0; border: 1px solid #d7d7d7; border-left: 0; min-width: 120px; font-size: 16px; color: #000; background: #ececec;}
.comment.box > .btTxt ~ .txt { right: 140px; bottom: 10px; }


/* BAND BANNER */
.bandBnr { clear: both; display: block; overflow: hidden; width: 100%; text-align: left; font-size: 0; background-color: #accd7e; }
.bandBnr .inner { position: relative; overflow: hidden; background: url("../img/acc01.png") no-repeat 10px bottom; background-size: 120px; padding: 0 10px 0 150px; }
.bandBnr .txt { display: block; overflow: hidden; color: #0a3b64; font-size: 18px; font-weight: 300; line-height: 120%; text-align: left; padding: 40px 0; }
.bandBnr .txt b { display: block; color: #fff; font-size: 30px; font-weight: 500; line-height: 100%; text-shadow: 3px 3px 3px rgba(0,0,0,0.1); padding-top: 10px; }
.bandBnr .btMore { position: absolute; right: 10px; bottom: 40px; border-radius: 10px; background-color: #0a3b64; padding: 10px 20px; }
.bandBnr .btMore i { height: auto; color: #fff; line-height: 100%; }
.bandBnr .btMore i::before { border: 2px solid transparent; border-top: 2px solid #fc8e68; border-right: 2px solid #fc8e68; }


/* SLIDER */
.step_wrap > .slider { position: relative; display: block; width: 500px; height: 500px; margin: 50px auto; }
.slider .bx-prev { left: -80px; margin-left: 0; background-image: url("../img/bt_prev_view.png"); }
.slider .bx-next { right: -80px; margin-right: 0; background-image: url("../img/bt_next_view.png"); }
.slider .bx-pager { right: 0; margin-right: 0; bottom: -30px; height: 30px; line-height: 30px; color: #5a5a5a; font-size: 14px; font-weight: 200; padding: 0 10px; }





/* 게시판 카테고리 */
article.category { display: block; overflow: hidden; margin-top: 50px; }
article.category .tit { position: relative; display: none; overflow: hidden; background-color: #accd7e; padding: 0 20px; }
article.category .tit h6 { color: #0a3b64; font-weight: 500; text-align: center; }
article.category .tit .btClose { position: absolute; top: 50%; margin-top: -20px; right: 10px; }
article.category .tit .btClose i::before,
article.category .tit .btClose i::after { background-color: #fff; }
article.category .tap { display: none; }
article.category .btns { display: none; }
article.category .m { display: block; height: 50px; line-height: 50px; color: #fff; font-size: 16px; font-weight: 400; text-align: left; background-color: #3f71ae; padding: 0 20px; }
article.category .drop { display: block; overflow: hidden; height: 260px; border-left: 1px solid #e1e1e1; padding: 10px 0; margin: 10px 0; }
article.category .drop li { display: block; overflow: hidden; width: 100%; height: 30px; line-height: 30px; color: #000; font-size: 16px; font-weight: 300; text-align: left; padding: 0 20px; }
article.category .drop li:hover { background-color: #f5f5f5; cursor: pointer; }
article.category .drop li.on { color: #f47929; font-weight: 500; }
article.category .btDrop.on ~ .m { color: #f4792a; }
article.category .btDrop.on ~ .drop { display: block; }
article.category .bbs { display: block; overflow: hidden; font: 0; }
article.category .bbs > li { position: relative; display: inline-block; overflow: hidden; width: calc(100% / 8); }
article.category .bbs > li .btDrop { position: absolute; top: 0; right: 0; left: 0; display: none; width: 100%; }
article.category .bbs > li .btDrop i { float: right; }
article.category .bbs > li:nth-of-type(8n) .drop { border-right: 1px solid #e1e1e1; }


/* 메인 */
section.main .search { background: #ececec url("../img/bg_line.png"); }
section.main .search + .content .title { padding-top: 60px; }
section.main .search + .content .title::before { display: none; }
section.main .card .txt { background: none; }

section.main .banner { display: block; overflow: hidden; width: 100%; }
section.main .banner .slideBnr { display: block; width: 100%; height: 100%; }
section.main .banner .slideBnr li { display: block; width: 100%; }
section.main .banner .inner { overflow: hidden; height: 260px; padding: 0; }
section.main .banner img { display: none; }
section.main .banner ~ .search { border-top: 0; }

section.main > .btBnr { position: absolute; top: 155px; left: 0; z-index: 50; }
section.main .visual { position: relative; display: block; overflow: hidden; width: 100%; height: 435px; }
section.main .visual > .inner { position: absolute; bottom: 0; left: 50%; z-index: 50; margin-left: -600px; }
section.main .visual .banner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; display: block; overflow: hidden; width: 100%; height: 100%; }
section.main .visual .banner .inner { height: calc(100% - 30px); color: #fff; font-size: 20px; font-weight: 400; line-height: 30px; text-align: left; text-shadow: 0 0 10px rgba(0,0,0,0.2); }
section.main .visual .banner strong { display: block; font-size: 56px; font-weight: 500; line-height: 100%; padding-top: 20px; }
section.main .visual .banner .btBnr { position: absolute; bottom: 0; right: 0; z-index: 60; }

section.main .visual .book .pic { border: 0; }

section.main .visual .tap.index { border-bottom: 0; }
section.main .visual .tap.index li { min-width: auto; height: 50px; padding: 0; padding-left: 30px; margin-top: 15px; }
section.main .visual .tap.index li::after { right: auto; left: -30px; border: 30px solid #fff; border-top: 30px solid transparent; border-left: 30px solid transparent; }
section.main .visual .tap.index li span { line-height: 50px; font-size: 20px; background-color: #fff; padding: 0; padding-right: 30px; }
section.main .visual .tap.index li.on { height: 65px; margin: 0; }
section.main .visual .tap.index li.on::after { border: 30px solid #0a3b64; border-top: 30px solid transparent; border-left: 30px solid transparent; }
section.main .visual .tap.index li.on span { line-height: 65px; color: #fff; background-color: #0a3b64; }

section.main .content .bg { display: block; width: 100%; text-align: left; background-color: #e8e8e8; padding: 30px 0; }

section.main .content.interest { margin-bottom: 50px; }
section.main .content.interest .bg .title::before { display: none; }
section.main .content.interest .bg .title h4 { position: relative; padding-right: 40px; }
section.main .content.interest .bg .title h4::before { position: absolute; right: 20px; top: 50%; margin-top: -7px; content: ""; display: block; width: 12px; height: 12px; border-top: 1px solid #0a3b64; border-right: 1px solid #0a3b64; transform: rotate(45deg); }
section.main .content.interest .noInterest { display: block; width: 350px; height: 45px; line-height: 45px; color: #0a3b64; font-size: 24px; font-weight: 400; text-align: right; background: url("../img/ico_interest.png") no-repeat 0 50%; margin: 15px auto; }

section.main .content.floating { position: relative; }
section.main .content.floating:first-of-type .title::before { display: none; }
section.main .content.floating .title .btMore { float: none; margin-left: 30px; }
section.main .content.floating .scroll.five > ul > li { position: relative; padding-bottom: 30px; }
section.main .content.floating .scroll.five > ul > li::before { position: absolute; left: 0; right: 0; bottom: -30px; content: ""; display: block; width: 100%; height: 32px; background: url("../img/bg_layer01.png") no-repeat center bottom; opacity: 0; transition: all 0.3s ease; }
section.main .content.floating .scroll.five > ul > li.on::before { bottom: 0; opacity: 1; }
section.main .content.floating .scroll.five > ul > li.on .book .btns { margin-top: -21px; opacity: 1; }

section.main .content.floating .btGo { display: inline-block; overflow: hidden; float: right; width: 125px; height: 35px; line-height: 35px; color: #3d2926; font-size: 16px; text-align: center; border-radius: 20px; background-color: #fdc469; box-shadow: 3px 3px 5px rgba(0,0,0,0.1); margin-top: 10px; }

section.main .content.floating .layer { position: absolute; left: 0; right: 0; top: 100%; z-index: 300; display: block; overflow: hidden; width: 100%; padding: 10px 0 30px 0; animation: floating 0.3s ease forwards; }
@keyframes floating { from { margin-top: -30px; opacity: 0; } to { margin-top: 0px; opacity: 1; } }
section.main .content.floating .layer .btClose { float: right; }
section.main .content.floating .layer .btClose i::before { background-color: #fff; }
section.main .content.floating .layer .btClose i::after { background-color: #fff; }
section.main .content.floating .layer .scroll .btNext { top: 45%; }
section.main .content.floating .layer .scroll .btPrev { top: 45%; }
section.main .content.floating .layer .card { width: 300px; height: 300px; border-radius: 10px; background-color: #fff; padding: 10px; }
section.main .content.floating:nth-of-type(1) .layer { background-color: #7da7d9; }
section.main .content.floating:nth-of-type(1) .scroll.five > ul > li::before { background-image: url("../img/bg_layer01.png"); }
section.main .content.floating:nth-of-type(2) .layer { background-color: #8fc786; }
section.main .content.floating:nth-of-type(2) .scroll.five > ul > li::before { background-image: url("../img/bg_layer02.png"); }
section.main .content.floating:nth-of-type(3) .layer { background-color: #f6989d; }
section.main .content.floating:nth-of-type(3) .scroll.five > ul > li::before { background-image: url("../img/bg_layer03.png"); }
section.main .content.floating:nth-of-type(4) .layer { background-color: #a8a8a8; }
section.main .content.floating:nth-of-type(4) .scroll.five > ul > li::before { background-image: url("../img/bg_layer04.png"); }

section.main .content.floating ~ .content.floating { margin-top: 50px; }

section.main .content.curation { margin: 80px 0; }
section.main .content.curation .scroll { float: right; width: 380px; height: 380px; vertical-align: middle; margin: 0; border-radius: 10px; background-color: #fff; padding: 10px; box-shadow: 0 5px 5px rgba(0,0,0,0.1); margin-right: 60px;}
section.main .content.curation .scroll .card { width: 100%; height: 100%; }
section.main .content.curation .tapCon .inner { height: 480px; padding: 50px 12px; }
section.main .content.curation > .tapCon.view1 { background: #bed3ec; }



/* go list */

.golist01{
    position: fixed;
    z-index: 999;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #f6989d;
    bottom:20px;
    right: 360px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    line-height: 28px;
    cursor: pointer;
    box-shadow: 5px 5px 5px rgb(129, 129, 129);
    letter-spacing: 1px;
}
.golist01>p:nth-child(1){margin-top: 18px;}
.golist01>p:nth-child(2){font-size: 16px;}

.golist01.col01{
    background: #8fc587;
}

.units.on {
    left: 364px;
    top: 150px;
    z-index: 100;
}
/* 
.units.scdown{
    top:79px;
    left: 364px;
} */

.units.down {
    position: absolute;
    bottom: 350px;
    left:364px;
  }


  /* al_box */

  
 .al_box{
    background: #0b3b65 url(../img/talks/ic_al.png) center no-repeat;
    position: relative;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-left: 15px;
    cursor: pointer;
    top: 0px;
    right: 0px;
    transition: all 0.1s;
}

 .al_box.num{
    background: #6eb92c url(../img/talks/ic_al.png) center no-repeat;
    position: relative;
}

.al_box .al{
    display: none;
}

 .al_box.num .al{
    display: block;
    position: absolute;
    width: 26px;
    height: 26px;
    background: #f26522;
    border-radius: 50%;
    right: -10px;
    bottom: 0px;
}

.al_box .al p{
    text-align: center;
    line-height: 26px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

 .al_box.on .al{
    display: block;
}

.al_box .al_box_tab{
    position: absolute;
    width: 490px;
    /* height: 300px; */
    border: 1px solid #6eb92c;
    background: #fff;
    right: 0;
    z-index: 100;
    top: 60px;
    display: none;
}

.al_box.on .al_box_tab{
    display: block;
}

.al_box .al_box_tab::after{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 13px 13px 12px;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -10px;
    right: 10px;
}

.al_box .al_box_tab::before{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0px 12px 12px 11px;
    border-color: #6eb92c transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: -12px;
    right: 11px;
}

 .al_box .al_box_tab > div > p{
    color: #323232;
    font-size: 20px;
    font-weight: 400;
    padding: 20px 10px;
}

.al_box .al_box_tab .al_box_tab_sc{
    padding: 0 10px;
    font-size: 16px;
    max-height: 421px;
    overflow-y: auto;
}

.al_box .al_box_tab .no_al p{
    font-size: 20px;
    color: #323232;
    text-align: center;
    background: url(../img/talks/no_al.png) top+45px center no-repeat;
    padding-top: 130px;
    padding-bottom: 50px;
}

.al_box .al_box_tab .al_box_tab_sc li{
    padding-left: 25px;
    position: relative;
    padding-bottom: 15px;
    color: #5a5a5a;
}

 .al_box .al_box_tab .al_box_tab_sc li::before{
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: #6eb92c;
    border-radius: 50%;
    top:8px;
    left: 5px;
}

 .al_box .al_box_tab .al_box_tab_sc li .dc_name{
    font-weight: 400;
    color: #000;
}

 .al_box .al_box_tab .al_box_tab_sc li span{
    font-weight: 300;
}

.al_box .al_box_tab .al_box_tab_sc li .con_day{
    font-weight: 300;
    color: #6eb92c;
    font-size: 14px;
    margin-top: 5px;
    display: block;
}

.al_box .al_box_tab .al_box_tab_sc li.confirm span{
    color: #5a5a5a;
}
.al_box .al_box_tab .al_box_tab_sc li.confirm::before{
    background: #5a5a5a;
}

/* 팝업 알람 박스 */




article.popup.al_box_tab .popBox .tit h6{
    text-align: center;
}


.popup.al_box_tab .al_box_tab::before{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0px 12px 12px 11px;
    border-color: #6eb92c transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: -12px;
    right: 11px;
}

.popup.al_box_tab .al_box_tab > div > p{
    color: #323232;
    font-size: 20px;
    font-weight: 400;
    padding: 20px 10px;
    text-align: left;
}

.popup.al_box_tab .al_box_tab > div {
    width: 100%;
    height: calc(100% - 55px);
    position: fixed;
}

.popup.al_box_tab .al_box_tab .al_box_tab_sc{
    padding: 0 10px;
    font-size: 16px;
    position: relative;
    height: calc(100% - 59px);
    overflow-y: scroll;
}

.popup.al_box_tab .al_box_tab .al_box_tab_sc ul{
    
}

.popup.al_box_tab .al_box_tab .no_al p{
    font-size: 18px;
    color: #323232;
    text-align: center;
    background: url(../img/talks/no_al.png) top+45px center no-repeat;
    padding-top: 130px;
    padding-bottom: 50px;
}

.popup.al_box_tab .al_box_tab .al_box_tab_sc li{
    padding-left: 25px;
    position: relative;
    padding-bottom: 15px;
    color: #5a5a5a;
    text-align: left;
    line-height: 1.5;
}

.popup.al_box_tab .al_box_tab .al_box_tab_sc li::before{
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: #6eb92c;
    border-radius: 50%;
    top:8px;
    left: 5px;
}

.popup.al_box_tab .al_box_tab .al_box_tab_sc li .dc_name{
    font-weight: 400;
    color: #000;
}

.popup.al_box_tab .al_box_tab .al_box_tab_sc li span{
    font-weight: 300;
}

.popup.al_box_tab .al_box_tab .al_box_tab_sc li .con_day{
    font-weight: 300;
    color: #6eb92c;
    font-size: 14px;
    margin-top: 5px;
    display: block;
}

.popup.al_box_tab .al_box_tab .al_box_tab_sc li.confirm span{
    color: #5a5a5a;
}
.popup.al_box_tab .al_box_tab .al_box_tab_sc li.confirm::before{
    background: #5a5a5a;
}


/* 내 토론방 */

.title_acc{
    position: absolute;
    bottom: 32px;
}

.title_acc img{
    width: 70px;
}

.title_sub{
    padding-left: 100px;
}

.my_debate_room{
    width: 100%;
}

.my_debate_room .left{
    width: 600px;
    margin-right: 50px;
}

.debate_making{
    background: #51a8a2;
    width: 260px;
    height: 260px;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    box-shadow: 0 6px 6px rgb(0 0 0 / 12%);
    margin-right: 10px;
    cursor: pointer;
}
.debate_making .sj{
    font-size: 22px;
    margin-bottom: 20px;
}

.debate_making .txt{
    width: 80%;
    margin: 0 auto;
    line-height: 1.5;
}

.debate_making .icon{
    width: 104px;
    height: 130px;
    background: url(../img/talks/debate_making.png) center no-repeat;
    margin: 0 auto;
}

.debate_making .icon.code{
    background: url(../img/talks/debate_making_code.png) center no-repeat;
}

.debate_playing{
    background: #c76d63;
    width: 330px;
    height: 125px;
    margin-bottom: 10px;
    border-radius: 6px;
    box-shadow: 0 6px 6px rgb(0 0 0 / 12%);
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.debate_playing .sj{
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.debate_playing .txt{
    line-height: 1.5;
}

.debate_playing .icon{
    width: 125px;
    height: 100%;
    float: left;
    background: url(../img/talks/debate_play.png) center no-repeat;
}

.debate_completion{
    width: 330px;
    height: 125px;
    background: #edb71c;
    border-radius: 6px;
    box-shadow: 0 6px 6px rgb(0 0 0 / 12%);
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.debate_completion .icon{
    width: 125px;
    height: 100%;
    float: left;
    background: url(../img/talks/debate_com.png) center no-repeat;
}

.debate_completion .sj{
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.debate_completion .txt{
    line-height: 1.5;
}

.my_debate_room .right{
    width: calc(100% - 650px);
}

.my_debate_room .right h4{
    margin-bottom: 10px;
    padding-left: 10px;
}

.debate_recent{
    width: 100%;
    height: 210px;
    border-radius: 12px;
    border: 1px solid #c1c1c1;
    box-shadow: 0 6px 6px rgb(0 0 0 / 12%);
    position: relative;
    cursor: pointer;
}
.debate_recent div{
    width: 100%;
    height: 100%;
}

.debate_recent .pic{
    background: url(../img/talks/sample10.png) no-repeat;
    width: 40%;
    height: 100%;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    overflow: hidden;
}

.debate_recent .pic .pic_ic{
    background: url(../img/talks/pic_ic.png) no-repeat center;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    left: 10px;
    top: -5px;
}

.debate_recent .pic .pic_ic.p{
    background: url(../img/talks/pic_ic.png) no-repeat center;
}
.debate_recent .pic .pic_ic.e{
    background: url(../img/talks/pic_ic_ee.png) no-repeat center;
}
.debate_recent .pic .pic_ic.c{
    background: url(../img/talks/pic_ic_cc.png) no-repeat center;
}

.debate_recent .txt_box{
    width: 60%;
    height: 100%;
    padding: 25px 30px;
}

.debate_recent .sj{
    color: #323232;
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 20px;
}
.lock{
    background: url(../img/talks/input_pw.png) center/cover no-repeat; 
    background-size: 16px;
    padding-left: 20px;
}

.debate_recent .txt{
    color: #5a5a5a;
    font-size: 16px;
    line-height: 1.8;
}
.debate_recent .txt span:nth-child(1){
    width: 80px;
    display: inline-block;
}

.debate_recent .nodata_room{
    width: 100%;
    height: 100%;
}

.debate_recent .nodata_room .ic_box{
    width: 30%;
    height: 100%;
    /* margin-right: 5%;s */
    background: url(../img/talks/acc01.png) right center no-repeat;
    float: left;
}

.debate_recent .nodata_room .txt_box{
    float: left;
    width: 70%;
    padding:  45px 0;
}

.debate_recent .nodata_room p{
    text-align: center;
}

.debate_recent .nodata_room .sj{
    color: #0a3b64;
    margin-top: 10px;
}

.debate_room_wrap{
    width: 100%;
    text-align: left;
    margin-top: 20px;
}

.debate_room_wrap li{
    float: left;
    width: 22%;
    margin-right: 4%;
    margin-bottom: 30px;
}

.debate_room_wrap li:nth-of-type(4n){
    margin-right: 0;
}

.pic_box{
    position: relative;
    width: 100%;
    border-radius: 12px;
    border: 1px solid #d7d7d7;
}

.pic_box:after {
   	content: "";
    display: block;
    padding-bottom: 100%;
}

.pic_box img{
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 12px;
    overflow: hidden;
}

.pic_ic{
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    position: absolute;
    left: 10px;
    top: -5px;
    z-index: 10;
}

.pic_ic.p{
    background: url(../img/talks/pic_ic_p.png) no-repeat center;
}
.pic_ic.e{
    background: url(../img/talks/pic_ic_e.png) no-repeat center;
}
.pic_ic.c{
    background: url(../img/talks/pic_ic_c.png) no-repeat center;
}

.debate_room_wrap .txt_box{
    color: #5a5a5a;
    font-size: 18px;
}
.debate_room_wrap .txt_box .sj{
    font-size: 20px;
    color: #323232;
    margin: 10px 0;
    line-height: 1.5;
    min-height: 60px;
}
.debate_room_wrap .txt_box .txt span:nth-child(1){
    width: 60px;
    display: inline-block;
    line-height: 1.7;
    position: relative;
}
.debate_room_wrap .txt_box .txt span:nth-child(1)::after{
    position: absolute;
    content: "";
    width: 1px;
    height: 20px;
    background: #5a5a5a;
    top: 5px;
    right: 1px;
}

.content.interest .nodata_around {
    width: 100%;
}

.content.interest .nodata_around .ic_box{
    background: url(../img/talks/acc02.png) no-repeat;
    width: 136px;
    height: 140px;
    margin: 0 auto;
    margin-top: 80px;
}

.content.interest .nodata_around .txt_box{
    font-size: 16px;
    color: #5a5a5a;
    text-align: center;
    line-height: 1.5;
}

.content.interest .nodata_around .txt_box .sj{
    font-size: 22px;
    color: #0a3b64;
    margin: 20px 0;
}

.bt_debate{
    font-size: 15px;
    color: #fff;
    background: #6eb92c;
    width: 180px;
    height: 40px;
    border-radius: 20px;
    line-height: 40px;
    margin-top: 30px;
    margin-bottom: 80px;
}

.nodata_interest{
    width: 100%;
}

.nodata_interest .ic_box{
    background: url(../img/talks/acc03.png) no-repeat;
    width: 126px;
    height: 133px;
    margin: 0 auto;
    margin-top: 80px;
}

.nodata_interest .txt_box{
    font-size: 22px;
    color: #0a3b64;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 100px;
}

.debate_sj{
    color: #0a3b63;
    font-size: 26px;
    font-weight: 400;
    height: auto;
    display: block;
}

.step{
    margin-top: 30px;
    margin-bottom: 30px;
}

.step_box{
    width: 100%;
}

.step_box h4{
    font-size: 20px;
    color: #0a3b63;
}

.step_box .sj_step{
    font-size: 20px;
    color: #fff;
    background: #366999;
    width: 105px;
    height: 40px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align: center;
    margin-right: 10px;
}

.step_box h4 span{
    color: #959595;
    font-size: 14px;
    margin-left: 10px;
}

.step_wrap{
    width: 100%;
    margin-top: 40px;
}

.step_wrap>div{
    width: 100%;
    margin-bottom: 25px;
}

.step_wrap .left{
    float: left;
    width: 12%;
    position: relative;
    color: #323232;
    font-size: 16px;
    line-height: 50px;
}
.step_wrap .right{
    float: left;
    width: 88%;
}

.step_wrap .date .right p{
    display: none;
    font-size: 14px;
    margin-top: 5px;
    color: #fa3200;
}

.step_wrap .right .input{
    width: 100%;
    height: 50px;
    
}

.name .input{
    padding-left: 20px;
}

.open_box{
    width: 180px;
    height: 40px;
    background: #ececec;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 5px;
}

.open_box li{
    float: left;
    width: 50%;
    height: 100%;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.open_box li.on{
    background: #366999;
    color: #fff;
}

.open_box .btTxt{
    display: none;
}

.img .open_box{
    width: 320px;
}
.img .basic_img>div{
    display: none;
}

.teacher .right{
    line-height: 40px;
}

.bt_ta{
    background: #6eb92c;
    color: #fff;
    width: 180px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
}

.bt_ta.b{
    background: #366999;
    width: 100px;
    margin-top: 5px;
    display: none;
}

.bt_ta.b.on{
    background: #7d7d7d;
}


.bt_ta.c{
    background: #7d7d7d;
}

.bt_ta.cs{
    background: #ececec;
    width: auto;
    padding: 0 15px;
    color:  #323232;
}

.bt_ta.cs .del{
    padding-left: 30px;
    background: url(../img/talks/bt_del2.png) right center no-repeat;
    width: 12px;
    height: 12px;
}

.img .right .attach{
    height: 50px;
    line-height: 50px;
    background: #f5f5f5;
    border : 1px solid #d7d7d7;
    margin-bottom: 0;
    margin-top: 25px;
}

.img .right .attach ul{
    padding: 0;
}

.img .right .attach li{
    padding: 0;
    padding-left: 20px;
}

.img .right .attach a{
    color: #888888;
    font-size: 14px;
}

.img .right .attach button{
    background: url(../img/talks/bt_del.png) center no-repeat;
    width: 50px;
    height: 48px;
}

.date .right .input.date{
    width: 220px;
    background: #f5f5f5 url(../img/talks/bt_cal.png) left+10px center no-repeat;
    padding-left: 50px;
}

.date .right .field.date::before {
    left: 220px;
    height: 50px;
    line-height: 50px;
}

.date .right .field.date .check{
    margin-left: 20px;
    margin-top: 10px;
    width: 337px;
    height: 40px;
    overflow: unset;
}

.date .right .field.date .check .notice{
    color: #f06e64;
    font-size: 14px;
    top:25px;
    left: 27px;
    position: absolute;
}

.basic_img{
    margin-top: 25px;
    width: 100%;
    height: 580px;
    overflow-y: auto;
}

.basic_img ul{
    width: 100%;
}

.basic_img li{
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
    position: relative;
    cursor: pointer;
}

.basic_img li>img{
    width: 100%;
    height: 100%;
}

.basic_img li:nth-of-type(4n){
    margin-right: 0;
}

.basic_img li div{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5) url(../img/talks/debate_room_img_on.png) center no-repeat;
    border-radius: 12px;
    position: absolute;
    display: none;
}

.basic_img li.on div{
    display: block;
}

.teacher .right .sub{
    width: 100%;
    margin-top: 5px;
}

.popup.custom .input.wi01{
    width: calc(100% - 90px);
}

.popup.custom .sub.popup1{
    text-align: left;
}

.popup.custom .sub.popup1 .bt_ta{
    font-size: 15px;
    background: #396999;
    color: #fff;
    margin-bottom: 10px;
}

.popup.custom .sub.popup1 .bt_ta.cs .del {
    padding-left: 30px;
    background: url(../img/talks/bt_close2.png) right center no-repeat;
}

.popup.custom .sub.popup2 .bt_ta{
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    font-size: 15px;
}

.popup.custom .sub.popup2 .bt_ta.on{
    background: #396999;
    color: #fff;
}

article.popup.custom .popBox.debate_room .msg{
	display :block;
}

article.popup.custom .popBox.debate_room{
    width: 630px;
    padding: 0;
}

article.popup.custom .popBox.debate_room .btns{
	background: #fff;
}

.popBox.debate_room .notice{
    color : #fa321e;
    text-align: left;
    font-size: 14px;
    line-height: 1.6;
}

.step_wrap .bk_search h4{
    font-size: 20px;
    color: #323232;
    margin-top: 5px;
}
.step_wrap .bk_search .search .find{
    width: 1040px;
    height: 50px;  
    max-width: none;
    margin: 0;
    margin-bottom: 10px;
}
.step_wrap .bk_search .search .find .input{
    height: 50px;
    line-height: 50px;
    border:  1px solid #55a014;
}

.step_wrap .bk_search .nodata{
    font-size: 20px;
    color: #323232;
    text-align: center;
    background: url(../img/talks/no_data01.png) top+40px center no-repeat;
    padding-top: 190px;
    padding-bottom: 80px;
}

.step_wrap .bk_search .nodata .more{
    background: #c76d63;
    color: #fff;
    width: 200px;
    height: 40px;
    font-size: 16px;
    border-radius: 20px;
    margin-top: 20px;
}

.debate_room_com{
    background: url(../img/talks/bg_com.png) top+110px center no-repeat;
    text-align: center;
    padding-top: 250px;
    padding-bottom: 100px;
}

.debate_room_com .sj{
    font-size: 20px;
    color: #000;
    margin-bottom: 10px;
}

.debate_room_com p{
    color: #888888;
    font-size: 16px;
}

.bk_cover{
    background: rgba(0, 0, 0, 0.5) url(../img/talks/bk_cover_ic.png) center no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
}
.bk_cover.on{
    display: block;
}

.step_wrap>.bnt_box{
    width: 100%;
    height: 370px;
    border-radius: 12px;
    border: 1px solid #b4b4b4;
    box-shadow: 0 6px 6px rgba(0,0,0,0.12); 
}

.step_wrap>.bnt_box.mb50{
    margin-bottom: 50px;
}


.bnt_box .left{
    width: 45%;
    height: 100%;
    float: left;
}

.bnt_box .left .shuffle{
    width: 100%;
    height: 100%;
}

.bnt_box .left .shuffle .book{
    width: 190px;
    height: 260px;
}

.bnt_box .left .shuffle li.on{
    width: 230px;
}

.bnt_box .left .shuffle li.on .book .pic{
    height: 250px;
    box-shadow: 0 3px 4px rgb(0 0 0 / 20%);
    border-radius: 0px;
    overflow: hidden;
}

.bnt_box .right{
    width: 55%;
    height: 100%;
    float: left;
    padding: 20px;
}

.bnt_box .right .bkt_book_detail{
    width: 100%;
    height: 100%;
}

.bnt_box .right .bkt_book_detail .book{
    width: 100%;
    height: 100%;
}

.bnt_box .right .bkt_book_detail .book .intro{
    left: 0;
    bottom: 20px;
}

.bnt_box.detail .shuffle li .book .tit{
    display: none;
}

.bnt_box.detail{
    position: relative;
}

.bnt_box.detail .dropBox {
    position: absolute;
    top: calc(100% - 40px);
    right: 0;
    z-index: 200;
    display: none;
    width: 600px;
    max-height: 300px;
    overflow: auto;
    border: 1px solid #7bbf3e;
    background-color: #fff;
    padding: 10px 20px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 30%);
}

.bnt_box.detail .dropBox .btFold {
    float: right;
}

.bnt_box.detail .dropBox dl {
    clear: both;
    display: block;
    overflow: hidden;
    padding-bottom: 20px;
}

.bnt_box.detail .dropBox dt {
    display: block;
    overflow: hidden;
    color: #7bbf3e;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    padding-top: 30px;
}

.bnt_box.detail .dropBox dt:first-of-type {
    padding-top: 0;
}

.bnt_box.detail .dropBox dd {
    display: block;
    overflow: hidden;
    color: #000;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    line-height: 24px;
    padding-top: 10px;
}

.step_box .book h4{
    color: #004486;
    font-size: 20px;
    height: 40px;
    margin-top: 0;
    padding-top: 5px;
    font-weight: 400;
}
.step_box .book h3{
    font-size: 26px;
    font-weight: 400;
    height: auto;
    min-height: 40px;
    margin-bottom: 10px;
}

.step_box .book .txt{
    margin-top: 0px;
    padding-left: 25px;
}

.bnt_box.detail.case2 .left{
    width: 27%;
}

.bnt_box.detail.case2 .right{
    width: 73%;
    padding-left: 0;
}

.bnt_box.detail.case2 .right h3{
    margin-top: 10px;
}

.bnt_box.detail.case2.mdr .right h3{
    margin-top: 0px;
    left : 0;
    position : unset;
}


.bnt_box.detail.case2 .left .shuffle li.on .book .pic{
    height: 260px;
}

.bnt_box.detail.case2 .dropBox{
    width: 860px;
}

.bnt_box.detail.case2 .txt{
    padding-left: 0px;
}


.nodata{
    font-size: 20px;
    color: #323232;
    text-align: center;
    background: url(../img/talks/no_data01.png) top+40px center no-repeat;
    padding-top: 190px;
    padding-bottom: 80px;
}

.nodata .more.gr{
    background: #7bbf3e;
    color: #fff;
    width: 150px;
    height: 40px;
    font-size: 16px;
    border-radius: 20px;
    margin-top: 20px;
}


.nodata.choose{
    background: url(../img/talks/bg_nodata_book.png) top+40px center no-repeat;
}

.nodata.choose .sj{
    color: #323232;
    font-size: 20px;
}

.nodata.choose p{
    font-size: 16px;
    line-height: 1.5;
}

.nodata.student{
    background: url(../img/talks/bg_nodata_student.png) top+40px center no-repeat;
}

.popup .list.on .book .tit{
    font-size: 16px;
    margin-top: 10px;
}

.popup .list.on .book .info{
    font-size: 15px;
    color: #5a5a5a;
    margin-top: 40px;
}

.popup.search .nodata{
    font-size: 18px;
    border-top: 1px solid #b4b4b4;
    background: url(../img/talks/no_data01.png) top+80px center no-repeat;
    background-size: 18%;
}


.step_wrap.student>.left_top{
    width: 528px;
    margin-bottom: 0px;
}

.step_wrap.student .left_top .search{
    width: 100%;
}

.step_wrap.student .left_top .search .find{
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    margin-top: 0px;
}

.step_wrap.student .left_top .search .find .input{
    line-height: 40px;
    height: 100%;
    box-shadow: none;
    border: 1px solid #d7d7d7;
    border-radius: 20px;
    background: #f5f5f5;
    padding: 0 65px 0 20px;
    font-size: 15px;
}

.step_wrap.student .left_top .search .find .btFind{
    background: url(../img/talks/bt_find.png) no-repeat center 50%;
    background-size: 60%;
    right: 5px;
}

.step_wrap.student .left{
    width: calc( (100% - 120px) / 2 );
    height: 800px;
    border: 1px solid #b4b4b4;
    border-radius: 12px;
    float: left;
    padding: 0 10px;
}

.step_wrap.student .right{
    width: calc( (100% - 120px) / 2 );
    height: 800px;
    border: 1px solid #b4b4b4;
    border-radius: 12px;
    float: left;
    padding: 0 10px;
}

.step_wrap.student .bt_box{
    width: 120px;
    height: 800px;
    float: left;
}

.step_wrap.student .left .facet, .step_wrap.student .right .facet {
    position: unset;
    display: block;
    overflow: hidden;
    width: 100%;
}

.step_wrap.student .left  .t, .step_wrap.student .right  .t{
    text-align: center;
    color: #5093d0;
    padding: 0;
    height: 50px;
    line-height: 50px;
}

.step_wrap.student .left  article.facet .mt{
    width: 100%;
    background: #ececec;
}

.step_wrap.student .left  article.facet button{
    position: absolute;
    right: 10px;
    top: 8px;
}

.btDrop.big i::before {
    width: 12px;
    height: 12px;
    border: 3px solid transparent;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
}


.step_wrap.student .left  article.facet .facet_sc_box{
    width: 100%;
    height: 720px;
    overflow-y: auto;
}


.step_wrap.student .left  article.facet .check{
    top: 50%;
    transform: translateY(10px);
    vertical-align: baseline;
}

.step_wrap.student  article.facet .check label::before {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    z-index: 1;
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #d7d7d7;
    background-color: #fff;
}

.step_wrap.student article.facet .check {
    margin: 0;
}

.step_wrap.student  article.facet .check label{
    font-size: 18px;
    color: #000;
    padding-left: 50px;
}


.step_wrap.student .left  article.facet .drop.main{
    padding: 0;
}

.step_wrap.student .left article.facet .drop.main .check label {
    font-size: 15px;
    color: #5a5a5a;
    padding-left: 50px;
}

.step_wrap.student .left article.facet .drop.main button{
    position: absolute;
    left: 110px;
    top: -2px;
}

.step_wrap.student .left article.facet .drop.main{
    line-height: 45px;
}

.step_wrap.student .left article.facet .drop.main>li{
    margin-top: 15px;
}

.step_wrap.student .left article.facet  .drop.main .check{
    top: 0%;
    transform: unset;
}
.step_wrap.student .left article.facet .drop.sub{
    padding: 0 40px;
}

.step_wrap.student .left article.facet .drop.sub li{
    height: unset;
    width: 50%;
    float: left;
}

.step_wrap.student  .grid ul > li{
    border-bottom: none;
}

.step_wrap.student .grid ul > li:hover{
    background: #fff;
}

.step_wrap.student  .grid ul > li.th{
    background: #ececec;
}

.step_wrap.student .grid ul > li:nth-of-type(1) .td{
    color: #323232;
    font-size: 18px;
}

.step_wrap.student .grid ul > li .td{
    color: #5a5a5a;
    font-size: 16px;
}

.step_wrap.student .grid ul > li.th .row{
    height: 50px;
    margin-bottom: 0;
}
.step_wrap.student .grid ul > li.th .row{
    margin-top: 0;
}


.step_wrap.student .grid ul > li .row{
    height: 30px;
    margin-bottom: 15px;
    margin-top: 15px;
}


.step_wrap.student .nodata{
    font-size: 18px;
    background: url(../img/talks/no_data01.png) top+200px center no-repeat;
    background-size: 100px;
    line-height: 300px;
}
.step_wrap.student .right .txt{
    text-align: center;
    line-height: 700px;
    font-size: 20px;
}

.bt_box div{
    width: 80px;
    height: 80px;
    position: relative;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bt_box div.on{
    height: 100px;
}

.bt_box div.on p{
    display: block;
}

.bt_box p{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    font-size: 14px;
    display: none;
    color: #366999;
}

.bt_box div~div{
    margin-bottom: 10px;
}

.bt_box button{
    width: 80px;
    height: 80px;
    border-radius: 8px;
}

.bt_box .next.de{
     border: 1px solid #cecece;
     background: url(../img/talks/next_de.png) center no-repeat;
}

.bt_box .next{
    background: #ebebeb url(../img/talks/next_g.png) center no-repeat;
}

.bt_box .prev{
    background: #ebebeb url(../img/talks/prev_g.png) center no-repeat;
}

.bt_box .next.on{
    background: #366999 url(../img/talks/next_w.png) center no-repeat;
}

.st_title{
    color: #0a3b63;
    font-size: 23px;
    border-bottom: 1px solid #0a3b63;
    background: none;
    padding-bottom: 10px;
    padding-top: 20px;
    font-weight: 500;
    margin-bottom: 0px !important;
    position: relative;
}

.st_title.exp{
    border-bottom: none;
    font-weight: 400;
}

.debate_choice{
    width: 100%;
    margin-top: 50px;
}
.debate_choice_box{
    width: 820px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.debate_choice_box div{
    width: 400px;
    height: 160px;
    background: #ececec;
    float: left;
    border-radius: 12px;
    padding-left: 200px;
    padding-top: 35px;
    cursor: pointer;
}

.debate_choice_box div:nth-child(1){
    margin-right: 20px;
}

.debate_choice_box div p{
    color: #888888;
    font-size: 15px;
}

.debate_choice_box div p:nth-of-type(2){
    margin-top: 15px;
}

.debate_choice_box div.on p{
    color: #ececec;
}

.debate_choice_box .sj{
    font-size: 22px;
}

.debate_choice_box .one{
    background: #ececec url(../img/talks/chat.png) left+40px center no-repeat;
}

.debate_choice_box .one.on{
    background: #6eb92c url(../img/talks/chat_on.png) left+40px center no-repeat;
}

.debate_choice_box .two.on{
    background: #6eb92c url(../img/talks/write_on.png) left+40px center no-repeat;
}

.debate_choice_box .two{
    background: #ececec url(../img/talks/write.png) left+40px center no-repeat;
}


.step_box .st_sub_title{
    color: #448ccd;
    font-size: 20px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 30px;
}

.step_box .st_sub_title::before{
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #448ccd;
    left: 0px;
    top: 5px;
}

.st_sub_title{
    color: #448ccd;
    font-size: 20px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 30px;
}

.st_sub_title::before{
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #448ccd;
    left: 0px;
    top: 5px;
}

.contents_box{
    width: 100%;
    height: 50px;
    background: #ececec;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 20px;
}

.content_box_text{
    width: 100%;
    height: 180px;
    background: #f5f5f5;
    border: 1px solid #d7d7d7;
    margin-bottom: 20px;
    padding: 20px 10px;
    font-size: 16px;
}

.content_box_text:last-child{
    margin-bottom: 0px;
}

.content_box_text::placeholder{
    font-size: 16px;
    color: #888888;
    line-height: 1.7;
}

.contents.link .link_inputbox{
    width: 100%;
    /* height: 50px; */
    margin-bottom: 10px;
}

.contents.link .input{
    width: calc((100% - 70px)/2);
    height: 50px;
}

.input_plus{
    background: #cecece;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    font-size: 42px;
    line-height: 50px;
    text-align: center;
}

.input_plus:hover{
    background: #6eb92c;
    color: #fff;
}

.input_minus{
    background: #cecece;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    font-size: 42px;
    line-height: 50px;
    text-align: center;
}

.input_minus:hover{
    background: #cc5ba7;    
    color: #fff;
}

.contents.book{
    width: 100%;
    margin-bottom: 20px;
    overflow-x: auto;
}

.contents_book_box{
    width: 100%;
    min-width: 1176px;
    height: 330px;
}

.contents_book_box li{
    width: 16%;
    height: 250px;
    margin-right: 5%;
    background: #ececec;
    float: left;
    position: relative;
    margin-bottom: 2%;
}

.contents_book_box li:nth-of-type(5n){
    margin-right: 0;
}
.contents_book_box li .book_plus{
    position: absolute;
    width: 60px;
    height: 60px;
    background: #cecece;
    font-size: 60px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    cursor: pointer;
}

.contents_book_box li:hover .book_plus{
    background: #6eb92c;
    color: #ececec;
}

.contents_book_box li .book_minus2{
    position: absolute;
    width: 60px;
    height: 60px;
    background: #cecece;
    font-size: 60px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    cursor: pointer;
}

.contents_book_box li:hover .book_minus2{
    background: #cc5ba7;
    color: #ececec;
}

.contents_book_box.border li{
    height: auto;
    background: none;
}

.contents_book_box li .book_minus{
    width: 100%;
    height: 250px;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
}

.contents_book_box li .book_minus p{
    position: absolute;
    width: 60px;
    height: 60px;
    background: #cecece;
    font-size: 60px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    cursor: pointer;
    margin-top: 0px;
}

.contents_book_box li:hover .book_minus p{
    background: #cc5ba7;
    color: #fff;
}

.contents_book_box li img{
    width: 100%;
    height: 250px;
    border: 1px solid #dddddd;
}

.contents_book_box li p{
    margin-top: 20px;
    color: #323232;
    font-size: 20px;
}

.st_title .drop {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.st_title .drop::before {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #7bbf3e;
}

.st_title .drop::after {
    position: absolute;
    right: 6px;
    bottom: 8px;
    z-index: 2;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border: 2px solid transparent;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(
135deg
);
}

.st_title .drop.on::after {
    bottom: 4px;
    transform: rotate(
-45deg
);
}

.st_title .btns{
    display: inline-block;
    padding-top: 0px;
    position: absolute;
    left: 130px;
    top: 5px;
}

.st_title span{
    color: #959595;
    font-size: 14px;
    font-weight: 400;
    padding-left: 20px;
}


.topic_box .open_box{
    width: 280px;
    margin: 20px 0;
}

.topic_box .input{
    height: 50px;
    width: calc(100% - 55px);
    margin-bottom: 20px;
}

.topic_box .input_num{
    padding-top: 32px;
    width: 55px;
    float: right;
    text-align: right;
    font-size: 15px;
    color: #888888;
}


.topic_box .topic_sj div{
    width: 100%;
    height: 60px;
    border-radius: 30px;
    padding-left: 75px;
    color: #323232;
    background: #ececec url(../img/talks/topic_bg.png) left+30px center no-repeat;
}

.topic_box .topic_sj div{
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
}

.topic_box .topic_sj div p{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.topic_box .topic_sj div:last-child{
    margin-bottom: 0px;
}

.topic_box .topic_sj div.on{
    width: 100%;
    height: 60px;
    border-radius: 30px;
    padding-left: 75px;
    color: #fff;
    background: #448ccd url(../img/talks/topic_bg_on.png) left+25px center no-repeat;
}

.topic_box .topic_sj .pop_bt.wi{
    width: 180px;
}



.card_sj div{
    width: 100%;
    min-height: 60px;
    border-radius: 30px;
    color: #fff;
    background: #448ccd;
    padding-left: 55px;
    font-size: 20px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    word-break: break-all;
}

.card_sj div p{
    padding: 5px ;
}


.topic_box .nodata {
    background: none;
    padding-top: 25px;
    padding-bottom: 25px;
}

.topic_box.nodata p{
    color: #323232;
    font-size: 16px;
}

.topic_box .nodata .sj{
    color: #448ccd;
    font-size: 20px;
    margin-bottom: 15px;
}

.topic_box .nodata .more {
    background: #448ccd;
    color: #fff;
    width: 180px;
    height: 40px;
    font-size: 16px;
    border-radius: 20px;
    margin-top: 20px;
}

.pop_bt.wi{
    width: 120px;
}

.pop_bt.wi02{
    width: 100px;
}

.pop_bt.wi03{
    width: 120px;
}

.pop_bt.make{
    width: 150px;
    background: #6eb92c url(../img/talks/search_detail.png) left+20px center no-repeat;
    padding-left: 35px;
}

.contents .drop {
    position: relative;
    width: 100%;
    padding: 0 10px;
    cursor: pointer;
    font-size: 16px;
    color: #5a5a5a;
    line-height: 1.8;
    margin-bottom: 20px;
}

.contents .drop::before {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #7bbf3e;
}

.contents .drop::after {
    position: absolute;
    right: 6px;
    bottom: 8px;
    z-index: 2;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border: 2px solid transparent;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(
135deg
);
}

.contents .drop.on::after {
    bottom: 4px;
    transform: rotate(
-45deg
);
}

.dropBox.book {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 200;
    display: none;
    width: 100%;
    max-height: 300px;
    overflow: auto;
    border: 1px solid #7bbf3e;
    background-color: #fff;
    padding: 10px 20px;
}

/* .contents .drop.book2{
    padding-bottom: 10px;
} */
/* 
.contents .drop.book2::after{
    display: none;
}
.contents .drop.book2::before{
    display: none;
} */

.contents .drop.book2::after {
    right: 6px;
    bottom: 11px;
}

.contents .drop.book2::before {
    right: 0;
    bottom: 4px;
}

.contents .drop.book2.on::after {
    bottom: 7px;
}

.link_box{
    padding-left: 20px;
    padding-bottom: 10px;
}

.link_box .st_sub_title{
    font-size: 16px;
    color: #5a5a5a;
    margin: 5px 0;
    /* cursor: pointer; */
}

.link_box .st_sub_title::before{
    background: #5a5a5a;
}


.mdr_search_box{
    width: 100%;
    height: 150px;
    background: #ececec url(../img/talks/bg_line.png);
    margin-top: 15px;
}

.inner.mdr .debate_room_wrap li{
    width: 22%;
    margin-right: 4%;
    margin-bottom: 5%;
}

.inner.mdr .debate_room_wrap li:nth-of-type(4n){
    margin-right: 0;
}

.inner.mdr .debate_room_wrap li .pic_ic{
    left: 20px;
}

.mdr_num{
    display: block;
    color: #323232;
    font-size: 19px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.mdr_num .more {
    background: #6eb92c;
    color: #fff;
    width: 160px;
    height: 40px;
    font-size: 15px;
    border-radius: 20px;
}

.debate_sj .more {
    background: #0a3b64;
    color: #fff;
    width: 160px;
    height: 40px;
    font-size: 15px;
    border-radius: 20px;
    margin-top: -10px;
}

.mdr.date{
    width: 840px;
    margin: 0 auto;
    padding-top: 25px;
}

.mdr.date .left{
    width: 10%;
    float: left;
    height: 40px;
    line-height: 40px;
}

.mdr.date .right{
    width: 90%;
    float: left;
}

.mdr.date .right .field{
    width: calc(100% - 310px);
    height: 40px;
}

.mdr.date .right .field.date::before {
    left: 44.5%; 
    height: 40px;
    line-height: 40px;
}

.mdr.date .right .field.date .input.date{
    background: #fff url(../img/talks/bt_cal.png) left+10px center no-repeat;
    width: 200px;
    border: none;
    box-shadow: 5px 0 10px rgb(0 0 0 / 7%);
}

.mdr.date .right .month .bt_month{
    width: 100px;
    height: 40px;
    background: #fff;
    box-shadow: 5px 0 10px rgb(0 0 0 / 7%);
    font-size: 15px;
    float: left;
}

.mdr.date .right .month .bt_month.on{
    background: #828282;
    color: #fff;
}

.mdr.date .right .month button~button{
    margin-left: 5px;
}
.mdr.date .right .input.name{
    background: #fff;
    box-shadow: 5px 0 10px rgb(0 0 0 / 7%);
    border: none;
    font-size: 15px;
    width: calc(100% - 110px);
}

.mdr.date .drName{
    margin-top: 20px;
}

.mdr.date .drName .btns{
    padding-top: 0;
}

.mdr.date .stxt{
    display: none;
}

.mdr.date .btns.mo{
    display: none;
}

/* .pic_box:hover .pic_box_hover{
    display: block;
} */
.pic_box_hover{
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    border-radius: 12px;
}

.pic_box_hover p{
    font-size: 22px;
    color: #fff;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1.5;
}

.nodata .txt_box{
    font-size: 16px;
    color: #5a5a5a;
    text-align: center;
}

.nodata .txt_box .sj{
    font-size: 22px;
    color: #0a3b64;
    margin: 20px 0;
}
.nodata .bt_debate.wi{
    width: 150px;
}

.nodata.mdr .txt_box .sj{
    margin: 15px 0;
    color: #323232;
}

.step_wrap > .mdr_box{
    width: 450px;
    height: 300px;
    border: 1px solid #b4b4b4;
    border-radius: 12px;
    box-shadow: 0px 6px 6px rgb(0 0 0 / 12%);
    margin-right: 30px;
    padding: 40px 30px;
    position: relative;
    /* overflow: hidden; */
}

.mdr_box .pic_ic{
    left: unset;
    right: 20px;
}

.mdr_box .txt_box .sj{
    color: #323232;
    font-size: 20px;
    margin-bottom: 70px;
}

.mdr_box .txt_box .txt{
    color: #5a5a5a;
    font-size: 18px;
    line-height: 1.5;
}
.mdr_box .txt_box .txt span:nth-child(1){
    position: relative;
    padding-right: 10px;
}

.mdr_box .txt_box .txt span:nth-child(1)::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 18px;
    background: #5a5a5a;
    top: 4px;
    right: 0px;
}

.mdr_box .txt_box .txt.code span:nth-child(2){
    width: 150px;
    height: 40px;
    display: inline-block;
}
.mdr_box .txt_box .txt.code span:nth-child(2) button{
    background: url(../img/talks/code_ic.png) center/cover no-repeat ;
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-bottom: 8px;
}


.step_wrap > .bnt_box.detail.case2.mdr{
    width: calc(100% - 480px);
    height: 300px;
    overflow: hidden;
    margin-top:0;
} 
.step_wrap > .bnt_box.detail.case2.mdr .left .shuffle li.on .book {
    transform: scale(1.0);
}

.step_wrap > .bnt_box.detail.case2.mdr .left .shuffle li.on .book .pic{
    width: 187px;
    height: 250px;
    overflow: hidden;
}

.bnt_box.detail.case2.mdr .left{
    width: 230px;
}

.bnt_box.detail.case2.mdr .right{
    width: calc(100% - 230px);
}

.bnt_box.detail.case2.mdr  .right .bkt_book_detail .book .intro{
    bottom: 70px;
    top:unset;
    left: 0px;
}


.bnt_box.detail.case2.mdr  .right .bkt_book_detail .book .btns.mdr{
    display: block;
    bottom: 5px;
    right: 0px;
    left: unset;
    width: 270px;
}

.bnt_box.detail.case2.mdr  .right .bkt_book_detail .book .btns.mdr.exp{
    width: auto;
}

.bnt_box.detail.case2.mdr  .right .bkt_book_detail .book .btns.mdr .pop_bt{
    font-size: 15px;
    height: 35px;
    line-height: 35px;
    padding-left: 25px;
}

.step_wrap > .mdr_box>p{
    display: none;
}


.bnt_box.detail.case2.mdr.off p{
    display: none;
}

.pop_bt.open{
    background: #448ccd url(../img/talks/bt_book_open.png) left+15px center no-repeat;
    width: 145px;
    color: #fff;
}
.pop_bt.int{
    background: #ececec url(../img/talks/bt_like_on.png) left+15px center no-repeat;
    color: #000;
    width: 110px;
}

.pop_bt.making{
    width: 220px;
}

.banner_box{
    width: 100%;
    min-height: 80px;
    background: #448ccd url(../img/talks/acc07.png) left+50px bottom no-repeat;
    border-radius: 12px;
    box-shadow: 0px 6px 6px rgb(0 0 0 / 12%);
    color: #fff;
    font-size: 18px;
    /* line-height: 80px; */
    padding-left: 150px;
    margin-bottom: 60px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
    height : auto;
    word-break: break-all;
}


.inner.exp{
    padding: 0;
}

.inner.exp2{
    padding: 0;
    margin-top: 50px;
}

.nodata.scrap{
    background: url(../img/talks/bg_nodata_scrap.png) top+50px center no-repeat;
    padding-bottom: 150px;
}


.nodata.scrap2{
    background: url(../img/talks/bg_nodata_write.png) top+50px center no-repeat;
    padding-bottom: 150px;
}

.nodata.scrap2 .sj{
    font-size: 20px;
    margin-bottom: 15px;
    color: #323232;
}

.nodata.scrap2 p{
    color: #5a5a5a;
    font-size: 16px;
}

.nodata.scrap2.secret{
    background: url(../img/talks/acc02.png) top+30px center no-repeat;
    padding-bottom: 150px;
}

.inf_wrap .pop_bt {
    width: 100px;
}

.score{
    width: 100%;
    height: 60px;
    background: #f5f5f5;
    border: 1px solid #d7d7d7;
    color: #448ccd;
    font-size: 20px;
    text-align: center;
    line-height: 60px;
    border-radius: 30px;
    margin-top: 30px;
    margin-bottom: 50px;
}
.score_box{
    width: 100%;
}

.score_list{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 60px;
}
.score_list li{
    width: 100%;
    min-height: 50px;
    background: #f5f5f5;
    border: 1px solid #d7d7d7;
    color: #323232;
    /* line-height: 50px; */
    color: #323232;
    font-size: 16px;
    display: flex;
    align-items: center;
    padding: 10px 0;
    line-height: unset;
    height: auto;
}
.score_list li .num{
    color: #448ccd;
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.score_list li span:nth-of-type(2){
    width: calc(100% - 110px);
}

.score_list li .sc{
    color: #448ccd;
    font-size: 16px;
    width: 60px;
    margin-right: 20px;
}

.score_list li~li{
    margin-top: 10px;
}

.score_list.mb0{
    margin-bottom: 0;
}

.score_list2{
    margin-bottom: 60px;
    margin-top: 10px;
}

.score_list2 li {
    background: #448ccd;
    color: #fff;
    padding: 0 10px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}

.score_list2 li .sc {
    font-size: 16px;
    color: #fff;
    padding-right: 0px;
}

/* 학생의견 */

.comment_box .top h4{
    color: #000;
    font-size: 19px;
}

.nodata.scrap2 .more.gr{
    background: #7bbf3e url(../img/talks/bt_op.png) left+20px center no-repeat;
    padding-left: 30px;
}

.comment_box .top .more.gr {
    background: #7bbf3e url(../img/talks/bt_op.png) left+20px center no-repeat;
    color: #fff;
    width: 150px;
    height: 40px;
    font-size: 16px;
    border-radius: 20px;
    margin-top: 0px;
    padding-left: 30px;
}

.comment_box .top .more.gr2{
    background: #7bbf3e url(../img/talks/bt_whole.png) left+25px center no-repeat;
    color: #fff;
    width: 150px;
    height: 40px;
    font-size: 16px;
    border-radius: 20px;
    margin-top: 0px;
    padding-left: 30px;
}

.cmt_list>li{
    width: 100%;
    /* background: #f5f5f5; */
    border: 1px solid #d7d7d7;
    border-radius: 12px;
    margin-top: 20px;
}

.inf_wrap{
    width: 100%;
    padding: 20px 30px;
}

.inf_wrap .id{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #448ccd;
    color: #fff;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
}
.inf_wrap .id.o{
    background: #7bbf3e;
}

.inf_wrap .id.x{
    background: #cc5ba7;
}

.inf_wrap .id_name{
    padding-left: 20px;
}

.inf_wrap .id_name p:nth-of-type(1){
    margin-top: 10px;
    margin-bottom: 3px;
    font-size: 16px;
}

.inf_wrap .id_name p:nth-of-type(2){
    color: #888888;
     font-size: 16px;
}

.inf_wrap .btns{
    padding-top: 10px;
}

.drop.op{
    color: #5a5a5a;
    font-size: 16px;
    line-height: 1.7;
    position: relative;
    padding: 0px 30px 20px 30px;
}

.drop.op::before {
    position: absolute;
    right: 20px;
    bottom: 23px;
    z-index: 1;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #7bbf3e;
    cursor: pointer;
}

.drop.op::after {
    position: absolute;
    right: 26px;
    bottom: 31px;
    z-index: 2;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border: 2px solid transparent;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(
135deg
);
cursor: pointer;
}


.drop.op.on::after {
    bottom: 26px;
    transform: rotate( 
-45deg
 );
}


.cm_bt li{
    width: 50%;
    float: left;
    /* text-align: center; */
    height: 50px;
    line-height: 50px;
    color: #5a5a5a;
    font-size: 16px;
    border-top: 1px solid #d7d7d7;
    cursor: pointer;
}

.cm_bt li:nth-of-type(1){
    background: #fff url(../img/talks/rec.png) 32% center no-repeat;
    border-right: 1px solid #d7d7d7;
    border-bottom-left-radius: 12px;
    padding-left: 19%;
    text-align:unset;
}

.cm_bt li.on:nth-of-type(1){
    color: #6eb92c;
    background: #fff url(../img/talks/rec_on.png) 32% center no-repeat;
    font-weight: 500;
}

.cm_bt li.on:nth-of-type(2){
    color: #0a3b64;
    background: #fff url(../img/talks/comment_on.png) 40% center no-repeat;
    font-weight: 500;
    text-align:unset;
}

.cm_bt li:nth-of-type(2){
    background: #fff url(../img/talks/comment.png) 40% center no-repeat;
    border-bottom-right-radius: 12px;
    padding-left: 22.5%;
    text-align:unset;
}

.cm_bt .answer{
    width: 100%;
    padding: 1px 0 10px 0;
    height: auto;
}

.cm_bt .answer .input{
    width: calc(100% - 160px);
    height: 50px;
    border-radius: 25px;
    margin-top: 10px;
    margin-left: 10px;
}

.cm_bt .answer .pop_bt{
    background: #0a3b64;
    margin-top: 14px;
    margin-right: 10px;
    width: 120px;
}

.an_comment{
    width: 100%;
    padding: 20px 30px;
}
.an_comment .user{
    width: 65px;
    height: 50px;
    background: url(../img/talks/user.png) left center no-repeat;
}
.an_comment .nc{
    width: calc(100% - 65px);
    text-align: left;
    font-size: 16px;
    color: #5a5a5a;
    line-height: 1.5;
}

.an_comment .nc .name{
    font-size: 16px;
    color: #323232;
    margin-bottom: 5px;
    margin-top: 5px;
}

.an_comment .nc .name span{
    font-size: 14px;
    color: #888888;
}


.more.gr.big {
    background: #7bbf3e;
    color: #fff;
    width: 180px;
    height: 40px;
    font-size: 16px;
    border-radius: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;

}

.more.gr.big.bl{
    background: #396999;
    width: 100px;
    margin-top: 0;
    float: right;
    display: none;
}

.more.gr.big2 {
    background: #7bbf3e;
    color: #fff;
    width: 180px;
    height: 40px;
    font-size: 16px;
    border-radius: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.more.gr.big3{
    background: #7bbf3e;
    color: #fff;
    width: 180px;
    height: 40px;
    font-size: 16px;
    border-radius: 20px;
    margin-top: 20px;
    margin-bottom: 40px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.blind .blind_top{
    margin-top: 20px;
    margin-right: 30px;
}

.blind_top h4{
    font-size: 19px;
    color: #0a3b64;
}

.blind p{
    font-size: 20px;
    color: #323232;
    text-align: center;
    padding-top: 110px;
    padding-bottom: 90px;
}

.popup.op h4{
    font-size: 18px;
    color: #323232;
    font-weight: 400;
    position: relative;
    display: block;
    text-align: left;
    margin-top: 25px;
}

.popup.op h4::before{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #6eb92c;
    border-radius: 50%;
    top: 17px;
    left: -10px;
}

.popup.op h4>span{
    color: #888888;
    font-size: 14px;
}

article.popup.op .popBox .btns{
    text-align: center;
}

.radio_bt_box{
    text-align: left;
}

.radio_bt_box span{
    margin-right: 35px;
    margin-bottom: 10px;
}

.radio_bt_box .check label {
    height: 45px;
    line-height: 57px;
    padding-left: 40px;
}

.popup.op .textarea{
    background: #f5f5f5;
    border: 1px solid #d7d7d7;
    padding-left: 20px;
    padding-top: 10px;
    height: 220px;
}

.text_area_box{
    position: relative;
}

.txt_number{
    position: absolute;
    z-index: 10;
    font-size: 14px;
    color: #959595;
    bottom: 10px;
    right: 20px;
}

.btTxt.end{
    position: absolute;
    right: 0;
    color: #5a5a5a;
    background: #fff;
    border: 1px solid #b4b4b4;
}
.btns.por{
    position: relative;
}

.btns.pd0{
    padding-top: 0px;
}

.btns.exp3{
    position: absolute;
    right: 20px;
    bottom: 30px;
}

.btns.exp3 .pop_bt{
    background: #ececec;
    color: #000;
    width: 130px;
    height: 34px;
    line-height: 34px;
    font-size: 15px;
}

.st_title .btns.re{
    right: 0;
    text-align: right;
}

.notice_write_box{
    width: 100%;
}

.notice_write_box .input{
    width: calc(100% - 60px);
    margin-bottom: 20px;
}
.notice_write_box .content_box_text{
    font-size: 15px;
    padding: 10px;
    color: #323232;
}

.notice_write_box .content_box_text::placeholder{
    font-size: 15px;
}

.notice_write_box .check label {
    padding-left: 25px;
}

.notice_write_box .check input:checked ~ label::before {
    border: 1px solid #b4b4b4;
    background-color: #ffffff;
}

.notice_write_box .check label::after {
    left: 0px;
}

.notice_write_box .check label::before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9.5px;
    z-index: 1;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #b4b4b4;
}

.notice_write_box .check{
    vertical-align: baseline;
    margin-top: 2px;
    width: 55px;
}

.grid.box.mg .input_minus.on{
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 38px;
    background: #cc5ba7;
    color: #fff;
}

.grid ul > li .td.sc{
    color: #448ccd;
    cursor: pointer;
}

.select_box{
    width: 100%;
}

.select_box .select{
    width: 125px;
    margin-right: 10px;
}

.select_box .find{
    width: 270px;
}

.select_box .input{
    border-radius: 20px;
    padding-left: 20px;
}

.select_box .student{
    width: 15%;
    height: 40px;
    line-height: 40px;
}

.select_box .select.wi04{
    width: 83%;
}

.grid.pop .check label::before {
    margin-top: -15px;
    background-color: #fff;
    border: 1px solid #b4b4b4;
    width: 30px;
    height: 30px;
    left: 0px;
}

.grid.pop .check label::after{
    left: 4px;
    margin-top: -11px;
}



.nodata_grid{
    border-bottom: none !important;
}

.nodata_grid p{
    font-size: 18px;
    color: #323232;
    padding: 90px 0;
}

.total_grade{
    text-align: left;
}
.total_grade span{
    vertical-align: middle;
    padding-right: 20px;
}
.total_grade span:nth-of-type(2){
    padding-left: 10px;
}

.total_grade .input{
    width: 80px;
}

.grade_list{
    text-align: left;
}

.grade_list .contents.link input:nth-of-type(1){
    width: 400px;
    height: 40px;
}

.grade_list .contents.link input:nth-of-type(2){
    width: 70px;
    height: 40px;
    margin-right: 5px;
}

.grade_list .contents.link .input_minus{
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 34px;
}

.grade_list .contents.link .input_plus{
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 34px;
}

.popup.custom .student{
    text-align: left;
    /* overflow-y: auto;
    max-height: 350px; */
}

.popup.custom .student.maxh{
    /* max-height: 200px; */
}

.popup.custom .student p{
    margin-bottom: 10px;
    margin-top: 20px;
}

.popup.custom .student_sj{
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: left;
}

.popup.custom .student .box{
    width: 100%;
    min-height: 50px;
    background: #ececec;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
}

.popup.custom .student .grade{
    color: #448ccd;
}

.popup.custom .grade_list.student .box {
    text-align: left;
    padding: 0 10px;
}

.popup.custom .student .box .list_tit{
    font-weight: 500;
}

.popup.custom .student .box span{
    color: #448ccd;
    padding: 0 5px;
}

.popup.custom .student .box .col{
    color: #323232;
    width: calc(100% - 220px);
    display: inline-flex;
    align-content: center;
    line-height: normal;
    margin-bottom: 14px;
}

.popup.custom .student .box .input{
    width: 45px;
    height: 30px;
    vertical-align: baseline;
    padding-left: 5px;
}


.popup.custom .grade_list.student .box.heauto{
    height: auto;
    padding: 0;
    margin-bottom: 20px;
    cursor:pointer;
}
.grade_list.student .box.heauto span:nth-of-type(4){
    margin-right: 15px;
}

.grade_list.student .drop_bt{
    background: url(../img/talks/drop_bt.png) no-repeat center;
    margin-right: 5px;
    margin-left: 15px;
    cursor: pointer;
}

.grade_list.student .drop_bt.on{
    background: url(../img/talks/dropbt_on.png) no-repeat center;
}

.grade_list.student .drop_bt_subbox{
    width: 100%;
    background: #fff;
    padding: 0 25px;
    display: none;
}

.grade_list.student .drop_bt_subbox.on{
    display: block;
}

.grade_list.student .drop_bt_subbox span{
    font-size: 16px;
    color: #5a5a5a !important;
}

.grade_list.student .drop_bt_subbox .grade span{
    padding: 0px;
}

.grade_list.student .drop_bt_subbox .grade span:nth-of-type(2){
    color: #448ccd !important;
}

.grade_list.student .drop_bt_subbox>ul>li>span:nth-of-type(1){
    margin-right: 20px;
    min-width: 145px;
    display: inline-block;
}

.key_box{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
    display: flex;
    justify-content: left;
}

.key_box div{
    padding: 10px 20px;
    /* height: 40px;
    line-height: 40px; */
    border: 1px solid #55a014;
    border-radius: 20px;
    color: #55a014;
}

.key_box div~div{
    margin-left: 10px;
}

.content.debate_book .title h3{
    font-size: 26px;
    color: #0a3b63;
}

.content.debate_book .title::after{
    display: none;
}

.content.debate_book .btns button~button{
    margin-left: 5px;
}

.bnt_month{
    width: 100%;
    margin: 30px 0;
}

.bnt_month li{
    width: 30%;
    margin-right: 5%;
    float: left;
    overflow: hidden;
}

.bnt_month li:nth-of-type(3n){
    margin-right: 0;
}

.bnt_month li img{
    width: 100%;
    height: 352px;
}

.bnt_month a{
    display: block;
    height: 100%;
}

.bnt_month li p{
    margin-top: 10px;
    color: #323232;
    font-size: 20px;
    text-align: left;
}

.bnt_month.lib{
    margin: 0;
}

.bnt_month.lib li{
    width: 22%;
    margin-right: 4%;
    margin-bottom: 50px;
}

.bnt_month.lib li:nth-of-type(4n){
    margin-right: 0;
}

.bnt_month.lib li img{
    width: 100%;
    height: 259px;
}

.nodata.bkt{
    background: url(../img/talks/acc08.png) top+90px center no-repeat;
    padding-top: 250px;
}

.nodata.bkt .sj{
    color: #0a3b64;
}

.search_left{
    width: 20%;
    height: 40px;
    line-height: 40px;
    float: left;
    font-size: 16px;
    color: #5a5a5a;
    margin-top: 20px;
    text-align: left;
}
.search_right{
    width: 80%;
    float: left;
}

.search_right .check{
    width: 108px;
    height: 30px;
}

.search_right .check label{
    padding-left: 30px;
    padding-top: 2px;
}

.search_right .check label::before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    z-index: 1;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #b4b4b4;
}

.search_right .check input:checked ~ label::before {
    border-color: #8d8d8d;
    background-color: #fff;
}

.search_right .check label::after {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -9px;
    z-index: 2;
    content: "";
    display: none;
    overflow: hidden;
    width: 23px;
    height: 11px;
    border-top: 2px solid #787878;
    border-right: 2px solid #787878;
    transform: rotate(
135deg
);
}

.search_right .month .bt_month{
    width: 32.666%;
    height: 40px;
    background: #ececec;
    font-size: 15px;
    float: left;
    margin-top: 10px;
    margin-right: 1%;
}

.search_right .month .bt_month:last-child{
    margin-right: 0;
}

.search_right .month .bt_month.on{
    background: #828282;
    color: #fff;
}

/* .search_right .month button~button{
    margin-left: 5px;
} */

.search_right .input.date {
    width: 203px;
    background: #f5f5f5 url(../img/talks/bt_cal.png) left+10px center no-repeat;
    padding-left: 50px;
}

.search_right.content .check {
    width: 108px;
    height: 30px;
    padding-left: 10px;
    padding-top: 2px;
}

.search_right .check label {
    padding-left: 25px;
    padding-top: 2px;
}

.search_right .field.date::before {
    position: absolute;
    left: 46.5%;
    top: 7px;
    content: "~";
    display: block;
    width: 6%;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-size: 14px;
    text-align: center;
}


.detail_search_bt{
    width: 60px;
    height: 40px;
    background: #ececec url(../img/talks/search_detail_bt.png) center no-repeat;
    float: right;
    border-radius: 20px;
    background-size: 25px;
    display: none;
    margin-top: -10px;
}

.detail_search_bt2 {
    width: 60px;
    height: 40px;
    background: #ececec url(../img/talks/search_detail_bt.png) center no-repeat;
    float: right;
    border-radius: 20px;
    background-size: 25px;
    display: none;
    margin-top: 0px;
}

.mdr_search_top{
    display: none;
}

.up_down{
    position: relative;
}

/* .md.up_down::after{
    content: "";
    width: 0px;
    height: 0px;
    border-top:  none;
    border-bottom:10px solid #000;
    border-right: 7px solid transparent;
    border-left: 7px solid  transparent;
    bottom: 18px;
    position: absolute;
    cursor: pointer;
    left: 60%;
}

.xs.up_down::after{
    content: "";
    width: 0px;
    height: 0px;
    border-top:  none;
    border-bottom:10px solid #000;
    border-right: 7px solid transparent;
    border-left: 7px solid  transparent;
    bottom: 18px;
    position: absolute;
    cursor: pointer;
    left: 75%;
} */

.td.up_down>div{
    cursor: pointer;
    display: inline-block;
}
.td.up_down.on>div{
    transform: rotate(1800deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}


.mobile_popup{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 999;
    display: none;
}

.mobile_popup div{
    position: relative;
    width: 90%;
    background: #fff;
    border-radius: 20px;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    text-align: center;
    font-size: 18px;
}

.mobile_popup div li{
    padding: 20px;
    border-bottom: 1px solid #b4b4b4;
    color: #323232;
}

.mobile_popup div li:last-child{
    border-bottom: none;
}

.mobile_popup div li:nth-of-type(1){
    line-height: 1.7;
}

.mobile_popup div li:nth-of-type(1) b{
    color: #366999;
    font-weight: 400;
}

.mobile_popup div li:nth-of-type(1) p:nth-of-type(2){
    font-size: 16px;
}

.mo_img_box{
    display: none;
    width: 150px;
    height: 150px;
    background: #f5f5f5;
    border: 1px solid #d7d7d7;
    margin-top: 10px;
    text-align: center;
    position: relative;
}

.mo_img_box p{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #888888;
    font-size: 18px;
}

.popup.search .msg {
    font-size: 18px;
    text-align: left;
    padding: 0;
}

.popup.search .msg span {
    font-size: 14px;
    color: #888888;
    padding-left: 10px;
}


.txt.tof3{
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
}

.mo_write{
    width: 50px;
    height: 50px;
    background: url(../img/talks/mo_write.png)  center/cover no-repeat;
    position: fixed;
    right: 10px;
    bottom: 20px;
    z-index: 100;
    display: none;
}

.mo_tab_bt {
    position: absolute;
    background: url(../img/talks/mobile_tab_bt.png) center/cover no-repeat;
    width: 35px;
    height: 35px;
    right: 10px;
    top: 10px;
    display: none;
}

section.sub .title{
	padding-bottom:0;
}

section.sub .title.pb30{
	padding-bottom:30px;
}


.tap.index li::after{
	display:none;
}


article.finder dd > .input:last-of-type{
	width: 100%;
}

section.sub .title{
	margin-bottom: 30px;
}






................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................


@media all and (max-width : 960px){
	.inner.mdr .debate_room_wrap li .pic_ic {
    left: 10px;
}

.pic_ic.p {
    background: url(../img/talks/pic_ic_p.png) no-repeat center;
    background-size: 40px;
}

.pic_ic.e {
    background: url(../img/talks/pic_ic_e.png) no-repeat center;
    background-size: 40px;
}

.pic_ic.c {
    background: url(../img/talks/pic_ic_c.png) no-repeat center;
    background-size: 40px;
}

.pic_ic {
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    position: absolute;
    left: 10px;
    top: -5px;
    z-index: 10;
}

.debate_room_wrap .txt_box .sj {
    font-size: 16px;
    min-height: 50px;
}

.debate_room_wrap .txt_box .txt span:nth-child(1) {
    width: 50px;
}

.debate_room_wrap .txt_box {
    font-size: 14px;
}

.debate_room_wrap .txt_box .txt span:nth-child(1)::after {
    height: 15px;
    background: #5a5a5a;
    top: 4px;
    right: 1px;
}

}

@media all and (max-width : 720px){
	.inner.mdr .debate_room_wrap li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 30px;
}
}

@media all and (max-width : 550px){
	article.finder dd .btTxt.ss{
	margin-top:50px !important;
	}
	
	.inner.mdr .debate_room_wrap li {
    float: left;
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 30px;
}

.inner.mdr .debate_room_wrap li:nth-of-type(2n) {
    margin-right: 0%;
}
}