@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@charset "euc-kr";
body {
	margin:0;
	padding:10px 0 0 0;
	width:100%;
	color:#000;
	font:normal 14px/1.8em 'Nanum Gothic', Helvetica, sans-serif;
	   background: #fff;
}
html, .main {
	padding:0;
	margin:0;
}
.main_logo {
	position:absolute;
	padding-left:10px;
	
}

h1 {
	margin:0;
	padding:0;
	color:#FFF;
	font:bold 38px/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:-2px;
	text-align:center;
}
h1 a, h1 a:hover {
	color:#FFF;
	text-decoration:none;
}
h1 span {
	color:#f00;
}
h1 small {
	display:block;
	padding:0 10px;
	font:normal 12px/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	color:#000;
}
h2 {
	font:normal 24px Arial, Helvetica, sans-serif;
	padding:8px 0;
	margin:0;
	color:#595959;    text-shadow: 0px 1px #ffffff, 4px 4px 0px #dad7d7;
}
p {
	margin:8px 0;
	padding:0 0 8px 0;
	font:normal 14px/1.8em Arial, Helvetica, sans-serif;
}
p.spec {
}
a {
	color:#97c950;
	text-decoration:underline;
}
a.rm, a.com {
	padding:0;
	text-decoration:none;
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
	margin:0;
	padding:0;
}
.main_resize {
	padding:0;
	margin:0 auto;
	width:1300px;
	background:#fefefe;
}
.header {
	pad ding:13px;
	margin:0 auto;
	background: #fff;
	position:relative;
}

