html,*,body {margin:0;padding:0; box-sizing: border-box;}
body {font-family: 'Noto Sans KR', sans-serif;}
a,button {cursor: pointer;}
.sdonly {display: none}
.inner {width: 1200px; margin:0 auto;}

.pcol {color:#ff0d80 !important;}
.bgw{background: #fff;}

.section {position: relative; }
/*#myVideo {  position: absolute; top:0;left:0; right: 0;  bottom: 0;  width: 100%;  z-index:-1;}*/
.fxvideo {position: relative;    background-size: cover;    background-position: 50% 50%;    height: 900px;    z-index: 0; overflow: hidden;}
#myVideo {-webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;    top: 50%;    left: 50%;     width: 100%; min-width: 100% ;  z-index: -100;}

#header {position: fixed; top:0;left:0;right: 0; border-bottom: 1px solid #555; border-bottom: 1px solid rgba(256,256,256,0.3); text-align: right; z-index: 990;transition: all 0.3s ease}
#logo {position: absolute; top:20px; left: 30px; transition: all 0.3s ease}
#mnb { padding-right: 30px; }
#mnb ul { font-size: 0 }
#mnb ul li {display: inline-block; vertical-align: middle;}
#mnb ul li a {color:#fff; font-size: 18px; font-weight: bold; display: block; padding:40px 20px; cursor: pointer; text-decoration: none;transition: all 0.3s ease}
#mnb ul li a:hover {}
#mnb ul li.pbtn a {padding:12px 44px; background: #ff0d80; font-size: 16px; border-radius: 30px; margin-left: 30px;}

body.fx #header {background: #fff; border-bottom:1px solid #ccc;}
body.fx #mnb ul li a {color:#333; padding:30px 20px;}
body.fx #mnb ul li.pbtn a {color:#fff;padding:12px 44px; }
body.fx #logo {top:10px;}

.pos.vc {position: absolute; top:50%; margin-top: -140px; left:0; right: 0;}
#main_bg {text-align: center;color:#fff; height: 860px; position: relative;}
#main_bg h2 {font-size: 60px;  text-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
#main_bg p {font-size: 30px; display: inline-block; position: relative; font-weight: 500; text-shadow: 2px 2px 2px rgba(0,0,0,0.2)}
#main_bg p:before {position: absolute; content: ''; display: block; left:0px; right: 0px; top:18px;  background: #ff0d80; width: 100%; height: 20px; z-index: -1}

.gray {background: #f8fafa; padding:150px 0}
.cardlist {font-size: 0; padding:80px 0 50px;position: relative;}
.cardlist .card {font-size: 16px; display: inline-block;background: #8964d7 no-repeat 50% 80%; background-size: 100px;margin:0 10px; padding:30px; color:#fff; text-align: left; min-height: 350px;vertical-align: top;}
.cardlist .card.odd {background: #565f7b no-repeat 50% 80%; background-size: 100px}
.cardlist .card h3 {padding:20px 0;}
.cardlist .card p {word-break: keep-all;}

.cardlist .card.tcon1 {background-image: url(../images/tcon1.png); }
.cardlist .card.tcon2 {background-image: url(../images/tcon2.png); }
.cardlist .card.tcon3 {background-image: url(../images/tcon3.png); }
.cardlist .card.tcon4 {background-image: url(../images/tcon4.png); }
.cardlist .card.tcon5 {background-image: url(../images/tcon5.png); }

.fxintro {padding:105px 0;}
.fxintro .inner {font-size: 0;color:#fff; padding:0 30px;}
.fxintro .inner .imgtitle {display: inline-block; vertical-align: middle; font-size: 70px; padding-right: 140px}
.fxintro .inner .imgtitle span {display: block; line-height: 1.2;font-weight: bold;}
.fxintro .inner .txt {display: inline-block; font-size: 16px;vertical-align: middle;}
.fxintro .inner .txt p {padding-bottom: 24px;}

.reading {padding:150px 0;}
.iconlist {font-size: 0;padding:80px 0;}
.iconlist .iconcon {display: inline-block; font-size: 1rem; width: 380px; margin:0 10px;}
.iconlist .iconcon .icon {display: inline-block; padding-bottom: 20px; border-bottom: 5px solid #ff0d80; margin-bottom: 20px;}
.iconlist .iconcon h3 {padding-bottom: 20px}

#footer {background: #4c4c4c; text-align: center; padding:50px 0;}
#footer p {color:#aeaeae; padding-top: 30px; font-size: 14px;}

.bg1 {background:#00d296 url(../images/bg1.jpg) no-repeat 50% 0;height: 1536px;}
.bg2 {background:#485eb0 url(../images/bg2.jpg) no-repeat 50% 0;height: 896px;}
.bg3 {background: url(../images/bg3.jpg) no-repeat 50% 0; background-size: cover;}

.tlc {text-align: center;}
.fzt {font-size: 48px;}
.fzb {font-size: 24px;}
.fzn {font-size: 18px;}
.fzs {font-size: 16px;}

.row {font-size: 0;}
.row > * {font-size: 1rem}
.col {display: inline-block; vertical-align: middle;}
.w50 {width: 50%;}

.proj {color:#fff; padding-top: 220px}
.proj h3 {font-size: 54px; letter-spacing: -0.03em; font-weight: normal; line-height: 1.2}
.proj h3 span {font-size: 32px;}
.proj p { padding: 40px 0}
.proj a {}

.btn {padding:12px 50px; display: inline-block; background: #ff0d80;color:#fff; font-size: 18px; border-radius: 30px; text-decoration: none; min-width: 180px; text-align: center;}

.slick-arrow {width:48px; height: 48px; border-radius: 50% ;background: #fff;  text-align: left; border:0; overflow: hidden;
color:transparent; text-indent: -9999px; cursor: pointer; outline: none; box-shadow: 2px 2px 3px rgba(0,0,0,0.1); position: absolute; top:48%; z-index: 50}
.slick-prev {left:0; background: rgba(256,256,256,0.8) url(../images/prev.png) no-repeat 50% 50%;}
.slick-next {right: 0; background: rgba(256,256,256,0.8) url(../images/next.png) no-repeat 50% 50%;}


.rent {padding:120px 0 60px; color:#fff; text-align: center;}
.rent p {}
.guide {padding-top:70px;}
.gbox {width:50%;display: inline-block; vertical-align: top; margin-bottom: 60px;}
.gbox h3 {padding: 15px 0}
.gbox ul {list-style: none;display: inline-block; text-align: left;}
.gbox ul li {margin-bottom: 12px; position: relative; padding-left: 32px}
.gbox ul li b {color:#ff77ba; }
.gbox ul li i {font-size:14px;display: inline-block; width:24px; height: 24px;line-height: 24px; border-radius: 50%; background:#5e8df8; color:#fff; font-style: normal; 
	text-align: center; margin-right: 8px; position: absolute; top:0; left: 0}
.mo-nav  {display: none}

@media screen and (max-width: 1590px){
	#myVideo {width: auto; min-width: auto; height: 100%; min-height: 100%;}
}
@media screen and (max-width: 1199px){
	.mo-nav {position: fixed; top:10px; right: 20px; z-index: 9991; width: 40px; height: 40px; background: url(../images/nav_w.png) no-repeat 50% 50%; background-size: 50px;
		text-align: left; text-indent: -9999px; display: block; overflow: hidden;color:transparent;}
	body.fx .mo-nav {background-image:url(../images/nav.png) }
	.fxvideo {position: relative;    background-size: cover;    background-position: 50% 50%;    height: 100vh;    z-index: 0;}
	#main_bg {height: auto;}
	.inner {width:auto;}
	#header {height: 58px;}
	img {max-width: 100%}
	body.fx #logo,#logo {top:7px; left:20px;}
	#logo img {width: 160px}
	#mnb {position: fixed; top:58px;right: -100%; width: 100%; bottom:0; z-index: 9990; background: #fff; padding:0;}
	#mnb ul {text-align: left; padding:0 20px;}
	body.fx #mnb ul li, #mnb ul li {display: block; padding:0;}
	body.fx #mnb ul li a, #mnb ul li a {display: block; padding:15px 20px;border-bottom: 1px solid #eee; color:#333;}
	#mnb ul li.pbtn {margin-top: 40px;}
	body.fx #mnb ul li.pbtn a,#mnb ul li.pbtn a {text-align: center;color:#fff; padding:16px 0; margin-left: 0}
	#main_bg p {font-size: 18px; letter-spacing: -0.03em; word-break: keep-all;}
	#main_bg p:before {top:10px; height: 15px}
	#main_bg h2 {font-size: 32px; letter-spacing: -0.03em}
	#main_bg h2 b {font-size: 24px; letter-spacing: -0.03em}

	p,h2,h3 {word-break: keep-all; letter-spacing: -0.03em}
	.gray {padding:80px 20px 60px;}
	.pos.vc {margin-top: -80px}
	.cardlist {padding:40px 0 20px;}

	.fxintro {padding:60px 20px;}
	.fxintro .inner {padding:0; font-size: 1rem}
	.fxintro .inner .imgtitle {margin:0 auto;padding-right: 0;}
	.fxintro .inner .imgtitle img {width: 120px;margin-right: 10px}
	.fxintro .inner .imgtitle span {display: inline-block; font-size: 46px;}
	.fxintro .inner .txt br {display: none;}
	
	.bg1 {background-size: cover; height: auto}
	.reading {background: #fff;padding:60px 20px 0px;}
	.iconlist {padding:30px 0;}
	.iconlist .iconcon {display: block; width: auto; margin-bottom: 60px;}

	.proj {padding:60px 20px; text-align: center;}
	.proj img {width: 240px;}
	.bg2 {background:#485eb0; height: auto;}
	.mw-a {width: auto; display: block;}
	.proj h3 {font-size: 42px}
	.proj h3 span {font-size: 18px;}
	.proj p {padding:24px 0;}

	.rent {padding:60px 20px;}
	.gbox {display: block; width: auto;}	
	.gbox img {width: 250px}
	.gbox li {word-break: keep-all;}

	.fzt {font-size: 32px;}
	.fzb {font-size: 18px;}
	.fzn {font-size: 16px;}
	.fzs {font-size: 14px;}
}