@import url("common.css");


/*Visual 시작*/

#visual{ position:relative; width:100%; height:520px; z-index:1;}
	#visual .visual_in {position:relative; width:100%; height:100%; overflow:hidden;}
		#visual .visual_in .roll{position:Relative; width:100%; height:100%; overflow:hidden;}
		#visual .visual_in .img {display: block; height:520px; background-repeat: no-repeat; background-color:#000;
	background-size: cover; background-position: 50% 0;  border:0;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1); }
#visual .visual_in .action .img {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
		#visual .visual_in .visual_01 .img{ background-image:url("/img/v01.jpg"); }
		#visual .visual_in .visual_02 .img{ background-image:url("/img/v02.jpg"); }
		#visual .visual_in .visual_03 .img{ background-image:url("/img/v03.jpg"); }



		.visual_in .slick-dots{position:absolute; top:350px; width:1150px; text-align:left; font-size:0; z-index:10; left:50%; margin-left:-575px;}
		.visual_in .slick-dots li{position: relative; display: inline-block; cursor: pointer; width:8px; height:16px;  overflow:hidden; -webkit-transform: skew(-35deg); -moz-transform: skew(-35deg); -o-transform: skew(-35deg); transform: skew(-35deg); margin-right:8px;}
		.visual_in .slick-dots li:last-child {margin-right:0;}
		.visual_in .slick-dots li button{width:5px !important; height:17px; font-size: 0; line-height: 0; display: block;cursor: pointer; border: 0; outline: none; background:rgba(255,255,255,1);  }
		.visual_in .slick-dots li.slick-active button{background:rgba(0,162,255,1);}


		#visual .visual_in>div .visual_tit{ position:absolute; width:1170px; text-align:left; color:#fff; position:absolute; left:50%; margin-left:-585px; top:40%;-moz-transform:translateY(-45%);-ms-transform:translateY(-45%);-webkit-transform:translateY(-45%);transform:translateY(-45%);z-index:1}
 				#visual .visual_in>div .visual_tit h2{text-shadow: 10px 10px 10px rgba(0,0,0,0.2); font-family:'Play', 'Noto Sans KR', sans-serif; font-weight: 700; font-size:90px; line-height:1; color:#fff; margin-bottom:32px;}
 				#visual .visual_in>div .visual_tit h2 p{text-shadow: 10px 10px 10px rgba(0,0,0,0.2); font-family:'Play', 'Noto Sans KR', sans-serif; font-weight: 400; font-size:30px; line-height:1; color:#fff; margin-bottom:32px;}
 				#visual .visual_in>div .visual_tit p{text-shadow: 5px 5px 10px rgba(0,0,0,0.2); color:#fff; font-size:32px; line-height:100%; letter-spacing:-1px;}


/* Start-슬릭기본 */
.slick-slider{    min-height: 1px;position: relative;display: block;box-sizing: border-box;
		-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;
			touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin:0;padding: 0; }
.slick-slide{display: none;float: left; }
.slick-initialized .slick-slide{display: block;}
/* End-슬릭기본 */


