@charset "utf-8";
/*---------------------------------------------------------------------------------------------------------------------------------------------------
	- 레이아웃 개발 : GX디자인
	- 고객센터: https://gxdesignstudio.com/qna_rhymix
	- 라이선스: https://gxdesignstudio.com/license_info_rhymix

	- 저작권 위반시 지적 저작권에 맞게 라이선스 배상청구 진행되니 양해바랍니다.
	  (* 사유: 개발코드(css+html)및 디자인도용, 개발소스 재판매, 라이선스관련 모든 위반관련 내용)

	- GX디자인에서는 오직 레이아웃의 판매만 진행 합니다.
	  (* 고객의 성인및 사기, 도박, 불법및 유해사이트 운영시 발생하는 모든 법적책임은 사이트 해당 고객및 운영자 있음을 명시)
----------------------------------------------------------------------------------------------------------------------------------------------------*/


/* -----------------------------------
	@기본 공통
------------------------------------- */
	/*[폰트]*/
		html, body,
		h1, h2, h3, h4, h5, h6,
		dl, dt, dd,
		ul, ol, li,
		iframe, a, img, embed, hgroup,
		form, fieldset, label, input, textarea, select, button,
		table, caption, tbody, thead, tfoot, tr, th, td{font-family:'Noto Sans KR','Noto Sans KRCdn',gulim,Tahoma,Arial,Sans-serif; font-size:15px;}
		.google_po{font-family:'Poppins','Noto Sans KR','Noto Sans KRCdn',Sans-serif;} /* Poppins(영문), Noto Sans(국문) 자동적용 - (개별클래스) - 필요시 사용 */
	
	/*[기본]*/
		html, body,
		h1, h2, h3, h4, h5, h6,
		dl, dt, dd,
		iframe, a, img, embed, hgroup,
		form, fieldset, label, input, figure,
		table, caption, tbody, thead, tfoot, tr, th, td{margin:0; padding:0;}
		img{border:0;}
		a{text-decoration:none;}
		button{cursor:pointer; border:0;}
		:focus{}
		input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #fff inset; -webkit-text-fill-color:#000;} /*크롬 input 자동배경컬러 제거*/
		input:-webkit-autofill,
		input:-webkit-autofill:hover,
		input:-webkit-autofill:focus,
		input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;}
		*:not(.x input[type="text"], .x .x_input-append a.x_add-on, .x input[type="number"], .bd ul),
		:after,
		:before{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
		
	/*[일반]*/
		/*ul 공통*/
		.comm_ul{list-style:none; margin:0; padding:0;} /*라이믹스(xe)특성상 개별적용*/
		
		/*p 공통*/
		.comm_p{margin:0; padding:0;} /*라이믹스(xe)특성상 개별적용*/
		
		/*img 공통*/
		.comm_img{vertical-align:bottom;}
		
		/*fieldset 공통*/
		.comm_fieldset{border:0;}
		
		/*em 공통*/
		.comm_em{font-style:normal;}		
	
		/*기타*/
		.trans{transition:all .4s;}
		.tag_hidden{position:absolute !important; margin:-1px !important; width:1px !important; height:1px !important; clip:rect(0, 0, 0, 0); clip-path:polygon(0 0, 0 0, 0 0); overflow:hidden;}
		
		
/* -----------------------------------
	@레이아웃 공통
------------------------------------- */
	/*[테마 기본넓이]*/
		.gnb1_area_wrap00, .gnb1_area_wrap0, .tmenu1_wrap0, .openmenu_wrap0, .footer_Util_wrap0,
		.gx_mCsec01_wrap0, .gx_mCsec02_wrap0, .gx_mCsec03_wrap0, .gx_mCsec04_wrap0,
		.subban_area_wrap0, .gx_submenu_wrap0, .gpe_contents_box{
			width:1280px;
		}
		
	/*[툴팁]*/
		.gx_tooltip{
			position:absolute; display:inline-block; top:0; left:0; padding:0 15px; height:24px; line-height:24px; background-color:#999; font-size:13px; color:#fff; white-space:nowrap; visibility:hidden;
			border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;
			box-shadow:0 2px 10px rgba(0,0,0,0.10); -moz-box-shadow:0 2px 10px rgba(0,0,0,0.10); -webkit-box-shadow:0 2px 10px rgba(0,0,0,0.10);
			transition:all .4s, visibility 0.2s; -moz-transition:all .4s, visibility 0.2s; -webkit-transition:all .4s, visibility 0.2s;
			opacity:0;
		}
		/* after */
		.gx_tooltip:after{
			position:absolute; top:-4px; left:19px; content: "";
			border-top:0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:4px solid #999;
		}
		.gx_tooltip.register:after, .gx_tooltip.register_form:after{left:auto; right:26px;}
		.gx_tooltip.allmenu:after{
			left:auto; top:7px; right:-4px;
			border-top:5px solid transparent; border-left:5px solid #999; border-right:0; border-bottom:5px solid transparent;
		}
		.gx_tooltip.gsei_tooltip_cust:after{left:30px;}
		.gx_tooltip.gsei_tooltip_sns:after{left:48px;}
		/* 위치, hover */
		.gx_tooltip.login, .gx_tooltip.logout{top:44px; left:-8px;}
		.gx_tooltip.register, .gx_tooltip.register_form{top:44px; left:18px;}
		.gx_tooltip.gsei_tooltip_cust{top:56px; left:-15px;}
		.gx_tooltip.gsei_tooltip_sns{top:56px; left:28px;}
		.gx_tooltip.kakao{top:44px; left:-10px; display:none;}
		.gx_tooltip.allmenu{top:22px; left:-40px; padding:0 10px;}
		.gpe_login li:nth-of-type(1) a:hover .gx_tooltip.login,
		.gpe_login li:nth-of-type(1) a:hover .gx_tooltip.logout,
		.gpe_login li:nth-of-type(2) a:hover .gx_tooltip.register,
		.gpe_login li:nth-of-type(2) a:hover .gx_tooltip.register_form,
		.gx_custcall a+a:hover .gx_tooltip.kakao,
		.allmenu_btn:hover .gx_tooltip.allmenu,
		.gx_sb_extra_icon a:nth-of-type(1):hover .gx_tooltip.gsei_tooltip_cust,
		.gx_sb_extra_icon a:nth-of-type(2):hover .gx_tooltip.gsei_tooltip_sns{opacity:1; visibility:visible;}
		
		
/* -----------------------------------
	@로고+로그인+메뉴+검색(gnb)
------------------------------------- */
	.gnb1_area_wrap00{position:relative; margin:0 auto; z-index:2;}
	.gnb1_area_wrap0{position:relative; margin:0 auto; height:117px;}
	.gnb1_area_wrap0 ul{list-style:none; margin:0; padding:0;}
	.gnb1_area_wrap0 p{margin:0; padding:0;}

	/*[회원정보]*/
		.gpe_login{position:absolute; right:0; top:0; z-index:4;}
		.gpe_login ul{}
		.gpe_login li{float:left; border-left:1px solid #eee; border-bottom:1px solid #eee;}
		.gpe_login li:nth-of-type(2){border-right:1px solid #eee;}
		.gpe_login li a{display:inline-block; color:#4f4f4f; width:49px; height:47px; line-height:52px; text-align:center; transition:all .4s;}
		.gpe_login li a:hover{background-color:#f8f8f8;}
		.gpe_login li a i{font-size:15px; color:#bbb;}
		.gpe_login li:nth-of-type(2) a{padding-top:3px;}
		.gpe_login li:nth-of-type(2) a i{font-size:20px;}

	/*[로고]*/
		.gpe_logo{position:absolute; left:0; top:0; z-index:3;}

	/*[검색]*/
		.gpe_search_btn{position:absolute; display:block; bottom:10px; right:90px; width:100px; height:99px; z-index:3; background-color:transparent;}/*검색 버튼*/
		.gpe_search_btn i{font-size:20px; color:#aaa;}
		.gpe_search{position:absolute; right:160px; top:35px; z-index:3; display:none;}
		/*인풋박스*/
		.gpe_search .inputText{
			width:250px; height:47px; padding-left:10px; color:#333; font-weight:bold; font-size:14px; border:1px solid #eee;
			border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; 
			box-shadow:0 1px 10px rgba(0,0,0,0.10); -moz-box-shadow:0 1px 10px rgba(0,0,0,0.10); -webkit-box-shadow:0 1px 10px rgba(0,0,0,0.10); 
		}
		/*검색버튼*/
		.gpe_search .submit{
			position:absolute; right:0; bottom:0; width:44px; height:47px; background-color:#999 !important; border:0; font-size:13px; color:#fff;
			border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0;
		}
		/*검색아이콘*/
		.gpe_search .fa-search{position:absolute; left:14px; bottom:16px; font-size:22px; color:#39b54a; display:none;}
		.gpe_search form:after{
			position:absolute; top:18px; right:-4px; content: ""; 
			border-top:5px solid transparent; border-left:5px solid #999; border-right:0; border-bottom:5px solid transparent;
		}

	/*[TOP메뉴+전체메뉴]*/
		.tmenu1_wrap00_Fheight{position:absolute; left:0; bottom:34px; height:50px; z-index:2;} /*탑메뉴 고정시 빈공백*/
		.tmenu1_wrap00_Fheight.fixed{z-index:99;} /* 스크롤후 css */
		.tmenu1_wrap00{position:relative; height:50px; z-index:2;}
		.tmenu1_wrap00.fixed{
			position:fixed; left:0; top:0; width:100%; background-color:#fff; z-index:2;
			box-shadow:1px 1px 4px rgba(0,0,0,0.1); -moz-box-shadow:1px 1px 4px rgba(0,0,0,0.1); -webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.1);
			animation:tmenu1_wrap00_move 0.7s ease both; -moz-animation:tmenu1_wrap00_move 0.7s ease both; -webkit-animation:tmenu1_wrap00_move 0.7s ease both;
		} /* 스크롤후 css*/
		@keyframes tmenu1_wrap00_move{
			0%{
				transform:translateY(-30%); -webkit-transform:translateY(-30%); -moz-transform:translateY(-30%); -ms-transform:translateY(0);
				opacity:0.6;
			}
			100%{
				transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0);
				opacity:1; 
			}
		}
		.tmenu1_wrap0{position:relative; height:50px; z-index:2;}
		.tmenu1_wrap0.fixed{width:100% !important;} /* 스크롤후 css */
		/*TOP메뉴*/
		.gpe_munu{position:relative; display:flex;} /* display:flex;  메뉴 중앙 필수css */
		.gpe_munu.fixed{} /* 스크롤후 css */
		.gpe_munu > ul{position:relative; margin:0 auto;}/*1차메뉴 ul*/
		.gpe_munu > ul > li{position:relative; float:left; margin-left:20px;}/*메뉴 사이간격*/
		.gpe_munu > ul > li:first-child{margin-left:0;}
		.gpe_munu > ul > li > a{display:block; padding:0 16px; height:50px; line-height:52px; font-size:18px; color:#333; font-weight:700; text-align:center;} /*1차메뉴*/
		.gpe_munu > ul > li > a:hover{color:#000;}
		.gpe_munu > ul > li > a.active{color:#000; font-weight:800;}
		.gpe_munu > ul > li > ul{
			position:absolute; top:35px; left:-10px; padding:10px 15px; width:154px; background-color:#fff; /*2차메뉴 ul*/
			border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
			box-shadow:0 10px 10px rgba(0,0,0,0.15); -moz-box-shadow:0 10px 10px rgba(0,0,0,0.15); -webkit-box-shadow:0 10px 10px rgba(0,0,0,0.15);
			transition:all .4s, visibility 0.2s; -moz-transition:all .4s, visibility 0.2s; -webkit-transition:all .4s, visibility 0.2s;
			opacity:0; 
			visibility:hidden;
		}
		.gpe_munu > ul > li:hover > ul{top:50px; opacity:1; visibility:visible;}/*over 애니메이션*/
		.gpe_munu > ul > li > ul > li{position:relative;}
		.gpe_munu > ul > li > ul > li > a{display:block; padding:0 10px; line-height:26px; font-size:15px; color:#4f4f4f;}/*2차메뉴*/
		.gpe_munu > ul > li > ul > li > a:hover,
		.gpe_munu > ul > li > ul > li > a.active{color:#000; font-weight:700;}
		.gpe_munu > ul > li > ul > li > ul{
			position:absolute; top:0; right:0; padding:10px 15px; width:154px; background-color:#fff; z-index:1; /*3차메뉴 ul*/
			border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
			box-shadow:0 10px 10px rgba(0,0,0,0.15); -moz-box-shadow:0 10px 10px rgba(0,0,0,0.15); -webkit-box-shadow:0 10px 10px rgba(0,0,0,0.15);
			transition:all .4s, visibility 0.2s; -moz-transition:all .4s, visibility 0.2s; -webkit-transition:all .4s, visibility 0.2s;
			opacity:0; 
			visibility:hidden;
		}
		.gpe_munu > ul > li > ul > li:hover > ul{top:-10px; opacity:1; visibility:visible;}/*over 애니메이션*/
		.gpe_munu > ul > li > ul > li > ul > li > a{display:block; padding:0 10px; line-height:26px; font-size:15px; color:#4f4f4f;}/*3차메뉴*/
		.gpe_munu > ul > li > ul > li > ul > li > a:hover,
		.gpe_munu > ul > li > ul > li > ul > li > a.active{color:#000; font-weight:700;}
		.tmenu1_wrap00 .allmenu_home, .tmenu1_wrap00 .allmenu_btn_tmenu{position:absolute; display:block; left:40px; top:13px; width:30px; height:30px; background-color:transparent; z-index:2; display:none;}/* top메뉴 스크롤시 홈 버튼*/
		.tmenu1_wrap00 .allmenu_btn_tmenu{left:auto; top:11px; right:35px;}
		.tmenu1_wrap00 .allmenu_home i, .tmenu1_wrap00 .allmenu_btn_tmenu i{font-size:22px; color:#999;}
		/*전체메뉴*/
		.allmenu_btn{position:absolute; display:block; bottom:0; right:0; width:101px; height:69px; border-left:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8; z-index:3;}/*전체메뉴 버튼*/
		.allmenu_btn:hover{background-color:#f0f0f0;}
		.allmenu_btn i{font-size:24px; color:#333;}
		.allmenu_list{
			position:fixed; top:0; left:0; width:100%; padding:70px 0 60px 0; border-top:1px solid #eee; background-color:#fff; overflow:hidden; z-index:100; display:none; /*전체메뉴 리스트 박스*/
			box-shadow:0 10px 10px rgba(0,0,0,0.10); -moz-box-shadow:0 10px 10px rgba(0,0,0,0.10); -webkit-box-shadow:0 10px 10px rgba(0,0,0,0.10);
		}
		.allmenu_list .allmenu_home{position:absolute; display:block; left:40px; top:60px; width:30px; height:30px; background-color:transparent; z-index:2;}/*홈 버튼*/
		.allmenu_list .allmenu_home i{font-size:30px; color:#999;}
		.allmenu_list .allmenu_close{position:absolute; display:block; right:40px; top:60px; width:30px; height:30px; background-color:transparent; z-index:2;}/*닫기 버튼*/
		.allmenu_list .allmenu_close i{font-size:42px; color:#999;}
		.allmenu_list .div_flex{position:relative; display:flex;} /* display:flex;  전체메뉴 중앙 필수css */
		.allmenu_list .allmenu_ul{overflow:hidden; margin:0 auto;}/*1차메뉴 ul*/
		.allmenu_list .allmenu_ul > li{float:left; padding-left:70px;}/*사이간격*/
		.allmenu_list .allmenu_ul > li:first-child{padding-left:0;}
		.allmenu_list .allmenu_ul > li > a{display:block; padding-bottom:4px; color:#333; font-size:20px; font-weight:700;}/* 1차 */
		.allmenu_list .allmenu_ul > li > a:hover{}
		.allmenu_list .allmenu_ul > li > ul{margin-top:15px;}/*2차메뉴 ul*/
		.allmenu_list .allmenu_ul > li > ul > li > a{color:#999; font-size:17px; line-height:28px;}/* 2차 */
		.allmenu_list .allmenu_ul > li > ul > li > a:hover{color:#000; text-decoration:underline;}
		
	/*[고객센터+카톡]*/
		.gx_custcall{position:absolute; bottom:-50px; right:0; border-top:1px solid #eee;}
		.gx_custcall a{
			display:block; float:left; width:50px; height:50px; line-height:45px; background-color:#f8f8f8; color:#333; font-size:22px; font-weight:800; text-align:center; overflow:hidden;
			border-radius:0 0 0 30px; -moz-border-radius:0 0 0 30px; -webkit-border-radius:0 0 0 30px;
			transition-delay: .2s;
		}
		.gx_custcall a i{margin-top:10px; font-size:26px; color:#666; vertical-align:top;}
		.gx_custcall a:nth-of-type(2) i{margin-top:13px;}
		.gx_custcall a:hover{margin-right:2px; width:300px; background-color:#333;}
		.gx_custcall a:nth-of-type(2):hover{width:500px;}
		.gx_custcall a em{font-style:normal; visibility:hidden;}
		.gx_custcall a:hover em{visibility:visible;}
		.gx_custcall a:hover i, .gx_custcall a:nth-of-type(1):hover em{color:#fff;}
		.gx_custcall a:hover em{color:#291515;}
		.gx_custcall a:nth-of-type(1){padding-left:1px; border:1px solid #eee; border-right:0;}
		.gx_custcall a:nth-of-type(2){
			background-color:#fecb00;
			border-radius:0 0 4px 0; -moz-border-radius:0 0 4px 0; -webkit-border-radius:0 0 4px 0;
		}
		.gx_custcall a:nth-of-type(2) i{color:#291515;}
		

/* -----------------------------------
	@메인배너
------------------------------------- */
	.mainban_area_wrap00{position:relative; z-index:1;}
	/*[배너 영역]*/
		.mainban{position:relative; background:#fff;}
		.mainban .slides li{position:relative; display:none; -webkit-backface-visibility:hidden;}
		.mainban .slides li.slide1_sample{background:url('../imgs/sample/sam_mainban1.jpg') no-repeat center top; background-size:cover;} /* 샘플 */
		.mainban .slides li.slide3_sample{background:url('../imgs/sample/sam_mainban2.jpg') no-repeat center top; background-size:cover;}  /* 샘플 */
		.mainban .slides li video{width:100%; vertical-align:bottom;}
		.mainban .slides:after{content: "."; line-height:0; height:0; display:block; visibility:hidden; clear:both;}
		.mainban, .mainban .slides li{height:790px;}/*배너 기본높이*/
		.loading_mb{position:relative; min-height:790px; background:url('../imgs/loading.gif') no-repeat center center; background-color:#eee;}/*로딩*/
		/*배너 텍스트*/
		.mainban .slides .mban_txtcenter{position:absolute; top:50%; left:50%; transform:translateY(-50%); margin-left:-640px; margin-top:-75px;}
		.mainban .slides .pointBox{margin-left:-10px; width:33px; height:33px; background-color:#e5283c; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; display:none;} /*포인트 박스*/
		.mainban .slides .mban_maintxt{margin-top:-30px; line-height:86px; font-size:80px; color:#fff;} /*메인텍스트*/
		.mainban .slides .mban_subtxt{margin-top:20px; line-height:44px; font-size:28px; color:#fff;} /*서브텍스트*/
		.mainban .slides .mban_linkbtn{
			/* 자세히 보기 */
			display:block; margin-top:10px; width:110px; height:38px; line-height:38px; background-color:#fff; font-size:15px; color:#333; font-weight:700; text-align:center;
			border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
			transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s;
		}
		/* .mainban .slides .mban_linkbtn:hover{background-color:#333; color:#fff;} */
		/*배너 유튜브*/
		.mainban .slides .mban_youtube{position:relative;}
		.mainban .slides .mban_youtube iframe{
			transition:opacity 500ms ease-in-out; -moz-transition:opacity 500ms ease-in-out; -webkit-transition:opacity 500ms ease-in-out;
			transition-delay:250ms; -moz-transition-delay:250ms; -webkit-transition-delay:250ms;
		}
		/*바로가기ooo 네비*/
		.mainban .flex-control-nav{position:absolute; left:50%; margin-left:-685px; bottom:20px; z-index:9;}
		.mainban .flex-control-nav li{margin: 0 6px; display:inline-block; zoom:1; *display:inline;}
		.mainban .flex-control-paging li a{
			display:block; width:55px; height:10px; background-color:#fff; text-indent:-9999px; cursor:pointer;
			opacity:0.50; filter:alpha(opacity=50); -ms-filter:alpha('opacity=50');
			border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
			transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s;
		}
		.mainban .flex-control-paging li a:hover{opacity:0.80; filter:alpha(opacity=80); -ms-filter:alpha('opacity=80');}
		.mainban .flex-control-paging li a.flex-active{opacity:1; filter:alpha(opacity=100); -ms-filter:alpha('opacity=100'); transform:scaleY(1.2); cursor:default;}
		/*좌우<> 버튼*/
		.mainban .flex-direction-nav{position:absolute; left:50%; bottom:60px; margin-left:-530px !important; list-style:none; margin:0; padding:0;}
		.mainban .flex-direction-nav a{
			position:absolute; display:block; bottom:20px; width:40px; height:40px; line-height:40px; text-align:center; background-color:rgba(0,0,0,0.10); transition:all .4s; z-index:10;
			border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; 
		}
		.mainban .flex-direction-nav a:hover{background-color:rgba(0,0,0,0.30);}
		.mainban .flex-direction-nav li:nth-child(1) a{right:70px;}
		.mainban .flex-direction-nav li:nth-child(2) a{right:24px; padding-left:5px;}
		.mainban .flex-direction-nav a i{color:#fff; font-size:14px;}
		.mainban .flex-direction-nav .flex-disabled{opacity:0 !important; filter:alpha(opacity=0); -ms-filter:alpha('opacity=0'); cursor:default;}
		/* 애니메이션 */
		.FadeIn, .FromTop, .FromRight, .FromBottom, .FromLeft{
			transition:all 1.6s; -moz-transition:all 1.6s; -webkit-transition:all 1.6s;
			opacity:0;
		}
		.captionDelay1{transition-delay: 0.1s; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s;}
		.captionDelay2{transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s;}
		.captionDelay3{transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s;}
		.captionDelay4{transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s;}
		.captionDelay5{transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s;}
		.captionDelay6{transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s;}
		.captionDelay7{transition-delay: 0.7s; -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s;}
		.captionDelay8{transition-delay: 0.8s; -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s;}
		.captionDelay9{transition-delay: 0.9s; -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s;}
		.captionDelay10{transition-delay: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s;}
		.captionDelay11{transition-delay: 1.1s; -webkit-transition-delay: 1.1s; -moz-transition-delay: 1.1s;}
		.captionDelay12{transition-delay: 1.2s; -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s;}
		.mainban li.flex-active-slide .FadeIn{opacity:1;} /* FadeIn */
		.mainban li .FromTop{
			transform:translateY(-40%); -webkit-transform:translateY(-40%); -moz-transform:translateY(-40%); -ms-transform:translateY(-40%);
		} 
		.mainban li.flex-active-slide .FromTop{
			opacity:1;
			transform:translateY(0); -webkit-transform:translateY(0); -moz-transform: translateY(0); -ms-transform:translateY(0);
		}
		.mainban li .FromBottom{
			transform:translateY(40%); -webkit-transform:translateY(40%); -moz-transform:translateY(40%); -ms-transform:translateY(40%);
		}
		.mainban li.flex-active-slide .FromBottom{
			opacity:1;
			transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0);
		}
	/*[배너_포인트박스]*/
		.mainban_pointbox{position:absolute; top:455px; left:50%; margin-left:130px; z-index:1;}
		.mainban_pointbox > ul{position:relative;}
		.mainban_pointbox > ul li{float:right;}
		/* 애니메이션 */
		.mainban_pointbox > ul li:nth-of-type(1){
			animation:mbPointboxAni1 1s ease 1s both; -moz-animation:mbPointboxAni1 1s ease 1s both; -webkit-animation:mbPointboxAni1 1s ease 1s both; /* 두번째 초수는 딜레이시간 */
		}
		.mainban_pointbox > ul li:nth-of-type(2){
			clear:both; margin-top:20px;
			animation:mbPointboxAni2 1s ease 1.5s both; -moz-animation:mbPointboxAni2 1s ease 1.5s both; -webkit-animation:mbPointboxAni2 1s ease 1.5s both;
		}
		.mainban_pointbox > ul li:nth-of-type(3){
			margin-top:20px; margin-right:20px;
			animation:mmbPointboxAni3 1s ease 1.8s both; -moz-animation:mbPointboxAni3 1s ease 1.8s both; -webkit-animation:mbPointboxAni3 1s ease 1.8s both;
		}
		@keyframes mbPointboxAni1{
			0%{opacity:0; transform:translateY(-20%); -webkit-transform:translateY(-20%); -moz-transform:translateY(-20%); -ms-transform:translateY(-20%);}
			100%{opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0);}
		}
		@keyframes mbPointboxAni2{
			0%{opacity:0; transform:translateX(20%); -webkit-transform:translateX(20%); -moz-transform:translateX(20%); -ms-transform:translateX(20%);}
			100%{opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0);}
		}
		@keyframes mbPointboxAni3{
			0%{opacity:0; transform:translateY(-20%); -webkit-transform:translateY(-20%); -moz-transform:translateY(-20%); -ms-transform:translateY(-20%);}
			100%{opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0);}
		}		
		.mainban_pointbox > ul li > a{
			/* 박스 */
			display:block; width:250px; height:250px; padding:38px 34px 0 34px; background-color:#fff;
			transition:all .6s; -webkit-transition:all .6s;
			border-radius:20px;
		}
		.mainban_pointbox > ul li > a:hover{}
		.mainban_pointbox > ul li:nth-of-type(2) > a{background-color:#e5283c;}
		.mainban_pointbox > ul li:nth-of-type(3) > a{background-color:#eee;}
		.mainban_pointbox > ul li a > div{text-align:center;}/* 아이콘 이미지 */
		.mainban_pointbox > ul li a > h3{margin-top:18px; font-size:24px; color:#333; font-weight:700;} /* 메인타이틀 */
		.mainban_pointbox > ul li:nth-of-type(2) a > h3{color:#fff;}
		.mainban_pointbox > ul li a > p{margin-top:2px; font-size:18px; color:#a9a9a9;} /* 서브 타이틀 */


/* -----------------------------------
	@서브배너
------------------------------------- */
	.subban_area_wrap00{
		position:relative; background:url('../imgs/sample/sam_subban.jpg') no-repeat center top; z-index:1;
		animation:subban_area_wrap00_move 1.5s ease both; -moz-animation:subban_area_wrap00_move 1.5s ease both; -webkit-animation:subban_area_wrap00_move 1.5s ease both;
	}
	@keyframes subban_area_wrap00_move{
		0%{opacity:0;}
		100%{opacity:1;}
	}
	.subban_area_wrap0{position:relative; margin:0 auto; height:250px;}
	.subban_area_wrap0 .sban_txtcenter{
		position:relative; text-align:center;
		top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); /* y축 중앙 정렬*/
	}
	/*메인텍스트*/
	.subban_area_wrap0 .sban_maintxt{
		font-size:40px; color:#fff;
		animation:sban_maintxt_move 1s ease both; -moz-animation:sban_maintxt_move 1s ease both; -webkit-animation:sban_maintxt_move 1s ease both;
	}
	@keyframes sban_maintxt_move{
		0%{
			opacity:0.5;
			transform:translateY(30%); -webkit-transform:translateY(30%); -moz-transform:translateY(30%); -ms-transform:translateY(0);
		}
		100%{
			opacity:1;
			transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0);
		}
	}
	/*서브텍스트*/
	.subban_area_wrap0 .sban_subtxt{
		font-size:26px; color:#fff;
		animation:sban_subtxt_move 1s ease both; -moz-animation:sban_subtxt_move 1s ease both; -webkit-animation:sban_subtxt_move 1s ease both;
	}
	@keyframes sban_subtxt_move{
		0%{
			opacity:0.5;
			transform:translateY(-30%); -webkit-transform:translateY(-30%); -moz-transform:translateY(-30%); -ms-transform:translateY(0);
		}
		100%{
			opacity:1;
			transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0);
		}
	}
	/*로딩*/
	.gx_subbanLoader{position:absolute; top:0; left:0; width:100%; height:100%; line-height:280px; background-color:#f5f5f5; text-align:center;}
	.gx_subbanLoader > i{font-size:40px;}


/* -----------------------------------
	@컨텐츠
------------------------------------- */
	.gpe_allcon_wrap0{position:relative; background-color:#fff; overflow:hidden; z-index:0;}
	.gpe_contents_box{position:relative; margin:0 auto; margin-bottom:10px; overflow:hidden; z-index:15;}
	/*[메인 컨텐츠]*/
		/*메인컨텐츠 스크롤 앵커*/
		.gx_mC_scMenu{position:fixed; top:50%; right:15px; margin-top:-60px; z-index:99999;}
		.gx_mC_scMenu li{}
		.gx_mC_scMenu a{
			display:block; width:22px; height:22px; line-height:21px; text-align:center; background-color:#999;
			transition:all .4s;
			border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
		}
		.gx_mC_scMenu li:nth-of-type(1){margin-bottom:4px;}
		.gx_mC_scMenu li:nth-of-type(1) a{color:#fff; background-color:#666;}
		.gx_mC_scMenu li:nth-of-type(1) a i{font-size:13px;}
		.gx_mC_scMenu li+li a{transform:scale(0.6);}
		.gx_mC_scMenu a:hover{
			background-color:#333;
			transform:scale(1);
		}
		.gx_mC_scMenu li:nth-of-type(1) a:hover{
			/* :nth-of-type 속성 사용시 hover는 재정의 필요 */
			background-color:#333;
			transform:scale(1.2);
		}
		/*섹션 1*/
		.gx_mCsec01_wrap00{position:relative;}
		.gx_mCsec01_wrap0{position:relative; margin:0 auto; padding:150px 0; overflow:hidden;}
		.gx_mCsec01_wrap0 > div{text-align:center;} /* 1 그룹 */
		.gx_mCsec01_wrap0 > div h3{line-height:58px; font-size:56px; color:#333;}
		.gx_mCsec01_wrap0 > div p{margin-top:26px; line-height:28px; font-size:20px; color:#999; font-weight:700;}
		.gx_mCsec01_wrap0 > ul{position:relative; margin-top:80px;} /* 2 그룹 */
		.gx_mCsec01_wrap0 > ul li{float:left;}
		.gx_mCsec01_wrap0 > ul li:nth-of-type(1), .gx_mCsec01_wrap0 > ul li:nth-of-type(2), .gx_mCsec01_wrap0 > ul li:nth-of-type(1), .gx_mCsec01_wrap0 > ul li:nth-of-type(3){margin:0 20px 0 0;}
		.gx_mCsec01_wrap0 > ul li a{display:block; width:305px; height:350px; padding:48px 15px 30px 15px; background-color:#f0f0f0; text-align:center; transition:all .6s; -webkit-transition:all .6s; border-radius:8px;}
		.gx_mCsec01_wrap0 > ul li a:hover{background-color:#ccc;}
		.gx_mCsec01_wrap0 > ul li a > div{
			width:140px; height:140px; margin:0 auto; line-height:187px; background-color:#1672f7; font-size:40px; color:#fff;
			border-radius:50%;
			transition:all .4s; -webkit-transition:all .4s;
		}
		.gx_mCsec01_wrap0 > ul li a:hover i{transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -webkit-transform:scale(1.05);}
		.gx_mCsec01_wrap0 > ul li a h3{margin-top:24px; font-size:28px; color:#000; font-weight:700;}
		.gx_mCsec01_wrap0 > ul li a p{margin-top:9px; font-size:20px; color:#333;}
		/*섹션 2*/
		.gx_mCsec02_wrap00{position:relative; background-color:#e5283c; clear:both;}
		.gx_mCsec02_wrap0{position:relative; margin:0 auto; height:720px; padding:110px 0;}
		.gx_mCsec02_wrap0 > div{text-align:center;}
		.gx_mCsec02_wrap0 > div h3{margin-bottom:50px; font-size:40px; color:#fff; font-weight:700;} /* 1 그룹 */
		.gx_mCsec02_wrap0 > div a{display:inline-block; width:300px; height:60px; line-height:60px; font-size:22px; border-radius:4px;}
		.gx_mCsec02_wrap0 > div a:nth-of-type(1){margin-right:25px; border:2px solid #fff; color:#fff; font-weight:700; background-color:#e5283c; vertical-align:top;}
		.gx_mCsec02_wrap0 > div a:nth-of-type(2){color:#ea2126; font-weight:800; background-color:#fff;}
		.gx_mCsec02_wrap0 > ul{position:relative; margin-top:80px; overflow:hidden;} /* 2 그룹 */
		.gx_mCsec02_wrap0 > ul li{float:left; width:33.3%; overflow:hidden;}
		.gx_mCsec02_wrap0 > ul li a{position:relative; display:block; width:392px; height:446px; border-radius:6px; overflow:hidden;}
		.gx_mCsec02_wrap0 > ul li:nth-of-type(2) a{margin:0 auto;}
		.gx_mCsec02_wrap0 > ul li:nth-of-type(3) a{float:right;}
		.gx_mCsec02_wrap0 > ul li a:hover{}
		.gx_mCsec02_wrap0 > ul li a .mCsec02_bg{
			position:absolute; display:block; top:0; left:0; width:100%; height:100%;
			background:linear-gradient(to bottom, rgba(20, 20, 20, 0) 25%, rgba(20, 20, 20, 0.05) 60%, rgba(20, 20, 20, 0.50) 80%, rgba(20, 20, 20, 0.80) 100%);
		}
		.gx_mCsec02_wrap0 > ul li a h3{position:absolute; top:300px; left:40px; font-size:28px; color:#fff;}
		.gx_mCsec02_wrap0 > ul li a p{position:absolute; top:335px; left:40px; font-size:20px; color:#fff; font-weight:700;}
		.gx_mCsec02_wrap0 > ul li a i{position:absolute; bottom:20px; right:20px; color:#999; font-size:20px; display:none;}
		.gx_mCsec02_wrap0 > ul li a .mCsec02_more{
			position:absolute; display:block; top:50%; left:50%; margin-left:-40px; padding:5px 10px; background-color:rgba(0,0,0,0.60); font-size:13px; color:#fff;
			border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
			opacity:0;
		}
		.gx_mCsec02_wrap0 > ul li a,
		.gx_mCsec02_wrap0 > ul li a .mCsec02_bg,
		.gx_mCsec02_wrap0 > ul li a h3,
		.gx_mCsec02_wrap0 > ul li a p,
		.gx_mCsec02_wrap0 > ul li a i,
		.gx_mCsec02_wrap0 > ul li a .mCsec02_more{
			transition:all .4s;
		}
		.gx_mCsec02_wrap0 > ul li a:hover h3,
		.gx_mCsec02_wrap0 > ul li a:hover p,
		.gx_mCsec02_wrap0 > ul li a:hover i,
		.gx_mCsec02_wrap0 > ul li a:hover .mCsec02_bg{
			opacity:0;
		}
		.gx_mCsec02_wrap0 > ul li a:hover .mCsec02_more{
			opacity:1;
		}
		.gx_mCsec02_wrap0 > ul li a:hover{transform:scale(1.01);}
		/*섹션 3*/
		.gx_mCsec03_wrap00{position:relative; margin-top:190px; clear:both;}
		.gx_mCsec03_wrap0{position:relative; margin:0 auto;}
		.gx_mCsec03_wrap0 h3{margin-bottom:15px; font-size:30px; color:#000;}
		.gx_mCsec03_wrap0 p{line-height:28px; font-size:18px; color:#999; font-weight:700;}
		/*섹션 4*/
		.gx_mCsec04_wrap00{position:relative;}
		.gx_mCsec04_wrap0{position:relative; margin:0 auto; padding:80px 0; overflow:hidden;}
		.gx_mCsec04_wrap0 > ul{position:relative;}
		.gx_mCsec04_wrap0 > ul li{float:left; width:50%;}
		.gx_mCsec04_wrap0 > ul li:nth-of-type(1){padding-right:135px; border-right:1px solid #eee;}
		.gx_mCsec04_wrap0 > ul li:nth-of-type(2){padding-left:135px;}
		/*애니메이션*/
		.animated{
			opacity:0; animation-duration:1s; -webkit-animation-duration:1s; -moz-animation-duration:1s; -o-animation-duration:1s;
			animation-fill-mode:both; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -o-animation-fill-mode:both;
		}
		.animated.hinge{
			animation-duration:5s; -webkit-animation-duration:5s; -moz-animation-duration:5s; -o-animation-duration:5s;
		}
		
		.animated.fadeIn{
			opacity:1; 
			animation-name:fadeIn; -webkit-animation-name:fadeIn; -moz-animation-name:fadeIn; -o-animation-name:fadeIn;
		}
		@keyframes fadeIn{
			0%{opacity:0;}
			100%{opacity:1;}
		}
		@-webkit-keyframes fadeIn{
			0%{opacity:0;}
			100%{opacity:1;}
		}
		@-moz-keyframes fadeIn{
			0%{opacity:0;}
			100%{opacity:1;}
		}
		@-o-keyframes fadeIn{
			0%{opacity:0;}
			100%{opacity:1;}
		}

		.animated.fadeInUp{
			opacity:1;
			animation-name:fadeInUp; -webkit-animation-name:fadeInUp; -moz-animation-name:fadeInUp; -o-animation-name:fadeInUp;
		}
		@keyframes fadeInUp{
			0%{opacity:0; transform:translateY(50px);}
			100%{opacity:1; transform:translateY(0);}
		}
		@-webkit-keyframes fadeInUp{
			0%{opacity:0; -webkit-transform:translateY(50px);}
			100%{opacity:1; -webkit-transform:translateY(0);}
		}
		@-moz-keyframes fadeInUp{
			0%{opacity:0; -moz-transform:translateY(50px);}
			100%{opacity:1; -moz-transform: translateY(0);}
		}
		@-o-keyframes fadeInUp{
			0%{opacity:0; -o-transform:translateY(50px);}
			100%{opacity:1; -o-transform:translateY(0);}
		}

		.animated.fadeInDown{
			opacity:1;
			animation-name:fadeInDown; -webkit-animation-name:fadeInDown; -moz-animation-name:fadeInDown; -o-animation-name:fadeInDown;
		}
		@keyframes fadeInDown{
			0%{opacity:0; transform:translateY(-50px);}
			100%{opacity:1; transform:translateY(0);}
		}		
		@-webkit-keyframes fadeInDown{
			0%{opacity:0; -webkit-transform:translateY(-50px);}
			100%{opacity:1; -webkit-transform:translateY(0);}
		}
		@-moz-keyframes fadeInDown{
			0%{opacity:0; -moz-transform:translateY(-50px);}
			100%{opacity:1; -moz-transform:translateY(0);}
		}
		@-o-keyframes fadeInDown{
			0%{opacity:0; -o-transform:translateY(-50px);}
			100%{opacity:1; -o-transform:translateY(0);}
		}
	/*[서브 컨텐츠]*/
		/*로케이션*/
		.gx_submenu_wrap00{position:relative; border-bottom:1px solid #ddd; background-color:#fff; z-index:16;}
		.gx_submenu_wrap0{position:relative; margin:0 auto; height:60px;}
		.gx_submenu_wrap0 > ul{display:flex;}
		.gx_submenu_wrap0 > ul > li{position:relative;}
		.gx_submenu_wrap0 > ul > li:nth-of-type(1){flex-basis:60px;}
		.gx_submenu_wrap0 > ul > li a{display:block; height:60px; line-height:60px; border-left:1px solid #eee;}
		.gx_submenu_wrap0 > ul > li:nth-of-type(1) a{ line-height:63px; text-align:center; background-color:#eee;}
		.gx_submenu_wrap0 > ul > li:nth-of-type(1) a i{font-size:20px; color:#333;}
		.gx_submenu_wrap0 > ul > li:nth-of-type(n+2) a{font-size:18px; color:#000; padding:0 25px;}
		.gx_submenu_wrap0 > ul > li.active > a{}/*2차 메뉴*/
		.gx_submenu_wrap0 > ul > li.active > a{font-weight:800;}
		.gx_submenu_wrap0 ul.gx_sb_dep2{
			position:absolute; top:60px; left:0; border:1px solid #ccc; border-top:0; background-color:#fff; display:none;
			border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px;
			box-shadow:0 10px 10px rgba(0,0,0,0.15);
		}
		.gx_submenu_wrap0 .xi-caret-down-circle-o{margin-left:10px; margin-top:20px; vertical-align:top; color:#999;}
		.gx_submenu_wrap0 ul.gx_sb_dep2 li a{width:200px; height:50px; line-height:50px; border-bottom:1px solid #eee;}
		.gx_sb_extra_icon{position:absolute; top:0; right:0;}
		.gx_sb_extra_icon a{float:left; width:60px;  height:60px; line-height:66px; border-left:1px solid #eee;  text-align:center; background-color:#eee;}
		.gx_sb_extra_icon a:nth-of-type(1){line-height:68px;}
		.gx_sb_extra_icon a:nth-of-type(2){background-color:#ddd;}
		.gx_sb_extra_icon a i{font-size:20px; color:#333;}
		.gx_sb_extra_icon a:nth-of-type(1) i{font-size:22px;}
		/*서브 타이틀*/
		.gpe_contents_box .con_title{margin:40px 0 20px 0; font-size:23px; font-weight:800;}
		.gpe_contents_box .con_title > i{
			display: inline-block; margin:8px 8px 0 5px; width:6px; height:20px; background-color:#ec0000; vertical-align:top; /* 서브타이틀 아이콘 */
			border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
		}
		
		
/* -----------------------------------
	@풋터
------------------------------------- */
	/*[펼침메뉴]*/
		.openmenu_wrap00{position:relative; margin-top:60px; background-color:#111; clear:both; z-index:1;}
		.openmenu_wrap0{position:relative;  margin:0 auto; padding:30px 0; overflow:hidden;}
		.openmenu_wrap0 .openmenu_ul{}/*1차메뉴 ul*/
		.openmenu_wrap0 .openmenu_ul > li{float:left; padding-left:100px;}/*사이간격*/
		.openmenu_wrap0 .openmenu_ul > li:first-child{padding-left:0;}
		.openmenu_wrap0 .openmenu_ul > li > a{display:block; padding:10px 0; color:#f5f5f5; font-weight:700;}/* 1차 */
		.openmenu_wrap0 .openmenu_ul > li > a:hover{text-decoration:underline;}
		.openmenu_wrap0 .openmenu_ul > li > ul{}/*2차메뉴 ul*/
		.openmenu_wrap0 .openmenu_ul > li > ul > li > a{line-height:24px; color:#999;}/* 2차 */
		.openmenu_wrap0 .openmenu_ul > li > ul > li > a:hover{text-decoration:underline;}
	/*[하단 풋터]*/
		.footer_Util_wrap00{position:relative; background-color:#111; clear:both; z-index:1;}
		.footer_Util_wrap0{position:relative; margin:0 auto; padding:30px 0; overflow:hidden;}
		.footer_Util_wrap0 ul{list-style:none; margin:0; padding:0;}
		.footer_Util_wrap0 a{text-decoration:none;}
		/*카피라이터 텍스트*/
		.gpe_copytxt{line-height:24px; color:#999;}
		.gpe_copytxt > .varClass_colorPoint{color:#fb0000;}
		/*유틸메뉴*/
		.gpe_utilMenu{position:absolute; top:30px; right:0;}
		.gpe_utilMenu ul{}
		.gpe_utilMenu ul li{float:left; padding:0 15px; border-left:1px solid #222;}
		.gpe_utilMenu ul li:first-child{border-left:0;}
		.gpe_utilMenu ul li:last-child{padding-right:0;}
		.gpe_utilMenu ul li a{font-size:14px; color:#999;}
		.gpe_utilMenu ul li a:hover{text-decoration:underline;}
		/*SNS*/
		.gpe_snsLink{position:absolute; top:70px; right:0;}
		.gpe_snsLink ul li{float:left; padding:0 5px;}
		.gpe_snsLink ul li:last-child{padding-right:0;}
		.gpe_snsLink ul li a{display:inline-block; width:40px; height:40px; line-height:46px; background-color:#222; text-align:center; border-radius:6px;}
		.gpe_snsLink ul li a i{color:#ccc; font-size:20px;}
		
		
/* -----------------------------------
	@모바일메뉴
------------------------------------- */
	/*[모바일버튼]*/
		.layG_munu_MobileBtn{position:fixed; right:5px; top:10px; width:50px; height:50px; line-height:25px; text-align:center; background-color:#fff; display:none; z-index:3;}
		.layG_munu_MobileBtn i{font-size:26px; color:#000; vertical-align:middle;}
		.layG_mobileM_G_close{
			position:fixed; right:30%; top:0; width:60px; height:60px; line-height:62px; padding-left:3px; text-align:center; background-color:transparent; cursor:pointer; z-index:199; /*닫기버튼*/
			transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%);
			visibility:hidden;
			opacity:0;
		}
		.layG_mobileM_G_close.show{
			transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); /*활성*/
			visibility:visible;
			opacity:1;
		}
		.layG_mobileM_G_close i{color:#fff; font-size:23px;}
	/*[모바일메뉴]*/
		/*그룹*/
		.layG_mobileM_G{
			position:fixed; top:0; right:0; width:30%; height:100%; background-color:#fff; z-index:10;
			overflow-x:hidden; overflow-y:scroll; overflow-y:auto; -webkit-overflow-scrolling:touch;
			transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%);
			visibility:hidden;
			opacity:0;
		}
		.layG_mobileM_G.show{
			transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); /*활성*/
			visibility:visible;
			opacity:1;
		}
		/*[모바일메뉴_backbg]*/
		.layG_mobileM_G_bg{position:fixed; display:block; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.80); z-index:2; display:none; cursor:pointer;}
		.layG_mobileM_G_bg.show{display:block;}
		/*모바일_로그인*/
		.layG_mobileM_login{position:relative;}
		.layG_mobileM_login > ul{}
		.layG_mobileM_login > ul > li{float:left; width:33.3%; border-left:1px solid #eee;}
		.layG_mobileM_login > ul > li:first-child{border-left:0;}
		.layG_mobileM_login > ul > li > a{display:block; height:70px; line-height:58px; padding-top:12px; font-size:13px; color:#666; text-align:center; background-color:#fff;}
		.layG_mobileM_login li i{display:block; margin-bottom:-12px; color:#666; font-size:18px;}
		/*[모바일_검색]*/
		.layG_mobileM_search{position:relative; height:42px; background-color:#eee; clear:both;}
		.layG_mobileM_search form{position:relative;}
		.layG_mobileM_search form .inputText, .layG_mobileM_search form .submit{color:#cfcfcf; font-size:14px; border:0; font-weight:700;}
		.layG_mobileM_search form .inputText{width:90%; background-color:#eee; height:40px; padding:14px 0 0 48px;}
		.layG_mobileM_search form .submit{position:absolute; top:0; right:8px; background-color:#eee; color:#666; width:42px; height:40px; cursor:pointer;}
		.layG_mobileM_search>.fa-search{position:absolute; top:12px; left:20px; font-size:18px; color:#666;}
		/*[모바일_기타정보]*/
		.layG_mobileM_loginEtc{position:relative; display:none;}
		.layG_mobileM_loginEtc ul{margin:15px 15px 0 0; overflow:hidden;}
		.layG_mobileM_loginEtc li{float:right;}
		.layG_mobileM_loginEtc li:first-child{padding-left:10px;}
		.layG_mobileM_loginEtc li a{color:#b3b3b3; font-size:13px;}
		/*[모바일_메뉴]*/
		.layG_mobileM_menu{position:relative; clear:both;}
		.layG_mobileM_menu > ul .xi-angle-down-min{position: absolute; top:0; right:-10px; padding-right:12px; width:20%; height:50px; line-height:50px; color: #333; font-size:20px; text-align:right; cursor:pointer;}
		/*└1차메뉴*/
		.layG_mobileM_menu > ul{margin:10px 10px 0 10px;}/*1차 ul*/
		.layG_mobileM_menu > ul > li{position:relative; border-bottom:1px solid #eee;}
		.layG_mobileM_menu > ul > li:first-child{}
		.layG_mobileM_menu > ul > li > a{display:block; height:50px; line-height:50px; padding-left:5px; font-size:17px; color:#222; font-weight:700;}/*1차*/
		.layG_mobileM_menu > ul > li > a.active{color:#ec0000;}		
		/*└2차메뉴*/
		.layG_mobileM_menu > ul > li > ul{padding:7px 0; border-top:1px solid #eee; display:none;}/*2차 ul*/
		.layG_mobileM_menu > ul > li > ul > li{position:relative;}
		.layG_mobileM_menu > ul > li > ul > li > a{display:block; padding-left:15px; height:50px; line-height:50px; font-size:16px; color:#666;}/*2차*/
		.layG_mobileM_menu > ul > li > ul > li > a.active{color:#000; font-weight:700;}
		/*└3차메뉴*/
		.layG_mobileM_menu > ul > li > ul > li > ul{padding:7px 0; display:none;}/*3차 ul*/
		.layG_mobileM_menu > ul > li > ul > li > ul > li > a{display:block; padding-left:25px; height:50px; line-height:50px; font-size:16px; color:#666;}/*2차*/
		.layG_mobileM_menu > ul > li > ul > li > ul > li > a.active{color:#000; font-weight:700;}		


/* -----------------------------------
	@플러그인
------------------------------------- */
	/*[팝업 1~2]*/
		#gpe_divpop1, #gpe_divpop2{
			position:absolute; border:1px solid #ddd; z-index:9998; overflow:hidden;
			border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
			box-shadow:0 3px 10px rgba(0,0,0,0.15);
		}
		#gpe_divpop1 .pop_main, #gpe_divpop2 .pop_main{position:relative; background-color:#fff;}
		#gpe_divpop1 .pop_main img, #gpe_divpop2 .pop_main img{vertical-align:bottom;}
		#gpe_divpop1 .pop_bott, #gpe_divpop2 .pop_bott{position:relative; padding-left:5px; border-top:1px solid #ddd; background-color:#f6f6f6; height:35px; line-height:35px;}
		#gpe_divpop1 .pop_bott > input, #gpe_divpop2 .pop_bott > input{vertical-align:top; margin-top:11px;}
		#gpe_divpop1 .pop_bott > button, #gpe_divpop2 .pop_bott > button{position:absolute; bottom:0; right:0; width:32px; height:28px; line-height:28px; background-color:transparent;}
		#gpe_divpop1 .pop_bott > button i, #gpe_divpop2 .pop_bott > button i{font-size:23px;}


/* -----------------------------------
	@기타
------------------------------------- */
	/*[메인메뉴 없을때]*/
		.menu_blank{position:relative; text-align:center;}
		.menu_blank > strong{color:#ec0000;}
		.menu_blank > strong > span{display:none;}
		.menu_blank > strong > i{margin-top:2px; vertical-align:top; font-size:17px;}
		.menu_blank > p{margin:5px 0 15px 0; color:#666;}
		.menu_blank > div > a{
			margin-left:5px; padding:2px 1px 2px 6px; border:1px solid #ccc; color:#333; font-size:13px; font-weight:700;
			border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
		}
		.menu_blank > div > a:hover{text-decoration:underline;}
		.tmenu1_wrap0 .menu_blank{margin-top:-20px;} /*메인메뉴 개별css*/
		.tmenu1_wrap0 .menu_blank > strong > span:nth-of-type(1){display:inline-block;}
		.openmenu_wrap0 .menu_blank > strong > span:nth-of-type(2){display:inline-block;} /*펼침메뉴 개별css*/
		.openmenu_wrap0 .menu_blank > p{color:#ccc;}
		.openmenu_wrap0 .menu_blank > div > a{color:#ccc;}
		
	/*[설정안내 버튼]*/
		.layG_setButton{position:fixed; right:0; top:200px; z-index:9999;}
		.layG_setButton > a{font-size:12px;}
		/*레이아웃설정 버튼*/
		.layG_setButton > a:nth-of-type(1){display:block; padding:0 5px; line-height:30px; background-color:#ff0000; color:#fff; border-radius:4px 0 0 4px;}
		.layG_setButton > a:nth-of-type(1):hover{background-color:#333;}
		.layG_setButton > a:nth-of-type(1) i{font-size:18px; color:#fff; vertical-align:top; padding-top:6px;}
		/*메뉴얼, 관리자 링크*/
		.layG_setButton > a:nth-of-type(2), .layG_setButton > a:nth-of-type(3){
			display:block; float:right; margin-top:3px; width:50%; height:30px; line-height:30px; background-color:#ddd; color:#000; text-align:center;
		}
		.layG_setButton > a:nth-of-type(2):hover, .layG_setButton > a:nth-of-type(3):hover{background-color:#333; color:#fff;}
		.layG_setButton > a:nth-of-type(3){
			background-color:#ccc;
			border-radius:4px 0 0 4px; -moz-border-radius:px; -webkit-border-radius:px;
		}
		.layG_setWgGuide{position:fixed; width:100%; height:100px; left:0; top:0; background-color:rgba(0,0,0,0.70); text-align:center; z-index:9999;}
		.layG_setWgGuide > p{margin:0; padding:0; margin-top:10px; font-size:20px; color:#fff;}
		.layG_setWgGuide > a{
			display:inline-block; margin-top:10px; padding:0 20px; height:34px; line-height:32px; background-color:#ff0000; font-size:18px; color:#fff; font-weight:700;
			border-radius:20px;
			-moz-border-radius:20px;
			-webkit-border-radius:20px;
		}

	/*[메인mid값 미입력 경고]*/
		.contents_blank{
			position:relative; padding:100px 0; background-color:#f5f5f5; text-align:center;
			border-radius:6px;
				-moz-border-radius:6px;
				-webkit-border-radius:6px; 
		}
		.contents_blank > p{line-height:30px; font-size:20px; font-weight:800;}
		.contents_blank > p > i{display:block; margin-bottom:5px; font-size:30px; font-weight:700; color:#ff0000; vertical-align:middle;}
		.contents_blank > p b{color:#ff0000; font-weight:800;}
		.contents_blank > p small{font-size:16px; font-weight:normal;}
		.contents_blank a{display:inline-block; margin-top:20px; padding:4px 10px; border:1px solid #999; color:#000; font-weight:700; border-radius:4px;}

	/*[위젯수정시 css]*/
		.widgetOutput p, .widgetOutput span{margin:0; padding:0; line-height:160%; font-size:15px;} /*위젯 수정시 리셋*/
		
	/*[기타]*/
		/*스케치북 게시판 요소별 폰트크기 조정, 스케치북 사용자시만 적용, 사용안할시 기호에 맞게 주석처리*/
		.bd_tb_lst th,
		.bd_tb_lst th span,
		.bd_tb_lst th a,
		.bd_tb_lst td,
		.bd_tb_lst .cate span{font-size:12px !important;}