@charset "utf-8";

/* container */
.container {
	position: relative;
	width: 1400px;
	margin: 0 auto;
}

/* row */
.row {
	overflow: hidden;
	margin: 0;
}

/*==================================== header PC */
/*
header-title-top
header-title
header-left
*/
.header {
	position:fixed;
	top:0px;
	width:100%;
	z-index:100;
	background: #3161B5;
	height: 0px;
	border-bottom: 0px solid #3161B5;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.header-title {
	padding-top: 0px;
	text-align: center;
	background: none;
	border: 0px solid #DDDDDD;
}

.header-title-menu {
	padding: 0;
	background: none;
}

.header-title-menu>ul {
	overflow: hidden;
}

.header-title-menu>ul>li {
	text-align: center;
	height: 80px;
	border: 0px solid #000000;
	width: 33.3%;
	margin: 0 0%;
	float: left;
	padding: 0% 0px;
	-webkit-box-sizing: border-box; /* 크롬 사파리 */
	-moz-box-sizing: border-box; /* 모질라 */
	-o-box-sizing: border-box; /* 오페라 */
	-ms-box-sizing: border-box; /* 익스플로러 */
	box-sizing: border-box;
	/* w3c   content-box : 기본값, border-box : width와 height를 padding과 border의 두께 포함된 값*/
}

.header-title-menu>ul>li>a {
	height: 60px;
	line-height: 60px;
	border: 0px solid #000000;
	transition: all 0.15s;
	font-size: 20px;
	color: #014079;
	display: inline-block;
	font-family: 'NanumGothicBold';
	font-weight: 700;
	line-height: 85px;
	color: #3f3f3f;
}

.header-title-menu>ul>li>a:hover {
	color: #cdcdcd;
}

.header-title-menu>ul>li>a .header-title-menu-logo {
	padding-top: 18px;
}

/*==================================== header-title-top */
.header-title-top {
	padding-top: 0px;
	text-align: center;
	background: #FFFFFF;
	border-bottom: 0px solid #cdcdcd;
}

.header-title-top-menu {
	padding: 0;
	background: none;
}

.header-title-top-menu>ul {
	overflow: hidden;
}

.header-title-top-menu>ul>li {
	text-align: center;
	height: 30px;
	border: 0px solid #000000;
	display: inline-block;
	width: 100%;
	margin: 0 0%;
	float: left;
	padding: 0% 0px;
	-webkit-box-sizing: border-box; /* 크롬 사파리 */
	-moz-box-sizing: border-box; /* 모질라 */
	-o-box-sizing: border-box; /* 오페라 */
	-ms-box-sizing: border-box; /* 익스플로러 */
	box-sizing: border-box;
	/* w3c   content-box : 기본값, border-box : width와 height를 padding과 border의 두께 포함된 값*/
}

.header-title-top-menu>ul>li>a {
	height: 30px;
	line-height: 30px;
	border: 0px solid #000000;
	transition: all 0.15s;
	display: inline-block;	
	margin-right: 0px;
	color: #fff;
	font-size: 16px;
	border-left: 0px solid #cdcdcd;
	padding: 0 13px;
	text-align: center;
	font-family: 'Noto Sans KR'; font-weight: 300;
	
}

.header-title-top-menu>ul>li>a:hover {
	background: #FFFFFF;
	color: #000000;
}

.header-title-top-menu>ul>li>a.top_login {
	background: #A6A6A6;
	color: #fff;
}

.header-title-top-menu>ul>li>a.top_login:hover {
	background: #cdcdcd;
	color: #fff;
}

.header-title-top-menu>ul>li>a.menu_btn {
	background: none;
	color: #F47721;
}

.header-title-top-menu>ul>li>a.menu_btn:hover {
	background: #FFFFFF;
	color: #BF0000;
}

.header-title-top-menu>ul>li>a.menu_btn_right {
	background: #BB9569;
	color: #fff;
}

.header-title-top-menu>ul>li>a.menu_btn_right:hover {
	background: #674235;
	color: #fff;
}

/*==================================== header-title */
.header-title {
	padding-top: 0px;
	text-align: center;
	background: none;
	border: 0px solid #DDDDDD;
}

.header-title-menu {
	padding: 0;
	background: none;
}

.header-title-menu>ul {
	overflow: hidden;
}

.header-title-menu>ul>li {
	text-align: center;
	height: 80px;
	border: 0px solid #000000;
	display: inline-block;
	width: 33.3%;
	margin: 0 0%;
	float: left;
	padding: 0% 0px;
	-webkit-box-sizing: border-box; /* 크롬 사파리 */
	-moz-box-sizing: border-box; /* 모질라 */
	-o-box-sizing: border-box; /* 오페라 */
	-ms-box-sizing: border-box; /* 익스플로러 */
	box-sizing: border-box;
	/* w3c   content-box : 기본값, border-box : width와 height를 padding과 border의 두께 포함된 값*/
}

