@charset "utf-8";

#mcontent{}

.msection{position:relative;background-position:50% 0;background-repeat:no-repeat;}

@media(max-width:1920px){
	.msection{background-size:auto;}
}



#mvisual{height: 766px;/*background-size:cover;*/background: url(/user_res/images/study/mainVisu_Bg.jpg);}
#mvisual .mvcopy{position:absolute;top:200px;left:0;width:100%;z-index:10;text-align:center;}




#mvisual .grap,#mvisual .grap .obj{position:relative;height:100%;}
#mvisual .inner.clearfix{margin:0 auto;width:1200px}


#mvisual .control a[data-control="next"]{left:auto;right:0;}

#mvisual .control a{display:inline-block;position:absolute;left:0;top:50%;margin-top:-64px;width:118px;height:118px;border:1px solid transparent; z-index:10;}
/*
#mvisual .control a:hover,
#mvisual .control a:focus,
#mvisual .control a:active{border:1px solid #e4c02b;}
*/
#mvisual .control a:before{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(/user_res/images/study/m_control_arr_left_ico.png) no-repeat 40% 50%;z-index:15;}
#mvisual .control a[data-control="next"]:before{background:url(/user_res/images/study/m_control_arr_right_ico.png) no-repeat 55% 50%;}

#mvisual .control a .ir{position:absolute;left:0;top:0;width:100%;height:100%;background:url(/user_res/images/study/m_control_btn_bg.png);/*background:#2a2c36;opacity:0.75;*/}

#mvisual .control .images{display:none}

#mvisual .grap .obj .item.mvisual01{background-image:url(/user_res/images/study/mainVisual-01.jpg);}
#mvisual .paging{display:table;position:absolute;bottom:30px;right:30px;}
#mvisual .paging:after{display:block;content:"";clear:both;visibility:hidden;}

#mvisual .paging div{display:table;width:100%;}
#mvisual .paging div.first,
#mvisual .paging div.last{display:table-cell;/*width:6.25%;*/border-top:1px solid #ffc600;text-indent:-9999px;}
#mvisual .paging div.last{border-color:#fff;}


#mvisual .paging em{display:table-cell;display:none;position:relative;padding-top:15px;font-size:14px;color:#fff;text-align:center;}
#mvisual .paging em:before{display:inline-block;content:"";position:relative;top:-2px;margin-right:6px;width:18px;height:13px;vertical-align:middle;}
#mvisual .paging em.ov{display:inline-block;}

#mvisual .paging .first,
#mvisual .paging .last{width:6.25%;}
#mvisual .paging .first .dot{left:0;}
#mvisual .paging .last .dot{left:auto;right:0;}




@media(min-width:0px) {
#mvisual .paging .dot:before{display:block;opacity:0;top:-100px;transition:all 300ms ease-in-out}
#mvisual .paging .spot .dot:before{opacity:1;top:-60px}
}

@media(max-width:1920px) {
	/*#mvisual .grap .obj .item{background-size:auto;}*/
}

@media(max-width:1239px) {
	#mvisual{
    height: auto;
}
	#mvisual .inner.clearfix{width:100%}

}

@media(max-width:1023px) {

  #mvisual .control a{margin-top:-40px;width:80px;height:80px;}
  #mvisual .control a:before,
  #mvisual .control a[data-control="next"]:before{background-size:25%;}

  #mvisual .paging{right:auto;bottom:65px;left:0;width:100%;text-align:center;}

}

@media(max-width:767px) {
  #mvisual{background:none}
  #mvisual .mvcopy{top:150px;}
  #mvisual .control a{margin-top:-25px;width:50px;height:50px;}




  #mvisual .grap .obj .item .control a{margin-top:-25px;width:50px;height:50px;}

  #mvisual .grap .obj .item .mv-img{background-size:cover;}
}

@media(max-width:459px) {
  #mvisual .mvcopy h2 .ir{width:203px;}
}

#section1 {  width:100%;}
#section2 {width:100%;padding: 30px 0;}
#section3 {width:100%;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
#section3 h2{font-size: 25px;letter-spacing: -0.07em;color: #000;font-weight: 700;}

.inner {max-width: 1280px;margin:0 auto;}


/*  */
.board {
	float: left;
	width: 50%;
	padding: 25px 25px 25px 0;
}


.board .more {
  position: absolute;
  right: 0;
  top: 0px;
  font-size: 15px;
}

.haeundae_news.board .more{
    top: 0;
}


.board_content {width: 98%;position: relative;display: block;height: 254px;}

