@charset "utf-8";
@import url("default.css");
@import url("basic.css");
@import url("popup.css");
@import url("invito.css");

/* publishing Kim Sang Mi 2015-10-21 */


/************** 메인 **************/

#wrap						{min-width:340px;}

#header_main				 {z-index:99; position:fixed ; top:0; left:0; width:100%; height:80px; background:#fff; box-shadow:1px 1px 3px rgba(0,0,0,0.3); min-width:340px;}
#header_main .gnb_main		 {position:relative; max-width:1200px; height:80px; margin:0 auto;}
#header_main .gnb_main h1 { position:absolute; top:19px; left:0;}
#header_main .gnb_main h1 a { display:inline-block; width:133px; height:41px; text-indent:-9999px; background:url('../../images/invito/common/logo.jpg') no-repeat 0 0 ; }
#header_main .gnb_main ul.top-info { position:absolute; top:28px; right:0;  }


#footer-main { clear:both; position:relative; width:100%;  background-color:#333; }
#footer-main .f-content { max-width:1200px; margin:0 auto;}
#footer-main .f-content ul	{border-bottom:1px solid #444; overflow: hidden; padding:15px 0; text-align:center}
#footer-main .f-content ul li {display:inline-block; padding:0 10px; font-size:13px; }
#footer-main .f-content ul li a { color:#777; }
#footer-main .f-content ul li.pri-p a { color:#f0c648; }
#footer-main .f-content address {color:#898989; font-size:13px; padding:30px 0; line-height:21px; text-align:center }
#footer-main .f-content address span.divi { padding:0 10px; color:#555; }
#footer-main .f-content address span.copy { font-size:12px; display:block; padding-top:10px; letter-spacing:0px; color:#888 }
#footer-main .f-content address strong { color:#454545 }




