@charset "UTF-8";

html {
	font-size: 15px;
}
@media (max-width: 768px) {
	html {
		font-size: 14px;
	}
}

body {
    min-width: 320px;
    color: #646566;
    font-family: "Open Sans", "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", dotum, sans-serif;
    font-size: 100%;;
    font-weight: 400;
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background-color: #fff;
}

a {
    color: inherit;
    text-decoration: none;
    border: 0;
}
a:hover,
a:focus { 
	color: inherit; 
	text-decoration: none; 
}
b,
strong {
	font-weight: 600;
}
fieldset {
	padding: 0;
}
.no-scrolling-js {
    overflow-x: visible;
    overflow-y: hidden;
}
.copymove_currentbg {
	background-color: #e5e5e5;
}
.copymove_current {
	color: #f00;
}

.scrollable-vertical {
	padding: 1rem;
	border: 1px solid #ddd;
}
.scrollable-vertical > .scrollable {
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	overflow-x: hidden;
	height: 12em;
}

/* base style */
	.font-nanum-myeongjo {}
    .base-font-light { font-weight: 300; }
    .base-font-bold { font-weight: 600; }
    .base-font-bolder { font-weight: 800; }
    .base-color { color: #195078; }
	.base-color-it { color: #195078; font-style: italic; font-weight: 600; }
    .base-color-bg {
        color: #fff;
        background-color: #1368A5;
    }

	.base-color-q {
		color: #11a4e8; 
	    font-size: 24px;
		font-weight: 600;
	}
	.base-color-a {
		color: #777777; 
	    font-size: 24px;
		font-weight: 600;
	}
	.red-color {
		color: #ff0000;
		font-weight: 600;
	}
	a.h_button {
		float: right;
	}
/*-base style */

/* secondary style */
    .secondary-color { color: #fea500; }
    .secondary-color-bg {
        color: #fff;
        background-color: #fea500;
    }
/*-secondary style */

/*
 * typography
 */
.headline3 {
	font-size: 2.6666rem;
	font-weight: 300;
	letter-spacing: -0.05em;
	word-break: keep-all;
}
.headline4 {
	font-size: 2rem;
	font-weight: 400;
	letter-spacing: -0.025em;
	word-break: keep-all;
}
.headline5 {
	font-size: 1.3333rem;
	font-weight: 400;
	word-break: keep-all;
}
.headline6 {
	font-size: 1.1333rem;
	font-weight: 400;
	word-break: keep-all;
}
.body2 {
	font-size: 0.9334rem;
}
.caption {
	font-size: 0.8667rem;
}
.caption-small {
	font-size: 12px;
}

/*
 * textbox
 */

.textboxes--inline .textbox {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.25rem;
}

.textbox--circle::before {
	content: '';
	display: inline-block;
	width: 0.25rem;
	height: 0.25rem;
	margin-right: 0.5rem;
	line-height: 1.45;
	background-color: #909090;
	border-radius:  0.25rem;
}

/*
 * video
 */

.video-wrapper {
	position: relative;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ratio16vs9 {
	padding-bottom: 56.25%;
}
.ratio4vs3 {
	padding-bottom: 75%;
}

/* heading style */
    .heading-with-bar {
        position: relative;
        padding-bottom: 15px;
    }
    .heading-with-bar:after {
        content: "";
        position: absolute;
        left:0; bottom: 0;
        width: 2em; height: 1px;
        background-color: #bed62f;
    }

	.heading-bar {
		position: relative;
		margin-bottom: 25px;
		font-size: 1.1112em;
		font-weight: bold;
		letter-spacing: -0.01em;
		line-height: 1;
	}
		.heading-bar.left-bar { padding-left: 10px; }
		.heading-bar.left-bar:before {
			content: "";
			position: absolute;
			top: 2px; bottom: 2px; left: 0;
			border-left: 3px solid #fea500;
		}

		.heading-bar.left-question { padding-left: 1.5em; }
		.heading-bar.left-question:before {
			content: "Q.";
			position: absolute;
			top: -3px; left: 0; bottom: 0;
			width: 1.5em;
			color: #11a4e8;
			font-size: 1.3em;
			font-weight: 400;
		}
	
	@media screen and (max-width: 768px) {
		.heading-bar { margin-bottom: 15px; }
	}


/*-heading style */

/* list style */
	.list-bullet > li {
		position: relative;
		margin-bottom: 10px;
		padding-left: 10px;
	}
		.list-bullet > li:before {
			content: "";
			position: absolute;
			left: 0;
			background-color: #fea500; 
		}
		.bullet-circle > li:before {
			top: 0.55em;
			width: 2px; height: 2px;
			border-radius: 1px;
		}
		.list-bullet .heading { margin-bottom: 10px; }
	
	
	.list-thumb > li { 
		position: relative;
		padding-left: 320px;
	}

	.list-thumb .thumb {
		position: absolute;
		left: 160px; top: 50%;
		max-height: 100%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	@media screen and (max-width: 768px) {

		.list-thumb > li { 
			padding-left: 0;
			text-align: center;
		}
			.list-thumb .thumb {
				position: static;
				left: auto; top: auto;
				margin: 0 auto 15px;
				-webkit-transform: translate(0, 0);
				-moz-transform: translate(0, 0);
				-ms-transform: translate(0, 0);
				-o-transform: translate(0, 0);
				transform: translate(0, 0);
			}
	}
	
/*-list style */

.content-off,
.sr-only { /* 내용 숨기기 */
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.content-none { display: none; } /* 화면에서 없애기 */

.img-responsive { /* 이미지 반응형 */
    max-width: 100%; /*155%로 되어있어서 이미지가 깨짐*/
    height: auto;
}

/* float 해제 class */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after { clear: both; }

.boundary {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}
.boundary-narrow {
	max-width: 34rem;
	margin-left: auto;
	margin-right: auto;
}
.boundary-medium {
	max-width: 56rem;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 1110px) {
	.boundary {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}
.head-boundary {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}
.btn-fake {
	cursor: default;
}
.btn-video {
	width: 48px;
	min-height: 34px;
	background-image: url('../img/btn_video_gray.png');
	background-repeat: no-repeat;
	background-size: auto 28px;
	background-position: 50% 50%;
}
.btn-video:hover {
	background-image: url('../img/btn_video.png');
}
.btn {
	border-radius: 0;
	transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.btn--wide {
	padding-left: 2em;
	padding-right: 2em;
}
.btn-group-lg>.btn,
.btn-lg {
	font-size: 1.13333rem;
}
.btn-group-sm>.btn,
.btn-sm {
	border-radius: 0;
}
.btn-base {
	color: #fff; 
	background-color: #195078;
	border-color: #195078;
}
.btn-base:hover {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}
.btn-gray {
	color: #555;
	background-color: #eee;
	border-color: #ddd;
}
.btn-gray-dark {
	color: #fff;
	background-color: #9F9F9F;
}

.btn-shadow {
	box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.16);
}
.btn-shadow--inset {
	-webkit-box-shadow:  inset 0 -8px 16px 8px rgba(0, 0, 0, 0.24);
	-moz-box-shadow:  inset 0 -8px 16px 8px rgba(0, 0, 0, 0.24);
	box-shadow:  inset 0 -8px 16px 8px rgba(0, 0, 0, 0.24);
}

.alert-info {
	color: #041C3C;
	background-color: #eff0f2;
	border-color: #ddd;
}
.alert-manage {
	padding: 1rem;
	border: 1px solid #ddd;
}
.alert-manage__header {
	margin-bottom: 1rem;
}
.alert-manage__divider {
	margin-bottom: 0.5rem;
}
.alert-manage__divider:not(:first-child):last-child {
	margin-bottom: 0;
}
.ast { color: #E51D1D; }
.required-mark--before::before,
.required-mark--after::after {
	content: '*';
	display: inline-block;
	color: #E51D1D;
	font-weight: bold;
}
.required-mark--before::before {
	padding-right: 0.25rem;
}
.required-mark--after::after {
	padding-left: 0.25rem;
}

.bullet-before {
    position: relative;
    display: block;
    padding-left: 24px;
}
.bullet-before::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 8px;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-radius: 2px;
    background-color: #666;
}
.divider-border-top { border-top: 2px solid #041C3C; }

.text-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.text-break {
	word-break: break-all;
}
.text-line {
	text-decoration: underline;
}

/* grid */
	.grid12-12 { width: 100%; }
	.grid12-8 { width: 66.6667%; }
	.grid12-6 { width: 50%; }
	.grid12-5 { width: 41.6666%; }
	.grid12-4 { width: 33.3333%; }
	.grid12-3 { width: 25%; }
	.grid12-2 { width: 16.6666%; }

.row {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
/*-grid */

.l-floated-left {
	float: left;
}
.l-floated-right {
	float: right;
}
.l-inlineblock {
	display: inline-block;
}


/*
 * l-pos
 */
.l-pos {
	position: relative;
	min-height: 1em;
}
.l-pos__sidebar {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8rem;
}
.l-pos--left {
	padding-left: 10rem;
}
.l-pos--left > .l-pos__sidebar {
	left: 0;
}
.l-pos--right {
	padding-right: 10rem;
}
.l-pos--right > .l-pos__sidebar {
	right: 0;
}
.l-pos--justify {
	padding-left: 10rem;
	padding-right: 10rem;
}
.l-pos--justify > .l-pos__sidebar {
	width: 10rem;
}
.l-pos--justify > .l-pos__sidebar:first-of-type {
	left: 0;
}
.l-pos--justify > .l-pos__sidebar:last-of-type {
	right: 0;
}


/*
 * fake-table
 */

.fake-table {
	display: table;
	width: 100%;
	border-collapse: collapse;
}
.fake-table__row {
	display: table-row;
}
.fake-table__cell {
	display: table-cell;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.fake-table__header {
    width: 8em;
}
.fake-table--v1 .fake-table__title {
    position: relative;
    padding-left: 24px;
}
.fake-table--v1 .fake-table__title::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 8px;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-radius: 2px;
    background-color: #666;
}

/* form */

.fieldset-title {
	font-size: 18px;
	font-weight: bold;
}

.checkbox-group .checkbox-inline, 
.radio-group .radio-inline {
	min-width: 10em;
	margin-left: 0;
	margin-right: 10px;
}

.form-control,
.input-group-addon {
	border-radius: 0;
}

.input-group-addon {
	background-color: #fff;
}

.input-group + .input-group {
	margin-top: 0.25rem;
}

.form-group--v1 {
	position: relative;
	margin-bottom: 1rem;
}
.form-group--v1 .control-label {
	position: absolute;
	top: 0.5rem;
	left: 1rem;
	font-size: 0.8666rem;
}
.form-group--v1 .form-control {
	padding: 2rem 1rem 0.5rem;
	height: auto;
}

@media (max-width: 880px) {
    .form-email__select {
        display: block !important;
        margin-top: 0.5rem;
    }
}
@media (max-width: 768px) {
    .form-email__domain {
        margin-top: 0.5rem;
    }
}

/*-form */


/*
* custom-checkbox
*/

.custom-checkbox {
	display: inline-block;
}
.custom-checkbox input[type="radio"],
.custom-checkbox input[type="checkbox"] {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	width: 1px; height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

.custom-checkbox .checkbox-label {
	cursor: pointer;
	position: relative;
	display: block;
}

.custom-checkbox input[type="radio"]:disabled,
.custom-checkbox input[type="checkbox"]:disabled {
	cursor: not-allowed;
}
.custom-checkbox input[type="radio"]:disabled + .checkbox-label,
.custom-checkbox input[type="checkbox"]:disabled + .checkbox-label {
	opacity: 0.56;
	cursor: not-allowed;
	text-decoration: line-through;
}

.custom-checkbox--circle {
	line-height: 1.75rem;
}
.custom-checkbox--circle .checkbox-label {
	position: relative;
	padding-left: 1.5rem;
	padding-right: 0.5rem;
}
.custom-checkbox--circle .checkbox-label::before,
.custom-checkbox--circle .checkbox-label::after {
	content: '';
	position: absolute;
	top: 50%;
	transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.custom-checkbox--circle .checkbox-label::before {
	left: 0;
	width: 1.25rem;
	height: 1.25rem;
	margin-top: -0.625rem;
	border: 1px solid #ccc;
	border-radius: 50%;
}
.custom-checkbox--circle .checkbox-label::after {
	opacity: 0;
	left: 0.375rem;
	width: 0.5rem;
	height: 0.5rem;
	margin-top: -0.25rem;
	background-color: #fff;
	border-radius: 50%;
}
.custom-checkbox--circle input[type="radio"]:focus + .checkbox-label::before,
.custom-checkbox--circle input[type="checkbox"]:focus + .checkbox-label::before {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.custom-checkbox--circle input[type="radio"]:checked + .checkbox-label::before,
.custom-checkbox--circle input[type="checkbox"]:checked + .checkbox-label::before{
	background-color: #054C7F;
	border-color: #054C7F;
}
.custom-checkbox--circle input[type="radio"]:checked + .checkbox-label::after,
.custom-checkbox--circle input[type="checkbox"]:checked + .checkbox-label::after {
	opacity: 1;
}


/* tabs */
.nav-tabs>li>a {
	border-radius: 0;
}
	.tabs-wrapper {
		margin-bottom: 1rem;
	}
	.tabs {
		line-height: 1;
		border-right: 0;
	}
	.tabs li {
		display: inline-block;
		*display: inline; *zoom: 1;
	}
	.tabs li a { 
		display: block;
		padding: 0.5em 1em; 
		color: #666;
	}
	
	.tabs #bo_cate_on,
	.tabs .active { 
		color: #195078;
		background-color: #eff0f2; 
	}

	@media screen and (max-width: 880px) {
		.tabs-wrapper { text-align: center; }
	}
/*-tabs */

/* table */
	.table > thead > tr > th, 
	.table > tbody > tr > th, 
	.table > tfoot > tr > th, 
	.table > thead > tr > td,
	.table > tbody > tr > td, 
	.table > tfoot > tr > td {
		vertical-align: middle;
	}

	.table>tbody>tr.active>td, 
	.table>tbody>tr.active>th, 
	.table>tbody>tr>td.active, 
	.table>tbody>tr>th.active, 
	.table>tfoot>tr.active>td, 
	.table>tfoot>tr.active>th, 
	.table>tfoot>tr>td.active, 
	.table>tfoot>tr>th.active, 
	.table>thead>tr.active>td, 
	.table>thead>tr.active>th, 
	.table>thead>tr>td.active, 
	.table>thead>tr>th.active {
		background:#eff0f2;
		color:#000;
		font-size: 15px;
	}

	.cell-num { width: 3em; }
	.cell-chk { width: 15px; }
	.cell-subject {}
	.cell-author { width: 6em; }
	.cell-date { width: 5em; }
	.cell-hit { width: 3em; }
	.cell3 { width: 2em; }
	.cell3 { width: 3em; }
	.cell4 { width: 4em; }
	.cell5 { width: 5em; }
	.cell6 { width: 6em; }
	.cell7 { width: 7em; }
	.cell8 { width: 8em; }
	.cell9 { width: 9em; }
	.cell10 { width: 10em; }
	.cell11 { width: 11em; }
	.cell12 { width: 12em; }
	.cell13 { width: 13em; }
	.cell14 { width: 14em; }
	.cell15 { width: 15em; }
	.cell16 { width: 16em; }
	.cell6--min {
		min-width: 6em;
	}
	.cell8--min {
		min-width: 8em;
	}
	.cell12--max {
		max-width: 12em;
	}
	.cell16--max {
		max-width: 16em;
	}
	.cell20--max {
		max-width: 20em;
	}

	.table {
		margin-bottom: 0;
	}

	.table th,
	.table td {
		padding: 1rem !important;
	}
	.table--v1 {
		border-bottom: 1px solid #555;
	}
	.table--v1  th,
	.table--v1  .cell-heading {
		color: #191A1A;
		font-weight: inherit;
		background-color: #eee;
	}
	.table--v1 th,
	.table--v1 td {
		border-top: 1px solid #ccc !important;
	}
	.table--v1 tr:first-child th,
	.table--v1 tr:first-child td {
		border-top: 1px solid #555 !important;
	}
	@media (max-width: 768px) {
		.table--v1,
		.table--v1 tbody,
		.table--v1 tr,
		.table--v1 .cell-heading,
		.table--v1 th,
		.table--v1 td {
			display: block;
			width: 100%;
		}
		.table--v1 th,
		.table--v1 .cell-heading {
			padding-top: 0.75rem !important;
			padding-bottom: 0.75rem !important;
		}
		.table--v1 tr:first-child th + td {
			border-top-color: #ccc !important;
		}
	}

/*-table */

/* panel */
	.panel { border-radius: 0; }
/*-panel */

/* ajax-tab-panel */
	.ajax-tab-panel {
		position: relative;
	}
		.ajax-loading {
			z-index: 2;
			position: absolute;
			top: 1px; right: 1px; bottom: 1px; left: 1px;
			background: #fff url('img/ajax.loading.gif') no-repeat 50% 50%;
			background-size: 120px auto;
			opacity: 0.6;
		}
/*-ajax-tab-panel */

/*
 * tip-card
 */
.tip-card__header {
	padding: 0.5rem 0.75rem;
}
.tip-card__body {
	padding: 0.75rem;
}
.tip-card__header + .tip-card__body {
	padding-top: 0.25rem;
}
.tip-card__divider {
	margin-bottom: 0.375rem;
}


/* pageFooter */
    #pageFooter {
        padding: 58px 0;
        color: #ddd;
        background-color: #393939;
        border-top: 1px solid #4f4f4f;
    }
    #pageFooter > .boundary { position: relative; }
    #pageFooter .pf-logo {
        position: absolute;
        top: 0;
    }
    #pageFooter .pf-logo { left: 0; }
	
	/*
	#pageFooter .pf-family-links {
        position: absolute;
        top: 0;
    }
    #pageFooter .pf-family-links {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        overflow: hidden;
        right: 0;
        width: 204px; height: 35px;
        padding-left: 10px;
        background-color: #4d4d4d;
    }
    #pageFooter .pf-family-links:after {
        content: "";
        position: absolute;
        top: 0; right: 0; bottom: 0;
        width: 32px;
        background: #4d4d4d url("../img/down_arrow_white.png") no-repeat 10px 50%;
    }
    #pageFooter .pf-family-links select {
        cursor: pointer;
        overflow: hidden;
        display: block;
        width: 205px; height: 35px;
        color: #fff;
        line-height: 35px;
        background-color: #4d4d4d;
        border: 0;
        outline: none;
    }


    #pageFooter .pf-family-links:after {
        content: "";
        position: absolute;
		z-index: 1;
        top: 0; right: 0; bottom: 0;
        width: 20px;
        background: transparent url("../img/down_arrow_white.png") no-repeat 50% 50%;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
    }
	*/
	
	#pageFooter .pf-sns {
        width: 30px;
	    margin: 5px 10px;
    }
	#pageFooter .pf-sns img {
			width:40px;
	}

	#pageFooter .pf-link {
			display:inline-table;
			margin: 0px 1px 0 10px;
	}
	#pageFooter .pf-link a{
			font-weight:200;
			color:#9c9c9c;
	}
	#pageFooter .sns a{
			font-weight:200;
			color:#9c9c9c;
		}
		.pf-family-links .family-site-btn {
			z-index: 2;
			position: relative;
			display: block;
			color: #fff;
			font-size: 14px;
			letter-spacing: 0;
			line-height: 35px;
			text-indent: 10px;
			background-color: transparent;
			transition: background 0.5s;
		}
		
		.pf-family-links .family-site-btn.active, 
		.pf-family-links .family-site-btn:hover,
		.pf-family-links .family-site-btn:focus, 
		.pf-family-links .family-site-btn:active {
			color: #fff;
			font-weight: 600;
			text-decoration: none;
			background-color: #787878;
			background-color: rgba(120, 120, 120, 0.8);
			box-shadow: 0 0 1px #aaa;
		}
		
		.pf-family-links  .family-links-wrapper {
			position: absolute;
			overflow: hidden;
			width: 100%;
			height: 0;
			left: 0;
			bottom: 28px;
		}
		.pf-family-links .family-links {
			width: 100%;
			line-height: 1;
			background-color: #a4a4a4;
		}
		.pf-family-links .family-item {
			border-left: 1px solid #6f6f6f;
			border-right: 1px solid #6f6f6f;
		}
			.pf-family-links .family-item:first-child { border-top: 1px solid #6f6f6f; }
		.pf-family-links .family-links a {
			display: block;
			padding: 10px;
			color: #212121;
		}
		.pf-family-links .family-links a:hover,
		.pf-family-links .family-links a:active,
		.pf-family-links .family-links a:focus {
			color: #fff;
			background-color: #393939;
		}
    

    #pageFooter .pf-info {
        margin: 0 248px 0 260px;
        letter-spacing: -0.05em;
    }
	#padeFooter .pf-logo {}
    #pageFooter .pf-info-detail { font-size: 0;}
    #pageFooter .pf-info-detail span {
        position: relative;
        display: inline-block;
        padding: 0 10px;
        font-size: 16px;
        line-height: 24px;
    }
    #pageFooter .pf-info-detail .custom-block { display: block; }
    /* #pageFooter .pf-info-detail .divider-block:after {
        content: "";
        position: absolute;
        top: 5px; right: 0; bottom: 5px;
        width: 1px;
        background-color: #a8a8a8;
    }*/
    #pageFooter .pf-copyright { padding: 0 10px; }
/* pageFooter */

@media screen and (min-width: 601px) {
	#pageFooter .pf-info-detail--address>span::after {
		content: '';
		display: block;
		clear: both;
	}
	#pageFooter .pf-info-detail--address>span>div {
		float: left;
	}
	#pageFooter .pf-info-detail--address>span>div:first-child {
		width: 3rem;
	}
}

@media screen and (max-width: 1110px) {

    /* index */
    .platform-apply .pa-des { max-width: 13em; }
    .platform-apply .pa-des .custom-block { display: block; }

} /* width 1110px 이하 */

@media screen and (max-width: 1080px) {

    /* common */
    #pageFooter {padding: 48px 0;}
    #pageFooter .pf-logo,
    #pageFooter .pf-family-links {
        position: relative;
        top: auto; right: auto; left: auto;
    }
    #pageFooter .pf-logo {
        float: left;
        margin-left: 1%;
    }
    #pageFooter .pf-family-links {
        float: right;
        margin-right: 1%;
    }
    #pageFooter .pf-info {
        clear: both;
        margin: 0;
        padding: 12px 0 0;
    }
    #pageFooter .pf-info-ann { padding-top: 12px;}

} /* width 1080px 이하 */


