@charset "utf-8";

.sub_wrap.w1800{margin:100px auto 0;overflow: hidden;}

.sub_visual{height: 420px; display: flex; align-items: center;justify-content: center; width: 100%;  position: relative; text-align: center;}
.sub_visual h4 { font-size: 3.125em; color: #fff; font-weight: 700; line-height: 1.35; font-family: 'Montserrat' ; text-transform: uppercase; padding-bottom: 20px;}

.sv_title{font-size:1.75em;line-height: 1;color: #333;font-weight: 700; padding-bottom: 18px; border-bottom: 1px solid #555; padding-left: 18px;}
.lnb{position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%);-moz-transform:translateX(-50%) ;-ms-transform:translateX(-50%) ;-o-transform:translateX(-50%) ;transform:translateX(-50%) ;}

.lnb ul{display: flex; width: 100%; text-align: center;background-color: #1fa8ff; 	}
.lnb li {flex:auto;} 
.lnb li a{position: relative;font-size: 1.125em; line-height:60px; color: #fff;background-color: #1fa8ff; -webkit-transition: 0.3s; -moz-transition:0.3s; -ms-transition:0.3s;-o-transition:0.3s; transition:0.3s; font-weight: 700;} 
.lnb li.current a{background: #fff; color:#1fa8ff;}

.bd_sec{padding-bottom: 150px;}


@media (min-width:800px){ 
	.lnb li:hover a{background: #fff; color:#1fa8ff;}
}



/* 공통 */
.sub_layout article{padding-bottom: 90px;}
.bd_sec article{padding-bottom: 0px;}
.sub_layout article:last-child{padding-bottom: 150px;}


table{border-top: 1px solid #1fa8ff; font-size: 1.125em;}
table tr{border-bottom: 1px solid #ddd;}
table th{ height: 59px; font-weight: 500; color: #1fa8ff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f7fcff; font-weight: 500; border-right: 1px solid #ddd;}
table td{height: 59px; color: #666;border-right: 1px solid #ddd; line-height: 1.38;}
table td:first-child{color: #333; font-weight: 500;}
table th:last-child,
table td:last-child{border-right: 0;}
.table_box > p{text-align: right; font-size: 1.125em; margin-top: 20px;}


.row_box_s{display: flex; justify-content: space-between;}
.row_box_w{display: flex; flex-wrap:wrap;justify-content: space-between;}
.row_box{display: flex;}

@media (min-width:800px){ 
}




/* s_tit_box */
.s_tit{padding-bottom: 53px; margin:88px 0 80px; border-bottom: 1px solid #ddd; text-align: center;}
.sub_cont505 .s_tit{ margin:88px 0 57px;}

.sub_cont402 .s_tit,
.sub_cont403 .s_tit,
.sub_cont404 .s_tit,
.sub_cont504 .s_tit,
.sub_cont506 .s_tit{padding-bottom: 0; margin:88px 0 52px; border-bottom:0;}


.s_tit h3{font-size: 2.625em; line-height: 1.3; font-weight: 700;}

.arti_tit{font-size: 2.187em; line-height: 1.3;  background:url(../../images/main/mns_tit_bar.jpg) no-repeat left top 8px; padding-left: 29px; font-weight: 700; margin-bottom: 47px;}




/* s1 */
.who{margin-top: 60px;}
.who li{flex:0 1 240px;border: 1px solid #f9f9f9; background: #f9f9f9; text-align: center;transition:0.3s; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px;}
.who a{ height: 340px; padding-top: 49px;  transition:0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.who .img_box{position: relative; width: 100px; height: 100px; margin:0 auto 17px; }
.who figure{position: absolute;top: 0; right: 0; -webkit-transition: 0.3s; -moz-transition:0.3s; -ms-transition:0.3s;-o-transition:0.3s; transition:0.3s;} 
.who figure:last-child{opacity: 0;} 
.who img{ -webkit-transition: 0.3s; -moz-transition:0.3s; -ms-transition:0.3s;-o-transition:0.3s; transition:0.3s;} 
.who .txt_box{}
.who h4{font-size: 1.375em; line-height: 1.363;}
.who span{display: inline-block;width: 120px; line-height: 38px; color: #fff; background: #1fa8ff; transition:0.3s; position: absolute; left: 50%;-webkit-transform: translateX(-50%);-moz-transform:translateX(-50%) ;-ms-transform:translateX(-50%) ;-o-transform:translateX(-50%) ;transform:translateX(-50%) ; bottom: 51px;}



@media (min-width:800px){ 
	.who li:hover figure:first-child{opacity: 0;} 
	.who li:hover figure:last-child{opacity: 1;} 
	.who li:hover figure{ transform: rotateY(180deg);}
	.who li:hover img{ transform: rotateY(-180deg);}
	.who li:hover{border: 1px solid #a3cb46; background: #fff;-webkit-box-shadow: 6px 6px 27px rgba(153,152,152,0.15) ; -moz-box-shadow: 6px 6px 27px rgba(153,152,152,0.15); box-shadow: 6px 6px 27px rgba(153,152,152,0.15);}
	.who li:hover span{background: #a3cb46;}
}	

	



/* s2 electromagnetic_waves */
.sub_cont2 .s_tit{margin-bottom: 54px;}

.electromagnetic_waves .txt_box{text-align: center;}
.electromagnetic_waves .txt_box p{ line-height: 1.666;font-size: 1.125em;}
.electromagnetic_waves .img_box{ background: #f7f7f7; text-align: center; margin-top: 73px;}
.electromagnetic_waves figure{}
.electromagnetic_waves img{vertical-align: middle; max-width: 90%; margin: auto;}
.electromagnetic_waves .table_box{margin-top: 56px;}
.electromagnetic_waves th{padding: 0 5px; -ms-word-break: keep-all; word-break: keep-all;}
.electromagnetic_waves td{padding: 15px 10px 14px;}


/* s201 electromagnetic_waves01 */
.electromagnetic_waves01 .img_box{height: 450px; line-height: 450px;}

/* s202 electromagnetic_waves02 */
.electromagnetic_waves02 .img_box{margin-top: 53px;height: 490px; line-height: 490px;}

/* s203 electromagnetic_waves03 */
.tit_box{}
.tit_box h3{margin-bottom: 0;}
.tit_box p{font-size: 1.125em; margin: 23px 0 43px 30px;}

.electromagnetic_waves03 .img_box{height: 555px; line-height: 555px;}
.electromagnetic_waves03 th:nth-child(1){width: 300px;}
.electromagnetic_waves03 th:nth-child(2){width: 282px;}
.electromagnetic_waves03 th:nth-child(3){width: 355px;}
.electromagnetic_waves03 figure	{text-align: center; padding: 60px 0 ; background: #f7f7f7;}

/* s301 system */
.system01{}
.system01 figure{}
.system01 b{font-size: 1.625em; font-weight: 500; color: #333; margin: 50px 0 57px; display: block;}
.system01 p{font-size: 1.125em; margin-bottom: 32px;}
.system01 p:last-child{margin-bottom: 0;}
.system01 .txt_box{margin-bottom: 70px;}

.system01 .tb_box table td:first-child {color: #666; font-weight: 400;}
.system01 .tb_box b{font-weight: 700; font-size: 1.56em; margin: 36px 0 17px;}
.system01 article:last-child .arti_tit{margin-bottom: 27px;}
.system01 article:last-child p{margin-bottom: 17px;}
.system01 .tb_box{margin-bottom: 80px;}
.system01 .tb_box:last-child{margin-bottom: 0px;}


/* s302 system */
.system02{}
.system_list_cont{margin-top: 90px;}
.system_list{margin-bottom: 87px;}
.system_list:last-child{margin-bottom: 0px;}
.system_list_tit{}
.system_list_tit h3{font-size: 2.18em; line-height: 1.3;  background:url(../../images/main/mns_tit_bar.jpg) no-repeat left top 8px; padding-left: 29px; font-weight: 700; margin-bottom: 33px;}
.system_list_tit p{font-size: 1.125em; line-height: 1.666;}
.num_box{}
.num_box li{display: flex;}
.num_box span{}
.num_box span:first-child{}
.num_box span:last-child{}
.num_box01{font-size: 1em; background: #f7f7f7; padding: 32px 49px 30px; margin:42px 0 32px;}
.num_box01 li{line-height: 1.875;}
.num_box01 span{}
.num_box01 span:first-child{margin-right: 2px;}
.num_box01 span:last-child{}
.num_box02{font-size: 1.125em; line-height: 1.666;}
.num_box02 li{}
.num_box02 span{}
.num_box02 span:first-child{margin-right: 10px;}
.num_box02 span:last-child{}
.ref{font-size: 1.125em; color: #1fa8ff; margin-top: 16px;}

.system_list:last-child .num_box01{margin-bottom: 42px;}
.system_list:last-child .num_box02 li{margin-bottom: 30px;}
.system_list:last-child .num_box02 li:last-child{margin-bottom: 0px;}


/* s303 system */
.system03_wrap:first-child .system03_cont04,
.system03_wrap:first-child .system03_cont05{display: none;}

.system03_cont {position: relative;width: 479px; flex:0 0 479px; background: url(../../images/sub/system_dot.png) repeat-Y left top 2px; padding-left: 42px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 56px;}
.system03_cont::before {width: 5px ; height: 5px; left: -2px; top: 2px; position: absolute; content: "";}
.system03_cont span{font-family: 'Montserrat'; font-size: 1.125em; font-weight: 700; display: block; line-height: 1;}
.system03_cont h4{font-size: 1.625em; margin: 9px 0 10px; font-weight: 700;}
.system03_cont li{line-height: 1.75;}

.system03_cont01{}
.system03_cont01::before {background: #a2cb47;}
.system03_cont01 span{color: #a2cb47;}
.system03_cont02{}
.system03_cont02::before {background: #69bc96;}
.system03_cont02 span{color: #69bc96;}
.system03_cont03{width: auto;}
.system03_cont03::before {background: #38afda;}
.system03_cont03 span{color: #38afda;}
.system03_cont04{margin-left: 239px; margin-top: -20px; padding-top: 56px;}
.system03_cont04::before {background: #87c46d; bottom: 0; top: auto;}
.system03_cont04 span{color: #87c46d;}
.system03_cont05{margin-top: -20px;	}
.system03_cont05::before {background: #4fb5bb; bottom: 0; top: auto;}
.system03_cont05 span{color: #4fb5bb;}

.system03_cont04,
.system03_cont05{margin-top: -20px;	padding-top: 56px; padding-bottom: 14px;}

.system03_img{}
.system03_img figure{}
.system03_img img{max-width: inherit;}


/* s304 system */
.dot_box{}
.dot_box li{position: relative; padding-left: 13px;}
.dot_box li::before{position: absolute; left: 0; top: 14px; width: 3px; height: 3px; background: #666; content: "";}


.flag_wrap{margin-top: 92px;}
.flag_cont{margin-bottom: 80px;}
.flag_cont:last-child{margin-bottom: 0px;}
.flag_cont span{font-weight: 600; color: #c81535;}

.flag_cont > h4{font-size: 2em;font-weight: 700;background:url(../../images/sub/bd_tit.png) no-repeat left top 21px; padding-left: 26px; font-weight: 700; margin-bottom: 20px;}
.flag_cont .bd_box{border: 1px solid #ddd; border-radius: 5px;}
.flag_cont .bd_box img{-webkit-box-shadow:0 0 3px rgba(186,186,185,0.53); -moz-box-shadow:0 0 3px rgba(186,186,185,0.53); box-shadow:0 0 3px rgba(186,186,185,0.53);}
.flag_cont .bd_box .img_box{ padding: 40px 0 0; max-width: 883px; margin: auto; justify-content: center;}
.flag_cont .bd_box .img_box::before{position: absolute; left: 0; bottom: 0; width: 100%; height: 55px; background:#f7f7f7 ; content: "";}
.flag_cont .bd_box .img_box figure{margin: 0 25px;}
.flag_cont .bd_box .img_box img{margin-bottom: 40px;}
.flag_cont .bd_box .img_box figcaption{height: 55px; text-align: center; background: #f7f7f7;align-items: center; justify-content: center; display: flex; position: relative; font-size: 1.125em; color: #333;}
.flag_cont .bd_box .img_box{}
.flag_cont .bd_box .p_box{height: 55px; text-align: center; background: #f7f7f7; font-weight: 500; color: #333; display: flex; align-items: center; justify-content: center; padding:5px ;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.flag_cont .bd_box .p_box p{font-size: 1.125em;}

.flag_cont .bd_box > figure{margin-right: 38px; }
.flag_cont .bd_box .txt_box{}
.flag_cont .bd_box .txt_box h4{font-size: 1.562em; margin-bottom: 9px; font-weight: 700;}
.flag_cont .bd_box .txt_box ul{}
.flag_cont .bd_box .txt_box li{font-size: 1.25em; line-height: 1.666;}
.flag_cont .bd_box .txt_box{}
.flag_cont .bd_box .txt_box{}



.flag_cont .bd_box01{ margin-bottom: 25px; position: relative; overflow: hidden;}
.flag_cont .bd_box01 .img_box{}
.flag_cont .bd_box01 .img_box figure{}
.flag_cont .bd_box01 .img_box img{}
.flag_cont .bd_box01 .img_box p{}

.flag_cont .bd_box02{display: flex; padding: 35px 46px; margin-bottom: 10px; min-height: 210px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;align-items: center;}
.flag_cont .bd_box02 > figure{margin-top: 11px;}
.flag_cont .bd_box02 figcaption{margin-top: 10px; font-size: 1.5em; font-weight: 500; color: #111; text-align: center; line-height: 1.3;}
.flag_cont .bd_box02 .txt_box{margin-left: 5px;}
.flag_cont .bd_box02 .txt_box h3{}
.flag_cont .bd_box02 .txt_box ul{}
.flag_cont .bd_box02 .txt_box li{}
.flag_cont .bd_box:last-child{margin-bottom: 0;}




/* s501 research_group history */
.history .arti_tit {margin-bottom: 54px; border-bottom: 1px solid #1fa8ff; padding-bottom: 56px;}
.history figure{}
.his_cont{position: relative; padding-left: 40px;}
.his_cont::before{position: absolute; content: ""; height:calc(100% - 50px); width: 1px; background: #ddd; top:25px; left: 223px;}

.his_cont > div{margin-bottom: 35px; display: flex;}
.his_cont li{ font-size: 1.25em;}
.his_cont li:last-child{margin-bottom: 0;} 

.his_cont ul{flex:1; margin-top: 3px; position: relative; padding-left: 34px;}
.his_cont ul::before{content: ""; position: absolute; width: 5px; height: 5px; left: -5px; top: 15px; background: #fff; border-radius: 50%; border:3px solid #1fa8ff;}
.his_cont li {line-height: 1.888;position: relative; margin-bottom: 2px;}
.his_cont li:last-child,
.his_cont> div:last-child{margin-bottom: 0;}
.his_cont h4{ font-size: 3.125em; font-family: 'Montserrat';color: #1fa8ff ; flex:0 1 130px; font-weight: 700; line-height: 1; position: relative; letter-spacing: -0.04em; margin-right: 53px;}

.history .img_box{background:url(../../images/sub/research_group201.jpg) no-repeat left top 21px; justify-content: center; padding: 75px 0 55px; margin-top: 40px;}
.history .img_box figure{margin-right: 50px;}
.history .img_box figure:last-child{margin-right: 0px;}
.history .img_box img{-webkit-box-shadow: 5px 5px 5px rgba(152,152,152,0.48); -moz-box-shadow: 5px 5px 5px rgba(152,152,152,0.48); box-shadow: 5px 5px 5px rgba(152,152,152,0.48);}

.research_group02_cont02{}
.research_group02_cont02 ul{text-align: center;}
.research_group02_cont02 li{background: #f7f7f7; padding:40px 20px 38px; width: 15.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 240px; border-radius:10px;}
.research_group02_cont02 span{}
.research_group02_cont02 h4{}
.research_group02_cont02 .tp_box{border-bottom: 3px solid #fff; padding-bottom: 16px; margin-bottom: 16px;}
.research_group02_cont02 .tp_box span{font-weight: 500; color: #1fa8ff;}
.research_group02_cont02 .tp_box h4{font-size: 1.375em;}
.research_group02_cont02 .bt_box{}
.research_group02_cont02 .bt_box span{}
.research_group02_cont02 .bt_box h4{font-size: 1.625em; letter-spacing: 0.08em;}
.research_group02_cont02{}
.research_group02_cont02{}
.research_group02_cont02{}


/* s502 research_group02 */
.research_group .s_tit{margin-bottom: 80px;}
.research_group02 .img_box{position: relative;}
.research_group02 figure{}
.research_group02 img{}
.research_group02 .img_inner{position: absolute; left: 80px; top: 105px;	}
.research_group02 .img_inner span{color: #fff; font-size: 1.25em; font-weight: 500;}
.research_group02 .img_inner p{color: #fff; font-size: 2.18em; line-height: 1.42; font-weight: 500; margin-top: 13px;}

.research_group02 .txt_box{padding:43px 20px 0;}
.research_group02 .txt_box p{font-size: 1.125em; line-height: 1.666; margin-bottom: 30px;}
.research_group02 .txt_box p:last-child{margin-bottom: 0;}

.research_group02 .ceo{text-align: right; margin-top: 67px; margin-right: 50px;}
.research_group02 .ceo b{font-size: 1.25em; font-weight: 500; color: #333;}
.research_group02 .ceo h4{font-size: 1.875em; font-weight: 700; letter-spacing: 0.05em;}


/* s503 research_group */
.dot_box02{}
.dot_box02 p{position: relative; padding-left: 12px; line-height: 1.75;}
.dot_box02 p::before{position: absolute; left: 0; top: 16px; width: 5px; height: 1px; background: #666; content: "";}

.research_group03{}
.research_group03 ul{justify-content: flex-start;}
.research_group03 li{border-radius:5px; border: 1px solid #ddd; padding: 30px 24px 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; flex:0 22.31%; margin-right: 3.58%; min-height: 360px;}
.research_group03 li:nth-child(4n){margin-right: 0;}
.research_group03 li:nth-child(n+5){margin-top: 40px;}
.research_group03 figure{text-align: center; margin-bottom: 33px;}
.research_group03 li:nth-child(1) figure,
.research_group03 li:nth-child(n+5) figure{margin-bottom: 16px;}

.research_group03 img{}
.research_group03 .txt_box{display: flex; flex-direction: column; align-items: center;}
.research_group03 h4{font-size: 1.5em; line-height: 1.333;border-bottom: 1px solid #ddd; padding-bottom: 32px; margin-bottom: 13px;text-align: center; width: 100%;}
.research_group03 li:nth-child(1) h4,
.research_group03 li:nth-child(n+5) h4{padding-bottom: 16px;}