@charset "utf-8";

/* Common
-----------------------------*/
body { 
		/*background-color: #ffffff; */
		background: #ECF1F5; border:0px solid #f00; 
		background: #fff; 
}

/* Layout
-----------------------------*/
.container {
		width: 1160px; margin:0px auto; 
		min-width: 1160px;
		background: #fff; border:0px solid #f00; 
		width: 100%; 
}

/* Header
-----------------------------*/
.header {
}
.header_wrap {
		background: url('../img/header.gif') repeat-x left bottom #fff; border:0px solid #f00; 
}
.header_wrap:before {
		background-color: #075192;
		height:5px;
		display:block;
		z-index:-1;
		content:'';
}
.fixed_header .header_wrap {
		background: url('../img/header.gif') repeat-x left bottom #fff; border:0px solid #f00; 
}
.fixed_header .header_wrap.shrink {
		border-bottom: 1px solid #e1e1e1;
		background-color: #0C63AA;
}

/* Logo */
.header > h1 {
    float: left; float:none; position:absolute; top:20px; left:37%;
		left:-webkit-calc((100% - 50%) - 112px); left:calc((100% - 50%) - 112px); 
    padding: 0px 0 0px;
		margin: 0px; 
    /*margin-left: 37%;*/ width:224px;
    line-height: 60px;
		border:0px solid #00f; 
}
.header > h1 img {
    vertical-align: middle;
    max-height: 100px;
		border:0px solid #fff; 
}

/* Login */
.header > .side {
    z-index: 999999999;
    float: left; float:none; position:absolute; top:70px; left:0px; 
    margin: 0px 0 0 22px; width:300px; 
    line-height: 20px; border:0px solid #f00; 
}
.header > .side > ul > li {
    float: left;
    position: relative; 
}
.header > .side > ul:after {
    display: block;
    clear: both;
    content: ''; 
}
.header > .side > ul > li > a {
    color: #6D7A84;
}
.header > .side > ul > li > a:hover, 
.header > .side > ul > li > a:focus, 
.header > .side > ul > li > a:active, 
.header > .side > ul > li.on > a {
    color: #6D7A84;
}
.header > .side > ul .ly {
    top: 0px;
    right: 0;
		left:0; 
		min-width: 120px; 
    margin-top: 22px;
    background-color: #6D7A84;
		z-index:999999999;
}
.header > .side > ul .ly.ly_login {
    margin-top: 22px;
}
.header > .side > ul .ly.ly_login ul {
    margin-top: 8px;
    padding: 8px 0;
    background-color: #6D7A84;
}
.header > .side > ul .on .ly.ly_login {
    height: auto
}
.header > .side > ul .ly a {
    color: #ffffff;
}
.header > .side > ul .ly a:hover {
    color: #eeeeee;
}
.header > .side > ul > li .login_after {
    width: 60px;
    height: 40px;
    margin-top: 0px;
}
.header > .side > ul > li .login_before {
    width: 60px;
    height: 40px;
    margin-top: 0px;
}
.header > .side > ul > li .login_after img {
}
.header > .side > ul > li .login_after ~ .ly_login .edge {
}
.header .side .edge {
    top: 2px;
    right: 11px;
		left: 11px; 
    border-color: transparent transparent #6D7A84;
}

/* GNB */
.gnb {
    float: left;
    z-index: 10000;
    height: 100%;
    width:100%; max-width: 100%; width:1160px; 
		background-color: #0C63AA; 
		text-align: center;
		margin-top:100px; 
}
.gnb > ul {
		/* display: inline-block; vertical-align: top; margin:0 auto; padding:0px; */
}
.gnb > ul > li > a {
    color: #ffffff; 
    padding: 0 25px;
    font-size: 14px;
    line-height: 60px; text-transform: uppercase;
}
.gnb > ul > li > a:hover,
.gnb > ul > li > a:focus,
.gnb > ul > li > a:focus,
.gnb > ul > li.on > a {
		color: #eeeeee; 
}
.gnb > ul .depth2 {
    background-color: #6D7A84
}
.gnb > ul .depth2:after {
    top: -3px;
    height: 3px;
    background-color: #1295D5;
}
.gnb > ul .depth2 a {
    min-width: 170px;
    height: 40px;
    padding: 0 30px 0 20px;
    line-height: 40px;
    font-size: 13px;
    color: #ffffff
}
.gnb > ul .depth2 a:hover,
.gnb > ul .depth2 a:active,
.gnb > ul .depth2 a:focus,
.gnb > ul .depth2 > li.on > a {
    color: #eeeeee
}

