<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* Loading 
    hello
*/
#listLoading { position:absolute; left:50%; top:50%; margin-left:-90px; margin-top:-90px; display:none; }

/* Category */
.list-category .tabs { margin-bottom:0px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* Icon */
.list-notice .wr-notice { display:inline-block; padding:0px; margin:0px; overflow:hidden; vertical-align:middle; background-repeat: no-repeat; background-position: left top; width:37px; height:19px; background-image: url('./img/icon_notice.gif'); }
.list-wrap .wr-text { font-family:dotum; font-size:11px; letter-spacing:-1px; line-height:11px; font-weight:normal; }
.list-wrap .wr-icon { display:inline-block; padding:0px; margin:0px; overflow:hidden; vertical-align:middle; background-repeat: no-repeat; background-position: left top; }
.list-wrap .wr-notice { width:37px; height:19px; background-image: url('./img/icon_notice.gif'); }
.list-wrap .wr-new { width:12px; height:12px; background-image: url('./img/icon_new.gif'); }
.list-wrap .wr-secret { width:12px; height:12px; background-image: url('./img/icon_secret.gif'); }
.list-wrap .wr-hot { width:12px; height:12px; background-image: url('./img/icon_hot.gif'); }

/* List */
.list-wrap { width:100%; }
.list-modal { position:relative; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.list-modal iframe { position: absolute;top: 0; left: 0; width: 100%; height:100%; }
.list-btn-box { margin-bottom: 15px; }
.list-btn-box a span { margin-left: 4px; }
.list-btn-box .sort a { color:crimson !important; font-weight:bold !important; }
.list-btn-box .dropdown-menu { font-size: 12px; }
.list-none { margin:0px 0px 15px; padding:80px 0px; }
.list-page { margin-bottom:15px; }
.list-page .pagination { margin:0; }
.list-control { line-height:1px; }

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* View */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

/* Write */
.write-wrap { width:100%; overflow:hidden; }


/* on/off 토글 버튼 색상 바꾸기*/
.input-group-btn .btn-default {    

    color: #686868 !important;  
}
.input-group-btn .active {    
    background-color: #3071a9 !important;
    border-color: #285e8e !important;
    color: #fff !important;
    font-weight: normal !important;
}

@media all and (max-width:767px) {
	.responsive .pull-right.list-control { float:none !important; margin-bottom:10px; }
	.responsive .pull-left.list-control { float:none !important; }
}
@media all and (max-width:460px) {
	.responsive .list-btn { text-align:center; margin:0px auto; }
	.responsive .pull-right.list-btn { float:none !important; margin-bottom:14px; }
	.responsive .view-btn i { margin-right:0px; }
}









/*
	커스터마이징
	동영상 강좌 나타내기	
	
*/

/* section */
section {margin-top: 50px;clear: both;padding: 15px 0px;}
.section_title { text-align: center;margin: 0px;margin-bottom: 10px;padding-bottom: 10px; border-bottom: 1px solid #dadada; }

.se_teacher {background-color: #fbf6eb;}

.se_teacher .con {font-weight: 300;}

.title {text-align: center;padding-top: 3px;}
.player-frame {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    border: none;
}
li{list-style: none;}	
.line{margin-top: 10px;padding-left: 5px;}
.item{font-weight: bold;}
.col-sm-2 {padding: 0px;}
.col-sm-10 {padding: 0px;}
.movies {padding: 0px;}
.movies li{width: 25%;float: left;padding: 0px 5px 15px 5px;}
.movies .title i {
    display: block;
    height: 40px;
    line-height: 40px;
    width: 27%;
    float: left;
    font-style: normal;
    font-size: 35px;
    font-family: "roboto";
    font-weight: 100;
    letter-spacing: -0.1em;
    text-align: left;
}
.movies li h5 {text-align: left;font-size: 15px;letter-spacing: -1px;font-weight: 300 !important;}
.movies li h5 span {font-size: 13px;display: block;margin-top: 0px;}

section.se_checklist {background: #f9e3f0;}
.check-list {margin-left: 3px;}
.check-list dt{font-size: 18px;font-weight: 600;}
.check-list dd{font-size: 16px;margin-bottom: 20px;padding-left: 7px;}
.section_content {margin: 0px auto;}


a.readmore {
	display: block;
	position: absolute;
	text-align: center;
	background-color: #dadada;
	line-height: 30px;
}

td.during {
	font-size: 18px;
	line-height: 80px;
}
td.price {
	font-size: 24px;
	color: orangered;
}
td.re_price {
	font-size: 18px;
	color: #333;
	vertical-align: middle;
}

@media (max-width:991px) {
	.movies li {width:50%; padding:0px 5px 15px 3px; }
	.section_content {width: 100%}
}

</pre></body></html>