@charset "utf-8";


/* 전체 */
#wrapper { overflow:hidden; position:relative; padding-top:120px }

@media screen and (max-width:1040px) {
	#wrapper { padding-top:38px }
	.layer_ppopp { top:0 !important; left:0 !important; width:50% !important; }
	.layer_ppopp img { max-width:100% !important; width:100% !important; height:auto !important }
	.layer_ppopp:nth-child(2n) { left:auto !important; right:0 !important }
}

@media screen and (max-width:480px) {
	.layer_ppopp { width:100% !important; }
}

/* 페이징로딩 */
#page_loading {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:9999999}
#page_loading > .inner {display:table; width:100%; height:100%}
.load {display:table-cell; margin:auto; width:100px; text-align:center; font-size:0; vertical-align:middle;}
.load > div {display:inline-block; width:100px; height:56px; background:url('../images/main/loading.png') no-repeat; -webkit-animation:loadingAni 1.2s infinite ease-in-out; animation:loadingAni 1.2s infinite ease-in-out;}
@-webkit-keyframes loadingAni {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes loadingAni {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(0deg) rotateY(-180.1deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(-180.1deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes ldio-3tdaxp6oxhk {
  0% { transform: translate(-50%,-50%) rotate(0deg); -webkit-transform: translate(-50%,-50%) rotate(0deg);}
  100% { transform: translate(-50%,-50%) rotate(360deg); -webkit-transform: translate(-50%,-50%) rotate(360deg);}
}
.ldio-3tdaxp6oxhk div {
  position: absolute;
  width:50px;
  height:50px;
  border:10px solid #166adc;
  border-top-color: transparent;
  border-radius:50%;
}
.ldio-3tdaxp6oxhk div {
  animation: ldio-3tdaxp6oxhk 1s linear infinite;
  -webkit-animation: ldio-3tdaxp6oxhk 1s linear infinite;
  top: 100px;
  left: 100px
}
.loadingio-spinner-rolling-t79bvdgxqce {
  width:200px;
  height:200px;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  display: inline-block;
  overflow: hidden;
  background:#ffffff;
}
.ldio-3tdaxp6oxhk {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  -webkit-transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
  -webkit-transform-origin: 0 0;
}
.ldio-3tdaxp6oxhk div { box-sizing: content-box; -webkit-box-sizing: content-box;}
/* generated by https://loading.io/ */

/* ===================================================================== */

/* 메인 비주얼 텍스트 */
#main_slider_benner {
	width:1200px;
	margin:0 auto;
	position:relative;
}
#main_slider_benner .slider {
	width:100%;
	margin:0 auto;
	padding-top:50px;
}

#main_slider_benner .slider img {
	width:100%;
}

/* 화살표 */
#main_slider_benner .slider .slick-arrow { 
	position:absolute; top:50%; margin-top:-29px; bottom:0; left:-135px; width:37px; height:37px;
	border-radius:0; border:0; cursor:pointer; font-size:0;
	-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms
}
#main_slider_benner .slider .slick-next { left:auto; right:-135px; }
#main_slider_benner .slider .slick-prev { background:#fff url('../images/main/gall_prev.png') no-repeat center }
#main_slider_benner .slider .slick-next { background:#fff url('../images/main/gall_next.png') no-repeat center }

/* 파란 텍스트 박스 */
.main_visualText {
	width:360px;
	padding:40px;
	background-color:#004ad2;
	position:absolute;
	left:-60px;
	top:0;
}
.main_visualText h2 {
	line-height:1.3;
	color:#fff;
	font-size:35px;
	word-break:keep-all;
	letter-spacing:-1px;
	padding-bottom:15px;
}
.main_visualText p {
	line-height:1.4;
	font-size:15px;
	color:rgba(255,255,255,0.7);
	word-break:keep-all;
}
.main_visualText a {
	width:100%;
	line-height:50px;
	margin-top:105px;
	color:#0068d2;
	background-color:#fff;
	text-align:center;
	display:block;
}

