@charset "utf-8";

/* @font-face{
	font-family: 'BMDOHYEON';
	src : url(/static/css/include/BMDOHYEON_ttf.ttf).format(truetype);
} */

* {
	margin: 0;
	padding: 0;
	font-family: 'helvetica neue', tahoma, 'PingFang SC', 'microsoft yahei',
		arial, 'hiragino sans gb', sans-serif;;
}

body {
	background-color: #fff;
	font-size: 13px;
	color: #000;
	-webkit-text-size-adjust: none;
	font-size: 16px;
	word-wrap: break-word;
	word-break: keep-all;
	line-height: 150%;
}

ul, ol {
	list-style: none;
}

table {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border: 0;
	_border-collapse: collapse;
	width: 100%;
}

*+html table {
	border-collapse: collapse;
}

img, fieldset, abbr, acronym {
	border: 0;
}

address, caption, cite, code, dfn, em, var {
	font-style: normal;
}

input, button, textarea {
	padding: 0;
	outline: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

table, table th, table td {
	border: 0;
}

hr {
	display: none
}

a {
	color: #000;
	text-decoration: none;
}

img {
	vertical-align: middle;
}

body {
	background-color: #fff;
}

caption, legend {
	*position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
}

.hide {
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.gLeft {
	float: left;
}

.gRight {
	float: right;
}

.hidden {
	display: inline-block;
	height: 0;
	width: 0;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.mView .title h3, .mInquiry .title h3, .mKeysub h3{
	font-weight: 500;
}
strong {
	font-weight: 600;
}

#skipnavigation {
	position: relative;
	z-index: 100000;
}
 
#skipnavigation .skip {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#skipnavigation a {
	display: block;
	height: 1px;
	width: 1px;
	margin-bottom: -1px;
	overflow: hidden;
	text-align: center;
	color: #000;
	white-space: nowrap;
}

#skipnavigation a:focus, #skipnavigation a:active {
	background-color: #000;
	color: #fff;
	height: auto;
	width: 100%;
	padding: 5px;
	margin-bottom: 10px;
	z-index: 1000;
}

.br {
	display: block;
}

.forMobile {
	display: none;
}

#wrap {
	background-color: #fff;
	padding: 79px 0 0;
	min-width: 1520px;
}

.conBg, #wrap .bg {
	position: relative;
	margin: 0 auto;
	width: 1520px;
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 79px;
	z-index: 100;
	background-color: #ffffff;
}

#header h1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#header .rt {
	position: absolute;
	top: 20px;
	right: 0;
}

#header .rt .mLang, #header .rt .btn, #header .rt .sns {
	float: left;
	margin: 0 0 0 5px;
}

#header .rt .mLang a, #header .rt .btn a {
	position: relative;
	display: inline-block;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 3px;
	font-size: 16px;
	text-align: center;
	min-width: 80px;
	line-height: 36px;
	height: 36px;
}

#header .rt .btn a {
	background-color: transparent;
	border-color: #b8b8b8;
	color: #b8b8b8;
}

#header .rt .sns {
	margin-right: 18px;
}

#header .rt .sns a {
	display: block;
	float: left;
	/* background: url(../../images/ico_facebook_sub.png) 0 0 no-repeat; */
	margin-left: 10px;
	text-indent: -9999px;
	font-size: 0;;
	width: 40px;
	height: 40px;
}

#header .rt .sns a.iBlog {
	background-image: url(../../images/ico_instagram_sub.png);
}

#header .rt .sns a.iYoutube {
	background-image: url(../../images/ico_youtube_sub.png);
}

#header .rt .mLang {
	position: relative;
	margin: 3px 5px 0 0;
}

#header .rt .mLang .sel {
	border: 0;
	color: #b8b8b8;
	font-size: 16px;
	text-align: left;
	padding: 0 15px 0 20px;
	min-width: 63px;
}

#header .rt .mLang .sel:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
	background: url(../../images/ico_lang.png) 0 0 no-repeat;
	width: 14px;
	height: 8px;
}

#header .rt .mLang .lst {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	height: 50px;
}

#header .rt .mLang .lst a {
	float: none;
	display: block;
	background-color: #fff;
	border-radius: 0;
	color: #b8b8b8;
	margin: -1px 0 0;
}

#header .iAside {
	display: none;
}

.gMain #header .rt .sns a {
	background-image: url(../../images/ico_facebook.png);
}

.gMain #header .rt .sns a.iBlog {
	background-image: url(../../images/ico_blog.png);
}

.gMain #header .rt .sns a.iYoutube {
	background-image: url(../../images/ico_youtube.png);
}

#footer {
	position: relative;
	background-color: #fff;
}

#footer .bg {
	width: 1220px;
}

#footer .con1 {
	text-align: center;
}

#footer .con1 .logo {
	margin: 0 0 45px;
}

#footer .con1 a {
	color: #111;
	font-size: 16px;
}

#footer .con1 .bar {
	font-family: dotum;
	color: #bebebe;
	font-size: 13px;
	padding: 0 10px;
}

#footer .con2 {
	border-top: 1px solid #ededed;
	color: #888;
	font-size: 14px;
	letter-spacing: -0.5px;
	margin: 28px 0 0;
	text-align: center;
	padding: 17px 0 35px;
}

#footer .con2 .txt1 a {
	color: #888;
}

#footer .con2 .txt1 .bar {
	font-family: dotum;
	color: #bebebe;
	font-size: 13px;
	padding: 0 10px;
}

#footer .con2 .txt2 {
	letter-spacing: -0.4px;
	padding: 5px 0 0;
}

#footer .con2 .lo {
	position: absolute;
	top: -5px;
	right: 0;
}

#contents {
	background-color: #fff;
	padding: 50px 350px;
    width: 1200px;
}

/* #contents .bg {
	width: 1520px;
}
 */
#contents.type2 {
	border-top: 1px solid #a2a6a0;
}

.gnbSub {
	position: absolute;
	top: 0;
	left: 0;
	top: 79px;
	background-color: #e9e9e9;
	transition: all .2s ease;
	width: 100%;
	height: 0;
	overflow: hidden;
	z-index: 2;
}


.gnb {
	display: inline-block;
	margin: 0 80px 0 142px;
	transition: all .2s ease;
	height: 79px;
	overflow: hidden;
}

.gnb:hover .gnbBg {
	margin-left: -1px;
	transition: all .3s ease;
} /* modify20190123 */
.gnb:hover {
	margin-left: 143px;
	height: 560px;
}

.gnb h2 {
	display: none;
}

.gnb ul {
	zoom: 1;
}

.gnb ul:after {
	display: block;
	clear: both;
	content: ''
}

.gnb li {
	position: relative;
	display: block;
	float: left;
}

.gnb li strong a {
	display: block;
	/* color: #fff; */
	color: #000000;
	font-size: 20px;
	padding: 5px 60px;
	line-height: 79px;
	height: 79px;
}

.gnb li.selected strong a:before, .gnb li strong a:hover:before {
	content: "";
	position: absolute;
	bottom: 10px;;
	left: 50%;
	margin-left: -40px;
	background-color: #000080;
	transition: all .4s ease;
	width: 80px;
	height: 5px;
} 
/* .gnb li.selected strong a:before, .gnb li.selected strong a:after, gnb li strong a:hover:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -47px;
	background-color: #BECDFF;
	transition: all .4s ease;
	width: 94px;
	height: 5px;
} */


.gnb li .sub {
	position: absolute;
	top: 45px;
	left: 0;
	padding: 50px 0 0 55px;
	text-align: left;
	width: 100%;
	height: 390px;
	z-index: 3;
	margin-left: 10px;
}

.gnb li .sub .ls {
	display: block;
	margin: 0 -5px 14px;
}

.gnb li .sub .ls a {
	font-size: 18px;
	color: #000000;
}
.gnb li .sub .ls a:hover {
	color: #0000b3;
}

#header.hover .gnbSub {
	height: 350px;
}

.mKeysub {
	position: relative;
	/* background: url(../../../images/img_keysub1.jpg) 50% 50% no-repeat; */
	background-size: cover;
	text-align: center;
	height: 400px;
}

.mKeysub h3 {
	color: #000000;
	font-size: 60px;
	line-height: 300px;
	height: 300px;
} /* modify20190125 */
.mKeysub.type2 {
	background-image: url(../../../images/img_keysub1.jpg);
}

.mKeysub.type3 {
	background-image: url(../../../images/img_keysub1.jpg);
}

.mKeysub.type4 {
	background-image: url(../../../images/img_keysub1.jpg);
}

.mKeysub.type5 {
	background-image: url(../../../images/img_keysub1.jpg);
}

.mNavi1 {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(95, 95, 93, 0.75);
	width: 100%;
	height: 20%;
}

.mNavi1 .bg {
	display: -webkit-flex;
	display: flex;
}

.mNavi1 .ls {
	-webkit-flex: 1;
	flex: 1;
}

.mNavi1 .ls a {
	display: block;
	color: #fff;
	font-size: 18px;
	line-height: 85px;
	height: 80px;
}

.mNavi1 .ls.selected a {
	background-color: #dcdcdc;
	color: #000;
}

.iTop {
	position: fixed;
	bottom: 25px;
	right: 25px;
	background: url(../../../images/ico_top2.png) 0 0 no-repeat;
	background-size: 96px auto;
	transition: all .3s ease;
	text-indent: -9999px;
	font-size: 0;
	filter: alpha(opacity = 0);
	opacity: 0;
	-moz-opacity: 0;
	width: 96px;
	height: 96px;
	z-index: 100;
}

.mAside {
	display: none;
	position: fixed;
	top: 0;
	left: 100%;
	background-color: #fff;
	text-align: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y: scroll;
	z-index: 200;
}

.mAside .asideBg {
	padding: 48px 35px 50px;
}

.mAside .close {
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/ico_close1_m.png) 50% 50% no-repeat;
	background-size: 25px auto;
	text-indent: -9999px;
	font-size: 0;
	width: 66px;
	height: 66px;
}

.mAside .lo {
	margin: 0 0 35px;
}

.mAside .lo img {
	height: 22px;
}

.mAside .lang .ls {
	padding: 0 10px;
}

.mAside .lang .ls a {
	position: relative;
	display: inline-block;
	color: #111;
	font-size: 18px;
}

.mAside .lang .selected a:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #111;
	width: 100%;
	height: 1px;
}

.mAside .list {
	padding: 50px 0 0;
}

.mAside .list li {
	padding: 0 0 31px;;
}

.mAside .list li a {
	display: inline-block;
	color: #111;
	font-size: 22px;
	font-weight: 500;
}

.mAside .sns {
	margin: 12px 0 0;
}

.mAside .sns a {
	display: inline-block;
	background: url(../../images/ico_facebook2_m.png) 0 0 no-repeat;
	background-size: auto 47px;
	text-indent: -9999px;
	font-size: 0;
	margin: 0 5px;
	vertical-align: middle;
	width: 47px;
	height: 47px;
}

.mAside .sns a.iBlog {
	background-image: url(../../images/ico_instagram2_m.png);
}

.mAside .sns a.iYoutube {
	background-image: url(../../images/ico_youtube2_m.png);
}

.mAside .sns a.btn {
	background: none;
	border: 1px solid #e4e4e4;
	text-indent: 0;
	font-size: 17px;
	width: auto;
	padding: 0 10px;
	line-height: 30px;
	height: 30px;
}

.mCeo {
	position: relative;
}

.mCeo:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 100%;
	height: 440px;
}

.mCeo .img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -760px;
}

.mCeo .con1 {
	background: url(../../images/k_ceo1.png) 50% 440px no-repeat #ffffff;
	padding: 115px 0 195px;
}

.mCeo .con1 .txt {
	font-size: 20px;
	padding: 0 0 0 400px;
}

.mCeo .con1 .txt .ti {
	display: block;
	color: #BECDFF;
	font-size: 74px;
	font-weight: bold;
	line-height: 110%;
}

.mCeo .con1 .txt .ti span {
	display: block;
	margin-bottom: -10px;
}

.mCeo .con1 .txt .tx {
	display: block;
	color: #000;
	font-size: 40px;
	font-weight: 500;
	letter-spacing: -0.7px;
	padding: 35px 0 0;
	line-height: 130%;
}

.mCeo .con1 .txt .tx {
	color: #000;
	font-size: 40px;
	letter-spacing: -0.7px;
	padding: 35px 0 0;
	line-height: 130%;
}

.mCeo .con1 .txt .tx2 {
	padding: 94px 0 0;
	line-height: 170%;
	letter-spacing: -0.2px;
}

.mCeo .con1 .txt .sign {
	text-align: right;
	margin: 74px 158px 0 0;
}

.sign .president {
	font-size: 1.75rem;
	margin-right: 40px;
}

.sign .presidentNm {
	font-size: 3.125rem;
}

.mFaq {
	margin-top: -10px;
}

.mFaq dt {
	background-color: #f4f4f5;
	margin: 10px 0 0;
	padding: 0 40px;
}

.mFaq dt a {
	position: relative;
	display: block;
	font-size: 22px;
	font-weight: 500;
	padding: 43px 110px;
}

.mFaq dt a:before {
	content: "Q";
	position: absolute;
	top: 43px;
	left: 0;
}

.mFaq dd {
	display: none;
	background-color: #f4f4f5;
	font-size: 18px;
	line-height: 170%;
	padding: 0 40px;
}

.mFaq dd .txt {
	position: relative;
	padding: 33px 90px 40px 108px;
}

.mFaq dd .txt:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0;
	background-color: #000;
	width: 100%;
	height: 1px;
}

.mFaq dt.selected a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -8px;
	background: url(../../../images/ico_faq1.png) 0 0 no-repeat;
	width: 26px;
	height: 16px;
}

.mFaq dd.selected {
	display: block;
}

.mButton1 {
	margin: 60px 0 0;
	text-align: center;
}

.mBtn1 {
	display: inline-block;
	border: 1px solid #000;
	border-radius: 3px;
	font-size: 15px;
	text-align: center;
	min-width: 220px;
	line-height: 64px;
	height: 58px;
}

.mBtn1.black {
	background-color: #000;
	color: #fff;
}

.mView {
	border-top: 2px solid #000;
}

.mView .title {
	position: relative;
	border-bottom: 1px solid #ededed;
	padding: 47px 0 49px 40px;
}

.mView .title h3 {
	font-size: 30px;
}

.mView .title .dat {
	position: absolute;
	top: 50%;
	right: 40px;
	margin-top: -13px;
	font-size: 20px;
}

.mView .attach {
	padding: 28px 40px 20px 0;
	text-align: right;
}

.mView .attach a {
	display: inline-block;
	background: url(../../../images/ico_attach1.png) 0 0 no-repeat;
	font-size: 18px;
	padding: 0 0 0 27px;
}

.mView .article {
	font-size: 18px;
	line-height: 180%;
	padding: 43px 40px 101px;
}

.mView .button {
	position: relative;
	border-top: 1px solid #d3d3d3;
	padding: 60px 0 0;
	text-align: center;
}

.mView .button a {
	display: inline-block;
	font-size: 20px;
}

.mView .button .mBtn1 {
	font-size: 18px;
}

.mView .button .prev {
	position: absolute;
	top: 60px;
	left: 0;
	background: url(../../../images/ico_prev2.png) 0 50% no-repeat;
	padding: 0 0 0 34px;
	line-height: 66px;
	height: 66px;
}

.mView .button .next {
	position: absolute;
	top: 60px;
	right: 0;
	background: url(../../../images/ico_next2.png) 100% 50% no-repeat;
	padding: 0 34px 0 0;
	line-height: 66px;
	height: 66px;
}

.mNotice {
	border-top: 2px solid #000;
}

.mNotice li {
	position: relative;
}

.mNotice li a {
	display: block;
}

.mNotice li a:hover {
	background-color: #f4f4f4;
}

.mNotice li .dat {
	position: absolute;
	top: 52px;
	left: 0;
	font-size: 20px;
	text-align: center;
	width: 180px;
}

.mNotice li .dat em {
	display: block;
	font-size: 70px;
	font-weight: 500;
	margin: 40px 0 0;
}

.mNotice li .txt {
	display: block;
	padding: 50px 105px 50px 246px;
}

.mNotice li .txt .ti {
	display: block;
	font-size: 30px;
	font-weight: 500;
	line-height: 110%;
}

.mNotice li .txt .tx {
	display: block;
	font-size: 18px;
	line-height: 170%;
	margin: 16px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	height: 55px;
}

.mPaging {
	margin-top: 60px;
	text-align: center;
}

.mPaging a, .mPaging em {
	position: relative;
	display: inline-block;
	border: 0;
	margin: 0;
	font-size: 18px;
	margin-right: 1px;
	vertical-align: middle;
	text-decoration: none;
	min-width: 48px;
	line-height: 48px;
	height: 48px;
}

.mPaging a:hover, .mPaging em {
	color: #f5a100;
}

.mPaging .num a:hover:before, .mPaging em:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -10px;
	background-color: #f5a100;
	width: 20px;
	height: 2px;
}

.mPaging a:hover {
	text-decoration: none
}

.mPaging .prev, .mPaging .next, .mPaging .first, .mPaging .last {
	border: 1px solid #d7d7d7;
	background: url(../../images/ico_pag_prev.png) 50% 50% no-repeat;
	margin: 0 5px;
	text-indent: -9999px;
	font-size: 0;
	padding: 0;
	width: 48px;
	height: 48px;
}

.mPaging .prev {
	margin: 0 25px 0 5px;
}

.mPaging .next {
	background-image: url(../../images/ico_pag_next.png);
	margin: 0 5px 0 25px;
}

.mPaging .first {
	background-image: url(../../images/ico_pag_first.png);
}

.mPaging .last {
	background-image: url(../../images/ico_pag_last.png);
}

.mSort1 {
	position: relative;
	margin: 0 0 30px;
	height: 67px;
}

.mSort1 .count {
	display: block;
	color: #000;
	font-size: 24px;
	padding: 22px 0 0;
}

.mSort1 .count em {
	color: #0000a0;
}

.mSort1 .gRt {
	position: absolute;
	top: 0;
	right: 0;
}

.mSort1 .dat {
	float: left;
}

.mSort1 .dat input {
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	color: #000;
	font-size: 18px;
	padding: 0 0 0 30px;
	text-align: left;
	width: 170px;
	line-height: 65px;
	height: 65px;
}

.mSort1 .dat .ui-datepicker-trigger {
	margin-left: -45px;
}

.mSort1 .dat .bar {
	display: inline-block;
	margin: 0 -5px 0 16px;
	padding: 0 10px;
}

.mSort1 .mSearch {
	float: left;
}

.mSearch {
	position: relative;
	margin: 0 0 30px;
	text-align: right;
}

.mSearch .mSelect {
	display: inline-block;
}

.mSearch .keyword {
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	color: #000;
	font-size: 18px;
	margin-left: 6px;
	padding: 0 0 0 30px;
	text-align: left;
	width: 300px;
	line-height: 65px;
	height: 65px;
}

.mSearch .find {
	display: inline-block;
	border: 1px solid #000;
	background-color: #000;
	border-radius: 2px;
	color: #fff;
	font-size: 18px;
	margin-left: 6px;
	text-align: center;
	width: 120px;
	line-height: 65px;
	height: 65px;
}

.gIt {
	padding: 0 32px 0 0;
}

.it {
	display: block;
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	color: #000;
	font-size: 18px;
	padding: 0 0 0 30px;
	text-align: left;
	width: 100%;
	line-height: 65px;
	height: 50px;
}

.gTextarea {
	padding: 0 62px 0 0;
}

.textarea {
	display: block;
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	color: #000;
	font-size: 18px;
	padding: 20px 30px 0;
	text-align: left;
	resize: none;
	width: 100%;
	height: 180px;
}

.mSelect {
	position: relative;
}

.mSelect .select {
	position: relative;
	display: block;
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	color: #000;
	font-size: 18px;
	padding: 0 40px 0 30px;
	text-align: left;
	line-height: 65px;
	height: 65px;
}

.mSelect .select:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 24px;
	margin-top: -3px;
	background: url(../../images/ico_select1.png) 0 0 no-repeat;
	width: 12px;
	height: 6px;
}

.mSelect .selList {
	display: none;
	position: absolute;
	top: 66px;
	left: 0;
	background-color: #fff;
	text-align: left;
	width: 100%;
	z-index: 10;
}

.mSelect .selList .selListBg {
	border: 1px solid #d9d9d9;
	overflow: hidden;
	overflow-y: auto;
	padding: 10px 0;
}

.mSelect .selList .ls a {
	display: block;
	font-size: 18px;
	padding: 10px 10px 10px 30px;
}

.mInquiry {
	margin: 0 auto;
	width: 1220px;
}

.mInquiry .title {
	text-align: center;
}

.mInquiry .title h3 {
	font-size: 42px;
}

.mInquiry .title .info {
	font-size: 18px;
	margin: 33px 0 0;
}

