/*******************************************************************
   layout style
******************************************************************* */
.container-area {
	background-color: #123466;
}
#container {
	width: 100%;
	padding: 0;
}

/* 메인 기본 배너 */
.main-spot {
	position: relative;
	height: 360px;
}

/* main-spot-slide */
.main-spot .mobile-only {
	display: none;
}
.main-spot ul.main-spot-slider {
	visibility: hidden;
}
.main-spot ul.main-spot-slider > li {
	height: 360px;
	padding: 70px 50px 0;
	background-size: cover;
}
.main-spot ul.main-spot-slider > li.type1 {
	background: #eee url("/images/main/main_spot01.jpg") center top no-repeat;
}
.main-spot ul.main-spot-slider > li.type2 {
	background: #eee url("/images/main/main_spot02.jpg") center top no-repeat;
}
.main-spot ul.main-spot-slider > li.type3 {
	background: #eee url("/images/main/main_spot03.jpg") center top no-repeat;
}

/* banner-area */
.banner-area {
	position: absolute;
	right: 0;
	width: 370px;
	height: 240px;
	background: rgba(255,255,255,0.75);
}

/* slogan */
.main-spot .slogan {
	display: inline-block;
	padding: 25px 40px;
	font-size: 23px;
	color: #333;
	/*border-radius: 10px;*/
	/*background: rgba(255,255,255,0.45);*/
}
.main-spot .slogan .text1 {
	display: block;
	text-shadow: 0 1px 2px rgba(255,255,255,0.65);
}
.main-spot .slogan .text2 {
	display: block;
	font-size: 23px;
}
.main-spot .slogan .text2 strong {
	margin-right: 10px;
	font-size: 36px;
	color: #0b57a9;
	text-shadow: 0 1px 2px rgba(255,255,255,0.65);
}

/* type2 slogan */
.main-spot ul.main-spot-slider > li.type2 .slogan .text1 {
	color: #e9ddd6;
	text-shadow: none;
}
.main-spot ul.main-spot-slider > li.type2 .slogan .text2 {
	color: #e9ddd6;
	text-shadow: none;
}
.main-spot ul.main-spot-slider > li.type2 .slogan .text2 strong {
	color: #fff;
	text-shadow: none;
}

/* type3 slogan */
.main-spot ul.main-spot-slider > li.type3 .slogan {
	display: inline-block;
	padding: 25px 40px;
	font-size: 23px;
	color: #333;
	background: rgba(0,0,0,0.25);
}
.main-spot ul.main-spot-slider > li.type3 .slogan .text1 {
	color: #fff;
	text-shadow: none;
}
.main-spot ul.main-spot-slider > li.type3 .slogan .text2 {
	color: #fff;
	text-shadow: none;
}
.main-spot ul.main-spot-slider > li.type3 .slogan .text2 strong {
	color: #fff;
	text-shadow: none;
}

/* 프린트 버튼 추가 */
/*.main-spot .innerwrap.btn-list-wrap {*/

/*}*/
/*.main-spot .btn-list-area {*/
/*	position: absolute;*/
/*	right: 0;*/
/*	top: 195px;*/
/*	z-index: 100;*/
/*}*/
/*.main-spot .btn-list-area > ul {*/

/*}*/
/*.main-spot .btn-list-area > ul > li {*/
/*	display: inline-block;*/
/*	vertical-align: middle;*/
/*	margin-left: 20px;*/
/*}*/
/*.main-spot .btn-list-area > ul > li > a {*/
/*	display: block;*/
/*	padding: 10px 30px 15px;*/
/*	text-align: center;*/
/*	font-size: 16px;*/
/*	color: #fff;*/
/*	text-decoration: none !important;*/
/*	border-radius: 2px;*/
/*	background-color: rgba(12,106,178,0.75);*/
/*	transition: all 0.25s;*/
/*	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);*/
/*}*/
/*.main-spot .btn-list-area > ul > li.member > a {*/
/*	background-color: rgba(12,106,178,0.9);*/
/*}*/
/*.main-spot .btn-list-area > ul > li.member > a:hover {*/
/*	background-color: rgba(12,106,178,1);*/
/*}*/
/*.main-spot .btn-list-area > ul > li.conference > a {*/
/*	background-color: rgba(2,200,185,0.95);*/
/*}*/
/*.main-spot .btn-list-area > ul > li.conference > a:hover {*/
/*	background-color: rgba(2,200,185,1);*/
/*}*/
/*.main-spot .btn-list-area > ul > li > a > i.big {*/
/*	display: block;*/
/*	margin: 0 0 4px;*/
/*	line-height: 1.1;*/
/*	font-size: 52px;*/
/*	color: rgba(255,255,255,0.75);*/
/*}*/
/*.main-spot .btn-list-area > ul > li > a > strong {*/
/*	display: block;*/
/*	margin: 0 0 7px;*/
/*	font-size: 17px;*/
/*}*/
/*.main-spot .btn-list-area > ul > li > a > .arrow {*/
/*	display: block;*/
/*	width: 100px;*/
/*	margin: 0 auto;*/
/*	padding-right: 16px;*/
/*	background: url(/images/bg/bg_btn_arrow_small.png) right 50% no-repeat;*/
/*}*/
/*.main-spot .btn-list-area > ul > li > a > .arrow b {*/
/*	font-weight: 300;*/
/*	font-size: 15px;*/
/*}*/