@media (max-width:1370px) {
	#main_slider_benner .slider .slick-arrow { left:-40px; }
	#main_slider_benner .slider .slick-next { left:auto; right:-40px; }
	.main_visualText {
		padding:30px;
		position:absolute;
		left:0px;
		top:0;
	}
}
@media (max-width:1260px) {
	#main_slider_benner { width:980px; margin:0 auto; }
}
@media screen and (max-width:1060px) {
	
	#main_slider_benner {width:100%; padding:0 30px 30px 30px;}
	.main_visualText {
		width:300px;
		position:absolute;
		left:30px;
		top:50px;
	}
	.main_visualText h2 {
		font-size:24px;
	}
	.main_visualText p {
		font-size:15px;
	}
	.main_visualText a {
		margin-top:35px;
	}
}
@media screen and (max-width:820px) {

	#main_slider_benner {width:100%; padding:0px; padding-bottom:200px;}
	#main_slider_benner .slider { padding-top:20px; }

	.main_visualText {
		width:100%;
		max-height:230px;
		padding:20px;
		box-sizing:border-box;
		position:absolute;
		left:0px;
		top:320px;
	}
	.main_visualText h2 {
		font-size:21px;
	}
	.main_visualText a {
		margin-top:35px;
	}

}
@media screen and (max-width:780px) {

	#main_slider_benner .slider .slick-arrow { left:0px; }
	#main_slider_benner .slider .slick-next { left:auto; right:0; }

	.main_visualText {
		width:100%;
		max-height:230px;
		padding:20px;
		box-sizing:border-box;
		position:absolute;
		left:0px;
		top:280px;
	}

}
@media screen and (max-width:630px) {

	#main_slider_benner {width:100%; padding:0px; padding-bottom:200px;}

	.main_visualText {
		position:absolute;
		left:0px;
		top:250px;
	}
	.main_visualText h2 {
		font-size:20px;
	}
	.main_visualText p {
		font-size:13px;
		font-weight:300;
	}
	.main_visualText a {
		line-height:35px;
		margin-top:35px;
	}

}
@media screen and (max-width:590px) {
	#main_slider_benner .slider img {
		width:136%;
	}
	.main_visualText {
		position:absolute;
		left:0px;
		top:320px;
	}
}
@media screen and (max-width:500px) {

	#main_slider_benner {padding-bottom:200px;}

	.main_visualText {
		position:absolute;
		left:0px;
		top:250px;
	}
}
@media screen and (max-width:430px) {

	#main_slider_benner {padding-bottom:210px;}
	.main_visualText {
		position:absolute;
		left:0px;
		top:220px;
	}
}
@media screen and (max-width:384px) {

	#main_slider_benner {padding-bottom:200px;}
	#main_slider_benner .slider img {
		width:140%;
	}
	.main_visualText {
		position:absolute;
		left:0px;
		top:195px;
	}
}
@media screen and (max-width:350px) {

	#main_slider_benner {padding-bottom:230px;}
}



	

/* ===================================================================== */

.slider_notice {width:1200px; margin:0 auto;}

/* 공지사항 */
.board_box_wrap { width:100%; max-width:100%; margin-top:20px; z-index:10; }
.board_page { 
	width:100%; 
	height:47px; 
	line-height:30px;
	border-bottom:1px solid #c7c7c7; 
	padding:8px 0; 
	overflow:hidden; 
	display:block;
	clear:both;
}
.board_page h3 {
	width:130px;
	line-height:36px;
	font-weight:700;
	font-size:24px;
	color:#000;
	float:left; 
}
.board_page ul {
	width:calc(100% - 130px);
	float:left;
}
.board_page li a.subject{ 
	width:calc(100% - 110px);
	font-size:16px; 
	font-weight:400; 
	color:#333; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
	vertical-align:top; 
	display:block; 
	overflow:hidden; 
	float:left; 
}
.board_page li a.subject:hover { text-decoration:underline }
.board_page li .date { 
	width:110px;
	font-size:16px;
	color:#818181;
	display:block;
	float:left; 
}
.board_page ul.news .slick-prev.slick-arrow { display:none !important }

