@import url("common.css");

/*Visual 시작*/

#visual{ position:relative; width:100%; height:100%; 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 {height:100vh; height:100vh; background-repeat: no-repeat; background-position: center; 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("/html/images/main/v01.jpg"); }
		#visual .visual_in .visual_02 .img{ background-image:url("/html/images/main/v02.jpg"); }
		#visual .visual_in .visual_03 .img{ background-image:url("/html/images/main/v03.jpg"); }

		.visual_in .slick-dots{position:absolute; bottom:30px; left:50%; margin:0 0 190px -640px; text-align:center; font-size:0; z-index:10; }
			.visual_in .slick-dots li{display:inline-block; width:12px; height:12px; border-radius:12px;  margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,1); transition:all .3s linear;}
			.visual_in .slick-dots li.slick-active{ width:48px; background-color:#d71718;}
			.visual_in .slick-dots li button{border:none; background:none; cursor:pointer; text-indent:-99999999px; margin:0; padding:0;}

		#visual .visual_in>div .visual_tit{ position:absolute; width:1280px; color:#fff; position:absolute; left:50%; margin-left:-640px; 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{-webkit-text-size-adjust: 100%; position:relative; font-weight:600; font-size:60px; line-height:1.2; color:#fff; margin-bottom:30px; letter-spacing:-1px; transition: all 0.3s linear;}
 				#visual .visual_in>div .visual_tit h2 span{font-weight:700; font-size:60px; letter-spacing:-1px;}
 				#visual .visual_in>div .visual_tit p{-webkit-text-size-adjust: 100%; color:rgba(255,255,255,0.8); font-size:25px; line-height:1.2; margin-bottom:30px; letter-spacing:-0.5px; transition: all 0.3s linear;}

 				#visual .visual_in>div .visual_tit .moreBtn {position:relative; z-index:10; text-align:center; font-size:17px; color:#fff; font-weight:500; line-height:54px; width:200px; border-radius:10px; border:3px solid #fff; display:inline-block; margin:40px 0 0; transition: all 0.3s linear;}
 				#visual .visual_in>div .visual_tit a:hover .moreBtn {background-color:#d71718; border-color:#d71718;  transition: all 0.3s linear;}


/* 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-슬릭기본 */


#visual .scroll_down{position:absolute; bottom:20px; left:50%; transform: translate(-50%, 0);box-sizing:border-box; text-align:center; z-index:9999;}
#visual .scroll_down p {color:#fff; font-size:10px; font-weight:700; line-height:100%; font-family: 'Montserrat', sans-serif; letter-spacing:1pt}

#visual .scroll-circle-box{    display: block; position: relative;width: 9px;  height: 20px; border: 2px solid #fff;margin: 10px auto 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px;}
#visual .scroll-circle-box:before{
	position:absolute; content:""; left:3px; top:5px; width:3px; height:3px; background-color:#fff; opacity:0; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;;
	animation:mouseScroll 1.5s infinite;
}
@keyframes mouseScroll {
  0% { opacity:1; transform: translateY(0px) }
  100% {opacity:0; transform: translateY(8px)}
}


/*Visual 끝*/


