.wrap { position: relative; width: 1280px; margin: 0 auto; }

/* head */
.head .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.logo { margin: 14px 0; }
.logo img { width: 233px; }
.menu { display: flex; flex-wrap: wrap; align-items: center; }
.menu_list { display: flex; flex-wrap: wrap; align-items: center; }
.menu_list li { margin: 0 30px; }
.menu_list li:last-child { margin-right: 0px; }
.menu_list li a { font-size: 18px; font-weight: 500; }

#accordian, .burger { display: none; }

/* footer */
.footer { padding: 10px 0; background: #777; }
.footer .wrap { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.ft_info { text-align: right; color: #fff; font-size: 0.95em; font-weight: 300; line-height: 1.5; letter-spacing: -0.3px; }
.ft_info span { padding: 0 0px; }
.footer a { color: #fff; }

/* main */

.main { position: relative; padding: 80px 0; background: #f4f4f4; }
.main .wrap { display: flex; flex-wrap: wrap; justify-content: flex-start; }

.main_deco { position: absolute; left: auto; right: 0; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; align-content: center; width: 450px; height: 100%; color: #e1e1e1; }
.main_deco strong { font-size: 5em; }
.main_deco i { font-style: normal; color:#ccc; }

.main_vis { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; width: calc(100% - 450px); position: relative; z-index: 9; }
.main_vis h2 { margin-bottom: 50px; font-family: 'ONE-Mobile-Title'; color: #fff; font-size: 2.3em; font-weight: 500; }

.main_vis_list { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 50px; }
.main_vis_list li { width: 24%; margin-left: 1.333%; margin-bottom: 0%; }
.main_vis_list li:nth-child(4n+1) { margin-left: 0%; }
.main_vis_list li img { max-width: 100%; border-radius: 15px; box-shadow: 0 10px 10px 5px rgba(0, 0, 0, 0.1); }

.main_research { width: 100%; }
.main_research h3 { margin-bottom: 30px; width: 100%; font-size: 26px; }
.main_research_imgbox { padding: 20px; background: #fff; border-radius: 15px; box-shadow: 0 10px 10px 5px rgba(0, 0, 0, 0.1);}
.main_research_imgbox img { max-width: 100%; }
.main_research_imgbox img.mobilever { display: none; }

.main_intro {width: 100%; }
.main_intro h3 {margin-top: 50px; margin-bottom: 30px; width: 100%; font-size: 26px; }
.main_intro h4 {width: 100%; font-size: 20px; }
.main_intro p {text-align: justify; line-height: 1.5em; margin: 20px 0;}
.main_intro .list {list-style-type: disc; margin-left: 50px; line-height: 1.5em;}
.main_intro .list > li {text-align: justify;}


.main_cont { display: inline-flex; flex-wrap: wrap; justify-content: flex-start; flex-direction: column; padding: 50px 40px; max-width: 520px; background: rgba(0, 0, 0, 0.3); color: #fff; }
.main_con h3 { position: relative; display: flex; margin-bottom: 30px; flex-wrap: wrap; align-items: flex-end; width: 100%; font-size: 26px; font-weight: 500; letter-spacing: -1px; }
.main_con h3 a.main_more { position: absolute; right: 0px; bottom: 0px; font-size: 13px; color: rgba(255, 255, 255, 0.5); }

.main_con01 { display: flex; flex-wrap: wrap; margin-bottom: 30px; }

.main_con02 { display: flex; flex-wrap: wrap; }
.main_con02_imglist { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 30px; width: 100%; }
.main_con02_imglist li { flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; align-items: center; align-content: center; margin-right: 2px; }
.main_con02_imglist li img { max-width: 100%; }
.main_con02_imglist li span { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: auto; height: 26px; margin-top: 10px; padding: 0 10px; background: #113a19; border-radius: 50px; font-size: 0.9em; letter-spacing: -0.5px; }

.main_con02_txtlist01 { margin-bottom: 30px; width: 100%; }
.main_con02_txtlist dt { margin-bottom: 10px; color: #82c72b; font-size: 1.2em; font-weight: 500; letter-spacing: -0.5px; }
.main_con02_txtlist dd { font-size: 1.1em; letter-spacing: -0.5px; }

/* sub */
.sub_vis { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; width: 100%; height: 250px; background: url('../image/sub/sub_vis_bg01.jpg') center center no-repeat; background-size: cover; }
.sub_vis .wrap { display: flex; flex-wrap: wrap; }
.sub_vis h2 { display: flex; flex-wrap: wrap; flex-direction: column; align-content: flex-start; margin-left: 10%; color: #fff; font-family: 'ONE-Mobile-Title'; font-size: 2.5em; font-weight: normal; line-height: 1.5; }
.sub_vis h2 span {}
.sub_vis h2 span.sub_txt02 { margin-left: 100px; }

.sub_contents { margin: 80px 0; }

.sub_title { text-align: center; margin-bottom: 50px; }
.sub_title h2 { font-size: 2.8em; font-weight: 600; letter-spacing: -1px; }

.page_inr { margin-bottom: 80px; }
.page_inr_last { margin-bottom: 0px; }

.page_inr h3, .publication_inr h3 { position: relative; padding-left: 35px; margin-bottom: 30px; font-family: 'Roboto'; font-size: 1.8em; font-weight: 500; }
.page_inr h3:after, .publication_inr h3:after { content:''; position: absolute; left:0px; top: 5px; width: 25px; height: 25px; border-top: 5px solid #008635; border-left: 5px solid #008635; border-right: 5px solid #00491d; border-bottom: 5px solid #00491d; }
.professor h3 { padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid #888; font-family: 'Roboto'; font-size: 1.8em; font-weight: 500;  }

.professor_list li { position: relative; margin-bottom: 10px; padding-left: 140px; line-height: 1.5; }
.professor_list li:last-child { margin-bottom: 0px; }
.professor_list li:after { content:''; position:absolute; left:0px; top: 10px; width: 3px; height: 3px; background: #444; border-radius: 4px; }
.professor_list li strong { position: absolute; left: 15px; top: 0px; width: 120px; }

.publication_inr { padding: 50px 30px; border-bottom: 1px solid #ddd; }
.publication_inr:hover { background: #f7f7f7; }
.publication_inr01 { border-top: 1px solid #000; }
.publication_inr04 { margin-bottom: 0px; }

.publication h2 { margin-bottom: 30px; font-size: 28px; letter-spacing: -0.1px; }

.professor { display: flex; flex-wrap: wrap; }
.professor_imgbox { display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; margin-bottom: 50px; }
.professor_imgbox img { margin-right: 50px; border: 1px solid #ddd; }
 
.professor_infobox { width: calc(100% - 202px); border-top: 2px solid #000; }
.professor_infobox li { padding: 15px 10px; border-bottom: 1px solid #ddd; }
.professor_infobox li:last-child { margin-bottom: 0px; }
.professor_infobox dl { display: flex; flex-wrap: wrap; }
.professor_infobox dl dt, .professor_infobox dl dd { line-height: 1.4; }
.professor_infobox dl dt { width: 120px; font-weight: 600; }
.professor_infobox dl dd { width: calc(100% - 120px); font-size: 0.95em; }

.professor_list01 { margin-bottom: 50px; }
.publication_list li { margin-left: 20px; margin-bottom: 10px; list-style: disc; line-height: 1.6; }
.publication_list01 li { list-style: decimal; }
.publication_list li:last-child { margin-bottom: 0px; }

.presentation_list { margin-bottom: 50px; }
.presentation_list li { margin-left: 20px; margin-bottom: 10px; list-style: decimal; line-height: 1.6; }
.presentation_list li:last-child { margin-bottom: 0px; }
.presentation_list li strong { display: block; }

.presentation_list02 { margin-bottom: 50px; }
.presentation_list02 li { margin-left: 20px; margin-bottom: 10px; list-style: none; line-height: 1.6; }
.presentation_list02 li:last-child { margin-bottom: 0px; }
.presentation_list02 li strong { display: block; }

.publication02_inr { margin-top: 50px; }
.publication02_inr .publication_list { margin-left: 30px; }

.lecture_list li { margin-left: 20px; margin-bottom: 20px; list-style: circle; line-height: 1.6; }
.lecture_list li:last-child { margin-bottom: 0px; }
.lecture_list li strong { display: block; margin-bottom: 5px; font-size: 1.1em; }

.fulltime_list01 { display: flex; flex-wrap: wrap; }
.fulltime_list01 li { display: flex; flex-wrap: wrap; width: 49%; margin-left: 2%; margin-bottom: 30px; padding: 30px; border: 1px solid #ddd; border-top: 1px solid #006528; }
.fulltime_list01 li:nth-child(2n+1) { margin-left: 0px; }
.fulltime_list01 li .members_imgbox { width: 120px; margin-right: 20px; }
.fulltime_list01 li .fulltime_list_inr { width: calc(100% - 140px); }
.fulltime_list_inr dt { margin-bottom: 20px; color: #006528; font-family: 'Pretendard'; font-size: 1.2em; font-weight: 600; letter-spacing: -0.5px; }
.fulltime_list_inr dd { display: flex; flex-wrap: wrap; margin-bottom: 10px; line-height: 1.5; }
.fulltime_list_inr dd:last-child { margin-bottom: 0px; }
.fulltime_list_inr dd h5 { width: 100px; font-weight: 500; letter-spacing: -0.5px; }
.fulltime_list_inr dd p { width: calc(100% - 100px); }

.fulltime_list02 { display: flex; flex-wrap: wrap; }
.fulltime_list02 li { margin-right: 20px; width: 122px; text-align: center; font-size: 0.9em; line-height: 1.3; }
.fulltime_list02 li:last-child { margin-right: 0px; }
.fulltime_list02 li .members_imgbox { margin-bottom: 10px; border: 1px solid #ddd; }