@charset "UTF-8";

@import url("contents_pc.css");


@media only all and (max-width: 1023px) {
	.span-br {
		display: inline;
	}

	.span-mobile-br {
		display: block;
	}

	/* 교수소개 */
	.professor-wrapper {
		margin-bottom: 1.154rem;
	}

	.professor-area {
		min-height: auto;
		padding: 1.154rem 0;
	}


	.professor-area > .image {
		position: static;
		margin: 0 auto 0.9231rem auto;
		width: 6.923rem;
		height: 9.231rem;
		overflow: hidden;
	}

	.professor-area > .image > img {
		position: static;
		min-width: 100%;
		max-width: 100%;
		margin: 0;
	}

	.professor-area > h4 {
		font-size: 1.462rem;
		line-height:1.923rem;
		padding-top: 0
		padding-bottom: 0.5769rem;
	}

	.professor-area > ul > li {
		padding-left: 8.154rem;
		margin-bottom: 0.1923rem;
		font-size: 1rem;
		line-height: 1.385rem;
	}

	.professor-area > ul > li > strong {
		margin-left: -8.154rem;
		padding-left: 0.6154rem;
		background-position: 0 0.5769rem;
		background-size: 0.2308rem 0.2308rem;
	}

	.professor-area > .btn-detail-view {
		margin-top: 0.9231rem;
		margin-right: 1.154rem;
		padding: 0 1.154rem 0 1.538rem;
		height: 1.923rem;
		line-height: 1.923rem;
		font-size: 0.7692rem;
		border-radius: 0.9615rem;
	}

	.professor-area > .btn-detail-view > img {
		width: 1.038rem;
		margin-left: 0.3846rem;
	}

	.contents-area {
		margin-bottom: 1.769rem;
	}

	.contents-box {
		padding-left: 1.538rem;
	}

	.contents-box02 {
		padding-left: 0;
	}

	.title-type01 {
		padding-left: 1.538rem;
		margin-bottom: 0.6538rem;
		font-size: 1.308rem;
		line-height: 1.538rem;
		background-position: 0 0.1923rem;
		background-size: 1.154rem 1.154rem;
	}

	.title-type02 {
		padding-left: 0.7692rem;
		font-size: 1.077rem;
		line-height: 1.385rem;
		background-position: left 0.5769rem;
		background-size: 0.3846rem 0.3846rem;
	}

	.title-type03 {
		padding: 0.7692rem 0.7692rem;
		font-size: 1.077rem;
		line-height: 1.385rem;
	}

	.title-type04 {
		font-size: 1rem;
		line-height: 1.538rem;
	}

	div + .title-type01,
	p + .title-type01,
	ul + .title-type01,
	ol + .title-type01, 
	dl + .title-type01,
	div + .title-type02,
	p + .title-type02,
	ul + .title-type02,
	ol + .title-type02, 
	dl + .title-type02,
	.contents-box + .contents-box,
	.contents-box02 + .contents-box02 {
		margin-top: 1.385rem;
	}

	h4 + h5,
	h5 + h5,
	h5 + h6,
	p + h6,
	div + h6,
	ul + h6,
	ol + h6 {
		margin-top: 1.385rem;
	}

	.ul-list01 > li {
		padding-left: 0.6154rem;
		font-size: 1rem;
		line-height: 1.538rem;
		background-position: 0 0.6154rem;
		background-size: 0.2308rem 0.2308rem;
	}

	.ol-list01 > li {
		padding-left: 1.308rem;
		font-size: 1rem;
		line-height: 1.538rem;
	}

	h5 + ol,
	h5 + ul,
	h5 + dl,
	h5 + p,
	h5 + div,
	h5 + p + ol,
	h5 + p + ul,
	h5 + p + ol,
	h5 + p + dl,
	ul + p,
	ol + p,
	dl + p,
	p + ul + ul,
	p + ul + ol,
	p + ol + ul,
	p + ol + ol,
	div + ul,
	div + ol,
	ul + div,
	ol + div {
		margin-top: 0.3846rem;
		margin-left: 0.7692rem;
	}

	.ul-list01 > li > ul > li,
	.ol-list01 > li > ul > li {
		padding-left: 0.3846rem;
		word-break: keep-all;
	}


	.word-type01 {
		font-size: 1rem;
		line-height: 1.538rem;
	}

	.word-type01 + div,
	.word-type01 + p,
	.word-type01 + ul,
	.word-type01 + ol,
	.word-type01 + dl,
	.word-type01 + ul + ol,
	.word-type01 + ul + ul, 
	.word-type01 + ol + ol,
	.word-type01 + ol + ul {
		margin-top: 1.385rem;
	}

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

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

	.images-box > img + img {
		margin-top: 0.5rem
	}

	
	.images-box01 {
		display: block;
		text-align: center;
		margin: 20px 0;
	}

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

	/* tabmenu list */
	.tabmenu-wrapper {
		margin-bottom: 2.308rem;
		background: #fbfbfb;
	}

	.tabmenu-wrapper > ul > li {
		position: relative;
		float: left;
		width: 50%;
		margin: -1px;
	}

	.tabmenu-wrapper > ul > li > a {
		min-width: 100%;
		height: 3.077rem;
		padding: 0.8077rem 0 0 0;
		color: #777777;
		font-size: 1.077rem;
		line-height: 1.385rem;
		text-align: center;
		letter-spacing: -1px;
	}


	.tabmenu-wrapper.ratio > ul > li {
		width: calc(50% + 2px) !important;
		margin-bottom: -1px;
	}

	.tabmenu-wrapper.ratio > ul > li > a {
		min-width: auto;
		padding: 0.8077rem 0 0 0;
	}

	/* form */
	.form-wrapper > dl {
		padding-left: 6.962rem;
	}


	.form-wrapper > dl > dt {
		width: 6.962rem;
		font-size: 1rem;
		line-height: 1.154rem;
	}

	.form-wrapper > dl > dd {
		padding: 0.3846rem;
	}

	.form-wrapper > dl > dd input[type="text"],
	.form-wrapper > dl > dd input[type="password"],
	.form-wrapper > dl > dd input[type="search"],
	.form-wrapper > dl > dd input[type="number"],
	.form-wrapper > dl > dd input[type="tel"],
	.form-wrapper > dl > dd input[type="url"],
	.form-wrapper > dl > dd select {
		height: 2.308rem;
		font-size: 0.9231rem
	}

	.form-wrapper > dl > dd select {
		background-size: 0.3846rem 0.1923rem
	}

	.form-wrapper > dl > dd .width-half {
		width: 100% !important;
	}


	.form-wrapper > dl > dd .input-yymmnn-wrapper > select {
		float: left;
		width: 20%;
		max-width: 6.923rem;
		font-size: 0.9231rem;
		text-indent: 0.3846rem;
	
	}

	.form-wrapper > dl > dd .input-yymmnn-wrapper > select:first-child {
		width: 30%;
		max-width: 8.846rem;
	}

	.form-wrapper > dl > dd .input-yymmnn-wrapper > .word-unit {
		width: 10%;
		height: 2.308rem;
		line-height: 2.308rem;
		padding-left: 0.3846rem;
		font-size: 0.9231rem;
	}

	.form-wrapper > dl > dd .input-zipcode-wrapper {
		width: 100%;
		padding-right: 6.154rem;
		margin-bottom: 0.3846rem;
	}

	.form-wrapper > dl > dd .input-zipcode-wrapper .btn-zipcode {
		width: 6.154rem;
		height: 2.308rem;
		font-size: 0.8462rem;
	}

	.contents-area {
		margin-bottom: 2.115rem;
	}


	.title-type01 {
		margin-bottom: 0.7308rem;
		padding-left: 1.615rem;
		font-size: 1.308rem;
		line-height: 1.615rem;
	}

	.title-type01 .bullet {
		top: 0.1923rem;
		width: 1.308rem;
		height: 1.308rem;
		border: 0.3462rem solid #0089d8;
		border-radius: 50%;
	}

	.word-notice {
		margin-bottom: 0.9231rem;
		font-size: 1rem;
		line-height: 1.385rem;
	}

	.agreement-box {
		height: 12.31rem;
		padding: 0.9615rem;
		font-size: 1rem;
		line-height: 1.385rem;
	}
	
    .contents .contents-area {
        margin-bottom: 2.5rem
    }

    .contents .contents-box {
        margin-bottom: 1.875rem;
    }


	/* 인사말 */
	.greeting-wrapper {
        padding-left: 0;
    }

    .greeting-wrapper > img {
        position: static;
        display: block;
        width: 10rem;
        margin: 0 auto 1.25rem auto;
    }

    .greeting-wrapper .greeting-slogan {
        margin-bottom: 0.25rem;
        font-size: 2.25rem;
        line-height: 2.875rem;
        padding-bottom: 1.917rem;
    }

    .greeting-wrapper > p {
        padding-top: 2.042rem;
        font-size: 1.042rem;
        line-height: 2rem;
    }

    .greeting-wrapper > dl {
        padding-top: 2.042rem;
    }

    .greeting-wrapper > dl > dt,
    .greeting-wrapper > dl > dd {
        font-size: 1.25rem;
        line-height: 2.167rem;
    }

	/* 연혁 */
	.history-area {
        padding: 1.538rem 1.154rem;
    }

    .history-area > h4 {
        position: static;
        width: auto;
        font-size: 2rem;
        line-height: 2.308rem;
        text-align: left;
        margin: 0 0 1.538rem 0;
    }

    .history-area > h4.type02 {
        font-size: 2rem;
    }

    .history-box > dl {
        position: relative;
        padding-left: 5.385rem;
        margin-bottom: 0.3846rem;
        font-size: 1rem;
        line-height: 1.538rem;
    }

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

    .history-box > dl:after {
        content: "";
        clear: both;
        display: block;
    }

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

    .history-box > dl > dt {
        position: static;
        float: left;
        margin-left: -5.385rem;
        width: 4.615rem;
        display: block;
        color: #4a4143;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.231rem;
    }

    .history-box > dl > dd {
        background-position: 0 0.5rem;
    }

	/* 표 */
	.table-type01 table thead th {
		padding: 0.7692rem;
		font-size: 1rem;
		line-height: 1.385rem;
		word-break: break-all;
	}

	.table-type01 table tbody th,
	.table-type01 table tfoot th,
	.table-type01 table tfoot td {
		padding: 0.7692rem;
		font-size: 1rem;
		line-height: 1.385rem;
		word-break: break-all;
	}


	.table-type01 table tbody td {
		padding: 0.7692rem;
		font-size: 1rem;
		line-height: 1.385rem;
		word-break: break-all;
	}

	.table-type02 table thead th {
		padding: 0.7692rem 0.1923rem;
		font-size: 0.7692rem;
		line-height: 1rem;
	}

	.table-type02 table tbody th,
	.table-type02 table tfoot th,
	.table-type02 table tfoot td {
		padding: 0.7692rem 0.1923rem;
		font-size: 0.7692rem;
		line-height: 1rem;
		word-break: break-all
	}

	.table-type02 table tbody td {
		padding: 0.7692rem 0.1923rem;
		font-size: 0.7692rem;
		line-height: 1rem;
		word-break: break-all
	}


	.table-type01 + .table-type01,
	.table-type01 + .table-type02,
	.table-type01 + .table-type02,
	.table-type02 + .table-type02 {
		margin-top: 1.154rem;
	}

	/* Responsive table */
	.horizontal-scroll {
		position: relative;
		width: 100%;
		overflow-y: hidden;
		overflow-x: auto;
		background:
				linear-gradient(to right, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0)) no-repeat 0 0 / 20px 100% scroll,
				linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15)) no-repeat 100% 0 / 20px 100% scroll;
	}

	.horizontal-scroll table {
		width: 40rem;
		background:
				linear-gradient(to right, #fff, rgba(255, 255, 255, 0)) no-repeat 0 0 / 80px 100% local,
				linear-gradient(to right, rgba(255, 255, 255, 0), #fff) no-repeat 100% 0 / 80px 100% local;
	}

	.horizontal-scroll::-webkit-scrollbar {
		width: 6px;
		height: 6px;
		border-radius: 6px;
		background-color: rgba(0, 0, 0, 0.05);
	}

	.horizontal-scroll::-webkit-scrollbar-thumb {
		border-radius: 6px;
		background-color: rgba(0, 0, 0, 0.25);
	}

	.horizontal-scroll table thead th {
		background-color: rgba(119, 162, 250, .09);
	}

	.horizontal-scroll table tbody td,
	.horizontal-scroll table tfoot td {
		background-color: rgba(255, 255, 255, .09);
	}

	.table-type01 .bg01,
	.table-type02 .bg01 {
		background-color: rgba(203, 203, 203, .09);;
	}

	.horizontal-scroll table .bg02,
	.horizontal-scroll table tfoot th,
	.horizontal-scroll table tfoot td {
		background-color: rgba(255, 230, 78, .09);
	}

	.table-type01 .bg03,
	.table-type02 .bg03 {
		background-color: rgba(255, 219, 0, .09);
	}



	.input-phone-wrapper > select,
	.input-phone-wrapper > input[type="tel"] {
		width: 30% !important;
	}

	.input-phone-wrapper > .word-unit {
		width: 5%;
		height: 2.308rem;
		line-height: 2.308rem;
		font-size: 0.9231rem;
	}

	.input-email-wrapper {
		display: block;
	}

	.input-email-area {
		float: none;
		width: 100%;
		margin-bottom: 0.3846rem;
	}

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

	.input-email-area > .word-unit {
		height: 2.308rem;
		line-height: 2.308rem;
	}

	.input-email-wrapper > input[type="text"] {
		clear: both;
		float: none;
		width: 100% !important;
	}


	.input-checkbox-area {
		height: auto;
		line-height: 1.385rem;
		margin-right: 1rem;
		margin-bottom: 0.3846rem
	}

	.input-checkbox-area > input[type="checkbox"],
	.input-checkbox-area > input[type="radio"] {
		transform: translate(0, -50%);
	}
	
	.input-checkbox-area > label {
		display: inline-block;
		vertical-align: middle;
		font-size: 1rem;
		line-height: 1.385rem;
	}








}