@media screen and (max-width: 600px) {

    /* common */
    #pageFooter { text-align: center;  padding: 25px 0;}
    #pageFooter .pf-logo,
    #pageFooter .pf-family-links {
		width: 150px;
        float: none;
        margin: 5px auto;
    }
    #pageFooter .pf-family-links,
    #pageFooter .pf-copyright {
        margin-top: 12px;
    } 
	#pageFooter .pf-info {margin-bottom: 10px;}
    #pageFooter .pf-info-detail { word-break: keep-all; }
    #pageFooter .pf-info-detail .divider-block:after { display: none; }
    #pageFooter .pf-copyright .custom-block { display: block; }
} /* width 600px 이하 */

@media screen and (max-width: 480px) {

    /* common */
    #pageFooter .pf-info { padding-top: 0; }
    #pageFooter .pf-info-detail {
        max-width: 18em;
        margin: 0 auto;
        padding-top: 12px;
        font-size: inherit;
    }
    #pageFooter .pf-info-detail span {
        display: block;
        padding: 0;
    }
    #pageFooter .pf-info-detail .custom-block { display: inline; }
	#pageFooter .pf-info-detail span {
	    font-size: 15px;
	}

} /* width 480px 이하 */


.col12-4 { float: left; width: 33.3333%; } /* 12 grid 중 4 grid 설정 */


