@charset "utf-8"; 

@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400,500,700&display=swap");

.span-br {
	display: block;
}

.only-pc {
	display: block;
}

.only-mobile {
	display: none;
}

.left {
	text-align: left !important;
}

.center {
	text-align: center !important;
}

.right {
	text-align: right !important;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/*찾아오시는길*/

.contact-wrap{
	display: block;
	width: 100%;
	border-top: 1px solid #ddd;
	margin-top: 60px;
}

.contact-wrap li {
	border-bottom: 1px solid #ddd;
	font-size: 0;
	padding: 40px 55px;
}

.contact-wrap li > img{
	display: inline-block;
}

.contact-wrap li > dl{
	display: inline-block;
	margin-left: 50px;
	vertical-align: middle;
}

.contact-wrap li > dl dt{
	font-size: 24px;
	font-weight: 600;
	color: #222;
	line-height: 30px;
	margin-bottom: 10px;
}

.contact-wrap li > dl dd{
	font-size: 16px;
	color: #666;
	line-height: 26px;
}



.professors-wrapper {
	margin-bottom: 1%;
}

.professors-wrapper:last-child {
	margin-bottom: 0;
}

.professors-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.professors-area {
	position: relative;
	float: left;
	width: 49.5%;
	min-height: 190px;
	padding: 15px 15px 15px 165px;
	border: 1px solid #d8d8d8;
}

.professors-area:after {
	content: "";
	clear: both;
	display: block;
}

.professors-area:nth-child(even) {
	float: right;
}

.professors-area .image {
	position: absolute;
	top: 15px;
	left: 15px;
	display: block;
	width: 120px;
	height: 160px;
	background: #f2f4f9;
	overflow: hidden;
}

.professors-area .image > img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	display: block;
	min-width: 100%;
	max-width: 120%;
	max-height: 120%;
	margin: auto;
}

.professors-box {
	min-height: 118px;
	padding-top: 10px;
	margin-bottom: 10px;
}

professors-box:after {
	content: "";
	clear: both;
	display: block;
}

.professors-box > h3 {
	display: block;
	font-size: 26px;
	line-height: 30px;
	color: #212121;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

.professors-box > ul {
	display: block;
	margin-top: 10px;
}

.professors-box > ul > li {
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
	padding-left: 8px;
	background: url(../make_img/common/bul_type01.png) no-repeat left 13px;
	background-size: 2px 2px;
	word-break: keep-all;
}

.professors-area .btn-professor-homepage {
	float: right;
	height: 28px;
	padding: 5px 15px 0 15px;
	background: #5d7dc1;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	border-radius: 14px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.professors-area .btn-professor-homepage:hover {
	background: #445d91
}

.btn-download {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 57px;
	padding: 18px 20px 0 20px;
	margin-bottom: 1%;
	border: 1px solid #555555;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.btn-download:after {
	content: "";
	clear: both;
	display: block;
}

.btn-download > span {
	display: inline-block;
	vertical-align: middle;
	color: #212121;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700
}

.btn-download > img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	width: 16px;
}

.btn-download:hover {
	background: #f9f9f9;
}

.btn-download:after {
	content: "";
	clear: both;
	display: block;
}

.btn-new-window {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 50px;
	padding: 16px 30px 0 30px;
	margin-bottom: 1%;
	border: 0;
	border-radius: 25px;
	background: #f4f6fa;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.btn-new-window:after {
	content: "";
	clear: both;
	display: block;
}

.btn-new-window > span {
	display: inline-block;
	vertical-align: middle;

	color: #616161;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500
}

.btn-new-window > img {
	display: inline-block;
	vertical-align: middle;

	margin-left: 17px;
	width: 16px;
}

.btn-new-window:hover {
	background: #e9e9e9;
}

.btn-new-window:after {
	content: "";
	clear: both;
	display: block;
}

.contents-area {
	margin-bottom: 40px;
}
.contents-area:after {
	clear: both;
	content: '';
	display: block;
}
.contents-box {
	margin-bottom: 60px;
	margin-top: 5px;
}

