@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
.en {font-family: 'Titillium Web', sans-serif;}

/* what we do */
.wrap-mcont { position:relative; float:left; width:100%; padding:40px 0; background:#f8f8f8 url(../images/main/m_bg_pattern1.png) no-repeat center 0; background-image:cover;}
.wrap-mcont h2 { position:relative; float:left; width:100%;  font-size:40px; line-height:40px; padding-bottom:15px; margin-bottom:20px; text-align:center; color:#333;
background:url(../images/main/u_line.png) no-repeat center bottom;  font-family: 'OpenSans-Regular';}

.event-banner {position:relative; float:left; width:31.448%; margin-left:0%;border-bottom:0px solid #f00 ;}
.event-inner { position:absolute; width:95%; height:96.5%; left:2.2%;top:1.7%;  border:1px solid #fff; opacity:0.3; z-index:5}


.cont-bk { position:relative; float:right;width:68.552%;  }
.cont-bk li {position:relative;display:inline-block; float:left; width:48.5%; margin-left:1%;  margin-bottom:1%;}
.cont-bk li .bg_w {width:100%;display:block; float:left;}
.cont-bk li a { position:absolute; width:94%; height:93%; left:3%; top:3.4%; border:1px solid #fff; opacity:0.3; z-index:5}
.cont-bk li dl {position:absolute; width:70%; height:85%; left:10%; top:12%; color:#fff;}
.cont-bk li dl dt {float:left; font-size:24px; line-height:24px; padding-bottom:15px; background:url(../images/main/u_line_w.png) no-repeat left bottom; margin-bottom:20px;}
.cont-bk li dl dd {float:left; clear:both; font-size:14px; line-height:24px;font-family: 'NanumBarunGothic';}
.cont-bk li .ico_sym {position:absolute; right:35px; bottom:30px; width:70px; height:60px;background-size:cover;  z-index:1}
.cont-bk li .ico-sm1 { background:url(../images/main/ico_w1.png) no-repeat center ;background-size:cover; }
.cont-bk li .ico-sm2 { background:url(../images/main/ico_w2.png) no-repeat center ;background-size:cover; }
.cont-bk li .ico-sm3 { background:url(../images/main/ico_w3.png) no-repeat center ;background-size:cover; }
.cont-bk li .ico-sm4 { background:url(../images/main/ico_w4.png) no-repeat center ;background-size:cover; }

/* middle */
.wrap-mcont2 { position:relative; float:left; width:100%; padding:40px 0; background:#fff url(../images/main/m_bg_pattern2.png) no-repeat center 0; background-image:cover;}

/* 컨설팅현장.교육현장 */

.m-title {float:left; font-size:20px; color:#444; margin-bottom:12px;}
.btn-more-m { position:absolute; right:0; top:0px;}
.btn-more-m a {display:block; padding-right:12px; font-size:14px; background:url(../images/main/ico_plus.png) no-repeat right ; font-family: 'lucida_grande-webfont';}
.btn-more-m2 { position:absolute; right:0; top:-40px;}
.btn-more-m2 a {display:block; padding-right:12px; font-size:14px; background:url(../images/main/ico_plus.png) no-repeat right ; font-family: 'lucida_grande-webfont';}

.pop_curri .lat-eud {position:relative; float:left; width:32.6%; margin-right:1.0%; border:1px solid #ddd; background:#fff; margin-bottom:10px}
.pop_curri .lat-eud:nth-child(3n){margin-right:0;;}
.lat-eud {position:relative; float:left; width:24%; margin-right:1.0% ; height:310px; border:1px solid #ddd; background:#fff; margin-bottom:10px}
.lat-eud img {width:100%; margin-bottom:10px;}
.lat-eud dl {position:relative; float:left; width:100%;}
.lat-eud dl a {display:block;}
.lat-eud dl dt {font-size:16px; color:#444; margin-bottom:8px;}
.lat-eud dl dd {font-size:13px; color:#666;font-family: 'NanumBarunGothic'; }
.box-inner {position:relative; float:left; width:90%; margin:15px 0 12px 5%;}
.box-inner2 {position:relative; float:left; width:95%; margin:15px 0 12px 2.5%;}
.lat-eud .lat-last {margin-right:0% !important;}
.lat-eud2 {position:relative; float:left; width:100%; height:310px; background:#fff; margin-bottom:10px}
.img_left,.youtubeimg {height:158px !important;}
.lat-eud_n .img_left{height:auto !important;}

/* 프로모션 */
.promotion {position:relative; float:right; width:48.5%;border:1px solid #ddd; background:#fff;}
.promotion ul {float:left; width:100%;}
.promotion ul li {display:inline-block; float:left; width:47.5%; margin-left:2%;}
.promotion ul li a {display:block;}
.promotion ul li img {width:100%; margin-bottom:10px;}
.promotion ul li:first-child {margin-left:0}
.promotion ul li dt {font-size:16px; color:#444; margin-bottom:8px;}
.promotion ul li dd {font-size:13px; color:#666;font-family: 'NanumBarunGothic';}


/* quick banner */
.quick-banner { position:relative; float:left; width:55%; margin-top:30px;}
.quick-banner li { position:relative; float:left; width:32%; margin-left:1.33%; }
.quick-banner li img {width:100%;}
.quick-banner li a { position:absolute; width:94%; height:94%; left:3%; top:3%; border:1px solid #fff; opacity:0.3; z-index:5}
.quick-banner li:first-child { margin-left:0; }
.quick-banner li dl {position:absolute; width:90%;  left:5%; top:20%; color:#fff; text-align:center;}
.quick-banner li dl dt {position:relative; float:left; width:100%; font-size:20px;}
.quick-banner li dl dd {position:relative;clear:both;margin:50px auto 0;  width:85px; height:70px;  }
.quick-banner li dl dd.bg_quick1 { background:url(../images/main/ico_inquire.png) no-repeat center ; background-size:cover;}
.quick-banner li dl dd.bg_quick2 { background:url(../images/main/ico_recruit.png) no-repeat center ; background-size:cover;}
.quick-banner li dl dd.bg_quick3 { background:url(../images/main/ico_loc.png) no-repeat center ; background-size:cover;}



/* 공지사항 */
.notice-wrap { position:relative; float:right; width:42%; margin-top:30px; }

/* 메인게시판 탭 */
#tab_bbs {position:relative; float:left; width: 100%; }
#tab_bbs  ul.tabs {margin:0 0 0 0px; padding: 0;float: left;list-style: none;  width:100%; height:41px; border-bottom:1px solid #555; }
#tab_bbs  ul.tabs li {position: relative;float: left; width:25%; height: 39px; line-height: 39px; text-align:center; overflow: visible;}
#tab_bbs  ul.tabs li:first-child{border-left:1px solid #ddd;}
#tab_bbs  ul.tabs li a { text-decoration: none;height:40px; display: block;font-weight:bold; background:#f8f8f8; font-size:15px;color:#777; letter-spacing:-.04em;border-top:1px solid #ddd;border-right:1px solid #ddd; }
#tab_bbs  ul.tabs li a:hover { color:#3463c2; background:#fff;}
#tab_bbs  ul.tabs li.active a  {height:41px; color:#444; font-weight:bold; background:#fff;border:1px solid #555; border-bottom:1px solid #fff; z-index:5 }
#tab_bbs .tab_container1 { clear: both;float: left; width:100%;  }
#tab_bbs .tab_content { position:relative; float:left; width:100%;margin:7px 0 0px;}
.bbs-list { position:relative; float:left;width:100%;}
.bbs-list li {position:relative;display:block; float:left; width:100%; border-top:1px dotted #777; list-style:none;}
.bbs-list li:first-child { border:0px;}
.bbs-list li a {position:relative;display:block; width:96%; margin-left:3%; font-size:14px; color:#666; line-height:40px;font-family: 'NanumBarunGothic';}
.bbs-list li a span{float:right;color:#888;font-size:13px;}
.bbs-list li a:before {content:""; position:absolute; top:17px; left:-9px; width:3px; height:3px;  background:#666; }


/* 인증서 */
.m-cert { position:relative; float:left; width:100%; margin:30px 0 0; height:140px; overflow:hidden;}
.m-cert dl {float:left; width:15%;margin-top:12px;}
.m-cert dl dt {float:left; width:100%; font-size:18px; color:#444; margin-bottom:15px; letter-spacing:-.07em;}
.m-cert dl dd {float:left; width:100%; font-size:13.5px; color:#888; line-height:20px; font-family: 'NanumBarunGothic';}
.m-cert ul {float:right; width:84%}
.m-cert ul li {display:inline-block; float:left;margin-left:22px; }



.layout{position:relative;margin:0 auto;max-width:1200px;width:100%;}
.layout:after{content:"";display:block;clear:both}


#mbanner{ position:relative; float:left; width:100%; margin:40px 0 0;padding:15px 0; border:1px soild #ddd !important;}
#mbanner .layout{padding-left:0px;}
#mbanner .layout h2{position:absolute;top:7px;left:0;font-size:17px;font-weight:600;color:#121212}
#mbanner .layout .control{position:absolute; text-indent:-9999px; overflow:hidden; }
#mbanner .layout .control button{display:inline-block;float:left;width:27px;height:28px;background:url(../images/main/mbanner_control.png) no-repeat}
#mbanner .layout .control button[data-type="prev"]{background-position:0 0;width:28px;text-indent:-9999px;}
#mbanner .layout .control button[data-type="next"]{background-position:-55px 0;text-indent:-9999px;}
#mbanner .layout .control button[data-type="play"]{background-position:-82px 0;text-indent:-9999px;}
#mbanner .layout .control button[data-type="stop"]{background-position:-28px 0;text-indent:-9999px;}
#mbanner .box{overflow:hidden;position:relative;padding:0 0px;}
#mbanner .grap{overflow:hidden;position:relative;margin-left:-28px;z-index:11;}
#mbanner .grap .obj{overflow:hidden;position:relative;width:10000px;}
#mbanner .grap .obj .item{display:inline-block;position:relative;float:left;padding:4px 25px;color:#666;font-size:15px;line-height:1.4;}
#mbanner .grap .obj .item:after{content:"";display:block;position:absolute;top:50%;right:0;margin-top:-5px;width:1px;height:10px;background-color:#c5c5c5;}

/*추가*/
.main_plus_btn {position:absolute; right:0; width:25px}
.main_call_num {font-size:24px !important; margin-top:10px;font-weight:900; color:#cd1c19 !important; }
.pdn {width:100%; padding:0 !important; margin:0 !important}
#map .wrap_controllers {display:none;}
#map {background-image:url(http://prt.map.naver.com/mashupmap/print?key=p1519267288787_-1885768995); background-position:center; background-repeat:no-repeat;}
figure.tour_con {  position: relative;  float: left;  overflow: hidden;  margin: 0;  width: 24%;  color: #ffffff;  line-height: 1.4em; margin-bottom:10px;  border:1px solid #ddd; box-sizing:border-box; height:310px}
figure.tour_con * {  -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all 0.4s ease;  transition: all 0.4s ease; }
figure.tour_con a > img {  opacity: 1;  vertical-align: top;}
figure.tour_con .con {  position: absolute;  bottom: 0%;  width: 100%; height:100%; background-color: rgba(30,91,165,0.9);  z-index: 1;  text-align: center;  padding:0px 0px;  margin: 0; 
font-weight: 500;  font-size: 14px;  -webkit-transform: translateY(200%);  transform: translateY(200%);}
figure.tour_con a .con p{color:#fff;margin-top:20%;font-size:18px;line-height:150%}
figure.tour_con a .con .txt strong{display:block;font-size:30px;margin-bottom:10px;}
figure.tour_con:hover .con {  -webkit-transform: translateY(0%);  transform: translateY(0%);}
figure.tour_con .txt {width:100%; text-align:center;}
figure.tour_con .txt img{width:auto; text-align:center; display:inline-block;}
.eag_plus_btn {width:70px !important}
.main_eag_wrap {width:100%; overflow:hidden; background:#1e5ba5; color:white; text-align:center; padding:5px 0; height:158px; margin-bottom:5px; margin-top:9px; }
.main_eag_wrap > p {font-size:16px; line-height:200%;font-weight:300; padding-top:20px; !important; font-family: 'NanumBarunGothic'; }
.main_eag_wrap > p > span:nth-child(1) {font-size:18px; font-weight:600;}
.main_eag_wrap > p > span.eag {font-size:34px; font-weight:600;}
.main_eag_wrap p .eag_txt_01 {font-size:14px;}
.eag_tb {width:100%; overflow:hidden;  font-family: 'NanumBarunGothic';}
.eag_txt { text-align:center;}
.eag_txt span {font-size:14px !important;}
.mb9 {margin-bottom:21px;}
.main_tit {width:100%; overflow:hidden; margin-bottom:15px;}
.main_tit > p {font-size:24px !important; font-weight:bold !important; color:#000; }



@media(min-width:0px){
    #mbanner .layout {padding-left:0;padding:0}
    #mbanner .layout h2{display:block;margin-bottom:10px;padding-bottom:15px;border-bottom:1px solid #ddd;position:relative;left:auto;}
    #mbanner .layout .control{right:0px; top:0px;}
    #mbanner .box{padding:0;}
    #mbanner .grap .obj .item{font-size:16px;}
}
@media(min-width:640px) {
	#mbanner {border:1px solid #ddd}
    #mbanner .layout{padding-left:171px;}
    #mbanner .layout h2{position:absolute;top:0px;left:20px;margin:0;padding:0;border:none;}
    #mbanner .layout .control{left:94px;left:20px;right:auto; top:23px;}
    #mbanner .box{padding:0 5px;}
    #mbanner .grap .obj .item{font-size:15px;}

   #mbanner{  margin:20px 0 0;}

}


@media(min-width:0px){
    .layout{width:95%}
}


@media(min-width:1024px){
    .layout{width:auto}

}

.layout{position:relative;padding:48px 0;padding-left:233px;}

@media(min-width:320px){
.layout{padding:24px 0;padding-left:0;}
}




@media only screen and (max-width:1200px) {
  .lat-eud dl dt {width:100% !important; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
  .lat-eud dl dd {height:50px; overflow:hidden; }
  
  .promotion ul li dt {height:19px; overflow:hidden; }
  .promotion ul li dd {height:40px; overflow:hidden; }
  
  /* 공지사항 */
  #tab_bbs .tab_content { margin:0px;}

  .bbs-list li a { font-size:13px; line-height:35px;}
  
  .layout{padding-left:200px;padding-right:0}
 
 
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
 
 .lat-eud, figure.tour_con { height:290px }

/* 프로모션 */
.promotion { height:290px }
 
}

@media screen and (min-width: 767px) and (max-width: 993px) {
 
/* 프로모션 */
.promotion { height:270px }
 
}

@media only screen and (max-width:1024px) {
  .wrap-mcont { padding:30px 0; }
  .wrap-mcont h2 {   font-size:30px; line-height:30px; padding-bottom:20px; margin-bottom:30px;}
  .cont-bk li dl dt {font-size:18px; line-height:20px; padding-bottom:12px;  margin-bottom:15px;}
  .cont-bk li dl dd { font-size:13px; line-height:20px;}

  .cont-bk li .ico_sym { right:25px; bottom:20px; width:50px; height:50px;}	
  .mb9 {margin-bottom:15px; margin-top:3px;}
  .m-title { font-size:17px;}
  .lat-eud dl dt {font-size:15px; }
  .lat-eud img { margin-bottom:10px;}
  .promotion ul li dt{font-size:14px; }
  .promotion ul li img { margin-bottom:10px;}
   
  .quick-banner li dl dt { font-size:16px;}
  .quick-banner li dl dd {margin:40px auto 0;  width:60px; height:48px;  }
  
  
  
  /* 공지사항 */
  #tab_bbs .tab_content { margin:0px;}

  .bbs-list li a { font-size:13px; line-height:30px;}
  
  
  .layout{padding:48px 0;padding-left:190px;padding-right:20px;}
 
 
}

@media only screen and (max-width:767px) {
.wrap-mcont h2 {   font-size:25px; line-height:25px; padding-bottom:15px; margin-bottom:20px;}
.wrap-mcont2 {  padding:20px 0; }
  .cont-bk li dl {width:85%;}
  .cont-bk li dl dt {font-size:17px; }
  .cont-bk li dl dd {display:none}
  
  /* 컨설팅현장.교육현장 */
.pop_curri .lat-eud, .lat-eud, figure.tour_con {position:relative; float:left; width:47%;margin-left:1.5%; height:310px; margin-right:1.5% ; border:1px solid #ddd; background:#fff;}
.pop_curri .lat-eud:nth-child(3n){margin-right:1.5%;}
.box-inner { width:92%; margin:15px 0 15px 4%;}
.box-inner2 { width:95%; margin:15px 0 15px 2.5%;}
.lat-eud {height:auto !important;}
.h200 {height:300px !important;}
/* 프로모션 */
.promotion {height:auto;}
.promotion {p clear:both; margin-top:15px; width:97%;margin-left:1.5%; margin-right:1.5% ;}
.promotion ul {float:left; width:100%;}
.promotion ul li {display:inline-block; float:left; width:49%; margin-left:2%;}
.promotion ul li:first-child {margin-left:0}

/* quick banner */
.quick-banner { width:97%;float:none; clear:both; margin:0px auto 0;padding-top:20px; }
.quick-banner li {  width:32.5%; margin-left:1.2%;  }
.quick-banner li:first-child {margin-left:0}
.quick-banner li dl dt { font-size:18px;}
.quick-banner li dl dd {margin:40px auto 0;  width:65px; height:55px;  }

/* 공지사항 */
.notice-wrap {  width:97%;float:none; clear:both; margin:0px auto 20px; padding-top:15px; }
.bbs-list li a { font-size:14px;  line-height:40px;}
.bbs-list li a:before { top:18px;  }

.btn-more-m2 { top:-30px;}

/* 인증서 */
.m-cert dl { width:32%;margin-top:12px;}
.m-cert ul {width:68%;}
.m-cert ul li {margin-left:8px; } 	
 
.main_tit{width:97% !important; margin:0 auto; margin-bottom:15px;}
.flex_div {width:100%; display: -webkit-flex; display: flex;}
.flex_div .lat-eud { -webkit-flex: 1;  -ms-flex: 1;   flex: 1;}
.flex_div .lat-eud img {height: auto !important;}

  .lat-eud dl dd {height:15px !important; }
  .main_box_tit {height:20px !important; }

}

@media only screen and (max-width:460px) {
	 
  .lat-eud,  { height:240px }
figure.tour_con, .h200 {height:220px;}

  /*.event-banner {position:relative; float:left; width:98%; margin-left:1%; margin-right:1%;  margin-bottom:0px; margin-top:10px; height:450px ;overflow:hidden;}*/
  .event-banner {display:none;}
  .cont-bk { width:100%;clear:both;  }
  .cont-bk li dl dt {font-size:15px; }
  .cont-bk li dl dd { display:block; font-size:12px; border-bottom:1px soild #f00; line-height:18px;height:55px; overflow:hidden;}
  .cont-bk li .ico_sym { display:none}
  
  .quick-banner li dl dt { font-size:16px;}
  .quick-banner li dl dd {margin:35px auto 0;  width:48px; height:40px;  }
  
  /* 인증서 */
  .m-cert {height:240px}
  .m-cert dl { width:100%;margin-bottom:12px;}
  .m-cert ul {width:100%;}
  .m-cert ul li {margin-left:5px; margin-bottom:60px; width: 23%} 	

.main_tit {margin-bottom:10px !important;}

 
}

@media only screen and (max-width:320px){
  .m-cert ul li {width: 31%;}
}

/* 배너추가 0627 */
#banner-wrap { position:relative; float:left; width:100%; margin:25px 0 10px}
#banner-wrap li {display:inline-block; position:relative; float:left; width:24%; height:120px; margin-left:1%; margin-bottom:15px; border:1px solid #ddd;}
#banner-wrap li a {display:block; float:left; width:100%; height:100%;}
#banner-wrap .bg_bann1 { background:url(/images/main/bg_banner1.png) no-repeat center; background-size:cover; }
#banner-wrap .bg_bann2 { background:url(/images/main/bg_banner2.png) no-repeat center; background-size:cover;}
#banner-wrap .bg_bann3 { background:url(/images/main/bg_banner3.png) no-repeat center; background-size:cover; }
#banner-wrap .bg_bann4 { background:#e1e6f1;}
#banner-wrap .bg_bann5 { background:url(/images/main/bg_banner4.png) no-repeat center; background-size:cover;}
#banner-wrap .bg_bann6 { background:url(/images/main/bg_banner5.png) no-repeat center; background-size:cover;}
#banner-wrap .bg_bann7 { background:url(/images/main/bg_banner6.png) no-repeat center; background-size:cover;}
#banner-wrap .bg_bann8 { background:#f9eeee;}
#banner-wrap .bann_color1 { color:#876c4b !important;}
#banner-wrap .bann_color2 { color:#176ba1 !important;}
#banner-wrap .bann_color3 { color:#ca4e1d !important;}
#banner-wrap .bann_color4 { color:#1d51ae !important;}
#banner-wrap .bann_color5 { color:#c45d67 !important;}
#banner-wrap .bann_color6 { color:#1e856e !important;}
#banner-wrap .bann_color7 { color:#5347b0 !important;}
#banner-wrap .bann_color8 { color:#3c3037 !important; margin-top:5px;}
#banner-wrap li .img1 {display:none;}
#banner-wrap li .img2 {float:left; width:23%; margin:30px 0 0 10%;}
#banner-wrap li .img2 img {width:100%}
#banner-wrap h2 {float:left; margin:30px 0 0 30px; font-size:21px; line-height:26px;}
#banner-wrap dl {float:right; width:55%; margin:28px 5% 0 0}
#banner-wrap dl dt { font-size:21px; line-height:21px; margin-bottom:5px; }
#banner-wrap dl dd { font-size:14px; line-height:18px; color:#777;}


/*.main_eag_wrap {background:#1e5ba5; color:white; text-align:center; padding:5px 0; height:150px; margin-bottom:5px;}
.main_eag_wrap > p {font-size:16px; line-height:200%;font-weight:300; padding-top:20px; !important; font-family: 'NanumBarunGothic'; }
.main_eag_wrap > p > span:nth-child(1) {font-size:18px; font-weight:600;}
.main_eag_wrap > p > span.eag {font-size:34px; font-weight:600;}
.main_eag_wrap p .eag_txt_01 {font-size:14px;}
.eag_tb {width:100%; overflow:hidden;  font-family: 'NanumBarunGothic';}
.eag_txt { text-align:center;}
.eag_txt span {font-size:14px !important;}*/

@media only screen and (max-width:1024px) {
#banner-wrap h2 { margin:30px 0 0 18px; font-size:19px; line-height:24px;}
#banner-wrap dl dd br {display:none;}
}

@media only screen and (max-width:970px) {
#banner-wrap { margin:20px 0 5px}
#banner-wrap li .img1 {display:block; float:left; width:100%;margin:10px 0 0; }
#banner-wrap li .img1 img {height:50px;}
#banner-wrap li .img2 {float:left; width:100%; margin:10px 0 0;}
#banner-wrap li .img2 img {height:50px; width:auto;}
#banner-wrap li {height:100px;  margin-bottom:10px; background:#ededed; text-align:center;}
#banner-wrap h2 {float:left; width:100%; margin:5px  0 0; font-size:16px; line-height:20px; color:#555 !important;}
#banner-wrap h2 br {display:none;}
#banner-wrap dl {float:left; width:100%; margin:5px 0 0}
#banner-wrap dl dt { font-size:16px; line-height:20px; margin-bottom:0px; color:#555 !important;}
#banner-wrap dl dd { display:none;}

#banner-wrap .bg_bann1 { background:#ededed; }
#banner-wrap .bg_bann2 { background:#ededed;}
#banner-wrap .bg_bann3 { background:#ededed; }
#banner-wrap .bg_bann5 { background:#ededed;}
#banner-wrap .bg_bann6 { background:#ededed;}
#banner-wrap .bg_bann7 { background:#ededed;}

#banner-wrap .bann_color1 { color:#444 !important;}
#banner-wrap .bann_color2 { color:#444 !important;}
#banner-wrap .bann_color3 { color:#444 !important;}
#banner-wrap .bann_color4 { color:#444 !important;}
#banner-wrap .bann_color5 { color:#444 !important;}
#banner-wrap .bann_color6 { color:#444 !important;}
#banner-wrap .bann_color7 { color:#444 !important;}
#banner-wrap .bann_color8 { color:#444 !important;}

}


@media only screen and (max-width:767px) {
#banner-wrap li {height:90px; margin-bottom:5px;letter-spacing:-.10em;}
#banner-wrap li .img1 img {height:40px;}
#banner-wrap li .img2 img {height:40px; }
#banner-wrap h2 { font-size:14px; margin-bottom:5px;}
#banner-wrap dl dt { font-size:14px;}

}

@media only screen and (max-width:570px) {
#banner-wrap li {height:80px;width:49%; }
#banner-wrap li .img1 img {height:35px;}
#banner-wrap li .img2 img {height:35px; }
#banner-wrap h2 { font-size:14px; margin-bottom:0px;}
#banner-wrap dl dt { font-size:25px;}

.bann-hidden { display:none !important;}
.mdn {display:none !important}
figure.tour_con, .h200 {height:220px !important;}
.youtubeimg {height:152px;}

figure.tour_con a .con p{margin-top:15%}
figure.tour_con a .con .txt strong{margin-bottom:10px;}
.eag_plus_btn {width:40px !important}
}


.fix-footer { display:none; }
@media only screen and (max-width:570px) {
.fix-footer { display:block; position:fixed;left:0; bottom: 0;  background:#222; width:100%; padding:10px 0;  z-index:333}
.fix-footer ul {float:left; width:100%;}
.fix-footer ul li {display:inline-block; float:left; width:50%; padding:0 20px;}
.fix-footer ul li a {display:block; float:left; width:100%;color:#fff; font-size:15px; line-height:35px; }
.fix-footer ul li a img {width:35px; margin-right:6px; vertical-align:middle;}
.fix-footer p {float:left; width:100%; text-align:center; margin:10px 0 0;padding-top:10px; border-top:1px dotted #333;  color:#fff; font-size:13px;}
#footer_group {padding-bottom:95px !important;}
}

@media only screen and (max-width:340px) {
.fix-footer ul li {padding:0 10px !important;}
}

.main_box_tit a {width:100% !important; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.lat-eud_n dl dt {height:auto;}
.lat-eud_n {height:auto;}
.lat-eud_n dl dd {height:auto;}




.main_b_list > div:first-child {float:left; width:76%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; margin-right:4%;}
.main_b_list > div:first-child a{width:100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.main_b_list > div:last-child {float:right; width:20%;  text-align:right; font-size: 14px; color: #666; line-height: 40px; font-family: 'NanumBarunGothic'; }

@media only screen and (max-width: 1024px) {
.main_b_list > div:last-child {font-size: 13px; line-height:30px;}
}

@media only screen and (max-width: 767px){
.main_b_list > div:last-child {font-size: 14px; line-height:40px;}
}

@media only screen and (max-width: 400px){
.main_b_list > div {font-size: 13px; line-height:30px;}
}