/*
-----------------------------*/
.body {
    position: relative;
    padding: 30px 0
}
.body.fixed-width {
    width: 1160px;
    margin: 0 auto
}
.body.fixed-width.left .content,
.body.fixed-width.right .content {
    float: right;
    width: 900px;
    min-height: 50px;
    padding: 0px 0 100px; border:0px solid #fff; 
}
.body.fixed-width.right .content {
    float: left
}
.body.fixed-width.left .lnb,
.body.fixed-width.right .lnb {
    float: left;
    width: 220px;
    padding: 0 0 16px
}
.body.fixed-width.right .lnb {
    float: right
}

/* LNB */
.body.fixed-width .lnb > ul {
    padding: 40px 0 50px 0;
}
.body.fixed-width .lnb > ul > li {
    margin-bottom: 20px; 
		border-bottom: 1px solid #ccc; 
}
.body.fixed-width .lnb > ul > li > a,
.body.fixed-width .lnb > ul > li > span {
}
.body.fixed-width .lnb ul ul li.on a {
}
.body.fixed-width .lnb ul ul a {
}
.body.fixed-width .lnb ul ul a:hover,
.body.fixed-width .lnb ul ul a:focus,
.body.fixed-width .lnb ul ul a:active {
}
.body.fixed-width .lnb img {
}
.body.fixed-width.left .lnb,
.body.fixed-width.right .lnb {
}
.body.fixed-width.left .content,
.body.fixed-width.right .content {
}
.body.fixed-width.right .lnb {
}
.body.fixed-width.right .content {
}
.body.fixed-width.none .lnb {
}
.body.fixed-width.none .content {
}

/*
-----------------------------*/
.footer {
    border-top: 1px solid #e4e4e4;
    border-bottom: 3px solid #075192;
    background-color: #343434;
    font-family: 'Open Sans', '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif
}
.footer .f_info_area {
    overflow: hidden;
    width: 1160px;
    margin: 0 auto;
    padding: 2px 0 2px
}
.footer .f_cr_area {
    padding: 19px;
    background-color: #2C2C2C;
}
.footer .copyright {
    width: 1160px;
    margin: 0 auto;
    font-size: 13px;
    color: #8B8B8B;
    line-height: 16px; text-align:center; 
}
.footer .copyright a {
    color: #8B8B8B;
}
.footer .copyright a:hover,
.footer .copyright a:focus,
.footer .copyright a:active {
    color: #8B8B8B;
}
.footer .sub_desc {
    margin-bottom: 16px;
    font-size: 13px;
    color: #8B8B8B;
    line-height: 22px
}
.footer .f_info {
    float: left;
    width: 240px;
    margin-right: 65px
    color: #;
}
.footer .f_logo {
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 16px;
    font-size: 24px;
    color: #555555;
}
.footer .f_logo.log_txt a {
    font-size: 24px;
    font-weight: bold;
    color: #555555;
}
.footer .f_info2 {
		width:100%; 
		text-align:center; 
}
.footer .site_map > ul {
    display: inline-block;
    overflow: hidden;
		width:70%; 
		margin:0px auto; 
    background: url('') repeat-y;
}
.footer .site_map > ul li {
    float: left; border:0px solid #fff; 
    width: 12.5%;
    margin: 0 0 0 0px
}
.footer .site_map > ul li:first-child, 
.footer .site_map > ul li.clear {
    clear: both;
    margin-left: 0
}
.footer .site_map > ul li a {
    display: inline-block;
    margin: 0 0 2px;
    padding: 0 2px;
    font-size: 14px;
    font-weight: normal;
    color: #8B8B8B;
}
.footer .site_map > ul ul {
    overflow: hidden;
    margin: 0 0 10px
}
.footer .site_map > ul ul li {
    margin-left: 0
}
.footer .site_map > ul ul a {
    margin: 0 0 13px;
    font-size: 13px;
    font-weight: normal;
    color: #8B8B8B;
    line-height: 18px
}
.footer .site_map > ul ul a:hover,
.footer .site_map > ul ul a:focus,
.footer .site_map > ul ul a:active {
    color: #8B8B8B;
}

