/* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index:1;
  opacity:40%;
}


/*
.main_section {  background:#11273d url(images/img_main.png) no-repeat center top;  height:840px !important; position:relative; z-index:1;}
*/

.main_section {  height:840px !important; position:relative; z-index:1;}
.sub_section00 { background:#FFF; z-index:99;}
.sub_section01 { background:#eaeaea url(images/bg_02.png) no-repeat center top; text-align:center; z-index:99; }
.sub_section02 { background:#FFF; }
.sub_section03 { background:#F2F2F2; }
.sub_section04 { background:#FFF; }
.sub_section05 { background:#F2F2F2; }



.vn_ver .sub_msg { font-family:Arial !important; font-weight:bold; }
.vn_ver .section_msg {font-family:Arial !important; font-weight:bold; }
.vn_ver .main_banners  { font-family:Arial !important; }
.vn_ver .main_section li:nth-child(2) { padding-top:90px; }

/* 메인이미지 */
.main_section .title_msg { display:inline-block !important; width:auto !important; color:#fff; font-size:38px !important; font-weight:500; font-family:Noto Sans KR; text-shadow: 1px 1px 4px #223e60;  line-height:0.9; position:absolute; top:295px; left:0; letter-spacing:5px; /* background:rgba(0,15,150,0.2);*/}
.main_section .sub_msg { display:inline-block !important;  width:auto !important;  color:#14676b; font-size:40px; font-weight:600; font-family:Noto Sans KR; line-height:1.5; text-shadow:#000;  position:absolute; top:300px; left:63px; background:rgba(0,15,150,0.2);  }
.main_section .title_msg_sub { font-size:38px; font-weight:600; line-height:2; color:#4cfeeb; text-shadow: 1px 1px 4px #223e60;   font-family: Noto Sans KR;  }

.main_section .main_banners { display:block;width:740px; height:224px; position:absolute; top:520px; left:0;}
.main_section .main_banners li { display:inline-block; float:left; margin-right:18px;  width:224px; height:224px;  padding:140px 0 0 0; box-sizing:border-box; overflow:hidden;
	box-shadow:0px 3px 3px rgba(0, 0, 0, .20); -moz-box-shadow:0px 3px 3px rgba(0, 0, 0, .20); 
	position:relative; line-height:1.1;	}

/* Mobile(모바일)*/
@media all and   (max-width:1200px) { 

.main_section .title_msg { display:inline-block !important; width:100% !important; color:#fff;  box-sizing:border-box; padding:0 5%; font-size:17px !important; 
font-weight:500; font-family:Noto Sans KR; text-shadow: 1px 1px 4px #223e60;  line-height:1.1; position:absolute; top:200px; left:0; letter-spacing:1px; /* background:rgba(0,15,150,0.2);*/}
.main_section .title_msg_sub { display:block !important; font-size:22px; font-weight:600; line-height:2; color:#4cfeeb; text-shadow: 1px 1px 4px #223e60;   font-family: Noto Sans KR;  }

}


	
.main_section .main_banners li:last-child { margin-right:0; }

.main_section .main_banners li .banner01 { color:#fff !important; font-size:23px; font-family:Noto Sans KR; font-weight:700; letter-spacing:1px;}
.main_section .main_banners li .banner02 { color:#748186 !important; font-size:23px; font-family:Noto Sans KR; font-weight:500; letter-spacing:-1px;  }
.main_section .main_banners li .banner02 span{ display:block;  color:#1e6fa9;}
.main_section .main_banners li .banner03 { color:#fff !important; font-size:23px; font-family:Noto Sans KR; font-weight:500; letter-spacing:-1px; }
.main_section .main_banners li .banner03 span{ display:block; font-size:29px; color:#1c777a;}

.main_section .main_banners li .banner01:hover { color:#affff6 !important;}
.main_section .main_banners li .banner02:hover { color:#affff6 !important;}
.main_section .main_banners li .banner03:hover { color:#affff6 !important;}

.main_banners li:nth-child(1) {padding-top:170px; background:#00a7ac url(images/banner01.png) no-repeat center top; text-align:center; }
.main_banners li:nth-child(2) {padding-right:20px; background:#cad5de url(images/banner02.png) no-repeat center top; text-align:right; }
.main_banners li:nth-child(3) { padding-right:20px; background:#a1d8db url(images/banner03.png) no-repeat center top; text-align:right; }


.quick_section{	display:inline-block !important; width:250px;	position:absolute; top:295px; right:10px; 	}

.main_quick li {display:block;  box-sizing:border-box; height:60px; font-size:17px; color:#1f2e3b;  margin-bottom:3px; font-family:Roboto; font-weight:500; letter-spacing:0; text-transform:uppercase;
padding:22px 0 0 85px;  text-align:left; letter-spacing:-0.5px; cursor:pointer; }
	 
.main_quick li:nth-child(1) { height:50px; background:rgba(0, 141, 148, 0.9) ;  color:#fff;  padding-top:17px; padding-left:0; text-align:center!important; cursor:none;font-weight:400; }
.main_quick li:nth-child(2) {  background:rgba(255, 255, 255, 0.8) url(images/icon01.png) no-repeat left -14px;  }
.main_quick li:nth-child(3) {  background:rgba(255, 255, 255, 0.8) url(images/icon02.png) no-repeat left -14px;  }
.main_quick li:nth-child(4) {  background:rgba(255, 255, 255, 0.8) url(images/icon03.png) no-repeat left -14px;  }
.main_quick li:nth-child(5) {  background:rgba(255, 255, 255, 0.8) url(images/icon04.png) no-repeat left -14px;  }
.main_quick li:nth-child(6) {  background:rgba(255, 255, 255, 0.8) url(images/icon05.png) no-repeat left -14px;  }
.main_quick li:nth-child(7) {  background:rgba(255, 255, 255, 0.8) url(images/icon06.png) no-repeat left -13px;  }

.main_quick li:nth-child(2):hover {  background:rgba(206, 247, 250, 0.8) url(images/icon01.png) no-repeat left -14px; color:#1c777a; }
.main_quick li:nth-child(3):hover {  background:rgba(206, 247, 250, 0.8) url(images/icon02.png) no-repeat left -14px; color:#1c777a; }
.main_quick li:nth-child(4):hover {  background:rgba(206, 247, 250, 0.8) url(images/icon03.png) no-repeat left -14px; color:#1c777a; }
.main_quick li:nth-child(5):hover {  background:rgba(206, 247, 250, 0.8) url(images/icon04.png) no-repeat left -14px; color:#1c777a; }
.main_quick li:nth-child(6):hover {  background:rgba(206, 247, 250, 0.8) url(images/icon05.png) no-repeat left -14px; color:#1c777a; }
.main_quick li:nth-child(7):hover {  background:rgba(206, 247, 250, 0.8) url(images/icon06.png) no-repeat left -13px; color:#1c777a; }

	
/* Mobile(모바일)*/
@media all and  (max-width:1200px) { 
.quick_section{	display:block !important; width:100px;	position:absolute; top:300px; right:30px;  	}

.main_quick li {display:block;  box-sizing:border-box; height:74px; font-size:12px; color:#1f2e3b;  margin-bottom:3px; font-family:Roboto; font-weight:500; letter-spacing:0; text-transform:uppercase;
padding:58px 0 0 0;  text-align:center; letter-spacing:-0.5px; cursor:pointer; }
	 
.main_quick li:nth-child(1) { height:40px; background:rgba(0, 141, 148, 0.9) ;  color:#fff;  padding-top:15px; padding-left:0; text-align:center!important; cursor:none;font-weight:400; }
.main_quick li:nth-child(2) {  background:rgba(255, 255, 255, 0.8) url(images/icon01.png) no-repeat center -13px;  }
.main_quick li:nth-child(3) {  background:rgba(255, 255, 255, 0.8) url(images/icon02.png) no-repeat center -14px;  }
.main_quick li:nth-child(4) {  background:rgba(255, 255, 255, 0.8) url(images/icon03.png) no-repeat center -14px;  }
.main_quick li:nth-child(5) {  background:rgba(255, 255, 255, 0.8) url(images/icon04.png) no-repeat center -14px;  }
.main_quick li:nth-child(6) {  background:rgba(255, 255, 255, 0.8) url(images/icon05.png) no-repeat center -14px;  }
.main_quick li:nth-child(7) {  background:rgba(255, 255, 255, 0.8) url(images/icon06.png) no-repeat center -13px;  }

.main_quick li:nth-child(2):hover {  background:rgba(206, 247, 250, 0.8) url(images/icon01.png) no-repeat center -14px; color:#1c777a; }
.main_quick li:nth-child(3):hover {  background:rgba(206, 247, 250, 0.8) url(images/icon02.png) no-repeat center -14px; color:#1c777a; }
.main_quick li:nth-child(4):hover {  background:rgba(206, 247, 250, 0.8) url(images/icon03.png) no-repeat center -14px; color:#1c777a; }
.main_quick li:nth-child(5):hover {  background:rgba(206, 247, 250, 0.8) url(images/icon04.png) no-repeat center -14px; color:#1c777a; }
.main_quick li:nth-child(6):hover {  background:rgba(206, 247, 250, 0.8) url(images/icon05.png) no-repeat center -14px; color:#1c777a; }
.main_quick li:nth-child(7):hover {  background:rgba(206, 247, 250, 0.8) url(images/icon06.png) no-repeat center -13px; color:#1c777a; }


}
	





/* 메인배너 공통 */
.title_msg { display:block; width:100%;  font-weight:500; font-family:Noto Sans KR; line-height:1.0;  letter-spacing:-1px; }
.sub_msg { display:block; width:100%;  font-family:Noto Sans KR; font-weight:500;line-height:1.7;  letter-spacing:0;}
.sub_con { display:block; width:100%; text-align:center; margin:40px 0 10px 0;}

/* MAIN SECTION */
.sub_section00 { background:#fff url(images/bg_01.png) no-repeat center top; text-align:center; position:relative;}
.sub_section00 .title_msg {font-weight:400; font-size:40px; color:#008387;  margin:300px 0 50px 0;}
.sub_section00 .title_msg span {font-weight:600; color:#125663;}
.sub_section00 .sub_msg {  font-size:20px; color:#545454; }
.sub_section00 .com_info { display:block; width:1200px; position:relative; text-align:left; z-index:999999;} 
.sub_section00 .com_info ul{ display:inline-block; margin:250px 20px 100px 20px ;   }
.sub_section00 .com_info ul li {color:#fff; line-height:2;}
.sub_section00 .com_info ul li p { display:inline-block; width:165px; text-align:center;}




.sub_section01 { background:rgba(0, 0, 0, 0.3); position:relative;}
.sub_section01 .title_msg { font-weight:500; font-size:65px;  color:#4cfeeb; text-shadow: 1px 1px 4px #223e60; margin:150px 0 50px 0;}
.sub_section01 .sub_msg { font-size:20px; color:#fff; font-family:Noto Sans KR; font-weight:400;line-height:1.2;}



.sub_section02 { background:rgba(0, 0, 0, 0.3); position:relative;}
.sub_section02 .title_msg {text-align:center; font-weight:500; font-size:65px; color:#4cfeeb; text-shadow: 1px 1px 4px #223e60; margin:120px 0 50px 0;}
.sub_section02 .sub_msg { text-align:center; font-size:20px; color:#fff; padding:0; line-height:1.2;}

.sub_section02 table.contact { width:1200px; border-collapse:collapse; border-top:1px solid #ff5853; margin:30px 0 0 -50px; }
.sub_section02 .contact th { background:rgba(255, 255, 255, 0.95) ; padding:20px;   border-bottom:1px solid #e8e8e8; font-size:22px; color:#333; font-weight:400;}
.sub_section02 .contact td { background:rgba(255, 255, 255) ;  text-align:left; padding-left:30px;  border-bottom:1px solid #e8e8e8; font-size:22px; color:#555; font-weight:300;  }

.sub_section02 .contact td.location { background:url(images/location.png) no-repeat center 40px;  height:120px;  border-bottom:1px solid #e8e8e8; text-indent:-9999px; }
.sub_section02 .contact td.map { background:rgba(255, 255, 255, 0.6)  url(images/map.png) no-repeat center center;  height:300px; box-sizing:border-box;}



/* Mobile(모바일)*/
@media all and   (max-width:1200px) { 
.sub_section00 { background:#fff url(images/bg_01_m.png) no-repeat center 100px; text-align:center; position:relative;}
.sub_section00 .title_msg {font-weight:400; font-size:24px; color:#008387;  margin:300px 0 20px 0; letter-spacing:1px; line-height:1.2;}
.sub_section00 .title_msg span { display:block;  font-weight:500; color:#125663; font-size:26px;}
.sub_section00 .sub_msg {  font-size:16px; color:#545454; text-align:left;line-height:1.2;}


.sub_section00 .com_info { display:block; width:100%; position:relative; text-align:left; z-index:999999; font-size:13px;  } 
.sub_section00 .com_info ul{ display:inline-block; width:100%;  margin:20px 0 ; padding:10px; background:#67a7a8;   }
.sub_section00 .com_info ul li { color:#fff; line-height:1.5; font-weight:100!important;}
.sub_section00 .com_info ul li p { display:inline-block; width:22%; text-align:left;}


.sub_section01 { background:rgba(0, 0, 0, 0.3); position:relative;}
.sub_section01 .title_msg { text-align:left; font-weight:500; font-size:40px;  color:#4cfeeb; text-shadow: 1px 1px 4px #223e60; margin:50px 0 50px 0;}
.sub_section01 .sub_msg { text-align:left; font-size:17px; color:#fff; font-family:Noto Sans KR; font-weight:400;line-height:1.2;}


.sub_section02 { background:rgba(0, 0, 0, 0.3); position:relative;}
.sub_section02 .title_msg {text-align:left; font-weight:500; font-size:40px; color:#4cfeeb; text-shadow: 1px 1px 4px #223e60; margin:50px 0 50px 0;}
.sub_section02 .sub_msg { text-align:left; font-size:17px; color:#fff; padding:0; line-height:1.2;}

.sub_section02 table.contact { width:100%; border-collapse:collapse; border-top:1px solid #ff5853; margin:30px 0 0 0; }
.sub_section02 .contact th { background:rgba(255, 255, 255, 0.95) ; padding:10px;   border-bottom:1px solid #e8e8e8; font-size:14px; color:#333; font-weight:400;}
.sub_section02 .contact td { background:rgba(255, 255, 255) ;  text-align:left; padding-left:5px;  border-bottom:1px solid #e8e8e8; font-size:14px; color:#555; font-weight:300;  }

.sub_section02 .contact td.location { background:url(images/location.png) no-repeat center 40px;  height:120px;  border-bottom:1px solid #e8e8e8; text-indent:-9999px; }
.sub_section02 .contact td.map { background:rgba(255, 255, 255, 0.6)  url(images/map.png) no-repeat 60% center;  height:299px; box-sizing:border-box;}



}



.suc_list{ list-style:none; display:inline-block; width:1050px; min-height:200px;  background:rgba(0,48,50,0.7); padding:0; margin:10px 0; position:relative; box-sizing:border-box; }

.suc_icon01 { background:url(images/suc_icon01.png) no-repeat center 40px;}
.suc_icon02 { background:url(images/suc_icon02.png) no-repeat center 45px;}
.suc_icon03 { background:url(images/suc_icon03.png) no-repeat center 40px;}
.suc_icon04 { background:url(images/suc_icon04.png) no-repeat center 40px;}

.suc_list dd{display:inline-block; width:250px; min-height:200px;  font-size:23px; font-weight:200 !important; text-align: center; font-weight:bold;  color:#fff; position:absolute; top:0; left:0; padding:124px 0 0 0; vertical-align:middle; border:1px solid #00cfd5; box-sizing:border-box;  }

.suc_list ul{list-style:none; display:inline-block;  width:800px; min-height:200px; box-sizing:border-box; background:rgba(255,255,255,1); padding:45px 0  0 70px;  position:absolute; top:0; left:250px;}

.suc_list ul li{display:inline-block; float:left;  width:400px; height:35px; text-align:left;  font-size:21px;  line-height:1.5; color:#333333; margin-bottom:2px;  }
.suc_list ul li:nth-child(2), .suc_list ul li:nth-child(4),.suc_list ul li:nth-child(6),.suc_list ul li:nth-child(8){display:inline-block; float:left;  width:300px; height:35px; text-align:left;  font-size:21px;  line-height:1.5; color:#333333; margin-bottom:2px;  }
.suc_list ul li.long{ width:500px;}
.suc_list dd.suc_icon01{}

/* Mobile(모바일)*/
@media all and  (max-width:1200px) { 
.suc_list{ list-style:none; display:block; width:100%; height:50px;  background:rgba(0,48,50,0.7); padding:0; margin:10px 0; position:relative; box-sizing:border-box; }

.suc_icon01 { background:url(images/suc_icon01_m.png) no-repeat 5px 5px;  padding:20px 0 0 50px!important;}
.suc_icon02 { background:url(images/suc_icon02_m.png) no-repeat 10px 5px; padding:18px 0 0 60px!important;}
.suc_icon03 { background:url(images/suc_icon03_m.png) no-repeat 10px 5px;  padding:18px 0 0 60px!important;}
.suc_icon04 { background:url(images/suc_icon04_m.png) no-repeat 10px 5px;  padding:20px 0 0 60px!important;}


.suc_list dd{display:block; width:100%; min-height:50px;  font-size:17px; font-weight:200 !important; text-align:left; font-weight:bold;  color:#fff; position:relative; vertical-align:middle; border:none!important; box-sizing:border-box;  }

.suc_list ul{list-style:none; display:block;  width:100%; min-height:150px; box-sizing:border-box; background:rgba(255,255,255,1); padding:10px 10px;  position:relative; left:0;}

.suc_list ul li{display:block; float:left;  width:60%; height:25px; text-align:left;  font-size:14px;  line-height:1.5; color:#333333; margin-bottom:2px;  }
.suc_list ul li:nth-child(2), .suc_list ul li:nth-child(4),.suc_list ul li:nth-child(6),.suc_list ul li:nth-child(8){display:block; float:left; width:40%; height:25px; text-align:left;  font-size:14px;  line-height:1.5; color:#333333; margin-bottom:2px;  }
.suc_list ul li.long{ width:100%!important;}
.suc_list dd.suc_icon01{}
}




/* product */



.product { display:block; width:100%; min-height:400px;  clear:both;  font-size:18px; box-sizing:border-box;    }
.product .pd_title { width:100%; height:200px; background:#5bc1c4 url(images/pd_bg.png) no-repeat center top; text-align:center; font-size:47px; color:#FFF; font-weight:500; letter-spacing:2px; line-height:1;  box-sizing:border-box; z-index:999; padding-top:45px;}
.product .pd_title span { display:block;  font-size:18px; color:#FFF; font-weight:400;  text-transform:uppercase; letter-spacing:10px; }

#pd_tab { display:block; box-sizing:border-box; width:1200px;  height:30px; margin:36px auto 0 auto;}
#pd_tab ul{ list-style:none; line-height:1.0;  position:relative;  }
#pd_tab ul li{ display:inline-block; background:#5bc1c4; width:200px; float:left; height:54px; text-align:center; border-top:1px #088e92 solid;   border-left:1px #088e92 solid; border-bottom:1px #088e92 solid;  font-size:18px; line-height:1.5; color:#fff; padding:12px 0 10px 0; letter-spacing:0 !important;transition: 0.3s;}

#pd_tab ul li.on{ text-align:center; background:#fff; color:#494949; letter-spacing:0 !important; }
#pd_tab ul li:hover{ background:#fff;  color:#494949;  cursor:pointer;}
#pd_tab ul li a{ font-size:18px; line-height:1.5; color:#fff; letter-spacing:0 !important; }
#pd_tab ul li a:hover{  background:#fff;  color:#494949;  cursor:pointer;}
#pd_tab ul li:last-child { border-right:1px #088e92 solid ; padding-right:1px;  }


@media all and  (max-width:1200px) { 
.product .pd_title { width:100%; height:100px; background:#5bc1c4 url(images/pd_bg.png) no-repeat center top; text-align:center; font-size:25px; line-height:25px; color:#FFF; font-weight:500; letter-spacing:2px;  box-sizing:border-box; z-index:999; padding-top:25px;}
.product .pd_title span { display:block;  font-size:14px; color:#FFF; font-weight:400;  text-transform:uppercase; letter-spacing:10px;line-height:14px; }


#pd_tab { display:block; box-sizing:border-box; width:100%;  height:30px; margin:36px auto 0 auto;}
#pd_tab ul li{ display:inline-block; background:#5bc1c4; width:50%; float:left; height:54px; text-align:center; border-top:1px #088e92 solid;   border-left:none;  border-bottom:none;  font-size:18px; line-height:1.5; color:#fff; padding:12px 0 10px 0; letter-spacing:0 !important;transition: 0.3s;}
#pd_tab ul li:nth-child(2){ border-left:1px #088e92 solid ;   }
#pd_tab ul li:nth-child(4){ border-left:1px #088e92 solid ;   }
#pd_tab ul li:nth-child(5){ border-bottom:1px #088e92 solid ;   }

#pd_tab ul li:nth-child(6){ border-left:1px #088e92 solid ; border-bottom:1px #088e92 solid ; border-right:none  }

}

.product .intro { display:block; width:1200px;box-sizing:border-box; margin:0 auto;  line-height:1.0;  position:relative; top:0; padding:0 0 40px 0; z-index:1; clear:both; }
.product .intro .title_msg { font-size:50px; color:#555; padding-top:100px;  font-weight:500; text-transform:uppercase;}
.product .intro .sub_msg { font-size:18px; color:#444; padding:5px 2px 30px 4px; font-weight:200; }
.pd_nav11{height:70px; }
.pd_nav{height:50px; }






ul.pd_list{
	
	display:block; box-sizing:border-box; width:1200px; 
	list-style:none; line-height:1.0;  position:relative; 
	border-left:1px #8c8c8c solid;
}


ul.pd_list li{ 
	 display:inline-block; background:#fff; width:400px; float:left; height:300px; text-align:center !important;  box-sizing:border-box;  border-right:1px #8c8c8c solid;   border-bottom:1px #8c8c8c solid;  font-size:18px; line-height:1.5; color:#494949;  padding:10px 0 0 0; margin:0;transition: 0.3s; }

ul.pd_list li:nth-child(1), ul.pd_list li:nth-child(4) {border-left:1px #8c8c8c solid;}

ul.pd_list li:nth-child(3),ul.pd_list li:nth-child(6){width:399px;}

ul.pd_list li:hover{ background:#eaeeee; cursor:pointer;}
	 
ul.pd_list li a{ font-size:20px; font-weight:500; line-height:1.5; color:#494949;  text-align:center !important;  cursor:pointer;}


ul.pd_list li img{ display:block;  margin:0 auto; border:none;}

ul.pd_list li a span{ display:block; font-size:18px; font-weight:100;  color:#777;  font-weight:100; margin:0 auto; border:none;}

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

.product .intro { display:block; width:100%;box-sizing:border-box; margin:0 auto;  line-height:1.0;  position:relative; top:0; padding:0 ; z-index:1; clear:both; }

ul.pd_list{
	
	display:block; box-sizing:border-box; width:100%; 
	list-style:none; line-height:1.0;  position:relative; 
	border-left:1px #8c8c8c solid;
}


ul.pd_list li{ 
	 display:inline-block; background:#fff; width:100%; float:left; height:300px; text-align:center !important;  box-sizing:border-box;  border-right:none;   border-bottom:1px #8c8c8c solid;  font-size:18px; line-height:1.5; color:#494949;  padding:10px 0 0 0; margin:0;transition: 0.3s; }
ul.pd_list li:nth-child(1), ul.pd_list li:nth-child(4) {border-left:none;}

ul.pd_list li:nth-child(3),ul.pd_list li:nth-child(6){width:100%;}
ul.pd_list li img{ display:block;  margin:0 auto; border:none;}

}
.product_info { display:block; width:1200px; margin:0 auto 100px auto; clear:both; padding-top:80px;}

.product_info .pdtitle { display:block; height:70px; background:#088e92;  box-sizing:border-box;  padding:20px 40px; font-size:27px; font-weight:500;font-family:Noto Sans KR; color:#fff; line-height:1.0; letter-spacing:0;  }
.product_info .pdtitle span{ margin-left:30px; font-weight:100; color:#c5f3f4;}

.product_basic { list-style:none; position:relative;}
.product_basic li.ex{ padding:40px 40px 50px 500px;  text-align:left; background:#efefef; color:#047578; line-height:2;}
.product_basic li {padding:0 0 40px 500px; font-size:18px;  color:#555;  text-align:left; background:#fff; line-height:2;}
.product_basic li p {padding:30px 0 5px 0; font-size:22px;  font-weight:600; background:#fff; text-align:left;  color:#047578; text-transform:uppercase;   border-top:1px solid #b3b3b3; }


.product_basic dl{ list-style:none;}
.product_basic dl dd{  font-size:18px; color:#1b3041; }

.product_basic table { width:100%; border-collapse:collapse; table-layout:fixed; border-top:1px solid #00a7ac;  border-bottom:1px solid #00a7ac; margin-top:3px;}
.product_basic table td { width:65%; background:#fff; border-bottom:1px solid #b3b3b3!important;  padding:7px 20px; font-size:17px;  color:#555;  text-align:left; line-height:17px!important;}
.product_basic table th { width:35%; background:#eaeeee;  border-bottom:1px solid #b3b3b3; padding:7px 0; font-size:17px;  font-weight:300;  text-align:center;   color:#088e92; text-transform:uppercase; }
.product_basic table td:last-child { border-bottom:none; }
.product_basic table th:last-child { border-bottom:none; }

.product_basic div.pd_img{ display:inline-block; box-sizing:border-box; position:absolute; top:40px; left:40px; width:420px; height:500px;box-sizing:border-box; background:#FFF; border:1px solid #088e92; z-index:20; text-align:center;}
.product_basic div.pd_img img{ display:block; width:310px; margin:0 auto; border:none;}

.product_basic button{ display:inline-block; float:left; position:absolute; top:540px; left:40px; width:420px; height:50px; box-sizing:border-box; border:1px solid #00a7ac; background:#00a7ac; z-index:20; font-size:17px;  font-weight:300;  text-align:center;  color:#fff; cursor:pointer; transition:0.3s; }
.product_basic button:hover{  background:#5bc1c4; }


@media all and  (max-width:1200px) { 
.product_info { display:block; width:100%; margin:0 auto 100px auto; clear:both; padding-top:10px;}
.product_info .pdtitle { display:block; height:100px; background:#088e92;  box-sizing:border-box; text-align:center;  padding:20px 40px; font-size:27px; font-weight:500;font-family:Noto Sans KR; color:#fff; line-height:1.0; letter-spacing:0;  }
.product_info .pdtitle span{  display:block; margin-left:0px; font-weight:100; color:#c5f3f4;}

.product_basic div.pd_img{ display:inline-block; box-sizing:border-box; position:relative; top:0px; left:0px; width:100%; height:500px;box-sizing:border-box; background:#FFF; border:1px solid #088e92; z-index:20; text-align:center;}
.product_basic button{ display:inline-block; float:left; position:relative;top:0px; left:0px; width:100%; height:50px; box-sizing:border-box; border:1px solid #00a7ac; background:#00a7ac; z-index:20; font-size:17px;  font-weight:300;  text-align:center;  color:#fff; cursor:pointer; transition:0.3s; }
.product_basic li.ex{ padding:80px 40px 40px 40px;  text-align:left; background:#efefef; color:#047578; line-height:2;}
.product_basic li {padding:40px 40px; font-size:18px;  color:#555;  text-align:left; background:#fff; line-height:2;}
.product_basic li p {padding:30px 0 5px 0; font-size:22px;  font-weight:600; background:#fff; text-align:left;  color:#047578; text-transform:uppercase;   border-top:1px solid #b3b3b3; }



}




/* 센터 스크롤 */

.arrow{
	float:left;
    position:fixed;
	bottom:65px;
    right:50%;
    transform: translate(-50%,-50%);
	z-index:10000000000000000000 !important;
}
.arrow span{
    display: block;
    width: 30px;
    height: 30px;
    border-bottom: 3px solid #bbe5e7;
    border-right: 3px solid #bbe5e7;
    transform: rotate(-45deg);
    margin: -10px;
    animation: animate 2s infinite;
}
.arrow span:nth-child(2){
    animation-delay: -0.2s;
}
.arrow span:nth-child(3){
    animation-delay: -0.4s;
}





@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}





#top {
    position:fixed;
	float:right;
	right:150px;
	bottom:160px;
	background:url(images/btn_top.png) no-repeat;
    width: 28px;
    height: 28px;
	z-index:1;
	margin:-14px;
	cursor:pointer;
	border:0;
}
#top:hover, #top:active {
	border:0;
	cursor:pointer;
}












 #slides { display: none; z-index:0; height:660px; }
    #slides .slidesjs-navigation { z-index:200; position:relative; top:-100px; }
	a[title="Previous"], a[title="Next"], a[title="Play"], a[title="Stop"] { display:none !important; }

    a.slidesjs-next, a.slidesjs-previous,
    a.slidesjs-play, a.slidesjs-stop {
      background-image: url("images/mainnav/btns-next-prev.png");
      background-repeat: no-repeat; display:block;
      width:23px; height:40px; overflow: hidden; text-indent: -9999px; float: left;
      margin-right:5px;
    }

    a.slidesjs-next { margin-right:10px; background-position: -23px 0; }

    a:hover.slidesjs-next { background-position: -23px -40px; }
    a.slidesjs-previous { background-position: 0 0; }
    a:hover.slidesjs-previous { background-position: 0 -40px; }

    a.slidesjs-play { width:26px; background-position: -36px 0; }
    a:hover.slidesjs-play { background-position: -36px -40px; }
	
    #slides .slidesjs-previous {  position:absolute; top:350px; left:20%; }
    #slides .slidesjs-next { position:absolute; top:350px; right:20%; }
	/*
    #slides .slidesjs-previous {  position:relative; top:-600px; left:360px; }
    #slides .slidesjs-next { position:relative; top:-600px; left:1520px; }
	/*
    #slides .slidesjs-previous { margin-right: 5px; float: left; }
    #slides .slidesjs-next { margin-right: 5px; float: left;  }
	*/
    .slidesjs-pagination { list-style: none;  }
    .slidesjs-pagination li {
      float: left; margin: 0 1px;
    }
    .slidesjs-pagination li a {
      display: block; width: 24px; height: 0; padding-top: 24px;
      background-image: url("images/mainnav/pagination.png");
      background-position: 0 0; float: left; overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active { background-position: 0 -13px }

    .slidesjs-pagination li a:hover { background-position: 0 -26px }

    #slides a:link, #slides a:visited { color: #333 }
    #slides a:hover,  #slides a:active { color: #9e2020 }
    .navbar { overflow: hidden }	
	
	.img_main1, 
	.img_main02, 
	.img_main03, 
	.img_main04 { 
		position:relative; width:100%; height:660px; text-indent:-9999px; text-align:center;
		}
		
		
		
		
		/* slide */
#jqb_object { 
	position:relative;
	width:100%;
	height:800px;
	overflow:hidden;
}

#jqb_object .jqb_slide{
	position:absolute;
	width:100%;

}


.img_main01{ display:block; width:100%; background: url(images/img_main.png) no-repeat center top; }
.img_main02{ display:block; width:100%; background: url(images/img_main02.png) no-repeat center top; }
.img_main03{display:block; width:100%;  background: url(images/img_main03.png) no-repeat center top; }
.img_main04{ display:block; width:100%;background: url(images/img_main04.png) no-repeat center top; }
	
.nav_eng .img_main01 { background:#333 url("images/mainnav/img_main01_en.png") no-repeat center top; }
.nav_eng .img_main02 { background:#333 url("images/mainnav/img_main02_en.png") no-repeat center top; }
.nav_eng .img_main03 { background:#333 url("images/mainnav/img_main03_en.png") no-repeat center top; }
.nav_eng .img_main04 { background:#333 url("images/mainnav/img_main04_en.png") no-repeat center top; }   
	
	
/*image zoom*/	

.apply_box{
		display: block;     
		margin:70px auto;
		width:1200px;
		height:623px;
		position: relative;
		z-index:99999;		

}


.apply{
		display: block;     
		margin:70px auto;
		width:1200px;
		height:623px;
		background:url(images/pd/applycation.png) no-repeat center top;
		position: relative;
		z-index:99999;		

}


@media all and  (max-width:1200px) { 
.apply_box{
		display: block;     
		margin:70px auto;
		width:100%;
		height:623px;
		overflow:scroll;
		position: relative;
		z-index:99999;		

}

}

.apply li.g01{ position:absolute; top:72px; left:475px; border:none; cursor:pointer; z-index:999999; width:47px; height:53px; background:url(images/pd/icon/g01.png) no-repeat center top;text-indent:-999999px;transition: 0.3s; }
.apply li.g01:hover{ position:absolute; top:72px; left:475px;cursor:pointer; z-index:9999999999999999999999999999999; width:212px; height:212px; background:#FFF url(images/pd/g03/03_CD100D_s.png) no-repeat center top; text-indent:0px; border:1px solid #86d7db; border-radius:50%;  margin:-80px 0 0 -80px; text-align:center; font-size:20px; padding-top:20px; color:#136b6e; font-weight:500; text-shadow:3px 3px 3px #fff;}

.apply li.t03{ position:absolute; top:72px; left:530px; border:none; cursor:pointer; z-index:999999; width:61px; height:53px; background:url(images/pd/icon/t03.png) no-repeat center top; text-indent:-999999px;transition: 0.3s; }
.apply li.t03:hover{ position:absolute; top:72px; left:530px;cursor:pointer; z-index:9999999999999999999999999999999; width:212px; height:212px; background:#FFF url(images/pd/t02/02_TRH100_s.png) no-repeat center top; text-indent:0px; border:1px solid #86d7db; border-radius:50%;  margin:-80px 0 0 -80px; text-align:center; font-size:20px; padding-top:20px; color:#136b6e; font-weight:500; text-shadow:3px 3px 3px #fff;}


.apply li.g03{ position:absolute; top:72px; left:609px; border:none; cursor:pointer; z-index:999999; width:47px; height:53px; background:url(images/pd/icon/g03.png) no-repeat center top; text-indent:-999999px;transition: 0.3s; }
.apply li.g03:hover{ position:absolute; top:72px; left:609px;cursor:pointer; z-index:9999999999999999999999999999999; width:212px; height:212px; background:#FFF url(images/pd/g03/03_DS100_s.png) no-repeat center top; text-indent:0px; border:1px solid #86d7db; border-radius:50%;  margin:-80px 0 0 -80px; text-align:center; font-size:20px; padding-top:20px; color:#136b6e; font-weight:500; text-shadow:3px 3px 3px #fff;}


.apply li.p03{ position:absolute; top:105px; left:881px; border:none; cursor:pointer; z-index:999999; width:47px; height:57px; background:url(images/pd/icon/p03.png) no-repeat center top; text-indent:-999999px;transition: 0.3s; }
.apply li.p03:hover{ position:absolute; top:105px; left:881px;cursor:pointer; z-index:9999999999999999999999999999999; width:212px; height:212px; background:#FFF url(images/pd/p01/01_DPtron_s.png) no-repeat center top; text-indent:0px; border:1px solid #86d7db; border-radius:50%;  margin:-80px 0 0 -80px; text-align:center; font-size:20px; padding-top:130px; color:#136b6e; font-weight:500; text-shadow:3px 3px 3px #fff;}


.apply li.p06{ position:absolute; top:157px; left:992px; border:none; cursor:pointer; z-index:999999; width:46px; height:56px; background:url(images/pd/icon/p06.png) no-repeat center top; text-indent:-999999px;transition: 0.3s; }
.apply li.p06:hover{ position:absolute; top:157px; left:992px;cursor:pointer; z-index:9999999999999999999999999999999; width:212px; height:212px; background:#FFF url(images/pd/p01/01_t2000_s.png) no-repeat center top; text-indent:0px; border:1px solid #86d7db; border-radius:50%;  margin:-80px 0 0 -80px; text-align:center; font-size:20px; padding-top:90px; color:#136b6e; font-weight:500; text-shadow:3px 3px 3px #fff;}


.apply li.g04{ position:absolute; top:248px; left:830px; border:none; cursor:pointer; z-index:999999; width:47px; height:53px; background:url(images/pd/icon/g04.png) no-repeat center top; text-indent:-999999px;transition: 0.3s; }
.apply li.g04:hover{ position:absolute; top:248px; left:830px;cursor:pointer; z-index:9999999999999999999999999999999; width:212px; height:212px; background:#FFF url(images/pd/g03/03_PMSeries_s.png) no-repeat center top; text-indent:0px; border:1px solid #86d7db; border-radius:50%;  margin:-80px 0 0 -80px; text-align:center; font-size:20px; padding-top:20px; color:#136b6e; font-weight:500; text-shadow:3px 3px 3px #fff;}

.apply li.t01_01{ position:absolute; top:248px; left:779px; border:none; cursor:pointer; z-index:999999; width:46px; height:55px; background:url(images/pd/icon/t01_01.png) no-repeat center top;text-indent:-999999px;transition: 0.3s; }
.apply li.t01_01:hover{ position:absolute; top:248px; left:779px;cursor:pointer; z-index:9999999999999999999999999999999; width:212px; height:212px; background:#FFF url(images/pd/t02/02_TSeries_s.png) no-repeat center top; text-indent:0px; border:1px solid #86d7db; border-radius:50%;  margin:-80px 0 0 -80px; text-align:center; font-size:20px; padding-top:20px; color:#136b6e; font-weight:500; text-shadow:3px 3px 3px #fff;}

.apply li.t01_02{ position:absolute; top:222px; left:632px; border:none; cursor:pointer; z-index:999999; width:47px; height:54px; background:url(images/pd/icon/t01_02.png) no-repeat center top; text-indent:-999999px;transition: 0.3s; }
.apply li.t01_02:hover{ position:absolute; top:222px; left:632px;cursor:pointer; z-index:9999999999999999999999999999999; width:212px; height:212px; background:#FFF url(images/pd/t02/02_TSeries_s.png) no-repeat center top; text-indent:0px; border:1px solid #86d7db; border-radius:50%;  margin:-80px 0 0 -80px; text-align:center; font-size:20px; padding-top:20px; color:#136b6e; font-weight:500; text-shadow:3px 3px 3px #fff;}

.apply li.t01_03{ position:absolute; top:222px; left:270px; border:none; cursor:pointer; z-index:999999; width:50px; height:56px; background:url(images/pd/icon/t01_03.png) no-repeat center top; text-indent:-999999px;transition: 0.3s; }
.apply li.t01_03:hover{ position:absolute; top:222px; left:270px;cursor:pointer; z-index:9999999999999999999999999999999; width:212px; height:212px; background:#FFF url(images/pd/t02/02_TSeries_s.png) no-repeat center top; text-indent:0px; border:1px solid #86d7db; border-radius:50%;  margin:-80px 0 0 -80px; text-align:center; font-size:20px; padding-top:20px; color:#136b6e; font-weight:500; text-shadow:3px 3px 3px #fff;}

.apply li.p01{ position:absolute; top:181px; left:308px; border:none; cursor:pointer; z-index:999999; width:50px; height:56px; background:url(images/pd/icon/p01.png) no-repeat center top; text-indent:-999999px;transition: 0.3s; }
.apply li.p01:hover{ position:absolute; top:181px; left:308px; cursor:pointer; z-index:9999999999999999999999999999999; width:212px; height:212px; background:#FFF url(images/pd/p01/01_dps100_s.png) no-repeat center top; text-indent:0px; border:1px solid #86d7db; border-radius:50%;  margin:-80px 0 0 -80px; text-align:center; font-size:20px; padding-top:20px; color:#136b6e; font-weight:500; text-shadow:3px 3px 3px #fff;}

.apply li.c01{ position:absolute; top:165px; left:104px; border:none; cursor:pointer; z-index:999999; width:59px; height:68px; background:url(images/pd/icon/c01.png) no-repeat center top; text-indent:-999999px;transition: 0.3s; }
.apply li.c01:hover{ position:absolute; top:165px; left:104px;cursor:pointer; z-index:9999999999999999999999999999999; width:212px; height:212px; background:#FFF url(images/pd/c05/05_T8-Series_s.png) no-repeat center top; text-indent:0px; border:1px solid #86d7db; border-radius:50%;  margin:-80px 0 0 -80px; text-align:center; font-size:20px; padding-top:170px; color:#136b6e; font-weight:500; text-shadow:3px 3px 3px #fff;}


.apply li.p04{ position:absolute; top:374px; left:244px; border:none; cursor:pointer; z-index:999999; width:47px; height:53px; background:url(images/pd/icon/p04.png) no-repeat center top; text-indent:-999999px;transition: 0.3s; }
.apply li.p04:hover{ position:absolute; top:374px; left:244px;cursor:pointer; z-index:9999999999999999999999999999999; width:212px; height:212px; background:#FFF url(images/pd/p01/01_PR282_s.png) no-repeat center top; text-indent:0px; border:1px solid #86d7db; border-radius:50%;  margin:-80px 0 0 -80px; text-align:center; font-size:20px; padding-top:20px; color:#136b6e; font-weight:500; text-shadow:3px 3px 3px #fff;}

.apply li.p05_01{ position:absolute; top:391px; left:199px; border:none; cursor:pointer; z-index:999999; width:39px; height:59px; background:url(images/pd/icon/p05.png) no-repeat center top; text-indent:-999999px;transition: 0.3s; }
.apply li.p05_01:hover{ position:absolute; top:391px; left:199px;cursor:pointer; z-index:9999999999999999999999999999999; width:212px; height:212px; background:#FFF url(images/pd/p01/01_SP100_s.png) no-repeat center top; text-indent:0px; border:1px solid #86d7db; border-radius:50%;  margin:-80px 0 0 -80px; text-align:left; font-size:20px; padding-top:100px;  padding-left:10px; color:#136b6e; font-weight:500; text-shadow:3px 3px 3px #fff;}

.apply li.p05_02 {position:absolute; top:391px; left:290px; border:none; cursor:pointer; z-index:999999; width:39px; height:59px; background:url(images/pd/icon/p05.png) no-repeat center top; text-indent:-999999px;transition: 0.3s; }
.apply li.p05_02:hover{ position:absolute; top:391px; left:290px;cursor:pointer; z-index:9999999999999999999999999999999; width:212px; height:212px; background:#FFF url(images/pd/p01/01_SP100_s.png) no-repeat center top; text-indent:0px; border:1px solid #86d7db; border-radius:50%;  margin:-80px 0 0 -80px; text-align:left; font-size:20px; padding-top:100px; padding-left:10px; color:#136b6e; font-weight:500; text-shadow:3px 3px 3px #fff;}


.apply li.p05_03 {position:absolute; top:391px; left:564px; border:none; cursor:pointer; z-index:999999; width:39px; height:59px; background:url(images/pd/icon/p05.png) no-repeat center top;text-indent:-999999px;transition: 0.3s; }
.apply li.p05_03:hover{ position:absolute; top:391px; left:564px;cursor:pointer; z-index:9999999999999999999999999999999; width:212px; height:212px; background:#FFF url(images/pd/p01/01_SP100_s.png) no-repeat center top; text-indent:0px; border:1px solid #86d7db; border-radius:50%;  margin:-80px 0 0 -80px; text-align:left; font-size:20px; padding-top:100px; padding-left:10px; color:#136b6e; font-weight:500; text-shadow:3px 3px 3px #fff;}

.apply li.f01_01{ position:absolute; top:494px; left:173px; border:none; cursor:pointer; z-index:999999; width:38px; height:60px; background:url(images/pd/icon/f01.png) no-repeat center top;text-indent:-999999px;transition: 0.3s; }
.apply li.f01_01:hover{ position:absolute; top:494px; left:173px;cursor:pointer; z-index:9999999999999999999999999999999; width:212px; height:212px; background:#FFF url(images/pd/f04/04_WFS100_s.png) no-repeat center top; text-indent:0px; border:1px solid #86d7db; border-radius:50%;  margin:-80px 0 0 -80px; text-align:left; font-size:20px; padding-top:110px; padding-left:10px; color:#136b6e;font-weight:500; text-shadow:3px 3px 3px #fff;}

.apply li.f01_02 {position:absolute; top:494px; left:622px; border:none; cursor:pointer; z-index:999999; width:38px; height:60px; background:url(images/pd/icon/f01.png) no-repeat center top; text-indent:-999999px;transition: 0.3s; }
.apply li.f01_02:hover{ position:absolute; top:494px; left:622px;cursor:pointer; z-index:9999999999999999999999999999999; width:212px; height:212px; background:#FFF url(images/pd/f04/04_WFS100_s.png) no-repeat center top; text-indent:0px; border:1px solid #86d7db; border-radius:50%;  margin:-80px 0 0 -80px; text-align:left; font-size:20px; padding-top:110px; padding-left:10px; color:#136b6e;font-weight:500; text-shadow:3px 3px 3px #fff;}



/*****app*******/


/*****************1229 추가*******************/
/*
.main_section .main_btn01{ display:inline-block !important; position:absolute; top:580px; left:0; width:210px; height:210px; background:#cad5de url(images/main_btn01.png) no-repeat center 15px ; border-radius:2px; cursor:pointer; z-index:9999999999999999999999999999999;transition: 0.3s; text-align:center; padding-top:165px; 
}
*/
/*
.main_section .main_btn01{ display:inline-block !important; position:absolute; top:546px; left:0; width:240px; height:250px; background:rgba(9, 116, 121, 0.9) url(images/main_btn01.png) no-repeat center 15px ; cursor:pointer; z-index:9999999999999999999999999999999;transition: 0.3s; text-align:center; padding-top:165px;
}
.main_btn01:hover{ background:rgba(0, 156, 165, 0.9) url(images/main_btn01.png) no-repeat center 15px ;}
.main_section .main_btn01 span a{display:inline-block !important;  color:#fff; font-size:17px; font-weight:500; letter-spacing:2; text-align:center;}
.main_section .main_btn01 span a:hover{ color:#c6fdff; }

.main_btn01 ul{	list-style:none; 	display:inline-block; 	margin:10px 0;	padding:0;	text-align:left;}
.main_btn01 ul li{ font-size:14px; font-weight:100; color:#9cfff4; line-height:1.2;  }

*/
.main_section .main_btn02{ display:inline-block !important; width:300px; height:121px; box-sizing:border-box; position:absolute; top:475px; left:0;  background:rgba(255, 255, 255, 0.9) url(images/dwyer.png) no-repeat center center ; cursor:pointer; z-index:9999999999999999999999999999999;transition: 0.3s; text-align:center;  text-indent:-9999px;}
.main_section .main_btn20{ display:inline-block !important;box-sizing:border-box;  width:300px; height:60px;  background:rgba(255, 255, 255, 0.9) ; cursor:pointer; z-index:9999999999999999999999999999999;transition: 0.3s; text-align:center; font-size:19px; color:#054a54; text-transform:uppercase; font-weight:300; line-height:60px;}
.main_section .main_btn20:hover{ background:#147c8a; color:#fff;}
#main_btn21{position:absolute; top:600px; left:0; }
#main_btn22{position:absolute; top:664px; left:0;}	
#application{ text-indent:-9999px;}
/*.main_section .main_btn22{ display:inline-block !important;box-sizing:border-box;   width:300px; height:60px; position:absolute; top:664px; left:0; background:rgba(255, 255, 255, 0.9) ; cursor:pointer; z-index:9999999999999999999999999999999;transition: 0.3s; text-align:center; font-size:19px; color:#054a54;text-transform:uppercase; line-height:60px}
.main_section .main_btn22:hover{ background:#147c8a; color:#fff;}
*/

.main_section .main_btn220{list-style:none; width:180px; position:absolute; top:475px;left:304px; display:none;  }

.main_section .main_btn220 li{display:inline-block !important;box-sizing:border-box;   width:180px; height:33px; font-size:16px; background:#147c8a; color:#fff; text-align:center;line-height:33px; margin-bottom:3px; cursor:pointer;transition: 0.3s; }
.main_section .main_btn220 li:hover{background:#fff; color:#147c8a; font-weight:300;}
/* Clear floats after the tab */

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}




/* Mobile(모바일)*/
@media all and  (max-width:1200px) { 

.main_section .main_btn02{ display:inline-block!important; width:200px; height:121px; box-sizing:border-box; position:absolute; top:300px;left:30px;  background:rgba(255, 255, 255, 0.9) url(images/dwyer.png) no-repeat center center ; cursor:pointer; z-index:9999999999999999999999999999999;transition: 0.3s; text-align:center;  text-indent:-9999px;}

.main_section .main_btn20{ display:inline-block!important;box-sizing:border-box;  width:200px; height:60px;  background:rgba(255, 255, 255, 0.9) ; cursor:pointer; z-index:9999999999999999999999999999999;transition: 0.3s; text-align:center; font-size:19px; color:#054a54; text-transform:uppercase; font-weight:300; line-height:60px;}
.main_section .main_btn20:hover{ background:#147c8a; color:#fff;}
#main_btn21{position:absolute; top:425px; left:30px; }
#main_btn22{position:absolute; top:489px; left:30px;}	
#application{ text-indent:-9999px;}

.main_section .main_btn220{list-style:none; width:200px; position:absolute; top:553px;left:30px; display:none;  }

.main_section .main_btn220 li{display:block!important;box-sizing:border-box;   width:200px; height:33px; font-size:16px; background:#147c8a; color:#fff; text-align:center;line-height:33px; margin-bottom:3px; cursor:pointer;transition: 0.3s; }
.main_section .main_btn220 li:hover{background:#fff; color:#147c8a; font-weight:300;}
/* Clear floats after the tab */

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}


}