@charset "utf-8";


/* layout */
html, body {  word-break:keep-all !important;}
body { color:#686868; letter-spacing:-.05em; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; overflow-x:clip;}
#wrap { position:relative; width:100%; min-width:320px; font-size:1.6rem;}
.inner {    width:1400px;   position:relative;  margin-left:auto;   margin-right:auto;}
.s-inner {  width:1430px;   position:relative;  margin-left:auto;   margin-right:auto;}


/* 타블렛 가로 */
@media all and (max-width:1399px) { 
.inner {width:94%;}
.s-inner {width:94%;}
}
@media all and (max-width:1199px) { 
}


/* header */
#header{position: relative; z-index: 100; top: 0; left: 0; width: 100%; height: 90px; background-color: #fff; transition: .2s ease-in-out; 
    border-bottom: 0px solid rgba(0,0,0,0.1);}
#header.on{background-color: #fff; border-bottom: 1px solid rgba(0,0,0,0.1);}
#header .inner{height: 100%; width: 1920px; display: flex; align-items: center; justify-content: space-between; max-width: 100%;}
#header .inner #logo{position: absolute; margin-left:50px;}
#header .inner #logo a{width: 240px; height:63px;  background: url(/html/images/logo.png) no-repeat center center / 100%; display: block;}




#header #gnb_pc{width: 100%;}
#header #gnb_pc > ul{display: flex; justify-content: center; }
#header #gnb_pc > ul > li{position: relative;}
#header #gnb_pc > ul > li > div{}
#header #gnb_pc > ul > li > div > span{}
#header #gnb_pc > ul > li > div > span > a{display: block; padding: 0 50px; line-height: 90px; color: #212121; 
font-size: 2.1rem; transition: .2s ease-in-out; text-align: center; font-weight: 600;}
#header.on #gnb_pc > ul > li > div > span > a{color: #212121}
#header #gnb_pc > ul > li:hover > div > span > a{color: #09479e}
#header #gnb_pc > ul > li > ul{display: none; position: absolute; left: 50%; transform: translateX(-50%); width: 240px;
text-align: center; background-color: rgba(9,71,158,0.9); padding: 20px 0;
border-radius:25px;}
#header #gnb_pc > ul > li > ul > li{transform: skew(0.1deg)}
#header #gnb_pc > ul > li > ul > li > a{display: block; padding: 10px 0;  color: rgba(255,255,255,0.9); font-size: 1.5rem; font-weight: 500; word-break: keep-all;}
#header #gnb_pc > ul > li > ul > li:hover > a{text-decoration: underline; text-underline-position: under; color: #fff; font-weight: bold;}

@media all and (max-width:1280px){
    #header .inner #logo a{width: 168px;}
}

#Loginmenu{position:absolute; right:90px; top:35px;  height:18px; cursor:pointer; z-index:101;}
#Loginmenu ul{width:100%; }
#Loginmenu ul li{display:inline-block;}
#Loginmenu ul li a{color:#000;}

#menuToggle { position:absolute; right:40px; top:35px; width:24px; height:18px; cursor:pointer; z-index:101; }
#menuToggle.on{position: fixed; display: block; z-index: 1002}
#menuToggle span {display:block; position:absolute; right:0; height:2px; background:#212121; transition:0.5s all; -webkit-transition:0.5s all;}
.on #menuToggle span {background-color: #212121;}
#menuToggle span.t {top:0; width:100%}
#menuToggle span.m {top:50%; margin-top:-1px; width:100%}
#menuToggle span.b {bottom:0; width:100%;}

#menuToggle.on span.t{width: 100%; background-color:#212121; transform: translateY(10px) rotate(45deg);}
#menuToggle.on span.m{width: 0;}
#menuToggle.on span.b{width: 100%; background-color:#212121; transform: translateY(-6px) rotate(-45deg);}

@media all and (max-width:1800px){
    #header .inner #logo{margin-left: 3%;}
}
@media all and (max-width:1600px){
}
@media all and (max-width:1280px){
    #header{height: 70px;}
    #header .inner{width: 100%;}
    #header .inner #logo{margin-left: 3%;}
    #header .inner #logo a img{max-width: 170px;}
    #header #gnb_pc{display: none;}
    #header #menuToggle{right: 3%; top:28px;}
}
@media all and (max-width:1024px){
}
@media all and (max-width:768px){
/*  #header .inner #logo{margin-left: 0; position: absolute; left: 50%; transform: translateX(-50%);}*/
}
@media all and (max-width:480px){
    
}