/*
-----------------------------*/
.visual {
		width:1160px; margin:0 auto; 
}
.visual.sub {
    padding: 15px 0;
    background-color: #f6f6f6;
    line-height: 30px;
		width:1160px; margin:0 auto; 
}
.visual.sub .sub_title {
    width:50%; 
    margin: 0 auto 0 0;
}
.visual.sub .sub_title h1 {
    font-weight: 700;
    font-size: 17px;
    color: #444; 
		float:left; margin-left:20px; 
}
.visual.sub .sub_title h1:after {
    top: 115%; top: 105%;
    left: 0;
    width: 22px; width:100%; 
    height: 2px;
    background-color: #444; margin-left:0px; 
}
.visual.sub .breadcrumbs {
		float:right; 
    width:50%; 
    margin: 0 auto 0 0;
}
/* Breadcrumbs */
.visual.sub .breadcrumbs { 
	margin-top:15px; padding-top:0px; }
.visual.sub .breadcrumbs ul {
	float:right; margin-right:20px; list-style:none; }
.visual.sub .breadcrumbs ul li { 
	float:left; padding-left:15px; 
	color:#3a3a3a; font-size:11px; border:0px solid #000; line-height: 16px; 
	background:url(../img/breadcrumbs_li.png) no-repeat 2px 2px; }
.visual.sub .breadcrumbs li:first-child { 
	background:url(../img/breadcrumbs_li_first.png) no-repeat 2px 2px; }

.swiper-container {
    height: 300px;
}
.swiper-container > div > div {
    height: 300px;
    color: #fff;
}
.swiper-container > div > div > div {
}
.swiper-container > div > div > div > div {
}
.swiper-slide {
	cursor:pointer; }

/* Scroll to top link */
.btn_top {
    bottom: 57px;
    width: 48px;
    height: 48px;
    background-color: #555;
    font-size: 24px;
    color: #fff;
}
.btn_top:hover {
    background-color: #075192;
    color: #fff;
}
.btn_top i {
    line-height: 48px
}

/*
-----------------------------*/
.welcomeXE {
}
.welcomeXE section {
		width: 1160px; border:0px solid #00f; 
}
.welcomeXE .features {
    width: 100%;
    width: 1160px;
    margin: 0 auto;
    height: auto;
    padding-top: 80px;
    background-color:transparent;
    background-color:#444;
}
.welcomeXE .features .noti,
.welcomeXE .features .tit,
.welcomeXE .features .cont {
    width: 1160px;
    margin-left: auto;
    margin-right: auto
}

/*
-----------------------------*/
.c_wrapper { 
	display:block; vertical-align:top; 
	width:100%; height:100%; margin:0px auto 0px; padding:0px; }
