@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR&display=swap');
/* 내용관리 */
#ctt { max-width:1000px; padding:0 30px; margin:0 auto}
.ctt_admin {margin:0 5px;text-align:right}
/*#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}*/


.JJ_section_box{max-width:1000px; margin-top:40px  }
.JJ_section_box h4{ padding:30px 0; font-size:0px; font-weight:100; /*font-family: 'Lora', serif; */letter-spacing: -1px; line-height:0; text-indent:-99999 ; display:none}
.JJ_section_box h5{margin:40px 0; font-size:19px; font-family: 'Noto Serif KR', serif; font-weight: normal;}
.JJ_brand{ margin:0 30px;}
.JJ_brand p{ display:block; font-size:12px; color:#333; letter-spacing: -0.5px;  font-family: 'Noto Serif KR', serif; font-weight: normal; line-height:2 }
/*COMPANY*/

#JJ_company .JJ_brand p:nth-child(2){ margin:20px 0 30px; }

/*CEOMESSAGE*/

#ctt.ctt_ceo_message .JJ_brand p:nth-child(2){ margin:15px 0 15px; }

#ctt.ctt_ceo_message .JJ_sign { position: relative; text-align:right; margin-top:30px }
#ctt.ctt_ceo_message .JJ_sign ul{ display:inline-block}

/* 공통클래스*/

.JJ_list{ display:inline-block}
.JJ_list li p{ padding-right:30px}

.JJ_list li.ex p{ padding:15px 0}

.JJ_list .JJ_bar{ display:block; height: 1px; background-color: #e9e9e9; position:relative;}

.JJ_list li em{font-style:normal; font-size: 1.5em; letter-spacing: -1px; vertical-align: middle; display:inline-block; min-width: 100px; font-weight: normal;}

.JJ_list b span{display:block;}
.JJ_list b{ color:#333; padding:0 15px; font-family: 'Noto Serif KR', serif; font-weight: normal; font-size:12px; letter-spacing:0;display: inline-block;
vertical-align: middle;}
.JJ_list li:nth-child(2n) p{ padding: 18px 0;}
.JJ_list .JJ_bar:before{ content:""; display:block; position:absolute; left:-7px; width:5px; height:1px; top:calc(50% - 1px); background-color:#906;}

/*history*/

/*award*/
#JJ_award .JJ_list li:nth-child(3) p b b{ font-weight:bold;}
/*exhibition*/
#ctt  .JJ_exhibition .JJ_list li b,#JJ_exhibition .JJ_list li b span{ position: relative;  color:#666; vertical-align: middle; padding-left:15px}
#ctt  .JJ_exhibition .JJ_list li b span:before{content:""; display:inline-block; min-width:100px}
#ctt  .JJ_exhibition .JJ_list li b span{ }

@media (max-width:699px){
	.JJ_list li em{ display:block; margin-top:15px}
	.JJ_list b{ margin-bottom:20px}
	.JJ_list li p{ padding-right:0}
	.JJ_list li:nth-child(2n) p{ padding:0}
	.JJ_list li.ex p{ padding:0}
	.JJ_list{ display:block}
	#ctt .JJ_exhibition .JJ_list li b span::before{ min-width:0}
	#ctt .JJ_exhibition .JJ_list li b span:nth-child(1)::before{ display:block; margin-top:15px}
	}