.header-title-menu>ul>li>a {
	height: 60px;
	line-height: 60px;
	border: 0px solid #000000;
	transition: all 0.15s;
	font-size: 20px;
	color: #014079;
	display: inline-block;
	font-family: 'Noto Sans KR';
	font-weight: 400;
	color: #3f3f3f;
}

.header-title-menu>ul>li>a:hover {
	color: #cdcdcd;
}

.header-title-menu>ul>li>a .header-title-menu-logo {
	padding-top: 0px;
}



/*==================================== menu-left */
.menu-left-top {
	display:inline-block;
	width:100%;
	margin:20px 0 0px 0;
	position: relative;
	background: none;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 0px solid #ddd;
	background:none;		
}

.menu-left-top li {
	width: 45%;
	margin:10px 2%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	float: left;
	font-size: 18px;
	color: #000000;
	border: 0px solid #6488C8;	
	font-weight: 800;
	background:#FFFFFF;
	border-radius:5px;
}

.menu-left-logo {
	margin: 0;
}

.menu-left-logo a img {
	margin: 0 auto;
	padding-top: 11px;
	width: auto;
}

.menu-left-close {
	position: absolute;
	top:0px;
	right: 0px;
	width:70px;
	height:60px;
	cursor:pointer;	
}


/*==================================== header 모바일 */
.header-quick {
	text-align: center;
	height: 60px;
}

.header-quick a {
	padding: 0px 0px;
	color: #388BC7;
	display: inline-block;
	transition: color 0.3s ease;
	line-height: 0px;
	width: 200px;
	height: auto;
	margin-top: 12px;
}

.header-quick a:hover {
	color: #ccc;
}


#main {
	padding-top: 80px;
}

.contents {
	position: relative;
	padding-bottom:80px;
}

.contents .container {
	border: 0;
}

.contents_left {
	float: left;
	width: 250px;
	padding: 15px;
}

.contents_center {
	overflow: hidden;	
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border: none;
}

.contents_right {
	position: absolute;
	right: 0;
	top: 0;
	width: 250px;
}

.contents_left article:last-child {
	border-bottom: 0;
}

.contents_center article:last-child {
	border-bottom: 0;
}

.contents_right article:last-child {
	border-bottom: 0;
}

.contents_center_2 {
	padding: 0;
	background: none;
}

.contents_center_2 ul {
	overflow: hidden;
}

.contents_center_2 li {
	position: relative;
	color: #5D5D5D;
	text-align: left;
	border: 0px solid #000000;
	display: inline-block;
	width: 50%;
	margin: 0 0%;
	float: left;
	padding: 0% 0px;
	-webkit-box-sizing: border-box; /* 크롬 사파리 */
	-moz-box-sizing: border-box; /* 모질라 */
	-o-box-sizing: border-box; /* 오페라 */
	-ms-box-sizing: border-box; /* 익스플로러 */
	box-sizing: border-box;
	/* w3c   content-box : 기본값, border-box : width와 height를 padding과 border의 두께 포함된 값*/
}

.contents_center_3 {
	padding: 0;
	background: none;
}

.contents_center_3 ul {
	overflow: hidden;
}

.contents_center_3 li {
	position: relative;
	color: #5D5D5D;
	text-align: center;
	border: 0px solid #000000;
	display: inline-block;
	width: 33.33%;
	margin: 0 0%;
	float: left;
	padding: 0% 0px;
	-webkit-box-sizing: border-box; /* 크롬 사파리 */
	-moz-box-sizing: border-box; /* 모질라 */
	-o-box-sizing: border-box; /* 오페라 */
	-ms-box-sizing: border-box; /* 익스플로러 */
	box-sizing: border-box;
	/* w3c   content-box : 기본값, border-box : width와 height를 padding과 border의 두께 포함된 값*/
}

/*==================================== menu */
.menu li {
	position: relative;
}

.menu li a {
	display: block;
	height: 35px;
	line-height: 35px;
	/*  border-bottom:1px solid #dbdbdb; font-size:20px; color:#333; */
}

.menu li a i {
	position: absolute;
	right: 0;
	top: 13px;
}





/*==================================== owl */
.owl-theme .owl-controls .owl-page span {
	background: #674235;
}

.owl-carousel.owl-drag .owl-item .main_img {
	position: absolute;
	top: 33%;
	left: 15%; /* width: 333px; margin: 0 auto; margin-top: -27%; */
}

.owl-carousel.owl-drag .owl-item .main_img>div {
	position: relative;
}

.owl-carousel.owl-drag .owl-item .main_img span {
	font-size: 64px;
	color: #fff;
	display: inline;
	margin-top: 20px;
	text-align: left;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 1);
	/* font-size: 18px; color: #fff; display: inline-block; margin-top: 20px; padding: 15px 0; text-align: center; width: 333px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; */
}

.owl-carousel.owl-drag .owl-item .main_img_bg .main_img {
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	top: auto;
	left: auto;
	width: 100%;
	text-align: center;
	padding: 30px;
	background: rgba(0, 0, 0, .3);
}

