@import url("common.css");

/* Start-슬릭기본 */
.slick-slider{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{height:604px; background:url('/chn/img/visual_bg.gif') no-repeat center bottom, #f7f8f9; position:Relative; }
		#visual .visual_in{position:absolute; left:50%; margin-left:80px; top:67px; width:560px; height:640px; z-index:500;}
		#visual .visual_in .roll{}
		#visual .visual_in .slick-dots{position:absolute; left:-720px; top:102px; z-index:900; font-size:0}
		#visual .visual_in .slick-dots li{width:13px; height:13px; border-radius:50%; overflow:hidden; text-indent:-999999px; box-sizing:Border-box; border:2px solid rgba(51,51,51,0.2); display:inline-block; margin-right:7px; cursor:pointer; }
		#visual .visual_in .slick-dots li button{background:none; border:none; }
		#visual .visual_in .slick-dots li.slick-active{border-color:#ed1c24; background:#ed1c24;}

		#visual .v_txt{position:Absolute; left:50%; margin-left:-640px; top:237px;}
			#visual .v_txt h3{font-size:30px; font-weight:700; color:#333333; letter-spacing:0; line-height:120%; }
			#visual .v_txt img{display:inline-block; margin:22px 0 35px}
			#visual .v_txt p{font-size:23px; font-weight:300; color:#6b6b6c; letter-spacing:0; line-height:155%;}

		#visual .visual_icon{position:absolute; top:21px; left:50%; margin-left:-170px; z-index:900;}

		#visual  .v_pc{display:block;}
		#visual  .v_m{display:none;}


		#visual .b_btn {position:absolute; top:165px; left:50%; z-index:1009; opacity:0.3; margin-left:-579px; transition:all 0.2s linear;}
		#visual .b_btn:hover {opacity:0.8; transition:all 0.2s linear;}
		#visual .btn-play {border:none; display:none; background: none; cursor:pointer;}
		#visual .btn-stop {border:none; background: none; cursor:pointer;}


#mainCont h3{text-align:Center; font-family:'Raleway', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:36px; font-weight:800; color:#333; line-height:120%; letter-spacing:0.2pt;}
	#mainCont h3 span{font-weight:300; line-height:120%; font-family:'Raleway', 'Noto Sans SC', 'Noto Sans KR', sans-serif;letter-spacing:0.2pt;}
	#mainCont h3 img{display:inline-block; vertical-align:middle; margin:0 0 5px;}
	#mainCont h3 + p{font-size:19px; font-weight:300; color:#888888; letter-spacing:0; line-height:158%; text-align:center; padding:5px 0 0}



/*** S:: 뉴스앤공지 텍스트만 ***/
	.main_news{width:1280px; margin:39px auto 0; clear:both; position:relative; z-index:900;}
			.main_news h4{float:left; font-family:'Raleway', 'Noto Sans SC', 'Noto Sans KR', sans-serif; color:#333; font-weight:800; line-height:100%; width:174px; font-size:17px; letter-spacing:0.3pt; padding:1px 0 0}
			.main_news h4 a{float:right; margin:2px 0 0; transition:all 0.25s linear; transform:rotate(0); }
			.main_news h4 a:hover{transform:rotate(180deg); transition:all 0.25s linear; }
			.main_news .mainNews_list{float:left; width:400px; padding-left:33px; line-height:120%; }
			.main_news .mainNews_list .slick-slide{display:block;}
			.main_news .mainNews_list a{line-height:120%; letter-spacing:0;  display:block; width:100%; text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}
			.main_news .mainNews_list a p{text-overflow: ellipsis; width:calc(100% - 130px); line-height:120%; vertical-align:middle;}
			.main_news .mainNews_list a span{color:#999; letter-spacing:0.1pt; line-height:120%; font-weight:300; margin-left:20px; display:inline-block; vertical-align:middle;}

			.main_news .mainNews_list .slick-arrow{position:absolute; right:-54px; top:0;  width:19px; height:11px; border:none; margin:0; overflow:hidden; text-indent:-99999999px;opacity:0.2; cursor:pointer; transition:opacity 0.25s linear;}
				.main_news .mainNews_list .slick-arrow:hover{opacity:1; transition:opacity 0.25s linear; }
				.main_news .mainNews_list .slick-prev{background:url('/chn/img/news_prev.gif') no-repeat center; margin-top:-12px;}
				.main_news .mainNews_list .slick-next{background:url('/chn/img/news_next.gif') no-repeat center; margin-top:17px;}
 /*** E:: 뉴스앤공지 텍스트만 ***/


/*** S:: 상품 ***/
	.main_prd{width:1310px; margin:0 auto 0;  overflow:hidden; clear:Both; padding:135px 0 0;}

		.main_prd .prdTab{font-size:0; width:100%; text-align:center; margin:27px 0 62px;}
			.main_prd .prdTab li{display:inline-block; font-size:18px; color:#888888; letter-spacing:0; line-height:120%; margin:0 23px; font-weight:300; cursor:pointer; transition:color 0.25s linear;}
			.main_prd .prdTab li:hover{color:#ed1c24;transition:color 0.25s linear;}
			.main_prd .prdTab li.focus{font-weight:700; color:#ed1c24; }
			.main_prd .prdTab li.focus::after{content:""; display:block; width:100%; height:3px; background:#ec1c23; margin:8px 0 0;}

		.main_prd .prdList{box-sizing:Border-box; position:relative; visibility:hidden; height:0; opacity:0;}
			.prdStyle{border:1px solid #eee; float:left; margin:0 15px; position:Relative; height:398px; box-sizing:Border-box;  transition:all 0.2s linear;}
			.prdStyle a{display:block; }
			.prdStyle dt{}
				.prdStyle dt img{background-repeat:no-repeat; background-size:auto; background-position:center;}
			.prdStyle dd{text-align:Center; color:#888888; font-size:14px; letter-spacing:0; padding:10px 0 0}
				.prdStyle dd h6{font-size:19px; font-weight:300; color:#222222; letter-spacing:0; line-height:120%; padding: 0 0 5px; transition:all 0.2s linear;}
			.prdStyle .icons{position:Absolute; left:25px;; top:25px}
			.prdStyle:hover{border-color:#ed1c24; transition:all 0.2s linear;}
			.prdStyle:hover dd h6{color:#ed1c24; transition:all 0.2s linear;}

		.main_prd .prdList.focus{position:relative; visibility:visible; opacity:1; height:auto; overflow-x:visible; }

		.main_prd .prdList .slick-arrow{position:absolute;top:-127px; width:21px; height:36px; border:none; margin:0; overflow:hidden; text-indent:-99999999px;opacity:0.2; cursor:pointer; transition:opacity 0.25s linear;}
			.main_prd .prdList .slick-arrow:hover{opacity:1; transition:opacity 0.25s linear; }
			.main_prd .prdList .slick-prev{background:url('/chn/img/arrow_prev.gif') no-repeat center; left:15px}
			.main_prd .prdList .slick-next{background:url('/chn/img/arrow_next.gif') no-repeat center; right:15px;}

				
/*** E:: 상품 ***/


/*** S:: about ***/
	.main_about{background:url('/chn/img/about_bg.gif') no-repeat center; margin:70px 0 0;}
			.main_about .mainAbout_in{width:1280px; margin:0 auto; overflow:hidden; clear:both; padding:70px 0;}
			.main_about .mainAbout_in .tit{float:left; width:329px; padding:25px 25px 0; box-sizing:border-box}
					.main_about .mainAbout_in .tit span{font-family:'Raleway', 'Noto Sans SC', 'Noto Sans KR', sans-serif;  font-size:22px; font-weight:300; color:#333333; letter-spacing:0.1pt}
					.main_about .mainAbout_in .tit img{display:block; margin:11px 0 25px;}
					.main_about .mainAbout_in .tit p{font-size:19px; font-weight:300; color:#888888; letter-spacing:0; line-height:158%;}
					.main_about .mainAbout_in .tit a{display:block; width:155px; height:51px; box-sizing:border-box; line-height:49px; border:1px solid #333; letter-spacing:0; text-align:Center; margin:65px 0 0; font-size:14px; letter-spacing:0; color:#333; transition:all 0.25s linear; }
					.main_about .mainAbout_in .tit a:hover{background:#333; color:#fff; transition:all 0.25s linear; }
			.main_about .mainAbout_in .cont{float:left; width:calc(100% - 329px);}
					.main_about .mainAbout_in .cont li{width:297px; margin-right:30px; float:left; background:#fff; text-align:center; height:350px; box-sizing:border-box; padding:60px 3% 0 3%; letter-spacing:0;}
					.main_about .mainAbout_in .cont li h6{font-size:19px; font-weight:700; color:#333; letter-spacing:0; line-height:120%; margin:36px 0 13px;}
					.main_about .mainAbout_in .cont li:last-child{margin-right:0; }
					.main_about .mainAbout_in .cont li:last-child h6{letter-spacing:0;}
/*** E:: about ***/



/*** S:: 뉴스이미지 ***/
	.main_newsRoll{margin:65px 0 70px;}
			.main_newsRoll .main_newsRoll_in{margin:30px auto 0;  box-sizing:border-box; width:1310px; overflow:hidden; clear:both; }
			.main_newsRoll .main_newsRoll_in .roll{float:left; margin:0 15px; width:406px;}
					.main_newsRoll .main_newsRoll_in .roll dt img{background-size:cover; background-position:center; }
					.main_newsRoll .main_newsRoll_in .roll dd{border:1px solid #eee; border-top:none; height:199px; padding:0 35px;transition:all 0.2s linear;}
					.main_newsRoll .main_newsRoll_in .roll dd h6{font-weight:700; color:#333; letter-spacing:0; line-height:120%; font-size:19px; padding:38px 0 10px;  text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}
					.main_newsRoll .main_newsRoll_in .roll dd p{color:#777777; letter-spacing:0; line-height:186%; margin:0 0 10px}
					.main_newsRoll .main_newsRoll_in .roll dd span{font-size:14px; color:#999999; letter-spacing:0.1pt; }

					.main_newsRoll .main_newsRoll_in .roll:hover dd{background:#f7f8f9;transition:all 0.2s linear;}

/*** E:: 뉴스이미지 ***/



/*** S:: Character ***/
	.main_character{background:url('/chn/img/character_bg.gif') no-repeat center; padding:60px 0; position:relative; }
		.main_character a{display:block; width:200px; height:51px; box-sizing:border-box; line-height:49px; border:1px solid #333; letter-spacing:0; text-align:Center; margin:28px auto 0; font-size:14px; letter-spacing:0; color:#333; transition:all 0.25s linear; }
		.main_character a:hover{background:#333; color:#fff; transition:all 0.25s linear; }
		.main_character > img{position:Absolute; bottom:0;}
				.main_character > img.character_img01{right:50%; margin-right:204px;}
				.main_character > img.character_img02{left:50%; margin-left:239px;}
/*** E:: Character ***/




/*** S:: Special Guide ***/
	.main_special{margin:70px 0; }
		.main_special .mainSpecial_in{width:1310px; margin:58px auto 0;}
		.main_special .mainSpecial_in .roll{float:left; margin:0 15px; }

		.main_special .mainSpecial_in .slick-arrow{position:absolute; width:21px; height:36px; border:none; margin:0; overflow:hidden; text-indent:-99999999px; top:-112px; opacity:0.2; cursor:pointer; transition:opacity 0.25s linear;}
			.main_special .mainSpecial_in .slick-arrow:hover{opacity:1; transition:opacity 0.25s linear; }
			.main_special .mainSpecial_in .slick-prev{background:url('/chn/img/arrow_prev.gif') no-repeat center; left:15px;}
			.main_special .mainSpecial_in .slick-next{background:url('/chn/img/arrow_next.gif') no-repeat center; right:15px;}
/*** E:: Special Guide ***/




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

#visual{ }
		#visual .visual_in{position:absolute; left:auto;right:15px; margin-left:0; width:500px; height:auto;}
		#visual .visual_in .roll{}
		#visual .visual_in .roll img{width:100%;}
		#visual .visual_in .slick-dots{left:auto; right:45px;  top:20px; z-index:99999;}
		#visual .visual_in .slick-dots li{ margin:0 0 0 7px;  }

		#visual .b_btn { top:83px; left:auto; right:30px; margin-left:0; }

		#visual .v_txt{left:15px; margin-left:0; top:220px; }

		#visual .visual_icon{top:15px;  margin-left:-140px; width:340px;}






/*** S:: 뉴스앤공지 텍스트만 ***/
	.main_news{width:calc(100% - 30px); margin:-10px auto 0; }
			.main_news h4{float:none; padding:1px 0 10px}
			.main_news .mainNews_list{padding-left:0; }
			.main_news .mainNews_list .slick-arrow{right:-20px; }
				.main_news .mainNews_list .slick-prev{background:url('/chn/img/news_prev.gif') no-repeat center; margin-top:-20px;}
				.main_news .mainNews_list .slick-next{background:url('/chn/img/news_next.gif') no-repeat center; margin-top:8px;}
 /*** E:: 뉴스앤공지 텍스트만 ***/


/*** S:: 상품 ***/
	.main_prd{width:calc(100% - 30px); margin:0 auto 0; padding:80px 0 0;}

		.main_prd .prdTab{font-size:0; width:100%; text-align:center; margin:27px 0 62px;}
			.main_prd .prdTab li{display:inline-block; font-size:18px; color:#888888; letter-spacing:0; line-height:120%; margin:0 23px; font-weight:300; cursor:pointer; }
			.main_prd .prdTab li:hover{color:#ed1c24;}
			.main_prd .prdTab li.focus{font-weight:700; color:#ed1c24; }
			.main_prd .prdTab li.focus::after{content:""; display:block; width:100%; height:3px; background:#ec1c23; margin:8px 0 0;}

		.main_prd .prdList{width:calc(100% + 20px); margin:0 -10px;}
			.prdStyle{margin:0 11px; height:auto; box-sizing:Border-box; }
			.prdStyle dt{}
				.prdStyle dt img{width:100%; }
			.prdStyle dd{padding:10px 5px 30px}
			.prdStyle .icons{position:Absolute; left:20px;; top:20px}

		.main_prd .prdList .slick-arrow{}
			.main_prd .prdList .slick-prev{left:10px}
			.main_prd .prdList .slick-next{right:10px;}

				
/*** E:: 상품 ***/


/*** S:: about ***/
	.main_about{background-size:cover; ; }
			.main_about .mainAbout_in{width:calc(100% - 30px); }
			.main_about .mainAbout_in .tit{width:300px;}
			.main_about .mainAbout_in .cont{width:calc(100% - 300px);}
					.main_about .mainAbout_in .cont li{width:32%; margin:0 2% 0 0; /*height:330px;*/ padding:40px 15px 0; }
					.main_about .mainAbout_in .cont li br{display:none; }
					.main_about .mainAbout_in .cont li:last-child{margin:0;}
/*** E:: about ***/



/*** S:: 뉴스이미지 ***/
	.main_newsRoll{}
			.main_newsRoll .main_newsRoll_in{width:calc(100% - 30px);  }
			.main_newsRoll .main_newsRoll_in .roll{float:left; margin:0 2% 0 0; width:32%;}
					.main_newsRoll .main_newsRoll_in .roll:last-child{margin:0;}
					.main_newsRoll .main_newsRoll_in .roll dt img{width:100%; background-size:cover;}
/*** E:: 뉴스이미지 ***/



/*** S:: Character ***/
	.main_character{}
		.main_character a{display:block; width:200px; height:51px; box-sizing:border-box; line-height:49px; border:1px solid #333; letter-spacing:0; text-align:Center; margin:28px auto 0; font-size:14px; letter-spacing:0; color:#333;}
		.main_character > img{position:Absolute; bottom:0;}
				.main_character > img.character_img01{right:50%; margin-right:204px;}
				.main_character > img.character_img02{left:50%; margin-left:239px;}
/*** E:: Character ***/




/*** S:: Special Guide ***/
	.main_special{}
		.main_special .mainSpecial_in{width:calc(100% - 10px);  margin:58px auto 0;}
		.main_special .mainSpecial_in .roll{float:left; margin:0 10px; }
		.main_special .mainSpecial_in .roll img{width:100%; background-size:cover; }

		.main_special .mainSpecial_in .slick-arrow{}
			.main_special .mainSpecial_in .slick-prev{left:10px;}
			.main_special .mainSpecial_in .slick-next{right:10px;}
/*** E:: Special Guide ***/





}





/*******************************************************************************
	@media ~980px			body,html{ font-size:14px;  }
*******************************************************************************/
@media all and (max-width:980px){


#visual{padding:0 15px; height:auto; }
		#visual .visual_in{position:relative; right:0; margin-left:0; width:100%; top:0;}
		#visual .visual_in .roll{}
		#visual .visual_in .roll img{width:100%;}

		#visual .b_btn { top:260px; }

		#visual .v_txt{position:Relative; top:0; text-align:Center;  padding:50px 0;}
			#visual .v_txt h3{font-size:25px; }
			#visual .v_txt img{; margin:13px 0 18px; width:300px}
			#visual .v_txt p{font-size:18px; }

		#visual .visual_icon{display:none;}

		#visual  .v_pc{display:none;}
		#visual  .v_m{display:block;}


#mainCont h3{font-size:28px;}
	#mainCont h3 span{}
	#mainCont h3 img{width:110px; margin:0 0 5px;}
	#mainCont h3 + p{font-size:17px;}



/*** S:: 뉴스앤공지 텍스트만 ***/
	.main_news{display:none; }

 /*** E:: 뉴스앤공지 텍스트만 ***/


/*** S:: 상품 ***/
	.main_prd{padding:50px 0 0;}

		.main_prd .prdTab{margin:20px 0 25px; height:29px; overflow:hidden;  position:relative;}
			.main_prd .prdTab li{ font-size:15px; margin:0 30px 0 0; }

		.main_prd .prdList{width:calc(100% + 20px); margin:0 -10px;}
			.prdStyle{margin:0 11px; height:auto; box-sizing:Border-box; }
			.prdStyle dt{}
				.prdStyle dt img{width:100%; }
			.prdStyle dd{padding:10px 5px 30px}
			.prdStyle dd h6{font-size:17px}
			.prdStyle .icons{left:15px; top:15px;}
				.prdStyle .icons img{width:40px}

		.main_prd .prdList .slick-arrow{width:14px; top:-110px;}
			.main_prd .prdList .slick-prev{left:10px; background-size:100% auto;}
			.main_prd .prdList .slick-next{right:10px; background-size:100% auto;}

				
/*** E:: 상품 ***/


/*** S:: about ***/
	.main_about{margin:50px 0 0;}
			.main_about .mainAbout_in{padding:50px 0;}
			.main_about .mainAbout_in .tit{width:100%; text-align:Center; padding:0;}
					.main_about .mainAbout_in .tit span{font-size:18px;}
					.main_about .mainAbout_in .tit img{ margin:8px auto 18px; width:200px; }
					.main_about .mainAbout_in .tit p{font-size:17px; }
					.main_about .mainAbout_in .tit a{margin:35px auto 0;}
			.main_about .mainAbout_in .cont{display:none; }

/*** E:: about ***/



/*** S:: 뉴스이미지 ***/
	.main_newsRoll{margin:50px 0;}
			.main_newsRoll .main_newsRoll_in{margin:35px auto 0; }
			.main_newsRoll .main_newsRoll_in .roll{float:left; margin:0 2% 0 0; width:48%;}
					.main_newsRoll .main_newsRoll_in .roll:nth-child(2){margin:0; }
					.main_newsRoll .main_newsRoll_in .roll:last-child{display:none; }
					.main_newsRoll .main_newsRoll_in .roll dt img{width:100%; background-size:cover;}
/*** E:: 뉴스이미지 ***/



/*** S:: Character ***/
	.main_character{background:url('/chn/img/character_bg.gif') no-repeat center; padding:75px 0 79px; position:relative; }
		.main_character > img{}
				.main_character > img.character_img01{right:auto; left:-15px; margin-right:0; max-height:70%;}
				.main_character > img.character_img02{left:auto; right:-15px; margin-left:0;max-height:70%;}
/*** E:: Character ***/




/*** S:: Special Guide ***/
	.main_special{margin:50px 0; }
		.main_special .mainSpecial_in{width:calc(100% - 10px);  margin:35px auto 0;}
		.main_special .mainSpecial_in .roll{float:left; margin:0 10px; }
		.main_special .mainSpecial_in .roll img{width:100%; background-size:cover; }


		.main_special .mainSpecial_in .slick-arrow{width:14px; top:-80px;}
			.main_special .mainSpecial_in .slick-prev{left:10px; background-size:100% auto;}
			.main_special .mainSpecial_in .slick-next{right:10px; background-size:100% auto;}

/*** E:: Special Guide ***/




}


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




}

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



#visual{padding:0 3%; background:url('/chn/img/visual_bg_m.gif') no-repeat center top; background-size:100% auto;}
		#visual .visual_in{}

		#visual .b_btn { top:196px; }

		#visual .v_txt{position:Relative; top:0; text-align:Center;  padding:30px 0; left:auto}
			#visual .v_txt h3{font-size:20px; }
			#visual .v_txt img{; margin:13px 0 18px; width:230px}
			#visual .v_txt p{font-size:15px; }



#mainCont h3{font-size:24px;}
	#mainCont h3 span{}
	#mainCont h3 img{width:95px; margin:0 0 5px;}
	#mainCont h3 + p{font-size:15px;}


/*** S:: 상품 ***/
	.main_prd{ width:94%;}

		.main_prd .prdTab{margin:20px 0 25px;  height:29px; overflow:hidden;}
			.main_prd .prdTab li{ font-size:14px; margin:0 18px 0 0; }

		.main_prd .prdList{width:calc(100% + 10px); margin:0 -5px;}
			.prdStyle{margin:0 5px; height:auto; box-sizing:Border-box; }
			.prdStyle dt{}
				.prdStyle dt img{width:100%; }
			.prdStyle dd{padding:5px 5px 20px; font-size:13px;}
			.prdStyle dd h6{font-size:15px;}
			.prdStyle .icons{left:15px; top:15px;}
				.prdStyle .icons img{width:40px}

		.main_prd .prdList .slick-arrow{width:10px; top:-105px;}

		
.prdTab-container{width:100%; overflow-x:scroll; -ms-overflow-style: none; }
		.prdTab-container::-webkit-scrollbar {display:none;}
		.main_prd .prdTab{text-align:left; width:680px;}
			.main_prd .prdTab::after{content:""; display:block; width:30px; height:100%; background: rgb(255,255,255); background: linear-gradient(270deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%); position:absolute; right:0; top:0;}
				
/*** E:: 상품 ***/




/*** S:: about ***/
	.main_about{margin:50px 0 0; background:url('/chn/img/about_bg_m.gif') no-repeat center; background-size:cover; }
			.main_about .mainAbout_in{padding:50px 0;}
			.main_about .mainAbout_in .tit{}
					.main_about .mainAbout_in .tit span{font-size:16px;}
					.main_about .mainAbout_in .tit img{ margin:8px auto 18px; width:170px; }
					.main_about .mainAbout_in .tit p{font-size:15px; }
					.main_about .mainAbout_in .tit a{margin:20px auto 0; font-size:13px; height:46px; line-height:44px;}
			.main_about .mainAbout_in .cont{display:none; }

/*** E:: about ***/



/*** S:: 뉴스이미지 ***/
	.main_newsRoll{margin:50px 0;}
			.main_newsRoll .main_newsRoll_in{margin:25px auto 0; border-top:1px solid #ddd; width:94%;}
			.main_newsRoll .main_newsRoll_in .roll{float:none; margin:0; width:100%; height:auto; }
					.main_newsRoll .main_newsRoll_in .roll:last-child{display:block;  }
					.main_newsRoll .main_newsRoll_in .roll dt{display:none; }
					.main_newsRoll .main_newsRoll_in .roll dd{padding:0 18px 20px; height:auto; }
					.main_newsRoll .main_newsRoll_in .roll dd h6{font-size:15px; padding:22px 0 5px; }
					.main_newsRoll .main_newsRoll_in .roll dd p{line-height:160%; margin:0 0 8px;}
					.main_newsRoll .main_newsRoll_in .roll dd span{font-size:12px}
/*** E:: 뉴스이미지 ***/



/*** S:: Character ***/
	.main_character{padding:50px 0 150px; position:relative;  background:url('/chn/img/about_bg_m.gif') no-repeat center top; background-size:cover; }
		.main_character a{font-size:13px; margin:20px auto 0; position:Relative; z-index:500;}
		.main_character > img{}
				.main_character > img.character_img01{max-height:55%;}
				.main_character > img.character_img02{max-height:60%;}
/*** E:: Character ***/




/*** S:: Special Guide ***/
	.main_special{margin:50px 0; }
		.main_special .mainSpecial_in{width:calc(100% - 30px);  margin:20px auto 0;}
		.main_special .mainSpecial_in .roll{float:left; margin:0 5px; }
		.main_special .mainSpecial_in .roll img{width:100%; background-size:cover; }

		.main_special .mainSpecial_in .slick-arrow{width:10px; top:-80px;}


/*** E:: Special Guide ***/


}




/*******************************************************************************
	@media ~480px				body,html{ font-size:13px;  }
*******************************************************************************/
@media all and (max-width:480px){






}



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

		



}