/* visual */
#main_visual{width:1440px;margin:0 auto 213px}
#main_visual .main_visual_navi{text-align:center;padding-top:53px}
#main_visual .main_visual_navi ul {display:inline-block}
#main_visual .main_visual_navi li {text-align:center;float:left;padding:0 15px}
#main_visual .main_visual_navi li a{display:block;width:6px;height:6px;background:#bbb;border-radius:50%;position:relative}
#main_visual .main_visual_navi li a.active{background:#d80d8d}
#main_visual .main_visual_navi li a span{position:absolute;width:20px;height:20px;border:1px solid #d80d8d;left:-8px;top:-8px;border-radius:50%}
#main_visual .main_visual_btn {position:relative}
#main_visual .main_visual_btn a span{font-size:0;position:absolute;left:0;top:0}
#main_visual .main_visual_btn a {position:absolute;top:-386px;width:81px;height:43px}
#main_visual .main_visual_btn .visual_prev{background:url(/pages/kimiro/img/main/main_visual_prev.jpg) no-repeat 0 0;left:-120px}
#main_visual .main_visual_btn .visual_next{background:url(/pages/kimiro/img/main/main_visual_next.jpg) no-repeat 0 0;right:-120px}
#main_visual .mo_visual_btn{display:none}

#m_main_visual{display:none}

