/* @charset "utf-8"; */

/*war*/
h5 {margin: 0 !important;}
/*ol, ul {margin-bottom: 0 !important;}*/


/** maodal **/
.secretContModal {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    
    z-index: 1072;
}
.secretContModal.show {
	background: #00000060;
}
.fade {
	transition: opacity .15s linear;
}
.secretContModal .modal-dialog {
    max-width: 500px;
    
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
    
}
.secretContModal .modal-dialog .modal-content {
    border-radius: 0.8rem;
    overflow: hidden;
    padding: 16px;
}

.secretContModal .modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

.secretContModal .modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-50px);
    transform: translate(0,-50px);
}


.secretContModal .modal-dialog-centered {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.secretContModal .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: "";
}

.secretContModal .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-open .secretContModal.modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.secretContModal .modal-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.secretContModal .modal-header .close {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	color: #fff;
	background-color: #dd5858;
}
.secretContModal .modal-body {
	text-align: center;
	margin-bottom: 20px;
}
.secretContModal .modal-body p {
	font-size: 12px;
	color: #555;
	margin-bottom: 6px;
}
.secretContModal .modal-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
    justify-content: center;
    margin-bottom: 6px;
}
.secretContModal .modal-footer button {
	padding: 6px 10px;
	border-radius: 4px;
	background-color: #cecece;
	color: #555;
}
.secretContModal .modal-footer button.check {
	background-color: #003377;
	color: #fff;
}
.secretContModal .modal-footer button:not(:last-child) {
	margin-right: 6px;
}
.secretContModal h5 {
	font-size: 1.25rem;
}
.secretContModal input {
	border: 1px solid #e5e5e5;
}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {

}
@media (min-width: 576px) {
	.secretContModal .modal-dialog-centered {
		min-height: calc(100% - 3.5rem);
	}
	
	.secretContModal .modal-dialog {
	    margin: 1.75rem auto;
	}
	
	.secretContModal .modal-dialog-centered::before {
	    height: calc(100vh - 3.5rem);
	    height: -webkit-min-content;
	    height: -moz-min-content;
	    height: min-content;
	}
}
/** maodal **/

/* 답글 */
.qna_answer {
	background-color: #ededed;
}
.qna_answer .bdlTitle .enter_icon {
	margin-left: 0 !important;
	background-repeat: no-repeat;
}
.qna_answer .bdlTitle .lock_icon {
	background-repeat: no-repeat;
}

/* board 글쓰기 버튼 */
.go_post_btn {
	border-radius: 0.25rem !important;
	padding: 6px 20px;
	color: #fff;
	font-size: 12px;
	margin-top: 10px;
	background-color: #003377;
}

/* qna 뷰 목록/수정/삭제 버튼 */
.qna_brd_btn {
	padding-top: 30px;
    padding-bottom: 60px;
    
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.qna_brd_btn .go_list {
	border: 1px solid #00294e;
	border-radius: 4px;
	padding: 4px 10px;
	font-size: 14px;
	color: #555;
}

.qna_brd_btn .edit_btn {
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	padding: 4px 10px;
	font-size: 14px;
	color: #555;
}
.qna_brd_btn .del_btn {
	border: 1px solid #ef3030;
	background: #ff5b5b;
	border-radius: 4px;
	padding: 4px 10px;
	font-size: 14px;
	color: #fff;
}

.qna_origin_txt {
	background-color: #e8e8e8;
	border: 1px solid #e1e1e1;
	border-radius: 0.25rem;
	padding: 20px;
	margin: 20px -15px 0;
}
.qna_origin_txt .tit {
	font-size: 12pt;
	font-weight: bold;
	color: #666;
	margin-bottom: 3px;
}
.qna_origin_txt .txt {
	font-size: 11pt;
	color: #888;
}


@media (max-width:1420px) {	
	.container {padding-left: 15px !important; padding-right: 15px !important;}
}

@media (min-width: 1200px) { 
	.container {
		width: 100% !important;
		max-width: 1400px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		position: relative !important;
	}
	

}

@media (max-width: 1200px) { 
	.container {
		width: 100% !important;
		max-width: 1400px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		position: relative !important;
	}
	
	#a_gnbAll {
		display: none !important;
	}
	#b_gnbAll {
		display: none !important;
	}
	#c_gnbAll {
		display: none !important;
	}

}

@media (min-width: 992px) { 
	.container {
		width: 100%;
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}

}

@media (min-width: 768px) { 
	.container {
		width: 100%;
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}

}

.notContainer {
		width: 100%;
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
}





:focus {
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(147, 153, 210) !important;
    border-radius: 5px;
    box-sizing: border-box;
}
:focus:not(:focus-visible) {
    box-shadow: none !important;
}




