@charset "utf-8";
/* CSS Document */
/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;

    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html {
    font-smoothing:antialiased;
}
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body{
	margin:0; padding:0;
    font-family: "Noto Sans KR", "Dotum", sans-serif;
    font-size: 13px;
    color: #333;
    background-color:#fff;
	letter-spacing:-0.2px; 
}

/* placeholder */
::-webkit-input-placeholder { color:#909090; font-size:14px;}
::-moz-placeholder { color:#909090; font-size:14px;} /* firefox 19+ */
:-ms-input-placeholder { color:#909090; font-size:14px;} /* ie */
input:-moz-placeholder { color:#909090; font-size:14px;}

a:hover,a:focus { text-decoration:none; color:inherit; }
ul,ol,dl,dd,li{ margin:0; padding:0; list-style-type:none; }
h1, h2, h3, h4, h5, h6 {letter-spacing:-0.7px;}
h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; }

table{ border-collapse:collapse; border-spacing:0px; }
*:focus { outline: 0; }
input, select, textarea{
    border:1px solid #ddd;
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-box-sizing:content-box; 
}
button{ border:0; background:transparent; }

a{ text-decoration:none; color:inherit; }
a:hover,a:focus {
  text-decoration:none;
  color:inherit;
}


.btn.active,.btn:active {-webkit-box-shadow: none; box-shadow: none;}
.btn.focus, .btn:focus, .btn:hover {color: inherit; }

label {margin:0;}
button {border:0;}
legend {display:none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}





/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*----------- 2021 renewal head, sub -----------*/
/* renewal head */

.renewal_head .main_size .fl{width:100%;margin-top:10px;}
.renewal_head .main_size .fl .index_logo{float: left;margin-top: 10px; height: 50px;}
.renewal_head .main_size .fl .search { width: 300px; margin: auto; position: relative; }
.renewal_head .main_size .fl .search input{width:300px;height:35px;background:#fff;border-radius:5px;float:left;margin-top:20px;
    padding:0 40px 0 20px; border:2px solid #b5b5b5; }
.renewal_head .main_size .fl .search img{cursor: pointer;}
.renewal_head .main_size .fl .ohidden.sec1{float:right;width:30%;border: 1px solid #eee;padding: 10px 15px 0 15px;border-radius: 10px;}
.renewal_head .main_size .fl .ohidden.sec1.__in{border: 0;padding: 25px 15px 0 15px;}
.renewal_head .main_size .fl .ohidden .inline li.bar{margin: 0;width: 30%;height: 25px;text-align: center;line-height: 25px;margin-bottom: 3px;}
.renewal_head .main_size .fl .ohidden .inline li.bar._in{width: auto;margin: 0 10px;line-height: 20px;}
.renewal_head .main_size .fl .ohidden .inline li.bar::before{content: "";margin: 0;}
.renewal_head .main_size .fl .ohidden .inline li.bar input{width: 100%;padding: 0;height: 100%;box-sizing: border-box;}
.renewal_head .main_size .fl .ohidden .inline li.bar.login{background: #f50021;}
.renewal_head .main_size .fl .ohidden .inline li.bar.login a{color: #fff;font-weight: 600;}
.renewal_head .main_size .fl .ohidden .inline li.bar.join a{color: #f50021;font-weight: 600;}
.renewal_head .main_size .lnb.fr{width: 100%;}
.renewal_head .main_size .lnb.fr .inline li{width: 16%;margin: 0;text-align: center;}
.renewal_head .sub_menu{padding-top: 0;top:179px;z-index: 10; border-bottom: #e6e6e6 solid 1px; box-shadow: 10px 10px 10px 0 #cccccc; }
.renewal_head .sub_menu .item{width: 16%;margin: 0;text-align: center;}

.renewal_head .sub_title{height: 150px;line-height: 150px;text-align: center;}
.renewal_head .center .nav {border-top: 1px solid #a1a1a1;border-bottom: 1px solid #a1a1a1;background-color: #959595;height: 50px;}
.renewal_head .center .sub_title span {color: #fff;font-size: 35px;padding: 10px;}
.renewal_head .center .nav ul > li.on > a {color: #000000;font-weight: 700;}
.renewal_head .center .sub_page .page_title {display: table;width: 100%;border-bottom: 2px solid #333;padding:50px 0 10px;}
.renewal_head .center .sub_page .page_title > .title {font-size: 35px;color: #1c1c1c;letter-spacing: -0.05em;text-align: left;vertical-align: bottom;display: table-cell;}
.renewal_head .center .sub_page .page_title > .title > a.btn-down:hover {border: 1px solid #ea1818;}
.renewal_head .center .sub_page .page_title > .title > a.btn-down {display: inline-block;position: relative;top: -8px;left: 20px;width: 180px;height: 40px;background-color: #Fff;border: 1px solid #ff6868;border-radius: 5px;text-align: center;}
.renewal_head .center .sub_page .page_title > .title > a.btn-down span {font-size: 16px;color: #ff6868;font-weight: 600;line-height: 220%;}
.renewal_head .center .sub_page .page_title > .bread {font-size: 12px;font-family: 'dotum';color: #999;text-align: right;vertical-align: bottom;display: table-cell;}

.renewal_head .footer{width: 100%;float: left;}

/* renewal main page */
.renewal_main{position: relative;}
.renewal_main .left{width:100%;float:left;}
.renewal_main .left .lecture-wrap{width:100%;height:300px;margin-bottom: 120px;}
.renewal_main .left .lecture-wrap .title-wrap{display: block;text-align: left;height: auto;padding-bottom: 10px;margin-bottom: 10px;}
.renewal_main .left .lecture-wrap .title-wrap > h2.list-title{width:100%;margin-bottom: 10px;}
.renewal_main .left .lecture-wrap .lecture-list li{width: 32%;margin: 0;float: left;}
.renewal_main .left .lecture-wrap .lecture-list li:nth-child(2){margin: 0 2%;}
.renewal_main .left .lecture-wrap .lecture-list li img{width: 100%;height: auto;}
.renewal_main .left .lecture-wrap .lecture-list .img_wrap{width: 275px;height: 160px;background: tan;position:relative;overflow: hidden; border-radius: 10px;border: 1px solid #d7d7d7;}
.renewal_main .left .lecture-wrap .lecture-list .img_wrap ._inner{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;display: none;color: #fff;text-align: center;line-height: 40px;font-size: 16px;}
.renewal_main .left .lecture-wrap .lecture-list li>a:hover ._inner{display: block;}
.renewal_main .left .lecture-wrap .lecture-list .img_wrap ._inner img{width: auto;margin-top: 70px;}
.renewal_main .left .lecture-wrap .lecture-list .img_wrap .social{width: 100%;height:20px;background: rgba(255, 255, 255, 0.7);position: absolute;bottom:0;left:0;}
.renewal_main .left .lecture-wrap .lecture-list .img_wrap .social>div{width: 50%;float:left;}
.renewal_main .left .lecture-wrap .lecture-list .img_wrap .social img{margin-top: 0;}
.renewal_main .left .lecture-wrap .lecture-list .index_wrap{width:100%;height: 30px;margin-bottom: 10px;}
.renewal_main .left .lecture-wrap .lecture-list .index_wrap .index{width:70px;height:20px;background: #fff; border-radius: 50px; color:#ff8800;text-align: center;line-height:20x;float: left;font-size: 13px; border: 1px solid #ff8800;}
.renewal_main .left .lecture-wrap .lecture-list .index_wrap .index:nth-child(2){background: #38d13f;margin:0 7px;}
.renewal_main .left .lecture-wrap .lecture-list .index_wrap .index:nth-child(3){background: #000;}
.renewal_main .left .lecture-wrap .lecture-list .txt_wrap{ padding-top:10px; color: #4c4c4c4;}
.renewal_main .left .lecture-wrap .lecture-list .txt_wrap .nav{font-size: 11px;text-align: right;height: 30px;border-bottom: 1px solid #666;margin-bottom: 5px;}
.renewal_main .left .lecture-wrap .lecture-list .txt_wrap h5{font-size: 18px;text-align: left;height:50px;overflow: hidden;white-space: normal;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.renewal_main .left .lecture-wrap .lecture-list .txt_wrap p{height:20px;padding: 0;margin: 8px 0 ;text-align: left;}

.renewal_main .left .lecture-wrap .swiper {width: 100%;height: 100%;}
.renewal_main .left .lecture-wrap .swiper-slide {text-align: center;font-size: 18px;background: #fff; width: 280px;}
.renewal_main .left .lecture-wrap .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.renewal_main .left .lecture-wrap .swiper-slide ._inner{width: 95%; margin: auto;}

/*s    추천과정 리뉴얼 24.01.15 */
.renewal_main_new{position: relative;}
.renewal_main_new .left{width:100%;float:left;}
.renewal_main_new .left .lecture-wrap{width:100%;margin-bottom: 50px;}
.renewal_main_new .left .lecture-wrap .title-wrap{display: block;text-align: left;height: auto;padding-bottom: 10px;margin-bottom: 10px;}
.renewal_main_new .left .lecture-wrap .title-wrap > h2.list-title{width:100%;margin-bottom: 10px;}
.renewal_main_new .left .lecture-wrap .lecture-list li{width: 32%;margin: 0;float: left;}
.renewal_main_new .left .lecture-wrap .lecture-list li:nth-child(2){margin: 0 2%;}
.renewal_main_new .left .lecture-wrap .lecture-list li img{width: 100%;height: auto;}
.renewal_main_new .left .lecture-wrap .lecture-list .img_wrap{width: 275px;height: 160px;background: tan;position:relative;overflow: hidden; border-radius: 10px;border: 1px solid #d7d7d7;}
.renewal_main_new .left .lecture-wrap .lecture-list .img_wrap ._inner{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;display: none;color: #fff;text-align: center;line-height: 40px;font-size: 16px;}
.renewal_main_new .left .lecture-wrap .lecture-list li>a:hover ._inner{display: block;}
.renewal_main_new .left .lecture-wrap .lecture-list .img_wrap ._inner img{width: auto;margin-top: 70px;}
.renewal_main_new .left .lecture-wrap .lecture-list .img_wrap .social{width: 100%;height:20px;background: rgba(255, 255, 255, 0.7);position: absolute;bottom:0;left:0;}
.renewal_main_new .left .lecture-wrap .lecture-list .img_wrap .social>div{width: 50%;float:left;}
.renewal_main_new .left .lecture-wrap .lecture-list .img_wrap .social img{margin-top: 0;}
.renewal_main_new .left .lecture-wrap .lecture-list .index_wrap{width:100%;height: 30px;}
.renewal_main_new .left .lecture-wrap .lecture-list .index_wrap .index{width:70px;height:20px;background: #fff; border-radius: 50px; color:#ff8800;text-align: center;line-height:20x;float: left;font-size: 13px; border: 1px solid #ff8800;}
.renewal_main_new .left .lecture-wrap .lecture-list .index_wrap .index:nth-child(2){background: #ffffff;margin:0 7px;}
.renewal_main_new .left .lecture-wrap .lecture-list .index_wrap .index:nth-child(3){background: #000;}
.renewal_main_new .left .lecture-wrap .lecture-list .txt_wrap{ padding-top:10px; color: #4c4c4c4;}
.renewal_main_new .left .lecture-wrap .lecture-list .txt_wrap .nav{font-size: 11px;text-align: right;height: 30px;border-bottom: 1px solid #666;margin-bottom: 5px;}
.renewal_main_new .left .lecture-wrap .lecture-list .txt_wrap h5{font-size: 18px;text-align: left;height:50px;overflow: hidden;white-space: normal;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical; word-break: keep-all;}
.renewal_main_new .left .lecture-wrap .lecture-list .txt_wrap p{height:20px;padding: 0;margin: 8px 0 ;text-align: left;}

.renewal_main_new .left .lecture-wrap .swiper {width: 100%;height: 100%;}
.renewal_main_new .left .lecture-wrap .swiper-slide {text-align: center;font-size: 18px;background: #fff; width: 290px; margin: 5px 5px 35px 5px;}
.renewal_main_new .left .lecture-wrap .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.renewal_main_new .left .lecture-wrap .swiper-slide ._inner{width: 95%; margin: auto;}



/* 추천과정 리뉴얼 24.01.15    e*/

.renewal_main .right{width:400px;float:right;}
.renewal_main .right .lecture-wrap{border:1px solid #b2b2b2;border-radius:10px;}
.renewal_main .right .lecture-wrap .title-wrap{margin-bottom: 20px;height: auto;}
.renewal_main .right .lecture-wrap .title-wrap h2{font-size: 20px;}
.renewal_main .right .lecture-wrap.keyword{height:200px;padding: 26px 20px;}
.renewal_main .right .lecture-wrap.keyword li{font-size: 15px;margin: 0 10px 10px 0;border: 1px solid #666; border-radius: 3px;padding: 8px 0;}
.renewal_main .right .lecture-wrap.keyword li:hover{background: #326ac5;color: #fff;}
.renewal_main .right .lecture-wrap.keyword li a{padding: 8px 20px;}
.renewal_main .right .lecture-wrap.review{height:230px;}
.renewal_main .right .lecture-wrap.review .title-wrap{padding: 20px;margin: 0;}
.renewal_main .right .lecture-wrap.review ._inner{width: 75%;margin:0 12.5%;}
.renewal_main .right .lecture-wrap.review .img_wrap{float: left;width: 100px;height: 62px;margin-right: 10px;overflow: hidden;}
.renewal_main .right .lecture-wrap.review .img_wrap img{width:100%;}
.renewal_main .right .lecture-wrap.review .txt_wrap h5{font-size: 20px;margin-bottom: 10px;height:58px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;white-space: normal;-webkit-box-orient: vertical;}
.renewal_main .right .lecture-wrap.review .txt_wrap .txt{font-size: 16px;margin-top: 10px;}
.renewal_main .right .lecture-wrap.btn{font-size: 20px;text-align: center;width: 100%;padding: 0;margin-bottom: 18px;}
.renewal_main .right .lecture-wrap.btn:hover{background:#ff6868;color: #fff;}
.renewal_main .right .lecture-wrap.btn .title-wrap{margin: 0;display: block;padding: 20px;}


.foot-board.renewal .temporarily_size{width: 45%;margin-right:150px;padding: 0;}
.foot-board.renewal .temporarily_size:nth-child(2){width: 40%;margin-right: 0;padding: 0; ;}
.foot-board.renewal .qna{padding: 0;height:auto;width: 30%;}
.foot-board.renewal .qna .main-num{font-size: 24px;line-height: 33px;}
.foot-board.renewal .qna .main-num a,
.foot-board.renewal .qna .time-wrap span{color: #ff6868;}
.foot-board.renewal .qna .time-wrap p{font-size: 15px; font-weight: 600;}
.foot-board.renewal .qna .qna_btn{width: 100px;height: 30px;background:#ff6868;color:#fff;font-weight: 600;text-align: center;line-height: 30px;border-radius: 5px;margin: 10px 0px;}




/* renewal sub page */
.renewal_sub{width:1200px;margin:0 auto;}
.renewal_sub .title_wrap{height:80px;border-bottom:1px solid #b2b2b2;padding: 20px 0;}
.renewal_sub .title_wrap h2{font-size: 27px;float: left;}
.renewal_sub .nav_txt{float:right; background: #888888; color:#fff;font-size:13px;margin-top: 20px;font-family: 'dotum';letter-spacing: -1px; border-radius: 50px; padding: 5px 10px; }
.renewal_sub .content_wrap{padding: 20px 0;min-height: 200px;}

.renewal_sub .lecture_title{float: left;width: 100%;}
.renewal_sub .lecture_title .img_wrap{width: 350px;height: 217px;overflow: hidden;float: left;margin: 20px;}
.renewal_sub .lecture_title .img_wrap img{height: 100%; border: 1px solid #eee;}
.renewal_sub .lecture_title .content_wrap{width: 67%;float: left;}
.renewal_sub .lecture_title .content_wrap_2d{width:100%;}

.renewal_sub .lecture_title .index_wrap{width:100%;height: 30px; }
.renewal_sub .lecture_title .index_wrap .index{width:100px;height: 27px;background: rgb(63, 101, 173);border-radius:25px;color: #fff;text-align: center;line-height: 27px;float: left;margin-right: 7px;}
.renewal_sub .lecture_title .index_wrap .index:nth-child(2){background: #38bbd1;}
.renewal_sub .lecture_title .index_wrap .index:nth-child(3){background: #000;}
.renewal_sub .lecture_title .index_wrap .social{width: 40%;float: right;}
.renewal_sub .lecture_title .index_wrap .social div{float:right;margin-left: 15px;}
.renewal_sub .lecture_title .index_wrap .social p{font-size: 15px;}
.renewal_sub .lecture_title .title_wrap{border: 0;height: 70px;}
.renewal_sub .lecture_title .title_wrap .title{font-size: 25px;font-weight: 600;margin-bottom: 10px;}
.renewal_sub .lecture_title .title_wrap .lecture_name{color: #888;}
.renewal_sub .lecture_title .price_wrap p{text-align: right;font-size: 23px;font-weight: 800;}
.renewal_sub .lecture_title .price_wrap .discount span{color: #f50021;}
.renewal_sub .lecture_title .btn_wrap{float: right;margin-top: 50px;}
.renewal_sub .lecture_title .btn_wrap div{width: 150px;height: 50px;border-radius: 5px;margin-left: 20px;line-height: 50px;text-align: center;float: left;font-size: 16px;}
.renewal_sub .lecture_title .btn_wrap .sample{border: 1px solid #888;color: #888;}
.renewal_sub .lecture_title .btn_wrap .submit{background: #f50021;color: #fff;}

.renewal_sub .lecture-wrap{float: left; }
.renewal_sub .lecture-wrap .lecture_list{float: left;width: 100%;}
.renewal_sub .lecture-wrap .lecture_list .title_wrap p{float:right;line-height: 60px;}
.renewal_sub .lecture-wrap .lecture_list  ul{margin-bottom: 16px;clear:both;}
.renewal_sub .lecture-wrap .lecture_list  li{font-size: 14px;}
.renewal_sub .lecture-wrap .lecture_list  li input{margin:0 5px 0 15px;}
.renewal_sub .lecture-wrap .lecture_list  li input:nth-child(1){margin-left: 0}
.renewal_sub .lecture-wrap .lecture_list  .title{float: left;width:15%;font-weight:bold;}
.renewal_sub .lecture-wrap .lecture_list  .txt_wrap p{font-size: 15px;}

.renewal_sub .lecture-wrap .lecture_list.info table{text-align: center;width: 60%;}
.renewal_sub .lecture-wrap .lecture_list.info table td{border: 1px solid #b2b2b2; box-sizing: border-box; height: 30px;}
.renewal_sub .lecture-wrap .lecture_list.info table tr:nth-child(1) td{background: #45454f;color:#fff;border-right: 1px solid #fff;}
.renewal_sub .lecture-wrap .lecture_list.info table tr:nth-child(1) td:last-child{border-right:0;}
.renewal_sub .lecture-wrap .lecture_list.info .hover{float: right;width: 22px;height: 22px;background: #888;border-radius: 22px;color: #fff;text-align: center;margin-right: 30px;cursor: pointer;position: relative;}
.renewal_sub .lecture-wrap .lecture_list.info .hover .__hover{width: 300px;padding: 20px;background: #888;position: absolute;top: 20%;left: 100%;display: none;text-align: left;}
.renewal_sub .lecture-wrap .lecture_list.info .hover .__hover p{color: #fff;}
.renewal_sub .lecture-wrap .lecture_list.info .hover .__hover span{font-size: 15px;font-weight: 600;}
.renewal_sub .lecture-wrap .lecture_list.info .hover .__hover img{width: 100%;margin: 10px 0;}
.renewal_sub .lecture-wrap .lecture_list.info .hover:hover .__hover{display: block;}

.renewal_sub .lecture-wrap .lecture_list.lecture .img_wrap{width: 180px;height: 200px;background: #b2b2b2;float:left;margin-right: 30px;overflow: hidden;}
.renewal_sub .lecture-wrap .lecture_list.lecture .img_wrap img{height: 100%;}
.renewal_sub .lecture-wrap .lecture_list.lecture .txt_wrap p{line-height: 25px;color: #444;}

.renewal_sub .lecture-wrap .lecture_list.list .top{width:100%;height: 50px;}
.renewal_sub .lecture-wrap .lecture_list.list .top h4{font-size: 20px;float: left;}
.renewal_sub .lecture-wrap .lecture_list.list .top div{float: right;}


.renewal_sub .lecture-wrap .lecture_list.list table.list_wrap{width: 100%; padding: 20px; margin-bottom: 50px; border-top: 1px solid #ddd;}
.renewal_sub .lecture-wrap .lecture_list.list .list_wrap th {border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; color: #666; line-height: 30px; padding:2px 5px ; background: #eee;}
.renewal_sub .lecture-wrap .lecture_list.list .list_wrap td {border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; color: #666; line-height: 30px; padding:2px 5px ; font-size: 14px;}

.renewal_sub .lecture-wrap .lecture_list.list .list_wrap .Ltitle { text-align: center;}


.renewal_sub .lecture-wrap .lecture_list.review .title_wrap span{margin-left: 5px;color: #326ac5;}
.renewal_sub .lecture-wrap .lecture_list.review .title_wrap p{font-size: 15px;}
.renewal_sub .lecture-wrap .lecture_list.review .content_wrap{width: 100%;}
.renewal_sub .lecture-wrap .lecture_list.review .content_wrap ._review{width: 100%;min-height: 100px;border-bottom: 1px solid #d3d3d3;float: left;}
.renewal_sub .lecture-wrap .lecture_list.review .content_wrap ._review .score{width: 13%;float: left;text-align: center;font-size: 15px;padding-top: 20px;}
.renewal_sub .lecture-wrap .lecture_list.review .content_wrap ._review .score .num{font-size: 20px;}
.renewal_sub .lecture-wrap .lecture_list.review .content_wrap ._review .txt{width: 80%;float: left;padding-top: 20px;}
.renewal_sub .lecture-wrap .lecture_list.review .content_wrap ._review .txt .top{color: #666;margin-bottom: 10px;}
.renewal_sub .lecture-wrap .lecture_list.review .content_wrap ._review .txt .bot{margin-bottom: 20px;}
.renewal_sub .lecture-wrap .lecture_list.review .content_wrap ._review .good{width: 7%;float: left;padding-top: 20px;}
.renewal_sub .lecture-wrap .lecture_list.review .content_wrap ._review .good p{text-align: right;}
.renewal_sub .lecture-wrap .lecture_list.review .more{width: 100%;height: 50px;text-align: center;float: left;margin-top: 20px;cursor: pointer;}
.renewal_sub .lecture-wrap .lecture_list.review .more p{font-size: 15px;font-weight: 600;}





.topbar { background: #f5f5f5; height: 38px;}
.topbar_wrap { margin: auto; width: 1200px;}
.topbar_wrap .topbar_menu li { padding:0 10px; line-height: 30px; float: left;}
.topbar_wrap .topbar_menu li::after { content: "ㅣ"; padding-left: 20px;  }
.topbar_wrap .topbar_menu li:last-child::after{   content: "";  }

.toplogin_wrap { margin-top: 5px; float: right; }
.toplogin_wrap li { float: left; line-height: 24px; }
.toplogin_wrap input { height: 25px; border-radius: 3px;}
.toplogin_wrap a.btn_login  { text-align: center; display: block; width:60px; height: 24px; line-height: 24px; 
    background: #11408b; color: #Fff;border-radius: 3px; margin: 1px 2px;}
.toplogin_wrap a.btn_logout {text-align: center;display: block; width:70px;height: 24px; line-height: 24px; 
    background: #ffffff; color: #11408b; border: #11408b 1px solid; border-radius: 3px;margin: 1px 2px;}
.toplogin_wrap a.btn_basic  {text-align: center;display: block; width:70px;height: 24px; line-height: 24px; 
    background: #878787; color: #Fff;border-radius: 3px;margin: 1px 2px;}
.toplogin_wrap a.btn_myroom  { text-align: center; display: block;  height: 24px; line-height: 24px; 
    background: #7743a7; color: #Fff;border-radius: 3px; margin: 1px 2px; padding: 0 15px;}
.toplogin_wrap { padding: 0 10px;;}
.toplogin_wrap  .login_guide { padding-right:10px;}

.top_banner_right { float: right; display: flex; margin-top: 9px; margin-right: 20px;; }
.top_banner_right .top_img { display: inline-block; margin-right:8px; }
.top_banner_right .top_txt_wrap { display: inline-block; }
.top_banner_right .txt01_01 {font-size: 14px;display: block; font-weight: 600; line-height:17px; }
.top_banner_right .txt01_02 {font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size:32px; color: #f40000;line-height:25px;}



.section_03 { background: #ffffff; position: relative; padding: 60px 0;}

.m_quick_bar {height: 100px; padding-top: 10px;  background:url("/images/main/main_q_bar_bg.png") bottom repeat-x; margin-bottom: 15px; }
.m_quick_bar_wrap { margin: auto; width: 1200px;display: flex;  justify-content:space-between }
.m_quick_box { display: flex; align-items: center; flex-grow: 1; margin-right:15px; border-right: 1px rgb(228, 228, 228) solid; padding-right:20px; font-size: 15px;}
.m_quick_box a:hover { color: #007aec;}

.m_banner_wrap { margin:auto ; width: 1200px;display: flex; justify-content:space-between; font-family: 'Noto Sans Korean';}
.m_banner_box { width: 230px; border: 1px #ccc solid ;padding:30px 25px; text-align: center; margin: 5px; background: #fff; }
.m_banner_box:nth-child(1){margin-left:0px;}
.m_banner_box:nth-child(5){margin-right:0px; width: 260px;}
.m_banner_box img{display: block; margin: auto;}
.m_banner_box p {font-size: 20px; padding: 0  0  15px  0; margin: 0; font-weight: 600; color: #222;}
a.btn_main_go01 { background:#8b5ab7 ; display: block; color: #fff; text-align: center; height:30px; border-radius: 5px; line-height: 30px;}
.cs_tel { font-size: 40px; color: #eb0000;  font-weight: 700;display: block; letter-spacing: -2px; font-family: "SCDream7"; line-height: 53px; margin-bottom: 5px; border-bottom: 1px solid #e7e7e7;}
.cs_mail {font-size: 13px; color: #474747; display: block;}
.cs_text {font-size: 13px; line-height: 16px;display: block; letter-spacing: -1.5px;}
.cs_bank { font-size:18px; color: #000; display: block;font-weight: 700; padding-top: 10px; }


/* 메인팝업 */
#divpop202401 a{color: #fff; }