.main-spot .innerwrap.btn-list-wrap {

}
.main-spot .btn-list-area {
	position: absolute;
	left: 40px;
	top: 280px;
	width: 1020px;
	z-index: 100;
}
.main-spot .btn-list-area > ul {
	width: 100%;
	border-radius: 5px;
}
.main-spot .btn-list-area > ul > li {
	float: left;
	width: 510px;
	margin-left: -1px;
	border-radius: 5px 0 0 5px;
}
.main-spot .btn-list-area > ul > li:last-child {
	margin-left: -1px;
	border-radius: 0 5px 5px 0;
}
.main-spot .btn-list-area > ul > li > .title {
	float: left;
	display: block;
	width: 28%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	border-radius: 5px 0 0 5px;
	background-color: #ff6464;
}
.main-spot .btn-list-area > ul > li:last-child > .title {
	border-radius: 0;
	/*background-color: rgba(2,200,185,0.95);*/
	background-color: rgba(12,106,178,0.9);
}
.main-spot .btn-list-area > ul > li:last-child > a {
	border-radius: 0 5px 5px 0;
}
.main-spot .btn-list-area > ul > li > a {
	float: left;
	display: block;
	width: 72%;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	color: #fff;
	letter-spacing: -0.25px;
	text-decoration: none !important;
	transition: all 0.25s;
	background-color: rgba(8,10,16,0.65);
}
.main-spot .btn-list-area > ul > li > a > i {
	display: inline-block;
	vertical-align: middle;
	margin: 0 7px 0 0;
}
.main-spot .btn-list-area > ul > li > a > strong {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	font-size: 15px;
	font-weight: normal;
}
.main-spot .btn-list-area > ul > li > a:hover {
	color: #333;
	background-color: rgba(255,255,255,0.95);
}

/* modal popup */
#conference_pop {
	top: 150px;
}
#conference_pop .modal-header {
	color: #fff;
	borde-radius: 2px 2px 0 0;
	background-color: #0c6ab2;
}
#conference_pop .modal-body {
	padding: 30px;
}

/* 검색 영역 */
#conference_pop .search-area {
	margin: 0 0 30px;
	text-align: center;
	padding: 20px;
	background-color: #f5fbfe;
}
#conference_pop .search-area .form-group {
	margin: 0 10px;
}
#conference_pop .search-area .form-group label {
	margin-right: 5px;
}

/* 검색 결과 */
#conference_pop .search-result {

}
#conference_pop .search-result table {

}
#conference_pop .search-result table thead th {
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	border-top: 2px solid #0c6ab2;
	background-color: #fafafa;
}
#conference_pop .search-result table tbody td {
	padding: 5px 10px;
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
}

/* 안내 문구 */
#conference_pop .alert {
	margin: 0;
	padding: 10px 20px;
}
#conference_pop .alert ul {
	margin: 0 0 0 10px;
	list-style: disc;
}
#conference_pop .alert ul > li {
	font-size: 13px;
}

/* *******************************************************************
    col1 : 퀵메뉴
******************************************************************* */
.col1 {
	border-top: 1px solid #dceefc;
	border-bottom: 1px solid #dceefc;
	background-color: #f5fafe;
}
.col1 .innerwrap {
	background-color: #f5fafe;
}
.col1 .innerwrap > ul li {
	float: left;
	width: 16.6%;
}
.col1 .innerwrap > ul li a {
	display: block;
	height: 115px;
	padding: 20px 0 0;
	text-align: center;
	color: #176cad;
	border-right: 1px solid #dceefc;
	transition: all 0.25s;
	text-decoration: none;
}
.col1 .innerwrap > ul li.newsletter a {
	padding: 17px 0 0;
}
.col1 .innerwrap > ul li:last-child a {
	border-right: 0;
}
.col1 .innerwrap > ul li a:hover {
	color: #176cad;
	background-color: #fff;
}
.col1 .innerwrap > ul li a span {
	display: block;
	line-height: 1.2;
	padding-top: 10px;
	font-size: 14px;
}
.col1 .innerwrap > ul li.newsletter a img {
	margin: -4px 0 4px;
}


