/*--------------------*/
/* BASIC TYPOGRAPHY */
/*--------------------*/

/* 기본설정 */
* {margin:0; padding:0;}
html,body	{margin:0; padding:0; font-family:nsr, nsb, 'Nanum Square', 나눔스퀘어, Malgun Gothic,"맑은 고딕", Dotum, AppleGothic, sans-serif; font-size:18px; color:#000; }
body	{background:#fff;}
div, table	{margin:0; padding:0;}
div { box-sizing:border-box; /* 박스사이즈 세팅*/}
input, select, textarea	{padding:0}
img, fieldset	{border:0;}
img	{vertical-align:top;}
ul, ol	{list-style:none;}
a {color:#3d3d3d;}
a:link, a:visited, a:active, a:hover {text-decoration:none;}
hr	{display:none;}

.hidden, caption {width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; position:absolute; left:0; top:0;}


/* Preloader */
#preloader {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#000; /* change if the mask should have another color then white */
  z-index:99999; /* makes sure it stays on top */
}

#status {
  width:200px;
  height:200px;
  position:absolute;
  left:50%; /* centers the loading animation horizontally one the screen */
  top:50%; /* centers the loading animation vertically one the screen */
  background-image:url(img/status.GIF); /* path to your loading animation */
  background-repeat:no-repeat;
  background-position:center;
  margin:-100px 0 0 -100px; /* is width and height divided by two */
}

/*scrol to top*/

.scrollToTop {
  bottom: 60px;
  display: none;
  font-size: 32px;
  font-weight: bold;
  height: 50px;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none;
  width: 50px;
  z-index: 9999;
  color: #fff;  
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #2da2c8;

}
.scrollToTop:hover, .scrollToTop:focus{
  text-decoration: none;
  outline: none;
}

/*--------------------*/
/* HEADER */
/*--------------------*/

#header{
	float: left;
	display: inline;
	width: 100%;
	position: relative;
}

/*--------.menu_area-------- */
.menu_area{
	position: absolute;
	left:0;
	right: 0;
	top: 0;
}
.navbar-default {
 background-color: rgba(31,104,186,0.7);
 /* background-color: transparent;*/
  border-color: transparent;
  /*margin-top: 20px;*/
  padding: 12px 0px;
}
#navbar{overflow-x: hidden; }

.navbar-brand {                                                                                                                                                                                                                                                                                                                                                                                                                        	
	color: #fff !important;
	font-size: 23px;
	font-weight: bolder;	
}