/*2017.10.19*/

.modal-backdrop {
	z-index: 10400;
}
.modal {
	z-index: 10500;
}


.board-divider {
	margin-bottom: 1rem;
}
.board-divider--lg {
	margin-bottom: 3rem;
}
.board-section__header {
	padding: 0.75rem 1rem;
}
.board-section__body {
	padding: 1rem;
}
.board-section__actions {
	padding: 0.5rem 1rem;
	text-align: right;
}
.board-section__thumbnail img {
	max-width: 100%;
	height: auto;
}


.l-floated__group::after {
	content: '';
	display: table;
	clear: both;
}
.l-floated__group > .l-floated,
.l-floated__group > .l-floated__body {
	float: left;
}
.l-floated__group > .l-floated {
	width: 202px;
	margin-right: -202px;
}
.l-floated__group > .l-floated__body {
	width: 100%;
	padding-left: 200px;
}
.l-floated__group--right > .l-floated {
	float: right;
	margin-left: -202px;
	margin-right: 0;
}
.l-floated__group--right > .l-floated__body {
	padding-left: 0;
	padding-right: 200px;
}


.board-section--lg .board-section__header {
	padding: 1.5rem 3rem;
}
.board-section--lg .board-section__body {
	padding: 3rem;
}

.board-meta {
	padding: 0.5rem 0.75rem;
}


