@import url("common.css");


/*Visual 시작*/

#visual{ position:relative; width:100%; height:350px; overflow:hidden; 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:350px; 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; bottom:80px; left:50%; transform:translateX(-50%); width: 80px; text-align:center; font-size:0; z-index:99999; display: block !important; box-sizing:border-box; width:100%}
			.visual_in .slick-dots li{display:inline-block; width:9px; height:9px; border-radius:50%; vertical-align: middle; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,0.5); list-style:none;}
			.visual_in .slick-dots li.slick-active{ background-color:#fff; width:14px; height:14px;}
			.visual_in .slick-dots li button{/* border:none; background:none; cursor:pointer; text-indent:-99999999px; margin:0; padding:0; */ display: none;}

		#visual .visual_in > div .visual_tit{position:absolute; width:100%;text-align:center;color:#fff;position:absolute;top:45%;-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: 7px 7px 10px rgba(0,0,0,0.26); font-family:'Poppins', sans-serif; text-align:center; font-weight: 700; font-size:45px !important; line-height:130%; color:#fff; letter-spacing: 0.1pt; padding:0 3%; margin-bottom:10px}
				#visual .visual_in>div .visual_tit p{text-shadow: 5px 5px 10px rgba(0,0,0,0.2); text-align:center;color:#fff; font-size:20px; line-height:100%; letter-spacing:-0.5pt}


/* 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: relative; width:100%; padding:20px 20px; box-sizing:border-box;
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:18px; letter-spacing:-1px; color:#fff; text-align:center; padding:0 0 10px; font-weight:700;}
.vquick ul{overflow: hidden; clear:both; font-size:0;}
.vquick ul li{list-style:none; display:inline-block; width:50%;}
.vquick ul li a{display:block; font-size:14px; font-weight:700; letter-spacing:-0.3pt; color:#fff; background-repeat:no-repeat; background-size: auto 37px; background-position: center top 10px; text-align:center; padding: 50px 3% 10px; box-sizing:border-box;}

.vquick ul li:nth-child(1) a{background-image:url('/html/images/main/vis_banner_new01.png'); border-right:1px solid rgba(255,255,255,0.3);}
.vquick ul li:nth-child(2) a{background-image:url('/html/images/main/vis_banner_new02.png'); }
.vquick ul li:nth-child(3) a{background-image:url('/html/images/main/vis_banner_new03.png'); border-top:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(255,255,255,0.3);}
.vquick ul li:nth-child(4) a{background-image:url('/html/images/main/vis_banner_new04.png'); border-top:1px solid rgba(255,255,255,0.3);}

/*Visual 끝*/



.main_title{font-size:22px; color:#333; line-height:100%; text-align:center;  font-weight:700; letter-spacing:-0.5pt; margin-bottom:23px;}
.main_title2{position:relative; font-size:18px;color:#333; line-height:100%; letter-spacing:-0.5pt; font-weight:700; margin-bottom:14px;}
.main_title2 a{position: absolute; top: 3px; right:0px; z-index: 9;}
.main_title2 a img{width: 15px; -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:14px; 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{text-align:center; color:#666; line-height:24px; font-size:13px;  letter-spacing:-0.3pt;}
.smat{font-size:12px; line-height:100%}





/* 협회소식 */
#news_wrap{position:relative; overflow: hidden; margin:0 auto; max-width:680px; background:url('/html/images/main/news_bg.jpg') top center no-repeat; border-bottom:1px solid #ddd;}
#news_wrap .in{padding: 50px 3%;}
#news_wrap .in .news_roll{position: relative; width: 100%;}
#news_wrap .in .news_roll .pic{}
#news_wrap .in .news_roll .pic a{display: block;}
#news_wrap .in .news_roll .pic a img{background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; max-width:100%; box-sizing:border-box; border:1px solid #ddd;}
#news_wrap .in .news_roll .pic a p.tit{margin-top: 10px; color:#333; font-size:14px; letter-spacing: -0.3pt; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}

/* Arrows */
#news_wrap .news_roll .slick-prev, #news_wrap .news_roll .slick-next{position: absolute;top:-43px; 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;}






/* 회원사소식 */
#partnership_wrap{position:relative;overflow: hidden;  background:url('/html/images/main/ptn_wrap_bg.jpg') right 15% bottom 0 no-repeat, #f9f9f9; background-size:auto 100%;}
#partnership_wrap .ne_in{position:relative; overflow: hidden; max-width:680px; margin:0 auto; padding: 50px 3%;}
#partnership_wrap .con_wp{position:relative; overflow: hidden;}

#partnership_wrap .notice_warp{position:relative; overflow: hidden; background:#fff; width:100%; height:auto; border:1px solid #1f9bd8; box-sizing:border-box;}
#partnership_wrap .notice_warp .in{position:relative; overflow: hidden; padding:25px 20px; box-sizing:border-box;}
#partnership_wrap .notice_warp ul{list-style:none;position:relative; overflow: hidden;}
#partnership_wrap .notice_warp li{list-style:none;position:relative; margin-bottom:8px; padding-left:10px;}
#partnership_wrap .notice_warp li:last-child{margin-bottom: 0;}
#partnership_wrap .notice_warp li:before{position: absolute; left: 0;  top: 5px; width:3px; height:3px; background:#0d9fba; display:block; content:''}
#partnership_wrap .notice_warp li a{display:block; position:relative; font-size:13px; color:#666; 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; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: inline-block; width: calc(100% - 10px);}
#partnership_wrap .notice_warp li a:hover{color:#0d9fba;}
#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{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:nth-child(1) .main_stxt{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 .schedule_warp{position:relative; overflow: hidden; background:#0d9fba; width:100%; height:auto; float:left; }
#partnership_wrap .schedule_warp .sc_in{position:relative; overflow: hidden; padding:25px 20px;}
#partnership_wrap .schedule_warp .main_title2{color:#fff}



#partnership_wrap .research_box{width:100%; box-sizing:border-box; height:auto; padding:25px 20px; background:url('/html/images/main/main_ptn_bg.jpg') 0 0 no-repeat; background-size:100%;}
#partnership_wrap .research_box .main_title2{color:#fff}
#partnership_wrap .research_box .ptn_roll{position: relative; margin: 0 -10px; width: calc(100% + 20px);}
#partnership_wrap .research_box .ptn_roll .pic{float: left; width: 50%; padding: 0 10px;}
#partnership_wrap .research_box .ptn_roll .pic a{text-align: center;}
#partnership_wrap .research_box .ptn_roll .pic a img{max-width: 100%; background-size: 100% auto !important; background-repeat: no-repeat !important; background-position: center !important; }
#partnership_wrap .research_box .ptn_roll .pic p.tit{font-size:14px; padding-top:10px; color:#fff;}


#partnership_wrap .research_box.research_box2{background-color: #fff; border:1px solid #ddd; box-sizing:border-box;}
#partnership_wrap .research_box.research_box2 .roll2 .pic{width: 100%;}
#partnership_wrap .research_box.research_box2 .roll2 .pic a{width: 100%;}
#partnership_wrap .research_box.research_box2 .roll2 .pic a img{max-width: 100%; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important;}
#partnership_wrap .research_box.research_box2 .roll2 .pic a .main_txt2{text-align:left; color:#333; letter-spacing: -0.3pt; font-size:13px; margin-top:10px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: inline-block;}

/* Arrows */
#partnership_wrap .research_box .slick-prev, #partnership_wrap .research_box .slick-next{position: absolute;top:-28px; display: block;width:10px;height:16px; z-index:1;  padding: 0 !important; cursor: pointer; color: transparent; border:none;
box-sizing: border-box; outline: none; background: transparent;}
#partnership_wrap .research_box .slick-prev{right:68px;background:url('/html/images/main/ar_r.png') no-repeat center; width:8px; height:14px; }
#partnership_wrap .research_box .slick-next{right:40px; background:url('/html/images/main/ar_l.png') no-repeat center; width:8px; height:14px;}
#partnership_wrap .research_box.research_box2 .slick-prev{right:60px;background:url('/html/images/main/ar_r.png') no-repeat center; width:8px; height:14px; }
#partnership_wrap .research_box.research_box2 .slick-next{right:32px; background:url('/html/images/main/ar_l.png') no-repeat center; width:8px; height:14px;}








/* KRVIA */
#krvia_wrap{position:relative;overflow: hidden; height:auto; background:url('/html/images/main/krvia_bg.jpg') center no-repeat;}
#krvia_wrap .in{position:relative; max-width:680px; margin:0 auto; padding:60px 3%;}
#krvia_wrap .tbox{position:relative; margin-bottom:30px;}
#krvia_wrap .tbox .ft{position:relative; padding-left:25px; width: calc(100% - 0); box-sizing: border-box;}
#krvia_wrap .tbox .ft .t1{letter-spacing: 0.3pt; color:#fff; font-family:'Poppins', sans-serif; font-size:14px; line-height:135%; font-weight:300}
#krvia_wrap .tbox .ft .t2{color:#fff; font-family:'Poppins', sans-serif; font-size:50px; font-weight:700; line-height:1; margin-top:8px;}
#krvia_wrap .tbox .ft:before{ position: absolute; width:5px; display:block; background:#98fffb; left:5px; top:0; content:''; height: 100%;}
#krvia_wrap .tbox a{display: block; z-index: 1; padding:14px; position: absolute; right: 0; bottom: 0; font-size:13px; font-family:'play', sans-serif; font-weight:700; color:#fff; line-height:100%; letter-spacing: 0.3pt;}
#krvia_wrap .tbox a:before{width:26px; height:26px; position:absolute; display:block; background:#0d9fba; content:''; border-radius: 100%; z-index: -1;left: 0; top: 7px;}

#krvia_wrap .icbox{position:relative;}
#krvia_wrap .icbox ul{list-style:none; position:relative; overflow: hidden; font-size:0;}
#krvia_wrap .icbox li{list-style:none; position:relative; overflow: hidden; display:inline-block; width:48%; margin:1%; border:1px solid rgba(255,255,255,0.5); 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;}
#krvia_wrap .icbox li a{display:block; text-align:center; font-size:15px; color:#fff; 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; padding: 20px 0; line-height:30px;}
#krvia_wrap .icbox li a img{height:30px; margin-right:9px;}
#krvia_wrap .icbox li a:hover{background-color:rgba(7,47,114,0.5);}









/*******************************************************************************
    @media ~480px              
*******************************************************************************/
@media all and (max-width:480px){


}



/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:320px){

 				#visual .visual_in>div .visual_tit h2 br{display:none;}


}