.nav>li {padding:10px 30px; }
.nav>li>a {padding:5px 0px;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-size: 16px;  
  text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover{
  text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  background-color: transparent;
  color: #fff;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color:#ffff00;}

.past-main {
  background-color:#fff;
  margin-top: 0px;
  padding:6px 0px;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  border-bottom:1px solid #d3d3d3;
}
.past-main .navbar-brand {color:#000 !important;}
.past-main.navbar-default .navbar-nav > li > a {color:#000 !important;}
.past-main.navbar-default .navbar-nav>.active>a,
.past-main.navbar-default .navbar-nav>.active>a:hover, 
.past-main.navbar-default .navbar-nav>.active>a:focus {color:#2b75cb !important; border-bottom:2px solid #2b75cb;}


/*--------/menu_area-------- */


/*-------- section -------- */

#section-01 {height:280px;clear:both; position:relative; overflow:hidden; width:100%; padding-top:75px; background:#66ccff;}

#section-01 .heading {position:relative; margin-top:30px;}
#section-01 .heading h2 {margin-bottom:30px; font-size:40px; color:#fff; line-height:1.3em; white-space:pre-line; letter-spacing:-0.05em;}
#section-01 .heading p {margin-bottom:50px; font-size:20px; color:#fff; line-height:1.5em; white-space:pre-line; letter-spacing:-0.05em;}
#section-01 .item_img {margin-top:30px; text-align:center;}

.movie_btn {display:block; padding:22px 0; margin-bottom:10px; width:280px; color:#fff; text-align:center; background:#0a2544; border-radius:5px;}
.movie_btn:hover,
.movie_btn:focus,
.movie_btn:active{color:#ffff00;}
.google_btn {display:block; padding:20px 0; width:280px; color:#fff; text-align:center; background:url('../images/google_btn.png') no-repeat center center; border-radius:5px; border:2px solid #fff; text-indent:-9999em;}
.google_btn1 {display:block; padding:20px 0; margin-bottom:10px; width:280px; color:#fff; text-align:center; background:url('../images/google_btn1.png') no-repeat center center; border-radius:5px; border:2px solid #fff; text-indent:-9999em;}
.apple_btn {display:block; padding:20px 0; width:280px; color:#fff; text-align:center; background:url('../images/apple_btn.png') no-repeat center center; border-radius:5px; border:2px solid #fff; text-indent:-9999em;}

#section-02 {clear:both; position:relative; overflow:hidden; width:100%; background-color:#f8f8f8; }
#section-02 .heading {position:relative; margin-top:20px;}
#section-02 .heading h2 {margin-bottom:10px; font-size:40px; line-height:1.3em; white-space:pre-line; letter-spacing:-0.05em; text-align:center;}
#section-02 .heading p {margin-bottom:80px; font-size:20px; line-height:1.5em; white-space:pre-line; letter-spacing:-0.05em; text-align:center;}
#section-02 .item_img {position:relative;}
#section-02 .item_img img {margin:8px 0px;border:1px solid #eee; border-radius:10px;}


#section-03 {clear:both; position:relative; overflow:hidden; width:100%; background-color:#f8f8f8; }
#section-03 .heading {position:relative; margin-top:20px;}
#section-03 .heading h2 {margin-bottom:10px; font-size:40px; line-height:1.3em; white-space:pre-line; letter-spacing:-0.05em; text-align:center;}
#section-03 .heading p {margin-bottom:80px; font-size:20px; line-height:1.5em; white-space:pre-line; letter-spacing:-0.05em; text-align:center;}
#section-03 .item_img {position:relative;}
#section-03 .item_img img {margin:8px 0px;border:1px solid #eee; border-radius:10px;}


#section-04 {clear:both; position:relative; overflow:hidden; width:100%; height:100%;  background-color:#f2f2f2; }
#section-04 .heading {position:relative; margin-top:45px;}
#section-04 .heading h2 {margin-bottom:30px; font-size:40px; line-height:1.3em; white-space:pre-line; letter-spacing:-0.05em; text-align:center;}
#section-04 .heading p {margin-bottom:85px; font-size:20px; line-height:1.5em; white-space:pre-line; letter-spacing:-0.05em; text-align:center;}
#section-04 .item_img_r {text-align:right;}
#section-04 .item_img_l {text-align:left;}

#section-05 {clear:both; position:relative; overflow:hidden; width:100%; height:100%;  background-color:#2b75cb; }
#section-05 .heading {position:relative; margin-top:175px;}
#section-05 .heading h2 {margin-bottom:30px; color:#fff; font-size:40px; line-height:1.3em;  white-space:pre-line; letter-spacing:-0.05em; text-align:center;}
#section-05 .heading p {margin-bottom:100px; color:#fff; font-size:20px; line-height:1.5em; white-space:pre-line; letter-spacing:-0.05em; text-align:center;}
#section-05 .item_img {position:relative;  text-align:center;}
#section-05 .item_img .line_btn {display:block; width:250px; padding:20px 0; margin:20px auto; color:#fff; text-align:center; border-radius:5px; border:1px solid #fff; }


#section-06 {clear:both; position:relative; overflow:hidden; width:100%; height:100%;  padding-top:0px; background-color:#f0f0f0}

.box_con  {padding:70px 0; background:#fff;}
.box_con h2 {font-size:36px; text-align:center;}
.box_con p {margin-bottom:20px; font-size:18px; text-align:center; line-height:1.5em; white-space:pre-line; letter-spacing:-0.05em;}

.blue_btn {display:block; padding:18px 0; margin:0 auto; width:250px; color:#fff; font-size:20px; text-align:center; background:#2b75cb; border-radius:5px;}
.blue_btn:hover,
.blue_btn:active,
.blue_btn:focus{color:#ffff00;}

.modal-content {border-radius:0px;}
.modal-header {border-bottom:none;}
.close {font-size:30px;}

.modal-title {font-size:36px; color:#000; text-align:center}

.form_style {position:relative; padding:0px 40px 30px 40px; }
.form_style ul {margin-bottom:35px;}
.form_style li {margin-bottom:10px;}
.form_style .input_type {box-sizing:border-box; padding:10px; width:100%; border: 1px solid #dbdbdb;}
.form_style .textarea_type {box-sizing:border-box; padding:10px; width:100%; border: 1px solid #dbdbdb;}

.send_btn {display:block; padding:18px 0; margin:0 auto; width:50%; color:#fff; font-size:20px; text-align:center; background:#2b75cb; border-radius:5px; border:none;}


/* 파일 추가 */
.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

.filebox label {
	display: inline-block; width:30%; margin:0px; /*height:40px; text-indent:-9999em; line-height:40px;*/
	background:#666;
	cursor: pointer;
	/*font-size: inherit;*/
	line-height: normal;
	vertical-align: middle;	
	text-align:center;
	color: #fff;
	font-weight:normal;
	padding: .5em .75em;
	font-size:18px;
	border: 1px solid #666;
	/*background-color: #fdfdfd;	
	border-bottom-color: #e2e2e2;
	border-radius: .25em;*/
	box-sizing:border-box;
}

/* named upload */
.filebox .upload-name {
	display: inline-block; width:69%; 
	padding: .56em .75em;
	font-size:18px;
	/*font-size: inherit;*/
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	border-bottom-color: #dbdbdb;
	/*border-radius: .25em;*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing:border-box;
}



.copy_info {clear:both; position:relative; padding-top:35px; text-align:center;}
.copy_info .copy_menu {position:relative; display:inline-block;}
.copy_info .copy_menu a { position:relative;display:inline-block;font-size:14px;  letter-spacing:-0.05em;}
.copy_info .copy_menu .color {padding:0 24px; color:#2b75cb; }
.copy_info .copy_menu .color:before {display:block; content:""; width:1px; height:13px; position:absolute; top:3px; left:10px; background:#8a8a8a;}
.copy_info .copy_menu .color:after {display:block; content:""; width:1px; height:13px; position:absolute; top:3px; right:10px; background:#8a8a8a;}
.copy_info address {position:relative; display:inline-block; font-size:14px; letter-spacing:-0.05em;}
.copy_info .tel {position:relative; display:inline-block; padding:0 24px;  font-size:14px; letter-spacing:-0.05em;}
.copy_info .tel:before {display:block; content:""; width:1px; height:13px; position:absolute; top:3px; left:10px; background:#8a8a8a;}
.copy_info .tel:after {display:block; content:""; width:1px; height:13px; position:absolute; top:3px; right:10px; background:#8a8a8a;}
.copy_info .fax {position:relative; display:inline-block; font-size:14px; letter-spacing:-0.05em;} 

#section-06 cite {display:block; font-style:normal; text-align:center; font-size:14px; }




/*--------------------*/
/* FOOTER */
/*--------------------*/

#footer{
	width: 100%;
	padding: 20px;
	
}


/*======================///////////////
			start responsive style
=====================///////////////////////*/


@media(max-width:1199px ){
  
	#section-01 {height:280px;}
	#section-02 .item_img img {margin:10px; border:1px solid #eeeeee; border-radius:10px;} 
	#section-03 .item_img img {margin:10px; border:1px solid #eeeeee; border-radius:10px;} 
}

@media(max-width:991px ){

	#section-01 {height:280px;}

	#section-02 {height:1730px; }
	#section-02 .item_img img {max-width:30%;margin:10px; border:1px solid #eeeeee; border-radius:10px;} 
	.movie_btn, .google_btn1, .apple_btn { width:240px; }	

	#section-03 {height:1750px; }
	#section-03 .item_img img {max-width:30%;margin:10px; border:1px solid #eeeeee; border-radius:10px;} 
}


@media(max-width:767px ){

	#section-01 {height:640px;}

	#section-02 {height:1130px; }
	#section-02 .item_img img {max-width:30%;margin:5px; border:1px solid #eeeeee; border-radius:10px;} 
	.movie_btn, .google_btn1, .apple_btn { width:100%; }	

	#section-03 {height:1170px; }
	#section-03 .item_img img {max-width:30%;margin:5px; border:1px solid #eeeeee; border-radius:10px;} 

}

@media(max-width:480px ){

	#section-01 {height:640px;}

	#section-02 {height:1780px; }
	#section-02 .item_img img {max-width:48%;margin:5px 0; border:1px solid #eeeeee; border-radius:10px;} 

	.send_btn {width:100%; font-size:16px; padding:12px 0;}
	
	#section-03 {height:1820px; }
	#section-03 .item_img img {max-width:48%;margin:5px 0; border:1px solid #eeeeee; border-radius:10px;} 

	#section-04 {height:430px;}

	#section-05 img {width:70%;}
 
}

@media(max-width:360px ){
	
	
}

@media(max-width:320px ){
	
	
}