/*
 * board-list
 */
.board-list__header {
	padding: 0.75rem 1rem;
}
.board-list__body {
	padding: 3rem 1rem;
}
.board-list__actions {
	padding: 1.5rem 1rem;
}

.board-list__search .form-control {
	display: inline-block;
	vertical-align: middle;
}
.board-list__search #sfl {
	width: auto;
	min-width: 7em;
}

.board-list__tabs .tabs {
	padding-left: 1px;
	padding-top: 1px;
}
.board-list__tabs .tabs li {
	float: left;
	width: 33.3333%;
	margin-left: -1px;
	margin-bottom: -1px;
    text-align: center;
}
.board-list__tabs .tabs li a {
	padding: 0.75rem;
	border: 1px solid #ddd;
	transition: color 0.3s ease-in-out;
}
.board-list__tabs .tabs li a:hover {
	color: #0066AF;
}
.board-list__tabs-all {
	margin-top: 3rem;
	text-align: center;
}
.board-list__tabs-col2 .tabs li,
.board-list__tabs-2 .tabs li {
	width: 50%;
}
.board-list--mode-tabs .board-list__tabs .tabs {
	padding: 0;
}
.board-list--mode-tabs .board-list__tabs .tabs li {
	margin: 0;
}
.board-list--mode-tabs .board-list__tabs .tabs li a {
	margin: 1rem;
	padding: 4rem 2rem;
	color: #191A1A;
	font-size: 1.375rem;
	font-weight: 500;
	background-color: #eff0f2;
	border: 1px solid #ddd;
	transition: all 0.2s ease-in-out;
}
@media (max-width: 767px) {
	.board-list--mode-tabs .board-list__tabs .tabs li a {
		min-width: 9rem;
		margin: 0.5rem;
		font-size: 1.125rem;
	}
}
.board-list--mode-tabs .board-list__tabs .tabs li a:hover {
	color: #0066AF;
	border-color: #0066AF;
}