.mInquiry .list {
	border-top: 2px solid #000;
	margin: 49px 0 0;
	padding: 20px 0 0;
}

.mInquiry .list dl {
	border-bottom: 1px solid #dedede;
}

.mInquiry .list dt {
	float: left;
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 19px;
	padding: 0 0 0 30px;
	line-height: 67px;
	height: 67px;
}

.mInquiry .list dd {
	margin: 0 0 19px;
	padding: 0 0 0 220px;
	min-height: 67px;
}

.mInquiry .list dd .mSelect {
	width: 250px;
}

.mInquiry .list dd.email .col1, .mInquiry .list dd.email .col2,
	.mInquiry .list dd.email .bar {
	float: left;
}

.mInquiry .list dd.email .col1, .mInquiry .list dd.email .col2 {
	width: 320px;
}

.mInquiry .list dd.email .col3 {
	float: right;
}

.mInquiry .list dd.email .col3 .mSelect {
	width: 285px;
}

.mInquiry .list dd.email .bar {
	text-align: center;
	width: 40px;
	line-height: 67px;
}

.mBrochure {
	margin: 0 auto;
	width: 1130px;
}

.mBrochure ul {
	margin-left: -40px;
	zoom: 1;
}

.mBrochure ul:after {
	display: block;
	clear: both;
	content: ''
}

.mBrochure li {
	float: left;
	margin: 0 0 40px 40px;
	text-align: center;
	width: 350px;
}

.mBrochure li .img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	/* overflow: hidden; */
	margin: 0 0 30px;
}

.mBrochure li .txt {
	font-size: 22px;
	font-weight: 500;
}

.mBrochure li .txt .tx {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.mBrochure li .txt .mBtn1 {
	text-align: left;
	margin-top: 15px;
}

.mBrochure li .txt .mBtn1 .iPdf {
	display: block;
	padding: 0 0 0 30px;
}

.iPdf {
	background: url(../../../images/ico_pdf.png) 100% 50% no-repeat;
	margin: 0 30px 0 0;
}

.mNews.mt0 ul {
	padding-top: 0;
}

.mNews ul {
	margin-left: -40px;
	padding: 40px 0 0;
	zoom: 1;
}

.mNews ul:after {
	display: block;
	clear: both;
	content: ''
}

.mNews li {
	float: left;
	background-color: #fff;
	margin: 0 0 40px 40px;
	width: 480px;
}

.mNews li a {
	display: block;
	border: 1px solid #ededed;
}

.mNews li .img {
	position: relative;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow: hidden;
}

.mNews li .txt {
	display: block;
	padding: 22px 38px;
}

.mNews li .txt .ti {
	display: block;
	font-size: 20px;
	line-height: 170%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	height: 62px;
}

.mNews li .txt .dt {
	display: block;
	font-size: 18px;
	margin: 27px 0 0;
}

.mNews li .txt2 {
	display: block;
	padding: 22px 38px;
	height: 114px;
}

.mNews li .txt2 .ti {
	display: block;
	color: #f5a100;
	font-size: 18px;
}

.mNews li .txt2 .tx {
	display: block;
	font-size: 20px;
	margin: 15px 0 0;
}

.mNews.type2 ul {
	padding-top: 0;
}

.mNews.type2 li {
	width: 350px;
}

.mNews.type2 li .txt {
	font-size: 18px;
	line-height: 160%;
	padding: 35px 30px 0;
	height: 113px;
}

.mNews.type2 li .txt strong {
	display: block;
	font-size: 30px;
	margin: 2px 0 0;
	line-height: 120%;
}

.mVideo1 {
	zoom: 1;
}

.mVideo1:after {
	display: block;
	clear: both;
	content: ''
}

.mVideo1 .vid {
	position: relative;
	float: left;
	width: 1000px;
}

.mVideo1 .text {
	border: 1px solid #ededed;
	margin: 0 0 0 1000px;
	padding: 0 50px 0 60px;
	height: 559px;
}

.mVideo1 .text .tit {
	display: block;
	font-size: 30px;
	font-weight: 500;
	margin: 57px 0 0;
}

.mVideo1 .text .tit em {
	display: block;
	color: #f5a100;
	font-size: 18px;
	margin: 0 0 31px;
}

.mVideo1 .text .txt {
	display: block;
	font-size: 18px;
	line-height: 180%;
	margin: 52px 0 0;
}

.mVideo1 .text .txt .ti {
	display: block;
	color: #989898;
	font-size: 18px;
	margin: 0 0 25px;
}

.mVideo1 .text .btn {
	display: inline-block;
	background: url(../images/ico_arr2.png) 100% 50% no-repeat;
	font-size: 16px;
	margin: 27px 0 0;
	padding: 0 21px 0 0;
}

.iPlay {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -57px 0 0 -57px;
	background: url(../images/ico_play1.png) 0 0 no-repeat;
	width: 114px;
	height: 114px;
}

.iMust {
	color: #f4a029;
}

.mFFile {
	position: relative;
}

.mFFile .it {
	float: left;
	width: 500px;
}

.mFFile .btn {
	position: relative;
	width: 132px;
	height: 48px;
	overflow: hidden;
}

.mFFile .btn .mBtn1 {
	border-color: #ddd;
	background-color: #f2f2f2;
	margin-left: 10px;
	min-width: auto;
	width: 120px;
}

.mFFile .hiddenBtn {
	font-size: 29px;
	position: absolute;
	right: 0px;
	top: 0px;
	opacity: 0;
	filter: alpha(opacity = 0);
	-ms-filter: alpha(opacity = 0);
	cursor: pointer;
	height: 100%;
}

.mSummary {
	margin-top: -120px;
}

.mSummary .con1 {
	background: url(../../../images/backgroundPricture.png) 50% 0 no-repeat; 
	background-size: 1000px 700px;
	padding: 157px 0 0;
	text-align: center;
	background-position: 15% 100%;
	/* min-height: 870px; */
}

.mSummary .con1 .tit {
	display: block;
	font-size: 60px;
	line-height: 130%;
}

.mSummary .con1 .tit2 {
	display: block;
	font-size: 42px;
	font-weight: 500;
	margin-top: 23px;
	line-height: 130%;
}

.mSummary .con1 .txt {
	display: block;
	font-size: 22px;
	line-height: 180%;
	margin-top: 40px;
}

.mSummary .con2 {
	position: relative;
	background: url(../../images/k_summary3.png) 50% 0 repeat-y;
	color: #fff;
	font-size: 24px;
	line-height: 210%;
	padding: 70px 0;
	text-align: center;
}

.mSummary .con2:before {
	content: "";
	position: absolute;
	bottom: -28px;
	left: 50%;
	margin-left: -36px;
	background: url(../../images/ico_summary3.png) 0 0 no-repeat;
	width: 72px;
	height: 28px;
}

.mSummary .con3 {
	padding: 100px 0;
}

.mSummary .con3 ul {
	margin: 0 auto;
	width: 1520px;
	zoom: 1;
}

.mSummary .con3 ul:after {
	display: block;
	clear: both;
	content: ''
}

.mSummary .con3 li {
	float: left;
	background: url(../../../images/ico_ceo3_1.png) 50% 80px no-repeat;
	padding: 237px 0 0;
	background-color: #e5e5e5;
	margin-left: 26px;
	width: 360px;
	height: 332px;
}

.mSummary .con3 li:first-child {
	margin-left: 0;
}

.mSummary .con3 li .ti {
	display: block;
	font-size: 28px;
	margin: 0 0 25px;
	line-height: 130%;
	text-align: center;
}

.mSummary .con3 li .ls {
	position: relative;
	font-size: 18px;
	line-height: 180%;
	margin: 0 44px;
	padding: 0 0 13px 15px;
}

.mSummary .con3 li .ls:before {
	content: "";
	position: absolute;
	top: 14px;
	left: 1px;
	background-color: #000;
	border-radius: 50%;
	width: 4px;
	height: 4px;
}

.mSummary .con3 li.i2 {
	background-image: url(../../../images/grapeIcon.png);
}

.mSummary .con3 li.i3 {
	background-image: url(../../../images/ico_ceo3_3.png);
}

.mSummary .con3 li.i4 {
	background-image: url(../../../images/ico_ceo3_4.png);
}

.mSummary .con3 li.i1, .mSummary .con3 li.i3 {
	margin-top: 130px;
}

.mSummary .con4 {
	padding: 126px 0;
	text-align: center;
}

.mSummary .con4 .ti {
	font-size: 42px;
	line-height: 130%;
}

.mSummary .con4 .co1 {
	font-size: 18px;
	margin: 49px 0 0;
}

.mSummary .con4 .co1 .ls {
	position: relative;
	display: inline-block;
	margin: 0 12px;
	padding: 0 0 0 23px;
}

.mSummary .con4 .co1 .ls .i {
	position: absolute;
	top: 3px;
	left: 0;
	background-color: #ffd062;
	text-indent: -9999px;
	font-size: 0;
	border-radius: 50%;
	width: 16px;
	height: 16px;
}

.mSummary .con4 .co1 .ls .i.blue {
	background-color: #a1c8e8;
}

.mSummary .con4 .co1 .ls .i.orange {
	background-color: #f39768;
}

.mSummary .con4 .co1 .ls .i.green {
	background-color: #6dbd8e;
}

.mSummary .con4 .map {
	margin: -100px 0 0;
}

.mHistory .img {
	position: relative;
	text-align: center;
}

.mHistory .img .tx {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -50px;
	color: #fff;
	line-height: 130%;
	width: 100%;
}

.mHistory .img .tx .t {
	display: block;
	font-size: 40px;
}

.mHistory .img .tx .c {
	display: block;
	font-size: 24px;
	margin: 60px 0 0;
}

.mHistory dl {
	padding: 20px 0 0;
}

.mHistory dt {
	float: left;
	font-size: 56px;
	font-weight: 500;
	line-height: 150%;
	padding: 60px 0 0 55px;
}

.mHistory dd {
	border-top: 1px solid #ededed;
	padding: 73px 0 58px 303px;
	min-height: 70px;
}

.mHistory dd:nth-child(2) {
	border-top: 0;
}

.mHistory dd li {
	position: relative;
	font-size: 20px;
	line-height: 150%;
	padding: 0 0 13px 15px;
}

.mHistory dd li:before {
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	background-color: #000;
	border-radius: 50%;
	width: 3px;
	height: 3px;
}

.mBi {
	text-align: center;
}

.mBi .con1 {
	padding: 0 0 130px;
}

.mBi .con1 .txt1 {
	font-size: 30px;
	margin: 85px 0 0;
	line-height: 160%;
}

.mBi .con1 .txt1 em {
	color: #633705;
}

.mBi .con1 .txt2 {
	font-size: 18px;
	margin: 30px 0 0;
	line-height: 170%;
}

.mBi .con2 {
	background-color: #f4f4f5;
	padding: 145px 0 100px;
}

.mBi .con2 .img {
	margin: 0 auto;
	width: 1220px;
	zoom: 1;
}

.mBi .con2 .img:after {
	display: block;
	clear: both;
	content: ''
}

.mBi .con2 .img .gLeft, .mBi .con2 .img .gRight {
	width: 50%;
}

.mBi .con2 .txt1 {
	font-size: 18px;
	margin: 90px 0 0;
	line-height: 190%;
}

.mBi .con2 .button {
	margin: 55px 0 0;
}

.mBi .con2 .button a {
	margin: 0 4px;
}

.mBi .con3 {
	padding: 145px 0 100px;
}

.mBi .con3 .tit {
	font-size: 48px;
}

.mBi .con3 .txt1 {
	font-size: 18px;
	margin: 50px 0 0;
	line-height: 190%;
}

.mBi .con3 .img {
	margin: 83px auto 0;
	width: 1220px;
	zoom: 1;
}

.mBi .con3 .img:after {
	display: block;
	clear: both;
	content: ''
}

.mBi .con3 .img .gLeft, .mBi .con3 .img .gRight {
	text-align: left;
	width: 50%;
}

.mBi .con3 .img .ci {
	position: relative;
	display: block;
	float: left;
	background-color: #1a1a7a;
	border-radius: 50%;
	margin: 0 0 0 82px;
	width: 220px;
	height: 220px;
}

.mBi .con3 .img .gRight .ci {
	background-color: #f5a100;
}

.mBi .con3 .img dl {
	padding: 10px 0 0 359px;
}

.mBi .con3 .img dt {
	color: #888;
	font-size: 18px;
}

.mBi .con3 .img dd {
	color: #000;
	font-size: 16px;
	padding: 0 0 30px;
}

.mPMag .con1 {
	padding: 0 0 110px;
	text-align: center;
}

.mPMag .con1 .tit {
	display: block;
	font-size: 48px;
	line-height: 160%;
}

.mPMag .con1 .txt1 {
	font-size: 30px;
	line-height: 160%;
	margin: 20px 0 0;
}

.mPMag .con1 .txt2 {
	font-size: 18px;
	line-height: 190%;
	margin: 35px 0 0;
}

.mPMag .con2 {
	background-color: #f4f4f5
}

.mPMag .con2 ul {
	padding: 40px 0 120px;
	margin: 0 auto;
	width: 1520px;
	zoom: 1;
}

.mPMag .con2 ul:after {
	display: block;
	clear: both;
	content: ''
}

.mPMag .con2 li {
	float: left;
	text-align: center;
	margin: 77px 0 0;
	width: 33.333%;
}

.mPMag .con2 li .img {
	display: block;
}

.mPMag .con2 li .txt {
	display: block;
	padding: 37px 0 0;
}

.mPMag .con2 li .txt .ti {
	display: block;
	font-size: 24px;
}

.mPMag .con2 li .txt .tx {
	display: block;
	font-size: 18px;
	margin: 20px 0 0;
	line-height: 190%;
}

.mPMag .con2 li .mBtn1 {
	margin-top: 22px;
}

.mPMag .con3 {
	position: relative;
	padding: 80px 0 0;
}

.mPMag .con3:before {
	display: none;
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin: -42px 0 0 -2px;
	background-color: #000;
	width: 3px;
	height: 213px;
}

.mPMag .con3 ul {
	margin: 0 auto;
	width: 1520px;
}

.mPMag .con3 li {
	position: relative;
	padding: 180px 0 0;
	min-height: 490px;
}

.mPMag .con3 li .img {
	position: absolute;
	top: 180px;
	left: 0;
}

.mPMag .con3 li .txt {
	display: table;
	height: 490px;
	padding: 0 0 0 700px;
}

.mPMag .con3 li .txt .txtBg {
	vertical-align: middle;
	height: 800px;
	width: 500px;
}

.mPMag .con3 li .txt .ti {
	display: block;
	font-size: 46px;
	line-height: 160%;
}

.mPMag .con3 li .txt .ti2 {
	display: block;
	font-size: 24px;
	line-height: 160%;
	margin: 30px 0 0;
}

.mPMag .con3 li .txt .tx1 {
	display: block;
	font-size: 16px;
	line-height: 170%;
	margin: 15px 0 0;
}

.mPMag .con3 li.rt .img {
	left: auto;
	right: 0;
}

.mPMag .con3 li.rt .txt {
	padding: 0 920px 0 0;
}

.mPMag .con3 li.rt .txt .ti {
	display: block;
	font-size: 46px;
	line-height: 160%;
}

.mPMag .con3 li.rt .txt .ti2 {
	display: block;
	font-size: 24px;
	line-height: 160%;
	margin: 30px 0 0;
}

.mPMag .con3 li.rt .txt .tx1 {
	display: block;
	font-size: 16px;
	line-height: 170%;
	margin: 15px 0 0;
}

.mWay .con1 {
	padding: 10px 0 0;
}

.mWay .con1 h4 {
	font-size: 42px;
}

.mWay .con1 .addr {
	position: relative;
	font-size: 20px;
	margin: 78px 0 0;
	line-height: 170%;
}

.mWay .con1 .addr .button {
	position: absolute;
	top: 9px;
	right: 0;
}

.mWay .con1 .addr .button a {
	position: relative;
	display: block;
	float: left;
	border: 1px solid #d3d3d3;
	border-radius: 3px;
	color: #000;
	font-size: 18px;
	margin: 0 0 0 10px;
	padding: 0 70px 0 30px;
	width: 158px;
	line-height: 58px;
	height: 58px;
}

.mWay .con1 .addr .button a:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -6px;
	background: url(../images/ico_arr3.png) 0 0 no-repeat;
	width: 6px;
	height: 12px;
}

.mWay .con1 .addr .button a span {
	vertical-align: middle;
}

.mWay .con1 .addr .button a .i {
	display: inline-block;
	background: url(../../../images/ico_naver.png) 0 50% no-repeat;
	text-indent: -9999px;
	font-size: 0;
	width: 73px;
}

.mWay .con1 .addr .button a .i.daum {
	background-image: url(../../../images/ico_daum.png);
	width: 55px;
}

.mWay .con1 .addr .button a .i.google {
	background-image: url(../../../images/ico_google.png);
	width: 68px;
}

.mWay .con1 .map {
	margin-top: 47px;
}

.mWay .con2 {
	padding: 52px 0 0;
}

.mWay .con2 dt {
	border-top: 1px solid #d3d3d3;
	font-size: 30px;
	font-weight: 500;
	padding: 62px 50px 0;
}

.mWay .con2 dt:nth-child(1) {
	border-top: 0;
}

.mWay .con2 dd {
	font-size: 18px;
	padding: 30px 50px 50px;
}

.mWay .con2 dd.subway .tx1 {
	font-size: 20px;
	margin: 12px 0 14px;
	padding-bottom: 5px;
}

.mWay .con2 dd .tx1 {
	position: relative;
	margin: 12px 0 0;
	line-height: 150%;
	padding: 0 0 10px 108px;
}

.mWay .con2 dd .tx1 .t {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 20px;
	font-weight: 500;
	width: 88px;
	line-height: 32px;
	height: 32px;
}

.mWay .con2 dd .tx1 .c {
	display: block;
	padding: 2px 0;
}

.mWay .con2 dd .tx1 .c .l {
	position: relative;
	padding: 0 0 10px 25px;
}

.mWay .con2 dd .tx1 .c .l:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 13px;
	background: #000;
	border-radius: 3px;
	width: 3px;
	height: 3px;
}

.mWay .con2 dd .tx1 .t.red, .mWay .con2 dd .tx1 .t.blue, .mWay .con2 dd .tx1 .t.green,
	.mWay .con2 dd .tx1 .t.brown {
	background-color: #e33b39;
	color: #fff;
	text-align: center;
	border-radius: 32px;
}

.mWay .con2 dd .tx1 .t.blue {
	background-color: #366fc6;
}

.mWay .con2 dd .tx1 .t.green {
	background-color: #63af1d;
}

.mWay .con2 dd .tx1 .t.brown {
	background-color: #9e793f;
}

.mWay .con2 dd .map {
	margin: 22px 0 0 -108px;
}

.mMember {
	text-align: center;
}

.mMember h4 {
	font-size: 40px;
	line-height: 150%;
	font-weight: 400;
}

.mMember .info {
	font-size: 18px;
	line-height: 150%;
	font-weight: 400;
	margin: 26px 0 0;
}

.mMember .map {
	position: relative;
	margin: 20px auto 0;
	text-align: center;
	width: 442px;
	height: 733px;
}

.mMember .map .back {
	margin: 0 auto;
}

.mMember .map .ma {
	position: absolute;
	top: 0;
	left: 0;
}

.mMember .map .ma img {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.mMember .map .linkArea {
	display: none;
}

.mMember .mBoard1 {
	margin: 33px 0 0;
}

.mMember .mBoard1 th .thTitle {
	position: relative;
	margin: 0;
}

.mMember .mBoard1 th .ti1 {
	display: block;
	padding-right: 320px;
}

.mMember .mBoard1 th .ti2 {
	position: absolute;
	top: 50%;
	right: 130px;
	margin-top: -12px;
	width: 160px;
}

.mMember .mBoard1 td .addr {
	position: relative;
	margin: 0 40px;
	padding: 0 350px 0 0;
	word-break: break-all;
	word-break: break-word;
}

.mMember .mBoard1 td .mBtn1 {
	position: absolute;
	top: 50%;
	right: 87px;
	margin-top: -28px;
	padding: 0;
	min-width: 158px;
	line-height: 54px;
	height: 54px;
}

.mMember .mBoard1 td.num, .mMember .mBoard1 td.div {
	width: 175px;
}

.mMember .mBoard1 td.dat {
	width: 180px;
}

.mMember .mBoard1 td.nam {
	text-align: center;
	width: 400px;
}

.mMember .mBoard1 td .addr {
	padding-right: 250px;
}

.mMember .mBoard1 td .ti {
	display: none;
}

.mBoard1 {
	border-top: 2px solid #000;
}

.mBoard1 th, .mBoard1 td {
	border-bottom: 1px solid #d3d3d3;
	font-size: 18px;
	width: 100px;
}

.mBoard1 th {
	height: 80px;
}

.mBoard1 td {
	height: 80px;
}

.modalBg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
	z-index: 100;
}