.vquick{position:absolute; width:1180px; padding-bottom:30px; bottom:-120px; left:50%; margin-left:-590px; border-radius:10px; overflow:hidden;
	background:background: #2e98cc; /* 그라데이션 지원하지 않는 브라우저 */
	background: -webkit-linear-gradient(left right, #2e98cc, #353684);
	background: -moz-linear-gradient(left right, #2e98cc, #353684);
	background: -o-linear-gradient(left right, #2e98cc, #353684);
	background: linear-gradient(to right, #2e98cc, #353684); /*표준 */}
.vquick p.vquick_tit{ font-size:24px; letter-spacing:-1px; color:#fff; text-align:center; padding:25px 0 15px; font-weight:600;}

.vquick ul{position:relative; list-style:none;}
.vquick li{list-style:none; float:left; position: relative; width:295px; height:120px; border-left:1px solid rgba(255,255,255,0.2); box-sizing:border-box;}
.vquick li:nth-child(1){background:url('/html/images/main/vis_banner_new01.png') center 0 no-repeat; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; border-left:none;}
.vquick li:nth-child(2){background:url('/html/images/main/vis_banner_new02.png') center 0 no-repeat; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.vquick li:nth-child(3){background:url('/html/images/main/vis_banner_new03.png') center 0 no-repeat; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.vquick li:nth-child(4){background:url('/html/images/main/vis_banner_new04.png') center 0 no-repeat; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.vquick li a{position: relative; font-family:'Play', 'Noto Sans KR', sans-serif; font-weight:600; color:#fff; display:block; font-size:20px; line-height:35px; letter-spacing:0; padding:75px 0 25px 0; text-align:center;}
.vquick li a p{font-family:'Play', 'Noto Sans KR', sans-serif; font-weight:400; color:rgba(255,255,255,0.7); font-size:15px; line-height:100%;letter-spacing:-0.5pt; padding:} 
.vquick li:nth-child(1):hover{background:url('/html/images/main/vis_banner_new01.png') center 0 no-repeat, rgba(35,40,89,0.2);}
.vquick li:nth-child(2):hover{background:url('/html/images/main/vis_banner_new02.png') center 0 no-repeat, rgba(35,40,89,0.2);}
.vquick li:nth-child(3):hover{background:url('/html/images/main/vis_banner_new03.png') center 0 no-repeat, rgba(35,40,89,0.3);}
.vquick li:nth-child(4):hover{background:url('/html/images/main/vis_banner_new04.png') center 0 no-repeat, rgba(35,40,89,0.4);}
.vquick li img{position:absolute; right:30px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.vquick li:hover img{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}

/*Visual 끝*/



.main_title{font-size:40px; color:#333; line-height:100%; text-align:center;  font-weight:700; letter-spacing:-1.5pt; margin-bottom:15px;}
.main_title2{position:relative; font-size:24px;color:#333; line-height:100%; letter-spacing:-1.5pt; font-weight:700; margin-bottom:25px;}
.main_title2 a{position: absolute; top: 3px; right:0px;}
.main_title2 a img{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.main_title2 a:hover img{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.main_txt{text-align:center; color:#666; line-height:24px; font-size:16px;  letter-spacing:-0.3pt; margin-bottom:40px;}
.main_stxt{font-size:15px; color:#777; line-height:22px; letter-spacing:-0.3pt;}
.main_tit{font-size:19px; color:#333; line-height:100%; font-weight:700; letter-spacing:-0.5pt; }
.main_txt2{color:#fff; line-height:24px; font-size:18px;  letter-spacing:-1px;}
.main_txt3{color:rgba(255,255,255,0.7); line-height:24px; font-size:15px; letter-spacing:-0.5px;}
.main_txt_krvia{color:#fff; line-height:24px; font-size:16px;  letter-spacing:-0.5px;}
.smat{font-size:13px; line-height:100%}




/* 협회소식 */
#news_wrap{position:relative; overflow: hidden; width:100%; background:url('/html/images/main/news_bg.jpg') top center no-repeat; border-bottom:1px solid #ddd;}
#news_wrap .ne_in{position:relative; overflow: hidden; width:1170px; margin:210px auto 120px; }
#news_wrap .tbox{position:relative; overflow: hidden; box-sizing:border-box; padding:25px 0;}
#news_wrap .tbox .tit{position:relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom:10px; font-size:18px;letter-spacing:-0.5px; color:#333; line-height:100%; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
#news_wrap .tbox .date{font-size:15px; color:#999; background:url('/html/images/main/news_date_icon.gif') 0 4px no-repeat; padding-left:20px;}
#news_wrap .pic{position: relative; overflow: hidden;}
#news_wrap .pic img{  transform:rotate(0.01deg) scale3d(1, 1, 1);transition:transform 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
#news_wrap .slick-slide:hover .pic img{transform:rotate(0.01deg) scale3d(1.05, 1.05, 1);}

/* Arrows */
#news_wrap .news_roll .slick-prev, #news_wrap .news_roll .slick-next{position: absolute;top:-87px; display: block;width:27px;height:14px; z-index:1;  padding: 0; cursor: pointer; color: transparent; border:none;
box-sizing: border-box; outline: none; background: transparent;}
#news_wrap .news_roll .slick-prev{left:0;background:url('/html/images/main/sear_l.png') no-repeat center; width:27px; height:14px; }
#news_wrap .news_roll .slick-next{right:0; background:url('/html/images/main/sear_r.png') no-repeat center; width:27px; height:14px;}


/* the slides */
#news_wrap .slick-slide {position: relative; margin: 0 30px 0 0}

/* the parent */
#news_wrap .slick-list {margin: 0 -30px 0 0;}






/* 회원사소식 */
#partnership_wrap{position:relative;overflow: hidden;  background:url('/html/images/main/ptn_wrap_bg.jpg') bottom center no-repeat;}
#partnership_wrap .ne_in{position:relative; overflow: hidden;width:1170px; margin:120px auto; }
#partnership_wrap .con_wp{position:relative; overflow: hidden; margin-top:50px;}
#partnership_wrap .notice_warp{position:relative; overflow: hidden;  margin-right:30px; background:#fff; width:770px; height:390px; float:left; border:1px solid #1f9bd8; box-sizing:border-box;}
#partnership_wrap .notice_warp .in{position:relative; overflow: hidden; padding:45px 40px 0 40px;}
#partnership_wrap .notice_warp h5.main_title2{color:#209ad7 !important;}
#partnership_wrap .notice_warp ul{list-style:none;position:relative; overflow: hidden;}
#partnership_wrap .notice_warp li:nth-child(1){padding-left:0; border-bottom:1px solid #ddd; box-sizing:border-box; margin-bottom:30px; padding-bottom:30px;}
#partnership_wrap .notice_warp li:nth-child(1):before{display:none;}
#partnership_wrap .notice_warp li:hover .main_tit{color:#243196}
#partnership_wrap .notice_warp li{list-style:none;position:relative;margin-bottom:15px; padding-left:10px;}
#partnership_wrap .notice_warp li:before{position: absolute; left:0; top:8px; width:3px; height:3px; background:#0d9fba; display:block; content:''}
#partnership_wrap .notice_warp li a{display:block; position:relative;font-size:16px; color:#333; line-height:100%; letter-spacing:-0.3pt;transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
#partnership_wrap .notice_warp li a:hover{color:#243196;}
#partnership_wrap .notice_warp li .date{font-size:14px; color:rgba(119,119,119,0.7);position: absolute; top: -2px; right: 0; line-height:100%}
#partnership_wrap .notice_warp li .main_tit{font-size:16px; font-weight:400; margin-bottom:15px; position:relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
#partnership_wrap .notice_warp li .main_stxt{display:none;}

#partnership_wrap .notice_warp li:nth-child(1) .main_tit{font-size:19px; font-weight:600;}
#partnership_wrap .notice_warp li:nth-child(1) .main_stxt{display:block; margin-bottom:15px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;
line-height: 1.5em;height: 3em;}
#partnership_wrap .notice_warp li:nth-child(1) .date{ position:relative; top: auto;}


#partnership_wrap .main_partner{float:left; width:370px; box-sizing:border-box; height:390px; padding:45px 40px 0 40px; background:url('/html/images/main/main_ptn_bg.jpg') 0 0 no-repeat;}
#partnership_wrap .main_partner h5.main_title2{color:#fff !important;}
#partnership_wrap .main_partner .pic{text-align: center; position:relative; overflow: hidden; background:#fff; height:185px;}
#partnership_wrap .main_partner .pic img{ background-size: contain !important; background-repeat: no-repeat !important;background-position: center !important; transform:rotate(0.01deg) scale3d(1, 1, 1);transition:transform 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
#partnership_wrap .main_partner .slick-slide:hover .pic img{transform:rotate(0.01deg) scale3d(1.05, 1.05, 1);}
#partnership_wrap .main_partner p.ptn_tit{position:relative; color:#fff; line-height:24px; font-size:18px;  letter-spacing:-1px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top:20px;}
#partnership_wrap .main_partner p.ptn_address{position:relative; color:rgba(255,255,255,0.7); line-height:24px; font-size:15px; letter-spacing:-0.5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

#partnership_wrap .main_partner .roll1 .pic img{width:270px; margin:10px 0}

/* Arrows */
#partnership_wrap .main_partner .slick-prev, #partnership_wrap .main_partner .slick-next{position: absolute;top:-45px; display: block;width:10px;height:16px; z-index:1;  padding: 0; cursor: pointer; color: transparent; border:none;
box-sizing: border-box; outline: none; background: transparent;}
#partnership_wrap .main_partner .slick-prev{right:64px;background:url('/html/images/main/ptn_ar_r.png') no-repeat center; width:10px; height:17px; }
#partnership_wrap .main_partner .slick-next{right:32px; background:url('/html/images/main/ptn_ar_l.png') no-repeat center; width:10px; height:17px;}






/* KRVIA */
#krvia_wrap{position:relative;overflow: hidden; height:460px; background:url('/html/images/main/krvia_bg.jpg') center no-repeat;}
#krvia_wrap .in{position:relative;overflow: hidden; padding-top:143px; width:1170px; margin:0 auto}
#krvia_wrap .tbox{position:relative;overflow: hidden; float:left;}
#krvia_wrap .tbox .ft{position:relative;overflow: hidden;}
#krvia_wrap .tbox .ft .t1{letter-spacing:0; color:#fff; font-family:'Play', sans-serif; font-size:15px; line-height:100%; font-weight:300; padding-left:20px;}
#krvia_wrap .tbox .ft .t2{color:#fff; font-family:'Play', sans-serif; font-size:60px; font-weight:700; line-height:100%; margin-top:5px; padding-left:18px;}
#krvia_wrap .tbox .ft:before{ position: absolute; width:5px; height:72px; display:block; background:#98fffb; left:0; content:'';}
#krvia_wrap .tbox .main_txt_krvia{color:rgba(255,255,255,0.7); text-align:left; margin-top:30px; margin-bottom:70px;}
#krvia_wrap .tbox a{display: block; z-index: 1; padding:14px; position:relative; font-size:14px; font-family:'Poppins', sans-serif; font-weight:700; color:#fff; line-height:100%; width:82px}
#krvia_wrap .tbox a:before{width:34px; height:34px; position:absolute; display:block; background:#0d9fba; content:''; border-radius: 100%; z-index: -1;left: 0; top: 4px;}


#krvia_wrap .icbox{position:relative;overflow: hidden;  float:right;  margin-top:0;}
#krvia_wrap .icbox ul{list-style:none;position:relative;overflow: hidden; }
#krvia_wrap .icbox li{list-style:none;position:relative;overflow: hidden; margin-right:20px; float:left; width:180px; height:180px; border:1px solid rgba(255,255,255,0.7); box-sizing:border-box; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; border-radius:10px;}
#krvia_wrap .icbox li:hover{border:1px solid rgba(7,47,114,0.8);}
#krvia_wrap .icbox li:last-child{margin-right:0}
#krvia_wrap .icbox li a{height: 100%; display:block; text-align:center; font-size:18px; color:#fff; line-height:100%; letter-spacing:-0.3pt; padding-top:125px;transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
#krvia_wrap .icbox li.one a{background:url('/html/images/main/krvia_icon01.png') center 35px no-repeat}
#krvia_wrap .icbox li.two a{background:url('/html/images/main/krvia_icon02.png') center 35px no-repeat}
#krvia_wrap .icbox li.three a{background:url('/html/images/main/krvia_icon03.png') center 35px no-repeat}
#krvia_wrap .icbox li.four a{background:url('/html/images/main/krvia_icon04.png') center 35px no-repeat}
#krvia_wrap .icbox li.one a:hover{background:url('/html/images/main/krvia_icon01.png') center 35px no-repeat, rgba(7,47,114,0.5);}
#krvia_wrap .icbox li.two a:hover{background:url('/html/images/main/krvia_icon02.png') center 35px no-repeat, rgba(7,47,114,0.5);}
#krvia_wrap .icbox li.three a:hover{background:url('/html/images/main/krvia_icon03.png') center 35px no-repeat, rgba(7,47,114,0.5);}
#krvia_wrap .icbox li.four a:hover{background:url('/html/images/main/krvia_icon04.png') center 35px no-repeat, rgba(7,47,114,0.5);}