@charset "utf-8"; 

/************************************************

					setting

*************************************************/
* {margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box;}
html, body {height: 100%; background: #ffffff; font-family: 'NanumBarunGothic', '맑은 고딕', sans-serif; -webkit-text-size-adjust: 100%; letter-spacing: -0.5px;}
img{vertical-align: top;}
ul, ol, dl, li {list-style: none;}
a {text-decoration: none; color: inherit;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table, table tr, table td {border: 0; border-collapse: collapse; border-spacing: 0;}
.blind, legend, caption {display: block; overflow: hidden; position: absolute; top: 0; left: -1000em;}
.cf:after {clear: both; display: block; content: "";}
input[type="submit"], input[type="button"], input[type="text"], input[type="password"], textarea {-webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border-radius: 0 !important;}
input[type="submit"], input[type="checkbox"], input[type="radio"], button {cursor: pointer}
.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.center12 {width: 94%; margin: 0 auto; max-width: 1200px;}
.blue {color: #1b3e74;}
.green {color: #3a6d35;}
.left {float:left;}
.clear:after{display:block;clear:both;height:0;content:'';}
.mb_img{display:none;}
.pc_img{display:inline-block;}
.mb_np{display:none;}


/**************************************************
                       
                       header

***************************************************/
header.main_hd {
	height: 100px;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	z-index: 9990;
}
header .line {
background-image:url('../images/header_line.jpg');
height:1px;
width:100%;
position:absolute;
top:100px;
z-index:900;
}

.fk_header {
	width: 100%;
}

header.active {
	/* border-bottom: 0; */
	height: 150px;
}

/* 
header.active:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 50px;
	background: #ffffff;
	border-bottom: 1px solid #c8c8c8;
	top: 100px;
	left: 0;
} */

header.main_hd_fix {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

header.main_hd .center12 {
	position: relative;
}

header.main_hd h1 {
	float: left;
	margin-top: 20px;
}

header.main_hd h1 a img {
	display: block;
}

header.main_hd .user_menu {
	float: right;
	margin-top: 20px;
}

header.main_hd .user_menu li {
	float: left;
	font-size: 15px;
	font-weight: 200;
	padding: 0 10px;
	line-height: 15px;
	height: 15px;
	border-left: 1px solid #323232;
}

header.main_hd .user_menu li:first-child {
	border-left: 0;	
}

header.main_hd .user_menu li:last-child {
	padding-right: 0;	
}

header.main_hd .lang_menu {
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}

header.main_hd .lang_menu li {
	float: left;
	margin-left: 4px;
	font-size: 15px;
	font-weight: 200;
	padding: 0 10px;
	line-height: 15px;
	height: 15px;
	border-left: 1px solid #323232;
}

header.main_hd .lang_menu li.active {
	font-weight: 400;
	color: #3b6e34;
}

header.main_hd .lang_menu li:first-child {
	border-left: 0;
}

header.main_hd .main_menu {
	clear: right;
	float: right;
	margin-right: -25px;
}

header.main_hd .main_menu > li {
	float: left;
	font-size: 20px;
	padding: 0 27px 0 27px;
	line-height: 100px;
	box-sizing: border-box;
	text-align: center;		
	z-index:1001;
}


header.main_hd .main_menu > li > a {
	color: #ffffff;
	display: block;
	box-sizing: border-box;
	height: 100px;
    line-height:100px;

}
header.main_hd .main_menu > li > a:hover {
	text-shadow: 0px 0px 5px #ffffff;
	transition-duration: 0.2s;
}
header.main_hd .main_menu > li > a.on {
	text-shadow: 0px 0px 5px #ffffff;
}
header.main_hd .main_menu li .sub_menu {
	position: absolute;
	top: 100px;
	display: none;
	z-index: 999;
	color:#fff;
}
header.main_hd .main_menu li .sub_menu.sub_menu01 {
    left:50%;transform:translateX(-50%);
}
header.main_hd .main_menu li .sub_menu.sub_menu02 {right:0;}
header.main_hd .main_menu li .sub_menu.sub_menu06 {right:0;}

/* header.main_hd .main_menu li:hover .sub_menu {
	display: block;
} */

header.main_hd .main_menu li .sub_menu li {
	height: 50px;
	line-height: 50px;
	text-align: left;
	font-size: 20px;
	float: left;
	margin-left: 50px;
}

header.main_hd .main_menu li .sub_menu li:hover {
	text-shadow: 0px 0px 5px #ffffff;
	transition-duration: 0.2s;
}

header.main_hd .main_menu li .sub_menu02 li{
	margin-left:25px;
	font-size: 19px;
}

header.main_hd .main_menu li .sub_menu li:first-child {
	margin-left: 0;
}


.menu_icon {
	display: none;
}

.mb_box {
	position: fixed;
	top: 0;
	right: -230px;
	width: 230px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 9999;
	box-sizing: border-box;
	padding: 70px 25px 0 25px;
	transition: 0.4s;
}

.mb_box .top_menu li {
	float: left;
	margin-right: 15px;
}

.mb_box .top_menu li a {
	color: #ffffff;
	font-size: 14px;
	display: block;
	letter-spacing: -0.5px;
}

.mb_box .lang {
	margin-top: 10px;
	position: relative;
}

.mb_box .lang a {
	color: #ffffff;
	font-size: 14px;
	display: block;
}

.mb_box .lang a img.lang_img {
	margin-right: 5px;
	vertical-align: middle;
	height: 13px;
}

.mb_box .lang a img.li_arrow {
	margin-left: 5px;
	vertical-align: middle;
	width: 7px;
}

.mb_box .lang ul {
	position: absolute;
	background: #ffffff;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	padding: 10px;
	border-radius: 5px;
	left: -3px;
	top: 20px;
	width: 60px;
	display: none;
}

.mb_box .lang ul li {
	margin-top: 7px;
}

.mb_box .lang ul li:first-child {
	margin-top: 0px;
}

.mb_box .lang ul li a {
	color: #323232;
	font-size: 13px;
	display: block;
}

.mb_box .moblie_menu {
	margin-top: 30px;
	clear: both;
}

.mb_box .moblie_menu > li {
	margin-bottom: 20px;
}

.mb_box .moblie_menu > li img {
	float: right;
	margin-top: 5px;
	opacity: 0.7;
}

.mb_box .moblie_menu > li img.rotate {
	transform: rotate(180deg) !important;
}

.mb_box .moblie_menu > li a {
	color: #ffffff;
	font-size: 17px;
	transition: 0.4s;
	display: block;
}

.mb_box .moblie_menu > li a:hover {
	color: #ffffff;
}

.mb_box .moblie_menu > li ul {
	display: none;
}

.mb_box .moblie_menu > li ul li {
	margin: 10px 0;
}

.mb_box .moblie_menu > li ul li a {
	margin-left: 15px;
}

.mb_box .sns_menu {
	margin-top: 30px;
}

.mb_box .sns_menu li {
	float: left;
	margin-left: 20px;
}

.mb_box .sns_menu li:first-child {
	margin-left: 0;
}

.mb_box .sns_menu li a {
	display: block;
}

.mb_box .sns_menu li a img {
	display: block;
	width: 30px;
}

.mb_box .close_btn {
	position: absolute;
	top: 25px;
	right: 25px;
}

	


/**************************************************
                       
                		footer

***************************************************/
footer {
	height: 200px;
	border-top: 1px solid #c8c8c8;
	background: #fafafa;
}
footer .txt ul li {display: inline-block;}
footer img {
	float: left;
	display: block;
	margin-top: 75px;
	margin-right: 50px;
}

footer .txt {
	margin-top: 65px;
	text-align:center;
}

footer .txt .info {
	font-size: 15px;
	margin-bottom: 20px;
	font-weight: 200;
	line-height: 1.4;
}

footer .txt .copy {
	font-size: 10px;
	font-weight: 200;
}

footer .family {
	float: right;
	margin-top: 75px;
	position: relative;
}

footer .family > a {
	display: block;
	width: 200px;
	height: 50px;
	border: 1px solid #c8c8c8;
	font-size: 15px;
	font-weight: 200;
	line-height: 48px;
	padding-left: 20px;
	background: #fafafa url(../images/family_arrow.png) no-repeat 90% center;
}

footer .family .familys {
	position: absolute;
	bottom: 50px;
	display: none;
	z-index: 9999;
}

footer .family .familys li a {
	display: block;
	width: 200px;
	height: 50px;
	border: 1px solid #c8c8c8;
	border-bottom: 0;
	font-size: 15px;
	font-weight: 200;
	line-height: 48px;
	padding-left: 19px;
	background: #fafafa;
}

	@media screen and (max-width : 1300px) {
	footer {
		height: 180px;
	}

	footer img {
		margin-top: 67px;
		margin-right: 30px;
		height: 45px;
	}

	footer .txt {
		margin-top: 55px;
	}

	footer .family {
		margin-top: 67px;
	}

	footer .family > a {
		height: 45px;
		line-height: 43px;
		padding-left: 15px;
		background-size: 12px;
	}

	footer .family .familys {
		bottom: 45px;
	}

	footer .family .familys li a {
		height: 45px;
		line-height: 43px;
		padding-left: 14px;
	}
	}

	@media screen and (max-width : 1080px) {
	footer {
		height: auto;
		padding: 25px 0;
	}

	footer img {
		float: none;
		display: block;
		margin: 0 auto 15px;
		height: 45px;
	}

	footer .txt {
		margin-top: 0;
		float: none;
		text-align: center;
	}

	footer .txt .info {
		font-size: 15px;
		margin-bottom: 20px;
	}

	footer .txt .copy {
		font-size: 10px;
	}

	footer .family {
		float: none;
		margin: 20px auto 0;
		width: 180px;
	}

	footer .family > a {
		width: 180px;
		height: 40px;
		font-size: 14px;
		line-height: 38px;
		padding-left: 10px;
		background: #fafafa url(../images/family_arrow.png) no-repeat 92% center;
		background-size: 10px;
	}

	footer .family .familys {
		bottom: 40px;
	}

	footer .family .familys li a {
		width: 180px;
		height: 40px;
		font-size: 14px;
		line-height: 38px;
		padding-left: 9px;
	}
	}

	@media screen and (max-width : 700px) {
	footer {
		padding: 25px 0;
	}

	footer img {
		margin: 0 auto 15px;
		height: 40px;
	}

	footer .txt .info {
		font-size: 14px;
		margin-bottom: 15px;
		word-break: keep-all;
		padding: 0 20px;
	}

	footer .txt .copy {
		font-size: 10px;
	}

	footer .family {
		margin: 20px auto 0;
		width: 160px;
	}

	footer .family > a {
		width: 160px;
		height: 37px;
		font-size: 13px;
		line-height: 35px;
	}

	footer .family .familys {
		bottom: 37px;
	}

	footer .family .familys li a {
		width: 160px;
		height: 37px;
		font-size: 13px;
		line-height: 35px;
	}
	}

	@media screen and (max-width : 500px) {
	footer {
		padding: 20px 0;
	}

	footer img {
		margin: 0 auto 15px;
		height: 30px;
	}

	footer .txt .info {
		font-size: 12px;
		margin-bottom: 15px;
		padding: 0 20px;
	}

	footer .txt .copy {
		font-size: 10px;
	}

	footer .family {
		margin: 15px auto 0;
		width: 140px;
	}

	footer .family > a {
		width: 140px;
		height: 32px;
		font-size: 12px;
		line-height: 30px;
		padding-left: 10px;
		background: #fafafa url(../images/family_arrow.png) no-repeat 92% center;
		background-size: 8px;
	}

	footer .family .familys {
		bottom: 32px;
	}

	footer .family .familys li a {
		width: 140px;
		height: 32px;
		font-size: 12px;
		line-height: 30px;
		padding-left: 9px;
	}
	}


/**************************************************
                       
                sub page quick menu

***************************************************/

.sub_cont .quick_menu {
	position: absolute;
	right: 100px;
	border-right: 1px solid #c8c8c8;
	height: 100%;
	top: 0;
}

.sub_cont .quick_menu ul {
	position: absolute;
	right: -15px;
	top: 180px;
}

.sub_cont .quick_menu_fix ul {
	position: fixed;
	right: 86px;
}

.sub_cont .quick_menu li {
	width: 30px;
	height: 30px;
	margin-top: 15px;
}

.sub_cont .quick_menu li:first-child {
	margin-top: 0;
}

.sub_cont .quick_menu li a img {
	display: block;
	width: 100%;
}

	@media screen and (max-width : 1450px) {
	.sub_cont .quick_menu {
		right: 30px;
	}

	.sub_cont .quick_menu_fix ul {
		right: 16px;
	}
	}

	@media screen and (max-width : 1080px) {
	.sub_cont .quick_menu ul {
		right: -15px;
		top: 140px;
	}

	.sub_cont .quick_menu_fix ul {
		right: 16px;
	}
	}

	@media screen and (max-width : 900px) {
	.sub_cont .quick_menu {
		display: none;
	}
	}


/**************************************************
                       
                		etc

***************************************************/
.move_btn {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: 0;
	transform: translateX(-50%);
	z-index: 999;	
	text-align: center;
	font-size: 15px;
}

.move_btn.white {
	color: #ffffff;
}

.move_btn img {
	display: block;
	margin: 7px auto 0;
	animation: move_btn 1.3s infinite;
	position: relative;
}

	@keyframes move_btn {
		0% {top: 0px;}
		100% {top: 5px;}
	}

	@media screen and (max-width : 1300px) {
	.move_btn {
		bottom: 20px;
		font-size: 14px;
	}

	.move_btn img {
		margin: 5px auto 0;
		width: 40px;
	}
	}

	@media screen and (max-width : 900px) {
	.move_btn {
		bottom: 15px;
		font-size: 13px;
	}

	.move_btn img {
		margin: 5px auto 0;
		width: 35px;
	}
	}

	@media screen and (max-width : 700px) {
	.move_btn {
		bottom: 15px;
		font-size: 12px;
	}

	.move_btn img {
		margin: 3px auto 0;
		width: 18px;
	}
	}

	@media screen and (max-width : 500px) {
	.move_btn {
		bottom: 10px;
		font-size: 11px;
	}

	.move_btn img {
		margin: 3px auto 0;
		width: 15px;
	}

	@keyframes move_btn {
		0% {top: 0px;}
		100% {top: 2px;}
	}
	}

#top_btn {display: none;}
.ctt_admin {display: none;}



/**************************************************
                       
                	  footer page 5

***************************************************/
.sec5 {
	width:100%;
	overflow: hidden;
}
.sec5 .txt_area  {
	position: relative;
}

.sec5 .txt_area img {
	position: relative;
    transform: translate(-50%, 0%);
    left: 50%;
}

.sec5 .txt_area p.small {
	transform: translate(-50%, 50%);
}
.sec5 .txt_area p.big {
	transform: translate(-50%, 50%);
}

.sec5 .fp-tableCell {
	padding-top: 0px;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

	@media screen and (max-width : 900px) {

	.sec5 .txt_area img {
		width:100%;
	}
	}

	@media screen and (max-width : 700px) {
	.popup_vods {
		top: 90px;
	}
	.sec5 .txt_area img {
		width:100%;
	}
	}

	@media screen and (max-width : 640px) {

	.sec5 .txt_area img {
		width:115%;
	}
	}