.mLayer1.type2 {
	position: absolute;
	top: 200px;
	margin-top: 0;
}

.mLayer1 {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -310px 0 0 -390px;
	width: 780px;
	height: 620px;
	z-index: 110;
	background: url(../../../images/k_layer1.png) 50% 100% no-repeat;
	background-size: cover;
}

.mLayer1 .layerBg {
	margin: 0 75px;
	padding: 82px 0;
	text-align: center;
}

.mLayer1 h3 {
	border-bottom: 1px solid #ccc;
	font-size: 40px;
	font-weight: 500;
	text-align: center;
	margin: 0 0 40px;
	padding: 0 0 47px;
}

.mLayer1 .txt1 {
	font-size: 20px;
	line-height: 180%;
}

.mLayer1 .txt1 .tx2 {
	display: block;
	font-size: 24px;
	margin: 5px 0 0;
	line-height: 170%;
}

.mLayer1 .txt1 .tx2 .ul {
	text-decoration: underline;
}

.mLayer1 .button {
	margin: 50px 0 0;
}

.mLayer1 .button a {
	display: inline-block;
	background-color: #eb9d17;
	color: #fff;
	font-size: 26px;
	text-align: center;
	width: 290px;
	line-height: 70px;
	height: 70px;
}

.mLayer1 .close {
	position: absolute;
	top: -82px;
	right: 0;
	background: url(../../../images/ico_close2.png) 50% 50% no-repeat;
	text-indent: -9999px;
	font-size: 0;
	width: 64px;
	height: 64px;
}

.mLayer1.movie {
	position: fixed;
	background: none;
	margin: -265px 0 0 -472px;
	width: 944px;
	height: 531px;
}

.mLayer1.movie .layerBg {
	padding: 0;
	margin: 0;
}

.mLayer1.movie .prev, .mLayer1.movie .next {
	position: absolute;
	top: 50%;
	left: -144px;
	margin-top: -84px;
	background: url(../../../images/ico_prev6.png) 0 0 no-repeat;
	text-indent: -9999px;
	font-size: 0;
	width: 84px;
	height: 168px;
}

.mLayer1.movie .next {
	left: auto;
	right: -144px;
	background-image: url(../../../images/ico_next6.png);
}

.mAd {
	position: relative;
	overflow: hidden;
	height: 1002px;
}

.mAd h4 {
	display: block;
	font-size: 44px;
	line-height: 140%;
	text-align: center;
}

.mAd .adBg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height:;
}

.mAd .owl-carousel .owl-stage {
	padding: 194px 0 0;
}

.mAd .owl-item {
	position: relative;
	text-align: center;
}

.mAd .owl-item .img .ho {
	display: none;
}

.mAd .owl-item img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -118px;
	display: inline-block;
	width: 236px;
}

.mAd .owl-item {
	line-height: 752px;
	height: 752px;
}

.mAd .owl-item .tit {
	display: none;
	margin-top: -5px;
}

.mAd .owl-item .tit .ti {
	display: block;
	font-size: 44px;
	line-height: 140%;
}

.mAd .owl-item .tit .tx {
	display: block;
	font-size: 34px;
	font-weight: 500;
	margin: 20px 0 0;
	line-height: 140%;
}

.mAd .owl-item .tit .dt {
	display: block;
	color: #989898;
	font-size: 20px;
	margin: 10px 0 0;
	line-height: 140%;
}

.mAd .owl-item .txt {
	margin-top: 580px;
	font-size: 20px;
	line-height: 150%;
}

.mAd .owl-item.left .txt {
	margin-left: -217px;
}

.mAd .owl-item.left .item img {
	margin-left: -188px;
	margin-left: -58%;
}

.mAd .owl-item.center .item img {
	margin: -376px 0 0 -230px;
	width: 464px;
}

.mAd .owl-item.center .img .im {
	display: none;
}

.mAd .owl-item.center .img .ho {
	display: block;
}

.mAd .owl-item.center .tit {
	position: absolute;
	top: -194px;
	left: 0;
	width: 100%;
	display: block;
	line-height: 150%;
}

.mAd .owl-item.right .item img {
	margin-left: -8px; /*margin-left:0;margin-right:-58%;*/
}

.mAd .owl-item.right .txt {
	margin-right: -58%;
}

.mAd .owl-carousel .owl-nav  .owl-prev, .mAd .owl-carousel .owl-nav  .owl-next
	{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 54px 0 0 -323px;
	background: url(../../../images/ico_prev4.png) 50% 50% no-repeat;
	text-indent: -9999px;
	font-size: 0;
	width: 44px;
	height: 78px;
}

.mAd .owl-carousel .owl-nav  .owl-next {
	margin: 54px 0 0 283px;
	background-image: url(../../../images/ico_next4.png);
}

.mGoods {
	margin: 10px 0 0;
}

.mGoods .bg {
	width: 1220px !important;
}

.mGoods h5 {
	font-size: 40px;
	font-weight: 500;
	line-height: 150%;
	text-align: center;
}

.mGoods .con1 {
	position: relative;
	background-color: #f3f3f3;
	text-align: center;
}

.mGoods .con1 .bg {
	background-color: #fff;
	margin: 0 auto;
	width: 1520px !important;
	line-height: 100px;
	height: 100px;
}

.mGoods .con1 h4 {
	position: relative;
	font-size: 30px;
	text-align: center;
}

.mGoods .con1 .prev, .mGoods .con1 .next {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../../../images/ico_prev5.png) 50% 50% no-repeat;
	text-indent: -9999px;
	font-size: 0;
	width: 150px;
	height: 100px;
}

.mGoods .con1 .next {
	left: auto;
	right: 0;
	background-image: url(../../../images/ico_next5.png);
}

.mGoods .image {
	background: url(../../../images/img_goods.jpg) 50% 50% no-repeat;
	background-size: cover;
	height: 593px;
}

.mGoods .image.type2 {
	background-image: url(../../../images/img_goods2.jpg);
}

.mGoods .image.type3 {
	background-image: url(../../../images/img_goods3.jpg);
}

.mGoods .image.type4 {
	background-image: url(../../../images/img_goods4.jpg);
}

.mGoods .con3 {
	margin: 125px 0 0 -20px;
	min-height: 627px;
}

.mGoods .con3 .img {
	float: left;
}

.mGoods .con3 .img.type4 {
	margin-left: -65px;
}

.mGoods .con3 .text {
	margin-top: -5px;
	padding: 0 0 0 530px;
}

.mGoods .con3 .text .tit {
	display: block;
	font-size: 70px;
	line-height: 120%;
}

.mGoods .con3 .text ul {
	margin: 108px 0 0;
}

.mGoods .con3 .text ul.lst2 {
	margin-top: 0;
}

.mGoods .con3 .text li {
	float: left;
}

.mGoods .con3 .text li .ti {
	position: relative;
	display: block;
	font-size: 23px;
	padding: 0 0 0 30px;
}

.mGoods .con3 .text li .ti:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -36px;
	background-color: #e7e3dd;
	border-radius: 50%;
	overflow: hidden;
	width: 60px;
	height: 60px;
}

.mGoods .con3 .text li .ti span {
	position: relative;
	display: inline-block;
}

.mGoods .con3 .text li .tx {
	display: block;
	font-size: 18px;
	letter-spacing:;
	padding: 28px 0 0;
}

.mGoods .con3 .text li .ti2 {
	display: block;
	font-size: 42px;
	padding: 77px 0 0;
}

.mGoods .con3 .text li .tx2 {
	display: block;
	font-size: 20px;
	line-height: 220%;
	padding: 40px 0 0;
}

.mGoods .con3 .text li.ls1 {
	width: 260px;
}

.mGoods .con3 .text li.ls2 {
	width: 247px;
}

.mGoods .con3 .text li.ls2 .ti2, .mGoods .con3 .text li.ls2 .tx2 {
	color: #777;
}

.mGoods .con3 .text li.ls2 .ti:before {
	background-color: #f1ba5c;
}

.mGoods .con3 .text li.ls3 .ti:before {
	background-color: #aa9a8a;
}

.mGoods .con3 .text li .ti.type2:before {
	background-color: #f1ba5c;
}

.mGoods .con3 .text li.ls2 .ti.type2:before {
	background-color: #aa9a8a;
}

.mGoods .con4 {
	margin: 85px 0 0 10px;
}

.mGoods .con4 h5 {
	font-size: 30px;
	text-align: left;
	font-family: 'Nanum Square ExtraBold';
}

.mGoods .con4 ul {
	border-top: 2px solid #000;
	margin: 32px 0 0;
}

.mGoods .con4 li {
	background: url(../images/ico_goods1_1.png) 45px 50% no-repeat;
	border-bottom: 1px solid #e6e6e6;
	padding: 40px 0 35px 180px;
}

.mGoods .con4 li .ti {
	display: block;
	font-size: 22px;
}

.mGoods .con4 li .tx {
	font-size: 18px;
	line-height: 180%;
	padding: 23px 0 0;
}

.mGoods .con4 li.ls2 {
	background-image: url(../images/ico_goods1_2.png);
}

.mGoods .con4 li.ls3 {
	background-image: url(../images/ico_goods1_3.png);
}

.mGoods .con4 li.ls4 {
	background-image: url(../images/ico_goods1_4.png);
}

.mGoods .con4 li.ls5 {
	background-image: url(../images/ico_goods1_5.png);
}

.mGoods .con4 li.ls6 {
	background-image: url(../images/ico_goods1_6.png);
}

.mGoods .con4 li.ls7 {
	background-image: url(../images/ico_goods1_7.png);
}

.mGoods .con4 li.ls8 {
	background-image: url(../images/ico_goods1_8.png);
}

.mGoods .con4 li.ls9 {
	background-image: url(../images/ico_goods1_9.png);
}

.mGoods .con4 li.ls10 {
	background-image: url(../images/ico_goods1_10.png);
}

.mGoods .con4 li.ls11 {
	background-image: url(../images/ico_goods1_11.png);
}

.mGoods .con4 li.ls12 {
	background-image: url(../images/ico_goods1_12.png);
}

.mGoods .con4 li.ls13 {
	background-image: url(../images/ico_goods1_13.png);
}

.mGoods .con5 {
	background: url(../images/k_goods3.png) 50% -10px no-repeat;
	margin: 125px 0 0;
	height: 667px;
}

.mGoods .con5 ul {
	margin: 70px 0 0;
}

.mGoods .con5 li {
	position: relative;
	float: left;
	text-align: center;
	min-width: 312px;
	width: 33.333%;
	line-height: 320px;
	height: 320px;
}

.mGoods .con5 li:hover {
	background: url(../images/k_goods5_2.png) 50% 50% no-repeat;
}

.mGoods .con5.type2 .bg, .mGoods .con6.type2 .bg {
	width: 1560px !important;
}

.mGoods .con5.type2 li {
	width: 20%;
}

.mGoods .con6.type2 {
	background-position: 80%;
}

.mGoods .con6 {
	position: relative;
	margin: 150px 0 0;
	padding: 0 0 150px;
	text-align: center;
}

.mGoods .con6:before {
	content: "";
	position: absolute;
	top: 94px;
	left: 0;
	background-color: #f4f4f5;
	width: 100%;
	height: 56%;
}

.mGoods .con6 .lst1 {
	margin: 70px 0 0;
	zoom: 1;
}

.mGoods .con6 .lst1:after {
	display: block;
	clear: both;
	content: ''
}

.mGoods .con6 .lst1 li {
	position: relative;
	float: left;
	text-align: center;
	min-width: 305px;
	width: 25%;
	line-height: 320px;
	height: 320px;
}

.mGoods .con6 .lst1 li:hover {
	background: url(../images/k_goods5_2.png) 50% 50% no-repeat;
}

.mGoods .con6 .lst1.col5 li {
	width: 20%;
}

.mGoods .con6 .lst1.col3 li {
	width: 33.3333%;
}

.mGoods .con6 .lst2 {
	margin: 83px 0 0;
	zoom: 1;
}

.mGoods .con6 .lst2:after {
	display: block;
	clear: both;
	content: ''
}

.mGoods .con6 .lst2 li {
	display: inline-block;
	text-align: center;
}

.mGoods .con6 .lst2 li .tx {
	display: block;
	color: #776d64;
	font-size: 16px;
	margin: 20px 0 0;
}

.mGoods .con7 {
	margin: 91px 0 0;
	text-align: center;
}

.mGoods .con7 ul {
	margin: 73px 0 0;
}

.mGoods .con7 li {
	display: inline-block;
	margin: 0 45px;
}

.mGoods .con7 li .im {
	display: block;
	width: 240px;
	line-height: 242px;
	height: 242px;
}

.mGoods .con7 li .tx {
	display: block;
	font-size: 22px;
	margin: 25px 0 0;
}

.mGoods .con7 li a:hover .im {
	background: url(../images/k_goods7.png) 50% 0 no-repeat;
	line-height: 242px;
	height: 242px;
}

.mGoods .con7 li a:hover .im img {
	height: 186px;
}

.mKeymain {
	z-index: 1;
}

.mKeymain .owl-item .item {
	position: relative;
	overflow: hidden;
	text-align: center;
	height: 700px;
}

.mKeymain .owl-item .item .img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 100%;
	height: 100%;
}

.mKeymain .owl-item .item .txt {
	position: absolute;
	top: 0;
	left: 0;
	display: table;
	width: 100%;
	height: 100%;
}

.mKeymain .owl-item .item .txt:before {
	content: "";
	position: absolute;
	bottom: -100px;
	left: 50%;
	margin-left: -187px;
	width: 373px;
	height: 340px;
}

.mKeymain .owl-item .item .txt .txtBg {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	background-color: rgba(0, 0, 0, 0.31);
	height: 700px;
}

.mKeymain .owl-item a {
	display: block;
}

.mKeymain .owl-item .item .ti {
	color: #fff;
	font-size: 65px;
	font-weight: normal;
	line-height: 130%;
}

.mKeymain .owl-item .item .tx {
	color: #fff;
	font-size: 24px;
	margin: 50px 0 0;
	line-height: 150%;
}

.mKeymain .owl-item .item .box {
	margin-top: 40px;
}

.mKeymain .owl-item .item .box .im {
	text-align: center;
}

.mKeymain .owl-item .item .box .im img {
	display: inline !important;
	width: auto !important;
}

.mKeymain .owl-item .item.ls1 .txt {
	height: 799px;
}

.mKeymain .owl-item .item.ls1 .txt:before {
	display: none;
}

.mKeymain .owl-item .item.ls1 .tx {
	margin-top: 60px;
}

.mKeymain .owl-dots {
	position: absolute;
	bottom: 33px;
	left: 0;
	width: 100%;
	text-align: center;
}

.mKeymain .owl-dots .owl-dot {
	display: inline-block;
	margin: 0 6px;
}

.mKeymain .owl-dots .owl-dot a {
	display: block;
	background-color: rgba(0, 0, 0, 0.6);
	width: 60px;
	height: 4px;
}

.mKeymain .owl-dots .owl-dot.active a {
	background-color: #fff;
}

/* modify20181214 */
.mMain1 {
	background: url(../images/k_main2.png) 50% 100% no-repeat;
	text-align: center;
	padding: 155px 0 90px;
}

.mMain1 h3 {
	font-size: 50px;
	line-height: 130%;
	font-weight: 400;
	margin: 0 0 108px;
}

.mMain1 h3 .ts {
	display: block;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: -3px;
}

.mMain1 ul {
	position: relative;
	margin: 0 auto;
	width: 1184px;
	height: 724px;
}

.mMain1 li {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
}

.mMain1 li a {
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow: hidden;
	color: #fff;
	font-size: 20px;
	width: 632px;
	height: 640px;
}

.mMain1 li .ts {
	position: relative;
	display: block;
	padding: 60px 0 0;
}

.mMain1 li .ti {
	position: relative;
	display: block;
	font-size: 30px;
	padding: 23px 0 0;
}

.mMain1 li .ti:before {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -63px;
	background-color: #fff;
	width: 126px;
	height: 4px;
}

.mMain1 li.ls1 {
	z-index: 1;
}

.mMain1 li.ls2 {
	left: auto;
	right: 0;
	top: 85px;
}
/* //modify20181214 */
.mMain2 {
	background: url(../images/k_main3.png) 50% 0 no-repeat;
	padding: 100px 0 0;
}

.mMain2 h3 {
	font-size: 24px;
	margin: 0 0 35px;
}

.mMain2 .bg {
	margin: 0 auto;
	width: 1290px !important;
	zoom: 1;
}

.mMain2 .bg:after {
	display: block;
	clear: both;
	content: ''
}

.mMain2 .gallery {
	float: left;
	width: 687px;
}

.mMain2 .gallery li {
	position: relative;
	float: left;
	margin-right: 30px;
}

.mMain2 .gallery li a {
	display: block;
}

.mMain2 .gallery li a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
}

.mMain2 .gallery li.noimg a:before {
	display: none;
}

.mMain2 .gallery li .img {
	display: block;
}

.mMain2 .gallery li .txt {
	position: absolute;
	bottom: 41px;
	left: 0;
	color: #fff;
	font-size: 24px;
	line-height: 160%;
	width: 100%;
}

.mMain2 .gallery li .txt span {
	display: block;
	padding: 0 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	max-height: 70px;
}

.mMain2 .notice {
	position: relative;
	float: right;
	width: 593px;
}

.mMain2 .notice ul {
	padding: 15px 0 0;
	d
}

.mMain2 .notice li {
	position: relative;
	margin: 0 0 20px;
	padding-right: 70px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.mMain2 .notice li .date {
	position: absolute;
	top: -4px;
	right: 0;
	font-size: 14px;
}

.mMain2 .notice li a {
	font-size: 18px;
}

.mMain2 .notice .more {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
}

.mMain3 {
	padding: 190px 0 0;
}

.mMain3 .bg {
	margin: 0 auto;
	width: 1368px !important;
}

.mMain3 ul {
	position: relative;
	height: 1790px;
}

.mMain3 li {
	position: absolute;
	top: 0;
	left: 0;
}

.mMain3 li .img {
	display: block;
}

.mMain3 li .img.forMobile {
	display: none;
}

.mMain3 li .txt {
	display: block;
	font-size: 36px;
	line-height: 130%;
	width: 440px;
}

.mMain3 li .txt .ti {
	display: block;
	font-weight: bold;
	font-weight: 500;
	font-style: italic;
}

.mMain3 li .txt .ts {
	display: block;
	font-size: 24px;
	font-weight: 500;
	margin-top: 7px;
}

.mMain3 li.ls1 .txt {
	position: absolute;
	top: 170px;
	left: 440px;
}

.mMain3 li.ls2 {
	top: 244px;
	left: auto;
	right: 0;
}

.mMain3 li.ls2 .txt {
	position: absolute;
	top: 305px;
	right: 500px;
	text-align: right;
}

.mMain3 li.ls3 {
	top: 668px;
}

.mMain3 li.ls3 .txt {
	position: absolute;
	bottom: -50px;
	left: 280px;
}

.mMain3 li.ls4 {
	top: 896px;
	left: auto;
	right: 0;
}

.mMain3 li.ls4 .txt {
	position: absolute;
	top: 465px;
	right: 270px;
}

.mMain4 {
	background: url(../images/k_main4.png) 50% 0 no-repeat;
	margin: 0 0 135px;
	text-align: center;
	height: 943px;
}

.mMain4 h3 {
	font-size: 40px;
	line-height: 140%;
}

.mMain4 h3 .ts {
	display: block;
	font-size: 24px;
	font-weight: normal;
}

.mMain4 .mVideo1 {
	margin: 63px auto 0;
	text-align: Center;
}

.mMain4 .mVideo1 .vid {
	float: none;
}

.mMain4 .txt {
	position: relative;
	font-size: 30px;
	margin: 75px auto 0;
	text-align: left;
	width: 1000px;
	min-height: 64px;
}

.mMain4 .txt .sns {
	position: absolute;
	top: -20px;
	right: 0;
	background: url(../images/line_main4.png) 0 50% no-repeat;
	padding: 0 0 0 145px;
}

.mMain4 .txt .sns a {
	display: block;
	float: left;
	background: url(../images/ico_facebook3.png) 0 0 no-repeat;
	margin-left: 24px;
	text-indent: -9999px;
	font-size: 0;;
	width: 64px;
	height: 64px;
}

.mMain4 .txt .sns a.iInstagram {
	background-image: url(../images/ico_instagram3.png);
}

.mMain4 .txt .sns a.iYoutube {
	background-image: url(../images/ico_youtube3.png);
}

.mPrivacy {
	font-size: 18px;
	line-height: 180%;
	margin: 0 auto;
	width: 1220px;
}

.mPrivacy h3 {
	border-bottom: 2px solid #000;
	color: #000;
	font-size: 42px;
	font-weight: 500;
	margin: 0 0 60px;
	padding: 37px 0 102px;
	text-align: center;
}

.mPrivacy .info {
	font-size: 22px;
	line-height: 190%;
	margin: -60px 0 0;
	padding: 52px 0 60px;
	text-align: center;
}

.mPrivacy .tit {
	font-size: 22px;
	line-height: 190%;
	padding: 50px 0;
	text-align: center;
}

.mPrivacy li {
	position: relative;
	padding: 0 0 0 22px;
}

.mPrivacy li:before {
	content: "-";
	position: absolute;
	top: 0;
	left: 8px;
}

.video_wrapper {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	height: 561px;
	overflow: hidden;
}

.videoIframe {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
}

.videoPoster {
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0;
	width: 100%;
	height: 100%;
	background: url(../images/img_movie1_thumb.jpg) 50% 50% no-repeat;
	border: none text-indent:-999em;
	overflow: hidden;
	opacity: 1;
	-webkit-transition: opacity 800ms, height 0s;
	-moz-transition: opacity 800ms, height 0s;
	transition: opacity 800ms, height 0s;
	-webkit-transition-delay: 0s, 0s;
	-moz-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s;
}

.videoPoster:hover {
	cursor: pointer;
}

.videoPoster:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -57px 0 0 -57px;
	background: url(../images/ico_play1.png) 0 0 no-repeat;
	width: 114px;
	height: 114px;
	-webkit-transition: border-color 300ms;
	-moz-transition: border-color 300ms;
	transition: border-color 300ms;
}