/* 소개 */
.main_commonbox{width:1440px;margin:0 auto 235px;display:table;position:relative;overflow:hidden}
.main_commonbox .main_titlebox{width:480px;float:left}
.main_commonbox .main_titlebox h2{font-size:50px;font-weight:100;color:#28292a;line-height:50px;letter-spacing:-1.4px}
.main_commonbox .main_conbox{width:960px;float:left}
.main_commonbox .main_conbox .main_title1{font-size:35px;font-weight:700;line-height:55px;color:#adadad;letter-spacing:-1.4px;margin-bottom:62px}
.main_commonbox .main_conbox .main_title1 span{color:#323232}
.main_commonbox .main_conbox > a{width:50%;float:left;padding:88px 0;text-align:center;font-size:28px;font-weight:800;color:#fff;transition:all .25s ease-in}
.main_commonbox .main_conbox > a:hover{text-decoration:none; -webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);transition:all .25s ease-out;opacity:1}
.main_commonbox .main_conbox > a.main_greed{background:url(/pages/use/img/main/main_intro_bg1.jpg) no-repeat center top / cover}
.main_commonbox .main_conbox > a.main_vision{background:url(/pages/use/img/main/main_intro_bg2.jpg) no-repeat center top / cover}
.main_commonbox .main_conbox p.desc{font-size:16px;line-height:30px;color:#b8b8b8;font-weight:600;margin-top:66px;display:inline-block;width:60%;word-break:keep-all;}



/* 소식 */
.main_titlebox ul{margin-top:44px;display:block;width:150px}
.main_titlebox ul li a {display:inline-block;line-height:30px;width:100%}
.main_titlebox ul li a h3{font-size:14px;color:#9b9b9b;font-weight:500}
.main_titlebox ul li a.active {background:url(/pages/kimiro/img/main/main_btn_arrow.jpg) no-repeat right center;padding-right:30px;margin-bottom:8px}
.main_titlebox ul li a.active h3{color:#d80b8c;font-weight:700;border-bottom:1px solid #d80b8c;}
.main_titlebox ul li a:hover{text-decoration:none}
.main_titlebox ul li a:hover h3{color:#000}



.main_news_result ul li{border-bottom:1px solid #ddd;padding:47px 0 28px;display:inline-block;transition:all .25s ease-in}
.main_news_result ul li:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.03);transform:scale(1.03);transition:all .25s ease-out;opacity:1}
.main_news_result ul li:first-child{padding-top:0}
.main_news_result ul li:last-child{border-bottom:0}
.main_news_result ul li p{display:block;width:115px;float:left;color:#d6d6d6;font-weight:700;letter-spacing:1px;box-sizing:border-box;padding:8px 30px 0 0;text-align:center;box-sizing:border-box}
.main_news_result ul li p span{font-size:30px;display:block;line-height:30px;font-weight:800;margin-bottom:15px;letter-spacing:-1px;text-align:center}
.main_news_result ul li p b{padding-left:9px;letter-spacing:9.7px}
.main_news_result ul li:hover p{color:#333}
.main_news_result ul li a{float:left;width:845px}
.main_news_result ul li a dl dt{font-size:21px;color:#000;margin-bottom:22px}
.main_news_result ul li a dl dd{font-size:15px;color:#909090;letter-spacing:-.02em;display:block;overflow:hidden;height:50px}
.main_news_result ul li a:hover dl dd{color:#000}
.main_news_result ul li a:hover{text-decoration:none}
.main_news_result > a.more{background:url(/pages/kimiro/img/main/main_btn_more.png) no-repeat 0 0 ;width:35px;height:35px;display:block;position:absolute;left:0;top:297px}
.main_news_result > a.more span{font-size:0;position:0;left:0;top:0}


/* 미디어 */
.main_titlebox > h3{color:#d80b8c;font-weight:700;font-size:14px;margin-top:44px}

.main_conbox > a.more{padding:0;top:95px;background:url(/pages/kimiro/img/main/main_btn_more.png) no-repeat 0 0 ;width:35px;height:35px;display:block;position:absolute;left:0}
.main_conbox > a.more span{font-size:0;position:0;left:0;top:0}
.research_con{width:960px;float:left}
.research_con a{font-size:22px;font-weight:700;color:#fff;text-align:center;transition:all .25s ease-in}
.research_con a.scon_1{width:50%;height:300px;float:left;line-height:300px;background:#000 url(/pages/use/img/main/main_media_bg1.jpg) no-repeat 0 0 /cover}
.research_con a.scon_2{width:50%;height:150px;float:left;line-height:150px;background:url(/pages/use/img/main/main_media_bg2.jpg) no-repeat 0 0 /cover}
.research_con a.scon_3{width:50%;height:150px;background:#000;float:left;line-height:150px;background:url(/pages/use/img/main/main_media_bg3.jpg) no-repeat 0 0 /cover}
.research_con a:hover{text-decoration:none;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);transition:all .25s ease-out;opacity:1}


/* r&d지원 */
.rnd_title1{font-size:60px;font-weight:100;line-height:60px;letter-spacing:-4px}
.rnd_title2{font-size:28px;font-weight:600;line-height:42px;letter-spacing:-1.7px;color:#adadad;padding:40px 0 50px;width:45%;word-break:keep-all;}
.rnd_title2 span{color:#f1007b}
.rndbox > div{float:left;width:100%;box-sizing:border-box}
.rndbox .rndbox_l{background:url(/pages/use/img/main/main_rnd_bg1.jpg) no-repeat 0 0;padding:55px 63px 140px 58px;position:relative}
.rndbox .rndbox_l h3{font-size:24px;color:#fff;font-weight:300;margin-bottom:20px}
.rndbox .rndbox_l p{font-size:15px;line-height:24px;color:#fff;width:85%;margin-bottom:75px;font-weight:400;letter-spacing:-1.2px}
.rndbox .rndbox_l ul{display:block;width:100%;overflow:hidden;position:absolute;bottom:0;left:0;height:80px}
.rndbox .rndbox_l ul li{display:block;float:left;width:20%;position:relative}
.rndbox .rndbox_l ul li a{float:left;border-bottom:1px solid #ddd;color:#fff;font-size:15px;display:block;height:80px;line-height:80px;width:100%;text-align:center;box-sizing:border-box;font-weight:500}
.rndbox .rndbox_l ul li a:hover{text-decoration:none;background:#f1007b;border:none}
.rndbox .rndbox_l ul li a span{position:relative;z-index:1}
.rndbox .rndbox_l ul li a .mask{position:absolute;width:100%;height:100%;background:#000;top:0;left:0;opacity:0.5}
.rndbox .rndbox_l ul li a:hover .mask{opacity:0}
.rndbox .rndbox_l ul li:last-child a{margin:0}
.rndbox .rndbox_r{height:360px;box-sizing:border-box;padding:55px 63px 64px 58px;display:block;background:url(/pages/kimiro/img/main/main_rnd_bg2.jpg) 0 0 no-repeat}
.rndbox .rndbox_r h3{font-size:24px;color:#fff;font-weight:300;margin-bottom:20px}
.rndbox .rndbox_r p{font-size:17px;line-height:24px;color:#fff;width:85%;margin-bottom:114px;font-weight:400;letter-spacing:-1.2px}
.rndbox .rndbox_r a{color:#fff;font-size:16px;font-weight:600;letter-spacing:-.02em}
.rndbox .rndbox_r a:hover{color:#f1007b}
/*
.rndbox .rndbox_r a{height:360px;box-sizing:border-box;padding:63px 0 0 43px;display:block;width:100%}
.rndbox .rndbox_r a:hover{text-decoration:none}
.rndbox .rndbox_r a dl dt{font-size:22px;color:#fff;margin-bottom:20px;font-weight:500}
.rndbox .rndbox_r a dl dd{font-family:Nanum Gothic;font-size:13px;color:#fff;font-weight:600}
.rndbox .rndbox_r a.btn1{background:url(/pages/kimiro/img/main/main_rnd_bg2.jpg) 0 0 no-repeat;transition:all .25s ease-in;background-size:cover}
.rndbox .rndbox_r a.btn1:hover, .rndbox .rndbox_r a.btn2:hover{ -webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);transition:all .25s ease-out;opacity:1}
.rndbox .rndbox_r a.btn2{background:url(/pages/kimiro/img/main/main_rnd_bg3.jpg) no-repeat 0 0;transition:all .25s ease-in}
*/


/****** Mobile ******/
@media screen and (max-width:690px){

	#main_visual{width:100%;margin:0 auto 50px;position:relative}
		#main_visual .main_visual_navi li img{width:100% !Important}
		#main_visual .main_visual_btn .visual_prev{display:none}
		#main_visual .main_visual_btn .visual_next{display:none}
		#main_visual .main_visual_list ul li img{width: 100%}
		#main_visual .main_visual_navi{padding:0}

	#main_visual .mo_visual_btn{position:absolute;;top:31%;z-index:99;width:100%;display:block}
	#main_visual .mo_visual_btn a span{font-size:0;position:absolute;left:0;top:0}
	#main_visual .mo_visual_btn a{width:30px;height:30px;opacity:0.8;position:absolute;}
	#main_visual .mo_visual_btn a.visual_prev{background:url(/pages/kimiro/img/main/visual_btn_prev.png) no-repeat 0 0 / 30px;left:0}
	#main_visual .mo_visual_btn a.visual_next{background:url(/pages/kimiro/img/main/visual_btn_next.png) no-repeat 0 0 / 30px;right:0}
	/* #m_main_visual{display:block;width:100%;margin:60px 0 30px 0}
	#m_main_visual li{display:inline-block}
	#m_main_visual img{width:100%} */
	
	#page_content{width:100%;margin-top:60px}
		.main_commonbox{width:100%;margin:0 auto 50px;display:inherit;padding:20px;box-sizing:border-box}
		.main_commonbox .main_titlebox{width:100%}
		.main_commonbox .main_titlebox h2{display:none}
		.main_commonbox .main_conbox{width:100%;margin-bottom:85px}
		.main_commonbox .main_conbox .main_title1{font-size:24px;line-height:36px;margin-bottom:15px;padding-top:15px}	
		.main_commonbox .main_conbox > a{width:50%;margin-bottom:5px;font-size:19px}
		.main_commonbox .main_conbox p.desc{width:100%;margin-top:15px;word-break:keep-all;color:#999;box-sizing:border-box;padding:0 10px;line-height:30px;font-size:18px;letter-spacing:-1px}

	.main_tab{padding-bottom:30px}
	.main_titlebox ul{width:88%;margin-top:15px}
	.main_titlebox ul li a h3{font-size:24px}
	.main_titlebox ul li a{line-height:40px}
	.main_titlebox ul li a.active{margin-bottom:15px}
	.main_news_result ul li{padding:10px 0}
	.main_news_result ul li a{width:100%}
	.main_news_result ul li a dl dt{margin-bottom:10px;line-height:26px;font-size:18px}
	.main_news_result ul li p{width:100%;text-align:left;padding-bottom:10px}
	.main_news_result ul li p span{display:inline;font-size:24px}
	.main_news_result ul li p b{font-size:24px;letter-spacing:0;padding-left:10px}
	.main_news_result > a.more{position:static;margin:30px auto}
	.main_news_result ul li a dl dd{display:none}

	.research_con{width:100%}
	.research_con a.scon_1{width:100%;height:150px;line-height:150px}
	.research_con a.scon_2{width:100%}
	.research_con a.scon_3{width:100%}

	.rnd_title1{font-size:42px;padding-top:0}
	.rnd_title2{width:100%;padding:5px 0 30px 0;font-size:22px;word-break:keep-all;line-height:34px}
	.rndbox > div{width:100%}
	
	.rndbox .rndbox_l{background:url(/pages/use/img/main/main_rnd_bg1.jpg) no-repeat center top / cover;padding:40px 20px;margin-bottom:10px}
	.rndbox .rndbox_l p{margin-bottom:200px;width:100%}
	.rndbox .rndbox_l ul{height:auto}
	.rndbox .rndbox_l ul li{width:100%}
	.rndbox .rndbox_l ul li a{width:100%;height:40px;line-height:40px}
	.rndbox .rndbox_r{height:auto;padding:40px;background-size:cover}
	.rndbox .rndbox_r p{font-size:17px;margin-bottom:50px}


}

/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {
		#m_main_visual{display:none}
		
		/* visual */
		#main_visual{width:100%;margin:0 auto 50px;position:relative}
		#main_visual .main_visual_navi li img{width:100% !Important}
		#main_visual .main_visual_btn .visual_prev{display:none}
		#main_visual .main_visual_btn .visual_next{display:none}
		#main_visual .main_visual_list ul li img{width: 100%}
		#main_visual .main_visual_navi{padding:0}

	#main_visual .mo_visual_btn{position:absolute;;top:40%;z-index:99;width:100%;display:block}
	#main_visual .mo_visual_btn a span{font-size:0;position:absolute;left:0;top:0}
	#main_visual .mo_visual_btn a{width:37px;height:37px;opacity:0.8;position:absolute;}
	#main_visual .mo_visual_btn a.visual_prev{background:url(/pages/kimiro/img/main/visual_btn_prev.png) no-repeat 0 0 / 37px;left:0}
	#main_visual .mo_visual_btn a.visual_next{background:url(/pages/kimiro/img/main/visual_btn_next.png) no-repeat 0 0 / 37px;right:0}


	#page_content{width:100%;margin-top:60px}
		.main_commonbox{width:100%;margin:0 auto 50px;display:inherit;padding:20px;box-sizing:border-box}
		.main_commonbox .main_titlebox{width:100%}
		.main_commonbox .main_titlebox h2{display:none}
		.main_commonbox .main_conbox{width:100%;margin-bottom:85px}
		.main_commonbox .main_conbox .main_title1{font-size:24px;line-height:36px;margin-bottom:15px;padding-top:15px}	
		.main_commonbox .main_conbox > a{width:50%;margin-bottom:5px}
		.main_commonbox .main_conbox p.desc{width:100%;margin-top:15px;word-break:keep-all;color:#999;box-sizing:border-box;padding:0 10px;line-height:30px;font-size:18px;letter-spacing:-1px}

		.main_tab{padding-bottom:30px}
		.main_titlebox ul{width:88%;margin-top:15px}
		.main_titlebox ul li a h3{font-size:24px}
		.main_titlebox ul li a{line-height:40px}
		.main_titlebox ul li a.active{margin-bottom:15px}
		.main_news_result ul li{padding:10px 0}
		.main_news_result ul li a{width:100%}
		.main_news_result ul li a dl dt{margin-bottom:10px;line-height:26px;font-size:18px}
		.main_news_result ul li p{width:100%;text-align:left;padding-bottom:10px}
		.main_news_result ul li p span{display:inline;font-size:24px}
		.main_news_result ul li p b{font-size:24px;letter-spacing:0;padding-left:10px}
		.main_news_result > a.more{position:static;margin:30px auto}
		.main_news_result ul li a dl dd{display:none}

		.main_con_media{width:100%;overflow:hidden}
		.main_con_media h2{padding-bottom:20px}
		.main_titlebox > h3{display:none}
		.main_video p{width:95%}
		.main_video p span.line{display:none}
		.main_con_media a.more{position:static;margin:30px auto;background:url(/pages/kimiro/img/main/main_btn_more.png) no-repeat center 0;display:none}
		
		.research_con{width:100%}
		
		.rnd_title1{font-size:42px;padding-top:0}
		.rnd_title2{width:100%;padding:5px 0 30px 0;font-size:22px;word-break:keep-all;line-height:34px}
		.rndbox > div{width:50%;height:297px}
		
		.rndbox > div{height:330px;width:100%}
		.rndbox .rndbox_l{background-size:cover;padding:40px;margin-bottom:10px}
		.rndbox .rndbox_l p{margin-bottom:30px}
		.rndbox .rndbox_l ul li a{width:100%}
		.rndbox .rndbox_r{height:330px;padding:40px;background-size:cover}
		.rndbox .rndbox_r p{font-size:17px;margin-bottom:50px}

}

/****** Tablet wide Device ******/
@media screen and (min-width:899px) and (max-width:1024px) {

	#m_main_visual{display:none}

	/* visual */
	#main_visual{width:100%;margin:0 auto 50px}
	#main_visual .main_visual_navi li img{width:100% !Important}
	#main_visual .main_visual_btn .visual_prev{display:none}
	#main_visual .main_visual_btn .visual_next{display:none}
	#main_visual .main_visual_list ul li img{width: 100%}
	#main_visual .main_visual_navi{padding:0}

	#main_visual .mo_visual_btn{position:absolute;;top:48%;z-index:99;width:100%;display:block}
	#main_visual .mo_visual_btn a span{font-size:0;position:absolute;left:0;top:0}
	#main_visual .mo_visual_btn a{width:37px;height:37px;opacity:0.8;position:absolute;}
	#main_visual .mo_visual_btn a.visual_prev{background:url(/pages/kimiro/img/main/visual_btn_prev.png) no-repeat 0 0 / 37px;left:0}
	#main_visual .mo_visual_btn a.visual_next{background:url(/pages/kimiro/img/main/visual_btn_next.png) no-repeat 0 0 / 37px;right:0}


	.main_commonbox{width:100%;padding:20px;box-sizing:border-box}
	.main_commonbox .main_titlebox{width:30%}
	.main_commonbox .main_conbox{width:70%}

	.main_news_result ul li a{width:100%}
	.main_news_result > a.more{left:10px}

	.research_con{width:70%}

	.rnd_title2{width:84%}
	.rndbox > div{height:360px}
	.rndbox .rndbox_l p{font-size:14px;margin-bottom:50px;width:100%}
	.rndbox .rndbox_r p{font-size:14px;margin-bottom:50px;width:100%}
	.main_commonbox .main_conbox p.desc{width:75%}


}



/****** Desktop Device ******/
@media screen and (min-width:900px) and (max-width:1440px) {


	#m_main_visual{display:none}

	/* visual */
	#main_visual{width:100%;margin:0 auto 50px}
	#main_visual .main_visual_navi li img{width:100% !Important}
	#main_visual .main_visual_btn .visual_prev{display:none}
	#main_visual .main_visual_btn .visual_next{display:none}
	#main_visual .main_visual_list ul li img{width: 100%}
	#main_visual .main_visual_navi{padding:0}

	#main_visual .mo_visual_btn{position:absolute;;top:43%;z-index:99;width:100%;display:block}
	#main_visual .mo_visual_btn a span{font-size:0;position:absolute;left:0;top:0}
	#main_visual .mo_visual_btn a{width:45px;height:45px;opacity:0.8;position:absolute;}
	#main_visual .mo_visual_btn a.visual_prev{background:url(/pages/kimiro/img/main/visual_btn_prev.png) no-repeat 0 0 / 45px;left:0}
	#main_visual .mo_visual_btn a.visual_next{background:url(/pages/kimiro/img/main/visual_btn_next.png) no-repeat 0 0 / 45px;right:0}




	.main_commonbox{width:100%;padding:20px;box-sizing:border-box}
	.main_commonbox .main_titlebox{width:30%}
	.main_commonbox .main_conbox{width:70%}

	.main_news_result ul li a{width:100%}
	.main_news_result > a.more{left:10px}

	.main_video p{width:90%}
	.main_video p span.line{width:270px}
	.research_con{width:70%}

	.rnd_title2{width:84%}
	.rndbox > div{height:360px}
	.rndbox .rndbox_l{background:url(/pages/kimiro/img/main/main_rnd_bg1.jpg) no-repeat 0 0 / cover}
	.rndbox .rndbox_l p{font-size:14px;margin-bottom:50px;width:100%}
	.rndbox .rndbox_r p{font-size:14px;margin-bottom:50px;width:100%}
	.main_commonbox .main_conbox p.desc{width:75%}

}


