@charset "utf-8";
 *{
	 margin:0px;
	 padding:0px;
 }
 
 a
 {
	 text-decoration:none;
	 color:inherit;
 }
 
 #all
 {
	 position:relative;
 }
 
 header
 {
	 position:relative;
 }
 
 /*1*/
 #top_area1
 {
	 position:relative;
	 height:170px;
	 border-top:5px solid #009223;
 }
 
 #top_area1 > div
 {
	 position:relative;
	 width:1200px;
	 margin:0px auto;
	 height:170px;
 }
 
 .top_logo
 {
	 position:relative;
	 width:300px;
	 margin:0px auto;
	 text-align:center;
	 padding-top:35px;
 }
 
 
 .top_quick
 {
	position:absolute;
	top:40px;
	right:0px;	
 }
 
 .top_quick > ul
 {
	 position:relative;
 }
 
.top_quick > ul > li
 {
	 display:inline-block;
	 height:30px;
	 border:1px solid #dddddd;
	 border-radius:13px;
	 color:#666666;
	 padding:10px 10px 0px 10px;
 }
 
 .top_menu
 {
	 position:relative;
	 width:1200px;
	 margin:0px auto;
	 height:80px;
 }
 
 .top_menu > ul
 {
	 position:relative;
	 text-align:center;
	 padding-top:40px;
 }
 
 .top_menu > ul > li
 {
	 display:inline-block;
	 font-size:18px;
	 font-weight:bold;
	 padding:0px 60px;
 }
 
 main
 {
	 position:relative;
 }
 
 /*2*/
 #movie_area2
 {
	position:relative;
	height:520px;
 }
 
 .movie_frame
 {
	 position:relative;
	 height:490px;
	 background-color:yellow;
	 overflow:hidden;
 }
 
 .movie_frame > iframe
 {
	position:absolute; /* 포지션 앱솔루트 일때 가운데 정렬하는 방법 - 제이쿼리 연동시 필요한 사항*/
	left:50%; /*포지션 앱솔루트의 해당 태그를 화면 왼쪽에서 50% 위치에 배치*/
	margin-left:-960px; /*해당 태그(여기에서는 iframe 태그)의 가로사이즈 절반 만큼을 마이너스 값으로 margin-left에 넣어주기*/
	margin-top:-410px;
 }	 
 
 .up_button
 {
	position:absolute;
	width:1200px;
	height:80px;
	top:440px;
	left:0px;
	right:0px;
	margin:auto;
 }
 
 .up_button > ul
 {
	 position:relative;
	 text-align:right;
	 font-size:0pt;
 }
 
 .up_button > ul > li
 {
	 display:inline-block;
	 width:300px;
	 height:80px;
	 text-align:center;
	 font-size:14pt;
 }
 
 .store
 {
	 background-color:#ffce32;
	 border-radius:30px 0px 0px 0px;
 }
 
 .franchise
 {
	 background-color:#009223;
	 border-radius:0px 0px 30px 0px;
 }
 
 .store strong::before
 {
	 content:'';
	 display:inline-block;
	 width:34px;
	 height:30px;
	 background-image:url('../image/icon_map.png');
	 background-repeat:no-repeat;
 }
 
 .franchise strong::before
 {
	 content:'';
	 display:inline-block;
	 width:34px;
	 height:30px;
	 background-image:url('../image/icon_franchise.png');
	 background-repeat:no-repeat;
 }
 
 .up_button div
 {
	 padding-top:20px;
 }
 
  /*3*/
#menu_area3
 {
	 position:relative;
	 height:560px;
	 padding-top:50px;
 }
 
 .menu_acc
 {
	 position:relative;
	 width:1200px;
	 margin:0px auto;
 }
 
 .menu_acc > h2
 {
	 position:relative;
	 background-image:url('../image/bul_tit.png');
	 background-repeat:no-repeat;
	 font-size:40pt;
	 padding:17px 0px 0px 25px;
 }
 
 .menu_acc > div
 {
	 position:absolute;
	 top:42px;
	 right:0px;
 }
 
 .menu_acc li
 {
	display:inline-block;
	font-weight:bold;	
 }
 
 .menu_acc li::after
 {
	 content:'|';
	 color:#dddddd;
	 padding:0px 20px;
 }
 
.menu_acc li:last-child::after
{
	content:none;
}

.menu_img
{
	position:relative;
	width:1200px;
	margin:0px auto;
	height:350px;
	padding-top:50px;
	text-align:center;
}

.menu_img li
{
	display:inline-block;
	width:285px;
}

.menu_img img
{
	height:190px;
}
 
 /*4*/
 #notice_area4
 {
	position:relative;
	height:870px;	 
	background-image:url('../image/bg_content.jpg')
 }
 
 .area4_mkt
 {
	 position:relative;
	 width:1280px;
	 margin:0px auto;
	 height:300px;
	 text-align:center;
	 padding-top:100px;
 }
 
.left_use
 {
	 position:relative;
	 width:400px;
	 height:300px;
	 display:inline-block;
	 background-image:url('../image/bg_utilization.png');
	 background-repeat:no-repeat;
 }
 