@media (max-width:1370px) {
}
@media (max-width:1260px) {
	.slider_notice {width:980px;}
}
@media screen and (max-width:1060px) {
	.slider_notice {width:100%; padding:0 30px;}
}
@media screen and (max-width:480px) {
	.slider_notice {padding:0 20px;}

	.board_page { 
		height:76px;
		line-height:13px;
	}

	.board_page h3 {
		width:100%;
		font-size:20px;
		padding-bottom:8px;
		float:none; 
	}
	.board_page ul {
		width:100%;
		float:none;
	}
	.board_page li a.subject{ 
		width:calc(100% - 90px);
		font-size:14px; 
	}
	.board_page li .date { 
		width:90px;
		font-size:14px;
	}
}

/* ===================================================================== */

.mainTitle {
	width:100%;
	text-align:center;
	margin-bottom:40px;
	color:#000;
}
.mainTitle h2 {
	line-height:1.5;
	font-size:36px;
	font-weight:700;
}
.mainTitle p {
	font-size:16px;
	font-weight:300;
}

/* CRO */
.cro {
	width:1200px;
	margin:80px auto;
	overflow:hidden;
}
.cro li {
	width:31.33%;
	margin-right:3%;
	margin-bottom:3%;
	float:left;
}
.cro li:nth-child(3n) {
	margin-right:0;
}
.cro li a {
	display:block;
}
.cro li p {
	position:relative;
}
.cro li p > img {
	width:100%;
}
.cro li p > span {
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	background-color:#f5f5f5;
	position:absolute;
	right:0;
	bottom:0;
	overflow:hidden;
	display:block;
}
.cro li p > span em {
	color:#fff;
	padding-left:10px;
	font-style:normal;
	display:none;
}
.cro li p > span i {
	width:60px;
	height:60px;
	line-height:60px;
	color:#575757;
	display:inline-block;
	float:right;
}
.cro li p:hover > span {
	width:160px;
	background-color:#2d5497;
}
.cro li p:hover > span em {
	display:inline-block;
}
.cro li p:hover > span i {
	color:#fff;
}
.cro li span.eng {
	margin:25px 0 15px;
	padding:0 10px;
	font-size:15px;
	font-weight:300;
	border:1px solid #18307a;
	color:#18307a;
	display:inline-block;
}
.cro li h3 {
	line-height:1.5;
	color:#383838;
	font-size:20px;
	font-weight:400;
	padding-bottom:10px;
	word-break:keep-all;
}
.cro li h4 {
	color:#6c6c6c;
	font-size:15px;
	font-weight:300;
	word-break:keep-all;
}


@media (max-width:1370px) {
}
@media (max-width:1260px) {
	.cro {width:980px;}
}
@media screen and (max-width:1060px) {
	.cro {width:100%; padding:0 20px;}
	.cro li p > span {
		width:40px;
		height:40px;
		line-height:40px;
	}
	.cro li p > span i {
		width:40px;
		height:40px;
		line-height:40px;
	}
	.cro li span.eng { font-size:13px; }
	.cro li h3 { font-size:17px; }
	.cro li h4 { font-size:14px; }
}
@media screen and (max-width:480px) {
		
	.mainTitle {
		margin-bottom:30px;
	}
	.mainTitle h2 {
		font-size:30px;
	}
	.mainTitle p {
		font-size:14px;
	}

	.cro {		
		margin:30px auto;
	}
	.cro li {
		width:100%;
		margin-right:0;
		margin-bottom:30px;
	}
	.cro li span.eng { margin:15px 0 5px; }
	.cro li h3 {padding-bottom:5px;}
}


/* service */
.local_creator {
	width:100%;
	max-width:1920px;
    margin:80px auto;
	padding:50px 0;
	background:url('/images/main/cronex_service_bg.jpg') no-repeat center 0;
	overflow:hidden;
}
.local_creator .slider {
	width:1440px;
	margin:30px auto 0;
}
.local_creator .slider .image {
	padding:0 14px;
	position:relative;
	overflow:hidden;
}
.local_creator .slider .image .img {
	width:100%;
	margin:0 auto;
}
.local_creator .slider .image .img img {
	width:100%;
	height:100%;
	opacity:1;
	-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;
}
.local_creator .slider .image:hover .img img {
	opacity:1;
}
.local_creator .image .tit {
	color:#000;
    background:#fff;
	font-size:16px;
    width:100%;
    height:140px;
    padding:30px;
	z-index:2
	position:absolute;
	bottom:140px;
    left:0;
}
.local_creator .image .tit h3 {
	font-size:24px;
	font-weight:500;
	padding-bottom:10px;
	color:#1e1e1e;
}
.local_creator .image .tit p {
	font-size:14px;
	color:#4f4f4f;
	font-weight:300;
}

