﻿@charset "UTF-8";

/*Font*/
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanumbarungothic.css');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

/* 센터정렬시 페이지 이동 제한을 하기위해 강제스크롤 생성 */
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; 
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;} 

/*요소(element)여백 초기화 */
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,p,address,pre,cite,form,fieldset,input,textarea,select,table,th,td { margin:0; padding:0; }
body {	font-family:"Spoqa Han Sans Neo", "Apple SD Gothic Neo", Segoe UI, sans-serif, Apple Color Emoji, Segoe UI Emoji; /*font-size:0.75em;*/ font-size:1.2rem; letter-spacing:-0.04em; margin:0; padding:0; line-height:1; }
select, input, textarea { font-family:"Spoqa Han Sans Neo", "Apple SD Gothic Neo", Segoe UI, sans-serif, Apple Color Emoji, Segoe UI Emoji;
 }

 /* h1 { font-size: 3.4rem; font-weight: 520;} */
 h1 { font-weight: 520;}
 h2 { font-weight: 450;}
/*테두리 없애기 */
fieldset,img,abbr,acronym { border:0 none; }

/*목록*/
ol,ul { list-style:none; }

body, div,ul,li { font-family: 'Pretendard',sans-serif;
/* body, div,ul,li { font-family:"Spoqa Han Sans Neo", "Apple SD Gothic Neo", Segoe UI, sans-serif, Apple Color Emoji, Segoe UI Emoji; */
		!important } /*서버에서 폰트를 불러올 때까지 문자열이 깨지는 것을 방지*/
