@charset "utf-8";

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	메인 공통요소
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

i {font-style: italic}
.enter {display: block;}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	비주얼
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.main_visual_wrap {position: relative;display: block;overflow: hidden;}
.visual_slider{  width: 100%;border-bottom: 1px solid #e3e3e3;overflow: hidden;  }
.visual_slider .item { width: 100%;position: relative;}
.visual_slider .item img {width: 100%;}
.visual_slider .item a {display: block;width: 100%;height: 100%;}
#pc_slider {display: block}
#mobile_slider {display: none}

.visual_slider .slick-dots {position: absolute;left: 50%;bottom: 0;width: 1200px;margin-left: -600px;z-index: 100;text-align: center;}
.visual_slider .slick-dots li {display: inline-block;vertical-align: top;width: 154px;margin-right: 1px}
.visual_slider .slick-dots li span {display: block;background: rgba(255,255,255,0.7);line-height: 40px;height: 40px;color: #333;cursor: pointer}
.visual_slider .slick-dots li.slick-active span {background: #e8342f;color: #fff}

.visual_slider .slick-arrow {display: none !important;}

@media only screen and (min-width:1025px) {

    .visual_slider .item { height: 500px;}
    .visual_slider .item img {height: 500px;position: absolute;top: 0;left: 50%;transform: translateX(-50%)}

}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	메인 컨텐츠
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.msec_content{position: relative;display: block;}

.msec_wrap {position: relative;display: block;}
.msec_cont {position: relative;display: block;width: 1200px;margin: 0 auto;padding: 60px 0}

.msec_title {position: relative;display: block;overflow: hidden;text-align: center;font-size: 35px;line-height: 140%;color: #151515;letter-spacing: -0.08em;z-index: 5}
.msec_title b {font-weight: 600;}

.msec_01.pb0 .msec_cont {padding-bottom: 0 !important}

.msec_01.pt30 .msec_cont {padding-top: 30px !important}

.msec_lecture_slider {position: relative;display: block;margin-top: 30px;width: 1200px;}
.msec_lecture_slider .slick-track {left: 0}
.msec_lecture_slider .item {float: left;width: 285px;margin: 0 10px 25px}
.msec_lecture_slider .item a {display: block}
.msec_lecture_slider .item .zoomImg {display: block;width: 285px;height: 346px;overflow: hidden}

.msec_lecture_slider .slick-arrow {display: none;position: absolute;top: 50%;width: 55px;height: 55px;margin-top: -27px;border: none;text-indent: -99999px}
.msec_lecture_slider .slick-arrow.slick-prev {left: -65px;background: url("/static/images/design/main/btn_prev.png") no-repeat}
.msec_lecture_slider .slick-arrow.slick-next {right: -65px;background: url("/static/images/design/main/btn_next.png") no-repeat}

.msec_02 {background: #f0f0f0 url("/static/images/design/main/msec_02_bg_speech.png") no-repeat center top}

.prof_slider {position: relative;display: block;overflow: hidden;width: 1200px;margin: 10px auto 0}
.prof_slider .slick-list {padding: 20px 0;}
.prof_slider .item {position: relative;width: 280px;background: #fff;margin: 0 10px;float: left;border-radius: 15px;overflow: hidden}
.prof_slider .item a {display: block;}
.prof_slider .item .location {position: absolute;top: -17px;left: 50%;margin-left: -50px;width: 100px;height: 34px;line-height: 34px;text-align: center;color: #fff;background: #222;border-radius: 34px;}
.prof_slider .item .btit {display: block;font-size: 17px;color: #e8342f;font-weight: 600;line-height: 140%;min-height: 47px;letter-spacing: -0.07em}
.prof_slider .item .name {position: relative;font-size: 17px;color: rgba(0,0,0,0.7);font-weight: 600;letter-spacing: -0.07em;z-index: 10;margin-top: 15px}
.prof_slider .item .name b {color: #333;font-size: 20px}
.prof_slider .item .txtBox {display: block;padding: 20px}
.prof_slider .item .zoomImg {position: relative;display: block;text-align: center;background: #f5f4f4;height: 268px;padding-top: 15px; overflow: hidden }

@media only screen and (min-width:1025px) {
    .prof_slider .item a:hover .txtBox {background: #e8342f}
    .prof_slider .item a:hover .btit {color: #fff}
    .prof_slider .item a:hover .name {color: rgba(255,255,255,0.7);}
    .prof_slider .item a:hover .name b {color: #fff}
}


.mboxc01 {position: relative;display: block;overflow: hidden;background: url("/static/images/design/main/speech_mboxc01_bg.png") no-repeat center 10px}
.mboxc01 .stitle {display: block;font-size: 30px;line-height: 130%;font-weight: 600;color: #333;letter-spacing: -0.07em;text-align: center;}
.mboxc01 .title {display: block;font-size: 46px;line-height: 130%;font-weight: 600;color: #333;letter-spacing: -0.07em;text-align: center;margin-bottom: 15px;}
.mboxc01 .title b {color: #e8342f}
.mboxc01 .ul01 {display: block;width: 600px;margin: 0 auto;}
.mboxc01 .ul01 li {position: relative;display: block;margin-bottom: 20px;font-size: 17px;padding: 0 30px 0 70px;background: #f2f2f2;border-radius: 50px;line-height: 55px;overflow: hidden;}
.mboxc01 .ul01 li span {position: absolute;top: 50%;left: 7px;transform: translateY(-50%);background: #cc221e;border-radius: 50%;width: 45px;height: 45px;overflow: hidden;display: block;font-size: 20px;
    color: #fff;text-align: center;line-height: 43px;font-weight: 600;letter-spacing: 0}
.mboxc01 .ul01 li:last-child {margin-bottom: 0}

.mboxc01 .ul02 {display: block;margin-top: 40px;text-align: center}
.mboxc01 .ul02 li {display: inline-block;vertical-align: top;overflow: hidden;margin: 0 15px;border: 1px solid #e2e2e2;text-align: center;width: 250px;background: #fff;border-radius: 7px}
.mboxc01 .ul02 li .tit {display: block;font-weight: 600;font-size: 20px;line-height: 50px;background: #811a18;color: #fff}
.mboxc01 .ul02 li .txt {display: block;font-size: 16px;line-height: 50px;font-weight: 600;color: #333}

.msec_04 {/*background: #fdf6f0*/}
.msec_04 .mboxc01 {background: url("/static/images/design/main/speech_mboxc01_bg2.png") no-repeat center 10px}
.msec_04 .title b {color: #f57a20}
.msec_04 .ul01 li {background: #f2f2f2;/*background: #fff;*/}
.msec_04 .ul01 li span {background: #f57a20;}
.msec_04 .ul02 li .tit {background: #95511f;}

.msec_06 {background: #62201f}
.msec_06 .mboxc01 {background: url("/static/images/design/main/speech_mboxc01_bg3.png") no-repeat center 10px}
.msec_06 .stitle {color: #fff;}
.msec_06 .title {color: #fff;}
.msec_06 .title b {color: #feda5d}
.msec_06 .box { width: 600px;margin: 0 auto 20px;display: block;background: #fff;border-radius: 7px;box-sizing: border-box;padding: 25px 30px;}
.msec_06 .box .btit {display: block;font-weight: 600;color: #333;line-height: 140%;font-size: 25px;margin-bottom: 10px}
.msec_06 .box .btit b {color: #bf1a18}
.msec_06 .ul03 {display: block;width: 600px;margin: 0 auto;}
.msec_06 .ul03 li {position: relative;display: block;margin-bottom: 10px;font-size: 16px;overflow: hidden;padding-left: 12px}
.msec_06 .ul03 li:last-child {margin-bottom: 0}
.msec_06 .ul03 li:before {position: absolute;top: 10px;left: 0;width: 5px;height: 2px;background: #888;content: ""}

.msec_05 .msec_cont {overflow: hidden}
.msec_board_wrap {position: relative;display: block;overflow: hidden;width: 580px;float: left;}
.msec_board_wrap .boardTab {position: relative;display: block;overflow: hidden;margin-top: 15px}
.msec_board_wrap .boardTab li {float: left;width: 144px;margin-right: 1px;padding-bottom: 10px}
.msec_board_wrap .boardTab li a {position: relative;display: block;background: #e3e3e3;text-align: center;line-height: 40px;height: 40px;font-size: 14px}
.msec_board_wrap .boardTab li a:before {display: none;position:absolute;bottom:-14px;left:50%;margin-left:-7px;content:"";border-style:solid;border-width:7px;border-color: #e8342f transparent transparent transparent;z-index:200}
.msec_board_wrap .boardTab li a:hover {color: #e8342f}
.msec_board_wrap .boardTab li.active a {background: #e8342f;color: #fff;}
.msec_board_wrap .boardTab li.active a:before {display: block;}

.boardTab_viw {position: relative;display: block;margin-top: 20px}
.boardTab_viw li {display: block;overflow: hidden;height: 26px;margin-bottom: 15px}
.boardTab_viw li:last-child {margin-bottom: 0}
.boardTab_viw li .txt {position: relative;display: block;float: left;width: 482px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 26px;}
.boardTab_viw li .txt a {font-weight: 600;color: #333;}
.boardTab_viw li .txt a .type {float: left;width: 82px;border: 1px solid #e8342f;height: 24px;line-height: 24px;border-radius: 24px;text-align: center;color: #e8342f;font-size: 12px;margin-right: 5px}
.boardTab_viw li .date {position: relative;display: block;float: right;width: 70px;color: #888;text-align: right;line-height: 26px;font-size: 13px}
.boardTab_viw li .txt a:hover {color: #e8342f}

.msec_bannerBtn_wrap {position: relative;display: block;overflow: hidden;width: 580px;float: right;}
.msec_bannerBtn {position: relative;display: block;overflow: hidden;margin-top: 15px}
.msec_bannerBtn li {display: block;margin-bottom: 20px;}
.msec_bannerBtn li:last-child {margin-bottom: 0}
.msec_bannerBtn li a {display: block;height: 120px;padding: 32px 30px;border-radius: 7px;box-sizing: border-box}
.msec_bannerBtn .btit {display: block;font-size: 22px;font-weight: 600;line-height: 140%;margin-bottom: 5px}
.msec_bannerBtn .txt {display: block;font-size: 15px}

.msec_bannerBtn li:nth-child(1) a {background: #e5f0f1 url("/static/images/design/main/speech_bannerBtn01.png") no-repeat 95% center}
.msec_bannerBtn li:nth-child(1) a .btit {color: #0f2224}
.msec_bannerBtn li:nth-child(2) a {background: #fae301 url("/static/images/design/main/speech_bannerBtn02.png") no-repeat 95% center}
.msec_bannerBtn li:nth-child(2) a .btit {color: #391b1b}



.msec_epilogue {display: block;margin-top: 20px}
.epilogue_slider {position: relative;display: block;}
.epilogue_slider .item {position: relative;margin: 0 10px;padding: 50px 20px}
.epilogue_slider .item:before {position: absolute;top: 15px;left: 15px;width: 24px;height: 20px;content: ""}
.epilogue_slider .item:after {position: absolute;bottom: 15px;right: 15px;width: 24px;height: 20px;content: ""}
.epilogue_slider .item:nth-child(even) {background: #f4eded}
.epilogue_slider .item:nth-child(even):before {background: url("/static/images/design/main/epilogue_img05.png") no-repeat}
.epilogue_slider .item:nth-child(even):after {background: url("/static/images/design/main/epilogue_img06.png") no-repeat}
.epilogue_slider .item:nth-child(odd) {background: #eadcdc}
.epilogue_slider .item:nth-child(odd):before {background: url("/static/images/design/main/epilogue_img01.png") no-repeat}
.epilogue_slider .item:nth-child(odd):after {background: url("/static/images/design/main/epilogue_img02.png") no-repeat}
.epilogue_slider .btit {display: block;}
.epilogue_slider .btit a {display: inline-block;font-size: 16px;color: #151515;font-weight: 600;letter-spacing: -0.07em;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.epilogue_slider .name {display: block;color: #a74141;font-size: 14px;margin: 5px 0;letter-spacing: -0.03em}
.epilogue_slider .text {display: block;font-size: 14px;line-height: 160%;max-height: 93px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height: 88px;}

.epilogue_slider .slick-dots {position: absolute;top: -35px;left: 10px;z-index: 100;}
.epilogue_slider .slick-dots li {display: inline-block;vertical-align: top;margin-right: 5px}
.epilogue_slider .slick-dots li button {display: block;background: #dce2ea;width: 13px;height: 13px;cursor: pointer;border-radius: 13px;border: none;text-indent: -99999px}
.epilogue_slider .slick-dots li.slick-active button {background: #a74141;width: 30px}

.epilogue_slider .slick-arrow {position: absolute;top: 50%;width: 55px;height: 55px;margin-top: -27px;border: none;text-indent: -99999px}
.epilogue_slider .slick-arrow.slick-prev {left: -65px;background: url("/static/images/design/main/btn_prev.png") no-repeat}
.epilogue_slider .slick-arrow.slick-next {right: -65px;background: url("/static/images/design/main/btn_next.png") no-repeat}

.msec_08 .msec_cont {padding-bottom: 0}


/*신규생성 배너*/
#program_banner_box{background: url("/static/images/design/banner/program_bak1029.jpg") no-repeat center;}
.program_banner img{display: block; margin: 0 auto;}
.pro_banner_mo img{display: none; margin: 0 auto; width: 100%;}

#curriculum_banner_box{background: url("/static/images/design/banner/curriculum_bak1029.jpg") no-repeat center; display: block;}
.curriculum_banner img{display: block; margin: 0 auto; }
#curri_banner_mo{background: url("/static/images/design/banner/curriculum_bak_1024_mo.png") no-repeat center; display: none;}
#curri_banner_mo img{display: block; margin: 0 auto; width: 100%;}
/*신규생성 배너*/

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

    .visual_slider{  height: auto;padding-bottom: 40px;background: #f6f6f6}
    .visual_slider .item { height: auto;}
    .visual_slider .item img {width: 100%;}

    #pc_slider {display: none}
    #mobile_slider {display: block}

    .visual_slider .slick-dots {left: 0;bottom: 12px;width: 100%;height: 15px;margin-left: 0;}
    .visual_slider .slick-dots li {width: auto;margin: 0 4px}
    .visual_slider .slick-dots li span {background: rgba(0,0,0,0.6);height: 15px;width: 15px;border-radius: 50%;text-indent: -9999px}

    .visual_slider .slick-arrow {position: absolute;top: 50%;margin-top: -30px;display: block !important;border: none;width: 40px;height: 40px;text-indent: -9999px;cursor: pointer;background-size: 40px !important;z-index: 150;}
    .visual_slider .slick-arrow.slick-prev { left: 10px;background: url("/static/images/design/main/visual_btnPrev.png") no-repeat;}
    .visual_slider .slick-arrow.slick-next { right: 10px;background: url("/static/images/design/main/visual_btnNext.png") no-repeat;}

    .msec_cont {width: 100%;padding: 40px 0;box-sizing: border-box;}

    .msec_lecture_slider {width: 780px;margin: 30px auto 0}
    .msec_lecture_slider .item {width: 240px;}
    .msec_lecture_slider .item .zoomImg {width: auto;height: auto}
    .msec_lecture_slider .item img {width: 100%}
    .msec_lecture_slider .slick-arrow {display: block}

    .msec_professor:before {display: none;}
    .prof_slider {width: calc(100% - 20px);padding-bottom: 40px;margin: 30px auto 0}
    .prof_slider .slick-list {padding: 0}
    .prof_slider .item {width: auto;height: auto;}

    .prof_slider .slick-dots {position: absolute;bottom: 0;left: 0;text-align: center;width: 100%;z-index: 100;}
    .prof_slider .slick-dots li {display: inline-block;vertical-align: top;margin-right: 5px}
    .prof_slider .slick-dots li button {display: block;background: #ccc;width: 13px;height: 13px;cursor: pointer;border-radius: 13px;border: none;text-indent: -99999px}
    .prof_slider .slick-dots li.slick-active button {background: #e8342f }

    .msec_board_wrap {width: 100%;float: none;padding: 0 15px;margin-bottom: 40px;box-sizing: border-box}
    .msec_board_wrap .boardTab li {width: calc(25% - 1px);}

    .mboxc01 {background: none !important}

    .mboxc01 .ul02 {margin-top: 30px;}
    .mboxc01 .ul02 li {margin: 0 10px;width: 182px;}
    .mboxc01 .ul02 li .tit {font-size: 18px;line-height: 45px;}
    .mboxc01 .ul02 li .txt {font-size: 15px;line-height: 45px;}

    .msec_bannerBtn_wrap {width: 100%;float: none;padding: 0 15px;box-sizing: border-box}
    .msec_bannerBtn li {margin-bottom: 0;float: left;width: 49%;}
    .msec_bannerBtn li:last-child {margin-left: 2%}
    .msec_bannerBtn li a {height: 100px;padding: 22px 30px;border-radius: 7px;box-sizing: border-box}

    .epilogue_slider {width: 96%;margin: 0 auto;padding-bottom: 30px}
    .epilogue_slider .slick-arrow {display: none;}

    .epilogue_slider .slick-dots {top: auto;left: 0;bottom: -10px;width: 100%;text-align: center}

    /*신규배너 반응형*/
    /*#program_banner_box{background: url("/static/images/design/banner/program_bak1029.jpg") no-repeat center;}*/
    .program_banner img{display: none; /*margin: 0 auto;*/}
    .pro_banner_mo img{display: block; width: 100%; margin: 0 auto;}

    #curriculum_banner_box{/*background: url("/static/images/design/banner/curriculum_bak1029.jpg") no-repeat center;*/ display: none;}
    /*.curriculum_banner img{display: block; margin: 0 auto;}*/
    #curri_banner_mo{/*background: url("/static/images/design/banner/curriculum_bak_1024_mo.png") no-repeat center;*/ display: block;padding: 0 15px}
    /*#curri_banner_mo img{display: block; margin: 0 auto; width: 100%;}*/
    /**/
}


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

    .msec_title {font-size: 30px;}

    .msec_lecture_slider {width: calc(100% - 120px);}
    .msec_lecture_slider .item {width: auto;}

    .msec_lecture_slider .slick-arrow {width: 45px;height: 45px;background-size: 100% !important;}
    .msec_lecture_slider .slick-arrow.slick-prev {left: -58px;}
    .msec_lecture_slider .slick-arrow.slick-next {right: -58px;}

    .boardTab_viw li .txt {width: calc(100% - 70px);}
    .boardTab_viw li .txt a .type {float: left;width: 82px;}
    .boardTab_viw li .date {width: 70px;}


}

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

    .msec_bannerBtn li a {height: auto;text-align: center;padding: 90px 10px 20px;}

    .msec_bannerBtn .btit {font-size: 18px;}
    .msec_bannerBtn .txt {font-size: 14px}

    .msec_bannerBtn li:nth-child(1) a {background: #e5f0f1 url("/static/images/design/main/speech_bannerBtn01.png") no-repeat center 20px;background-size: 70px}
    .msec_bannerBtn li:nth-child(2) a {background: #fae301 url("/static/images/design/main/speech_bannerBtn02.png") no-repeat center 20px;background-size: 70px}

}

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

    .visual_slider .slick-arrow {margin-top: -20px;width: 30px;height: 30px;background-size: 30px !important;}

    .msec_title {font-size: 25px;}

    .msec_lecture_slider {width: calc(100% - 100px);}
    .msec_lecture_slider .item {width: auto;}

    .msec_lecture_slider .slick-arrow {width: 35px;height: 35px;background-size: 100% !important;}
    .msec_lecture_slider .slick-arrow.slick-prev {left: -38px;}
    .msec_lecture_slider .slick-arrow.slick-next {right: -38px;}

    .msec_board_wrap .boardTab li a {line-height: 35px;height: 35px;font-size: 13px}

    .boardTab_viw li .txt a .type {width: 76px;height: 22px;line-height: 22px;border-radius: 22px;}

    .mboxc01 {box-sizing: border-box;padding: 0 15px}
    .mboxc01 .stitle {font-size: 20px;}
    .mboxc01 .title {font-size: 35px;}
    .mboxc01 .ul01 {width: 100%;}
    .mboxc01 .ul01 li {margin-bottom: 15px;font-size: 15px;border-radius: 100px;line-height: 150%;padding: 15px 15px 15px 60px}
    .mboxc01 .ul01 li span {width: 40px;height: 40px;line-height: 38px;font-size: 18px}

    .mboxc01 .ul02 li {margin: 0 5px;width: 28%;}
    .mboxc01 .ul02 li .tit {font-size: 17px;line-height: 40px;}
    .mboxc01 .ul02 li .txt {font-size: 14px;line-height: 40px;}

    .msec_06 .box { width: 100%;padding: 20px 15px;}
    .msec_06 .box .btit {font-size: 20px;}
    .msec_06 .ul03 {width: 100%;}
    .msec_06 .ul03 li {font-size: 14px;}

}

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

    .prof_slider {width: 300px}

}

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

    .mboxc01 .stitle {font-size: 17px;}
    .mboxc01 .title {font-size: 25px;}

    .mboxc01 .ul01 li {font-size: 14px;padding: 15px 15px 15px 50px}
    .mboxc01 .ul01 li span {font-size: 16px;width: 35px;height: 35px;line-height: 34px}

    .mboxc01 .ul02 li {margin: 0 3px;width: 28%;}
    .mboxc01 .ul02 li .tit {font-size: 14px;}
    .mboxc01 .ul02 li .txt {font-size: 13px;}

    .msec_06 .box .btit {font-size: 18px;}
    .msec_06 .ul03 li {font-size: 13px;}

    .msec_bannerBtn li {float: none;width: 100%;margin-bottom: 10px;}
    .msec_bannerBtn li:last-child {margin-left: 0;margin-bottom: 0}
    .msec_bannerBtn li a {text-align: left;padding: 20px 30px;}
    .msec_bannerBtn li:nth-child(1) a {background: #e5f0f1 url("/static/images/design/main/speech_bannerBtn01.png") no-repeat 95% 15px;background-size: 70px}
    .msec_bannerBtn li:nth-child(2) a {background: #fae301 url("/static/images/design/main/speech_bannerBtn02.png") no-repeat 95% 15px;background-size: 70px}

}