/* *******************************************************************
    col2, 3 : 게시판 + 배너
******************************************************************* */
/* KRS 소식 + 알림마당 + 회원/회원사동정 */
.col2 {

}
.col2 .innerwrap {
	padding: 40px 0;
	border-bottom: 1px solid #eee;
}
.col3 .innerwrap {
	padding: 30px 0;
}
.main-board {
	position: relative;
	float: left;
	width: 510px;
	min-height: 150px;
}
.main-board.board-notice,
.main-board.board-event {
	margin-right: 80px;
}
.main-board li {
	width: auto;
	margin-bottom: -1px;
}
.main-board li > a {
	display: block;
	height: 40px;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	color: #767676;
	border: 1px solid #eee;
	border-bottom: 1px solid #1578c4;
	background-color: #fafafa;
	border-radius: 0;
	outline: none;
}
.main-board li > a:hover {
	color: #1578c4;
	background-color: #fff;
}
.main-board li.active > a {
	color: #1578c4;
	border: 1px solid #1578c4;
	border-bottom: 1px solid #fff;
	background-color: #fff;
}
.main-board .more {
	position: absolute;
	right: 0;
	top: 6px;
	display: block;
	width: 13px;
	height: 13px;
	background: url(/images/main/btn_notice_more.png) left top no-repeat;
	outline: none;
}
.main-board .board-con {
	padding-top: 25px;
}
.main-board .board-con ul {
	line-height: 1.1;
}
.main-board .board-con ul > li {
	margin: 0 0 10px;
}
.main-board .board-con ul > li span.highlight {

}
.main-board .board-con ul > li p {
	margin: 0;
}
.main-board .board-con ul > li p.title.empty {
	padding-top: 3px;
	font-size: 15px;
	font-weight: 300;
}
.main-board .board-con ul > li p.title {
	display: inline-block;
	float: left;
	width: 425px;
	margin: 0;
}
.main-board .board-con ul > li p.title a {
	display: inline-block;
	width: 425px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
	font-weight: 300;
	color: #333;
}
.main-board .board-con ul > li p.title a b {
	color: #1578c4;
}
.main-board .board-con ul > li p.title span.highlight {
	display: inline-block;
	width: 32px;
	height: 20px;
	line-height: 20px;
	margin-right: 7px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: 300;
	color: #fff;
	background: #1578c4;
}
.main-board.board-event .board-con ul > li p.title span.highlight {
	background: #ff4057;
}
.main-board .board-con ul > li p.title a b {
	/*display: inline-block;*/
	vertical-align: middle;
}
.main-board.board-event .board-con ul > li p.title a:hover b,
.main-board.board-event .board-con ul > li p.title a:hover {
	color: #ff4057;
}
.main-board .board-con ul > li p.date {
	display: inline-block;
	float: right;
	width: 80px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 300;
	color: #999999;
}
.main-board .board-con ul > li p.date.top {
	margin: 0;
	padding: 0;
}

/* 메인배너 */
.main-banner {
	position: relative;
	float: left;
	width: 510px;
	height: 265px;
	background-color: #fff;
}
.main-banner > ul {
	visibility: hidden;
}
.main-banner .bx-controls {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
}
.main-banner .bx-controls .bx-pager {
	text-align: center;
}
.main-banner .bx-controls .bx-pager-item {
	display: inline-block;
	margin-right: 8px;
}
.main-banner .bx-controls .bx-pager-item > a {
	display: block;
	height: 12px;
	width: 12px;
	font-size: 0;
	color: transparent;
	border-radius: 100%;
	background-color: #eee;
}
.main-banner .bx-controls .bx-pager-item > a.active {
	background-color: #6193f2;
}

/* 이미지형 배너 */
.main-banner ul > li.thm > a {
	display: block;
	width: 100%;
	height: 265px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	border: 0;
	background: none;
}
.main-banner ul > li.thm > a img {
	display: block;
	max-width: 100%;
	height: 265px;
}

/* 춘계 학술대회 */
.main-banner ul > li > a {
	display: block;
	width: 100%;
	height: 265px;
	padding: 25px;
	text-align: center;
	text-decoration: none;
	background: #fff url(/images/main/main_small_banner_2024s.jpg) center top no-repeat;
}
.main-banner ul > li.spring.pre > a {
	background: #fff url(/images/main/main_small_banner_pattern2.png) center top no-repeat;
	border: 2px solid #1E7ABF;
}
.main-banner ul > li.spring > a > .info-box {
	max-width: 360px;
	margin: 15px auto 0;
	padding: 10px;
	border-radius: 5px;
	background-color: rgba(0,68,151,0.75);
}
.main-banner ul > li.spring > a > .info-box p {
	margin: 3px 0;
	font-family: '맑은 고딕';
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	letter-spacing: -0.45px;
}
.main-banner ul > li.spring > a > .title {
	margin: 0 auto 6px !important;
	padding: 0;
	/*font-size: 36px;*/
	letter-spacing: -0.75px;
	font-size: 29px;
	font-weight: bold;
	color: #000;
	/*border-top: 1px solid #1e7abf;*/
	/*border-bottom: 1px solid #1e7abf;*/
}
.main-banner ul > li.spring > a > .date {
	margin: 0 !important;
	font-size: 17px;
	font-weight: bold;
	color: #333;
}
.main-banner ul > li.spring > a > .place {
	margin: 0 0 15px;
	/*margin: 0 0 25px;*/
	font-size: 19px;
	font-weight: bold;
	color: #333;
}
.main-banner ul > li.spring > a > .info {
	/*margin: 0 0 15px;*/
	margin: 0 0 15px;
}
.main-banner ul > li.spring > a > .btn-go {
	display: inline-block;
	padding: 5px 25px;
	color: #fff;
	background-color: #1e7abf;
}

