@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
* {
	font-family: 'NanumSquare';
	margin:0; padding:0;
}
input[type="password"]{font-family: 'gulim',sans-serif;}
.drop{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html,
body {
width:100%;height:100%;
	margin: 0;
	padding: 0;
}
a {
	text-decoration:none;
	color:inherit;
}
li {
	list-style:none;
}
.clearfix{*zoom:1}
.clearfix:after{clear:both;display:block;content:'';}



.mainBtn{
	border:3px solid #52b0ee;font-weight:bold;padding:10px 30px;border-radius:30px;color:#52b0ee;font-size:18px;background:#ffffff;transition:all 0.35s;
	display: inline-block;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	box-shadow:3px 3px 3px rgba(0,0,0,0.1)
}
.mainBtn:hover{
	;color:#ffffff;
}
.mainTit{font-size:36px;font-weight:bold;letter-spacing:-1px;opacity:0;}
.mainTit2{font-size:20px;color:#888888;line-height:26px;margin-top:25px;opacity:0;letter-spacing:-1px;}





.h_wrap {
	margin: 0 auto;
	width: 1200px;
}


header {
    top: 0px;
    width: 100%;
	background:#fff;
    z-index: 9;
	border-top:4px solid #2a4071;
	border-bottom:1px solid #d1d1d1;
}

.login_area {width:100%; height:25px; background:#f1f1f1;}

.login_area ul {width:1200px; margin:0 auto;}
.login_area ul li {float:right; height:25px; padding-left:15px; box-sizing:border-box; line-height:25px; font-size:14px;}


.header {
    height:100px;
    width: 100%;
    position: relative;
}
.logo {
    position: absolute;
    top: 15px;
    left: 0;
}

.header_sub_menu {
	position: absolute;
	top: 127px;
	width: 100%;
	height: 0px;
	z-index: 9;
	overflow: hidden;
	background:rgba(251,251,251,0.98);
	float: right;
	transition:height 0.3s;
}

.header_sub_menu.view {
    height: 300px;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
}
.sub_menu_area {
    width: 1300px;
	margin:0 auto;

}
.menu_box {
    width: 130px;
    height: 260px;
    float: left;
    box-sizing: border-box;
    padding-top: 15px;

}
.menu_box.hover {
    /*background: rgba(255,255,255,0.4);*/
	background:#2a4071;
    position: relative;
    height: 314px;
	font-weight:bold;
}
.menu_box.hover a {
	color:#fff;
	/*font-weight:600;*/
}

.menu_box.hover a:hover {text-decoration:underline;}
.menu_list {
    display: block;
    text-align: center;
    width: 100%;
    text-decoration: none;
    color: #212121;
    line-height: 35px;
	font-size:14px;
	
	/*font-family:'NanumGothic'!important;*/
}
.menu_list:first-child{
	margin-bottom:20px;
	font-weight:bold;
	font-size:16px;
	letter-spacing:-1px
}

/*슬라이드배너*/
.area {
	position: relative;
	width: 100%;
	/*height: 450px;*/
	outline: 0px solid red;
}

.area .screen {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.area .screen .imgs {
	position: relative;
	left: -100%;
	width: 100%;
	height: 450px;
}

.area .screen .imgs li {
	width: 100%;
	height: 450px;
	position: absolute;
	left: 100%;
	display: none;
}

.area .screen .imgs li:first-child { display: block; }

.area .btns a {
	display:inline-block;
	position: absolute;
	top: 45%;
	font-size:30px;
	color:#606060;
	opacity:0.7;
	display:none;
}

.area .btns .btn_prev {left: 50px;}
.area .btns .btn_next {right: 50px;}


.area .navi {
	position:absolute; 
	left: 50%;
	margin-left: -8px;
	bottom: 8px;
	overflow: hidden;
}

.area .navi a {
	width: 10px; 
	height: 10px; 
	float: left; 
	margin-right: 8px; 
	display: inline-block;  
	background: #08575c;
	border-radius: 100%;
}

.area .navi a.on {background:#fff;}



section {
	position:relative;
	width:100%;
	height:auto;
}

.wrap {
	width:1200px;
	height:auto;
	margin:0 auto;

}


.box_banner {
	width:100%;
	height: 130px;
	margin: 30px 0 30px 0;
	outline:0px solid blue;
}

.box_banner div {
	float:left;
	height:130px;
}

.box_banner div.bnr_line {
	width:12px;
	height:130px;
	border-right:1px solid #d1d1d1;
}

.box_banner div.bnr {
	width:350px;
	outline:0px solid red;
}

.box_banner div.bnr_02{margin-left:10px;}
.box_banner div.bnr_03 {margin-left:10px;}

.box_banner div.bnr:hover span{
	display:block;
}
.box_banner div img {
	width:100%;
}

.bnr div {
	float:left;
	height:100px;
	margin-top:15px;
}

.bnr div.bnr_icon {
	width:100px;
	height:100px;
}

.bnr div.bnr_txt {
	width:229px;
	margin-left:20px;
	height:100px;
	font-size:15px;
	line-height:20px;
	outline:0px solid green;
	
}

.bnr_txt span {
	display:none;
	float:right;
	font-size:15px;
	padding-right:25px;
}

#sec02 {
	width:100%;
	height:auto;
	background:#f1f1f1;
	border-bottom:1px solid #d1d1d1;
}

.box_board {
	width:100%;
	height: 430px;
}

.box_board2 {
	float:left;
	width:350px;
	height:330px;
	margin-top:50px;
	background:#fff;
	/*border:1px solid #d1d1d1;*/
	box-sizing:border-box;
}

.box_board2:nth-child(1),
.box_board2:nth-child(2) {
	margin-right:25px;
}

.box_board2 .board_wrap {
	clear:both;
	margin:35px;
	width: 280px;
	height:280px;	
}

.board_tit {
	width:100%;
	height:30px;
	
	border-bottom:3px solid #292929;
}

.board_tit span {
	float:right;
}

.board_tit a {
	display:inline;
}

.board_tit a:hover {
	font-weight:bold;
}
/*
.board_list {
	width:100%;
	height:225px;
	margin-top:15px;
	border:1px solid #d1d1d1;
	color:#fff;
}
*/



footer {
	position:relative;
	width:100%;

	background:#333;
}

.footer_area {
	position:relative;
	width:100%;
}

.footer_area_01 {
	background:#f3f3f3;
}

.footer_area_02 {
	height:280px;
	border-bottom:1px solid #555;
}

/*.footer_area_03 {background:#f1f1f1;}*/
.bottom_menu {
	width:1200px;
	margin:0 auto;
	height:200px;
}

.bottom_menu .btmenu_box {
    width:183px;
    height:200px;
    float:left;
	margin-top:30px;
	padding-left:40px;
	box-sizing:border-box;
	border-right:1px solid #444;
	outline:0px solid red;
	}



.btmenu_box:last-child {
	border:none;
}

.btmenu_box:nth-child(3) {padding-left:50px;}
.btmenu_box:nth-child(4) {padding-left:35px;}
.btmenu_box:nth-child(5) {padding-left:60px;}
.fst {
	font-weight:600;
	margin-bottom:10px;
}

.btmenu_list {
    display:block;
    width:100%;
    color:#d1d1d1;
    line-height:30px;
	font-size:15px;
}

.btmenu_list:hover {
	text-decoration:underline;
}

.fst:hover {
	text-decoration:none;
}

.footer_area_03 {
	width:100%;
	min-height:180px;


	color:#d1d1d1;
}

.footer_area_03 .wrap div {
	position:relative;
	width:100%;
	text-align:center;
	margin-top:30px;
	line-height:150%;
	font-size:15px;
}

.footer_area_03 .wrap div a:hover {
	text-decoration:underline;
}

.footer_area_03 .wrap span {
	font-size:13px;
	position:relative;
	float:right;
}

/*개인정보,이용약관메뉴*/
.pvusebox {width:1200px; margin:10px auto; padding:10px 0; box-sizing:border-box; }

.pvusebox ul {width:190px; margin:0 auto;}
.pvusebox ul li {float:left; width:120px; line-height:10px; height:10px;  font-size:14px; color:#d1d1d1; box-sizing:border-box;}
.pvusebox ul li:nth-child(1) {font-weight:bold; border-right:1px solid #d1d1d1; padding-right:10px; margin-right:10px; box-sizing:border-box;}
/* 서브 사이드메뉴 */

.sidemenu{
	float:left;width:220px;
}

.sidemenu ul{
	margin-top:15px;
}

.sidemenu li{
	width:220px;
	height:50px;
	border:1px solid #dddddd;
	background:#ffffff;
	border-bottom:none;
	line-height:50px;
	padding-left:20px;
	box-sizing:border-box;
}

.sidemenu li:last-child{
	border-bottom:1px solid #dddddd;
}


.content_box{
	position:relative;
	width:950px;
	float:right;
	background:#ffffff;
	border:1px solid #dddddd;
	padding:24px;
	box-sizing:border-box;
	margin-bottom:30px;
}

.content_box2{
	position:relative;
	width:650px;
	float:left;
	margin-left:20px;
	background:#ffffff;
	border:1px solid #dddddd;
	padding:24px;
	box-sizing:border-box;
	margin-bottom:20px;
	box-shadow:5px 5px 5px rgba(0,0,0,0.05)
}
.content_box4{
	position:relative;
	width:290px;
	background:#ffffff;
	border:1px solid #dddddd;
	padding:19px;
	box-sizing:border-box;
	margin-bottom:10px;
	box-shadow:5px 5px 5px rgba(0,0,0,0.05);
	font-size:14px;
	color:#666666;
}
.content_box3{
	position:relative;
	width:calc(100% - 20px);
	margin-left:10px;
	background:#ffffff;
	border:1px solid #dddddd;
	padding:19px;
	box-sizing:border-box;
	margin-bottom:10px;
	box-shadow:5px 5px 5px rgba(0,0,0,0.05);
	font-size:14px;
	color:#666666;
}
.content_box_a{
	background:#333333 !important;
	color:#ffffff;
	font-weight:bold;
}
.content_title{
	font-size:18px;color:#2a4071;font-weight:bold;margin-bottom:15px;border-left:4px solid #2a4071;padding-left:10px;
}




/* 서브1-서브 01_ 개요 */

.subtit {
	margin-top:30px;
	width:100%;
	height:25px;
	line-height:25px;
	outline:0px solid blue;
}

.subtit div {float:left;}

.names {font-size:18px; font-weight:600;}




.aTable {
	border-top:2px solid #08575c;
	border-bottom:1px solid #d1d1d1;
	font-size:15px;
	margin-top:20px;
}

.aTable th {
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	height:30px;
	background:#e9f1f2;
}

.aTable td {
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	height:30px;
	text-indent:30px;
}

.txtbox {
	width:100%;
	height:150px;
	margin-top:20px;
	background:#f9f9f9;
	padding:20px;
	box-sizing:border-box;
	font-size:15px;
}

.y_box {
	width:100%;
	height: 200px;
	margin-top:20px;
}

.y_box div {
	float:left;
	/*border:1px solid #d7d7d7;*/
	box-sizing:border-box;
	text-align: justify;
}

.y_box div:nth-child(1) {
	width:140px;
	height:140px;
	margin-top:30px;
	margin-right:10px;
	/*border:1px solid #d7d7d7;*/
	box-sizing:border-box;
	background:url('/images/circle.png');
	background-repeat: no-repeat;
	padding-left:30px;
	padding-top:50px;
}

.y_box div:nth-child(2) {
	width:650px;
	height:200px;
	padding:20px;
	padding-top:25px;
	box-sizing:border-box;
	line-height:150%;

}



/*서브1-서브02_교수진소개*/

.sub-tab {
	overflow:hidden;
	margin:30px 0 30px;
}

.sub-tab li {
	box-sizing:border-box;
	float:left;
	width:400px;
	border-bottom:1px solid #333;
	border-top:1px solid #f5f5f5;
	text-align:center;
	font-size:18px;
	background:#f9f9f9;
}

.sub-tab li.on {
	width:400px;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #fff;
	border-top:1px solid #333;
	background:#fff;
}

.sub-tab li span {
	cursor:pointer;
	display:block;
	padding:10px 0;
	font-weight:400;
}

.info {
	display:none;
	width:100%;
	outline:0px solid red;
}

.info.on {
	display:block;
}


.prof_box {
	position:relative;
	width:100%;
	height:180px;
	margin-top:20px;
	border-bottom:1px solid #d1d1d1;
	
	box-sizing:border-box;
}

.prof_box div {
	float:left;
	height:160px;
}

.prof_box div.prof_thumbnail {
	width:150px;
}

.prof_box div.prof_info{
	width:650px;
}

.prof_box div.prof_thumbnail div {
	width:100px;
	height:130px;
	outline:1px solid #d1d1d1;
	margin:15px 25px;
}

.prof_box div.prof_info ul {
	width:100%;
	padding:20px;
	box-sizing:border-box;
}

.prof_box div.prof_info ul li {
	font-size:15px;
	color:#555;
	margin-top:5px;
}

.prof_box div.prof_info ul li:nth-child(2) {
	margin-top:30px;
}

.prof_box div.prof_info ul li a:hover {
	color:#0262b8;
}









/*서브1-서브03_오시는길*/
.location_info {
	width:100%;
	height:auto;
	/*outline:1px solid blue;*/
	margin-top:20px;
}

.tree {
	width:100%;
	margin-top:30px;
}

.tree dl.con {
	position:relative;
	width:100%;
	z-index:10;
	outline:0px solid green;
}

.tree dl.con dt {
	border-top:1px solid #d1d1d1;
	background:#f1f1f1;
	color:#08575c;
	padding:10px;
	font-weight:bold;
}

.tree dl.con dd {
	padding:10px;
	padding-left:30px;
	box-sizing:border-box;
	
}



/*서브2-서브01_주요연구*/
.target_step {
	width:100%;
	height:50px;

}

.target_step div {
	float:left;
	width:200px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:20px;
	color:#fff;
	font-weight:600;
}

.target_con {
	width:100%;
	height:150px;
}

.target_con div {
	float:left;
	width:184px;
	height:125px;
	line-height:130%;
	outline:1px solid #d1d1d1;
	padding-top:25px;
	text-align:center;
	box-sizing:border-box;
	margin-right:15px;
	font-size:15px;
	margin-left:1px;
}

.target_con div:first-child {
	outline:1px solid #a0cede;
}

.target_con div:nth-child(2) {
	outline:1px solid #00b9ce;
}

.target_con div:nth-child(3) {
	outline:1px solid #83cdbe;
}

.target_con div:last-child {
	outline:1px solid #0064ae;

	text-align:center;
}

.study {
	width:100%;
	height:400px;
	outline:0px solid #d1d1d1;
	margin-top:20px;
}

.study div {
	float:left;
	font-size:15px;
	color:#666;
	box-sizing:border-box;
}

.study div:nth-child(1) {width:500px;padding:20px;}
.study div:nth-child(2) {
	width:285px;
	height:300px;	
	margin-top:33px;
}









/*서브2-서브02_참여가업*/

.subimgs {
	margin-top:50px;
	width:100%;
	height:150px;
	line-height:150%;
	/*text-align:center;*/
	font-weight:600;
	outline:0px solid blue;
}

.subimg01 {background:url('/images/bg.png');}
.company_wrap {
	width:100%;
	/*height:300px;*/
	margin-top:5px;

}

.company_wrap div {
	float:left;
	/*height:400px;*/
}

.company_wrap div.cp_thumbnail {
	width: 440px;
	/*height: 300px;*/

}

.cp_thumbnail div {
	float:left;
	width:135px;
	height:80px;
	margin:10px 10px 10px 0;

}


.cp_thumbnail div img {width:100%;}
.company_wrap div.cp_con {
	width: 360px;
	height: 280px;
	line-height:150%;
	margin-top:10px;
	padding-top:60px;
	padding-left: 20px;
	border-top:2px solid #e1e1e1;
	box-sizing:border-box;
	background:#f9f9f9;
}


.cp_thumbnail_02 div {margin:100px; margin-left:145px;}

.company_wrap div.cp_con_02 {
	padding-top:30px;
}


/*서브2-서브03_대학원생 지원정책*/
.support_tbl {
	margin-bottom:30px;
}
.support_tbl th{
	padding:15px;
	box-sizing:border-box;
	border-top:2px solid #08575c;
}

.support_tbl th:nth-child(1)	{
	width:25%;
}
.support_tbl th:nth-child(2)	{
	width:25%;
}
.support_tbl th:nth-child(3)	{
	width:50%;
}
.support_tbl td {text-indent: 0; padding:30px; box-sizing:border-box; line-height:150%;}
.support_tbl td:nth-child(1) {text-align:center;}

.tbltd02 {border:1px solid #d1d1d1; text-align:center;}


.subimg02 {background:url('/images/support.jpg');}

/*서브2-서브04_기초연구개요*/
.basic_tbl {margin-bottom:30px;}
.basic_tbl td{text-indent:0; padding:25px 10px 25px 10px; box-sizing:border-box; text-align:center; border:1px solid #d1d1d1;}
.basic_tbl td.tbltd05 {border-right:none;}
.basic_tbl th {border-top:2px solid #08575c;}
.basic_tbl th:nth-child(1) {width:0.5%; padding:15px; box-sizing:border-box;}
.basic_tbl th:nth-child(2) {width:28%;}
.basic_tbl th:nth-child(3) {width:1.5%;}
.basic_tbl th:nth-child(4) {width:20%;}
.basic_tbl th:nth-child(5) {width:50%; border-right:none;}



/*서브2-서브05_연구팀동향*/



ul.cbnu_tabs {
	margin:30px 0 0 0; padding:0;
    list-style: none;
    height: 51px;
    width: 100%;
	/*font-size:19px;*/

}

ul.cbnu_tabs li {
	/*font-family:'NanumGothic'!important;*/
    float: left;
    text-align:center;
    cursor: pointer;
    width: 33%;
	margin-top:1px;
	border-right:1px solid #e1e1e1;
    height: 50px;
	padding-top:7px;
	box-sizing:border-box;
    background: #f8f8f8;
    position: relative;
	font-size:15px;
}

ul.cbnu_tabs li:nth-child(1), 
ul.cbnu_tabs li:nth-child(2) {
	line-height:50px;
	padding:0;
}

ul.cbnu_tabs li:nth-child(3),
ul.cbnu_tabs li:nth-child(6) {
	border-right:none;
}
ul.cbnu_tabs li:hover{
	background:#f1f1f1;
}

ul.cbnu_tabs li.cbnu_active {
	background: #0262b8;
	text-decoration: none;
	font-weight:600;
	color:#fff;
}
.cbnu_tab_container {
    border-top: none;
    clear: both;
    float: left;
    width:100%;
    background: #FFFFFF;
	font-size:16px;
}

.cbnu_tab_content { width:100%; height:auto; /*display:none;*/}



/*#cbnu_tab1 div {float:left; margin-top:10px; }*/

.subtit02 div {float:left;}

.bio_tbl {margin-top:10px;}
.bio_tbl td {text-indent:0; padding:20px; box-sizing:border-box;}
.bio_tbl td:nth-child(1) {border-right:1px solid #d1d1d1; text-align:center; }


.bio_tbltd1 {background: #f8f8f8;}


 .cbnu_tab6_txt {background:#f9f9f9; font-size:15px; padding:30px 15px 30px 15px;box-sizing:border-box; margin-bottom:20px;}

/*서브3-서브06_기초연구개요*/
.sch_tbl {padding:0; margin-bottom:30px;}
.sch_tbl th {border-top:2px solid #08575c;}
.sch_tbl td {border:1px solid #d1d1d1;text-indent:0; padding:10px; box-sizing:border-box;}

/*서브3-서브01_교육과정*/

.edu_tbl {
	margin:10px auto;

}
.edu_tbl td {
	text-align:center;
	border:1px solid #d1d1d1;
	
}

.edu_tbl th {
	padding:5px;
	box-sizing:border-box;
	border:1px solid #d1d1d1;
	border-top:2px solid #08575c;
	background:#e9f1f2;
}
	
.edu_tbl tr td.edu_con {
	padding:20px;
	box-sizing:border-box;
	line-height:125%;
	word-break:keep-all;

}

.edu_tbl tr td.edu_years {
	font-weight:600;
	background:#f8f8f8;
}

.edu_tbl_01 th:nth-child(1) {
	width:15%;
}
.edu_tb_01l th:nth-child(2) {
	width:25%;
}
.edu_tbl_01 th:nth-child(3) {
	width:50%;
}
.edu_tbl_01 th:nth-child(4) {
	width:10%;
}

.edu_tbl_02 th:nth-child(1) {
	width:20%;
}
.edu_tb_02l th:nth-child(2) {
	width:30%;
}
.edu_tbl_02 th:nth-child(3) {
	width:50%;
}
/*
.edu_tbl_02 th:nth-child(4) {
	width:40%;
}


*/


/*서브3-서브02_학사일정*/
.cal_tbl {margin-top:20px;color:#333;border-top:2px solid #08575c;border-bottom:2px solid #08575c;}
.cal_tbl th{
	border-right:1px solid #e1e1e1;
	padding:10px;
	box-sizing:border-box;
	background:#e9f1f2;
}

.cal_tbl th:nth-child(1) {width:15%;}
.cal_tbl th:nth-child(2) {width:25%;}
.cal_tbl th:nth-child(3) {width:60%; border-right:none;}

.cal_tbl td {
	border:1px solid #e1e1e1;
	padding:20px;
	box-sizing:border-box;
	text-align:center;
	font-size:15px;
	line-height:150%;
}

.cal_tbl td:nth-child(1) {border-left:none;}
.cal_tbl td.cal_sch	 {border-right:none;text-align:left;}



/*서브3_서브03_입학안내*/

.recruit_file {
	width:100%;
	height:80px;
	background:#f1f1f1;
}

.recruit_file div {
	float:left;
}

.recruit_file div:nth-child(1) {
	height:80px;
	line-height:80px;
	text-indent:25px;
	font-weight:600;
	font-size:18px;
}

.recruit_file div.upload {
	float:right;
	margin-top:20px;
	margin-right:25px;
	width:160px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:#46748c;
	color:#fff;
}

.recruit_file div.upload:hover {
	background:#314e5c;
	transition:0.5s;
}

.recruit_tbl{
	margin:20px auto;
}

.recruit_tbl th{
	border-top:2px solid #08575c;
	padding:10px;
	border-right:1px solid #e1e1e1;
	background:#e9f1f2;
}
.recruit_tbl th:nth-child(1) {width:20%;}

.recruit_tbl th:nth-child(2) {width:70%;}

.recruit_tbl th:nth-child(3) {width:10%; border-right:none;}

.recruit_tbl td{
	border:1px solid #e1e1e1;
	color:#333;
	padding:15px;
	box-sizing:border-box;	
	font-size:15px;
}

.recruit_tbl tr td:nth-child(1) {text-align:center; font-weight:600;border-left:none;}
.recruit_tbl tr td:last-child {border-right:none;}


.recruit_tbl_02 {
	margin:20px auto;
}

.recruit_tbl_02  th {
	border-top:2px solid #08575c;
	padding:10px;
	border-right:1px solid #e1e1e1;
	background:#e9f1f2;
}

.recruit_tbl_02 td {
	border:1px solid #e1e1e1;
	color:#333;
	padding:13px;
	padding-left:20px;
	box-sizing:border-box;
	font-size:15px;
}

.recruit_tbl_02 th:nth-child(1) {width:20%;}

.recruit_tbl_02 th:nth-child(2) {width:48%;}

.recruit_tbl_02 th:nth-child(3) {width:22%; border-right:none;}

.recruit_tbl_02 tr td:first-child {border-left:none;}

.recruit_tbl_02 tr td:last-child {border-right:none;}

.recruit_tbl_02 td:nth-child(1) {font-weight:600;text-align:center;}


/* Isi */
.button--isi {
	overflow: hidden;
}
.button--isi::before {
	content: '';
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 100%;
	margin: -15px 0 0 1px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #52b0ee;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform: scale3d(1, 2, 1);
	transform: scale3d(1, 2, 1);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
	transition-timing-function: cubic-bezier(0.7,0,0.9,1);
}
.button--isi .button__icon {
	vertical-align: middle;
}
.button--isi > span {
	vertical-align: middle;
	padding-left: 0.75em;
}
.button--isi:hover::before {
	-webkit-transform: scale3d(9, 9, 1);
	transform: scale3d(9, 9, 1);
}
.effFade{position:relative;opacity:0;transition:all 1.2s;}
.effFade2{position:relative;opacity:0;transition:all 2.4s;}
.effLeft{position:relative;left:-50px;opacity:0;transition:all 1.2s;}
.effRight{position:relative;left:50px;opacity:0;transition:all 1.2s;}
.effTop{position:relative;top:-50px;opacity:0;transition:all 1.2s;}
.effBottom{position:relative;top:50px;opacity:0;transition:all 1.2s;}
.effAction{
	top:0 !important;
	left:0 !important;
	bottom:0 !important;
	opacity: 1 !important;
}
.effDelay2{transition-delay:0.2s}
.effDelay4{transition-delay:0.4s}
.effDelay6{transition-delay:0.6s}
.effDelay8{transition-delay:0.8s}
.effDelay10{transition-delay:1s}
.effDelay12{transition-delay:1.2s}
.effDelay14{transition-delay:1.4s}
.effDelay16{transition-delay:1.6s}
.effDelay18{transition-delay:1.8s}
.effDelay20{transition-delay:2s}
.effDelay22{transition-delay:2.2s}
.effDelay24{transition-delay:2.4s}
.effDelay26{transition-delay:2.6s}
.effDelay28{transition-delay:2.8s}
.effDelay30{transition-delay:3s}
.effDelay32{transition-delay:3.2s}
.effDelay34{transition-delay:3.4s}
.effDelay36{transition-delay:3.6s}
.effDelay38{transition-delay:3.8s}
.effDelay40{transition-delay:4s}
.effDelay42{transition-delay:4.2s}
.effDelay44{transition-delay:4.4s}
.effDelay46{transition-delay:4.6s}
.effDelay48{transition-delay:4.8s}
.effDelay50{transition-delay:5s}
.effDelay52{transition-delay:5.2s}
.effDelay54{transition-delay:5.4s}
.effDelay56{transition-delay:5.6s}
.effDelay58{transition-delay:5.8s}
.effDelay60{transition-delay:6s}