/* 모바일메뉴 */
.mobileMenu							{position:absolute; right:0; top:17px; cursor:pointer; }
.mobileMenu	i						{font-size:25px; color:#000;}
#d-schedule							{display: block; width:100%; min-width:320px;}
#d-schedule > li > a				{display:block; text-align:center; color:#fff; padding:10px 0; font-size:24px;}
#d-schedule > li > a.open			{color:#f0c648;}
#d-schedule > li > ul				{display: none; padding-bottom:15px;}
#d-schedule > li > ul > li > a		{display:block; color:#666; padding:3px 0; font-size:18px; cursor:pointer;}
#d-schedule > li > ul > li > a:hover{color:#fff;}


.sidenav							{height: 100%; width: 0; position: fixed; z-index:100000; top: 0; right: 0; background-color: rgba(0,0,0,0.9 ); overflow-x: hidden; transition: 0.5s; padding-top: 40px; text-align:center; }
.sidenav a							{padding: 8px 8px 8px 32px; text-decoration: none;  color: #818181; display: block; transition: 0.3s; }
.sidenav a:hover					{color: #f1f1f1;}
.sidenav .closebtn					{position: absolute;top:0px; right: 5%; font-size: 36px; color:#888;cursor:pointer}


.mBlock								{display:none !important;}
.pcBlock							{display:block !important;}


.mainContent1				{position:relative; height:897px;}


/* visual */
.visual						{position:absolute; top:80px; width:100%; height:817px;}
.spot						{position:relative;z-index:0; height:817px;}
.spot .spot_li				{position:absolute; width:100%; height:820px; overflow:hidden;}
.spot .spot_li li			{height:817px;}
.spot .spot_li li:nth-of-type(1){background:url('../../images/invito/main/mainVisual01.jpg') no-repeat center top; background-size:cover}
.spot .spot_li li:nth-of-type(2){background:url('../../images/invito/main/mainVisual02.jpg') no-repeat center top; background-size:cover}
.spot .spot_li li:nth-of-type(3){background:url('../../images/invito/main/mainVisual03.jpg') no-repeat center top; background-size:cover}
.spot .spot_li li p				{text-align:center; padding-top:217px; font-size:40px; color:#fff}
.spot .spot_li li p	span		{color:#f1b80e}
.spot .spot_li li p b			{display:block; font-size:70px; letter-spacing:10px;}

/* FlexSlider Styles */ 
.flexslider .slides li		{display:none;/*-webkit-backface-visibility:hidden;*/} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slides:after				{content:".";display:block;clear:both;visibility:hidden;line-height:0;height: 0;} 
html[xmlns] .slides			{display: block;} 
* html .slides				{height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flex-viewport				{max-height:2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport		{max-height:5700px;}
.flexslider .slides			{zoom: 1;}
.carousel li				{margin-right: 5px}
.flex-direction-nav			{z-index:99999; position:absolute; top:0; left:0; width:100%; display:none}
.flex-control-nav	{position: absolute; top:570px;  width:100%; text-align:center; display:table-cell} 
.flex-control-nav li {margin:0; padding:0; display: inline-block; zoom: 1; *display: inline; } 
.flex-control-paging li a {width: 80px; height:5px; ; display: block; background-color:rgba(255,255,255,0.6); font-size:0; margin:0 4px; cursor:pointer} 
.flex-control-paging li a.flex-active {background-color:rgba(255,255,255,1)} 


.mainBtnBox				{position:absolute; top:700px; left:0; width:100%;}
.mainBtnBox		ul		{max-width:840px; margin:0 auto; overflow: hidden;}
.mainBtnBox		ul	li	{width:23%; float:left; text-align:center; padding:0 1%;}
.mainBtnBox		ul	li a{display:block; height:40px; padding-top:95px; width:100%; border-radius:8px; font-size:16px; color:#000}
.mainBtnBox		ul	li:nth-child(1)	a	{background:#f0c648 url('../../images/invito/main/main_btn_ico01.png') no-repeat center 20px;}
.mainBtnBox		ul	li:nth-child(2)	a	{background:#f0c648 url('../../images/invito/main/main_btn_ico02.png') no-repeat center 20px;}
.mainBtnBox		ul	li:nth-child(3)	a	{background:#f0c648 url('../../images/invito/main/main_btn_ico03.png') no-repeat center 20px;}
.mainBtnBox		ul	li:nth-child(4)	a	{background:#49a63f url('../../images/invito/main/main_btn_ico04.png') no-repeat center 20px;}



.mainContent2				{height:240px; background-color:#eee}
.mainContent2	.Sec_tlt	{font-size:18px; color:#333; height:45px; padding-left:50px;}
.innerBox					{max-width:1200px; margin:0 auto; padding:30px 0;}
.notice						{width:31.5%; float:left}
.quickIcon					{width:36%; float:left; border-left:1px solid #ddd; border-right:1px solid #ddd; height:180px}
.quickIcon ul				{padding:20px 15px 0 15px}
.quickIcon ul	li			{width:33%; float:left; text-align:center;}
.quickIcon ul	li	img		{display:block; padding-bottom:10px; margin:0 auto;}

.customer					{width:32%; float:left}
.customer p:nth-child(2)	{font-size:48px; line-height:48px; color:#97b792; font-weight:500; padding-left:50px;}
.customer p:nth-child(3)	{font-size:13px; color:#666; padding-top:20px; line-height:24px; padding-left:50px;}


#jqb_object {position:relative;	 height:120px;  background-color:#eee; padding-top:10px;}
#jqb_object .jqb_bar{position:absolute;	width:60px; height:30px;	right:40px;	bottom:20px;}
#jqb_object .jqb_slide{	position:absolute;padding-right:50px;	height:120px; background-color:#eee; padding-left:50px;}
#jqb_object .jqb_slide p:nth-child(1)	a{font-size:16px; color:#000}
#jqb_object .jqb_slide p:nth-child(2)	 {padding-top:15px;}

#jqb_object .jqb_btn{width:30px; height:20px; float:right;	margin:0 0;	cursor:pointer;}
#jqb_object .jqb_btn_next{background:url('../../images/invito/main/notice_btn02.jpg') no-repeat 0 0;}
#jqb_object .jqb_btn_prev{background:url('../../images/invito/main/notice_btn01.jpg') no-repeat 0 0;}







@media screen and (max-width:1280px) {
	
#header_main .gnb_main { margin:0 3%}

.mainContent1				{position:relative; height:750px;}


/* visual */
.visual							{position:absolute; top:80px; width:100%; height:670px;}
.spot							{position:relative;z-index:0; height:670px;}
.spot .spot_li					{position:absolute; width:100%; height:670px; overflow:hidden;}
.spot .spot_li li				{height:670px;}
.spot .spot_li li p				{text-align:center; padding-top:137px; font-size:40px; color:#fff}
.spot .spot_li li p	span		{color:#f1b80e}
.spot .spot_li li p b			{display:block; font-size:70px; letter-spacing:10px;}
.flex-control-nav				{position: absolute; top:430px;  width:100%; text-align:center; display:table-cell}


.mainBtnBox				{position:absolute; top:550px; left:0; width:100%;}


.mainContent2	.Sec_tlt	{font-size:18px; color:#333; height:45px; padding-left:30px;}
.innerBox					{margin:0 3%; padding:30px 0;}
.notice						{width:29.5%; float:left}
.quickIcon					{width:36%; float:left; border-left:1px solid #ddd; border-right:1px solid #ddd; height:180px}
.quickIcon ul				{padding:20px 15px 0 15px}
.quickIcon ul	li			{width:33%; float:left; text-align:center;}
.quickIcon ul	li	img		{display:block; padding-bottom:10px; margin:0 auto;}

.customer					{width:34%; float:left}
.customer p:nth-child(2)	{font-size:48px; line-height:48px; color:#97b792; font-weight:500; padding-left:30px;}
.customer p:nth-child(3)	{font-size:13px; color:#666; padding-top:20px; line-height:24px; padding-left:30px; letter-spacing:-1px;}


#jqb_object {position:relative;	 height:120px;  background-color:#eee; padding-top:10px;}
#jqb_object .jqb_bar{position:absolute;	width:60px; height:30px;	right:40px;	bottom:20px;}
#jqb_object .jqb_slide{	position:absolute;padding-right:30px;	height:120px; background-color:#eee; padding-left:30px;}
#jqb_object .jqb_slide p:nth-child(1)	a{font-size:16px; color:#000}
#jqb_object .jqb_slide p:nth-child(2)	 {padding-top:15px;}

#jqb_object .jqb_btn{width:30px; height:20px; float:right;	margin:0 0;	cursor:pointer;}
#jqb_object .jqb_btn_next{background:url('../../images/invito/main/notice_btn02.jpg') no-repeat 0 0;}
#jqb_object .jqb_btn_prev{background:url('../../images/invito/main/notice_btn01.jpg') no-repeat 0 0;}




}


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

#header_main				 {z-index:99; position:fixed ; top:0; left:0; width:100%; height:60px; background:#fff; box-shadow:1px 1px 3px rgba(0,0,0,0.3)}
#header_main .gnb_main		 { height:60px;}
#header_main .gnb_main h1	{ position:absolute; top:15px; left:0;}
#header_main .gnb_main h1 a { display:inline-block; width:90px; height:28px; text-indent:-9999px; background:url('../../images/invito/common/logo.jpg') no-repeat 0 0 ; background-size:100%; }
#header_main .gnb_main ul.top-info { position:absolute; top:17px; right:40px;  }


.mBlock								{display:block !important;}
.pcBlock							{display:none !important;}



.mainContent1				{position:relative; height:680px;}


/* visual */
.visual							{position:absolute; top:50px; width:100%; height:450px;}
.spot							{position:relative;z-index:0; height:450px;}
.spot .spot_li					{position:absolute; width:100%; height:450px; overflow:hidden;}
.spot .spot_li li				{height:450px;}
.spot .spot_li li p				{text-align:center; padding-top:137px; font-size:40px; color:#fff}
.spot .spot_li li p	span		{color:#f1b80e}
.spot .spot_li li p b			{display:block; font-size:70px; letter-spacing:10px;}
.flex-control-nav				{position: absolute; top:400px;  width:100%; text-align:center; display:table-cell}


.mainBtnBox				{position:absolute; top:520px; left:0; width:100%;}



.mainContent2				{height:auto; overflow: hidden; background-color:#eee}
.mainContent2	.Sec_tlt	{font-size:20px; color:#333; height:45px; padding-left:0;}
.notice						{width:100%; float:left; border-bottom:1px solid #ddd}
.quickIcon					{width:47%; float:left; border-left:none;  height:180px; padding:30px 3% 40px 0}
.quickIcon ul				{padding:20px 0 0 0}
.quickIcon ul	li			{width:33%; float:left; text-align:center;}
.quickIcon ul	li	img		{display:block; padding-bottom:10px; margin:0 auto;}

.customer					{width:49.5%; float:left; padding:30px 0 40px 0}
.customer .Sec_tlt			{padding-left:30px;}
.customer p:nth-child(2)	{font-size:48px; line-height:48px; color:#97b792; font-weight:500; padding-left:30px;}
.customer p:nth-child(3)	{font-size:13px; color:#666; padding-top:20px; line-height:24px; padding-left:30px; letter-spacing:-0.5px;}


#jqb_object {position:relative;	 height:60px; background-color:#eee; padding-top:10px;}
#jqb_object .jqb_bar{position:absolute;	width:60px; height:30px;	right:0;	top:-40px;}
#jqb_object .jqb_slide{	position:absolute;padding-right:0;	height:60px; background-color:#eee; padding-left:0; width:100%}
#jqb_object .jqb_slide p:nth-child(1)	{display:inline-block; width:69% }
#jqb_object .jqb_slide p:nth-child(1)	a{font-size:16px; color:#000}

#jqb_object .jqb_slide p:nth-child(2)	 {padding-top:0; display:inline-block; text-align:right; width:30%}


#footer-main .f-content {margin:0 3%;}


}



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

#header_main .gnb_main { margin:0 5%}

.mainContent1				{position:relative; height:640px;}


/* visual */
.visual							{position:absolute; top:50px; width:100%; height:320px;}
.spot							{position:relative;z-index:0; height:320px;}
.spot .spot_li					{position:absolute; width:100%; height:320px; overflow:hidden;}
.spot .spot_li li				{height:320px;}
.spot .spot_li li p				{text-align:center; padding-top:100px; font-size:24px; color:#fff}
.spot .spot_li li p	span		{color:#f1b80e}
.spot .spot_li li p b			{display:block; font-size:32px; letter-spacing:10px;}
.flex-control-nav				{position: absolute; top:290px;  width:100%; text-align:center; display:table-cell; z-index:1000000000000}
.flex-control-paging li a {width: 50px; height:4px; ; display: block; background-color:rgba(255,255,255,0.6); font-size:0; margin:0 4px; cursor:pointer}

.mainBtnBox				{position:absolute; top:520px; left:0; width:100%;}


.mainBtnBox				{position:absolute; top:370px; left:0; width:100%;}
.mainBtnBox		ul		{max-width:840px; margin:0 auto; overflow: hidden;}
.mainBtnBox		ul	li	{width:50%; float:left; text-align:center; padding:0 0; border-bottom:1px solid #fff; border-left:1px solid #fff; margin-left:-1px;}
.mainBtnBox		ul	li a{display:block; height:40px; padding-top:95px; width:100%; border-radius:0; font-size:16px; color:#000}
.mainBtnBox		ul	li:nth-child(1)	a	{background:#f0c648 url('../../images/invito/main/main_btn_ico01.png') no-repeat center 25px; background-size:75px auto}
.mainBtnBox		ul	li:nth-child(2)	a	{background:#f0c648 url('../../images/invito/main/main_btn_ico02.png') no-repeat center 25px; background-size:75px auto}
.mainBtnBox		ul	li:nth-child(3)	a	{background:#f0c648 url('../../images/invito/main/main_btn_ico03.png') no-repeat center 25px; background-size:75px auto}
.mainBtnBox		ul	li:nth-child(4)	a	{background:#49a63f url('../../images/invito/main/main_btn_ico04.png') no-repeat center 25px; background-size:75px auto}


.mainContent2				{height:auto; overflow: hidden; background-color:#eee}
.mainContent2	.Sec_tlt	{font-size:20px; color:#333; height:45px; padding-left:0;}


.innerBox					{margin:0 5%; padding:30px 0;}

.notice						{width:100%; float:left; border-bottom:1px solid #ddd}
.quickIcon					{width:100%; float:left; border-left:none;  border-right:none; border-bottom:1px solid #ddd; height:auto; padding:30px 0 40px 0}
.quickIcon ul				{padding:20px 0 0 0}
.quickIcon ul	li			{width:33%; float:left; text-align:center;}
.quickIcon ul	li	img		{display:block; padding-bottom:10px; margin:0 auto;}

.customer					{width:100%; float:left; padding:30px 0 40px 0}
.customer .Sec_tlt			{padding-left:0;}
.customer p:nth-child(2)	{font-size:48px; line-height:48px; color:#97b792; font-weight:500; padding-left:0;}
.customer p:nth-child(3)	{font-size:13px; color:#666; padding-top:20px; line-height:24px; padding-left:0; letter-spacing:0;}


#jqb_object {position:relative;	 height:90px; background-color:#eee; padding-top:10px;}
#jqb_object .jqb_bar{position:absolute;	width:90px; height:30px;	right:0;	top:-40px;}
#jqb_object .jqb_slide{	position:absolute;padding-right:0;	height:60px; background-color:#eee; padding-left:0; width:100%}
#jqb_object .jqb_slide p:nth-child(1)	{display:inline-block; width:100% }
#jqb_object .jqb_slide p:nth-child(1)	a{font-size:16px; color:#000}

#jqb_object .jqb_slide p:nth-child(2)	 {padding-top:10px; display:inline-block; text-align:left; width:100%}


}