
.sub_visual_banner{width:100%; height: 250px; text-align: center; background:url(../../../images/sub_visual_banner_01.jpg) no-repeat center; display: grid; align-items: center;align-content: center;}
.sub_visual_banner h2{color: #fff;font-size: 55px;font-weight: 800;}

.sub_visual_banner_lecture{background:url(../../../images/sub_visual_banner_02.jpg) no-repeat center;}

.sub_visual_menu{margin-top:20px; display: flex;justify-content: center;}
.sub_visual_menu>li{position: relative;}
.sub_visual_menu > li + li {padding-left: 50px;}
.sub_visual_menu>li:first-child:before{display: none;}
.sub_visual_menu>li:before{ display: block;
  position: absolute;
  top: 27%;
  left: 23px;
  width: 9px;
  height: 10px;
  background: url(../../../images/angel_bracket.png) no-repeat 0 0/100% auto;
  content: "";}
.sub_visual_menu>li:last-child{font-weight: 800;}
.sub_visual_menu>li>a{display: block; color:#fff; font-size:16px;}

.sub_content{width:1200px; margin:30px auto;}
.sub_content::after{content:"";display:block;clear:both;}


.sub_content_inner{float:left; width: 900px;margin-right: auto;}
.sub_content_inner h3{font-size:19px;/* margin-top:30px;*/    font-weight: 600;}
.sub_content_inner span{font-size:14px; margin-top:20px; display: block;line-height: 22px;}

.sub_side_menu{float:right; width: 250px;margin-left: auto;}
.sub_side_menu>ul{background:#fff;  box-shadow:0 1px 1px rgba(0, 0, 0, 0.19), 0 1px 6px rgba(0, 0, 0, 0.23); border-radius: 8px;  padding: 20px 10px;}
.sub_side_menu>ul>li{margin-top:10px; }
.sub_side_menu>ul>li>a{color:#000; display: block; padding:10px; 
  border-radius: 8px;
  background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(207,220,255,1) 50%);
  background-position: 0 0;
  background-size: auto 200%;
  transition: .3s;}
.sub_side_menu>ul>li>a:hover{background-position: 0 100%; color: #1741b0;font-weight:800;}
.side_menu_active{background:#cfdcff;  border-radius: 8px;} 
.side_menu_active>a{font-weight: bold; color:#1741b0!important; font-weight:800;}


.side_menu_bottom{background:#fff;  box-shadow:0 1px 1px rgba(0, 0, 0, 0.19), 0 1px 6px rgba(0, 0, 0, 0.23); border-radius: 8px; margin-top:17px; padding: 25px 20px; }
.time_box{font-size: 15px;line-height: 20px; border-bottom: 1px solid #000; padding-bottom: 10px;font-family: 'NanumSquareNeo'}
.tel_box{line-height: 30px; padding:10px 0; }
.tel{font-size: 18px;}
.tel_num{ font-size:24px; color:#1741b0; font-weight: bold; }
.btn_box{}
.btn_box::after{content:"";display:block;clear:both;}
.btn_box>p{float:left; background:#cfdcff; border-radius: 18px;}
.btn_box>p:nth-of-type(1){margin-right: 10px;}
.btn_box>p>a{ display: block; padding: 5px 26px; color:#000; font-size:14px; font-weight:700;}

/*교육신청페이지*/
.title_lecture{background:linear-gradient(45deg, #1741b0, #bfcff2); padding: 20px 0;}
.title_lecture>div{width:1200px; margin:0 auto;}
.title_lecture_inner{display: flex; justify-content: left;}
.title_lecture_inner>li{position: relative;}
.title_lecture_inner > li + li {padding-left: 50px;}
.title_lecture_inner>li:first-child:before{display: none;}
.title_lecture_inner>li:before{ display: block;
  position: absolute;
  top: 27%;
  left: 23px;
  width: 9px;
  height: 10px;
  background: url(../../../images/angel_bracket.png) no-repeat 0 0/100% auto;
  content: "";}
.title_lecture_inner>li>a{display: block; color:#fff; font-size:16px;}


.lecture_visual_banner{background:url(../../../images/title_lecture_bg.jpg) no-repeat center; padding:50px 0; }
.lecture_visual_banner>div{width:1200px; margin:0 auto; display: flex; align-items: center; justify-content: space-between;}
/*.lecture_visual_text{ width:700px;}*/
.lecture_visual_text>b{font-size:30px;padding-bottom:20px;display: block;}
.lecture_visual_text>p{font-size:16px;padding-bottom:20px; line-height: 24px;}
.lecture_visual_text>a{display: block; font-size:20px; color:#fff; border-radius: 8px; width:250px; text-align: center; padding: 15px 0; float:left;}
.lecture_visual_text>a:nth-of-type(1){background:#1741b0; margin-right:20px;}
.lecture_visual_text>a:nth-of-type(2){background:#177fb0;}
.section {width:450px;}
.section input[id*="slide"] {display:none;}
.section .slidewrap {/*max-width:1200px;*/margin:0 auto;}
.section .slidelist {white-space:nowrap;font-size:0;overflow:hidden;position:relative; border-radius: 8px;}
.section .slidelist > li {display:inline-block;vertical-align:middle;width:100%;transition:all .5s;}
.section .slidelist > li > a {display:block;position:relative; width:450px;height:220px;overflow:hidden; margin:0 auto;}
.section .slidelist > li > a img {width:100%;height:100%; object-fit:cover;}
.section .slidelist label {position:absolute;z-index:10;top:50%;transform:translateY(-50%);padding:50px;cursor:pointer;}

/* input에 체크되면 슬라이드 효과 */
.section input[id="slide01"]:checked ~ .slidewrap .slidelist > li {transform:translateX(0%);}
.section input[id="slide02"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-100%);}
.section input[id="slide03"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-200%);}
.section input[id="slide04"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-300%);}

/* 페이징 */
.slide-pagelist {text-align:center;/*padding:20px;*/}
.slide-pagelist > li {display:inline-block;vertical-align:middle;}
.slide-pagelist > li > label {display:block;padding:6px 25px;border-radius:30px;background:#ccc;margin:20px 5px 0;cursor:pointer;}
.section input[id="slide01"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(1) > label {background:#1741b0;}
.section input[id="slide02"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(2) > label {background:#1741b0;}
.section input[id="slide03"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(3) > label {background:#1741b0;}
.section input[id="slide04"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(4) > label {background:#1741b0;}

.content_icon{font-size:22px; font-weight: bold; color:#000; padding-bottom: 20px; vertical-align:middle; margin-right:10px;}

.lecture_content{background:#fff; position: relative;}
/*.lecture_content{width:1200px; margin:0 auto; display: flex; align-items: center; justify-content: space-between;}*/
.left_content/*{width:995px;}*/

.introduce{background:#fff; padding-top:50px;}
.introduce>div{width:1200px;margin: auto;}
.introduce table{font-family: 'NanumSquareNeo'; width:995px; background:#fff;border-top: 2px solid #5d5d5d;border-spacing: 0px;}
.introduce tbody{}
.introduce tr{}
.introduce th{border-bottom: 1px solid #bdbdbd;border-spacing: 0px; background:#F7F7F7;}
.introduce td{line-height:24px; font-size:15px; padding:15px 0px 15px 10px; border-bottom: 1px solid #bdbdbd;border-spacing: 0px;}

.price{background:#fff;  padding-top:50px;}
.price>div{width:1200px;margin: auto;}
.price>div>p{margin-bottom: 15px;}
.price>div>p>b{color:#1741b0;}
.price_wrap{width:995px; }
.price_wrap::after{content:"";display:block;clear:both;}
.price_wrap>li:nth-child(3n){margin-right:0;}
.price_text{float:left; width:31.9%; border-radius: 8px; border:1px solid #E0E0E0; text-align: center;overflow: hidden;line-height: 24px;margin-right: 20px;margin-bottom: 20px;}
.price_text>h3{font-size: 20px;background:#eaeaea;border-radius: 8px;padding:20px 0;margin-bottom: 20px;}
.price_text>strong{color:#1741b0;font-size: 20px;}
.price_text>p{padding-top: 5px;}
/*.price_text>span{color:#5d5d5d; font-size:14px;}*/
.price_text>div{margin:10px 0 30px;}
.price_text>div>a{display: inline-block; padding:10px 20px; color:#fff; background:#1741b0; border-radius: 8px;}
/*.price>div>div{display: flex; align-items: flex-start;}
.price_wrap{width:40%; border:1px solid #bdbdbd; background:#fff; border-radius: 8px; text-align: center; min-height: 370px;}
.price_wrap>h3{background:#eaeaea; font-weight: bold; font-size:20px; padding:20px 0; border-radius: 8px;margin-bottom: 20px;}
.price_wrap>div{margin:auto 0;}
.price_wrap>div>p{color:#1741b0; font-weight: bold; line-height: 30px; font-size: 17px;margin-bottom: 10px;}
.price_wrap>div>span{color:#5d5d5d; font-size:16px;}
.price_wrap>div>div{ width: 50%; margin: 20px auto 0;}
.price_wrap>div>div>a{display: block; background:#1741b0; color:#fff; border-radius: 8px; padding:15px 20px; font-size:20px;}
.general_price{margin-right:10px;}
.card_price{margin-left:10px;}*/

.professor{background:url(../../../images/professor_bg.jpg) no-repeat bottom;   padding-top:50px;}
.professor>div{width:1200px;margin: auto;}
.professor>div>div{display: flex;}
.professor_img{width:345px; margin-right:20px;}
.professor_img>img{}
.professor_img>p{background:#1741b0; text-align: center; font-size:20px; color:#fff;line-height: 50px; margin-bottom:40px;}

.reivew{background:#eff6fc; padding:50px 0;}
.reivew>div{width:1200px;margin: auto;}

.ot_video{background:#fff; padding:50px 0;}
.ot_video>div{width:1200px;margin: auto;}
.video_contant{}

.ot_video input[type="radio"] {display:none;} /* input을 안보이게 처리 */
.ot_video input[type="radio"] + label {display:inline-block;padding:20px 35px;background: #E4E4E4;color: #333333;;font-size:20px;cursor:pointer; border-top-left-radius:8px; border-top-right-radius:8px;} /* label에 대한 버튼속성 */
.ot_video input[type="radio"]:checked + label {    background: #1741b0; color: #fff; font-weight: bold;}

.videobox {display:none;} /* 컨텐츠 영역 */
.ot_video input[id="video01"]:checked ~ .videobox01 {display:block;} /* 인풋에 체크가 해당 요소보이게 설정 */
.ot_video input[id="video02"]:checked ~ .videobox02 {display:block;}

.review_contant input[type="radio"] {display:none;}
.review_contant input[type="radio"] + label {display:inline-block;padding:20px 35px;background:#E4E4E4;color:#333333;font-size:20px;cursor:pointer;border-radius: 8px;}
.review_contant input[type="radio"]:checked + label {background:#1741b0;color:#fff;font-weight: bold;}

.conbox {width:995px;display:none; margin-top:15px;}
.conbox>ul{display: flex; justify-content: space-between;}
.conbox>ul>li{width: 32.5%;}
.conbox>ul>li>a{display:block; color:#000; background:#fff; padding: 15px; border-radius: 8px; max-height: 250px; overflow: scroll; transition-duration: 0.5s;}
.conbox>ul>li>a:hover{box-shadow:0 1px 1px rgba(0, 0, 0, 0.19), 0 1px 6px rgba(0, 0, 0, 0.23);}
.conbox>ul>li>a>strong{color:#1741b0; font-size:18px; padding-bottom: 10px; border-bottom: 1px solid #C3C3C3; display: block; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.conbox>ul>li>a>p{font-size:15px;padding: 15px 0 10px;font-weight: bold;}
.conbox>ul>li>a>p>span{padding-left: 10px;}
.conbox>ul>li>a>span{font-size: 14px;}
.conbox_btn{text-align:center; margin-top:20px;}
.conbox_btn>a{display: block; color:#fff; background:#1741b0; padding:20px 30px;border:2px solid #1741b0; border-radius: 8px; font-size:20px; width:400px; margin:0 auto;}

.review_contant input[id="tab01"]:checked ~ .review_contant1 {display:block;}
.review_contant input[id="tab02"]:checked ~ .review_contant2 {display:block;}

.directions{background:#00011e; padding:50px 0;}
.directions>div{width:1200px;margin: auto;}
.directions_address{color:#fff;}
.directions>div>div{margin-top:20px;}
.directions>div>div::after{content:"";display:block;clear:both;}
.address_sub, .address_bus{float:left;}
.address_sub{/*margin-right: 20px;*/}
.address_text{/*border:1px solid #fff;*/}
.address_text>p{color:#93b1ff;font-size:16px;font-weight: bold; padding-bottom: 5px;}
.address_text>span{color:#fff;font-size:14px;float: left; margin-right: 40px; line-height:20px;}
.address_text>span>b{ padding-bottom: 5px;}

.right_content_menu{position:absolute;right:50%; top:0; margin-right: -600px; width:180px;/* height: 100%; */background:#1741b0;     border-radius: 20px;margin-top: 30px;}
.right_content_menu>ul{/*padding: 20px 10px;*/}
.right_content_menu>ul>li{margin-top: 50px;}
.right_content_menu>ul>li:nth-of-type(6){margin-bottom: 50px;}
.right_content_menu>ul>li>a{display: block; color:#fff; text-align: center; font-size:17px;}



/*S 교육과정 S*/
#lecture_01{}
.lecture_01_tab{background:#f5f5f5;border-bottom: 2px solid #1741b0; }
.lecture_01_tab>div{width: 1200px; margin: 0 auto;}
.lecture_01_tab>div>ul{display: flex;align-items: center; justify-content: space-between; padding: 15px 0px;}
.lecture_01_tab>div>ul>li{}
.lecture_01_tab>div>ul>li>a{color:#3B3B3B; font-size:16px; display: block;font-weight: 600;}
#tab_on{background:#1741b0; font-weight: 800; color:#fff; padding:7px 20px; border-radius: 30px;}
.lecture_01_content{width:1200px; margin: 20px auto;}
.lecture_01_content_date{width:200px; background:#e8eeff;text-align: center; border-radius: 8px;}
.data_tbl{border-spacing: 0px; border-style: none; padding: 0px;}
.date_year{color:#1741b0; background:#e8eeff; font-size: 24px; padding-bottom: 10px; text-align: center; width:200px; font-weight: 700;border-radius: 25px; border-bottom: 5px solid #fff; border-top: 5px solid #fff;}
.date_year>p{color:#1741b0; font-size: 36px; font-weight: 900; padding-top:10px;}
.apply_btn{ border-bottom: 1px solid #a5a5a5;border-collapse: collapse; border-spacing: 0;}
.apply_btn>a{background:#1741b0; color:#fff; display: block; padding:15px 20px; font-weight:800; border-radius: 8px;margin: 15px 25px; transition-duration: 0.5s}
.apply_btn>a:hover{background:#00144A;}
.class_title{font-size:16px; font-weight: 800; width:800px; padding-left: 20px;vertical-align : bottom;padding-bottom: 5px;}
.class_title>a{ color:#000;}
.class_title>a:hover{ color:#1741b0;}
.class_plan{ border-bottom: 1px solid #a5a5a5;border-collapse: collapse; border-spacing: 0;padding-left: 20px; color:#3F3F3F; font-weight: 800;vertical-align : top;padding-top: 5px;}
.class_time{padding-left:10px; font-weight: 400;}
/*E 교육과정 E*/

/*S 개강소식 S*/
.search_form{position:relative; background:#f2f2f2; border-radius: 8px; margin:20px 0; padding:15px 20px;}
.search_form input{width:250px; height:40px; padding-left:10px; background:#fff; border-radius: 8px; line-height:40px; margin-left:5px; border: none;font-family: 'NanumSquareNeo';}
.search_form select{width:100px; height:40px; padding-left:10px; background:#fff; border-radius: 8px; border: none; margin-left: 700px;font-family: 'NanumSquareNeo';}
.search_btn{display:inline-block; background:#1741b0; width:70px; height:40px; font-weight:bold; color:#fff; text-align:center; line-height:40px; margin-left:10px;border-radius: 8px;}
.search_btn a{display:block; color:#fff; line-height:40px;}
/*E 개강소식 E*/

/*S 전체과정 운영과정 S*/
.class_process_wrap{background:#1741b0; padding: 15px 0;}
.class_process_wrap>div{width:1200px; margin:0 auto;}
.class_process_list{background:#fff; border-radius: 8px; padding:10px 0;}
.class_process_list>li{display: inline-block;width: 16.3%;text-align: center;line-height: 30px;}
.class_process_list>li>a{display: inline-block; color:#000; font-size:15px;}
.class_process_list>li>a:hover{font-weight: 800; color:#1741b0;}
.class_process_on{background:#1741b0; font-weight: 800; color:#fff!important;padding: 0px 15px;border-radius: 20px;}
/*E 전체과정 운영과정 E*/

.sub_content_inner>h2{font-size:24px; font-weight: 800; border-bottom: 2px solid #1741b0; padding:10px; margin-bottom: 20px;}
.inventory_btn{text-align: center; margin-top:40px;}
.inventory_btn>a{display: inline-block; background: #1741b0; padding: 18px 60px; border-radius: 8px; color:#fff; transition-duration: 0.5s; font-size: 18px;}
.inventory_btn>a:hover{ background:#00144A; }


.sub_visual_banner_enter {
    background: url(../../../images/sub_visual_banner_03.jpg) no-repeat center;
}

.sub_visual_banner_center {
    background: url(../../../images/sub_visual_banner_04.jpg) no-repeat center;
}

.sub_visual_banner_counsel {
    background: url(../../../images/sub_visual_banner_05.jpg) no-repeat center;
}

.sub_visual_banner_news {
    background: url(../../../images/sub_visual_banner_06.jpg) no-repeat center;
}
.sub_visual_banner_member {
    background: url(../../../images/sub_visual_banner_07.jpg) no-repeat center;
}

.sub_visual_banner_teacher {
    background: url(../../../images/sub_visual_banner_08.jpg) no-repeat center;
}