.videoWrapperActive .videoPoster {
	opacity: 0;
	height: 0;
	-webkit-transition-delay: 0s, 800ms;
	-moz-transition-delay: 0s, 800ms;
	transition-delay: 0s, 800ms;
}

.mGrowth .vid {
	float: none;
	width: auto;
}

.mGrowth .videoPoster {
	background-image: url(../images/img_growth_thumb.jpg);
}

.mGrowth .video_wrapper {
	height: 855px;
}

.index #wrap {
	background-color: transparent;
	padding-top: 0;
}

.index #header {
	border-bottom: 1px solid rgba(0, 0, 0, 0.14);
	width: 100%;
	background-color: transparent;
}
.index #header.hover, .index #wrap.fixed #header {
	background-color: #ffffff;
}

.index #wrap.fixed .gnbSub {
	background-color: #ffffff;
}

#wrap.fixed .iTop {
	filter: alpha(opacity = 100);
	opacity: 1;
	-moz-opacity: 1;
}

/* add20181127 */
.lGuide {
	display: none;
	margin: -230px 0 0 -250px;
	text-align: center;
	width: 600px;
	height: auto;
}

.lGuide h3 {
	border-bottom: 0;
	padding-bottom: 0;
}

.lGuide .layerBg {
	display: table;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 500px;
}

.lGuide .text1 {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

.lGuide .txt1 .tx1 {
	margin-top: 80px;
}

.lGuide .txt1 .tx2 {
	display: block;
	margin-top: 40px;
}

.lGuide .check {
	position: absolute;
	bottom: -40px;
	left: 0;
	width: 100%;
	color: #fff;
	font-size: 18px;
	text-align: right;
}

.lGuide .check input[type="checkbox"] {
	position: absolute;
	border: 0;
	margin: -1px;
	padding: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0px, 0px, 0px, 0px);
}

.lGuide .check input[type="checkbox"]+label {
	position: relative;
	display: inline-block;
	padding: 0 37px 0 0;
}

