@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

#ctt h1.content_title {
	position: relative;
	font-size: 42px;
	color: #FFF;
	font-weight: 700;
	text-align: center;
	line-height: 42px;
	width: 100%;
	letter-spacing: -0.1em;
}
#ctt {
	background-color: inherit;
}
#ctt.content_body header{
	display:none;
}
#ctt.content_body header h1 {
	position: relative;
	font-size: 42px;
	color: #FFF;
	font-weight: 700;
	text-align: center;
	line-height: 42px;
	width: 100%;
	letter-spacing: -0.1em;
}

.content_notice {
	font-size: 42px;
}
#ctt_con h1.content_notice .ceo_pic {
	position: absolute;
	left: 0;
	top: 67px;
	display: block;
	width: 449px;
	height: 443px;
	background: url("./img/ceo_pic.png") 0 0 no-repeat;
	background-size: cover;
}
#ctt_con h1.content_notice {
	display: block;
	font-size: 42px;
	color: #3661A7;
	font-weight: 300;
	text-align: center;
	line-height: 80px;
	width: 100%;
	letter-spacing: -0.2em;
	background-color: #FFF;
}
#ctt_con h1.content_notice strong{
	font-weight: 500;
}

.ceo_msg {
	display: block;
	width: 60%;
	/* float: right; */
	margin-left: 40%;
	padding-bottom: 50px;
	padding-top: 50px;
}
.ceo_msg p {
	display: block;
	margin: 5px;
	padding: 5px;
	font-size: 24px;
	color: #FFF;
	line-height: 40px;
	letter-spacing: -0.12em;
}


.doc_notice_list {
	font-size: 24px;
	color: #FFF;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.doc_notice_list dl{
	padding:30px;
	clear: both;
}
.doc_notice_list dl dt {
	display:block;	
	float: left;
	width: 20%;
}
.doc_notice_list dl dd {
	display:block;	
	float: left;
	width: 80%;
	text-align: left;
	line-height: 25px;
	font-weight: 300;
}


.box_text {
    display: inline-block;
    border: 1px solid #FFF;
    padding: 1px;
    margin: 1px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    color: #FFF;
    background-color: rgba(255,255,255,0);
}
.box_text_cv {
    display: inline-block;
    border: 1px solid #FFF;
    padding: 1px;
    margin: 1px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    color: #0f2a56;
    background-color: rgba(255,255,255,0.9);
}
.doc_notice_comment {
	font-size: 21px;
	font-weight: 200;
	color: #FFF;
	line-height: 50px;
	letter-spacing: -0.05em;
	width: 80%;
	margin: auto;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 50px;
}

.bottom_banner_01 {
	/*background: url("../img/callno_banner_sub.png") 0 0 no-repeat;*/
	width: 541px;
	height: 180px;
	display: block;
	margin: auto;
}


.bottom_banner_area {
	margin-top: 10vw;
	margin-bottom: 10vw;
}
@media (max-width:767px){
			#ctt {
				margin: 10px 0;
				padding: 0px;
				background-color: rgba(54,97,167,0.05);
			}
			#ctt.content_body header h1 {
				font-size: 21px;
				color: #111;
				display:none;
			}
			#ctt h1.content_title {
				font-size: 21px;
				color: #111;
			}
			.ceo_msg {
				display: block;
				width: 100%;
				margin-left: 0%;
				padding-bottom: 50px;
				padding-top: 20px;
			}
			.ceo_msg p {
				display: block;
				margin: 5px;
				padding: 5px;
				font-size: 20px;
				color: #404040;
				line-height: 40px;
				letter-spacing: -0.12em;
				font-weight: 100;
			}
			#ctt_con h1.content_notice {
				display: block;
				font-size: 21px;
				color: #3661A7;
				font-weight: 300;
				text-align: center;
				line-height: 40px;
				width: 50%;
				letter-spacing: -0.2em;
				background-color: initial;
				/* padding-right: 50%; */
				position: relative;
				height: 120px;
			}
			#ctt_con h1.content_notice strong {
				font-weight: 500;
			}
			#ctt_con h1.content_notice .ceo_pic {
				position: absolute;
				display: block;
				width: 224px;
				height: 221px;
				background: url("./img/ceo_pic.png") 0 0 no-repeat;
				background-size: cover;
				top: -93px;
				left: 40vw;
			}
			.section02{
				background-color:#0F2A56;
			}
			.doc_notice_list {
				font-size: 16px;
				color: #eee;
				display: inline-block;
				padding-bottom: 5vw;
				border-top: 1px solid #555;
				border-bottom: 1px solid #555;
			}
			.doc_notice_list dl {
				padding: 10px;
			}
			.doc_notice_list dl dt {
				display: block;
				float: left;
				width: 100%;
				padding: 20px 25px 10px 25px;
			}
			.doc_notice_list dl dd {
				display: block;
				float: left;
				width: 100%;
				text-align: left;
				line-height: 20px;
				font-weight: 100;
			}
			.doc_notice_comment {
				display: block;
				width: 100%;
				/* margin-top: 20px; */
				padding: 10px 20px 30px 20px;
				font-size: 14px;
				font-weight: 300;
				color: #e2e6ed;
				line-height: 16px;
				letter-spacing: -0.05em;
				text-align: center;
				/* margin-bottom: 20px; */
				margin-bottom: initial;
			}
}