.owl-carousel.owl-drag .owl-item .main_img_bg .main_img span {
	font-size: 35px;
	color: #fff;
	display: inline;
	margin-top: 20px;
	text-align: left;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 1);
}

.owl-carousel.owl-loaded {
	max-width: 2560px;
	margin: 0 auto;
}

.owl-carousel .owl-item img {
	height: 100%;
}


/*==================================== footer */
.footer { padding: 22px 0; text-align: center; border-top: 1px solid #dbdbdb; font-size: 14px; line-height: 26px; background: #FFFFFF; color: #222222; }
.footer li { position: relative; display: inline; padding: 0 5px; white-space: nowrap; }
.footer li:before {	content: ''; width: 0px; height: 20px; background-color: #ccc; position: absolute; left: 0; top: 1px; }
.footer li:first-child:before { width: 0; height: 0; }



/*==================================== 반응형 */

/* mediaquery 320 / 480 / 600 / 768 / 960 / 1024 / 1280 */
@media screen and (max-width: 999999px) {
	.container { width: 1400px; }
	.header-quick { display: none; }
	.header-side { display: none; }
	.header-left { display: block; }
	.pc_img { display: block !important; }
	.m_img { display: none !important; }
	.contents_center_2 li {	width: 50%;	}	
	.contents_center_3 li {	width: 33.33%;	}	
	.h_show { display:block; }
	.m_show { display:none; }
	
	.black-border-left {
		position: relative;	
	}
	
	.black-border-left > p {
		text-align:left;color:#000000;font-size:50px;margin-left:10px;font-weight:800;line-height:80px;
	}
	.black-border-left > p:before {
		position: absolute;
		margin: auto;
		z-index: 1;
		content: "";
		width: 8px;
		background: none;
		left: 0px;
	}
	
	/* rich editor */
	.rich-content { all: unset; }
	.rich-content img { width: initial; }
	
}

@media screen and (max-width: 1280px) {
	.owl-carousel.owl-drag .owl-item .main_img img { width: 255px; }
	.owl-carousel.owl-drag .owl-item .main_img span { font-size: 16px; padding: 12px 0; width: 255px; }
	.owl-carousel.owl-drag .owl-item .main_img { margin-top: -27.5%; width: 255px; }
}

@media screen and (max-width: 1400px) {
	.container { width: 100%; }

	.header-title-menu>ul {
		padding: 0 40px;
	}
	.owl-carousel.owl-drag .owl-item .main_img img {
		width: 190px;
	}
	.owl-carousel.owl-drag .owl-item .main_img span {
		font-size: 14px;
		padding: 10px 0;
		width: 275px;
	}
	.owl-carousel.owl-drag .owl-item .main_img {
		margin-top: -27.5%;
		width: 275px;
	}

	.owl-carousel.owl-drag .owl-item .main_img_bg .main_img {
		padding: 25px;
	}
	.owl-carousel.owl-drag .owl-item .main_img_bg .main_img span {
		font-size: 25px;
	}
}


@media screen and (max-width: 800px) {
	
	.container {
		width: 100%;	
	}	
	.contents_center {
		margin:0 3%;
	}	
	.contents_center_2 {
		margin:0 3%;
	}
	.contents_center_3 {
		margin:0 3%;
	}
	
	.header-quick {
		display: block;
	}
	.header-side {
		display: block;
	}
	.header-left {
		display: none;
	}
	#main {
		margin-left: 0px;
	}
	.container {
		margin: 0;
	}
	.header-title {
		display: none;
	}
	.header-title-top {
		display: none;
	}
	.square a {
		width: 47%;
	}
	.pc_img {
		display: none !important;
	}
	.m_img {
		display: block !important;
	}
	.contents_center_2 li {
		width: 100%;
	}
	.contents_center_3 li {
		width: 100%;
	}
	#main {
		padding-top: 60px;
	}
	.header {
		height: 60px;
	}
	.header .header-quick .container {
		padding-top: 0%;
		box-sizing: border-box;
		height: 60px;
	}
	.owl-carousel.owl-drag .owl-item .main_img {
		margin-top: -46%;
	}

	#main_img .owl-item {
		height: auto;
	}

	#tab_menu li a {
		font-size: 12px;
	}
	#main_nav {
		display: none !important;
	}
	#sub_nav {
		display: none !important;
	}
	h1 {
		margin-top: 10px;
	}
	.h_show { display:none; }
	.m_show { display:block; }
	
	.black-border-left {
		position: relative;	
	}
	
	.black-border-left > p {
		text-align:left;color:#000000;font-size:35px;margin-left:30px;font-weight:800;line-height:80px;
	}
	.black-border-left > p:before {
		position: absolute;
		margin: auto;
		z-index: 1;
		content: "";
		width: 8px;
		background: none;
		left: 0px;
	}
	
	/* rich editor */
	.rich-content { all: unset; }
	.rich-content img { width: 100% !important; height: auto;}
}