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

/* main index  */
#index_container {
	position:relative;
}

/* section title */
.content_title {
	padding:50px 10px;
}
.content_title i {
	margin-right:10px;
	color:#3fa9f5;
}
.content_title label {
	margin:0 10px;
}

/* section */
.section_main {
	position:relative;
	background-color:#021624;
    background-repeat:no-repeat;

}
.section_main .main_bg {
	height:800px;
	background-color: rgba(0, 0, 0, 0.5);
}
.section_main .container {
	max-width:700px;
	padding:0 10px;
}
.section_main .title {
	position:absolute;
	top:140px;
	width:100%;
	color:#ffffff;
}

.section_ceo {
	position:relative;
}
.section_ceo .banner_lg {
	position:absolute;
	top:30px;
	right:0;
}
.section_ceo .banner ul {
	width:200px;
}
.section_ceo .banner ul li {
	margin-bottom:10px;
}
.section_ceo .banner ul.mobile {
	width:auto;

}

.section_guide {
	position:relative;
	height:700px;
}
.section_guide .container {
	padding:0 10px;
}
.section_guide .title {
	position:absolute;
	top:0;
	bottom:0;
	padding-top:70px;
	width:100%;
	color:#ffffff;
	background-color:rgba(0, 0, 0, 0.5);
}
.section_guide .title .page-header {
	margin-bottom:20px;
}
.section_guide .title .page-header small {
	font-size:16px;
	letter-spacing:0.2px;
}
.section_guide .title h1 {
	padding:10px 0;
	color:#3fa9f5;
}
.section_guide .title h2 {
	padding:5px 0;
	margin-top:5px;
}

.section_guide dl + dl {
	margin-top:25px;
}

.section_reg {
	background-color:#e6e6e6;
	padding:25px 10px 15px;
}
.section_reg ul {
	text-align:center;
}
.section_reg ul li {
	display:inline-block;
	padding:10px 30px;
}

.section_reg.reg2 {
	margin-top:50px;
}

.section_pro .container {
	padding:0 10px;
}
.section_pro a {
	display:block;
	float:right;
	color:#fff;
	margin:0 0 25px;
}
.section_pro a i {
	margin-right:5px;
}
.section_pro p {
	margin-bottom:20px;
}
.section_pro p img {
	border:1px solid #ddd;
}

#index_container .panel {
	background:none;
	border:0;
	box-shadow:none;
}
#index_container .panel .page-header {
	font-size:20px;
}
#index_container .panel .page-header > label strong {
	color:#99bcdd;
	font-weight:400;
	margin-left:1rem;
}

#index_container .panel .content_01 > li {
	text-align:center;
	padding:10px;
}
#index_container .panel .content_01 .alert {
	height:200px;
	background-color:#4e5d74;
	border:0px solid #75cfe7;
	padding:0;
	margin-bottom:0;
	position:relative;
	overflow:hidden;
	text-align:left;
}
#index_container .panel .content_01 .alert-info {
	background-color:#4e5d74
}

#index_container .panel .content_01 .alert dt {
	display:block;
	height:100%;
	position:absolute;
	width:33%;
	right:0;
}
#index_container .panel .content_01 .alert dt.icon_left {
	left:0;
}
#index_container .panel .content_01 .alert dt label {
	font-size:;
	color:#23b5e6;
	position:relative;
	background-color:#fff;
	border-radius:50%;
	width:100%;
	height:100%;
	top:0;
	left:50%;
}
#index_container .panel .content_01 .alert dt.icon_left label {
	left:-50%;
}
#index_container .panel .content_01 .alert dt label span {
	position:absolute;
	top:50%;
	margin-top:-1rem;
	left:25%;
	margin-left:-1rem;
}
#index_container .panel .content_01 .alert dt.icon_left label span {
	left:auto;
	right:25%;
	margin-right:-1rem;
}
#index_container .panel .content_01 .alert dd {
	padding:2rem 1.2rem;
	width:80%;
}
#index_container .panel .content_01 li.right_area .alert dd {
	width:75%;
}
#index_container .panel .content_01 .alert dd h5 {
	font-size:;
	font-weight:400;
	color:#0071bc;
	margin:0.3rem 0 0.8rem;
}
#index_container .panel .content_01 .alert dd p {
	font-size:;
	color:#fff;
	line-height:1.7;
}
#index_container .panel .content_02 li .alert {
	background-color:#fff;
	border-color:#ddd;
}
#index_container .panel .content_02 li .alert h5 {
	font-size:;
	font-weight:500;
	color:#3fa9f5;
}

#index_container .panel .content_02 li .alert h5 > .no {
	display:inline-block;
	background-color:#23b5e6;
	color:#fff;
	padding:0.9rem 0.7rem;
	border-radius:50%;
	margin-right:0.5rem;
}
#index_container .panel .content_02 li .alert p {
	padding-left:3.214rem;
	font-weight:500;
}