.board-list__header .board-list__meta {
	display: inline-block;
}
.board-list__item {
	padding: 1rem;
}
.board-list__item-empty {
	padding: 7rem 0;
	text-align: center;
}

@media (max-width: 640px) {
	.board-list__tabs .tabs {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
	}
	.board-list__tabs .tabs li {
		float: none;
		display: inline-block;
		width: auto;
		min-width: 8em;
		margin: 0.25rem;
	}
}

@media (max-width: 480px) {
	.board-list__search #sfl {
		display: block;
		width: 19.125em;
		margin: 0 auto 0.25rem;
	}
	.board-list__actions-bottom .board-list__action {
		float: none;
		text-align: center;
	}
	.board-list__actions-bottom .board-list__action + .board-list__action {
		margin-top: 0.75rem;
	}
}


/*
 * view
 */
.board-view__header {
	padding: 0 1rem 1rem;
}
.board-view__body {
	padding: 3rem 1rem;
}
.board-view__actions {
	padding: 1.5rem 1rem;
}
.board-view__option {
	padding: 0.5rem 1rem;
}
.board-view__option-divider  + .board-view__option-divider {
	margin-top: 0.5rem;
}
.board-view__option .fas {
	margin-right: 0.25rem;
	font-size: 12px;
}
.board-view__option a:not(.link-hover--lined) {
	text-decoration: underline;
}
.board-view__controls .fas {
	margin: 0 0.25rem;
}
.board-view__controls .btn {
	padding: 1rem;
	color: inherit;
	font-weight: 300;
	text-align: inherit;
	border: 0;
}
.board-view__controls .l-pos--justify {
	padding-left: 33.3333%;
	padding-right: 33.3333%;
	text-align: center;
}
.board-view__controls .l-pos__sidebar {
	width: 33.3333%;
}
.board-view__controls .l-pos__sidebar:first-child {
	text-align: left;
}
.board-view__controls .l-pos__sidebar:last-child {
	text-align: right;
}
@media (max-width: 768px) {
	.board-view__header .l-pos {
		padding: 0;
	}
	.board-view__header .l-pos__body,
	.board-view__header .l-pos__sidebar {
		position: static;
		width: auto;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		text-align: left;
	}
}
@media (max-width: 480px) {
	.board-view__actions {
		text-align: center;
	}
	.board-view__actions .board-view__action {
		float: none;
	}
	.board-view__actions .board-view__action + .board-view__action {
		margin-top: 0.75rem;
	}
}


