.layout {    width: 100%;    position: relative;    margin: 0 auto;    height: 100%;}
.blindWrap {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, 0.5);    z-index: 1000;    display: none;}

body {    /* padding-top: 100px; */    /* min-width: 1300px; */    /* max-width: 1920px; */    margin: 0 auto;    position:relative;}
.header {    position: fixed;    top: 0;    left:0;    width: 100%;    height: 70px;    transition: all .5s;    z-index: 1500;    /* max-width: 1920px; */    margin:0 auto;    background-color: #fff;}
.header.scroll .topWrap {    /* background-color: #005151; */    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);}
.header.active .topWrap {    height: 100%;    /* background-color: #005151; */}
.header .topWrap {    position:relative;    height: 70px;    display: flex;    align-items: center;    justify-content: space-between;  z-index: 1;    padding-left: 20px;    padding-right: 20px;    transition:all .5s;    border-bottom:1px solid rgba(0, 0, 0, 0.2);}
.header.active .topWrap {    border-bottom:none;}
.header .topWrap .toggleBtn {    width: 20px;}
.header .topWrap .logo {    width: 160px;    position:relative;}
.header .topWrap .call		{display:inline-block; position:absolute; top:19px; right:55px; width:32px; font-size:15px; height:32px; padding-top:8px; border-radius:50%; background-color:#1c2344; color: #fff; text-align:center; ;}
.header .topWrap .toggleBtn {    position:relative;}
.header .topWrap .telBtn {    width: 18px;    /* margin-right: 25px; */}
.header .topWrap .menu {    display: flex;    flex-flow: column;    /* height: 100%; */    position:absolute;    top:70px;    left:0;    width: 100%;    background-color: #fff;    height: calc(100vh - 60px);    padding:0 0 30px;    display: none; border-top:1px solid #ddd}
.header .topWrap .menu>li {    width: 100%;    position:relative;    display: flex;    flex-flow: column;    justify-content: center;    align-items: center;    border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.header .topWrap .menu>li>a {    display: flex;    align-items: center;    justify-content: space-between;    padding:20px 15px;    font-size: 16px;    color:#111;    width: 100%;    position:relative;}

/* .header.active .topWrap .menu>li>a,
.header.scroll .topWrap .menu>li>a {
    color:#333333;
} */

.header .topWrap .menu>li>a:after {    content:'+';    color:#111;    font-size: 20px; }
.header .topWrap .menu>li.active>a:after {    content: '-';}
.header .topWrap .depth2 {    width: 100%;    display: none;    background-color: #eee;    padding:15px 0;}
.header .topWrap .depth2 li:not(:last-child) {    margin-bottom: 13px;}
.header .topWrap .depth2 li a {  font-size: 14px;    text-align: center;    display: block;    color: #252525;}
.header .topWrap .depth2 li.active a {}
.header .topWrap .rightWrap {    display: flex;    height: 100%;    align-items: center;}
.header .topWrap .rightWrap .telBtn {    margin-right: 15px;}
.header .bottomWrap {    position:absolute;    bottom:0;    left:0;    width: 100%;    height: calc(100% - 110px);    transition:all .5s;    border-top:1px solid transparent;}
.header.active .bottomWrap {    border-top: 1px solid #c9caca;}


.header .topWrap .logo2 {    width: 100px;    position:relative; }
.header .topWrap .call_wrap {  color: #7a054b; word-break: keep-all; font-size: 18px; font-weight: 700;}
.header .topWrap .call_wrap .call_text  { position:absolute; top:27px; right:90px;}

.footer {    position:relative;    background-color: #1c2344;   z-index: 99;    padding:50px 0   80px 0;}
.footer	.inner	{margin:0 5%; text-align:left; color:#aaa}
.footer	.inner .text2	{margin-top:30px; line-height:1.5}
.footer	.inner .text3	{line-height:1.6; font-size:12px; margin-top:10px;}
.footer	.inner img	{display:inline-block; vertical-align:middle}
.footer	.inner span	{font-size:13px; color:#fff; display:inline-block; margin-right:10px}
.footer	.inner .copy	{font-size:13px; font-weight:400; margin-top:20px; color:#fff}


.sub_visual		{height:150px; background:#e7f1f8 url("/home/images/common/sub_visual.jpg") no-repeat bottom center; background-size:cover; margin-top:60px; overflow: hidden}
.sub_visual  p	{margin:0 10%; padding-top:30px; overflow: hidden}
.sub_visual  p  img	{width:120px;}


.subTitle			{position:relative;  margin:50px auto; text-align:center; font-size:28px; color:#121212; font-weight:500; }
.subContents		{ min-height:300px;  overflow: hidden; padding:20px 5% 80px 5%; background-color:#f4f4f2}



.m_quick		{position:fixed; bottom:0; left:0; width:100%; z-index:99999999}
.m_quick  ul	{overflow: hidden;}
.m_quick  ul	li	{width:50%; float:left; line-height:50px; height:50px; text-align:center}
.m_quick  ul	li:nth-child(1)	{background-color:#1c2344; font-size:15px; color:#fff; letter-spacing:1px; font-weight: 500; }
.m_quick  ul	li:nth-child(1)	span	{   font-family: 'futura-pt'; font-weight:600; font-size:18px; letter-spacing:-0.5px;}
.m_quick  ul	li:nth-child(2)	{background-color:#666; }
.m_quick  ul	li:nth-child(2)	a	{color:#fff; font-weight:600; font-size:15px; }


.kakao			{position:fixed; bottom:60px; right:5px;  z-index:99999999}
.kakao img	{width:50px; border-radius:50%; box-shadow: 3px 3px 5px  rgba(0,0,0,0.2)}

.m_movie			{position:fixed; bottom:115px; right:5px;  z-index:99999999}
.m_movie img	{width:50px; border-radius:50%; box-shadow: 3px 3px 5px  rgba(0,0,0,0.2)}

.sub_vsual		{height:200px; background:url("/home/m/images/sub_visual.jpg") no-repeat center top; margin-top:60px;}


.subContentsTop	{margin-top:60px; background-color:#f4f4f2; text-align:center; padding:30px 5%;}
.subContentsTop img	{margin:0 auto}
.subContentsTop	.text1		{color:#716e6a; font-family:"futura-pt";  font-size:22px; font-weight:300; padding-top:30px; }
.subContentsTop	.text2		{color:#1c2344; font-size:32px; font-weight:400; line-height:1.2; padding-top:10px; letter-spacing:-1px;}
.subContentsTop	.text2	 span	{display:block; font-size:16px; color:#121212; padding-bottom:5px; padding-top:20px;}
.subContentsTop	.text2	 strong	{display:block; font-size:20px; color:#121212; padding-bottom:5px; padding-top:20px; font-weight:400}
.subContentsTop	.text3		{padding-top:20px;  line-height:1.6; color:#666}



.main_pop_mv {position:fixed; width:96%; left:2%; margin-left:0; margin-top:0; top:0; height:100%; z-index: 99999;  animation-name: main-pop0;  animation-duration: 1.5s;    animation-delay: 0s;  animation-fill-mode: both; }
.main_pop_mv .pop_wrap {position: relative;  margin-top:100px; position:relative;	padding-bottom: 54%; /* 16/9 ratio */	height: 0;	background:none}
.main_pop_mv span {position:absolute;top:-50px;right:0; width:55px;height:55px;font-size:0;z-index:10001; background-color:transparent}
.main_pop_mv span a::after {position:absolute;top:-9px;left:5px;content:'\e870';font-family:Linearicons-Free;color:#fff;font-size:46px;transition:transform .5s;}
.main_pop_mv span a:hover::after {transform:rotate(90deg);}
.main_pop_mv button		{position:absolute; bottom:-45px; right:20px; Background-color: transparent; color:#eee; line-height:45px; font-size:14px; font-family: 'NEXON Gothic';  border:0}
.main_pop_mv button img		{vertical-align:middle; padding-bottom:2px; margin-right:2px;}



.main_pop_mv .pop_wrap iframe,
.main_pop_mv .pop_wrap object,
.main_pop_mv .pop_wrap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}


@keyframes main-pop0 {
  from {top: -1000px; opacity: 9}
  to {top: 60px;}
}

#layerScreen {position:fixed;top:0;left:0;right:0;bottom:0;background:black;filter:Alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;display:none;z-index:99998;}