/* 추계 학술대회 */
.main-banner ul > li.fall > a {
	display: block;
	width: 100%;
	height: 265px;
	padding: 25px;
	text-align: center;
	text-decoration: none;
	background: #fff url(/images/main/main_small_banner_20241011.jpg) center top no-repeat;
}

.main-banner ul > li.fall.pre > a {
	background: #fff url(/images/main/main_small_banner_pattern2.png) center top no-repeat;
	border: 2px solid #1E7ABF;
}
.main-banner ul > li.fall > a > .info-box {
	max-width: 360px;
	margin: 15px auto 0;
	padding: 10px;
	border-radius: 5px;
	background-color: rgba(0,68,151,0.75);
}
.main-banner ul > li.fall > a > .info-box p {
	margin: 3px 0;
	font-family: '맑은 고딕';
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	letter-spacing: -0.45px;
}
.main-banner ul > li.fall > a > .title {
	margin: 0 auto 15px !important;
	padding: 0;
	/*font-size: 36px;*/
	letter-spacing: -0.75px;
	font-size: 26px;
	font-weight: bold;
	color: #000;
	/*border-top: 1px solid #1e7abf;*/
	/*border-bottom: 1px solid #1e7abf;*/
}
.main-banner ul > li.fall > a > .date {
	margin: 0 !important;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.main-banner ul > li.fall > a > .place {
	margin: 0 0 15px;
	/*margin: 0 0 25px;*/
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.main-banner ul > li.fall > a > .info {
	/*margin: 0 0 15px;*/
	margin: 0 0 15px;
}
.main-banner ul > li.fall > a > .btn-go {
	display: inline-block;
	padding: 5px 25px;
	color: #fff;
	background-color: #1e7abf;
}

/* etc */
.main-banner ul > li.etc > a {
	display: block;
	width: 100%;
	height: 265px;
	padding: 25px;
	text-align: center;
	text-decoration: none;
	/*border: 2px solid #1E7ABF;*/
	/*background: #fff url(/images/main/main_small_banner_pattern2.png) center top no-repeat;*/
	background: #fff url(/images/main/main_small_banner_20240418.jpg) center top no-repeat;

}
.main-banner ul > li.etc > a > .info-box {
	max-width: 420px;
	margin: 15px auto 0;
	padding: 10px;
	border-radius: 5px;
	background-color: rgba(0,68,151,0.75);
}
.main-banner ul > li.etc > a > .info-box p {
	margin: 3px 0;
	font-family: '맑은 고딕';
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	letter-spacing: -0.45px;
}
.main-banner ul > li.etc > a > .title {
	margin: 0 auto 15px !important;
	padding: 0;
	/*font-size: 36px;*/
	letter-spacing: -0.75px;
	font-size: 28px;
	font-weight: bold;
	color: #000;
	/*border-top: 1px solid #1e7abf;*/
	/*border-bottom: 1px solid #1e7abf;*/
}
.main-banner ul > li.etc > a > .date {
	margin: 0 !important;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.main-banner ul > li.etc > a > .place {
	margin: 0 0 15px;
	/*margin: 0 0 25px;*/
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.main-banner ul > li.etc > a > .info {
	/*margin: 0 0 15px;*/
	margin: 0 0 15px;
}
.main-banner ul > li.etc > a > .btn-go {
	display: inline-block;
	padding: 5px 15px;
	color: #fff;
	background-color: #1e7abf;
}

/* 투표안내 */
.main-banner ul > li.election > a {
	display: block;
	width: 100%;
	height: 265px;
	padding: 25px;
	text-align: center;
	text-decoration: none;
	border: 5px solid #1e7abf;
	background: #fff url(/images/main/main_small_banner_pattern2.png) center top no-repeat;
}
.main-banner ul > li.election > a > .title {
	margin: 0 30px 15px;
	padding: 7px;
	font-size: 36px;
	font-weight: bold;
	color: #333;
	/*border-top: 1px solid #1e7abf;*/
	/*border-bottom: 1px solid #1e7abf;*/
}
.main-banner ul > li.election > a > .title strong {
	color: #fb5774;
}
.main-banner ul > li.election > a > .date {
	width: 380px;
	margin: 0 auto !important;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.main-banner ul > li.election > a > .place {
	width: 380px;
	margin: 0 auto 25px !important;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.main-banner ul > li.election > a .label {
	display: inline-block;
	width: 84px;
	margin: 0 8px 0 0;
	font-size: 14px;
	font-weight: normal;
	vertical-align: middle;
	border-radius: 2px;
}
.main-banner ul > li.election > a > .btn-go {
	display: inline-block;
	padding: 7px 25px;
	font-size: 16px;
	color: #fff;
	background-color: #1e7abf;
}

/* 기본배너 */
.main-banner ul > li.default > a {
	display: block;
	width: 100%;
	height: 265px;
	padding: 20px;
	text-align: center;
	text-decoration: none;
	border: 5px solid #1e7abf;
	background: #fff url(/images/main/main_small_banner_pattern2.png) center top no-repeat;
}
.main-banner ul > li.default > a > .title {
	margin: 0 0 10px;
	padding: 7px;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	color: #333;
}
.main-banner ul > li.default > a > .title strong {
	display: block;
	margin-top: 5px;
	font-size: 26px;
	color: #333;
}
.main-banner ul > li.default > a > .date {
	width: 240px;
	margin: 0 auto 30px !important;
	text-align: left;
	font-size: 17px;
	font-weight: bold;
	color: #333;
}
.main-banner ul > li.default > a > .place {
	width: 380px;
	margin: 0 auto 25px !important;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.main-banner ul > li.default > a .label {
	display: inline-block;
	width: 90px;
	margin: 0 8px 0 0;
	font-size: 15px;
	font-weight: normal;
	vertical-align: middle;
	border-radius: 2px;
}
.main-banner ul > li.default > a > .btn-go {
	display: inline-block;
	padding: 7px 25px;
	font-size: 16px;
	color: #fff;
	background-color: #1e7abf;
}

/* *******************************************************************
    col4 : 학술행사
******************************************************************* */
.col4.conference {
	height: 358px;
	background: url("/images/bg/bg_02.png") 50% top no-repeat;
	background-size: cover;
}
.col4.conference h3 {
	padding: 60px 0 55px;
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}
.col4.conference h3 a {
	color: #fff;
}
.col4.publication h3 a:hover {
	color: #fff;
}
.col4.conference ul li {
	float: left;
	width: 14.28%;
	display: block;
	text-align: center;
}
.col4.conference ul li a {
	display: inline-block;
}
.col4.conference ul li a .icon {
	display: inline-block;
	margin: 0 auto;
	width: 110px;
	height: 110px;
	vertical-align: middle;
	border: 1px solid transparent;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.7);
	text-align: center;
	transition: 0.25s;
}
.col4.conference ul li a:hover .icon {
	background-color: rgba(255,255,255,1);
}
.col4.conference ul li:first-child a .icon img {
	padding-top: 30px;
}
.col4.conference ul li:nth-child(2) a .icon img {
	padding-top: 30px;
}
.col4.conference ul li:nth-child(3) a .icon img {
	padding-top: 30px;
}
.col4.conference ul li:nth-child(4) a .icon img {
	padding-top: 30px;
	padding-left: 5px;
}
.col4.conference ul li:nth-child(5) a .icon img {
	padding-top: 30px;
}
.col4.conference ul li:nth-child(6) a .icon img {
	padding-top: 30px;
}
.col4.conference ul li:nth-child(7) a .icon img {
	padding-top: 30px;
}
.col4.conference ul li a .txt {
	padding-top: 20px;
	font-size: 15px;
	color: #fff;
	display: block;
	text-align: center;
	line-height: 1.25;
}

/* ==================================================================================
    layer popup
================================================================================== */
.layer-popup-area {
	position: absolute;
	background-color: #fff;
	box-shadow: 0 3px 7px rgba(0,0,0,0.45);
	z-index: 9999;
}
.layer-popup-area .cont {
	border-top: 7px solid #2690ea;
}
.layer-popup-area .close {
	float: none;
	padding: 7px 10px;
	font-size: 13px;
	font-weight: 300;
	text-align: right;
	color: #fff;
	text-shadow: none;
	background-color: #125aac;
	opacity: 0.8;
}
.layer-popup-area .close .check input {
	vertical-align: middle;
}
.layer-popup-area .close .check label {
	margin: 0 0 0 5px;
	vertical-align: middle;
	cursor: pointer;
}
.layer-popup-area .close .btn-close {
	display: inline-block;
	margin: 0 0 0 10px;
	vertical-align: middle;
}

/* contents */
.layer-popup-area {
	display: none;
	top: -340px;
	width: 560px;
}
.layer-popup-area .cont {
	/*padding: 40px 30px 44px;*/
	padding:0;
	line-height: 1.3;
	font-size: 15px;
}
.layer-popup-area .cont h1 {
	margin: 0 0 30px;
	line-height: 1.3;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
}
.layer-popup-area .cont p {
	margin: 0 0 20px;
	line-height: 1.5;
	font-size: 16px;
	word-break: break-word;
	white-space: normal;
}
.layer-popup-area .cont p.b {
	font-weight: bold;
}
.layer-popup-area .cont ul {
	list-style-type: circle;
	margin: 0 0 10px 20px;
}
.layer-popup-area .cont ul.list-square > li {
	list-style-type: square;
	color: #125aac;
}
.layer-popup-area .cont ul.list-square > li span {
	color: #333;
}
.layer-popup-area .cont ul.section-list {
	margin: 15px 0 0 0;
	line-height: 1.5;
}
.layer-popup-area .cont ul.section-list > li {
	margin: 3px 0;
	padding-left: 15px;
	list-style: none;
	color: #333;
	background: url(/images/bullet/bullet3.gif) left 10px no-repeat;
}
.layer-popup-area .cont ul li {
	position: relative;
	/*width: 400px;*/
	margin: 0 0 10px;
	letter-spacing: -0.45px;
}
.layer-popup-area .cont ul li .title {
	float: left;
}
.layer-popup-area .cont ul li .date {
	float: right;
}
.layer-popup-area .cont .text-danger {
	color: #f33;
}
.layer-popup-area .cont .text-primary {
	color: #33f;
}
.layer-popup-area .cont .button {
	margin: 20px 0 0;
	text-align: center;
}
.layer-popup-area .cont .button a.btn {
	margin: 0 10px;
	border-radius: 2px;
}
.layer-popup-area .close {
	width: 560px;
}

/* popup1 */
.layer-popup-area.pop1 {
	/*display: none;*/
	left: 75%;
	top: -108%;
	transform: translate(-50%,-35.5%);
	width: 520px;
	z-index: 999;
}

.layer-popup-area.pop1 .close {
	width: 520px;
}
.layer-popup-area.pop1 .cont img {
	display: block;
	width: 100%;
}

/* popup2 */
.layer-popup-area.pop2 {
	/*display: none;*/
	left: 25%;
	top: 42%;
	transform: translate(-50%,-60%);
	width: 520px;
	z-index: 999;
}
.layer-popup-area.pop2 .cont {
	/*border-top: 7px solid #0c6ab2;*/
}
.layer-popup-area.pop2 .close {
	width: 520px;
}
.layer-popup-area.pop2 .cont {
	/*padding: 0;*/
}
.layer-popup-area.pop2 .cont img {
	display: block;
	width: 100%;
}

/* popup3 */
.layer-popup-area.pop3 {
	display: none;
	left: 0;
	width: 500px;
	/*margin-left: 25%;*/
	margin-left: 0;
}

.layer-popup-area.pop3 .close {
	width: 500px;
}

/* popup4 */
.layer-popup-area.pop4 {
	display: none;
	left: 50%;
	width: 1000px;
	margin-left: -500px;

}
.layer-popup-area.pop4 .cont {
	padding: 0;
	border-top: 0;
}

.layer-popup-area.pop4 .close {
	width: 1000px;
	padding: 6px 10px 8px;
	background-color: #0c6ab2;
	opacity: 1;
}
/* popup5 */
.layer-popup-area.pop5 {
	/*display: none;*/
	right: 0;
	width: 500px;
	margin-left: 0;
}
.layer-popup-area.pop5 .cont {
	/*border-top: 7px solid #0c6ab2;*/
}
.layer-popup-area.pop5 .close {
	width: 500px;
}
.layer-popup-area.pop5 .cont {
	padding: 0;
}
.layer-popup-area.pop5 .cont img {
	display: block;
}

/* pop-img */
.layer-popup-area.pop-img {
	/*display: none;*/
	left: 50%;
	top: -520px;
	width: 640px;
	margin-left: -320px;
}
.layer-popup-area.pop-img .cont {
	padding: 0;
	border-top: 0;
}
.layer-popup-area.pop-img .close {
	width: 640px;
	background-color: #181C66;
}
.layer-popup-area.pop-img .cont {
	/*padding: 0;*/
}
.layer-popup-area.pop-img .cont img {
	display: block;
}


/* 메인페이지 모달 팝업 */
.open_popup{overflow:hidden;height:100%;}
#op_layout{position: absolute;left:0;top: 0;z-index: 99;}
.photo_list--slider { visibility: hidden; }
.slick-initialized { visibility: visible; }
#op_layout.on{width: 100%;height: 100%;z-index:9999;}
/*#op_layout .btn_open{display: block;overflow:hidden;position:absolute;z-index:200;top:359px;left: 0;z-index: -1;width: 97px;height:118px;border-radius:0 30px 30px 0;}*/
/*#op_layout .btn_open a{display:block;width:100%;height:100%;padding: 33px 0 0;background:rgba(0,0,0,0.3);color:#fff;font-size:13px;font-weight:bold;text-align:center;line-height: 1.2;}*/
/*#op_layout .btn_open a:hover,#op_layout .btn_open a:focus{background: #2c3577;background: -webkit-linear-gradient(left, #2063b7 , #2c3577);background: -o-linear-gradient(right, #2063b7, #2c3577);background: -moz-linear-gradient(right, #2063b7, #2c3577);background: linear-gradient(to right, #2063b7 , #2c3577);}*/
/*#op_layout .btn_open .icon{display:block;position: relative;width:20px;height:20px;margin: 0 auto 10px;background:url(/template/A/images/main_ir.png) 0 0;}*/
/*#op_layout .btn_open .icon .new{display:block;position:absolute;right: -10px;top: -13px;font-size:0;width:21px;height:21px;background:url(/template/A/images/main_ir.png) -20px 0;-webkit-animation: newAni 2s ease infinite;-moz-animation: newAni 2s ease infinite;animation: newAni 2s ease infinite;}*/

#op_layout .op_wrap{display:none;position: relative;z-index: 1041;width: 0;height: 0;overflow: hidden;}
#op_layout .op_wrap button {background:transparent;}
#op_layout.on:before{position:absolute;left:0;top:0;/* bottom: 0; */width:100%;height: 100%;background:rgba(0,0,0,0.45);content:'';}
#op_layout.on .op_wrap{display: inline-block;/* position: fixed; */left:0;top: 10%;width:100%;height: 700px;padding-top: 80px;padding-bottom:110px;/* transform: translateY(-50%); */}
#op_layout .op_wrap .sliderBox{display:none;}
#op_layout.on .op_wrap .sliderBox{display: block;overflow:hidden;position: relative;width:100%;max-width: 1280px;height:100%;margin: 0 auto;}
#op_layout .op_wrap .popupSlider{display: none;position:relative;width: 100% !important;height: 510px;}
#op_layout.on .op_wrap .popupSlider{display:block}
#op_layout .op_wrap .popupSlider .photo_list--wrap{position: relative;max-width:1280px;margin: 0 auto;}
#op_layout .op_wrap .popupSlider .photo_list--wrap .slick-list{margin-right: -15px;}
#op_layout .op_wrap .popupSlider .photo_list--wrap .slick-track{display:none;}
#op_layout.on .op_wrap .popupSlider .photo_list--wrap .slick-track{display:block;}
#op_layout .op_wrap .popupSlider .slick-slide{float: left !important;min-width: 386px;height: 510px;margin-right: 15px;text-align:left;}
#op_layout .op_wrap .popupSlider .slick-slide div{height:100%}
#op_layout .op_wrap .popupSlider .slick-slide a.thm {display:block;width:100%;height:100%;line-height:1.2;}
#op_layout .op_wrap .popupSlider .slick-slide img{display:block;max-height:100%;width:auto;max-width:100%;margin: 0 auto;}
#op_layout .op_wrap .controlBox{display:none;}
#op_layout.on .op_wrap .slick-dots{display:block;position: absolute;top: 530px;left: 0;right: 0;width: auto;text-align: center;}
#op_layout.on .op_wrap .slick-dots li{display:inline-block;text-align: center;}
#op_layout.on .op_wrap .slick-dots li button{position: relative;width: 12px;height: 12px;background: rgba(255,255,255,0.45);border:0;font-size:0;border-radius:50%;}
#op_layout.on .op_wrap .slick-dots li + li{margin-left:15px;}
#op_layout.on .op_wrap .slick-dots li.slick-active button{width:18px;height:18px;border:0;background:rgba(255,255,255,0.95);}
#op_layout.on .op_wrap .slider-control > button{position: absolute;top: 240px;z-index: 100;width: 48px;height: 48px;border: 2px solid #fff;border-width: 2px 2px 0 0;font-size: 0;}
#op_layout.on .op_wrap .slider-control button.prev{left: 50%;margin-left: -700px;transform: rotate(-135deg);}
#op_layout.on .op_wrap .slider-control button.next{right: 50%;margin-right: -700px;transform:rotate(45deg);}
#op_layout .btn-area {position:absolute;bottom: -25px;left:0;width:100%;text-align: center;}
#op_layout .never{display:inline-block;margin:5px;vertical-align:middle;text-align: center;}
#op_layout .never a{position:relative;display: block;padding: 10px 50px 8px 20px;color: #fff;font-size: 15px;vertical-align:middle;line-height: 1.6;background: rgba(14,73,122,0.85);border: 1px solid rgba(255,255,255,0.45);transition:all 0.25s;}
#op_layout .never a:hover {background: rgba(14,73,122,1);border: 1px solid rgba(255,255,255,0.75);}
#op_layout .never a em{display:block;position: absolute;top: 52%;right: 16px;width: 16px;height: 16px;transform: translateY(-50%);font-size:0;}
#op_layout .never a em:before,
#op_layout .never a em:after{display: block;position: absolute;top: 0;left: 50%;width: 2px;height: 100%;background-color: #fff;content:'';}
#op_layout .never a em:before{transform:rotate(45deg); }
#op_layout .never a em:after{transform:rotate(-45deg); }
#op_layout .op_wrap .btn_close{display:inline-block;margin:5px;vertical-align:middle;text-align: center;}
#op_layout .op_wrap .btn_close a{position:relative;display: block;float: none;width: 100%;padding: 10px 50px 8px 25px;color: #fff;font-size: 15px;vertical-align:middle;opacity: 1;font-weight: normal;text-shadow: none;line-height: 1.6;background: rgba(14,73,122,0.85);border: 1px solid rgba(255,255,255,0.45);transition:all 0.25s;}
#op_layout .op_wrap .btn_close a:hover {background: rgba(14,73,122,1);border: 1px solid rgba(255,255,255,0.75);}
#op_layout .op_wrap .btn_close a em{display:block;position: absolute;top: 52%;right: 16px;width: 16px;height: 16px;transform: translateY(-50%);font-size:0;}
#op_layout .op_wrap .btn_close a em:before,
#op_layout .op_wrap .btn_close a em:after{display: block;position: absolute;top: 0;left: 50%;width: 2px;height: 100%;background-color: #fff;content:'';}
#op_layout .op_wrap .btn_close a em:before{transform:rotate(45deg); }
#op_layout .op_wrap .btn_close a em:after{transform:rotate(-45deg); }

/* popup contents */
.photo_list--item {

}
.photo_list--item .cont {
	max-width: 417px;
	padding: 40px 30px;
	line-height: 1.3;
	font-size: 15px;
	border: 5px solid #2993E6;
	background-color: #fff;
}
.photo_list--item .cont h1 {
	margin: 0 0 50px;
	line-height: 1.3;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}
.photo_list--item .cont p {
	margin: 0 0 30px;
	line-height: 1.6;
	font-size: 15px;
	word-break: keep-all;
	white-space: normal;
}
.photo_list--item .cont p.b {
	font-weight: bold;
}
.photo_list--item .cont ul {
	list-style-type: circle;
	margin: 0 0 10px 20px;
}
.photo_list--item .cont ul.list-square > li {
	list-style-type: square;
	color: #125aac;
}
.photo_list--item .cont ul.list-square > li span {
	color: #333;
}
.photo_list--item .cont ul.section-list {
	margin: 15px 0 0 0;
	line-height: 1.5;
}
.photo_list--item .cont ul.section-list > li {
	margin: 3px 0;
	padding-left: 15px;
	list-style: none;
	color: #333;
	background: url(/images/bullet/bullet3.gif) left 10px no-repeat;
}
.photo_list--item .cont ul li {
	position: relative;
	/*width: 400px;*/
	margin: 0 0 10px;
	letter-spacing: -0.45px;
}
.photo_list--item .cont ul li .title {
	float: left;
}
.photo_list--item .cont ul li .date {
	float: right;
}
.photo_list--item .cont .text-danger {
	color: #f33;
}
.photo_list--item .cont .text-primary {
	color: #33f;
}
.photo_list--item .cont .button {
	margin: 20px 0 0;
	text-align: center;
}
.photo_list--item .cont .button a.btn {
	margin: 0 10px;
	border-radius: 2px;
}




@media (max-height:800px){
	#op_layout.on .op_wrap{top:50%;transform: translateY(-50%);}
}
@media (max-width:1299px){
	/*#op_layout .op_wrap .popupSlider .photo_list--wrap{max-width:794px;}*/
	/*#op_layout.on .op_wrap .slider-control > button{width:40px;height:40px;}*/
	/*#op_layout.on .op_wrap .slider-control button.prev{left: -60px;margin-left: 0;}*/
	/*#op_layout.on .op_wrap .slider-control button.next{right: -60px;margin-right:0;}*/
}
@media (max-width:1199px){
	#op_layout .op_wrap .popupSlider .photo_list--wrap{max-width:794px;}
	#op_layout.on .op_wrap .slider-control > button{width:40px;height:40px;}
	#op_layout.on .op_wrap .slider-control button.prev{left: -60px;margin-left: 0;}
	#op_layout.on .op_wrap .slider-control button.next{right: -60px;margin-right:0;}

}
@media (max-width: 767px){
	#op_layout{width:100%;}
	#op_layout .op_wrap .popupSlider .photo_list--wrap{max-width: 386px;}
	#op_layout .op_wrap .popupSlider .photo_list--wrap img {max-width: 100%;height: auto;}
	#op_layout .op_wrap .popupSlider .slick-slide{min-width:auto;}
	#op_layout.on .op_wrap .slider-control > button{top: 200px;width: 32px;height: 32px;}
	#op_layout.on .op_wrap .slider-control button.prev{left: -60px;}
	#op_layout.on .op_wrap .slider-control button.next{right: -60px;}

	.photo_list--item .cont {
		padding: 30px 20px;
	}
	.photo_list--item .cont h1 {
		letter-spacing: -0.45px;
		font-size: 21px;
	}


}
@media (max-width: 479px){
	#op_layout.on .op_wrap{height:640px;padding-bottom:80px;}
	#op_layout.on .op_wrap .slick-dots {top:485px;}
	#op_layout.on .op_wrap slider-control { display: none !important;}
	/*#op_layout.on .op_wrap .slider-control > button{top: 160px;width: 20px;height: 20px;}*/
	/*#op_layout.on .op_wrap .slider-control button.prev{left: 20px;}*/
	/*#op_layout.on .op_wrap .slider-control button.next{right: 20px;}*/

	#op_layout .never a{padding: 10px 40px 5px 10px;font-size: 13px;}
	#op_layout .never a em{top: 52%;right: 16px;width: 14px;height: 14px;}
	#op_layout .op_wrap .btn_close a{padding: 10px 40px 5px 10px;font-size: 13px;}
	#op_layout .op_wrap .btn_close a em{top: 52%;right: 16px;width: 14px;height: 14px;}
}
@media (max-width: 380px){
	#op_layout.on .op_wrap{height:600px;padding-bottom:80px;}
	#op_layout .op_wrap .popupSlider {height: auto;}
	#op_layout .op_wrap .popupSlider .photo_list--wrap img{width:320px;height:391px;}
	#op_layout.on .op_wrap .slick-dots {top:410px;}
	#op_layout .btn-area {bottom: 0;}
	#op_layout .op_wrap .popupSlider .slick-slide{min-width:auto;height:auto;}
}