.lGuide .check input[type="checkbox"]+label:before {
	content: "";
	position: absolute;
	top: -2px;
	right: 0;
	background: url(../../images/ico_checkbox1.png) 0 0 no-repeat;
	width: 26px;
	height: 26px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.lGuide .check input[type="checkbox"]:checked+label::before {
	background-image: url(../../images/ico_checkbox1_on.png);
}
/* //add20181127 */

/* add20190213 */
.mSelect .selList .selListBg {
	max-height: 439px;
	overflow: hidden;
	overflow-y: auto;
}
/* add20190213 */

/* screen resolutions lower than 1024px */
@media all and (max-width:1024px) {
}

/* screen resolutions lower than 768px */
@media all and (max-width:1000px) { /* modify20181228-1 */
	.forWeb {
		display: none;
	}
	span.forMobile {
		display: inline;
	}
	div.forMobile {
		display: block;
	}
	.br {
		display: inline;
	}
	.brForMobile {
		display: block;
	}
	.forWeb {
		display: none;
	}
	.forMobile {
		display: block;
	}
	.conBg, #wrap .bg {
		width: auto;
	}
	#wrap {
		padding-top: 60px;
		min-width: auto;
		overflow: hidden;
	}
	#header {
		padding-left: 0;
		height: 60px;
	}
	#header h1 {
		left: 20px;
	}
	#header h1 img {
		height: 60px;
	}
	#header h1 .txt {
		display: none;
	}
	#header .gnb, #header .rt {
		display: none;
	}
	#header .iAside {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		background: url(../../images/ico_aside.png) 50% 50% no-repeat;
		background-size: 25px auto;
		text-indent: -9999px;
		font-size: 0;
		width: 65px;
		height: 60px;
	}
	.index #header {
		border-bottom: 1px solid rgba(0, 0, 0, 0.14);
		width: 100%;
		background-color: transparent;
	}
	/* 	.index #header h1 a{display:block;background:url(../images/logo_m2.png) 0 50% no-repeat;background-size:auto 25px;text-indent:-9999px;font-size:0;width:96px;height:60px;} */
	.index #header h1 a {
		display: block;
		background: url(../../images/logo_eng_new_m.png);
		text-indent: -9999px;
		font-size: 0;
		width: 96px;
		height: 60px;
	}
	#footer {
		background: #fff;
	}
	#footer .con1 {
		padding: 0px 0;
		text-align: center;
	}
	#footer .con1 .logo {
		margin-bottom: 15px;
	}
	#footer .con1 .logo img {
		height: 22px;
	}
	#footer .con1 .ls {
		display: block;
	}
	#footer .bar {
		display: none;
	}
	#footer .con1 .ls {
		margin: 5px 0 0;
	}
	#footer .con1 a {
		color: #111;
		font-size: 14px;
		margin: 0;
		line-height: 130%;
		height: auto;
	}
	#footer .con2 {
		border-top: 1px solid #eee;
		font-size: 14px;
		margin-top: 25px;
		padding: 25px 0;
	}
	#footer .con2 .txt1 .tx1 {
		display: block;
		color: #888;
		font-size: 14px;
		margin-bottom: 0;
		padding: 1px 0;
	}
	#footer .con2 .txt2 {
		color: #888;
		font-size: 14px;
		letter-spacing: -0.4px;
		padding: 0;
	}
	#footer .con2 .lo {
		display: none;
	}
	#contents {
		padding: 50px 20px 80px;
	}
	.iTop {
		bottom: 20px;
		right: 20px;
		background-size: 75px auto;
		width: 75px;
		height: 75px;
	}
	.mKeysub {
		background-size: auto 215px;
		height: 215px;
	}
	.mKeysub h3 {
		font-size: 45px;
		line-height: 160px;
		height: 160px;
	}
	.mNavi1 .ls {
		display: none;
		line-height: 55px;
		height: 55px;
	}
	.mNavi1 .ls.selected {
		display: block;
	}
	.mNavi1 .ls.selected a {
		background: transparent;
		color: #fff;
		line-height: 55px;
		height: 55px;
	}
	.mNavi1 .prev, .mNavi1 .next {
		position: absolute;
		top: 0;
		left: 0;
		background: url(../../../images/ico_prev3_m.png) 50% 50% no-repeat;
		background-size: 10px auto;
		text-indent: -9999px;
		font-size: 0;
		width: 50px;
		height: 55px;
	}
	.mNavi1 .next {
		left: auto;
		right: 0;
		background-image: url(../../../images/ico_next3_m.png);
	}
	.mCeo:before {
		display: none;
	}
	.mCeo .img {
		position: static;
		margin-left: 0;
	}
	.mCeo .img img {
		width: 100%;
	}
	.mCeo .con1 {
		background: none;
		margin: 30px -20px 0;
		padding: 20px;
	}
	.mCeo .con1 .txt {
		padding-left: 0;
	}
	.mCeo .con1 .txt .ti {
		font-size: 47px;
		line-height: 120%;
	}
	.mCeo .con1 .txt .ti span {
		display: block;
		font-family: 'Nanum Square ExtraBold';
		margin-bottom: -10px;
	}
	.mCeo .con1 .txt .tx {
		font-size: 27px;
		padding-top: 15px;
	}
	.mCeo .con1 .txt .tx2 {
		background-color: #f3f3f3;
		font-size: 14px;
		margin: 30px -20px 0;
		padding: 30px 20px 60px;
	}
	.mCeo .con1 .txt .tx2 .br.type2 {
		display: block;
	}
	.mCeo .con1 .txt .sign {
		text-align: right;
		margin: 10px 15px 0 0;
	}
	.mCeo .con1 .txt .sign img {
		height: 25px;
	}
	.sign .president {
		font-size: 1.225rem;
		margin-right: 40px;
	}
	.sign .presidentNm {
		font-size: 2.187rem;
	}
	.mFaq {
		margin-top: -5px;
	}
	.mFaq dt {
		margin-top: 5px;
		padding: 0 20px;
	}
	.mFaq dt a {
		font-size: 17px;
		padding: 23px 35px;
	}
	.mFaq dt a:before {
		top: 23px;
	}
	.mFaq dd {
		font-size: 14px;
		line-height: 170%;
		padding: 0 20px;
	}
	.mFaq dd .txt {
		position: relative;
		padding: 15px 0 25px;
	}
	.mFaq dt.selected a:after {
		background-size: auto 8px;
		margin-top: -4px;
		width: 13px;
		height: 8px;
	}
	.mFaq dd.selected {
		display: block;
	}
	.mSort1 {
		margin-bottom: 10px;
		height: auto;
	}
	.mSort1 .count {
		font-size: 14px;
		padding-top: 25px;
	}
	.mSort1 .gRt {
		position: static;
	}
	.mSort1 .dat {
		float: none;
		zoom: 1;
	}
	.mSort1 .dat:after {
		display: block;
		clear: both;
		content: ''
	}
	.mSort1 .dat .lt, .mSort1 .dat .rt {
		position: relative;
		display: block;
		float: left;
		width: 50%;
	}
	.mSort1 .dat .lt span {
		position: relative;
		display: block;
		margin-right: 11px;
	}
	.mSort1 .dat .rt span {
		position: relative;
		display: block;
		margin-left: 11px;
	}
	.mSort1 .dat input {
		font-size: 14px;
		padding: 0;
		text-align: center;
		width: 100%;
		line-height: 40px;
		height: 40px;
	}
	.mSort1 .dat .ui-datepicker-trigger {
		position: absolute;
		top: 13px;
		right: 10px;
		width: 18px;
	}
	.mSort1 .dat .bar {
		position: absolute;
		top: 0;
		left: 50%;
		background-color: #fff;
		margin: 0 0 0 -9px;
		padding: 0;
		text-align: center;
		width: 20px;
		line-height: 42px;
		height: 42px;
	}
	.mSort1 .mSearch {
		position: relative;
		float: none;
		margin: 5px 0 0;
	}
	.mSelect {
		width: 89px;
	}
	.mSelect .select {
		font-size: 14px;
		padding: 0 20px 0 15px;
		line-height: 40px;
		height: 40px;
	}
	.mSelect .select:before {
		right: 15px;
		margin-top: -2px;
		background-size: auto 4px;
		width: 8px;
		height: 4px;
	}
	.mSelect .selList {
		top: 41px;
	}
	.mSelect .selList .selListBg {
		padding: 10px 0;
	}
	.mSelect .selList .ls a {
		font-size: 14px;
		padding: 5px 10px 5px 15px;
	}
	.mSearch {
		padding: 0 86px 0 93px;
	}
	.mSearch .mSelect {
		position: absolute;
		top: 0;
		left: 0;
	}
	.mSearch .find {
		position: absolute;
		top: 0;
		right: 0;
	}
	.mSearch .keyword {
		font-size: 14px;
		margin-left: 1px;
		padding-left: 15px;
		width: 100%;
		line-height: 40px;
		height: 40px;
	}
	.mSearch .find {
		font-size: 14px;
		margin-left: 1px;
		width: 60px;
		line-height: 40px;
		height: 40px;
	}
	.mNotice li {
		border-bottom: 1px solid #d3d3d3;
	}
	.mNotice li a {
		padding: 15px 15px 18px;
	}
	.mNotice li .dat {
		position: static;
		font-size: 14px;
		text-align: left;
		width: auto;
	}
	.mNotice li .dat em {
		display: inline;
		font-size: 14px;
		font-weight: normal;
		margin: 0;
	}
	.mNotice li .txt {
		display: block;
		padding: 5px 0 0;
	}
	.mNotice li .txt .ti {
		font-size: 20px;
	}
	.mNotice li .txt .tx {
		font-size: 14px;
		margin: 5px 0 0;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		height: 42px;
	}
	.mPaging {
		margin-top: 30px;
	}
	.mPaging a, .mPaging em {
		font-size: 14px;
		min-width: 20px;
		line-height: 30px;
		height: 30px;
	}
	.mPaging a:hover:before, .mPaging em:before {
		margin-left: -5px;
		width: 10px;
		height: 1px;
	}
	.mPaging .prev, .mPaging .next, .mPaging .first, .mPaging .last {
		background-size: 9px auto;
		width: 30px;
		height: 30px;
	}
	.mPaging .prev {
		margin: 0 15px 0 -4px;
	}
	.mPaging .next {
		margin: 0 -4px 0 15px;
	}
	.mBtn1 {
		font-size: 14px;
		min-width: 110px;
		line-height: 40px;
		height: 40px;
	}
	.mView {
		border-top: 2px solid #000;
	}
	.mView .title {
		padding: 20px 10px;
	}
	.mView .title h3 {
		font-size: 20px;
	}
	.mView .title .dat {
		position: static;
		margin-top: 0;
		font-size: 12px;
	}
	.mView .attach {
		padding: 20px 10px 0;
		text-align: right;
	}
	.mView .attach a {
		background-size: 12px auto;
		background-position: 0 4px;
		font-size: 14px;
		padding-left: 20px;
	}
	.mView .article {
		font-size: 14px;
		padding: 25px 10px 50px;
	}
	.mView .button {
		padding-top: 30px;
	}
	.mView .button .prev, .mView .button .next {
		top: 30px;
		background-size: 7px auto;
		padding: 0 17px;
		font-size: 15px;
		line-height: 43px;
		height: 40px;
	}
	.mView .button .mBtn1 {
		font-size: 14px;
	}
	.hiddenWrap #wrap {
		overflow: hidden;
		height: 100px;
	}
	.mInquiry {
		width: auto;
	}
	.mInquiry .title h3 {
		font-size: 22px;
	}
	.mInquiry .title .info {
		font-size: 14px;
		margin-top: 10px;
	}
	.mInquiry .list {
		margin-top: 25px;
		padding-top: 10px;
	}
	.mInquiry .list dl {
		border-bottom: 1px solid #dedede;
	}
	.mInquiry .list dt {
		font-size: 14px;
		margin-bottom: 10px;
		padding-left: 0;
		line-height: 42px;
		height: 42px;
	}
	.mInquiry .list dd {
		position: relative;
		margin-bottom: 10px;
		padding-left: 70px;
		min-height: 42px;
	}
	.mInquiry .list dd .mSelect {
		width: 100%;
	}
	.mInquiry .list dd.email .col1 {
		float: none;
		padding: 0 20px 0 0;
	}
	.mInquiry .list dd.email .col2 {
		float: none;
	}
	.mInquiry .list dd.email .col1, .mInquiry .list dd.email .col2 {
		width: auto;
	}
	.mInquiry .list dd.email .col2 {
		padding: 5px 0 0;
	}
	.mInquiry .list dd.email .col3 {
		float: none;
		padding-top: 5px;
	}
	.mInquiry .list dd.email .col3 .mSelect {
		width: auto;
	}
	.mInquiry .list dd.email .bar {
		position: absolute;
		top: 0;
		right: 0;
		text-align: right;
		width: 20px;
		line-height: 42px;
	}
	.gIt {
		padding-right: 16px;
	}
	.it {
		font-size: 14px;
		padding-left: 15px;
		line-height: 40px;
		height: 40px;
	}
	.gTextarea {
		padding-right: 31px;
	}
	.textarea {
		font-size: 14px;
		padding: 10px 15px 0;
		height: 100px;
	}
	.mBrochure ul {
		margin: 0 -5px;
	}
	.mBrochure li {
		margin: 0 0 20px;
		width: 50%;
	}
	.mBrochure li .img {
		margin: 0 5px 15px;
	}
	.mBrochure li .img img {
		width: 100%;
		height: auto;
	}
	.mBrochure li .txt {
		font-size: 16px;
	}
	.mBrochure li .txt .mBtn1 {
		margin-top: 10px;
	}
	.mBrochure li .txt .mBtn1 .iPdf {
		padding-left: 15px;
		padding-right: 20px;
	}
	.iPdf {
		background-size: 12px auto;
		margin-right: 15px;
	}
	.mNews ul {
		margin-left: 0;
		padding-top: 0;
	}
	.mNews li {
		float: none;
		margin: 0 0 20px;
		width: auto;
	}
	.mNews li .img img {
		width: 100%;
	}
	.mNews li .txt {
		padding: 15px;
	}
	.mNews li .txt .ti {
		font-size: 16px;
		line-height: 150%;
		height: 49px;
	}
	.mNews li .txt .dt {
		font-size: 14px;
		margin-top: 10px;
	}
	.mNews li .txt2 {
		padding: 15px 15px 20px;
		height: auto;
	}
	.mNews li .txt2 .ti {
		font-size: 14px;
	}
	.mNews li .txt2 .tx {
		font-size: 16px;
		margin-top: 5px;
	}
	.mNews.type2 ul {
		padding-top: 0;
	}
	.mNews.type2 li {
		width: auto;
	}
	.mNews.type2 li .txt {
		font-size: 14px;
		padding: 15px;
		height: auto;
	}
	.mNews.type2 li .txt strong {
		font-size: 20px;
	}
	.iPlay {
		margin: -29px 0 0 -29px;
		background-size: 57px auto;
		width: 57px;
		height: 57px;
	}
	.mVideo1 {
		margin-bottom: 20px;
	}
	.mVideo1 .text {
		border: 1px solid #ededed;
		margin: 0;
		padding: 20px;
		height: auto;
	}
	.mVideo1 .text .tit {
		font-size: 20px;
		margin: 0;
	}
	.mVideo1 .text .tit em {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.mVideo1 .text .txt {
		font-size: 14px;
		margin-top: 20px;
	}
	.mVideo1 .text .txt .ti {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.mVideo1 .text .btn {
		background-size: 10px auto;
		font-size: 12px;
		margin-top: 15px;
		padding-right: 15px;
	}
	.mVideo1 .vid {
		position: relative;
		padding-bottom: 47%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	.mVideo1 .vid iframe, .mVideo1 .vid object, .mVideo1 .vid video embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.mGrowth {
		position: relative;
	}
	.mGrowth .mVideo1 {
		position: relative;
		padding-bottom: 47%;
		padding-top: 30px;
		height: 0;
	}
	.mGrowth .mVideo1 iframe, .mGrowth .mVideo1 object, .mGrowth .mVideo1 video embed
		{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.mFFile {
		padding-right: 95px;
	}
	.mFFile .it {
		float: none;
		width: 100%;
	}
	.mFFile .btn {
		position: absolute;
		top: 0;
		right: 0;
		width: 82px;
		height: 60px;
	}
	.mFFile .btn .mBtn1 {
		width: 70px;
	}
	.mSummary {
		margin: -50px -20px 0;
	}
	.mSummary .con1 {
		padding: 50px 0;
		min-height: auto;
	}
	.mSummary .con1 .tit {
		font-size: 30px;
	}
	.mSummary .con1 .tit2 {
		font-size: 21px;
		margin-top: 12px;
	}
	.mSummary .con1 .txt {
		font-size: 13px;
		margin-top: 20px;
		padding: 0 20px;
	}
	.mSummary .con2 {
		background-size: cover;
		font-size: 13px;
		padding: 30px 20px;
	}
	.mSummary .con2:before {
		bottom: -14px;
		margin-left: -18px;
		background-size: auto 14px;
		width: 36px;
		height: 14px;
	}
	.mSummary .con3 {
		padding: 50px 20px 30px;
	}
	.mSummary .con3 ul {
		width: auto;
	}
	.mSummary .con3 li {
		float: none;
		background-position: 50% 30px;
		background-size: auto 47px;
		padding: 99px 0 15px;
		margin: 0 0 10px;
		width: auto;
		height: auto;
	}
	.mSummary .con3 li:first-child {
		margin-left: 0;
	}
	.mSummary .con3 li .ti {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.mSummary .con3 li .ls {
		font-size: 13px;
		margin: 0 20px;
		padding: 0 0 5px 10px;
	}
	.mSummary .con3 li .ls:before {
		top: 9px;
		left: 0;
		width: 2px;
		height: 2px;
	}
	.mSummary .con3 li.i1, .mSummary .con3 li.i3 {
		margin-top: 0;
	}
	.mSummary .con4 {
		padding: 50px 0;
	}
	.mSummary .con4 .ti {
		font-size: 21px;
	}
	.mSummary .con4 .co1 {
		font-size: 11px;
		margin-top: 25px;
	}
	.mSummary .con4 .co1 .ls {
		margin: 0 5px;
		padding: 0 0 0 15px;
	}
	.mSummary .con4 .co1 .ls .i {
		top: 6px;
		width: 10px;
		height: 10px;
	}
	.mSummary .con4 .map {
		margin-top: 30px;
	}
	.mSummary .con4 .map img {
		width: 100%;
	}
	.mHistory {
		margin: 0 -20px;
	}
	.mHistory .img {
		background: url(../../images/img_history1.jpg) 50% 50% no-repeat;
		background-size: cover;
		padding: 80px 0;
	}
	.mHistory .img .im {
		display: none;
	}
	.mHistory .img .tx {
		position: static;
		margin-top: 0;
		line-height: 130%;
		width: 100%;
	}
	.mHistory .img .tx .t {
		font-size: 22px;
	}
	.mHistory .img .tx .c {
		font-size: 14px;
		margin-top: 15px;
	}
	.mHistory dl {
		margin: 0 20px;
		padding-top: 10px;
	}
	.mHistory dt {
		float: none;
		font-size: 28px;
		border-top: 1px solid #ededed;
		padding: 15px 0 0;
	}
	.mHistory dt:first-child {
		border-top: 0;
	}
	.mHistory dd {
		border-top: 0;
		padding: 5px 0 20px;
		min-height: auto;
	}
	.mHistory dd li {
		font-size: 13px;
		padding: 0 0 5px 10px;
	}
	.mHistory dd li:before {
		top: 7px;
		width: 2px;
		height: 2px;
	}
	.mBi .con1 {
		padding: 0 0 65px;
	}
	.mBi .con1 .img img {
		height: 63px;
	}
	.mBi .con1 .txt1 {
		font-size: 20px;
		margin-top: 45px;
	}
	.mBi .con1 .txt2 {
		font-size: 14px;
		margin-top: 30px;
	}
	.mBi .con2 {
		margin: 0 -20px;
		padding: 80px 0 60px;
	}
	.mBi .con2 .img {
		width: auto;
	}
	.mBi .con2 .img img {
		height: 54px;
	}
	.mBi .con2 .txt1 {
		font-size: 14px;
		margin-top: 30px;
		padding: 0 20px;
		line-height: 170%;
	}
	.mBi .con2 .button {
		margin-top: 30px;
	}
	.mBi .con2 .button a {
		margin: 0 2px;
	}
	.mBi .con3 {
		padding: 80px 0;
	}
	.mBi .con3 .tit {
		font-size: 30px;
	}
	.mBi .con3 .txt1 {
		font-size: 14px;
		margin-top: 30px;
		line-height: 170%;
	}
	.mBi .con3 .img {
		margin-top: 40px;
		width: auto;
	}
	.mBi .con3 .img .gLeft, .mBi .con3 .img .gRight {
		float: none;
		width: auto;
	}
	.mBi .con3 .img .gRight {
		margin-top: 30px;
	}
	.mBi .con3 .img .ci {
		margin-left: 0;
		margin-bottom: 40px;
		width: 110px;
		height: 110px;
	}
	.mBi .con3 .img dl {
		padding: 0 0 0 150px;
	}
	.mBi .con3 .img dt {
		font-size: 14px;
	}
	.mBi .con3 .img dd {
		font-size: 12x;
		padding-bottom: 15px;
	}
	.mPMag .con1 {
		padding: 0 0 50px;
	}
	.mPMag .con1 .tit {
		font-size: 30px;
	}
	.mPMag .con1 .txt1 {
		font-size: 20px;
		margin-top: 10px;
	}
	.mPMag .con1 .txt2 {
		font-size: 14px;
		line-height: 160%;
		margin-top: 15px;
	}
	.mPMag .con2 {
		margin: 0 -20px;
	}
	.mPMag .con2 ul {
		padding: 0 0 70px;
		width: auto;
	}
	.mPMag .con2 li {
		float: none;
		margin: 0;
		padding: 40px 0 0;
		width: auto;
	}
	.mPMag .con2 li .img img {
		width: 100px;
	}
	.mPMag .con2 li .txt {
		padding-top: 20px;
	}
	.mPMag .con2 li .txt .ti {
		font-size: 18px;
	}
	.mPMag .con2 li .txt .tx {
		font-size: 14px;
		margin-top: 10px;
		padding: 0 20px;
	}
	.mPMag .con2 li .mBtn1 {
		margin-top: 10px;
	}
	.mPMag .con3 {
		padding: 80px 0 0;
	}
	.mPMag .con3:before {
		margin: -21px 0 0 -1px;;
		width: 2px;
		height: 110px;
	}
	.mPMag .con3 ul {
		width: auto;
	}
	.mPMag .con3 li {
		padding-top: 80px;
		min-height: auto;
	}
	.mPMag .con3 li .img {
		position: static;
	}
	.mPMag .con3 li .img img {
		width: 100%;
	}
	.mPMag .con3 li .txt, .mPMag .con3 li.rt .txt {
		display: block;
		text-align: center;
		height: auto;
		padding: 0;
	}
	.mPMag .con3 li .txt .ti, .mPMag .con3 li.rt .txt .ti {
		font-size: 30px;
		margin-top: 30px;
	}
	.mPMag .con3 li .txt .ti2, .mPMag .con3 li.rt .txt .ti2 {
		font-size: 18px;
		margin-top: 15px;
	}
	.mPMag .con3 li .txt .tx1, .mPMag .con3 li.rt .txt .tx1 {
		font-size: 13px;
		margin-top: 10px;
	}
	.mWay .con1 {
		padding-top: 0;
	}
	.mWay .con1 h4 {
		font-size: 30px;
	}
	.mWay .con1 .addr {
		font-size: 15px;
		margin-top: 35px;
	}
	.mWay .con1 .addr .button {
		position: static;
		margin: 20px 0 0;
	}
	.mWay .con1 .addr .button a {
		position: relative;
		display: block;
		float: none;
		font-size: 13px;
		margin: 5px 0 0;
		padding: 0 20px;
		text-align: center;
		width: auto;
		line-height: 35px;
		height: 35px;
	}
	.mWay .con1 .addr .button a:before {
		right: 20px;
		margin-top: -2px;
		background-size: 3px auto;
		width: 3px;
		height: 6px;
	}
	.mWay .con1 .addr .button a .i {
		display: inline-block;
		background: url(../../images/ico_naver.png) 50% 50% no-repeat;
		background-size: auto 16px;
		text-indent: -9999px;
		font-size: 0;
		width: 50px;
	}
	.mWay .con1 .addr .button a .i.daum, .mWay .con1 .addr .button a .i.google
		{
		width: 50px;
	}
	.mWay .con1 .map {
		margin-top: 20px;
	}
	.mWay .con1 .map img {
		width: 100%;
		height: auto;
	}
	.mWay .con2 {
		padding-top: 10px;
	}
	.mWay .con2 dt {
		font-size: 20px;
		padding: 20px 0 0;
	}
	.mWay .con2 dd {
		font-size: 14px;
		padding: 0 0 20px;
	}
	.mWay .con2 dd.subway .tx1 {
		font-size: 13px;
		margin: 12px 0 5px;
	}
	.mWay .con2 dd .tx1 {
		margin: 12px 0 0;
		padding: 0 0 0 68px;
	}
	.mWay .con2 dd .tx1 .t {
		font-size: 13px;
		width: 55px;
		line-height: 25px;
		height: 25px;
	}
	.mWay .con2 dd .tx1 .c {
		display: block;
		padding: 3px 0;
	}
	.mWay .con2 dd .tx1 .c .l {
		position: relative;
		padding: 0 0 10px 12px;
	}
	.mWay .con2 dd .tx1 .c .l:before {
		top: 6px;
		left: 0;
		width: 2px;
		height: 2px;
	}
	.mWay .con2 dd .map {
		margin: 22px 0 0 -68px;
	}
	.mWay .con2 dd .map img {
		width: 100%;
		height: auto;
	}
	.mMember h4 {
		font-size: 30px;
	}
	.mMember .info {
		font-size: 14px;
		margin-top: 15px;
	}
	.mMember .map .ma, .mMember .map .ma img, .mMember .back img {
		width: 100%;
		height: 100%;
	}
	.mMember .ma img:nth-child(1) {
		display: block;
	}
	.mMember .map .linkArea {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.mMember .map .linkArea a {
		position: absolute;
		top: 0;
		left: 0;
		text-indent: -9999px;
		font-size: 0;
		width: 15%;
		height: 5%;
		background-color: rgba(0, 0, 0, 0.01);
	}
	.mMember .map .linkArea .lnk1 {
		top: 19%;
		left: 10%;
		width: 34%;
		height: 21%;
	}
	.mMember .map .linkArea .lnk2 {
		top: 65%;
		left: 47%;
		width: 32%;
		height: 15%;
	}
	.mMember .map .linkArea .lnk3 {
		top: 70%;
		left: 10%;
		width: 36%;
		height: 15%;
	}
	.mMember .map .linkArea .lnk4 {
		top: 58%;
		left: 10%;
		width: 36%;
		height: 12%;
	}
	.mMember .map .linkArea .lnk5 {
		top: 42%;
		left: 10%;
		width: 30%;
		height: 15%;
	}
	.mMember .map .linkArea .lnk6 {
		top: 15%;
		left: 45%;
		width: 30%;
		height: 15%;
	}
	.mMember .map .linkArea .lnk7 {
		top: 38%;
		left: 40%;
		width: 20%;
		height: 10%;
	}
	.mMember .map .linkArea .lnk8 {
		top: 45%;
		left: 53%;
		width: 40%;
		height: 15%;
	}
	.mMember .map {
		margin-top: 30px;
		margin: 0 10%;
		width: auto;
		height: auto;
	}
	.mMember .mBoard1 {
		margin-top: 30px;
		text-align: left;
	}
	.mMember .mBoard1 thead {
		display: none;
	}
	.mMember .mBoard1 tr {
		display: block;
		border-bottom: 1px solid #d3d3d3;
		padding: 15px 0;
	}
	.mMember .mBoard1 td {
		position: relative;
		display: block;
		border-bottom: 0;
		font-size: 13px;
		text-align: left;
		height: auto;
	}
	.mMember .mBoard1 td.nam, .mMember .mBoard1 td.loc, .mMember .mBoard1 td.num,
		.mMember .mBoard1 td.div, .mMember .mBoard1 td.dat {
		width: auto;
		padding: 0 0 2px 108px;
	}
	.mMember .mBoard1 td.nam {
		text-align: left;
	}
	.mMember .mBoard1 td .ti {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		color: #666;
		padding: 0 16px 0 0;
		width: 90px;
	}
	.mMember .mBoard1 td .ti:before {
		content: "";
		position: absolute;
		top: 6px;
		right: 7px;
		background-color: #d3d3d3;
		width: 1px;
		height: 10px;
	}
	.mMember .mBoard1 td .addr {
		position: static;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	.mMember .mBoard1 td .mBtn1 {
		position: static;
		display: block;
		margin: 10px 0 0 -108px;
		font-size: 12px;
		min-width: 70px;
		line-height: 30px;
		height: 30px;
	}
	.mLayer1 {
		position: absolute;
		top: 100px;
		left: 0;
		margin: 0;
		width: 100%;
		height: auto;
		background: none;
	}
	.mLayer1 .layerBg {
		background: url(../../images/k_layer1.png) 50% 100% no-repeat;
		background-size: cover;
		margin: 0 10px;
		padding: 40px 20px;
	}
	.mLayer1 h3 {
		font-size: 26px;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.mLayer1 .txt1 {
		font-size: 14px;
	}
	.mLayer1 .txt1 .tx2 {
		font-size: 18px;
	}
	.mLayer1 .button {
		margin-top: 25px;
	}
	.mLayer1 .button a {
		font-size: 18px;
		width: 200px;
		line-height: 45px;
		height: 45px;
	}
	.mLayer1 .close {
		top: -42px;
		right: 10px;
		background-size: 32px auto;
		width: 32px;
		height: 32px;
	}
	.mLayer1.movie {
		top: 50%;
		background: none;
		margin: -110px 0 0 0;
		width: 100%;
		height: auto;
	}
	.mLayer1.movie .layerBg {
		background: none;
		padding: 0 20px;
		margin: 0;
	}
	.mLayer1.movie .mov {
		position: relative;
		margin-top: 0;
		padding-bottom: 57%;
		height: 0;
		overflow: hidden;
	}
	.mLayer1.movie .mov iframe, .mLayer1.movie .mov object, .mLayer1.movie .mov video embed
		{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.mLayer1.movie .prev, .mLayer1.movie .next {
		top: -42px;
		left: 9px;
		margin-top: 0;
		background: url(../../images/ico_prev3_m.png) 50% 50% no-repeat;
		background-size: 10px auto;
		width: 32px;
		height: 32px;
	}
	.mLayer1.movie .next {
		left: 41px;
		background-image: url(../../images/ico_next3_m.png);
	}
	.mGoods {
		margin-top: -50px;
	}
	.mGoods .bg {
		width: auto !important;
	}
	.mGoods h5 {
		font-size: 20px;
		margin-bottom: 50px;
	}
	.mGoods .con1 {
		margin: 0 -20px;
	}
	.mGoods .con1 .bg {
		width: auto !important;
		line-height: 55px;
		height: 55px;
	}
	.mGoods .con1 h4 {
		font-size: 18px;
		padding: 0 50px;
	}
	.mGoods .con1 .prev, .mGoods .con1 .next {
		background-size: 10px auto;
		width: 50px;
		height: 50px;
	}
	.mGoods .image {
		margin: 0 -20px;
		height: 300px;
	}
	.mGoods .con3 {
		margin: 60px 0 0 0;
		min-height: auto;
	}
	.mGoods .con3 .img {
		float: none;
		text-align: center;
	}
	.mGoods .con3 .img.type4 {
		margin-left: 0;
	}
	.mGoods .con3 .img img {
		width: 55%;
	}
	.mGoods .con3 .img.type3 img, .mGoods .con3 .img.type4 img {
		width: 65%;
	}
	.mGoods .con3 .text {
		margin-top: 0;
		padding: 50px 0 0 0;
	}
	.mGoods .con3 .text .tit {
		font-size: 35px;
		text-align: center;
	}
	.mGoods .con3 .text ul {
		margin-top: 50px;
	}
	.mGoods .con3 .text ul.lst2 {
		zoom: 1;
	}
	.mGoods .con3 .text ul.lst2:after {
		display: block;
		clear: both;
		content: ''
	}
	.mGoods .con3 .text ul.lst2 li {
		float: left;
		margin-bottom: 0;
		width: 50%;
	}
	.mGoods .con3 .text li {
		float: none;
		margin-bottom: 40px;
	}
	.mGoods .con3 .text li .ti {
		float: left;
		font-size: 20px;
		padding-left: 15px;
	}
	.mGoods .con3 .text li .ti:before {
		left: 0;
		margin-top: -25px;
		width: 40px;
		height: 40px;
	}
	.mGoods .con3 .text li .tx {
		font-size: 14px;
		padding-top: 14px;
		padding: 4px 0 0 60px;
	}
	.mGoods .con3 .text li .ti2 {
		font-size: 21px;
		padding-top: 15px;
	}
	.mGoods .con3 .text li .tx2 {
		font-size: 12px;
		padding-top: 10px;
	}
	.mGoods .con3 .text li.ls1, .mGoods .con3 .text li.ls2 {
		width: auto;
	}
	.mGoods .con4 {
		margin: 85px 0 0;
	}
	.mGoods .con4 h5 {
		font-size: 18px;
	}
	.mGoods .con4 ul {
		margin-top: 15px;
	}
	.mGoods .con4 li {
		background-size: auto 46px;
		background-position: 20px 50%;
		padding: 20px 0 20px 90px;
	}
	.mGoods .con4 li .ti {
		font-size: 16px;
	}
	.mGoods .con4 li .tx {
		font-size: 14px;
		line-height: 150%;
		padding-top: 5px;
	}
	.mGoods .con5 {
		margin: 60px -20px 0;
		height: auto;
	}
	.mGoods .con5 ul {
		margin-top: 30px;
	}
	.mGoods .con5 li {
		float: none;
		min-width: 200px;
		text-align: center;
		width: auto;
		line-height: 180px;
		height: 180px;
	}
	.mGoods .con5 li img {
		height: 120px;
	}
	.mGoods .con5 li:hover {
		background-size: 180px auto;
	}
	.mGoods .con5.type2 .bg, .mGoods .con6.type2 .bg {
		width: auto !important;
	}
	.mGoods .con5.type2 li {
		width: auto;
		margin: -30px 0;
	}
	.mGoods .con5.type2 li img {
		height: 60px;
	}
	.mGoods .con6 {
		margin: 60px -20px 0;
		padding-bottom: 20px;
	}
	.mGoods .con6:before {
		height: 83%;
	}
	.mGoods .con6 .lst1.col5 li, .mGoods .con6 .lst1.col3 li, .mGoods .con6 .lst1 li
		{
		width: auto;
		float: none;
	}
	.mGoods .con6 .lst1 li {
		float: none;
		min-width: 200px;
		text-align: center;
		width: auto;
		line-height: 180px;
		height: 180px;
	}
	.mGoods .con6 .lst1 li img {
		height: 120px;
	}
	.mGoods .con6 .lst1.type4 li img {
		height: 100px;
	}
	.mGoods .con6 .lst2 {
		margin-top: 0;
	}
	.mGoods .con6 .lst2 li {
		display: block;
		float: left;
		width: 50%;
		margin: 0 0 50px;
	}
	.mGoods .con6 .lst2 li img {
		height: 240px;
	}
	.mGoods .con6 .lst2 li .tx {
		font-size: 13px;
		margin-top: 15px;
	}
	.mGoods .con6.type2 li {
		float: none;
		width: auto;
	}
	.mGoods .con6.type2 li img {
		height: 120px;
	}
	.mGoods .con6 .type2 li img {
		height: 120px;
	}
	.mGoods .con7 {
		margin-top: 45px;
	}
	.mGoods .con7 ul {
		margin: 0 -10px;
		zoom: 1;
	}
	.mGoods .con7 ul:after {
		display: block;
		clear: both;
		content: ''
	}
	.mGoods .con7 li {
		display: block;
		float: left;
		margin: 0;
		width: 33.333%;
	}
	.mGoods .con7 li .im {
		margin: 0 -20px;
		width: auto;
		min-width: 140px;
		line-height: 140px;
		height: 140px;
	}
	.mGoods .con7 li .tx {
		display: block;
		font-size: 14px;
		margin-top: 10px;
	}
	.mGoods .con7 li .im img {
		height: 90px;
	}
	.mGoods .con7 li a:hover {
		position: relative;
	}
	.mGoods .con7 li a:hover .im {
		background-size: auto 140px;
		line-height: 140px;
		height: 140px;
	}
	.mAd {
		position: relative;
		margin: 0 -20px;
		overflow: hidden;
		height: auto;
	}
	.mAd h4 {
		font-size: 30px;
	}
	.mAd .adBg {
		position: static;
		margin-left: 0;
		width: auto;
		height: auto;
	}
	.mAd .owl-carousel .owl-stage {
		padding: 0;
	}
	.mAd .owl-item .img .im {
		display: none;
	}
	.mAd .owl-item .img .ho {
		display: block;
	}
	.mAd .owl-item .img img {
		position: static;
		margin: 0 !important;
		width: 200px !important;
	}
	.mAd .owl-item {
		line-height: 150%;
		height: auto;
	}
	.mAd .owl-item .tit {
		position: static;
		display: block;
		padding: 0 0 20px;
		margin-top: 0;
	}
	.mAd .owl-item .tit .ti {
		font-size: 30px;
	}
	.mAd .owl-item .tit .tx {
		font-size: 25px;
		margin-top: 10px;
	}
	.mAd .owl-item .tit .dt {
		font-size: 14px;
		margin-top: 5px;
	}
	.mAd .owl-item .txt {
		margin: 20px 0 0 !important;
	}
	.mAd .owl-item .txt {
		margin-top: 0;
		font-size: 20px;
		line-height: 150%;
	}
	.mAd .owl-carousel .owl-nav  .owl-prev, .mAd .owl-carousel .owl-nav  .owl-next
		{
		left: 0;
		margin: -10px 0 0;
		background-size: 21px auto;
		width: 44px;
		height: 78px;
	}
	.mAd .owl-carousel .owl-nav  .owl-next {
		left: auto;
		right: 0;
	}
	.mKeymain .owl-item .item {
		height: 500px;
	}
	.mKeymain .owl-item .item .txt {
		padding-top: 60px;
		height: 390px;
	}
	.mKeymain .owl-item .item .txt:before {
		bottom: -50px;
		margin-left: -90px;
		background-size: 186px auto;
		width: 160px;
		height: 170px;
	}
	.mKeymain .owl-item .item .txt .txtBg {
		word-break: break-all;
		padding: 0 20px;
		background-color: rgba(0, 0, 0, 0.31);
	}
	.mKeymain .owl-item .item .ti {
		font-size: 40px;
		line-height: 120%;
	}
	.mKeymain .owl-item .item .tx {
		font-size: 19px;
		margin-top: 30px;
	}
	.mKeymain .owl-item .item .box {
		margin: 20px 15px 0;
	}
	.mKeymain .owl-item .item .box .im img {
		width: auto !important;
		height: 166px;
	}
	.mKeymain .owl-item .item.ls1 .txt {
		height: 440px;
	}
	.mKeymain .owl-item .item.ls1 .tx {
		margin-top: 15px;
	}
	.mKeymain .owl-dots {
		bottom: 10px;
	}
	.mKeymain .owl-dots .owl-dot {
		margin: 0 3px;
	}
	.mKeymain .owl-dots .owl-dot a {
		width: 30px;
		height: 2px;
	}
	.mMain1 {
		background: none;
		padding: 40px 15px 0;
	}
	.mMain1 h3 {
		font-size: 25px;
		margin-bottom: 25px;
	}
	.mMain1 h3 .ts {
		display: block;
		font-size: 18px;
		margin-bottom: 0;
	}
	.mMain1 ul {
		width: auto;
		height: auto;
	}
	.mMain1 li {
		position: static;
		display: block;
		margin: 0 0 10px;
	}
	.mMain1 li a {
		background-size: cover;
		font-size: 15px;
		padding: 0;
		width: auto;
		height: calc(100vw * 0.88);
	}
	.mMain1 li .ts {
		font-size: 16px;
		padding: 35px 0 0;
	}
	.mMain1 li .ti {
		font-size: 20px;
		padding-top: 10px;
	}
	.mMain1 li .ti:before {
		bottom: -15px;
		margin-left: -25px;
		width: 50px;
		height: 2px;
	}
	.mMain2 {
		background-size: cover;
		margin-top: -12px;
		padding-top: 40px;
	}
	.mMain2 h3 {
		font-size: 22px;
		margin-bottom: 20px;
		padding: 0 0 0 5px;
	}
	.mMain2 .bg {
		width: auto !important;
		padding: 0 10px;
		zoom: 1;
	}
	.mMain2 .gallery {
		float: none;
		width: auto;
	}
	.mMain2 .gallery ul {
		zoom: 1;
	}
	.mMain2 .gallery ul:after {
		display: block;
		clear: both;
		content: ''
	}
	.mMain2 .gallery li {
		margin-right: 0;
		width: 50%;
	}
	.mMain2 .gallery li a {
		position: relative;
		margin: 0 5px;
	}
	.mMain2 .gallery li a:hover:before {
		background-size: cover;
	}
	.mMain2 .gallery li .img img {
		width: 100%;
		height: auto;
	}
	.mMain2 .gallery li .txt {
		bottom: 20px;
		font-size: 18px;
	}
	.mMain2 .gallery li .txt span {
		padding: 0 20px;
		max-height: 52px;
	}
	.mMain2 .notice {
		float: none;
		width: auto;
		margin-top: 40px;
	}
	.mMain2 .notice ul {
		padding: 0 5px;
	}
	.mMain2 .notice li {
		margin-bottom: 10px;
		padding-right: 75px;
	}
	.mMain2 .notice li .date {
		top: 1px;
		font-size: 16px;
	}
	.mMain2 .notice li a {
		font-size: 18px;
	}
	.mMain2 .notice .more {
		font-size: 16px;
	}
	.mMain3 {
		padding-top: 60px;
	}
	.mMain3 .bg {
		padding: 0 20px;
		width: auto !important;
	}
	.mMain3 ul {
		height: auto;
		zoom: 1;
	}
	.mMain3 ul:after {
		display: block;
		clear: both;
		content: ''
	}
	.mMain3 li {
		position: relative;
		top: auto;
		left: auto;
		float: left;
		width: 70%;
	}
	.mMain3 li .img.forMobile {
		display: block;
	}
	.mMain3 li .img.forWeb {
		display: none;
	}
	.mMain3 li .img img {
		width: 100%;
	}
	.mMain3 li .txt {
		font-size: 24px;
		width: 50%;
		letter-spacing: -1px;
	}
	.mMain3 li .txt .ts {
		font-size: 17px;
		font-family: 'Nanum Square';
		margin-top: 2px;
	}
	.mMain3 li.ls1 .txt {
		top: 40%;
		left: auto;
		right: 0;
		margin-top: -40px;
		width: 40%;
	}
	.mMain3 li.ls2 {
		top: auto;
		right: auto;
		float: right;
	}
	.mMain3 li.ls2 .txt {
		top: 65%;
		left: 0;
		margin: -40px 0 0 -20px;
		text-align: right;
		width: 39%;
	}
	.mMain3 li.ls3 {
		top: auto;
		margin-top: 20px;
		width: 80%;
	}
	.mMain3 li.ls3 .txt {
		top: 80%;
		left: 50%;
		margin: -25px -20px 0 0;
		text-align: left;
		width: 57%;
	}
	.mMain3 li.ls4 {
		top: auto;
		right: auto;
		float: right;
	}
	.mMain3 li.ls4 .txt {
		top: 75%;
		left: 5%;
		margin: -40px 0 0;
		text-align: left;
		width: 50%;
	}
	.mMain3 li.ls1, .mMain3 li.ls2, .mMain3 li.ls3, .mMain3 li.ls4 {
		float: none;
		margin: 0;
		width: 100%;
	}
	.mMain3 li img {
		width: 100%;
	}
	.mMain4 {
		background: none;
		margin: 70px 0;
		padding: 0 20px;
		height: auto;
	}
	.mMain4 h3 {
		font-size: 24px;
	}
	.mMain4 h3 .ts {
		font-size: 16px;
	}
	.mMain4 .movie {
		position: relative;
		margin-top: 30px;
		padding-bottom: 47%;
		height: 0;
		overflow: hidden;
	}
	.mMain4 .movie iframe, .mMain4 .movie object, .mMain4 .movie video embed
		{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.mMain4 .txt {
		position: relative;
		font-size: 16px;
		margin-top: 30px;
		padding-right: 0;
		text-align: center;
		width: auto;
		min-height: auto;
	}
	.mMain4 .txt .sns {
		background: none;
		position: static;
		padding: 20px 0 0;
	}
	.mMain4 .txt .sns a {
		display: inline-block;
		float: none;
		background-size: 50px;
		margin: 0 8px;
		width: 50px;
		height: 50px;
	}
	.mPrivacy {
		font-size: 14px;
		width: auto;
	}
	.mPrivacy h3 {
		font-size: 26px;
		padding: 20px 0 50px;
	}
	.mPrivacy .info {
		font-size: 16px;
		padding: 25px 0 30px;
	}
	.mPrivacy .tit {
		font-size: 16px;
		padding: 25px 0;
	}
	.mPrivacy li {
		padding-left: 15px;
	}
	.mPrivacy li:before {
		left: 4px;
	}
	.mVideo1 .vid {
		float: none;
		width: auto;
	}
	.video_wrapper {
		width: auto;
		height: auto;
	}
	.videoPoster {
		display: none;
		background-size: cover;
	}
	.videoPoster:before {
		margin: -29px 0 0 -29px;
		background-size: 57px auto;
		width: 57px;
		height: 57px;
	}

	/* add20181127-2 */
	.lGuide {
		margin: 0 0 0;
		width: 100%;
	}
	.lGuide .layerBg {
		display: block;
		padding: 0;
		width: auto;
		height: auto;
	}
	.lGuide .layerBg img {
		width: 100%;
	}
	.lGuide .text1 {
		display: block;
		padding: 0;
	}
	.lGuide .txt1 .tx1 {
		margin-top: 30px;
	}
	.lGuide .txt1 .tx2 {
		margin-top: 20px;
	}
	.lGuide .check {
		bottom: -34px;
		left: auto;
		right: 10px;
		width: auto;
		font-size: 14px;
	}
	.lGuide .check input[type="checkbox"]+label {
		position: relative;
		display: inline-block;
		padding-right: 28px;
	}
	.lGuide .check input[type="checkbox"]+label:before {
		top: 0;
		background-size: 20px auto;
		width: 20px;
		height: 20px;
	}
	/* //add20181127-2 */
}

/* add20181228 */
#wrap {
	min-width: auto;
}

.mVideo1, .mNews, .mPMag .con3 ul, .mPMag .con2 ul, .mGrowth, .mGoods .bg,
	.mPrivacy, .mSummary .con3 ul, .mMember {
	margin: 0 auto;
	max-width: 1520px;
	width: auto;
}

.mMain3 .bg, .mMain2 .bg {
	margin: 0 auto;
	max-width: 1520px;
	width: auto !important;
}

.mBi .con3 .img, .mBi .con2 .img, .mInquiry {
	max-width: 1220px;
	width: auto;
}

.mInquiry .list dt {
	width: 189px;
}

.mInquiry .list dd.email {
	display: -webkit-flex;
	display: flex;
	padding-left: 0;
}

.mInquiry .list dd.email .col1, .mInquiry .list dd.email .col2,
	.mInquiry .list dd.email .col3 {
	-webkit-flex: 1;
	flex: 1;
}

.mInquiry .list dd.email .col3 {
	margin-left: 10px;
}

.conBg, #wrap .bg {
	width: auto;
}

#wrap .bg {
	padding-left: 20px;
	padding-right: 20px;
}

#header h1 {
	left: 20px;
}

#header .rt {
	right: 20px;
}

.mCeo .conBg {
	max-width: 1520px;
}

.mHistory .img {
	margin: 0 -20px;
}

.mHistory .img .im img {
	max-width: 1520px;
	width: 100%;
}

.mSummary .con3 li {
	width: 340px
	height: auto;
	min-height: 332px;
}

.mSummary .con3 li:first-child {
	margin-left: 0;
}

.mSummary .con4 .map img {
	max-width: 1537px;
	width: 100%;
}

.mWay .con1 .map img {
	max-width: 1520px;
	width: 100%;
}

.mGoods .con5.type2 .bg, .mGoods .con6.type2 .bg, .mGoods .con1 .bg,
	.mGoods .bg {
	width: auto !important;
}

.mGoods .con3 .text ul {
	min-height: 100px;
}

.mNews li {
	width: calc(33.3333% - 40px);
}

.mNews.type2 li {
	width: calc(25% - 40px);
}

.mNews li .img img {
	width: 100%;
}

.mVideo1 .text .tit {
	line-height: 130%;
}

.mWay .con1 .map img {
	height: auto;
}

.mGrowth .tit {
	display: block;
	font-size: 48px;
	line-height: 160%;
	text-align: center;
	margin-bottom: 50px;
}

.mAd .owl-item .txt {
	display: none;
}

.mGoods .con3 {
	text-align: center;
}

.mGoods .con3 .img {
	float: none;
	display: inline-block;
	padding-right: 100px;
	vertical-align: top;
}

.mGoods .con3 .text {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding-left: 0;
}

.mGoods .con6 {
	padding-bottom: 50px;
}

.mGoods .con6 .lst1.col3 li, .mGoods .con6 .lst1.col5 li, .mGoods .con6 .lst1 li
	{
	display: inline-block;
	float: none;
	width: auto;
}

.mGoods .con6 .lst2 li img {
	width: 80%;
}

.mGoods .con6 .lst1 li {
	line-height: 130%;
}

.mGoods .con6 .lst1 li .tx {
	display: block;
	line-height: 110%;
	display: block;
	color: #776d64;
	font-size: 16px;
	margin: 20px 0 0;
}

.mGoods .con6:before {
	top: 0;
	height: 100%;
}

.mGoods .con6 h5 {
	padding: 97px 0 0;
}

.mGoods .con6 .lst1 li:hover {
	background: none;
}

.mGoods .con6.type2 .bg {
	max-width: none;
}

.mNavi1 .bg {
	max-width: 1560px;
}

.mGoods .con6 .lst1 {
	margin-top: 37px;
}

.mGoods .con6 .lst1.type2, .mGoods .con6 .lst1.type3 {
	margin-top: 22px;
}

.mGoods .con6 .lst1.type4 li {
	float: none;
	width: auto;
}

.mGoods .con6 .lst2 li {
	margin-bottom: 50px;
}

.mGoods .con6 .lst1 li {
	height: auto;
	margin-bottom: 50px;
}

.mGoods .con6 .lst1 li, .mGoods .con6 .lst2 li {
	min-width: 303px;
}

.mGoods .con6 .lst1.type2 li, .mGoods .con6 .lst2.type2 li, .mGoods .con6 .lst1.type3 li,
	.mGoods .con6 .lst2.type3 li {
	min-width: 363px;
}

.mGoods .con6 .lst2 li .im {
	display: block;
}

.mGoods .con6 .lst2 li img {
	width: auto;
}

@media all and (max-width:1690px) {
	.mGoods .con3 .img.type4 {
		margin-left: 0;
	}
}

@media all and (max-width:1540px) {
	.mCeo .img {
		left: 0;
		margin-left: 0;
	}
	.mCeo .con1 .txt {
		padding-left: 650px;
	}
	.mGrowth .mVideo1 .vid {
		position: relative;
		padding-bottom: 47%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	.mGrowth .mVideo1 .vid iframe, .mGrowth .mVideo1 .vid object, .mGrowth .mVideo1 .vid video embed
		{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.mPMag .con3 li .img {
		left: 20px;
		width: 48%;
	}
	.mPMag .con3 li .img img {
		width: 100%;
	}
	.mPMag .con3 li .txt {
		padding-left: 52%;
		height: auto;
	}
	.mPMag .con3 li.rt .img {
		left: auto;
		right: 20px;
	}
	.mPMag .con3 li.rt .txt {
		padding: 0 52% 0 20px;
		height: auto;
	}
}

@media all and (max-width:1350px) {
	.gnb li strong a {
		padding: 0 40px;
	}
	.mMember .mBoard1 td.nam {
		width: 240px;
	}
	.mMember .mBoard1 td .addr, .mMember .mBoard1 th .thTitle {
		margin-left: 0;
	}
	.mMember .mBoard1 td .addr, .mMember .mBoard1 th .ti1 {
		padding-right: 220px;
	}
	.mMember .mBoard1 td .mBtn1, .mMember .mBoard1 th .ti2 {
		right: 0;
	}
	.mSummary .con3 li {
		float: none;
		margin: 0 auto 20px;
		padding-bottom: 20px;
		width: 600px;
		min-height: auto;
	}
	.mSummary .con3 li:first-child {
		margin-left: auto;
	}
	.mSummary .con3 li.i1, .mSummary .con3 li.i3 {
		margin-top: 0;
	}
	.mWay .con1 .addr .button {
		position: static;
		text-align: right;
		margin: 30px 0 -30px;
		zoom: 1;
	}
	.mWay .con1 .addr .button:after {
		display: block;
		clear: both;
		content: ''
	}
	.mWay .con1 .addr .button a {
		display: inline-block;
		float: none;
	}
	.mGoods .con6 .lst1 {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		width: 960px;
	}
	.mGoods .con6 .lst1.type2 {
		width: auto;
	}
	.mGoods .con6 .lst1.type2, .mGoods .con6 .lst1.type3 {
		margin-top: 0;
	}
	.mGoods .con6 .lst1.col5 li {
		display: inline-block;
		float: none;
	}
	.mGrowth .mVideo1 .vid {
		width: auto;
	}
	.mVideo1 .vid {
		width: 700px;
	}
	.mVideo1 .video_wrapper {
		height: 393px;
	}
	.mVideo1 .text {
		margin-left: 700px;
		padding-right: 25px;
		height: 391px;
	}
	.mVideo1 .text .tit {
		margin-top: 20px;
	}
	.mVideo1 .text .txt .ti, .mVideo1 .text .tit em {
		margin-bottom: 5px;
	}
	.mVideo1 .text .tit, .mVideo1 .text .txt {
		margin-left: -20px;
	}
	.mVideo1 .text .txt {
		margin-top: 20px;
	}
	.mMain2 .gallery {
		width: 50%;
	}
	.mMain2 .notice {
		width: 48%;
	}
	.mMain2 .gallery li {
		margin-right: 15px;
		width: calc(50% - 15px);
	}
	.mMain2 .gallery li .img img {
		width: 100%;
	}
}

@media all and (max-width:1250px) {
	.mSearch .keyword {
		width: 200px;
	}
	.mCeo:before {
		display: none;
	}
	.mCeo .img {
		position: static;
		margin-left: 20px;
	}
	.mCeo .con1 {
		background: none;
		margin: 30px 0 0;
		padding: 20px;
	}
	.mCeo .con1 .txt {
		padding-left: 0;
	}
	.mCeo .con1 .txt .tx2 {
		background-color: #ffffff;
		margin: 40px -20px 0;
		padding: 40px 20px;
	}
	.mGoods .con3 .img {
		display: block;
		margin-bottom: 100px;
		padding-right: 0;
	}
	.mGoods .con3 .text .tit {
		text-align: center;
	}
	.mGoods .con3 .text ul {
		zoom: 1;
	}
	.mGoods .con3 .text ul:after {
		display: block;
		clear: both;
		content: ''
	}
	.mBrochure {
		width: 950px;
	}
	.mBrochure li {
		width: 290px;
	}
	.mBrochure li img {
		width: 100%;
	}
	.mNews.type2 li {
		width: calc(33.333% - 40px);
	}
	.mMain1 ul {
		max-width: 1184px;
		width: auto;
	}
	.mMain1 li {
		display: block;
		width: 52%;
	}
	.mMain1 li a {
		width: auto;
	}
	.mMain3 {
		margin: 0 auto;
		padding-top: 60px;
		max-width: 700px;
	}
	.mMain3 .bg {
		padding: 0 20px;
		width: auto !important;
	}
	.mMain3 ul {
		height: auto;
		zoom: 1;
	}
	.mMain3 ul:after {
		display: block;
		clear: both;
		content: ''
	}
	.mMain3 li {
		position: relative;
		top: auto;
		left: auto;
		float: left;
		width: 70%;
	}
	.mMain3 li .img.forMobile {
		display: block;
	}
	.mMain3 li .img.forWeb {
		display: none;
	}
	.mMain3 li .img img {
		width: 100%;
	}
	.mMain3 li .txt {
		font-size: 24px;
		width: 50%;
		letter-spacing: -1px;
	}
	.mMain3 li .txt .ts {
		font-size: 17px;
		font-family: 'Nanum Square';
		margin-top: 2px;
	}
	.mMain3 li.ls1 .txt {
		top: 40%;
		left: auto;
		right: 0;
		margin-top: -40px;
		width: 40%;
	}
	.mMain3 li.ls2 {
		top: auto;
		right: auto;
		float: right;
	}
	.mMain3 li.ls2 .txt {
		top: 65%;
		left: 0;
		margin: -40px 0 0 -20px;
		text-align: right;
		width: 39%;
	}
	.mMain3 li.ls3 {
		top: auto;
		margin-top: 20px;
		width: 80%;
	}
	.mMain3 li.ls3 .txt {
		top: 80%;
		left: 50%;
		margin: -25px -20px 0 0;
		text-align: left;
		width: 57%;
	}
	.mMain3 li.ls4 {
		top: auto;
		right: auto;
		float: right;
	}
	.mMain3 li.ls4 .txt {
		top: 75%;
		left: 5%;
		margin: -40px 0 0;
		text-align: left;
		width: 50%;
	}
	.mMain3 li.ls1, .mMain3 li.ls2, .mMain3 li.ls3, .mMain3 li.ls4 {
		float: none;
		margin: 0;
		width: 100%;
	}
	.mMain3 li img {
		width: 100%;
	}
}

@media all and (max-width:1150px) {
	#header .rt {
		display: none;
	}
	.mSort1 .dat input {
		padding-left: 15px;
		width: 155px;
	}
	.mBi .con3 .img .gLeft, .mBi .con3 .img .gRight {
		float: none;
		margin: 0 auto;
		width: 550px;
	}
	.mBi .con3 .img .gRight {
		margin-top: 50px;
	}
	.mPMag .con2 li {
		width: 50%;
	}
	.mMain4 .txt {
		max-width: 1000px;
		width: auto;
	}
}

@media all and (max-width:1000px) {
	#wrap .bg {
		padding-left: 0;
		padding-right: 0;
	}
	.mInquiry .list dt {
		width: auto;
	}
	.mInquiry .list dd.email {
		display: block;
		padding-left: 70px;
	}
	.mInquiry .list dd.email .col3 {
		margin-left: 0;
	}
	.mSort1 .dat input {
		padding-left: 0;
	}
	.mSort1 .dat input, .mSearch .keyword {
		width: 100%;
	}
	.mBi .con3 .img .gLeft, .mBi .con3 .img .gRight {
		width: auto;
	}
	.mCeo .img {
		margin-left: 0;
	}
	.mCeo .con1 {
		margin-left: -20px;
		margin-right: -20px;
	}
	.mMember .mBoard1 td .addr, .mMember .mBoard1 th .ti1 {
		padding-right: 0;
	}
	.mMember .mBoard1 td .addr {
		padding-left: 0;
	}
	.mSummary .con3 li {
		margin-bottom: 10px;
		width: auto;
	}
	.mGoods .con3 .text {
		padding-left: 0;
	}
	.mWay .con1 .addr .button {
		margin: 10px 0 -10px;
	}
	.mGoods .con6 .lst1 {
		width: auto;
	}
	.mGoods .con3 .text {
		width: auto;
	}
	.mPMag .con2 li {
		width: auto;
	}
	.mPMag .con3 li .img {
		left: 0;
		width: auto;
	}
	.mPMag .con3 li .txt {
		padding-left: 0;
	}
	.mPMag .con3 li.rt .img {
		right: 0;
	}
	.mPMag .con3 li.rt .txt {
		padding: 0;
	}
	.mBrochure {
		width: auto;
	}
	.mBrochure li {
		width: 50%;
	}
	.mNews.type2 li {
		width: 100%;
	}
	.mVideo1 {
		margin-bottom: 20px;
	}
	.mVideo1 .vid {
		width: auto;
	}
	.mVideo1 .text {
		margin-left: 0;
		height: auto;
	}
	.mVideo1 .text .tit, .mVideo1 .text .txt {
		margin-left: 0;
	}
	.mVideo1 .video_wrapper {
		height: auto;
	}
	.mVideo1 .text .tit {
		margin-top: 0;
	}
	.mNews li {
		width: auto;
	}
	.mMain1 li {
		width: auto;
	}
	.mMain2 .bg {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.mMain2 .gallery, .mMain2 .notice {
		width: auto;
	}
	.mMain2 .gallery li {
		margin-right: 0;
		width: 50%;
	}
	.mGoods .con3 .img {
		margin-bottom: 0;
	}
	.mGoods .con6 .lst1.col3 li, .mGoods .con6 .lst1.col5 li, .mGoods .con6 .lst1 li
		{
		display: block;
		float: left;
		width: 50%;
	}
	.mWay .con1 .addr .button a {
		display: block;
	}
	.mMember .mBoard1 td.nam {
		width: auto;
	}
	.mGoods .con6 .lst2 li img {
		width: auto;
	}
	.mGoods .con6 .lst1 {
		margin-top: 0;
	}
	.mGoods .con6 .lst1 li {
		float: left;
		width: 50%;
	}
	.mGoods .con6 .lst1 li .tx {
		font-size: 13px;
		margin-top: 15px;
	}
	.mGoods .con6 h5 {
		margin-bottom: 40px;
		padding-top: 40px;
	}
	.mGoods .con6 .lst1 li, .mGoods .con6 .lst2 li, .mGoods .con6 .lst1.type2 li,
		.mGoods .con6 .lst2.type2 li, .mGoods .con6 .lst1.type3 li, .mGoods .con6 .lst2.type3 li
		{
		min-width: auto;
	}
	.mGoods .con6 {
		padding-bottom: 0;
	}
	.mGoods .con6 .lst2.type2 li img {
		height: 100px;
	}
	.mGoods .con6 .lst2.type3 li.i3 img {
		height: 80px;
	}
	.mGoods .con6.type2 .lst2.type4 li.i3 img, .mGoods .con6.type2 .lst2.type4 li.i4 img,
		.mGoods .con6.type2 .lst2.type4 li.i5 img {
		height: 80px;
	}
	.mGoods .con6.type2 .lst1.type4 li .tx {
		font-size: 13px;
	}
	.mGoods .con6 .lst2.type4 li img {
		height: 100px;
	}
	.mGoods .con6 .lst1.type3 li img {
		height: 80px;
	}
	.mGoods .con6 .lst1.type4 li {
		float: left;
		width: 50%;
	}
	.mGoods .con6 .lst1.type4 li img {
		height: 60px;
	}
	.mGoods .con6.type2 .lst2.type4 li {
		float: left;
		width: 50%;
	}
	.mGrowth .tit {
		font-size: 20px;
		margin-bottom: 0;
	}
}
/* //add20181228 */

/* add20190107 */
.gnb {
	display: block;
	margin: 0 80px 0 130px;
	text-align: center;
}

.gnb li {
	display: inline-block;
	margin: 0 -2px;
	float: none;
}

.gnb .gnbBg {
	margin: 0 auto;
}

.gnb:hover {
	margin-left: 130px;
	padding-left: 0.1px;
}

.index #header {
	/* background-color: rgba(255, 255, 255, 0.3);  */
	background-color: #ffffff; 
}

#header .rt .btn a {
	border-color: #afafaf;
}

#header .rt .mLang .sel:before {
	background-image: url(../../../images/ico_lang2.png);
}

#header .rt .sns a.iFacebook{
	background-image: url(../../../images/ico_facebook_sub.png);
}

#header .rt .sns a.iBlog {
	background-image: url(../../../images/ico_instagram_sub.png);
}