/* 메인배너 dots 23.01.06 */
#mban {position: relative;}
#mban_ {position: relative;}
.mbn-dot-group{display:flex; flex-direction: row; position:absolute; bottom:15px; right:50%; transform: translateX(50%); background: #00000060; padding: 6px 8px; border-radius: 20px;}
.mbn-dot-group .mbn-dot-box{}
.mbn-dot-group .mbn-dot-box .mbn-dot{display:flex; flex-direction: row;}
.mbn-dot-group .mbn-dot-box .mbn-dot li{margin-right: 10px; display: flex;}
.mbn-dot-group .mbn-dot-box .mbn-dot li button{border:2px solid #fff; border-radius:50%;text-indent:-9999px; background:transparent;width:22px; height:22px;cursor: pointer;}
.mbn-dot-group .mbn-dot-box .mbn-dot li button:before{}
.mbn-dot-group .mbn-dot-box .mbn-dot li.slick-active button{border-radius: 20px;background:transparent;transition-duration: 0.3s;position: relative;}
.mbn-dot-group .mbn-dot-box .mbn-dot li.slick-active button:before{content:'';display:block; width:8px;height:8px; background:#fff; border-radius: 50%; position: absolute; top:50%; left:50%; transform:translate(-50% , -50%);}

.mbn-dot-group .mbn-play{text-indent:-9999px; background-image:url('/images/front/main/play-fill.svg'); border:0; width:22px; height:22px; border-radius: 50%; background-repeat: no-repeat; background-size:16px; background-position:4px; /* transition-duration: 0.5s; */ cursor: pointer; background-color: #fff;}
.mbn-dot-group .mbn-play.paused{background-image:url('/images/front/main/pause-fill.svg'); background-position:center center;}

@media (max-width: 768px) {
	.mbn-dot-group .mbn-dot-box .mbn-dot li button {width: 16px; height: 16px;}
	.mbn-dot-group .mbn-play {width: 16px; height: 16px; background-size:12px; background-position: 2px;}
	.mbn-dot-group {bottom:10px;}
	.mbn-dot-group .mbn-dot-box .mbn-dot li.slick-active button:before {width: 6px; height: 6px;}
}
/* 일반배너 */
.mbn-dot-group .mbn-dot-box2{}
.mbn-dot-group .mbn-dot-box2 .mbn-dot{display:flex; flex-direction: row;}
.mbn-dot-group .mbn-dot-box2 .mbn-dot li{margin-right: 10px; display: flex;}
.mbn-dot-group .mbn-dot-box2 .mbn-dot li button{border:2px solid #fff; border-radius:50%;text-indent:-9999px; background:transparent;width:22px; height:22px;cursor: pointer;}
.mbn-dot-group .mbn-dot-box2 .mbn-dot li button:before{}
.mbn-dot-group .mbn-dot-box2 .mbn-dot li.slick-active button{border-radius: 20px;background:transparent;transition-duration: 0.3s;position: relative;}
.mbn-dot-group .mbn-dot-box2 .mbn-dot li.slick-active button:before{content:'';display:block; width:8px;height:8px; background:#fff; border-radius: 50%; position: absolute; top:50%; left:50%; transform:translate(-50% , -50%);}

.mbn-dot-group .mbn-play2{text-indent:-9999px; background-image:url('/images/front/main/play-fill.svg'); border:0; width:22px; height:22px; border-radius: 50%; background-repeat: no-repeat; background-size:16px; background-position:4px; /* transition-duration: 0.5s; */ cursor: pointer; background-color: #fff;}
.mbn-dot-group .mbn-play2.paused{background-image:url('/images/front/main/pause-fill.svg'); background-position:center center;}

@media (max-width: 768px) {
	.mbn-dot-group .mbn-dot-box2 .mbn-dot li button {width: 16px; height: 16px;}
	.mbn-dot-group .mbn-play2 {width: 16px; height: 16px; background-size:12px; background-position: 2px;}
	.mbn-dot-group {bottom:10px;}
	.mbn-dot-group .mbn-dot-box2 .mbn-dot li.slick-active button:before {width: 6px; height: 6px;}
}





/* a_main */
#mban {/* height: 600px; */ position: relative;}
.mbnSldr {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.mbnBg {height: 600px; background-size: cover !important;}
.a_mbnTxt {display: table; width: 100%; height: 100%; position: relative;}
.a_mbnTxt > div {display: table-cell; width: 100%; vertical-align: middle; text-align: center; color: #fff;}
.a_mbnTxt h5 {font-size: 40pt; font-weight: 300; line-height: 1.3em; text-shadow: 5px 5px 16px rgba(0,0,0,0.4);}
.a_mbnTxt h5 span {font-weight: 700;}
.a_mbnTxt p {font-size: 16pt; font-weight: 300; margin-top: 60px;}


#mCmt {padding: 50px 0;}
.a_mcWrap {margin: -20px;}
.a_mcBox {float: left; width: 50%; padding: 20px;}
/* .a_mcBox_ {padding-right: 20px;} */
.a_mcBox_ {padding: 20px 0 30px;}
.a_mcTop {border: solid 1px #eaeaea;}
.a_mcTop:after {content: ''; display: table; clear: both;}
/* .a_mcTab {float: left; width: max-content;} */
.a_mcTab {
    float: left;
    width: calc(100% - 58px);
    display: flex;
}
.a_mcTab:after {content: ''; display: table; clear: both;}
.a_mcTab li {float: left; position: relative; border-right: solid 1px #eaeaea; width: max-content;}
/* .a_mcTab li {
    position: relative;
    border-right: solid 1px #eaeaea;
} */
/* 21.07.26 게시판 탭 영역 사이즈 조절 .a_mcTab li a {display: block; width: 100%; height: 58px; line-height: 58px; text-align: center; font-size: 14pt; font-weight: 500; padding: 0 20px;} */
/* .a_mcTab li a {display: block; width: 247px; height: 58px; line-height: 58px; text-align: center; font-size: 14pt; font-weight: 500; padding: 0 20px;} */
.a_mcTab li a {
	display: -webkit-box;
    min-width: 167px;
    max-width: 247px;
    width: 100%;
    height: 58px;
    line-height: 58px;
    text-align: center;
    font-size: 12.7pt;
    font-weight: 500;
    padding: 0 20px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    overflow: hidden;
}
.a_mcTab li a.a_on {background: #25348b; color: #fff !important; font-weight: 700;}
.a_mcMore {display: block; float: right; width: 58px; height: 58px; position: relative; text-indent: -9999px; border-left: solid 1px #eaeaea;}
.a_mcMore:before,
.a_mcMore:after {content: ''; display: block; background: #555; position: absolute; left: 50%; top: 50%;}
.a_mcMore:before {width: 21px; height: 3px; margin-left: -11px; margin-top: -2px;}
.a_mcMore:after {width: 3px; height: 21px; margin-left: -2px; margin-top: -11px;}
.a_mcList {height: 250px; padding: 0 15px;}
.a_mcList li {border-bottom: dashed 1px #ccc;}
/* .a_mcList li a {display: block; padding: 15px 100px 14px 20px; position: relative;} */
.a_mcList li a {display: block; padding: 11px 100px 11px 20px; position: relative;}
.a_mcList li a:before {content: ''; display: block; width: 4px; height: 4px; background: #4a4a4a; position: absolute; left: 0; top: 50%; margin-top: -2px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
/* .a_mcList li a h5 {font-size: 12pt; font-weight: 500; height: 20px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} */
.a_mcList li a h5 {font-size: 12pt; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.a_mcList li a p {height: 20px; line-height: 20px; position: absolute; right: 0; top: 50%; margin-top: -10px; color: #888;}
.a_mcVsn {display: block; height: 310px;}
.a_mcVsn img {display: block; width: 100%;}
.a_mcEvt {position: relative; height: 290px;}
.mceSldr a {display: block;}
.mceSldr a img {display: block; width: 100%;}
/* .a_mceNav {position: absolute; right: 10px; top: 10px;}
.a_mceNav:after {content: ''; display: table; clear: both;} */
.a_mceDot {float: left; margin-right: 5px;}
.a_mceDot:after {content: ''; display: table; clear: both;}
.a_mceDot li {float: left; padding: 5px 2px;}
.a_mceDot li button {display: block; width: 10px; height: 10px; text-indent: -9999px; background: none; border: solid 1px #a6a6a6; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.a_mceDot li.slick-active button {background: #00429c; border-color: #00429c;}
.a_mceArw {float: left;}
.a_mceArw:after {content: ''; display: table; clear: both;}
.a_mceArw .slick-arrow {display: block; float: left; width: 20px; height: 20px; text-indent: -9999px; background-size: 8px auto !important;}
.a_mceArw .slick-prev {background: url('/images/front/main/a_main_event_arrow_prev.png')no-repeat center center;}
.a_mceArw .slick-next {background: url('/images/front/main/a_main_event_arrow_next.png')no-repeat center center; margin-left: 20px;}
.a_mcePlay {display: block; float: left; width: 20px; height: 20px; margin-left: -40px; text-indent: -9999px; cursor: pointer; background: url('/images/front/main/a_main_event_arrow_paused.png')no-repeat center center; background-size: 8px auto !important;}
.a_mcePlay.paused {background: url('/images/front/main/a_main_event_arrow_play.png')no-repeat center center;}
/* .a_mcQck {margin: 0 -5px;} */
/* .a_mcQck li {float: left; width: 25%; padding: 0 5px;} */
/* .a_mcQck li a {display: block; height: 290px; border: solid 1px #d8d8d8;} */
/* .a_mcQck li a em {display: block; width: 87px; height: 80px; background-size: cover !important; margin: 0 auto;} */
/* .a_mcQck li a span {display: block; color: #009fda; font-size: 14pt; font-weight: 700; margin-top: 80px;} */
.a_mcQck {margin: 0 -5px; text-align: center;}
.a_mcQck:after {content: ''; display: table; clear: both;}
.a_mcQck li {display: inline-block; width: 24.5%; padding: 0 8px; min-width:108px;}
.a_mcQck li a {display: block; border: solid 1px #d8d8d8; padding-top: 20px; height: 140px}
.a_mcQck li a > div {display: table; width: 100%; height: 100%;}
.a_mcQck li a > div > div {display: table-cell; width: 100%; vertical-align: middle; text-align: center;}
.a_mcQck li a em {display: block; width: 65px; height: 60px; background-size: cover !important; margin: 0 auto;}
/* 21.08.04 아이콘 폰트 크기 수정 .a_mcQck li a span {display: block; color: #009fda; font-size: 13pt; font-weight: 500; margin-top: 10px; line-height: 30px;} */
.a_mcQck li a span {display: block; color: #009fda; font-size: 11pt; font-weight: 500; margin-top: 10px; line-height: 30px;}
#mPto {padding-top: 30px; padding-bottom: 60px;}
.a_mpTop {position: relative; text-align: center; margin-bottom: 30px;}
.a_mpTop h5 {font-size: 18pt; line-height: 1.2em;}
.a_mpTop a {display: block; width: 21px; height: 21px; text-indent: -9999px; margin-top: -11px; position: absolute; right: 0; top: 50%;}
.a_mpTop a:before,
.a_mpTop a:after {content: ''; display: block; background: #333; position: absolute; left: 50%; top: 50%;}
.a_mpTop a:before {width: 21px; height: 3px; margin-left: -11px; margin-top: -2px;}
.a_mpTop a:after {width: 3px; height: 21px; margin-left: -2px; margin-top: -11px;}
.mpList {margin: 0 -20px;}
.a_mpCont {padding: 0 20px; width: 280px; display: inline-block;}
.a_mpCont a {display: block; background: #fff;}
.a_mpCont a em {display: block; padding-bottom: 68%; background-size: cover !important;}
.a_mpCont a h5 {padding: 30px 20px 0; font-size: 12pt; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.a_mpCont a p {color: #a7a7a7; padding: 10px 20px 30px; font-size: 12pt;}

@media (max-width:991px){
	#mCmt {padding: 30px 0;}
	.a_mcWrap {margin: 0;}
	.a_mcBox {float: none; width: 100%; padding: 0; margin-bottom: 30px;}
	/* .a_mcBox_ {margin-bottom: 30px;} */
	.a_mcBox_ {padding: 0;}
	.a_mcWrap .a_mcBox:last-child {margin-bottom: 0;}
	.a_mcTab li a {width: auto; height: 38px; line-height: 38px; font-size: 11pt; padding: 0 20px;}
	/* 21.08.04 수정 .a_mcTab li a.a_on {font-weight: 500;} */
	.a_mcMore {width: 38px; height: 38px;}
	.a_mcMore:before {width: 14px; height: 2px; margin-left: -7px; margin-top: -1px;}
	.a_mcMore:after {width: 2px; height: 14px; margin-left: -1px; margin-top: -7px;}
	.a_mcList {height: auto;}
	.a_mcList li a {padding: 11px 80px 11px 10px;}
	.a_mcList li a:before {width: 3px; height: 3px; margin-top: -1px;}
	/* 21.08.04 수정 .a_mcList li a h5 {font-size: 13pt;} */
	.a_mcList li a h5 {font-size: 11pt;}
	.a_mcList li a p {font-size: 9pt;}
	.a_mcVsn {height: auto;}
	.a_mcEvt {height: auto;}
	/* .a_mcQck {margin: -5px;} */
	/* .a_mcQck li {width: 12.5%; padding: 5px;} */
	/* .a_mcQck li a {height: auto; padding: 8px 0;} */
	/* .a_mcQck li a em {width: 61px; height: 56px;} */
	/* .a_mcQck li a span {font-size: 11pt; font-weight: 500; margin-top: 10px;} */
	
	/* 8개기준
	.a_mcQck li {width: 25%; padding: 0px; border: solid 1px #ddd;}
	.a_mcQck li a {height: auto; padding: 3px 0;}
	.a_mcQck li a > div {display: block;}
	.a_mcQck li a > div > div {display: block; padding: 30px 0;}
	.a_mcQck li a em {width: 40px; height: 40px;}
	.a_mcQck li a span {font-size: 9pt; margin-top: 5px;} */
	
	.a_mcQck li {width: 49%; padding: 0px; /* border: solid 1px #ddd; */}
	.a_mcQck li a {height: auto; padding: 3px 0;}
	.a_mcQck li a > div {display: block;}
	.a_mcQck li a > div > div {display: block; padding: 30px 0;}
	.a_mcQck li a em {width: 40px; height: 40px;}
	/* .a_mcQck li a span {font-size: 9pt; margin-top: 5px;} */
	.a_mcQck li a span {font-size: 9pt; margin-top: 1px;}
	
	#mPto {padding-top: 0; padding-bottom: 30px;}
	.a_mpTop {margin-bottom: 30px;}
	.a_mpTop h5 {font-size: 16pt; height: 30px; line-height: 30px;}
	.a_mpTop a {width: 30px; height: 30px; border: solid 1px #666; margin-top: 0; top: 0;}
	.a_mpTop a:before {width: 14px; height: 2px; margin-left: -7px; margin-top: -1px;}
	.a_mpTop a:after {width: 2px; height: 14px; margin-left: -1px; margin-top: -7px;}
	.mpList {margin: 0 -5px;}
	.a_mpCont {padding: 0 5px;}
	.a_mpCont a h5 {padding: 10px 10px 0; font-size: 11pt;}
	.a_mpCont a p {padding: 3px 10px 15px; font-size: 9pt;}
}



/* @media (max-width:894px) {
	.a_mcQck li {width: 12.5%; padding: 0px;}
	.a_mcQck li a em {width: 51px; height: 46px;}
	.a_mcQck li a {padding: 0px 0 9px; }
} */

@media (max-width:451px){
	/* .a_mcQck li a em {width: 31px; }*/
	.a_mcQck li {min-width: 82px;}
}






/* sub */
#sub {}
#a_subTop {height: 200px; text-align: center; color: #fff; background-size: cover !important;}
#a_subTop.bg01 {background: url('/images/front/common/subTop_bg01.jpg')no-repeat center center;}
#a_subTop.bg02 {background: url('/images/front/common/subTop_bg02.jpg')no-repeat center center;}
#a_subTop.bg03 {background: url('/images/front/common/subTop_bg03.jpg')no-repeat center center;}
#a_subTop.bg04 {background: url('/images/front/common/subTop_bg04.jpg')no-repeat center center;}
#a_subTop.bg05 {background: url('/images/front/common/subTop_bg05.jpg')no-repeat center center;}
#a_subTop.bg06 {background: url('/images/front/common/subTop_bg06.jpg')no-repeat center center;}
#a_subTop.bg07 {background: url('/images/front/common/subTop_bg07.jpg')no-repeat center center;}
#a_subTop.bg9999 {background: url('/images/front/common/siteMap.jpg')no-repeat center center;}
#a_subTop > div {display: table; width: 100%; height: 100%;}
#a_subTop > div > div {display: table-cell; width: 100%; vertical-align: middle;}
#a_subTop h2 {font-size: 26pt; color: #0ba3dc;}
.a_sbtNav {text-align: center; color: #333; margin-top: 10px; position: absolute; left: 25%;}
.a_sbtNav dt {display: inline-block; vertical-align: middle; width: 17px; height: 17px; text-indent: -9999px; background: url('/images/front/common/sub_nav_home.png')no-repeat center center;}
.a_sbtNav dd {display: inline-block; vertical-align: middle; padding-left: 17px; margin-left: 10px; background: url('/images/front/common/sub_nav_arrow_a.png')no-repeat left center;}
/* 21/07/26 버튼 위치 수정 .a_sbtSet {position: absolute; right: 0; top: 100%;} */
.a_sbtSet {position: absolute; right: 0; top: 30px;}
.a_sbtSet:after {content: ''; display: table; clear: both;}
.a_sbtSet li {float: left; position: relative; margin-right: 10px;}
.a_sbtSet li:last-child {margin-right: 0;}
.a_sbtSet li a {display: block; width: 40px; height: 40px; text-indent: -9999px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.a_sbtSet li a.sbtZom {background: #fff url('/images/front/common/sub_setting_zoom_bk.png')no-repeat center center;}
.a_sbtSet li a.sbtOut {background: #fff url('/images/front/common/sub_setting_out_bk.png')no-repeat center center;}
.a_sbtSet li a.eng_sbtZom {background: #fff url('/images/front/common/en_sub_setting_zoo_bl.png')no-repeat center center; background-size: 68%;}
.a_sbtSet li a.eng_sbtOut {background: #fff url('/images/front/common/en_sub_setting_out_bl.png')no-repeat center center; background-size: 68%;}
.a_sbtSet li a.sbtPrt {background: #fff url('/images/front/common/sub_setting_print_bk.png')no-repeat center center;}
#sub {padding-bottom: 120px;}
#subTitle {padding: 50px 0; font-size: 30pt; font-weight: 600; margin-top: 65px;}
.subTxt {font-size: 12pt; line-height: 1.8em;}
#sbWrap {display: table; width: 100%;}
#a_sbLft {display: table-cell; vertical-align: top; width: 300px;}
#a_sbLft h3 {height: 210px; line-height: 210px; text-align: center; color: #fff; background: #27348a; font-size: 22pt; margin-top: -180px;}
/* 21.07.26 서브페이지 a메뉴 간격수정  #a_sbLft ul {margin-top: 20px;} */
#a_sbLft ul {margin-top: 15px;}
.gnbDpt2_ul {margin-top: 0 !important; /* display: none; */}
.gnbDpt2_ul_m {margin-top: 0 !important; /* display: none; */}
/* .gnbDpt2_ul li a {padding: 0 20px 0 30px !important;} */
#a_sbLft ul li {/* margin-bottom: 10px; */}
#a_sbLft ul li:last-child {/* margin-bottom: 0; */}
/* #a_sbLft ul li a {display: block; height: 60px; line-height: 58px; border: solid 1px #afb0b6; padding: 0 20px; position: relative; font-size: 13pt; font-weight: 500;} */
/* #a_sbLft ul li a:after {content: ''; display: block; width: 8px; height: 12px; position: absolute; right: 20px; top: 50%; margin-top: -6px; background: url('/images/front/common/aside_arrow.png')no-repeat center center;} */
/* #a_sbLft ul li ul a {display: block; height: 60px; line-height: 58px; border: solid 1px #afb0b6; padding: 0 20px; position: relative; font-size: 13pt; font-weight: 500;} */
#a_sbLft ul li ul a:after {content: ''; display: block; width: 8px; height: 12px; position: absolute; right: 20px; top: 50%; margin-top: -6px; /* background: url('/images/front/common/aside_arrow.png')no-repeat center center; */}
#a_sbLft ul li a.on {background: #009fda; border-color: #009fda; color: #fff;}
#a_sbLft ul li a.on:after {background: url('/images/front/common/aside_arrow_wh.png')no-repeat center center;}
/* 콘텐츠 부분 width 100% 위해서 수정 #sbCont {display: table-cell; vertical-align: top; padding-left: 50px;} */
#sbCont {display: block; vertical-align: top; padding-left: 50px;}


@media (max-width:1420px) {
	#sbWrap {display: block;}
	#a_sbLft {display: none;}
	#sbCont {display: block; padding-left: 0;}
	#subTitle {text-align: center; font-weight: 600;}
}


@media (max-width:991px){
	#a_subTop {height: 140px;}
	#a_subTop h2 {font-size: 12pt;}
	.a_sbtNav {margin-top: 5px;}
	.a_sbtNav dt {width: 13px; height: 12px; background-size: cover;}
	.a_sbtNav dd {padding-left: 12px; margin-left: 5px; font-size: 10pt; line-height: 1.0em; background-size: 5px auto !important;}
	.a_sbtSet {right: 10px; margin-top: 10px;}
	.a_sbtSet li {margin-right: 5px;}
	.a_sbtSet li a {width: 26px; height: 26px; background-size: 16px auto !important;}
	#sub {padding-bottom: 60px;}
	#subTitle {padding: 30px 0; font-size: 16pt; font-weight: 600;}
	.subTxt {font-size: 11pt; line-height: 1.6em;}
}







/* 공지사항 */
.a_bdCont {}
.a_brdTop {padding-top: 50px; padding-bottom: 10px;}
.a_brdTop:after {content: ''; display: table; clear: both;}
.a_brdTop p {float: left; font-size: 15px; color: #555; position: relative;}
.a_brdTop p span {font-weight: 700;}
.a_brdTop p b {color: #3e82e7; font-weight: 500; display: inline-block; position: relative; padding-left: 10px; margin-left: 10px;}
.a_brdTop p b:before {content: ''; display: block; width: 1px; height: 12px; background: #333; position: absolute; left: 0; top: 50%; margin-top: -6px;}
.a_brdSch {background: #f6f7f9; text-align: center; padding: 20px;}
.a_brdSch dt {display: inline-block; vertical-align: middle; margin-right: 10px;}
.a_brdSch dt select {display: block; width: 130px; height: 40px;}
.a_brdSch dd {display: inline-block; vertical-align: middle; position: relative; padding-right: 60px;}
.a_brdSch dd input[type="text"] {display: block; width: 230px; height: 40px; border: solid 1px #ccc; padding-left: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.a_brdSch dd a,
.a_brdSch dd button {display: block; width: 50px; height: 40px; line-height: 40px; position: absolute; right: 0; top: 0; background: #454545; color: #fff; text-align: center;}
.a_brdList {}
.a_brdList th,
.a_brdList td {text-align: center; padding: 15px; font-size: 11pt;}
.a_brdList .bdvEdit {text-align: left;}
.a_brdList th {/* border-top: solid 2px #454545; */ border-bottom: solid 1px #ccc; background: #fafafa; font-weight: 600;}
.a_brdList td {border-bottom: solid 1px #ccc;}
.a_brdList td.bdlNum {color: #666;}
.a_brdList td.bdlTitle {text-align: left;}
.a_brdList td.bdlTitle a {display: inline-block; max-width: 85%; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.a_brdList td.bdlTitle a .bdlNew {display: inline-block; vertical-align: middle; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-top: -2px; background: #009fda; color: #fff; margin-left: 5px; font-size: 8pt;}
.a_brdList td.bdlTitle img {display: inline-block; vertical-align: middle; margin-left: 5px;}
.a_brdList td.bdlFile img {width: 18px;}
.a_brdList td.bdlUser {}
.a_brdList td.bdlDate {}
.a_brdList td.bdlCount {}
.a_brdList tr.noti td.bdlNum span {color: #ff7800;}
.a_brdList tr.noti td.bdlTitle a {color: #222;}
.a_paging {text-align:center; margin-top: 50px;}
.a_paging a {display:inline-block; vertical-align:middle; width:38px; height:38px; line-height:38px; position: relative; font-family: 'Roboto', sans-serif; color: #999; font-size: 11pt;}
.a_paging > a {width:40px; height:40px; line-height:40px; text-indent:-9999px; background-size: 10px auto !important; border: solid 1px #ddd;}
.a_paging a.first {background:url('/images/front/sub/paging_first.png')no-repeat center center; border-right: none; margin-right: -2px;}
.a_paging a.prev {background:url('/images/front/sub/paging_prev.png')no-repeat center center; border-right: none; margin-right: -3px;}
.a_paging a.next {background:url('/images/front/sub/paging_next.png')no-repeat center center; border-left: none; margin-left: -3px;}
.a_paging a.last {background:url('/images/front/sub/paging_last.png')no-repeat center center; border-left: none; margin-left: -2px;}
.a_paging ul {display:inline-block; vertical-align:middle; border: solid 1px #ddd;}
.a_paging ul li {display:inline-block; vertical-align:middle; position: relative; border-right: solid 1px #ddd;}
.a_paging ul li:last-child {border-right: none;}
.a_paging ul li.a_on a {font-weight: 700; color: #009fda;}
.brdBtn {margin-top: 20px; text-align: right;}
.brdBtn a {display: inline-block; width: 100px; height: 50px; line-height: 48px; text-align: center; border: solid 1px #003276; color: #003276; font-size: 16px; font-weight: 500; margin-left: 5px;}
.brdView {border-top: solid 2px #454545; border-left: solid 2px #fff; border-right: solid 2px #fff;}
.brdView th,
.brdView td {padding: 15px; font-size: 11pt; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
.brdView th {text-align: center; font-weight: 500; background: #fafafa;}
.brdView td {}
.brdView td.bdvTitle {text-align: center; font-size: 14pt; font-weight: 700;}
.brdView td.bdvEdit {padding: 30px;}
.brdView td.bdvEdit img {max-width: 100%;}
.bdvFile {display: inline-block; padding-left: 30px; background: url('/images/front/sub/board_file.png')no-repeat left center; background-size: 18px auto;}
.bdvBtn {padding-top: 30px; padding-bottom: 60px; text-align: center;}
.bdvBtn a {display: inline-block; width: 140px; height: 60px; line-height: 56px; border: solid 2px #00294e; color: #00294e; font-size: 12pt; font-weight: 500;}
.bdvNav {}
.bdvNav th,
.bdvNav td {border-top: solid 1px #dddee0; border-bottom: solid 1px #dddee0; padding: 13px 20px;}
.bdvNav th {background: #fafafa; text-align: center; width: 150px;}
.bdvNav th span {display: inline-block; padding-left: 20px; position: relative; color: #000; font-weight: 500;}
.bdvNav th span:before {content: ''; display: block; width: 9px; height: 5px; position: absolute; left: 0; top: 50%; margin-top: -3px; background: url('/images/front/sub/board_nav_arrow.png')no-repeat; background-size: 100% auto;}
.bdvNav th span.bdvnPrv:before {background-position: center bottom;}
.bdvNav th span.bdvnNxt:before {background-position: center top;}
.bdvNav td a {color: #555;}
.glyList {margin: 0 -50px;}
.glyList:after {content: ''; display: table; clear: both;}
.glyList li {float: left; width: 33.3333%; padding: 0 50px; margin-bottom: 30px;}
.glyList li a {display: block;}
.glyList li a em {display: block; padding-bottom: 72.5%; background-size: cover !important;}
.glyList li a p {text-align: center; margin-top: 20px; font-size: 12pt; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


.a_brdList .bdvTitle {text-align: center; font-size: 14pt; font-weight: 700; border-top: solid 2px #000;}


@media (max-width:991px){
	.a_bdCont {}
	.a_brdTop {padding-top: 30px;}
	.a_brdTop.all {position: relative; padding-top: 40px;}
	.a_brdTop p {float: none; font-size: 10pt;}
	.a_brdTop p span {}
	.a_brdTop p b {}
	.a_brdSch {padding: 10px; position: relative; padding-left: 110px;}
	.a_brdSch:after {content: ''; display: table; clear: both;}
	.a_brdSch dt {display: block; position: absolute; left: 10px; top: 50%; margin-top: -20px;}
	.a_brdSch dt select {display: block; width: 100px; height: 40px; font-size: 10pt;}
	.a_brdSch dd {display: block; padding-left: 5px; padding-right: 55px;}
	.a_brdSch dd input[type="text"] {width: 100%; font-size: 10pt;}
	.a_brdSch dd a,
	.a_brdSch dd button {font-size: 10pt;}
	.a_brdList thead,
	.a_brdList colgroup {display: none;}
	
	/*.a_brdList,
	.a_brdList tbody,
	.a_brdList tr,
	.a_brdList td {display: block; width: 100%;} */
	.a_brdList,
	.a_brdList tbody,
	.a_brdList tr,
	/* .a_brdList td {width: 100%;} */
	
	.a_brdList {border-top: solid 1px #ccc;}
	/* .a_brdList tr {border-bottom: dotted 1px #aaa; padding: 15px 40px 15px 0; position: relative;} */
	.a_brdList tr {border-bottom: solid 1px #ccc; padding: 10px 5px; position: relative;}
	/* 21.08.04 수정사항요청 .a_brdList tr:after {content: ''; display: table; clear: both;} */
	.a_brdList tr:after {display: table; clear: both;}
	/* .a_brdList td {text-align: left; padding: 0; font-size: 11pt; border-bottom: none;} */
	/* .a_brdList td.bdlNum {width: auto; font-size: 9pt; position: absolute; right: 0; top: 17px;} */
	.a_brdList td.bdlNum {width: auto; font-size: 9pt; position: absolute; right: 0; top: 4px;}
	.a_brdList td.bdlNum:before {content: 'No. ';}
	.a_brdList td.bdlTitle {width: 100%; float: left; padding-bottom: 0;}
	.a_brdList td.bdlTitle a {font-size: 12pt; font-weight: 500;}	
	.a_brdList .bdvTitle {text-align: center; font-size: 14pt; font-weight: 700; border-top: solid 0px #000; padding: 20px 0 20px;}
	
	
	.a_brdList td.bdlFile,
	.a_brdList td.bdlUser,
	.a_brdList td.bdlDate,
	.a_brdList td.bdlCount {float: left; width: auto; position: relative; font-size: 9pt; letter-spacing: 0.025em; padding-top: 0;}
	.a_brdList td.bdlFile {margin-right: 5px; padding-top: 2px; display: none;}
	.a_brdList td.bdlFile img {display: block; width: 16px;}
	.a_brdList td.bdlUser,
	.a_brdList td.bdlDate {/* padding-right: 8px; margin-right: 7px; */ padding-top: 0;}
	.a_brdList td.bdlUser:after,
	.a_brdList td.bdlDate:after {content: ''; display: block; width: 1px; height: 10px; background: #aaa; position: absolute; right: 0; /* top: 50%; */top: 29%; margin-top: -5px;}
	.a_brdList tr.noti {background: none;}
	.a_brdList tr.noti td.bdlNum:before {display: none;}
	.a_paging a {width:28px; height:28px; line-height:28px; font-size: 10pt;}
	.a_paging > a {background-size:auto 7px !important; width: 30px; height: 30px; line-height: 30px;}
	.a_paging ul {margin:0;}
	.a_paging ul li.a_on a:after {width: 12px; height: 2px; margin-left: -6px;}
	.brdBtn a {height: 38px; line-height: 36px; font-size: 10pt; width: 80px;}
	.brdView th,
	.brdView td {padding: 10px 5px; font-size: 10pt;}
	.brdView td.bdvTitle {font-size: 12pt;}
	.brdView td.bdvEdit {padding: 20px 5px;}
	.bdvBtn {padding-top: 15px; padding-bottom: 30px;}
	.bdvBtn a {width: 100px; height: 42px; line-height: 38px; font-size: 11pt;}
	.bdvNav th,
	.bdvNav td {padding: 10px; font-size: 10pt;}
	.bdvNav th {width: 80px;}
	.bdvNav th span {padding-left: 15px;}
	.glyList {margin: 0 -5px; margin-bottom: -20px;}
	.glyList li {width: 50%; padding: 0 5px; margin-bottom: 15px;}
	.glyList li a p {margin-top: 10px; font-size: 10pt;}
	
	/* a서브 테이블 줄생김 제거 */
	.a_brdList .bdlUser {border-bottom: none;}
	.a_brdList .bdlDate {border-bottom: none;}
	.a_brdList .bdlCount {border-bottom: none;}
	.a_brdList .bdlNum {border-bottom: none;}
	
	/* 21.08.03 게시판통일 (수정요청) */
	.a_brdList td {
    border-bottom: none;
	}

}
	
/* 혹시모를 미디어값
@media (max-width:413px) {
	
} */





/* 가이드 */
.a_pgTab {}
.a_pgTab:after {content: ''; display: table; clear: both;}
.a_pgTab li {float: left; border: solid 1px #eaeaea; border-right: none;}
.a_pgTab li:last-child {border-right: solid 1px #eaeaea;}
.a_pgTab.col2 li {width: 50%;}
.a_pgTab.col3 li {width: 33.3333%;}
.a_pgTab.col4 li {width: 25%;}
.a_pgTab.col5 li {width: 20%;}
.a_pgTab li a {display: block; height: 58px; line-height: 58px; text-align: center; font-size: 14pt;}
.a_pgTab li.a_on {background: #0092d9; border-color: #0092d9 !important;}
.a_pgTab li.a_on a {color: #fff;}
.a_pgName {margin-top: 60px; font-size: 30pt; font-weight: 500;}
.a_pgCont {margin-top: 60px;}
.a_pgCont dt {font-size: 20pt; font-weight: 500; height: 25px; line-height: 25px; padding-left: 25px; background: url('/images/front/common/pg_dots.png')no-repeat left center; background-size: 17px auto;}
.a_pgCont dd {margin-top: 20px;}
.a_pgcTitle {color: #3e81e7; font-size: 16pt;}
.a_pgTxt {font-size: 12pt; line-height: 1.8em;}
.a_pgDot {}
.a_pgDot > li {font-size: 12pt; margin-bottom: 8px; position: relative; padding-left: 12px;}
.a_pgDot > li:last-child {margin-bottom: 0;}
.a_pgDot > li:before,
.a_pgDot > li:after {content: ''; display: block; background: #858585; position: absolute; left: 0; top: 13px;}
.a_pgDot > li:before {width: 6px; height: 2px; margin-top: -1px;}
.a_pgDot > li:after {width: 2px; height: 6px; margin-top: -3px; margin-left: 2px;}
.a_pgDot > li > ul {margin-top: 5px; margin-bottom: 15px;}
.a_pgDot > li b {font-weight: 500;}
.a_pgDbl {}
.a_pgDbl > li {font-size: 12pt; margin-bottom: 8px; position: relative; color: #6d6d6d;}
.a_pgDbl > li:last-child {margin-bottom: 0;}
.a_pgDbl > li b {font-weight: 500;}
.a_pgLin {}
.a_pgLin > li {font-size: 12pt; margin-bottom: 8px; position: relative; padding-left: 10px;}
.a_pgLin > li:last-child {margin-bottom: 0;}
.a_pgLin > li:before {content: ''; display: block; width: 5px; height: 2px; background: #333; position: absolute; left: 0; top: 12px;}
.a_pgLin > li b {font-weight: 500;}
.a_pgTb {border-left: solid 2px #fff; border-right: solid 2px #fff; border-top: solid 2px #21539a;}
.a_pgTb th,
.a_pgTb td {border: solid 1px #eaeaea; text-align: center; padding: 15px; font-size: 12pt;}
.a_pgTb th {background: #fafafa; font-weight: 500;}
.a_pgTb td {}



@media (max-width:991px){
	.a_pgTab li a {height: 38px; line-height: 38px; font-size: 10pt;}
	.a_pgName {margin-top: 30px; font-size: 20pt;}
	.a_pgCont {margin-top: 30px;}
	/* 21.08.04 수정요청사항 .a_pgCont dt {font-size: 14pt; height: 15px; line-height: 15px; padding-left: 15px; background-size: auto 15px;} */
	.a_pgCont dt {font-size: 14pt; height: 18px; line-height: 21px; padding-left: 15px; background-size: auto 15px;}
	.a_pgCont dd {margin-top: 15px;}
	.a_pgcTitle {font-size: 12pt;}
	.a_pgTxt {font-size: 11pt;}
	.a_pgDot > li {font-size: 11pt; margin-bottom: 5px;}
	.a_pgDot > li:before,
	.a_pgDot > li:after {top: 10px;}
	.a_pgDbl {}
	.a_pgDbl > li {font-size: 11pt; margin-bottom: 5px;}
	.a_pgLin > li {font-size: 11pt; margin-bottom: 5px;}
	.a_pgLin > li:before {top: 10px;}
	.a_pgTb th,
	.a_pgTb td {padding: 10px; font-size: 10pt;}
}



/* b_main */
#mbnWrap {position: relative;}
#mban {/* height: 600px; */ position: relative;}
.mbnSldr {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.mbnBg {height: 600px; background-size: cover !important;}
.b_mbnTxt {display: table; width: 100%; height: 100%; position: relative;}
.b_mbnTxt > div {display: table-cell; width: 100%; vertical-align: middle; color: #fff;}
.b_mbnTxt h5 {font-size: 42pt; line-height: 1.3em; text-shadow: 5px 5px 16px rgba(0,0,0,0.4);}
.b_mbnTxt p {font-size: 30pt; font-weight: 700; margin-top: 10px; text-shadow: 5px 5px 16px rgba(0,0,0,0.4);}

#mbnPop {position: absolute; z-index: 1; left: 50%; top: 50px; margin-left: 20px; width: 670px; overflow: hidden; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.b_mbnpSldr {}
.b_mbnpSldr a {display: block;}
.b_mbnpSldr a img {display: block; width: 100%;}
.b_mbnpNav {position: absolute; right: 20px; top: 40px; width: 30px;}
.b_mbnpArw {}
.b_mbnpArw .slick-arrow {display: block; width: 30px; height: 30px; text-indent: -9999px; margin: 5px 0;}
.b_mbnpArw .slick-prev {background: url('/images/front/main/b_main_pop_prev.png')no-repeat center center;}
.b_mbnpArw .slick-next {background: url('/images/front/main/b_main_pop_next.png')no-repeat center center;}
.mbnpPlay {display: block; width: 30px; height: 30px; cursor: pointer; background: url('/images/front/main/b_main_pop_paused.png')no-repeat center center;}
.mbnpPlay.paused {background: url('/images/front/main/b_main_pop_play.png')no-repeat center center;}

#mCmt {padding: 60px 0;}
.b_mcWrap {margin: 0 -25px;}
.b_mcHalf {float: left; width: 50%; padding: 0 25px;}
.b_mcHalf_ {padding: 0 25px;}

.b_mcTop {border-bottom: solid 1px #acacac; margin-top: -10px;}
.b_mcTop:after {content: ''; display: table; clear: both;}
.b_mcTab {float: left;}
.b_mcTab:after {content: ''; display: table; clear: both;}
/* 21.07.23 게시판 탭 간격 수정 .b_mcTab li {float: left; margin-right: 60px;} */
.b_mcTab li {float: left; margin-right: 20px;}
.b_mcTab li:last-child {margin-right: 0;}
.b_mcTab li a {display: block; height: 50px; line-height: 50px; font-size: 14pt; font-weight: 500; color: #929292; position: relative; padding: 0 5px;}
.b_mcTab li a.on {color: #000; font-weight: 700; font-size: 20pt;}
.b_mcTab li a.on:after {content: ''; display: block; height: 4px; background: #3cb5b6; position: absolute; left: 0; right: 0; bottom: 0;}
.b_mcMore {display: block; width: 30px; height: 30px; text-indent: -9999px; margin: 10px 0; float: right; border: solid 1px #ddd; background: #fff url('/images/front/main/b_main_more.png')no-repeat center center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}

.b_mcList {margin: -20px -15px; padding-top: 30px;}
.b_mcList:after {content: ''; display: table; clear: both;}
.b_mcList li {float: left; width: 33.3333%; padding: 20px 25px;}
.b_mcList li a {display: block;}
/* 21.08.04 수정 .b_mcList li a h5 {font-size: 12pt; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.5; height: 3.0em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} */
.b_mcList li a h5 {font-size: 11pt; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.5; height: 3.0em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.b_mcList li a p {color: #a7a7a7; padding-left: 22px; margin-top: 27px; background: url('/images/front/main/b_main_notice_date.png')no-repeat left center;}

.b_mcQck {margin: 0 -3px;}
.b_mcQck:after {content: ''; display: table; clear: both;}
.b_mcQck li {float: left; width: 33.3333%; padding: 0 3px;}
.b_mcQck li a {display: block; height: 290px;}
.b_mcQck li:nth-child(1) a {background: #009fda;}
.b_mcQck li:nth-child(2) a {background: #3cb5b6;}
.b_mcQck li:nth-child(3) a {background: #006bd9;}
.b_mcQck li a > div {display: table; width: 100%; height: 100%;}
.b_mcQck li a > div > div {display: table-cell; width: 100%; vertical-align: middle; text-align: center;}
.b_mcQck li a em {display: block; width: 123px; height: 131px; background-size: cover !important; margin: 0 auto;}
.b_mcQck li a span {display: block; color: #fff; font-size: 13pt; font-weight: 500; margin-top: 60px;}

#mPto {padding: 50px 0; background: #eef7fa;}
.b_mpTop {position: relative; text-align: center; margin-bottom: 30px;}
.b_mpTop h5 {font-size: 18pt; line-height: 25px; padding-top:10px;}
.b_mpTop a {display: block; width: 30px; height: 30px; text-indent: -9999px; margin-top: -15px; position: absolute; right: 19px; top: 50%; border: solid 1px #ddd; background: #fff url('/images/front/main/b_main_more.png')no-repeat center center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.mpList {margin: 0 -20px;}
.b_mpCont {padding: 0 20px; width: 280px; display: inline-block;}
.b_mpCont a {display: block; background: #fff;}
.b_mpCont a em {display: block; padding-bottom: 68%; background-size: cover !important;}
.b_mpCont a h5 {padding: 30px 20px 0; font-size: 12pt; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.b_mpCont a p {color: #a7a7a7; padding: 10px 20px 30px; font-size: 12pt;}

#mQck {padding: 40px 0; padding-top:15px !important;}
.b_mqList {margin: 0 -8px; text-align: center;}
.b_mqList:after {content: ''; display: table; clear: both;}
/* 8개 기준
.b_mqList li {display:inline-block; width: 12.5%; padding: 0 8px; min-width: 108px;}
.b_mqList li a {display: block; height: 140px; padding-top: 20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);}
.b_mqList li a em {display: block; margin: 0 auto; width: 60px; height: 60px; background-size: cover !important;}
.b_mqList li a span {display: block; text-align: center; font-size: 13pt; font-weight: 500; margin-top: 10px; line-height: 30px} */

.b_mqList li {display:inline-block; width: 24.5%; padding: 0 8px; min-width: 108px;}
.b_mqList li a {display: block; height: 140px; padding-top: 20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);}
.b_mqList li a em {display: block; margin: 0 auto; width: 60px; height: 60px; background-size: cover !important;}
/* 21.08.04 아이콘 텍스트 폰트크기 수정 .b_mqList li a span {display: block; text-align: center; font-size: 13pt; font-weight: 500; margin-top: 10px; line-height: 30px} */
.b_mqList li a span {display: block; text-align: center; font-size: 11pt; font-weight: 500; margin-top: 10px; line-height: 30px}


@media (max-width:1420px){
	.b_mbnTxt h5 {font-size: 30pt;}
	.b_mbnTxt p {font-size: 20pt;}
	#mbnPop {width: 460px; top: 120px;}
	.b_mpCont{width: 260px;}
	
}


@media (max-width:666px) {
	.b_mcList {margin: 0; padding-top: 0;}
	.b_mcList li {float: none; width: 100%; padding: 0; border-bottom: dotted 1px #aaa;}
	/* .b_mcList li a {position: relative; padding: 10px 0; padding-right: 80px;} */
	/* .b_mcList li a h5 {font-size: 11pt; height: 20px; line-height: 20px; -webkit-line-clamp: 1;} */
	.b_mcList li a {position: relative; padding: 13px 0; padding-right: 80px;}
	/* 21.08.04 수정 .b_mcList li a h5 {font-size: 13pt; height: 20px; line-height: 20px; -webkit-line-clamp: 1;} */
	/* 21.08.04 수정 .b_mcList li a p {height: 20px; line-height: 20px; position: absolute; right: 0; top: 10px; padding-left: 0; margin-top: 0; font-size: 10pt; background: none;} */
	.b_mcList li a h5 {font-size: 11pt; height: 20px; line-height: 20px; -webkit-line-clamp: 1;}
	.b_mcList li a p {height: 20px; line-height: 20px; position: absolute; right: 0; top: 10px; padding-left: 0; margin-top: 0; font-size: 9pt; background: none;}



	.b_mcQck {margin: 0;}
	.b_mcQck li {float: none; width: 100%; padding: 0; margin-bottom: 5px;}
	.b_mcQck li:last-child {margin-bottom: 0;}
	.b_mcQck li a {height: 80px;}
	.b_mcQck li a > div > div {position: relative; padding-left: 25px;}
	.b_mcQck li a em {width: 51px; height: 55px; position: absolute; left: 25px; top: 50%; margin-top: -28px;}
	.b_mcQck li a span {font-size: 14pt; margin-top: 0;}
}





@media (max-width:991px){
	#mbnWrap {position: static;}
	/* #mban {height: 240px;} */
	.b_mbnBg {height: 240px;}
	.b_mbnTxt > div {text-align: center; background: rgba(0,0,0,0.2);}
	.b_mbnTxt h5 {font-size: 20pt;}
	.b_mbnTxt p {font-size: 16pt; margin-top: 0;}

	#mbnPop {position: relative; left: 0; top: 0; margin-left: 0; width: 100%; padding: 30px 15px 0; overflow: visible; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
	.b_mbnpSldr {overflow: hidden; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}
	.b_mbnpNav {right: 25px;}
	#mCmt {padding: 30px 0;}
	.b_mcWrap {margin: 0;}
	.b_mcHalf {float: none; width: 100%; padding: 0; margin-bottom: 30px;}
	.b_mcWrap .b_mcHalf:last-child {margin-bottom: 0;}

	.b_mcTab li {margin-right: 15px;}
	.b_mcTab li a {height: 40px; line-height: 40px; font-size: 12pt;}
	.b_mcTab li a.on {font-size: 14pt;}
	.b_mcTab li a.on:after {height: 2px;}
	.b_mcMore {margin: 5px 0;}
	

	#mPto {padding: 30px 0;}
	/* .b_mpTop {margin-bottom: 30px;} */
	.b_mpTop {margin-bottom: 20px;}
	.b_mpTop h5 {font-size: 16pt;}
	.mpList {margin: 0 -5px;}
	.b_mpCont {padding: 0 5px;}
	.b_mpCont a h5 {padding: 10px 10px 0; font-size: 11pt;}
	.b_mpCont a p {padding: 3px 10px 15px; font-size: 9pt;}

	#mQck {padding: 0;}
	.b_mqList {margin: 0 -15px;}
	/* .b_mqList li {width: 25%; padding: 0; border-right: solid 1px #ddd; border-top: solid 1px #ddd;} */
	.b_mqList li {width: 49%; padding: 0; border: solid 1px #ddd;}
	/*.b_mqList li:nth-child(4n) {border-right: none;} */
	/* .b_mqList li a {padding: 15px 0; height: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} */
	.b_mqList li a {padding: 6px 0; height: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
	.b_mqList li a em {width: 40px; height: 40px;}
	/* .b_mqList li a span {margin-top: 5px; font-size: 9pt;} */
	/* .b_mqList li a span {margin-top: 5px; font-size: 9pt;} */
	.b_mqList li a span {margin-top: 0px; font-size: 9pt; margin-bottom:-12px;}
}



/* 	@media (max-width:894px) {
		.b_mqList li {width: 12.5%; padding: 0px;}
		.b_mqList li a em {width: 51px; height: 46px;}
		.b_mqList li {min-width: 95px;}
	} */
	
	@media (max-width:451px){
		/* .b_mqList li a em {width: 31px;} */
		.b_mqList li {min-width: 85px;}
	}









/* sub */
#sub {}
#b_subTop {height: 200px; padding-bottom: 60px; position: relative; text-align: center; color: #fff; background-size: cover !important;}
#b_subTop.bg01 {background: url('/images/front/common/subTop_bg01.jpg')no-repeat center center;}
#b_subTop.bg02 {background: url('/images/front/common/subTop_bg02.jpg')no-repeat center center;}
#b_subTop.bg03 {background: url('/images/front/common/subTop_bg03.jpg')no-repeat center center;}
#b_subTop.bg04 {background: url('/images/front/common/subTop_bg04.jpg')no-repeat center center;}
#b_subTop.bg05 {background: url('/images/front/common/subTop_bg05.jpg')no-repeat center center;}
#b_subTop.bg06 {background: url('/images/front/common/subTop_bg06.jpg')no-repeat center center;}
#b_subTop.bg07 {background: url('/images/front/common/subTop_bg07.jpg')no-repeat center center;}
#b_subTop.bg9999 {background: url('/images/front/common/siteMap.jpg')no-repeat center center;}
#b_subTop > div {display: table; width: 100%; height: 100%;}
#b_subTop > div > div {display: table-cell; width: 100%; vertical-align: middle;}
#b_subTop h2 {font-size: 48pt; font-weight: 700; text-shadow: 5px 5px 16px rgba(0,0,0,0.4);}
#b_subTop p {font-size: 20px; font-weight: 300;}

#subNav {position: relative; margin-top: -60px; border-bottom: solid 1px #ccc;}
#subNav .container {background: #fff;}
.b_sbtNav {float: left; letter-spacing: -0.025em;}
.b_sbtNav:after {content: ''; display: table; clear: both;}
/* 빌더 서브메뉴 디자인 수정 21.07.20 .b_sbtNav dt {float: left;} */
.b_sbtNav dt {float: left; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.b_sbtNav dt a {display: block; width: 60px; height: 59px; text-indent: -9999px; background: /* #3cb5b6 */ url('/images/front/common/c_sub_nav_home.png')no-repeat center center; background-size: 20px auto;}
.b_sbtNav dd {float: left; position: relative; border-right: 1px solid #ccc;}
.b_sbtNav dd:nth-of-type(1) button{text-transform: uppercase;}
/* 빌더 서브메뉴 디자인 수정 21.07.20 .b_sbtNav dd button {display: block; width: 290px; height: 59px; line-height: 59px; position: relative; padding: 0 20px; background: none; font-size: 18px; text-align: left; cursor: pointer;} */
.b_sbtNav dd button {color: white; display: block; width: 290px; height: 59px; line-height: 59px; position: relative; padding: 0 20px; background: none; font-size: 18px; text-align: left; cursor: pointer;}
.b_sbtNav dd button:after {content: ''; display: block; width: 15px; height: 8px; position: absolute; right: 20px; top: 45%; margin-top: -4px; background: url('/images/front/common/sub_nav_arrow_wh.png')no-repeat center bottom; background-size: auto;}
.b_sbtNav dd button.on:after {background-position: center top;}
.b_sbtNav dd ul {position: absolute; left: 0; right: 0; top: 100%; background: #001e40; z-index: 10; display: none; padding: 20px;}
.b_sbtNav dd ul li {margin-bottom: 15px;}
.b_sbtNav dd ul li:last-child {margin-bottom: 0;}
.b_sbtNav dd ul li a {display: block; font-weight:300; color: #fff; word-break: break-word;}
.b_sbtNav dd ul li:hover a,
.b_sbtNav dd ul li a.on {color: #00fcff;}
.b_sbtSet {float: right;}
.b_sbtSet ul:after {content: ''; display: table; clear: both;}
.b_sbtSet ul li {float: left; position: relative; border-left: solid 1px #ccc;}
.b_sbtSet ul li a {display: block; width: 60px; height: 59px; text-indent: -9999px; background-size: 23px auto !important;}
.b_sbtSet ul li a.sbtZom {background: url('/images/front/common/c_sub_setting_zoom_wh.png')no-repeat center center;}
.b_sbtSet ul li a.sbtOut {background: url('/images/front/common/c_sub_setting_out_wh.png')no-repeat center center;}
.b_sbtSet ul li a.eng_sbtZom {background: url('/images/front/common/en_sub_setting_zoo_wh.png')no-repeat center center;}
.b_sbtSet ul li a.eng_sbtOut {background: url('/images/front/common/en_sub_setting_out_wh.png')no-repeat center center;}
.b_sbtSet ul li a.sbtPrt {background: url('/images/front/common/c_sub_setting_print_wh.png')no-repeat center center;}
#sub {padding-bottom: 120px;}
.subTxt {font-size: 12pt; line-height: 1.8em;}

@media (max-width:1200px){
	.b_sbtNav dd button {width: 238px;}
}

@media (max-width:991px){
	#b_subTop {height: 140px; padding-bottom: 40px;}
	#b_subTop h2 {font-size: 20pt;}
	#b_subTop p {font-size: 11pt;}
	#subNav {margin: -40px -15px 0px;}
	.b_sbtNav {float: none; width: 100%;}
	.b_sbtNav dt {width: 10%;}
	.b_sbtNav dt a {width: 100%; height: 40px; background-size: 16px auto;}
	/* 21.07.21 3뎁스 터짐 현상 .b_sbtNav dd {width: 45%;} */
	.b_sbtNav dd {width: 30%;}
	.b_sbtNav dd button {width: 100%; height: 40px; line-height: 40px; padding-left: 10px; padding-right: 30px; font-size: 10pt; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.b_sbtNav dd button:after {right: 10px; width: 10px; margin-top: -3px; background-size: auto !important;}
	.b_sbtNav dd ul {padding: 10px;}
	.b_sbtNav dd ul li a {font-size: 10pt;}
	.b_sbtSet {/* float: none; */ background: rgba(0,0,0,0.5); position: absolute; right: 15px; bottom: 100%; margin-right: 5px; margin-bottom: 5px;}
	.b_sbtSet ul li a {width: 30px; height: 30px; background-size: 16px auto !important;}
	#sub {padding-bottom: 60px;}
	#subTitle {padding: 30px 0; font-size: 16pt; font-weight: 600;}
	.subTxt {font-size: 11pt; line-height: 1.6em;}
}




/* 공지사항 */
.b_bdCont {}
.b_brdTop {padding-bottom: 20px;}
.b_brdTop:after {content: ''; display: table; clear: both;}
.b_brdTop p {float: left; font-size: 15px; color: #555; margin-top: 20px; position: relative;}
.b_brdTop p span {font-weight: 700;}
.b_brdTop p b {color: #3e82e7; font-weight: 500; display: inline-block; position: relative; padding-left: 10px; margin-left: 10px;}
.b_brdTop p b:before {content: ''; display: block; width: 1px; height: 12px; background: #333; position: absolute; left: 0; top: 50%; margin-top: -6px;}
.b_brdSch {float: right;}
.b_brdSch:after {content: ''; display: table; clear: both;}
.b_brdSch dt {float: left; margin-right: 5px;}
.b_brdSch dt select {display: block; width: 130px; height: 40px;}
.b_brdSch dd {float: left; position: relative;}
.b_brdSch dd input[type="text"] {display: block; width: 220px; height: 40px; border: solid 1px #ccc; padding-left: 10px; padding-right: 40px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.b_brdSch dd a,
.b_brdSch dd button {display: block; width: 40px; height: 40px; position: absolute; right: 0; top: 0; text-indent: -9999px; background: #454545 url('/images/front/sub/c_board_search.png')no-repeat center center; background-size: 20px auto;}
.b_brdList {}
.b_brdList th,
.b_brdList td {text-align: center; padding: 15px; font-size: 11pt;}
.b_brdList th {border-top: solid 2px #454545; border-bottom: solid 1px #ccc; background: #fafafa; font-weight: 600;}
.b_brdList td {border-bottom: solid 1px #ccc;}
.b_brdList td.bdlNum {color: #666;}
.b_brdList td.bdlTitle {text-align: left;}
.b_brdList td.bdlTitle a {display: inline-block; max-width: 85%; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.b_brdList td.bdlTitle a .bdlNew {display: inline-block; vertical-align: middle; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-top: -2px; background: #009fda; color: #fff; margin-left: 5px; font-size: 8pt;}
.b_brdList td.bdlTitle img {display: inline-block; vertical-align: middle; margin-left: 5px;}
.b_brdList td.bdlFile img {width: 18px;}
.b_brdList td.bdlUser {}
.b_brdList td.bdlDate {}
.b_brdList td.bdlCount {}
.b_brdList tr.noti td.bdlNum span {display: inline-block; border: solid 1px #333; padding: 2px 10px; font-size: 9pt;}
.b_brdList tr.noti td.bdlTitle a {color: #222;}
.b_paging {text-align:center; margin-top: 30px;}
.b_paging a {display:inline-block; vertical-align:middle; width:38px; height:38px; line-height:38px; position: relative; font-family: 'Roboto', sans-serif; color: #999; font-size: 11pt;}
.b_paging > a {width:40px; height:40px; line-height:40px; text-indent:-9999px; background-size: 10px auto !important; border: solid 1px #ddd;}
.b_paging a.first {background:url('/images/front/sub/paging_first.png')no-repeat center center; border-right: none; margin-right: -2px;}
.b_paging a.prev {background:url('/images/front/sub/paging_prev.png')no-repeat center center; border-right: none; margin-right: -3px;}
.b_paging a.next {background:url('/images/front/sub/paging_next.png')no-repeat center center; border-left: none; margin-left: -3px;}
.b_paging a.last {background:url('/images/front/sub/paging_last.png')no-repeat center center; border-left: none; margin-left: -2px;}
.b_paging ul {display:inline-block; vertical-align:middle; border: solid 1px #ddd;}
.b_paging ul li {display:inline-block; vertical-align:middle; position: relative; border-right: solid 1px #ddd;}
.b_paging ul li:last-child {border-right: none;}
.b_paging ul li.on a {font-weight: 700; color: #009fda;}
.brdBtn {margin-top: 20px; text-align: right;}
.brdBtn a {display: inline-block; width: 100px; height: 50px; line-height: 48px; text-align: center; border: solid 1px #003276; color: #003276; font-size: 16px; font-weight: 500; margin-left: 5px;}
.brdView {border-top: solid 2px #454545; border-left: solid 2px #fff; border-right: solid 2px #fff;}
.brdView th,
.brdView td {padding: 15px; font-size: 11pt; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
.brdView th {text-align: center; font-weight: 500; background: #fafafa;}
.brdView td {}
.brdView td.bdvTitle {text-align: center; font-size: 14pt; font-weight: 700;}
.brdView td.bdvEdit {padding: 30px;}
.brdView td.bdvEdit img {max-width: 100%;}
.bdvFile {display: inline-block; padding-left: 30px; background: url('/images/front/sub/board_file.png')no-repeat left center; background-size: 18px auto;}
.bdvBtn {padding-top: 30px; padding-bottom: 60px; text-align: center;}
.bdvBtn a {display: inline-block; width: 140px; height: 60px; line-height: 56px; border: solid 2px #00294e; color: #00294e; font-size: 12pt; font-weight: 500;}
.bdvNav {}
.bdvNav th,
.bdvNav td {border-top: solid 1px #dddee0; border-bottom: solid 1px #dddee0; padding: 13px 20px;}
.bdvNav th {background: #fafafa; text-align: center; width: 150px;}
.bdvNav th span {display: inline-block; padding-left: 20px; position: relative; color: #000; font-weight: 500;}
.bdvNav th span:before {content: ''; display: block; width: 9px; height: 5px; position: absolute; left: 0; top: 50%; margin-top: -3px; background: url('/images/front/sub/board_nav_arrow.png')no-repeat; background-size: 100% auto;}
.bdvNav th span.bdvnPrv:before {background-position: center bottom;}
.bdvNav th span.bdvnNxt:before {background-position: center top;}
.bdvNav td a {color: #555;}
.glyList {margin: 0 -50px;}
.glyList:after {content: ''; display: table; clear: both;}
.glyList li {float: left; width: 33.3333%; padding: 0 50px; margin-bottom: 30px;}
.glyList li a {display: block;}
.glyList li a em {display: block; padding-bottom: 72.5%; background-size: cover !important;}
.glyList li a p {text-align: center; margin-top: 20px; font-size: 12pt; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


@media (max-width:991px){
	.b_bdCont {}
	.b_brdTop.all {position: relative; padding-top: 40px;}
	.b_brdTop p {float: none; margin-bottom: 5px; margin-top: 0; font-size: 10pt;}
	.b_brdTop p span {}
	.b_brdTop p b {}
	.b_brdSch {float: none;}
	.b_brdSch dt {margin-right: 0; padding-right: 2px; width: 30%;}
	.b_brdSch dt select {width: 100%;}
	.b_brdSch dd {width: 70%;}
	.b_brdSch dd input[type="text"] {width: 100%;}
	.b_brdList thead,
	.b_brdList colgroup {display: none;}
	.b_brdList,
	.b_brdList tbody,
	.b_brdList tr,
	.b_brdList td {display: block; width: 100%;}
	.b_brdList {border-top: solid 1px #2f4a3e;}
	.b_brdList tr {border-bottom: dotted 1px #aaa; padding: 15px 40px 15px 0; position: relative;}
	.b_brdList tr:after {content: ''; display: table; clear: both;}
	.b_brdList td {text-align: left; padding: 0; font-size: 11pt; border-bottom: none;}
	.b_brdList td.bdlNum {width: auto; font-size: 9pt; position: absolute; right: 0; top: 17px;}
	.b_brdList td.bdlNum:before {content: 'No. ';}
	.b_brdList td.bdlTitle {width: 100%; float: left;}
	.b_brdList td.bdlTitle a {font-size: 12pt; font-weight: 500;}	
	.b_brdList td.bdlFile,
	.b_brdList td.bdlUser,
	.b_brdList td.bdlDate,
	.b_brdList td.bdlCount {float: left; width: auto; position: relative; font-size: 9pt; letter-spacing: 0.025em;}
	.b_brdList td.bdlFile {margin-right: 5px; padding-top: 2px;}
	.b_brdList td.bdlFile img {display: block; width: 16px;}
	.b_brdList td.bdlUser,
	.b_brdList td.bdlDate {padding-right: 8px; margin-right: 7px;}
	.b_brdList td.bdlUser:after,
	.b_brdList td.bdlDate:after {content: ''; display: block; width: 1px; height: 10px; background: #aaa; position: absolute; right: 0; top: 50%; margin-top: -5px;}
	.b_brdList tr.noti {background: none;}
	.b_brdList tr.noti td.bdlNum:before {display: none;}
	.b_paging a {width:28px; height:28px; line-height:28px; font-size: 10pt;}
	.b_paging > a {background-size:auto 7px !important; width: 30px; height: 30px; line-height: 30px;}
	.b_paging ul {margin:0;}
	.b_paging ul li.on a:after {width: 12px; height: 2px; margin-left: -6px;}
	.brdBtn a {height: 38px; line-height: 36px; font-size: 10pt; width: 80px;}
	.brdView th,
	.brdView td {padding: 10px 5px; font-size: 10pt;}
	.brdView td.bdvTitle {font-size: 12pt;}
	.brdView td.bdvEdit {padding: 20px 5px;}
	.bdvBtn {padding-top: 15px; padding-bottom: 30px;}
	.bdvBtn a {width: 100px; height: 42px; line-height: 38px; font-size: 11pt;}
	.bdvNav th,
	.bdvNav td {padding: 10px; font-size: 10pt;}
	.bdvNav th {width: 80px;}
	.bdvNav th span {padding-left: 15px;}
	.glyList {margin: 0 -5px; margin-bottom: -20px;}
	.glyList li {width: 50%; padding: 0 5px; margin-bottom: 15px;}
	.glyList li a p {margin-top: 10px; font-size: 10pt;}

}

















/* c_main */
#mban {/* height: 600px; */ position: relative;}
.mbnSldr {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.mbnBg {height: 600px; background-size: cover !important;}
.c_mbnTxt {display: table; width: 100%; height: 100%; position: relative;}
.c_mbnTxt > div {display: table-cell; width: 100%; vertical-align: middle; text-align: center; color: #fff;}
.c_mbnTxt h5 {font-size: 40pt; font-weight: 300; line-height: 1.3em;}
.c_mbnTxt h5 span {font-weight: 700;}
.c_mbnTxt p {font-size: 16pt; font-weight: 300; margin-top: 60px;}
#mCmt {padding-top: 50px; padding-bottom: 60px;}
.c_mcTop {margin-bottom: 25px;}
.c_mcTop:after {content: ''; display: table; clear: both;}
.c_mcTab {float: left;}
.c_mcTab:after {content: ''; display: table; clear: both;}
.c_mcTab li {float: left; position: relative; padding-right: 30px; margin-right: 30px;}
.c_mcTab li:after {content: ''; display: block; width: 3px; height: 19px; position: absolute; right: -1px; top: 50%; margin-top: -9px; background: url('/images/front/main/c_main_community_dots.png');}
.c_mcTab li:last-child {padding-right: 0; margin-right: 0;}
.c_mcTab li:last-child:after {display: none;}
.c_mcTab li a {display: block; font-size: 16pt; font-weight: 500;}
.c_mcTab li a.on {color: #0092d9; font-weight: 700;}
.c_mcMore {display: block; float: right; width: 21px; height: 21px; position: relative; text-indent: -9999px; margin-top: 5px;}
.c_mcMore:before,
.c_mcMore:after {content: ''; display: block; background: #555; position: absolute; left: 50%; top: 50%;}
.c_mcMore:before {width: 21px; height: 3px; margin-left: -11px; margin-top: -2px;}
.c_mcMore:after {width: 3px; height: 21px; margin-left: -2px; margin-top: -11px;}
.c_mcCont {}
.c_mcList {border: solid 1px #cbcbcb;}
.c_mcList:after {content: ''; display: table; clear: both;}
.c_mcList li {float: left; width: 16.665%; border-right: solid 1px #cbcbcb;}
.c_mcList li:last-child {border-right: none;}
.c_mcList li a {display: block; padding: 20px; position: relative;}
.c_mcList li a h5 {font-size: 14pt; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.5; height: 4.5em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.c_mcList li a p {margin-top: 50px; color: #a7a7a7; font-size: 12pt; margin-bottom: 15px;}
.c_mcList li a:after {content: ''; display: block; width: 50px; height: 50px; position: absolute; right: 30px; bottom: 30px; background: #999 url('/images/front/main/c_main_community_ico.png')no-repeat center center; background-size: 24px auto; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.c_mcHalf {margin: 0 -20px; padding-top: 50px;}
.c_mcHalf:after {content: ''; display: table; clear: both;}
/*.c_mcHalf > div {float: left; width: 50%; padding: 0 20px;}*/
.c_mcHalf_ > div {float: left; width: 100%; padding: 0 20px;}
.c_mcVsn {display: block;}
.c_mcVsn img {display: block; width: 100%;}
.c_mcEvt {position: relative;}
.mceSldr a {display: block;}
.mceSldr a img {display: block; width: 100%;}
.mceNav {position: absolute; right: 20px; top: 20px; padding: 0 30px;}
/* .c_mceArw {}
.c_mceArw .slick-arrow {display: block; width: 30px; height: 30px; position: absolute; top: 0; text-indent: -9999px;}
.c_mceArw .slick-prev {left: 0; background: url('/images/front/main/c_main_event_arrow_prev.png')no-repeat center center;}
.c_mceArw .slick-next {right: 0; background: url('/images/front/main/c_main_event_arrow_next.png')no-repeat center center;} 
.c_mcePlay {display: block; width: 30px; height: 30px; text-indent: -9999px; cursor: pointer; background: url('/images/front/main/c_main_event_arrow_paused.png')no-repeat center center;}
.c_mcePlay.paused {background: url('/images/front/main/c_main_event_arrow_play.png')no-repeat center center;} */
.mceArw {}
.mceArw .slick-arrow {display: block; width: 30px; height: 30px; position: absolute; top: 0; text-indent: -9999px;}
.mceArw .slick-prev {left: 0; background: url('/images/front/main/c_main_event_arrow_prev.png')no-repeat center center;}
.mceArw .slick-next {right: 0; background: url('/images/front/main/c_main_event_arrow_next.png')no-repeat center center;} 
.mcePlay {display: block; width: 30px; height: 30px; text-indent: -9999px; cursor: pointer; background: url('/images/front/main/c_main_event_arrow_paused.png')no-repeat center center;}
.mcePlay.paused {background: url('/images/front/main/c_main_event_arrow_play.png')no-repeat center center;}
#mPto {padding: 25px 0;}
#c_mPto {padding: 25px 0; background: url('/images/builder/imgGal/main_photo_bg.jpg')no-repeat center center; background-size: cover;};

.c_mpTopss {position: relative; text-align: center; margin-bottom: 30px;}
.c_mpTop {position: relative; text-align: center; margin-bottom: 30px;}
.c_mpTop h5 {color: #fff; font-size: 18pt; line-height: 1.2em;}
.c_mpTop a {display: block; width: 30px; height: 30px; text-indent: -9999px; margin-top: -15px; position: absolute; right: 19px; top: 50%; border: solid 1px #ddd; background: #fff url('/images/front/main/b_main_more.png')no-repeat center center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
/* .c_mpTop a:before,
.c_mpTop a:after {content: ''; display: block; background: #333; position: absolute; left: 50%; top: 50%;}
.c_mpTop a:before {width: 21px; height: 3px; margin-left: -11px; margin-top: -2px;}
.c_mpTop a:after {width: 3px; height: 21px; margin-left: -2px; margin-top: -11px;} */


/* #mPto {padding: 50px 0; background: url('/images/builder/object/potoGal.png')no-repeat center center; background-size: cover;} 
/* .c_mpTop {position: relative; text-align: center; margin-bottom: 30px;} 
.c_mpTop h5 {color: #fff; font-size: 18pt; font-weight: 500; line-height: 1.2em;}
.c_mpTop a {display: block; width: 21px; height: 21px; text-indent: -9999px; margin-top: -11px; position: absolute; right: 0; top: 50%;}
*/
/* .c_mpTop a:before,
.c_mpTop a:after {content: ''; display: block; background: #fff; position: absolute; left: 50%; top: 50%;}
.c_mpTop a:before {width: 21px; height: 3px; margin-left: -11px; margin-top: -2px;}
.c_mpTop a:after {width: 3px; height: 21px; margin-left: -2px; margin-top: -11px;} */


.mpList {margin: 0 -20px;}
.c_mpCont {padding: 0 20px; width: 280px; display: inline-block;}
.c_mpCont a {display: block; background: #fff;}
.c_mpCont a em {display: block; padding-bottom: 68%; background-size: cover !important;}
.c_mpCont a h5 {padding: 30px 20px 0; font-size: 12pt; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.c_mpCont a p {color: #a7a7a7; padding: 10px 20px 30px; font-size: 12pt;}
#mQck {padding: 30px 0;}
.c_mqList {text-align: center;}
.c_mqList:after {content: ''; display: table; clear: both;}
/* 8개 기준
.c_mqList li {display: inline-block; width: 12.1111%; min-width: 87px;}
.c_mqList li a {display: block; }
.c_mqList li a em {display: block; margin: 0 auto; width: 65px; height: 60px; background-size: cover !important;}
.c_mqList li a span {display: block; text-align: center; margin-top: 20px; color: #1a387a; font-size: 13pt; font-weight: 500;  line-height: 30px} */

.c_mqList li {display: inline-block; width: 24.5%; min-width: 87px;}
.c_mqList li a {display: block; padding-top: 20px;}
.c_mqList li a em {display: block; margin: 0 auto; width: 65px; height: 60px; background-size: cover !important;}
/* 21.08.04 아이콘 텍스트 크기 수정 .c_mqList li a span {display: block; text-align: center; margin-top: 10px; color: #1a387a; font-size: 13pt; font-weight: 500;  line-height: 30px} */
.c_mqList li a span {display: block; text-align: center; margin-top: 10px; color: #1a387a; font-size: 11pt; font-weight: 500;  line-height: 30px}

@media (max-width:1420px){
	/* #mban {height: 500px;} */
	.c_mbnBg {height: 500px;}
	.c_mbnTxt h5 {font-size: 32pt;}
	.c_mbnTxt p {font-size: 14pt; margin-top: 30px;}
	#mCmt {padding-bottom: 50px;}
	.c_mcTop {margin-bottom: 20px;}
	.c_mcTab li {padding-right: 20px; margin-right: 20px;}
	.c_mcTab li a {font-size: 14pt;}
	/*.c_mcList li a p {margin-top: 30px; font-size: 11pt; margin-bottom: 10px;}*/
	/*.c_mcHalf > div {padding: 0 10px;}*/
	
	/* 8개기준
	 .c_mcList li a {display: block; padding: 15px; position: relative;}
	.c_mcList li a h5 {font-size: 12pt;}
	.c_mcList li a:after {width: 40px; height: 40px; right: 15px; bottom: 15px; background-size: 18px auto;} */
	
	.c_mcList li a {display: block; padding: 15px; position: relative;}
	.c_mcList li a h5 {font-size: 12pt;}
	.c_mcList li a:after {width: 40px; height: 40px; right: 15px; bottom: 15px; background-size: 18px auto;}
	
	.c_mcHalf {margin: 0 -10px; padding-top: 30px;}
	.c_mcHalf_ > div {padding: 0 10px;}
	.c_mpTop {margin-bottom: 30px;}
	.c_mpList {margin: 0 -10px;}
	.c_mpCont {padding: 0 10px;}
	.c_mpCont a h5 {padding: 15px 15px 0; font-size: 11pt;}
	.c_mpCont a p {padding: 5px 15px 15px; font-size: 10pt;}
	#mQck {padding: 20px 0;}
	.c_mqList li {/* width: 33.3333%; */ padding: 15px 0;}
	.c_mqList li a span {margin-top: 10px; font-size: 12pt;}
}

@media (max-width:991px){
	/* #mban {height: 300px;} */
	.c_mbnBg {height: 300px;}
	.c_mbnTxt h5 {font-size: 16pt;}
	.c_mbnTxt p {font-size: 11pt; margin-top: 15px;}
	#mCmt {padding-top: 30px; padding-bottom: 30px;}
	.c_mcTop {margin-bottom: 15px;}
	.c_mcTab li {padding-right: 15px; margin-right: 15px;}
	.c_mcTab li a {font-size: 13pt;}
	.c_mcMore {width: 22px; height: 22px;}
	.c_mcMore:before {width: 16px; height: 2px; margin-left: -8px; margin-top: -1px;}
	.c_mcMore:after {width: 2px; height: 16px; margin-left: -1px; margin-top: -8px;}
	.c_mcList li {float: none; width: 100%; border-right: none; border-bottom: solid 1px #cbcbcb;}
	.c_mcList li:last-child {border-bottom: none;}
	/* .c_mcList li a {padding: 10px 15px;} */
	.c_mcList li a {padding: 7px 15px;}
	/* 21.08.04 수정 .c_mcList li a h5 {font-size: 12pt; width:80%; font-weight: 400; line-height: 1.5; height: 1.5em; -webkit-line-clamp: 1;} */
	.c_mcList li a h5 {font-size: 11pt; width:80%; font-weight: 400; line-height: 1.5; height: 1.6em; -webkit-line-clamp: 1;}
	/* .c_mcList li a p {margin-top: 5px; margin-bottom: 0; font-size: 10pt;} */
	.c_mcList li a p {height: 20px; line-height: 20px; position: absolute; right: 10px; top: 10px; padding-left: 0; margin-top: 0; font-size: 10pt; background: none;}
	.c_mcList li a:after {display: none;}
	.c_mcHalf {margin: 0; padding-top: 30px;}
	.c_mcHalf > div {float: none; width: 100%; padding: 0;}
	.c_mcEvt {margin-top: 30px;}
	.mceNav {right: 10px; top: 10px; padding: 0 25px;}
	.c_mceArw .slick-arrow {width: 25px; height: 25px; background-size: 18px auto !important;}
	.c_mcePlay {width: 25px; height: 25px; background-size: 18px auto !important;}
	.c_mcePlay.paused {background-size: 22px auto !important;}
	#mPto {padding: 30px 0; padding-bottom: 77px !important;}
	.c_mpTop {margin-bottom: 30px;}
	.c_mpTop h5 {font-size: 16pt;}
	.c_mpTop a {width: 22px; height: 22px;}
	.c_mpTop a:before {width: 16px; height: 2px; margin-left: -8px; margin-top: -1px;}
	.c_mpTop a:after {width: 2px; height: 16px; margin-left: -1px; margin-top: -8px;}
	.mpList {margin: 0 -5px;}
	.c_mpCont {padding: 0 5px;}
	.c_mpCont a h5 {padding: 10px 10px 0; font-size: 11pt;}
	.c_mpCont a p {padding: 3px 10px 15px; font-size: 9pt;}
	#mQck {padding: 0;}
	.c_mqList {margin: 0 -15px; margin-top: -28px !important;}
	/* .c_mqList li {width: 33.3333%; padding: 0; border-right: solid 1px #ddd; border-top: solid 1px #ddd;} */
	/* .c_mqList li {width: 49%; padding: 0; border-right: solid 1px #ddd; border-top: solid 1px #ddd;} */
	.c_mqList li {width: 49%; padding: 0;}
	.c_mqList li:nth-child(1),
	.c_mqList li:nth-child(2) {border-top: none;}
	
	.c_mqList li:nth-child(2),
	.c_mqList li:nth-child(4) {border-right: none;}
	.c_mqList li a {padding: 13px 0;}
	.c_mqList li a em {width: 39px; height: 36px;}
	.c_mqList li a span {margin-top: 5px; font-size: 10pt;}
}




/* sub */
#sub {}
#c_subTop {height: 200px; text-align: center; color: #fff; background-size: cover !important;}
#c_subTop.bg01 {background: url('/images/front/common/subTop_bg01.jpg')no-repeat center center;}
#c_subTop.bg02 {background: url('/images/front/common/subTop_bg02.jpg')no-repeat center center;}
#c_subTop.bg03 {background: url('/images/front/common/subTop_bg03.jpg')no-repeat center center;}
#c_subTop.bg04 {background: url('/images/front/common/subTop_bg04.jpg')no-repeat center center;}
#c_subTop.bg05 {background: url('/images/front/common/subTop_bg05.jpg')no-repeat center center;}
#c_subTop.bg06 {background: url('/images/front/common/subTop_bg06.jpg')no-repeat center center;}
#c_subTop.bg07 {background: url('/images/front/common/subTop_bg07.jpg')no-repeat center center;}
#c_subTop.bg9999 {background: url('/images/front/common/siteMap.jpg')no-repeat center center;}
#c_subTop > div {display: table; width: 100%; height: 100%;}
#c_subTop > div > div {display: table-cell; width: 100%; vertical-align: middle;}
#c_subTop h2 {font-size: 48pt; font-weight: 700; text-shadow: 5px 5px 16px rgba(0,0,0,0.4);}
#c_subTop p {font-size: 20px; font-weight: 300;}
#c_subNav {background: #00294e;}

.c_sbtNav {float: left; letter-spacing: -0.025em;}
.c_sbtNav:after {content: ''; display: table; clear: both;}
.c_sbtNav button {color:#fff}
.c_sbtNav dt {float: left; border-right: solid 1px rgba(255,255,255,0.2);}
/* 빌더 수정내용 21.07.20 .c_sbtNav dt a {display: block; width: 80px; height: 80px; text-indent: -9999px; background: url('/images/front/common/c_sub_nav_home.png')no-repeat center center; background-size: 20px auto;} */
.c_sbtNav dt a {display: block; width: 80px; height: 60px; text-indent: -9999px; background: url('/images/front/common/c_sub_nav_home.png')no-repeat center center; background-size: 20px auto;}
.c_sbtNav dd {float: left; position: relative; border-right: 1px solid rgba(255,255,255,0.2);}
.c_sbtNav dd:nth-of-type(1) button{text-transform: uppercase;}
/* 빌더 수정내용 21.07.20 .c_sbtNav dd button {display: block; width: 290px; height: 80px; line-height: 80px; position: relative; padding: 0 20px; background: none; font-size: 18px; text-align: left; cursor: pointer;} */
.c_sbtNav dd button {display: block; width: 290px; height: 60px; line-height: 60px; position: relative; padding: 0 20px; background: none; font-size: 18px; text-align: left; cursor: pointer;}
.c_sbtNav dd button:after {content: ''; display: block; width: 15px; height: 8px; position: absolute; right: 20px; top: 50%; margin-top: -4px; background: url('/images/front/common/sub_nav_arrow_wh.png')no-repeat center bottom; background-size: 100% auto;}
.c_sbtNav dd button.on:after {background-position: center top;}
.c_sbtNav dd ul {position: absolute; left: 0; right: 0; top: 100%; background: #001e40; z-index: 10; display: none; padding: 20px;}
.c_sbtNav dd ul li {margin-bottom: 15px;}
.c_sbtNav dd ul li:last-child {margin-bottom: 0;}
.c_sbtNav dd ul li a {display: block; font-weight:300; color: #fff; word-break: break-word;}
.c_sbtNav dd ul li:hover a,
.c_sbtNav dd ul li a.on {color: #00fcff;}
/* 빌더 수정내용 21.07.20 .c_sbtSet {float: right; padding: 20px 0;} */
.c_sbtSet {float: right; padding: 10px 0;}
.c_sbtSet:after {content: ''; display: table; clear: both;}
.c_sbtSet ul {float: left; background: #001033; padding: 0 15px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
.c_sbtSet ul:after {content: ''; display: table; clear: both;}
.c_sbtSet ul li {float: left; position: relative;}
.c_sbtSet ul li a {display: block; width: 40px; height: 40px; text-indent: -9999px; background-size: 23px auto !important;}
.c_sbtSet ul li a.sbtZom {background: url('/images/front/common/c_sub_setting_zoom_wh.png')no-repeat center center;}
.c_sbtSet ul li a.sbtOut {background: url('/images/front/common/c_sub_setting_out_wh.png')no-repeat center center;}
.c_sbtSet ul li a.eng_sbtZom {background: url('/images/front/common/en_sub_setting_zoo_wh.png')no-repeat center center;}
.c_sbtSet ul li a.eng_sbtOut {background: url('/images/front/common/en_sub_setting_out_wh.png')no-repeat center center;}
.c_sbtSet a.sbtPrt {display: block; float: left; width: 40px; height: 40px; text-indent: -9999px; margin-left: 10px; background: #000d30 url('/images/front/common/c_sub_setting_print_wh.png')no-repeat center center; background-size: 24px auto; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
#sub {padding-bottom: 120px;}
/* 21.07.28 서브타이틀 패딩 수정 #subTitle {text-align: center; padding: 60px 0; font-size: 30pt; font-weight: 600;} */
#subTitle {text-align: center; padding: 30px 0; font-size: 30pt; font-weight: 600;}
.c_subTxt {font-size: 12pt; line-height: 1.8em;}

@media (max-width:1200px){
	.c_sbtNav dd button {width: 238px;}
}

@media (max-width:991px){
	#c_subTop {height: 140px;}
	#c_subTop h2 {font-size: 20pt;}
	#c_subTop p {font-size: 11pt;}
	#subNav {margin: 0 -15px;}
	.c_sbtNav {float: none; width: 100%;}
	.c_sbtNav dt {width: 10%;}
	.c_sbtNav dt a {width: 100%; height: 40px; background-size: 16px auto;}
	/* 3뎁스 터짐 수정 .c_sbtNav dd {width: 45%;} */
	.c_sbtNav dd {width: 30%;}
	.c_sbtNav dd button {width: 100%; height: 40px; line-height: 40px; padding-left: 10px; padding-right: 30px; font-size: 10pt; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.c_sbtNav dd button:after {right: 10px; width: 10px; height: 5px;  margin-top: -3px; background-size: 100% auto !important;}
	.c_sbtNav dd ul {padding: 10px;}
	.c_sbtNav dd ul li a {font-size: 10pt;}
	.c_sbtSet {float: none; position: absolute; right: 25px; bottom: 100%; padding-top: 0; padding-bottom: 10px;}
	.c_sbtSet ul {padding: 0 10px;}
	.c_sbtSet ul li a {width: 30px; height: 30px; background-size: 18px auto !important;}
	.c_sbtSet a.sbtPrt {width: 30px; height: 30px; margin-left: 5px; background-size: 18px auto;}
	#sub {padding-bottom: 60px;}
	#subTitle {padding: 30px 0; font-size: 16pt; font-weight: 600;}
	.c_subTxt {font-size: 11pt; line-height: 1.6em;}
}






/* 학과소개 */
.c_itrTop {position: relative;}
.c_itrTop img {display: block; width: 100%;}
.c_itrTop > div {position: absolute; left: 0; top: 0; bottom: 0; width: 50%; background: rgba(0,26,79,0.8);}
.c_itrTop > div > div {display: table; width: 100%; height: 100%;}
.c_itrTop > div > div > div {display: table-cell; width: 100%; vertical-align: middle; padding-left: 60px; padding-right: 60px;}
.c_itrTop h4 {font-weight: 300; font-size: 26pt; color: #fff;}
.c_itrTop h4 span {display: block; font-weight: 700; font-size: 34pt;}
.c_itrTxt {margin-top: 30px;}
.c_itrTxt h5 {font-size: 22pt; font-weight: 400; line-height: 1.4em;}
.c_itrTxt h5 span {color: #557cd8; font-weight: 700;}
.c_itrTxt p {margin-top: 30px; font-size: 14pt; line-height: 1.6em;}

@media (max-width:1420px){
	.c_itrTop > div > div > div {padding-left: 30px; padding-right: 30px;}
	.c_itrTop h4 {font-size: 20pt;}
	.c_itrTop h4 span {font-size: 26pt;}
}

@media (max-width:991px){
	.c_itrTop > div {position: static; width: 100%;}
	.c_itrTop > div > div {display: block;}
	.c_itrTop > div > div > div {display: block; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px;}
	.c_itrTop h4 {font-size: 12pt;}
	.c_itrTop h4 span {font-size: 14pt;}
	.c_itrTxt h5 {font-size: 15pt;}
	.c_itrTxt p {font-size: 11pt;}
}


/* 교육목적 및 인재상 */
.c_talent {position: relative; padding-left: 420px; margin-bottom: 50px;}
.c_talent dt {width: 270px; height: 270px; line-height: 270px; text-align: center; color: #fff; font-size: 26pt; font-weight: 500; position: absolute; left: 0; top: 50%; margin-top: -135px; background: url('/images/front/sub/talent_circle.jpg')no-repeat center center; background-size: cover; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.c_talent dt:after {content: ''; display: block; width: 50px; height: 2px; background: #dcdcdc; position: absolute; left: 100%; top: 50%; margin-top: -1px; margin-left: 50px;}
.c_talent dd {height: 270px; background: #f3f3f3; border-radius: 135px; -moz-border-radius: 135px; -webkit-border-radius: 135px;}
.c_talent dd > div {display: table; width: 100%; height: 100%;}
.c_talent dd > div > div {display: table-cell; width: 100%; vertical-align: middle; text-align: center;}
.c_talent dd h4 {color: #001f6c; font-size: 30pt;}
.c_talent dd h5 {font-size: 22pt; font-weight: 400; color: #555;}
.c_talent dd h5 span {font-weight: 700; color: #001f6c;}
.c_talent dd h5 br {}
.c_talent dd p {font-size: 20pt; color: #666; margin-top: 15px;}
.c_talent dd p br {}

@media (max-width:1420px){
	.c_talent {padding-left: 300px; margin-bottom: 30px;}
	.c_talent dt {width: 200px; height: 200px; line-height: 200px; font-size: 20pt; margin-top: -100px;}
	.c_talent dt:after {width: 30px; margin-left: 35px;}
	.c_talent dd {height: 200px;}
	.c_talent dd h4 {font-size: 18pt;}
	.c_talent dd h5 {font-size: 16pt;}
	.c_talent dd p {font-size: 14pt; margin-top: 10px;}
}

@media (max-width:991px){
	.c_talent {padding-left: 0;}
	.c_talent dt {width: auto; height: 50px; line-height: 50px; font-size: 14pt; margin-top: 0; position: static; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
	.c_talent dt:after {display: none;}
	.c_talent dd {height: auto; margin-top: 10px; padding: 20px 15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
	.c_talent dd h4 {font-size: 14pt;}
	.c_talent dd h5 {font-size: 14pt;}
	.c_talent dd h5 br {display: none;}
	.c_talent dd p {font-size: 11pt;}
	.c_talent dd p br {display: none;}
}



/* 학장인사말 */
.c_grtTop {text-align: center; color: #fff; padding: 60px 0; background: url('/images/front/sub/greeting_top_bg.jpg')no-repeat center top; background-size: cover;}
.c_grtTop h4 {font-size: 30pt;}
.c_grtTop h5 {font-size: 22pt; font-weight: 500; margin-top: 20px;}
.c_grtTop p {font-size: 14pt; margin-top: 20px;}
.c_grtTxt {position: relative; padding-right: 460px; margin-top: 40px;}
.c_grtTxt dt {position: absolute; right: 0; top: 0;}
.c_grtTxt dt:before {content: ''; display: block; width: 320px; height: 320px; background: #f3f3f3; position: absolute; right: 40px; top: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.c_grtTxt dt em {display: block; width: 320px; height: 320px; border: solid 6px #d5d5d5; position: relative; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-size: cover !important;}
.c_grtTxt dt p {position: relative; text-align: center; margin-top: 25px; font-size: 14pt;}
.c_grtTxt dt p span {font-size: 20pt; margin-left: 5px;}
.c_grtTxt dd {padding: 70px 0;}
.c_grtTxt dd p {color: #555; font-size: 14pt; line-height: 1.6em;}

@media (max-width:991px){
	.c_grtTop {margin: 0 -15px; padding: 30px 15px;}
	.c_grtTop h4 {font-size: 18pt;}
	.c_grtTop h5 {font-size: 13pt; margin-top: 10px;}
	.c_grtTop h5 span {display: block;}
	.c_grtTop p {font-size: 11pt; margin-top: 10px;}
	.c_grtTop p br {display: none;}
	.c_grtTxt {padding-right: 0; margin-top: 30px;}
	.c_grtTxt dt {position: static;}
	.c_grtTxt dt:before {display: none;}
	.c_grtTxt dt em {width: 160px; height: 160px; margin: 0 auto; border: solid 4px #d5d5d5;}
	.c_grtTxt dt p {margin-top: 5px; font-size: 11pt;}
	.c_grtTxt dt p span {font-size: 14pt;}
	.c_grtTxt dd {padding: 0; margin-top: 30px;}
	.c_grtTxt dd p {font-size: 11pt;}
}



/* 교원소개 */
.c_subTab {border: solid 1px #eaeaea;}
.c_subTab:after {content: ''; display: table; clear: both;}
.c_subTab li {float: left; border-right: solid 1px #eaeaea;}
.c_subTab.col2 li {width: 50%;}
.c_subTab.col10 li {width: 20%;}
.c_subTab.col10 li:nth-child(1),
.c_subTab.col10 li:nth-child(2),
.c_subTab.col10 li:nth-child(3),
.c_subTab.col10 li:nth-child(4),
.c_subTab.col10 li:nth-child(5) {border-bottom: solid 1px #eaeaea;}
.c_subTab li a {display: block; text-align: center; height: 58px; line-height: 58px; font-size: 13pt;}
.c_subTab li a.on {background: #0092d9; color: #fff;}

@media (max-width:991px){
	.c_subTab.col10 li {width: 50%; border-bottom: solid 1px #eaeaea;}
	.c_subTab.col10 li:nth-child(9),
	.c_subTab.col10 li:nth-child(10) {border-bottom: none;}
	.c_subTab li a {height: 40px; line-height: 40px; font-size: 10pt;}
}

.c_tchList {margin: -15px -20px; padding-top: 40px;}
.c_tchList:after {content: ''; display: table; clear: both;}
.c_tchList li {float: left; width: 25%; padding: 15px 20px;}
.c_tchList li div {border: solid 1px #dedede; padding: 9px;}
.c_tchList li img {display: block; width: 100%;}
.c_tchList li h5 {height: 50px; line-height: 50px; margin-top: 10px; text-align: center; background: #efefef; color: #555; font-size: 16pt; font-weight: 400;}
.c_tchList li h5 span {color: #00294e; font-weight: 700; margin-right: 3px;}
.c_tchList li dl {margin-top: 5px; height: 140px;}
.c_tchList li dl dt {color: #0092d9; font-size: 12pt; font-weight: 700; border-bottom: solid 1px #efefef; padding: 10px;}
.c_tchList li dl dd {border-bottom: solid 1px #efefef; position: relative; padding: 10px 15px;}
.c_tchList li dl dd:before {content: ''; display: block; width: 4px; height: 4px; background: #333; position: absolute; left: 5px; top: 50%; margin-top: -2px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}

@media (max-width:991px){
	.c_tchList {margin: 0; padding-top: 30px;}
	.c_tchList li {float: none; width: 100%; padding: 0; margin-bottom: 10px;}
	.c_tchList li:last-child {margin-bottom: 0;}
	.c_tchList li div {padding: 10px;}
	.c_tchList li h5 {height: 40px; line-height: 40px; margin-top: 10px; font-size: 13pt;}
	.c_tchList li dl {height: auto;}
	.c_tchList li dl dt {font-size: 11pt;}
	.c_tchList li dl dd {font-size: 10pt;}
}



/* 연혁 */
.c_hsty {margin-top: 80px; position: relative;}
.c_hsty:before {content: ''; display: block; position: absolute; left: 15px; top: 15px; bottom: 15px; width: 1px; background: url('/images/front/sub/history_dashed.png'); background-size: 1px auto;}
.c_hsty dl {position: relative; padding-left: 240px;}
.c_hsty dl dt {position: absolute; padding-left: 60px; left: 0; top: 15px; height: 30px; line-height: 30px; font-size: 22pt; font-weight: 900; color: #164a9a;}
.c_hsty dl dt:before {content: ''; display: block; width: 30px; height: 30px; background: #164a9a; border: solid 10px #d6d6d6; position: absolute; left: 0; top: 50%; margin-top: -15px; box-sizing: border-box; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.c_hsty dl dd {position: relative; padding: 15px 0 15px 80px; margin-bottom: 6px;}
.c_hsty dl dd:last-child:after {content: ''; display: block; height: 6px; position: absolute; left: 0; right: 0; top: 100%; background: url('/images/front/sub/history_line.png'); background-size: 7px auto;}
.c_hsty dl dd h5 {position: absolute; left: 0; top: 13px; font-size: 16pt;}
.c_hsty dl dd p {font-size: 14pt;}
.c_hsty dl dd p span.sky {color: #0092d9;}

@media (max-width:991px){
	.c_hsty {margin-top: 30px;}
	.c_hsty:before {left: 10px; top: 10px; bottom: 60px;}
	.c_hsty dl {padding-left: 0; margin-top: 10px;}
	.c_hsty dl:first-child {margin-top: 0;}
	.c_hsty dl dt {position: relative; padding-left: 40px; top: 0; font-size: 16pt;}
	.c_hsty dl dt:before {width: 21px; height: 21px; border: solid 6px #d6d6d6; margin-top: -10px;}
	.c_hsty dl dd {padding: 10px 0 10px 95px; margin-bottom: 3px;}
	.c_hsty dl dd:last-child:after {height: 3px; background-size: auto 100%; left: 40px;}
	.c_hsty dl dd h5 {top: 9px; font-size: 11pt; left: 40px;}
	.c_hsty dl dd p {font-size: 11pt;}
	.c_hsty dl dd p span.sky {color: #0092d9;}
}



/* 찾아오시는길 */
.c_locMap {margin-top: 40px;}
.c_locMap img {display: block; width: 100%;}
.c_locMap .c_subTb {margin-top: 60px;}
.c_locBtn {text-align: center; padding-top: 30px; padding-bottom: 80px; text-align: center;}
.c_locBtn a {display: inline-block; width: 200px; height: 60px; line-height: 60px; background: #00294e; color: #fff; text-align: center; font-size: 14pt;}
.c_locBtn a:after {content: ''; display: inline-block; vertical-align: middle; margin-left: 20px; width: 20px; height: 20px; margin-top: -3px; background: url('/images/front/sub/location_btn.png')no-repeat center center;}
.c_subTb {border-top: solid 2px #454545; border-left: solid 2px #fff; border-right: solid 2px #fff;}
.c_subTb th,
.c_subTb td {padding: 20px; text-align: center; border: solid 1px #ccc;}
.c_subTb th {background: #fafafa; font-weight: 500;}
.c_subTb td {}
.c_locTitle {margin-top: 50px; margin-bottom: 15px; color: #042568; font-size: 18pt;}
.c_locCall {background: #0092d9; padding: 20px 30px;}
.c_locCall:after {content: ''; display: table; clear: both;}
.c_locCall li {float: left; position: relative; padding-left: 40px; height: 30px; line-height: 30px; color: #fff; font-size: 14pt; margin-right: 50px;}
.c_locCall li:last-child {margin-right: 0;}
.c_locCall li:before {content: ''; display: block; width: 30px; height: 30px; position: absolute; left: 0; top: 50%; margin-top: -15px; background-size: 16px auto !important; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.c_locCall li:nth-child(1):before {background: #fff url('/images/front/sub/location_ico01.png')no-repeat center center;}
.c_locCall li:nth-child(2):before {background: #fff url('/images/front/sub/location_ico02.png')no-repeat center center;}
.c_locCall li:nth-child(3):before {background: #fff url('/images/front/sub/location_ico03.png')no-repeat center center;}
.c_locBus {margin-top: 50px; position: relative; padding-left: 80px;}
.c_locBus:before {content: ''; display: block; width: 60px; height: 60px; position: absolute; left: 0; top: 0; background-size: 44px auto !important; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.c_locBus.ico01:before {background: #042568 url('/images/front/sub/location_symbol01.png')no-repeat center center;}
.c_locBus.ico02:before {background: #042568 url('/images/front/sub/location_symbol02.png')no-repeat center center;}
.c_locBus.ico03:before {background: #042568 url('/images/front/sub/location_symbol03.png')no-repeat center center;}
.c_locBus dt {font-size: 14pt; font-weight: 500;}
.c_locBus dd {margin-top: 10px; font-size: 12pt;}
.c_locBus dd span {color: #042568; font-weight: 500;}
.c_locBus dd em {display: inline-block; vertical-align: middle; width: 20px; height: 20px; line-height: 20px; font-size: 11pt; margin-top: -2px; text-align: center; color: #fff; margin-left: 3px; margin-right: 3px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.c_locBus dd em.line1 {background: #ff6c00;}
.c_locBus dd em.line2 {background: #4ed30c;}

@media (max-width:991px){
	.c_locMap {margin-top: 30px;}
	.c_locMap .subTb {margin-top: 30px;}
	.c_locBtn {padding-top: 15px; padding-bottom: 30px;}
	.c_locBtn a {width: 160px; height: 50px; line-height: 50px; font-size: 11pt;}
	.c_locBtn a:after {margin-left: 10px; width: 12px; height: 12px; margin-top: -4px; background-size: cover;}
	.c_subTb th,
	.c_subTb td {padding: 10px; font-size: 10pt;}
	.c_locTitle {margin-top: 30px; margin-bottom: 5px; font-size: 14pt;}
	.c_locCall {padding: 15px;}
	.c_locCall li {float: none; padding-left: 34px; height: 24px; line-height: 24px; font-size: 10pt; margin-right: 0; margin-bottom: 5px;}
	.c_locCall li:last-child {margin-bottom: 0;}
	.c_locCall li:before {width: 24px; height: 24px; margin-top: -12px; background-size: 12px auto !important;}
	.c_locBus {margin-top: 30px; padding-left: 0;}
	.c_locBus:before {display: none;}
	.c_locBus dt {font-size: 14pt; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 2px #333; color: #042568;}
	.c_locBus dd {margin-top: 10px; font-size: 11pt;}
	.c_locBus dd em {width: 15px; height: 15px; line-height: 15px; font-size: 9pt;}
}





/* 학과소개 */
.c_hakTop {margin-bottom: 80px; padding: 300px 25% 80px 25%; background-size: 100% auto;}
.c_hakTop > div {margin-bottom: -80px; background: #fff; padding-top: 30px; text-align: center; border-radius: 60px 60px 0px 0px; -moz-border-radius: 60px 60px 0px 0px; -webkit-border-radius: 60px 60px 0px 0px;}
.c_hakTop h4 {font-size: 18pt;}
.c_hakTop p {font-size: 12pt; font-weight: 300; margin-top: 5px;}
.c_hakTop ul {margin-top: 20px;}
.c_hakTop ul li {display: inline-block; margin: 0 15px;}
.c_hakTop ul li b {display: inline-block; position: relative; padding-left: 10px; margin-right: 5px;}
.c_hakTop ul li b:before {content: ''; display: block; width: 4px; height: 4px; background: #333; position: absolute; left: 0; top: 50%; margin-top: -1px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.c_hakTop a {display: inline-block; margin-top: 30px; width: max-content; height: 60px; line-height: 60px; color: #fff; background: #00294e; font-size: 12pt; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; padding: 0 20px;}
.c_hakTop a:after {content: ''; display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-left: 10px; margin-top: -3px; background: url('/images/front/sub/c_hak_blank.png')no-repeat center center;}
.c_hakIntro {margin-top: 40px;}
.c_hakIntro h5 {font-size: 30pt; color: #0092d9; font-weight: 500;}
.c_hakIntro p {font-size: 12pt; margin-top: 5px; line-height: 1.9em;}
.c_hakImg {padding-top: 50px; margin: 0 -35px;}
.c_hakImg:after {content: ''; display: table; clear: both;}
.c_hakImg li {float: left; padding: 0 35px;}
.c_hakImg.col2 li {width: 50%;}
.c_hakImg.col3 li {width: 33.3333%;}
.c_hakImg li img {display: block; width: 100%;}
.c_hakCont {margin-top: 50px;}
.c_hakCont h6 {color: #00294e; font-size: 18pt; font-weight: 500; margin-bottom: 10px;}
.c_hakCont p {font-size: 12pt; line-height: 1.9em;}
.c_subDsc {}
.c_subDsc li {position: relative; padding-left: 10px; margin-bottom: 5px; font-size: 12pt;}
.c_subDsc li:last-child {margin-bottom: 0;}
.c_subDsc li:before {content: ''; display: block; width: 4px; height: 4px; background: #333; position: absolute; left: 0; top: 10px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.c_hakLcn {}
.c_hakLcn:after {content: ''; display: table; clear: both;}
.c_hakLcn li {float: left; margin-right: 10px; margin-bottom: 10px;}
.c_hakLcn li:last-child {margin-right: 0;}
.c_hakLcn li span {display: block; text-align: center; height: 40px; line-height: 38px; border: solid 1px #dedede; padding: 0 30px; font-size: 12pt;}
.c_hakPrt {display: table; width: 100%; padding: 10px; margin-bottom: 10px; border: solid 1px #d6d6d6;}
.c_hakPrt dt {display: table-cell; width: 350px; padding-bottom: 60px; background: #f3f7f9; position: relative; vertical-align: middle; text-align: center; position: relative;}
.c_hakPrt dt h4 {font-size: 16pt;}
.c_hakPrt dt p {height: 60px; line-height: 60px; text-align: center; position: absolute; left: 0; right: 0; bottom: 0; background: #e6ebee; color: #727272; font-weight: 300;}
.c_hakPrt dt p span {font-weight: 700; margin-right: 5px;}
.c_hakPrt dd {display: table-cell; padding: 20px 30px;}
.c_hakPrt dd h5 {font-size: 15pt; font-weight: 500; color: #0092d9; margin-bottom: 20px;}
.c_hakPrt dd p {margin-top: 20px; padding-top: 20px; border-top: solid 1px #e6ebee;}
.c_hakPrt dd p img {display: block; max-width: 100%;}



@media (max-width:991px){
	.c_hakTop {margin-left: -15px; margin-right: -15px; margin-bottom: 30px; padding: 120px 15px 0 15px; background-size: cover;}
	.c_hakTop > div {margin-bottom: 0; border-radius: 30px 30px 0px 0px; -moz-border-radius: 30px 30px 0px 0px; -webkit-border-radius: 30px 30px 0px 0px;}
	.c_hakTop h4 {font-size: 16pt;}
	.c_hakTop p {font-size: 10pt; margin-top: 5px;}
	.c_hakTop ul {margin-top: 10px;}
	.c_hakTop ul li {display: block; margin: 0; margin-bottom: 3px;}
	.c_hakTop ul li:last-child {margin-bottom: 0;}
	.c_hakTop a {margin-top: 10px; /* width: 160px; */ height: 46px; line-height: 46px; font-size: 10pt;}
	.c_hakIntro {margin-top: 30px;}
	.c_hakIntro h5 {font-size: 20pt;}
	.c_hakIntro p {font-size: 11pt; line-height: 1.6em;}
	.c_hakImg {padding-top: 30px; margin: 0;}
	.c_hakImg li {padding: 0; margin-bottom: 10px;}
	.c_hakImg.col2 li {width: 100%;}
	.c_hakImg.col3 li {width: 100%;}
	.c_hakImg li img {display: block; width: 100%;}
	.c_hakCont {margin-top: 30px;}
	.c_hakCont h6 {font-size: 16pt; font-weight: 700; margin-bottom: 5px;}
	.c_hakCont p {font-size: 11pt; line-height: 1.6em;}
	.c_subDsc li {margin-bottom: 3px; font-size: 11pt;}
	.c_hakLcn li {margin-right: 5px; margin-bottom: 5px;}
	.c_hakLcn li span {height: 34px; line-height: 32px; padding: 0 15px; font-size: 10pt;}
	.c_hakPrt {display: block; padding: 10px; margin-bottom: 10px; border: solid 1px #d6d6d6;}
	.c_hakPrt dt {display: block; width: 100%; padding-bottom: 40px;}
	.c_hakPrt dt h4 {font-size: 14pt; padding: 100px 0;}
	.c_hakPrt dt p {height: 40px; line-height: 40px; font-size: 11pt;}
	.c_hakPrt dd {padding: 15px 5px;}
	.c_hakPrt dd h5 {font-size: 13pt; margin-bottom: 15px;}
	.c_hakPrt dd p {margin-top: 15px; padding-top: 15px; font-size: 11pt;}
}



/* 부속기관 */
.c_orgWrap {margin: 0 -40px; margin-top: -40px;}
.c_orgWrap.first {margin-top: 0;}
.c_orgRow {display: table; width: 100%; border-spacing: 40px;}
.c_orgCol {display: table-cell; width: 50%; border: solid 1px #d6d6d6; }
.c_orgCon {padding: 10px 10px 30px;}
.c_orgCon h5 {height: 60px; line-height: 60px; text-align: center; background: #f3f7f9; font-size: 16pt; font-weight: 500;}
.c_orgCon p {margin-top: 20px; font-size: 12pt; font-weight: 300;}
.c_orgCon ul {margin-top: 20px;}
.c_orgCon ul li {font-size: 12pt; margin-bottom: 5px; font-weight: 300;}
.c_orgCon ul li:last-child {margin-bottom: 0;}
.c_orgCon ul li b {display: inline-block; position: relative; padding-left: 10px; margin-right: 5px; font-weight: 500;}
.c_orgCon ul li b:before {content: ''; display: block; width: 4px; height: 4px; background: #333; position: absolute; left: 0; top: 50%; margin-top: -1px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.c_orgCon > a {display: block; margin: 30px auto 0 auto; width: 220px; text-align: center; height: 60px; line-height: 60px; color: #fff; background: #00294e; font-size: 12pt; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}
.c_orgCon > a:after {content: ''; display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-left: 10px; margin-top: -3px; background: url('/images/front/sub/hak_blank.png')no-repeat center center;}
.c_orgCol.bdNon {border: none;}

@media (max-width:991px){
	.c_orgWrap {margin: 0;}
	.c_orgWrap.first {margin-top: 30px;}
	.c_orgRow {display: block;}
	.c_orgCol {display: block; width: 100%; margin-bottom: 15px;}
	.c_orgCon {padding: 10px 10px 30px;}
	.c_orgCon h5 {height: 40px; line-height: 40px; font-size: 13pt;}
	.c_orgCon p {margin-top: 15px; font-size: 11pt;}
	.c_orgCon ul {margin-top: 10px;}
	.c_orgCon ul li {font-size: 11pt; margin-bottom: 3px;}
	.c_orgCon > a {margin: 20px auto 0 auto; width: 160px; height: 46px; line-height: 46px; font-size: 10pt;}
}



/* 사이트맵 */
.c_stMap {display: table; width: 100%; padding-bottom: 30px;}
.c_stMap dt {display: table-cell; vertical-align: top; width: 300px; padding-top: 25px; border-top: solid 2px #0092d9; line-height: 1.0em; color: #0092d9; font-size: 18pt; font-weight: 500;}
.c_stMap dd {display: table-cell; vertical-align: top; padding-top: 25px; padding-left: 25px; border-top: solid 2px #f3f7f9;}
.c_stMap dd > ul {}
.c_stMap dd > ul:after {content: ''; display: table; clear: both;}
.c_stMap dd > ul > li {float: left; width: 25%; margin-bottom: 30px;}
.c_stMap dd > ul > li > a {font-size: 12pt; font-weight: 500;}
.c_stMap dd > ul > li > ul {margin-top: 15px;}
.c_stMap dd > ul > li > ul > li {position: relative; padding-left: 10px; margin-bottom: 10px;}
.c_stMap dd > ul > li > ul > li:last-child {margin-bottom: 0;}
.c_stMap dd > ul > li > ul > li:before {content: ''; display: block; width: 3px; height: 3px; background: #333; position: absolute; left: 0; top: 50%; margin-top: -2px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.c_stMap dd > ul > li > ul > li > a {}

@media (max-width:991px){
	.c_stMap {display: block; padding-bottom: 30px;}
	.c_stMap dt {display: block; width: 100%; padding-top: 0; padding-bottom: 10px; border-top: none; border-bottom: solid 2px #0092d9; font-size: 14pt;}
	.c_stMap dd {display: block; padding-top: 0; padding-left: 0; border-top: none;}
	.c_stMap dd > ul > li {float: none; width: 100%; margin-bottom: 0; padding: 10px 0; border-bottom: solid 1px #ddd;}
	.c_stMap dd > ul > li > ul {margin-top: 5px;}
}





/* 공지사항 */
.c_bdCont {}
.c_brdTop {padding-bottom: 20px;}
.c_brdTop:after {content: ''; display: table; clear: both;}
.c_brdTop p {float: left; font-size: 15px; color: #555; margin-top: 20px; position: relative;}
.c_brdTop p span {font-weight: 700;}
.c_brdTop p b {color: #3e82e7; font-weight: 500; display: inline-block; position: relative; padding-left: 10px; margin-left: 10px;}
.c_brdTop p b:before {content: ''; display: block; width: 1px; height: 12px; background: #333; position: absolute; left: 0; top: 50%; margin-top: -6px;}
.c_brdSch {float: right;}
.c_brdSch:after {content: ''; display: table; clear: both;}
.c_brdSch dt {float: left; margin-right: 5px;}
.c_brdSch dt select {display: block; width: 130px; height: 40px;}
.c_brdSch dd {float: left; position: relative;}
.c_brdSch dd input[type="text"] {display: block; width: 220px; height: 40px; border: solid 1px #ccc; padding-left: 10px; padding-right: 40px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.c_brdSch dd a,
.c_brdSch dd button {display: block; width: 40px; height: 40px; position: absolute; right: 0; top: 0; text-indent: -9999px; background: #454545 url('/images/front/sub/c_board_search.png')no-repeat center center; background-size: 20px auto;}
.c_brdList {}
.c_brdList th,
.c_brdList td {text-align: center; padding: 15px; font-size: 11pt;}
.c_brdList th {border-top: solid 2px #454545; border-bottom: solid 1px #ccc; background: #fafafa; font-weight: 600;}
.c_brdList td {border-bottom: solid 1px #ccc;}
.c_brdList td.bdlNum {color: #666;}
.c_brdList td.bdlTitle {text-align: left;}
.c_brdList td.bdlTitle a {display: inline-block; max-width: 85%; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.c_brdList td.bdlTitle a .bdlNew {display: inline-block; vertical-align: middle; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-top: -2px; background: #009fda; color: #fff; margin-left: 5px; font-size: 8pt;}
.c_brdList td.bdlTitle img {display: inline-block; vertical-align: middle; margin-left: 5px;}
.c_brdList td.bdlFile img {width: 18px;}
.c_brdList td.bdlUser {}
.c_brdList td.bdlDate {}
.c_brdList td.bdlCount {}
.c_brdList tr.noti td.bdlNum span {display: inline-block; border: solid 1px #333; padding: 2px 10px; font-size: 9pt;}
.c_brdList tr.noti td.bdlTitle a {color: #222;}
.c_paging {text-align:center; margin-top: 30px;}
.c_paging a {display:inline-block; vertical-align:middle; width:38px; height:38px; line-height:38px; position: relative; font-family: 'Roboto', sans-serif; color: #999; font-size: 11pt;}
.c_paging > a {width:40px; height:40px; line-height:40px; text-indent:-9999px; background-size: 10px auto !important; border: solid 1px #ddd;}
.c_paging a.first {background:url('/images/front/sub/paging_first.png')no-repeat center center; border-right: none; margin-right: -2px;}
.c_paging a.prev {background:url('/images/front/sub/paging_prev.png')no-repeat center center; border-right: none; margin-right: -3px;}
.c_paging a.next {background:url('/images/front/sub/paging_next.png')no-repeat center center; border-left: none; margin-left: -3px;}
.c_paging a.last {background:url('/images/front/sub/paging_last.png')no-repeat center center; border-left: none; margin-left: -2px;}
.c_paging ul {display:inline-block; vertical-align:middle; border: solid 1px #ddd;}
.c_paging ul li {display:inline-block; vertical-align:middle; position: relative; border-right: solid 1px #ddd;}
.c_paging ul li:last-child {border-right: none;}
.c_paging ul li.on a {font-weight: 700; color: #009fda;}
.brdBtn {margin-top: 20px; text-align: right;}
.brdBtn a {display: inline-block; width: 100px; height: 50px; line-height: 48px; text-align: center; border: solid 1px #003276; color: #003276; font-size: 16px; font-weight: 500; margin-left: 5px;}
.c_brdView {border-top: solid 2px #454545; border-left: solid 2px #fff; border-right: solid 2px #fff;}
.c_brdView th,
.c_brdView td {padding: 15px; font-size: 11pt; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
.c_brdView th {text-align: center; font-weight: 500; background: #fafafa;}
.c_brdView td {}
.c_brdView td.bdvTitle {text-align: center; font-size: 14pt; font-weight: 700;}
.c_brdView td.bdvEdit {padding: 30px;}
.c_brdView td.bdvEdit img {max-width: 100%;}
.c_bdvFile {display: inline-block; padding-left: 30px; background: url('/images/front/sub/board_file.png')no-repeat left center; background-size: 18px auto;}
.c_bdvBtn {padding-top: 30px; padding-bottom: 60px; text-align: center;}
.c_bdvBtn a {display: inline-block; width: 140px; height: 60px; line-height: 56px; border: solid 2px #00294e; color: #00294e; font-size: 12pt; font-weight: 500;}
.c_bdvNav {}
.c_bdvNav th,
.c_bdvNav td {border-top: solid 1px #dddee0; border-bottom: solid 1px #dddee0; padding: 13px 20px;}
.c_bdvNav th {background: #fafafa; text-align: center; width: 150px;}
.c_bdvNav th span {display: inline-block; padding-left: 20px; position: relative; color: #000;}
.c_bdvNav th span:before {content: ''; display: block; width: 9px; height: 5px; position: absolute; left: 0; top: 50%; margin-top: -3px; background: url('/images/front/sub/board_nav_arrow.png')no-repeat; background-size: 100% auto;}
.c_bdvNav th span.bdvnPrv:before {background-position: center bottom;}
.c_bdvNav th span.bdvnNxt:before {background-position: center top;}
.c_bdvNav td a {color: #555;}
.c_glyList {margin: 0 -50px;}
.c_glyList:after {content: ''; display: table; clear: both;}
.c_glyList li {float: left; width: 33.3333%; padding: 0 50px; margin-bottom: 30px;}
.c_glyList li a {display: block;}
.c_glyList li a em {display: block; padding-bottom: 72.5%; background-size: cover !important;}
.c_glyList li a p {text-align: center; margin-top: 20px; font-size: 12pt; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


@media (max-width:991px){
	.c_bdCont {}
	.c_brdTop.all {position: relative; padding-top: 40px;}
	.c_brdTop p {float: none; margin-bottom: 5px; margin-top: 0; font-size: 10pt;}
	.c_brdTop p span {}
	.c_brdTop p b {}
	.c_brdSch {float: none;}
	.c_brdSch dt {margin-right: 0; padding-right: 2px; width: 30%;}
	.c_brdSch dt select {width: 100%;}
	.c_brdSch dd {width: 70%;}
	.c_brdSch dd input[type="text"] {width: 100%;}
	.c_brdList thead,
	.c_brdList colgroup {display: none;}
	.c_brdList,
	.c_brdList tbody,
	.c_brdList tr,
	.c_brdList td {display: block; width: 100%;}
	.c_brdList {border-top: solid 1px #2f4a3e;}
	.c_brdList tr {border-bottom: dotted 1px #aaa; padding: 15px 40px 15px 0; position: relative;}
	.c_brdList tr:after {content: ''; display: table; clear: both;}
	.c_brdList td {text-align: left; padding: 0; font-size: 11pt; border-bottom: none;}
	.c_brdList td.bdlNum {width: auto; font-size: 9pt; position: absolute; right: 0; top: 17px;}
	.c_brdList td.bdlNum:before {content: 'No. ';}
	.c_brdList td.bdlTitle {width: 100%; float: left;}
	.c_brdList td.bdlTitle a {font-size: 12pt; font-weight: 500;}	
	.c_brdList td.bdlFile,
	.c_brdList td.bdlUser,
	.c_brdList td.bdlDate,
	.c_brdList td.bdlCount {float: left; width: auto; position: relative; font-size: 9pt; letter-spacing: 0.025em;}
	.c_brdList td.bdlFile {margin-right: 5px; padding-top: 2px;}
	.c_brdList td.bdlFile img {display: block; width: 16px;}
	.c_brdList td.bdlUser,
	.c_brdList td.bdlDate {padding-right: 8px; margin-right: 7px;}
	.c_brdList td.bdlUser:after,
	.c_brdList td.bdlDate:after {content: ''; display: block; width: 1px; height: 10px; background: #aaa; position: absolute; right: 0; top: 50%; margin-top: -5px;}
	.c_brdList tr.noti {background: none;}
	.c_brdList tr.noti td.bdlNum:before {display: none;}
	.c_paging a {width:28px; height:28px; line-height:28px; font-size: 10pt;}
	.c_paging > a {background-size:auto 7px !important; width: 30px; height: 30px; line-height: 30px;}
	.c_paging ul {margin:0;}
	.c_paging ul li.on a:after {width: 12px; height: 2px; margin-left: -6px;}
	.brdBtn a {height: 38px; line-height: 36px; font-size: 10pt; width: 80px;}
	.c_brdView th,
	.c_brdView td {padding: 10px 5px; font-size: 10pt;}
	.c_brdView td.bdvTitle {font-size: 12pt;}
	.c_brdView td.bdvEdit {padding: 20px 5px;}
	.c_bdvBtn {padding-top: 15px; padding-bottom: 30px;}
	.c_bdvBtn a {width: 100px; height: 42px; line-height: 38px; font-size: 11pt;}
	.c_bdvNav th,
	.c_bdvNav td {padding: 10px; font-size: 10pt;}
	.c_bdvNav th {width: 80px;}
	.c_bdvNav th span {padding-left: 15px;}
	.c_glyList {margin: 0 -5px; margin-bottom: -20px;}
	.c_glyList li {width: 50%; padding: 0 5px; margin-bottom: 15px;}
	.c_glyList li a p {margin-top: 10px; font-size: 10pt;}

}

/* 탑버튼 */
.topBtn { position:absolute; right:5%; top:10px; width:42px; height:42px; line-height:42px; border-radius:100%; border:1px solid #7b7b7b; text-align:center;}
.topBtn a { display:block; color:#e5e5e5; font-size:14px;}

@media (max-width:991px) {
	.topBtn {top:4px;}
	
}





.pos-0 {position: absolute; top: 8%; left: 8%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-1 {position: absolute; top: 8%; left: 24%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-2 {position: absolute; top: 8%; left: 40%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-3 {position: absolute; top: 8%; left: 56%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-4 {position: absolute; top: 8%; left: 74%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-5 {position: absolute; top: 8%; left: 90%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}

.pos-6 {position: absolute; top: 24%; left: 8%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-7 {position: absolute; top: 24%; left: 24%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-8 {position: absolute; top: 24%; left: 40%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-9 {position: absolute; top: 24%; left: 56%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-10 {position: absolute; top: 24%; left: 74%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-11 {position: absolute; top: 24%; left: 90%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}

.pos-12 {position: absolute; top: 40%; left: 8%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-13 {position: absolute; top: 40%; left: 24%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-14 {position: absolute; top: 40%; left: 40%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-15 {position: absolute; top: 40%; left: 56%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-16 {position: absolute; top: 40%; left: 74%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-17 {position: absolute; top: 40%; left: 90%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}

.pos-18 {position: absolute; top: 56%; left: 8%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-19 {position: absolute; top: 56%; left: 24%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-20 {position: absolute; top: 56%; left: 40%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-21 {position: absolute; top: 56%; left: 56%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-22 {position: absolute; top: 56%; left: 74%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-23 {position: absolute; top: 56%; left: 90%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}

.pos-24 {position: absolute; top: 74%; left: 8%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-25 {position: absolute; top: 74%; left: 24%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-26 {position: absolute; top: 74%; left: 40%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-27 {position: absolute; top: 74%; left: 56%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-28 {position: absolute; top: 74%; left: 74%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-29 {position: absolute; top: 74%; left: 90%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}

.pos-30 {position: absolute; top: 90%; left: 8%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-31 {position: absolute; top: 90%; left: 24%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-32 {position: absolute; top: 90%; left: 40%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-33 {position: absolute; top: 90%; left: 56%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-34 {position: absolute; top: 90%; left: 74%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}
.pos-35 {position: absolute; top: 90%; left: 90%; color: #fff; font-size: 40pt; text-shadow: 5px 5px 16px rgb(0 0 0 / 40%);}





@media (max-width:1420px) {
	.a_mpCont:nth-child(5) {display:none;}
	.b_mpCont:nth-child(5) {display:none;}
	.c_mpCont:nth-child(5) {display:none;}
}

@media (max-width:1170px) {
	.a_mpCont:nth-child(4) {display:none;}
	.b_mpCont:nth-child(4) {display:none;}
	.c_mpCont:nth-child(4) {display:none;}
}

@media (max-width:991px) {
	.a_mpCont:nth-child(4) {display:none;}
	.b_mpCont:nth-child(4) {display:none;}
	.c_mpCont:nth-child(4) {display:none;}
}

@media (max-width:829px) {
	.a_mpCont:nth-child(3) {display:none;}
	.b_mpCont:nth-child(3) {display:none;}
	.c_mpCont:nth-child(3) {display:none;}
}

@media (max-width:589px) {
	.a_mpCont:nth-child(2) {display:none;}
	.b_mpCont:nth-child(2) {display:none;}
	.c_mpCont:nth-child(2) {display:none;}
}

/* 
.a_mcQck2 {margin: 0 -5px; text-align: center;}
.a_mcQck2:after {content: ''; display: table; clear: both;}
.a_mcQck2 li {display: inline-block; width: 25%; padding: 0 8px; border: solid 1px #ddd; padding: 0 8px; min-width:108px;}
.a_mcQck2 li a {display: block; padding-top: 20px; height: 140px}
.a_mcQck2 li a > div {display: table; width: 100%; height: 100%;}
.a_mcQck2 li a > div > div {display: table-cell; width: 100%; vertical-align: middle; text-align: center;}
.a_mcQck2 li a em {display: block; width: 60px; height: 60px; background-size: cover !important; margin: 0 auto;}
.a_mcQck2 li a span {display: block; color: #009fda; font-size: 13pt; font-weight: 500; margin-top: 10px; line-height: 30px;}



@media (max-width:1500px){
	.a_mcQck2 li {width: 25%; padding: 0 8px; border: solid 1px #ddd;}
	.a_mcQck2 li a {height: auto; padding: 3px 0;}
	.a_mcQck2 li a > div {display: block; border: none;}
	.a_mcQck2 li a > div > div {display: block; padding: 30px 0;}
	.a_mcQck2 li a em {width: 40px; height: 40px;}
	.a_mcQck2 li a span {font-size: 9pt; margin-top: 5px;}
}
 */
 
 /* .mceSldr_ {text-align:center;} */

/* .innerBanner {position: absolute;} */
@media (max-width:991px){
	.lgnTitle {padding: 15px 0;}
	.lgnTitle h5 {font-size: 18pt;}
	.lgnTitle p {font-size: 10pt; margin-top: 0;}
	.lgnCont {margin-top: 30px;}
	.lgnIpt li {margin-top: 10px; padding-left: 50px;}
	.lgnIpt li input {height: 50px; font-size: 11pt;}
	.lgnIpt li label {width: 50px; height: 50px;}
	.lgnSbmt {height: 60px; line-height: 60px; font-size: 14pt;}
}

/* 21.6.27 로그인 스타일 추가 */
.lgnTitle {border-top: solid 1px #555; border-bottom: solid 1px #555; text-align: center; padding: 30px 0;}
.lgnTitle h5 {color: #042568; font-size: 22pt; font-weight: 500;}
.lgnTitle p {font-size: 11pt; color: #777; margin-top: 10px;}
.lgnCont {margin-top: 30px; width: 100%; max-width: 540px; margin-left: auto; margin-right: auto;}
.lgnCont p {color: #aaa; font-size: 10pt;}
.lgnIpt {}
.lgnIpt li {border: solid 1px #ddd; margin-top: 10px; position: relative; padding-left: 60px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 20px;}
.lgnIpt li input {display: block; height: 60px; font-size: 12pt;}
.lgnIpt li label {display: block; width: 60px; height: 60px; position: absolute; left: 0; top: 0; text-indent: -9999px;}
/* .lgnIpt li:nth-child(1) label {background: url('/images/apply/sub/login_ico01.png')no-repeat center center;} */
.lgnIpt li:nth-child(1) label {background: url('/images/apply/sub/login_ico02.png')no-repeat center center;}
.lgnIpt li:nth-child(2) label {background: url('/images/apply/sub/login_ico01.png')no-repeat center center;}
.lgnIpt li:nth-child(3) label {background: url('/images/apply/sub/login_ico01.png')no-repeat center center;}
.lgnIpt li:nth-child(4) label {background: url('/images/apply/sub/login_ico02.png')no-repeat center center;}
.lgnSbmt {display: block; height: 80px; line-height: 80px; text-align: center; background: #3e81e7; color: #fff; font-size: 18pt; font-weight: 500; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
 
/* 21.6.27 input태그 디자인 추가 */
.input_style {width: 100%; border: 1px solid #ccc;}

 
/* 부경대 빌더 수정사항 b시안 서브메뉴바 이미지위로 옮기기 그리고 서브 수정 #b_subNav{box-shadow: grey 2px -10px 20px;} */
#b_subNav{height: 60px !important; position: relative; padding-bottom: 0px; background: rgba(0,0,0,0.5); box-shadow: #80808026 0px 3px 4px 0px;}
@media (max-width:991px){
	#b_subNav {height: 41px !important;}
}




/* 21.07.06 교수진 교직원 소개 */
.tch_info {width: calc(100% - 160px); position: relative; top: -20px; padding: 0 15px;}
.tch_info, .tch_sub_R, .tch_sub_L {display: inline-block;}
.cf:after {display: block; clear: both; content: '';}
.tch_sub_L {padding: 0 15px;}
.tch_sub_L {width: 70%;}
.tch_sub_L li {padding: 4px 0;} 
.detail {
	padding: 5px 10px;
    margin-top: 20px;
    width: 220px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    background: #00294e;
    font-size: 12pt;
    }
.detail:after {content: '';
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    margin-top: -3px;
    background: url(/images/front/sub/c_hak_blank.png)no-repeat center center;}


.tch_sub_L li:first-child {border-bottom: 1px solid #dadada; margin-bottom: 10px; padding: 0;}
.tch_sub_L li:last-child {height: 53px;}
/* .tch_sub_R {float: right; padding-right: 140px;}
.tch_sub_R:after {display: inline-block; clear: both; content: '';} */
.a_tch_name {color: #27348a; margin-bottom: 10px; font-size: 1.4em; display: inline-block; word-break: break-all;}
.tch_list {display: inline-flex; border: 1px solid #dadada; padding: 15px; width: 48.6%; margin-bottom: 30px;}
/* .tch_list:nth-child(2n-1) {margin-right: 10px;} */

.tch_form {padding: 30px 0;}


@media (max-width: 1400px) {
	.tch_sub_L {width: 66%;}
}

/* @media (max-width: 1086px) {
	.a_tch_name {font-size: 1.2em;}
} */

@media (max-width: 1019px) {
	.tch_sub_L {width: 56%;}
}

@media (max-width: 999px) {
	.tch_sub_L {width: 56%;}
	.a_tch_name {font-size: 20px;}
}

@media (max-width: 794px) {
	.tch_list {width: 100%; margin-bottom: 20px;}
	.tch_sub_L {width: 66%;}
	.a_tch_name {font-size: 20px;}
}

@media (max-width: 659px) {
	.tch_sub_L {width: 56%;}
}


@media (max-width: 410px) {
	.tch_sub_L {width: 46%;}
}


.tch_tab li {width: 16.66%; float: left; border: solid 1px #ddd; border-right: none; overflow: hidden;}
.tch_tab li:last-child {border-right: solid 1px #ddd;}
.tch_click {border-color: #037; background: #037;}

.tch_tab li a {display: block; height: 58px; line-height: 58px; text-align: center;}
.tch_click a {color: #fff; font-weight: 700;}
.tch_in_sub li {font-size: 1.0em; padding: 7px 0;}



@media (max-width: 768px) {
	.tch_tab li a {height: 48px; line-height: 48px; font-size: 7pt;}
	
}

.tch_tab {margin-bottom: 130px;}
.tch_in { padding: 15px 0; border-bottom: solid 1px #ccc; border-top: solid 2px #000; margin-bottom: 50px; display: flex;}
.tch_in div {display: inline-flex; padding-left: 15px; height: 200px; flex-direction: column; justify-content: space-between;}
/* 21.07.29 메일아이콘 터짐 수정 .tch_in img {width: 150px; height: 200px;} */

/*24.06.28 수정*/
@media (max-width: 575px) {
	.tch_in {
	    flex-direction: column;
    	align-items: center;
	}
	.tch_in div {
		height: auto;
		padding-left: unset;
	}
	.tch_in_sub li {
		width: 100%;
	}
	.a_tch_name {
		margin-top: 10px;
	}
}


@media (max-width: 454px) {
	/* .tch_in_sub li {width: 180px;} */
	.tch_in_sub li {font-size: 13px;} 
	/* 21.08.03 이미지 터짐 수정 .tch_in img {width: 100px; height: 150px;} */
	/* .tch_in div {height: 150px;} */
}
/* .tch_in_sub {padding-top: 20px;} */



/* 21.7.08 조직및 업무안내 스타일 추가(인재개발원 차용) */
.secTitle {font-size: 16pt; font-weight: 500; margin-top: 10px;}
@media (max-width:768px) {
	.secTitle {font-size: 13pt;}
	.scrTb {width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
	.scrTb table {width: 1200px;}
	.csTb th,
	.csTb td {padding: 5px; font-size: 10pt;}
	.csTb.bdt2 th,
	.csTb.bdt2 td {padding: 10px;}
}
.myTitle {margin-top: 60px;}
@media (max-width:1000px) {
	.myTitle {margin-top: 30px;}
}
.csTb {border-left: solid 2px #fff; border-right: solid 2px #fff;}
.csTb th,
.csTb td {text-align: center; padding: 10px; font-size: 1.0em; border: solid 1px #ddd; background: #fff;}
.csTb th {border-top: solid 1px #454545; font-weight: bold; background: #fafafa;}
.csTb.bdt2 {border-top: solid 2px #454545;}
.csTb.bdt2 th,
.csTb.bdt2 td {padding: 20px;}
.tal {text-align: left !important;}


/* 21.07.08 학사일정 스타일 추가*/
.box.box-primary {
     border-top-color: #3c8dbc;
	}
	
	.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    margin-top: 10px;
    width: 100%;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
	}
	
	.table {
		width: 100%;
    	max-width: 100%;
    	margin-bottom: 20px;
    	border-spacing: 0;
    	border-collapse: collapse;
    	background-color: transparent;
	}
	.table > thead > tr > th {
    border-bottom: 2px solid #f4f4f4;
	}
	.table tbody tr td, .table tbody tr th, .table tr td, .table thead tr td, .table thead tr th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
	}
	
	.table>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
	}
	
	.lesson_btn {background: #0977dd; border: 1px solid #0266c2; line-height: 30px; font-weight: 700; color: #fff; text-align: center; display: inline-block; padding: 0 15px;}

	.lesson_bg {margin-bottom: 30px;}
	.lesson_bg ul {margin-bottom: 30px;}
	.lesson_bg ul li {margin-bottom: 10px;}
	
	
	/* 불릿 css */
	.bull_4:before {
	content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #164a9a;
    box-sizing: border-box;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 5px;
    }
    
    .bull_2:before {
	border: 1px solid #164a9a;
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 5px;
    }
    
    .bull_3:before {
	border: 1px solid #164a9a;
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    margin-right: 5px;
    }

	.bull_1 {
	background: url('/images/front/common/pg_dots.png')no-repeat left 3px;
	background-size: 17px auto;
	font-size: 20pt;
    font-weight: 500;
    /* 21.08.04 불릿 수정 height: 25px; */
    line-height: 30px;
    padding-left: 25px;
	}
	
	
	
	/* 2021.07.15 교수소개 탭*/
.sch_tab {
    width: 100%;
    height: 50px;
    display: block;
}


.sch_tab li {
	min-width: 14%;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sch_tab li:first-child:nth-last-child(1) {
  width: 50%;
}

.sch_tab li:first-child:nth-last-child(2),
.sch_tab li:first-child:nth-last-child(2) ~ li {
  width: 49.7%;
}

.sch_tab li:first-child:nth-last-child(3),
.sch_tab li:first-child:nth-last-child(3) ~ li {
   width: 33%;
}

.sch_tab li:first-child:nth-last-child(4),
.sch_tab li:first-child:nth-last-child(4) ~ li {
   width: 24.8%;
}

.sch_tab li:first-child:nth-last-child(5),
.sch_tab li:first-child:nth-last-child(5) ~ li {
  width: 19.7%;
}

.sch_tab li:first-child:nth-last-child(6),
.sch_tab li:first-child:nth-last-child(6) ~ li {
  width: 16.5%;
}

.sch_tab li:first-child:nth-last-child(7),
.sch_tab li:first-child:nth-last-child(7) ~ li {
  width: 14%;
}

.sch_tab li:first-child:nth-last-child(8),
.sch_tab li:first-child:nth-last-child(8) ~ li {
  width: 14%;
}


.sch_tab li.on {
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #3b3b3b;
    border-top: 3px solid #00294e;
    padding-top: 12px;
    text-align: center;
    letter-spacing: -1px;
    margin: 0 1px;
}

.sch_tab li.off {
    float: left;
    font-size: 14px;
    color: #d0d0d0;
    border-top: 3px solid #d0d0d0;
    padding-top: 12px;
    text-align: center;
    letter-spacing: -1px;
    margin: 0 1px;
}

.sch_tab li.on a {
    color: #3b3b3b;
}

.sch_tab li.off a {
    color: #d0d0d0;
}

.tch_cover {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tch_cover_2 {
	margin-top: 8%;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* 21.08.03 교수소개 탭 */
@media (max-width:800px){
		.sch_tab li:first-child:nth-last-child(1) {
	  width: 50%;
	}
	
	.sch_tab li:first-child:nth-last-child(2),
	.sch_tab li:first-child:nth-last-child(2) ~ li {
	  width: 48.5%;
	}
	
	.sch_tab li:first-child:nth-last-child(3),
	.sch_tab li:first-child:nth-last-child(3) ~ li {
	   width: 32%;
	}
	
	.sch_tab li:first-child:nth-last-child(4),
	.sch_tab li:first-child:nth-last-child(4) ~ li {
	   width: 23.8%;
	}
	
	.sch_tab li:first-child:nth-last-child(5),
	.sch_tab li:first-child:nth-last-child(5) ~ li {
	  width: 24%;
	}
	
	.sch_tab li:first-child:nth-last-child(6),
	.sch_tab li:first-child:nth-last-child(6) ~ li {
	  width: 24%;
	}
	
	.sch_tab li:first-child:nth-last-child(7),
	.sch_tab li:first-child:nth-last-child(7) ~ li {
	  width: 24%;
	}
	
	.sch_tab li:first-child:nth-last-child(8),
	.sch_tab li:first-child:nth-last-child(8) ~ li {
	  width: 24%;
	}
	
	.sch_tab {margin-bottom: 16%;}
	.sch_tab li {margin-bottom: 3% !important;}
	
}

@media (max-width:600px){
	.sch_tab {margin-bottom: 25%;}
	.sch_tab li {overflow: hidden;} 
}






/* 21.07.16 2뎁스 스타일*/
.gnbDpt2_ul li a {
	border-top: 0 !important;
	border-bottom: 0 !important;
	height: 40px !important;
	line-height: 40px !important;
}

.gnbDpt2_ul_m li a {
	border-top: 0 !important;
	border-bottom: 0 !important;
	/* height: 40px !important; */
	line-height: 20px !important;
	font-size: 11pt !important;
	padding: 10px 20px !important;
}


/* #a_sbLft ul li a {border-left: solid 1px #afb0b6; border-right: solid 1px #afb0b6; border-top: none; border-bottom: none; display: block; height: 60px; line-height: 58px; padding: 0 20px; position: relative; font-size: 13pt; font-weight: 500;} */
#a_sbLft ul li a {border-left: solid 1px #afb0b6; border-right: solid 1px #afb0b6; border-top: none; border-bottom: none; display: block; width: 100%;  height:auto; line-height: 25px; padding: 15px 20px; position: relative; font-size: 14pt; font-weight: 500; word-break: break-all;}

#a_sbLft ul li ul li a:first-child {border: solid 1px #afb0b6;}
 
.gnbDpt2_ul li:last-child {}
.gnbDpt2_ul_m li:last-child {border-bottom: solid 1px #afb0b6 !important;}



/* 21.07.20 연혁 스타일*/
.h_subCont {
    padding-top: 60px;
    padding-bottom: 60px;
}

.h_subCont:after {
    content: '';
    display: table;
    clear: both;
}

.h_subTitle {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2em;
}

.h_subTab {
    margin-top: 40px;
    border-bottom: solid 1px #3e81e7;
}

.h_subTab:after {
    content: '';
    display: table;
    clear: both;
}


.h_subTab.col5 li {
    width: 20%;
}

.h_subTab li {
    float: left;
}

.h_subTab li.current a {
    background: #3e81e7;
    color: #fff;
}

.h_subTab li a {
    display: block;
    background: #fafafa;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #888;
}

.h_hsty {
    margin-top: 60px;
    margin-bottom: 120px;
    display: table;
    width: 100%;
}

.h_hsty dt {
    display: table-cell;
    width: 220px;
    vertical-align: top;
    border-top: solid 1px #0f296f;
    color: #0f296f;
    font-size: 42pt;
    font-weight: 500;
    padding-top: 15px;
}

.h_hsty dd ul {
    border-top: solid 1px #eaeaea;
}

.h_hsty dd ul li {
    border-bottom: solid 1px #eaeaea;
    display: table;
    width: 100%;
    padding: 15px;
}

.h_hsty dd {
    display: block;
    vertical-align: top;
    padding-left: 80px;
}

.h_hsty dd ul li b {
    display: table-cell;
    vertical-align: top;
    width: 160px;
    font-size: 12pt;
    color: #3e81e7;
    font-weight: 500;
}

.h_hsty dd ul li span {
    display: table-cell;
    vertical-align: top;
    font-size: 11pt;
    color: #555;
    position: relative;
    padding-left: 10px;
}

.h_hsty dd ul li span:before {
    content: '';
    display: block;
    background: #555;
    width: 2px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 11px;
}

@media (max-width:950px) {
	.h_hsty dt {display: none;}
	.h_hsty dd {padding-left: 0px;}
	.h_hsty {margin-top: 30px; margin-bottom: 30px;}
	/* .h_hsty dd {border-top: solid 1px #0f296f;} */

}


/* 21.07.28 테이블 스크롤 */
.tb_min {
	min-width: 902px;
	
}

@media (max-width:950px){
	.tb_scroll {
	overflow-x: scroll;
	padding-bottom: 20px;
	}
		
}

/* 21.08.09 pc에서 3뎁스 제거(모바일에서는 유지), siteMap 모바일에서 줄바꿈 제거 */
@media (min-width:1201px){
	.gnbDpt2_ul_location {display:none !important;}
}
@media (max-width:991px){
	.jump_siteMap {display:none !important;}
}


/* 21.08.10 뎁스 수정 */
.dep2_on {
    border: solid 3px #27348a !important;
}
.dep3_on {color: #0092d9 !important;}























/* 게시판 템플릿 */
.e_mcTop {
	margin-bottom: 25px; 
	position: relative;
    margin-top: 12px;
}
.e_mcTop:after {
	content: ''; 
	display: table; 
	clear: both;}

.e_mcTab {
	float: left;
	position: relative;
}
.e_mcTab:after {
	content: ''; 
	display: table; 
	clear: both;
}
.e_mcTab li {
	float: left; 
	position: relative; 
	padding-right: 30px; 
}
.e_mcTab li:after {content: ''; display: block;}
.e_mcTab li:last-child {padding-right: 0; margin-right: 0;}
.e_mcTab li:last-child:after {display: none;}
.e_mcTab li a {display: block; font-size: 16pt; font-weight: 500; color: #888;}
.e_mcTab li a.on {color: #2478cd; font-weight: 700;}

.e_mcMore {
	display: block; 
	float: right; 
	width: 46px; 
	height: 46px; 
	position: relative; 
	text-indent: -9999px; 
	margin-top: -12px;

	border: 1px solid #888888;
}
.e_mcMore:before,
.e_mcMore:after {
	content: ''; 
	display: block; 
	background: #888; 
	position: absolute; 
	left: 50%; top: 50%;
}
.e_mcMore:before {width: 20px; height: 3px; margin-left: -11px; margin-top: -2px;}
.e_mcMore:after {width: 3px; height: 20px; margin-left: -2px; margin-top: -11px;}

.e_mcCont {
	position: relative;
	padding-top: 15px;
}
.e_mcCont::after {
	content: ''; 
	display: block; 
	clear: both;

	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #191919;
	top: -10px;
}

.e_mcList {}
.e_mcList:after {content: ''; display: table; clear: both;}

.e_mcList li {
	float: left; 
	width: 100%;
}
.e_mcList li:not(:last-child) {
	margin-right: 20px; 
}
.e_mcList li a {
	display: flex; 
	position: relative;
}
.e_mcList li a em {
	display: block;
	width: 100%;
	max-width: 200px;
	height: 150px; 
	background-size: cover !important;

	margin-right: 15px;
}
.e_mcList li a div {
	width: 100%;
}

.e_mcList li a h5 {
	width: 100%;
	font-size: 14pt; 
	font-weight: 500; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: normal; 
	line-height: 1.5; 
	word-wrap: break-word; 
	display: -webkit-box; -webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;

	margin-bottom: 20px;
}
.e_mcList li a .e_txt {
	color: #888; 
	font-size: 12pt;
	height: 72px;

	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: normal; 
	line-height: 1.5; 
	word-wrap: break-word; 
	display: -webkit-box; -webkit-line-clamp: 3; 
	-webkit-box-orient: vertical;

	margin-bottom: 10px;
}

.e_mcList li a .e_date {
	color: #a7a7a7; 
	font-size: 12pt; 
}
/* .d_mcList li a:after {
	content: ''; 
	display: block; 
	width: 50px; 
	height: 50px; 
	position: absolute; 
	right: 30px; 
	bottom: 30px; 
	background: #999 url('/images/front/main/main_community_ico.png')no-repeat center center; 
	background-size: 24px auto;
	border-radius: 50%; 
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%;
} */

.e_mcHalf {margin: 0 -20px; padding-top: 50px;}
.e_mcHalf:after {content: ''; display: table; clear: both;}
.e_mcHalf > div {float: left; width: 50%; padding: 0 20px;}


@media (max-width:1420px){

	#mCmt {padding-bottom: 50px;}
	.e_mcTop {margin-bottom: 20px;}
	.e_mcTab li {padding-right: 20px; margin-right: 20px;}

	.e_mcList li a h5 {font-size: 12pt;}
	.e_mcList li a p {font-size: 11pt; margin-bottom: 10px;}
	.e_mcList li a:after {width: 40px; height: 40px; right: 15px; bottom: 15px; background-size: 18px auto;}
	.e_mcHalf {margin: 0 -10px; padding-top: 30px;}
	.e_mcHalf > div {padding: 0 10px;}


}

@media (max-width:991px){

	#mCmt {padding-top: 30px; padding-bottom: 30px;}
	.e_mcList li a em {;
	    max-width: 100%;
	    height: 200px;
	}
	

	.e_mcTab li {padding-right: 15px; margin-right: 15px;}
	.e_mcMore {width: 22px; height: 22px; margin-top: 2px;}
	.e_mcMore:before {width: 16px; height: 2px; margin-left: -8px; margin-top: -1px;}
	.e_mcMore:after {width: 2px; height: 16px; margin-left: -1px; margin-top: -8px;}

	.e_mcList li {float: none; width: 100%; border-right: none; border-bottom: solid 1px #cbcbcb; padding-bottom: 20px;}
	.e_mcList li:last-child {border-bottom: none;}

	.e_mcList li a h5 {font-size: 12pt; font-weight: 600; line-height: 1.5; height: 1.5em; -webkit-line-clamp: 1;}
	.e_mcList li a p {margin-top: 5px; margin-bottom: 0; font-size: 10pt;}
	.e_mcList li a:after {display: none;}
	.e_mcHalf {margin: 0; padding-top: 30px;}
	.e_mcHalf > div {float: none; width: 100%; padding: 0;}

}









/* 게시판 템플릿 g */
.g_border {
	border: 1px solid #ccc;
	border-radius: 30px;
	padding: 25px;

	width: 100%;
}


.g_mcTop {
	margin-bottom: 25px; 
	position: relative;

	display: flex;
	justify-content: space-between;
    align-items: center;
}
.g_mcTop:after {
	content: ''; 
	display: none; 
	clear: both;
}

.g_mcTab {
	position: relative;
}
.g_mcTab:after {
	content: ''; 
	display: table; 
	clear: both;
}
.g_mcTab li {
	float: left; 
	position: relative; 
	padding-right: 30px;
}

.g_mcTab li a:after {
	content: ''; 
	display: block; 
	width: 2px; 
	height: 19px; 
	position: absolute; 
	left: -15px; 
	top: 50%; 
	margin-top: -9px; 
	background: #ccc;
}
.g_mcTab li:last-child {padding-right: 0; margin-right: 0;}
.g_mcTab li:first-child a:after {display: none;}
.g_mcTab li a {display: block; font-size: 16pt; font-weight: 500; color: #888;}
.g_mcTab li a.on {color: #2478cd; font-weight: 700;}

.g_mcMore {
	display: block; 
	width: 46px; 
	height: 46px; 
	position: relative; 
	text-indent: -9999px; 

	border-radius: 50%;
	background-color: #00459f;
}
.g_mcMore:before,
.g_mcMore:after {
	content: ''; 
	display: block; 
	background: #fff; 
	position: absolute; 
	left: 50%; top: 50%;
}
.g_mcMore:before {width: 20px; height: 3px; margin-left: -11px; margin-top: -2px;}
.g_mcMore:after {width: 3px; height: 20px; margin-left: -2px; margin-top: -11px;}


.g_mcList {
	min-height: 400px;
}
.g_mcList:after {content: ''; display: table; clear: both;}

.g_mcList li {
	float: left; 
	width: 100%;
}
.g_mcList li:not(:last-child) {
	margin-right: 20px; 
}
.g_mcList li a {
	display: block; 
	position: relative;
}
.g_mcList li a em {
	display: block;
	width: 100%; 
	height: 280px; 
	background-size: cover !important;

	margin-bottom: 15px;
}
.g_mcList li a h5 {
	font-size: 15pt; 
	font-weight: 500; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: normal; 
	line-height: 1.5; 
	word-wrap: break-word; 
	display: -webkit-box; -webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
}
.g_mcList li a .e_txt {
	color: #888; 
	font-size: 12pt;
	height: 72px;

	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: normal; 
	line-height: 1.5; 
	word-wrap: break-word; 
	display: -webkit-box; -webkit-line-clamp: 3; 
	-webkit-box-orient: vertical;

	margin-bottom: 10px;
}

.g_mcList li a .e_date {
	color: #a7a7a7; 
	font-size: 12pt; 
}

.g_mcHalf {margin: 0 -20px; padding-top: 50px;}
.g_mcHalf:after {content: ''; display: table; clear: both;}
.g_mcHalf > div {float: left; width: 50%; padding: 0 20px;}


@media (max-width:1420px){

}

@media (max-width:991px){
	.g_mcList {
		min-height: 437px;
	}
}










/* 게시판 템플릿 h */
.h_border {
	border: 1px solid #ccc;
	border-radius: 30px;
	padding: 25px;

	width: 100%;
}

.h_mcTop {
	margin-bottom: 25px; 
	position: relative;

	display: flex;
	justify-content: space-between;
    align-items: center;
}
.h_mcTop:after {
	content: ''; 
	display: none; 
	clear: both;
}

.h_mcTab {
	position: relative;
}
.h_mcTab:after {
	content: ''; 
	display: table; 
	clear: both;
}
.h_mcTab li {
	float: left; 
	position: relative; 
	padding-right: 30px;
}

.h_mcTab li a:after {
	content: ''; 
	display: block; 
	width: 2px; 
	height: 19px; 
	position: absolute; 
	left: -15px; 
	top: 50%; 
	margin-top: -9px; 
	background: #ccc;
}
.h_mcTab li:last-child {padding-right: 0; margin-right: 0;}
.h_mcTab li:first-child a:after {display: none;}
.h_mcTab li a {display: block; font-size: 16pt; font-weight: 500; color: #888;}
.h_mcTab li a.on {color: #2478cd; font-weight: 700;}

.h_mcMore {
	display: block; 
	width: 46px; 
	height: 46px; 
	position: relative; 
	text-indent: -9999px; 

	border-radius: 50%;
	background-color: #00459f;
}
.h_mcMore:before,
.h_mcMore:after {
	content: ''; 
	display: block; 
	background: #fff; 
	position: absolute; 
	left: 50%; top: 50%;
}
.h_mcMore:before {width: 20px; height: 3px; margin-left: -11px; margin-top: -2px;}
.h_mcMore:after {width: 3px; height: 20px; margin-left: -2px; margin-top: -11px;}

.h_mcCont {
	margin: 0 -25px;
}

.h_mcList {    
	min-height: 400px;
}
.h_mcList:after {content: ''; display: table; clear: both;}

.h_mcList li {
	width: 100%;
}
.h_mcList .tab1_field:not(:last-child) {
	margin-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
}
.h_mcList .tab2_field:not(:last-child) {
	margin-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
}
.h_mcList li:nth-child(4),
.h_mcList li:nth-child(8) {
	margin-bottom: 0 !important;
	border-bottom: none !important; 
}

.h_mcList li a {
	display: block; 
	position: relative;
	padding: 0 25px;
}
.h_mcList li a h5 {
	font-size: 15pt; 
	font-weight: 500; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: normal; 
	line-height: 1.5; 
	word-wrap: break-word; 
	display: -webkit-box; -webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
}
.h_mcList li a .h_txt {
	color: #888; 
	font-size: 12pt;

	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: normal; 
	line-height: 1.5; 
	word-wrap: break-word; 
	display: -webkit-box; -webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;

	margin-bottom: 10px;
}

.h_mcList li a .h_date {
	color: #a7a7a7; 
	font-size: 12pt; 

	margin-bottom: 15px;
}
.h_mcList li:last-child a .h_date {
	margin-bottom: 0;
}
.h_mcList li:nth-child(4)  a .h_date {
	margin-bottom: 0 !important;
}


.h_mcHalf {margin: 0 -20px; padding-top: 50px;}
.h_mcHalf:after {content: ''; display: table; clear: both;}
.h_mcHalf > div {float: left; width: 50%; padding: 0 20px;}


@media (max-width:1420px){


}

@media (max-width:991px){
	.h_mcList {
		min-height: 437px;
	}
}















/* 포토갤러리 컬러 */
.mPto_bg_1 {
	background: #e5e5e5 !important;
}

/* 포토갤러리 템플릿 d */
.d_mPto {
    display: flex;
    height: 100%;
    align-items: center;
}
/* .d_mPto {padding: 50px 0;} */
.d_mpList {margin: 0 -20px;}
.d_mpCont {padding: 0 20px;}
.d_mpCont a {
	display: block; 
	background: #fff;
	position: relative;
}
/* .d_mpCont a em {display: block; padding-bottom: 68%; background-size: cover !important;} */
.d_mpCont a em {
	display: block; 
    padding-bottom: 220px;
    background-size: cover !important;
}
.d_mpCont a h5 {
	padding: 8px 20px; 
	font-size: 12pt; 
	font-weight: 400; 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;

	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #0009;

	color: #fff;
}
.d_mpCont a p {color: #a7a7a7; padding: 10px 20px 30px; font-size: 12pt;}


.d_mpTop {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}

.d_mpTop h5 {
    color: #000;
    font-size: 18pt;
    font-weight: 600;
    line-height: 1.2em;
}
.d_mpTop a {
    display: block;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    margin-top: -11px;
    position: absolute;
    right: 0;
    top: 50%;
}
.d_mpTop a:before,
.d_mpTop a:after {
    content: '';
    display: block;
    background: #000;
    position: absolute;
    left: 50%;
    top: 50%;
}
.d_mpTop a:before {
    width: 21px;
    height: 3px;
    margin-left: -11px;
    margin-top: -2px;
}
.d_mpTop a:after {
    width: 3px;
    height: 21px;
    margin-left: -2px;
    margin-top: -11px;
}

@media (max-width:1420px) {
	.d_mpTop {margin-bottom: 30px;}
	.d_mpList {margin: 0 -10px;}
	.d_mpCont {padding: 0 10px;}
	.d_mpCont a h5 {font-size: 11pt;}
	.d_mpCont a p {padding: 5px 15px 15px; font-size: 10pt;}
}

@media (max-width:991px) {
	.d_mpTop {margin-bottom: 30px;}
	.d_mpTop h5 {font-size: 16pt;}
	.d_mpTop a {width: 22px; height: 22px;}
	.d_mpTop a:before {width: 16px; height: 2px; margin-left: -8px; margin-top: -1px;}
	.d_mpTop a:after {width: 2px; height: 16px; margin-left: -1px; margin-top: -8px;}
	.d_mpList {margin: 0 -5px;}
	.d_mpCont {padding: 0 5px;}
	.d_mpCont a h5 {font-size: 11pt;}
	.d_mpCont a p {padding: 3px 10px 15px; font-size: 9pt;}
}





/* 포토갤러리 템플릿 g */
/* .g_mPto {padding: 50px 0;} */
.g_mPto {
    display: flex;
    height: 100%;
    align-items: center;
}
.g_mpList {margin: 0 -20px;}
.g_mpCont {padding: 0 20px;}
.g_mpCont a {
	display: block; 
	background: #fff;
	position: relative;
}
.g_mpCont a em {
	display: block; 
    padding-bottom: 220px;
    background-size: cover !important;
}
.g_mpCont a h5 {
	padding: 8px 20px; 
	font-size: 12pt; 
	font-weight: 400; 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;

	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #0009;

	color: #fff;
}
.g_mpCont a p {color: #a7a7a7; padding: 10px 20px 30px; font-size: 12pt;}


.g_mpTop {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}
.g_mpTop h5 {
    color: #000;
    font-size: 18pt;
    font-weight: 600;
    line-height: 1.2em;
}
.g_mpTop a {
    display: block;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    margin-top: -11px;
    position: absolute;
    right: 0;
    top: 50%;
}
.g_mpTop a:before, 
.g_mpTop a:after {
    content: '';
    display: block;
    background: #000;
    position: absolute;
    left: 50%;
    top: 50%;
}
.g_mpTop a:before {
    width: 21px;
    height: 3px;
    margin-left: -11px;
    margin-top: -2px;
}
.g_mpTop a:after {
    width: 3px;
    height: 21px;
    margin-left: -2px;
    margin-top: -11px;
}


@media (max-width:1420px) {
	.g_mpTop {margin-bottom: 30px;}
	.g_mpList {margin: 0 -10px;}
	.g_mpCont {padding: 0 10px;}
	.g_mpCont a h5 {font-size: 11pt;}
	.g_mpCont a p {padding: 5px 15px 15px; font-size: 10pt;}
}

@media (max-width:991px) {
	.g_mpTop {margin-bottom: 30px;}
	.g_mpTop h5 {font-size: 16pt;}
	.g_mpTop a {width: 22px; height: 22px;}
	.g_mpTop a:before {width: 16px; height: 2px; margin-left: -8px; margin-top: -1px;}
	.g_mpTop a:after {width: 2px; height: 16px; margin-left: -1px; margin-top: -8px;}
	.g_mpList {margin: 0 -5px;}
	.g_mpCont {padding: 0 5px;}
	.g_mpCont a h5 {font-size: 11pt;}
	.g_mpCont a p {padding: 3px 10px 15px; font-size: 9pt;}
	
}





/* 포토갤러리 템플릿 e */
.e_mcHalf {margin: 0 -20px; padding-top: 50px;}
.e_mcHalf:after {content: ''; display: table; clear: both;}
.e_mcHalf > div {float: left; width: 50%; padding: 0 20px;}
.e_mcVsn {display: block;}
.e_mcVsn img {display: block; width: 100%;}
.e_mcEvt {
	position: relative;
	height: 100%;
	}
.e_mceSldr {
	height: 100%;
}
.e_mceSldr .slick-list,
.e_mceSldr .slick-track {
	height: 100%;
}
.e_mceSldr span {
	display: block;
	height: 100%;
}
.e_mceSldr a {
	display: block;
	position: relative;
	height: 100%;
}
.e_mceSldr a img {display: block; width: 100%; height: 100%;}
.e_mceNav {
	position: absolute; 
	right: 0;
    top: -160px;
	padding: 0 30px;
}
.e_mceArw {}
.e_mceArw .slick-arrow {display: block; width: 30px; height: 30px; position: absolute; top: 0; text-indent: -9999px;}
.e_mceArw .slick-prev {
	left: 0; 
	background: url('/images/front/main/main_event_arrow_prev.png') no-repeat center center;
	background-color: #fff;
}
.e_mceArw .slick-next {
	right: 0; 
	background: url('/images/front/main/main_event_arrow_next.png') no-repeat center center;
	background-color: #fff;
} 
.e_mcePlay {
	display: none; 
}
.e_mcePlay.paused {
	background: url('/images/front/main/main_event_arrow_play.png') no-repeat center center;
}

.e_mcInfo {
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;

}
.e_mcInfo .can {
	position: relative;

	width: 450px;
	height: 130px;
	padding: 20px;
}


.e_info {
	position: absolute;
	bottom: 0;
	right: 0;

	width: 450px;
	height: 130px;
	padding: 20px;

	background-color: #00294ed9;
	color: #fff;
}
.e_mcTit {
	margin-bottom: 15px;
	font-size: 1.2rem;
	padding-right: 50px;

	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 1;
 	-webkit-box-orient: vertical;
 	
 	text-align: left;
}
.e_mcTxt {
	height: 42px;
	font-weight: 300;

	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;	
 	
 	text-align: left;
}
.e_mcCount {
	position: absolute;
	top: 20px;
	right: 20px;
}
.e_mcCount span:not(:first-child) {
	color: #aaa;
}



@media (max-width:1420px){
	.e_mcHalf {margin: 0 -10px; padding-top: 30px;}
	.e_mcHalf > div {padding: 0 10px;}
	.e_mpTop {margin-bottom: 30px;}
	.e_mpList {margin: 0 -10px;}
	.e_mpCont {padding: 0 10px;}
	.e_mpCont a h5 {padding: 15px 15px 0; font-size: 11pt;}
}

@media (max-width:991px){

	.e_mcHalf {margin: 0; padding-top: 30px;}
	.e_mcHalf > div {float: none; width: 100%; padding: 0;}
	.e_mceNav {
		right: 0;
    	top: -125px;
		padding: 0 25px;}
	.e_mceArw .slick-arrow {width: 25px; height: 25px; background-size: 18px auto !important;}
	.e_mcePlay {width: 25px; height: 25px; background-size: 18px auto !important;}
	.e_mcePlay.paused {background-size: 22px auto !important;}

	.e_mcTit {
		font-size: 1rem;
		margin-bottom: 0;
	}
	.e_mcTxt {
		font-size: 12px;
		height: 36px;
	}
	.e_info {
		width: 100%;
		height: 100px;
		padding: 15px;
		padding-left: 30px;
	}
	
	.e_mcInfo .can {
		width: 100%;
		height: 100px;
		padding: 15px;
	}

}



/* 포토갤러리 템플릿 f */
.f_mcHalf {margin: 0 -20px; padding-top: 50px;}
.f_mcHalf:after {content: ''; display: table; clear: both;}
.f_mcHalf > div {float: left; width: 50%; padding: 0 20px;}
.f_mcVsn {display: block;}
.f_mcVsn img {display: block; width: 100%;}
.f_mcEvt {
	position: relative;
	height: 100%;
}
.f_mceSldr {
	height: 100%;
}
.f_mceSldr .slick-list {
	height: 100%;
}
.f_mceSldr .slick-track {
	height: 100%;
}
.f_mceSldr span {
	height: 100%;
}
.f_mceSldr a {
	display: block;
	position: relative;
	height: 100%;
}
.f_mceSldr a img {display: block; width: 100%; height: 100%;}
.f_mceNav {
	position: absolute; 
	right: 0;
    top: 0;
	padding: 10px 15px;

	display: flex;
}
.f_mceArw {
	display: flex;
}
.f_mceArw .slick-arrow {
	display: block; 
	width: 30px; 
	height: 30px; 
	position: relative; 
	top: 0; 
	text-indent: -9999px;
}
.f_mceArw .slick-prev {
	left: 0; 
	background: url('/images/front/main/f_mceNav_arrow_prev.png') no-repeat center center;
}
.f_mceArw .slick-next {
	right: 0; 
	background: url('/images/front/main/f_mceNav_arrow_next.png') no-repeat center center;
} 
.f_mcePlay {
	display: none; 
}
.f_mcePlay.paused {
	background: url('/images/front/main/main_event_arrow_play.png') no-repeat center center;
}
.f_mceNav a {
	display: block; 
	width: 30px; 
	height: 30px; 
	position: relative; 
	top: 0; 
	text-indent: -9999px;

	background: url('/images/front/main/f_mceNav_cate.png') no-repeat center center;
}


.f_mcInfo {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;

}
.f_mcInfo > div {
	position: relative;

	width: 100%;
	padding: 10px 20px;

	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
}
.f_mcTit {
	margin-bottom: 3px;
	font-size: 1.2rem;

	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 1;
 	-webkit-box-orient: vertical;
}
.f_mcTxt {
	font-weight: 300;

	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 1;
 	-webkit-box-orient: vertical;	
}



@media (max-width:1420px){
	.f_mcHalf {margin: 0 -10px; padding-top: 30px;}
	.f_mcHalf > div {padding: 0 10px;}
	.f_mpTop {margin-bottom: 30px;}
	.f_mpList {margin: 0 -10px;}
}

@media (max-width:991px){
	.f_mcTit {
		font-size: 1rem;
	}
	.f_mcTxt {
		font-size: 12px;
	}
	.e_mcCount {
		display: none;
	}
	.f_mcHalf {margin: 0; padding-top: 30px;}
	.f_mcHalf > div {float: none; width: 100%; padding: 0;}
	.f_mceNav {right: 10px; top: 10px; padding: 0 25px;}
	.f_mceArw .slick-arrow {width: 25px; height: 25px; background-size: 18px auto !important;}
	.f_mcePlay {width: 25px; height: 25px; background-size: 18px auto !important;}
	.f_mcePlay.paused {background-size: 22px auto !important;}
}




/* 포토갤러리 템플릿 h */
.h_mPto {
	display: flex;
    height: 100%;
    align-items: center;
}
.h_mpList {margin: 0 -20px;}
.h_mpCont {padding: 0 20px;}
.h_mpCont a {
	display: block; 
	background: #fff;
	position: relative;
}
.h_mpCont a em {
	/* display: block; 
	padding-bottom: 68%; 
	background-size: cover !important; */

	display: block; 
    padding-bottom: 220px;
    background-size: cover !important;
}
.h_mpCont a h5 {
	padding: 8px 0 0; 
	font-size: 12pt; 
	font-weight: 500; 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;

}
.h_mpCont a p {color: #a7a7a7; padding: 10px 20px 30px; font-size: 12pt;}
.h_mpCont .h_txt {
	color: #999;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}


.h_mpTop {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}
.h_mpTop h5 {
    color: #000;
    font-size: 18pt;
    font-weight: 500;
    line-height: 1.2em;
}
.h_mpTop a {
    display: block;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    margin-top: -11px;
    position: absolute;
    right: 0;
    top: 50%;
}
.h_mpTop a:before,
.h_mpTop a:after {
    content: '';
    display: block;
    background: #000;
    position: absolute;
    left: 50%;
    top: 50%;
}
.h_mpTop a:before {
    width: 21px;
    height: 3px;
    margin-left: -11px;
    margin-top: -2px;
}
.h_mpTop a:after {
    width: 3px;
    height: 21px;
    margin-left: -2px;
    margin-top: -11px;
}

@media (max-width:1420px) {
	.h_mpTop {margin-bottom: 30px;}
	.h_mpList {margin: 0 -10px;}
	.h_mpCont {padding: 0 10px;}
	.h_mpCont a h5 {font-size: 11pt;}
	.h_mpCont a p {padding: 5px 15px 15px; font-size: 10pt;}
}

@media (max-width:991px) {
	.h_mpTop {margin-bottom: 30px;}
	.h_mpTop h5 {font-size: 16pt;}
	.h_mpTop a {width: 22px; height: 22px;}
	.h_mpTop a:before {width: 16px; height: 2px; margin-left: -8px; margin-top: -1px;}
	.h_mpTop a:after {width: 2px; height: 16px; margin-left: -1px; margin-top: -8px;}
	.h_mpList {margin: 0 -5px;}
	.h_mpCont {padding: 0 5px;}
	.h_mpCont a h5 {font-size: 11pt;}
	.h_mpCont a p {padding: 3px 10px 15px; font-size: 9pt;}
}






/* 백그라운드 컬러 */
.mQck_color_2 {
	background-color: #aaa !important;
}
.mQck_color_3 {
	background-color: #0065B7 !important;
}
.mQck_color_4 {
	background-color: #B2D7F4 !important;
}


/* 퀵 버튼 템플릿 d */
.d_mQck {
	padding: 35px 0 85px;
	background-color: #00459f;
	
	height: 100%;
	display: flex;
	align-items: center;
}
.d_mqName {
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
	margin-bottom: 30px;
}
.d_mqList {
	display: flex;
	justify-content: center;
}
.d_mqList:after {
	content: ''; 
	display: table; 
	clear: both;
}
.d_mqList li {
	float: left; 
	width: 11.1111%;
	display: flex;
	justify-content: center;
}
.d_mqList li a {
	display: block;
	background-color: #fff;
	border-radius: 50%;

	width: 99px;
	height: 99px;
	position: relative;
}
.d_mqList li a em {
	display: block;
	/* margin: 10px auto;  */
	width: 65px; 
	height: 60px; 
	background-size: cover !important;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.d_mqList li a span {
	display: block; 
	text-align: center;  
	color: #fff; 
	font-size: 13px; 
	font-weight: 500;

	width: 100%;
	position: absolute;
	bottom: -53px;
	left: 50%;
	transform: translateX(-50%);
	
	height: 40px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width:1420px){
	.d_mqName {
	    margin-bottom: 25px;
	}

	.d_mqList li {
		width: 33.3333%; 
		padding: 15px 0;
	}
	.d_mqList li a span {margin-top: 10px;}
}

@media (max-width:991px){
	.d_mQck {
		padding: 10px 0;
	}
	.d_mqName {
	    margin-bottom: 10px;
	    font-size: 1.2rem;
	}

	.d_mqList {
		display: block;
		margin: 0 -15px;
	}
	.d_mqList li {
		width: 24.99%;
		padding: 0; 

		margin-bottom: 48px;
	}

	.d_mqList li a {
		padding: 15px 0;
		width: 68px;
		height: 68px;
	}
	.d_mqList li a em {width: 39px; height: 36px;}
	.d_mqList li a span {
		bottom: -44px;		
		height: 38px;
		font-size: 12px;
	}
}


/* 퀵 버튼 템플릿 e */
.e_mQck {
	padding: 35px 0 85px;
	background-color: #00459f;
	
	height: 100%;
	display: flex;
	align-items: center;
}
.e_mqName {
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
	margin-bottom: 30px;
}
.e_mqList {
	display: flex;
	justify-content: center;
}
.e_mqList:after {
	content: ''; 
	display: table; 
	clear: both;
}
.e_mqList li {
	float: left; 
	width: 11.1111%;
	display: flex;
	justify-content: center;
}
.e_mqList li a {
	display: block;
	background-color: #fff;
	border-radius: 50%;

	width: 99px;
	height: 99px;
	position: relative;
}
.e_mqList li a em {
	display: block;
	/* margin: 10px auto;  */
	width: 65px; 
	height: 60px; 
	background-size: cover !important;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.e_mqList li a span {
	display: block; 
	text-align: center;  
	color: #fff; 
	font-size: 13px; 
	font-weight: 500;

	width: 100%;
	position: absolute;
	bottom: -53px;
	left: 50%;
	transform: translateX(-50%);
	
	height: 40px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width:1420px){
	.e_mqName {
	    margin-bottom: 25px;
	}

	.e_mqList li {
		width: 33.3333%; 
		padding: 15px 0;
	}
	.e_mqList li a span {margin-top: 10px;}
}

@media (max-width:991px){
	.e_mQck {
		padding: 10px 0;
	}
	.e_mqName {
	    margin-bottom: 10px;
	    font-size: 1.2rem;
	}

	.e_mqList {
		display: block;
		margin: 0 -15px;
	}
	.e_mqList li {
		width: 24.99%;
		padding: 0; 

		margin-bottom: 48px;
	}

	.e_mqList li a {
		padding: 15px 0;
		width: 68px;
		height: 68px;
	}
	.e_mqList li a em {width: 39px; height: 36px;}
	.e_mqList li a span {
		bottom: -44px;		
		height: 38px;
		font-size: 12px;
	}
}








/* 퀵 버튼 템플릿 f */
.f_mQck {
	padding: 50px 0 71px;
	background-color: #009F89;
	
	height: 100%;
	display: flex;
	align-items: center;
}

.f_mqName {
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
	margin-bottom: 30px;
}
.f_mqList {
	display: flex;
	justify-content: center;
}
.f_mqList:after {
	content: ''; 
	display: table; 
	clear: both;
}
.f_mqList li {
	float: left; 
	width: 11.1111%;
	display: flex;
	justify-content: center;
}
.f_mqList li a {
	display: block;

	width: 97px;
	height: 97px;
	position: relative;
}
.f_mqList li a em {
	display: block;
	/* margin: 10px auto;  */
	width: 65px; 
	height: 60px; 
	background-size: cover !important;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.f_mqList li a span {
	display: flex; 
	align-items: center;
    text-align: center; 
	color: #fff; 
	font-size: 14px; 
	font-weight: 500;

	width: 100%;
	height: 44px;
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
   
}

@media (max-width:1420px){
	.f_mQck {
		padding: 45px 0;
	}
	.f_mqList li {
		width: 33.3333%; 
		padding: 15px 0;
	}
	.f_mqList li a span {margin-top: 10px;}
}

@media (max-width:991px){
	.f_mQck {
		padding: 15px 0 20px;
	}
	.f_mqName {
	    margin-bottom: 20px;
	}

	.f_mqList {
		display: block;
		margin: 0 -15px;
	}
	.f_mqList li {
		width: 24.99%;
		padding: 0; 

		margin-bottom: 28px;
	}

	.f_mqList li a {
		padding: 15px 0;
		width: 70px;
		height: 70px;
	}
	.f_mqList li a em {width: 39px; height: 36px;}
	.f_mqList li a span {
		bottom: -30px;
		height: 38px;
	}
}



/* 퀵 버튼 템플릿 g */
.g_mQck {
	padding: 50px 0 71px;
	background-color: #009F89;
	
	height: 100%;
	display: flex;
	align-items: center;
}

.g_mqName {
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
	margin-bottom: 30px;
}
.g_mqList {
	display: flex;
	justify-content: center;
}
.g_mqList:after {
	content: ''; 
	display: table; 
	clear: both;
}
.g_mqList li {
	float: left; 
	width: 11.1111%;
	display: flex;
	justify-content: center;
}
.g_mqList li a {
	display: block;

	width: 97px;
	height: 97px;
	position: relative;
}
.g_mqList li a em {
	display: block;
	/* margin: 10px auto;  */
	width: 65px; 
	height: 60px; 
	background-size: cover !important;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.g_mqList li a span {
	display: flex; 
	align-items: center;
    text-align: center; 
	color: #fff; 
	font-size: 14px; 
	font-weight: 500;

	width: 100%;
	height: 44px;
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
   
}

@media (max-width:1420px){
	.g_mQck {
		padding: 45px 0;
	}
	.g_mqList li {
		width: 33.3333%; 
		padding: 15px 0;
	}
	.g_mqList li a span {margin-top: 10px;}
}

@media (max-width:991px){
	.g_mQck {
		padding: 15px 0 20px;
	}
	.g_mqName {
	    margin-bottom: 20px;
	}

	.g_mqList {
		display: block;
		margin: 0 -15px;
	}
	.g_mqList li {
		width: 24.99%;
		padding: 0; 

		margin-bottom: 28px;
	}

	.g_mqList li a {
		padding: 15px 0;
		width: 70px;
		height: 70px;
	}
	.g_mqList li a em {width: 39px; height: 36px;}
	.g_mqList li a span {
		bottom: -30px;
		height: 38px;
	}
}




/* 퀵 버튼 템플릿 h */
.h_mQck {
	padding: 25px 0;
	background-color: #aaa;
	
	height: 100%;
	display: flex;
    align-items: center;
}
.h_mQck .container {
	max-width: 1600px;
}


.h_mqList {
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-start;
}
.h_mqList:after {
	content: ''; 
	display: table; 
	clear: both;
}
.h_mqList li {
	float: left; 
	width: 19%;
	display: flex;
	justify-content: center;

	margin: 10px 0;
}
.h_mqList li a {
	display: flex;
	align-items: center;

	background-color: #fff;

	width: 93%;
	height: 58px;

	position: relative;
	border-radius: 10px;
	box-shadow: 1px 1px 0 2px #00000026;
}
.h_mqList li a em {
	display: block;
	width: 66px; 
	height: 40px; 
	background-size: cover !important;

	margin: 0 20px;
}
.h_mqList li a span {
	width: 100%;
	padding-right: 20px;
    display: block;

    color: #333;
    font-size: 13pt;
    font-weight: 500;
    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

@media (max-width:1420px){

	.h_mqList li a span {font-size: 12pt;}
}

@media (max-width:991px){
	.h_mQck {
		padding-right: 20px;
		padding-left: 20px;
	}
	.h_mQck .container {
		overflow-x: scroll;
		padding: 0;

	}

	.h_mqList {
		min-width: 1000px;
		position: relative;
	}
	.h_mqList li {
		width: fit-content;
		margin: 10px;
	}

	.h_mqList li a {
		width: 180px;
	}
	.h_mqList li a em {
		width: 55px;
		height: 25px;
	}
	.h_mqList li a span {
		font-size: 10pt;
		bottom: -25px;
	}


	.h_mQck .container::-webkit-scrollbar {
		height: 5px;
	}
	.h_mQck .container::-webkit-scrollbar-thumb {
		background-color: #727272;
		border-radius: 10px;
	}
	.h_mQck .container::-webkit-scrollbar-track {
		background-color: #ccc;
		border-radius: 10px;
	}

	.h_mQck.mQck_color_4 .container::-webkit-scrollbar-thumb {
		background-color: #009f89;
		border-radius: 10px;
	}
	.h_mQck.mQck_color_4 .container::-webkit-scrollbar-track {
		background-color: #ccc;
		border-radius: 10px;
	}
	
	
	/* .h_mqList:after {
	    content: '';
	    width: 20px;
	    height: 20px;
	    position: absolute;
	    background: url('/images/front/main/h_direction_sign.png') no-repeat center center;
	    right: -10px;
	    top: 50%;
	    transform: translateY(-50%) scaleX(-1);
	}
	
	.h_mqList:before {
	    content: '';
	    width: 20px;
	    height: 20px;
	    position: absolute;
	    background: url('/images/front/main/h_direction_sign.png') no-repeat center center;
	    left: -10px;
	    top: 50%;
	    transform: translateY(-50%);
	}
	 */
	
	
}


/* 퀵 버튼 템플릿 i */
.i_mQck {
	padding: 25px 0;
	background-color: #aaa;
	
	height: 100%;
	display: flex;
	align-items: center;
}
.i_mQck .container {
	max-width: 1600px;
}

.i_mqList {
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-start;
}
.i_mqList:after {
	content: ''; 
	display: table; 
	clear: both;
}
.i_mqList li {
	float: left; 
	width: 19%;
	display: flex;
	justify-content: center;

	margin: 10px 0;
}
.i_mqList li a {
	display: flex;
	align-items: center;

	background-color: #fff;

	width: 93%;
	height: 58px;

	position: relative;
	border-radius: 10px;
	box-shadow: 1px 1px 0 2px #00000026;
}
.i_mqList li a em {
	display: block;
	width: 66px; 
	height: 40px; 
	background-size: cover !important;

	margin: 0 20px;
}
.i_mqList li a span {
	width: 100%;
	padding-right: 20px;
    display: block;

    color: #333;
    font-size: 13pt;
    font-weight: 500;
    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

@media (max-width:1420px){

	.i_mqList li a span {font-size: 12pt;}
}

@media (max-width:991px){
	.i_mQck {
		padding-right: 20px;
		padding-left: 20px;
	}
	.i_mQck .container {
		overflow-x: scroll;
		padding: 0;

	}

	.i_mqList {
		min-width: 1000px;
		position: relative;
	}
	.i_mqList li {
		width: fit-content;
		margin: 10px;
	}

	.i_mqList li a {
		width: 180px;
	}
	.i_mqList li a em {
		width: 55px;
		height: 25px;
	}
	.i_mqList li a span {
		font-size: 10pt;
		bottom: -25px;
	}


	.i_mQck .container::-webkit-scrollbar {
		height: 5px;
	}
	.i_mQck .container::-webkit-scrollbar-thumb {
		display: block;
		background-color: #727272;
		border-radius: 10px;
	}
	.i_mQck .container::-webkit-scrollbar-track {
		display: block;
		background-color: #ccc;
		border-radius: 10px;
	}

	.i_mQck.mQck_color_4 .container::-webkit-scrollbar-thumb {
		display: block;
		background-color: #009f89;
		border-radius: 10px;
	}
	.i_mQck.mQck_color_4 .container::-webkit-scrollbar-track {
		display: block;
		background-color: #ccc;
		border-radius: 10px;
	}
	
	/* .i_mqList:after {
	    content: '';
	    width: 20px;
	    height: 20px;
	    position: absolute;
	    background: url('/images/front/main/i_direction_sign.png') no-repeat center center;
	    right: -10px;
	    top: 50%;
	    transform: translateY(-50%) scaleX(-1);
	}
	
	.i_mqList:before {
	    content: '';
	    width: 20px;
	    height: 20px;
	    position: absolute;
	    background: url('/images/front/main/i_direction_sign.png') no-repeat center center;
	    left: -10px;
	    top: 50%;
	    transform: translateY(-50%);
	} */
	
	
}





/* 정사각버튼 템플릿 j */
	
.j_mqList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.j_mqList:after {
	content: ''; 
	display: table; 
	clear: both;
}
.j_mqList li {
	float: left; 
	width: 100%;
	display: flex;
	justify-content: center;
}
.j_mqList li a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: #0065B7;

	width: 100%;
	height: 297px;
	position: relative;
}
.j_mqList li a em {
	display: block;
	width: 87px; 
	height: 80px; 
	background-size: cover !important;

	margin-bottom: 30px;
}
.j_mqList li a span {
	width: 100%;
	padding: 0 30px;
	display: block;

	color: #fff;
	font-size: 22pt;
	font-weight: 500;
	
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width:1700px){
	.j_mqList li a {
		width: 100%;
		height: 250px;
	}
	.j_mqList li {
	    padding-top: 26px;
	}
	.j_mqList li a span {
	    font-size: 18pt;
	}
	
}


@media (max-width:1500px){
	.j_mqList li a {
		width: 100%;
		height: 220px;
	}
	.j_mqList li {
	    padding-top: 40px;
	}
	.j_mqList li a span {
	    font-size: 18pt;
	}
	
}


@media (max-width:1420px){
	.j_mqList li a span {
		font-size: 16pt;
	}
	
	.j_mqList li a {
		width: 100%;
		height: 220px;
	}
	.j_mqList li {
	    padding-top: 40px;
	}
}

@media (max-width:1200px){
	.j_mqList li a {
		width: 100%;
		height: 180px;
	}
	.j_mqList li {
	    padding-top: 57px;
	}
	.j_mqList li a span {
	    font-size: 14pt;
	}
	
}


@media (max-width:991px){

	.j_mqList {
		display: block;
	}
	.j_mqList li {
	    padding-top: 0;
	}
	
	.j_mqList li a {
		width: 100%;
		height: 300px;

	}
	.j_mqList li a span {
	    font-size: 22pt;
	}
	
}



/*정사각 퀵 버튼 템플릿 k */

.mQck_color_3 {
	background-color: #0065B7 !important;
}

.k_mqList {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
}
.k_mqList:after {
	content: ''; 
	display: table; 
	clear: both;
}
.k_mqList li {
	float: left; 
	width: 100%;
	display: flex;
	justify-content: center;
}
.k_mqList li a {
	display: flex;
	align-items: center;
	justify-content: center;
    flex-direction: column;
	background-color: #fff;
	border: 1px solid #aaa;
	width: 100%;
	height: 297px;
	position: relative;

}
.k_mqList li a em {
	display: block;
	width: 87px; 
	height: 80px; 
	background-size: cover !important;

	margin-bottom: 30px;
}
.k_mqList li a span {
	width: 100%;
	padding: 0 30px;
    display: block;

    color: #333;
    font-size: 22pt;
    font-weight: 500;
    
	text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width:1700px){
	.k_mqList li a {
		width: 100%;
		height: 250px;
	}
	.k_mqList li {
	    padding-top: 26px;
	}
	.k_mqList li a span {
	    font-size: 18pt;
	}
	
}


@media (max-width:1500px){
	.k_mqList li a {
		width: 100%;
		height: 220px;
	}
	.k_mqList li {
	    padding-top: 40px;
	}
	.k_mqList li a span {
	    font-size: 18pt;
	}
	
}


@media (max-width:1420px){
	.k_mqList li a span {
		font-size: 16pt;
	}
	
	.k_mqList li a {
		width: 100%;
		height: 220px;
	}
	.k_mqList li {
	    padding-top: 40px;
	}
}

@media (max-width:1200px){
	.k_mqList li a {
		width: 100%;
		height: 180px;
	}
	.k_mqList li {
	    padding-top: 57px;
	}
	.k_mqList li a span {
	    font-size: 14pt;
	}
	
}


@media (max-width:991px){

	.k_mqList {
		display: block;
	}
	.k_mqList li {
	    padding-top: 0;
	}
	
	.k_mqList li a {
		width: 100%;
		height: 300px;

	}
	.k_mqList li a span {
	    font-size: 22pt;
	}
	
}












/* 사진게시판 템플릿 d */
.d_mcTop {margin-bottom: 25px; margin-top:12px;}
.d_mcTop:after {content: ''; display: table; clear: both;}

.d_mcTab {
	float: left;
	position: relative;
}
.d_mcTab:after {
	content: ''; 
	display: table; 
	clear: both;

	position: absolute;
	width: 123px;
	height: 2px;
	background-color: #191919;
	top: -10px;
}
.d_mcTab li {
	float: left; 
	position: relative; 
	padding-right: 30px; 
	margin-right: 15px;
}
.d_mcTab li:after {content: ''; display: block;}
.d_mcTab li:last-child {padding-right: 0; margin-right: 0;}
.d_mcTab li:last-child:after {display: none;}
.d_mcTab li a {
    display: block;
    font-size: 16pt;
    font-weight: 500;
    color: #888;
}
.d_mcTab li a.on {color: #2478cd; font-weight: 700;}

.d_mcMore {
	display: block; 
	float: right; 
	width: 46px; 
	height: 46px; 
	position: relative; 
	text-indent: -9999px; 
	margin-top: -12px;

	border: 1px solid #888888;
}
.d_mcMore:before,
.d_mcMore:after {
	content: ''; 
	display: block; 
	background: #888; 
	position: absolute; 
	left: 50%; top: 50%;
}
.d_mcMore:before {width: 20px; height: 3px; margin-left: -11px; margin-top: -2px;}
.d_mcMore:after {width: 3px; height: 20px; margin-left: -2px; margin-top: -11px;}

.d_mcList:after {content: ''; display: table; clear: both;}
.d_mcList {
	display: flex;
}
.d_mcList li {
	flex: 1;
	float: left; 
	width: 100%;
}
.d_mcList li:not(:last-child) {
	margin-right: 20px; 
}
.d_mcList li:nth-child(3),
.d_mcList li:nth-child(6) {
	margin-right: 0 !important;
}

.d_mcList li a {
	display: block; 
	position: relative;
}
.d_mcList li a em {
	display: block;
	width: 100%; 
	height: 140px; 
	background-size: cover !important;

	margin-bottom: 10px;
}
.d_mcList li a h5 {
	font-size: 13pt; 
	font-weight: 500; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: normal; 
	line-height: 1.5; 
	word-wrap: break-word; 
	display: -webkit-box; -webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
}
.d_mcList li a p {
	color: #a7a7a7; 
	font-size: 12pt; 
}

.d_mcHalf {margin: 0 -20px; padding-top: 50px;}
.d_mcHalf:after {content: ''; display: table; clear: both;}
.d_mcHalf > div {float: left; width: 50%; padding: 0 20px;}


@media (max-width:1420px){

}

@media (max-width:991px){
	.d_mcTop {
	    margin-bottom: 20px;
	}
		
	.d_mcMore {width: 22px; height: 22px; margin-top: 5px;}
	.d_mcMore:before {width: 16px; height: 2px; margin-left: -8px; margin-top: -1px;}
	.d_mcMore:after {width: 2px; height: 16px; margin-left: -1px; margin-top: -8px;}


	.d_mcList li {		
		width: 100%;
		margin-right: 0 !important;
	}
	.d_mcList li:nth-child(2),
	.d_mcList li:nth-child(3),
	.d_mcList li:nth-child(5),
	.d_mcList li:nth-child(6) {
		display: none;
	}
}






/* 사진게시판 템플릿 f */
.f_mcTop {
	margin-bottom: 25px; 
	position: relative;
	margin-top: 12px;	
}
.f_mcTop:after {
	content: ''; 
	display: table; 
	clear: both;}

.f_mcTab {
	float: left;
	position: relative;
}
.f_mcTab:after {
	content: ''; 
	display: table; 
	clear: both;
}
.f_mcTab li {
	float: left; 
	position: relative; 
	padding-right: 30px;
}

.f_mcTab li:after {
	content: ''; 
	display: block; 
	width: 2px; 
	height: 19px; 
	position: absolute; 
	right: 13px; 
	top: 50%; 
	margin-top: -9px; 
	background: #ccc;
}
.f_mcTab li:last-child {padding-right: 0; margin-right: 0;}
.f_mcTab li:last-child:after {display: none;}
.f_mcTab li a {display: block; font-size: 16pt; font-weight: 500; color: #888;}
.f_mcTab li a.on {color: #2478cd; font-weight: 700;}

.f_mcMore {
	display: block; 
	float: right; 
	width: 46px; 
	height: 46px; 
	position: relative; 
	text-indent: -9999px; 
	margin-top:-12px;

	border: 1px solid #888888;
}
.f_mcMore:before,
.f_mcMore:after {
	content: ''; 
	display: block; 
	background: #888; 
	position: absolute; 
	left: 50%; top: 50%;
}
.f_mcMore:before {width: 20px; height: 3px; margin-left: -11px; margin-top: -2px;}
.f_mcMore:after {width: 3px; height: 20px; margin-left: -2px; margin-top: -11px;}

.f_mcList:after {content: ''; display: table; clear: both;}

.f_mcList {
	display: flex;
}

.f_mcList li {
	float: left; 
	width: 100%;
	
	flex: 1;
	margin-right: 20px;
}
/* .f_mcList li:not(:last-child) {
	 margin-right: 20px;
} */
.f_mcList li:nth-child(2),
.f_mcList li:nth-child(4) {
	margin-right: 0 !important;
}
.f_mcList li a {
	display: block; 
	position: relative;
}
.f_mcList li a em {
	display: block;
	width: 100%; 
	height: 140px; 
	background-size: cover !important;

	margin-bottom: 10px;
}
.f_mcList li a h5 {
	font-size: 13pt; 
	font-weight: 500; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: normal; 
	line-height: 1.5; 
	word-wrap: break-word; 
	display: -webkit-box; -webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
}
.f_mcList li a .e_txt {
	color: #888; 
	font-size: 12pt;
	height: 72px;

	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: normal; 
	line-height: 1.5; 
	word-wrap: break-word; 
	display: -webkit-box; -webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;

	margin-bottom: 10px;
}

.f_mcList li a .e_date {
	color: #a7a7a7; 
	font-size: 12pt; 
}

.f_mcHalf {margin: 0 -20px; padding-top: 50px;}
.f_mcHalf:after {content: ''; display: table; clear: both;}
.f_mcHalf > div {float: left; width: 50%; padding: 0 20px;}


@media (max-width:1420px){
	.f_mcList li {
		width: 47.8%;
	}
	.f_mcList li a h5 {font-size: 12pt;}
	.f_mcList li a:after {width: 40px; height: 40px; right: 15px; bottom: 15px; background-size: 18px auto;}

}

@media (max-width:991px){
	.f_mcMore {
		width: 22px; 
		height: 22px;
		margin-top: 10px;
	}
	.f_mcMore:before {width: 16px; height: 2px; margin-left: -8px; margin-top: -1px;}
	.f_mcMore:after {width: 2px; height: 16px; margin-left: -1px; margin-top: -8px;}
	
	/* .f_mcList li {		
		width: 47.5%;
	}
	.f_mcList li:not(:last-child) {
		margin-right: 15px;
	} */
	.f_mcList li {		
		width: 100%;
		margin-right: 0 !important;
	}
	.f_mcList li:nth-child(2),
	.f_mcList li:nth-child(4) {
		display: none;
	}
	.f_mcList li a .e_txt {
	    height: 50px;
	    -webkit-line-clamp: 2;
	}
}

/* 템플릿 추가(헤더 M) */
@media (min-width:1201px) {	
	#m_gnb {position: relative; z-index: 100; background: #fff; text-align: center;}
	#m_gnbTop {
		height: 114px; 
		z-index: 1; 
		position: relative;
		background: #003377;
	}
	#m_gnbTop:after {content: ''; display: table; clear: both;}
	#m_gnbLogo {display: inline-block; height: 100%;}
	#m_gnbLogo a {display: block; height: 100%; line-height: 111px; font-size: 16pt; font-weight: 600; letter-spacing: -0.075em; color: #fff;}
	#m_gnbLogo a:after {content: ''; display: table; clear: both;}
	#m_gnbLogo a span {display: block; width: 270px; height: 95%; text-indent: -9999px; float: left; margin-right: 5px; background: url('/images/front/common/gnb_logo_wh.png')no-repeat center center;}
	#m_gnbLogo a img {max-width: 200px; height: 100%; text-indent: -9999px; float: left; margin-right: 20px; object-fit: scale-down;}
	
	#m_gbtLft {
		position: absolute; 
		left: 50px; 
		top: 0; 
		padding: 37px 0;
	}
	#m_gbtLft ul:after {content: ''; display: table; clear: both;}
	#m_gbtLft ul li {float: left; margin-right: 10px;}
	#m_gbtLft ul li:last-child {margin-right: 0;}
	#m_gbtLft ul li a {
		display: block; 
		height: 34px; 
		line-height: 31px; 
		text-align: center; 
		color: #fff; 
		font-size: 12pt; 
		padding: 0 20px; 
	}
	#m_gbtLft ul li:nth-child(1) a {background: #007fb4;}
	#m_gbtLft ul li:nth-child(2) a {border: 1px solid #007fb4;}
	
	#m_gbtRht {position: absolute; right: 50px; top: 0; padding: 37px 0;}
	#m_gbtRht:after {content: ''; display: table; clear: both;}
	.m_gbtMenu {float: left;}
	.m_gbtMenu:after {content: ''; display: table; clear: both;}
	.m_gbtMenu li {float: left; position: relative; padding-right: 15px; margin-right: 15px;}
	/* .m_gbtMenu li:after {content: ''; display: block; width: 4px; height: 4px; background: #8c8c8c; position: absolute; right: -2px; top: 50%; margin-top: -2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} */
	.m_gbtMenu li:last-child {padding-right: 0; margin-right: 0;}
	.m_gbtMenu li:last-child:after {display: none;}
	.m_gbtMenu li a {
		display: inline; 
		height: 40px; 
		line-height: 40px; 
		color: #fff;
	}
	.m_gbtMenu li img {
		display: inline; 
		line-height: 40px; 
		color: #fff;
		padding-bottom: 7px;
		padding-right: 3px;
	}
	
	.m_gbtLang {float: left; position: relative; border: solid 1px #dfdfdf; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
	.m_gbtLang button {display: block; line-height: 38px; padding: 0 20px; background: none; color: #fff; text-align: left; font-size: 12px;}
	/* .m_gbtLang button:after {content: ''; display: inline-block; vertical-align: middle; margin-left: 10px; width: 16px; height: 9px; margin-top: -3px; background: url('/images/front/common/gnb_lang_arrow2.png')no-repeat center bottom;} */
	.m_gbtLang ul {display: none;}
	.m_gbtLang ul li {}
	.m_gbtLang ul li a {
		display: block; 
		text-align: left; 
		padding: 0 20px; 
		color: #fff; 
		height: 40px; 
		line-height: 40px;
	}
	
	#m_gnbBot {}


	/* 대메뉴 */
	#m_gnbMenu {}
	#m_gnbMenu .gbm {
		position: relative; 
		text-align: center; 
		display: flex;
		justify-content: center;
	}
	#m_gnbMenu .gbm > li {
		position: relative;
		flex: 1 0 0%;
		background-color: #00204B;
	}
	#m_gnbMenu .gbm > li:hover {
		background: #5483C2;
	}
	#m_gnbMenu .gbm > li:not(:last-child) {
		border-right: 1px solid #003377;
	}
	/* #m_gnbMenu .gbm > li:hover {
		background-color: #5483C2;
	} */
	/* #m_gnbMenu .gbm > li:hover > ul {height: auto;} */

	#m_gnbMenu .gbm > li.mo {display: none;}
	#m_gnbMenu .gbm > li.last {margin-right: 0;}
	#m_gnbMenu .gbm > li > h4 {text-align: center; padding: 10px 0;}
	#m_gnbMenu .gbm > li > h4 > a {
		display: block;
		font-size: 16px;
		height: 29px; 
		line-height: 29px; 
		color: #fff; 
		font-weight: 400;

		padding: 0 10px;
		overflow: hidden;
   		text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-line-clamp: 1;
    	-webkit-box-orient: vertical;
	}
	
	
	/* 2뎁스 */
	#m_gnbMenu .gbm > li > ul {
		display: none;
		position: absolute;
		left: 0; 
		right: -1px; 
		top: 100%; 
		background: #2E4667; 
	}
	#m_gnbMenu .gbm > li:last-child > ul {
		right: 0; 
	}
	#m_gnbMenu .gbm > li:not(:last-child) > ul {
		border-right: 1px solid #676767;
	}
	#m_gnbMenu .gbm > li > ul > li {position: relative; margin-top: 15px; text-align: center;}
	#m_gnbMenu .gbm > li > ul > li:last-child {margin-bottom: 20px;}

	/* 3뎁스 */
	#m_gnbMenu .gbm > li > ul > li > h5 {}
	#m_gnbMenu .gbm > li > ul > li > h5 > a {
		font-size: 16px; 
		font-weight: 400; 
		color: #ddd;
	
		padding: 0 10px;
		overflow: hidden;
   		text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-line-clamp: 1;
    	-webkit-box-orient: vertical;
	}
	#m_gnbMenu .gbm > li > ul > li > h5 > a:hover {
		color: #fff; 
		text-decoration: underline; 
		text-underline-position: under;
	}
	#m_gnbMenu .gbm > li > ul > li > ul {padding-top: 5px; padding-left: 20px; display: inline-block; text-align: left;}
	#m_gnbMenu .gbm > li > ul > li > ul > li {margin-bottom: 3px; position: relative;}
	#m_gnbMenu .gbm > li > ul > li > ul > li:last-child {margin-bottom: 0;}
	#m_gnbMenu .gbm > li > ul > li > ul > li:before,
	#m_gnbMenu .gbm > li > ul > li > ul > li:after {content: ''; display: block; background: #838383; position: absolute; left: 0;}
	#m_gnbMenu .gbm > li > ul > li > ul > li:before {width: 5px; height: 1px; top: 50%;}
	#m_gnbMenu .gbm > li > ul > li > ul > li:after {width: 1px; height: 5px; top: 50%; margin-top: -5px;}
	#m_gnbMenu .gbm > li > ul > li > ul > li > a {
		font-size: 14px;
		color: #bbb;

		padding: 0 10px;
		overflow: hidden;
   		text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-line-clamp: 1;
    	-webkit-box-orient: vertical;
	}
	#m_gnbMenu .gbm > li > ul > li > ul > li > a:hover {
		color: #fff; 
		text-decoration: underline; 
		text-underline-position: under;
	}
	
	#m_gmTop {display: none;}
	#m_gnbBtn {display:block; width: 60px; height: 60px; padding:15px; cursor:pointer; background: none; position: absolute; bottom: 5px; right: 35px;}
	#m_gnbBtn span {text-indent: -9999px; overflow: hidden; height: 0; width: 0; display: block;}
	#m_gnbBtn em {display: block; height: 3px; background: #080404; margin-bottom: 6px; position: relative; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	#m_gnbBtn em:last-child {margin-bottom: 0;}
	#m_gnbBtn.on {background: none;}
	#m_gnbBtn.on em:nth-child(2) {margin-bottom:6px; margin-left:0px; margin-top: -8px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
	#m_gnbBtn.on em:nth-child(3) {opacity:0;}
	#m_gnbBtn.on em:nth-child(4) {margin-top:-17px; margin-left:0px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
	
	#m_gnbMo {display: none;}
	#m_gnbAll {position: absolute; left: 0; right: 0; top: 190px; background: #00294e; display: none; z-index: 101;}
	#m_gnbAll:before {content: ''; display: block; height: 80px; position: absolute; left: 0; right: 0; top: 0; background: #001e40;}
	#m_gnbAll .gbm {display: table; width: 100%; position: relative; border-left: solid 1px rgba(255,255,255,0.1);}	
	#m_gnbAll .gbm > li {display: table-cell; vertical-align: top; width: 16.6666%; border-right: solid 1px rgba(255,255,255,0.1);}
	#m_gnbAll .gbm > li.mo {display: none;}
	#m_gnbAll .gbm > li > h4 {}
	#m_gnbAll .gbm > li > h4 > a {display: block; color: #fff; font-size: 14pt; font-weight: 400; height: 80px; line-height: 80px; text-align: center;}
	#m_gnbAll .gbm > li > ul {padding: 30px;}
	#m_gnbAll .gbm > li > ul > li {margin-bottom: 20px;}
	#m_gnbAll .gbm > li > ul > li:last-child {margin-bottom: 0;}
	#m_gnbAll .gbm > li > ul > li > h5 {}
	#m_gnbAll .gbm > li > ul > li > h5 > a {font-size: 18px; color: #fff; font-weight: 400; white-space: nowrap;}
	#m_gnbAll .gbm > li > ul > li > ul {margin-top: 5px;}
	#m_gnbAll .gbm > li > ul > li > ul > li {margin-bottom: 5px; position: relative; padding-left: 10px;}
	#m_gnbAll .gbm > li > ul > li > ul > li:last-child {margin-bottom: 0;}
	#m_gnbAll .gbm > li > ul > li > ul > li:before {content: ''; display: block; width: 2px; height: 2px; background: #545c69; position: absolute; left: 0; top: 10px;}
	#m_gnbAll .gbm > li > ul > li > ul > li > a {font-size: 14px; color: rgba(255,255,255,0.7); -webkit-transition: all 0.3s; transition: all 0.3s;}
	#m_gnbAll .gbm > li > ul > li > ul > li > a:hover {color: rgba(255,255,255,1.0);}
	#m_gnbAll .gbm > li > ul > li > ul > li > a.blank:after {content: ''; display: inline-block; width: 17px; height: 17px; margin-left: 10px; vertical-align: middle; margin-top: -5px; background: url('/images/front/common/gnb_link.png')no-repeat center center;}
}

@media (max-width:1200px) {
	html.lock, body.lock {display: block; height: 100%; overflow: hidden;}
	#m_gnb {position: relative; z-index: 100;}
	#m_gnb:after {content: ''; display: table; clear: both;}
	#m_gnbTop {
		background: #003377;
		height: 60px;
	}
	#m_gnbTop #m_gnbLogo {float: left; margin-left: 15px; margin-bottom: 0;}
	#m_gnbTop #m_gnbLogo a {display: block; height: 60px; line-height: 60px; font-size: 14pt; font-weight: 700; letter-spacing: -0.075em; color: #fff;}
	#m_gnbTop #m_gnbLogo a:after {content: ''; display: table; clear: both;}
	#m_gnbTop #m_gnbLogo a span {display: block; width: 110px; height: 100%; text-indent: -9999px; float: left; margin-right: 10px; background: url('/images/front/common/gnb_logo_wh.png') no-repeat center center; background-size: 100% auto;}
	#m_gnbLogo a img {width: 110px;}/*2023.05.24 수정*/
	#m_gnbTop #m_gbtLft, #m_gnbTop #m_gbtRht {display: none;}
	#m_gnbMenu {position: fixed; left: 0; right: 0; top: 55px; bottom: 0; background: #fff; z-index: 100; padding-left: 140px; display: none;}
	#m_gnbMenu.on {display: block;}
	#m_gnbMenu .gbm {position: absolute; left: 0; top: 0; bottom: 0; width: 140px; border-right: solid 1px #ddd; background: #f5f5f5; padding: 10px 0;}
	#m_gnbMenu .gbm:after {content: ''; display: table; clear: both;}
	/* 2뎁스 */
	#m_gnbMenu .gbm > li {padding: 10px 15px; position: relative;}
	#m_gnbMenu .gbm > li > h4.gnbDpt1 > a {font-size: 11pt; font-weight: 400; color: #666;}
	#m_gnbMenu .gbm > li > h4.gnbDpt1.on > a {color: #0f296f; font-weight: 700; font-size: 11pt;}
	#m_gnbMenu .gbm > li > h4.gnbDpt1 > span {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
	
	/* 3뎁스 */
	#m_gnbMenu .gbm > li > ul {position: fixed; left: 140px; top: 55px; bottom: 0; right: 0; background: #fff; display: none; overflow-y: auto; -webkit-overflow-scrolling: touch;}
	#m_gnbMenu .gbm > li > ul.on {display: block !important;}
	#m_gnbMenu .gbm > li > ul > li {border-bottom: solid 1px #ddd;}
	#m_gnbMenu .gbm > li > ul > li > h5 {position: relative;}
	#m_gnbMenu .gbm > li > ul > li > h5 > a {display: block; padding: 0 15px; height: 49px; line-height: 49px; font-size: 11pt; font-weight: 400;}
	#m_gnbMenu .gbm > li > ul > li > h5.gnbDpt2 span {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
	#m_gnbMenu .gbm > li > ul > li > h5.gnbDpt2 span:after {content: ''; display: block; width: 9px; height: 5px; position: absolute; right: 15px; top: 50%; margin-top: -3px; background: url('/images/front/common/quick_toggle.png')no-repeat center bottom; background-size: 100% auto;}
	#m_gnbMenu .gbm > li > ul > li > h5.gnbDpt2 span.on:after {background-position: center top;}
	#m_gnbMenu .gbm > li > ul > li > ul {border-top: solid 1px #ddd; background: #fafafa; padding: 10px 15px; display: none;}
	#m_gnbMenu .gbm > li > ul > li > ul.on {display: block;}
	#m_gnbMenu .gbm > li > ul > li > ul > li {margin-bottom: 10px; position: relative; padding-left: 8px;}
	#m_gnbMenu .gbm > li > ul > li > ul > li:before {content: ''; display: block; width: 2px; height: 2px; background: #666; position: absolute; left: 0; top: 6px;}
	#m_gnbMenu .gbm > li > ul > li > ul > li:last-child {margin-bottom: 0;}
	#m_gnbMenu .gbm > li > ul > li > ul > li > a {font-size: 11pt;}
	#m_gmTop {position: absolute; top: 0; left: 0; right: 0; height: 46px; border-bottom: solid 1px #ddd; background: #00294e;}
	#m_gbtRht {padding-left: 15px;}
	#m_gbtRht:after {content: ''; display: table; clear: both;}
	.m_gbtMenu {float: left;}
	.m_gbtMenu:after {content: ''; display: table; clear: both;}
	.m_gbtMenu li {float: left; position: relative; padding-right: 10px; margin-right: 10px;}
	.m_gbtMenu li:after {content: ''; display: block; width: 3px; height: 3px; background: #fff; position: absolute; right: -2px; top: 50%; margin-top: -2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
	.m_gbtMenu li:last-child {padding-right: 0; margin-right: 0;}
	.m_gbtMenu li:last-child:after {display: none;}
	.m_gbtMenu li a {display: block; height: 45px; line-height: 45px; color: #fff; font-size: 10pt;}
	.m_gbtLang {float: right; position: relative;}
	.m_gbtLang button {display: block; height: 45px; line-height: 45px; background: none; color: #fff; text-align: left; font-size: 10pt; padding: 0 10px 0 15px;}
	.m_gbtLang button:after {content: ''; display: inline-block; vertical-align: middle; margin-left: 10px; width: 20px; height: 20px; background: url('/images/front/common/gnb_lang_arrow.png')no-repeat center bottom; background-size: 100% auto;}
	.m_gbtLang button.on:after {background-position: center top;}
	.m_gbtLang ul {position: absolute; left: 0; right: 0; top: 100%; background: #00294e; padding-bottom: 10px; display: none;}
	.m_gbtLang ul li {padding: 5px 15px;}
	.m_gbtLang ul li a {color: #fff; font-size: 10pt;}
	#m_gnbBtn {display: none;}
	#m_gnbMo {display:block; width: 50px; height: 56px; padding:13px; cursor:pointer; background: none; position: absolute; top: 0; right: 0; z-index: 102;}
	#m_gnbMo span {text-indent: -9999px; overflow: hidden; height: 0; width: 0; display: block;}
	#m_gnbMo em {display: block; height: 2px; background: #fff; margin-bottom: 6px; position: relative; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	#m_gnbMo em:last-child {margin-bottom: 0;}
	#m_gnbMo.on {background: none;}
	#m_gnbMo.on em:nth-child(2) {background: #fff; margin-bottom:6px; margin-left:0px; margin-top: -2px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
	#m_gnbMo.on em:nth-child(3) {opacity:0;}
	#m_gnbMo.on em:nth-child(4) {background: #fff; margin-top:-16px; margin-left:0px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
	#m_gnbAll {display: none;}
}

@media (max-width:991px) {

}

@media (max-width:768px) {

}

@media (max-width:320px) {

}


/* 서브 로케이션 - D */
/* sub */
.d_sub {padding-bottom: 120px;}
.d_subTitle {padding: 50px 0; font-size: 30pt; font-weight: 600; text-align: center;}
.subTxt {font-size: 12pt; line-height: 1.8em;}
.d_sbWrap {display: table; width: 100%;}
.d_sbLft {display: table-cell; vertical-align: top; min-width: 300px; max-width: 300px; width: 300px;}
.d_sbLft h3 {
	height: 190px; 
	line-height: 190px; 
	text-align: center; 
	color: #fff;
	background: url("/images/front/common/pknu_logo_wh.png") no-repeat 187px 97px;
	background-color: #141C5A; 
	font-size: 22pt; 
	margin-top: 50px;
}
.d_sbLft ul li {
	margin-bottom: -1px;
}
.d_sbLft ul li:last-child {margin-bottom: 0;}
.d_sbLft ul li a {
	display: -webkit-box;
	height: 50px; 
	line-height: 48px; 
	border: solid 1px #E5E5E5; 
	padding: 0 20px; 
	position: relative;
	font-size: 13pt; 
	font-weight: 300;

	white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
	word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	}
.d_sbLft ul li a:after {content: ''; display: block; width: 8px; height: 12px; position: absolute; right: 20px; top: 50%; margin-top: -6px; background: url('/images/front/common/aside_arrow.png')no-repeat center center;}
.d_sbLft ul li a.a_on {
	background: #009ADA; 
	border-color: #009ADA; 
	color: #fff;
	font-weight: 600;
}
.d_sbLft ul li .dep2_on:after {background: url('/images/front/common/aside_arrow_wh.png')no-repeat center center;}
.d_sbCont {display: block; vertical-align: top; padding-left: 50px;}

.gnbDpt2_ul_m a:after {
	background: none !important;
}

.d_sbLft .dep2_on {
	background-color: #0092d9;
	color: #fff;
	border: none !important;
}
.d_sbLft .dep3_on {color: #0092d9 !important;}




@media (max-width:1420px) {
	.d_sbWrap {display: block;}
	.d_sbLft {display: none;}
	.d_sbCont {display: block; padding-left: 0;}
	.d_subTitle {text-align: center;}
}


@media (max-width:991px){
	.d_subTop {height: 140px;}
	.d_subTop h2 {font-size: 12pt;}
	.d_sbtNav dt {width: 13px; height: 12px; background-size: cover;}
	.d_sbtNav dd {padding-left: 12px; margin-left: 5px; font-size: 10pt; line-height: 1.0em; background-size: 5px auto !important;}
	.d_sbtSet {right: 10px; margin-top: 10px;}
	.d_sbtSet li {margin-right: 5px;}
	.d_sbtSet li a {width: 26px; height: 26px; background-size: 16px auto !important;}
	.d_sub {padding-bottom: 60px;}
	.d_subTitle {padding: 30px 0; font-size: 16pt;}
	.d_subTxt {font-size: 11pt; line-height: 1.6em;}
}

.d_subNav {
	background: #E5E5E5;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.d_sbtNav {float: left; letter-spacing: -0.025em;}
.d_sbtNav:after {content: ''; display: table; clear: both;}
.d_sbtNav button {color:#fff}
.d_sbtNav dt {float: left; border-right: solid 1px rgba(255,255,255,0.2);}
.d_sbtNav dt a {
	display: block; 
	width: 60px; 
	height: 60px; 
	text-indent: -9999px; 
	background: url('/images/front/common/home_icon_wh.png')no-repeat center center;
	background-color: #141C5A;
	background-size: auto;
}
.d_sbtNav dd {
	float: left; 
	position: relative; 
	border-right: 1px solid #ccc;
}
.d_sbtNav dd:nth-of-type(1) button{text-transform: uppercase;}
.d_sbtNav dd button {
	display: block; width: 290px; 
	height: 60px; 
	line-height: 60px; 
	position: relative; 
	padding: 0 20px; 
	background: none; 
	font-size: 16px; 
	text-align: left; 
	cursor: pointer;
	color: #666;
}
.d_sbtNav dd button:after {
	content: ''; display: block; 
	width: 15px; 
	height: 8px; 
	position: absolute; 
	right: 20px; 
	top: 50%; 
	margin-top: -4px; 
	background: url('/images/front/common/sub_nav_arrow_tem_d.png')no-repeat center bottom; 
	background-size: 100% auto;}
.d_sbtNav dd button.on:after {background-position: center top;}
.d_sbtNav dd ul {position: absolute; left: 0; right: 0; top: 100%; background: #001e40; z-index: 10; display: none; padding: 20px;}
.d_sbtNav dd ul li {margin-bottom: 15px;}
.d_sbtNav dd ul li:last-child {margin-bottom: 0;}
.d_sbtNav dd ul li a {display: block; font-weight:300; color: #fff; word-break: break-word;}
.d_sbtNav dd ul li:hover a,
.d_sbtNav dd ul li a.on {color: #00fcff;}
.d_sbtSet {
	float: right; 
	padding: 10px 0;
}
.d_sbtSet:after {content: ''; display: table; clear: both;}
.d_sbtSet ul {float: left; padding: 0 15px;}
.d_sbtSet ul:after {content: ''; display: table; clear: both;}
.d_sbtSet ul li {float: left; position: relative;}
.d_sbtSet ul li a {display: block; width: 40px; height: 40px; text-indent: -9999px; background-size: 23px auto !important;}
.d_sbtSet ul li a.sbtZom {background: url('/images/front/common/sub_setting_zoom_bk.png')no-repeat center center;}
.d_sbtSet ul li a.sbtOut {background: url('/images/front/common/sub_setting_out_bk.png')no-repeat center center;}
.d_sbtSet a.sbtPrt {display: block; float: left; width: 40px; height: 40px; text-indent: -9999px; margin-left: 10px; background: url('/images/front/common/sub_setting_print_bk.png')no-repeat center center; background-size: 24px auto; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}

@media (max-width:991px){
	.d_subNav {margin: 0 -15px;}
	.d_sbtNav {float: none; width: 100%;}
	.d_sbtNav dt {width: 10%;}
	.d_sbtNav dt a {width: 100%; height: 40px; background-size: 16px auto;}
	.d_sbtNav dd {width: 24%;}
	.d_sbtNav dd button {width: 100%; height: 40px; line-height: 40px; padding-left: 10px; padding-right: 30px; font-size: 10pt; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.d_sbtNav dd button:after {right: 10px; width: 10px; height: 5px;  margin-top: -3px; background-size: 100% auto !important;}
	.d_sbtNav dd ul {padding: 10px;}
	.d_sbtNav dd ul li a {font-size: 10pt;}
	.d_sbtSet {float: none; position: absolute; right: 25px; bottom: 100%; padding-top: 0; padding-bottom: 10px;}
	.d_sbtSet ul {padding: 0 10px;}
	.d_sbtSet ul li a {width: 30px; height: 30px; background-size: 18px auto !important;}
	.d_sbtSet a.sbtPrt {width: 30px; height: 30px; margin-left: 5px; background-size: 18px auto;}
}

/* 서브 로케이션 -  E */
.e_sub {padding-bottom: 120px;}
.e_subTitle {padding: 50px 0; font-size: 30pt; font-weight: 500;}
.subTxt {font-size: 12pt; line-height: 1.8em;}
.e_sbWrap {display: table; width: 100%;}
.e_sbLft {display: table-cell; vertical-align: top; width: 300px;}
.e_sbLft h3 {
	height: 98px; 
	line-height: 98px; 
	text-align: center; 
	color: #191919; 
	font-size: 22pt;

	border-bottom: 7px solid #001e40;
	position: relative;
}
.e_sbLft h3::after {
	content: "";
	display: block;
	position: absolute;
	height: 7px;
	width: 77px;
	background-color: #009ADA;
	right: 0;
	bottom: -7px;
}
.e_sbLft ul li {
	margin-bottom: -1px;
}
.e_sbLft ul li:last-child {margin-bottom: 0;}
.e_sbLft ul li a {
	display: -webkit-box;
	height: 50px; 
	line-height: 48px; 
	border: solid 1px #E5E5E5; 
	padding: 0 20px; 
	position: relative;
	font-size: 13pt; 
	font-weight: 400;

	white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
	word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	}
.e_sbLft ul li a:after {content: ''; display: block; width: 8px; height: 12px; position: absolute; right: 20px; top: 50%; margin-top: -6px; background: url('/images/front/common/aside_arrow.png')no-repeat center center;}
.e_sbLft ul li a.a_on {
	color: #009ADA;
	font-weight: 600;
}
.e_sbLft ul li a.a_on:after {background: url('/images/front/common/aside_arrow_wh.png')no-repeat center center;}
.e_sbCont {display: table-cell; vertical-align: top; padding-left: 50px;}

.e_sbLft .dep2_on {
	border: solid 3px #27348a !important;
}
.e_sbLft .dep3_on {color: #0092d9 !important;}

.e_sbtNav {
	padding-top: 20px;
}



@media (max-width:1420px) {
	.e_sbWrap {display: block;}
	.e_sbLft {display: none;}
	.e_sbCont {display: block; padding-left: 0;}
	.e_subTitle {text-align: center;}
}


@media (max-width:991px){
	.e_subTop {height: 140px;}
	.e_subTop h2 {font-size: 12pt;}
	.e_sbtNav {margin-top: 5px;}


	.e_sbtSet {right: 10px; margin-top: 10px;}
	.e_sbtSet li {margin-right: 5px;}
	.e_sbtSet li a {width: 26px; height: 26px; background-size: 16px auto !important;}
	.e_sub {padding-bottom: 60px;}
	.e_subTitle {padding: 30px 0; font-size: 16pt;}
	.e_subTxt {font-size: 11pt; line-height: 1.6em;}
}

.e_sbtNav {text-align: right; color: #333;}
.e_sbtNav dt {display: inline-block; vertical-align: middle;}
.e_sbtNav dd {display: inline-block; vertical-align: middle; padding-left: 17px; margin-left: 10px; background: url('/images/front/common/sub_nav_arrow.png')no-repeat left center;}

@media (max-width:991px){
	.e_sbtNav {margin-top: 5px;}
}

/* 서브 로케이션 -  F */
.f_subNav {
	background: #fff;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.f_sbtNav {float: left; letter-spacing: -0.025em;}
.f_sbtNav:after {content: ''; display: table; clear: both;}
.f_sbtNav button {color:#fff}
.f_sbtNav dt {float: left; border-right: solid 1px rgba(255,255,255,0.2);}
.f_sbtNav dt a {
	display: block; 
	width: 60px; 
	height: 60px; 
	text-indent: -9999px; 
	background: url('/images/front/common/home_icon_wh.png')no-repeat center center;
	background-color: #009ADA;
	background-size: auto;
}
.f_sbtNav dd {
	float: left; 
	position: relative; 
	border-right: 1px solid #ccc;
}
.f_sbtNav dd:nth-of-type(1) button{text-transform: uppercase;}
.f_sbtNav dd button {
	display: block; 
	width: 230px; 
	height: 60px; 
	line-height: 60px; 
	position: relative; 
	padding: 0 20px; 
	background: none; 
	font-size: 16px; 
	text-align: left; 
	cursor: pointer;
	color: #666;
	
	white-space: nowrap;
	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 1;
 	-webkit-box-orient: vertical;
}
.f_sbtNav dd button:after {
	content: ''; display: block; 
	width: 15px; 
	height: 8px; 
	position: absolute; 
	right: 20px; 
	top: 50%; 
	margin-top: -4px; 
	background: url('/images/front/common/sub_nav_arrow_tem_d.png')no-repeat center bottom; 
	background-size: 100% auto;}
.f_sbtNav dd button.on:after {background-position: center top;}
.f_sbtNav dd ul {
	position: absolute; 
	left: -1px; 
	right: -1px; 
	top: 100%; 
	background: #fff; 
	z-index: 10; 
	display: none;
}
/* .f_sbtNav dd ul li {margin-bottom: 15px;} */
.f_sbtNav dd ul li:last-child {margin-bottom: 0;}
.f_sbtNav dd ul li a {
	display: block; 
	font-weight:300;
	color: #333; 
	word-break: break-word; 
	padding: 10px 20px;
	border: 1px solid #ccc;
	border-top: none;
}
.f_sbtNav dd ul li:first-child a {
	border-top: 1px solid #ccc;
}
.f_sbtNav dd ul li:hover a,
.f_sbtNav dd ul li a.on {    
	color: #009ada;
    font-weight: 600;
}
.f_sbtSet {
	float: right;
}
.f_sbtSet:after {content: ''; display: table; clear: both;}
.f_sbtSet ul {float: left; padding: 0 15px;}
.f_sbtSet ul:after {content: ''; display: table; clear: both;}
.f_sbtSet ul li {float: left; position: relative;}
.f_sbtSet ul li a {display: block; width: 40px; height: 60px; text-indent: -9999px; background-size: 23px auto !important;}
.f_sbtSet ul li a.sbtZom {background: url('/images/front/common/sub_setting_zoom_bk.png')no-repeat center center;}
.f_sbtSet ul li a.sbtOut {background: url('/images/front/common/sub_setting_out_bk.png')no-repeat center center;}
.f_sbtSet a.sbtPrt {
	display: block; 
	float: left; 
	width: 60px; 
	height: 60px; 
	text-indent: -9999px; 
	margin-left: 10px; 
	background: url('/images/front/common/sub_setting_print_bk.png') no-repeat center center; 
	background-size: 24px auto;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc; 
}

@media (max-width:991px){
	.f_subNav {margin: 0;}
	.f_subNav .container {
		padding: 0 !important;
	}
	.f_sbtNav {float: none; width: 100%; display: flex;}
	.f_sbtNav dt {width: 10%;}
	.f_sbtNav dt a {width: 100%; height: 40px; background-size: 16px auto;}
	.f_sbtNav dd {width: 45%; flex: 1;}
	.f_sbtNav dd:last-child {
	    border-right: none;
	}
	.f_sbtNav dd button {width: 100%; height: 40px; line-height: 40px; padding-left: 10px; padding-right: 30px; font-size: 10pt; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.f_sbtNav dd button:after {
		right: 10px;
		 width: 10px; 
		 height: 5px;  
		 margin-top: -3px; 
		 background-size: 100% auto !important;
	}
	.f_sbtNav dd ul {padding: 0;}
	.f_sbtNav dd ul li a {font-size: 10pt;}
	.f_sbtSet {float: none; position: absolute; right: 15px; bottom: 100%; padding-top: 0; padding-bottom: 10px;}
	.f_sbtSet ul {padding: 0;}
	.f_sbtSet ul li a {width: 30px; height: 30px; background-size: 18px auto !important;}
	.f_sbtSet a.sbtPrt {width: 30px; height: 30px; margin-left: 5px; background-size: 18px auto; border: 1px solid #ccc;}
}