.contents-area:last-child {
	margin-bottom: 0;
}

.title0401,
.bullet-type01 .title0401 {
	display: inline-block;
	margin: 0 0 10px 0;	
	padding: 6px 15px 7px 15px;
	color: #fff;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	background: #0089d8;
	border-radius: 5px;
	word-break: keep-all;
	letter-spacing: -0.05em;
	
}

.color1 {
	background: #007bff;
}

.color2 {
	background: #6610f2;
}

.color3 {
	background: #6f42c1;
}

.color4 {
	background: #e83e8c;
}

.color5 {
	background: #dc3545;
}

.color6 {
	background: #fd7e14;
}

.color7 {
	background: #ffc107;
}

.color8 {
	background: #28a745;
}

.color9 {
	background: #20c997;
}

.color10 {
	background: #17a2b8;
}

.color11 {
	background: #004483;
}

/*.title0401,
.bullet-type01 .title0401 {
	margin: 0 0 10px 0;
	padding-left: 30px;
	color: #444444;
	font-size: 22px;
	line-height: 26px;
	font-weight: 500;
	background: url(../make_img/common/bul_type0101.png) no-repeat left 5px;
	background-size: 18px 18px;
	word-break: keep-all;
	letter-spacing: -0.05em;
}*/

.bullet-type02 .title0401 {
	background-image: url(../make_img/common/bullet_type02/bul_type0101.png);
}

.bullet-type03 .title0401 {
	background-image: url(../make_img/common/bullet_type03/bul_type0101.png);
}