.menu_bg{width: 100%; height: 100%; background-color: rgba(0,0,0,0.8);position: fixed; left: 0; top: 0; visibility: hidden; opacity: 0; z-index: 999; transition: .4s ease;}
.menu_bg.on{visibility: visible; opacity: 1;}

@media all and (min-width:1025px){
    #header #gnb_mo{display: none; background-color: #fff; width: 100%; position: fixed; top: 0; left: 0; z-index: 1001; padding: 70px 0;}
    #header #gnb_mo.on{display: block;}
    #header #gnb_mo > ul{max-width: 1600px; margin: 0 auto; display: flex;}
    #header #gnb_mo > ul > li{width: 25%; border-right: 1px solid #eee; padding: 0 30px;}
    #header #gnb_mo > ul > li:last-child{border-right: 0px;}
    #header #gnb_mo > ul > li > div{font-size: 2rem; font-weight: 500; text-align: center;}
    #header #gnb_mo > ul > li > div > span{}
    #header #gnb_mo > ul > li > div > span > a{ color: #212121;}
    #header #gnb_mo > ul > li:hover > div > span > a{color: #0f3a5a;}
    #header #gnb_mo > ul > li > ul{text-align: center; margin-top: 15px; display: block !important}
    #header #gnb_mo > ul > li > ul > li{}
    #header #gnb_mo > ul > li > ul > li > a{ font-size: 1.7rem; color: #666; font-weight: 300; display: block; padding: 5px 0;}
    #header #gnb_mo > ul > li > ul > li:hover > a{text-decoration: underline; text-underline-position: under;}
#Loginmenu_mo{display:none;}

}


@media all and (max-width:1024px){
    #header #gnb_mo { position:fixed; height:100%; z-index:1001; right:0;  top:0; padding:60px 0px 2%; background:#fff; transition: .2s ease;
                    color:#FFF; width:100%; max-width:320px; box-sizing:border-box;
                    -webkit-transform: translateX(100%) rotate(0); -moz-transform: translateX(100%) rotate(0); -ms-transform: translateX(100%) rotate(0); -o-transform: translateX(100%) rotate(0);
                   transform: translateX(100%) rotate(0);
    }

    #header #gnb_mo.on{ -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); 
	-ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0);  transform: translateX(0) rotate(0); }

    #header #gnb_mo .gnb_dp1 div { color:#000 !important; font-weight:700;  padding:1.6rem 1.6rem; 
	cursor:pointer; background:url('/html/images/arrow_mo.jpg')right;  border-bottom: 1px solid rgba(0,0,0,0.075); font-size: 1.8rem;  }
    #header #gnb_mo .gnb_dp1 > div > span a { color:#212121; }
    #header #gnb_mo .gnb_dp1 > div.on > span a { color:#002d65; }

    #header #gnb_mo .smenu {display:none;  background-color: #fff; background-color: rgba(9,71,158,0.9);}
    #header #gnb_mo .smenu > li{border-bottom: 1px solid rgba(255,255,255,0.1);}
    #header #gnb_mo .smenu > li:last-child{border-bottom: 0;}
    #header #gnb_mo .smenu>li br{display:none;}
    #header #gnb_mo .smenu>li>a,
    #header #gnb_mo .smenu>li>span {display:block; padding:1rem 1rem 1rem 3rem; color:#fff; font-size: 1.5rem; }
    #header #gnb_mo .smenu>li>a:hover,
 #header #gnb_mo .smenu>li>span:hover{ color:#07c2f8;}
#Loginmenu{display:none;}
#Loginmenu_mo{display:block;}
#Loginmenu_mo ul{width:95%; margin:0 auto;}
#Loginmenu_mo ul li{display:inline-block; float:left;   width:48%; margin:1%;  border:1px solid #efefef; text-align:Center;  }
#Loginmenu_mo ul li a{color:#fff;display:block; background:#0066cc; padding:10px 0px;  border:2px solid #0066cc;}
#Loginmenu_mo ul li a:hover{color:#005ebc; font-weight:700; display:block; background:#f1f2f4; border:2px solid #0066cc;}

}


