@charset "utf-8";

.sub_section { padding-bottom:50px; }
.sub_top { background-color:#f8f8f9; }
.sub_top2 { background-color:#fff; padding-bottom:15px; }
.page_path { padding:18px 0 10px; text-align:right; font-size:14px; color:#666; }
.page_path > li { display:inline-block; vertical-align:top; }
.page_path > li + li:before { content:">"; display:inline-block; margin:0 5px 0 2px; }
.page_path a:hover { text-decoration:underline; }

/* */
.sub_title { height:110px; text-align:center; display:table; table-layout:fixed; width:100%; color:#333; }
.sub_title .tsec { display:table-cell; vertical-align:middle; }
.sub_title .title { font-size:40px; line-height:1; letter-spacing:-2px; }
.sub_title .desc { padding:15px 0 8px; }

/* */
.best_list { padding-bottom:40px; background-color:#f8f8f9; position:relative; overflow:hidden; }
.best_list .slider { margin:0 -10px; }
.best_list .item { box-sizing:border-box; padding:0 10px; }
.best_list .ds { position:relative; display:block; overflow:hidden; width:386px; height:244px; color:#fff; }
.best_list .ds:focus img,
.best_list .ds:hover img { -ms-transform:scale(1.06, 1.06); -webkit-transform:scale(1.06, 1.06); transform:scale(1.06, 1.06); }
.best_list .ds:after { content:"\00a0"; z-index:1; position:absolute; top:0; left:0; right:0; bottom:0; background:url('../images/list/best_bg.png') no-repeat 0 0; background-size:100% 100%; }
.best_list .ds img { width:100%; display:inline !important; }
.best_list .ds .img { position:relative; overflow:hidden; display:block; z-index:0 !important; width:100%; height:100%; background-color:#f8f8f9; }
.best_list .ds .no { z-index:2; position:absolute; top:30px; left:30px; width:71px; height:71px; text-align:center; background:url('../images/list/best_no.png') no-repeat 0 0; background-size:100% 100%; font-size:30px; line-height:1; }
.best_list .ds .no:before { display:block; content:"BEST"; padding:10px 0 2px; font-size:16px; font-weight:bold; }
.best_list .ds .tit { z-index:2; position:absolute; line-height:28px; height:56px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; word-wrap:break-word; left:30px; right:30px; top:125px; font-size:24px; font-weight:bold; }
.best_list .ds .info_items { padding-top:0; }
.best_list .ds .info_items > li { font-size:16px; background-position:0 5px; background-image:none; }
.best_list .ds .info_items > li + li { padding-left:3px; margin-left:3px; }
.best_list .ds .info_items,
.best_list .ds > .auth { z-index:2; position:absolute; bottom:28px; left:30px; right:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.best_list .slick-arrow { position:absolute; top:50%; overflow:hidden; width:45px; height:90px; margin-top:-45px; text-indent:-999px; background-color:transparent; border-radius:0; z-index:1; border:0; left:50%; margin-top:-73px; }
.best_list .slick-arrow:before { content:""; position:absolute; width:100%; height:100%; top:0; left:0; background-repeat:no-repeat; background-image:url('../images/common/icons.png'); }
.best_list .slick-prev { /* left:-80px; */ margin-left:-692px; }
.best_list .slick-prev:before {  background-position:0 -50px; }
.best_list .slick-prev:hover:before { background-position:0 -150px; }
.best_list .slick-next { /* right:-80px; */ margin-left:643px; }
.best_list .slick-next:before { background-position:-50px -50px; }
.best_list .slick-next:hover:before { background-position:-50px -150px; }
@media all and (max-width:1400px) {
	.best_list .slick-arrow { margin-left:0; background-color:#f8f8f9; -webkit-box-shadow:0 0 2px rgba(0,0,0,.3); box-shadow:0 0 2px rgba(0,0,0,.3); }
	.best_list .slick-arrow:before { -ms-transform:scale(0.65); -webkit-transform:scale(0.65); transform:scale(0.65); }
	.best_list .slick-prev { left:0; }
	.best_list .slick-next { left:auto; right:0; }
}
.best_list .pg_index { text-align:center; padding-top:20px; height:8px; }
.best_list .pg_index .btn,
.best_list .pg_index .dots { display:inline-block; vertical-align:top; }
.best_list .pg_index .dots { margin:0 10px; padding-left:18px; }
.best_list .slick-dots > li { display:inline-block; vertical-align:top; width:8px; height:8px; background-color:#999; -webkit-transition:all 0.2s; transition:all 0.2s; position:relative; }
.best_list .slick-dots > li + li { margin-left:10px; }
.best_list .slick-dots > li.slick-active { background-color:#2d598f; }
.best_list .slick-dots > li button { display:block; width:100%; height:100%; overflow:hidden; text-indent:-999px; border:0; }
.best_list .pg_index .btn { margin-left:-2px; border:0; border-radius:0; background-repeat:no-repeat; position:relative; background-image:url('../images/common/icons.png'); width:8px; height:8px; overflow:hidden; visibility:hidden; position:absolute; opacity:0; -webkit-transition:opacity 0.2s; transition:opacity 0.2s; }
.best_list .pg_index .btn.active { opacity:1; visibility:visible; position:static; outline:0;}
.best_list .pg_index .btn em { position:absolute; opacity:0; text-indent:-999px; }
.best_list .pg_index .btn_stop { background-position:-300px -50px; }
.best_list .pg_index .btn_play { background-position:-350px -50px; }
/* */
.vlist_area { padding-top:20px; }
.list_form { position:relative; margin-bottom:25px; min-height:25px; text-align:right; }
.list_form:after { content:""; display:block; clear:both; }
.list_form .search_frm { position:relative; }
.list_form .search_frm .frm_fld > *,
.list_form .search_frm > * { vertical-align:top; }
.list_form .search_frm > * + .frm_fld,
.list_form .search_frm * + .comText { margin-left:5px; }
.list_form .search_frm .frm_fld { display:inline-block; position:relative; }
.list_form .search_frm .comText { padding-right:60px; width:285px; }
.list_form .search_frm .btn_search { position:absolute; z-index:1; width:46px; height:46px; right:2px; top:2px; border:0; }
.list_form .search_frm .btn_search > em { overflow:hidden; text-indent:-999px; position:absolute; top:50%; margin-top:-12px; left:50%; margin-left:-10px; width:20px; height:21px; background:url('../images/common/icons.png') no-repeat -850px 0; }
.list_form .lst_sum { color:#333; }
.list_form .lst_sum strong { color:#2e7bd9; }
.list_form .lst_sum,
.list_form .opt_align { position:absolute; left:0; bottom:0; z-index:1; }
.list_form .opt_align .btn { display:inline-block; vertical-align:top; font-size:18px; -webkit-transition:all 0.2s; transition:all 0.2s; }
.list_form .opt_align .btn + .btn { margin-left:15px; }
.list_form .opt_align .btn.active { font-weight:bold; color:#2d598f; }
.list_form .opt_align .btn:hover { font-weight:bold; }
.list_form.opt_right { text-align:left; margin-bottom:15px; }
.list_form.opt_right .opt_align { position:static; float:right; }
.list_form.opt_right .rcount { float:left; font-size:18px; color:#333; }
.list_form.opt_right .rcount strong { color:#2e7bd9; }

/* 190510 추가 */
.list_form .gnb {overflow:hidden; border-bottom:1px solid #ebebeb; margin-bottom:27px;}
.list_form .sec.st2 {overflow:hidden; float:right; padding-bottom:20px;}
.list_form .sec.st2.all {float:left;}
.list_form .sec.st2 .pl_list {padding-bottom:0; margin:0; width:auto;}
.list_form .sec.st2 .pl_list li {box-shadow:unset;}
.list_form .sec.st2 .pl_list li a {width:unset;}
.list_form .sec_tit.st2 {line-height:44px;}
.list_form .sec_tit.st2 strong {font-size:20px; color:#333;}
.list_form .sec.st2.all .pl_list li {width:100px; border:1px solid #2f7bd9;}
.list_form .sec.st2.all .pl_list li.on {background:#2f7bd9; color:#fff;}

/* */
.list_form .edit_btns { height:50px; text-align:right; font-size:0; }
.list_form .edit_btns:after,
.list_form .edit_btns .btn { display:inline-block; height:46px; line-height:46px; min-width:100px; padding:0 12px; box-sizing:border-box; font-size:16px; margin-left:10px;}
.list_form .edit_btns .btn:first-child {margin-left:0;}
.list_form .edit_btns .btn > em { position:relative; top:-1px; }
.list_form .edit_btns .btn > em.b { padding:0 5px; }
.list_form .edit_btns .btn.blue {background:#2e7bd9; color:#fff;}
.list_form .edit_btns .ebtns { display:inline-block; vertical-align:top; display:none; }
.list_form .edit_btns .ebtns:after { content:""; display:block; clear:both; }
.list_form .edit_btns .ebtns .btn { display:block; float:left; margin-left:-1px; }
.list_form .edit_btns.edit .btn_edit { display:none; }
.list_form .edit_btns.edit .ebtns { display:inline-block; }
.list_form .edit_btns.al_left { text-align:left; float:left; }
.list_form .edit_btns.al_left > * + .btn { margin-left:-1px; }
.list_form .edit_btns.al_right { float:right; }

/* */
.thumb_list .lst { margin:-10px; }
.thumb_list .lst:after { content:""; display:block; clear:both; }
.thumb_list .lst > li { float:left; padding:10px; }
.thumb_list .lst > li:nth-child(5n + 1) { clear:both; }
.thumb_list .cont { width:224px; /* height:255px; */ background:#fff; -webkit-box-sizing:border-box; box-sizing:border-box; border:1px solid #e5e5e5; font-size:14px; position:relative; }
.thumb_list .figure { position:relative; overflow:hidden; height:142px; display:block; background-color:#f8f8f9; }
.thumb_list .figure img { width:100%; height:142px;}
.desc2 .tit { /* padding-top:16px; */ min-height:21px; font-size:16px; color:#333; line-height:1.2; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.desc2 .tit a:hover { text-decoration:underline; }
.desc2 .info_items,
.desc2 .auth:not(li) { padding-top:9px; }
.desc2 .auth { color:#2d598f; height:18px;}
.thumb_list .desc { padding-top:15px; line-height:20px; height:60px; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; word-wrap:break-word; }
.thumb_list .summary { padding:12px 20px; line-height:21px; position:absolute; bottom:0; left:0; right:0; height:45px; -webkit-box-sizing:border-box; box-sizing:border-box; background-color:#f8f8f9; }
.thumb_list .summary:after { content:""; display:block; clear:both; }
.thumb_list .no-list { float:none !important; clear:both; padding:50px 10px !important; font-size:20px; text-align:center; width:auto !important; }
.thumb_list .no-list .no_result { padding-top:50px; }
.thumb_list .sum { white-space:nowrap; float:left; }
.thumb_list .sum > li { display:inline-block; }
.thumb_list .sum > li + li { margin-left:8px; }
.thumb_list .info_items > li + li { margin-left:0; /* background:none; */ }

/* 190510 추가 */
.thumb_list .cont .figure .detail_view {position:absolute; left:0; top:0; display:block; width:100%; height:100%; opacity:0; transition:all 0.2s ease;}
.thumb_list .cont .figure:hover .detail_view {opacity:0.9; background:#2b303b; z-index:100;}
.cont .figure:hover .detail_view .c_count {position:absolute; bottom:20px; left:18px; font-size:16px; transition:unset; color:#fff;}

.cont .desc {background:#fff;}
.cont .desc2 {position:relative; padding:15px 18px;}
.thumb_list .lst {margin-top:20px;}

/* */
.thumb_list2 .cont { height:470px; }
.thumb_list2 .desc { height:40px; -webkit-line-clamp:2; }
/* */
.vod_panel .sum > li:before,
.thumb_list .sum > li:before { content:""; display:inline-block; vertical-align:middle; top:-1px; position:relative; background-repeat:no-repeat; background-image:url('../images/common/icons.png'); margin-right:5px; }
.vod_panel .sum .v:before,
.thumb_list .sum .v:before { width:18px; height:13px; background-position:-550px 0; }
.vod_panel .sum .p:before,
.thumb_list .sum .p:before { width:14px; height:13px; background-position:-600px 0; }
.vod_panel .sum .r:before,
.thumb_list .sum .r:before { width:14px; height:14px; background-position:-650px 0; }
.thumb_list .price_info { padding-top:24px; }

/* */
.price_info { font-size:14px; /* margin-left:-6px; */ }
.price_info > * { vertical-align:bottom; display:inline-block; line-height:1.1; position:relative; padding-left:6px; }
.price_info .discount { font-size:20px; color:#e8424e; position:relative; top:1px; }
.price_info .price { font-size:14px; color:#333; }
.price_info .price strong { font-size:20px; position:relative; top:1px; padding-right:1px;}
.price_info .price > i { font-style:normal; }
.price_info .date,
.price_info .old { color:#999; }
.price_info .period strong { font-weight:normal; color:#e8424e; }
.price_info > * + .period { margin-left:6px; padding-left:10px; background:url('../images/list/br_l.jpg') no-repeat 0 50%; }

/* */
.page_index { padding-top:40px; text-align:center; }
.page_index .pb { position:relative; display:inline-block; vertical-align:top; overflow:hidden; margin:0 3px; padding:0 10px; min-width:40px; height:40px; line-height:38px; border:1px solid #e4e4e4; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.2s; transition:all 0.2s; background-color:#fff; }
.page_index .pb > em { position:absolute; overflow:hidden; width:15px; height:15px; top:50%; left:50%; margin:-8px 0 0 -8px; background-image:url('../images/common/icons.png'); background-repeat:no-repeat; text-indent:-999px; }
.page_index .pb:hover { border-color:#1379ce; }
.page_index .btn_first > em { background-position:-561px -112px; }
.page_index .btn_prev > em { background-position:-611px -112px; }
.page_index .btn_next > em { background-position:-662px -112px; }
.page_index .btn_last > em { background-position:-713px -112px; }
.page_index .btn_first.disable > em { background-position:-561px -62px; }
.page_index .btn_prev.disable > em { background-position:-611px -62px; }
.page_index .btn_next.disable > em { background-position:-662px -62px; }
.page_index .btn_last.disable > em { background-position:-713px -62px; }
.page_index .active { border-color:#1379ce; color:#1379ce; font-weight:bold; }
.page_index .disable { border-color:#e5e5e5 !important; }

/* */
.progress { position:relative; z-index:0; width:60px; height:60px; }
.progress .rp_text { font-size:14px !important; font-weight:bold; }
.progress .rp { width:100% !important; height:100% !important; }
.progress > .circle { width:100%; height:100%; }
.progress.single .rp_canvas2 { display:none; }
.progress.no_text .rp_text { display:none !important; }

/* */
.vdo_title { position:relative; padding:20px 0; }
.vdo_title .title { font-size:24px; color:#333; line-height:1.2; margin-bottom:10px;}
.vdo_title .btn_fav { position:absolute; top:20px; height:40px; width:40px; box-sizing:border-box; overflow:hidden; right:0; border:1px solid #2d598f; text-indent:-999px; -webkit-transition:background-color 0.2s; transition:background-color 0.2s; }
.vdo_title .btn_fav > em { position:absolute; width:20px; height:18px; top:50%; left:50%; margin:-8px 0 0 -10px; background-image:url('../images/common/icons.png'); background-repeat:no-repeat; transition:all 0.2s;  }
.vdo_title .btn_fav .add { opacity:0; visibility:hidden; background-position:-800px -50px; }
.vdo_title .btn_fav .remove { background-position:-750px -50px; }
.vdo_title .btn_fav.on .add { opacity:1; visibility:visible; }
.vdo_title .btn_fav.on .remove { opacity:0; visibility:hidden; }
.vdo_title .btn_fav.on > em { -webkit-animation:scales 0.6s 1 ease-out; animation:scales 0.6s 1 ease-out; }
.vdo_title .btns { position:absolute; top:53px; right:0; }
.vdo_title .btns .btn_fav { position:relative; display:inline-block; vertical-align:top; top:auto; right:auto; }
.vdo_title .btns .btn { height:40px; line-height:38px; box-sizing:border-box; min-width:100px; padding:0 15px; text-align:center; display:inline-block; vertical-align:top; margin-left:6px; }
.vdo_title .btns .btn.btn_pri { background-color:transparent; }
.vdo_title .price_info { padding-top:10px; }
.vdo_title2 .title { padding-right:280px; }

/* 190513 추가 */
.vdo_title .btn_wrap {position:absolute; right:86px; top:20px; }
.vdo_title .btn_wrap dd {float:left; margin-right:10px;}
.vdo_title .btn_wrap dd:last-child {margin-right:0;}
.vdo_title .btn_wrap dd {display:inline-block; width:110px; height:40px; line-height:40px; border:1px solid #2d598f; text-align:center; color:#2e5990; font-size:15px; -webkit-transition:background-color 0.2s; transition:background-color 0.2s; }
.vdo_title .btn_wrap dd.fav {position:relative; width:40px;}
.vdo_title .btn_wrap dd.fav a {position:absolute; display:inline-block; top:12px; left:10px; background:url('../images/common/icons.png') 50% no-repeat; width:20px; height:20px; background-position:-750px -50px; text-indent:-9999px;  transition:all 0.2s;}
.vdo_title .btn_wrap dd.fav a.on {position:absolute; display:inline-block; top:12px; left:10px; background:url('../images/common/icons.png') 50% no-repeat; width:20px; height:20px; background-position:-800px -50px; text-indent:-9999px;  transition:all 0.2s;}
.vdo_title .btn_wrap dd.active{background-color:#2d598f; -webkit-transition:background-color 0.2s; transition:background-color 0.2s; color:#fff;}

@-webkit-keyframes scales {
	0% { -webkit-transform:scale(1); }
	50% { -webkit-transform:scale(1.15); }
	100% { -webkit-transform:scale(1); }
}
@keyframes scales {
	0% { transform:scale(1); }
	50% { transform:scale(1.15); }
	100% { transform:scale(1); }
}
.vdo_title .btn_show { border:0; position:absolute; top:30px; right:0; font-size:14px; color:#666;  cursor:pointer; z-index: 2;}
.vdo_title .btn_show:after { content:""; display:inline-block; vertical-align:middle; position:relative; width:20px; height:11px; background:url('../images/common/icons.png') no-repeat -750px -100px; top:-1px; margin-left:7px; -webkit-transition:transform 0.3s; transition:transform 0.3s; }
.vdo_title .btn_show > em { white-space:nowrap; }
.vdo_title .btn_show .close { display:none; }
.vdo_title .btn_show.on .close { display:inline; }
.vdo_title .btn_show.on .open { display:none; }
.vdo_title .btn_show.on:after { -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); }
.vdo_title .detail_info { position:relative; overflow:hidden; }
.vdo_title .summary { margin-top:30px; display:table; table-layout:fixed; width:100%; }
.vdo_title .summary > li { display:table-cell; vertical-align:top; }
.vdo_title .summary .figure { width:222px; }
.summary .pic { position:relative; }
.vdo_title .summary .pic .img { position:relative; text-align:center; height:140px; background-color:#f8f8f9; overflow:hidden; }
.vdo_title .summary .pic .img:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:url('../images/list/best_bg.png') no-repeat 0 0; background-size:100% 100%; }
.vdo_title .summary .pic .img img { width:100%; }
.summary .text { line-height:1.6; word-break:keep-all;}
.vdo_title .info { font-size:17px; overflow:hidden; /* margin-top:15px; */}
.vdo_title .info > ul { margin-left:0; }
.vdo_title .info > ul > li { display:inline-block; padding-left:20px; margin-left:20px; color:#333335;}
.vdo_title .info > ul > li:first-child {margin-left:0; padding-left:0;}
.vdo_title .info > ul > li + li { background:url('../images/list/br_l.jpg') no-repeat 0 6px; }
.vdo_title .info > ul > li.won {font-weight:bold;}
.vdo_title .info > ul > li b {padding-right:13px;}
.vdo_title .info > ul > li b.discount {}
.vdo_title .htags { color:#2d598f; }
.vdo_title .htags > a { display:inline-block; border-bottom:1px solid #2d598f; margin:5px 5px 0; }
.summary .progress { position:absolute; top:50%; left:50%; margin:-35px 0 0 -35px; width:70px; height:70px; z-index:2; }
.summary .progress .circle { border-radius:50%; background-color:rgba(0,0,0,.5); }
.progress .rp_text { font-size:16px !important; }
.summary .tse-scrollable {margin-top:5px; height:80px; max-height:80px; box-sizing:border-box; color:#656766; overflow-y:auto; scroll-behavior: smooth;}

/* */
.vod_cont {overflow:hidden;}
.vod_wrap {position:relative; margin-bottom:30px;}
.vod_player { position:relative; height:600px;}
.vod_player iframe {width:100%; height:100%;}

.vod_wrap .chapter_wrap {position:relative; margin-top:28px;}
.vod_wrap .chapter_wrap p {font-size:22px; font-weight:bold; color:#484747; padding-bottom:20px;}
.vod_wrap .chapter_wrap > ul > li {font-size:16px; color:#404040; padding-bottom:10px; max-width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.vod_wrap .chapter_wrap > ul > li:last-child {padding-bottom:0;}
.vod_wrap .chapter_wrap .chapter_num {display:inline-block; width:167px; height:43px; line-height:43px; margin-right:20px; text-align:center; background:#8e8e8e;}
.vod_wrap .chapter_wrap .chapter_num li {display:inline-block; color:#fff; padding-right:10px;}
.vod_wrap .chapter_wrap .chapter_num li:last-child {padding-right:0;}
.vod_wrap .chapter_wrap > ul > li.active .chapter_num {background:#2f7bd9;}
/* .vod_list_area .item > ul > li.active {background:#2f7bd9;} */

.vod_wrap.st2 {overflow:hidden; margin-top:20px;}
.vod_wrap.st2 .vod_player {float:left; width:50%;}
.vod_wrap.st2 .chapter_wrap {float:right; width:calc(50% - 28px); margin-top:0; margin-left:28px;}
.vod_wrap.st2 .using_keyword {position:absolute; right:-148px; bottom:0;}
.vod_wrap.st2 .using_keyword .sort_wrap {position:absolute; bottom:0; right:0; z-index:1051;}
.vod_wrap.st2 .chapter_wrap > ul {max-height:470px; overflow-y:auto;}
.vod_wrap.st2 .chapter_wrap > ul > li {max-width:inherit; white-space:inherit;}
.vod_wrap.st2 .chapter_wrap > ul > li.no_list {width:100%; text-align:center; padding:10px 0;}
.vod_wrap.st2 .vod_player.vod_center {float:none; margin:0 auto;}

/* .vod_panel { padding:40px 0; } */
.vod_panel .vod_info { padding:15px 0; overflow:hidden; margin-bottom:25px; border-bottom:1px solid #e5e5e5;}
.vod_panel .summary {position:relative; float:left; display:table; table-layout:fixed; width:100%; box-sizing:border-box; }
.vod_panel .summary > li { display:table-cell; vertical-align:top; }
.vod_panel .summary .figure { position:relative; width:222px; vertical-align:top; }
.vod_panel .summary .figure + li { padding-left:30px; }
.vod_panel .summary .figure .img { position:relative; display:block; height:auto; background-color:#f8f8f9; overflow:hidden; }
.vod_panel .summary .figure .img img { width:100%; height:auto;}
.vod_panel .summary .figure .img.book:before {content:''; box-sizing:border-box; width:100%; height:100%; position:absolute; top:0; left:0; background:linear-gradient(to right,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,.1) 100%); z-index:10;}
/* .vod_panel .summary .info { position:relative; } */
.vod_panel .summary .tit { font-size:24px; color:#333; line-height:1.3; max-width:100%; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; word-wrap:break-word; }
.vod_panel .summary .vod_sum { padding-top:5px; font-size:16px; color:#6e6c6c;}
.vod_panel .summary .vod_sum > * { display:inline-block; vertical-align:middle; }
.vod_panel .summary .vod_sum > * + * { margin-left:9px; padding-left:11px; background:url('../images/list/br_l2.png') no-repeat 0 8px;  }
.vod_panel .summary .vod_sum a {font-size:16px; color:#3b3b3b;}
.vod_panel .summary .vod_sum .b_auth { color:#2d598f; }
.vod_panel .summary .vod_sum .b_auth:before { content:""; display:inline-block; vertical-align:middle; position:relative; margin-right:6px; width:14px; height:14px; background:url('../images/common/icons.png') no-repeat -850px -50px; }
.vod_panel .summary .sum > li { display:inline-block; vertical-align:top; }
.vod_panel .summary .sum > li + li { margin-left:8px; }
.vod_panel .summary .desc { width:100%; box-sizing:border-box; word-break:keep-all; }
.vod_panel .summary .desc .text { }

/* 190731 수정 */
.vod_panel .vod_info .summary .tse-scrollable {height:50px; max-height:50px; scroll-behavior: smooth;}
.vod_panel .vod_info .summary .text {line-height:1.5;}
.vod_panel .vod_info .summary .htags {padding-top:5px; min-height:20px;}

.vod_cont .ctl_more { position:relative; float:right; margin-top:15px;}
.vod_cont .ctl_more:after { content:""; display:block; clear:both; }
.vod_cont .ctl_more > li { float:left; }
.vod_cont .ctl_more > li + li { padding-left:15px; }
.vod_cont .ctl_more a { position:relative; display:block; width:30px; height:30px; z-index:0; }
.vod_cont .ctl_more a > em { position:absolute; overflow:hidden; text-indent:-999px; }
.vod_cont .ctl_more a:before { content:""; top:50%; left:50%; position:absolute; background-image:url('../images/common/icons.png'); background-repeat:no-repeat; z-index:1; }
.vod_cont .ctl_more a:after { content:""; top:50%; left:50%; position:absolute; background-color:#fff; -webkit-box-shadow:0 0 8px rgba(0,0,0,.4); box-shadow:0 0 8px rgba(0,0,0,.4); opacity:0; margin:-7px 0 0 -7px; width:14px; height:14px; border-radius:7px; -webkit-transition:all 0.2s; transition:all 0.2s; }
.vod_cont .ctl_more a.active:after,
.vod_cont .ctl_more a:active:after { opacity:1; margin:-22px 0 0 -22px; width:44px; height:44px; border-radius:22px; }
.vod_cont .ctl_more .btn_g:before { margin-left:-14px; margin-top:-13px; width:28px; height:26px; background-position:-150px -150px; }
.vod_cont .ctl_more .btn_r:before { margin-left:-13px; margin-top:-13px; width:28px; height:26px; background-position:-200px -150px; }
.vod_cont .ctl_more .btn_l:before { margin-left:-11px; margin-top:-12px; width:20px; height:24px; background-position:-250px -150px; }
.vod_cont .ctl_more .btn_u:before { margin-left:-13px; margin-top:-13px; width:26px; height:26px; background-position:-600px -200px; }

.ctl_add {float:right; letter-spacing:initial;}
.ctl_add .btn_add {display:inline-block; background:url('../images/icons/ico_add_s2.png') right no-repeat; height:30px; line-height:30px; padding-right:30px; font-size:15px; color:#2e5990; cursor:pointer;}
.ctl_add em {letter-spacing:-0.05em;}

/* 190508 추가 */
.vod_panel .vod_info .thumbnail {float:left; padding-right:20px;}
.vod_panel .vod_info .thumbnail .thumb {width:285px; height:180px;}
.vod_panel .vod_info .thumbnail .thumb img {height:100%;}
.vdo_title .vod_panel .summary .desc {position:relative; padding-top:0; display:inline-block; height:140px;}
.vdo_title .vod_panel .summary .vod_sum {padding-top:0;}
.vdo_title .info li {float:left;}
.vdo_title .info li span.r {color:#ec443a;}
.summary .htags {/* float:left; */ overflow:hidden; padding-top:10px;}
.summary .htags dd {position:relative; float:left; margin-right:11px; margin-bottom:3px;}
.summary .htags dd:last-child {margin-right:0;}
.summary .htags dd:after {position:absolute; display:inline-block; left:0; bottom:0; width:100%; height:1px; background:#2d598f; content:'';}
.summary .htags a {color:#2d598f;}
.vod_panel .summary .htags {max-width:800px;}
.vdo_title .sec .title {margin-bottom:5px;}
.vdo_title .sec .title span.type {position:relative; top:0; height:28px; line-height:26px;}
.vdo_title .sec .title p {display:inline-block; font-size:16px; font-weight:bold; color:#333333; max-width:700px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;}
/* .vod_panel .tse-scrollable {height:80px; max-height:80px; overflow-y:auto;} */

.sec.vod_panel {position:relative; /* padding-bottom:20px; */ margin-top:20px;}
.sec.vod_panel .ctl_more {position:relative; padding:10px 0; margin-top:15px; border-top:1px solid #e5e5e5; overflow:hidden; clear:both;}
.sec.vod_panel .ctl_more .cont_bottom {width:355px; margin:0 auto; text-align:center; padding-top:10px;}
.sec.vod_panel .ctl_more ul {overflow:hidden; display:inline-block; }
.sec.vod_panel .ctl_more li { float:left; padding-left:15px; }
.ctl_more .etc_wrap a { position:relative; display:block; width:30px; height:30px; z-index:0; }
.ctl_more .etc_wrap a > em { position:absolute; overflow:hidden; text-indent:-999px; }
.ctl_more .etc_wrap a:before { content:""; top:50%; left:50%; position:absolute; background-image:url('../images/common/icons.png'); background-repeat:no-repeat; z-index:1; }
.ctl_more .etc_wrap a:after { content:""; top:50%; left:50%; position:absolute; background-color:#fff; -webkit-box-shadow:0 0 8px rgba(0,0,0,.4); box-shadow:0 0 8px rgba(0,0,0,.4); opacity:0; margin:-7px 0 0 -7px; width:14px; height:14px; border-radius:7px; -webkit-transition:all 0.2s; transition:all 0.2s; }
.ctl_more .etc_wrap a.active:after,
.ctl_more .etc_wrap a:active:after { opacity:1; margin:-22px 0 0 -22px; width:44px; height:44px; border-radius:22px; }
.ctl_more .btn_g:before { margin-left:-14px; margin-top:-13px; width:28px; height:26px; background-position:-150px -150px; }
.ctl_more .btn_r:before { margin-left:-13px; margin-top:-13px; width:28px; height:26px; background-position:-200px -150px; }
.ctl_more .btn_l:before { margin-left:-11px; margin-top:-12px; width:20px; height:24px; background-position:-250px -150px; }
.ctl_more .btn_u:before { margin-left:-13px; margin-top:-13px; width:26px; height:26px; background-position:-600px -200px; }

/* 190712 콘텐츠내용 하단 이전/다음 미니 썸네일 노출 추가 */
.thum_bottom {}
.tb_left,
.tb_left > a,
.tb_left .figure {float:left;}
.tb_right,
.tb_right > a,
.tb_right .cont .figure {float:right;}
.thum_bottom .cont {overflow:hidden;}
.thum_bottom .cont .figure .pic {display:inline-block; margin:0 15px 0 25px; width:80px; height:50px;}
.thum_bottom .pic img {width:80px; height:50px;}
.thum_bottom .desc {margin:0 8px; font-size:13px; height:50px; vertical-align:middle; display:table-cell;}
.thum_bottom .desc a.tit {display:block; width:150px; max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; font-size:14px; font-weight:700;}

.tb_right .cont .figure .pic {margin:0 25px 0 15px;}
.tb_right .cont .desc {text-align:right;}
[class^="icon_tb"] {position:absolute; top:50%; margin-top:-10px; display:inline-block; width:20px; height:18px;}
[class^="icon_tb_next"] {float:right; right:0;}
.icon_tb_prev {background:url("../images/icons/ico_prev.png") 0 50% no-repeat;}
.icon_tb_next {background:url("../images/icons/ico_next.png") 0 50% no-repeat;}

/* */
.vod_panel .book_info { padding-top:0; }
.vod_panel .book_info .summary .figure { width:400px; }
.vod_panel .book_info .summary .figure .img { height:400px; }
.vod_panel .book_info .summary .figure + li { vertical-align:middle; }
.vod_panel .book_info .summary .desc { height:160px; padding-top:16px; }
.vod_panel .book_info .audio_panel { margin-top:40px; position:relative; }

/* 190620 도서일때 수정 */
.vod_info.st2 .summary .figure {width:120px;}
.vod_info.st2 .summary .figure .img {width:120px; height:unset;}
.vod_info.st2 .summary .figure .img img {width:120px; height:unset;}

/* */
.vod_panel .vod_cont_info { margin-top:-4px; margin-bottom:30px; }
.vod_panel .vod_cont_info .tit { line-height:1.2; font-size:24px; color:#333; }
.info_items { padding-top:15px; font-size:0; white-space:nowrap; overflow:hidden; }
.info_items > li { display:block; vertical-align:top; font-size:14px; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.info_items > li + li { /* padding-left:10px; */ margin-left:10px; background:url('../images/list/br_l2.png') no-repeat 0 3px; }
.info_items > li:first-child:last-child { max-width:calc(100% - 10px); }
.info_items b { color:#333; }
.info_items .cr { color:#dc5a66; }
/* .info_items {position:relative;} */
.desc2 .won {float:right; padding-top:12px; background:url('../images/icons/ico_won.png') 0 11px no-repeat; height:34px; padding-left:30px; font-size:16px;}
.desc2 .won:before {position:absolute; bottom:25px; left:0; width:100px; height:1px; background:#e3e3e3; content:'';}

/* */
.gift_vod .gift_title:before { content:""; margin:0 auto 20px; display:block; width:50px; height:45px; background:url('../images/mail/icon_02.png') no-repeat 0 0; }
.gift_vod .gift_title:after { content:""; display:block; margin:28px auto; height:2px; width:50px; background-color:#333; }
.gift_vod .gift_title .tit { font-size:30px; line-height:1.2; font-weight:normal; color:#333; letter-spacing:-3px; text-align:center; }
.gift_vod.vod_panel .summary { margin-bottom:30px; padding:30px; background-color:#f8f8f9; }
.gift_vod.vod_panel .summary .figure { width:327px; }
.gift_vod.vod_panel .summary .figure .img { height:206px; position:relative; overflow:hidden; }
.gift_vod.vod_panel .summary .figure .img:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:url(../images/list/best_bg.png) no-repeat 0 0; background-size:100% 100%; }
.gift_vod.vod_panel .summary .tit { font-size:24px; letter-spacing:-1px; padding:2px 0 3px; }
.gift_vod.vod_panel .summary .desc { margin-bottom:6px; }
.gift_vod.vod_panel .summary .tse-scrollable:before { top:0; background: rgb(248,248,249); background: -moz-linear-gradient(top, rgba(248,248,249,1) 0%, rgba(248,248,249,1) 50%, rgba(248,248,249,0.1) 100%); background: -webkit-linear-gradient(top, rgba(248,248,249,1) 0%, rgba(248,248,249,1) 50%, rgba(248,248,249,0.1) 100%); background: linear-gradient(to bottom, rgba(248,248,249,1) 0%, rgba(248,248,249,1) 50%, rgba(248,248,249,0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); }
.gift_vod.vod_panel .summary .tse-scrollable:after { bottom:0; background: rgb(248,248,249); background: -moz-linear-gradient(top, rgba(248,248,249,0.1) 0%, rgba(248,248,249,1) 50%, rgba(248,248,249,1) 100%); background: -webkit-linear-gradient(top, rgba(248,248,249,0.1) 0%,rgba(248,248,249,1) 50%,rgba(248,248,249,1) 100%); background: linear-gradient(to bottom, rgba(248,248,249,0.1) 0%,rgba(248,248,249,1) 50%,rgba(248,248,249,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); }
.gift_vod.vod_panel .info_items > li + li { background-image:url('../images/list/br_l5.jpg'); }
.gift_vod.vod_panel .book_info { width:844px; margin:0 auto; padding-bottom:28px; box-sizing:border-box; background-color:#f8f8f9; }
.gift_vod.vod_panel .book_info .vod_info { padding-top:0; }
.gift_vod.vod_panel .book_info .summary { display:block; }
.gift_vod.vod_panel .book_info .summary > li { display:block; padding:0; }
.gift_vod.vod_panel .book_info .summary .figure + li { padding-top:26px; }
.gift_vod.vod_panel .book_info .summary .figure { text-align:center; width:auto; width:783px; height:417px; overflow:hidden; position:relative; background:url('../images/list/gift_bg.jpg') no-repeat 50% 0; }
.gift_vod.vod_panel .book_info .summary .figure:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.gift_vod.vod_panel .book_info .summary .figure .img { z-index:0; width:330px; height:auto; background-color:#f8f8f9; overflow:visible; vertical-align:middle; display:inline-block; }
.gift_vod.vod_panel .book_info .summary .figure .img:after { z-index:-1; width:424px; height:44px; top:auto; right:auto; bottom:-10px; left:50%; margin-left:-212px; background:url('../images/list/book_bbg.png') no-repeat 50% 0; }
.gift_vod.vod_panel .book_info .summary .figure .img img { max-width:none; max-height:400px; position:relative; vertical-align:top; }
.gift_vod.vod_panel .book_info .summary .desc { height:85px; }
.gift_vod.vod_panel .audio_panel { padding-left:30px; padding-right:30px; margin-top:0; }
.gift_vod.vod_panel .audio_player .audio_info .sldier_panel { width:620px; }
.gift_vod.vod_panel .audio_player .controls { padding-right:200px; }
/* */
.vod_cont .vod_panel { padding:0; }
.vod_cont .reply_list .reply_form { margin-bottom:0; }
.vod_cont .reply_list .reply_form .comTa { height:60px; }
/* */
.list_tab2 { margin:-15px 0 20px; }
.list_tab .tab { border-bottom:1px solid #e5e5e5; display:table; table-layout:fixed; width:100%; box-sizing:border-box; }
.list_tab .tab > li { display:table-cell; vertical-align:top; }
.list_tab .tab > li + li { background:url('../images/list/tab_br.png') no-repeat 0 50%; }
.list_tab .tab .btn_tab { position:relative; display:block; text-align:center; height:62px; color:#999; font-size:20px; -webkit-transition:color 0.2s; transition:color 0.2s; }
.list_tab .tab .btn_tab > em { display:inline-block; vertical-align:middle; line-height:1; }
.list_tab .tab .btn_tab b { display:inline-block; padding:0 5px; min-width:30px; box-sizing:border-box; line-height:22px; border-radius:10px; text-align:center; font-size:16px; font-weight:normal; background-color:#e5e5e5; margin-left:8px; }
.list_tab .tab .btn_tab:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.list_tab .tab .btn_tab:before { content:""; position:absolute; bottom:-1px; width:0; left:50%; height:2px; background-color:#333; -webkit-transition:all 0.2s; transition:all 0.2s; }
.list_tab .tab .btn_tab.active,
.list_tab .tab .btn_tab:hover { color:#333; font-weight:bold; }
.list_tab .tab .btn_tab.active b { font-weight:bold; }
.list_tab .tab .btn_tab.active:before { width:100%; left:0; }
.vod_list_area { padding-top:20px; border-top:1px solid #e5e5e5; }
.vod_list_area .conts_list {overflow:visible;} /* 200909 수정 */
.vod_list .list > li.active { background-color:#f8f8fa; }
.vod_list .list > li { height:100px; box-sizing:border-box; border-bottom:1px solid #e5e5e5; position:relative; padding:20px 250px 20px 110px; -webkit-transition:background 0.2s; transition:background 0.2s; }
.vod_list .list > li:after { content:""; display:block; clear:both; }
.vod_list .info { color:#999; line-height:1; display:table-cell; vertical-align:middle; height:60px; width:840px; max-width:840px; }
.vod_list .info .deal { float:right; padding:0 5px 1px; font-size:12px; margin-top:1px; margin-left:15px; font-size:14px; color:#fff; background-color:#2e7bd9; font-weight:normal; }
.vod_list .info .title { float:left; max-width:100%; line-height:22px; }
.vod_list .info .title + * { padding-top:10px; float:none; clear:both; }
.vod_list .info .tit { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; color:#333; }
.vod_list .info .tit:hover { text-decoration:underline; }
.vod_list .list .status { position:absolute; width:60px; height:60px; text-indent:-999px; overflow:hidden; background:url('../images/common/icons.png') no-repeat -450px -100px; z-index:1; }
.vod_list .list .status,
.vod_list .list .progress { position:absolute; top:50%; left:29px; margin-top:-30px; }
.vod_list .list .ctrl { position:absolute; right:29px; top:50%; margin-top:-20px; }
.vod_list .list .ctrl:after { content:""; display:block; clear:both; }
.vod_list .list .ctrl > * { display:block; float:left; width:40px; height:40px; border:1px solid #333; box-sizing:border-box; overflow:hidden; text-indent:-999px; position:relative; }
.vod_list .list .ctrl > * + * { margin-left:10px; }
.vod_list .list .ctrl > *:after { content:""; position:absolute; top:50%; left:50%; background-image:url('../images/common/icons.png'); background-repeat:no-repeat; }
.vod_list .list .ctrl .btn_down { border-color:#2e7bd9; }
.vod_list .list .ctrl .btn_down:after { width:21px; height:16px; margin:-8px 0 0 -10px; background-position:-300px -100px; }
.vod_list .list .ctrl .btn_play:after { width:15px; height:18px; margin:-9px 0 0 -7px; background-position:-350px -100px; }
.vod_list .no-list { margin:0 -250px 0 -110px; text-align:center; padding:20px; color:#999; }
.vod_list .no-list:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:16px; height:16px; background:url('../images/common/icons.png') no-repeat -950px -150px; margin-right:6px; }

/* 190514 추가 */
.vod_list_area .conts_list .desc .tit {display:inline-block; -webkit-line-clamp:1 !important; max-height:22px !important; white-space:nowrap;}
.vod_list_area .conts_list .desc {height:50px;}
.vod_list_area .conts_list .lst > li {height:223px;}
.vod_list_area .conts_list .desc dd {position:relative; float:left; font-size:14px; padding-left:17px;}
.vod_list_area .conts_list .desc dd:before {position:absolute; display:inline-block; top:3px; left:9px; width:1px; height:14px; background:#666666; content:''; transform:rotate(20deg);}
.vod_list_area .conts_list .desc dd:first-child {padding-left:0;}
.vod_list_area .conts_list .desc dd:first-child:before {display:none;}
.vod_list_area .conts_list .desc dd.rate {color:#2f7bd9;}
.conts_list .title.st2 .tit {font-size:18px;}
.conts_list .title.st2 .stit {position:relative; font-size:17px;}
.conts_list .title.st2 .stit:before {position:absolute; display:inline-block; top:0; left:8px; width:1px; height:18px; background:#d3d3d3; content:'';}

.vod_list_area .conts_list .lst li.active {background:#2e7bd9;}

/* */
.reply_form { position:relative; }
.reply_form .reply { border:1px solid #e5e5e5; padding:20px; position:relative; box-sizing:border-box; /* min-height:100%; */ }
.reply_form .ta { margin-left:-5px; }
.reply_form .comTa { border:0; height:60px; width:100%; display:block; padding:0 5px; }
/* .reply_form .appr { position:absolute; top:30px; left:20px; } */
.reply_list .user_id,
.reply_form .user_id { display:block; font-weight:bold; color:#333; padding-bottom:10px; line-height:1; }
.reply_form .appr .starbar { position:relative; width:120px; }
.reply_form .appr .starbar.readonly:after { position:absolute; content:""; top:0; right:0; left:0; bottom:0; z-index:2; }
.reply_form .appr .value { display:inline-block; line-height:1; font-size:22px; font-weight:bold; padding-left:3px; color:#484747;}
.reply_form .appr .starbar .slider_bar,
.reply_form .appr .starbar .slider_bar .follow_bar { background:url('../images/icons/star_bg.png') no-repeat 0 -20px; }
.reply_form .appr .starbar .slider_bar .follow_bar { min-height:100%; height:100%; border-radius:0 !important; }
.reply_form .appr .starbar .slider_bar { z-index:1 !important; height:20px !important; width:120px !important; border-radius:0 !important; background-position:0 0; }

.vod_panel .ctl_more .star_wrap li {padding-left:45px !important; line-height:24px;}
.vod_panel .ctl_more .star_wrap li:first-child {padding-left:0 !important; font-size:15px;}
.ctl_more .reply_form {display:inline-block;}
.ctl_more .reply_form .starbar p {position:absolute; top:0; left:-40px; display:inline-block;}

/* */
.reply_list .no-list { display:block; text-align:center; padding:40px 10px; color:#999; }
.reply_list .no-list:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:16px; height:16px; background:url('../images/common/icons.png') no-repeat -950px -150px; margin-right:6px; }
.reply_list .reply_form { margin:0 0 30px; }
/* .reply_list .reply_form .appr { top:40px; } */
.reply_list .reply_form .reply { padding-right:140px; }
.reply_top {padding-bottom:15px;}
.reply_top p {font-size:18px; color:#333335; font-weight:700;}
.reply_list .btn_remove { position:absolute; right:30px; top:59px; overflow:hidden; text-indent:-999px; width:20px; height:20px; background:url('../images/common/icons.png') no-repeat -850px -100px; border:0; }
.reply_list .btn_reply { margin-top:8px; display:inline-block; border:1px solid #e5e5e5; padding:4px 6px 6px; background-color:#fff; color:#333; font-size:14px; line-height:1; transition:all 0.2s; -webkit-transition:all 0.2s; }
.reply_list .btn_reply.on { background-color:#f5f5f5; }
.reply_list .reply_form .vod_tit { color:#2e7bd9; display:block; }
.reply_list .reply_form .btn_rsubmit { position:absolute; right:20px; top:20px; bottom:20px; width:100px; background-color:#2e7bd9; border:0; color:#fff; text-align:center; }
.reply_list .reply_form .comTa { height:40px; }
.reply_list .rreply_form { padding:15px 30px 15px 70px; position:relative; }
.reply_list .rreply_form .reply { border:1px solid #e5e5e5; background-color:#fff; padding:18px 140px 18px 20px; position:relative; }
.reply_list .rreply_form .reply .ta { margin-left:-5px; }
.reply_list .rreply_form .reply .comTa { border:0; height:40px; width:100%; display:block; padding:0 5px; }
.reply_list .rreply_form .btn_rsubmit { position:absolute; right:20px; top:20px; bottom:20px; width:100px; border:1px solid #2e7bd9; color:#2e7bd9; text-align:center; }
.reply_list .btn_close_reply { display:block; text-align:center; border-top:1px solid #e5e5e5; line-height:40px; font-size:14px; }
.reply_list .btn_close_reply > em:after { content:""; display:inline-block; vertical-align:middle; position:relative; width:16px; height:9px; background:url('../images/common/icons.png') no-repeat -300px -150px; top:-1px; margin-left:7px; -webkit-transition:transform 0.2s; transition:transform 0.2s; }
.reply_list .reply_info { position:relative; padding:15px 20px; }
.reply_list .list .rlist .reply_info .btn_remove {top:47px;}
.reply_list .list { border-top:1px solid #e5e5e5; margin-top:-1px; }
.reply_list .list > li { border-bottom:1px solid #e5e5e5; }
.reply_list .auth_info > li { float:left; }
.reply_list .auth_info > li + li { float:right; color:#999; font-size:14px; }
.reply_list .auth_info:after { content:""; display:block; clear:both; }
.reply_list .reply { line-height:1.6; padding-right:50px; font-size:15px; }
.reply_list .reply strong { color:#2e7bd9; font-weight:normal; }
.reply_list .reply .dh { margin:0 8px; color:#e5e5e5; }
.reply_list .rlist { background-color:#f8f8fa; }
.reply_list .rlist_hidden { display:none; }
.reply_list .list .rlist .list + .btn_close_reply { border-top:0; }
.reply_list .list .rlist .reply_info { padding-left:70px; }
.reply_list .list .rreply_form:before,
.reply_list .list .rlist .reply_info:before { content:""; position:absolute; left:30px; top:30px; width:10px; height:10px; border-left:1px solid #999; border-bottom:1px solid #999; }
.reply_list .reply_count { padding:20px 0; margin-bottom:-1px; border-bottom:1px solid #e5e5e5; }
.reply_list .reply_count .btn_reply_open { border:0; color:#666; position:relative; padding-right:28px; line-height:1.2; }
.reply_list .reply_count .btn_reply_open strong { color:#2e7bd9; }
.reply_list .reply_count .btn_reply_open:after { content:"닫기"; position:absolute; overflow:hidden; text-indent:-999px; right:0; top:50%; margin-top:-6px; width:20px; height:11px; box-sizing:border-box; -webkit-transition:transform 0.2s; transition:transform 0.2s; background:url('../images/common/icons.png') no-repeat -550px -200px; }
.reply_list .reply_count .btn_reply_open.active:after { -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); }
.reply_cont { /* background-color:#f8f8fa; */ }
.reply_cont .page_index { /* padding:20px 0; */ }

/* */
.cont_tab { padding-bottom:45px; }
.cont_tab .tab { display:table; table-layout:fixed; width:100%; box-sizing:border-box; border:1px solid #e5e5e5; position:relative; margin-bottom:10px; }
.cont_tab .tab > li { display:table-cell; vertical-align:top; }
.cont_tab .tab > li + li { border-left:1px solid #e5e5e5; }
.cont_tab .tab .btn_tab { display:block; text-align:center; height:60px; margin:-1px; position:relative; font-size:20px; color:#333; box-sizing:border-box;
	-webkit-transition:all 0.2s; transition:all 0.2s; border:1px solid #e5e5e5; background-color:#fff; }
.cont_tab .tab .btn_tab:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.cont_tab .tab .btn_tab > em { display:inline-block; vertical-align:middle; line-height:1.2; position:relative; top:-1px; }
.cont_tab .tab .btn_tab:before { content:""; position:absolute; left:50%; margin-left:-5px; bottom:0; width:0; height:0; border-top:10px solid #2e7bd9; border-right:10px solid transparent; border-left:10px solid transparent; z-index:-1; visibility:hidden; -webkit-transition:all 0.2s; transition:all 0.2s; }
.cont_tab .tab .btn_tab:hover { font-weight:bold; letter-spacing:-1px; }
.cont_tab .tab .btn_tab.active { border-color:#2e7bd9;; background-color:#2e7bd9; color:#fff; font-weight:bold; letter-spacing:-1px; }
.cont_tab .tab .btn_tab.active:before { bottom:-9px; visibility:visible; }
.ser_tab { padding-bottom:35px; }
.ser_tab .tab { display:table; table-layout:fixed; width:100%; box-sizing:border-box; border-bottom:1px solid #e5e5e5; }
.ser_tab .tab > li { display:table-cell; vertical-align:top; }
.ser_tab .tab .btn_tab { display:block; text-align:center; height:48px; position:relative; color:#999; box-sizing:border-box;
	-webkit-transition:all 0.2s; transition:all 0.2s; background-color:#fff; }
.ser_tab .tab .btn_tab:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.ser_tab .tab .btn_tab > em { display:inline-block; vertical-align:middle; line-height:1.2; position:relative; top:-1px; }
.ser_tab .tab .btn_tab:before { content:""; position:absolute; left:50%; bottom:-1px; width:0; height:2px; opacity:0; background-color:#2e7bd9; -webkit-transition:all 0.2s; transition:all 0.2s; }
.ser_tab .tab .btn_tab > em > i { display:inline-block; vertical-align:middle; position:relative; top:-1px; width:14px; height:14px; margin-right:6px; background-color:#999; -webkit-transition:background-color 0.2s; transition:background-color 0.2s; }
.ser_tab .tab .btn_tab > em > i:after,
.ser_tab .tab .btn_tab > em > i:before { content:""; position:absolute; background-color:#fff; }
.ser_tab .tab .btn_tab > em > i:before { width:4px; height:100%; top:0; left:50%; margin-left:-2px; }
.ser_tab .tab .btn_tab > em > i:after { height:4px; width:100%; left:0; top:50%; margin-top:-2px; }
.ser_tab .tab .btn_tab:hover { font-weight:bold; letter-spacing:-1px; }
.ser_tab .tab .btn_tab.active { color:#2e7bd9; font-weight:bold; letter-spacing:-1px; }
.ser_tab .tab .btn_tab.active:before { width:100%; left:0; opacity:1; }
.ser_tab .tab .btn_tab.active > em > i { background-color:#2e7bd9; }

/* */
.empty_list { border-top:1px solid #333; padding:55px 0; font-size:18px; color:#999; text-align:center; }
* + .empty_list,
* + .tb_list { margin-top:20px; }
.tb_list { border-top:1px solid #333; border-bottom:1px solid #e5e5e5; table-layout:fixed; width:100%; }
.tb_list tr > * { padding:5px 10px; height:60px; box-sizing:border-box;  }
.tb_list thead tr > * { background-color:#f8f8fa; }
.tb_list tbody tr > * { border-top:1px solid #e5e5e5; -webkit-transition:background-color 0.2s; transition:background-color 0.2s; }
.tb_list tbody tr:hover > * { background-color:#fafafa; }
.tb_list .th > b { color:#2e7bd9; font-weight:normal; }
.tb_list .nowrap { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.tb_list a:hover { text-decoration:underline; }
.tb_list td.c_tit a {color:#2e7bd9;}
.list_sum { color:#333; }
.list_sum strong { color:#2e7bd9; }
.dn_sfile { display:inline-block; vertical-align:middle; box-sizing:border-box; min-width:130px; height:40px; border:1px solid #2e7bd9; color:#2e7bd9; padding:5px; line-height:28px; background-color:#fff; }
.dn_sfile:after { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:21px; height:16px; background:url('../images/common/icons.png') no-repeat -300px -100px; margin-left:8px; }
.dn_sfile:hover { text-decoration:none !important; }
/* */
.cbtns.bt_bot_more { margin:30px 0 0; border-top:1px solid #e5e5e5; }
.cbtns { padding-top:40px; text-align:center; font-size:0; margin-left:-5px; margin-right:-5px; }
.cbtns .btn.wfull { display:block; }
.cbtns > .btn { margin:0 5px; }
.cbtns .btn { display:inline-block; vertical-align:top; min-width:180px; height:60px; font-size:18px; padding:5px 30px; box-sizing:border-box; -webkit-transition:background-color 0.2s, border 0.2s, color 0.2s; transition:background-color 0.2s, border 0.2s, color 0.2s; }
.cbtns .btn:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.cbtns .btn > em { display:inline-block; vertical-align:middle; position:relative; top:-1px; }
.cbtns .btn .dn:after { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:21px; height:16px; background:url('../images/common/icons.png') no-repeat -300px -80px; margin-left:8px; }
.cbtns .btns { display:table; table-layout:fixed; width:100%; }
.cbtns .btns > li { display:table-cell; vertical-align:top; padding:0 5px; box-sizing:border-box; }
.cbtns .btns .btn { display:block; width:100%; }

/* */
.list_view { border-top:1px solid #333; border-bottom:1px solid #333; }
.list_view .view_title { border-bottom:1px solid #e5e5e5; background-color:#f8f8fa; }
.list_view .view_title:not(dl) { padding:25px 30px 28px; }
.list_view dl.view_title { display:table; table-layout:auto; width:100%; }
.list_view dl.view_title > * { display:table-cell; vertical-align:middle; position:relative; padding:28px 20px; box-sizing:border-box; }
.list_view .view_title .tit,
.list_view .view_title > dt { font-size:20px; font-weight:bold; line-height:1.2; color:#333; }
.list_view .view_title > dt { width:940px; padding-left:30px; padding-right:20px; }
.list_view .view_title > dd { white-space:nowrap; text-align:center; }
.list_view .view_title > dd + dd,
.list_view .view_title .info > li + li { background:url('../images/list/vi_br.jpg') no-repeat 0 50%; }
.list_view .view_title .info > li + li { margin-left:16px; padding-left:20px; background-position:0 4px; }
.list_view .view_title .info > li { display:inline-block; vertical-align:top; }
.list_view .view_title .info { padding-bottom:12px; }
.list_view .lst_qlink a:hover { text-decoration:underline; }
.list_view .lst_qlink > li { padding:15px 30px 15px 130px; line-height:30px; height:60px; box-sizing:border-box; border-top:1px solid #e5e5e5; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.list_view .lst_qlink > li > strong { position:absolute; left:35px; color:#333; }
.list_view .lst_qlink > li > strong:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; margin-right:10px; width:13px; height:7px; background:url('../images/common/icons.png') no-repeat -600px -150px; }
.list_view .lst_qlink > li:first-child strong:before { background-position:-550px -150px; }
.list_view .lst_qlink > li.disable,
.list_view .lst_qlink > li.disable strong { color:#999; }
.list_view .lst_qlink > li.disable strong:before { background-position:-700px -150px; }
.list_view .lst_qlink > li.disable:first-child strong:before { background-position:-650px -150px; }
.list_view .file_dlist { margin-top:-1px; }
.list_view .description { padding:58px 60px; text-align:justify; min-height:300px; }
.list_view .description a:hover { text-decoration:underline; }
.file_dlist { border-top:1px solid #e5e5e5; }
.file_dlist > li { padding:15px 30px; line-height:30px; height:60px; box-sizing:border-box; border-bottom:1px solid #e5e5e5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; }
.file_dlist > li a:hover { text-decoration:underline; }
.file_dlist .dn_file:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:21px; height:16px; background:url('../images/common/icons.png') no-repeat -300px -100px; margin-right:8px; }


/* */
.form .cbtns { padding-top:30px; }
.form .fields > li { position:relative; }
.form .fields > li + li { margin-top:10px; }
.form .frmtag_100p .selectbox,
.form .frmtag_100p .comText,
.form .fields .selectbox,
.form .fields .comText { width:100%; }
.form .tb_forms { padding-top:40px; width:100%; color:#333; }
.form .frm_guide { display:inline-block; vertical-align:middle; color:#999; font-size:14px; }
.form * + .frm_guide { margin-left:16px; }
.form .innerSns { display:inline-block; position:relative; vertical-align:middle; }
.form .innerSns .comText { vertical-align:top; padding-right:59px; }
.form .innerSns .sns { border:1px solid #e5e5e5; position:absolute; right:0; top:0; }
.form .innerBtn .comText { vertical-align:top; }
.form .fields.innerBtn > li,
.form div.innerBtn { position:relative; padding-right:139px; }
.form .fields.innerBtn .tbtn,
.form div.innerBtn .tbtn { position:absolute; right:0; width:140px; height:50px; text-align:center; top:0; z-index:1; }
.form .fields.innerBtn.btn_small > li,
.form div.innerBtn.btn_small { padding-right:119px; }
.form .innerBtn.btn_small .tbtn { width:120px; min-width:120px; }
.form .multi_items { margin-top:-14px; margin-left:-10px; font-size:0; }
.form .multi_items > * { display:inline-block; vertical-align:top; padding-top:14px; padding-left:10px; min-width:49%; font-size:1rem; box-sizing:border-box; }
.form .multi_items .icon { display:inline-block; vertical-align:top; }
.form .inp_inline + .qico_marks,
.form .multi_items + .qico_marks { padding-top:4px; }
.tb_border { border-top:1px solid #333; padding-bottom:40px; border-bottom:1px solid #e5e5e5; }
.tb_forms .fld { vertical-align:middle; }
.tb_forms .th { vertical-align:top; font-weight:bold; }
.tb_forms tbody > tr > * { height:50px; }
.tb_forms tbody > tr + tr > * { padding-top:20px; }
.tb_forms .tbtn { display:inline-block; vertical-align:middle; box-sizing:border-box; min-width:132px; padding:10px; height:50px; line-height:28px; text-align:center;  }
.tb_forms .lb { position:relative; display:inline-block; vertical-align:top; margin-top:14px; }
.tb_forms .lb.va_inp { margin-top:2px; }
.tb_forms .lb.va_ta { margin-top:8px; }
.tb_forms .lb sup { color:#e8424e; padding-left:4px; line-height:1; position:absolute; }
.tb_forms * + .inlines { margin-left:18px; }
.tb_forms .inlines,
.tb_forms .inp_inline { display:inline-block; vertical-align:middle; max-width:100%; }
.tb_forms .inp_inline > * + * { margin-left:30px; }
.tb_forms .qico_marks.qpt { padding-top:6px; }
.fld_birth { white-space:nowrap; }
.fld_birth .comText { width:100px !important; margin:0 !important; text-align:center; }
.fld_birth > span { padding:0 20px 0 5px; }
.form .frmtag_100p .fld_address { width:auto; }
.fld_address { position:relative; z-index:0; width:494px; }
.fld_address .txt_post { padding-right:150px; }
.fld_address .tbtn { position:absolute; top:0; right:0; z-index:1; }
.qico_marks.inlines > p { padding-top:5px; padding-bottom:5px; }
.qico_marks > p { display:block; text-indent:-22px; padding-left:22px; padding-top:8px; font-size:14px; color:#999; -webkit-transition:color 0.2s; transition:color 0.2s; }
.form .frm_guide:before,
.qico_marks > p:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:16px; height:16px; background:url('../images/common/icons.png') no-repeat -950px -150px; margin-right:6px; }
.form .frm_guide.alert,
.qico_marks .alert { color:#e8424e; }
.form .frm_guide.alert:before,
.qico_marks .alert:before { background-position:-900px -150px; }
.form .frm_guide.correct,
.qico_marks .correct { color:#2e7bd9; }
.form .frm_guide.correct:before,
.qico_marks .correct:before { background-position:-950px -200px; }
.qico_marks .borderline { color:#666; }
.tb_forms * + .files { margin-top:10px; }
.tb_forms .files .tbtn { margin-left:5px; }
.frm_etc { position:relative; padding:20px; margin:-2px 0; background-color:#fafaf8; }
.frm_etc > p { font-size:16px; color:#666; padding-top:0; }
.frm_etc > * + p { margin-top:8px; }
.frm_etc p.point_color:before { background-position:-950px -200px; }
/* */
.loginPage { background-color:#f8f8f9; }
.login_sec { width:660px; margin:50px auto; padding:55px 60px 60px; background-color:#fff; box-sizing:border-box; }
.login_sec .sub_title { display:block; height:auto; padding-bottom:40px; }
.login_sec .sub_title .tsec { display:block; }
.login_sec .sub_title .desc { padding:25px 0 0; font-size:18px; color:#666; }
.login_form .frm_opt { padding-top:15px; position:relative; font-size:14px; }
.login_form .frm_opt:after { content:""; display:block; clear:both; }
.login_form .frm_opt .find { float:right; }
.login_form .frm_opt .lnk_find { border-bottom:1px solid #666; }
.login_form .cbtns { padding-top:25px; }
.login_form .join_link { font-size:0; text-align:center; margin:0 -35px; padding:28px 0 5px; white-space:nowrap; }
.login_form .join_link > li { display:inline-block; vertical-align:top; font-size:14px; padding:0 35px; line-height:1.1; }
.login_form .join_link > li + li { background:url('../images/join/login_br.png') no-repeat 0 50%; }
.login_form .join_link a:hover { text-decoration:underline; }
.login_sec .sns_link { margin:-10px; padding-top:20px; }
.login_sec .sns_link:after { content:""; display:block; clear:both; }
.login_sec .sns_link > li { float:left; width:50%; box-sizing:border-box; padding:10px; }
.login_sec .sns_link a { position:relative; display:block; border:1px solid #e5e5e5; box-sizing:border-box; height:60px; padding:0 10px 0 76px; color:#333; }
.login_sec .sns_link a b { border-right:1px solid #e5e5e5; position:absolute; left:0; top:0; bottom:0; width:58px; text-align:center; }
.login_sec .sns_link a b img { width:100%; vertical-align:top; display:block; }
.login_sec .sns_link a > span { display:block; height:58px; line-height:58px; white-space:nowrap; }
.login_sec .sns_link a > span > i { white-space:nowrap; font-style:normal; }

/* */
.join_sec .sub_title { padding-bottom:38px; }
.join_sec .sub_title .desc { padding-top:46px; color:#333; line-height:1.4; font-size:24px; letter-spacing:-1.5px; }
.join_select .sns_link { padding-top:20px; }
.join_select .btn_join { display:block; height:60px; line-height:58px; text-align:center; box-sizing:border-box; }
.join_select .btn_join:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-2px; width:26px; height:27px; background:url('../images/common/icons.png') no-repeat -150px -250px; margin-right:8px; }

/* */
.form .form_guide { text-align:center; padding:36px 0; }
.form .form_guide .tit { color:#2e7bd9; font-size:24px; font-weight:normal; line-height:1.2; }
.form .form_guide .desc { line-height:1.8; padding-top:24px; }
.join_process { margin:0 -60px; padding:12px 0 16px; border-bottom:1px solid #e5e5e5; text-align:center; font-size:0; white-space:nowrap; }
.join_process > * { display:inline-block; vertical-align:top; font-size:16px; color:#999; font-weight:bold; }
.join_process > * + *:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:7px; height:13px; background:url('../images/common/icons.png') no-repeat -850px -150px; margin:0 45px; }
.join_process > strong { color:#2e7bd9; }
.join_process > strong + *:before { background-position:-800px -150px; }
/* */
.certify_form { padding-top:38px; }
.join_result { padding-top:60px; text-align:center; color:#333; }
.join_result .result { font-size:24px; line-height:1.4; letter-spacing:-1.5px; }
.join_result .result .figure { padding-bottom:26px; }
.join_result .result strong { font-weight:normal; }
.join_result .result .stx { font-size:18px; padding-top:20px; }
.join_result strong { color:#2e7bd9; }
.join_result .desc { padding:20px 0 25px; line-height:1.6; }
/* */
.agree_terms .guide_desc { padding:35px 0; }
.agree_terms .guide_desc .lst > li:before { background-color:#2e7bd9; }
.agree_terms .agree > li:first-child { padding-bottom:10px; }
.agree_terms .agree > li + li { padding-top:30px; }
.agree_terms .agree > li:first-child .checkbox { white-space:nowrap; }
.agree_terms .agree .checkbox { font-weight:bold; color:#333; display:block; }
.agree_terms .agree .checkbox .icon > b { font-size:18px; }
.agree_terms .tse-scrollable { margin-top:10px; height:158px; border:1px solid #e5e5e5; }
.agree_terms .description { font-size:14px; }
/* */
.find_myinfo .list_tab { margin-top:-15px; }
/* */
.join_form .find_title { padding:35px 0; text-align:center; color:#333; font-size:24px; line-height:1.4; }
/* */
.member_form .cbtns { padding-top:40px; }
.member_form .tb_forms .selectbox:not([class*="w"]),
.member_form .tb_forms .comText:not([class*="w"]) { width:494px; }
.member_form .fld_birth .comText { width:120px !important; margin-right:3px !important; }
.mf_tit { line-height:16px; padding-bottom:15px; }
.mf_tit .tit { float:left; font-size:24px; color:#333; margin-top:-6px; }
.mf_tit .sup { font-size:14px; color:#666; float:right; }
.mf_tit .sup sup { color:#e8424e; line-height:1; position:relative; top:4px; margin-right:2px; }
.mf_tit:after { content:""; display:block; clear:both; }
/* */
.plist_search { padding:30px 10px; text-align:center; background-color:#f8f8fa; }
.plist_search > li + li { margin-top:20px; }
.plist_search > li > *,
.plist_search > *:not(li) { display:inline-block; vertical-align:middle; margin-left:28px; }
.plist_search .frm_tit { line-height:1; font-size:24px; color:#333; margin-left:0; }
.plist_search .btn_search { margin-left:8px; box-sizing:border-box; width:120px; height:50px; line-height:48px; }
.plist_search .btn_search:before { content:""; display:inline-block; vertical-align:middle; margin-right:8px; width:18px; height:19px; background:url('../images/common/icons.png') no-repeat -250px -200px; position:relative; top:-1px; }
.plist_search .frm_opt { position:relative; z-index:0; background-color:#fff; }
.plist_search .frm_opt .opts { display:table; table-layout:auto; border:1px solid #e5e5e5; box-sizing:border-box; }
.plist_search .frm_opt .opts > li { display:table-cell; vertical-align:top; position:relative; }
.plist_search .frm_opt .opts > li + li { border-left:1px solid #e5e5e5; }
.plist_search .frm_opt label { display:block; position:relative; line-height:48px; width:90px; white-space:nowrap; cursor:pointer; -webkit-transition:color 0.2s; transition:color 0.2s; }
.plist_search .frm_opt label:before { content:""; position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; border:1px solid #e5e5e5; -webkit-transition:border 0.2s; transition:border 0.2s; }
.plist_search .frm_opt .hid_input:checked ~ label { color:#2e7bd9; z-index:1; font-weight:bold; }
.plist_search .frm_opt .hid_input:checked ~ label:before { border-color:#2e7bd9; }
.plist_search .frm_txt_ser { width:730px; padding-right:120px; position:relative; }
.plist_search .frm_txt_ser .btn_search { position:absolute; right:0; top:0; }
.plist_search .frm_txt_ser .comText { width:100%; }
.plist_search .frm_characters { width:850px; }
.frm_characters .characters { display:table; table-layout:fixed; width:100%; box-sizing:border-box; border:1px solid #e5e5e5; }
.frm_characters .characters > li { display:table-cell; vertical-align:top; border-left:1px solid #e5e5e5; }
.frm_characters .characters > li:first-child { border-left:0; }
.frm_characters label { display:block; position:relative; height:48px; background-color:#fff; line-height:48px; text-align:center; white-space:nowrap; cursor:pointer; }
.frm_characters label > span { color:#999; -webkit-transition:all 0.2s; transition:all 0.2s; }
.frm_characters label > span:after { content:""; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; border:1px solid #e5e5e5; opacity:0; -webkit-transition:all 0.2s; transition:all 0.2s; }
.frm_characters label:hover > span { color:#2e7bd9; }
.frm_characters label .hid_input:checked ~ span { color:#2e7bd9; font-weight:bold; }
.frm_characters label .hid_input:checked ~ span:after { opacity:1; border-color:#2e7bd9; }

/* */
.playlist_cont .puser_info { margin-bottom:20px; white-space:nowrap; }
.playlist_cont .puser_info > * { display:inline-block; vertical-align:middle; line-height:1.2; }
.playlist_cont .puser_info dt { color:#333; font-size:24px; position:relative; top:-2px; letter-spacing:-1px; }
.playlist_cont .puser_info dt strong { font-weight:normal; }
.playlist_cont .puser_info .b2c_member { color:#2e7bd9; }
.playlist_cont .puser_info .b2c_member,
.playlist_cont .puser_info dd + dd { margin-left:14px; background:url('../images/list/br_l3.jpg') no-repeat 0 3px; }
.playlist_cont .puser_info dd { padding-left:18px; }
.playlist_cont .pvod_list { padding-top:60px; }
.playlist_cont .pvod_list .psearch_result { text-align:center; color:#333; }
.playlist_cont .pvod_list .psearch_result .period { font-size:20px; }
.playlist_cont .pvod_list .psearch_result .period .d { font-weight:normal; }
.playlist_cont .pvod_list .psearch_result .sum { padding-top:15px; font-size:0; line-height:1.2; }
.playlist_cont .pvod_list .psearch_result .sum > li { display:inline-block; vertical-align:top; font-size:24px; }
.playlist_cont .pvod_list .psearch_result .sum > li + li { margin-left:15px; padding-left:15px; background:url('../images/list/br_l4.jpg') no-repeat 0 6px; }
.playlist_cont .pvod_list .list { margin-top:40px; border-top:1px solid #333; }
.playlist_cont .pvod_list .list > li { padding:30px 0; border-bottom:1px solid #e5e5e5; }
.playlist_cont .pvod_list .cont { display:table; table-layout:fixed; width:100%; min-height:140px; }
.playlist_cont .pvod_list .cont > * { display:table-cell; vertical-align:middle; }
.playlist_cont .pvod_list .figure { width:222px; }
.playlist_cont .pvod_list .figure .pic { position:relative; z-index:0; height:140px; display:block; }
.playlist_cont .pvod_list .figure .img { position:relative; display:block; height:100%; overflow:hidden; }
.playlist_cont .pvod_list .figure .img:after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; background:url(../images/list/best_bg.png) no-repeat 0 0; background-size:100% 100%; }
.playlist_cont .pvod_list .figure .img img {width:100%; height:100%;}
.playlist_cont .pvod_list .cont:hover .figure .img > img { -ms-transform:scale(1.06, 1.06); -webkit-transform:scale(1.06, 1.06); transform:scale(1.06, 1.06); }
.playlist_cont .pvod_list .desc { padding:20px; padding-top:18px; position:relative; }
.playlist_cont .pvod_list .tit { color:#333; font-size:20px; font-weight:bold; line-height:1.2; }
.playlist_cont .pvod_list .info { font-size:0; }
.playlist_cont .pvod_list .info > li { margin-top:5px; display:inline-block; vertical-align:top; font-size:14px; }
.playlist_cont .pvod_list .info > li + li { margin-left:10px; padding-left:10px; background:url('../images/list/br_l2.jpg') no-repeat 0 3px; }
.playlist_cont .pvod_list .btns { position:absolute; bottom:0; right:0; height:50px; }
.playlist_cont .pvod_list .btns:after { content:""; display:block; clear:both; }
.playlist_cont .pvod_list .btns > .qlink { float:left; min-width:140px; line-height:48px; display:block; text-align:center; box-sizing:border-box; }
.playlist_cont .pvod_list .btns > * + .qlink { margin-left:10px; }
.playlist_cont .pvod_list .progress { position:absolute; top:50%; left:50%; margin:-45px 0 0 -45px; z-index:2; width:95px; height:95px; border-radius:45px; }
.playlist_cont .pvod_list .progress .circle { border-radius:45px; background-color: rgba(0,0,0,.5); }
.progress .count { height:100%; white-space:nowrap; position:absolute; left:0; right:0; line-height:20px; font-weight:bold; color:#fff; text-align:center; top:50%; margin-top:-10px; }
.progress .count dd {position:relative; display:inline-block; font-size:15px; padding-right:3px;}
.progress .count dd:after {position:absolute; top:3px; right:-2px; width:1px; height:14px; background:#fff; content:''; transform:rotate(15deg);}
.progress .count dd:last-child:after {display:none;}
.playlist_cont .pvod_list .info strong,
.playlist_cont .pvod_list .psearch_result .sum strong,
.playlist_cont .puser_info dt strong,
.playlist_cont .activity_list .summary strong { color:#2e7bd9; }
.playlist_cont .activity_list { padding-top:50px; }
.playlist_cont .activity_list .summary { font-size:24px; color:#333; }
.tb_list .appr { white-space:nowrap; text-align:center; }
.tb_list .appr .starbar { position:relative; display:inline-block; vertical-align:middle; }
.tb_list .appr .starbar .slider_bar,
.tb_list .appr .starbar .value { display:inline-block; }
.tb_list .appr .starbar.readonly:after { position:absolute; content:""; top:0; right:0; left:0; bottom:0; z-index:2; }
.tb_list .appr .value { line-height:1; margin-left:5px; }
.tb_list .appr .starbar .slider_bar,
.tb_list .appr .starbar .slider_bar .follow_bar { background:url('../images/icons/star_bg2.png') no-repeat 0 -14px; }
.tb_list .appr .starbar .slider_bar .follow_bar { min-height:100%; height:100%; border-radius:0 !important; }
.tb_list .appr .starbar .slider_bar { z-index:1 !important; height:14px !important; width:80px !important; border-radius:0 !important; background-position:0 0; }

/* 190516 추가 */
.desc span.type {position:relative; background:#2f7bd9; margin-right:10px; border:1px solid transparent; color:#fff; font-size:15px; width:65px; height:30px; display:inline-block; line-height:28px; box-sizing:border-box; text-align:center; margin-bottom:8px;}
.pvod_list .cont .desc .cate {display:inline-block; line-height:30px;}
.pvod_list .cont .desc .tit {padding-bottom:10px; max-width:80%; max-height:41px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; word-wrap:break-word;}
.playlist_cont .pvod_list .book .figure .pic {width:140px; height:unset; margin:0 auto;}

/* */
.event_list { border-top:1px solid #333; }
.event_list > li { padding-top:20px; }
.event_list .cont { border:1px solid #e5e5e5; display:table; table-layout:fixed; width:100%; box-sizing:border-box; }
.event_list .cont > * { display:table-cell; vertical-align:top; position:relative; }
.event_list .figure { width:590px; }
.event_list .figure .pic { display:block; height:245px; overflow:hidden; position:relative; background-color:#f8f8f9; }
.event_list .cont:hover .figure .pic img { -ms-transform:scale(1.04, 1.04); -webkit-transform:scale(1.04, 1.04); transform:scale(1.04, 1.04); }
.event_list .desc { padding:28px 30px; }
.event_list .desc > * + * { padding-top:10px; }
.event_list .desc .tit { display:block; font-weight:bold; color:#333; font-size:24px; line-height:1.2; }
.event_list .desc .text { line-height:24px; height:48px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; word-wrap:break-word; }
.event_list .desc .btns { padding-top:30px; }
.event_list .btns:after { content:""; display:block; clear:both; }
.event_list .btns > .qlink { float:left; min-width:130px; line-height:38px; display:block; text-align:center; box-sizing:border-box; }
.event_list .btns > * + .qlink { margin-left:10px; }


/* */
.faq_list { padding-top:40px; }
.faq_list .ser_tab { padding-bottom:30px; }
.faq_list .list { border-top:1px solid #333; }
.faq_list .list > li { border-bottom:1px solid #e5e5e5; }
.faq_list .answer { display:none; }
.faq_list .answer .description { position:relative; padding-left:300px; padding-top:35px; padding-bottom:35px; border-top:1px solid #e5e5e5; }
.faq_list .answer .description:before { content:""; width:30px; height:30px; top:36px; left:260px; position:absolute; background:url('../images/common/icons.png') no-repeat -500px -200px; }
.faq_list .answer .description a:hover { text-decoration:underline; }
.faq_list .question { position:relative; padding-right:80px; min-height:60px; }
.faq_list .question dl { display:table; table-layout:fixed; width:100%; position:relative; }
.faq_list .question dl > * { display:table-cell; vertical-align:middle; box-sizing:border-box; height:60px; padding:10px 0; position:relative; }
.faq_list .question dl > dt { width:260px; padding-left:10px; padding-right:10px; text-align:center; }
.faq_list .question dl > dd { padding-left:38px; text-indent:-38px; line-height:1.9; transition:color 0.2s; transition:color 0.2s; }
.faq_list .question dl > dd:before { content:""; width:30px; height:30px; display:inline-block; vertical-align:middle; position:relative; top:-1px; margin-right:8px; background:url('../images/common/icons.png') no-repeat -450px -200px; }
.faq_list .question.tq { background-color:#f8f8fa; text-align:center; font-weight:bold; color:#333; }
.faq_list .question.tq dd { padding-right:80px; }
.faq_list .question .btn { overflow:hidden; position:absolute; top:10px; bottom:10px; right:10px; width:940px; border:0; z-index:1; background:url('about:blank'); }
.faq_list .question .btn > em { position:absolute; overflow:hidden; text-indent:-999px; right:20px; top:50%; margin:-6px 0 0 -10px; width:20px; height:11px; box-sizing:border-box; -webkit-transition:transform 0.2s; transition:transform 0.2s; background:url('../images/common/icons.png') no-repeat -550px -200px; }
.faq_list .list > li.on .question dd { color:#333; font-weight:bold; }
.faq_list .list > li.on .question .btn > em { -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); }
.faq_help { background-color:#f8f8fa; text-align:center; margin-top:60px; padding:36px 10px; }
.faq_help > p { font-size:24px; color:#333; line-height:1.1; }
.faq_help .cbtns { padding-top:25px; }

/* */
.help_cont .no_result { padding:25px 0 55px; }
.help_cont .help_check { font-size:24px; color:#333; line-height:1; padding-bottom:20px; }
.help_cont .list_view { border-bottom-color:#e5e5e5; }
.help_cont .q_tit { font-size:20px; font-weight:bold; line-height:1; padding-bottom:20px; }
.help_cont .a_tit { color:#333; }
.help_cont .description.help_desc { border-bottom:1px solid #e5e5e5; padding-top:35px; padding-bottom:35px; }
.help_cont .description { text-align:left; }
.help_list .status { display:inline-block; vertical-align:middle; padding:0 10px; font-weight:normal; font-size:14px; line-height:20px; height:22px; text-align:center; min-width:62px; box-sizing:border-box; }
.help_list .left a:not([class*="borderline"]) { color:#999; }

/* */
.wishlist_cont .no_wish { font-size:18px; color:#333; line-height:1.8; text-align:center; }
.wishlist_cont .no_wish:before { content:""; display:block; margin:0 auto 25px; width:60px; height:45px; background:url('../images/common/icons.png') no-repeat -895px 0; }
.wishlist_cont .no_wish + .cbtns { margin-top:-5px; }
.wish_list .wlist { margin:-10px; }
.wish_list .wlist:after { content:""; display:block; clear:both; }
.wish_list .wlist > li { float:left; padding:10px; position:relative; }
.wish_list .wlist > li:nth-child(5n + 1) { clear:left; }
.wish_list .cont { z-index:0; position:relative; width:224px; border:1px solid #e5e5e5; -webkit-box-sizing:border-box; box-sizing:border-box; }
.wish_list .figure { margin:-1px -1px 0; height:142px; position:relative; overflow:hidden; }
.wish_list .figure .pic { position:relative; display:block; height:100%; background-color:#f8f8f9; }
.vdo_title .summary .pic .img { height:140px; background-color:#f8f8f9; }
.wish_list .figure .pic img { width:100%; height:142px;}
.wish_list .cont:hover .figure img { -ms-transform:scale(1.06, 1.06); -webkit-transform:scale(1.06, 1.06); transform:scale(1.06, 1.06); }
.wish_list .cont .figure .detail_view {position:absolute; left:0; top:0; display:block; width:100%; height:100%; opacity:0; transition:all 0.2s ease;}
.wish_list .cont .figure:hover .detail_view {opacity:0.9; background:#2b303b; z-index:100;}
.wish_list .checkbox { position:static; display:block; opacity:0; visibility:hidden; -webkit-transition:opacity 0.4s, visibility 0s 0.1s; transition:opacity 0.4s cubic-bezier(0, 0, 0.25, 1), visibility 0s 0.1s; }
.wish_list .wlist.edit .checkbox { opacity:1; visibility:visible; transition-delay:0s; }
.wish_list .checkbox .icon { text-indent:0; padding:0; display:block; }
.wish_list .checkbox .icon:before { display:block; position:absolute; top:10px; right:10px; z-index:20; margin-right:0; }
.wish_list .checkbox .bg { /* content:""; */ position:absolute; top:-1px; bottom:0; left:-1px; right:-1px; border:5px solid #2e7bd9; opacity:0; visibility:hidden; -webkit-transition:all 0.2s; transition:all 0.2s; }
.wish_list .checkbox .icon > em { position:absolute; overflow:hidden; text-indent:-999px; }
.wish_list .checkbox .hid_input[type='checkbox']:checked ~ .bg { opacity:1; visibility:visible; }
.wish_list .desc { padding:15px 18px; box-sizing:border-box; height:77px;}
.wish_list .desc a:hover { text-decoration:underline; }
.wish_list .desc .sum { position:absolute; bottom:0; left:0; right:0; font-size:14px; line-height:45px; padding:0 20px; box-sizing:border-box; background-color:#f8f8f9; white-space:nowrap; }
.wish_list .desc .sum:after { content:""; display:block; clear:both; }
.wish_list .desc .sum strong { color:#2f7cd8; }
.wish_list .desc .sum > li { display:inline-block; }
.wish_list .desc .sum > li + li { margin-left:8px; }
.wish_list .desc .sum > li:before { content:""; display:inline-block; vertical-align:middle; top:-1px; position:relative; background-repeat:no-repeat; background-image:url('../images/common/icons.png'); margin-right:5px; }
.wish_list .desc .sum .v:before { width:18px; height:13px; background-position:-550px 0; }
.wish_list .desc .sum .p:before { width:14px; height:13px; background-position:-600px 0; }
.wish_list .desc .sum .r:before { width:14px; height:14px; background-position:-650px 0; }
.wish_list .desc .sum .c:before { display:none; }
.wish_list .desc .sum .c { position:absolute; right:20px; font-weight:bold; font-size:13px; }
.wish_list .desc .tit,
.wish_list .desc .auth {white-space:nowrap; -webkit-line-clamp:1 !important; display:inline-block !important;}
.wish_list .desc .tit { font-weight:bold; color:#333; display:block; position:relative; z-index:5; }
.wish_list .info_items,
.wish_list .desc .auth:not(li) { padding-top:9px; }
.wish_list .desc .auth { font-size:14px; color:#2d598f; }
.wish_list .desc .text { font-size:14px; padding-top:15px; line-height:20px; height:60px; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; word-wrap:break-word; }
.wish_list .no-list { float:none !important; clear:both; padding:70px 10px !important; height:auto !important; font-size:20px; text-align:center; width:auto !important; }
.wishlist_cont .hid_input[type='checkbox'] ~ .icon:before {border:1px solid #2e7bd9;}
.wish_list .cont .desc .st { font-size:14px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom:8px;}
.wish_list .wlist.st2 .desc {padding:15px 18px;}
.wish_list .wlist.st2 .desc .tit {white-space:unset; padding-top:8px;}
.wish_list .wlist.st2 .desc .tit > a { line-height:22px; max-width:100%; max-height:44px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; word-wrap:break-word;}
.wish_list .wlist.st3 .cont {width:154px;}
.wish_list .wlist.st3 .figure {height:unset;}
.wish_list .wlist.st3 > li:nth-child(5n + 1) {clear:none;}
.wish_list .wlist.st3 > li:nth-child(7n + 1) {clear:left;}
.wish_list .wlist.st3 .cont {border:0;}
.wish_list .wlist.st3 .desc {padding:11px 0 0;}

/* */
.wish_list2 .cont { height:470px; }
.wish_list2 .price_info { padding-top:24px; }
.wish_list2 .desc .text { height:40px; -webkit-line-clamp:2; }
.wish_list2 .checkbox { visibility:visible; opacity:1; }

/* */
.terms { padding:0 60px; }
.terms .description { padding:0; text-align:justify; }
.terms_form { margin:50px 60px 0; padding-right:180px; position:relative; }
.terms_form .dropLst { display:block; width:100%; }
.terms_form .btn { position:absolute; right:0; height:50px; width:160px; top:0; text-align:center; line-height:48px; box-sizing:border-box; }

/* */
.site_search { position:relative; margin-top:-20px; }
.site_search input.txt_search { height:70px; line-height:70px; }
.site_search .txt_search { padding:0 120px; text-align:center; font-size:28px; color:#2e7bd9; caret-color:#2e7bd9; border:0; box-sizing:border-box; width:100%; border-bottom:1px solid #e5e5e5; -webkit-transition:all 0.2s; transition:all 0.2s; }
.site_search .txt_search:not(input) { padding-top:8px; padding-bottom:8px; min-height:54px; }
.site_search .txt_search:focus { border-color:#333; }
.site_search .btn_search { display:block; width:40px; height:40px; border:0; position:absolute; right:20px; z-index:1; top:15px; }
.site_search .btn_search > em { overflow:hidden; text-indent:-999px; width:27px; height:29px; background:url(../images/common/icons.png) no-repeat -300px -200px; position:absolute; margin:-14px 0 0 -14px; top:50%; left:50%; }
.site_search .txt_search,
.site_search .txt_search .tip { letter-spacing:-2px; }
.site_search .txt_search .tip { display:block; line-height:54px; text-align:center; color:#999; }
.site_search .btn_reset { display:block; width:40px; height:40px; border:0; position:absolute; right:70px; z-index:1; top:15px; }
.site_search .btn_reset > em { overflow:hidden; text-indent:-999px; width:24px; height:28px; background:url(../images/common/icons.png) no-repeat -350px -200px; position:absolute; margin:-14px 0 0 -12px; top:50%; left:50%; }
.site_search .txt_search .icon,
.hash_tag_list .tag_checkbox ~ .icon { font-size:16px; display:block; border:1px solid #ccc; height:40px; line-height:36px; text-align:center; padding:0 15px; min-width:120px; box-sizing:border-box; border-radius:20px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all 0.2s; transition:all 0.2s; }
.site_search .txt_search .icon,
.hash_tag_list .tag_checkbox:checked ~ .icon { font-weight:bold; color:#fff; border-color:#2e7bd9; background-color:#2e7bd9; }
.hash_tag_list .tagz .lb,
.site_search .txt_search .lb { display:inline-block; vertical-align:top; padding:5px; position:relative; max-width:100%; }
.site_search .txt_search .lb { padding:7px 5px; }
.site_search .txt_search .lb .icon { padding-right:25px; padding-left:20px; }
.site_search .txt_search .lb .btn_remove { position:absolute; border:0; width:20px; height:20px; overflow:hidden; text-indent:-999px; top:50%; margin-top:-10px; right:10px; background:url('../images/common/icons.png') no-repeat -397px -197px; }
.hash_tag_list { padding-bottom:25px; }
.hash_tag_list .tag_checkbox { position:absolute !important; opacity:0; filter:alpha(opacity=0); }
.hash_tag_list .tagz { padding-top:40px; }
.hash_tag_list .tagz > dt { display:block; font-size:20px; font-weight:bold; color:#333; line-height:1; }
.hash_tag_list .tagz > dd { margin:-5px; padding-top:20px; }
/* */
.search_result { padding-top:60px; }
.faq_list .no_result { padding-top:30px; }
/* .no_result { text-align:center; line-height:1.6; padding:20px 0; }
.no_result .icon { margin-bottom:25px; }
.no_result .icon img {width:90px;}
.no_result .result { font-size:23px; color:#333; }
.no_result .result strong { color:#2e7bd9; font-weight:normal; }
.no_result .rds { margin:20px 0 40px; font-size:18px; color:#333; }
.no_result .cbtns { padding-top:25px; }
.no_result .icon + .rds { margin-top:-15px; }
.no_result .rds + .cbtns { padding-top:0; margin-top:-10px; } */

/* */
.check_catagory { margin-bottom:25px; position:relative; padding:40px 20px; padding-left:165px; background-color:#f8f8f9; font-size:0; color:#000; }
.check_catagory > dt { position:absolute; top:50%; left:92px; font-size:24px; line-height:30px; margin-top:-16px; }
.check_catagory > dd { line-height:1.2; font-size:16px; margin:5px 0; margin-left:45px; display:inline-block; vertical-align:middle; }
.check_catagory .lb { position:relative; }
.result_list { position:relative; padding-top:40px; border-top:1px solid #333; }
.result_list + .result_list { margin-top:-1px; }
.result_list .more_list { position:absolute; top:42px; right:0; font-size:14px; }
.result_list .more_list:hover { text-decoration:underline; }
.result_list .lst_count { font-size:18px; color:#333; margin-bottom:13px; }
.result_list .lst_count strong { color:#2e7bd9; }
.result_list .list > li { padding:30px 0; border-bottom:1px solid #e5e5e5; }
.result_list .list > li:first-child { padding-top:0; }
.result_list .cont { display:table; table-layout:fixed; width:100%; position:relative; z-index:0; }
.result_list .cont > * { display:table-cell; vertical-align:top; }
.result_list .cont .figure { width:232px; position:relative; }
.result_list .cont .figure .img { display:block; height:147px; overflow:hidden; position:relative; background-color:#f8f8f9; }
.result_list .cont .figure .img:after { /* content:"\00a0"; z-index:1; position:absolute; top:0; left:0; right:0; bottom:0; background:url('../images/list/best_bg.png') no-repeat 0 0; background-size:100% 100%; */ }
.result_list .cont .figure .img .size { position:absolute; z-index:2; font-size:13px; line-height:44px; bottom:0; left:0; right:0; white-space:nowrap; text-align:right; padding:0 18px; color:#000; background-color:rgba(0,0,0,.5); color:#fff; }
.result_list .cont:hover .figure .img img { -webkit-transform:scale(1.06); -ms-transform:scale(1.06); transform:scale(1.06); }
.result_list .cont .summary { padding:0 20px; }
.result_list .cont .tit { font-size:20px; color:#333; font-weight:bold; display:block; }
.result_list .cont .tit a:hover { text-decoration:underline; }
.result_list .cont .desc { padding-top:10px; line-height:24px; height:48px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; word-wrap:break-word; }
.result_list .cont .info { padding-top:7px; margin-left:-10px; font-size:0; }
.result_list .cont .info > li { display:inline-block; vertical-align:top; padding:0 10px; font-size:14px; }
.result_list .cont .info > li + li { background:url('../images/list/br_l1.jpg') no-repeat 0 3px; }
.result_list .cont .tags { padding-top:15px; font-size:0; color:#2d598f; margin:-5px 0 0 -5px; }
.result_list .cont .tags > * { margin:5px; display:inline-block; vertical-align:middle; font-size:14px; border-bottom:1px solid #2d598f; }

/* */
.member_ctit { padding-bottom:18px; }
.member_ctit > * { display:inline-block; vertical-align:middle; line-height:1.2; position:relative; }
.member_ctit .tit { font-size:30px; color:#333; }
.member_ctit .dsc { margin-left:15px; top:3px; }

/* */
.empty_reply { border-bottom:1px solid #e5e5e5; padding:55px 0; font-size:18px; color:#999; text-align:center; }
.empty_reply:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:16px; height:16px; background:url('../images/common/icons.png') no-repeat -950px -150px; margin-right:6px; }
.relation_list { padding-top:60px; }
.relation_list .list { margin:-10px; }
.relation_list .list:after { content:""; display:block; clear:both; }
.relation_list .list > li { width:25%; padding:10px; box-sizing:border-box; float:left; }
.relation_list .list > li:nth-child(4n + 1) { clear:left; }
.relation_list .list .cont .figure { position:relative; display:block; overflow:hidden; background-color:#f8f8f9; }
.relation_list .list .cont .figure img { width:100%; }
.relation_list .list .cont .tit { -webkit-transition:all 0.2s; transition:all 0.2s; color:#333; overflow:hidden; }
.relation_list .list .cont { position:relative; display:block; border:1px solid #e5e5e5; box-sizing:border-box; }
.relation_list .list .cont:hover .figure .mh_ts { -webkit-transform:scale(1.06); -ms-transform:scale(1.06); transform:scale(1.06); }
.relation_list .list .cont:before { content:""; position:absolute; top:0; left:0; height:24px; box-sizing:border-box; opacity:0; visibility:hidden; z-index:1; }
.relation_list .list .cont:after { content:""; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; border:5px solid #2e7bd9; box-sizing:border-box; opacity:0; visibility:hidden; -webkit-transition:all 0.2s; transition:all 0.2s; }
.relation_list .list .cont.new:before { opacity:1; visibility:visible; width:24px; background:url('../images/icons/new_b.png') no-repeat 0 0; }
.relation_list .list .cont.free:before { opacity:1; visibility:visible; width:40px; padding-top:4px; line-height:1em; font-size:14px; text-align:center; content:"무료"; color:#fff; font-weight:bold; background-color:#2e7bd9; }
.relation_list .list .cont.active:after { opacity:1; visibility:visible; }
.relation_list .list .cont.active .tit { background-color:#2e7bd9; color:#fff; }
/* */
.relation_list .vod_list .cont { height:235px; }
.relation_list .vod_list .cont:before { top:-1px; left:-1px; }
.relation_list .vod_list .cont .figure { height:180px; margin:-1px -1px 0; }
.relation_list .vod_list .cont .tit { position:relative; display:table-cell; vertical-align:middle; width:248px; padding:5px 18px; height:44px; line-height:20px; }
.relation_list .vod_list .cont .tit > strong { max-height:44px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:block; display:-webkit-box; text-overflow:ellipsis; word-wrap:break-word; box-sizing:border-box; }
/* */
.relation_list .book_list .cont { height:363px; }
.relation_list .book_list .cont .figure { height:283px; }
.relation_list .book_list .cont .tit { border-top:1px solid #e5e5e5; padding:16px 18px; line-height:1.2; height:78px; box-sizing:border-box; }
.relation_list .book_list .cont .tit > * { overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; }
.relation_list .book_list .cont .tit > span { font-size:14px; color:#666; padding-top:8px; -webkit-transition:all 0.2s; transition:all 0.2s; }
.relation_list .book_list .cont.active .tit { border-top-color:#2e7bd9; }
.relation_list .book_list .cont.active .tit > span { color:inherit !important; }

/* */
.bg_top { margin-bottom:40px; height:466px; background-repeat:no-repeat; background-position:50% 0; }
.bg_top .page_path { color:#999; }
.bg_top .sub_title { height:420px; box-sizing:border-box; }
.bg_top .sub_title .tsec { vertical-align:top; padding-top:50px; }
.bg_top .sub_title .desc { padding-top:22px; line-height:1.6; font-size:20px; letter-spacing:-1.5px; }
.bg_top { background-image:url('../images/about/bg_01.jpg'); }

/* */
.about_cont .ab_tit { padding:10px 0 25px; text-align:center; line-height:1.1; font-size:30px; font-weight:bold; color:#333; letter-spacing:-3px; }
.about_cont .ab_desc { text-align:center; line-height:1.8; }
.about_cont .abouts > li + li { padding-top:65px; }
.about_cont .abouts dl { text-align:center; }
.about_cont .abouts dl > dt { font-size:20px; color:#333; font-weight:bold; line-height:1.1; }
.about_cont .abouts dl > dd { padding-top:13px; font-size:14px; line-height:1.5; }
.about_cont .abouts dl a:hover { text-decoration:underline; }
.about_cont .content_list { margin:3px -10px 0; }
.about_cont .content_list:after { content:""; display:block; clear:both; }
.about_cont .content_list > li { float:left; width:25%; box-sizing:border-box; padding:0 10px; }
.about_cont .content_list .cont { border:1px solid #e5e5e5; }
.about_cont .content_list .cont .figure { display:block; overflow:hidden; position:relative; z-index:0; margin:-1px -1px 0; }
.about_cont .content_list .cont .figure:after { content:""; z-index:1; position:absolute; top:0; left:0; right:0; bottom:0; background:url('../images/about/hover_bg.png') no-repeat 50% 50%; background-size:100% 100%; opacity:0; visibility:hidden; -webkit-transition:opacity 0.3s, visibility 0.1s 0.1s; transition:opacity 0.3s, visibility 0.1s 0.1s; }
.about_cont .content_list .cont:hover .figure:after { opacity:1; visibility:visible; -webkit-transition-delay:0s; transition-delay:0s; }
.about_cont .content_list .cont:hover .mh_ts { -webkit-transform:scale(1.06); -ms-transform:scale(1.06); transform:scale(1.06); }
.about_cont .content_list dl { box-sizing:border-box; min-height:130px; padding:27px 10px 26px; }
.about_cont .member_service { margin-top:3px; display:table; table-layout:fixed; width:100%; border:1px solid #e5e5e5; box-sizing:border-box; }
.about_cont .member_service > li { display:table-cell; vertical-align:middle; text-align:center; height:182px; }
.about_cont .member_service > li + li { border-left:1px solid #e5e5e5; }
.about_cont .member_service dl { padding-top:13px; }
.about_cont .ug_point { margin:35px -20px 0; }
.about_cont .ug_point:after { content:""; display:block; clear:both; }
.about_cont .ug_point > li { float:left; width:50%; box-sizing:border-box; padding:0 20px; }
.about_cont .ug_point .figure { border:1px solid #e5e5e5; }
.about_cont .ug_point dl { padding-top:28px; text-align:center; }
.about_cont .ug_point dl > dt { font-size:24px; color:#333; font-weight:bold; line-height:1.1; }
.about_cont .ug_point dl > dd { padding-top:23px; line-height:1.8; }
.about_cont .member_guide { padding:10px 0 70px; text-align:center; }
.about_cont .member_guide > li { border:1px solid #e5e5e5; }
.about_cont .member_guide > li + li { margin-top:40px; }
.about_cont .member_guide h5 { font-size:18px; color:#333; line-height:1.1; padding-bottom:10px; }
.about_cont .member_guide .title { background-color:#f8f8fa; padding:27px 0; }
.about_cont .member_guide .title h4 { font-size:24px; line-height:1.1; padding-bottom:12px; color:#333; font-weight:normal; }
.about_cont .member_guide .pur_lnk { position:relative; }
.about_cont .member_guide .pur_lnk:after { content:""; display:block; clear:both; }
.about_cont .member_guide .pur_lnk > li { float:left; width:50%; box-sizing:border-box; min-height:286px; padding:40px 10px 35px; }
.about_cont .member_guide .pur_lnk > li + li:before { content:""; position:absolute; top:0; bottom:0; left:50%; border-left:1px solid #e5e5e5; }
.about_cont .member_guide .pur_lnk .figure { padding-bottom:18px; min-height:64px; vertical-align:top; }
.about_cont .member_guide .pur_lnk .lnk { margin:28px auto 0; display:block; width:200px; height:50px; line-height:48px; }
.about_cont .member_guide .biz_info { padding:40px 0; }
.about_cont .member_guide .biz_info h5 { padding-bottom:25px; }
.about_cont .member_guide .biz_info .contact { padding-top:10px; margin-left:-4px; }
.about_cont .member_guide .biz_info .contact > li { display:inline-block; vertical-align:top; padding:0 6px 0 10px; }
.about_cont .member_guide .biz_info .contact > li + li { background:url(../images/list/br_l.jpg) no-repeat 0 50%; }

/* */
.teacher_slider { position:relative; z-index:0; overflow:hidden; margin-bottom:40px; }
.teacher_slider .slider { width:1220px; margin:0 auto; }
.teacher_slider .info { display:block; margin:0 auto; width:285px; height:356px; position:relative; z-index:0; }
.teacher_slider .info .figure { display:block; position:relative; overflow:hidden; height:356px; background-color:#f8f8f9; }
.teacher_slider .info .figure:after { content:""; z-index:3; top:0; bottom:0; left:0; right:0; position:absolute; background:url(../images/list/teac_bg2.png) no-repeat 50% 100%; background-size:100% auto; }
.teacher_slider .info .figure img { width:100%; }
.teacher_slider .info dl { position:absolute; bottom:15px; left:10px; right:10px; text-align:center; z-index:4; color:#fff; }
.teacher_slider .info dl > * + * { padding-top:7px; }
.teacher_slider .info dl > dd { line-height:1.1; }
.teacher_slider .info dl > dt { font-size:24px; font-weight:bold; line-height:1.2; }
.teacher_slider .info:hover .figure img { -webkit-transform:scale(1.06, 1.06); -ms-transform:scale(1.06, 1.06); transform:scale(1.06, 1.06); }
.teacher_slider .slick-arrow { position:absolute; top:50%; left:50%; overflow:hidden; text-indent:-999px; width:24px; height:40px; margin-top:-20px; border:0; background-color:transparent; border-radius:0; z-index:5; }
.teacher_slider .slick-arrow:before { content:""; position:absolute; top:50%; left:50%; width:18px; height:34px; margin-top:-17px; margin-left:-9px; background-repeat:no-repeat; background-image:url('../images/common/icons.png'); }
.teacher_slider .slick-prev { margin-left:-652px; }
.teacher_slider .slick-prev:before { background-position:-650px -200px; }
.teacher_slider .slick-prev:hover:before { background-position:-650px -200px; }
.teacher_slider .slick-next { margin-left:628px; }
.teacher_slider .slick-next:before { background-position:-700px -200px; }
.teacher_slider .slick-next:hover:before { background-position:-700px -200px; }
.teacher_slider .slick-disabled:before { opacity:0.4; }
@media all and (max-width:1320px) {
	.teacher_slider .slick-arrow { width:44px; height:70px; margin-top:-35px; margin-left:0; background-color:#f8f8f9; box-shadow:0 0 1px rgba(0,0,0,.2); }
	.teacher_slider .slick-next { left:auto; right:0; }
	.teacher_slider .slick-prev { left:0; }
}
.teacher_result { text-align:center; padding:38px 0; }
.teacher_result .txt_result { font-size:24px; color:#333; line-height:1.2; }
.teacher_result .no_result { padding-top:50px; }
.teacher_list .list { border-top:1px solid #333; border-bottom:1px solid #e5e5e5; position:relative; }
.teacher_list .list:after { content:""; display:block; clear:both; }
.teacher_list .list > li { float:left; width:50%; box-sizing:border-box; padding:30px 15px 30px 0; background-color:#fff; }
.teacher_list .list > li:before { content:""; position:absolute; left:0; right:0; height:1px; background-color:#e5e5e5; margin-top:-30px; }
.teacher_list .list > li:first-child:before,
.teacher_list .list > li:first-child + li:before { display:none; }
.teacher_list .list > li:nth-child(2):before { display:none; }
.teacher_list .list > li:nth-child(2n + 1) { clear:left; }
.teacher_list .cont { display:table; table-layout:fixed; width:100%; }
.teacher_list .cont > * { display:table-cell; vertical-align:top; }
.teacher_list .cont .figure { width:160px; }
.teacher_list .cont .figure .img { display:block; height:199px; box-sizing:border-box; border:1px solid #e5e5e5; overflow:hidden; position:relative; background-color:#f8f8f9; }
.teacher_list .cont .figure .img img { width:100%; }
.teacher_list .cont .desc { padding-left:30px; position:relative; }
.teacher_list .cont .desc > dl { line-height:1.2; }
.teacher_list .cont .desc > dl > * { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.teacher_list .cont .desc > dl > dt { display:block; font-size:20px; font-weight:bold; color:#333; padding-bottom:5px; }
.teacher_list .cont .desc > dl > dt > a:hover { text-decoration:underline; }
.teacher_list .cont .desc > dl > dd { padding-top:8px; }
.teacher_list .guide_desc { height:65px; }
.teacher_list .guide_desc a { color:#2e7bd9; border-bottom:1px solid #2e7bd9; }
.teacher_list .guide_desc .lst { position:absolute; bottom:0; left:30px; right:0; }
.teacher_list .guide_desc .lst > li { text-indent:0; padding-left:0; padding-bottom:1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.teacher_list .cont:hover .figure .img img { -webkit-transform:scale(1.06, 1.06); -ms-transform:scale(1.06, 1.06); transform:scale(1.06, 1.06); }

/* */
.fn_news { position:relative; height:510px; background:url('../images/list/fn_news_bg.jpg') no-repeat 100% 100%; }
.fn_news .t { top:85px; left:92px; color:#333; font-size:34px; line-height:1.4; position:absolute; font-weight:normal; letter-spacing:-3px; }
.fn_news .btn { position:absolute; bottom:90px; left:92px; width:180px; line-height:58px; text-align:center; font-size:18px; }

/* */
.poll_title { padding:25px 0 55px; text-align:center; }
.poll_title .icon { padding-bottom:10px; }
.poll_title .tit { font-size:30px; color:#333; line-height:1.1; }
.poll_cont { padding-bottom:40px; }
.poll_cont .status { line-height:1; padding-bottom:15px; border-bottom:1px solid #333; color:#333; }
.poll_cont .status:after { content:""; display:block; clear:both; }
.poll_cont .status .period { font-size:24px; float:left; }
.poll_cont .status .count { float:right; padding-top:6px; }
.poll_cont .status .count strong { color:#2e7bd9; }
.poll_cont .list { padding-top:40px; margin:-20px -10px; }
.poll_cont .list:after { content:""; display:block; clear:both; }
.poll_cont .list > li { float:left; width:406px; box-sizing:border-box; padding:20px 10px; }
.poll_cont .list.inline { font-size:0; text-align:center; }
.poll_cont .list.inline > li { float:none; display:inline-block; vertical-align:top; font-size:16px; text-align:left; }
.poll_cont .cont { display:block; position:relative; padding-bottom:44px; border:1px solid #e5e5e5; z-index:0; }
.poll_cont .cont .figure { position:relative; margin:-1px -1px 0; z-index:0; }
.poll_cont .cont .figure .pic { display:block; position:relative; overflow:hidden; height:244px; background-color:#f8f8f9; }
.poll_cont .cont .figure .pic:after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url('../images/list/best_bg.png') no-repeat 50% 50%; background-size:100% 100%; z-index:1; opacity:0.3; display:none; }
.poll_cont .cont .figure .mh_ts { width:100%; max-width:none; height:244px;}
.poll_cont .cont:hover .figure .mh_ts { -webkit-transform:scale(1.06, 1.06); -ms-transform:scale(1.06, 1.06); transform:scale(1.06, 1.06); }
.poll_cont .cont .figure .count { position:absolute; bottom:30px; left:30px; color:#fff; font-size:20px; line-height:20px; z-index:2; }
.poll_cont .cont .figure .count:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-2px; width:18px; height:18px; background:url('../images/common/icons.png') no-repeat -850px -200px; margin-right:6px; }
.poll_cont .cont .desc { height:300px; padding:10px; box-sizing:border-box; position:relative; z-index:2; }
.poll_cont .cont .desc a:hover { text-decoration:underline; }
.poll_cont .cont .tse-scrollable:before,
.poll_cont .cont .tse-scrollable:after { content:""; z-index:1; position:absolute; left:10px; right:10px; height:15px; }
.poll_cont .cont .tse-scrollable:after { bottom:0; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); }
.poll_cont .cont .tse-scrollable:before { top:0; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); }
.poll_cont .cont .desc .scroll_cont { font-size:14px; padding:20px; line-height:1.6; font-size:16px; }
.poll_cont .cont .desc .scroll_cont .tit { color:#2e7bd9; font-weight:bold; padding-bottom:15px; }
.poll_cont .cont .sug_info { position:absolute; bottom:0; left:0; right:0; line-height:44px; background-color:#f8f8f9; padding-left:30px; white-space:nowrap; font-size:14px; }
.poll_cont .pollcheck em { position:absolute; left:0; text-indent:-999px; overflow:hidden; opacity:0; }
.poll_cont .pollcheck .bg:before,
.poll_cont .pollcheck .bg:after,
.poll_cont .pollcheck .bg > *:before,
.poll_cont .pollcheck .bg > *:after { content:""; position:absolute; opacity:0; visibility:hidden; -webkit-transition:all 0.2s; transition:all 0.2s; z-index:1; background-color:#2e7bd9; }
.poll_cont .pollcheck .bg:before,
.poll_cont .pollcheck .bg:after { width:5px; bottom:-1px; top:-1px; }
.poll_cont .pollcheck .bg > *:before,
.poll_cont .pollcheck .bg > *:after { height:5px; left:-1px; right:-1px; }
.poll_cont .pollcheck .bg:before { left:-1px; }
.poll_cont .pollcheck .bg:after { right:-1px; }
.poll_cont .pollcheck .bg > *:before { top:-1px; }
.poll_cont .pollcheck .bg > *:after { bottom:-1px; }
.poll_cont .pollcheck .hid_input ~ .icon { position:absolute; top:30px; left:30px; z-index:5; cursor:pointer; }
.poll_cont .pollcheck .hid_input ~ .icon:before { top:0; margin-right:0; display:block; width:40px; height:40px; border-radius:0; border:2px solid rgba(255, 255, 255, 1); background-color:rgba(0, 0, 0, 0.2); background-position:-1000px -1000px; }
.poll_cont .pollcheck .hid_input:checked ~ .icon:before { background-position:-750px -200px; border-color:#fff; }
.poll_cont .pollcheck .hid_input:checked ~ .bg:before,
.poll_cont .pollcheck .hid_input:checked ~ .bg:after,
.poll_cont .pollcheck .hid_input:checked ~ .bg > *:before,
.poll_cont .pollcheck .hid_input:checked ~ .bg > *:after { opacity:1; visibility:visible; }
.poll_cont_list { padding-bottom:60px; }
.poll_cont_list .title { border-top:1px solid #e5e5e5; padding-top:40px; font-size:24px; color:#333; line-height:1.1; padding-bottom:15px; font-weight:normal; }
.poll_cont_list .list { margin:-10px; }
.poll_cont_list .list:after { content:""; display:block; clear:both; }
.poll_cont_list .list > li { float:left; width:25%; padding:10px; box-sizing:border-box; }
.poll_cont_list .cont { display:block; position:relative; border:1px solid #e5e5e5; z-index:0; }
.poll_cont_list .cont .figure { position:relative; margin:-1px -1px 0; }
.poll_cont_list .cont .figure .pic { display:block; position:relative; overflow:hidden; height:180px; background-color:#f8f8f9; }
.poll_cont_list .cont .figure .new { position:absolute; top:0; left:0; z-index:1; }
.poll_cont_list .cont .figure .pic img.mh_ts {height:180px;}
.poll_cont_list .cont:hover .figure .mh_ts { -webkit-transform:scale(1.06, 1.06); -ms-transform:scale(1.06, 1.06); transform:scale(1.06, 1.06); }
.poll_cont_list .cont .desc { padding:18px 20px 50px; position:relative; }
.poll_cont_list .cont .desc .st { font-size:14px; padding-bottom:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.poll_cont_list .cont .desc .tit { color:#333; font-weight:bold; }
.poll_cont_list .cont .desc .tit,
.poll_cont_list .cont .desc .tit > a { line-height:21px; height:42px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; word-wrap:break-word; }
.poll_cont_list .cont .desc .tit a:hover { text-decoration:underline; }
.poll_cont_list .cont .desc .sum { position:absolute; bottom:0; left:0; right:0; font-size:14px; white-space:nowrap; line-height:50px; padding:0 20px; box-sizing:border-box; }
.poll_cont_list .cont .desc .sum strong { color:#2f7cd8; }
.poll_cont_list .cont .desc .sum > li { display:inline-block; vertical-align:top; }
.poll_cont_list .cont .desc .sum > li + li { margin-left:8px; }
.poll_cont_list .cont .desc .sum > li:before { content:""; display:inline-block; vertical-align:middle; top:-1px; position:relative; background-repeat:no-repeat; background-image:url('../images/common/icons.png'); margin-right:5px; }
.poll_cont_list .cont .desc .sum .v:before { width:18px; height:13px; background-position:-550px 0; }
.poll_cont_list .cont .desc .sum .p:before { width:14px; height:13px; background-position:-600px 0; }
.poll_cont_list .cont .desc .sum .r:before { width:14px; height:14px; background-position:-650px 0; }
.poll_cont_list .cont .desc .sum .c:before { width:14px; height:14px; background-position:-900px -200px; }
.poll_cont_list .cont .desc .sum .c { position:absolute; right:20px; color:#2e7bd9; }
.poll_cont_list .slider_list { position:relative; margin:0 -10px; }
.poll_cont_list .slider_list .list { max-width:1220px; margin:0 auto; }
.poll_cont_list .slider_list .item { box-sizing:border-box; padding:0 10px; }
.poll_cont_list .slick-arrow { position:absolute; top:50%; margin-top:-17px; overflow:hidden; width:18px; height:34px; text-indent:-999px; border:0; background-color:transparent; border-radius:0; z-index:1; }
.poll_cont_list .slick-arrow:before { content:""; position:absolute; top:50%; left:50%; margin:-17px 0 0 -9px; width:18px; height:34px; background-repeat:no-repeat; background-image:url('../images/common/icons.png'); }
.poll_cont_list .slick-next { right:-45px; }
.poll_cont_list .slick-next:before { background-position:-500px -50px; }
.poll_cont_list .slick-next:hover:before { background-position:-500px 0; }
.poll_cont_list .slick-prev { left:-45px; }
.poll_cont_list .slick-prev:before { background-position:-450px -50px; }
.poll_cont_list .slick-prev:hover:before { background-position:-450px 0; }
.poll_cont_list .slick-disabled:before { opacity:0.4; }
@media all and (max-width:1340px) {
	.poll_cont_list.sec { max-width:none; overflow:hidden; }
	.poll_cont_list .slick-arrow { width:44px; height:70px; margin-top:-35px; background-color:#f8f8f9; box-shadow:0 0 1px rgba(0,0,0,.2) }
	.poll_cont_list .slick-next { right:0; }
	.poll_cont_list .slick-prev { left:0; }	
}
.poll_suggest { padding:25px 30px; background-color:#f8f8fa; }
.poll_suggest .title { height:30px; box-sizing:border-box; position:relative; }
.poll_suggest .title .tit { font-size:24px; line-height:30px; color:#333; font-weight:normal; }
.poll_suggest .title .btn_sug { position:absolute; right:0; border:0; height:22px; line-height:22px; top:50%; margin-top:-11px; color:#666; font-size:16px; }
.poll_suggest .title .btn_sug > em:after { content:""; display:inline-block; vertical-align:middle; margin-left:6px; position:relative; width:20px; height:11px; background:url('../images/common/icons.png') no-repeat -550px -200px; top:-1px; margin-left:7px; -webkit-transition:transform 0.2s; transition:transform 0.2s; }
.poll_suggest .title .btn_sug.on > em:after { -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); }
.poll_suggest .poll_form { display:none; }
.poll_suggest .poll_form .form { padding:20px 0 15px; }

/* */
.file_uplist { padding-left:20px; }
.file_uplist > li { clear:both; margin-top:5px; line-height:20px; float:left; max-width:100%; box-sizing:border-box; padding-right:30px; position:relative; }
.file_uplist > li:first-child { margin-top:15px; }
.file_uplist:after { content:""; display:block; clear:both; }
.file_uplist .dn { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#666; }
.file_uplist .dn:hover { text-decoration:underline; }
.file_uplist .btn_remove { border:0; position:absolute; right:0; top:50%; margin-top:-10px; width:20px; height:20px; overflow:hidden; text-indent:-999px; background:url('../images/common/icons.png') no-repeat -850px -100px; }

/* */
.vod_wrap.audio .vod_player {height:100%;}
.vod_wrap.st2.audio .chapter_wrap > ul {max-height:300px;}
.audio_player { position:relative; padding:30px; }
.vod_wrap.st2.audio .audio_player {padding-top:45px;}
.audio_player .hidden { position:absolute; opacity:0; visibility:hidden; overflow:hidden; max-width:100%; }
.audio_player .audio_info:after { content:""; display:block; clear:both; }
.audio_player .audio_info .sldier_panel { float:left; vertical-align:top; width:100%; padding:9px 0; }
.audio_player .audio_info .info { float:right; text-align:right; line-height:18px; font-size:0; }
.audio_player .audio_info .info > * { vertical-align:middle; display:inline-block; font-size:14px; }
.audio_player .audio_info .info .buffer { color:#333; width:50px; height:18px; position:relative; overflow:hidden; padding-right:10px; margin-right:10px; background:url('../images/icons/player_br.png') no-repeat 100% 4px; }
.audio_player .audio_info .info .buffer:before { content:""; display:block; width:100%; height:100%; background:url('../images/icons/wait.gif') no-repeat 50% 50%; }
.audio_player .audio_info .info .buffer > em { position:absolute; opacity:0; text-indent:-999px; }
.audio_player .audio_info .info .time { color:#999; }
.audio_player .audio_info .info .time span {position:relative;}
.audio_player .audio_info .info .time strong { color:#2e7bd9; margin-right:10px; }
.audio_player .audio_info .info .time span:before {position:absolute; top:5px; left:-8px; width:1px; height:10px; background:#999; content:''; transform:rotate(15deg);}
.audio_player .audio_info .title {font-size:18px; font-weight:bold; color:#404040; text-align:left; padding-bottom:20px;}
.audio_player .ui-widget { border-radius:0; height:3px; border:0; background:#e5e5e5; }
.audio_player .ui-slider-horizontal .ui-slider-range-min { background:#2e7bd9;  }
.audio_player .ui-slider-horizontal .ui-slider-handle { top:-8px; border:0; border-radius:10px; width:20px; height:20px; background:url('../images/icons/aplayer.png') no-repeat 0 0 transparent !important; }
.audio_player .controls { padding-top:20px; white-space:nowrap; text-align:center; }
.audio_player .controls > * { vertical-align:middle; border:0; overflow:hidden; position:relative; background-repeat:no-repeat; background-image:url('../images/icons/aplayer.png'); }
.audio_player .controls > * + * { margin-left:100px; }
.audio_player .controls > * > em { position:absolute; opacity:0; }
.audio_player .controls .btn_prev,
.audio_player .controls .btn_next { width:40px; height:40px; }
.audio_player .controls .btn_prev { background-position:-50px 0; }
.audio_player .controls .btn_prev:hover { background-position:-50px -50px; }
.audio_player .controls .btn_next { background-position:-104px 0; }
.audio_player .controls .btn_next:hover { background-position:-104px -50px; }
.audio_player .controls .btn_play .s { display:none; }
.audio_player .controls .btn_play,
.audio_player .controls .btn_stop { width:70px; height:70px; }
.audio_player .controls .btn_play { background-position:0 -200px; }
.audio_player .controls .btn_play:hover { background-position:-100px -200px; }
.audio_player .controls .btn_stop { background-position:0 -100px; }
.audio_player .controls .btn_stop:hover { background-position:-100px -100px; }
.audio_player .controls .btn_stop .s { display:inline; }
.audio_player .controls .btn_stop .p { display:none; }

.audio_player.st2 {border:1px solid #d4d4d4; box-sizing:border-box; padding:30px 100px;}
.vod_wrap .ctrl_btn .slick-arrow { position:absolute; top:50%; overflow:hidden; width:18px; height:34px; margin-top:-13px; text-indent:-999px; background-repeat:no-repeat; background-image:url('../images/common/icons.png'); border:0; background-color:transparent; border-radius:0; z-index:1; }
.vod_wrap .ctrl_btn .slick-prev {background-position:-450px -50px; outline:0; margin-left:20px;}
.vod_wrap .ctrl_btn .slick-prev:hover {background-position:-450px 0; }
.vod_wrap .ctrl_btn .slick-next {right:0; background-position:-500px -50px; outline:0; margin-right:20px;}
.vod_wrap .ctrl_btn .slick-next:hover {background-position:-500px 0;}
.vod_wrap.audio .add_line {padding:10px 0;}
.vod_wrap.audio .add_wrap button {background:url('../images/common/sel_bg_f.png') 50% 0 no-repeat}
.chapter_num .state {float:left; background:url('../images/icons/ico_active.png') no-repeat; background-size:46px; width:46px; height:46px; text-indent:-9999px;}
.chapter_wrap .do .chapter_num .state {background:url('../images/icons/ico_active_on.png') no-repeat; background-size:44px; width:46px;} 
.chapter_wrap .do {font-weight:bold;}
.vod_wrap .chapter_wrap.st2 {padding:0 20px;}
.vod_wrap .chapter_wrap.st2 .chapter_num {background:none; width:110px; padding-left:0 !important;}
.vod_wrap .chapter_wrap.st2 .chapter_num li {color:#444;}
.vod_wrap .chapter_wrap.st2 > ul > li {padding-bottom:13px; padding-left:0 !important;}

/* 190517 카드러닝 추가 */
.vod_wrap.card .vod_player {width:900px; margin:0 auto; height:100%;}
.vod_wrap.card .card_info {position:relative; width:900px; height:600px; margin:0 auto; background:#000;}
.vod_wrap.card .card_info .content {width:100%; height:100%; /* line-height:600px; */ text-align:center;}
.vod_wrap.card .card_info img {width:100%;}
.vod_wrap.card .card_info textarea {border:1px solid #f1f1f1; overflow-y:auto; width:100%; height:200px; font-size:14px;}
.progress_bar progress {background:#f3f3f3; border:0; width:100%; height:15px; border-radius:9px;}
.progress_bar progress::-webkit-progress-bar {background:#f1f1f1;}
.progress_bar progress::-webkit-progress-value {background:#89baea;}
.progress_bar.st2 {display:inline-block; width:300px;}
.progress_bar.st2 progress {vertical-align:middle;}
.progress_bar.st2 progress::-webkit-progress-bar {background:#e5e5e5;}
.progress_bar.st2 progress::-webkit-progress-value {background:#2f7bd9;}
.vod_wrap.card .chapter_wrap {clear:both; width:900px; margin:0 auto; text-align:left;}
.vod_wrap.card .tse-scrollable {height:100px; font-size:15px; color:#333; overflow-y:auto; margin-top:10px;}
.vod_wrap.card .page_move {float:right; padding:10px 0;}
.vod_wrap.card .page_move input {border:1px solid #c0c0c0; width:30px; font-size:14px; padding:3px 8px; text-align:center; margin-right:7px;}
.vod_wrap.card .page_move input.total {border:0; padding:0; margin-right:0;}
.vod_wrap.card .page_move button {border:1px solid #c0c0c0; font-size:13px; padding:7px 10px; margin-left:10px;}

.vod_wrap.card.st2 {position:relative; width:100%; margin:0 auto; padding:0 150px; box-sizing:border-box;}
.vod_wrap.card.st2 .card_info {width:100%; background:#000;}
.vod_wrap.card.st2 .content {text-align:center;}
.vod_wrap.card.st2 .chapter_wrap {position:absolute; top:0; right:0; width:230px; line-height:1.5; background:#fff; padding-left:10px;}

.vod_wrap.card.st2 .tse-scrollable {width:230px; height:600px; margin-top:0;}
.vod_wrap.card.st2 {width:900px; margin:0 auto; padding:0;}
.vod_wrap.card.st2 .vod_player {width:400px; float:none;}
.vod_wrap.card .card_info {line-height:596px;}
.vod_wrap.card .card_info img {width:auto; max-height:600px;}
.vod_wrap.card.st2 .card_info img {max-width:400px;}
.vod_wrap.card .ctrl_btn .slick-arrow { position:absolute; top:50%; overflow:hidden; width:60px; height:60px; margin-top:-30px; text-indent:-999px; border:0; background-color:transparent; border-radius:50px; z-index:1; }
.vod_wrap.card .ctrl_btn .slick-prev {left:20px; background:rgba(0,0,0,.3) url("../images/icons/ico_prev_w.png") 50% no-repeat; outline:0;}
.vod_wrap.card .ctrl_btn .slick-prev:hover {background:rgba(0,0,0,.6) url("../images/icons/ico_prev_w.png") 50% no-repeat;}
.vod_wrap.card .ctrl_btn .slick-next {right:20px; background:rgba(0,0,0,.3) url("../images/icons/ico_next_w.png") 50% no-repeat; outline:0;}
.vod_wrap.card .ctrl_btn .slick-next:hover {background:rgba(0,0,0,.6) url("../images/icons/ico_next_w.png") 50% no-repeat;}

/* 190519 포스트 추가 */
.vod_wrap.post {overflow:hidden; min-height:350px;}
.vod_wrap.post .vod_player {float:right; height:auto; width:calc(100% - 370px);}
.vod_wrap.post .chapter_wrap.st2 {width:350px; float:left; padding:0; margin-top:0; margin-right:20px;}
.vod_wrap.post .chapter_wrap.st2 {max-height:500px; overflow-y:auto;} 
.vod_wrap.post .chapter_wrap .chapter_num {width:auto;}
.post_cont .content > p {font-weight:bold; font-size:19px; border-bottom:1px solid #2d598f; padding-bottom:10px; margin-bottom:10px;}
.vod_wrap.post .chapter_wrap .chapter_num span,
.post_cont .content p span {display:block; font-size:13px; text-align:left; line-height:.7px; padding-top:5px;}
.post_cont .content p span {line-height:normal; padding-top:0; font-weight:normal; font-size:16px; padding-bottom:5px;}
.post_cont .content p.tit {margin-bottom:20px; font-size:20px; color:#484747; font-weight:bold;}
.post_cont .content iframe {height:420px;}
.vod_wrap.post .content .inner {margin-bottom:40px; text-align:center;}
.post_cont .tse-scrollable {height:100px; font-size:14px; overflow-y:auto;}
.vod_wrap.post .chapter_wrap.st2 li.on {background:#e9f0f8; font-weight:bold;}
.vod_wrap.post .chapter_wrap > ul > li {max-width:100%; padding:5px 0 5px 3px;}
.vod_wrap.post .chapter_wrap .do {font-weight:normal;}
.vod_wrap.post .chapter_num .state {background-size:43px;}
.vod_wrap.post .chapter_wrap .do .chapter_num .state {background-size:43px;}
.vod_wrap.post .audio_player span {display:inline-block;}
.vod_wrap.post .content .inner .card_info {width:100%; line-height:596px;}

.vod_wrap.post .add_line {padding:30px 0 15px;}
.vod_wrap.post .add_wrap button {display:inline-block; padding:5px 12px 5px 12px; border:1px solid #2d598f; border-radius:25px; background:url('../images/common/sel_bg_f.png') right no-repeat; width:120px; color:#2d598f; text-align:left; background-size:30px;}
.vod_wrap.post .add_line.st2 .left_line {top:13px; width:40%; background:#2d598f;}
.vod_wrap.post .add_line.st2 .right_line {top:13px; width:40%; background:#2d598f;}

/* 190729 포스트nav 수정 */
.chapter_wrap.post_nav {width:290px;}
.chapter_wrap.post_nav > ul > li {max-width:90%; white-space:inherit; text-overflow:inherit;}
.chapter_wrap.post_nav .chapter_num {height:auto; margin-right:0;}
.chapter_wrap.post_nav .chapter_num ul {max-height:500px; overflow-y:auto;}
.chapter_wrap.post_nav .chapter_num li {width:260px; line-height:1.3; text-align:left;}
.chapter_wrap.post_nav .chapter_num li.state {width:45px;}
.chapter_wrap.post_nav .chapter_num li span {padding-bottom:10px;}

/* 190520 포스트 수정 */
.content.postPage {overflow:hidden;}
.content.postPage + .content.postPage {margin-top:30px;}

.inner .vod_wrap {margin-bottom:0;}
.inner .vod_wrap.card .vod_player {width:100%;}
.inner .vod_wrap.card .chapter_wrap {width:100%; overflow:hidden;}
.inner .vod_wrap.card .card_info img {max-width:100%;}
.inner .vod_wrap.card.st2 {width:100%;}
.inner .vod_wrap.card.st2 .chapter_wrap {width:230px; left:230px;}
.inner .vod_wrap.card.st2 .card_info img {height:auto;}
.inner .vod_wrap.card.st2 .vod_player {float:left; width:400px;}
.inner .textbox {overflow:hidden;}
.inner .tse-scrollable {height:auto; max-height:200px;}

.inner .vod_wrap.video .vod_player {width:100%; float:unset;}
.inner .vod_wrap.video .chapter_wrap {margin-top:10px;}
.inner .vod_wrap.video .sort_wrap {bottom:-24px;}
.inner .vod_wrap .chapter_wrap .chapter_num {padding:0 10px;}
.inner .vod_wrap.video.st2 .vod_player {width:50%; float:left;}
.inner .vod_wrap.video.st2 .chapter_wrap {margin-top:0;}
.inner .vod_wrap.video.st2 .chapter_wrap > ul {height:380px;}
.inner .vod_wrap.video.st2 .sort_wrap {bottom:3px;}
.inner .vod_wrap .chapter_wrap > ul > li {font-size:15px; text-align:left;}
.inner .vod_wrap.video .chapter_wrap .chapter_num {margin-right:10px;}
 
.inner .vod_wrap.st2.audio .vod_player {float:left; width:calc(100% - 387px);}
.inner .vod_wrap.st2.audio .chapter_wrap {margin-left:0;}
.vod_wrap.st2.audio .chapter_num {float:left;}
.chapter_tit {display:inline-block; white-space:normal; vertical-align:top;}
.inner .chapter_tit {width:220px; text-align:left;}
.vod_wrap.st2.audio .chapter_tit {display:inline-block; width:345px; vertical-align:-webkit-baseline-middle;}
.inner .vod_wrap.st2.audio .chapter_tit {display:inline-block; width:210px; text-align:left; vertical-align:-webkit-baseline-middle;}
.inner .vod_wrap .chapter_wrap p {font-size:20px; padding-bottom:16px;}

.inner .vod_wrap.audio {overflow:hidden;}
.inner .vod_wrap.audio .vod_player {width:100%;}
.inner .vod_wrap.audio .chapter_wrap.st2 {width:100%; margin:20px 0 0 0; padding:0 20px; text-align:left; box-sizing:border-box;}
.inner .vod_wrap.audio .ctrl_btn .slick-prev {left:0;}
.inner .vod_wrap.audio .ctrl_btn .slick-next {right:0;}
.inner .vod_wrap.audio .add_wrap button {color:#696969; border:0; padding:0; width:10%;}

 
/* */
.cart_cont .guide_desc { padding-top:15px; }
.cart_cont .guide_desc .lst > li + li { padding-top:5px; }
.cart_cont .summary { margin-top:60px; border-top:1px solid #333; border-bottom:1px solid #e5e5e5; display:table; table-layout:fixed; width:100%; }
.cart_cont .summary > * { display:table-cell; vertical-align:middle; text-align:center; padding:30px 0; }
.cart_cont .summary > em { width:50px; }
.cart_cont .summary > em > span { display:block; position:relative; width:26px; margin:0 auto; box-sizing:border-box; overflow:hidden; text-indent:-999px; }
.cart_cont .summary span.min { position:relative; height:2px; background-color:#666; }
.cart_cont .summary span.equ { position:relative; height:9px; border-top:2px solid #666; border-bottom:2px solid #666; }
.cart_cont .summary > dl { color:#333; line-height:1.1; }
.cart_cont .summary > dl > dt { font-weight:bold; padding-bottom:10px; letter-spacing:-1.5px; }
.cart_cont .summary > dl > dd > strong { position:relative; top:1px; font-size:30px; letter-spacing:-1.5px; padding-right:3px; }
.cart_cont .summary > dl.total { width:400px; }
.cart_cont .summary > dl.total dd { color:#2e7bd9; }
.cart_cont .summary_result { margin-top:0; border-top:0; }
/* */
.cart_cont .no_cart { font-size:18px; color:#333; line-height:1.8; text-align:center; padding-top:10px; }
.cart_cont .no_cart:before { content:""; display:block; margin:0 auto 25px; width:73px; height:53px; background:url('../images/common/icons.png') no-repeat 0-250px; }
.cart_cont .no_cart + .cbtns { margin-top:-5px; }
/* */
.cart_list .list { width:100%; border-top:1px solid #333; border-bottom:1px solid #e5e5e5; }
.cart_list .list tr > * { border-top:1px solid #e5e5e5; }
.cart_list .list thead tr > * { background-color:#f8f8fa; height:60px; font-size:15px; font-weight:bold; color:#333; }
.cart_list .list thead tr > *:first-child { border-top:0; }
.cart_list .list tbody tr > * { padding:30px 0; vertical-align:middle; }
.cart_list .list tbody tr .figure:hover img { -ms-transform:scale(1.06, 1.06); -webkit-transform:scale(1.06, 1.06); transform:scale(1.06, 1.06); }
.cart_list .figure { width:200px; background-color:#f8f8f9; position:relative; overflow:hidden; }
.cart_list .figure .img { position:relative; display:block; overflow:hidden; }
.cart_list .figure img { display:block; }
.cart_list .cnt_info { padding:0 10px 0 19px; box-sizing:border-box; position:relative; }
.cart_list .cnt_info .tit { font-size:20px; color:#333; line-height:1.3; font-weight:bold; }
.cart_list .cnt_info .tit {line-height:22px; max-width:100%; max-height:44px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; word-wrap:break-word;}
.cart_list .cnt_info .tit a:hover { text-decoration:underline; }
.cart_list .cnt_info .info { margin-left:-19px; color:#666; font-size:0; padding-top:25px; }
.cart_list .cnt_info .info > * { vertical-align:bottom; display:inline-block; padding-left:19px; font-size:14px; }
.cart_list .cnt_info .info > * + * { background:url('../images/list/br_l5.jpg') no-repeat 10px 3px; }
.cart_list .cnt_info .info .r { font-weight:normal; color:#e8424e; }
.cart_list .price_info { text-align:center; }
.cart_list .price_info > * { display:block; padding-left:0; }
.cart_list .price_info .old { display:block; padding-left:0; }
.cart_list .price_info .old + * { margin-top:5px; }
.cart_list .price_info * + .btn { margin-top:12px; }
.cart_list .price_info .btn { margin-left:auto; margin-right:auto; width:90px; height:28px; line-height:27px; }
.cart_list .price_info .btn_cancelview {width:92px; margin:0 auto; margin-top:10px; padding:2px 0 2px 20px; background:url("../images/common/icons.png") no-repeat; background-position:-948px -199px; font-size:12px; box-sizing:border-box;}
.cart_list .price_info .btn_cancelview:hover {text-decoration:underline;}
.cart_list .price_info .discount { padding-right:6px; }
.cart_list .fnt_up { position:relative; top:-1px; }

/* 190521 장바구니 추가 */
.cart_list .figure .detail_view {position:absolute; left:0; top:0; display:block; width:100%; height:100%; opacity:0; transition:all 0.2s ease;}
.cart_list .figure:hover .detail_view {opacity:0.9; background:#2b303b; z-index:100;}
.cart_list .figure:hover .detail_view .c_count {position:absolute; bottom:20px; left:18px; font-size:16px; transition:unset; color:#fff;}
/* .cart_list .figure:hover .detail_view.st2 {position:absolute; width:100%; height:auto; opacity:0.9; background:#2b303b; z-index:9999;} */
.cart_list .figure.st2 {height:180px;}
.cart_list .detail_view .view_tit {position:absolute; top:15px; left:18px; color:#fff; font-weight:bold;}
.cart_list .detail_view .view_tit li.type {font-size:15px;}
.cart_list .detail_view .sum { position:absolute; width:165px; bottom:15px; left:18px; white-space:nowrap; font-size:14px; color:#fff; border-top:1px solid #717172; padding-top:5px;}
.cart_list .detail_view .sum > li { display:inline-block; }
.cart_list .detail_view .sum > li + li { margin-left:8px; }
.cart_list .detail_view .sum > li:before { content:""; display:inline-block; vertical-align:middle; top:-1px; position:relative; background-repeat:no-repeat; background-image:url('../images/common/icons.png'); margin-right:5px; }
.cart_list .detail_view .sum .v:before { width:18px; height:13px; background-position:-550px 0; }
.cart_list .detail_view .sum .p:before { width:14px; height:13px; background-position:-600px 0; }
.cart_list .detail_view .sum .r:before { width:14px; height:14px; background-position:-650px 0; }

.cart_list .figure.book {display:flex; width:140px; margin:0 auto; background:none;}
.cart_list .figure.book .pic {width:140px; height:unset; margin:0 auto;}
.cart_list .figure.book .pic { position:relative; z-index:0; display:block; }
.cart_list .figure.book .img { position:relative; display:block; height:100%; overflow:hidden; }
.cart_list .figure.book .img:after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; background:url(../images/list/best_bg.png) no-repeat 0 0; background-size:100% 100%; }
.cart_list .figure.book .detail_view.st2 .view_tit  {left:13px; top:unset; font-size:12px; bottom:15px;}
.cart_list .figure.book .detail_view.st2 .view_tit li.type {font-size:12px;}

/* */
.history_cont .puser_info { margin-top:-5px; padding-bottom:26px; text-align:center; line-height:1.1; font-size:24px; color:#333; }
.history_cont .cart_list { margin-top:60px; }
.history_cont .no_result { margin-top:60px; }
.history_cont .no_result .cbtns { padding-top:15px; }

/* */
.pur_tit { font-size:24px; color:#333; padding-bottom:16px; line-height:1.1; }
.member_drop { margin-top:75px; position:relative; }
.member_drop .btn_drop { position:absolute; top:0; right:0; line-height:1.1; padding-bottom:3px; border-bottom:1px solid #666; }
.member_drop .description { border:1px solid #e5e5e5; padding:25px 30px; line-height:1.6; text-align:justify; }
.member_drop .description .ico_qr { margin-bottom:10px; }
.member_drop .description * + *[class*="dep"] { margin-top:6px; }
.member_drop .description * + .ico_qr { margin-top:30px; }
.member_drop .description div.dep_iq { font-size:14px; }
.member_drop .description div.dep_iq > * + p { margin-top:6px; }

/* */
.purchase_cont .attention { margin-top:80px; border:1px solid #e5e5e5; }
.purchase_cont .attention:after { content:""; display:block; clear:both; }
.purchase_cont .attention > li { height:148px; float:left; width:50%; box-sizing:border-box; }
.purchase_cont .attention > li + li { border-left:1px solid #e5e5e5; }
.purchase_cont .attention .tse-scrollable { height:100%; }
.purchase_cont .attention .guide_desc { padding:20px; }
.purchase_cont .attention .guide_desc div.lst { line-height:1.6; }
.purchase_cont .goods_info { border-top:1px solid #333; border-bottom:1px solid #e5e5e5; table-layout:fixed; width:100%; display:table; }
.purchase_cont .goods_info > * { display:table-cell; vertical-align:middle; height:200px; box-sizing:border-box; padding:20px; }
.purchase_cont .goods_info .figure { padding-left:30px; padding-right:0; width:210px; }
.purchase_cont .goods_info .goods_price { width:260px; text-align:center; background-color:#f8f8fa; line-height:1.1; }
.purchase_cont .goods_info .goods_price > dt { color:#333; letter-spacing:-1.5px; padding-bottom:10px; }
.purchase_cont .goods_info .goods_price > dd { color:#2e7bd9; font-size:20px; }
.purchase_cont .goods_info .goods_price > dd strong { font-size:30px; position:relative; top:2px; }
.purchase_cont .goods_info .goods { line-height:1.2; }
.purchase_cont .goods_info .goods > * { display:inline-block; vertical-align:middle; }
.purchase_cont .goods_info .goods .tit { color:#2e7bd9; color:#333; font-size:24px; font-weight:bold; position:relative; top:-1px; }
.purchase_cont .goods_info .goods * + .desc { padding-left:6px; font-size:14px; }
/* */
.purchase_form { padding-top:58px; }
.purchase_form .tb_forms { padding:0; }
.purchase_form .tb_forms .th { background-color:#f8f8fa; }
.purchase_form .tb_forms tbody > tr > * { height:auto; padding-top:20px; padding-bottom:20px; padding-left:20px; vertical-align:top; }
.purchase_form .tb_forms .lb { margin-top:0; }
.purchase_form .tb_forms tbody > tr + tr > * { border-top:1px solid #e5e5e5; }
.purchase_form .tb_forms .desc_guide .description { font-size:14px; color:#666; padding:20px 0 0; }
.purchase_form .tb_forms .tse-scrollable { height:100px; box-sizing:border-box; border:1px solid #e5e5e5; }
.purchase_form .tb_forms .tse-scrollable .desc_guide .description { padding:16px 20px; }
/* */
.purchase_complete { padding:55px 20px 60px; margin-bottom:40px; text-align:center; color:#333; border-top:1px solid #333; border-bottom:1px solid #e5e5e5; }
.purchase_complete .res { font-size:30px; color:#333; font-weight:bold; line-height:1.2; }
.purchase_complete > * + * { padding-top:25px; display:block; }
.purchase_complete .desc { font-size:18px; line-height:1.6; }
.purchase_complete .desc p em { font-size:14px; }
.purchase_complete .desc > * + p { margin-top:10px; }
.purchase_complete .lnks { font-size:0; }
.purchase_complete .lnks > .btn { display:inline-block; font-size:14px; margin:0 5px; vertical-align:top; height:40px; min-width:100px; padding:0 15px; line-height:37px; box-sizing:border-box; color:#666; }
.order_info { padding-top:60px; }
.order_info .tb_info { border-top:1px solid #333; border-bottom:1px solid #e5e5e5; width:100%; color:#333; }
.order_info .tb_info tbody tr > * { vertical-align:top; padding:18px 20px; text-align:left; line-height:1.6; }
.order_info .tb_info tbody tr + tr > * { border-top:1px solid #e5e5e5; }
.order_info .tb_info tbody th { background-color:#f8f8f9; font-weight:bold; }

/* */
.refund_cont { margin-top:-15px; }
.refund_cont .attention { padding:40px 0; border-bottom:1px solid #e5e5e5; }
.refund_cont .attention .tse-scrollable { height:150px; background-color:#f8f8f9; }
.refund_cont .attention .guide_desc { padding:20px; }
.refund_cont .attention .guide_desc div.lst { line-height:1.6; }
.refund_cont .refund_title { position:relative; }
.refund_cont .refund_title .ref_g { position:absolute; right:0; font-size:14px; top:5px; padding-left:10px; }
.refund_cont .refund_title .ref_g sup { color:#e8424e; font-size:16px; line-height:1; position:absolute; left:0; }
.refund_cont .refund_info { border-top:1px solid #333; border-bottom:1px solid #e5e5e5; table-layout:fixed; width:100%; display:table; }
.refund_cont .refund_info > * { display:table-cell; vertical-align:middle; height:200px; box-sizing:border-box; padding:20px; }
.refund_cont .refund_info .figure { padding-left:30px; padding-right:0; width:200px; }
.refund_cont .refund_info .goods_price { width:260px; text-align:center; background-color:#f8f8fa; line-height:1.1; }
.refund_cont .refund_info .goods_price > dt { color:#333; letter-spacing:-1.5px; padding-bottom:10px; }
.refund_cont .refund_info .goods_price > dd { color:#e8424e; font-size:20px; }
.refund_cont .refund_info .goods_price > dd strong { font-size:30px; position:relative; top:2px; }
.refund_cont .refund_info .goods { color:#333; font-size:24px; font-weight:bold; line-height:1.2; }
.refund_cont .refund_info .goods .tit { color:#2e7bd9; }
.refund_cont .refund_info .goods * + .desc { padding-top:15px; }

/* */
.sleep_account { position:relative; }
.sleep_account:before { content:""; position:absolute; top:0; left:-60px; right:-60px; height:1px; background-color:#e5e5e5; }
.sleep_account .qico_marks { margin-top:17px; }

/* 190619 수정 */
.conts_list .slider_panel .cont,
.conts_list .relation_list .cont {position:relative;}
.vod_list_area .slider_panel .item > ul > li.active,
.vod_list_area .relation_list .item > ul > li.active,
.slider_panel2 .relation_list .item > ul > li.active {position:relative; background:none;}
.vod_list_area .slider_panel .item > ul > li .bg,
.vod_list_area .relation_list .item > ul > li .bg,
.slider_panel2 .relation_list .item > ul > li .bg { content:""; position:absolute; top:-1px; bottom:0; left:-1px; right:-1px; border:5px solid #2e7bd9; opacity:0; visibility:hidden; -webkit-transition:all 0.2s; transition:all 0.2s; }
.vod_list_area .slider_panel .item > ul > li.active .bg,
.vod_list_area .relation_list .item > ul > li.active .bg,
.slider_panel2 .relation_list .item > ul > li.active .bg {opacity:1; visibility:visible;}

/* 190708 마이페이지 본인확인 추가 */
.mypage_cfpwd {border-top:1px solid #333; padding-bottom:40px;}
.mpc_inner {text-align:center; padding-top:40px;}
.mpc_inner p {font-size:18px; color:#666; line-height:1.6;}
.mpc_inner p strong {display:inline-block; font-size:30px; font-weight:bold; color:#333; padding-bottom:30px;}
.mpc_inner p b {color:#2e7bd9; font-weight:normal;}
.mpc_inner p + input {margin-top:30px; width:350px;}