.guide_title {
	background:#3fa9f5;
	color:#fff;
	text-align:center;
	padding:10px;
}

#link_booth .col-md-4 {
	width:32.5%;
}
/* map */
.map_wrap {
	overflow:hidden;
}
.map_wrap .root_daum_roughmap {
	max-width:1200px;
	width:100%;
	margin:0 auto;
}
.map_wrap .map_bottom {
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	background-color:#f9f9f9;
	position:relative;;
	height:33px;
}

.over{
	position:absolute;
	right:2px;
	top:0;
	display:none;
}

/* modal popup ---------------------------------------------------------------------------------------- */
body.modal-open {
	padding-right:0 !important;
	overflow:hidden;
}
#modal_popup {
	z-index:9999999;
	padding:0 !important;
	background-color:rgba(0, 0, 0, 0.8);
}
#modal_popup .modal-dialog {
	width:100%;
	margin:0 auto;
}
#modal_popup .modal-content {
	height:100%;
	background:none;
	border-radius:0;
	border:0;
	box-shadow:none;
}
#modal_popup .modal-header {
	border:0;
	min-height:0;
	padding:0;
}
#modal_popup .modal-header .navbar-fixed-top {
	max-width:1200px;
	margin:0 auto;
}
#modal_popup .modal-header .close {
    cursor:pointer;
	width:50px;
    height:50px;
    position:absolute;
    top:10px;
	right:30px;
	margin:0;
	opacity:1;
}
#modal_popup .modal-header .close .close_line {
	display:block;
	background-color:#222;
	width:3px;
    height:30px;
	margin-left:25px;
    transform:rotate(45deg);   
}
#modal_popup .modal-header .close .close_line .close_line {
    transform: rotate(90deg);
	margin-left:0;
}
#modal_popup .modal-header .close:hover .close_line {
	background-color:#3fa9f5;
}
#modal_popup .modal-body .container {
	position:relative;
}
#modal_popup .modal-body p {
	
}

/*개인정보보호정책*/
.privacy {
	margin-bottom:0;
}
.privacy .panel-body {
	padding:20px 30px;
}
.privacy .panel-body h4 {
	font-weight:bold;
	padding:10px 0;
}
.privacy .panel-body p {
	line-height:20px;
	padding-bottom:10px;
	color:#808080;
}

/* ceo */
.page_ceo {
	font-size:20px;
	padding:0 10px;
}
.page_ceo .panel-heading {
	background:none;
	margin:0;
	padding:0;
}
.page_ceo .panel-title {
	font-size:20px;
}
.page_ceo h3 {
	margin-bottom:10px;
}
.page_ceo .row {
	margin-top:30px;
}
.page_ceo p {
	padding:5px 0;
	word-break:keep-all;
	line-height:2;
}
.page_ceo .panel-footer {
	background:none;
}
.page_ceo .panel-footer span {
	margin-left:20px;
	font-weight:bold;
	font-size:24px;
}


/* 교통 및 학회장 안내 */
.page {
	font-size:16px;
	padding:0 10px;
}
.page .panel-heading.info {
background-color:#0071bc;
color:#fff;
}
.page .panel-title {
	font-size:20px;	
}
.page ul.line {
	border-top:1px solid #ccc;
	margin-top:10px;
	padding-top:10px;
}
.page li {
	padding:5px 0;
	line-height:28px;
}
.page li:before {
	content:"·";
	color:transparent;
	font-size:20px;
	font-weight:bold;
	margin-right:10px;
}
.page li.li:before {
	color:#3fa9f5;
}
.page li a {
	margin-left:20px;
	color:#fff;
}
.page a i {
	margin-right:5px;
}
.page_info .label {
	padding:7px;
	font-size:100%;
}
.page_info .table td {
	white-space:normal !important;
	word-break:keep-all;
}

/* booth */
.page_booth .btn-group {
	margin-bottom:20px;
}
.page_booth .btn-group {
	width:100%;
}
.page_booth .btn-group .btn {
	margin-bottom:20px;
	color:#fff;
	padding:10px 16px;
}
.page_booth .btn-group .btn + .btn {
	margin-left:1.2%;
}

@media (min-width:768px) and (max-width:991px) {
	/* section title */
	.content_title {
		padding:30px 10px;
	}

	.section_guide .title {

	}
	.section_guide .title .page-header {
		
	}
	.section_guide .title .page-header small {
		font-size:12px;
	}
	.section_guide .title h1 {
		font-size:20px;
	}
	.section_guide .title h2 {
		font-size:18px;
	}
	.section_guide .title h3 {
		font-size:16px;
	}

	.section_guide dl + dl {
		margin-top:25px;
	}

	#link_booth .col-md-4 {
		width:100%;
	}
}