/* footer */
#footer {width:100%; clear:both; position:relative; margin:0 auto;  padding: 20px;  }
#footer .inner{ position:relative;  text-align:Center; padding:25px 0px; width:94%; border-radius:25px; background:#28292d; }
#footer .inner a{color:rgba(250,250,250,0.6);font-size:15px; }
#footer .inner a:hover{color:#fff;}
#footer .inner span{font-size:11px; padding:0px 15px;}
#footer .copy{width:100%; padding:25px 0px; text-align:Center; font-size:15px; line-height:27px;}
#footer .copy span{ padding:0px 15px;}
#footer .copyinfo{display:inline-block;font-size:17px;  padding:10px 30px; border-radius:20px; background:rgba(0,0,0,0.1); color:#000; }

 .exhonme{ position:absolute; right:0px; top:0px; border: 0px solid red; border-top-right-radius:25px; border-bottom-right-radius:25px;
 background:#0066ff; color:#fff; padding:23px 20px;font-weight:600;
 }
 .exhonme a{ color:#fff;  }

@media all and (max-width:1024px){
#footer .copy span{ padding:0px;}
}


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

#footer .inner a{font-size:14px;}
#footer .inner span{font-size:11px; padding:0px 5px;}
}


@media all and (max-width:768px){
    #footer{padding: 40px 0 55px;}
    #footer .inner .f_logo{text-align: center; margin-bottom: 15px;}
    #footer .inner .flex{flex-direction: column;}
    #footer .inner .flex .f_menu{order: -1; display: flex; justify-content: center;}
    #footer .inner .flex .f_menu li{margin: 0 10px;}
    #footer .inner .flex .info{text-align: center; margin-top: 15px;}
    #footer .inner .flex .info span{font-size: 1.5rem;}

#footer .copyinfo{width:80%; margin:0 auto; display:inline-block; font-size:14px;  padding:5px; border-radius:20px; background:rgba(0,0,0,0.1); color:#000; }
#footer .copy{font-size:14px; line-height:25px; }




 .exhonme1{width:80%;margin:0 auto; position:relative;  border: 0px solid red;  padding:5px; border-radius:20px;
 background:#0066ff; color:#fff;font-weight:600;
 }
 .exhonme1 a{ color:#fff;  }

}


/***메인CSS**/



/* 메인이미지 */
#visual { width:100%; overflow:hidden; position:relative; border-radius:35px; padding:0px 35px;  height:720px; background:#fff ; }
/* Visual Fade Effect */
.visual_left{ background:url('/html/images/yega_topleftbg.jpg')center;background-size:100%;position:relative; float:left; width:20%;   height:720px; }
.leftcontact {width:80%; bottom:0; position:absolute; left:10%; padding-bottom:10%;}

.lefttt01{color:#fff; font-size:18px; font-family: 'Montserrat', sans-serif; font-weight:600; margin-bottom:25px;}
.lefttt02{color:#fff; font-size:14px; font-family: 'Montserrat', sans-serif; font-weight:600; line-height:22px;}
.lefttt02 span{padding-left:15px; padding-right:15px; }
.pl4{padding-left:3px;}

.visual_wrap { position:relative; width:100%; height:100%; margin:0 auto;  overflow:hidden;   float:right;   border-radius:35px;}

.visual_box { position:absolute; width:100%; margin:0 auto;  border-radius:35px;}
.visual_box div {position:absolute; top:0;  left:0; border:0px solid red; height:890px; width:100%;    border:0px solid red; }
.visual_box div  img{width:100%;}
.v_ul { position:absolute;  bottom:300px; right:50%; margin-right:-74px;    z-index:999; }
.v_ul li { float:left;  z-index:1;  cursor:pointer; margin-right:6px; }
.v_btn01 {  position:absolute;  border-radius:50px; top:330px;  left:20px; background:rgba(0,102,204,0.5); width:65px; height:65px; cursor:pointer; color:#fff ! important; font-weight:600;  font-size:14px;line-height:40px; opacity:0.9; text-transform:uppercase;z-index:999; }
.v_btn02 {  position:absolute;  border-radius:50px; z-index:1; background:rgba(0,102,204,0.5); top:330px;  right:20px; width:65px; height:65px; cursor:pointer; color:#fff ! important; font-weight:600;  font-size:14px;line-height:40px; opacity:0.9; text-transform:uppercase;z-index:999;  }

/* 메인 슬라이드 버튼*/
.btnArrowBox { position:absolute; z-index:999; left:50px; }

.visual_p { /*position:absolute;*/  left:0;}

#visual .visual_p { /*position:absolute;*/  left:0;}
#visual .visual_p img{width:100%;}
#visual .vs_txt {position:absolute;  border:0px solid red; width:85%; text-align:left;
left:8%; bottom:10%; margin-left:0px; z-index:50; background:url(../images/main/bg_vtxt.png) no-repeat center top;}
#visual .vs_txt .m-txt {font-size:55px; font-weight:700; color:#fff;}
#visual .vs_txt .m-txt span{font-weight:100;}
#visual .vs_txt .m-txt1 {font-size:55px; font-weight:700; color:#fff;}
#visual .vs_txt .m-txtline{height:1px; width:100%; background:#fff; margin:25px 0px;}
#visual .vs_txt .m-txt2 {font-size:25px; font-weight:700; color:#fff;}
#visual .vs_txt .m-txt2 span{float:right; font-size:17px; display:inline-block; color:#fff; border-radius:25px; border:1px solid #fff; padding :10px; }
.mainbg01{background:url('/html/images/main02.jpg')top; background-size:cover;}
.mainbg02{background:url('/html/images/main01.jpg'); background-size:cover;}
.mainbg03{background:url('/html/images/main03.jpg'); background-size:cover;}



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

#visual{height:350px; padding:0px 10px;}
#visual .vs_txt{width:100%; text-align:center;left:0%;bottom:20%;  }
#visual .vs_txt .m-txt{font-size:25px;}
#visual .vs_txt .m-txt1{font-size:30px;}
#visual .vs_txt .m-txt2{display:none;}
#visual .vs_txt .m-txtline{display:none;}
.v_btn01{width:35px; height:35px; top:260px; }
.v_btn01 img{width:35px; }
.v_btn02{width:35px; height:35px; top:260px;}
.v_btn02 img{width:35px;} 

.mainbg01{background:url('/html/images/main02.jpg')top; background-size:240%;}
.mainbg02{background:url('/html/images/main01.jpg')top center;  background-size:240%;}
.mainbg03{background:url('/html/images/main03.jpg')top right;  background-size:240%;}
}


.maintt{font-size:18px; font-weight:800; color:#0066cc;}
.maintt1{font-size:40px; font-weight:700; color:#000; line-height:50px;}
.maintt2{font-size:30px; font-weight:700; color:#000; line-height:50px;}
.maintt3{font-size:17px; font-weight:700; color:#666666; line-height:25px;}

.aboutinfo{width:1000px; margin:0 auto; padding:65px 0px; text-align:center; overflow:hidden;}

.about{width:100%; height:410px; }
.about>ul{width:100%;}
.about>ul>li{ display:inline-block; float:left; width:30.5%; margin:1.2%; border:0px solid red; border-radius:35px; overflow:hidden;}
.about>ul>li.first{ background:url('/kr/images/common/quick_bg.png'); background-size:cover;  height:410px; 
 box-sizing:border-box; border-radius:35px;}
.about>ul>li.second{ background:url('/kr/images/common/quick_bg01.png'); background-size:cover;  height:410px;  text-align:left; border-radius:35px;}

.actionImg10 { background-color: #fff;  overflow: hidden;    position: relative;}
.actionImg10 .lm_img img {  filter: grayscale(0%); height: 410px;  transition: all 0.8s ease 0s; width: 100%;}
.actionImg10 .lm_txt {    position: absolute; right:0;   top:15%; width:63%; float:right;  text-align:center; color:#fff}
.actionImg10 .lm_txt h2 { font-size:17px; font-weight:600; line-height:30px; margin-top:10px; margin-bottom:10px;}
.actionImg10 .lm_txt p { font-size:18px; line-height:15px;}

.actionImg10 .lm_txt1 {    position: absolute; left:0;   top:15%; width:63%;  text-align:center; color:#fff}
.actionImg10 .lm_txt1 h2 { font-size:17px; font-weight:600; line-height:30px; margin-top:10px; margin-bottom:10px;}
.actionImg10 .lm_txt1 p { font-size:18px; line-height:15px;}

.actionImg10 .lm_txt .more { width:170px; text-align:center; margin:20px auto 0;
background:url(/img/main/s_bt_bg.png) repeat; border:1px solid #fff; font-size:15px; padding:7px 0; }
.actionImg10 a:hover .lm_txt .more { cursor:pointer; }
.actionImg10:hover::after {transform: scaleX(1.2); }
.actionImg10:hover .lm_img img { filter: grayscale(0%); transform: scale(1.1); }


.about1{width:100%;}
.about1>ul{width:100%;}
.about1>ul>li{
font-weight:700; font-size:20px; color:#000;
display:inline-block; float:left; width:30.5%; margin:1.2%; border:0px solid red; border-radius:35px; overflow:hidden;}
.about1>ul>li a{color:#000;}

@media all and (max-width: 999px){
.aboutinfo{width:100%; margin:0 auto; padding:65px 0px; text-align:center; overflow:hidden;}
.maintt{font-size:16px; font-weight:800; color:#0066cc;}
.maintt1{font-size:30px; font-weight:700; color:#000; line-height:50px;}
.maintt2{font-size:25px; font-weight:700; color:#000; line-height:50px;}
.maintt3{font-size:14px; font-weight:700; color:#666666; line-height:25px;}
.about{display:none;}
}

@media all and (max-width:680px){
.about1>ul>li{font-size:16px;}

}



.maingallery{width:1300px; margin:0 auto; padding:65px 0px; text-align:center; overflow:hidden;}


.noticearea { position:relative; width:94%; padding:115px 0px; box-sizing:border-box;overflow:hidden;   border:0px solid red;    background-size:cover;  margin:0% 3%;  box-sizing:border-box; border-radius:35px;
 background:url('/html/images/noticebg.jpg');	}

.noticediv{width:1300px; margin:0 auto;  border:0px solid red; position: relative;}
.noticett{font-size:19px; font-weight:800; color:#fff; line-height:25px;}
.noticett1{font-size:29px; font-weight:700; color:#fff; line-height:45px;}
.noticett2{font-size:35px; font-weight:200; color:#fff;}


@media all and (max-width: 1199px){
.maingallery{width:100%;}
.noticediv{width:100%; text-align:center;}

}


@media all and (max-width: 980px){
.noticearea{padding:35px 10px; }
.noticett{font-size:17px; font-weight:800; color:#fff; line-height:25px;}
.noticett1{font-size:20px; font-weight:700; color:#fff; line-height:40px;}
.noticett2{font-size:25px; font-weight:200; color:#fff;}


}


#m_board {
	float: left;
	position: relative;
	width: 100%;
	margin-right: 0;
	position: relative;
	padding-top:25px;
	margin: 0 auto;
	border:0px solid red;
}

#m_board .tabs { width:40%;
	height: 55px; text-align:center;  bordeR:0px solid red; margin:0 auto;
}
#m_board .tabs li {
	float: left;
	font-size: 15px;
	width:48%;
	margin:1%;
	text-align: center;
	color: #999;
}
#m_board .tabs li a {
	display: block;
	height: 50px;
	box-sizing: border-box;
	font-size: 20px;
	color: #000;
	line-height:50px;
	border-radius:35px;
	border: 1px solid #999;
	margin-right:10px;
	
}
#m_board .tabs li a:hover {
	color: #fff;
	height: 50px;
	box-sizing: border-box;
	font-size: 20px;
	font-weight: 600;
	background:#0066cc;
	border: 1px solid #0066cc;
}
#m_board .tabs .active a {
	color: #fff;
	height: 50px;
	box-sizing: border-box;
	font-size: 20px;
	font-weight: 600;
	background:#0066cc;
	border: 1px solid #0066cc;
}
#m_board .more {
	position: absolute;
	right: 17px;
	top: 16px;
}
#m_board .more a {
	display: block;
	padding: 5px;
	border: 1px solid #ddd;
}
#m_board .more a:hover {
	border: 1px solid #1e83eb
}
#m_board .tab_container {
	margin-top: 40px;
	padding: 15px 0 0 10px;
	border: 0px solid red;
	text-align: left;
	
	border:0px solid red;
}
#m_board .tab_content ul li {
	display: inline-block;
	margin-top:0px;
	font-size: 16px;
	line-height: 24px;
	WIDTH:100%;
	border-bottom:1px solid #ddd;
	padding:20px 0px;
}
#m_board .tab_content ul li dl{width:100%; float:left;}
#m_board .tab_content ul li dl dt{width:25%; float:left;}
#m_board .tab_content ul li dl dd{width:75%; float:left;}


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

#m_board .tabs{width:100%;}
#m_board .tabs li {width:49%; margin:0.4%;  border:0px solid red; padding:1px;}
}




#m_board1 {
	
	position:absolute;
	width:40%;
	padding-top:25px;
	margin: 0 auto;
	border: 0px solid red;
	right:0px; bottom:0px;
}

#m_board1 .tabs1 { width:100%;
	height: 55px; text-align:center;  bordeR:0px solid red; margin:0 auto;
}
#m_board1 .tabs1 li {
	float: left;
	font-size: 18px;
	width: 31%;
	margin:1%;
	text-align: center;
	color: #999;
}
#m_board1 .tabs1 li a {
	display: block;
	height: 50px;
	box-sizing: border-box;
	font-size: 18px;
	color: rgba(250,250,250,0.5);
	line-height:50px;
	
	border:0px solid #999;
	margin-right:10px;
	
}
#m_board1 .tabs1 li a:hover {
	color: #fff;
	height: 50px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 600;
	border-bottom: 3px solid #fff;
}
#m_board1 .tabs1 .active a {
	color: #fff;
	height: 50px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 600;
	
	border-bottom: 3px solid #fff;
}


.tab_container1 {
	margin-top: 40px;
	padding: 15px 0 0 10px;
	border: 0px solid red;
	text-align: left;
	
	border:0px solid red;
}
.tab_content1 ul li {
	display: inline-block;
	margin-top:0px;
	font-size: 16px;
	line-height: 24px;
	WIDTH:100%;

}
.tab_content1 ul li dl{width:100%; float:left;}
.tab_content1 ul li dl dt{width:25%; float:left;}
.tab_content1 ul li dl dd{width:75%; float:left;}


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


#m_board1 {
	
	position: relative;
	width:100%;
	padding-top:15px;
	margin: 0 auto;
	border: 0px solid red;
	
}
.tab_container1 { padding: 0px 0px 0px 4px; margin-top:5px;
}

}




.mainicon{position: relative;width:1300px; margin:0 auto; padding:105px 0px 65px  0px; overflow:hidden; 	border: 0px solid red; box-sizing:border-box;}
.mainiconleft{width:30%; float:left; position: relative;}
.mainiconright{width:70%; float:right; position: relative;}
.mainiconright ul{width:100%; float:right;}
.mainiconright ul li{width:20%; display:inline-block; float:left; 	border: 0px solid red; text-align:Center; }
.mainiconright ul li img{margin-bottom:10px;}
.mainiconright ul li a{color:#000; font-weight:600; font-size:17px;}


@media all and (max-width:1299px){
.mainicon{width:100%;}

}
@media all and (max-width:980px){
.mainicon{ padding:55px 0px 35px  0px;}
.mainiconleft{width:100%; float:left; position: relative; text-align:center;}
.mainiconright{width:100%; float:right; position: relative;}

}
@media all and (max-width:680px){
.mainiconright ul{margin-top:25px;}
.mainiconright ul li{width:29%; margin:2%; display:inline-block; float:left; 	border: 0px solid red; text-align:Center; }

}


.newsarea{ padding:25px 10px; width:94%; border-radius:35px; background:#0066cc; margin:0 auto; }
.news{width:1200px; margin:0 auto; bordeR:0px solid red; height:50px; }
.newstt{width:25%; float:left; line-height:50px; color:#fff; font-size:18px; font-weight:700;}

.linkbaro{display:inline-block; border-radius:25px; color:#fff; background:#0066cc; padding:15px; margin-top:5px; font-size:19px; }
.linkbaro a{color:#fff;}




@media all and (max-width:1199px){
.news{width:100%;}

}

@media all and (max-width:980px){
.newsarea{ padding:10px; width:95%; border-radius:35px; background:#0066cc; margin:0 auto;      overflow:hidden;}
.newstt{width:100%;  text-align:center; float:left; line-height:50px; color:#fff; font-size:18px; font-weight:700;}

}

.btnarea{width:100%; text-align:center; }
.morest01{margin:0 auto;color:#000 !important;}
.morest01 a{display:block; border-radius:35px;   padding:15px;  bordeR:1px solid #000;  }
.morest01 a:hover{background:#0066cc;  color:#fff;  bordeR:1px solid #0066cc; }