h3.main_title{-webkit-text-size-adjust: 100%; font-family:'Play', 'Noto Sans KR', sans-serif; font-size:45px; color:#333; font-weight:700; line-height:100%; letter-spacing:0; margin-bottom:20px}
p.main_txt{-webkit-text-size-adjust: 100%; font-size:17px; font-weight:400; color:#777; line-height:24px; letter-spacing: -0.5pt;}
p.main_txt2{-webkit-text-size-adjust: 100%; font-size:18px; font-weight:300; color:#777; line-height:24px; letter-spacing: -0.5pt;}
a.main_btn{position: relative; font-family:'Montserrat', sans-serif; font-size:14px; color:#333; font-weight:500; 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;}
a.main_btn:hover{color:#42cddd}
a.main_btn:after{background:url('/html/images/main/var.png') center no-repeat; margin-left:15px; vertical-align: middle; width:45px; height:45px; content:''; display:inline-block; border:1px solid #ddd; box-sizing:border-box; border-radius: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;}
a.main_btn:hover:after{background:url('/html/images/main/var_w.png') center no-repeat, #42cddd; border-color:#42cddd;}






/* 제품소개 */
#product_wrap{position: relative; margin:0 auto 110px; padding-top:110px;}
#product_wrap:before{position:absolute; top:0; width:100%; height:76%; background:#dbe3ee; content:''}
#product_wrap h3.main_title{text-align:center;}
#product_wrap p.main_txt{text-align:center; margin-bottom:40px;}
#product_wrap .in{position:relative; max-width:1280px; margin:0 auto; z-index:2}
#product_wrap .product_roll{position: relative; margin: 0 -10px; width: calc(100% + 20px);}
#product_wrap .product_roll:after{content:''; display: block; clear:both;}
#product_wrap .product_roll dl{float: left; width:25%; border-radius:0; border:1px solid #e1e0d9; box-sizing:border-box; overflow:hidden; margin:0 10px;}
#product_wrap .product_roll dl a{display: block;}
#product_wrap .product_roll dl a dt{position: relative; overflow: hidden;}
#product_wrap .product_roll dl a dt img{max-width:100%; width: 100%; background-repeat:no-repeat; background-size:cover; background-position:center; transition:all .3s linear; }
#product_wrap .product_roll dl a dd{padding: 25px 30px; box-sizing:border-box; background:#fff; text-align:center; transition:all .3s linear;}
#product_wrap .product_roll dl a dd h4{padding: 15px 0 5px; font-size:1.5rem; font-weight:700; letter-spacing:-1px; color: #222; box-sizing:border-box; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
#product_wrap .product_roll dl a dd span{position:relative; width:100%; letter-spacing: -0.5px; font-weight: 500; font-size:1.075rem; line-height:20px; color:#da2729; padding-bottom:5px; z-index:1;}
#product_wrap .product_roll dl a dd span:before{display:block; content:""; position:absolute; left:50%; transform:translateX(-50%); width:100%; border-bottom:1px solid #da2729; bottom:0; z-index:-1;}

#product_wrap .product_roll dl a:hover dt .hover_area { opacity:1;}
#product_wrap .product_roll dl a dt .hover_area { position:absolute; display:flex; align-items:center; left:0; top:0; width:100%; height:100%; background:#0b579f; opacity:0; padding:20px 20px; box-sizing:border-box; -webkit-transition:opacity .3s ease; -moz-transition:opacity .3s ease; -o-transition:opacity .3s ease; -ms-transition:opacity .3s ease }
#product_wrap .product_roll dl a dt .hover_area .info_area { display:block; width:100%; }
#product_wrap .product_roll dl a dt .hover_area .info_area table { position:relative; width:100%; border-top:1px solid rgba(255,255,255,0.5);}
#product_wrap .product_roll dl a dt .hover_area .info_area table th { color:#fff; text-align:left; font-size:0.875rem; line-height:1.2; font-weight:500; border-bottom:1px solid rgba(255,255,255,0.5); text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}
#product_wrap .product_roll dl a dt .hover_area .info_area table td { color:rgba(255,255,255,0.7); text-align:left; font-size:0.875rem; line-height:1.2; font-weight:400; padding:7px 0; border-bottom:1px solid rgba(255,255,255,0.5); text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}

#product_wrap .product_roll dl a:hover dd { background:#f5f5f5; }


#product_wrap .slick-arrow{padding: 0; margin: 0; cursor:pointer; outline:none; background:none; border:1px solid #eee; font-size:0; width:60px; height:60px; background-repeat:no-repeat; background-size:20%; border-radius:60px; background-position:center center; background-color:#fff; position: absolute; top:-110px; opacity: .7; transition:all .3s linear;}
#product_wrap .slick-arrow:hover{opacity: 1;}
#product_wrap .slick-prev{background-image:url('/html/images/main/arrow_p.png'); left: 10px;}
#product_wrap .slick-next{background-image:url('/html/images/main/arrow_n.png'); right: 10px;}




/* One Stop Service */
.black_con {position:relative; overflow:hidden; display:table; width:100%; text-align:center;}
	.black_con > div h3.mTit{position:relative; display:inline-block; font-size:2.5rem; letter-spacing:0; color:#fff; font-weight:700; transition:all .3s linear;}
	.black_con > div {vertical-align:middle; width:50%; margin-top:0; float:left;}
	.black_con > div.service a {background-image:url('/html/images/main/banner_bg02.jpg');}
	.black_con div a {position:relative; display:block; transition: all 0.3s ease-out; padding:140px 3% 140px 3%; background:url('/html/images/main/banner_bg01.jpg') center center/cover no-repeat;}
	.black_con div a:after {display:block; content:""; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; opacity:0; transition: all 0.3s ease-out;}
	.black_con .mTit {color:#fff; z-index:10;}
	.black_con .mTxt {font-size:1.125rem; line-height:1.5rem; color:rgba(255,255,255,0.7); z-index:10;}
	.black_con .moreBtn {position:relative; z-index:10; font-size:17px; color:#fff; font-weight:500; line-height:54px; width:200px; border-radius:10px; border:3px solid #fff; display:block; margin:40px auto 0 auto; transition: all 0.3s ease-out; }

	.black_con div a:hover {transition: all 0.3s ease-out;}
	.black_con div a:hover:after {opacity:1; transition: all 0.3s ease-out;}
	.black_con div a:hover .moreBtn {background-color:#d71718; border-color:#d71718; transition: all 0.3s ease-out;}




/* 회사소개 */
#company_wrap{position:relative; overflow:hidden; background:url('/html/images/main/svinc_bg.jpg') bottom center no-repeat; background-size:cover; text-align:center; padding:120px 0}
#company_wrap h3.main_title{color:#fff;}
#company_wrap p.main_txt{color:rgba(255,255,255,0.7);}
#company_wrap .in{position:relative; max-width:1280px; margin:0 auto; z-index:2}
#company_wrap ul{position:relative; overflow:hidden; margin-top:30px }
#company_wrap li{width:25%; position:relative; overflow:hidden; float:left; text-align:center; margin-top:30px; transition: all 0.3s ease;}
#company_wrap li p{color:#fff}
#company_wrap li .icon{border:1px solid rgba(255,255,255,0.2); background-size:60px !important; width:130px; height:130px; margin:0 auto 30px auto; box-sizing:border-box; border-radius: 100%;}
#company_wrap li.one .icon{background:url('/html/images/main/com_img01.png') center no-repeat;}
#company_wrap li.two .icon{background:url('/html/images/main/com_img02.png') center no-repeat;}
#company_wrap li.three .icon{background:url('/html/images/main/com_img03.png') center no-repeat;}
#company_wrap li.four .icon{background:url('/html/images/main/com_img04.png') center no-repeat;}
#company_wrap .btn_wr{position:relative; margin-top:100px;}
#company_wrap .btn_wr a.main_btn{color:#fff; }
#company_wrap .btn_wr a.main_btn:hover{}
#company_wrap .btn_wr a.main_btn:after{background:url('/html/images/main/var_w.png') center no-repeat;  border-color:rgba(255,255,255,0.3); }
#company_wrap .btn_wr a.main_btn:hover:after{background:url('/html/images/main/var_w.png') center no-repeat, #42cddd; border-color:#42cddd;}

#company_wrap a:hover li{margin-top:20px; transition: all 0.3s ease;}

.grid { box-sizing: border-box;
  position: absolute;
  height: 100%;
  top: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  width:100%;
  max-width:1280px;
  z-index:1;
  border-left: 1px solid rgba(255,255,255,0.1);
  border-right: 1px solid rgba(255,255,255,0.1);
}

.grid-inner {
box-sizing: border-box;
  margin: 0 33.3%;
  border-left: 1px solid rgba(255,255,255,0.1);
  border-right: 1px solid rgba(255,255,255,0.1);
  height: 100%;
}





/* 뉴스&공지 */
#news_wrap{position: relative; max-width:1280px; margin:110px auto}
#news_wrap h3.main_title{text-align:center;}
#news_wrap p.main_txt{text-align:center; margin-bottom:40px;}

#news_wrap .news_roll{position: relative; margin: 0 -10px; width: calc(100% + 20px);}
#news_wrap .news_roll:after{content:''; display: block; clear:both;}
#news_wrap .news_roll dl{float: left; width:33.333%; border-radius:0 0 50px 0; box-sizing:border-box; overflow:hidden; margin:0 10px;}
#news_wrap .news_roll dl a{display: block;}
#news_wrap .news_roll dl a dt{position: relative; overflow:hidden; border:1px solid #dcdcdc;}
#news_wrap .news_roll dl a dt img{max-width:100%; width: 100%; background-repeat:no-repeat; background-size:cover; background-position:center; transition:all .3s linear; filter:grayscale(1);}
#news_wrap .news_roll dl a:hover dt img{transform:scale(1.1); filter:grayscale(0);}
#news_wrap .news_roll dl a dd{padding: 25px 15px; box-sizing:border-box; background:#fff;}
#news_wrap .news_roll dl a dd h4{padding: 0 0 5px; font-size:1.5rem; font-weight:700; letter-spacing:-1px; color: #222; box-sizing:border-box; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; transition:all .3s linear;}
#news_wrap .news_roll dl a dd p{position:relative; letter-spacing: -0.5px; font-weight:500; font-size:1.075rem; line-height:1.5;}
#news_wrap .news_roll dl a:hover dd h4{color:#0b579f; text-decoration:underline;}

#news_wrap .slick-arrow{padding: 0; margin: 0; cursor:pointer; outline:none; background:none; border:1px solid #d54344; font-size:0; width:60px; height:60px; background-repeat:no-repeat; background-size:20%; border-radius:60px; background-position:center center; background-color:#fff; position: absolute; top:-110px; opacity: .4; transition:all .3s linear;}
#news_wrap .slick-arrow:hover{opacity: 1;}
#news_wrap .slick-prev{background-image:url('/html/images/main/arrow_p.png'); left: 10px;}
#news_wrap .slick-next{background-image:url('/html/images/main/arrow_n.png'); right: 10px;}







/*******************************************************************************
	@media 981px~1200px
*******************************************************************************/
@media all and (max-width:1280px){

/* 비주얼 */
#visual .visual_in>div .visual_tit{width:80%; left:10%; margin-left:0;}
	.visual_in .slick-dots{width:80%; bottom:160px; left:10%; margin:0 0 0px;}


/* 제품소개 */
#product_wrap{width:100%; margin:0 auto 120px;}
#product_wrap .in{width:94%; margin:0 auto;}

/* 회사소개 */
#company_wrap .in{width:94%; margin:0 auto}


/* 뉴스&공지 */
#news_wrap{width:94%; margin:120px auto}





}


/*******************************************************************************
	@media 768~980px
*******************************************************************************/
@media all and (max-width:1024px){

/* 비주얼 */
#visual .visual_in>div .visual_tit h2{font-size:45px;}
#visual .visual_in>div .visual_tit h2 span{font-size:45px;}

#visual .visual_in>div .visual_tit p{font-size:20px;}
#visual .visual_in>div .visual_tit .moreBtn {font-size:16px; line-height:50px; width:180px;}


h3.main_title{font-size:36px;}


/* 회사소개 */
#company_wrap{}
.grid{display:none;}


	.black_con > div h3.mTit{font-size:2rem;}
	.black_con .mTxt {font-size:1.075rem;}
	.black_con .moreBtn {font-size:16px; line-height:50px; width:180px;}



}


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

/* 비주얼 */
#visual .visual_in>div .visual_tit h2{font-size:38px;}
#visual .visual_in>div .visual_tit h2 span{font-size:38px;}
#visual .visual_in>div .visual_tit p{font-size:18px;}


h3.main_title{font-size:32px; margin-bottom:10px}
p.main_txt{font-size:15px; line-height:22px; letter-spacing:-0.3pt;}
p.main_txt2{font-size:16px; letter-spacing:-0.3pt;}



/* 제품소개 */
#product_wrap{margin:0 auto 6rem; padding-top:6rem;}

#product_wrap .product_roll dl a dd{padding: 25px 20px;}
#product_wrap .product_roll dl a dd h4{font-size:1.25rem;}
#product_wrap .product_roll dl a dd span{font-size:1rem;}

#product_wrap .product_roll dl a dt .hover_area .info_area table th { font-size:12px;}
#product_wrap .product_roll dl a dt .hover_area .info_area table td { font-size:12px;}

#product_wrap .slick-arrow{width:40px; height:40px; background-size:15%; border-radius:40px; top:-100px;}

.black_con {}
	.black_con > div a {padding:70px 3% 70px 3%}






/* 회사소개 */
#company_wrap{padding:6rem 0}
#company_wrap ul{margin-top:40px}
#company_wrap .btn_wr{margin-top:70px}





/* 뉴스&공지 */
#news_wrap{margin:6rem auto}

#news_wrap .news_roll dl a dd{padding: 20px 10px;}
#news_wrap .news_roll dl a dd h4{font-size:1.25rem;}
#news_wrap .news_roll dl a dd p{font-size:1rem;}

#news_wrap .slick-arrow{width:40px; height:40px; background-size:15%; border-radius:40px; top:-100px;}



}


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

#visual .visual_in>div .visual_tit .moreBtn {font-size:15px; line-height:40px; width:150px;}


h3.main_title{font-size:28px;}
p.main_txt{font-size:15px; line-height:22px;}
p.main_txt2{font-size:14px; line-height:20px;}

a.main_btn:after{width:40px; height:40px;}


/* 제품소개 */
#product_wrap{margin:0 auto 4rem; padding-top:4rem;}


/* 회사소개 */
#company_wrap{padding:4rem 0}
#company_wrap p.main_txt br{display:none;}
#company_wrap li .icon{width:100px; height:100px; margin:0 auto 20px auto; background-size:40px !important;}


/* One Stop Service */
.black_con > div h3.mTit{font-size:1.75rem;}
.black_con .mTxt {font-size:1.025rem;}
.black_con .moreBtn {font-size:15px; line-height:40px; width:150px;}


/* 뉴스&공지 */
#news_wrap{margin:4rem auto;}



}


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


/* 비주얼 */
#visual .visual_in {text-align:center;}
#visual .visual_in>div .visual_tit h2{font-size:30px; line-height:1.5;}
#visual .visual_in>div .visual_tit h2 span{font-size:30px; letter-spacing:-1px;}
#visual .visual_in>div .visual_tit h2 br {display:none;}

#visual .visual_in>div .visual_tit p{font-size:17px;}
#visual .visual_in>div .visual_tit .moreBtn {margin:40px auto 0;}

h3.main_title{font-size:24px;}
p.main_txt{font-size:14px; line-height:21px;}
p.main_txt2{font-size:13px;}
a.main_btn{font-size:13px;}
a.main_btn:after{width:35px; height:35px;}




/* 제품소개 */
#product_wrap{margin:0 auto 4rem; padding-top:4rem;}
#product_wrap .slick-arrow{width:30px; height:30px; background-size:20%; border-radius:30px; top:-90px;}

#product_wrap .product_roll dl a:hover dt .hover_area { opacity:0;}


.black_con {margin-top:5rem;}
	.black_con > div h3.mTit{font-size:24px;}
	.black_con > div {display:block; width:100%; box-sizing:border-box;}
	.black_con > div a {padding:40px 3%;}
	.black_con .moreBtn {margin:20px auto 0 auto;}
	.black_con > div:nth-child(2n) {margin-top:0;}
	.black_con .mTxt {font-size:14px;}
	.black_con .mTxt br{display:none;}



/* 회사소개 */
#company_wrap{padding:4rem 0;}
#company_wrap .btn_wr{margin-top:50px;}
#company_wrap li .icon{width:80px; height:80px; margin:0 auto 10px auto; background-size:35px !important;}




/* 뉴스&공지 */
#news_wrap{margin:4rem auto;}
#news_wrap .slick-arrow{width:30px; height:30px; background-size:20%; border-radius:30px; top:-90px;}



}

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

/* 비주얼 */
#visual .visual_in>div .visual_tit h2{font-size:22px;}
#visual .visual_in>div .visual_tit h2 span{font-size:22px;}
#visual .visual_in>div .visual_tit p{font-size:15px;  line-height:24px;}

#visual .visual_in .visual_03 .img{}


/* 제품소개 */
#product_wrap{margin:0 auto 4rem; padding-top:4rem;}


.notice .notice_in li .date{display:none;}
.notice .notice_in li:nth-child(1) .date{ display:block;}


}

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


/* 비주얼 */
#visual .visual_in>div .visual_tit p{font-size:14px; line-height:22px;}



h3.main_title{font-size:20px; margin-bottom:15px}
p.main_txt{font-size:13px; line-height:20px;}



/* 제품소개 */
#product_wrap{margin:0 auto 4rem; padding-top:4rem;}
#product_wrap .product_roll dl a dd h4{font-size:16px;}
#product_wrap .product_roll dl a dd span{font-size:12px;}
#product_wrap .slick-arrow{top:-100px;}

	.black_con > div h3.mTit{font-size:20px;}
	.black_con .mTxt {font-size:13px;}


/* 회사소개 */
#company_wrap{padding:4rem 0}
#company_wrap ul{margin-top:25px;}
#company_wrap li .icon{width:70px; height:70px;}
#company_wrap .btn_wr{margin-top:40px;}


/* 뉴스&공지 */
#news_wrap{margin:4rem auto}
#news_wrap .news_roll dl a dd{padding: 15px 5px; }
#news_wrap .news_roll dl a dd h4{font-size:16px;}
#news_wrap .news_roll dl a dd p{font-size:12px;}
#news_wrap .slick-arrow{top:-100px;}


}

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


/* 비주얼 */
#visual .visual_in>div .visual_tit h2{font-size:19px; letter-spacing:-1px;}
#visual .visual_in>div .visual_tit h2 span{font-size:19px; letter-spacing:-1px;}
#visual .visual_in>div .visual_tit p{font-size:13px; line-height:20px;}


}

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

p.main_txt{font-size:12px;}
p.main_txt2{font-size:12px;}
a.main_btn{font-size:12px;}

	.black_con .mTxt {font-size:12px;}


}