/*폰트*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*초기화*/
html, body{height:100%;width:100%;margin:0;padding:0;}
h1,p,ul{margin:0;padding:0}
li{list-style:none}
a{color:#333 !important;text-decoration:none !important}
.left{float:left}
.right{float:right}
.clear{clear:both}
p {margin:0;padding:0;word-break:break-all}
b{font-weight:bold}
.img-responsive{max-width:100%;display:block;height:auto}
.padding-0{padding:0}
.margin-bottom-20{margin-bottom:20px}
.margin-bottom-60{margin-bottom:60px}
.margin-top-20{margin-top:20px}
.margin-top-40{margin-top:40px}
.margin-top-60{margin-top:60px}
.container{width:1280px;margin:auto}
.m-auto{margin:auto}

#hd_pops_24 {z-index: 3;}
#hd_pops_35 {z-index: 2;}
#hd_pops_36 {z-index: 1;}

/*header */

header{padding-top:45px}
header h1{text-align:center;margin:0}
header .login{position:absolute;right:200px;top:60px;margin:0}
header .login li{float:left;margin-right:20px;}
header .menu_wrap{z-index:9999;width:100%}
header .menu_section{border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;margin-top:40px}
header .menu{position:relative;margin:20px 0;overflow:hidden;width:100%}
header .menu li{float:left;text-align:center;width:16.666%}
header .menu li a{font-size:14px}
header .menu .fa{position:absolute;cursor:pointer;font-size:20px;color:#57585a;line-height:24px}
header .menu .fa-home{left:0}
header .menu .fa-bars{right:0}
header .menu_section2{position:absolute;z-index:999;background:#fff;display:none;width:100%;overflow:hidden;border-bottom:2px solid #00b4a5}
header .menu_section2 .level2{float:left;width:16.666%;text-align:center;padding:30px 0;border-right:1px solid #e5e5e5}
header .menu_section2 .level2:nth-child(6){border:none}
header .menu_section2 .level2 li{margin:7px 0}
header .menu_section2 .level2 li a{font-size:14px}

.quick{position:fixed;right:0;top:199px;z-index:9999;height:78px}
.quick li{display:block;font-family: 'Noto Sans KR', sans-serif;height:78px}
.quick li img{padding:5px 0}
.quick li:nth-child(1){background:#019589;line-height:1.2;padding:4px 15px;}
.quick li:nth-child(1) a{color:#fff !important;font-size:1.4em}
.quick li:nth-child(2), .quick li:nth-child(4), .quick li:nth-child(5), .quick li:nth-child(6){padding:10px 0;text-align:center;background:#eee;}
.quick li:nth-child(3){padding:10px 0;text-align:center;background:#fbe201;}
.quick li:nth-child(7){padding:5px 0;text-align:center;background:#019589;}
.quick li:nth-child(7) a{color:#fff !important}
.quick li:nth-child(8){background:url('/img/quick06.png');height:139px;text-align:center}
.quick li:nth-child(8) a{color:#fff !important;margin-top:20px;display:inline-block}

.tit{margin:60px 0;text-align:center}
.tit .eng{font-family: 'Nanum Myeongjo', serif;font-size:2em;letter-spacing:-1px;padding:20px 0;border-bottom:1px solid #eee;border-top:1px solid #e5e5e5;display:inline-block}

.section02{margin-top:60px;display:inline-block;font-family: 'Noto Sans KR', sans-serif;}
.slider2 .history{text-align:center;padding:40px}
.slider2 .eng{font-family: 'Nanum Myeongjo', serif;font-size:2em;letter-spacing:-1px;padding:20px 0;border-bottom:1px solid #eee;border-top:1px solid #e5e5e5;display:inline-block}
.slider2 .view{border:1px solid #e5e5e5;padding:10px;margin:20px 0;display:inline-block}
.slider2 .view:hover{background:#01b3a5;color:#fff !important;transition: all ease 0.3s}
.section02 .bx-wrapper .bx-pager{right:265px;width:auto;bottom:30px}

.section03{font-family: 'Noto Sans KR', sans-serif;width:100%;background:#f3f4f8;height:180px;margin:60px 0;letter-spacing:-1px}
.section03 span{font-size:1.5em}

.section04{font-family: 'Noto Sans KR', sans-serif;}
.section04 h3{margin-bottom:40px}
.section04 li{margin:15px 0}
.section04 .date{color:#009489;}
.section04 .wait{background:#d2d2d2;padding:5px;color:#fff;margin-right:10px}
.section04 .finish{background:#009489;padding:5px;color:#fff;margin-right:10px}
.section04 .time{font-size:1.5em}

.section05{margin:60px 0;display:inline-block;}

.footer{background:#343434;padding:60px 0}
.footer p{color:#aeaeae}
.footer img{margin:30px 0}
.m_menu{display:none}
.m_img{display:none !important}
/*m_menu */
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.filterinput{
	background-color:rgba(249, 244, 244, 0);
	border-radius:15px;
	width:90%;
	height:30px;
	border:thin solid #FFF;
	text-indent:0.5em;
	font-weight:bold;
	color:#FFF;
}
#demo-list a{
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
	color:#fff !important
}

.swiper-container {
	width: 100%;
    height: 180px;
}
.swiper-slide {
    font-size: 18px; 
	  /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
#hd_pops_28, #hd_pops_26,{display:none;} 


@media (max-width: 1200px){
#hd_pops_28, #hd_pops_26,{display:none;} 

}

@media (max-width: 992px){
	.section02{width:100%}
	header .menu_section2 .level2{font-size:11px}
	.section02 .bx-wrapper .bx-pager{right: 50%;margin-right: -20px;}
	#hd_pops_28, #hd_pops_26,{display:none;} 
}
@media (max-width: 768px){
	.m_img{display:block !important}
	.pc_img{display:none !important}
	.m_bars{position:absolute;left:8%;top:3.5%;font-size:25px;color:#666}
	.m_phone{position:absolute;right:8%;top:3.5%;font-size:25px;color:#666}
	header{padding:20px 0}
	header h1 img{width:40%}
	.container{width:100%}
	.main .bx-wrapper .bx-pager{bottom:10px}
	.section02{width:100%}
	.section02 .bx-wrapper .bx-pager{bottom:35px;}
	.section03 .swiper-container{width:85%;}
	.section03 p{padding-right:15px}
	.section03 span{font-size:1em}
	.section05{margin:40px 0}	
	.tit{margin:30px 0}
	.tit .eng{font-size:1.5em}
	.footer{padding:10px 0}
	.footer p{text-align:center}
	.footer .footer_logo{position:relative;left:50%;margin-left:-100px}
	#hd_pop{width:100% !important;}
   .hd_pops{width:100% !important;left: 0 !important;top:70px !important}
   .hd_pops img {width:100% !important;}
   .hd_pops_con {width:100% !important;height:auto !important;}
  
   #hd_pops_28, #hd_pops_26,{left: 0 !important;top:0 !important; display:block;} 
    #hd_pops_29, #hd_pops_30{display:none !important} 

}