.left_use > div
 {
	 position:absolute;
	 width:400px;
	 height:300px;
 }
 
.left_use p
 {
	 position:absolute;
	 left:40px;
	 top:40px;
	 font-size:28px;
	 font-weight:bold;
	 text-align:left;
	 color:#ffffff;
 }
 
.left_use a
 {
	 display:inline-block;
	 width:92px;
	 height:35px;
	 border:2px solid #ffffff;
	 position:absolute;
	 left:42px;
	 bottom:42px;
	 border-radius:20px;
 }
 
 .left_use span
 {
	 display:inline-block;
	 width:100%;
	 height:100%;
	 font-size:18px;
	 font-weight:bold;
	 color:#ffffff;
	 padding-top:5px;
 }
 
.right_history
 {
	 position:relative;
	 width:825px;
	 height:300px;
	 display:inline-block;
	 background-image:url('../image/bg_history.png');
	 background-repeat:no-repeat;
 }
 
.right_history > div
 {
	 position:absolute;
	 width:825px;
	 height:300px;
 }
 
 .right_history p
 {
	position:absolute;
	color:#ffffff;
	font-size:28px;
	font-weight:bold;
	left:410px;
	top:40px;
	text-align:left;
 }	 
 
 .right_history a
 {
	position:absolute;
	display:inline-block;
	width:120px;
	height:35px;
	border:2px solid #ffffff;
	border-radius:20px;
	left:410px;
	bottom:42px;
 }
 
  .right_history span
 {
	 display:inline-block;
	 width:100%;
	 height:100%;
	 font-size:18px;
	 font-weight:bold;
	 color:#ffffff;
	 padding-top:5px;
 }
 
.area4_notice
 {
	 position:relative;
	 width:1280px;
	 margin:0px auto;
	 height:300px;
	 padding-top:70px;
 }
 
 .left_notice
 {
	 position:relative;
	 width:870px;
	 height:300px;
	 display:inline-block;
 }
 
 .left_notice > div
 {
	 position:absolute;
	 width:870px;
	 height:300px;
 }
 
 .notice_title
 {
	 position:absolute;
	 left:40px;
	 top:75px;
 }
 
  .notice_list
 {
	 position:absolute;
	 left:450px;
	 top:75px;
 }
 
 .notice_title > h2
 {
	 position:relative;
	 font-size:40pt;
	 font-weight:bold;
	 background-image:url('../image/bul_tit.png');
	 background-repeat:no-repeat;
	 padding:17px 0px 0px 25px;
 }
 
 .notice_title > h4
 {
	 position:relative;
	 text-align:center;
	 padding-top:15px;
 }
 
 .notice_list > ul
 {
	position:relative;
 }
 
 .notice_list li
 {
	 list-style-type:none;
	 padding:10px 0px;
 }
 
 .notice_list > a
 {
	 color:#dadada;
 }
 
 .right_ad
 {
	 position:relative;
	 width:270px;
	 height:300px;
	 display:inline-block;
	 border-radius:0px 30px;
	 overflow:hidden;
 }
 
  .right_ad > div
 {
	 position:absolute;
	 width:270px;
	 height:300px;
 }
 
 /*5*/
 #icon_area5
 {
	 position:relative;
	 height:160px;
 }
 
 #icon_area5 > ul
 {
	 position:relative;
	 width:1200px;
	 margin:0px auto;
	 text-align:center;
	 padding-top:40px;
 }
 
  #icon_area5 > ul > li
  {
	  display:inline-block;
  }
  
.icon_acc
{
	display:inline-block;
	height:70px;
	position:relative;
	padding:0px 80px;
	text-align:left;
}	

.icon_acc strong
{
	display:block;
}

.icon_acc span
{
	display:block;
}

.icon
{
	position:absolute;
	width:70px;
	height:70px;
	z-index:10;
}
 
 .bg01 .icon
 {
	 background-image:url('../image/icon01.png');
	 background-repeat:no-repeat;
 }
 
  .bg02 .icon
 {
	 background-image:url('../image/icon02.png');
	 background-repeat:no-repeat;
 }
 
  .bg03 .icon
 {
	 background-image:url('../image/icon03.png');
	 background-repeat:no-repeat;
 }
 
  .bg04 .icon
 {
	 background-image:url('../image/icon04.png');
	 background-repeat:no-repeat;
 }
 
 footer
 {
	 position:relative;
 }
 
 /*6*/
 #info_area6
 {
	 position:relative;
	 height:155px;
	 background-color:#292929;
 }
 
 .footer_top, .footer_bottom
 {
	 position:relative;
	 width:1200px;
	 margin:0px auto;
	 color:#666666;
	 font-weight:bold;
	 padding:20px;
 }
 
 .footer_top li
 {
	 display:inline-block;
	 color:#565656;
	 padding-right:20px;
 }
 
 .footer_top li:nth-child(2)
 {
	 color:#dadada;
 }
 
 #info_area6 > hr
 {
	 border:1px solid #3b3b3b;
 }
 
 .footer_bottom span::after
 {
	 content:'|';
	 color:#666666;
	 padding:0px 20px;
 }
 
 .footer_bottom span:nth-child(3)::after
 {
	 content:none;
 }