#header .rt .sns a.iYoutube {
	background-image: url(../../../images/ico_youtube_sub.png);
}

#header .rt .mLang .sel, #header .rt .btn a, .mKeymain .owl-item .item .ti,
	.mKeymain .owl-item .item .tx {
	color: #ffffff;
}

.mKeymain .owl-item .item .ti strong {
	font-weight: 700;
}

.mKeymain .owl-item .item .txt:before {
	height: 250px;
}

.mKeymain .owl-carousel .owl-nav .owl-prev, .mKeymain .owl-carousel .owl-nav .owl-next
	{
	position: absolute;
	top: 50%;
	left: 25px;
	margin-top: -47px;
	background: url(../../../images/ico_prev7.png) 0 0 no-repeat;
	text-indent: -9999px;
	font-size: 0;
	width: 50px;
	height: 94px;
}

.mKeymain .owl-carousel .owl-nav .owl-next {
	left: auto;
	right: 25px;
	background-image: url(../../../images/ico_next7.png);
}

#header .rt .mLang .lst a {
	text-align: left;
	padding: 0 0 0 20px;
	min-width: 70px;
}

.mMain5 {
	padding: 120px 130px;
	text-align: center;
	zoom: 1;
}

.mMain5:after {
	display: block;
	clear: both;
	content: ''
}
/* modify20190131 */
.mMain5 ul {
	min-height: 137px;
}