/*
 * write
 */
.board-write__actions {
	padding: 1.5rem 1rem;
}

.link--lined,
.link--lined:hover,
.link--lined:focus,
.link--lined:active {
	text-decoration: underline;
}

.link-hover {
	display: block;
	transition: transform 0.3s ease-in-out, border 0.3s ease-in-out;
}

.link-hover:hover {
    box-shadow: 0 4px 50px -3px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px);
}

.link-hover--lined:hover {
	text-decoration: underline;
}

.rounded {
	border-radius: 2px;
}

.bordered {
	border: 1px solid #ddd;
}
.bordered-bottom {
	border-bottom: 1px solid #ddd;
}
.bordered-top {
	border-top: 1px solid #ddd;
}
.bordered-top--pale {
	border-top: 1px solid #eee;
}
.bordered-bottom--pale {
	border-bottom: 1px solid #eee;
}
.bordered-horizon {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.bordered-vertical {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.line--through {
	text-decoration: line-through;
}

.list--v1 li + li {
	margin-top: 0.5rem;
}

.styled-list li {
	position: relative;
	padding-left: 24px;
}
.styled-list li::before {
	content: '';
	position: absolute;
	left: 10px;
	top: 50%;
	width: 4px;
	height: 4px;
	margin-top: -2px;
	background-color: #666;
	border-radius: 2px;
}
.styled-list .unstyled-item::before {
	background-color: transparent;
}
.styled-list:not(.styled-list--inline) li+li {
	margin-top: 6px;
}

.styled-list--inline li {
	display: inline-block;
}

.styled-list--table {
	padding-top: 0.5rem;
}
.styled-list--table .list-item__title,
.styled-list--table .list-item__content {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.styled-list--table .list-item__title {
	width: 8em;
}
.styled-list--table .list-item__content {
	word-break: keep-all;
}


.card--empty {
	padding: 7em 0;
	text-align: center;
}


/*
 * mentor-card
 */
 .mentor-card__wrapper {
	max-width: 260px;
	margin: 0 auto 1rem;
 }
.mentor-card {
	border: 1px solid #eee;
}
	.link-hover:hover .mentor-card {
		border-color: #ddd;
	}
.mentor-card__divider {
	margin-bottom: 0.375rem;
}
.mentor-card__text + .mentor-card__text {
	margin-top: 0.5rem;
}

.mentor-card .mentor-card__body {
	padding: 1rem;
}
.mentor-card__body .mentor-card__title {
	margin-bottom: 0.875rem;
}
.mentor-card__text-label {
	display: inline-block;
	min-width: 5em;
}

.mentor-card--empty {
	padding: 7em 0;
	text-align: center;
}

.mentor-cards .col-custom {
	float: left;
	width: 50%;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
@media (min-width: 601px) {
	.mentor-cards .col-custom {
		width: 33.3333%;
	}
}
@media (min-width: 881px) {
	.mentor-cards .col-custom {
		width: 25%;
	}
}


/*
 * modal__mentor-detail
 */

@media (min-width: 1025px) {
	.modal__mentor-detail .modal-dialog,
	.modal__video-detail .modal-dialog {
		width: 880px;
	}
}

.modal__mentor-detail .fas,
.modal__mentor-detail .fab,
.modal__mentor-detail .far {
	min-width: 1.5rem;
	text-align: center;
}
.modal__mentor-detail .fake-table__cell {
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
}
.modal__mentor-detail .modal-divider,
.modal__video-detail .modal-divider {
	margin-bottom: 2rem;
}
.modal__mentor-detail .modal-content,
.modal__video-detail .modal-content {
	border-radius: 2px;
}
.modal__mentor-detail .modal-header,
.modal__video-detail .modal-header {
	position: relative;
	padding: 1.25rem 2rem;
}
.modal__mentor-detail .modal-title,
.modal__video-detail .modal-title {
	margin-right: 40px;
}

.modal__mentor-detail .modal-header .close,
.modal__video-detail .modal-header .close {
	position: absolute;
    z-index: 2;
	top: 50%;
	right: 1.5rem;
    width: 40px;
	height: 40px;
	margin-top: -20px;
	background: url('../img/btn_close1.png') no-repeat 50% 50%;
	background-size: 100% auto;
}

.modal__mentor-detail .modal-body,
.modal__video-detail .modal-body {
	padding: 2rem;
}
.modal-card__thumbnail {
	max-width: 200px;
	margin-left: auto;
	margin-right: auto;
}
.modal-card__thumbnail img {
	border-radius: 10px;
}
.modal-card__info {
	padding: 0 1rem;
	word-break: keep-all;
}
.modal__mentor-detail .modal-body .mentor-card__title {
	margin-bottom: 0.5rem;
}

.modal__mentor-detail .modal-body .mentor-card__detail,
.modal__video-detail .modal-body .mentor-card__detail {
	padding: 2rem;
}
.modal__mentor-detail .modal-body .mentor-card__detail-description {
	padding-top: 1rem;
	line-height: 1.7;
}
.modal__mentor-detail .mentor-card__sns {
	line-height: 2;
}
.modal__mentor-detail .mentor-card__sns a {
}
.modal__mentor-detail .mentor-card__sns a:hover {
	color: #054C7F;
}

.modal__mentor-detail .modal-footer {
	padding: 0 2rem 2rem;
	border-top: 0;
}

.modal__mentor-detail .mentor-books {
	margin-top: 2rem;
	padding: 2rem;
}
.modal__mentor-detail .mentor-books__title {
	position: relative;
	min-height: 32px;
	padding-right: 32px;
	line-height: 32px;
}
.modal__mentor-detail .mentor-books__title .btn-toggle {
	position: absolute;
	top: 50%;
	right: 0;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	padding: 0;
	background: url('../img/arrow_collection_black.png') no-repeat -32px 50%;
}
.modal__mentor-detail .mentor-books__title .btn-toggle.collapsed {
	background-position: -3px 50%;
}
.modal__mentor-detail .mentor-books__title .btn-toggle:focus,
.modal__mentor-detail .mentor-books__title .btn-toggle:active {
	outline: 0;
	box-shadow: none;
}
.modal__mentor-detail .mentor-book:first-of-type {
	margin-top: 1rem;
}
.modal__mentor-detail .mentor-book + .mentor-book {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px dashed #ddd;
}
.modal__mentor-detail .mentor-book  > .l-floated {
	width: 130px;
	margin-right: -130px;
}
.modal__mentor-detail .mentor-book > .l-floated__body {
	padding-left: 145px;
}

/*
 * modal__video-detail--v3
 */
.modal__video-detail--v3 .modal-header {
	height: 40px;
	border-bottom: 0;
}
.modal__video-detail--v3 .modal-header .close {
	top: 20px;
	margin-top: 0;
}
.modal__video-detail--v3 .modal-footer {
	padding: 0 2rem 2rem;
	text-align: center;
	border-top: 0;
}
.modal__video-detail--v3 .modal-footer .btn {
	padding-left: 4rem;
	padding-right: 4rem;
}
.modal__video-detail--v3 .mentor-card__detail-title {
	margin-bottom: 1.5rem;
	word-break: break-all;
}
@media (min-width: 601px) {
	.modal-card__thumbnail,
	.modal-card__info {
		float: left;
	}
	.modal-card__thumbnail {
		width: 41.6666%;
	}
	.modal-card__info {
		width: 58.3333%;
		padding: 0 0 0 2rem;
	}
	.modal__mentor-detail--right .modal-card__thumbnail {
		float: right;
	}
	.modal__mentor-detail--right .modal-card__info {
		padding-right: 2rem;
		padding-left: 0;
	}
}

@media (max-width: 600px) {
	.modal__mentor-detail .mentor-card__sns {
		padding: 0 1rem;
	}
	.modal__mentor-detail .mentor-book  > .l-floated {
		width: 65px;
		margin-right: -65px;
	}
	.modal__mentor-detail .mentor-book > .l-floated__body {
		padding-left: 80px;
	}
}


/*
 * member-card
 */

.member-card__wrapper {}
.member-link {
	display: block;
}
.member-card {
	position: relative;
}
.member-card__thumbnail {
	position: absolute;
	left: 1rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.member-card__body {
	padding: 1rem 1rem 1rem 2rem;
}
.member-card__title {
	margin-bottom: 0.25rem;
}
.member-card__list>li {
	padding-left: 12px;
}
.member-card__list>li::before {
	left: 2px;
}
.member-card__list>li+li {
	margin-top: 0.125rem;
}
.member-card__text-label {
	display: inline-block;
	width: 2rem;
}
.member-card__body-label {
	position: relative;
	padding-right: 7rem;
}
.member-card__body-label .member-card__label {
	position: absolute;
	top: 1rem;
	right: 1rem;
	bottom: 1rem;
	width: 5rem;
}
.member-card__body-label .member-card__label-text {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0.5rem;
}
.member-cards .col-custom {
	float: left;
	width: 100%;
	padding: 0 0.5rem 1rem;
}
@media (max-width: 767px) {
	.member-card__text {
		overflow: auto;
		white-space: normal;
	}
}
@media (min-width: 768px) {
	.member-cards .col-custom {
		width: 50%;
	}
}


/*
 * order
 */
.order-divider {
	margin-bottom: 1rem;
}
.order-divider--lg {
	margin-bottom: 3rem;
}
.order-actions {
	padding: 3rem;
}
.order-card__header {
	padding: 1rem 3rem;
}
.order-card__body {
	padding: 1.5rem 3rem;
}
.order-card__footer {
	padding: 1rem 3rem;
}
.order-card__header .btn-link,
.order-card__footer .btn-link {
	padding-left: 0;
	padding-right: 0;
}
.order-card__header .btn-link + .btn-link,
.order-card__footer .btn-link + .btn-link {
	margin-left: 1rem;
}
.order-card .table th,
.order-card .table td {
	padding: 0.5rem 0 !important;
	border: 0;
}
.order-card .table th {
	width: 7em;
}

.order-table {
	width: 100%;
}
.order-table .btn-link {
	padding-left: 0;
	padding-right: 0;
}
.order-table th,
.order-table td {
	padding: 0.5rem;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
}
.order-table thead th,
.order-table thead td {
	padding-bottom: 1rem;
	font-weight: 600;
	text-align: inherit;
}
.order-table tbody tr:last-child th,
.order-table tbody tr:last-child td {
	border-bottom: 0;
}

.order-brief {
	margin-bottom: 3rem;
}
.order-brief .fake-table:first-of-type .fake-table__cell {
	padding-top: 0;
}
.order-brief .fake-table:last-of-type .fake-table__cell {
	padding-bottom: 0;
}
.order-brief .fake-table__cell {
	font-weight: 600;
}
.order-detail .order-card + .order-card {
	border-top: 1px dashed #ddd;
}

.order-card .order-card__body + .order-card__body {
	border-top: 1px dashed #ddd;
}

@media (max-width: 600px) {
	.order-divider--lg {
		margin-bottom: 1.5rem;
	}
	.order-actions {
		padding: 1.5rem;
	}
	.order-card__header {
		padding: 0.75rem 1.5rem;
	}
	.order-card__body {
		padding: 1.5rem;
	}
	.order-brief {
		margin-bottom: 1.5rem;
	}
}