@charset "UTF-8";


.wrap {
    overflow-x: hidden;
    position: relative;
}
#container {
    width: 100%;
}
.page_spot {
    height: 338px;
    min-width: 1100px;
    background: no-repeat center 0;
}

/* 추가 */
.sub .title_box{display: block; padding: 50px 0; background: #fff;}
.sub .title_box .tit{width: 1400px; margin: 0 auto; font-size: 28px; font-weight: 600; text-align: center; /*color: #4d87ff;*/ /* border-bottom: 1px solid #ddd; padding-bottom: 20px;*/}

/* 시리즈 전체 */
.sub .new_wrap{position: relative; padding: 20px 0 0;}
.sub .new_wrap .list {width: 1400px; margin: 0 auto;}
.sub .new_wrap .list ul{overflow: hidden; /*height: 370px;*/}
.sub .new_wrap .list ul a{display: block; padding-bottom: 18px;}
.sub .new_wrap .list ul li{float: left; width: calc(25% - 7.5px); height: 300px; background: #fff; box-shadow: 3px 4px 5px rgb(0 0 0 / 12%); border-radius: 15px; position: relative; margin-right: 10px; margin-bottom: 30px; /*border-bottom: 1px dashed #ddd;*/}
.sub .new_wrap .list ul li:nth-child(4n){ margin-right: 0;}
.sub .new_wrap .list ul li .photo{position: relative;}
.sub .new_wrap .list ul li img.play{ 
	width: 40px; 
	height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.sub .new_wrap .list .small{/*float: right; width: 60%;*/}
.sub .new_wrap .list ul li img{ width: 100%; height: 192px; border-radius: 15px 15px 0 0;}
/*.sub .new_wrap .list ul li:nth-child(2n){margin-left: 10px;}
.sub .new_wrap .list ul li:nth-child(2n+1){margin-left: 10px;}
.sub .new_wrap .list ul li:nth-child(1){margin-left: 0px;}*/
.sub .new_wrap .list .tit{font-size: 18px; color: #000;font-weight: 600;}
.sub .new_wrap .list .txt{font-size: 14px; color: #8f8f8f;padding-top: 3px;
   /* white-space: normal;
    line-height: 1.2;
    height: 1.2em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/ 
}
.sub .new_wrap .list .txt em{display: inline-block;}
.sub .new_wrap .list p{margin: 20px 15px 0 15px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.plus img{width: 60px;}
.sub .new_wrap .list .plus{text-align: center; padding: 0;
    /*position: absolute; right: 0; top: 5px;*/}
.sub #content .section .cont_cen .new_wrap .tit{font-size: 17px; font-weight: 600;}
.sub #content .section .cont_cen .new_wrap .txt{padding-top: 3px; margin: 0; margin: 0 15px; font-size: 14px;}
.sub #content .section .cont_cen .new_wrap .star{color: #4d87ff; font-weight: 500;}
.sub #content .section .cont_cen .new_wrap .star span{color: #efb301; font-size: 17px;}


.sub .home{}
.sub .home .list{height: 280px; overflow: hidden;}
.sub .home .list ul li{width: calc(20% - 8px);}
.sub .home .list ul li:nth-child(4n){margin-right: 10px;}
.sub .home .list ul li:nth-child(5n){ margin-right: 0;}

.sub .new_wrap .list.re{}
.sub .new_wrap .list.re .thumb{opacity: 1; width: 20%;}
.sub .new_wrap .list.re .thumb p{margin: 0;}
.sub .ing_wrap .list.re .box{width: 80%;}
.sub .new_wrap .list.re .box p{margin: 0;}
.sub .ing_wrap .list.re .photo_box{width: auto; text-align: left;}
.sub #content .section .cont_cen .re .list.re .txt{padding-left: 0;}
.sub .view.re{}
.sub .view.re .write_box{position: relative;}
.sub .view.re .write_box textarea{
    border: 1px solid #ddd;
    background: #fff;
    width: 100%;
    height: 50px;
    border-radius: 10px;
}
.sub #content .section .cont_cen.left .view.re .write_box input[type=text]{
    width: 93.5%;
    background: #f5f5f5;
    border: 0;
    margin: 10px auto 50px;
    padding: 10px;
    height: 45px;
    line-height: 45px;
    border-radius: 12px;
}
.sub .view.re .write_box .small-btn{position: absolute; 
    top: 13px; right: 0; padding-top: 10px;}


/* 시리즈 북 추가 */
.sub .new_wrap.book .list ul li{
    width: 16.66%;
    text-align: center;
    margin-right: 0px;
    box-shadow: none;
	position: relative;
}
.sub .new_wrap.book .list ul li:before{
    content: '';
    position: absolute;
    left: 30px;
    top: 0px;
    width: 30px;
    height: 30px;
    background: #fff url(../img/sub/book_ico.png) no-repeat;
	border-radius: 100%;
    /* padding: 1px; */
}
.sub .new_wrap.book .list ul li img{
    width: auto; 
    padding: 0 0 10px;
    border-radius: 0;
}
.sub .new_wrap.book li .num {
    background: #4d87ff;
    color: #fff;
    padding: 3px 7px;
    border-radius: 10px;
    font-size: 13px;
}
.sub .new_wrap.book li .label {
    color: #000;
    font-weight: 600;
    margin: 10px 0;
    font-size: 16px;
}
.sub .new_wrap.book li a{padding-bottom: 0;}
.sub .new_wrap.book li a:hover .label{color: #4d87ff;}

.sub .ing_wrap.book{}
.sub .ing_wrap.book .list ul:nth-child(2){margin: 0 0 30px;}
.sub .ing_wrap.book .list ul{
    /*background: rgba(77,135,255,0.2);*/
    margin-bottom: 30px;
    margin: 0 auto 30px;
    border-radius: 15px;
}
.sub .ing_wrap.book .list ul.book_01{
    background: url(../img/sub/book_bglogo01.png) no-repeat 0 0, url(../img/sub/book_bgline.png) no-repeat -5px 0;
    background-color: #acb5d7;
}
.sub .ing_wrap.book .list ul.book_02{
    background: url(../img/sub/book_bglogo02.png) no-repeat 0 0, url(../img/sub/book_bgline.png) no-repeat -5px 0;
    background-color: #90c3d7;
}
.sub .ing_wrap.book .list ul.book_03{
    background: url(../img/sub/book_bglogo03.png) no-repeat 0 0, url(../img/sub/book_bgline.png) no-repeat -5px 0;
    background-color: #abd5ec;
}
.sub .ing_wrap.book .list ul.book_04{
    background: url(../img/sub/book_bglogo04.png) no-repeat 0 0, url(../img/sub/book_bgline.png) no-repeat -5px 0;
    background-color: #f2b8c2;
}

.sub .ing_wrap.book .list ul.book_05{
    background: url(../img/sub/book_bglogo05.png) no-repeat 0 0, url(../img/sub/book_bgline.png) no-repeat -5px 0;
    background-color: #88c7b9;
}

.sub .ing_wrap.book .list ul li{
    width: 100%;
    background: none;
    padding: 40px 0;
    margin-bottom: 0;
}
.sub .ing_wrap.book .list ul li:before{display: none;}
.sub .ing_wrap.book .list ul li img{
    padding-bottom: 0;
    padding: 6px;
    border: 1px dashed #afc6f5;
    box-shadow: 10px 10px 2px 1px rgb(0 0 0 / 10%);
}
.sub .ing_wrap.book .thumb{width: 45%; text-align: right; margin-right: 20px;}
.sub .ing_wrap.book .box{width: 30%; text-align: left;}
.sub #content .section .cont_cen .ing_wrap.book .txt{
    font-size: 16px;
    line-height: 1.5;
    height: 4.5em;
    color: #fff;
}
.sub .ing_wrap.book .box .btn{
    background: #4d87ff;
    padding: 5px 18px;
    display: inline-block;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    margin: 15px;
    font-weight: 500;
    font-size: 13px;
}
.sub .ing_wrap.book .box .btn:hover{
    color: #4d87ff;
    border: 1px solid #4d87ff;
    background: #fff;
}



/* 나의영상 */
.sub .ma{}
.sub .ma .list{height: 300px;}

.sub .title_box.ma{padding: 0 0 50px; overflow: hidden; width: 1200px; margin: 0 auto;}
.sub #content .section .cont_cen .title_box.ma .tit{font-weight: 500; color: #000; width: auto; padding-top: 15px; text-align: center;line-height: 1.2;  float: none; font-size: 25px;}

.title_box.ma .tit b {color: #4d87ff;text-decoration: none;}
.title_box.ma .tit .id{color: #c1c1c1; font-size: 14px;display: block; margin-top: 5px;}
.title_box.ma .mine{font-weight: 500;}
.title_box.ma .mine .info{color: #888;font-size: 14px; padding-right: 10px;}
.title_box.ma .mine .info a{color: #888;}
.title_box.ma .mine .info a:hover{color: #4d87ff;}
.title_box.ma .join {
    border-radius: 20px;
    width: 90px;
    margin: 20px auto 0;
    text-align: center;
    background: #f7f7f7;
    float: none;
}
.title_box.ma .join a {
    color: #4d87ff;
    font-weight: 500;
    font-size: 13px;
    padding: 10px 17px;
    display: inline-block;
}

.sub .save .list .label {
    background: rgba(0,0,0, 0.7);
    display: inline-block;
    border-radius: 15px;
    text-align: center;
    padding: 5px 7px 3px;
    position: absolute;
    left: 0px;
    /*top: 175px;*/
    bottom: 105px;
    color: #fff;
    font-size: 11px;
    line-height: 1.5;
}
.sub .save .list ul a{
    padding-bottom: 50px;
}
.sub .save .list ul li .time{
    float: right;
    margin-top: -25px;
}

.sub .save .list ul li .line_bg{
    width: calc(100% - 30px);
    height: 4px;
    background: #ccc;
    position: absolute;
    bottom: 0;
    left: 15px;
    border-radius: 15px;
    transform: translate(0%,0);
}

.sub .save .list ul li .line_bg .line_bar {
    border-bottom: 4px solid #4c85fc;
    position: absolute;
    bottom: 0;
    left: 0px;
}

.sub .save .list ul li .line_bg em {
    margin-top: -25px;
    float: left;
    font-size: 13px;
    text-align: left;
    color: #4d87ff;
    font-weight: 500;
}

.sel_cont{width: 50%; margin: 0 auto;}
.sel_cont select{
    border: 1px solid #ddd;
    width: 100%;
    height: 50px;
    margin: 0;
    border-radius: 10px;
    background: #fff url(../img/sub/select_icon.png) no-repeat right 8px center;
    padding: 0 20px;
}

.sub .short{}
.sub .short ul{overflow: hidden;}
.sub .short ul li{
    background: #f1f5f8;
    border: 1px solid #ddd;
    float: left;
    width: calc(25% - 7.5px);
    border-radius: 10px;
    text-align: center;
    margin: 10px 10px 0 0;
    padding-left: 20px;
}
.sub .short ul li a{
    font-size: 15px; 
    color: #888; 
    padding: 18px 10px; 
    width: 100%;
}
.sub .short ul li a:hover{color: #000;}

.sub .short ul li:nth-child(1){
    background: #f1f5f8 url(../img/sub/ico_short01.png) no-repeat 42% 50%;
    background-size: auto 16px;
}
.sub .short ul li:nth-child(2){
    background: #f1f5f8 url(../img/sub/ico_short02.png) no-repeat 36% 50%;
    background-size: auto 16px;
}
.sub .short ul li:nth-child(3){
    background: #f1f5f8 url(../img/sub/ico_short03.png) no-repeat 42% 50%;
    background-size: auto 16px;
}
.sub .short ul li:nth-child(4){
    margin-right: 0;
    background: #f1f5f8 url(../img/sub/ico_short04.png) no-repeat 36% 50%;
    background-size: auto 16px;
}
.sub .ing_wrap{}
.sub .ing_wrap .list ul a{display: flex;; padding-bottom: 0px; padding: 15px;}
.sub .ing_wrap .list ul a:hover{ background: rgba(77,135,255,0.2); border-radius: 15px;}
.sub .ing_wrap .list ul a .over{ }
.sub .ing_wrap .list ul a:hover .over{
    background: rgba(77,135,255,0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 15px;
}
.sub .ing_wrap .list ul:nth-child(2){margin: 0 28px;}
.sub .ing_wrap .list ul li{width: calc(50% - 7.5px); box-shadow: none;}
.sub .ing_wrap .list ul li img{border-radius: 15px;}
.sub .ing_wrap .thumb{float: left;width: 50%;position: relative;}
.sub .ing_wrap .box{float: left;width: 50%; position: relative;}
.sub .ing_wrap .list .tit{padding-top: 0; white-space: nowrap; line-height: 1.2;height: 2.4em;}
.sub .ing_wrap .list .txt{
    white-space: normal;
    line-height: 1.2;
    height: 3.6em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.sub .ing_wrap .list .name{padding-top: 0px; padding-bottom: 5px; color: #c1c1c1; color: #4d87ff; font-weight: 500; font-size: 14px;}
.sub .ing_wrap .list ul li:nth-child(2n){margin-left: 0; margin: 0;}
.sub #content .section .cont_cen .ing_wrap .tit{font-size: 20px;}
.sub #content .section .cont_cen .ing_wrap .txt{font-size: 15px; padding-left: 15px;    margin-left: 0px;}

.sub #content .section .cont_cen .ing_wrap.view .tit{height: 1.2em; margin-bottom: 20px;    margin-top: 0;}

.sub #content .section .cont_cen .ing_wrap.re .tit{margin-bottom: 3px;}
.sub .ing_wrap.re .list .name{color: #c1c1c1; font-weight: 400; margin-top: 0}
.sub #content .section .cont_cen .re .txt{
    white-space: normal;
    line-height: initial;
    height: 150px;
    height: 130px;
    display: block;
}
.sub .ing_wrap.re .thumb{opacity: 0.5;}


.line_bg{
    width: calc(100% - 30px);
    height: 4px;
    background: #ccc;
    position: absolute;
    bottom: 0;
    left: 15px;
    border-radius: 15px;
    transform: translate(0%,0);
}
.line_bg .line_bar {
    border-bottom: 4px solid #4c85fc;
    position: absolute;
    bottom: 0;
    left: 0px;
    border-radius: 15px;
}
.line_bg em {
    margin-top: -25px;
    float: left;
    font-size: 13px;
    text-align: left;
    color: #4d87ff;
    font-weight: 500;
}

.sub .ing_wrap .list ul li .line_bg{
    width: calc(100% - 30px);
    height: 4px;
    background: #ccc;
    position: absolute;
    bottom: 0;
    left: 15px;
    border-radius: 15px;
    transform: translate(0%,0);
}
.sub .ing_wrap .list ul li .line_bg .line_bar {
    border-bottom: 4px solid #4c85fc;
    position: absolute;
    bottom: 0;
    left: 0px;
}
.sub .ing_wrap .list ul li .line_bg em {
    margin-top: -25px;
    float: left;
    font-size: 13px;
    text-align: left;
    color: #4d87ff;
    font-weight: 500;
}
.sub .ing_wrap .list ul li .time {
    float: right;
    margin-top: -25px;
}
.sub .ing_wrap .title_box{}
.sub .ing_wrap .title_box .mine{padding-top: 40px; margin-bottom: -40px;}
.sub .ing_wrap .title_box .mine a{color: #888;}
.sub .ing_wrap .title_box .mine span{font-size: 18px;}

.sub .ing_wrap .title_box .mine span:hover, 
.sub .ing_wrap .title_box .mine span.on{color: #000;}

.sub .ing_wrap .title_box .mine span.on a, 
.sub .ing_wrap .title_box .mine span:hover a{color: #4d87ff;}

.sub .view_wrap{
    padding: 20px 0 0;
    position: relative; 
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}
.sub .view_wrap .photo{position: relative; }
.sub .view_wrap .photo img{border-radius: 15px; width: 100%;}
.sub .view_wrap .photo img.play{
    width: 86px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.sub .view_wrap .label{
    background: #000;
    color: #fff;
    padding: 5px 10px;
    border-radius: 15px;
    margin: 20px 0 0;
    display: inline-block;
}
.sub .view_wrap .label.pre{
    background: #4d87ff;
    float: right;
}
.sub .view_wrap .box{
    position: relative; 
    overflow: hidden; 
    padding-bottom: 40px;
}
.sub .view_wrap .line_bg{
    left: 0;
    top: 52px;
    position: inherit;
    float: left;
    width: 90%;
}
.sub .view_wrap .time {
    float: right;
    margin-top: -25px;
}

.sub #content .section .cont_cen .view_wrap .tit{font-size: 28px; margin: 5px 0 0; letter-spacing: -2px;}
.sub #content .section .cont_cen .view_wrap .txt{margin: 10px 0; /* width: 50%; */}


/* 라이센스 배너 */
.sub #content .section .cont_cen .license_wrap .box .txt{font-size: 18px; color: #fff; width: 55%;}
.sub #content .section .cont_cen .license_wrap a:hover .box .txt{color: #000;}



.sub .view_wrap .box .icos{float: right;}
.sub .view_wrap .box .icos li{
    display: inline-block;
    text-align: center;
    padding: 10px 0px;
    width: 50px;
}
.sub .view_wrap .box .icos a{padding-top: 35px; color: #8f8f8f;}
.sub .view_wrap .box .icos a:hover{color: #4d87ff;font-weight: 500;}
.sub .view_wrap .box .icos .ma_like{
    background: url(../img/sub/ico_malike.png) no-repeat 50% 0%;
    background-size: 30px auto;
}
.sub .view_wrap .box .icos .ma_share{
    background: url(../img/sub/ico_mashare.png) no-repeat 50% 0%;
    background-size: 30px auto;
}
.sub .view_wrap .box .icos a:hover.ma_like{
    background: url(../img/sub/ico_malike_on.png) no-repeat 50% 0%;
    background-size: 30px auto;
}
.sub .view_wrap .box .icos a:hover.ma_share{
    background: url(../img/sub/ico_mashare_on.png) no-repeat 50% 0%;
    background-size: 30px auto;
}
.sub .view .title_box{overflow: hidden;}
.sub .view .title_box .mine{float: left; padding: 0;}
.sub .view .title_box .mine.add{float: right; margin-right: -10px;}
.sub .view .title_box .mine.add span{font-size: 16px;}
.sub .view .title_box .mine.add span:hover a{color: #000;}
.sub .ing_wrap .title_box .mine.add span.on a{color: #000;}

.sub .view .title_box .auto{float: right; position: relative; text-align: right; width: auto;}
.sub .view .title_box .auto .text{font-size: 15px; color: #888;font-weight: 500;}
.sub .view .title_box .auto .line_bg{height: 15px; width: 30px; left: -35px; top: 4px; background: #aaa;}
.sub .view .title_box .auto .line_bar{width: 15px; height: 15px; border: 1px solid #aaa; background: #fff;}
.sub .view .title_box .auto a{display: block;}
.sub .view .title_box .auto a:hover .text, .sub .view .title_box .auto.on .text{color: #4d87ff;}
.sub .view .title_box .auto.on .line_bg{background: #4d87ff;}
.sub .view .title_box .auto.on .line_bg .line_bar{left: 15px; border-color: #4d87ff;}

/* 회사소개 */
.sub #content .section .cont_cen.company .title_box .txt{
    font-size: 18px;
    line-height: 1.3;
    /*width: 800px;*/
    margin: 30px auto;
    text-align: justify;
}

.sub #content .section .cont_cen.company .title_box .tit{
    position: relative;
    padding-top: 30px;
}
.sub #content .section .cont_cen.company .title_box .tit:before{
    content: " ";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background: #4d87ff;
    width: 50px;
    height: 5px;
}

.sub .company .title_box{padding-bottom: 0;}
.sub #content .section .cont_cen.left.company .page_title{
    width: 1200px;
    margin: 50px auto 0;
    text-align: left;
    padding-bottom: 20px;
}
.sub .company .cont{    
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.sub .company .cont img{width: 100%;}


/* 시리즈 소개_추가 */
.sub.series #content .section{width: 100%;}
.sub.series .cont img{width: auto; padding: 50px 0 30px;}
.sub.series .title_box .tit span{font-size: 20px; font-weight: 400;}
.sub.series .title_box .tit span b{color: #ffc107; color: #4d87ff;}
.sub.series #content .section .cont_cen.left.company .page_title{text-align: center; margin: 30px auto 0;}
.sub.series #content .section .cont_cen.left .page_title:before{left: 50%;
    transform: translate(-25%, -5px);}
.sub.series .cont{width: 100%;}
.sub.series .topvs{text-align: center;}
.sub.series img.top{border-radius: 15px; margin-bottom: 50px;}
.sub.series ul{
    overflow: hidden;
    margin: 60px auto 30px;
    width: 1400px;
}
.sub.series ul li{
    float: left;  
    width: calc(50% - 30px);
    color: #8f8f8f;
    font-size: 18px;
    line-height: 1.7;
    margin: 30px auto;
    text-align: justify;
    /*text-align: left;*/
}
.sub.series ul li:nth-child(2), .sub.series ul li:nth-child(4){margin-left: 60px;}
.sub.series ul li b{color: #666;}
.sub.series ul li .num{
    background: #4d87ff;
    color: #fff;
    padding: 3px 6px;
    border-radius: 100%;
    font-size: 15px;
	vertical-align: text-top;
}
.sub.series ul li .label{
    color: #000;
    font-weight: 600;
    margin: 10px 0;
    font-size: 20px;
}

.sub.series .cont_02{
    padding: 40px 0 10px;
    margin: 60px 0;
    background: #f8f8f8;
}

.sub.series .cont_02.series_01{
    background: #f8f8f8 url(../img/sub/series_01_bg.png) right bottom 3% no-repeat;
    background-size: 20% auto;
}
.sub.series .cont_02.series_02{
    background: #f8f8f8 url(../img/sub/series_02_bg.png) right bottom 3% no-repeat;
    background-size: 20% auto;
}
.sub.series .cont_02.series_03{
    background: #f8f8f8 url(../img/sub/series_03_bg.png) right bottom 3% no-repeat;
    background-size: 20% auto;
}
.sub.series .cont_02.series_04{
    background: #f8f8f8 url(../img/sub/series_04_bg.png) right bottom 3% no-repeat;
    background-size: 20% auto;
}

.sub.series .cont_02.series_05{
    background: #f8f8f8 url(../img/sub/series_05_bg.png) right bottom 3% no-repeat;
    background-size: 20% auto;
}

.sub.series .cont_02 .title_box .tit{background: #f8f8f8;}

.sub.series .cont_02 ul li{
    width: calc(33.3% - 40px); 
    margin: 30px auto; 
    margin-right: 60px;
    height: 270px;
}
.sub.series .cont_02 ul li:nth-child(3n){margin-right: 0;}

.sub.series .cont_03{margin-bottom: 80px;}
.sub #content .section .cont_cen .cont_03 .txt{
    width: 1000px;
    margin: 30px auto 0;
    font-size: 18px; 
    line-height: 1.7;
    color: #000;
    font-weight: 500;
}
.sub #content .section .cont_cen .cont_03 .txt b{color: #4d87ff;}
.sub.series .cont_03 ul{
   /* border-top: 1px dashed #cacaca;*/
    /*margin: 50px auto;
    padding: 50px 0 0;*/
    width: 1000px;
}
.sub.series .cont_03 ul li{    
    width: 100%;
    border-bottom: 1px dashed #cacaca;
    padding-bottom: 40px;
    text-align: center;
}
.sub.series .cont_03 ul li:last-child{margin-bottom: 0;}
.sub.series .cont_03 ul li:nth-child(2), .sub.series .cont_03 ul li:nth-child(4) {
    margin-left: 0px;
}
.sub.series .cont_03 ul li .num{
	font-size: 14px;
    padding: 10px;
	border-radius: 10px;
    background: #000;
    font-weight: 600;
}
.sub.series .cont_03 ul li .label{display: inline-block; margin-left: 10px;}
.sub.series .cont_03 ul li .text{margin: 40px 0 0 10px;}

.sub.series .cont_04{
    background-image: none;
    margin: 0;
    padding-bottom: 100px;
    margin-bottom: -150px;
    background: #f8f8f8;
}
.sub.series .cont_04 ul li{
    text-align: center;
    width: 20%;
    margin-right: 0px;
}
.sub.series .cont_04 .cover{}
.sub.series .cont_04 .cover img{padding: 0 0 10px;}
.sub #content .section .cont_cen .cont_04 .txt{ margin: 10px 0 0; line-height: 1.3;}

.sub.series b.point{color: #4d87ff; text-decoration: underline;}
.sub.series b.point.add{    
	color: #1f5ad3;
    text-decoration: none;
    font-size: 22px;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}
.sub.series ul.full li{width: 100%; text-align: center; line-height: 2;}
.sub.series ul.full li:nth-child(2){margin-left: 0px;}

.sub.series #content .section .cont_cen.company .title_box .tit{}
.sub.series #content .section .cont_cen .cont_01 .txt{color: #000; font-size: 20px; font-weight: 500;}
.sub.series #content .section .cont_cen .txt b{color: #4d87ff;}
.sub.series .cont_02.series_04 ul li{width: calc(50% - 30px);}
.sub.series .cont_02.series_04 ul li:nth-child(2n){margin-right: 0;}
.sub.series .cont_02.series_04 ul li:nth-child(3){margin-right: 60px;}


.sub.series .cont_05{
	padding-bottom: 100px;
    margin-bottom: -150px
}
.sub.series .cont_05 .cover img{
	width:180px;
	padding: 0 0 10px;
}
.sub.series .cont_05 ul li{
	width: 20%;
	height: auto;
    margin: 0 auto;
    text-align: center;
}

/* 동영상 강좌 출시 안내_추가 */
.sub.intro .cont_01{}
.sub.intro .cont_01 ul{margin: 0 auto;}
.sub.intro .cont_01 ul li{
    width: calc(25% - 20px); 
    height: 120px;
    text-align: center;
    margin-left: 20px;
    color: #222;
    line-height: 1.5;
    padding: 10px;
    border-radius: 15px;
    background: #fdd458;
	display: flex;
    align-items: center;
    justify-content: center;
	flex-wrap: wrap;
}
.sub.intro .cont_01 ul li b{display: contents;}
.sub.intro .cont_01 ul li p{font-size: 15px;  font-weight: 600; letter-spacing: -1.5px; color: #b7090d; margin-top: -10px;}
.sub.intro .cont_01 ul li:first-child{margin-left: 0px;}
.sub.intro .cont_01 ul li:nth-child(2), .sub.intro .cont_01 ul li:nth-child(4) {margin-left: 20px;}
.sub.intro .cont_01 ul li:nth-child(4){padding: 26px 30px;}
.sub.intro #content .section .cont_cen.company .title_box .tit{line-height: 1.6;}
.sub.intro .cont_02{padding-bottom: 0;}
.sub.intro .cont_02 ul li{text-align: left; height: 200px;}
.sub.intro .cont_02 ul li .label{line-height: 1.4;}

.sub.intro .cont_03 ul li .stit{
    color: #000;
    color: #ef739c;
    /*color: #4d87ff;*/
    margin: 30px 0 -20px;
    font-weight: 600;
    font-size: 18px;
}
.sub.intro .cont_03 ul /*{border-top: 1px dashed #cacaca;*/}
.sub.intro .cont_03 ul li{margin: 50px auto 0; padding-bottom: 50px;}
.sub.intro .cont_03 ul li .label {/*color: #ef739c;*/}
.sub.intro .cont_03 ul li .num{/*background: #ef739c;*/}
.sub.intro .cont_03 ul li .text{color: #666;}
.sub.intro .total{font-size: 19px; color: #000; font-weight: 500; line-height: 1.7;}
.sub.intro .total span{text-decoration: underline; line-height: 1.8; letter-spacing: -0.4px;}
.sub.intro .total p{margin-top: 30px; font-size: 23px; color: #4d87ff; font-style: italic;}
.sub.intro .btn_area{margin: 40px auto 0;}
.sub.intro .btn_area a{
    border: 2px solid #4d87ff;
    font-size: 18px;
    color: #fff;
    background: #4d87ff;
    font-weight: 600;
    padding: 20px 120px;
    transition-duration: 0.2s;
    border-radius: 15px;
}
.sub.intro .btn_area a:hover{color: #4d87ff; background: #fff;}

.sub.intro .bank{font-size: 19px; color: #000; font-weight: 500; line-height: 1.7;     /*border: 1px solid #4d87ff;*/ border: 2px solid #ddd; width: 500px; margin: 0 auto 50px; padding: 30px;}
.sub.intro .bank p{font-size: 22px; color: #ef739c; border-bottom: 1px solid #ef739c; margin-bottom: 20px; padding-bottom: 12px;}



/* 융합공부방 */
.sub .study .list .name{color: #c1c1c1; color: #4d87ff; font-weight: 500; font-size: 14px;}
.sub .study .list .label{    
    font-size: 14px;
    padding: 3px 15px;
    bottom: 40px;
    background: #4d87ff;
}
.sub .study .list .label.work{}
.sub .study .list .tit{
    margin: 45px 0 0 15px; 
    white-space: normal;
    line-height: 1.2;
    height: 1.2em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sub .study .list ul a{ padding-bottom: 25px;}
.sub .study .list ul a:hover .tit{ color: #4d87ff;}
.sub .study .list ul a:hover .label{background: #4d87ff;}

.sub .study.add .list ul li{
    width: calc(25% - 22.5px);
	height: auto;
    border-radius: 0;
    box-shadow: none;
    margin-right: 30px;
    margin-bottom: 90px;
    border-bottom: 1px solid #ddd;
}
.sub .study.add .list ul li:nth-child(4n){margin-right: 0;}
.sub .study.add .list ul li img{
    /*height: 330px;*/
    /*width: 330px;*/
    height: 100%;
    border-radius: 0;
}
.sub .study.add .list ul li .photo{
    height: 330px;
    overflow: hidden;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.sub .study.add .list ul a{ padding-bottom: 80px;}


/* 검색하기 */
.search_list{width: 100%;}
.search_list ul{width: 700px; margin: 0 auto 40px;}
.search_list ul .title{overflow: hidden; padding: 30px 20px 10px;}
.search_list ul .title span{float: left;color: #c1c1c1; font-size: 15px;}
.search_list ul .title span:nth-child(1){}
.search_list ul .title span:nth-child(2){float: right;}
.search_list li{border-bottom: 1px solid #ddd; overflow: hidden; padding: 20px;}
.search_list li:first-child{border-top:0;}
.search_list li .ico {float: right; }
.search_list li .ico img{width: 15px;margin-top: 3.5px;}
.search_list li a{}
.search_list .txt{float: left; width: 90%;font-size:16px; color: #666;}

.search_list.ing ul .title{padding: 30px 0 20px;}
.search_list.ing li{
    border: 0;
    background: #f1f5f8;
    border-radius: 30px;
    display: inline-block;
    padding: 10px 15px;
}
.search_list.ing li .txt{width: 100%;font-size: 14px;}
.search_list.none{}
.search_list.none ul{text-align: center; margin: 80px auto 40px;min-height: 150px; padding: 20px 0;}
.search_list.none ul .title{}
.search_list ul .title span{float: none;}
.search_list.none .ico{width: 46px;}

/* //추가 */


input[type=text].line{
    border: 1px solid #ddd;
    background: #fff;
    width: 88%;
    height: 50px;
    margin: 0;
    border-radius: 10px;
    padding: 25px 20px;
}


/* 서브 공통 레이아웃 */
.sub #content {
    min-width: 1400px;
    padding-bottom: 150px;
}
.sub #content .section {
	width: 1400px;
	margin: 0 auto;
}
.sub #content .section h4.sub_title {
	text-align: center;
	color: #101010;
	font-size: 25px;
}

.sub #content .section .cont_cen.left{    
    text-align: left;
    border: none;
    padding: 0;
    width: 100%;
}
.sub #content .section .cont_cen.left .page_title{font-size: 20px;}
.sub #content .section .cont_cen.left .page_title:before{left: 0;transform: translate(0, 0);}
.sub #content .section .cont_cen.left .page_title .go{    
    position: absolute;
    right: 0;
    bottom: 0;
    color: #4d87ff;
    font-size: 15px;
}
.sub #content .section .cont_cen.left input[type=text], 
.sub #content .section .cont_cen.left input[type=password],
.sub #content .section .cont_cen.left input[type=tel]{
    text-align: left;
}
.sub #content .section .cont_cen{
    margin: 0 auto;
    border: 1px solid #ddd;
    padding: 50px;
    text-align: center;
    width: 700px;
    background: #fff;
    border-radius: 15px;
}
.sub #content .section .cont_cen input[type=text], 
.sub #content .section .cont_cen input[type=password],
.sub #content .section .cont_cen input[type=tel]{
    text-align: center;
    border-bottom: solid 1px #e0e1e6;
    background: #fff;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
}

.sub #content .section .cont_cen input.put{margin-top: 10px;}

.sub #content .section .cont_cen .page_title{color: #4d87ff; margin-top: 20px; font-size: 24px;}
.sub #content .section .cont_cen .page_title:first-child{margin-top: 0;}
.sub #content .section .cont_cen .page_title:before{    
    left: 50%;
    transform: translate(-25%, -5px);
}
.sub #content .section .cont_cen h3{color: #8f8f8f;font-size: 14px;}
.sub #content .section .cont_cen .tit{font-size: 30px; font-weight: 500; border-bottom: 0; /*float: left;*/}
.sub #content .section .cont_cen .txt{font-size: 16px; margin: 10px 0 60px; color: #8f8f8f;}
.sub #content .section .cont_cen .txt a{color: #8f8f8f;}
.sub #content .section .cont_cen .ico{}
.cont_cen .ico img{width: 46px;}

.sub #content .section .cont_cen .num_box{position: relative;}
.sub #content .section .cont_cen .num_box input{}
.sub #content .section .cont_cen .num_box .time{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0,-5px);
    font-weight: 500;
}

.txt_black{color: #000;}
.txt_blue{color: #4d87ff;}


/* 로그인 */
.login_box{
    margin: 0 auto;
    border: 1px solid #ddd;
    width: 700px;
    padding: 50px;
    border-radius: 15px;
}

/* 회원가입 */
.sub #content .section .cont_cen .page_title.emp{margin-top: 40px;}
.join_box{
    width: 1200px;
    width: 700px;
    margin: 0 auto;
    border: 1px solid #ddd;
    padding: 50px;
    border-radius: 15px;
}
.join_box.form{}
.photo_box{
    text-align: center; 
    position: relative;
    width: 120px;
    margin: 0 auto;    
}
.photo_box .ma{
    background: url(../img/sub/ico_join_my.png) 50% 0 no-repeat;
    width: 100px;
    height: 100px;
    display: inline-block;
    text-align: center;
    background-size: 100%;
    overflow: hidden;
    border-radius: 100%;
}
.photo_box .ma img{
    width: 100px;
    height: 100px;
}
.photo_box .edit{
    position: absolute;
    bottom: 20px;
    right: 5px;
}
.photo_box .edit img{width: 24px;}


.sub #content .section .cont_cen .join_box.form input[type=text], 
.sub #content .section .cont_cen .join_box.form input[type=password],
.sub #content .section .cont_cen .join_box.form input[type=tel]{
    background: #f5f5f5;
    border: 0;
    margin: 0;
    padding: 10px;
    height: 45px;
    line-height: 45px;
    border-radius: 12px;
}
.sub #content .section .cont_cen .join_box.form select{
    height: 45px;
    line-height: 45px;
    border-radius: 12px;
    padding-left: 10px;
    width: calc(50% - 5px);
    width: 100%;
    margin-left: 0;
}

.join_box.form input[type=text]::placeholder, .sub #content .section .cont_cen .join_box.form input[type=password]::placeholder{color: #bbb;}


table.table {
	width: 100%;
}
/* 테이블 스타일 */
table.normal_table {
	
}
table.normal_table caption {
	height: 0;
	text-indent: -9999px;
	overflow: hidden;
}
table.normal_table th, table.normal_table td {
	height: 68px;
	text-align: center;
	font-size: 15px;
	color: #333;
}
table.normal_table th{
	font-weight: 500;
    font-size: 16px;
    color: #000;
    text-align: left;
}

table.normal_table th span{
    color: #b7090d;
    vertical-align: sub;
}

table.normal_table {
    border-top: 1px solid #000;
    margin-top: 20px;
}

table.normal_table th:first-child, table.normal_table td:first-child {
	border-left: 0;
    width: 160px;
}
table.normal_table th:last-child, table.normal_table td:last-child {
	border-right: 0;
}
table.normal_table th, table.normal_table td {
	height: auto;
    padding: 18px 30px;
    border-bottom: 1px solid #ddd;
    /*border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;*/
}
table.normal_table td {
	text-align: left;
    font-size: 15px;
    color: #777;
}
table.normal_table td .w75{}
.sub #content .section .cont_cen td input[type=text].w75{
    width: 75%;
}
.sub #content .section .cont_cen td input[type=text].w50{
    width: calc(50% - 2px);
}

table.normal_table td .etc{
    font-size: 13px;
    margin-top: 5px;
}

table.normal_table.add{
	width: 1200px;
    margin: 0 auto 30px;
}


.board-view-btns {
    display: block;
    margin-top: 50px;
    text-align: center;
}
.board-view-btns.add{text-align: right; margin-top: 25px;}
.board-view-btns.add .bw-btn{width: auto;}
.board-view-btns.add .bw-btn:hover span{
	color: #4d87ff;
    background: #fff;
    border: 1px solid #4d87ff;
    box-sizing: border-box;
}


/*버튼*/
.bw-btn{color: #444;}

.bw-btn{
    display: inline-block;
    vertical-align: middle;
    transition: all .25s ease;
    width: 100%;
    margin-bottom: 10px;
    margin-bottom: 0px;
}
.bw-btn.half{
    width: 49.5%;
}

.bw-btn span {
    display: block;
    padding: 12px 30px;
    margin: 3px;
    line-height: 1;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -1px;
    background: #4d87ff;
    border-radius: 15px;
	border: 1px solid #4d87ff;
    box-sizing: border-box;
}

.bw-btn.grey span {background: #666;}
.bw-btn.line span {
    background: #fff;
    border: 1px solid #4d87ff;
    color: #4d87ff;
}

.small-btn{}
.small-btn span{
    color: #4d87ff;
    margin-left: 5px;
    letter-spacing: -1px;
    border: 1px solid #4d87ff;
    padding: 10px 15px;
    vertical-align: top;
    display: inline-block;
    transition-duration: 0.3s;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 12px;
    margin-top: -10px;
}
.small-btn.red span{
    color: #b7090d;
    border-color: #b7090d;
}
.small-btn.navy_line span{
    color: #100964;
    border-color: #100964;
}

.small-btn.navy span{
    background: #100964;
    color: #fff;
    border-color: #100964;
}
.small-btn span.all_btn {margin-right: 5px;}

.login input[type=password]{width: 40%;}

.form_add{
    display: block;
    margin-top: 10px;
}
.form_add .txt{
    vertical-align: bottom;
    padding: 0 10px;
}

.login{}
.login .bg_box{
    background: #f6f6f6 url(../img/sub/bg_box.png)no-repeat right 10% bottom;
    text-align: center;
    padding: 70px 0;
}
.login .bg_box .txt{
    font-size: 24px;
    line-height: 1.6;
}

.login .bg_box .txt b{}
.login .bg_box .txt .point{
    position: relative;
    z-index: 10;
}

.login .bg_box .txt .point:after{
    content: '';
    position: absolute;
    left: 0px;
    bottom: 3px;
    width: 100%;
    height: 7px;
    background: #fcc76e;
    z-index: -1;
}

.board_wrap{
    margin: 50px 0;
    border: 1px solid #ddd;
    padding-bottom: 40px;
}

.cont_list{}

.c-tit01 {
    font-size: 20px;
    color: #000;
    padding-left: 35px;
    margin-bottom: 12px;
    letter-spacing: -1px;
    position: relative;
}
.c-tit01:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 26px;
    height: 24px;
    background: url(../img/sub/c-tit01_ico.png) no-repeat;
}

.c-tit06 {
    color: #333;
    line-height: 1.3;
    font-weight: 500;
    font-size: 17px;
    padding: 10px 0 10px 35px;
}

.dotico {
    font-size: 17px;
    color: #777;
    padding: 0px 0 10px 57px;
    line-height: 1.5;
}


.contact{}
.contact .hgroup{
    text-align: left;
    overflow: hidden;
    position: relative;
    padding-bottom: 100px;
}

.contact .hgroup .page_title{
    text-align: left;
}
.contact .title_img{
    float: left;
    position: relative;
    z-index: 10;
}
.contact .title_box{
    border: 1px solid #ddd;
    float: right;
    padding: 60px 0 100px 230px;
    width: 60%;
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 1;
    background: #fff url(../img/sub/contact_boxbg.png)no-repeat right bottom;
}

.area{
    /*margin-left: -10px;*/
}
.area label{
    margin-left: 5px;
    margin-right: 18px;
}
.area input[type=radio]{
    margin: 0 6px 0 12px;
}
.area ul{
    overflow: hidden;
}
.area ul li{
    float: left;
}

.contact h4.section_title{float: left;}
.footnote{
    float: right;
    font-size: 15px;
    color: #666;
    padding-top: 12px;
}



.join{}
.join .etc{margin-top: 3px;}
.join .section_title{
    padding-top: 50px;
}

.join .input_shop_box{
    display: inline;
    position: relative;
}
.join .input_shop{
    width: 300px;
    position: absolute;
    left: 3px;
}

.join .input_shop ul{
    padding: 10px 20px;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: 1px 5px 5px #ddd;
}
.join .input_shop ul li{
    font-size: 15px;
    line-height: 2;
}

.join .input_shop ul li a{
    color: #777;
}

.join .input_shop ul li a:hover{
    color: #000;
}

.join .input_shop ul li span{
    display: inline-block;
    float: right;
}

.chk-wrap{}

table.normal_table.line_table{
}
table.normal_table.line_table td{
    padding: 5px 0px;
    border-bottom: none;
}


.sub #content .section .cont_cen .check_txt{font-size: 14px; margin: 20px 0; color: #8f8f8f;}
.sub #content .section .cont_cen .check_txt.all{
    color: #000;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
.sub #content .section .cont_cen  .check_txt.first{padding-top: 15px;}

.sub #content .section .cont_cen .check_tit{
    color: #000;
    margin-bottom: -5px;
    font-weight: 500;
    border-top: 1px solid #ddd;
    padding: 18px 0 0 30px;
    overflow: hidden;
    margin-top: 8px;
    font-size: 17px;
}
.sub #content .section .cont_cen .check_tit span{
    float: right;
    color: #777;
    padding-right: 30px;
    font-weight: 400;
    font-size: 16px;
}

.sub #content .section .cont_cen .bar_txt{ text-align: center;}
.sub #content .section .cont_cen .bar_txt a{color: #000;font-size: 13px;}
.sub #content .section .cont_cen .bar_txt span{
    width: 1px;
    height: 10px;
    background: #acacac;
    display: inline-block;
    margin: 20px 10px 0;
    line-height: 1;
}

/* 공지사항 */
.board-list-wrap {width:100%;}
.board-list-table {width: 1200px; margin: 0 auto 40px; border-collapse:collapse;text-align:center;table-layout:fixed;border-top: 2px solid #2b405b;}
.board-list-table th {font-size: 16px; border-right:0;border-bottom:1px solid #2b405b;border-top:0;background: #fff;/*background: #f9f9f9;*/padding:15px 0 16px;color:#222;}
.board-list-table th:first-child {border-left:0}
.board-list-table tr:hover td {background-color: #f6f9ff;}
.board-list-table td {border:1px solid #ccc;border-right:0;border-left: 0; padding: 25px 3px; font-size: 15px;}
.board-list-table td:first-child {border-left:0}
.board-list-table td .stitle {display:block;width:100%;float:left; letter-spacing: -0.3px;}
.board-list-table td .stitle .cmt {font-size:0.875em;color:#207fe5;}
.board-list-table td .stitle .isFileIcon {vertical-align:middle;}
.board-list-table td .stitle a {display:inline-block;width:auto;max-width:100%; color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;}
.board-list-table td .stitle:hover a{
    color: #4d87ff;
    text-decoration: underline;
}
.board-list-table .isnotice td.subject a .txt {color:#333;font-weight:500;}
.board-list-table .isnotice td .cate {font-weight:bold}
.board-list-table td .cate {color:#1b569f;font-size:0.938em;padding-right:2%;}
.board-list-table td .reply {background:url(../../images/board/ico_reply.gif) no-repeat 3px 3px;padding:0 1px 0 20px;font-weight:500;color:#333;}
.board-list-table .new, .board-list-table .files, 
.board-list-table .secret, .board-list-table .new
{margin-left:4px;vertical-align:middle;}
/* col 사이즈 지정 */
.board-list-table .num {width:10%;text-align:center;}
.board-list-table .subject {width:auto;text-align:left;padding: 0 5%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board-list-table .date {width:20%;}
.board-list-table .cnt {width:10%;}

.board-list-table .license {width:auto;text-align:center;padding: 0 5%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}



/* 뷰페이지 */
 #board-wrap {
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
		padding-bottom: 20px;
}
.board-view-head {
    position: relative;
    border-top: 2px solid #2b405b;
    border-bottom: 0;
}

.board-view-head .board-view-title {
    position: relative;
    width: 100%;
    background: #f9f9f9;
}
.board-view-head .vtitle {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    padding: 18px 25px;
    width: 64%;
    color: #222;
    word-break: break-all;
}

.board-view-head .vtitle-winfo {
    position: absolute;
    top: 18px;
    right: 24px;
    font-size: 0.875em;
    color: #666;
}

.board-view-head .vtitle-winfo span {
    background: url(../img/sub/vbar.gif) no-repeat 0 6px;
    padding-left: 15px;
    margin-left: 13px;
    font-size: 15px;
}
.board-view-head .vtitle-winfo span:first-child {background: 0;}
.board-view-winfo { width: 100%;overflow: hidden;}
.board-view-head .board-view-winfo {border-top: 1px solid #2b405b;}
.board-winfo-files {
    position: relative;
    padding: 0;
    font-size: 13px;
    overflow: hidden;
    border-bottom: 1px solid #999;
}
.board-view-winfo .ilbl {
    float: left;
    display: inline-block;
    text-align: center;
    padding: 15px 0;
    width: 8%;
    vertical-align: top;
}
.board-view-filelist {overflow: hidden; border-left: 1px solid #e6e6e6; min-height: 48px;}
.board-view-filelist li{float: left; padding: 15px;}
.board-view-cont {
    display: block;
    position: relative;
    overflow-x: hidden;
    padding: 30px 20px 0;
    margin-left: 0px;
    margin-right: 0px;
    border-bottom: 1px solid #bac2ca;
    word-break: break-all;
}
.board-view-contents {
    display: block;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
    min-height: 200px;
    overflow: hidden;
}
.board-view-contents #boardContents {font-size: 14px;}
/**/


table.normal_table.line_table .view_txt{
    text-align: right;
    text-decoration: underline;
    padding-right: 30px;
    font-size: 15px;
}
table.normal_table.line_table .view_txt a{
    color: #777;
}



/* 테이블 타입 */
.tbl-type01 {width:100%; margin-top:40px; display:inline-block; /* border-bottom:1px solid #dbdbdb; */ padding-bottom:35px; clear:both;}
.tbl-type01 table{width:50%; box-sizing : border-box; border-top: 2px solid #e6b664; float:left; border-collapse: collapse; letter-spacing: -1px;/*border-left: 1px solid #dedede;*/}
.tbl-type01 table:nth-child(3){border-right:1px solid #dedede;}
.tbl-type01 table thead th{
    color: #000;
    font-size: 16px;
    height: 60px;
    font-weight: 500;
    background: #fbfbfb;
    border-bottom: 1px solid #ddd;
}
.tbl-type01 table tbody{font-size:14px; font-weight:normal; }
.tbl-type01 table caption{display:none;}
.tbl-type01 table thead th{width:10%; /*border-left: 1px solid #dedede;*/ }
.tbl-type01 table tbody td{height:60px; width:10%;color:#777; text-align:center; border-bottom: 1px solid #ddd; /*border-left: 1px solid #ddd;*/ font-size: 16px;}
.tbl-type01 table .txt_red{color: #b7090d;}
.tbl-type01 table .txt_blue{color: #0d11c2;}


/*start page*/
.paginate{padding:15px 0;text-align:center; margin-top: 20px;}
.paginate a{display:inline-block;position:relative; margin: 0 5px; padding:8px 10px 8px 10px;color: #666;font-weight: 400;font-size:15px;line-height:normal;text-decoration:none;cursor: pointer;}

.paginate a.on, .paginate a:hover{color: #4d87ff; position: relative;}
.paginate a.on:after, .paginate a:hover:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 30px;
    height: 2px;
    background: #4d87ff;
}
.paginate .num{display: inline-block; margin: 0 12px;}
.paginate strong{color:#ff3333 !important;border:1px solid #ff3333;}
.paginate .pre,.paginate .next{display:inline-block;color:#a0a0a0;font-size:13px;font-weight:normal;}
.paginate .pre{padding:4px 10px 5px 10px;}
.paginate .next{padding:4px 10px 5px 10px;}
.paginate .next img{width:14px;margin-top:-3px;}
.paginate .btn_arrow{padding: 0 3px; margin: 0;}
.paginate .btn_arrow:hover{}
.paginate .btn_arrow:hover:after{display: none;}
.paginate .btn_arrow img{}
/*end page*/



/*자주묻는 질문 faq*/
.faq_section{width: 100%;}
.faq_section ul{border-top: 1px solid #000; border-bottom:1px solid #ddd;   width: 1200px; margin: 0 auto 40px;}
.faq_section li{border-top:1px solid #d2d2d2;}
.faq_section li:first-child{border-top:0;}
.faq_section li a{overflow: hidden; display:block; font-size:16px; font-weight: 500; line-height: 60px; margin: 10px 0;padding: 0 30px;}
.faq_section li.on a{background-image:url(../images/sub/faq_close.png);}
.faq_section li > div{display:none; padding: 40px 30px 30px; }
.faq_section li.on > div{display:block;}
.faq_section li p{color: #777;}
.faq_section li .ico{padding-top: 10px; padding-right: 15px;float: left;    display: inline-block;}
.faq_section .txt{line-height: 1.5; width: 95%; float: right; padding-top: 15px;}
.faq_section .answer{overflow: hidden; border-top: 1px solid #ddd;}
.faq_section .answer .ico{padding-top: 0; margin-top: -10px;}
.faq_section .answer p{float: right; width: 95%;font-size: 15px; }


.search_box{padding: 30px 0; padding: 0px 0 30px;}
.search_box .search_cont{position: relative; width: 50%; margin: 0 auto;}
.search_box input[type=text].line{width: 100%;}
.search_box input[type=text].line::placeholder {color: #bbb;}
.search_box a{
    position: absolute;
    right: 12px;
    top: 12px;
    background: url(../img/sub/faq_serch.png) no-repeat 50% 50%;
    width: 26px;
    height: 26px;
}
.search_box a span{}
/* //자주묻는 질문 faq*/


/* 레이어팝업 */
.modal {
    /* display: none; */
    position: fixed;
    position: absolute;
    z-index: 998;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,0.70);
}

.popup{
    position: relative;
    margin: 0px auto;
    width: 1080px;
    height: auto;
    overflow: hidden;
    z-index: 999;
    top: 30%;
}
.popup h4{
    display: inline-block;
}
.popup .section_title{
    padding-top: 0;
}

.popup .cont{
    width: 100%;
    position: relative;
    color: #000;
    padding: 40px;
    background: #f6f6f6;
    border-radius: 15px;
}
.popup .btn_close{
    color: #fff;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 36px;
    height: 36px;
    background: url(../img/sub/btn_close.png) no-repeat 50% 50%;
    text-indent: -9999px;
    cursor: pointer;
    background-size: 35px;
}
.popup h2{
    font-size: 25px;
    font-weight: 500;
    color: #4d87ff;
}
.popup .sub_menu{
    width: 100%;
}
.popup .sub_menu ul.sub_menu_list{
    margin: 30px auto;
}
.popup .start{float: right; font-size: 15px;}

.board_wrap{
    width: 100%;
    overflow-y: scroll;
    background: #fff;
    height: 600px;
    padding: 30px 20px;
    margin: 0;
}

.board_wrap .txt{
    font-size: 16px;
    padding: 0 0 10px 12px;
}

.board_wrap .c-tit06{
    padding-left: 12px;
    position: relative;
}
.board_wrap .c-tit06:before{
    content: '';
    position: absolute;
    left: 0;
    top: 18px;
    width: 6px;
    height: 6px;
    background: #4d87ff;
    border-radius: 100%;
}
.board_wrap h5.c-tit07{color: #4d87ff; padding: 0;}
.board_wrap .c-tit07{
    font-size: 16px;
    color: #777;
    padding-left: 12px;
    padding-bottom: 5px;
}
.board_wrap .c-tit08{
    position: relative;
    font-size: 16px;
    color: #666;
    padding-left: 25px;
    line-height: 1.5;
}
.board_wrap .c-tit08:before{
    content: '';
    position: absolute;
    left: 12px;
    top: 13px;
    width: 2px;
    height: 2px;
    background: #f6f6f6;
    border: 2px solid #aaa;
    border-radius: 100%;
}
.board_wrap.join .c-tit08:before{top: 8px;}
.board_wrap .dotico{
    font-size: 16px;
    padding-left: 24px;
}
.board_wrap .cont_list{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.board_wrap.join{
    padding: 20px; 
    margin: 15px 0; 
    height: 335px;    
    background: #f9f9f9;
}
.board_wrap.join .c-tit06{font-size: 16px;}
.board_wrap.join .c-tit07{font-size: 15px;}
.board_wrap.join .c-tit08{font-size: 15px;}
.board_wrap.join .dotico{font-size: 15px;}

.sub #content .section .cont_cen .board_wrap.join .txt{
    margin: 0;   
    padding: 0;
    font-size: 15px;
}


/* 레이어 팝업 */
.loginpop {position: fixed;}
.loginpop .popup{width: 650px;}
.loginpop .popup2 { width: 1000px; }
.loginpop .popup.popup2 { top: 5%; }
.loginpop .popup .cont{}


.loginpop .popup.add{}
.loginpop .popup.add .cont{background: none;}
.loginpop .popup.add .btn_close{right: 100px; top: 0;}

.loginpop .popup .cont .sub #content .section{width: auto;}
.loginpop .popup .cont .sub #content{min-width: auto;}
.loginpop .popup .cont .sub #content .section .cont_cen{}
.loginpop .popup .btn_close{background-size: 30px;}
.loginpop .popup.add .sub #content .section .cont_cen .txt{
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
    width: 80%;
    margin: 10px auto;
}
.loginpop .popup.add .sub #content .section .cont_cen .txt a{}


.loginpop .popup .btn_close{background-size: 30px;}
.loginpop input[type=text], .loginpop input[type=password]{
    border: 1px solid #ddd;
    height: 42px;
    width: 100%;
    margin: 8px auto 0;
    display: block;
    background: #fff;
    padding-left: 50px;
    padding-right: 10px;
}

.loginpop input[type=text]::-webkit-input-placeholder,
.loginpop input[type=password]::-webkit-input-placeholder{
    font-weight: 300; 
    color: #bbb; 
}

.loginpop .box{
    position: relative;
    margin: 50px auto 0px;
    width: 50%;
}
.loginpop .box .ico{
    position: absolute;
    width: 20px;
    height: 20px;
    padding: 20px;
    left: 1px;
    border-right: 1px solid #ddd;
}


#style-3::-webkit-scrollbar-track{background-color: #e3e3e3; border-radius: 30px;}
#style-3::-webkit-scrollbar{width: 6px;background-color: #e3e3e3;  border-radius: 30px;}
#style-3::-webkit-scrollbar-thumb{background-color: #18264e;  border-radius: 30px;}