.hbg {
	padding:0;
	margin:0;
	height:120px;
}
.hbg1 {
	padding:0;
	margin:0;
	background:#45738C;
	height:360px;
	overflow:hidden;
	position:relative;
}
.hbg img {
	border-left:3px solid #fff;
	float:right;
}
.notice_wrap1 {    background: #222222;
    border-bottom: 4px solid #4F8DB3;}
.notice_more {margin: 0 auto; width: 70%; height: 40px; line-height: 6px; text-align: center; font-size:1.2em;}
.notice_more span {display:inline-block;}
.notice_more :nth-child(1) {padding:1em 2em; color:#6F6F6F; font-weight:bold;}
.notice_more :nth-child(2) {padding:1em 2em; color:#868686;}
.notice_more :nth-child(3) {padding:1em 2em; color:#6F6F6F; font-weight:bold;}
.notice_more :nth-child(4) {padding:1em 2em; color:#f00;}
.notice_more :nth-child(4) a {padding:0; color: #f00; font-weight:normal; text-decoration:none;}

.menu_nav {
	margin:0;
	padding:0;
	height:66px;
}
.menu_nav ul {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
}
.menu_nav ul li {
	margin:0;
	padding:25px 5px 5px 0;
	float:left;
}
.menu_nav ul li a {
	display:block;
	margin:0 10px;
	padding:7px 10px;
	color:#878989;
	text-decoration:none;
	font-size:16px;
	line-height:16px;
	border-bottom:5px solid #FFF;

}

.menu_nav ul li.active a, .menu_nav ul li a:hover {
	color:#45738C;
	text-decoration:none;
	border-bottom:5px solid #45738C;
	font-weight:bold;
}

.menu_nav_top {
	margin:0;
	padding:0;
	
	position:absolute;
	top:2px;
	right:-2px;
}
.menu_nav_top ul {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
}
.menu_nav_top ul li {
	margin:0;
	
	float:left;
}
.menu_nav_top ul li span img{
	width: 16px;
    position: absolute;
	}
.menu_nav_top ul li a {
	display:block;
	margin:0 10px;
	padding:2px 12px;
	color:#878989;
	text-decoration:none;
	font-size:11px;
	line-height:16px;
	
}
.menu_nav_top ul li a:hover {
	color:#f00;
	}

.content {
	padding:30px;
	margin:0;
    background: #F2F2F2;
}
.content2 {
	padding:20px;
	margin:0;
    background: #F2F2F2;
}
.mainbar {
	margin:0;
	padding:0;
	float:right;
	width:68%;
}
.mainbar img {
	width:100%;
	padding:4px;
	border:1px solid #f2f2f1;
	background:#FFF;
}
.mainbar img.fl {
	margin:4px 16px 4px 0;
	float:left;
}
.mainbar .article {
	position:relative;
	margin:0;
	padding:10px 0 5px 15px;
}
.mainbar .article h2 :nth-child(1) {
	padding-left:40px;
    background: url(../images/main_icon.png) no-repeat 0;
}

.mainbar .article h2.none :nth-child(1) {
    background:none;
}

.mainbar .article h2 :nth-child(2) {
	font-size:0.7em;
	color:#ABA3A3;
}
.browser {position:absolute;}
.browser img {border:none;background:none; width:78%;}

.btnWrap {position:absolute; top:10px; right:0px;text-shadow: 0px 1px #ffffff, 4px 4px 0px #dad7d7;}
.btnWrap input{ color:#fff;}

.btnWrap input.goBtn {padding:0.6em 1em ;border-radius:10px; background: none repeat scroll 0 0 #4f8db3;}
.btnWrap input.downBtn {padding:0.6em 1em ;border-radius:10px; background: none repeat scroll 0 0 #4f8db3;}
.btnWrap input.downBtn2 {padding:0.6em 1em ;border-radius:10px; background: none repeat scroll 0 0 #4f8db3;}
.btnWrap input.appBtn {padding:0.6em 1em ;border-radius:10px; background: none repeat scroll 0 0 #4f8db3;}

.mainbar .article a {
	color:#45738C;
}
.mainbar .post-data a {
	color:#595959;
}
.mainbar .spec a {
	padding:5px 15px;
	background:#45738C;
	color:#FFF;
}
.sidebar {
	padding:0;
	float:left;
	width:30%;
	background:#f2f2f2;
}
.sidebar h2 {
	color:#000;
	border-bottom: 2px solid #222;
	padding:10px;
	    text-shadow: 0px 1px #ffffff, 4px 4px 0px #dad7d7;
}
.sidebar h2.grey {
	background:#afafaf;
	color:#FFF;
}
.sidebar .gadget {
	margin:0;
	padding:10px 0;
}
.sidebar .gadget .title {
	text-align:right;
}
.sidebar .gadget span.q {
	text-align:right;
	font:normal 60px/12px Arial, Helvetica, sans-serif;
	color:#d9d9d9;
}

.sidebar .gadget2 {
	margin:0 auto;
    text-align:center;
}
.sidebar .gadget2 a {
	color:#fff;
	text-decoration:none;
	font-size:1.4em;
}
.sidebar .gadget2 .pre{
	width:90%;
	background:#000;
	margin:10px auto;
    text-align:center;
	color:#fff;
	padding: 16px;
	border-radius:10px;
}

.sidebar .gadget2 .pre:hover{
	
	background:#717171;
	
}
.sidebar .gadget2 .lite:hover{
	
	background:#F98B8B;
	
}

.sidebar .gadget2 .lite{
	width:90%;
	background:#f00;
	margin:10px auto;
    text-align:center;
	color:#fff;
    padding: 16px;
	border-radius:10px;
}

ul.sb_menu, ul.ex_menu, .testi {
	margin:0;
	padding:0 10px;
	color:#939393;
	list-style:none;
}
ul.sb_menu li, ul.ex_menu li {
	margin:0;
}
ul.sb_menu li {
	padding:10px 0;    border-bottom: 1px solid #cacaca;
}
ul.ex_menu li {
	padding:10px 0;
}
ul.sb_menu li a, ul.ex_menu li a {
	display:block;
	color:#545454;
	text-decoration:none;
	padding:5px 5px 5px 20px;
	backg round:url(../images/menu_link.gif) no-repeat left center;
	font-size:16px;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover, ul.sb_menu li.active a, ul.ex_menu li.active a {
	backg round:url(../images/menu_hover.gif) no-repeat left center; font-weight:bold;    color: #45738C;text-shadow: 0px 1px #ffffff, 4px 4px 0px #dad7d7;
}
ul.sb_menu li a:hover {
	te xt-decoration:underline;color:#000;
}
ul.ex_menu li a:hover {
	text-decoration:underline;
}
.content .mainbar .comment {
	margin:0;
	padding:16px 0 0 0;
}
.content .mainbar .comment img.userpic {
	border:1px solid #dedede;
	margin:10px 16px 0 0;
	padding:0;
	float:left;
}
.fbg {
	margin:0;
	padding:13px;
	background:#45738C;
}
.fbg img {
	padding:4px;
	border:1px solid #cfd2d4;
	background-color:#fff;
}
.fbg p, .fbg h2 {
	color:#fbfbfb;
}
.fbg a {
	color:#fbfbfb;
}
.fbg .col {
	margin:0;
	float:left;
	background:url(../images/fbg_line.gif) repeat-y right;
}
.fbg .c1 {
	padding:0 15px 0 0;
	width:270px;
}
.fbg .c2 {
	padding:0 15px;
	width:324px;
}
.fbg .c3 {
	padding:0 0 0 15px;
	width:290px;
	background:none;
}
.fbg .c1 img {
	margin:8px 16px 8px 0;
}
.fbg .c3 img {
	margin:8px 16px 4px 0;
	float:left;
}
.footer {background: #222;
  color: #A0A0A0;
  padding: 0 20px 10px 20px;
  border-top: 4px solid #4f8db3;
  -webkit-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
  box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
  color: 0 -1px 12px rgba(0,0,0,0.4);
}
.footer_resize {
	margin:0 auto;
	padding:20px 0;
	color:#9a9a9a;
}
.footer p {
	margin:0;
	padding:4px 0;
	line-height:inherit;
	color:#9a9a9a;
}
.footer a {
	color:#9a9a9a;
	padding:inherit;
	text-decoration:underline;
}
.footer a:hover {
	text-decoration:none;
}
.footer .lf {
	float:left;
}
.footer .rf {
	float:right;
}
ol {
	list-style:none;
}
ol li {
	display:block;
	clear:both;
}
ol li label {
	display:block;
	margin:0;
	padding:16px 0 6px 5px;
	font-size:1.2em; font-weight:bold;color: #807D7D;
}
ol li input.text {
	width:480px;
	border:1px solid #c0c0c0;
	margin:2px 0;
	padding:5px 10px;
	height:20px;
	line-height:30px;
	background:#fff;
	border-radius:10px;
}
ol li textarea {
	width:480px;
	border:1px solid #c0c0c0;
	margin:2px 0;
	padding:10px;
	background:#fff;
	border-radius:10px;
}
ol li .send {
	margin: 16px 0 0 0;
    padding: 0.6em;
    width: 80px;
    background: #45738C;
    color: #fff;
    border-radius: 10px;
}
.search {
	padding:0;
	margin:0;
}
.search span {
	width:280px;
	display:block;
	background:#FFF;
	height:29px;
	margin:0 auto;
	padding:0;
	border:1px solid #e1dddd;
}
.search input#s {
	float:left;
	width:230px;
	padding:7px 0 7px 10px;
	margin:0;
	border:0;
	background:none;
	color:#afaeae;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
}
.search .btn {
	float:left;
	padding:0;
	margin:0;
	border:0;
	width:auto;
}
.pagenavi {
	clear:both;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin:0 auto;
	text-align:right;
	padding:20px 15px;
}
.pagenavi a, .pagenavi .current {
	margin-left:3px;
	padding:3px 8px;
	text-decoration:none;
	color:#939393;
	background:#f9fbfc;
	border:1px solid #d9e3cb;
}
.pagenavi a:hover, .pagenavi .current {
	background:#45738C;
	color:#FFF;
}
.pagenavi .pages {
	float:left;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
.noticeWrap3 {background:#fff;    padding-left: 20px;
    padding-top: 1px;}
.noticeWrap3 table {    border: 1px solid #D0D0D0;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;}
.noticeWrap3 table tr th {background: #F2F2F2;}


.sidebar2 {
	padding:0;
	float:left;
	width:30%;
	background:#f2f2f2;
}

.sidebar2 .gadget {
	margin:0;
	padding:10px 0;
}
.sidebar2 .gadget .title {
	text-align:right;
}
.sidebar2 .gadget span.q {
	text-align:right;
	font:normal 60px/12px Arial, Helvetica, sans-serif;
	color:#d9d9d9;
}

.sidebar2 .gadget ul.sb_menu {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 6px;
	}

.sidebar2 .gadget ul.sb_menu li{
	margin:0;
}


.sidebar2 .gadget ul.sb_menu li {
	padding:14px 0;    
    border-bottom: 1px solid #959595; text-shadow: 0px 1px #ffffff, 4px 4px 0px #dad7d7;
}

.sidebar2 .gadget ul.sb_menu li a {
	display:block;
	 font-size: 1.4em; 
	color: #959595;
	text-decoration:none;
	padding:5px 5px 5px 20px;
	background:url(../images/menu_link.gif) no-repeat left center;
}
.sidebar2 .gadget ul.sb_menu li a:hover, .sidebar2 .gadget ul.sb_menu li.active a {
	background:url(../images/menu_hover.gif) no-repeat left center;   color: #000;
}
.sidebar2 .gadget ul.sb_menu li a:hover {
	text-decoration:underline;
}

section h3 {background:#222; height:50px; line-height:50px;padding-left:10px; margin:6px 0; color:#fff;}
.noticeWrap2 {margin:0 auto; border:2px solid #b5b5b2; background:#e0e0e0;}
.noticeWrap2 li {padding:1em;  border-bottom: 2px solid #fff;  list-style:none;}
.noticeWrap2 li a, a:link, a:visited {text-decoration:none;}

/*service center*/
.centerWrap2 {margin:0 auto; border:2px solid #b5b5b2; background:#e0e0e0;}
.centerWrap2 li {padding:1em; border-bottom: 2px solid #fff; list-style:none;}
.centerWrap2 ul li span {margin-left:0.5em; display:inline-block; vertical-align:middle;}
.centerWrap2 ul li span:first-child {width:80%;} 
.centerWrap2 ul li span:nth-child(2) {width:6%;}
.centerWrap2 ul li span:nth-child(3) {width:10%;}
section h3.not {background:#222; height:50px; line-height:50px;padding-left:10px; margin:6px 0; color:#fff;}
.q_more {position: absolute;right: 10px;top: 528px;font-size: 1.2em; color:#000; font-weight:bold;color:#fff;}
.q_more2-1 {display:none;position: absolute;right: 10px;top: 474px;font-size: 1.2em; color:#000; font-weight:bold;color:#fff;}
.q_more2-2 {position: absolute;right: 10px;top: 80px;font-size: 1.2em; color:#000; font-weight:bold;color:#fff;}

/*question_inside*/
.ques {margin:0 auto; border:2px solid #b5b5b2; background:#e0e0e0;}
.ques3 li {padding:1em; border-bottom: 2px solid #fff; list-style:none;}
.ques3 {width:99%; margin:0 auto; background:#fff;}
.ques3 p{padding-left: 10px; font-size:1em; font-weight:bold;}
.ques h4{padding-left: 10px; font-weight:bold; color:#f00;}
.ques3 ul li {padding:1em;pa dding:0.6em;  bor der-bottom: 2px solid #fff; font-weight:bold;}
.ques3 ul li ul li {padding:0.5em;pa dding:0.6em;  bor der-bottom: 2px solid #fff; font-weight:normal;}
.ques h4 {padd ing:1em; color:#000; font-weight:bold;}	
.ques3 div img {margin:0 auto; width: 70%;}

.ques3 table {    border: 1px solid #D0D0D0;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;}
.ques3 table tr th {background: #F2F2F2;}

.point_red {color:#f00;}
.bold {font-weight:bold; font-size:1.2em;}

.ques3 div table {    border: 1px solid #D0D0D0;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;}
.ques3 div table tr th {background: #F2F2F2;}
.ques3 div.chart6 {text-align:center;}
.ques3 div ul.oper_ex li {color:#f00; }
.ques3 div ul.oper_ex li ul li {color:#f00;padding-left:1em;}

/*notice_inside center*/
.notice_insideWrap2 {margin:0 auto; border:2px solid #b5b5b2; background:#e0e0e0; overflow:hidden;}
.notice_insideWrap2 li {padding:1em; border-bottom: 2px solid #fff; list-style:none;}
.notice_insideWrap2 ul li span {margin-left:0.5em; display:inline-block; vertical-align:middle;}
.notice_insideWrap2 ul li span:first-child {width:10%; font-weight:bold; font-size:1.2em;} 
.notice_insideWrap2 ul li span:nth-child(2) {width:87%;}
.notice_insideWrap2 ul li span.contents2 {width:100%; min-height:300px;font-weight:normal;}

/*notice_inside center*/
.eventWrap2 {margin:0 auto; bord er:2px solid #b5b5b2; background:#fff;}
.eventWrap2 li {padding:2em; backg round:#e0e0e0; bor der-bottom: 2px solid #fff; list-style:none;margin:1em;}
.eventWrap2 a {display:block;height: 82px;}
.eventWrap2 a:first-child {background:url(../images/event1.png) no-repeat; background-size:100%;}
.eventWrap2 a:nth-child(2) {background:url(../images/event2.png) no-repeat; background-size:100%;}
.eventWrap2 a:nth-child(3) {background:url(../images/event4.png) no-repeat; background-size:100%;}
.eventWrap2 a:nth-child(4) {background:url(../images/event4.png) no-repeat; background-size:100%;}

/*event_inside*/
.event_inside {margin:0 auto; border:2px solid #b5b5b2; background:#e0e0e0;}
.event_inside3 li {padding:1em; border-bottom: 2px solid #fff; list-style:none;}
.event_inside3 {width:98%; margin:0 auto; background:#fff; padding-left:16px;}
.inside_top{color: #0025E6; line-height: 3em; font-weight:bold;}

.event_inside3 p{padding-left: 10px; font-size:1em; font-weight:bold;}
.event_inside h4{padding-left: 10px; font-weight:bold; color:#f00;}
.event_inside3 ul li {padding:1em;pa dding:0.6em;  bor der-bottom: 2px solid #fff; font-weight:bold;}
.event_inside3 ul li ul li {padding:0.5em;pa dding:0.6em;  bor der-bottom: 2px solid #fff; font-weight:normal;}
.event_inside h4 { color:#000; font-weight:bold;}
.even a {display:none;}
.even .block {display:block;}

.content_bg1 div.s_1 {
	text-align: center;
    font-size: 2em;
    font-weight: bold;
    padding: 0.6em;
    color: #B5ADAD;}
.content_bg1 div.s_2 {    
	text-align: center;
    font-size: 2em;
    font-weight: bold;
    padding: 0.6em;}
.content_bg1 .main_bottom1 {color:#ffff;}
.content_bg1 .main_bottom1 ul {list-style:none;}
.content_bg1 .main_bottom1 ul li {position:relative; width:21%; height:220px; 
float:left;padding:20px; background:#222; margin-right:10px;border-radius:16px; box-shadow:10px 10px 10px #000;}
.content_bg1 .main_bottom1 ul li div:first-child img {position:absolute; width:20px;}
.content_bg1 .main_bottom1 ul li div:first-child p {padding:0;}
.content_bg1 .main_bottom1 ul li div:first-child .s_title {padding-left:24px;}
.content_bg1 .main_bottom1 ul li div:first-child .ss_title {text-align:center;color:#F94242;}
.content_bg1 .main_bottom1 ul li div:nth-child(2){text-align:center;}
.btnWrap1 {position: absolute; top: 25px; right: 20px;}
.btnWrap1 input.goBtn{background: none repeat scroll 0 0 #4f8db3; border-radius:6px;}
.btnWrap1 input.goBtn:hover {background: none repeat scroll 0 0 #3b3c41;
    color: #FFF;
    text-decoration: none;
    border: 1px solid #3b3c41;
}
/*main_Ãß°¡µÈ ºÎºÐ*/

.pre_lite {
	margin:0 auto;
    text-align:center;
	overflow:hidden;
	width:280px;
}
.pre_lite a {
	color:#fff;
	text-decoration:none;
}
.pre_lite .pre{
	width:110px;
	background:#000;
	marg in:5px auto;
    text-align:center;
	color:#fff;
	padding: 10px;
	border-radius:10px;
	float:left;
}

.pre_lite .pre:hover{
	
	background:#717171;
	
}
.pre_lite .lite:hover{
	
	background:#F98B8B;
	
}

.pre_lite .lite{
	width:110px;
	background:#f00;
	mar gin:0 auto;
    text-align:center;
	color:#fff;
    padding: 10px;
	border-radius:10px;
	float:left;
	margin-left: 16px;
}

.character_v {padding:0;}
.character_v ul li {list-style:none;}

.main_text{position:absolute;width: 300px;top: 150px;right: 30px;}
.main_text p:first-child {font-size:1.8em; font-weight:bold;}
.main_text p:nth-child(2) {font-size:1.2em; font-weight:bold;}


/*Slider Style*/
#sequence {
  overflow: hidden;
  width: 100%;
  max-width: 1920px;
  color: white;
  font-size: 0.625em;
  margin: 0 auto;
  position: relative;
  height: 400px;
}
#sequence img {
  max-width: 100%;
}
#sequence > .sequence-canvas {
  list-style-type: none;
  height: 400px;
  margin: 0;
  padding: 0;
  width: 100%;
}

#sequence > .top_img {
  list-style-type: none;
  height: 120px !important;
  margin: 0;
  padding: 0;
  width: 100%;
}

#sequence h2 {
  font-size: 4em;
  color: #FFF;
  text-shadow: 2px 2px 3px #444;
  border: none;
  padding-left: 0;
  margin-top: 0;
}
#sequence h3 {
  font-size: 2em;
  color: #FFF;
  text-shadow: 2px 2px 3px #444;
}
#sequence > .sequence-canvas > li {
  position: absolute;
  width: 100%;
  height: 400px;
  z-index: 1;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  -ms-transition-property: background;
  transition-property: background;
  background-position: -50px 0;
}

#sequence > .sequence-canvas > li.bg1 {
  background-image: url(../images/slider-bg1.jpg);
}
#sequence > .sequence-canvas > li.bg2 {
  background-image: url(../images/slider-bg2.jpg);
}
#sequence > .sequence-canvas > li.bg3 {
  background-image: url(../images/slider-bg3.jpg);
}
#sequence > .sequence-canvas > li.bg4 {
  background-image: url(../images/slider-bg4.jpg);
}

#sequence > .sequence-canvas > li img {
  height: 96%;
}
#sequence > .sequence-canvas li > * {
  position: absolute;
  -webkit-transition-property: left, opacity;
  -moz-transition-property: left, opacity;
  -o-transition-property: left, opacity;
  -ms-transition-property: left, opacity;
  transition-property: left, opacity;
}
.sequence-next,
.sequence-prev {
  color: white;
  cursor: pointer;
  display: none;
  font-weight: bold;
  padding: 10px 15px;
  position: absolute;
  top: 50%;
  z-index: 1000;
  height: 75px;
  margin-top: -47.5px;
}
.sequence-pause {
  bottom: 0;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
}
.sequence-paused {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.sequence-prev {
  left: 3%;
}
.sequence-next {
  right: 3%;
}
.sequence-prev img,
.sequence-next img {
  height: 100%;
  width: auto;
}
#sequence-preloader {
  background: #d9d9d9;
}
.sequence-pagination-wrapper {
  position: absolute;
  bottom: 10px;
  right: 20px;
  z-index: 99;
}
.sequence-pagination {
  display: none;
  z-index: 99;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sequence-pagination li {
  display: inline-block;
  *display: inline;
  width: 14px;
  height: 14px;
  margin: 0 4px;
  text-indent: -999em;
  border: 4px solid #4f8db3;
  cursor: pointer;
  -webkit-border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 30px;
  -moz-background-clip: padding;
  border-radius: 30px;
  background-clip: padding-box;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: background .5s, opacity .5s;
  -moz-transition: background .5s, opacity .5s;
  -o-transition: background .5s, opacity .5s;
  -ms-transition: background .5s, opacity .5s;
  transition: background .5s, opacity .5s;
}
.sequence-pagination li.current {
  background: #4f8db3;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.sequence-next,
.sequence-prev {
  position: absolute;
  opacity: 0.6;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sequence-next:hover,
.sequence-prev:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
 
#sequence .title {
  font-size: 3.8em;
  text-transform: none;
  left: 0%;
  width: 35%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  bottom: 60%;
  z-index: 50;
}
#sequence > .sequence-canvas > li.animate-in {
  background-position: 0 0;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
#sequence .animate-in .title {
  left: 15%;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#sequence .animate-out .title {
  left: 35%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.subtitle {
  color: black;
  font-size: 2em;
  left: 35%;
  width: 35%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  top: 40%;
}
.animate-in .subtitle {
  left: 15%;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.animate-out .subtitle {
  left: 65%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.slide-img {
  left: 90%;
  top: 20%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  position: relative;
  height: auto !important;
  max-height: 450px !important;
  max-width: 45% !important;
}
.animate-in .slide-img {
  left: 55%;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.animate-out .slide-img {
  left: 15%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

#sequence > .sequence-canvas > li.bg111 { background-image: url(../images/top_img.png);}
#sequence .title22 {left:6% !important; bottom:77% !important;}
.slide-img2 {top:10% !important; left:80% !important;}