.board_content ul {
  padding: 9px 0 0 8px;
  width: 100%;
}
.board_content li {
  position: relative;
  margin: 8px 0 0 12px;
  padding: 0 0 0 13px;
  background: url(/user_res/images/study/main_bullet.png) no-repeat left center;
}
.board_content li a {
  display:block;
  width: 350px;
  overflow:hidden;
  color: #5d5d5d;
  line-height: 25px;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size: 17px;
  margin: 0 0 10px 0;
}

.board_content li a:hover{font-weight:700}

.ellipsis{width:200px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-wrap:normal !important;}
.board_content li span {
  position: absolute;
  top: 2px;
  right: 11px;
  color: #969696;
  font-size: 15px;
  line-height: 25px;
}



@media only screen and (max-width: 1200px) {
	.inner { width: 100%; margin: 0; }
	}
@media only screen and (max-width: 800px) {
  #section2 {margin:0px auto;}
  .board {float: none;	width: 100%; }

}
@media only screen and (max-width: 640px) {
 .board_content { height:auto}
}

.haeundae_news.board_news .board_content li{display:block;max-width: 500px;}
.haeundae_news.board_news .board_content span{}


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

	
}

@media only screen and (max-width: 800px) {
  .board {
   width: 100%;
   box-sizing: border-box;
   padding: 25px;
  }
  .board .board_content li {
   
    margin: 7px 0 0 12px;
  }
  .board .board_content li:nth-child(-n+3) {
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  .board {
    width: 100%;
    /* margin-top: 50px; */
  }
 
  .board .board_content li {
    display: block;
    margin: 3px 0 0 0;
  }

  .board_content ul {
    margin: 0px;
    padding: 0;
  }
  .board_content li a {
    display: block;
    width: 98%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    margin: 0;
  }
  .board_content li span {
    display: none;
  }

}

/* rowgroup2 */

.rowgroup2 {  float: left;  background: url(/user_res/images/study/section3_bg.png);}
.rowgroup2 .boxing{margin-left: calc(100% - 637px);padding: 61px 0;}
.rowgroup2 .boxing dl{margin:0 0 20px 0}
.rowgroup2 .boxing dl dt{float:left;width:15%;line-height:47px;font-size: 18px;font-weight: 700;}
.rowgroup2 .boxing dl dd{float:left;width: 33%;max-width: 190px;margin-right: 39px;position:relative;border: 1px solid #666666;}
.rowgroup2 .boxing dl dd input, .rowgroup2 .boxing dl dd select{height:47px;border: 0;width: 99%;cursor: pointer;padding-left: 10px;}
.rowgroup2 .boxing dl dd input, .rowgroup2 .boxing dl dd select:hover{}
.rowgroup2 .boxing dl dd input[type="submit"]{position:absolute;top: 4px;right: 5px;background: url(/user_res/images/study/serach.jpg) center no-repeat;font-size: 0;height: 38px;width: 58px;background-color: white;}
.rowgroup2 .boxing dl.order2 dd:last-child{margin-right:0}
.rowgroup2 .boxing dl.order3 dd{width: 81%;max-width:none;margin-right: 0;}
.rowgroup2 .boxing dl dd select{
   background:white url(/user_res/images/study/serach_more.png) right center no-repeat;
   -webkit-appearance: none; /* 화살표 없애기 for chrome*/
   -moz-appearance: none;    /* 화살표 없애기 for firefox*/
   appearance: none;         /* 화살표 없애기 공통*/
   padding-left: 10px;
}
select::-ms-expand {
   display: none;            /* 화살표 없애기 for IE10, 11*/
}
.rowgroup2 .boxing button{margin-left:15%;height:44px;background-color: #093c91;width: 81%;color: white;font-size: 18px;font-weight: 700;}


/*tab board2 */
.board2 {
  display: block;
  position: relative;
  height: 546px;
  padding: 20px;
  background-color: #fff;
}
.board2 > section {
  display: block;
  float: left;
  width: 16.666667%;
}
.board2 .more {
  display: block;
  position: absolute;
  right: 0;
  top: -41px;
  width: 7.731092%;
  min-width: 46px;
  height: 40px;
  background: url(/user_res/images/study/main_bullet.png) no-repeat 16px -10px;
  font-size: 0;
  line-height: 0;
}
.board2 .tab_btn {
  display: block;
  position: absolute;
  width: 100px;
  height: 43px;
  margin: 0;
  padding: 0 0 7px 0;
  border: none;
  vertical-align: top;
  z-index: 10;
  top: 10px;
  left: 200px;
}
.board2 .tab_btn span {
  display: block;
  line-height: 40px;
  font-weight: 600;
  text-align: center;
  font-size: 18px;
  letter-spacing: -0.07em;
}
.board2 .tab_btn.open,
.board2 .tab_btn:hover {
  border-bottom: 3px solid #005fb5;
}
.board2 .tab_btn.open span,
.board2 .tab_btn:hover span {
  background-color: #fff;
  color: #2466ba;
}

@media only screen and (max-width:1200px){
	.rowgroup2 .boxing{margin: 0 5%;padding: 10px 0;}
}

@media only screen and (max-width: 800px) {
  .board2 {
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-top: 70px;
    height: 390px;
  }
  .board2 .board_content li {
    display: none;
    margin: 7px 0 0 12px;
  }
  .board2 .board_content li:nth-child(-n+3) {
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  .board2 {
    width: 100%;
    height: 510px;
    margin-top: 50px;
  }
  .board2 .tab_btn span { font-size:15px; }
  .board2 .board_content li {
    display: block;
    margin: 7px 0 0 0;
  }
  .rowgroup2 .boxing dl { margin-bottom:5px}
  .rowgroup2 .boxing dl dd{max-width:none;width: 60% !important;}
  .rowgroup2 .boxing dl dd:nth-child(4){margin-top:20px}
  .rowgroup2 .boxing dl dt:nth-child(3){margin-top:20px}
  .rowgroup2 .boxing dl dt{width:20%}
  .rowgroup2 .boxing button{margin:0}
  .order1, .order2 {/* display:none; */}
}

@media only screen and (max-width: 500px){
	.rowgroup2 .boxing dl dt{width: 100%;}
	.rowgroup2 .boxing dl dd{
    width: 100% !important;}
    .rowgroup2 .boxing button{width:100%}
    .rowgroup2 .boxing dl dd:nth-child(4), .rowgroup2 .boxing dl dt:nth-child(3){margin:0}
}

#popup_banner{
   position: absolute;
   max-width: 1200px;
   max-height: 417px;
   top: 22.5%;
   left: 50%;
   width: 100%;
   height: 100%;
   transform: translateX(-50%);
   }

/* popup */
.popup {
  overflow: hidden;
  background-color: #fff;
  /* float:left; */
  width: 100%;
  margin-bottom: 20px;
  margin: 0 auto;
  position: relative;
}
.popup img{width:100%;}
.popup:after{clear:both}
.popup_1 {
  position: relative;
  width:365px;
  float:left;
  height: 295px;
  margin-left: 20px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #aaa;
}
.popup h2, .popup_1 h2 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 32px;
  padding: 0 0 0 5%;
  /* background-color: rgba(255,255,255,0.7); */
  /* border-bottom: 1px solid #a5b4bf; */
  line-height: 43px;
}
.popup h2 span, .popup_1 h2 span {
  display: block;
  height: 32px;
}
.popup ul, .popup_1 ul {}
.popup li, .popup_1 li {
  display: none;
  text-align: center;
}
.popup li:first-child, .popup_1 li:first-child {
  display: block;
}
.popup_ctrl, .popup_ctrl_1 {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 20;
  width: 136px;
}
.popup_ctrl .visual_count, .popup_ctrl_1 .visual_count_1 {
  display: none;
  float: left;
  width: 70px;
  height: 32px;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  font-size: 15px;
  line-height: 32px;
  text-align: center;
}
.popup_ctrl button,
.popup_ctrl a, .popup_ctrl_1 button,
.popup_ctrl_1 a {
  display: block;
  width: 46px;
  height: 46px;
  border-left: 1px solid #aaa;
  /* border-top: 1px solid #aaa; */
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.popup_ctrl button, .popup_ctrl_1 button {
  float: left;
  width: 46px;
  height: 46px;
  margin: 0 0 0 -1px;
  background: url(/user_res/images/study/popup_stop.png) no-repeat 50%;
}
.popup_ctrl button.popup_prev, .popup_ctrl_1 button.popup_prev_1 {
  background-image: url(/user_res/images/study/popup_prev.png);
}
.popup_ctrl button.popup_next, .popup_ctrl_1 button.popup_next_1 {
  background-image: url(/user_res/images/study/popup_next.png);
}
.popup_ctrl button.rolling_stop, .popup_ctrl_1 button.rolling_stop {
  background-image: url(/user_res/images/study/popup_stop.png);
}
.popup_ctrl button.rolling_play, .popup_ctrl_1 button.rolling_play {
  background-image: url(/user_res/images/study/popup_play.png);
}
.popup_ctrl a, .popup_ctrl_1 a {
  float: right;
  background: url(/user_res/images/study/popup_more.png) no-repeat 50%;
}

.keyword {float:left;height:295px;width:500px;border: 1px solid #aaa;margin-left:30px;}

@media only screen and (max-width: 1200px){
	#popup_banner{position:relative;top: 0;left: 0;transform: none;padding: 135px 0 0 0;}
}

@media only screen and (max-width:950px){
	#popup_banner{max-height: 466px;}
}

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

	#popup_banner{padding-top: 58px;}
	.popup img{height: 190px;}
}


/*banner*/

.banner{background-color:rgba(0, 0, 0, 0.46);color:white;margin:20px 0 0 0;padding:30px 40px;clear:both}
.banner ul.boxing > li{float:left;}
.banner ul.boxing > li.order1{line-height:44px;width: 37%;background:url(/user_res/images/study/banner_bg.png) 95% center no-repeat;}
.banner ul.boxing > li.order2{width:30%;background:url(/user_res/images/study/banner_bg.png) 95% center no-repeat}
.banner ul.boxing > li.order3{width: 32%;}
.banner ul.boxing > li dl dt{float:left;width:25%;color:#94fff6;font-size:17px;font-weight:700;line-height: 62px;}
.banner ul.boxing > li dl dd{float:left;width:75%}
.banner ul.boxing > li.order1 dl dd{font-size:35px;line-height: 57px;}
.banner ul.boxing > li.order1 dl dd span{font-size:28px}
.banner ul.boxing > li.order2 dl dd{font-size:26px;font-weight:700;line-height: 24px;}
.banner ul.boxing > li.order2 dl dd span{font-size:17px;font-weight:400;display: inline-block;margin-bottom: 6px;}
.banner ul.boxing > li.order3 dl dd{font-size: 20px;font-weight: 400;}
.banner ul.boxing > li.order3 dl dd span{font-weight:400;font-size: 15px;display: inline-block;width: 45px;height: 25px;text-align: center;line-height: 25px;background-color: #178eea;border-radius: 6px;margin-bottom: 3px;}

@media only screen and (max-width: 980px) {
	.banner {padding: 5px 30px;margin: 0;}
	.banner ul.boxing > li dl dt{width:100%;line-height: 39px;}
	.banner ul.boxing > li.order1 { width:30% }
	.banner ul.boxing > li.order3{width: 37%;}
	.banner ul.boxing > li.order1 dl dd span,
	.banner ul.boxing > li.order1 dl dd,
	.banner ul.boxing > li.order2 dl dd,
	.banner ul.boxing > li.order3 dl dd,
	.banner ul.boxing > li.order3 dl dd span {font-size:17px;}
}

@media only screen and (max-width: 650px) {
	.banner  {display:none; }

}
/* 퀵메뉴 */
#section2{text-align:center}
#section2 a{width:15%;display:inline-block;padding:43px 0 0 0;}
#section2 a.order0{background:url(/upload_data/board_data/BBS_0000050/159013050449320.jpg) top center no-repeat}
#section2 a.order1{background:url(/upload_data/board_data/BBS_0000050/159013050449411.jpg) top center no-repeat}
#section2 a.order2{background:url(/user_res/images/study/quick02.jpg) top center no-repeat}
#section2 a.order3{background:url(/user_res/images/study/quick03.jpg) top center no-repeat}
#section2 a.order4{background:url(/user_res/images/study/quick04.jpg) top center no-repeat}
#section2 a.order5{background:url(/user_res/images/study/quick05.jpg) top center no-repeat}

#section2 a:hover{font-weight:700;color:#093c91}

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

	#section2{padding:0;border:1px solid #e1e1e1;overflow:hidden;}
	#section2 a{font-size:14px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;text-align:center;float:left;width: 33.3%;padding: 60px 0 20px 0;background-position-y: 17px !important;}
	#section2 a:nth-child(3){border-right:0}
	#section2 a:last-child, #section2 a:nth-child(4){border-bottom:0}
}

/*sector_box*/
.sector_box{position:relative;padding:20px 0;}

.sector_box .contents_box{position:relative;height:140px;}
.sector_box .contents_box .cont_box{float:left;padding-top:30px;text-align:center;}
.sector_box .contents_box .cont_box a{position:relative;display:block;font-size:15px;line-height:17px;color:#363636;font-weight:400;letter-spacing:-1px;}
.sector_box .contents_box .cont_box a:before{position:absolute;left:0;top:5%;display:inline-block;width:3px;height:90%;content:'';background:url(/user_res/images/study/sector_line.gif) left top repeat;}
.sector_box .contents_box .cont_box.slick-current a:before{display:none;}
.sector_box .contents_box .cont_box a:hover,.sector_box .contents_box .cont_box a:hover .cont{color:#363636;}
.sector_box .contents_box .cont_box .img_box{display:block;overflow:hidden;}
.sector_box .contents_box .cont_box .img_box img{height:60px;}
.sector_box .contents_box .cont_box .cont{display:block;height:30px;padding-top:5px;font-size:13px;line-height:15px;}
.sector_box .contents_box .slide_box{position:relative;padding: 0 9%;}
.sector_box .contents_box .slick-arrow{position:absolute;top:50%;display:inline-block;width:37px;height:37px;padding:0;margin:-18px 0 0;color:transparent;border:none;background-position:center center;background-repeat:no-repeat;background-color:transparent;overflow:hidden;cursor:pointer;}
.sector_box .contents_box .slick-prev{left:20px;background-image:url(/user_res/images/study/sector_prev.png);}
.sector_box .contents_box .slick-next{right:20px;background-image:url(/user_res/images/study/sector_next.png);}
.sector_box .contents_box .slick-prev:hover{background-image:url(/user_res/images/study/sector_prev02.png);}
.sector_box .contents_box .slick-next:hover{background-image:url(/user_res/images/study/sector_next02.png);}
.sector_box .contents_box .slick-list{position:relative;overflow:hidden;}
.sector_box .contents_box .slick-track{position:relative;}
.sector_box .contents_box .slick-dots{display:none !important;}

@media only screen and (max-width:1200px){
	.sector_box h2{width:200px;}
}
@media only screen and (max-width:1000px){
	.sector_box h2{width:160px;}
}
@media only screen and (max-width:800px){
	.sector_box h2{position:relative;width:100%;text-align:center;}
	.sector_box h2:after{display:none;}
	.sector_box h2 span,.sector_box h2 strong{display:inline-block;vertical-align:middle;}

}
@media only screen and (max-width:640px){
	.sector_box{ padding:0; }
	.sector_box .contents_box .slick-prev{left:2%;}
	.sector_box .contents_box .slick-next{right:2%;}
}

/*haeundae_news*/
.haeundae_news{
    /* border-top: 3px solid #000; */
    margin-top: 20px;
}
.haeundae_news .title_box {padding: 20px 0;position: relative;}
.haeundae_news .title_box .btn_more{position: absolute;top: 4px;right: 15px;font-size: 15px;font-weight: normal;}
.haeundae_news .title_box .more {position:absolute;top: 27px;right: 23px;}
.haeundae_news.online .title_box {padding-top: 25px}
.haeundae_news .title_box h2 {font-size: 25px;letter-spacing: -0.07em;color: #000;font-weight: 700;}
.haeundae_news .title_box h3{font-size:20px;letter-spacing: -0.06em;color: #5b5b5b;font-weight:bold;margin:20px 0 0 0;position: relative;}
/* .haeundae_news .title_box h3:after{content:'';width:100px;height:2px;background-color:#093c91;display:block;position:absolute;bottom:-10px} */

/* bok추가 */
.haeundae_news .news_box.online_box{width:960px; margin:0;}
.haeundae_news .news_box.online_box .wid4 a.box{width:32.333%; min-height:485px;}
.haeundae_news .news_box.online_box .wid4 .box:nth-child(4n){margin-right:0;}
.haeundae_news .news_box.online_box .wid4 .box:nth-child(4n){margin-right:1%;}

.haeundae_news .title_box .btn-border {position: absolute;right: 10px;top: 28px;}
.haeundae_news .news_box {margin:0 auto;}
.haeundae_news .news_box{position:relative;width: 100%;}
.haeundae_news .news_box .box {float:left;width: 24%;margin-right: 10px;display:block;height: 381px;overflow:hidden;position:relative;text-decoration:none;color:#000;opacity: 1;}
.haeundae_news .news_box .box:nth-child(4n) { margin-right:0px; }
.haeundae_news .news_box .box .base {position:relative;}
.haeundae_news .news_box .box .base .img_wrap {margin-bottom:20px;text-align:center;overflow: hidden;position: relative;/* border: 2px solid black; */height: 230px;}
.haeundae_news .news_box .box .base .during{position:absolute;top:0;left:0;width: 53px;height: 53px;line-height: 53px;display: inline-block;text-align: center;color: white;}
/*
.haeundae_news .news_box .box .base .during.ing{background-color:rgba(192, 62, 62, 0.8)}
.haeundae_news .news_box .box .base .during.end{background-color:rgba(1, 1, 1, 0.8)}
*/
.haeundae_news .news_box .box .base .during.end{background-color: rgba(0, 0, 0, 0.9);}
.haeundae_news .news_box .box .base .during.ing{background-color: rgba(207, 14, 14, 0.8);}
.haeundae_news .news_box .box .base .during.wait{background-color: rgba(151, 151, 151, 0.8);}
.haeundae_news .news_box .box .base .during.booking{background-color: #1c56ad;}

.haeundae_news .news_box .box .base .img_wrap img{display:inline-block;width: 100%;}
.haeundae_news .news_box .box .base .title {font-size: 1.1em;letter-spacing: -0.07em;font-weight: 700;margin: 12px 0;display:  block;max-height: 3.4rem;overflow: hidden;}
.haeundae_news .news_box .box .base .text {color: #666;max-height: 3.0em;overflow:  hidden;margin-bottom: 8px;}
.haeundae_news .news_box .box .base p:not(.text){font-size:15px;}
.haeundae_news .news_box .box .base .date {font-size:  0.875rem; color: #000; font-weight: 400;}
.haeundae_news .news_box .box .base .part { margin-left:10px; font-size:  0.875rem; color:#015db2}
.news_box .slide_box{position:relative;padding: 0;}
.news_box .slick-arrow{
	position:absolute;
	top:50%;
	display:inline-block;
	width:37px;
	height:37px;
	padding:0;
	margin:-18px 0 0;
	color:transparent;
	border:none;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:transparent;
	overflow:hidden;
	cursor:pointer;
	z-index: 100000;
	}
.news_box .slick-prev{left:20px;background-image:url(/user_res/images/study/sector_prev.png);}
.news_box .slick-next{right:20px;background-image:url(/user_res/images/study/sector_next.png);}
.news_box .slick-prev:hover{background-image:url(/user_res/images/study/sector_prev02.png);}
.news_box .slick-next:hover{background-image:url(/user_res/images/study/sector_next02.png);}
.news_box .slick-list{position:relative;overflow:hidden;}
.news_box .slick-track{position:relative;}
.news_box .slick-dots{display:none !important;}


.haeundae_news .act{background: url(/user_res/images/study/more.png) right center no-repeat;}

@media only screen and (max-width: 1500px) {
	.haeundae_news{
    	margin-top: 0px;
    	padding: 20px;
 }
	.haeundae_news .news_box .box {/* height: 460px; */width: 24%;}
	.haeundae_news .title_box h2 {}
	.news_box .slide_box{padding: 0 9%;}
}


@media only screen and (max-width: 1200px) {
	.haeundae_news {/* margin-bottom: 30px; */}
	.haeundae_news .title_box h2 { display:  inline-block; vertical-align: top;  margin: 0; font-size:2rem;}
}

@media only screen and (max-width: 1000px) {
	.haeundae_news .news_box{padding: 0px;}
	.haeundae_news .news_box .box .base .img_wrap {margin: 0 auto 30px;}
}

@media only screen and (max-width: 850px) {
	.haeundae_news .title_box h2 {  font-size: 1.8rem;}
	.haeundae_news .title_box .btn-border { margin-top: 0px;}
	.haeundae_news .news_box .box {height: 323px;width: 48%;}
	.haeundae_news .news_box .box .base .img_wrap{}
}

@media only screen and (max-width: 576px) {
	.haeundae_news .news_box {padding: 0;margin-top: 20px !important;}
	.haeundae_news {margin-top: 0px;padding: 0 5px;}
	.haeundae_news .news_box .box .base {padding: 10px;}
	.haeundae_news .news_box .box .base .img_wrap{height: 320px;margin-bottom: 15px;}
	.haeundae_news .news_box .box .base .title {font-size: 1.2rem;line-height: 1.2;}
	.haeundae_news .title_box {    padding: 0;}
	.haeundae_news .title_box .btn_more { top:0}
	.haeundae_news.board .more{top:25px}
	.haeundae_news .title_box h2 {font-size: 22px;}
	.haeundae_news .title_box .btn-border {font-size:14px;}
	.news_box .slick-prev{left:5px;}
	.news_box .slick-next{right:5px;}
		.haeundae_news .news_box .box {height: auto;}
	.pc { display:none;}
	.haeundae_news .news_box .box.w100 {width: 100%;margin: 0;}
	.haeundae_news .news_box .box.w100 .base .title.style-line {width: 100%;border-bottom: 1px solid #ddd;margin: -10px 0 0 0px;font-size: 15px;padding: 0 0 7px 60px;}
	.during{height: 23px !important;line-height: 23px !important;font-size:14px;top: 0px !important;border-radius: 5px;}
	.haeundae_news .title_box h3 {border-bottom: 1px solid #000;}
}


/* tab2 */
.tabcontent.order2{display:none}





/* 갤러리 */

#section6{background-color: #f5f5f5;/* padding: 20px 0 0 0; */}
#section6 .haeundae_news{margin:0 auto;/* min-height: 480px; */}
#section6 .haeundae_news .news_box .box .base{background-color: white;padding-bottom: 20px;}
#section6 .haeundae_news .news_box .box .base .date{padding: 0 20px;}
#section6 .haeundae_news .news_box .box .base .title{
    display: inline-block;
    padding: 0px 20px;
}


/*강좌 안내*/

#section5 {padding: 50px 0;border-top:1px solid #d7d7d7;margin-top: 30px;}
#section5 .study{overflow:hidden}
#section5 .study li{float:left;width: 24%;margin-right:10px;border:1px solid #b5b5b5;}
#section5 .study li:last-child{margin-right:0}
#section5 .study li a{display:block;position:relative;width:100%}
#section5 .study li img{width:100%}
#section5 .study li span.title{position:absolute;bottom:0;display: block;text-align: center;font-size: 21px;width: 100%;color: white;background-color: rgba(0, 0, 0, 0.75);padding: 17px 0;font-weight: bold;}
#section5 .study li span.title > b{font-weight:100}
@media only screen and (max-width: 1200px) {
	#section5 { padding:20px; margin:0}
	#section5 .study li {max-width: 24%;}
}
@media only screen and (max-width: 960px) {
	#section5 {padding: 10px 0;border-top: 0;margin-top: 0;}
	#section5 .study{margin:0 auto;text-align:center;padding: 0;}
	#section5 .study li{width: 48.7%;max-width: 100%;margin: 2px;height: 60px;}
	#section5 .study li span.title {font-size:15px;top: 0;padding: 18px 0;height: 58px;}
	#section5 .study li img { display:none;}
}



/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(2, 2, 2, 0.8);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


.bod-fade{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 0px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.bod-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #093c91, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
                               


                               /*추가 header*/
    /** Animation **/
    #header_2017 h1.logo,
    #header_2017 h1.logo a,
    #header_2017 .mob_btn,
    #header_2017 .toputil,
    #header_2017 .toputil .sns_link,
    #header_2017 .toputil .site_code,
    #header_2017 .toputil .totalsearch .btn,
    #header_2017 #nav #gnb,
    #header_2017 #nav #gnb ul li a span:after,
    #header_2017 #nav #gnb ul li ul,
    #header_2017 .toputil .sns_link ul li a
    {transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}

	#header_2017{position:absolute;z-index:9;width:100%;top: 60px;}
    #header_2017 h1.logo {position:absolute; left:0; top:5px; z-index:999;}
    #header_2017 h1.logo a {display:block;background: url("/user_res/images/study/logo.png") no-repeat left top;width: 346px;height: 43px;margin-top: 16px;}
    #header_2017 h1.logo a span {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
    #header_2017 .mob_btn {display:none;}
    #header_2017 #nav {width:auto;height: 59px;position:relative;overflow:hidden;border-bottom: 1px solid rgba(0, 0, 0, 0.1);background: rgba(0, 0, 0, 0.4);}
    #header_2017 #nav #blind {width:100%;height:100%;background: white;position:absolute;left:0;top: 58px;z-index:1;border-top: 1px solid #000;}
    #header_2017 #nav #gnb {max-width: 1200px;margin:0 auto;position:relative;z-index:10;width: 100%;/* background:url("http://www.bsdonggu.go.kr/upload_data/board_data/BBS_0000214/152402747208469.jpg") 30px 110px no-repeat; */}
    #header_2017 #nav #gnb .header_icon{position:absolute; right:0; bottom:182px;}
    #header_2017 #nav #gnb ul {width:100%; height:auto;}
    #header_2017 #nav #gnb ul:after {content:""; display:block; clear:both;}
    #header_2017 #nav #gnb ul li {float:left;width: 15%;}
    /* #header_2017 #nav #gnb ul li:last-child {display:none;} */
    #header_2017 #nav #gnb ul li.num1{ margin-left:100px}
    #header_2017 #nav #gnb ul li a {display:block; text-align:center; text-decoration:none;}
    #header_2017 #nav #gnb ul li a span {display:inline-block;vertical-align:top;font-size: 24px;/*height:65px;*/padding: 14px 0 14px 0;line-height:30px;color: #fff;/* font-weight:600; */position:relative;}
    #header_2017 #nav #gnb ul li a span:after {content:""; display:block; height:4px; width:0px; position:absolute; bottom:0; left:50%;}
	#header_2017 #nav #gnb ul li a.ov span {  height:58px; border-bottom:6px solid #01a1ff; font-weight:600 }

    #header_2017 #nav #gnb ul li ul {width:auto;padding: 0 0 50px 0;margin-top:1px;border-right:1px solid #eee;}
    #header_2017 #nav #gnb ul li:first-child ul{border-left:1px solid #eee;}
    #header_2017 #nav #gnb ul li ul li:last-child {display:block; margin-bottom:-20px;}
    #header_2017 #nav #gnb ul li ul li {float:none; width:auto; margin:0 0 0 0;}
    #header_2017 #nav #gnb ul li ul li a {vertical-align:top;letter-spacing: -1px;line-height:20px;height:auto;padding: 8px 10px 8px 15px;font-size:17px;color: #000;text-align:left;display: block;width: 100%;}

    #header_2017 #nav #gnb ul li ul li a:hover{  /*  border: 1px solid #242e3a; */   background: #344151;color:white;text-decoration:none}
    #header_2017 #nav #gnb ul li ul li a:hover strong{color:white}

    #header_2017 #nav #gnb ul li ul li ul {display:none !important;}
    #header_2017 .toputil {position:absolute; right:3%; top:15px; z-index:10; padding-right:70px;}
    #header_2017 .toputil:after {content:""; display:block; clear:both;}
    
    #header_2017 .toputil .site_code {float:left; margin:21px 15px 0 15px;}
    #header_2017 .toputil .site_code ul {width:auto;}
    #header_2017 .toputil .site_code ul:after {content:""; display:block; clear:both;}
    #header_2017 .toputil .site_code ul li {float:left; padding:0 10px; height:28px; line-height:28px; font-weight:600; color:#0261cb;}
    #header_2017 .toputil .site_code ul li a {display:block; height:100%; line-height:28px;}
    #header_2017 .toputil .totalsearch {position:absolute; right:-40px; top:0; overflow:hidden;}
    #header_2017 .toputil .totalsearch .btn {display:block; border:1px solid #ddd; width:48px; height:48px; background:#fff url(/user_res/images/main/health_totalsearch.png) no-repeat center 50%; position:relative; z-index:10;}
    #header_2017 .toputil .totalsearch .btn:hover, #header_2017 .toputil .totalsearch .btn:active {border:1px solid #8e8e8e;}
    #header_2017 .toputil .totalsearch .btn.on {background:#014083 url(/user_res/images/main/health_totalsearch_close.png) no-repeat center 50%; border:1px solid #014083;}
    #header_2017 .toputil .totalsearch .input {display:none; width:230px; height:48px; padding:5px 60px 5px 10px; left:1px; background:#fff; border:1px solid #ddd; position:absolute; right:0; top:0; z-index:5; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0);}
    #header_2017 .toputil .totalsearch .input input[type="text"] {width:100%; height:40px; line-height:48px; font-size:16px; border:0; color:#555; background:none; box-sizing:border-box;}
    #header_2017 .toputil .totalsearch .input input[type="submit"] {text-indent:-9999px; overflow:hidden; width:48px; height:48px; display:block; position:absolute; right:0; top:0px; background: url(/user_res/images/main/health_totalsearch.png) no-repeat center 50%; border:0; background-size:60%;}
    #header_2017 .toputil .totalsearch .input input[type="text"]::-webkit-input-placeholder {color:#555;}
    #header_2017 .toputil .totalsearch .input input[type="text"]:-moz-placeholder {color:#555;}
    #header_2017 .toputil .totalsearch .input input[type="text"]::-moz-placeholder {color:#555;}
    #header_2017 .toputil .totalsearch .input input[type="text"]:-ms-input-placeholder {color:#555;}


    @media screen and (max-width: 1690px) {
    	#header_2017 #nav #gnb{max-width:1000px;width:100%}    	
    	 #header_2017 #nav #gnb ul li a span{font-size:20px }
    }

    @media screen and (max-width: 1325px) {
    	
    	#header_2017 #nav #gnb ul li ul li a strong{font-size:16px}
    }

     @media screen and (max-width: 1246px) {
     
   	  #header_2017 #nav #gnb ul li.num1{margin-left:80px}
  		#header_2017 #nav #gnb ul li a span{font-size:18px }
     }

     @media screen and (max-width: 1060px) {
     
     	#header_2017 #nav #gnb{max-width:800px;display: none;}
   	  	#header_2017 #nav #gnb ul li.num1{margin-left:15%}
     }

     @media screen and (max-width: 969px) {
     	#section6 { display:none;}
    
   	  #header_2017 #nav #gnb ul li.num1{margin-left:17%;width: 20%;}
   	  #header_2017 #nav #gnb ul li{width:14%}
     }
                     
	@media screen and (max-width: 770px) {
        #header_2017 #nav{display:none}  
        #section5 .study li img { }  
	}