/* 공통 css */
.main_wrap {position:relative;width:1300px;margin:0px auto;}
.main_wrap2 {position:relative;width:100%;margin:0px auto;height:800px;}
.main_wrap2:after {content: ''; display: block; clear: both;}
div {box-sizing:border-box;}

.score_normal{font-family: 'S-CoreDream-4Regular';}
.score_bold{font-family: 'S-CoreDream-6Bold'; }

.text_center {text-align:center;}
.text_left {text-align:left;}
.text_right {text-align:right;}

.margin_auto{margin:0 auto;}
.Rmargin_none {margin-right:0 !important;}

.float_L {float:left;}
.float_R {float:right;}
.clear {clear:both;}
/* 공통 css */

/* main css */
.index_visual{margin-bottom:100px;}

.index_img {position:absolute; right:0; top:50%;transform:translate(0,-50%);}
.index_img > img {width:100%;}
.index_bg {position:absolute;background:rgba(255,107,107,0.9);width:970px;height:800px;}
.index_txt {position:absolute;top:50%; left:50%; transform:translate(-50%,-50%);line-height:1.5;font-size:60px;color:#fff;letter-spacing:-3px;font-family:'S-CoreDream-4Regular'}
.index_txt > span {font-weight:bold; font-size:70px;}
.index_tail {position:absolute;bottom:1%; right:1%; letter-spacing:-0.8px; font-size:12px; color:#fff;}

.cont1_area {margin-bottom:100px;}
.cont2_area {width:100%; background:#f8f8f8; margin-bottom:100px;}
.cont3_area {margin-bottom:100px;}

.cont1 {}
.cont1 > a {display:block; float:left; width: calc((100%/3) - ( 6% / 3 )); margin-right:3%;position:relative;}
.cont1:after{display:block;content:"";clear:both;}
.cont1 > a > .cont1_txt {position:absolute;width:100%; text-align:center;top :25px; font-size:25px;line-height:1.4;color:#464646;}
.cont1 > a > .cont1_txt > p {padding:10px 25px;display:inline-block;color:#fff;font-weight:bold;font-size:20px; box-sizing:border-box; margin-bottom:25px;font-family:'S-CoreDream-4Regular'}

.line_box{}
.line_box .line { position: absolute;transition: all 0.4s ;}
.line_box .line1 {
	left: 0%; top: 0%; width: 0%;height: 2px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#46a9dc+0,7da09b+100 */
	background: #46a9dc; /* Old browsers */
	background: -moz-linear-gradient(left,  #46a9dc 0%, #7da09b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #46a9dc 0%,#7da09b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #46a9dc 0%,#7da09b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46a9dc', endColorstr='#7da09b',GradientType=1 ); /* IE6-9 */
	}
.line_box .line2 {
    right: 0%; top: 0%; width: 2px; height: 0; transition-delay:0.4s;
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7da09b+0,ff8b02+100 */
	background: #7da09b; /* Old browsers */
	background: -moz-linear-gradient(top,  #7da09b 0%, #ff8b02 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #7da09b 0%,#ff8b02 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #7da09b 0%,#ff8b02 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7da09b', endColorstr='#ff8b02',GradientType=0 ); /* IE6-9 */
}
.line_box .line3 {
    right: 0%; bottom: 0%; width: 0%; height: 2px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c79444+0,ff8b02+99 */
	background: #c79444; /* Old browsers */
	background: -moz-linear-gradient(left,  #c79444 0%, #ff8b02 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #c79444 0%,#ff8b02 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #c79444 0%,#ff8b02 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c79444', endColorstr='#ff8b02',GradientType=1 ); /* IE6-9 */
}
.line_box .line4 {
    left: 0%; bottom: 0%;width: 2px; height: 0;transition-delay:0.4s;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#46a9dc+0,ff8b02+99 */
	background: #46a9dc; /* Old browsers */
	background: -moz-linear-gradient(top,  #46a9dc 0%, #c79444 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #46a9dc 0%,#c79444 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #46a9dc 0%,#c79444 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46a9dc', endColorstr='#c79444',GradientType=0 ); /* IE6-9 */
}
.line_box > a:hover .line1 {width: 100%;}
.line_box > a:hover .line2 {height: 100%;}
.line_box > a:hover .line3 {width: 100%;}
.line_box > a:hover .line4 {height: 100%;}

.cont2 {padding:100px 0; box-sizing:border-box;}
.cont2:after {display:block;clear:both;content:'';}
.cont2 >  a {display:block;position:relative;}
.cont2 .box{overflow:hidden;}
.cont2 .box img{width:100%;transition: all 0.3s ease-in-out;}
.cont2 .box:hover img{transform:scale(1.1);}
.cont2  .box  span {position:absolute;top:20px; left:20px;padding:0px 10px;box-sizing:border-box;border-right:2px solid #000; border-left:2px solid #000;/*padding:8px 15px;box-sizing:border-box;background: #c73942;color: #fff;*/font-weight:bold;font-family:'S-CoreDream-4Regular'}
.cont2  .box  p {position:absolute;top:50%; left:20px; font-size:27px;transform:translate(0,-35%);line-height:1.5;}
.cont2 >  a {width:48.5%;}
.cont2 >  a:first-child {margin-bottom:3%;}


.cont3 > a {display:block;float:left; width:calc((100%/3) - (4%/3));margin-right:2%; position:relative;overflow:hidden;}
.cont3:after {content:'';display:block;clear:both;}
.cont3 > a > img {width:100%;}
.cont3 > a >  span {position:absolute;top:20px; left:20px; padding:5px 20px; box-sizing:border-box;font-family:'S-CoreDream-4Regular';font-weight:bold;}
.cont3 > a >  p {position:absolute;top:50%; left:20px; font-size:23px;transform:translate(0,-35%);line-height:1.4;}
.cont3 > a:hover img {opacity: 1;-webkit-animation: flash 2s;animation: flash 2s;}
@-webkit-keyframes flash {0% {opacity: 0.4;}100% {opacity: 1;}}
@keyframes flash {	0% {opacity: 0.4;}100% {opacity: 1;}}


/*.para01 {background:url("../images/para01.png") no-repeat; background-size:cover;}*/
.para {background:url("../images/para02.png") no-repeat; background-size:cover;}
/* main css */



/* media css */
@media (max-width: 1330px) {
	.main_wrap {width:100%;padding:0px 10px;box-sizing:border-box;}
	.main_wrap2 {height:auto;}

	.index_img {position:static;width:100%; margin-top:0px;right:0;top:0;transform:translate(0,0);text-align:center;max-height:500px; overflow:hidden;}
	.index_bg {position:static;left:0;transform:translate(0,0);bottom:0;width:100%;height:auto;text-align:center;padding:3%;box-sizing:border-box;}
	.index_txt {position:static;left:0;top:0;transform:translate(0,0);margin-bottom:20px;font-size:40px;}
	.index_txt > span {font-size:45px;}
	.index_tail {position:static;bottom:0;}
}

@media (max-width: 1054px) {
	.main_wrap2 {width:100%;}
	.cont1 > a > .cont1_txt {font-size:18px;}
	.cont1 > a > .cont1_txt > p {font-size:15px;}
}

@media (max-width: 1000px) {
	.index_visual{margin-bottom:50px;}
	.cont1_area {margin-bottom:50px;}
	.cont2_area {margin-bottom:50px;}
	.cont3_area {margin-bottom:50px;}
	.cont2 {padding:50px 0;}
}

@media (max-width: 800px) {
	.cont1 > a {float:none; width: 100%; margin-right:0;text-align:center; margin-bottom:20px;}
	.line {display:none;}
	
	.cont2  .box  p {font-size:18px;}
	.cont2 > a {width:100%; margin-bottom:20px;}
	.cont2 > a:last-child {margin-bottom:0px;}
	.cont3 > a >  p {font-size:18px;}

	.float_L {float:none;}
	.float_R {float:none;}

	.cont3 > a {float:none; width:100%; margin-bottom:20px;}
}
@media (max-width: 600px) {
	.index_txt {font-size:25px;}
	.index_txt > span {font-size:30px;}
	.cont2  .box  span {left:10px; top:10px;font-size:13px;padding:4px 7px;}
}
@media (max-width: 380px) {
	.cont3 > a >  span {top:10px; left:10px;}
	
}
/* media css */