.mMain5 .col {
	display: inline-block;
	vertical-align: top;
	margin: 0 -2px;
	width: 100%;
	max-width: 407px;
}
/* //modify20190131 */
.mMain5 .colBg {
	position: relative;
	text-align: left;
	background-color: #fff;
	margin: 0 32px;
	box-shadow: 10px 10px 50px -13px rgba(0, 0, 0, 0.2);
	padding: 0 20px 35px;
	max-width: 300px;
}

.mMain5 h3 {
	font-size: 24px;
	margin: 20px 0 48px 5px;
}

.mMain5 .img {
	background-size: cover;
	margin: 0 -20px 33px;
	height: 250px;
}

.mMain5 .col2 .img {
	
}

.mMain5 .col3 .img {
	
}

.mMain5 .more {
	position: absolute;
	top: 284px;
	right: 29px;
	text-indent: -9999px;
	font-size: 0;
	width: 28px;
	height: 28px;
	background: url(../../../images/img_more1.png) 0 0 no-repeat;
}

.mMain5 li {
	position: relative;
	font-size: 18px;
	margin: 0 0 21px;
	padding: 0 90px 0 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.mMain5 li a {
	font-size: 18px;
	margin-left: 5px;
}

.mMain5 li a:hover {
	color: #2424ff;
}

.mMain5 li .date {
	position: absolute;
	top: 0;
	right: 13px;
	font-size: 14px;
}
.product {
	padding: 157px 0 140px;
	text-align: center;	
}
.product li {
	display: inline-block;
	margin: -100px 65px -100px -100px;
	box-shadow: 10px 10px 50px -13px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	width: 320px;
}

.product li .img {
	display: block;
}

.product li .txt {
	display: block;
	font-size: 24px;
	margin: 22px -65px 0;
	line-height: 130%;
}
.mMain6 {
	background-color: #BECDFF;
	padding: 157px 0 140px;
	text-align: center;
}

.mMain6 li {
	display: inline-block;
	margin: 0 65px;
	box-shadow: 10px 10px 50px -13px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	width: 320px;
}

.mMain6 li .img {
	display: block;
}

.mMain6 li .txt {
	display: block;
	font-size: 24px;
	margin: 22px -65px 0;
	line-height: 130%;
}

.mMain6 li .txt strong {
	display: block;
	font-size: 30px;
	font-weight: 800;
	font-style: italic;
	margin: 0 0 20px;
}

.mMain7 {
	background-color: #f5f5f7;
	margin: 0 0 110px;
	padding: 157px 0 140px;
	text-align: center;
}

.mMain7 .mTitle1 {
	margin-bottom: 60px;
}

.mMain7 ul {
	margin: 0 auto;
	text-align: center;
	max-width: 1440px;
	zoom: 1;
}

.mMain7 ul:after {
	display: block;
	clear: both;
	content: ''
}

.mMain7 li {
	display: inline-block;
	margin: 0 8px 20px;
}

.mMain7 li a {
	position: relative;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow: hidden;
}

.mMain7 li a:hover:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url(../../images/k_main7_hover.png) 0 0 no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}

.mMain7 li.instagram a:after, .mMain7 li.youtube a:after {
	content: "";
	position: absolute;
	bottom: 25px;
	right: 25px;
	background: url(../../images/ico_instagram4.png) 0 0 no-repeat;
	width: 48px;
	height: 48px;
}

.mMain7 li.youtube a:after {
	background-image: url(../../images/ico_youtube4.png);
}

.mTitle1 {
	margin: 0 0 90px;
}

.mTitle1 h3 {
	font-size: 40px;
}

.mTitle1 .info {
	font-size: 24px;
	margin: 32px 0 0;
}

@media all and (max-width:1550px) {
	.mMain6 {
		overflow: hidden;
	}
	.mMain6 ul {
		zoom: 1;
	}
	.mMain6 ul:after {
		display: block;
		clear: both;
		content: ''
	}
	.mMain6 li {
		display: block;
		float: left;
		margin: 0;
		width: 25%;
	}
	.mMain6 li .img img {
		height: 250px;
	}
}

@media all and (max-width:1500px) {
	.mMain5 .col {
		width: 32%;
	}
	.mMain5 .colBg {
		margin: 0 15px;
	}
}

@media all and (max-width:1150px) {
	.gnb {
		text-align: left;
		margin-right: 0;
	}
}

@media all and (max-width:1000px) {
	.mKeymain .owl-item .item .txt:before {
		height: 170px;
	}
	.mTitle1 {
		margin-bottom: 45px;
	}
	.mTitle1 h3 {
		font-size: 25px;
	}
	.mTitle1 .info {
		font-size: 18px;
		margin-top: 15px;
	}
	.mMain5 {
		padding: 50px 15px 70px;
	}
	/* modify20190131-2 */
	.mMain5 ul {
		min-height: auto;
	}
	.mMain5 .col {
		display: block;
		margin: 0 0 20px;
		max-width: none;
		width: auto;
	}
	/* //modify20190131-2 */
	.mMain5 .colBg {
		margin: 0;
		max-width: none;
		padding-bottom: 20px;
	}
	.mMain5 .img {
		margin-bottom: 20px;
		height: 150px;
	}
	.mMain5 h3 {
		font-size: 16px;
		margin: 0 0 15px;
	}
	.mMain5 li {
		margin-bottom: 5px;
	}
	.mMain5 li a {
		font-size: 15px;
		margin-left: 0;
	}
	.mMain5 .more {
		background-size: 20px auto;
		top: 172px;
		width: 20px;
		height: 20px;
	}
	.mMain6 {
		padding: 50px 15px;
	}
	.mMain6 ul {
		zoom: 1;
	}
	.mMain6 ul:after {
		display: block;
		clear: both;
		content: ''
	}
	.mMain6 li {
		float: left;
		margin: 0 0 30px;
		width: 50%;
	}
	.mMain6 li .img img {
		height: 160px;
	}
	.mMain6 li .txt {
		font-size: 14px;
	}
	.mMain6 li .txt strong {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.mMain7 {
		margin-bottom: 50px;
		padding: 50px 15px;
	}
	.mMain7 ul {
		margin: 0 -5px;
	}
	.mMain7 li {
		float: left;
		margin: 0 0 10px;
		width: 50%;
	}
	.mMain7 li a {
		margin: 0 5px;
		width: auto;
		height: auto;
	}
	.mMain7 li a img {
		width: 100%;
	}
	.mMain7 li.instagram a:after, .mMain7 li.youtube a:after {
		bottom: 10px;
		right: 10px;
		background-size: 24px auto;
		width: 24px;
		height: 24px;
	}
	.mKeymain .owl-carousel .owl-nav .owl-prev, .mKeymain .owl-carousel .owl-nav .owl-next
		{
		display: none;
	}
}
/* //add20190107 */

/* add20190121 */
.mExp1 {
	border-bottom: 1px solid #ededed;
	font-weight: bold;
	margin: -43px 0 80px;
	padding: 50px 0 28px;
	text-align: center;
}

.mExp1 .col {
	display: inline-block;
	vertical-align: top;
	margin: 0 55px;
	width: 230px;
}

.mExp1 .t {
	float: left;
	background: url(../../images/ico_exp1_1.png) 50% 0 no-repeat;
	font-size: 16px;
	padding: 47px 0 0;
	text-align: center;
	width: 46px;
}

.mExp1 .c {
	float: left;
	border: 1px solid #d5d5d5;
	background-color: #fff;
	color: #965700;
	font-size: 22px;
	margin: 10px 0 0 14px;
	border-radius: 20px;
	text-align: center;
	width: 168px;
	line-height: 48px;
	height: 48px;
}

.mExp1 .col2 .t {
	background-image: url(../../images/ico_exp1_2.png);
}

.mExp1 .col3 .t {
	background-image: url(../../images/ico_exp1_3.png);
}

@media all and (max-width:1000px) {
	.mExp1 {
		border-bottom: 1px solid #ededed;
		font-weight: bold;
		margin: -25px 0 40px;
		padding: 20px 0;
		zoom: 1;
	}
	.mExp1:after {
		display: block;
		clear: both;
		content: ''
	}
	.mExp1 .col {
		display: block;
		float: left;
		margin: 0;
		width: 33%;
	}
	.mExp1 .t {
		float: none;
		background-size: 23px auto;
		font-size: 13px;
		margin: 0 auto;
		padding-top: 25px;
		width: 46px;
	}
	.mExp1 .c {
		float: none;
		font-size: 14px;
		margin: 10px 3px 0;
		border-radius: 20px;
		text-align: center;
		width: auto;
		line-height: 28px;
		height: 28px;
	}
}
/* //add20190121 */

/*add 20190607*/
.detailCon {
	padding-left: 40px;
	display: block;
	font-size: 16px;
}

@media all and (max-width:1000px) {
	.detailCon {
		padding-left: 30px;
		font-size: 12px;
	}
}

#wrap .quick_btn {
	position: fixed;
	right: 45px;
	top: 50%;
	z-index: 100;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

#wrap .quick_btn ul {
	
}

#wrap .quick_btn ul li {
	position: relative;
	margin-bottom: 34px;
}

#wrap .quick_btn ul li button {
	background: none;
	border: none;
	padding: 0;
	overflow: visible;
}

#wrap .quick_btn ul li:last-child {
	margin: 0;
}

#wrap .quick_btn ul li p {
	position: absolute;
	left: -110px;
	text-align: right;
	min-width: 100px;
	color: #11b8ec;
	opacity: 0;
}

#wrap .quick_btn ul li span {
	display: block;
	width: 17px;
	height: 17px;
	background: #d7d7d7;
	border-radius: 50%;
	position: relative;
}

#wrap .quick_btn ul li span:after {
	content: "";
	width: 27px;
	height: 27px;
	background: none;
	display: block;
	position: absolute;
	left: -5px;
	top: -5px;
	border-radius: 50%;
}

#wrap .quick_btn ul li.on p {
	opacity: 1;
}

#wrap .quick_btn ul li.on span {
	background: #11b8ec;
}

#wrap .quick_btn ul li.on span:after {
	background: rgba(17, 184, 236, 0.3);
}

/* LIST */
.tbl-sort-list {
	min-width: 100%;
	table-layout: fixed;
}

.tbl-sort-list thead th {
	line-height: 20px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding: 5px 0;
	border: 1px solid #242424;
	background-color: #444;
}

.tbl-sort-list thead th span {
	cursor: pointer;
}

.tbl-sort-list tbody tr th {
	border-bottom: 1px solid #ddd;
}

.tbl-sort-list tbody tr td {
	line-height: 1.5;
	text-align: center;
	padding: 5px 0;
	background-color: rgba(255, 255, 255, 1);
}

.tbl-sort-list tbody tr td.nodata {
	color: #e30000;
}

.tbl-sort-list.code tbody tr.on td {
	background: rgba(66, 66, 66, 0.2);
}

.tbl-sort-list.pointer tbody td {
	cursor: pointer;
}

.tbl-sort-list tbody tr td.subj {
	text-align: left;
	padding: 5px;
}
 
.tbl-sort-list tbody tr:nth-child(even) td {
	background-color: rgba(255, 255, 255, .3);
}

.tbl-sort-list tbody tr td:first-child {
	border-left: 1px solid #ddd;
}

.tbl-sort-list tbody tr td:last-child {
	border-right: 1px solid #ddd;
}

.tbl-sort-list tbody tr td i.fa-check {
	color: #0a0;
}

.tbl-sort-list tbody tr td i.fa-times {
	color: #d13510;
}

.tbl-sort-list tbody tr td i.icon_kor {
	display: inline-block;
	color: #fff;
	font-size: 10px;
	font-style: normal;
	padding: 0 5px;
	margin-left: 5px;
	border-radius: 2px;
	background-color: #acacac;
}

.tbl-sort-list.list tbody tr:hover td {
	background-color: rgba(222, 222, 222, 1);
}

.tbl-sort-list.list tbody tr.on td {
	background-color: rgba(169, 109, 52, .2);
}

.tbl-sort-list tbody tr.subTotal td {
	background-color: #ffffd0;
	color: red;
}

.tbl-sort-list tbody tr.subTotal th {
	background-color: #ffffd0;
	color: red;
}

.tbl-sort-list tbody tr.total td {
	background-color: #ebffd7;
	color: red;
}

.tbl-sort-list tbody tr.total th {
	background-color: #ebffd7;
	color: red;
}

.tbl-sort-list tbody tr.eve td {
	background-color: #f0f0f0;
}

.tbl-sort-list tbody tr.complete td {
	background-color: #dff4ff;
}

.tbl-sort-list tbody tr.under td {
	background-color: #fee;
}

.tbl-sort-list.update tbody tr td {
	padding: 5px;
}

.tbl-sort-list.update tbody tr td input[type=text] {
	width: 100%;
}

.tbl-sort-list tbody tr.on td {
	background: rgba(169, 109, 52, .2);
}

.tbl-sort-list.list tbody tr:hover td.nodata {
	background-color: rgba(255, 255, 255, 1);
}

.tbl-sort-list tfoot th, .tbl-sort-list tfoot td {
	text-align: center;
	padding: 5px;
	border: 1px solid #ddd;
}

.tbl-sort-list tfoot th {
	background-color: #c0cfd8;
}

.tbl-sort-list.update tbody tr td {
	padding: 5px;
}

.tbl-sort-list.update tbody tr td input[type=text], .tbl-sort-list.update tbody tr td textarea
	{
	width: 100%;
}

.tbl-sort-list.excel tbody tr th {
	text-align: center;
	padding: 5px;
	border: 1px solid #ddd;
}

.tbl-sort-list.excel tbody tr td {
	padding: 5px;
	border: 1px solid #ddd;
}

/* 20190306 UI 변경건으로 인한 수정 */
.mNotice {
	border-top: 2px solid #000;
}

.mNotice li {
	position: relative;
}

.mNotice li a {
	display: block;
}

.mNotice li a:hover {
	background-color: #f4f4f4;
}

.mNotice li .dat {
	position: absolute;
	top: 52px;
	left: 0;
	font-size: 20px;
	text-align: center;
	width: 180px;
}

.mNotice li .dat em {
	display: block;
	font-size: 70px;
	font-weight: 500;
	margin: 40px 0 0;
}