.title0501,
.bullet-type01 .title0501 {
	margin: 10px 0;
	padding-left: 12px;
	color: #333333;
	font-size: 18px;
	line-height: 26px;
	font-weight: 600;
	background-image: url(../make_img/common/bul_type0102.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	background-size: 6px 6px;
	word-break: keep-all;
}

.bullet-type02 .title0501 {
	background-image: url(../make_img/common/bullet_type02/bul_type0102.png);
}

.bullet-type03 .title0501 {
	background-image: url(../make_img/common/bullet_type03/bul_type0102.png);
}

.title0502 {
	padding: 18px 15px;
	color: #424242;
	font-size: 18px;
	line-height: 26px;
	font-weight: 600;
	background-color: #f0f0f0;
	border: 1px solid #dddddd;
	text-align: center;
}


.word-type01 {
	padding-bottom: 20px;
	color: #555555;
	font-size: 15px;
	line-height: 25px;
	font-weight: 300;
	letter-spacing: -0.25px;
	word-break: keep-all;
}


.word-type01 strong {
	font-weight: 600;
}

.word-type01:last-child {
	padding-bottom: 0;
}

.ul-list01 {
	margin: 0 0 20px 0;
	word-break: keep-all;
}

.title0501 + p,
.title0501 + .ul-list01 { 
	padding-left: 14px;
}

.ul-list01 > li,
.bullet-type01 .ul-list01 > li {
	padding-left: 12px;
	color: #555555;
	font-size: 15px;
	line-height: 25px;
	background: url(../make_img/common/bul_type0103.png)no-repeat left 11px;
	background-size: 3px 3px;
	font-weight: 300;
}

.ul-list01 > li strong,
.bullet-type01 .ul-list01 > li strong {
	font-weight: 600;
}

.list-height > li {	
	line-height: 32px;
	background-position: left 14px;
}



.bullet-type02 .ul-list01 > li {
	background-image: url(../make_img/common/bullet_type02/bul_type0103.png);
}

.bullet-type02 .ul-list03 > li {
	background-image: url(../make_img/common/bullet_type03/bul_type0103.png);
}

.ul-list01 > li > ul {
	padding: 10px 0;
	font-size: 14px;
	line-height: 24px;
}

.ul-list01 > li > ul > li {
	padding-left: 12px;
	background-image: url(../make_img/common/bullet04.png);
	background-repeat: no-repeat;
	background-position: left 11px;
	background-size: 3px 1px;
}

.ul-list01 > li > ol {
	padding: 10px 0;
	font-size: 14px;
	line-height: 24px;
}

.ul-list01 > li > ol > li {
	position: relative;
	padding-left: 20px;
}

.ul-list01 > li > ol > li .number {
	position: absolute;
	top: 0;
	left: 0;
}

.ul-list02 {
	margin: 0 0 20px 0;
	word-break: keep-all;
}

.ul-list02 > li {
	padding-left: 12px;
	color: #828282;
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
	background-image: url(../make_img/common/bul_type_lap01@2x.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	background-size: 3px 3px;
}



.ol-list01 {
	margin: 0 0 20px 0;
	word-break: keep-all;
}

.title0501 + .ol-list01 { 
	padding-left: 14px;
}

.ol-list01 > li {
	position: relative;
	padding-left: 20px;
	color: #999999;
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
}

.ol-list01 > li .number {
	position: absolute;
	top: 0;
	left: 0;
}


.ol-list01 > li > ul > li {
	padding-left: 12px;
	background-image: url(../make_img/common/bullet04.png);
	background-repeat: no-repeat;
	background-position: left 11px;
	background-size: 3px 1px;
}

.ol-list01 > li > ol {
	padding: 10px 0;
	font-size: 14px;
	line-height: 24px;
}

.ol-list01 > li > ol > li {
	position: relative;
	padding-left: 20px;
}

.ol-list01 > li > ol > li .number {
	position: absolute;
	top: 0;
	left: 0;
}

.point01 {
	color: #0089d8;
}



/* 연구실 소개 */
.lab-list-wrapper {
	padding: 35px 40px 15px 40px;
	border-top: 2px solid #333333;
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 40px;
}

.lab-list-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.lab-list-wrapper > li {
	float: left;
	width: 25%;
	margin-bottom: 20px;
}

.lab-list-wrapper > li > a {
	position: relative;
	display: inline-block;
	padding-left: 15px;
	color: #666666;
	font-size: 16px;
	line-height: 20px;
	background-image: url(../make_img/common/bul_type01_off@2x.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: 7px 12px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.lab-list-wrapper > li > a:hover,
.lab-list-wrapper > li > a.active {
	color: #0061bb;
	font-weight: 600;
	background-image: url(../make_img/common/bul_type01_on@2x.png);
}

.lab-list-wrapper > li > a .bg-line {
	position: absolute;
	bottom: 0;
	left: 15px;
	width: 0;
	height: 1px;
	background: #0061bb;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.lab-list-wrapper > li > a:hover .bg-line,
.lab-list-wrapper > li > a.active .bg-line {
	width: calc(100% - 15px)
}

.lap-information-wrapper {
	position: relative;
	padding: 40px 0 30px 335px;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	margin-top: -1px;
}

.lap-information-wrapper + .contents-area {
	margin-top: 50px;
}

.lap-information-wrapper .image {
	position: absolute;
	top: 40px;
	left: 0;
	display: block;
	width: 296px;
	height: 213px;
	overflow: hidden;
}

.lap-information-wrapper .image > img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	display: block;
	min-width: 100%;
	max-width: 120%;
	max-height: 120%;
	margin: auto;
}

.lap-information-wrapper.type02 {
	padding: 40px 0 30px 215px;
}

.lap-information-wrapper.type02 .image {
	position: absolute;
	top: 40px;
	left: 22px;
	display: block;
	width: 162px;
	height: 216px;
	overflow: hidden;
}


.lap-information-area {
	min-height: 213px;
}

.lap-information-area:after {
	content: "";
	clear: both;
	display: block;
}

.lap-information-area > h4 {
	display: block;
	color: #333333;
	font-size: 22px;
	line-height: 26px;
	font-weight: 600;
	margin: 0 0 15px 0;
	padding: 0;
	word-break: keep-all
}

.lap-information-area > p {
	color: #828282;
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
	word-break: keep-all
}

.lap-information-box {
	display: block;
	margin-bottom: 30px;
}

.lap-information-box:after {
	content: "";
	clear: both;
	display: block;
}

.lap-information-box dl {
	float: left;
	width: 50%;
	margin-top: 15px;
}

.lap-information-box dl > dt {
	float: left;
	margin-right: 5px;
}

.lap-information-box dl > dt > img {
	float: left;
	width: 20px;
	margin-right: 8px;
	margin-top: 2px;
}

.lap-information-box dl > dt > strong {
	float: left;
	font-size: 16px;
	line-height: 26px;
	font-weight: 600;
}
.lap-information-box dl > dd {
	float: left;
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
}

.btn-detail-view {
	float: right;
	height: 35px;
	padding: 6px 22px 0 22px;
	background: #0089d8;
	color: #fff;
	font-size: 14px;
	line-height: 26px;
	font-weight: 600;
	border-radius: 18px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.btn-detail-view > img {
	display: inline-block;
	vertical-align: baseline;
	width: 18px;
	margin-left: 5px;
}

.btn-detail-view:hover {
	color: #fff;
	background: #0369a4
}


.btn-detail-view02 {
	display: inline-block;
	vertical-align: middle;
	height: 28px;
	padding: 6px 22px 0 22px;
	background: #f4f4f4;
	color: #828282;
	font-size: 12px;
	line-height: 15px;
	font-weight: 600;
	border-radius: 14px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.btn-detail-view02 > img {
	display: inline-block;
	vertical-align: baseline;
	width: 18px;
	margin-left: 5px;
}

.btn-detail-view02:hover {
	background: #ddd
}

.information-box {
	background: #f4f6fa;
	padding: 30px;
}

.location dl {
	position: relative;
	padding-left: 120px;
}

.location dl:last-child {
	margin-bottom: 0;
}

.location dl > dt {
	position: absolute;
	top: 0;
	left: 0;
}

.location dl > dt > img {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	line-height: 36px;
	margin-right: 10px;
}

.location dl > dt > span {
	display: inline-block;
	vertical-align: middle;
	height: 36px;
	line-height: 36px;
}

.location dl > dd {
	color: #666666;
	font-size: 16px;
	line-height: 36px;
	font-weight: 300;
}



/* 연혁 */
.history-wrapper {	
	display: block;
}

.history-area {
	position: relative;
	border-top: 1px solid #ebeaea;
	border-bottom: 1px solid #ebeaea;
	padding: 45px 45px 45px 175px;
	margin-top: -1px;
}

.history-area:first-child {
	border-top: 0;
	padding-top: 0;
}

.history-area > h4 {
	position: absolute;
	top: 40px;
	left: 0;
	width: 175px;
	text-align: center;
	color: #0da1e2;
	font-size: 36px;
	line-height: 36px;
	font-weight: 700;
	margin: 0;
}

.history-area:first-child > h4 {
	top: 0;
}


.history-box {
	display: block;
}

.history-box > dl {
	position: relative;
	padding-left: 150px;
	margin-bottom: 5px;
	font-size: 15px;
	line-height: 26px;
}

.history-box > dl:last-child {
	margin-bottom: 0;
}

.history-box > dl > dt {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	color: #4a4143;
	font-weight: 600;
}

.history-box > dl > dd {
	padding-left: 13px;
	background-image: url(../make_img/common/bul_history_type01@2x.gif);
	background-repeat: no-repeat;
	background-position: 0 11px;
	background-size: 7px 6px;
	color: #828282;
	font-weight: 300;
	word-break: keep-all;
}

.history-box > dl.dt-none {
	padding-left: 0;
}

.history-box > dl.dt-none > dt {
	display: none;
}

/* 오시는길 */
.map-wrapper {
	margin-bottom: 25px
}

.map-wrapper > div {
	width: 100%;
}

.map-wrapper + .btns-area + .contents-area {
	margin-top: 40px;
}

.ul-list01.location + .title0501 {
	margin-top: 60px;
}

.ul-list01.location > li {
	position: relative;
	padding-left: 350px;
	font-size: 16px;
	line-height: 34px;
	background: transparent;
}

.ul-list01.location > li > strong {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 12px;
	color: #424242;
	font-weight: 600;
	background-image: url(../make_img/common/bul_type0103.png);
	background-repeat: no-repeat;
	background-position: left 15px;
	background-size: 3px 3px;
}

.ul-list01.location > li > strong > span {
	color: #828282;
	font-weight: 300
}

.information-box.location + .title0501 {
	margin-top: 40px;
}

/* 인사말 */
.greeting-wrapper {
	position: relative;
}

.greeting-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.greeting-slogan-wrapper {
	position: relative;
	padding-right: 446px;
}

.greeting-slogan-wrapper .summary {
	margin-bottom: 20px;
	font-size: 22px;
	line-height: 30px;
	color: #333333;
	letter-spacing: -1px;
}

.greeting-slogan-wrapper .greeting {
	color: #333333;
	font-size: 34px;
	line-height: 46px;
	font-weight: 600;
	padding-bottom: 38px;
	margin-bottom: 50px;
	background-image: url(../make_img/common/bg_greeting_line01@2x.gif);
	background-repeat: no-repeat;
	background-size: 80px 4px;
	background-position: left bottom;
}

.greeting-slogan-wrapper .greeting > strong {
	color: #00a6f7;
	font-weight: 600;
}

.greeting-slogan-wrapper .greeting > span {
	display: block;
}

.greeting-slogan-wrapper > img {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 397px;
}

.greeting-wrapper > dl {
	float: right;
	margin-top: 50px;
	text-align: right;
}

.greeting-wrapper > dl > dt {
	position: relative;
	display: block;
	color: #666666;
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
	padding-top: 21px;
}

.greeting-wrapper > dl > dt > .bg-line {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 70px;
	height: 1px;
	background: #333333;
}

.greeting-wrapper > dl > dd {
	display: block;
	color: #333333;
	font-size: 24px;
	line-height: 26px;
}

/* 표 */
.table-type01 {
	border-top: 2px solid #004483
}

.table-type01 table thead th {
	padding: 15px;
	background: #ecf1fb;
	color: #464646;
	font-size: 15px;
	line-height: 25px;
	border-right: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	text-align: center;
	letter-spacing: -1px;
}

.table-type01 table thead th:last-child,
.table-type01 table tbody td:last-child {
	border-right: none;
}

.table-type01 table tbody th {
	padding: 17px;
	background: #fff;
	color: #464646;
	font-size: 15px;
	line-height: 25px;
	border-bottom: 1px solid #d9e0ee;
	font-weight: 500
}

.table-type01 table tbody th.th-type01 {
	background: #ecf1fb;
	text-align: center;
}

.table-type01 table tbody td {
	padding: 15px;
	background: #ffffff;
	color: #555555;
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	border: 1px solid #eeeeee;
}

.table-type01 table tbody td:first-child {
	border-left: none;
}

.table-type02 {
	border-top: 2px solid #004483
}

.table-type02 table thead th {
	padding: 15px 5px;
	background: #ecf1fb;
	color: #212121;
	font-size: 14px;
	line-height: 18px;
	border: 1px solid #d8d8d8;
	text-align: center;
	letter-spacing: -1px;
}

.table-type02 table tbody th {
	padding: 15px 5px;
	background: #fff;
	color: #212121;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 1px solid #d9e0ee;
	font-weight: 500
}

.table-type02 table tbody td {
	padding: 15px 5px;
	background: #fff;
	background: #ffffff;
	color: #666666;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	border: 1px solid #eeeeee;
}




.mobile-horizontal-scroll-wrapper {
	display: block;
}

.mobile-horizontal-scroll-wrapper .mobile-horizontal-scroll-information {
	display: none;
}

/* 학칙 다운로드 */
.regulations-download-wrapper {
	display: block;
}

.regulations-download-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.regulations-download-wrapper > li {
	float: left;
	width: 49%;
	margin-bottom: 2%;
}

.regulations-download-wrapper > li:nth-child(even) {
	float: right;
}

.regulations-download-wrapper > li > a {
	position: relative;
	display: block;
	width: 100%;
	height: 190px;
	padding-top: 35px;
	border: 1px solid #d8d8d8;
	text-align: center;

	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.regulations-download-wrapper > li > a .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #f3f9fc;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.regulations-download-wrapper > li > a:hover {
	border: 1px solid #0089d8;
}

.regulations-download-wrapper > li > a:hover .bg {
	width: 100%;
}

.regulations-download-wrapper > li > a > .image {
	position: relative;
	display: block;
	width: 80px;
	height: 80px;
	overflow: hidden;
	margin: 0 auto 15px auto;
	z-index: 5;
}

.regulations-download-wrapper > li > a > .image > img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 80px;
	height: 160px;

	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}

.regulations-download-wrapper > li > a:hover > .image > img {
	top: -80px;
}

.regulations-download-wrapper > li > a > strong {
	position: relative;
	z-index: 5;
	font-size: 18px;
	line-height: 30px;
	color: #212121;
	font-weight: 600;
}

.regulations-download-wrapper > li > a:hover > strong {
	color: #0089d8
}

/* 아코디언 메뉴 */
.accordion-menu-wrapper {
	display: block;
	border-top: 2px solid #0089d8
}

.accordion-menu-wrapper > dl {
	border-bottom: 1px solid #c5d0d7;
	word-break: keep-all
}

.accordion-menu-wrapper > dl > dt {
	display: block;
}

.accordion-menu-wrapper > dl > dt > a {
	position: relative;
	display: block;
	padding: 15px 50px 15px 0;
	color: #333333;
	font-size: 18px;
	line-height: 26px;
	font-weight: 600;
}

.accordion-menu-wrapper > dl > dt > a .arrow {
	position: absolute;
	top: 50%;
	right: 18px;
	display: block;
	width: 13px;
	height: 8px;
	margin-top: -4px;
	background: url(../make_img/common/icon_arrow_down01@2x.png) no-repeat 0 0;
	background-size: 13px 8px;
}

.accordion-menu-wrapper > dl > dt > a.active .arrow {
	background: url(../make_img/common/icon_arrow_up01@2x.png) no-repeat 0 0;
	background-size: 13px 8px;
}

.accordion-menu-wrapper > dl > dd {
	display: none;
	padding: 15px 0;
	color: #999999;
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
	border-top: 1px solid #c5d0d7;
}

.images-box {
	display: block;
	text-align: center;
}

.images-box > img {
	display: inline-block;
	max-width: 100%;
}

.images-box > .pc {
	display: inline-block;
}

.images-box > .mobile {
	display: none;
}

.contents-area .images-box {
	margin: 30px 0;
}

/* 20201027 관련기관 추가(장성화) */
.related-org {
	width: 440px;
	text-align: center;
	margin-bottom: 40px;
}
.related-org:nth-child(odd) {
	float: left;
}
.related-org:nth-child(even) {
	float: right;
}
.related-org > .logo {
	position: relative;
	width: 438px;
	padding: 10px 0px;
	border: 1px solid #d0d0d0;
}
.related-org > .logo > img {
	width: 235px;
	height: 60px;
}
.related-org > .logo > a {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background: #ff8238;
}
.related-org > .logo > a:hover {
	display: block;
	background: #ce5c19;
}

.related-org > .title {
	padding: 0;
	margin: 0; 
	font-size: 16px;
	color: #4f4f4f;
	margin-top: 10px;
	letter-spacing: -0.05em;
}
.related-org > .tel {
	display: block;
	font-size: 15px;
	color: #0089d8;
}