@charset "UTF-8";

@font-face {
    font-family: 'Pretendard-Medium';
    src: url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
    font-weight: 500;
    font-style: normal;
}
* { font-family: 'Spoqa Han Sans Neo', 'sans-serif'; word-break: keep-all;}
body{padding-bottom: 30px}
 @page{margin : 15mm;  }
@media print {
  /* Add a page break before each element with class 'page-break' */
  .page-break {
    page-break-before: always;
  }
}
.article_detail_top{padding-left:15px; border-left:5px solid #012063; margin-bottom: 80px;}
.article_detail_subtitle{text-align: left; font: normal normal medium 16px/19px Spoqa Han Sans Neo;letter-spacing: 0px; color: #7A7A7D;}
.article_detail_date{position: absolute; right: 0; top:5px}

.article_detail_contents{text-align: left; font: normal normal normal 15px Spoqa Han Sans Neo; letter-spacing: 0px; color: #141618; line-height: 1.8}
.article_detail_contents_tag{display: block;margin-bottom: 40px; margin-top: 40px;}
.article_detail_contents_tag ul{margin: 0; padding: 0}
.article_detail_contents_tag ul li{list-style: none; display: inline-block; padding:3px 15px; background: #3C7CF5 0% 0% no-repeat padding-box; border-radius: 20px; color:#fff; font-size: 12px }
.article_detail_contents_btn{width: 100%; text-align: center; margin-bottom: 80px;}
.article_detail_contents_btn button.btn_gotolist{background: #141618 0% 0% no-repeat padding-box; border-radius: 30px; color:#fff;text-align: center; font: normal normal 14px Spoqa Han Sans Neo; letter-spacing: 0px; color: #FFFFFF; padding:15px 60px;}
.quickmenu{    position: fixed; right: 20px; top: 130px; display: none;}
.quickmenu ul{margin: 0; padding: 0}
.quickmenu ul li{list-style: none; margin-bottom: 15px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{display: none !important}
.pagetitle{    padding: 10px 0 10px ; border-bottom: 1px solid #3C7CF5;}
.print_n{display: none;}
footer{position: fixed;bottom: 0px; font-size: 10px; }
.text-center{text-align: center; }
.pd-t-120{padding-top:30px}
hr{display: none;}

.techbrief_top_cont_img{text-align: center; padding-top: 50px; width:100%;}
.techbrief_top_cont_img img{margin: 0 auto;}
.swiper-slide {
    display: inline-flex;
}
/*tech breif 상세*/
/*가장 위 제목, 글*/
.techbrief_top_cont_wrap
{
	width: 100%;
}
.techbrief_top_cont_img
{
    width: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0 auto;
}
.techbrief_top_cont_img img
{
	width: 100%;
	max-width: 600px
}
.techbrief_top_cont
{
    display: inline-block;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}
.techbreif_top_cont_cont
{
    font-size: 16px;
    color: #7A7A7D;
	
}
.techbrief_top_cont_title
{
    font-size: 28px;
    font-weight: bolder;
    margin-bottom: 10px;
    
    font-family: Spoqa Han Sans Neo !important;
}
.techbrief_top_cont_number
{
    font-size: 16px;
    color: gray;
    font-weight: bold;
    margin-bottom: 20px !important;
}

/*적용분야*/
.application_cate{display: flex; width: 70%; margin: 0 auto;}
.application_cate span{flex: 1; font-size: 18px;}
.brief_detail_contents{
	page-break-inside :inherit;
}
.techbrief_cont_icon_wrap
{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
}
.techbrief_cont_icon_wrap p
{
    margin: 15px 30px;
    font-size: 20px;
    font-weight: bolder;
    color: #042C99;
}
.techbrief_cont_icon_wrap span
{
    margin: 15px 0;
    font-weight: bold;
    font-family: 'Spoqa Han Sans Neo' !important;
}
.cont_wrap_1
{
    width: calc(50% - 30px);
    display: inline-block;
    /*height: 600px;*/
    border-top: 2px solid #000;
    margin-right: 20px;
    vertical-align: top;
}
.cont_wrap_2
{
    width: calc(50% - 20px);
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
}
.cont_wrap_2_1
{
    width: 100%;
    display: inline-block;
    /*height: 70%;*/
    border-top: 2px solid #000;
}
.cont_wrap_2_2
{
    width: 100%;
    border-top: 2px solid #000;
}
.cont_wrap_2_2 ul{
	padding-left: 40px !important;
}
.cont_wrap_3
{
    width: calc(50% - 30px);
    display: inline-block;
     border-top: 2px solid #000;
     margin-right: 20px;
     vertical-align: top;
	
}
.cont_wrap_4
{
	width: calc(50% - 20px);
    display: inline-block;
    /*height: 200px;*/
     border-top: 2px solid #000;
     margin-left: 20px;
     vertical-align: top;
}
.cont_wrap_5
{
    width: calc(50% - 30px);
    /*height: 300px;*/
    display: inline-block;
     border-top: 2px solid #000;
     margin-right: 20px;
     vertical-align: top;
}
.cont_wrap_6
{
    width: calc(50% - 20px);
    /*height: 300px;*/
    display: inline-block;
     border-top: 2px solid #000;
     margin-left: 20px;
     vertical-align: top;
}
.cont_wrap_7
{
	width: 100%;
	border-top: 2px solid #000;
	min-height: 180px;
	clear: both;
}
.cont_wrap_8
{
	width: 100%;
	 border-top: 2px solid #000;
}
.cont_wrap_9
{
	width: 100%;
	border-top: 2px solid #000;
	margin-bottom: 20px;	
}
.cont_wrap_9_cont{padding: 12px;}
.cont_wrap_9_cont img{width: 25px; margin-right: 20px;vertical-align: top;}
.article_detail_bottom{
	margin-top: 40px;
}
.float_disable h4,.cont_wrap_7 h4,.cont_wrap_8 h4,.cont_wrap_9 h4
{
    font-weight: bolder;
    color: #042C99;
    font-size: 16px;
    padding-left: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: 'Spoqa Han Sans Neo' !important;
}
.float_disable li
{
	margin-bottom: 10px;
	list-style: outside;
	line-height: 25px;
}
.float_disable h4,.cont_wrap_7 h4,.cont_wrap_8 h4,.cont_wrap_9 h4
{
    font-weight: bolder;
    color: #042C99;
    font-size: 18px;
    padding-left: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: 'Spoqa Han Sans Neo' !important;
}
.float_disable hr,.cont_wrap_7 hr,.cont_wrap_8 hr,.cont_wrap_9 hr
{
    border-top: 1px solid #ddd;
    margin-top: 0px;
}
.techbrief_detail_cont_keyword li
{
    list-style: none;
    display: inline-block;
    padding: 8px 15px;
    background: #3C7CF5 0% 0% no-repeat padding-box;
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    margin-right: 10px;
}

/*labInside 탭메뉴*/
.tab_title
{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-left: 0px;
}
.tab_title li {
    list-style: none;
    width: 120px;
    padding: 10px 0px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    font-size: 24px;
    margin-right: 100px;
    color: gray;
    font-weight: bolder;
    font-family: Spoqa Han Sans Neo !important;
}
.tab_title li:last-child
{
    margin-right: 0px;
}
.tab_title li.on {
    color: #012063;
    border-bottom: 1px solid #012063;
}
.tab_cont_wrap {
  clear: both;
}
.tab_cont_wrap .tab_cont {
  display: none;
}
.tab_cont_wrap .tab_cont:first-child
{
	text-align: center;
}
.tab_cont_wrap .tab_cont.on {
  display: block;
}
/*labinside -> labstory*/
.labstory_icon
{
	margin-top: 30px;
}
.part1_title h3,.part2_title h3,.part3_title h3
{
    font-weight: bolder;
    margin-bottom: 50px;
    font-size: 32px;
    margin-top: 20px;
    font-family: Spoqa Han Sans Neo !important;
}
.part1_wrap .part1_cont .part1_cont_left_icon
{
    float: left;
}
.part1_wrap .part1_cont .part1_cont_right_icon
{
	float: right;	
}
.part1_wrap .part1_cont p
{
    display: inline-block;
    width: 70%;
    text-align: left;
    line-height: 30px;
    font-size: 18px;
}
.part1_q,.part2_q,.part3_q
{
	margin: 80px 0px;
}
.part1_q_title img,.part2_q_title img,.part3_q_title img
{
    margin-right: 20px;
    width: 30px;
    margin-top: 10px;
    display: inline-block;
    vertical-align: top;
}
.part1_q_title h3,.part2_q_title h3,.part3_q_title h3
{
    text-align: left;
    font-weight: bolder;
    font-size: 32px;
    line-height: 50px;
    font-family: Spoqa Han Sans Neo !important;
    display: inline-block;
    margin-top: 4px;
    width: calc(100% - 70px);
}
.part1_q_cont p,.part2_q_cont p,.part3_q_cont p
{
    text-align: left;
    padding-left: 50px;
    line-height: 35px;
    font-size: 18px;
}
.part1_wrap,.part2_wrap,.part3_wrap
{
    padding: 30px;
}
.part2_wrap
{
	background-color: #f4fbff;
}
.part3_keyword
{
	margin-bottom: 100px;
}
/*labinside -> 연구분야*/
.professorInfo
{
	margin-top: 50px;
}
.professorInfo h3, .researchField h3
{
	font-weight: bolder;
	margin-bottom: 40px;
	font-size: 32px;
	font-family: 'Spoqa Han Sans Neo' !important;
}
.professorInfo>div
{
	background-color: #f4fbff;
	padding: 40px 30px 40px 30px;
	margin-bottom: 140px;
	align-items: center;
}
.professorInfo_img
{
    text-align: center;
    margin-bottom: 15px;
}
.professorInfo_cont
{
}
.professorInfo_cont>div
{
	margin-bottom: 35px;
}
.professorInfo_cont p
{
    line-height: 35px;
    font-size: 18px;
}
.professorInfo_cont>div span
{
    font-size: 24px;
    font-weight: bolder;
    line-height: 35px;
    font-family: 'Spoqa Han Sans Neo' !important;
}
.professorInfo_cont>div span:last-child
{
	color: #3c7cf5;
	margin-left: 20px;
}
.researchField_cont
{
    width: 33.3%;
    display: inline-block;
    float: left;
    margin-bottom: 100px;
}
.researchField_cont:nth-child(3n-2)
{
    padding: 0px 20px 0 0px;
}
.researchField_cont:nth-child(3n-1)
{
    padding: 0px 20px 0 20px;
}
.researchField_cont:nth-child(3n)
{
    padding: 0px 0px 0 20px;
}
.researchField_cont img
{
	width: 100%;
	height: 255px;
	object-fit: fill;
}
.researchField_cont p
{
    width: 100%;
    margin: 30px 0;
    font-size: 20px;
    font-weight: bold;
    color: #141618;
    font-family: 'Spoqa Han Sans Neo' !important;
}
.researchField_cont ul
{
    width: 100%;
    list-style: none;
    padding: 0px;
}
.researchField_cont ul li
{
    width: 100%;
    margin-bottom: 18px;
    font-size: 14px;
    color: #7A7A7D;
    margin-top: 10px;
}
.researchField_cont ul li:first-child
{
	margin-top: 30px;
}
.labinside_labvideo iframe
{
	height: 400px !important;
}
.labinside_labvideo h3
{
	margin-top: 40px;
	margin-bottom: 30px;
	font-weight: bolder;
	font-size: 32px;
	font-family: 'Spoqa Han Sans Neo' !important;
}
.labinside_article .article_detail_bottom .slideTech{font-size: 15px; padding: 13px 0 5px 0;}
.labinside_article .article_detail_bottom .slideCont{font-size: 22px; font-family: 'Spoqa Han Sans Neo' !important;}

.labinside_techbrief .article_detail_bottom .slideTech{font-size: 15px; padding: 13px 0 5px 0;}
.labinside_techbrief .article_detail_bottom .slideCont{font-size: 22px; font-family: 'Spoqa Han Sans Neo' !important;}
.insideDetail3 .article_detail_contents_btn{margin-bottom: 120px;}
/*labinside title*/
.labinsideTitleCont_img
{
	width: 100%;
	
}
.labinside_article>.article_detail_bottom>h3, .labinside_techbrief>.article_detail_bottom>h3
{
	font-size: 32px;
	color: #141618;
    font-family: 'Spoqa Han Sans Neo' !important;
}


.insideDetail2 .cont_wrap{width: 100%;}
.insideDetail2 .cont_wrap .cont1{width: 80%; margin: 0 auto;}
.insideDetail3 .cont_wrap{width: 100%;}
.insideDetail3 .cont_wrap .cont1{width: 80%; margin: 0 auto;}
/*//labInside*/


.techclip_detail_title h3{    display: inline-block;
    width: 100%;
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 15px;
    font-size: 42px;
    font-family: Spoqa Han Sans Neo !important;
    font-weight: bold;
	line-height: 65px;
}
.techclip_detail_date{text-align: left; font: normal normal normal 12px Spoqa Han Sans Neo; letter-spacing: 0px; color: #7A7A7D;}
.techclip_detail_date>span{font-size: 22px;margin-bottom: 20px;display: block;}
.techclip_detail_contents_tag{display: block; text-align: center;margin-bottom: 40px; margin-top: 40px;text-align: left;border-bottom: 2px solid #141618; padding-bottom: 30px;}
.techclip_detail_contents_tag ul{margin: 0; padding: 0;text-align: left;}
.techclip_detail_contents_tag ul li{list-style: none; display: inline-block; padding:6px 15px; background: #3C7CF5 0% 0% no-repeat padding-box; border-radius: 20px; color:#fff; font-size: 14px }
.techclip_detail_contents_btn{text-align: center; margin: 30px 0 130px 0 }
.techclip_detail_contents_btn button.btn_gotolist:hover{background-color: #141618;color:#fff;transition: all ease 0.5s 0s;}
.techclip_detail_contents_btn button.btn_gotolist:last-child{margin-right: 0px;}
.techclip_detail_title{position: relative; margin-bottom: 20px;margin-top: 20px;}
.techclip_detail_title_r{position: absolute; right: 0; width: 50%; top:50%;    transform: translate(0px, -50%); color: #fff; text-align: right;}
.techclip_detail_title_r h2{ font: normal normal bold 32px Spoqa Han Sans Neo; letter-spacing: 0px; margin: 0}
.toast{position: absolute; bottom:100px; left: 50%; width: 50%; background: #dfdfdf; padding:20px; font-weight: bold; font-size: 13px; z-index: 99;transform: translate(-50%, 0%); text-align: center; border-radius: 8px; box-shadow: 5px 5px 5px #ccc;}


@media print {
	.techbrief_detail_cont_keyword ul{margin: 0; padding: 0}
	.techbrief_detail_cont_keyword li {background-color:#3C7CF5 !important; -webkit-print-color-adjust:exact;}
	.professorInfo>div{background-color: #f4fbff !important;-webkit-print-color-adjust:exact;}
	.right_cont_right_cont{background-color: #F8F9F9 !important;-webkit-print-color-adjust:exact;}
	.right_cont_left_title{background-color: #F4FBFF !important;-webkit-print-color-adjust:exact;}
}

/*상세 제목 ex_article, techClip 등*/
.articleDetail .detailTitle{    margin: 80px 0;
    width: 100%;
    max-width: 373px;}

.detailTitle
{
    margin: 40px 0;
    width: 100%;
    max-width: 446px;
}
/*상세 제목 따옴표*/
.titleLeftIcon,.titleRightIcon
{
	display:inline-block;
	width: 45px;
	position: absolute;
}
.titleLeftIcon
{
	left: 0px;
}
.titleRightIcon
{
	right: 0px;
}
.techclip_detail_middle{
}

/*techClip 컨텐츠영역*/
.techclip_left_cont
{
    width: 100%;
    margin-bottom: 40px;
}
.techclip_left_cont iframe{
	height: 300px !important;
}
.techclip_right_cont
{
    width: 100%;
}
.techclip_detail_contents_media
{
	margin-bottom: 20px;
}
.techclip_space{margin-bottom: 10px;}
.right_cont_left_title
{
    width: 17%;
    display: inline-block;
    border: 1px solid #043E9229;
    border-radius: 10px;
    background-color: #F4FBFF;
    color: #043E92;
    font-weight: bolder;
    margin-bottom: 10px;
    line-height: 64px;
    padding: 20px;
    vertical-align: top;
}
.right_cont_right_cont
{
    width: calc( 70% - 10px );
    text-align: left;
    margin-left: 10px;
    background-color: #F8F9F9;
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 20px;
    color: #141618;
    display: inline-block;
    vertical-align: top;
}
.right_cont_left_title, .right_cont_right_cont
{
}
/*//techClip 컨텐츠영역*/

/*tech breif 상세*/
/*가장 위 제목, 글*/
.techbrief_top_cont_wrap
{
	width: 100%;
}
.techbrief_top_cont_img
{
    width: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.techbrief_top_cont_img img
{
	width: 100%;
}
.techbrief_top_cont
{
    display: inline-block;
    width: 100%;
    padding: 20px 40px;
    box-sizing: border-box;
}
.techbreif_top_cont_cont
{
    font-size: 16px;
    color: #7A7A7D;
	
}
.techbrief_top_cont_title
{
    font-size: 28px;
    font-weight: bolder;
    margin-bottom: 15px;
    line-height: 28px;
    font-family: Spoqa Han Sans Neo !important;
}
.techbrief_top_cont_number
{
    font-size: 20px;
    color: gray;
    font-weight: bold;
    margin-bottom: 20px !important;
}

@media (min-width: 1281px) and (max-width: 1600px){/*1281*********************************************�명듃遺�**/
.slick-dotted.slick-slider{    height: 400px;}
}/**(min-width: 1281px) and (max-width: 1600px)**/
/*
##Device = �⑺깙, �곗뒪�ы깙
*/
@media (min-width: 1201px) and (max-width: 1280px) {/*1025-1280***********************************************/
.slick-dotted.slick-slider{    height: 400px;}
}/**(min-width: 1025px) and (max-width: 1280px)**/
/*
##Device = �쒕툝由�, �꾩씠�⑤뱶(�몃줈),
*/
@media (min-width: 768px) and (max-width: 1200px) {/*768-1024***********************************************/
.slick-dotted.slick-slider{    height: 260px;}
}/**(min-width: 768px) and (max-width: 1024px)**/

/*
##Device = �쒕툝由�, �꾩씠�⑤뱶(媛�濡�)
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {/*768-1024***********************************************/

}/**(min-width: 768px) and (max-width: 1024px)**/
/*
##Device = ���댁긽�� �쒕툝由�, 紐⑤컮��(媛�濡�)
*/
@media (min-width: 481px) and (max-width: 767px) {/*481-767***********************************************/

}/**(min-width: 481px) and (max-width: 767px)**/
/*
##Device = ��遺�遺꾩쓽 �ㅻ쭏�명룿 紐⑤컮�� 湲곌린(�몃줈)
*/
@media (min-width: 321px) and (max-width: 480px) {/*321-480***********************************************/

}/**(min-width: 321px) and (max-width: 480px)**/
@media (min-width: 180px) and (max-width: 320px) {/*180-320***********************************************/

}/**(min-width: 180px) and (max-width: 320px)**/