.mNotice li .txt {
	display: block;
	padding: 50px 105px 50px 246px;
}

.mNotice li .txt .ti {
	display: block;
	font-size: 30px;
	font-weight: 500;
	line-height: 110%;
}

.mNotice li .txt .tx {
	display: block;
	font-size: 18px;
	line-height: 170%;
	margin: 16px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	height: 55px;
}

/* 20190306 UI 변경건으로 인한 추가 */
.board_common {
	width: 100%;
	table-layout: fixed;
	font-size: 18px;
}

.num02 {
	width: 115px;
}

.date01 {
	width: 225px;
}

.date02 {
	width: 185px;
}

.board_common thead th {
	height: 49px;
	font-weight: normal;
	color: #1e1e1e;
	line-height: 49px;
	background: #f5f5f5;
	border-bottom: 1px solid #000;
}

.board_common tbody tr {
	border-bottom: 1px solid #dddddd;
	height: 50px;
}

.txt_cen {
	text-align: center;
}

.txt_L {
	text-align: left;
}

.pad_L15 {
	padding-left: 15px;
}

.mPaging {
	margin-top: 60px;
	text-align: center;
}

.mPaging a, .mPaging em {
	position: relative;
	display: inline-block;
	border: 0;
	margin: 0;
	font-size: 18px;
	margin-right: 1px;
	vertical-align: middle;
	text-decoration: none;
	min-width: 48px;
	line-height: 48px;
	height: 48px;
}

.mPaging a:hover, .mPaging em {
	color: #f5a100;
}

.mPaging .num a:hover:before, .mPaging em:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -10px;
	background-color: #f5a100;
	width: 20px;
	height: 2px;
}

.mPaging a:hover {
	text-decoration: none
}

.mPaging .prev, .mPaging .next, .mPaging .first, .mPaging .last {
	border: 1px solid #d7d7d7;
	background: url(../images/ico_pag_prev.png) 50% 50% no-repeat;
	margin: 0 5px;
	text-indent: -9999px;
	font-size: 0;
	padding: 0;
	width: 48px;
	height: 48px;
}

.mPaging .prev {
	margin: 0 25px 0 5px;
}

.mPaging .next {
	background-image: url(../images/ico_pag_next.png);
	margin: 0 5px 0 25px;
}

.mPaging .first {
	background-image: url(../images/ico_pag_first.png);
}

.mPaging .last {
	background-image: url(../images/ico_pag_last.png);
}
/* 20190313 원정민 .mSort1{  margin, height 수정 } */
.mSort1 {
	position: relative;
	margin: 0 0 10px;
	height: 45px;
}

/* 20190306 UI 변경건으로 인한 추가 */
/* .mSort1 .count{display:block;color:#000;font-size:24px;padding:22px 0 0;} */
/* 20190313 원정민 .mSort1 .count{ padding 수정 } */
.mSort1 .count {
	display: block;
	color: #000;
	font-size: 22px;
	padding: 12px 0 0;
}

.mSort1 .count em {
	color: #0000a0;
}

.mSort1 .gRt {
	position: absolute;
	top: 0;
	right: 0;
}

.mSort1 .dat {
	float: left;
}
/* 20190313 원정민 .mSort1 .dat input{ width, line-height, height 수정 } */
.mSort1 .dat input {
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	color: #000;
	font-size: 18px;
	padding: 0 0 0 30px;
	text-align: left;
	width: 160px;
	line-height: 40px;
	height: 40px;
}

.mSort1 .dat .ui-datepicker-trigger {
	margin-left: -40px;
	margin-right: 20px;
}
/* 20190313 원정민 .mSort1 .dat .bar{ margin 수정 } */
.mSort1 .dat .bar {
	display: inline-block;
	padding: 0 10px 0 10px;
}

.mSort1 .mSearch {
	float: left;
}

.mSearch {
	position: relative;
	margin: 0 0 30px;
	text-align: right;
}

.mSearch .mSelect {
	display: inline-block;
}
/* 20190313 원정민 .mSearch .keyword{ padding, width, line-height, height 수정 } */
.mSearch .keyword {
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	color: #000;
	font-size: 18px;
	margin-left: 6px;
	padding: 0 0 0 10px;
	text-align: left;
	width: 180px;
	line-height: 40px;
	height: 40px;
}
/* 20190313 원정민 .mSearch .find{  width, height, line-height 수정 } */
.mSearch .find {
	display: inline-block;
	border: 1px solid #000;
	background-color: #000;
	border-radius: 2px;
	color: #fff;
	font-size: 18px;
	margin-left: 6px;
	text-align: center;
	width: 60px;
	line-height: 40px;
	height: 40px;
}

.gIt {
	padding: 0 32px 0 0;
}

.it {
	display: block;
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	color: #000;
	font-size: 18px;
	padding: 0 0 0 30px;
	text-align: left;
	width: 100%;
	line-height: 65px;
	height: 50px;
}

.gTextarea {
	padding: 0 62px 0 0;
}

.textarea {
	display: block;
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	color: #000;
	font-size: 18px;
	padding: 20px 30px 0;
	text-align: left;
	resize: none;
	width: 100%;
	height: 180px;
}

.mSelect {
	position: relative;
}
/* 20190314 selectbox 높이 height:40px line-height:40px 수정 */
/* .mSelect .select{position:relative;display:block;border:1px solid #d3d3d3;border-radius:2px;color:#000;font-size:18px;padding:0 40px 0 30px;text-align:left;line-height:65px;height:65px;} */
.mSelect .select {
	position: relative;
	display: block;
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	color: #000;
	font-size: 18px;
	padding: 0 40px 0 30px;
	text-align: left;
	line-height: 40px;
	height: 40px;
}

.mSelect .select:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 24px;
	margin-top: -3px;
	background: url(../images/ico_select1.png) 0 0 no-repeat;
	width: 12px;
	height: 6px;
}

/* 20190314 selectbox 높이 수정으로 인한 top:66px 제거 */
/* .mSelect .selList{display:none;position:absolute;top:66px;left:0;background-color:#fff;text-align:left;width:100%;z-index:10;} */
.mSelect .selList {
	display: none;
	position: absolute;
	left: 0;
	background-color: #fff;
	text-align: left;
	width: 100%;
	z-index: 10;
}

.mSelect .selList .selListBg {
	border: 1px solid #d9d9d9;
	overflow: hidden;
	overflow-y: auto;
	padding: 10px 0;
}

.mSelect .selList .ls a {
	display: block;
	font-size: 18px;
	padding: 10px 10px 10px 30px;
}
/* 상단배너 슬라이드 */
* {
	margin: 0;
	padding: 0;
}

ul, li {
	list-style: none;
}

/* h1{
  font-size:3em;
  color:#fefefe;
  text-transform:lowercase;
}
.wrapper{
  margin:3em 0;
}
a,a:visited,a:hover,a:active{
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
	position:relative;
  transition:0.5s color ease;
	text-decoration:none;
	font-size:2.5em;
	color:#ffffff;
}
a:hover{
	color:#d73444;
}
a.before:before,a.after:after{
  content: "";
  transition:0.5s all ease;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:absolute;
}
a.before:before{
  top:-0.25em;
}
a.after:after{
  bottom:-0.25em;
}
a.before:before,a.after:after{
  height:5px;
  height:0.35rem;
  width:0;
  background:#d73444;
}
a.first:after{
  left:0;
} */
.organization {
	border-top: 2px solid #000;
}
/*20190313 원정민 게시판 detail화면 css*/
.w20p{ width:20%; }
.w30p{ width:30%; }
.w80p{ width:80%; }
.w100p{ width:100%; }
._hAuto{ height:auto!important; }
._minH300{ min-height:300px; }

.detailRow{ border-bottom:1px solid #ededed; }
.detailRow2{ border-bottom:1px solid #ededed;background:#f5f5f5; }
.detailRow:after{ content:''; display:block; clear:both; }
.detailRow>.detailCol{ height:40px; line-height:40px; float:left; box-sizing:border-box; padding-left:20px;}
.strPoint{ font-weight:600; font-size:1.2em; text-align:center; background:#f5f5f5; padding-left:0!important; }
.strPoint2{ font-weight:600; font-size:1.2em; text-align:center; padding-left:0!important; }
.btnGroup{ margin-top:30px; text-align:center; }
.seeList{ margin:0 30px; border-radius:2px; display:inline-block; padding:10px 15px; background:rgba(25,25,37,0.75); color:#fff; }
.noticeContents { padding:60px 0 120px 350px!important; }
/* Icons */

ul.icons {
	cursor: default;
	list-style: none;
	padding-left: 0;
	margin: -1em 0 2em -1em;
}

ul.icons li {
	display: inline-block;
	padding: 1em 0 0 1em;
}

		
/* Icon */

.icon {
	text-decoration: none;
	border-bottom: none;
	position: relative;
}

.icon:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	text-transform: none !important;
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
}

.icon > .label {
	display: none;
}

.icon:before {
	line-height: inherit;
}

.icon.solid:before {
	font-weight: 900;
}

.icon.brands:before {
	font-family: 'Font Awesome 5 Brands';
}

.icon.style2 {
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	background-color: transparent;
	/* border: solid 1px #c9c9c9; */
	border-radius: 4px;
	width: 2.65em;
	height: 2.65em;
	display: inline-block;
	text-align: center;
	line-height: 2.65em;
	color: inherit;
}

.icon.style2:before {
	font-size: 1.1em;
}

.icon.style2:hover {
	color: #f2849e;
	border-color: #f2849e;
}

.icon.style2:active {
	background-color: rgba(242, 132, 158, 0.1);
}
/* Tiles */

.tiles {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	postiion: relative;
	margin: -2.5em 0 0 -2.5em;
}

.tiles article {
	-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
	transition: transform 0.5s ease, opacity 0.5s ease;
	position: relative;
	width: calc(33.33333% - 2.5em);
	margin: 2.5em 0 0 2.5em;
}

.tiles article > .image {
	-moz-transition: -moz-transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
	position: relative;
	display: block;
	width: 100%;
	border-radius: 4px;
	overflow: hidden;
}

.tiles article > .image img {
	display: block;
	width: 100%;
}

.tiles article > .image:before {
	pointer-events: none;
	-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
	-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
	-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
	transition: background-color 0.5s ease, opacity 0.5s ease;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1.0;
	z-index: 1;
	opacity: 0.8;
}

.tiles article > .image:after {
	pointer-events: none;
	-moz-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 0.25;
	z-index: 2;
}

.tiles article > a {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
	-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
	-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
	transition: background-color 0.5s ease, transform 0.5s ease;
	position: absolute;
	top: -20px;
	left: -15px;
	width: 100%;
	height: 100%;
	padding: 1em;
	border-radius: 4px;
	border-bottom: 0;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	z-index: 3;
}

.tiles article > a > :last-child {
	margin: 0;
}

.tiles article > a:hover {
	color: #ffffff !important;
}

.tiles article > a h2 {
	margin: 0;
}

.tiles article > a .content {
	-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
	-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
	-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
	transition: max-height 0.5s ease, opacity 0.5s ease;
	width: 100%;
	max-height: 0;
	line-height: 1.5;
	margin-top: 0.35em;
	opacity: 0;
}
.tiles article.style123 > .image:before {
	background-color: #e7daef;
}

.tiles article > a .content > :last-child {
	margin-bottom: 0;
}

.tiles article.style1 > .image:before {
	background-color: #f2849e;
}

.tiles article.style2 > .image:before {
	background-color: #7ecaf6;
}

.tiles article.style3 > .image:before {
	background-color: #7bd0c1;
}

.tiles article.style4 > .image:before {
	background-color: #c75b9b;
}

.tiles article.style5 > .image:before {
	background-color: #ae85ca;
}

.tiles article.style6 > .image:before {
	background-color: #8499e7;
}

body:not(.is-touch) .tiles article:hover > .image {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

body:not(.is-touch) .tiles article:hover > .image:before {
	background-color: #333333;
	opacity: 0.35;
}

body:not(.is-touch) .tiles article:hover > .image:after {
	opacity: 0;
}

body:not(.is-touch) .tiles article:hover .content {
	max-height: 15em;
	opacity: 1;
}

* + .tiles {
	margin-top: 2em;
}

body.is-preload .tiles article {
	-moz-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0;
}

body.is-touch .tiles article .content {
	max-height: 15em;
	opacity: 1;
}

@media screen and (max-width: 1280px) {

	.tiles {
		margin: -1.25em 0 0 -1.25em;
	}

	.tiles article {
		width: calc(33.33333% - 1.25em);
		margin: 1.25em 0 0 1.25em;
	}

}

@media screen and (max-width: 980px) {

	.tiles {
		margin: -2.5em 0 0 -2.5em;
	}

	.tiles article {
		width: calc(50% - 2.5em);
		margin: 2.5em 0 0 2.5em;
	}

}

@media screen and (max-width: 736px) {

	.tiles {
		margin: -1.25em 0 0 -1.25em;
	}

	.tiles article {
		width: calc(50% - 1.25em);
		margin: 1.25em 0 0 1.25em;
	}

	.tiles article:hover > .image {
		-moz-transform: scale(1.0);
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
	}

}

@media screen and (max-width: 480px) {

	.tiles {
		margin: 0;
	}

	.tiles article {
		width: 100%;
		margin: 1.25em 0 0 0;
	}

}
/* Main */

#main {
	padding: 0em 0 6em 0 ;
}

@media screen and (max-width: 736px) {

	#main {
		padding: 0em 0 4em 0 ;
	}

}
/* Image */

.image {
	border-radius: 4px;
	border: 0;
	display: inline-block;
	position: relative;
}

.image img {
	border-radius: 4px;
	display: block;
}

.image.left, .image.right {
	max-width: 40%;
}

.image.left img, .image.right img {
	width: 100%;
}

.image.left {
	float: left;
	padding: 0 1.5em 1em 0;
	top: 0.25em;
}

.image.right {
	float: right;
	padding: 0 0 1em 1.5em;
	top: 0.25em;
}

.image.fit {
	display: block;
	margin: 0 0 2em 0;
	width: 100%;
}

.image.fit img {
	width: 100%;
}

.image.main {
	display: block;
	margin: 0 0 3em 0;
	width: 100%;
}

.image.main img {
	width: 100%;
}

@media screen and (max-width: 736px) {

	.image.main {
		margin: 0 0 2em 0;
	}

}
/* Full calendar */
.dropNewEvent{font-size:13px;}

.popoverTitleCalendar{
width:100%;
height:100%;
padding:15px 15px;
font-size:13px;
border-radius:5px 5px 0 0;
}

.popoverInfoCalendar i{
font-size:14px;
margin-right:10px;
line-height:inherit;
color:#d3d4da;
}

.popoverInfoCalendar p{
margin-bottom:1px;
}

.popoverDescCalendar{
margin-top:12px;
padding-top:12px;
border-top:1px solid #E3E3E3;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
}

.popover-title{
background:transparent;
font-weight:600;
padding:0 !important;
border:none;
}

.popover-content{
padding:15px 15px;
font-size:13px;
}

.inputModal{
width:65%;
margin-bottom:10px;
}

#contextMenu{
position:absolute;
display:none;
z-index:2;
}

#contextMenu .dropdown-menu{
border:none;
}

.opacityWeekend{
background-color:#f4f4fb !important;
}

.fc-avatar-image{
top:4px;
left:20px;
height:28px;
width:28px;
border-radius:50%;
position:absolute;
z-index:2;
}

.fc-avatar-image img{
height:28px;
width:28px;
border-radius:50%;
}

.fc-avatar-image:before{
content:none !important;
}

.fc-day-header{
text-transform:uppercase;
font-size:13px;
font-weight:500;
color:#505363;
background-color:#FAFAFA;
padding:11px 0px !important;
text-decoration:none;
}

.fc-day-header a{
text-decoration:none !important;
color:#505363;
}

.fc-center h2{
text-transform:uppercase;
font-size:18px;
font-weight:600;
color:#505363;
line-height:32px;
}

.fc-toolbar.fc-header-toolbar{
margin-bottom:22px;
padding-top:22px;
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{
padding-bottom:1em;
padding-top:1em;
}

.fc-day{
-webkit-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;
}

.fc-day:hover{
background:#EEF7FF;
cursor:pointer;
-webkit-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;
}

.fc-highlight{
background:#EEF7FF;
opacity:0.7;
}

.fc-time-grid-event.fc-short .fc-time:before{
content:attr(data-start);
display:none;
}

.fc-time-grid-event.fc-short .fc-time span{
display:inline-block;
}

.fc-time-grid-event.fc-short .fc-avatar-image{
display:none;
-webkit-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear;
}

.fc-time-grid .fc-bgevent,
.fc-time-grid .fc-event{
border:1px solid #fff !important;
}

.fc-time-grid-event.fc-short .fc-content{
padding:4px 20px 10px 22px !important;
}

.fc-time-grid-event .fc-avatar-image{
top:9px;
}

.fc-event-vert{
min-height:22px;
}

.fc .fc-axis{
vertical-align:middle;
padding:0 4px;
white-space:nowrap;
font-size:10px;
color:#505362;
text-transform:uppercase;
text-align:center !important;
background-color:#fafafa;
}

.fc-unthemed .fc-event .fc-content,
.fc-unthemed .fc-event-dot .fc-content{
padding:5px 10px 5px 10px;
/*font-family:'Roboto', sans-serif;*/
margin-left:-1px;
height:100%;
}

.fc-event{
border:none !important;
}

.fc-day-grid-event .fc-time{
font-weight:700;
text-transform:uppercase;
}

.fc-unthemed .fc-day-grid td:not(.fc-axis).fc-event-container{
/* padding:0.2rem 0.5rem; */
}

.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead{
border-color:#DADFEA;
}

.fc-ltr .fc-h-event .fc-end-resizer,
.fc-ltr .fc-h-event .fc-end-resizer:before,
.fc-ltr .fc-h-event .fc-end-resizer:after,
.fc-rtl .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-start-resizer:before,
.fc-rtl .fc-h-event .fc-start-resizer:after{
left:auto;
cursor:e-resize;
background:none;
}

select.filter{
width:500px !important;
}

.popover{
background:#fff !important;
color:#2E2F34;
border:none;
margin-bottom:10px;
}

/*popover header*/
.popover-title{
background:#F7F7FC;
font-weight:600;
padding:15px 15px 11px;
border:none;
}

/*popover arrows*/
.popover.top .arrow:after{border-top-color:#fff;}
.popover.right .arrow:after{border-right-color:#fff;}
.popover.bottom .arrow:after{border-bottom-color:#fff;}
.popover.left .arrow:after{border-left-color:#fff;}
.popover.bottom .arrow:after{border-bottom-color:#fff;}

#add-color,#edit-color{color:#d25565;}
a.fc-more{line-height:1.5;color:blue;font-size:13px;}

#kindGal li{
	margin-left:20px;
	margin-bottom: 150px;
	height: 550px;
}
#productGal li{
	margin-left:20px;
	margin-bottom: 150px;
	height: 550px;
}
.dataTables_paginate >.paginate_button.disabled {
    opacity: .35;
}
.dataTables_wrapper .table-pager {
    position: relative;
    width: 100%;
    min-height: 34px;
    background: #ffffff;
}
.dataTables_paginate {
    position: absolute;
    bottom: 0;
    left: 14%;
    right: 14%;
    line-height: 34px;
    color: #fff;
    text-align: center;
}
.dataTables_paginate > span a.paginate_button {
    display: inline-flex;
    color: rgba(0,0,0,.5);
    padding: 0 .5rem;
    cursor: pointer;
}
.dataTables_paginate > span a.current {
    color: rgba(0,0,0,1);
    font-weight: 700;
}
.dataTables_info {
    position: absolute;
    bottom: 0;
    right: .75rem;
    line-height: 34px;
    color: #ffffff;
}
/* ========================== 팝업 */
/* 링크 css */
#sFile a:hover{
	color: blue;
	text-decoration: underline;	
}
#news_file a:hover{
	color: blue;
	text-decoration: underline;		
}
#statute_file a:hover {
	color: blue;
	text-decoration: underline;
}
#manage_file a:hover{
	color: blue;
	text-decoration: underline;	
}
#eduMet_file a:hover{
	color: blue;
	text-decoration: underline;	
}
#eduVideo_file a:hover{
	color: blue;
	text-decoration: underline;
}
#notice_file a:hover {
	color: blue;
	text-decoration: underline;
}
#newsM_file a:hover{
		color: blue;
	text-decoration: underline;
}
#sContent a{
	color: #0867ff;
}
#news_context a{
	color: #0867ff;
}
#statute_context a{
	color: #0867ff;
}
#manage_context a{
	color: #0867ff;
}
#eduMet_context a{
	color: #0867ff;
}
#eduVideo_context a{
	color: #0867ff;
}
#notice_context a{
	color: #0867ff;
}
#newsM_context a{
	color: #0867ff;
}

