.pop {margin:0 auto; max-width:800px; }
.pop .title {margin:10px 0; font-size:25px; font-weight:600; text-align:center;}
.pop p {line-height:20px; font-size:14px;}
/* .pop {display:none;} */
.pop:before {display:block; content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:99999999998}
.pop .layerBox {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:500px; padding:10px; background:#fff; border-radius:6px; z-index:99999999999}
.pop .layerBox .title {margin-bottom:10px; padding-bottom:10px; font-weight:600; border-bottom:1px solid #d9d9d9; text-align: left;}
.pop .layerBox p {line-height:20px; font-size:13px;}
.pop .layerBox .btnClose {display:inline-block; position:absolute; right:5px; bottom:5px; padding:6px 12px; color:#444; font-weight:600; text-decoration:underline; font-size:15px; }
.pop .layerBox .btnClose2 {display:inline-block; position:absolute; right:5px; top:15px; padding:6px 12px; color:#333; font-weight:400;  font-size:25px; }
.pop .layerBox .btnTodayHide {font-size:13px; font-weight:600; text-decoration:underline;}


/* 상단 띠배너 */
#topBanner {position:relative; width:100%; padding:21px 0; background-color:#dc3838; box-sizing: border-box; overflow:hidden;}
#topBanner .bn_con {position:relative; display:block; width:100%; max-width:1200px; margin:0 auto; padding:0 15px; box-sizing: border-box; }
#topBanner .bn_con p {color:#fff; font-size:14px; }
#topBanner .bn_con p span {color:#ffe400}
#topBanner .bn_close {position:absolute; top:50%; right:18px; padding:0 0 0 20px; transform:translate(0, -50%); letter-spacing:-1px;}
#topBanner .bn_close .btnClose {display:inline-block;  }
#topBanner .bn_close #chkday {position:absolute; top:2px; left:0; width:17px; height:17px; color:#fff;}
#topBanner .bn_close label [for=chkday] {cursor:pointer; padding-right:10px;}


/* header */

#header {max-width:1200px; height:86px; padding: 0 0 0 15px;}

#logo {position:relative; top:15px; left:0; display:block; float:left;}
#logo a {width:110px}
@media screen and (max-width:499px){ #logo a {width:100px;}}

.bt-mnall {background:url(/public/assets/img/main/m-menu.png) no-repeat center center}

#mainNavi-wrap .topmenu .mn_a1 span:after {display:none}
#mainNavi-wrap .topmenu .mn_a1:hover, #mainNavi-wrap .topmenu .active .mn_a1 {font-weight:400}


/* 메인 네비 */

#mainNavi-wrap {position:relative;  height:86px; left:20px; top:0; transform: translateX(0); max-width:465px; padding:0; float:left}
#mainNavi-wrap .bt-cate, #mainNavi-wrap:after{display:none;}
#mainNavi-wrap .topmenu .mn_l1 {padding:0; line-height:86px}
#mainNavi-wrap .topmenu .mn_a1 {display:block; line-height:86px; font-size:14px}
#mainNavi-wrap .topmenu .mn_a1 span {vertical-align: middle;}
#mainNavi-wrap .topmenu .mn_a1 span:after {bottom:16px}
#mainNavi-wrap .topmenu .mn_l1:nth-child(n + 2) {margin-left:20px}

#gnb-wrap {top:44px; right:10px}
#gnb-wrap .bt-member {top:-12px; background:none !important; width:130px; height:auto; right:122px}
#gnb-wrap:after {margin-top:0; background:none;}

.write-btn {position:absolute; right:10px; top:-24px; display:block; color:#3664e9; background:#ecf3fa; font-size:12px; padding:12px 18px; border-radius:10px; box-sizing:border-box;}
.write-btn:hover {background:#ebeefd; font-weight:500}


.layer-member {top:75px; right:134px;  }
.layer-member ul li a {line-height:1.1; font-size:12px; font-weight:500}

span.login-btn {font-size:12px; font-weight:bold; padding:13px 18px; border:1px solid #ddd; border-radius:10px}

.top-search {position:relative; display:block; width:500px; top:30px; margin:0 auto}
.top-search .chk-input input {border-radius:10px; background:#fff; border:3px solid #666; box-sizing:border-box; padding:0 0.5rem !important; font-size:13px; font-weight:500; color:#999; display:inline-block; line-height:2} 

.search-arrow {position:absolute; top:11px; left:-50px; z-index:9} 
.search-arrow > img {width:20px}

.down-arw {position:relative; display:inline-block}
.down-arw::after {content:''; position:absolute; display:block; width:21px; height:21px; top:0; right:-43px; background:url('/public/assets/img/down-arw.png') no-repeat center center}

button.search-btn {position:relative; top: 24px; width: 260px; height:40px; padding-left:10px; background:#fff; border-radius: 30px; border:1px solid #ddd; text-align:left}
button.search-btn span {font-size:13px; color:#aaa; cursor:text; display:inline-block; line-height:2}

.modal-search-wrap {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); display:none; z-index:9999}
.search-form-bg {position:relative; display:block;width:100%; background:#fff; height:450px ; box-sizing:border-box;}
.search-form-content {display:block; margin:0 auto; max-width:545px}

.modal-search-wrap .command {display:block; position:relative; margin-top:25px}
.modal-search-wrap .command ul li a {font-weight:600}
.modal-search-wrap .hashtag {display:block; position:relative; margin-top:60px}
.modal-search-wrap .command p, .modal-search-wrap .hashtag p {display: inline-block; font-size:16px;  color:#bf4545; border-radius:5px; margin-bottom:10px}

.hashtag-cotent a {display:inline-block; font-size:12px; padding:5px 12px; border:1px solid #ccc; border-radius:10px; margin-bottom: 5px;}





/* 공통 */
#container-wrap {margin-top:85px}
.go-btn {position:relative; display:block; margin:5rem auto 0; text-align:center}
.go-btn a {padding:15px 70px; display:inline-block; margin:0 auto; text-align:center; background:#fff; font-weight:500}
.go-btn a:hover {background:#e7e7e7;}

.go-btn2 a { background:none;}
.go-btn2 a:hover {background:#fff}

.clearfix::after {position:relative; display:block; content:''; clear:both;}


/* 확인창 */
.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {background:rgba(0,0,0,.1) !important; z-index:999999999 !important;}
.swal2-popup {z-index:9999999999 !important;}


/* 메인배너 */
.msec-visual {position:relative;  height:440px;  overflow:hidden !important}
.msec-visual .slick-list {position:relative; max-width:1920px; height:440px; overflow:hidden !important}
.msec-visual .item .img {position:relative; height:440px; overflow:hidden;}
.msec-visual .item .img img {width:100%; height:440px; max-width:1920px; }

.msec-visual .slick-dots {width:1200px; padding:0 15px; bottom:25px;}
.msec-visual .slick-dots ul {width:250px;}
.msec-visual .slick-dots li:before{width:250px; left:30px; top:20px; height:2px; background:rgba(255,255,255,0.3); display:none;content:""; position:absolute;}
.msec-visual .slick-dots li:after{width:0; left:30px; top:20px; height:2px; background:#fff;opacity:0;content:""; position:absolute; z-index:21;-webkit-transition: width 3s linear;-moz-transition: width 3s linear;-o-transition: width 3s linear;transition: width 3s linear;}

.msec-visual .slick-dots li:before {left:0;}
.msec-visual .slick-dots li:after {left:0;}
.msec-visual .slick-dots li:nth-child(n+2){margin-left:0;} 
.msec-visual .slick-dots.ani li.slick-active:after{width:250px;opacity:1}

.msec-visual .visual-next {width:20px; background:url(/public/assets/img/main/arrow_ic_r.png) no-repeat center center;}
.msec-visual .visual-prev {width:20px; background:url(/public/assets/img/main/arrow_ic_l.png) no-repeat center center;}

.msec-visual .titlebox {position:absolute; top:50%; left:50%; text-align:left; width:100%; max-width:1200px; transform:translate(-50%, -50%); padding:0 15px}
.msec-visual .titlebox h3 {font-size:34px;   line-height:1.1; max-width:290px; padding:0 15px}
.msec-visual .titlebox p {max-width:300px; font-size:16px; opacity:0.8; font-weight:600; margin-top:20px; padding:0 15px}
.msec-visual .titlebox h3 a,
.msec-visual .titlebox p a {color:#fff;}

 



/* 강추행사  */
.top-issue {display:none;}



/* 신규행사 최근업데이트행사 */
.msec-02 {max-width:1200px; padding:70px 15px 0; overflow:hidden}
.msec-02:after {background:#fff;}

.msec-02 .tits {display:inline-block;}
.msec-02 .new p{display:inline-block; color:#ffc907; font-size:14px; font-weight:600; background:#fff5d1; padding:7px 23px; border-radius:5px; margin-bottom:15px;}
.msec-02 .tits h3 {font-size:26px; padding-left:0; color:#242528}
.msec-02 .tits span {font-size:16px; margin-top: 10px; display:inline-block }

.msec-02 .occ-slide li {width:250px}
.msec-02 .occ-slide li a {border-radius:0;}
.msec-02 .occ-slide li a .d-day {position:absolute; top:0px; right:0px; padding:15px 20px; background:rgba(0,0,0,0.6); z-index:9}
.msec-02 .occ-slide li a .d-day span {font-size:18px; font-weight:500; color:#fff}
.msec-02 .occ-slide li .img {position:relative; min-height:335px;border-radius:15px; }
/*.msec-02 .occ-slide li .img img {height:auto; object-fit:fill; position:absolute; top:50%; transform:translate(0, -50%);}*/
.msec-02 .occ-slide li .img img {/*min-width:100%; height:100%;*/ min-height: 335px; width: 100%; border-radius:15px; overflow:hidden; position:absolute; top:50%; left:0; transform:translate(0, -50%); }
.msec-02 .occ-slide li .txt {padding:13px 0; min-height:120px}
.msec-02 .occ-slide li .txt .btxt {font-size:17px; font-weight:600;}
.msec-02 .occ-slide li .txt .stxt {display:none; font-size:14px}
.msec-02 .occ-slide li .txt .ztxt span {font-size:15px; font-weight:600; padding:0; line-height:28px; background:none; color:#ccc}
.msec-02 .occ-slide li .txt .ctxt {margin-top:10px}

.recommand_tag {width:27px; height:26px; line-height: 35px; font-size:10px; font-weight:600; top:4px; border-radius:0; border-bottom:2px solid #fe5171; left:auto; right: 0; color:#fe5171; background:none;}

.msec-02 .occ-slide li .txt .ctxt,
.msec-02 .occ-slide li .txt .abr {display:none;}

.msec-02 .occ-ctrl {margin-top:0;}

.msec-02 .cont .ov {overflow:hidden;}

.msec-02 .cont .prev { width:40px;height:40px; background:url(/public/assets/img/main/arrow_icon_l.png) no-repeat center center;}
.msec-02 .cont .next { width:40px;height:40px; background:url(/public/assets/img/main/arrow_icon_r.png) no-repeat center center;}


/* 스마트픽배너 */
.msec-subn {position:relative; padding:0 15px ; box-sizing:border-box; max-width:1200px;  overflow:hidden; margin:70px auto 0;}
.subn-slide ul {width:100%; height:206px; overflow:hidden;}
.subn-slide ul li {float:left; position:relative; }
.subn-slide ul.desktop {display:block}
.subn-slide ul.mobile {display:none;}
.subn-slide ul li a {display:block; width:100%; height:100%}
.subn-slide ul li a img {width:100%;  /* object-fit: cover; */ }


/* 서브배너 */
.sub-banner {position:relative; display:block; width:100%; box-sizing:border-box; margin:70px auto 0; background:#f5f5f5;}
.msec-sub {position:relative; display:block; margin:0 auto; max-width:1200px; height:209px;box-sizing:border-box;overflow:hidden; padding:0 }
.sub-slide {position:relative; max-width:1200px; margin:0 auto; box-sizing:border-box;   }
.sub-slide .slick-slide {margin-left:0; border-radius:0; max-width:1200px; overflow:hidden}
.sub-slide .slick-slide .thumb {display:block; width:300px; float:right;}
.sub-slide .slick-slide .thumb img {max-width:100%; }
.sub-slide .slick-slide .txt-box {display:block; width:540px; padding:40px 15px; float:left;} 
.sub-slide .slick-slide .txt-box p {position:relative; display:block; z-index:9999; font-size:30px; line-height:1.25; color:#151515; font-weight:600; margin-bottom:10px}
.sub-slide .slick-slide .txt-box span {display:block;font-size:16px;  color:#151515;}
.sub-slide .slick-slide .txt-box .go-on {display:inline-block; background:#d2f3ff; color:#242528; font-size:14px; padding:5px 19px; box-sizing:border-box; border-radius:5px; text-align:center; font-weight:600; margin-top:30px; }
.sub-slide .slick-prev {width:40px;height:40px; left:-100px; transform: translateY(-50%); background:url(/public/assets/img/main/arrow_icon_l.png) no-repeat center center; z-index:9}
.sub-slide .slick-next {width:40px;height:40px; right:-100px; transform: translateY(-50%); background:url(/public/assets/img/main/arrow_icon_r.png) no-repeat center center; z-index:9}
.sub-slide .slick-prev:hover {background:url(/public/assets/img/main/arrow_icon_l.png) no-repeat center center; }
.sub-slide .slick-next:hover {background:url(/public/assets/img/main/arrow_icon_r.png) no-repeat center center; }

.sub-slide .slick-dots li button {}

.sub-slide ul li a::after {display:none;}

.meta-btn-wrap {position:relative; display:block; width:100%; }


/* 핫템행사 새로운소식 */
.msec-01 {max-width:1280px;}
.msec-01 h3 {font-size:26px; padding-left:0;}


/* vod 클래스 */
.msec-04 {max-width:1200px;  box-sizing:border-box; padding:0 15px; margin: 70px auto}
.msec-04:after {display:none}
.msec-04 .vod p{display:inline-block;/*  color:#34c759; */ font-size:14px; font-weight:600;/*  background:#dbefe0; */ padding:7px 23px; border-radius:5px; margin-bottom:15px;background:red;color:#FFFFE0;}
.msec-04 .tits {text-align:left;} 
.msec-04 .tits h3 {font-size:26px; text-align:left; line-height:1; color:#242528}
.msec-04 .tits span {font-size:16px; margin-top: 10px; display:inline-block }

.vod-slide { margin-top:30px;}
.vod-slide ul {width:100%; overflow:hidden;}
.vod-slide ul li {float:left; position:relative; max-width:275px}
.vod-slide ul li a {display:block; width:100%; height:100%}
.vod-slide ul li a img {width:100%; max-height:275px; object-fit: cover; border-radius:15px; overflow:hidden; }
.vod-slide .slick-slide {  margin-right:20px }
.vod-slide ul li a .txt-box {display:block; margin-top:10px}
.vod-slide ul li a .txt-box .vcate {color:#a2a2a2;  font-size:14px;line-height:35px; }
.vod-slide ul li a .txt-box p {color:#242528; font-size:16px; font-weight:500}


/* 마감행사 */
.msec-05 {max-width:1200px;  box-sizing:border-box; padding:0 15px; margin: 70px auto 0}
.msec-05:after {display:none}
.msec-05 .dday p{display:inline-block; color:#757575; font-size:14px; font-weight:600; background:#f0f0f0; padding:7px 23px; border-radius:5px; margin-bottom:15px;}
.msec-05 .tits h3 {font-size:26px; text-align:left; line-height:1; color:#242528}
.msec-05 .tits span {font-size:16px; margin-top: 10px; display:inline-block }

.dday-slide { margin-top:30px;}
.dday-slide ul {width:100%; overflow:hidden;}
.dday-slide ul li {float:left; position:relative; max-width:335px}
.dday-slide ul li a {display:block; width:100%; height:100%}
.dday-slide ul li a img {width:100%; height: 100%; object-fit: cover; position:absolute; top:50%;position:absolute; transform:translate(0, -50%); }
.dday-slide ul li a .img {position:relative; border-radius:15px; overflow:hidden; min-height:380px;max-height:380px; background:#eee;}
.dday-slide .slick-slide {  margin-right:20px }
.dday-slide .d-span {position:absolute; top:0; right:0}
.dday-slide ul li a .txt-box {display:block; margin-top:10px}
.dday-slide ul li a .txt-box .vcate {color:#a2a2a2;  font-size:14px;line-height:35px; }
.dday-slide ul li a .txt-box p {color:#242528; font-size:16px; font-weight:500}
.dday-slide .d-span {background:rgba(0,0,0,0.4); padding:5px 10px;  color:#fff; margin-top:13px}


/* 추천 행사 */
.msec-07 {max-width:1200px;  box-sizing:border-box; padding:0 15px; margin: 70px auto 0}
.msec-07:after {display:none}
.msec-07 .best p{display:inline-block; color:#ff4438; font-size:14px; font-weight:600; background:#ffe6e4; padding:7px 23px; border-radius:5px; margin-bottom:15px;}
.msec-07 .tits h3 {font-size:26px; text-align:left; line-height:1; color:#242528}
.msec-07 .tits span {font-size:16px; margin-top: 10px; display:inline-block }

.best-slide { margin-top:30px; }
.best-slide ul {width:100%; }
.best-slide ul li {float:left; position:relative; max-width:275px}
.best-slide ul li a {display:block; width:100%; height:100%}
.best-slide ul li a img {width:100%; max-height:275px; object-fit: cover; border-radius:15px; overflow:hidden; }
.best-slide .slick-slide {  margin-right:20px }
.best-slide ul li a .txt-box {display:block; margin-top:10px}
.best-slide ul li a .txt-box .vcate {color:#a2a2a2;  font-size:14px;line-height:35px; }
.best-slide ul li a .txt-box p {color:#242528; font-size:16px; font-weight:500; word-break: break-all;}




/* 실시간 인기행사 */
.msec-08 { width:1200px;  box-sizing:border-box; padding:0 15px; margin: 70px auto 0; overflow:hidden;}
.msec-08:after {display:none}
.msec-08 .pick p{display:inline-block; color:#ff9500; font-size:14px; font-weight:600; background:#ffe5c1; padding:7px 23px; border-radius:5px; margin-bottom:15px;}
.msec-08 .tits h3 {font-size:26px; text-align:left; line-height:1; color:#242528}
.msec-08 .tits span {font-size:16px; margin-top: 10px; display:inline-block }

.pick-slide {position:relative; display:block; float:left; margin-top:30px; width:240px}
.pick-slide ul {width:100%; max-height:400px; overflow:hidden; box-sizing:border-box;}
.pick-slide ul li {float:left; position:relative; max-width:218px}
.pick-slide ul li a {display:block; width:100%; height:100%}
.pick-slide ul li a .thumb {position:relative; max-width:218px; height:308px; line-height:308px; vertical-align:middle; background:#f5f5f5; border-radius:15px; overflow:hidden}
.pick-slide ul li a img {width:100%; border-radius:15px; overflow:hidden; position:absolute; top:50%; left:0; transform:translate(0, -50%); }
.pick-slide .slick-slide { padding-right:10px; padding-left:10px }
.pick-slide ul li a .txt-box {display:block; margin-top:10px}
.pick-slide ul li a .txt-box .vcate {color:#ff9500; font-weight:600; font-size:14px; line-height:35px; }
.pick-slide ul li a .txt-box p {color:#242528; font-size:16px; font-weight:500;  }

.pick-slide ul li  .rec-btn {position:absolute; display:inline-block;font-size:13px; top:255px; right:20px; width:70px; height:40px; line-height:40px; text-align:center; font-weight:700; background:#fe5171; border-radius:15px; color:#fff; z-index:99; }



.pick-slide-2 {position:relative; display:block; float:right; width:924.5px; margin-top:30px;}
.pick-slide-2 ul {width:100%; max-height:400px; overflow:hidden;}
.pick-slide-2 ul li a .thumb {position:relative; max-width:218px; height:308px;  line-height:308px; vertical-align:middle; background:#f5f5f5; border-radius:15px; overflow:hidden}
/*.pick-slide-2 ul li a img {width:100%; border-radius:15px; overflow:hidden; position:absolute; top:50%; left:0; transform:translate(0, -50%);  }*/
.pick-slide-2 ul li a img {min-height:308px; width:100%; height: 100%; object-fit: cover; border-radius:15px; overflow:hidden; position:absolute; top:50%; left:0; transform:translate(0, -50%);  }

.pick-slide-2 .slick-slide {margin-left:14px }
.pick-slide-2 ul li a .txt-box {display:block; margin-top:10px}
.pick-slide-2 ul li a .txt-box .vcate {color:#a2a2a2;  font-size:14px;line-height:35px; }
.pick-slide-2 ul li a .txt-box p {color:#242528; font-size:16px; font-weight:500;word-wrap:break-word;}

/* 메타버스 */
.meta-bg {position:relative; width:100%; background:#f5f5f5; padding:70px 15px}
.msec-meta {width:100%; max-width:1200px; padding:0}
.msec-meta .tits h3 {text-align:left; font-size:26px; color:#242528}
.msec-meta .tits span {font-size:16px; margin-top: 10px; display:inline-block }
.msec-meta .meta p{display:inline-block; color:#5c46ff; font-size:14px; font-weight:600; background:#ebeefd; padding:7px 23px; border-radius:5px; margin-bottom:15px;}

.meta-slide-2 {margin-top: 30px;}
.meta-slide-2 .slick-slide {margin-left:0; margin-right:25px;}
.meta-slide-2 .slick-slide img {width:100%; border-radius:10px}
.meta-slide-2 ul li {position:relative; }
.meta-slide-2 ul li a::after {display:none}

.msec-meta .tag-box {position:absolute; bottom:55px; left:10px}
.msec-meta .tag-box span {display:inline-block; font-size:12px; font-weight:600; color:#fff; background:#ff9500; padding: 5px 10px; box-sizing:border-box;}
.msec-meta .tag-box span:nth-child(2n) {color:#ff9500; background:#fff;}
.msec-meta .txt-box {position:relative; margin-top: 15px; overflow:hidden}
.msec-meta .txt-box > p {font-size:16px; color:#242528; font-weight:500; display:inline-block;}
.msec-meta .txt-box > span {font-size:15px; font-weight:600; color:#242528; background:#fff; padding:5px 10px; float:right}


/* 공지사항 & 인기 키워드 */
.msec-word {position:relative; display:block; max-width:1200px; margin:70px auto; overflow:hidden; padding:0 15px;}

.msec-notice {position:relative; display:block; width:50%; max-width:595px; float:left; }
.msec-keyword {position:relative; display:block; width:50%; max-width:476px; float:right; }
.msec-notice .tits {position:relative; overflow:hidden; }
.msec-notice .tits h3, .msec-keyword .tits h3 { line-height:1.2; font-size:26px; color:#242528;  border-bottom:1px solid #ccc; width:100%; max-width:595px; padding-bottom:20px; margin-bottom:20px;}
.msec-notice .tits a {position:absolute; top:15px; right:0; }
.msec-notice .title {float:left; max-width:453px;}
.msec-notice .title li,
.msec-notice .month li {line-height:1.8}
.msec-notice .month {float:right;}
.msec-notice .title li a {color:#242528; font-weight:500}
.msec-notice .month li a {color:#a2a2a2; font-weight:500}

.msec-notice .title li {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.msec-keyword .hashtag a {display:inline-block; font-size:14px; color:#fff; padding:5px 10px; background:#a2a2a2; margin-bottom:5px; border-radius:5px}
.msec-keyword  p {margin-top:10px}


/* 푸터  */
#f-news, .f-link, #footer-wrap {display:none}
.f-info {display:none; margin-top: 0;}
.f-other, .f-family {display:none;}
#footer {max-width:1200px}
#footer:before {width:100%}
.f-info .f-logo {filter: grayscale(100%);}
.f-info li:nth-child(n + 2) {margin-top: 0;}
.f-info li p {font-size: 12px}

#mesc-footer {padding:80px 15px; background:#242528; color:#999}
#mesc-footer .cont {max-width:1200px; margin:0 auto; display:block; overflow:hidden;}
#mesc-footer .cont .logo {font-size:24px; font-weight:bold; letter-spacing:-0.7px; display:inline-block; float:left; margin-right:20px }
#mesc-footer .cont .footer-ul {display:block;width:65%; float:left}
#mesc-footer .cont ul {overflow:hidden; }
#mesc-footer .cont ul li {font-size:10px; float:left; margin-right:10px}
#mesc-footer .cont ul li span {font-weight:600; color:#999}
#mesc-footer .cont ul li a {color:#999; display:inline-block}
#chat-channel-button {margin-top:5px; margin-left:3px}
#chat-channel-button img {max-width:135px}

.footer-ul .service-active {margin-top:20px;}

p.reserved {font-size:11px; color:#aaa; margin-top: 15px;}
p.pcver {color:#fff; font-weight:700; cursor:pointer}


/* fixed 플로팅배너 */
.kakao-chat {position:fixed; z-index:2004; display:block; right:20px; bottom:90px;transition:right 0.3s}
.kakao-chatbot {position:fixed; z-index:2004; display:block; right:20px; bottom:170px;transition:right 0.3s}

.sns-insta {position:fixed; z-index:2004; display:block; right:16px; bottom:170px;transition:right 0.3s}
.sns-youtube {position:fixed; z-index:2004; display:block; right:16px; bottom:225px;transition:right 0.3s}
.sns-blog {position:fixed; z-index:2004; display:block; right:16px; bottom:280px;transition:right 0.3s}

@media only screen and (max-width:480px){
.kakao-chat, .sns-insta, .sns-youtube, .sns-blog { right: 10px;}
.kakao-chat img, .sns-insta img, .sns-youtube img, .sns-blog img{ width: 40px; height: 40px;}
}




.banner-2 {position:relative; display:block; width:100%;}
.banner-2 .img {margin:0 auto; text-align:center; width:100%}

.request-wrap.list .list ul {overflow:hidden}
.request-wrap.list .list li {width:25%; min-height:626px; float:left; padding:30px; box-sizing:border-box;}
.request-wrap.list .list li:nth-child(n+2) {margin-top:0; border-top:0; }
.request-wrap.list .list li .con {padding-left:0}
.request-wrap.list .list li .con .img {position: relative; width:100% !important;  min-height:420px; overflow:hidden;}
.request-wrap.list .list li .con .img img {height:auto; position:absolute; top:50%; transform:translate(0, -50%);}
.request-wrap.list .list li .con .txt {padding-right:0; min-height:140px;}
.request-wrap.list .list li .con .txt .date {line-height:1.85rem; font-size:14px; font-weight:500; color:#a2a2a2}
.request-wrap.list .list li .con .txt .date span {margin-left: 10px; background-color:#dbefe0; color:#34c759; padding:0 10px; box-sizing:border-box; border-radius:5px; font-size:12px;}
.request-wrap.list .list li .con .txt .date span:before {display:none}

.request-wrap.list .list li .con .txt .btxt {margin-top:15px; font-size:17px; color:#242528; font-weight:600; max-height:42px; min-height:42px; line-height:1.2; overflow:hidden}

.request-wrap.list .list li .con .txt .stxt {font-weight:500; color:#a2a2a2; margin-top: 10px; font-size:14px; padding: 0 30px;}
.request-wrap.list .list li .con .txt .stxt img {width: 20px; height: 20px; top:2px}
.request-wrap.list .list li .con .txt .stxt span {display: block; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; overflow: hidden;}
.request-wrap.list .list li .con .txt .won { font-size:12px; color:#5c46ff; margin-top:10px; top:auto; bottom:10px; right:0}

.request-wrap.list .list li .count {display:none}

.request-wrap.list h3.line {text-align:center; font-size:26px; line-height:1; color:#242528; font-weight:600; transform: skew(-0.001deg); padding-bottom:30px; margin-bottom:30px  }
.request-wrap.list h3.line::before {content:'EVENT'; position:relative; display:block; color:#ff9500; font-size:14px; font-weight:600; background:#ffe5c1;  width:75px; height:30px; line-height:30px; border-radius:5px;  text-align:center; margin:0 auto 20px;}

.request-wrap.list .banner {display:none}
.request-wrap.list .total {display:none}


/* 강사 목록 */
.t-middle_banner {
	background: #ffedde; 
	width: 1200px;
	height: 200px;
	margin: 60px auto 0;
	border-radius: 10px;
	text-align: center;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.t-middle_banner .txt {
	font-size: 18px;
}
.t-middle_banner .txt-1 { padding-top: 20px; }
.t-middle_banner .txt-2 {}
.t-middle_banner .txt-3 {
    font-size: 13px;
    padding-top: 1px;
}
.t-middle_banner .gogoBtn {
	padding: 7px 15px;
    border: 1px solid #fff;
    width: 200px;
    margin: 20px auto 0;
    border-radius: 4px;
    box-sizing: border-box;
}
.t-middle_banner .gogoBtn:hover {

}
.recruitment-wrap.request-wrap.list .list .instructor-wrap { 
	display: flex; 
	flex-wrap: wrap; 
}
.recruitment-wrap.request-wrap.list .list .instructor-wrap li { min-height: initial; }
.recruitment-wrap.request-wrap.list .list .instructor-wrap li .con .img { 
	min-height: 300px; 
	background: #E1EBF5;
	border-radius: 5px 5px 0 0;
}

.recruitment-wrap.request-wrap.list h3.line::before { content: initial }

.recruitment-wrap.request-wrap.list .sub_tlt {
	display: block;
	width: 100px;
	height: 35px;
	line-height: 35px;
	background: #d0e9ff;
	text-align: center;
	margin: 0 auto 20px;
	border-radius: 3px;
	color: #005097;
	font-weight: 700;
	font-size: 17px;
}

.recruitment-wrap.request-wrap.list .list .instructor-wrap li:nth-child(2n+1) .con .img {
	background: #fff9db;
}
.recruitment-wrap.request-wrap.list .list .instructor-wrap li:nth-child(3n+1) .con .img  {
	background: #ffede3; 
}
.recruitment-wrap.request-wrap.list .list .instructor-wrap li:nth-child(4n+1) .con .img {
	background: #FDEBE9;
}
.recruitment-wrap.request-wrap.list .list .instructor-wrap li:nth-child(5n+1) .con .img {
	background: #D5E5E2;
}
.recruitment-wrap.request-wrap.list .list .instructor-wrap li:nth-child(6n+1) .con .img {
	background: #ffe3e1;
}
.recruitment-wrap.request-wrap.list .list .instructor-wrap li:nth-child(7n+1) .con .img {
	background: #f7f4e5;
}
.recruitment-wrap.request-wrap.list .list .instructor-wrap li:nth-child(8n+1) .con .img {
	background: #e4f2ef;
}
.recruitment-wrap.request-wrap.list .list .instructor-wrap li:nth-child(9n+1) .con .img {
	background: #ffe9ed;
}
.recruitment-wrap.request-wrap.list .list .instructor-wrap li:nth-child(10n+1) .con .img {
	background: #e6f5ea;
}
.recruitment-wrap.request-wrap.list .list .instructor-wrap li .con .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
	
}
.recruitment-wrap.request-wrap.list .list .instructor-wrap li .con .txt .tag-wrap {
	font-size: 13px;
	display: inline;
	gap: 5px;
    /*padding: 4px 10px;*/
	/* border-radius: 10px; */
	justify-content: center;
	line-height:25px;

	/* background: #F0EDCC; */
	/*
	border-top: 1px solid #555;
    border-bottom: 1px solid #555;
	*/
}
.recruitment-wrap.request-wrap.list .list .instructor-wrap li .con .txt .tag-wrap .tag {
	color: #555;
    font-weight: 400;
	color: #FFDFDE;
	font-size: 12px;
	color: #4b4c0f;
    background: #bd87fa3b;
    border-radius: 8px;
    padding: 4px 4px 4px 4px;
    word-break: auto-phrase;
}
.recruitment-wrap.request-wrap.list .list .instructor-wrap li .con .txt .name {
	font-weight: 600;
	font-size: 20px;
	padding: 10px 0;
	/* border-bottom: 1px solid #ccc; */
	text-align: center;
	color: #000073;
}
.recruitment-wrap.request-wrap.list .list .instructor-wrap li .con .txt .name .full_name {
	position: relative;
}
.recruitment-wrap.request-wrap.list .list .instructor-wrap li .con .txt .name .full_name:before {
	position: absolute;
	left: 70px;
    top: 60%;
	transform: translateY(-50%);
	content: '';
	background: #999;
	width: 1px;
	height: 15px;
}
.recruitment-wrap.request-wrap.list .list .instructor-wrap li .con .txt .name .job {
	margin-left: 20px;font-size: 14px;font-weight: 400;
}

.recruitment-wrap.request-wrap.list .list .instructor-wrap li .con .txt .job_details {
	padding: 0;
	margin: 10px auto 0;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	color: #999;	
}
.recruitment-wrap.request-wrap.list .list .instructor-wrap li .con .txt .point_txt {
	border-radius: 15px; 
	font-family: 'Poppins', sans-serif;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-align: center;
    background: #f3f1e9;
    margin-top: 10px;
	height: 65px;
    box-sizing: border-box;
	display: flex;
    align-items: center;
    justify-content: center;
}

@media all and (max-width: 1350px) {
	.recruitment-wrap.request-wrap.list .instructor-wrap .vertical_wrap.list li {
        padding-top: 18px;
    }
	.recruitment-wrap.request-wrap.list .list .instructor-wrap li { padding: 18px; }
	.recruitment-wrap.request-wrap.list .list .instructor-wrap li .con .img { min-height: 350px; }
}

@media all and (max-width: 1280px) {
	.t-middle_banner { width: 95%; }
}

@media all and (max-width: 1110px) {
	.recruitment-wrap.request-wrap.list .list .instructor-wrap li {
		width: 33.333333%;
	}
	.recruitment-wrap.request-wrap.list .list .instructor-wrap li .con .img {
        min-height: 420px;
    }
}

@media all and (max-width: 1080px) {
	.recruitment-wrap.request-wrap.list .vertical.list .article_list .half {
		gap: 30px; padding: 0 20px;
	}
}

@media all and (max-width: 1024px) {
	.recruitment-wrap.request-wrap.list .vertical.list .article_list .half { gap: 25px; }
}

@media all and (max-width: 992px) {
	.recruitment-wrap.request-wrap.list .list .instructor-wrap li .con .img {
        min-height: 300px;
    }
	.recruitment-wrap.request-wrap.list .vertical.list .article_list .half {}
}

@media all and (max-width: 880px) {
	.recruitment-wrap.request-wrap.list .list .instructor-wrap li {
		padding: 10px; 
	}
}

@media all and (max-width: 860px) {
	.recruitment-wrap.request-wrap.list .list .instructor-wrap li .con .txt .name { padding: 5px 0; }
	.recruitment-wrap.request-wrap.list .list .instructor-wrap li .con .txt .tag-wrap .tag { font-size: 13px; }
}

@media all and (max-width: 768px) {
	.recruitment-wrap.request-wrap.list .list .instructor-wrap li { width: 50%;	}
	.recruitment-wrap.request-wrap.list .list .instructor-wrap li .con .img { min-height: 350px; }
	.recruitment-wrap.request-wrap.list .list .instructor-wrap li {
        padding: 10px;
        padding-bottom: 20px;
    }
}

@media all and (max-width: 578px) {
	.t-middle_banner { width: 90%; }
	.recruitment-wrap.request-wrap.list .list .instructor-wrap li { padding: 0; padding-bottom: 50px; }
	.request-wrap.list h3.line { margin-bottom: 20px; }
}

@media all and (max-width: 550px) {
	.recruitment-wrap.request-wrap.list .list .instructor-wrap li {
		width: 100%;
	}
	.recruitment-wrap.request-wrap.list .list .instructor-wrap li .con .img img {
	    object-fit: scale-down;
	}
}


/*
전체 - event-hd.jpg
ECT001공모전 - event-hd-gm.jpg
ECT004서포터즈 - event-hd-sp.jpg
ECT005스타트업 - event-hd-stu.;jpg
ECT002클래스 - event-hd-class.jpg
ECT003로컬투어- event-hd-local.jpg
ECT007기타 - event-hd-etc.jpg
*/
.event-header- {position:relative; width:100%; height:360px; background:url(/public/assets/img/event-hd.jpg) no-repeat center center; background-size:cover; padding:120px 0; box-sizing:border-box;}
.event-header-all {position:relative; width:100%; height:360px; background:url(/public/assets/img/event-hd.jpg) no-repeat center center; background-size:cover; padding:120px 0; box-sizing:border-box;}
.event-header-ECT001 {position:relative; width:100%; height:360px; background:url(/public/assets/img/event-hd-gm.jpg) no-repeat center center; background-size:cover; padding:120px 0; box-sizing:border-box;}
.event-header-ECT004 {position:relative; width:100%; height:360px; background:url(/public/assets/img/event-hd-sp.jpg) no-repeat center center; background-size:cover; padding:120px 0; box-sizing:border-box;}
.event-header-ECT005 {position:relative; width:100%; height:360px; background:url(/public/assets/img/event-hd-stu.jpg) no-repeat center center; background-size:cover; padding:120px 0; box-sizing:border-box;}
.event-header-ECT002 {position:relative; width:100%; height:360px; background:url(/public/assets/img/event-hd-class.jpg) no-repeat center center; background-size:cover; padding:120px 0; box-sizing:border-box;}
.event-header-ECT003 {position:relative; width:100%; height:360px; background:url(/public/assets/img/event-hd-local.jpg) no-repeat center center; background-size:cover; padding:120px 0; box-sizing:border-box;}
.event-header-ECT007 {position:relative; width:100%; height:360px; background:url(/public/assets/img/event-hd-etc.jpg) no-repeat center center; background-size:cover; padding:120px 0; box-sizing:border-box;}

.event-title {display:block; max-width:1200px; margin:0 auto; text-align:center; color:#fff; padding: 0 20px;}
.event-title h3 {font-size:46px; font-weight:600; line-height:1.5}
.event-title p {font-size:21px; line-height:1.2; letter-spacing:-0.35px}

.gap100 {display:none}


	/* 반응형 */

				@media only screen and (max-width:1500px) {

					.msec-04 .cont .prev,
					.msec-04 .cont .next {display:none;}		
				}

				@media only screen and (max-width:1300px) {
					.msec-05 .ed-slide .item {width:24%}
				}

				@media only screen and (max-width:1200px) {

					#mainNavi-wrap {display:none;}	
					#header-wrap .inner:after {height:86px;}
					.bt-search {top:22px}
					#gnb-wrap .bt-home {display:none;}
					.bt-search {display:none}
					.bt-search.active {display:none }
					.top-search {padding:0; height:auto; left:auto; border-bottom:0; }
					.top-search .close {display:none}
					.top-search .enter {right:0px; top:auto;}
					.bt-mnall {top:23px}
					.write-btn {right:44px; top:-22px}

					.pick-slide {width:290px}
					.pick-slide ul li {float:left; position:relative; max-width:275px}


					.pick-slide-2 {width:864.5px}
					.pick-slide ul li .rec-btn {right:72px}
 
				} 

				@media only screen and (max-width:1200px) {
					#header-wrap.fix #header .inner {display:block; padding:0 15px; box-sizing:border-box;}
				}

				@media only screen and (max-width:1120px) {
 
						.msec-notice .title {max-width:80%}
				} 

				@media only screen and (max-width:1100px) {
					.msec-keyword {width:35%; max-width:290px}
					.msec-notice {width:63%; margin-right:2%}
					.msec-keyword .hashtag a {font-size:12px; padding:3px 8px}
					.msec-keyword p {font-size:12px}
				}

				@media only screen and (max-width:999px) {
						.msec-visual .mobile{display:none;}	
					.msec-visual .desktop{display:block;}			
				}

				@media only screen and (max-width:960px) {
/* 					.meta-slide-2 .slick-slide .txt-box {width:500px; padding-left:40px;}
 */
					.pick-slide-2 {width:590px; float:left}

					.pick-slide {margin-right:20px}


				}

				@media only screen and (max-width:900px) {
					.meta-slide-2 .slick-slide .thumb {width:43%;}
					.subn-slide ul {height:auto;}

				}

				@media only screen and (max-width:874px) {
					.msec-sub {height:279px}
					.sub-slide .slick-slide {height:279px}

					.sub-slide .slick-slide .thumb {float:none; position:absolute; right:-30px; bottom:-43px;}
				}

				@media only screen and (max-width:840px) {
				
					.msec-visual .desktop {display:none}
					.msec-visual .mobile {display:block;}

					.msec-visual .item .img img {height:100%}
					
				}

				@media only screen and (max-width:800px) {
					.dday-slide ul li a .img {min-height:310px;}
				}

				@media only screen and (max-width:740px) {

					#mesc-footer .cont .footer-ul, #mesc-footer .cont .logo {float:none;}
					.app-dl {margin-top:20px}
				
				}

				@media only screen and (max-width:700px) {
				

					.subn-slide ul.desktop {display:none;}
					.subn-slide ul.mobile {display:block; overflow:hidden}
					.msec-visual .slick-dots ul {display:none}

					.meta-slide-2 .slick-slide .thumb {float:none;width:100%;}
					.meta-slide-2 .slick-slide .thumb img {width:100%}
					


					.sub-slide .slick-slide .txt-box {width:300px}
					.sub-slide .slick-slide .txt-box p {font-size:26px}
					.sub-slide .slick-slide .txt-box span {font-size:14px}

					.msec-keyword {width:35%; max-width:290px}
					.msec-notice {width:63%; margin-right:2%}
					.msec-keyword .hashtag a {font-size:10px; padding:3px 5px}
					.msec-keyword p {font-size:11px; margin-top:5px}

					.msec-notice .month {display:none;}
					.msec-notice .title {max-width:100%}					
					
				}

				@media only screen and (max-width:690px) {
					.msec-visual {height:390px}
					.msec-visual .item .img {height:390px}
				}


				@media only screen and (max-width:680px) {

					#mainNavi-wrap {display:none;}

					.subn-slide ul {height:auto}
					.subn-slide ul li a img {height:auto}

					.msec-notice, .msec-keyword {float:none; max-width:100%; width:100%; overflow:hidden;}
					.msec-notice {margin-bottom:30px}
					.msec-keyword .hashtag a {font-size:12px; padding:5px 10px}

					.msec-notice .tits h3, .msec-keyword .tits h3 {max-width:100%}
					.msec-notice .title li a {font-size:15px}

					.msec-keyword p {font-size:15px}
		 
				} 

				@media only screen and (max-width:650px) {
					.event-title h3 {font-size:32px;}
					.event-title p {font-size:18px}
				}

				
				@media only screen and (max-width:600px) {
					button.search-btn {position:absolute; width:40px; padding-left:0; border:0; right:144px; top:25px;}
					button.search-btn span {display:none}
					.write-btn {padding:8px 12px; right:40px; font-size:11px; top:-18px}


					.top-search .chk-input {display:block; margin:0 auto;}
					.top-search {width:360px}
					.top-search .enter { top:0px}
					.search-arrow {left:-32px}
					.modal-search-wrap .hashtag {max-width:80%; margin:60px auto 0}
					.search-form-bg {height:auto; padding:30px}

					.msec-visual .mobile{display:block;}	
					.msec-visual .desktop{display:none;}
					
					.msec-visual {height:330px}
					.msec-visual .item .img {height:330px}

					.msec-visual .titlebox {top:75%; left:55%;}

					.msec-visual .titlebox h3 {font-size:26px}
					.msec-visual .titlebox p {font-size:14px}

					.go-btn {margin: 2rem auto 0}

					#mesc-footer {padding:50px 15px}
					#mesc-footer .cont .logo {float:none}
					#mesc-footer .cont .footer-ul {float:none; width:100%; margin-top:10px}
					
					.best-slide {width:500px; margin-left:-10px}
					.best-slide .slick-slide {margin-right:0; margin-left:10px;}

					.dday-slide {width:500px; margin-left:-10px}
					.dday-slide .slick-slide {margin-right:0; margin-left:10px;}
					
					.vod-slide {width:500px; margin-left:-10px}
					.vod-slide .slick-slide {margin-right:0; margin-left:10px;}

					.pick-slide {width:220px; margin-right:0px; margin-left:-10px}
					.pick-slide .slick-slide { padding-right:15px; padding-left:15px }
					.pick-slide ul li .rec-btn {top:235px; right:26px}

					.pick-slide-2 {width:420px; }
					.pick-slide-2 .slick-slide {margin-left:0px; margin-right:20px}

					.sub-slide .slick-slide .thumb {bottom:-95px}
				}

				@media only screen and (max-width:490px) {

					.msec-visual {height:303px}
					.msec-visual .item .img {height:303px}
				}

				@media only screen and (max-width:485px) {
					.top-search {width:280px}
					.top-search .enter {right:0}
					.search-arrow {left:-29px}
					.modal-search-wrap .hashtag {max-width:100%}
					.search-form-bg {min-width:330px}
				}
		

				@media only screen and (max-width:460px) {
					.sub-slide .slick-slide .thumb img {opacity:25%}
				}


				@media only screen and (max-width:440px) {

					.msec-visual {height:250px}
					.msec-visual .item .img {height:250px}

				}


				@media only screen and (max-width:390px) {
					.msec-visual {height:225px}
					.msec-visual .item .img {height:225px}
				}
				@media screen and (max-width:499px){
				.request-wrap.list .list li .con .txt .btxt{
				font-size:14px}
				}

/* 강사추천영역 */
.msec-teacher {
    box-sizing: border-box;
    margin: 70px auto 0;
    overflow: hidden;
	background: #f5f5f5;
	padding: 60px 0 30px;
}

.msec-teacher .tits { width: 1200px; padding: 0 15px; margin: 0 auto; box-sizing: border-box; }

.msec-teacher .attention p {
    display: inline-block;
    background: #d9e8ff;
	color: #0066fe;
    font-size: 14px;
    font-weight: 600;
    padding: 7px 23px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.msec-teacher .tits h3 {
	font-size: 26px;
    text-align: left;
    line-height: 1;
    color: #242528;
}

.msec-teacher .tits span {
    font-size: 16px;
    margin-top: 10px;
	width: 100%;
	display: inline-block;
}

.msec-teacher .cont {
    margin-top: 20px;
    box-sizing: border-box;
    position: relative;
	max-width: 1200px;
	margin: 0 auto;
}

.msec-teacher .cont .containerBox {
	width: 100%;
	margin: 0 auto;
}

.msec-teacher .cont .t-tabs {
    width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
	box-sizing: border-box;
}
.msec-teacher .cont .t-tabs li {
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 25px;
	border-radius: 30px;
	cursor: pointer;
	border: 1px solid #ddd;
    box-sizing: border-box;
	margin-right: 10px;
	background: #fff;
}

.msec-teacher .cont .t-tabs li:hover {
	background: #000;
	color: #fff;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}

.msec-teacher .cont .t-tabs li.current {
	background: #000;
	border: 1px solid #000;
    color: #fff;
	font-weight: 500;
	cursor: default;
}

.msec-teacher .cont .tab-contentBox {
	display: none;
}

.msec-teacher .cont .tab-contentBox.current { display: inherit; }

.msec-teacher .cont .tab-contentBox .flow_banner { 
	overflow: hidden; 
	display: flex; 
	margin: 5px auto 30px; 

	/* width: 1200px; */
}
.msec-teacher .cont .tab-contentBox .flow_banner .list { display: flex; }
.msec-teacher .cont .tab-contentBox .flow_banner .list > li { 
	font-size: 18px; 
	color: #fff; 
	padding: 20px 10px; 
	cursor: pointer; 
	width: 250px; 
	box-sizing: border-box; 
}
.msec-teacher .cont .tab-contentBox .flow_banner .list li .go_link {
    width: 100%;
    display: block;
    overflow: hidden;
}
.msec-teacher .cont .tab-contentBox .flow_banner .list li .go_link .t-imgBox {
	width: 100%;
    /* height: 100%; */
	height: 300px;
	border-radius: 30px;
    overflow: hidden;
}
.msec-teacher .cont .tab-contentBox .flow_banner .list li .go_link .t-imgBox img { 
	width: 100%; 
	height: 100%; 
	object-fit: cover; 
}
.msec-teacher .cont .tab-contentBox .flow_banner .list li .go_link .t-txtBox { 
	width: 100%; 
	padding-top: 20px; 
}
.msec-teacher .cont .tab-contentBox .flow_banner .list li .go_link .t-txtBox span { 
	font-size: 14px; 
	color: #5f5f5f; 
}
.msec-teacher .cont .tab-contentBox .flow_banner .list li .go_link .t-txtBox h2 { 
	font-size: 17px; 
	font-weight: 600; 
	color: #000; 
	padding: 5px 0px 25px; 
	position: relative;
}
.msec-teacher .cont .tab-contentBox .flow_banner .list li .go_link .t-txtBox h2::before {
	content: '';
	position: absolute;
	top: 35px; 
	left: 0; 
	width: 50%;
	height: 2px;
	background: #555;
}
.msec-teacher .cont .tab-contentBox .flow_banner .list li .go_link .t-txtBox p {
	width: 100%;
	font-size: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 원하는 라인수 */
    -webkit-box-orient: vertical
}

@keyframes flowRolling {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}

@media (max-width: 1280px) {
	.msec-teacher .tits { width: 100%; }
	.msec-teacher .cont .tab-contentBox .tab-contentBox .flow_banner .list > li {font-size: 16px;padding: 10px;}
}

@media all and (max-width: 1080px) {
	.msec-teacher .cont .t-tabs { 
		display: flex; 
		flex-wrap: wrap;
        width: 100%;
        gap: 5px;
	}
	.msec-teacher .cont .t-tabs li { margin-right: 5px; }
}

@media (max-width: 767px) {
	.msec-teacher .cont .tab-contentBox .tab-contentBox .flow_banner .list > li {font-size: 14px;padding: 5px;}
}

/* 강사 등록 영역 */
.lecturerDetailWrap .lecturerDetail_frame {
	/* width: 1200px; */
	width: 100%;
	box-sizing: border-box;
	/* margin: 70px auto 0; */
	overflow: hidden;
	/* padding: 0 15px; */
	padding: 0;
    box-sizing: border-box;
}

.lecturerDetailWrap .lecturerDetail_frame .tlt_wrap {
	display: flex;
	justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    /* border-bottom: 2px solid #aaa; */
}

.lecturerDetailWrap .lecturerDetail_frame .tlt_wrap .mainTlt {
    font-size: 26px;
    font-weight: 700;
    color: #1f1f1f;
    line-height: 1.2em;
    letter-spacing: -0.03em;
}

.lecturerDetailWrap .detailInfo {
	display: flex;
	gap: 30px;
}

.lecturerImgProfile {
	width: 400px; 
	height: 400px;
	display: flex;
    flex-direction: column;
	border-radius: 20px;
}

.lecturerProfile {
	width: 65%;
	border: 1px solid #ddd;
	box-sizing: border-box;
	border-radius: 20px;
}

.lecturerImgProfile .invite_btn { 
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
    margin-top: 15px;
    border-radius: 30px;
	font-size: 15px;
    background: cornflowerblue;
}

.lecturerImgProfile .invite_btn:hover {
	background: #29529d;
	font-weight: 700;
	transition: all .3s;
}

.lecturerDetailWrap .detailInfo .double {
	display: flex;
	width: 100%;
}

.lecturerProfile .common_intro {
	display: flex;
    border-bottom: 1px solid #ddd;
	padding: 20px 0;
	align-items: center;
}

.lecturerProfile .single.common_intro:last-child {
	border-bottom: 0;
}

.lecturerProfile .name_intro {
	padding: 30px 20px;
	gap: 5px;
}

.lecturerProfile .main_intro,
.lecturerProfile .specialization_intro {
	align-items: flex-start;
}

.lecturerProfile .main_intro p {
	font-size: 16px;
}

.lecturerImgProfile img { 
	width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 20px;
}

.lecturerDetailWrap .common_intro h3 {
	font-size: 15px;
	font-weight: 600;
	padding: 0 20px;
}
.lecturerDetailWrap .detailInfo .single.common_intro h3 { width: 19%; }
.lecturerDetailWrap .detailInfo .single.common_intro p { width: 80%; }

.lecturerDetailWrap .detailInfo .double .common_intro { width: 50%; }

.lecturerDetailWrap .detailInfo .double .common_intro h3 { width: 40%;}
.lecturerDetailWrap .detailInfo .double .common_intro p { width: 60%; }

.lecturerDetailWrap .detailInfo .single.name_intro h3 { font-size: 22px; font-weight: 600; width: auto; padding: 0; }
.lecturerDetailWrap .detailInfo .single.name_intro span {
	font-size: 16px;
	padding-top: 5px;
	padding-left: 5px;
	font-weight: 500;
}
.lecturerDetailWrap .detailInfo .single.name_intro img {
	width: 25px;
	padding-left: 15px;
}

.lecturerDetailWrap .detail_img_wrap { 
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin-top: 40px;
	border-radius: 20px;
	/*height: 80vh;*/
    overflow: auto;
}

.lecturerDetailWrap .detail_img_wrap .inner_img {
	padding: 50px 30px;
}

.lecturerDetailWrap .detail_img_wrap .inner_img img { width: 100%; }

@media all and (max-width: 1280px) {
	.lecturerDetailWrap .lecturerDetail_frame {
		width: 100%;
	}
	.lecturerDetailWrap .detailInfo { gap: 20px; }
	.lecturerDetailWrap .lecturerDetail_frame .tlt_wrap {
		margin-bottom: 0;
	}
}

@media all and (max-width: 992px) {
	.lecturerImgProfile {
		width: 300px;
	}
	.lecturerDetailWrap .lecturerDetail_frame h2 { font-size: 22px; }
	.lecturerDetailWrap .detailInfo .single.name_intro h3 { font-size: 20px; }
	.lecturerProfile .name_intro { padding: 20px; }
	.lecturerProfile .common_intro { padding: 15px 0; }
	.lecturerDetailWrap .detailInfo .single.name_intro img { width: 20px; }
	.lecturerDetailWrap .detailInfo .single.name_intro span { font-size: 15px; }
	.lecturerProfile .main_intro p { font-size: 15px; }
}

@media all and (max-width: 768px) {
	.lecturerDetailWrap .detailInfo { flex-direction: column; }
	.lecturerImgProfile { margin: 0 auto; }
	.lecturerProfile { width: 100%; }
	.lecturerDetailWrap .lecturerDetail_frame h2 { margin-bottom: 15px; }

	.lecturerDetailWrap .lecturerDetail_frame .tlt_wrap { 
		flex-direction: column;
		padding-bottom: 0;
		margin-top: 30px;
	}
	.lecturerDetailWrap .lecturerDetail_frame .tlt_wrap .search_wrap { width: 100%; }
	.lecturerDetailWrap .lecturerDetail_frame .tlt_wrap .search_wrap input[type="search"] { width: 95%; }
}

@media all and (max-width: 578px) {
	.lecturerDetailWrap .detailInfo .double .common_intro { width: 100%; }
	.lecturerDetailWrap .detailInfo .single.common_intro h3,
	.lecturerDetailWrap .detailInfo .double .common_intro h3 { width: 32%; min-width: 130px; }
	.lecturerDetailWrap .detailInfo .single.name_intro h3 { min-width: initial; width: auto; }
	.lecturerDetailWrap .common_intro h3 { width: 80px; box-sizing: border-box; padding: 0 10px; }

	.lecturerDetailWrap .detailInfo .double { flex-wrap: wrap; }
}

@media all and (max-width: 450px) {
	.lecturerProfile .common_intro { flex-direction: column; }
	.lecturerDetailWrap .detailInfo .single.common_intro h3,
	.lecturerDetailWrap .detailInfo .double .common_intro h3 { 
		width: 100%; 
		padding-bottom: 5px;
        font-size: 16px;
	}
	.lecturerDetailWrap .detailInfo .single.name_intro h3 { 
		text-align: center; 
		font-size: 18px;
		padding-bottom: 0; 
		padding-top: 5px; 
	}
	.lecturerDetailWrap .detailInfo .single.name_intro span {
		padding-top: 0;
		padding-left: 0;
	}
	.lecturerDetailWrap .detailInfo .single.name_intro img { padding-left: 0; }
	.lecturerDetailWrap .detailInfo .double .common_intro p,
	.lecturerDetailWrap .detailInfo .single.common_intro p { 
		width: 100%; 
		padding: 0 10px; 
		box-sizing: border-box; 
	}
}


/* 강사 섭외 페이지 */
.lecturerWrap {
	border-top: 1px solid #000;
}

.lecturerRecruitWrap .lecturerRecruit_frame {
	width: 1160px;
	box-sizing: border-box;
	margin: 50px auto 0;
	overflow: hidden;
	padding: 0 15px;
    box-sizing: border-box;
}

.lecturerRecruitWrap .lecturerRecruit_frame .tlt_wrap {
	text-align: center;
    margin-bottom: 40px;
    padding-bottom: 20px;
    /* border-bottom: 2px solid #aaa; */
}

.lecturerRecruitWrap .lecturerRecruit_frame .tlt_wrap .mainTlt {
    font-size: 30px;
    font-weight: 700;
    color: #1f1f1f;
    line-height: 1.2em;
    letter-spacing: -0.03em;
}

.lecturerRecruitWrap .recruitInfo {
	width: 100%;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 20px;
	padding: 30px;
	background: #f9f9f9;
}

.lecturerRecruitWrap .recruitInfo .detailInfo {
	display: flex;
	padding: 10px 0;
}

.lecturerRecruitWrap .recruitInfo .detailInfo.date { 
	display: flex; 
	align-items: center; 
}

.lecturerRecruitWrap .recruitInfo .detailInfo .tlt {
	font-size: 18px; 
	width: 20%;
	min-width: 120px;
	height: 40px;
    line-height: 40px;
	padding: 0 20px;
	box-sizing: border-box;
}

.lecturerRecruitWrap .recruitInfo .detailInfo .article {
	width: 80%;
}

.lecturerRecruitWrap .recruitInfo .detailInfo .article.date_line {
    gap: 10px;
    display: flex;
	align-items: center;
}

.lecturerRecruitWrap .recruitInfo .detailInfo .article.instructor_line {
	display: flex;
	align-items: center;
    gap: 10px;
}

.lecturerRecruitWrap .recruitInfo .detailInfo .article.instructor_line .search_wrap {
	border: 1px solid #ddd;
	height: 42px;
	border-radius: 20px;
	box-sizing: border-box;
	display: flex;
}

.lecturerRecruitWrap .recruitInfo .detailInfo .article.instructor_line .search_wrap input[type="search"] {
	height: 40px;
	padding-left: 15px;
	border: 0;
	border-radius: 20px;
	font-size: 15px;
}

.lecturerRecruitWrap .recruitInfo .detailInfo .article.instructor_line .search_wrap input[type="search"] + .search_btn {
	width: 40px;
	height: 40px;
	border: 0;
	background: transparent;
	padding: 0;
}

.lecturerRecruitWrap .recruitInfo .detailInfo .article.instructor_line .search_wrap input[type="search"] + .search_btn img {
	width: 50%;
}

.lecturerRecruitWrap .recruitInfo .detailInfo .article.instructor_line .instructor_name { min-width: 70px; width: 20%; }

.lecturerRecruitWrap .recruitInfo .detailInfo .article input[type="text"],
.lecturerRecruitWrap .recruitInfo .detailInfo .article input[type="date"],
.lecturerRecruitWrap .recruitInfo .detailInfo .article select {
	border: 1px solid #ddd;
	outline: none;
	height: 40px;
	padding: 0 15px;
	box-sizing: border-box;
	border-radius: 10px;
	font-size: 15px;
}

.lecturerRecruitWrap .recruitInfo .detailInfo .article input[type="date"]::-webkit-inner-spin-button,
.lecturerRecruitWrap .recruitInfo .detailInfo .article input[type="date"]::-webkit-clear-button {
	display: block;
}

.lecturerRecruitWrap .recruitInfo .detailInfo .article input[type="date"]::-webkit-calendar-picker-indicator {
	color: rgba(0, 0, 0, 0);
	opacity: 1
}

.lecturerRecruitWrap .recruitInfo .detailInfo .article input[type="date"]::-webkit-calendar-picker-indicator:hover {
	background: transparent;
	cursor: pointer;
}

.lecturerRecruitWrap .recruitInfo .detailInfo .article input[type="date"]::-webkit-calendar-picker-indicator::after {
	content: '';
	display: block;
	background: url(https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-32.png) no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -16px;
}

.lecturerRecruitWrap .recruitInfo .detailInfo .article textarea {
	width: 100%;
	resize: none;
	display: block;
	padding: 15px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	font-size: 15px;
	border-radius: 20px;
}

.lecturerRecruitWrap .recruitInfo .detailInfo .article input[type="text"] {
	width: 100%;
}

.lecturerRecruitWrap .recruitInfo .detailInfo .article .chk-check input[type="checkbox"] {
	display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 11px 13px;
    /* margin: -1px; */
    overflow: hidden;
}

.lecturerRecruitWrap .recruitInfo .detailInfo .article .chk-check input[type="checkbox"] + label {
    display: block;
    position: relative;
    padding-left: 25px;
	font-size: 14px;
    line-height: 25px;
    color: #888;
    font-weight: 400;
    letter-spacing: -0.03em;
    cursor: pointer;
}

.lecturerRecruitWrap .recruitInfo .detailInfo .article .chk-check input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 2px;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    text-align: center;
    background: url(/public/assets/img/sub/check-off.jpg) no-repeat center center;
    background-size: 100% !important;
}

.lecturerRecruitWrap .recruitInfo .detailInfo .article .chk-check input[type="checkbox"]:checked + label:before {
    background-image: url(/public/assets/img/sub/check-on.jpg);
}

.lecturerRecruitWrap .recruitInfo .detailInfo .article select {
	width: 20%;
	cursor: pointer;
}

.lecturerRecruitWrap .lecturerRecruit_frame .submit_btn {
	width: 250px;
	height: 50px;
	font-size: 15px; 
	display: block;
	border-radius: 30px;
	margin: 30px auto 0;
}

.lecturerRecruitWrap .lecturerRecruit_frame .submit_btn:hover {
	background: #000;
	color: #fff;
	font-weight: 700;
	transition: all .3s;
}

.lecturerRecruitWrap .filebox { display: flex; gap: 10px; }

.lecturerRecruitWrap .filebox .upload-name {
    height: 40px;
    padding: 0 15px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 100%;
    border-radius: 20px;
    box-sizing: border-box;
	font-size: 15px;
	color: #777;
	cursor: default;
}

.lecturerRecruitWrap .filebox label {
    padding: 10px 20px;
    color: #fff;
    vertical-align: middle;
    background-color: #999999;
    cursor: pointer;
    height: 40px;
	box-sizing: border-box;
    border-radius: 20px;
}

.lecturerRecruitWrap .filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

@media all and (max-width: 1200px) {
	.lecturerRecruitWrap .lecturerRecruit_frame {
		width: 100%;
	}
}

@media all and (max-width: 992px) {
	.lecturerRecruitWrap .recruitInfo { padding: 30px 10px 30px 10px; }
	.lecturerRecruitWrap .lecturerRecruit_frame { width: 100%; padding: 0 10px; }
	.lecturerRecruitWrap .recruitInfo .detailInfo .tlt { font-size: 17px; }
}

@media all and (max-width: 768px) {
	.lecturerRecruitWrap .recruitInfo { padding: 30px 10px 30px 0; }
	.lecturerRecruitWrap .recruitInfo .detailInfo .tlt { min-width: 100px; }
	.lecturerRecruitWrap .recruitInfo .detailInfo .article.date_line,
	.lecturerRecruitWrap .recruitInfo .detailInfo .article.instructor_line,
	.lecturerRecruitWrap .filebox { gap: 5px; }
	.lecturerRecruitWrap .recruitInfo .detailInfo .article input[type="date"] { width: 25%; }
}

@media all and (max-width: 578px) {
	.lecturerRecruitWrap .recruitInfo { padding: 25px 15px; }
	.lecturerRecruitWrap .recruitInfo .detailInfo { flex-direction: column; }
	.lecturerRecruitWrap .recruitInfo .detailInfo .tlt { min-width: initial; width: 100%; padding: 0 10px; height: 30px; line-height: 30px; }
	.lecturerRecruitWrap .recruitInfo .detailInfo .article { width: 100%; }
	.lecturerRecruitWrap .recruitInfo .detailInfo:first-child { padding-top: 0; padding-bottom: 10px; }
	.lecturerRecruitWrap .recruitInfo .detailInfo:last-child { padding-bottom: 0; padding-top: 10px; }

	.lecturerRecruitWrap .recruitInfo .detailInfo .article input[type="text"], 
	.lecturerRecruitWrap .recruitInfo .detailInfo .article input[type="date"], 
	.lecturerRecruitWrap .recruitInfo .detailInfo .article select {
		padding: 0 7px;
	}
	.lecturerRecruitWrap .recruitInfo .detailInfo .article textarea { padding: 7px; }
	.lecturerRecruitWrap .recruitInfo .detailInfo .article .chk-check input[type="checkbox"] + label { font-size: 13px; padding-left: 20px; line-height: 22px; padding-top: 1px; }
	.lecturerRecruitWrap .recruitInfo .detailInfo .article .chk-check input[type="checkbox"] + label:before { top: 3px; width: 18px; height: 18px; } 

	.lecturerRecruitWrap .recruitInfo .detailInfo .article input[type="text"], 
	.lecturerRecruitWrap .recruitInfo .detailInfo .article input[type="date"], 
	.lecturerRecruitWrap .recruitInfo .detailInfo .article select,
	.lecturerRecruitWrap .recruitInfo .detailInfo .article textarea {
		font-size: 14px;
	}
}


/* 강사프로필 등록 페이지 */
.profile_edit_wrap .member-wrap.modify h3 {
	margin-bottom: 60px;
    font-size: 26px;
    font-weight: 700;
    color: #1f1f1f;
    line-height: 1.2em;
    letter-spacing: -0.03em;
}

@media all and (max-width: 768px) {
    .profile_edit_wrap .member-wrap.modify h3 {
        text-align: center;
        padding-bottom: 0;
        margin-top: 30px;
    }
}

@media all and (max-width: 578px) {
	.profile_edit_wrap .member-wrap.modify .lower a:hover {
		background: #555 !important;
		color: #eee !important;
		transition: all .3s;
	}
}