@charset "utf-8";



/* main_visual **************************************************************************************************/
.main_visual{ position:relative;  overflow: hidden; z-index: 1;}
.main_visual *{ box-sizing: border-box;}


.main_visual .slideWrap{position:relative;}
.main_visual .slideWrap .slick-list{overflow: hidden;/*border: 1px solid #ddd;*/}
.main_visual .slideWrap .slide .mv_guide{width:100%; background-position: center top; background-repeat: no-repeat;  position: relative;z-index: 99; /*border: 1px solid #ddd;*/}
.main_visual .slideWrap .slide .mv_guide img{min-height: 100%; width: 100%;}

/* 텍스트 카피 */
.mv_guide .mv_text{ position: absolute; top:42%; transform: translateY(-42%); z-index:3; left:5%; width:auto; padding: 30px 40px;  font-weight: 800; background: rgba(255,255,255,0.9); border-radius: 40px; color: #130639; box-shadow: 1px 10px 30px rgba(0,0,0,0.1);}
.mv_guide .mv_text span{ font-size: 28px;}
.mv_guide .mv_text span > em{ display: block; color: #335bf0;}
.mv_guide .mv_text p{ font-size: 30px; color: #0099fd; margin-bottom: 10px;}
.mv_guide .mv_text strong { font-size: 55px;font-weight: 900; color: #1a2a58;}
.mv_guide .mv_text strong i{ font-size: 55px;}


/* 이전&다음 아이콘 설정 */
.main_visual .slick-arrow{ position:absolute; top:48%;transform:translateY(-48%); display:block; width:50px; height:50px;background-color:rgba(0,0,0,0.08); background-position:center; background-repeat:no-repeat; font:0/0 a;z-index: 999; border-radius: 50%; background-size: 10px;}
.main_visual .slick-arrow.slick-prev{left:15px;background-image:url(../images/main/visual_btn_prev.png);}
.main_visual .slick-arrow.slick-next{ right:15px;background-image:url(../images/main/visual_btn_next.png);}



/* 돌아가는 이미지갯수 표시 아이콘 설정*/
.main_visual .slideWrap .slide .slick-slide{overflow:hidden; position:relative;}
.main_visual .slideWrap .slick-navi{ position:absolute; z-index:56; top:545px;left:50%;transform:translatex(-50%);text-align: center;}
.main_visual .slideWrap .slick-dots{ display:inline-block; vertical-align:top;}
.main_visual .slideWrap .slick-dots li{ display:inline-block;margin:0 3px; overflow:hidden; font:0/0 a; vertical-align:top; border-radius:100px; box-shadow: 0 0 2px rgba(0,0,0,0.3); border:none;}
.main_visual .slideWrap .slick-dots li button[type="button"]{ width:10px; height:10px;  border:none; font:0/0 a;}
.main_visual .slideWrap .slick-dots .slick-active button[type="button"]{width:40px; height:10px; background:#4572f1;}

/* 시작&멈춤 아이콘 설정*/
.main_visual .slideWrap .slick-play{display:inline-block; width:10px; height:10px; border-radius: 0; margin:0 3px; border:none; background:transparent url('../images/main/visual_nav_stop.png') center no-repeat; font:0/0 a;  vertical-align:top;}
.main_visual .slideWrap .slick-play.pause{background:url('../images/main/visual_nav_play.png') center  no-repeat;}

@media all and (max-width:1720px) {
.mv_guide .mv_text p{ font-size: 25px;}
.mv_guide .mv_text strong { font-size: 50px; line-height: 55px;}
.mv_guide .mv_text strong i{ font-size: 50px;line-height: 55px;}

.main_visual .slideWrap .slick-navi{ top:420px;}
}

@media all and (max-width:1520px) {

.main_visual .slideWrap{ overflow: hidden;}

.main_visual .slideWrap .slick-navi{ top:350px;}
}


@media all and (max-width:1280px) {
.mv_guide .mv_text{border-radius: 20px; padding: 20px 30px;}
.mv_guide .mv_text span{ font-size: 22px;}
.mv_guide .mv_text p{ font-size: 22px;}
.mv_guide .mv_text strong { font-size: 40px; line-height: 45px;}
.mv_guide .mv_text strong i{ font-size: 40px;line-height: 45px;}

.main_visual .slick-arrow{ width:30px; height:30px;background-size: 6px;}
.main_visual .slick-arrow.slick-prev{left:6px;}
.main_visual .slick-arrow.slick-next{ right:6px;}

.main_visual .slideWrap .slick-navi{  display: none;}

}

@media all and (max-width:1023px) {
.mv_guide .mv_text {font-weight:700;}
.mv_guide .mv_text span{ font-size: 20px; }
.mv_guide .mv_text p{ font-size: 20px; margin:0;}
.mv_guide .mv_text strong { font-size: 30px; line-height: 35px;}
.mv_guide .mv_text strong i{ font-size: 30px; line-height: 35px;}


}

@media all and (max-width:767px) {
.mv_guide .mv_text{ top:38%; transform: translateY(-38%);border-radius: 10px; padding: 7px 10px; }
.mv_guide .mv_text span{ font-size: 12px; }
.mv_guide .mv_text p{ font-size: 12px;}
.mv_guide .mv_text strong { font-size: 14px; font-weight: 700; line-height: 20px;}
.mv_guide .mv_text strong i{ font-size: 14px; line-height: 20px;}
.main_visual .slick-arrow{ width:20px; height:20px;background-size: 4px;}
}








/* 통합검색 게시판 페이지 */
.section01_search.all_search{ padding: 0; margin-bottom: 30px;}
.all_search_txt{ margin-bottom: 30px; text-align: center; background: #f0f9ff; padding: 10px; border-radius: 4px;}
.all_search_txt strong:first-child{color: #3161f1;}
.all_search_txt strong{color: #ff0000; font-weight: 600; font-size: 18px;}
@media all and (max-width:767px) {
.all_search_txt{font-size: 13px;}
.all_search_txt strong{font-weight: 500; font-size: 15px;}
}


/* 메인 검색하기 */
.section01_search{text-align: center; padding: 50px 10% 50px 10%;}
.section01_search .top_serch_txt{display: inline-block; position: relative; border-bottom: 4px solid #3161f1;}
.section01_search .top_serch_txt span{ padding-bottom: 12px; display:inline-block}
.section01_search .top_serch_txt span img{ height: 38px;}

.section01_search .top_serch_txt .top_serch_input{ font-size: 20px; font-weight: 600; line-height: 50px; height: 50px; margin: 0 10px 0 30px; vertical-align: bottom; width: 400px; border: 0;}
.section01_search .top_serch_txt .top_serch_input:focus{outline : none;}
.section01_search .top_serch_txt .top_serch_btn{background: url("../images/inc/top_search_icon01.png") center no-repeat; width: 42px; height: 42px;text-indent: -9999px;}



.section01_search .search_best{overflow: hidden; width: 100%; text-align: center; margin-top: 30px;}
.section01_search .search_best h6{ display: inline-block; border-radius: 0 30px 30px 20px; font-size: 15px; font-weight: 600; color: #fff;background:#3161f1; padding: 8px 15px;position: absolute;left:0; z-index: 55;}

.section01_search .search_best ul{margin-left: 120px;}
.section01_search .search_best ul li{background: url("../images/inc/point05.png") left center no-repeat; padding-left: 20px;  display: inline-block; width: auto; margin-right: 20px;}
.section01_search .search_best ul li a{display: inline-block; padding: 7px 0;font-size: 18px; font-weight: 500; color: #221055;}
.section01_search .search_best ul li a:hover,
.section01_search .search_best ul li a:focus,
.section01_search .search_best ul li a.active{ color: #3161f1; }


@media all and (max-width:1720px) {
.section01_search{padding: 50px 5%;}
}


@media all and (max-width:1280px) {
.section01_search .top_serch_txt{ border-bottom: 3px solid #3161f1;}
.section01_search .top_serch_txt span img{ height: 30px;}

.section01_search .top_serch_txt .top_serch_input{ font-size: 18px;font-weight: 500; }
.section01_search .top_serch_txt .top_serch_btn{background-size: 100%;width: 35px; height: 35px;}

}

@media all and (max-width:1023px) {
.section01_search{ padding: 30px 5%;}
.section01_search .top_serch_txt{ border-bottom: 2px solid #3161f1;}
.section01_search .top_serch_txt span img{ height: 20px;}

.section01_search .top_serch_txt .top_serch_input{font-size: 16px; line-height: 40px; height: 40px; margin: 0 10px 0 20px; width: 300px;}
.section01_search .top_serch_txt .top_serch_btn{width: 26px; height: 26px;margin-bottom: 0;}
}

@media all and (max-width:767px) {
.section01_search{ padding: 30px 5% 10px 5%;}
.section01_search.all_search{ margin-bottom: 20px;}
.section01_search .top_serch_txt span{ padding-bottom: 8px;}
.section01_search .top_serch_txt span img{ height: 15px;}
.section01_search .top_serch_txt .top_serch_input{font-size: 13px; line-height: 30px; height: 30px; margin: 0 5px; width: 200px; }
.section01_search .top_serch_txt .top_serch_btn{width: 22px; height: 22px; }

.section01_search .search_best {margin-top: 10px;}
.section01_search .search_best h6{ font-size: 11px; padding: 5px 15px; margin-top: 3px;}
.section01_search .search_best ul{margin-left: 80px;}
.section01_search .search_best ul li{ padding-left: 10px; margin-right: 10px; }
.section01_search .search_best ul li a{ padding: 7px 0;font-size: 14px;}

}














/*main_container  가이드 */
#main_container *{ box-sizing: border-box;}
#main_container{ border-radius: 60px 60px 0 0; box-shadow: -1px -20px 20px rgba(0,0,0,0.2); margin-top: -60px; position: relative; z-index: 10; background: #fff;}
@media all and (max-width:1720px){
#main_container{border-radius: 50px 50px 0 0; margin-top: -50px; }
}

@media all and (max-width:1280px){
#main_container{border-radius: 40px 40px 0 0; margin-top: -40px;}
}

@media all and (max-width:1023px){
#main_container{border-radius: 30px 30px 0 0; margin-top: -30px;}
}

@media all and (max-width:1023px){
 #main_container{bborder-radius: 20px 20px 0 0; margin-top: -20px;}
 }







/* 메인 타이틀  */
#main_container h4 strong{ font-size: 30px; color: #130639; font-weight: 900; word-break: keep-all; white-space: nowrap}
#main_container h4 p{font-size: 18px; color: #130639;font-weight: 800; line-height: normal!important;}
#main_container h4 p a{ display: inline-block; margin-left: 5px; border-radius: 30px; line-height: 22px; height: 24px; padding: 0 20px 0 12px; font-weight: 500; font-size: 14px; background:  url("../images/inc/arrow_next05_01.png") calc(100% - 8px)  center no-repeat;  background-size: 4px; vertical-align: middle; color: #2175bd; border:1px dashed #c5e0f2;}


#main_container h5 { display: flex;justify-content:space-between; margin:15px 10px 15px 0; align-items: flex-end;}
#main_container h5 strong{ font-size: 23px; padding-left: 33px; background-size: 30px !important; font-weight: 600; background-position:  left center; background-repeat:  no-repeat;}


#main_container .youtube_movie_guide h5 strong{background-image: url("../images/main/tit_icon03.png");}
#main_container .inter_view_guide h5 strong{background-image: url("../images/main/tit_icon04.png");}

#main_container .m_jisan_guide h5 strong{background-image: url("../images/main/tit_icon05.png");}
#main_container .m_porject_guide h5 strong{background-image: url("../images/main/tit_icon06.png");}

#main_container .main_news h5 strong{background-image: url("../images/main/tit_icon01.png") ;}
#main_container .main_notice h5 strong{background-image: url("../images/main/tit_icon02.png") ;}

#main_container h5 a{  border-radius: 30px; line-height: 22px; height: 24px; padding: 0 20px 0 12px; font-weight: 500; font-size: 14px; background: url("../images/inc/arrow_next05_01.png") calc(100% - 8px)  center no-repeat;  background-size: 4px; vertical-align: middle; color: #2175bd; border:1px dashed #c5e0f2; }


#main_container .main_notice a em{display: none;}

@media all and (max-width:1520px) {
#main_container h4 strong{ font-size: 25px;}
#main_container h5 {  margin:10px 10px 10px 0;}
#main_container h5 strong{ font-size: 20px; padding-left: 28px; background-size: 25px !important;}
}

@media all and (max-width:1280px) {
#main_container h4 strong{ font-size: 20px;}
#main_container h4 p{font-size: 16px;}
#main_container h5 strong{ font-size: 18px; padding-left: 20px; background-size: 20px !important;}
}

@media all and (max-width:1023px) {
#main_container h4 strong{ font-size: 20px; font-weight: 800;}
#main_container h4 p{font-size: 14px; }
#main_container h4 p a{line-height: 18px; height: 20px; font-size: 12px;padding: 0 18px 0 10px; background-size: 4px;}

#main_container h5 a{line-height: 18px; height: 20px; font-size: 12px;padding: 0 18px 0 10px; background-size: 4px;}

}
@media all and (max-width:767px) {
#main_container h4{font-size:100%;}
#main_container h4 strong{ font-size: 17px;}
#main_container h4 p{ display: inline-block; margin-left: 0;font-size: 11px;}
#main_container h4 p a{line-height: 17px; height: 19px; font-size: 11px;}

#main_container h5 strong{ font-size: 16px; padding-left: 18px; background-size: 16px !important;}
#main_container h5 a{line-height: 17px; height: 19px; font-size: 11px;}


}






/* 개설과목안내 : 탭형식 */
.main_section01{padding: 0 10%;}
.main_cur{ box-shadow: 0 10px 50px rgba(0,0,0,0.1);padding:50px 70px 30px 70px; background: #fff; border-radius: 40px; margin: 0 -70px  70px -70px;}
.main_cur01{ margin-bottom: 50px; border-bottom: 1px dashed #ddd; padding-bottom:0;}


.main_section01{padding: 0 10%;}








.bbs_search_guide .bbs_search_guide01{ position: relative;}

.bbs_search_guide .tab_tit{ position: absolute; top:0; height: 50px; width: 100%; display: block; border-bottom: 1px solid #e7e6eb; }
.bbs_search_guide .tab_tit a{ font-size: 16px; font-weight: 600; display: block; background: #f4f4f4; border-radius: 6px 6px 0 0;  border-left: 2px solid #f4f4f4; border-right: 2px solid #f4f4f4;  border-top: 2px solid #f4f4f4; padding: 14px 5px; line-height: 18px; position:absolute; top:0; left:0;  overflow: hidden; width:22%; text-align: center; z-index: 3;}

.bbs_search_guide .tab_tit.t02 a{ left:22%;}

.bbs_search_guide .tab_tit a:hover,
.bbs_search_guide .tab_tit a:focus,
.bbs_search_guide .tab_tit a.active{font-size: 17px;font-weight: 700; color: #3161f1;background: #fff; border-top: 2px solid #3161f1;border-right: 2px solid #3161f1; border-left: 2px solid #3161f1;  box-shadow: -1px -10px 10px rgba(0,0,0,0.05);border-bottom: 2px solid #fff; }

.bbs_search_guide .search_txt{ width: 100%; display: block; position: relative; padding-top: 100px; }


@media all and (max-width :1280px) {
.bbs_search_guide .tab_tit a{font-size: 15px;}
.bbs_search_guide .tab_tit a:hover,
.bbs_search_guide .tab_tit a:focus,
.bbs_search_guide .tab_tit a.active{font-size: 16px; }
.bbs_search_guide .search_txt{  padding-top: 80px; }
}


@media all and (max-width :1023px) {
.bbs_search_guide .tab_tit a{font-size: 14px; border-radius: 4px 4px 0 0;}
.bbs_search_guide .tab_tit a:hover,
.bbs_search_guide .tab_tit a:focus,
.bbs_search_guide .tab_tit a.active{font-size: 15px; }
.bbs_search_guide .search_txt{  padding-top: 50px; }

}



@media all and (max-width :767px) {
.bbs_search_guide .tab_tit {border-bottom:0; height:auto;}
.bbs_search_guide .tab_tit a{font-size: 13px; border-radius:0; padding: 5px 0;font-weight: 400; width: 50%;}
.bbs_search_guide .tab_tit.t02 a{ left:50%; margin-left: 2px;}
.bbs_search_guide .tab_tit a:hover,
.bbs_search_guide .tab_tit a:focus,
.bbs_search_guide .tab_tit a.active{font-size: 12px;border: 2px solid #3161f1; border-radius: 4px; box-shadow:none;}

}

















.Notice{ position:relative; text-align: right; height:460px; /*border: 1px solid blue*/}
.Notice .tab_tit{ display:inline-block; margin: 0 5px; position: relative; z-index: 3;}
.Notice .tab_tit a{ height:45px;line-height:45px; padding:0 22px; display:block; text-align:center; font-size:16px; font-weight: 600; border-radius: 100px; box-shadow: 0 5px 30px rgba(0,0,0,0.1); }
.Notice .tab_tit a:hover, 
.Notice .tab_tit a:focus,
.Notice .tab_tit a.active{color:#253be8; background:#fff; outline :2px solid #4472f3;box-shadow: 0 -10px 20px rgba(0,0,0,0.1); }


.notice_all{position:absolute; display:block; width:100%; top:0; left:0;  overflow: hidden; height: 430px; /*border: 1px solid red*/}
.cur_guide{ display: flex; justify-content: space-between;}
.cur_guide .cur_left{ width: 250px; text-align: left;}
.cur_guide .cur_left > strong{font-size: 20px; font-weight: 800; color: #3161f1; margin-top: 10px; display: block;}
.cur_guide .cur_left .cur_box_txt{font-size: 14px; margin: 10px 0 20px 0; line-height: 20px;}
.cur_guide .cur_left a{display: block;background:#130639 url("../images/main/arrow_01.png") calc(100% - 15px) center no-repeat; line-height: 60px; height: 60px; width: 100%; text-align: center; color: #fff; font-weight: 500; border-radius: 4px;}
.cur_guide .cur_left a:hover,
.cur_guide .cur_left a:focus{background-color: #3161f1;}



.cur_guide .cur_right{ width: calc(100% - 300px); position: relative; margin-top: 80px;}
.cur_guide .cur_right .btn_all { position:  absolute; z-index: 2; width: 100%; top:40%; transform: translateY(-40%); opacity: 0.5;}
.cur_guide .cur_right .btn_all a{ width: 39px; height: 39px; display: inline-block; text-indent: -9999px; font-size: 0; line-height: 0; position: absolute; border-radius: 50%;}
.cur_guide .cur_right .btn_all a.btn_prev{background:#fff url("../images/main/btn_prev02.png") center no-repeat;left:0;  }
.cur_guide .cur_right .btn_all a.btn_next{background:#fff url("../images/main/btn_next02.png") center no-repeat;right:0 !important;}


.cur_guide .cur_right .owl-carousel{padding: 0 10px;}
.cur_guide .cur_right .owl-carousel .owl-item{ padding: 0 10px 30px 10px !important;/* border: 1px solid red*/}
.cur_guide .cur_right .cur_box{ flex: 1; overflow: hidden; border-radius: 10px; box-shadow: 1px 10px 10px rgba(0,0,0,0.05); }
.cur_guide .cur_right .cur_box a{ display:block; }
.cur_guide .cur_right .cur_box a span{ height: 175px; overflow: hidden; display: block; position: relative;}
/*
.cur_guide .cur_right .cur_box a span:before{ content: ''; width: 100%; display: block; height: 39px; background: url("../images/inc/photo_bg01.png") center top  no-repeat; left:0; position: absolute; z-index: 1; bottom: 0; background-size:300px;}
*/

.cur_guide .cur_right .cur_box a span img{ width: 100%; height: 100%}
.cur_guide .cur_right .cur_box a p{ padding: 20px 20px 35px 20px; text-align: center; border-radius: 10px 10px 0 0; margin-top: -10px; background: #fff; position: relative; z-index: 2; box-shadow:-1px -10px 10px rgba(0,0,0,0.05);}
.cur_guide .cur_right .cur_box a strong{ display:block; font-weight: 600; font-size: 18px; margin-bottom: 10px; overflow: hidden; height: 23px; white-space: nowrap;text-overflow: ellipsis;}
.cur_guide .cur_right .cur_box a:hover,
.cur_guide .cur_right .cur_box a:focus{margin-top: -10px;}
.cur_guide .cur_right .cur_box a i{ font-size: 13px;}
.cur_guide .cur_right .cur_box a em{ font-size: 13px; border: 1px dashed #b3b3b3; line-height: 40px; height: 40px; text-align: center; display: block; border-radius: 100px; margin: 20px 5% 0 5%;}
.cur_guide .cur_right .cur_box a:hover em,
.cur_guide .cur_right .cur_box a:focus em{ background: #3161f1; color: #fff;border: 1px dashed #fff; }


.main_cur02 .cur_guide .cur_right .cur_box a p i{display: block; height: 28px; overflow: hidden;}


@media all and (max-width:1720px) {
.main_section01{padding: 0 5%;}

.main_cur02 .notice_all{ top:80px;}
.main_cur02 .cur_guide .cur_right {margin-top: 0;}

}


@media all and (max-width:1520px) {

.main_cur02 .notice_all{ top:60px;}

.main_cur{ padding:50px 50px 30px 50px; border-radius: 30px;margin: 0 -50px  100px -50px;}
.main_cur01{ margin-bottom: 60px; padding-bottom: 0;}

.Notice{height:440px;}
.Notice .tab_tit{ margin: 0 3px;}
.Notice .tab_tit a{ height:35px;line-height:35px; padding:0 18px;  font-size:16px; }

.notice_all{ height: 400px;}
.cur_guide .cur_left > strong{font-size: 20px;}
.cur_guide .cur_left a{line-height: 50px; height: 50px; }


.cur_guide .cur_right .cur_box { gap:15px;}
.cur_guide .cur_right .cur_box a strong{  font-size: 16px;height: 18px; margin-bottom: 5px;}
.cur_guide .cur_right .cur_box a p{ padding: 10px 15px 20px 15px;}
.cur_guide .cur_right .cur_box a em{  margin: 10px 5% 0 5%;}

}

@media all and (max-width:1280px) {
.main_cur01{  padding-bottom: 20px;}
.main_cur{ padding:40px 30px 30px 30px;border-radius: 20px; margin: 0 -25px 50px -25px;}

.Notice{ height: 350px;}
.Notice .tab_tit{ margin: 0 3px;}
.Notice .tab_tit a{ height:32px;line-height:32px; padding:0 15px; font-size:15px; }


.notice_all{ height: 350px;}
.cur_guide .cur_left { width: 180px;}
.cur_guide .cur_left > strong{font-size: 17px;}
.cur_guide .cur_left .cur_box_txt{font-size: 14px; margin: 5px 0 10px 0; line-height: 18px;}
.cur_guide .cur_left a{line-height: 40px; height: 40px; }

.cur_guide .cur_right{ width: calc(100% - 210px); margin-top: 60px; }
.cur_guide .cur_right .btn_all a{ width: 28px; height: 28px; background-size: 28px !important;}
.cur_guide .cur_right .cur_box a span{ height: 150px; }
.cur_guide .cur_right .cur_box a strong{  font-size: 16px;height: 18px;}
.cur_guide .cur_right .cur_box a i{ font-size: 12px;}
.cur_guide .cur_right .cur_box a em{ font-size: 11px; line-height: 30px; height: 30px; margin: 10px 5% 0 5%;}

}

@media all and (max-width:1150px) {
.Notice .tab_tit{ margin: 0 3px;}
.Notice .tab_tit a{ height:28px;line-height:28px; padding:0 10px; font-size:14px; }
}

@media all and (max-width:1023px) {

.main_cur02 .notice_all{ top:28px;}

.cur_guide .cur_right {margin-top: 0;}
.cur_guide .cur_right .cur_box a span{ height: 120px;}
.cur_guide .cur_right .cur_box a span:before{ display: none;}
.cur_guide .cur_right .cur_box a strong{ font-size: 14px;height: 15px;}
.cur_guide .cur_right .cur_box a p{ padding: 15px 15px 20px 15px;}
.cur_guide .cur_right .cur_box a i{ font-size: 12px;}
.cur_guide .cur_right .cur_box a em{ font-size: 10px; line-height: 20px; height: 22px;}

.main_cur{ padding:0;border-radius:0; box-shadow: none;margin: 0 calc(-5% +  20px) 50px calc(-5% +  20px);}
.main_cur01{ padding-bottom: 0;  border: 0;}

.Notice{margin-top:10px; height: 470px;text-align: left;}
.Notice .tab_tit{ margin: 0;}
.Notice .tab_tit a{ padding:0 12px; box-shadow: none; border-radius: 2px 2px 0 0; background: #f9f9f9; border :1px solid #f9f9f9; font-size: 13px;}
.Notice .tab_tit a:hover, 
.Notice .tab_tit a:focus,
.Notice .tab_tit a.active{box-shadow: 0 -5px 10px rgba(0,0,0,0.1); background: #4472f3; color: #fff; border :1px solid #4472f3; outline :none;}

.notice_all{ top:28px; height: 450px; border-top :1px solid #4472f3; border-radius: 0; padding: 20px 0;}

.cur_guide{ flex-wrap: wrap;}
.cur_guide .cur_left{ width: 100%; margin-bottom: 20px;}

.cur_guide .cur_left > strong{font-size: 14px;}
.cur_guide .cur_left .cur_box_txt{font-size: 13px; margin: 5px 0 10px 0; line-height: 15px;}
.cur_guide .cur_left a{line-height: 30px; height: 30px; font-size: 11px; background-size: 5px;}
.cur_guide .cur_right{ width: 100%;}
.cur_guide .cur_right .owl-carousel{padding: 0;}
.cur_guide .cur_right .btn_all a{ width: 25px; height: 25px; background-size: 25px !important;}
}
@media all and (max-width:850px) {
#article-tab01,
#article-tab02{display: inline-flex;width: 100%; flex-wrap: wrap;  gap:1px;}


.main_cur01 .Notice .tab_tit,
.main_cur02 .Notice .tab_tit{width:calc(33.33% - 1px);}

.Notice .tab_tit a{ font-size: 11px; padding: 0;}
.main_cur01 .Notice .notice_all{ top:86px; }
.main_cur02 .Notice .notice_all{ top:86px; height: 400px;}

.cur_guide .cur_right .cur_box a span{ height: 100px;}
.cur_guide .cur_left > strong {margin-top: 5px;}
.cur_guide .cur_left p{display: block;width: 100%;}
}







/* 진출분야 & 인터뷰 */
.main_section02{ padding: 0 10% 70px 10%; }
.main_section_guide{ justify-content: space-between; display: flex; gap:70px;}
.main_section_guide > div{ flex:1;}



.youtube_movie { display: flex; justify-content: space-between; /* border-radius: 10px; padding: 20px;border: 1px solid #e8e7eb;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);*/ flex-wrap: wrap;}
.youtube_movie ul{width: 32%; margin: 0 0.3%;}
.youtube_movie ul li{ line-height: 20px; font-size: 14px;word-break: keep-all; letter-spacing: 0;}
.youtube_movie ul li img{ width: 100%; overflow: hidden; border-radius: 10px; box-shadow: 1px 10px 10px rgba(0,0,0,0.02); height: 170px; border: 1px solid #c5e0f2;}
.youtube_movie ul li strong{ font-size: 16px; font-weight: 700;  display: block; margin-top: 10px; background-size: 38px;}
.youtube_movie ul li strong em{ overflow: hidden; white-space: nowrap; height: 20px;  text-overflow: ellipsis; display: none;}
.youtube_movie ul li strong span{ font-size: 17px; display: block;font-weight: 600;overflow: hidden; white-space: nowrap;  text-overflow: ellipsis;}



.inter_view a{ justify-content: space-between; display: flex;}
.inter_view .mnb_left{height: 200px; width: 45%; overflow: hidden; border-radius:10px; box-shadow: 1px 10px 10px rgba(0,0,0,0.02); border: 1px solid #c5e0f2;}
.inter_view .mnb_left img{ width: 100%; height: 100%; }

.inter_view .mnb_right{ position: relative; width:51%; }
.inter_view .mnb_right strong{ display: block; font-size: 18px; font-weight: 700;line-height: 24px; height: 24px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.inter_view .mnb_right strong > i{ background: #3161f1; display: inline-block; font-size: 11px; border-radius: 4px; padding: 0 10px; color: #fff; text-align: center; height: 24px; line-height: 24px; margin-right: 5px; vertical-align: top;}
.inter_view .mnb_right .mnb_txt{margin: 13px 0; border-radius: 6px; padding:5px 10px;background: #f1f9ff; display: flex; flex-wrap: wrap;}

.inter_view .mnb_right .mnb_txt > em{ display: flex; align-items: center; width: 100%; overflow: hidden;}


.inter_view .mnb_right .mnb_txt i{ padding-left: 5px;background: #fff; border-radius: 4px; height: 18px; line-height: 18px; text-align: center; margin: 2px 5px 2px 0;font-size: 12px; background-size: 3px; padding: 0 5px; min-width: 40px;}
.inter_view .mnb_right .mnb_txt b{ height: 18px; overflow: hidden; font-size: 14px; font-weight: 400; white-space: nowrap;text-overflow: ellipsis; display: block;}
.inter_view .mnb_right > em{display: block;overflow: hidden;height: 45px; margin: 0 5px; font-size: 16px; line-height: 22px;}


@media all and (max-width:1720px) {
.main_section_guide{  gap:40px;}
.main_section02{ padding: 0 5% 70px 5%}
}
@media all and (max-width:1520px) {
.main_section02{padding: 0 5% 70px 5%;}
.youtube_movie {  overflow: hidden; height: 270px; }
.youtube_movie ul { width:48%; flex: none;  margin: 0 1% 30px 1%;}
.youtube_movie ul li img{ height: 210px;}
.youtube_movie ul li strong span{ font-size: 15px;}

.inter_view .mnb_left{height: 210px;width: 48%;}
.inter_view .mnb_right > em{height: 68px; }
.inter_view .mnb_right {width: 50%;}



}
@media all and (max-width:1280px) {
.main_section02{padding: 0 5% 50px 5%;}
.main_section_guide{  gap:20px;}
.youtube_movie { height: 200px;}
.youtube_movie ul li{ line-height: 18px; font-size: 13px;}
.youtube_movie ul li img{ height: 165px;}
.youtube_movie ul li strong{ background-size: 30px;padding-left: 5px;font-size: 16px;}
.youtube_movie ul li strong span{ font-size: 14px;}

.inter_view .mnb_left{height: 165px;}
.inter_view .mnb_right .mnb_txt{margin: 10px 0;}
.inter_view .mnb_right strong{  font-size: 16px; font-weight: 600;}
.inter_view .mnb_right > em{height: 36px; font-size: 14px; line-height: 18px;}
.inter_view .mnb_right .mnb_txt i{  height: 16px; line-height: 16px;font-size: 12px;}

.inter_view .mnb_right .mnb_txt b{ font-size: 13px; height: 16px;}

}
@media all and (max-width:1023px) {
.youtube_movie{ flex-wrap: wrap; gap:0; justify-content:space-between; height: 200px;}
.youtube_movie ul{ flex:none;  margin-bottom: 20px;}
.youtube_movie ul li strong{ background: none;padding-left: 5px;font-size: 13px;}
.youtube_movie ul li strong em{ height: 15px;}
.youtube_movie ul li strong span{ font-size: 12px;}


.main_section_guide{flex-wrap: wrap; gap:0;}
.main_section_guide > div{ flex:none;}
.main_section_guide .main_section_left{width: 100%;}
.main_section_guide .main_section_right{width: 100%;}

}

@media all and (max-width:767px) {
.main_section_guide{  gap:0; flex-wrap: wrap;}
.main_section_guide > div{ flex: none; width: 100%;}

.youtube_movie{  height: 170px;}
.youtube_movie ul li img{ height: 130px;}

.inter_view .mnb_left{height: 130px;}
.inter_view .mnb_right .mnb_txt > em:last-child i{min-width: 105px;}

.inter_view .mnb_right{padding-top: 5px;}
.inter_view .mnb_right > em{ display: none;}
.inter_view .mnb_right strong{line-height: 20px; height: 20px; font-weight: 500; font-size: 14px; }
.inter_view .mnb_right strong > i{height: 20px; line-height: 20px; padding: 0 5px;}
.inter_view .mnb_right > em{ margin: 5px 0 0 0;height: 90px; font-size: 13px;}


}









/*지산학협력 & 위밋프로젝트*/

.main_section05{padding: 50px 10% 70px 10%;  background: #e9f4ff; margin-bottom: 50px;}
.main_section_guide01{ justify-content: space-between; display: flex; gap:70px;}
.main_section_guide01 > div{ flex:1;}



.m_jisan a{ justify-content: space-between; display: flex;}
.m_jisan .mnb_left{height: 220px; width: 47%; overflow: hidden; border-radius:10px; box-shadow: 1px 10px 10px rgba(0,0,0,0.02); border: 1px solid #c5e0f2;}
.m_jisan .mnb_left img{ width: 100%; height: 100%; }

.m_jisan .mnb_right{ position: relative; width:49%; }
.m_jisan .mnb_right > i{ display: block; font-size: 12px; text-decoration: underline; padding: 5px 0 0 0 }
.m_jisan .mnb_right strong{ display: block; font-size: 18px; font-weight: 700;line-height: 24px; height: 24px; overflow: hidden;margin: 10px 0; white-space: nowrap;text-overflow: ellipsis;}
.m_jisan .mnb_right > em{display: block;overflow: hidden;height: 150px; font-size: 16px; line-height: 22px;}




.m_porject { display: flex; justify-content: space-between; /* border-radius: 10px; padding: 20px;border: 1px solid #e8e7eb;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);*/ flex-wrap: wrap;}
.m_porject ul{width: 31.333%; margin: 0 0.5%;}
.m_porject ul li{ line-height: 20px; font-size: 14px;word-break: keep-all; letter-spacing: 0;}
.m_porject ul li img{ width: 100%; overflow: hidden; border-radius: 10px; box-shadow: 1px 10px 10px rgba(0,0,0,0.02); height: 160px;}
.m_porject ul li strong{ font-size: 16px;display: block; margin-top: 20px;overflow: hidden; height: 38px; line-height: 20px;  font-weight: 500; padding: 0 5px;}


@media all and (max-width:1720px) {
.main_section05{ padding: 50px 5%;margin-bottom: 70px;}
.main_section_guide01{  gap:40px;}

}
@media all and (max-width:1520px) {
.main_section05{ margin-bottom: 60px;}

.m_jisan .mnb_left{height: 210px;width: 48%;}
.m_jisan .mnb_right > em{height: 130px;}


.m_porject {  overflow: hidden; height: 270px; }
.m_porject ul { width:48%; flex: none;  margin: 0 1% 30px 1%;}
.m_porject ul li img{ height: 210px;}

}

@media all and (max-width:1280px) {
.main_section05{padding: 60px 5%;margin-bottom: 40px;}
.main_section_guide01{  gap:20px;}

.m_jisan .mnb_left{height: 180px;}
.m_jisan .mnb_right strong{  font-size: 16px; font-weight: 600;}
.m_jisan .mnb_right > em{height: 90px; font-size: 14px; line-height: 18px;}


.m_porject { height: 240px;}
.m_porject ul li{ line-height: 18px; font-size: 13px;}
.m_porject ul li img{ height: 180px;}
.m_porject ul li strong{ font-size: 15px;margin-top: 15px;}


}
@media all and (max-width:1023px) {
.main_section05{padding: 40px 5% 50px 5%;}
.main_section_guide01{flex-wrap: wrap; gap:0;}
.main_section_guide01 > div{ flex:none;}
.main_section_guide01 .main_section_left{width: 100%; margin-bottom: 20px;}
.main_section_guide01 .main_section_right{width: 100%;}


.m_porject{ flex-wrap: wrap; gap:0; justify-content:space-between; height: 230px;}
.m_porject ul{ flex:none;  margin-bottom: 20px;}
.m_porject ul li strong{ background: none;padding-left: 5px;font-size: 13px;}
.m_porject ul li strong em{ height: 15px;}
.m_porject ul li strong span{ font-size: 12px;}



}

@media all and (max-width:767px) {
.main_section_guide01{  gap:0; flex-wrap: wrap;}
.main_section_guide01 > div{ flex: none; width: 100%;}

.m_jisan .mnb_left{height: 130px;}

.m_jisan .mnb_right strong{line-height: 20px; height: 20px; font-weight: 500; font-size: 14px;  margin: 5px 0;}
.m_jisan .mnb_right > em{ height: 70px; font-size: 13px;}



.m_porject{  height: 180px;}
.m_porject ul li img{ height: 130px;}


}






















/* 비교과활동 */
.main_section03{ margin-bottom: 50px;background: #e9f4ff; padding: 50px 10%;}

/* 다음이전 버튼*/
.subject_top{ display: flex; justify-content: space-between;align-items: flex-end; padding-right: 10px;}
.subject_list .btn_all a{ text-indent: -9999px; width: 39px; height: 39px; display: inline-block; opacity: 0.5;}
.subject_list .btn_all .btn_prev{background: url("../images/main/btn_prev02.png") center no-repeat;}
.subject_list .btn_all .btn_next{background: url("../images/main/btn_next02.png") center no-repeat;}

@media all and (max-width:1720px) {
.main_section03{ padding: 50px 5%}
}
@media all and (max-width:1520px) {
.main_section03{ margin-bottom: 80px;}
}
@media all and (max-width:1280px) {
.main_section03{ margin-bottom: 50px;}
.subject_list .btn_all a{ width: 28px; height: 28px; background-size: 28px !important;}
}
@media all and (max-width:1023px) {
.main_section03{ margin-bottom: 40px;padding: 40px 5%}
}

@media all and (max-width:767px) {
.main_section03{ padding: 40px 5% 30px 5%}
.subject_top{  padding-right: 5px;}
.subject_top h4 p{ display: block !important; margin-left: 0 !important;}
.subject_list .btn_all a{ width: 25px; height: 25px; background-size: 25px !important;}
}




.subject_list .owl-carousel{ margin-top: 30px; width: calc(100% + 50px)!important; /*border: 1px solid red; */}
.subject_list .subject_list_box{ padding:10px 0 20px 0; overflow: hidden; position: relative;}
.subject_list .subject_list_box .s_badge{ background:#3161f1; height: 22px; line-height: 22px;  display: inline-block; position: absolute; top:10px; right:50px; color: #fff; text-align: center; z-index: 5; font-size: 11px; font-weight: 600; border-radius: 4px; padding: 0 10px;}

.subject_list .subject_list_box a{display: flex; flex-direction: column; border-radius:10px;margin-right: 50px;  background: #fff;box-shadow: 5px 10px 10px rgba(39,96,152,0.1); padding-bottom: 30px;}

.subject_list .subject_list_box a > span{ display:block; }
.subject_list .subject_list_box a > span:nth-of-type(1){ height:280px; position: relative;overflow:hidden;border-radius:10px 10px 0 0;}
.subject_list .subject_list_box a > span:nth-of-type(1) > img{width: 100%;}
.subject_list .subject_list_box a > span:nth-of-type(1):before{ content: ''; width: 100%; display: block; height: 60px; background: url("../images/inc/photo_bg01.png") center top  no-repeat; left:0; position: absolute; z-index: 1; bottom: 0;}

.subject_list .subject_list_box a .txt_box{ position: relative; margin:-10px 40px 20px 40px; display:block; z-index: 2;}
.subject_list .subject_list_box a .txt_box > i{ display: inline-block; font-size: 12px; font-weight: 600; background: #e9f4ff; border-radius: 50px; line-height: 24px; height: 24px; padding: 0 13px; margin-bottom: 10px; margin-left: -5px;}
.subject_list .subject_list_box a .txt_box > strong{display: block; font-size: 18px; height: 20px; overflow: hidden; margin-bottom: 15px; white-space: nowrap;text-overflow: ellipsis;}
.subject_list .subject_list_box a:hover .txt_box > strong{ text-decoration: underline;}

.subject_list .subject_list_box a .txt_box > em{ margin-bottom: 20px; display: block; line-height: 15px;}
.subject_list .subject_list_box a .txt_box > em >i{font-size: 11px;  width: 45px; display: inline-block; background: #f8f8f8; border: 1px solid #f4f4f4; border-radius: 0 30px 30px 30px; text-align: center;  margin: 5px 10px 5px 0;}
.subject_list .subject_list_box a .txt_box > em >b{font-size: 15px;width: calc(100% - 60px); display: inline-block;}
.subject_list .subject_list_box a .txt_box > em >b:nth-of-type(3){font-size: 13px;}

.subject_list .subject_list_box a .txt_box > span { border-radius: 4px; border: 1px solid #3161f1; width: 100%; display: block; height: 45px; line-height: 45px; font-size: 14px; font-weight: 600; text-align: center; color: #3161f1;}

.subject_list .subject_list_box a:hover,
.subject_list .subject_list_box a:focus{border:1px solid #3161f1; margin-top: -10px;border-radius: 12px;}
.subject_list .subject_list_box a:hover .txt_box > span,
.subject_list .subject_list_box a:focus .txt_box > span{ background: #3161f1; color: #fff;}

.subject_list .bbs_nodata{border:1px solid #eee; margin-right: 50px; padding:160px 0 0; height: 340px;border-radius:30px;}

@media all and (max-width: 1720px) {
.subject_list .subject_list_box .s_badge{  right:30px;}

.subject_list .owl-carousel{width: calc(100% + 30px)!important;}
.subject_list .subject_list_box a{margin-right: 30px;padding-bottom: 20px;}
.subject_list .bbs_nodata{ margin-right: 30px;}
}
@media all and (max-width: 1520px) {
.subject_list .owl-carousel{ margin-top: 20px;}
.subject_list .subject_list_box a > span:nth-of-type(1){height:220px;}
.subject_list .subject_list_box a .txt_box{  margin:-10px 20px 10px 20px; }
.subject_list .subject_list_box a .txt_box > strong{font-size: 17px; height: 18px;}

.subject_list .subject_list_box a .txt_box > em{ margin-bottom: 15px; }
.subject_list .subject_list_box a .txt_box > em >b{font-size: 14px; font-weight: 500;}
.subject_list .subject_list_box a .txt_box > span { height: 35px;line-height: 35px; font-size: 13px;}
.subject_list .bbs_nodata{ border-radius:20px;}
}
@media all and (max-width: 1280px) {
.subject_list .owl-carousel{ margin-top: 10px;}	
}
@media all and (max-width: 1023px) {
.subject_list{width: 100%;}
.subject_list .subject_list_box a > span:nth-of-type(1){height:220px;}
.subject_list .bbs_nodata{ border-radius:15px;}
}

@media all and (max-width: 767px) {
.subject_list .subject_list_box .s_badge{ right:10px;}

.subject_list .owl-carousel{width: calc(100% + 10px)!important;}
.subject_list .subject_list_box a{ margin-right: 10px;padding-bottom: 10px}
.subject_list .subject_list_box a:hover,
.subject_list .subject_list_box a:focus{ margin-top: -5px;}


.subject_list .subject_list_box a > span:nth-of-type(1){height:120px;}
.subject_list .subject_list_box a > span:nth-of-type(1):before{display: none;}

.subject_list .subject_list_box a .txt_box{margin:15px 18px 10px 18px; }
.subject_list .subject_list_box a .txt_box > i{ font-size: 11px; line-height: 20px; height: 20px; padding: 0 10px;}
.subject_list .subject_list_box a .txt_box > strong{font-size: 14px; height: 15px; margin-bottom: 5px;}
.subject_list .subject_list_box a .txt_box > em{ margin-bottom: 10px;}
.subject_list .subject_list_box a .txt_box > em >b:nth-of-type(1),
.subject_list .subject_list_box a .txt_box > em >b:nth-of-type(2){font-size: 12px;width:100%;}
.subject_list .subject_list_box a .txt_box > span { line-height: 25px;height: 25px; font-size: 11px;}
.subject_list .subject_list_box a .txt_box > em >b:nth-of-type(3){font-size: 12px;}

.subject_list .bbs_nodata{ border-radius:10px;margin-right: 10px;}
}















/* 보도자료 & 공지사항  */
.main_section04{ margin-bottom: 80px; padding: 0 10%; display: flex; justify-content:space-between; gap:70px;}
.main_section04 > div{flex: 1; }


.main_section04 .main_news .main_news_box{ border-radius:10px; border: 1px solid #e8e7eb; box-shadow: 0 5px 20px rgba(0,0,0,0.05); display: flex; padding: 40px 50px 35px 35px; justify-content: space-between; height: 300px;}  
.main_section04 .main_news a.main_news_box:hover,
.main_section04 .main_news a.main_news_box:focus{ outline: 1px solid #3161f1;}  

.main_section04 .main_news .main_news_box .mnb_left {  width:50%;}
.main_section04 .main_news .main_news_box .mnb_left img{ width: 100%; height: 100%}
.main_section04 .main_news .main_news_box .mnb_right {text-align: right; padding-top:10px; width: 40%;}
.main_section04 .main_news .main_news_box .mnb_right b{font-size: 13px; color:#221055;  display: block;}
.main_section04 .main_news .main_news_box .mnb_right b > i{font-size: 30px; font-weight: 900; display: block;}
.main_section04 .main_news .main_news_box .mnb_right strong{ font-size: 22px; display: block;margin: 10px 0; font-weight: 700; height: 25px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.main_section04 .main_news .main_news_box .mnb_right em{display: block; font-size: 16px;overflow: hidden;height:95px; line-height: 25px;}


.main_section04 .main_notice ul {  border-radius: 10px; border: 1px solid #e8e7eb; box-shadow: 0 5px 20px rgba(0,0,0,0.05);  padding: 28px 50px; height: 300px;}
.main_section04 .main_notice ul li{display: flex; gap:20px; border-top: 1px dashed #ddd; padding: 11px 0; align-items: center;}  
.main_section04 .main_notice ul li a{font-size: 20px; overflow: hidden; height: 20px; display: block; font-weight: 500;}
.main_section04 .main_notice ul li a:hover,
.main_section04 .main_notice ul li a:focus{ color: #3161f1;}
.main_section04 .main_notice ul li:first-child{ border-top:0; }
.main_section04 .main_notice ul li b{font-size: 13px; color:#221055;  display: block;}
.main_section04 .main_notice ul li b > i{font-size: 30px; font-weight: 900; display: block;}


@media all and (max-width:1720px) {
.main_section04{ padding: 0 5%;gap:40px;}

}
@media all and (max-width:1520px) {
.main_section04{ margin-bottom: 60px;}

.main_section04 .main_news .main_news_box{height: 240px; padding: 25px 50px 25px 35px; }  
.main_section04 .main_news .main_news_box .mnb_right b > i{font-size: 25px;}
.main_section04 .main_news .main_news_box .mnb_right em{height:75px; }
.main_section04 .main_news .main_news_box .mnb_right strong{ font-size: 18px; height: 20px;}

.main_section04 .main_notice ul {height: 240px;padding: 20px 50px;}
.main_section04 .main_notice ul li{ padding: 9px 0; }
.main_section04 .main_notice ul li b > i{ font-size: 23px;}
.main_section04 .main_notice ul li a{font-size: 19px; height: 20px;}
}

@media all and (max-width:1280px) {
.main_section04{ margin-bottom: 40px;gap:20px;}

.main_section04 .main_news .main_news_box{height: 210px; padding: 25px 40px 25px 30px;}
.main_section04 .main_news .main_news_box .mnb_right b > i{font-size: 18px;}
.main_section04 .main_news .main_news_box .mnb_right em{height:60px;  font-size: 14px; line-height: 20px;}
.main_section04 .main_news .main_news_box .mnb_right strong{ font-size: 16px; height: 18px; }

.main_section04 .main_notice ul {height: 210px;padding: 20px 30px;} 
.main_section04 .main_notice ul li b > i{ font-size: 18px;}
.main_section04 .main_notice ul li a{font-size: 16px; height: 18px;}
}

@media all and (max-width:1023px) {
.main_section04 .main_news .main_news_box{height: 200px; padding: 20px 40px 20px 30px;}
.main_section04 .main_notice ul {height: 200px;padding: 10px 30px; } 
}


@media all and (max-width:767px) {
.main_section04{ flex-wrap: wrap; gap:0; }
.main_section04 > div{flex:none; width: 100%; }

.main_section04 .main_news{ margin-bottom: 30px;}
.main_section04 .main_news .main_news_box{height: auto; padding: 25px 20px;}
.main_section04 .main_news .main_news_box .mnb_right{ padding-top:0;}
.main_section04 .main_news .main_news_box .mnb_right b {font-size: 11px;}
.main_section04 .main_news .main_news_box .mnb_right b > i{font-size: 15px; font-weight: 700;}
.main_section04 .main_news .main_news_box .mnb_right strong{ font-size: 14px; height: 16px; margin: 5px 0;}
.main_section04 .main_news .main_news_box .mnb_right em{height:55px;  font-size: 13px;}




.main_section04 .main_notice ul {height: auto;padding: 15px 25px;}
.main_section04 .main_notice ul li b {font-size: 11px;}
.main_section04 .main_notice ul li b > i{ font-size: 15px; font-weight: 700;}
.main_section04 .main_notice ul li a{font-size: 14px; height: 16px;}

}

















/* 메인에 사용되는 레이어 및 팝업창 */
#popup_wrap_pop {overflow: hidden!important;position: absolute; z-index: 9999999; background: #fff; box-shadow: 1px 5px 10px rgba(0,0,0,0.1); border: 1px solid #555;}
#popup_wrap_pop img{ max-width: 100%;} 
#popup_wrap_pop .popup_wrap_pop_text{ padding:  0%;}

#popup_footer {padding: 0 10px;font-size: 13px; background: #000; color: #fff; display: flex; justify-content: space-between; align-items: center; height: 42px; position: relative;}
#popup_footer > div{align-items: center; display: flex;}
#popup_footer input{ width: 20px !important; height: 20px !important; line-height: 20px !important; margin-right: 5px;}
#popup_footer button{ font-size: 12px; background: #fff; padding: 5px 10px; position: absolute; bottom:8px; right:10px;}
	
@media all and (max-width :1023px) {
#popup_wrap_pop {max-width:100% !important; left: 0!important; top: 0!important; height: auto !important;} 	
}