/* 화살표 */
.local_creator .slider .slick-arrow { 
	position:absolute; top:50%; margin-top:-30px; bottom:0; left:-17px;
    font-size:0;
    z-index:9;
    width:60px;
    height:60px;
    border-radius:64px;
    box-shadow:0px 0px 14px rgba(0,0,0,0.5);
	border:0; cursor:pointer; 
	-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms
}
.local_creator .slider .slick-next { left:auto; right:-17px; }
.local_creator .slider .slick-prev { background:url('/images/main/gray_next.png') no-repeat 0 0 }
.local_creator .slider .slick-next { background:url('/images/main/gray_next.png') no-repeat 0 -60px }

@media (max-width:1570px) {
	.local_creator .slider { width:1180px; }
	.local_creator .slider .slick-arrow { left:0; }
	.local_creator .slider .slick-next { left:auto; right:0; }
}
@media (max-width:1260px) {
	.local_creator .slider { width:980px; }
}
@media screen and (max-width:1060px) {
	.local_creator .slider {
		width:80%;
	}
}
@media (max-width:765px) {
	.local_creator h3 img {
		width:50%;
	}
}
@media screen and (max-width:480px) {
	.local_creator { 
		height:460px;
		margin:30px auto;
		padding:30px 0;
	}
	.local_creator .slider .slick-arrow { 
		width:40px;
		height:40px;
		border-radius:44px;
	}
	.local_creator .slider .slick-prev { background:url('/images/main/gray_next.png') no-repeat -10px -10px }
	.local_creator .slider .slick-next { background:url('/images/main/gray_next.png') no-repeat -8px -70px }
}

/* ===================================================================== */