body {
    overflow-x: hidden;
    width: 100%;

}	   
a { text-decoration:none; color:#4A4A4A;}
a:hover, a:focus { color:#4A4A4A; text-decoration:none; }

/*수평선*/
hr { display:none; }
  
/*수직정렬*/
/*label,input,select,textarea,img { vertical-align:middle; }*/

/* 기본링크값 */
a { text-decoration:none; outline:none; select-dummy: expression(this.hideFocus=true); background-color:transparent; }
a:link, a:visited, a:active, a:hover, a:focus { text-decoration:none; }

/*****/
legend,caption {position:absolute; left: 0; top:-5000px; font-size:0; line-height:0; display:none;}

/*테이블 기본속성*/
table{border-collapse:collapse;border-spacing:0;}
table th,table td{vertical-align:middle}

dl,ul,ol,li {list-style:none;}

/* for IE haslayout */
* html div,* html h1,* html h2,* html h3,* html h4,* html h5,* html h6,* html ul,* html ol,* html dl,* html dt,* html dd,* html table,* html th,* html td,* html form,* html fieldset,* html legend { zoom:1; }

/* For modern browsers */
.clear:after { container:""; display:table; clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.clear { zoom:1; }

/*박스모델*/
* { -moz-box-sizing:border-box; box-sizing:border-box; }

/* 메뉴하단 각 서브 탑 */
.sub_area { position:relative; width:100%; height:2px; border-top:1px solid #3E62A0; margin-bottom:40px;}


/* 탑,푸터 공통스타일 1200px~ */
/* @media all and (min-width:1200px) {  */

/* 헤더 */
.headerOne_wrap {width: 100%; background-color: white; border-bottom: 1px solid lightgray; z-index: 999; height: 80px;}
.headerOne {box-sizing: border-box; display: flex; align-items: flex-end; overflow: hidden; width: 1170px; margin: 0 auto; text-align: bottom; height: 60px;}

.logo { float: left;}
.logo img, .logo_m img { /*height: 55px;*/}
.logo_m { display:none;}

/* @media all and (min-width:0px) and (max-width:767px) { */
@media all and (min-width:0px) and (max-width:1067px) { /*mobile 에서 볼때 header 가 늘어져서 끝까지 안보이는 문제 해결 */
	/*
	.logo { display: none; }
	.logo_m { display: block; float: left; }
	*/
}

/* 푸터 */
@media(min-width:1224px){
.footer_wrap { position:relative; margin-top:40px; width:100%; margin:0 auto; background:#202020; display:inline-block;}
}
@media(max-width:1224px){
.footer_wrap { position:relative; margin-top:40px; width:107%; margin:0 auto; margin-left:-20px; background:#202020; display:inline-block;}
}
.footer { position:relative; width:100%; max-width:1170px; margin:0 auto; padding:2rem 0 0 0; }
.footer_logo { position:absolute; }
@media(min-width:1224px){
	.footer_add { position:relative; width:calc(100% - 15.0rem); float:left; letter-spacing:0; margin:2rem 0 4rem 0;  border:0px solid yellow;}
}
@media(max-width:1224px){
	.footer_add {position:relative; width:calc(100% - 15.0rem); float:left; letter-spacing:0; margin:2rem 0 4rem 0;  border:0px solid yellow;
		margin-left:20px; }
}
.footer_add dt { position:relative; display:block; font-size:1.6rem; color:#ccc; font-weight:400; margin-bottom:1.5rem; }
.footer_add dd { position:relative; display:block; font-size:1.3rem; color:#999; font-weight:300; line-height:1.8rem; }
.footer_add dd span { margin-right:1.5rem; }
@media(min-width:1224px){
	.footer_menu { position:relative; width:14.5rem; float:left; letter-spacing:0; border:0px solid yellow; padding-left:40px;}
}
@media(max-width:1224px){
	.footer_menu {margin-left:-20px; position:relative; width:14.5rem; float:left; letter-spacing:0; border:0px solid yellow; padding-left:40px;}
}
.footer_menu dd { position:relative; display:block; font-size:1.3rem; color:#ccc; font-weight:400; margin-right:1.5rem; line-height:2.0rem; }
.footer_menu dd span {  }
.footer_menu dd span a,.footer_menu dd span a:hover { color:#ccc; }

.footer_customer { position:relative; width:13.5rem; float:left; letter-spacing:0; }
.footer_customer dd { position:relative; display:block; font-size:1.3rem; color:#ccc; font-weight:400; margin-right:1.5rem; line-height:2.4rem; }
.footer_customer dd span {  }
.footer_customer dd span a,.footer_customer dd span a:hover { color:#ccc; }

.footer_copy_wrap { position:relative; width:100%; max-width:1170px; margin:0 auto 6.0rem auto; border-top:#373737 1px solid; clear:both; }
.footer_copy_wrap .footer_copy { position:relative; font-size:1.3rem; color:#999; font-weight:300; line-height:3.0rem; display:table; padding-top:2rem; }
.footer_copy_wrap .footer_sns { position:absolute; right:0; bottom:0; display:table-cell; }
.footer_copy_wrap .footer_sns a { margin-left:1.5rem; }
.footer_copy_wrap .footer_sns a img {  vertical-align:middle; }

/*드롭다운메뉴*/
.dropdown_wrap { float: left; display: flex; align-items: flex-end; width: 720px; height: 40px; margin-left: 30px;}
.dropdown { float: left; overflow: hidden; height: 40px; margin-left: 16px;}
.dropdown .dropButton {cursor: pointer; border: none;  font-size: 16px;/*if 18px..fail*/ /*font-family:'Pretendard', sans-serif;*/ font-weight: 500; outline: none; color: #5B6471; 
	padding-top: 15px; background-color: inherit; margin: 0;}
.dropdown .dropButton:hover	{ color: #002f65;}
.dropdown .dropPocket {border-top: 1px solid lightgray; display: none; 
	position: absolute; left: 0; right: 0; background-color:white; 
	/*box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);*/
    z-index: 1; width: 100vw; margin: 0 auto; margin-top:10px; padding-top: 12px; /*margin-top: 1px;/*bad code*/}
/*.dropdown:hover .dropPocket { display: block;}*/
.pocketInner { display: flex; flex-direction: column; gap: 20px; 
	width: 100%; max-width: 1185px; /*없으면 왼쪽으로 붙어버림. 1170은 왼쪽에 안맞음 이상함.*/ 
	margin: 0 auto; margin-top:12px;}
.pocketInner dt.innerItem { font-weight: bold; font-size: 1.5rem; color: #002f65; margin-top:0px;} 
.pocketInner dt a { font-weight: bold; font-size: 1.5rem; color: #002f65; margin-top:20px;}
.pocketInner dt a:hover { color: #4D545E;}
/* .pocketInner dd { margin-bottom:20px ;} */
.pocketInner dd {border-bottom: 1px solid lightgray; margin-bottom:5px; padding-bottom:5px;} 
.pocketInner dd:last-child { /*border-bottom: none;*/ margin-bottom:0px;}  
.pocketInner dd a { float: left; width: 250px; display: block; font-size: 1.5rem; text-decoration: none; color: #4D545E; margin-bottom: 20px; transition: color 0.3s ease;}
.pocketInner dd a:hover { color: #002f65;}
.pocketInner dd a::before { color: #007bff;}
/* dd a:last-child { margin-bottom: 0; } */



.headline { width:100%; max-width:1170px; margin: 0 auto; margin-bottom: 10px; padding: 20px 0; font-family: Mulish, "Source Sans Pro", sans-serif;
    font-style: normal; font-weight: 300; color: #002f65; text-rendering: optimizeLegibility; font-size: 16px; font-weight: bold; text-align: left; border-bottom: 2px solid lightgray;}
.subname { width:100%; max-width:1170px; margin: 0 auto; margin-bottom: 0px; padding: 20px 0; font-family: Mulish, "Source Sans Pro", sans-serif;
  	font-style: normal;	font-weight: 300;	color: #002f65;text-rendering: optimizeLegibility;	font-size: 16px; font-weight: bold; text-align: left; border-bottom: 1px solid lightgray; }
.centered { text-align: center;}

.module_wrap_floor { background-color: rgb(248,248,248); width: 100%; margin-top:56px; }
.module_wrap { box-sizing: border-box;  width: 100%; max-width: 1170px; margin: 0 auto;  }
.module_wrap.notice{ margin-top:-30px;}
.module_content { padding: 20px 0 20px 0; margin-top: 30px; text-align:center;}
.module_comment h2 { color: #4D545E; line-height: 35px;}
.module_content .contact { margin:40px auto; width: 50%; color: #002f65; font-size: 16px; line-height:30px; padding: 20px 0 0px 40px; text-align:left; background:whitesmoke; border-radius:50px;}

.mainvisual_wraperOne {position:relative; top:-80px; }
.mainvisual_wraperOne .module_wrap {height: 350px; z-index:999;}
.mainvisual_wraperOne .module_wrap .searchWhat { display: flex; justify-content: center; position: relative; top: 170px;}
.mainvisual_wraperOne .module_wrap .module_content { margin-top:180px; }

/*공지사항 자격증 안내 */
.boardDual { display: flex; justify-content: space-between; width: 100%; gap:40px; }
.board-container { flex: 1; margin: 10px 0; }
.board-title-container { display: flex; justify-content: space-between; align-items: center; }
.board-title { font-size: 1.5em; font-weight: bold; padding: 10px 0; }
.view-more button { border:none; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); border-radius: 10px; background-color: rgb(255, 255, 255); width: auto;
	  font-size: 15px; font-weight: 450; }
.view-more button:hover { cursor: pointer; filter: brightness(0.95); }
.main_title_more a { padding-left:10px; font-size:12px; font-weight:400; color:#999; background:url('/images/plus.jpg') left center no-repeat; }

.board { flex: 1; margin: 15px 0 10px 0; width: 100%; }
.board-row { display: flex; justify-content: space-between; align-items: center; font-size: 1.3em; color: #4d545e; margin-bottom:13px;}
.column-date { flex: 0 0 100px; text-align: center; }
.column-title { flex: 1; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.column-title >a:hover { cursor: pointer; color: #002f65; }
@media screen and (max-width: 1200px) { 
	.boardDual { 
		/*flex-direction: column; */
	} 
}

/*메인페이지와 모든페이지의 search pane공통*/

.search { width: max-content; display: flex; align-items: center;  
	margin: 0 auto; padding: 14px; border-radius: 10px; background: white; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); }
.search-icon { display: inline-block;}
.search-input { width: 400px; padding: 10px; outline: none; border: none; /*flex: 1; .search에 width:600px;해도 길이 자동조정*/}
.search-input::placeholder{ font-size: 18px; color: rgba(0,0,0,0.25);}
.search_btn { float: left; height: 60px; margin-left: 33px;}
.search_btn img { padding-top: 20px;}


.grid_seminar { width:100%; max-width:1170px; grid-template-columns:1fr 1fr 1fr; margin-top:2rem; display: -webkit-grid; display: grid; grid-column-gap:5%; grid-row-gap:40px; margin: 0 auto;}
.grid_seminar .item { display: flex; align-items: center;  height: 90px; border-radius: 10px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); background-color:white; transition: filter 0.3s ease;}
.grid_seminar .item:hover { cursor: pointer; filter: brightness(0.95);}
.grid_seminar .item .image_box { position:relative; float: left; margin-left: 30px;}
.grid_seminar .item .image_box img{	 } 
.grid_seminar .item .text_box { position:relative; float: left; margin-left: 45px; } 
.grid_seminar .item .text_box span{ color: #4D545E; } 

.division_container { display: flex; justify-content: space-between; align-items: center; column-gap: 10%;}
.division_container .item { display: flex; justify-content: center; align-items: center; border-radius: 10px; overflow: hidden; 
	width: 100%; height: 300px; background-size: cover; padding: 20px; text-align: center; 
	cursor: pointer; transition: filter 0.3s ease; /* 부드러운 전환을 위해 추가 */}
.item:hover { filter: brightness(0.7); /* 밝기를 70%로 낮춤 */ }
.division_container .item .text h2 { text-align: center; line-height: 30px;}

/*고객센터, 문의사항*/
.infoDesk { gap: 40px; height: 250px; display: flex; justify-content: space-between; }
.infoDesk .child {  flex: 1; display: flex; flex-direction: column; gap: 20px; }
.infoDesk .child .sub-child { flex: 1; display: flex; gap: 20px; }
.infoDesk .child .sub-child:nth-child(1) { margin-top: 0px;  }
.infoDesk .child .sub-child:nth-child(2) { display:none;  }

.sub-child .sub-child-left { flex: 2; }
.sub-child .sub-child-right { flex: 1; display:flex; justify-content:center; flex-direction: column;  align-items:center; 
	gap:13px; margin-top:28px; margin-bottom:0px;  }
.phone-number { color: #66a3ff; font-size: 1.5em; font-weight: bold; 
	display:flex; align-items:center; margin-left: 0px;}
.phone-number .icon {display:none; position:relative; float: left; margin-left: 15px;}
.phone-number .tel { color:#4D545E; position:relative; float: left; }
.contact1 {  display:flex; align-items:center; margin-top: 8px;margin-left: 0px;}
.contact1 .icon { display:none; position:relative; float: left; margin-left: 15px; }
.contact1 .text { color:#4D545E; position:relative; float: left;  font-size: 1.5rem; }
.contact2 {  display:flex; align-items:center; margin-top: 8px; margin-left: 0px;}
.contact2 .icon { display:none; position:relative; float: left; margin-left: 15px; }
.contact2 .text { color:#4D545E;position:relative; float: left;  font-size: 1.5rem;}
.contact-time {display: flex; align-items: flex-start;margin-top: 8px;margin-left: 0px;	}
.contact-time .icon {display:none; position: relative; margin-left: 15px; margin-right: 8px; /*display: flex;*/ align-items: center;}
.contact-time .text {color: #4D545E;text-align: left;line-height: 2.0rem;font-size: 1.5rem;	}
.infoDesk .blue-box { width: 200px; height: 40px; padding: 10px; margin-top: 15px; font-size: 1.7rem; 
		background:white; border-radius: 15px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); }

.module_news { border-bottom: 1px solid lightgray; padding: 40px 0px ; line-height: 35px;}
.module_news .date { font-size: 16px; font-weight: bold; color: #002f65;}
.module_news .more { font-size: 16px; font-weight: bold; color: #002f65;}
.news_all { display: flex; justify-content: center; align-items: center;}
.news_all button { margin-top: 30px; padding: 12px; background-color: rgb(255, 255, 255); border: none; width: 200px;
	color: #002f65; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); border-radius: 10px; font-size: 20px; font-weight: 450;}
.news_all button:hover { cursor: pointer; filter: brightness(0.95);}


/* 콘텐츠 컨테이너 */
#container {width:100%; margin:0 auto; /*text-align:center;*/}
#container .cont{width:100%; max-width:1170px; margin:0 auto; min-height:600px; font-size:1.167em; line-height:155%; color:#555; text-align:left; padding-bottom:40px;}

.containerInner .item { margin-top: 60px; margin-bottom: 60px; }
.containerInner .item >dt { color:#002f65; margin-top:20px; margin-bottom: 30px;}
.containerInner .item >dd h3 { line-height: 30px; color:#4D545E; font-weight:normal; }


/* 온라인 강의 */
/* 온라인 강의 */
.container_course { display: flex; width:100%; max-width:1170px; height:auto; margin: 0 auto; margin-top:40px; column-gap: 10px; }
.container_course .item { }
/* .container_course .check_box h1 {margin:20px 0 40px 20px; } */
.container_course #vehicleForm { padding-left: 20px; }
.container_course #vehicleForm label { font-size: 16px; }
.container_course .item:last-child { margin-bottom: 0px; }
.container_course .item:hover {cursor: pointer; filter: brightness(1.0);}
.container_course .item:nth-child(1){ padding-left: 30px; padding-top: 30px; background-color: rgb(245,245,245);}
.container_course .item:nth-child(1){ flex:1;}
/* .container_course .item:nth-child(1){ flex: 0 0 300px;}  */
.container_course .item:nth-child(2){ flex:2.7;}
.container_course .item .member { display: flex; align-items: flex-start; margin-bottom: 30px; column-gap:10px; background-color: white; 
	transition: filter 0.3s ease;}
.container_course .item .member:hover { cursor: pointer; filter: brightness(0.95);}
.container_course .item .member:last-child {margin-bottom: 0;}
.container_course .item .member > img { width:150px; }
.container_course .item .member .introduction dt { font-size:16px; font-weight: bold; color:#002f65; margin-bottom: 10px;}
.container_course .item .member .introduction dd { font-size:14px; line-height: 16px;}
.container_course .item .member .introduction dd:last-child { color:#002f65; margin-top: 8px;}

/* 제약기술재단>강사진소개*/
.container_teacher { display: flex; flex-wrap: wrap; width: 100%; max-width: 1170px; height: auto; margin: 0 auto; margin-top:50px; column-gap: 30px; }
.container_teacher .item { display: flex; justify-content: center; column-gap: 20px; flex: 0 0 calc(50% - 15px); /*15px: half of the column-gap above*/ box-sizing: border-box; height: 400px; margin-bottom: 30px; }
.container_teacher .item:hover { filter: brightness(1.0); }
.container_teacher .item .photo { width: 200px; height: auto; }
.container_teacher .item .photo img { width: 100%; /* 이미지를 부모 요소 크기에 맞춤 */ height: auto; /* 높이는 비율에 맞게 자동으로 조정 */ display: block; /* inline 속성을 제거 */}
.container_teacher .item .summary { flex: 1; /* summary는 남은 공간을 유동적으로 차지하게 설정 */ height: auto; display: flex; /*하위를 flex로 구성*/ column-gap: 10px;}
.container_teacher .item .summary .orangeOne:nth-child(1) { flex: 1; /* flex: 0 0 calc(25% - 5px);  */ }

.teacher_name { font-weight: bold; color: #002f65;  position: relative; padding-bottom: 5px; margin-bottom: 50px; }
.bar { position: absolute; left: 0; bottom: 3px; /* 줄을 부모 요소 하단에 붙임 */ width: 70px; height: 6px; background: #29c5f480; z-index: 5; }

.career {display: flex; flex-direction:column; justify-content: flex-start; gap:10px; }
.career .oneLine { display: flex; font-size: 14px; line-height: 18px;}    
.career .oneLine .item_oneLine:nth-child(1) { width: 80px;}
.career .oneLine .item_oneLine:nth-child(2) { flex: 1; }

/*제약기술재단>주요일정*/
.container_schedule { display: flex; flex-wrap: wrap; width: 100%; max-width: 1170px; height: auto; margin: 0 auto; margin-top:50px; column-gap: 30px; }
.container_schedule .item { display: flex; justify-content: center; column-gap: 10px; flex: 0 0 calc(50% - 15px); box-sizing: border-box; height: 300px; margin-bottom: 30px; }
.container_schedule .item .calender { width: 200px; height: 300px; border: 1px solid green; }
.container_schedule .item .summary { flex: 1; height: 300px; display: flex; column-gap: 10px; padding-top: 20px; border-top: 2px solid lightgray;}
/* .container_schedule .item .summary .orangeOne:nth-child(1) { flex: 0 0 100px; } 
.container_schedule .item .summary .orangeOne:nth-child(2) { flex: 1;} */
.schedule {display: flex; flex-direction:column; justify-content: flex-start; gap:10px; }
.schedule .oneLine { display: flex; font-size: 14px; line-height: 18px; padding-bottom: 5px; border-bottom: 1px solid lightgray;}    
.schedule .oneLine .item_oneLine:nth-child(1) { width: 120px;}
.schedule .oneLine .item_oneLine:nth-child(2) { flex: 1; }


/* 화면이 1007px 이하일 때 .item을 세로로 쭉 나열 */
@media all and (max-width: 1007px) { 
  	.container_schedule .item { flex: 0 0 100%; /* 각 item이 100% 너비를 차지하여 세로로 나열 */ }
  	.container_schedule { column-gap: 0; /* 좁은 화면에서는 간격을 없앰 */ }
  	.container_schedule .item .calender { width: 200px; }
  	.container_schedule .item .summary { width: auto; /* summary 유동적으로 */ }

	/*제약기술재단>강사진소개*/
	.container_teacher .item { display: flex; justify-content: center; column-gap: 20px; flex: 0 0 100%; /*  difference here*/    
		box-sizing: border-box; height: 400px; margin-bottom: 30px; border: 1px solid blue;}
	
}

/*@media all and (min-width:1008px) and (max-width:1169px) { /*Tablet*/
/*	 .grid_seminar { grid-template-columns:1fr 1fr 1fr;}
 /* }* */
 /*@media all and (min-width:768px) and (max-width:1007px) { /*Tablet__?*/
@media all and  (max-width:1007px) { /*Tablet__?*/
		.grid_seminar { grid-template-columns:1fr 1fr;}
 }
 /* @media (max-width: 767px) {  
	 .grid_seminar { grid-template-columns:1fr;}
 } */
 
 /* @media all and  (max-width:720px) { /*Tablet__?*/
	/* .container_course .item:nth-child(1){ width: 300px;} */

/* } */
/* @media (max-width: 767px) {  
 .grid_seminar { grid-template-columns:1fr;}
} */
@media all and  (max-width:730px) { /*Tablet__?*/
	.container_course .item:nth-child(1){ flex: 0 0 200px;} 
 }
 
.summary h2 {    
  /* font-family: Mulish, "Source Sans Pro", sans-serif; */
  font-family: "Spoqa Han Sans Neo", "Apple SD Gothic Neo", Segoe UI, sans-serif, Apple Color Emoji, Segoe UI Emoji;
  font-style: normal; font-weight: 300; color: #002f65; text-rendering: optimizeLegibility;}
	



/* 페이지 ?차 메뉴 */
/* .sub_nav_wrap { position:relative; width:100%; margin:30px 0 50px 0; }
.sub_nav { position:relative; width:100%; max-width:1170px; height:22px; margin:0 auto; font-size:0; }
.sub_nav dt { position:relative; display:inline-block; font-size:22px; color:#2a2b2b; font-weight:500; border-right:#505050 2px solid; padding:0 30px 0 30px; margin:0 10px 0 0; }
.sub_nav dt img { position:absolute; margin:3px 0 0 -30px; width:20px;}
.sub_nav dd { position:relative; height:28px; line-height:35px; display:inline-block; margin:5px 10px; }
.sub_nav dd a .text { position:relative; font-size:18px; color:#2a2b2b; font-weight:400; z-index:10; padding:0 5px; }
.sub_nav dd a .bar { position:absolute; left:0; bottom:1px; width:100%; height:6px; background:#FFB39F; z-index:5; visibility:hidden; }	
.sub_nav dd a.on .bar { position:absolute; left:0; bottom:5; width:100%; height:6px; background:#FFB39F; z-index:5; visibility:visible; } */

/* 페이지 2차 메뉴 */
/* .sub_top_m { position:relative; width:100%; max-width:1170px; margin:0 auto;}
.sub_top_m .tap { position:relative; /}
.sub_top_m .tap a { position:relative; display:block; width:154px; height:42px; font-size:1.2em; color:#333; line-height:42px; text-align:center; border-bottom:#dfdfdf 1px solid; background:#fff; margin:0 10px 10px 0; float:left; }
.sub_top_m .tap a:hover { position:relative; display:block; width:154px; color:#333; line-height:42px; text-align:center; border-bottom:#000 1px solid; margin:0 10px 10px 0; float:left; }
.sub_top_m a.ov { position:relative; display:block; width:154px; color:#ED2040; font-weight:600; line-height:42px; text-align:center; border-bottom:#000 1px solid; margin:0 10px 10px 0; float:left; }
.sub_top_m .tap_bottom {clear:both; } */




.main_sec3_wrap {width:1170px; width:1170px; margin:0 auto; margin-top:57px;}
.main_sec3_wrap.gallery {margin-top:80px;}
.main_sec3 { position:relative; width:100%; text-align:left; overflow:hidden; }
.main_sec3_txt { font-size:17px; font-weight:400; color:#888; }
.main_title_more1 a { position:absolute; top:0; right:0; padding:5px 10px; font-size:12px; font-weight:600; color:#fff; background:#868686; }

.main_gallery { position:relative; overflow:hidden; /*padding-left:30px;*/}
.main_gallery_box { float:left; display:block; width:220px; margin-right:10px; overflow:hidden; }
.main_gallery_box:last-child { margin-right:0px; }
.main_gallery_img { display:block; margin-bottom:10px; }
.main_gallery_tit { display:block; margin-bottom:7px; font-size:14px; font-weight:400; color:#555; }
.main_gallery_date { display:block; font-size:11px; font-weight:400; color:#888; }
.main_sec4 { position:relative; width:100%; margin:0 0 35px; overflow:hidden; }
.main_sec4_l { float:left; display:block; width:500px; }
.main_sec4_r { float:right; display:block; width:500px; }
.news_btn { margin-top:20px; }
.semi_btn1 a { display:inline-block; margin-right:10px; padding:14px 20px; font-size:16px; font-weight:600; color:#fff; background:#353535; }
.semi_btn2 a { display:inline-block; margin-right:10px; padding:14px 20px; font-size:16px; font-weight:600; color:#fff; background:#6D8BD3; }
.main_sec5 { position:relative; width:100%; margin:20px 0 0px; padding-top:14px; text-align:center; border-top:1px solid #D3D3D3; overflow:hidden; }
.main_sec5_img { display:inline-block; margin:0 11px; }