.c_wrapper_1 { width:29.0%; border:0px solid #00f; float:left; }
.c_wrapper_2 { width:69.0%; margin-left:0.0%; float:right; }
.c_wrapper_3 { width:49.0%; border:0px solid #00f; float:left; }
.c_wrapper_4 { width:49.0%; margin-left:0.0%; float:right; }
.c_wrapper_5 { width:100%; margin-right:0.0%; float:left; border:0px solid #00f; }
.c_block_1 { width:100%; margin:0 auto; border:0px solid #00f; }
.c_block_2 { width:32%; float:left; border:0px solid #00f; margin-right:2%; }
.c_block_3 { width:32%; float:right; margin-right:0%; }
.c_block_4 { width:49%; float:left; }
.c_block_5 { width:49%; float:right; }

/*
-----------------------------*/
.widgetGalleryR { width:100%; }
.widgetGalleryR { position:relative; }
.widgetGalleryR:after { content:''; display:table; clear:both; }
.widgetGalleryR li { float:left; list-style:none; position:relative; margin-bottom:20px; text-align:center; }
@media screen and (min-width:783px) { 
	.widgetGalleryR li { width:19.33333%; margin-right:0.77777%; }
	.widgetGalleryR li:nth-child(2n+1) { clear:none; }
	.widgetGalleryR li:nth-child(2n) { margin-right:0.77777%; }
	.widgetGalleryR li:nth-child(3n+1) { clear:none; }
	.widgetGalleryR li:nth-child(3n) { margin-right:0.77777%; }
	.widgetGalleryR li:nth-child(4n+1) { clear:none; }
	.widgetGalleryR li:nth-child(4n) { margin-right:0.77777%; }
	.widgetGalleryR li:nth-child(5n+1) { clear:left; }
	.widgetGalleryR li:nth-child(5n) { margin-right:0; }
}
.widgetGalleryR li:after { content:''; display:table; clear:both; }
.widgetGalleryR li a.thumb { width:100%; height:100%; margin-bottom:5px; }
.widgetGalleryR li a.thumb img { width:100%; height:auto; }
.widgetGalleryR li .title{ color:#333;} 
.widgetGalleryR li a { font-size:14px; }

/*
-----------------------------*/
ul.magazine { width:100%; }
ul.magazine li { float:left; list-style:none; position:relative; margin-bottom:20px; text-align:left; }
ul.magazine li { width:32.33333%; margin-right:0.22222%; }
ul.magazine li:nth-child(2n+1) { clear:none; }
ul.magazine li:nth-child(2n) { margin-right:0.22222%; }
ul.magazine li:nth-child(3n+1) { clear:left; }
ul.magazine li:nth-child(3n) { margin-right:0; }
ul.magazine li img { width:100%;}

/*
-----------------------------*/
.c_widget_header {
	display: block;	height: 35px;	padding-top: 10px; padding-left: 40px;
	background: #1295d4 url('../img/arrow_01.png') 30px center no-repeat;
	font: 600 17px 'Open Sans'; color: #ffffff;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
	-webkit-border-radius: 0 0 20px 0;
	-moz-border-radius: 0 0 20px 0;
	border-radius: 0 0 20px 0;
	cursor:pointer; 
}
.c_widget_header1 {
	background: #71B908 url('../img/arrow_01.png') 15px center no-repeat;
	font: 600 17px 'Open Sans'; color: #ffffff;
}
.c_widget_header2 {
	height: 35px;	padding-top: 10px; 
	background: #1295d4 url('../img/arrow_01.png') 15px center no-repeat;
	font: 600 15px 'Open Sans'; color: #ffffff;
}
.c_widget_header3 {
	height: 32px;	padding-top: 13px; 
	background: #1295d4 url('../img/arrow_01.png') 15px center no-repeat;
	font: 600 12px 'Open Sans'; color: #ffffff;
}
.c_widget_content {
	padding-top:10px; 
}

/*
-----------------------------*/
.home_banner {
	float:left; width:12.5%; 
}
.home_banner img {
	width:100%; 
}

/*
-----------------------------*/
.side_banner {
	text-align:center; 
}
.side_banner img {
	width:100%; 
}
.side_banner_gap {
	clear:both; display:block; overflow:hidden; visibility:hidden; height:10px; 
}

/*
-----------------------------*/
.header > .side2 {
    z-index: 1;
    float: left; float:none; position:absolute; top:70px; right:20px; 
    margin: 0px 0 0 0px;
    line-height: 20px; border:0px solid #00f; 
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.header_banner {
	float:left; margin-right:5px; 
}
.header_banner img {
	width:100%; 
}