/* RND - 4개 */
.rnd {
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
.rnd div {
	width:50%;
	float:left;
}
.rnd a {
	width:100%;
	padding:60px 0 290px 60px;
	position:relative;
	display:block;
}
.rnd h3 {
	color:#fff;
	font-size:36px;
	font-weight:400;
}
.rnd p {
	font-size:19px;
	color:rgba(255,255,255,0.6);
}
.rnd span {
	width:50px;
	height:50px;
	line-height:50px;
	color:rgba(255,255,255,0.6);
	text-align:center;
	border:1px solid rgba(255,255,255,0.6);
	display:block;
	position:absolute;
	right:60px;
	top:60px;
}
.rnd div:hover span {
	background:#fff;
	color:#000;
}
.rnd .rnd_1 {
	background:url('/images/main/cronex_rnd_img01.jpg') no-repeat center 0;
}
.rnd .rnd_2 {
	background:url('/images/main/cronex_rnd_img02.jpg') no-repeat center 0;
}
.rnd .rnd_3 {
	background:url('/images/main/cronex_rnd_img03.jpg') no-repeat center 0;
}
.rnd .rnd_4 {
	background:url('/images/main/cronex_rnd_img04.jpg') no-repeat center 0;
}

@media (max-width:1060px) {
	.rnd {width:100%;}
	.rnd a { padding:30px 0 220px 30px; }
	.rnd h3 { font-size:30px; }
	.rnd p { font-size:16px; }
	.rnd span {
		position:absolute;
		left:30px;
		top:120px;
	}
	.rnd .rnd_1 { background-size:cover;}
	.rnd .rnd_2 { background-size:cover;}
	.rnd .rnd_3 { background-size:cover;}
	.rnd .rnd_4 { background-size:cover;}
}
@media (max-width:480px) {
	
	.rnd div {
		width:100%;
		max-height:300px;
		float:none;
	}
	.rnd a { padding:30px 30px 220px 30px; }
	.rnd span {
		position:absolute;
		left:30px;
		top:220px;
	}
}

/* 버튼 스타일 */
.bg-light { background:#f2f2f2; }
.culture_btn {
	line-height:60px;
	text-align:center;
	color:#fff!important;
	display:block;
	position:absolute;
	left:30px;
	right:30px;
	bottom:30px;
}
.btn_style01 {
	background:#d7006e;
}
.btn_style02 {
	background:#01bab3;
}
.btn_style03 {
	background:#fea30c;
}


/* 자료실&제무정보 */
.data_investors {
	width:100%;
	margin-top:80px;
	overflow:hidden;
}
.data_investors .dataBox {
	width:50%;
	min-height:570px;
	padding:60px 0;
	background-color:#ededed;
	float:left;
}
.dataBoard {
	width:600px;
	float:right;
}
.dataBoard ul {
	width:95%;
}
.dataBoard ul li {
	line-height:60px;
	background:#fff;
	margin-bottom:5px;
	overflow:hidden;
}
.dataBoard ul li.noneData {
	line-height:330px;
	background:#fff;
	text-align:center;
	font-size:16px;
}
.dataBoard ul li a span {
	line-height:1;
	color:#273e84;
	font-weight:500;
	font-size:14px;
	margin-right:20px;
	display:inline-block;
	float:left;
}
.dataBoard ul li a span em {
	font-size:45px;
	font-weight:700;
	font-style:normal;
	display:block;
}
.dataBoard ul li a {
	width:100%;
	color:#3d3d3d;
	font-size:20px;
	padding:10px 22px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block;
}
.dataBoard ul li a:hover {
	background:#273e84;
	color:#fff;
}
.dataBoard ul li a:hover span {
	color:#fff;
}
.dataBoard ul li a:hover span em {
	color:#fff;
}

.data_investors .investors {
	width:50%;
	min-height:570px;
	padding:60px 0;
	background:url('/images/main/cronex_investors_bg.jpg') no-repeat 0 0;
	background-size:cover;
	float:right;
}
.investorsBoard {
	width:600px;
	float:left;
}
.investorsBoard ul {
	width:95%;
	margin-left:5%;
	overflow:hidden;
}
.investorsBoard ul li {
	width:49%;
	line-height:160px;
	text-align:center;
	background-color:rgba(28,14,36,0.5);
	border:1px solid rgba(255,255,255,0.4);
	margin-bottom:2%;
	float:left;
}
.investorsBoard ul li:nth-child(2) {
	background-color:rgba(0,0,0,0.5);
	margin-left:2%;
}
.investorsBoard ul li:nth-child(3) {
	background-color:rgba(0,0,0,0.5);
	margin-right:2%;
}
.investorsBoard ul li:hover {	
	border:1px solid rgba(255,255,255,1);
}
.investorsBoard ul li a {
	width:100%;
	color:#fff;
	font-size:24px;
	display:block;
}

@media (max-width:1370px) {
}
@media (max-width:1260px) {
	.dataBoard {
		width:490px;
	}
	.dataBoard ul li a {
		font-size:17px;
	}
	.investorsBoard {
		width:490px;
	}
	.investorsBoard ul li a {
		font-size:20px;
	}
}
@media screen and (max-width:1060px) {
	.data_investors {
		margin-top:0px;
	}	
	.dataBoard {
		width:calc(100% - 15px);
	}
	.dataBoard ul li a {
		font-size:17px;
	}
	.investorsBoard {
		width:calc(100% - 15px);
	}
	.investorsBoard ul li a {
		font-size:20px;
	}
}
@media screen and (max-width:480px) {
	.data_investors .dataBox {
		width:100%;
		min-height:470px;
		padding:30px;
		float:none;
	}
	.dataBoard {
		width:100%;
	}
	.dataBoard ul {
		width:100%;
	}		
	.dataBoard ul li {
		line-height:50px;
	}
	.dataBoard ul li a span {
		font-size:12px;
		margin-right:15px;
	}
	.dataBoard ul li a span em {
		font-size:38px;
	}

	.data_investors .investors {
		width:100%;
		min-height:380px;
		padding:30px;
		float:none;
	}
	.investorsBoard {
		width:100%;
	}
	.investorsBoard ul {
		width:100%;
		margin-left:0;
	}
	.investorsBoard ul li {
		line-height:100px;
	}

}