/**utf-8**/
@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css);
@import url(common.css);
@charset "utf-8";

/*
 * Hangeul NanumBarunGothic Font
 */
@font-face {
 font-family: 'NanumBarunGothic';
 src: url(/webfont/NanumBarunGothicWeb.eot);
 src: url(/webfont/NanumBarunGothicWeb.eot?#iefix) format('embedded-opentype'),
      url(/webfont/NanumBarunGothicWeb.woff) format('woff'),
      url(/webfont/NanumBarunGothicWeb.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBarunGothicBold';
 src: url(/webfont/NanumBarunGothicWebBold.eot);
 src: url(/webfont/NanumBarunGothicWebBold.eot?#iefix) format('embedded-opentype'),
      url(/webfont/NanumBarunGothicWebBold.woff) format('woff'),
      url(/webfont/NanumBarunGothicWebBold.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBareunGothicLight';
 src: url(/webfont/NanumBarunGothicWebLight.eot);
 src: url(/webfont/NanumBarunGothicWebLight.eot?#iefix) format('embedded-opentype'),
      url(/webfont/NanumBarunGothicWebLight.woff) format('woff'),
      url(/webfont/NanumBarunGothicWebLight.ttf) format('truetype');
}


/*@import url("customize.css");*/
* { font-size:13px;  font-family: NanumBarunGothic,'나눔고딕', 'Nanum Gothic', NanumGothic, NanumGothic, '돋움', Dotum, Arial, Tahoma; color:#333;	}
h1,h2,h3,h4,h5{ font-size:13px;  font-family: NanumBarunGothic,'나눔고딕', 'Nanum Gothic', NanumGothic, NanumGothic, '돋움', Dotum, Arial, Tahoma; color:#333;	}

body{font-family: '나눔고딕', 'Nanum Gothic', NanumGothic, NanumGothic, '돋움', Dotum, Arial, Tahoma; color:#333; font-size:12px;}

#hd{

	width:100%;
}
.logo_txt_main{
		color:#FFF;
}
.logo_txt_sub1{color:#FFF !important;}
.logo_txt_sub2{color:#FFF !important;}
.logo_img{
	display: inline-block;
	width:56px;
	height:56px;
	background:url(../img/logo.png) 0 0 no-repeat;
}
#icon_group .icontxt01 {display:inline-block;float: left;line-height:35px;font-size:1.2em;color:#FFF;}
#icon_group .icontxt02 {display:inline-block;float: left;line-height:35px;font-size:1.2em;color:#FFF;}
#icon_group .icontxt03 {display:inline-block;float: left;line-height:35px;font-size:1.2em;color:#FFF;}
#icon_group .icontxt04 {display:inline-block;float: left;line-height:35px;font-size:1.2em;color:#FFF;}

#icon_group .icon_menu_01 {display:inline-block;}
#icon_group .icon_menu_02 {display:inline-block;}
#icon_group .icon_menu_03 {display:inline-block;}
#icon_group .icon_menu_04 {display:inline-block;}

#icon_group .icon_menu_01 .icon01{display:inline-block;float: left;width:35px;height:35px;background:url(/img/icon.png) 0 0 no-repeat;}
#icon_group .icon_menu_02 .icon02{display:inline-block;float: left;width:35px;height:35px;background:url(/img/icon.png) 0 -35px no-repeat;}
#icon_group .icon_menu_03 .icon03{display:inline-block;float: left;width:35px;height:35px;background:url(/img/icon.png) 0 -70px no-repeat;}
#icon_group .icon_menu_04 .icon04{display:inline-block;float: left;width:35px;height:35px;background:url(/img/icon.png) 0 -105px no-repeat;}

#icon_group .icon_menu_01:hover .icon01{display:inline-block;float: left;width:35px;height:35px;background:url(/img/icon.png) -35px 0 no-repeat;}
#icon_group .icon_menu_01:hover .icontxt01 {color:#306C03;}
#icon_group .icon_menu_02:hover .icon02{display:inline-block;float: left;width:35px;height:35px;background:url(/img/icon.png) -35px -35px no-repeat;}
#icon_group .icon_menu_02:hover .icontxt02 {color:#306C03;}
#icon_group .icon_menu_03:hover .icon03{display:inline-block;float: left;width:35px;height:35px;background:url(/img/icon.png) -35px -70px no-repeat;}
#icon_group .icon_menu_03:hover .icontxt03 {color:#306C03;}
#icon_group .icon_menu_04:hover .icon04{display:inline-block;float: left;width:35px;height:35px;background:url(/img/icon.png) -35px -105px no-repeat;}
#icon_group .icon_menu_04:hover .icontxt04 {color:#306C03;}

/*main_menu_icon*/

	#main_bn_box{
		margin:0;
		padding:0;
	}
	#main_bn{
		margin:0;
		padding:0;
	}
	#main_bn_box .bn_bg1{
		display:block;
		float: left;
		width:100%;
		height:644px;
		overflow:hidden;
	}
	#main_bn_box .bn_ul{
		margin:0;
		padding:0;

	}

	#main_bn .bn_wr01,#main_bn .bn_wr02,#main_bn .bn_wr03,#main_bn .bn_wr04{
		display:block;
		width:100%;
		height:644px;
	}
	#main_bn .bn_wr01{
		background: url(../img/101.jpg) -200px -100px /130% no-repeat;
	}
	#main_bn .bn_wr02{
		background: url(../img/102.jpg) -200px -100px /130% no-repeat;
	}
	#main_bn .bn_wr03{
		background: url(../img/103.jpg) 0px -200px /100% no-repeat;
	}
	#main_bn .bn_wr04{
		background: url(../img/104.jpg) -200px -300px /130% no-repeat;
	}

	.bn_txt_group{
		position:absolute;
		top:432px;
		display:block;
		width:100%;
		height:160px;
		background-color: rgba(255,255,255,0.5);
	}
	.bn_txt_group .bn_txt_menu{
		display:block;
		margin:0 auto;
		min-width:320px;

	}
	.bn_txt_group .bn_txt_menu li{
		display:inline-block;
	}
	.bn_txt_group .bn_txt_menu li a{
		color:#FFF;
		line-height:52px;
		border-left:1px solid #FFF;
		padding-left:10px;
		padding-right:10px;
		font-size:1.5em;
	}
	.bn_txt_group .bn_txt_menu li:first-child a{
		border-left:none;;
	}
	.bn_txt_group .bn_txt{
		font-size:5em;
		color:#FFF;
		width:100%;
		line-height:100px;
		text-align:center;
	}

	/*main_menu_icon end*/
.gnb:hover{
	border-bottom:5px solid #61C617;
	padding-bottom: 0px;
}

.gnb,#subgnb ul{
	display: inline-block;
	font-size: 1.4em;
	line-height: 45px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	width: 15%;
	max-width: 300px;
	text-align: center;
	vertical-align: top;
	cursor:pointer;
	padding-bottom: 5px;
}
#gnb_1dul{
	width:100%;
}

#subgnb{
	background-color:rgba(255,255,255,0.9);
	position: absolute;
	left: 0;
	width: 100%;
	display:none;
	cursor:pointer;
}
#subgnb ul li{
	line-height:35px;
	font-size:0.95em;
}
#gnb_m051 {
	padding-top:20px;
}
.wheelchair{
	display:block;
	width:100px;
	height:100px;
	background:url(../img/wheelchair.png) 0 0 no-repeat;
	filter:alpha(opacity=50);
	opacity:1.0;
	margin:0 auto;
}
#gnb_m061{
	padding-top:33px;
}
#gnb_m061 span{
	display:block;
	width:100px;
	height:100px;
	font-weight:bold;
	margin:0 auto;
	line-height:20px;
}

/*footer*/
#ft {
    min-width: 320px;
}

#wrapper{
	width:100% !important;
	background-color:#F1F1F1;
}


#mobile_btn{display:none;}


/*gallery format*/
.gall{display:table;width:100%;}

.gall3{
	display: table;
	width: 33%;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
}

.gall dl.gall_body,.gall3 dl.gall_body{display:block;width:100%;}
.gall dl.gall_body dt,.gall3 dl.gall_body dt{display: block;width: 100%;
	/*border-left: 4px solid #1CABE2;*/
	font-size: 1.5em;color: #6B6B6B;padding-left: 3px;
}
.gall dl.gall_body dd,.gall3 dl.gall_body dd{
	display: block;
	float: left;
	margin-left: 0px;
	padding-left: 0px;
	width: 100%;
	margin-top: 15px;
}
.gall dl.gall_body dd ul.gall_group,.gall3 dl.gall_body dd ul.gall_group{
	list-style: none;
	display: inline-block;
	width: 100%;
	margin: 0px;
	padding: 0px;
	margin-top:1px;
}
.gall dl.gall_body dd ul.gall_group li.gall_item{
	height: 198px;
	float: left;
	width: 25%;
	display: inline-block;
	min-width: 249px;
	text-align: center;
	margin: 0 auto;
}
.gall3 dl.gall_body dd ul.gall_group li.gall_item{
	height: 146px;
	float: left;
	width: 25%;
	display: inline-block;
}
.gall dl.gall_body dd ul.gall_group li.gall_item a.gall_img,.gall3 dl.gall_body dd ul.gall_group li.gall_item a.gall_img{
	width: 249px;height: 100%; display: block;
	margin: 0 auto;
}
.gall dl.gall_body dd ul.gall_group li.gall_item a.gall_img img,.gall3 dl.gall_body dd ul.gall_group li.gall_item a.gall_img img{width:100%;height:100%;}

.gall dl.gall_body dd ul.gall_group li.gall_bn{
	height: 126px;
	float: left;
	width: 20%;
	display: inline-block;
	min-width: 192px;
	text-align: center;
	margin: 0 auto;
}
.gall dl.gall_body dd ul.gall_group li.gall_bn a.gall_img{width: 196px;height: 100%; display: block;border:2px solid #2BAFE2;}
.gall3 dl.gall_body dd ul.gall_group li.gall_bn a.gall_img{width: 227px;height: 100%; display: block;border:2px solid #2BAFE2;}
.gall dl.gall_body dd ul.gall_group li.gall_bn a.gall_img img,.gall3 dl.gall_body dd ul.gall_group li.gall_bn a.gall_img img{width:100%;height:100%;}
.gall dl.gall_body dd ul.gall_group li.gall_bn a.heart{
	width: 196px;
	height: 100%;
	display: block;
	border: 2px solid #2BAFE2;
	background: #2BAFE2;
	font-size: 2em;
	color: #FFF;
}
.gall dl.gall_body dd ul.gall_group li.gall_bn a.heart .heart01{
	width: 196px;
	height: 100%;
	display: block;
	background: url(../img/heart.png) 0 -20px no-repeat;
	text-align: center;
	padding-top: 85px;
	color: #FFF;
	font-size: 1em;
	font-weight: 700;
}
.gall dl.gall_body dd ul.gall_group li.gall_bn a.heart .hands00{
	width: 196px;
	height: 100%;
	display: block;
	background: url(../img/hands00.png) 0 0px no-repeat;
	text-align: center;
	padding-top: 85px;
	color: #FFF;
	font-size: 1em;
	font-weight: 700;
}
.hands01{
	width: 200px;
	height: 200px;
	display: block;
	background: url(../img/hands11.png) 0 0 /100% no-repeat;
	float: left;
	margin-left: -70px;
	margin-top: 16px;
}
.hands02{
	width: 200px;
	height: 200px;
	display: block;
	background: url(../img/hands12.png) 0 0 /100% no-repeat;
	transform: rotateY(180deg);
	float: left;
	top: 20px;
	margin-top: 16px;
}
.gall_notice{
	display:table;
	border:1px solid #BBBB93;
/*	background:#DADACA;*/
	background:#FFF;
	height:160px;
	padding:24px 20px;
	margin-bottom: 30px;
	width: 100%;
	max-width: 1040px;
}

.gall_notice table th .gall_img{border:2px solid #FFF;}
.gall_notice table td{
	padding-left: 10px;
	display: block;
	float: left;
}
.gall_notice table td h3{font-size:2em;font-weight:normal;}
.gall_notice table td p{font-size: 1.5em;line-height: 1.5em;margin-top: 20px;}
.gall_bg{
	position: relative;
	display: block;
	width: 400px;
	height: 200px;
	float: right;
	margin-top: -170px;
}
/*gallery format end*/

/*footer*/
#ft_wrap .ft_right {float:right;}
#ft_wrap .ft_right li {margin-left:10px; float:left;}
#ft_wrap .ft_right li a {display:block; line-height: 75px;}
/*footer*/
#ft {
    display: table;
	width: 100% !important;
    background: #F1F1F1;
	min-height:200px;
	height:321px;
	padding-top: 20px;
	padding-bottom: 100px;
}
#ft_wrap{
	width:100%;
	max-width:1400px;
	margin: 0 auto;
}
#ft_catch{
display: block;
float: left;
max-width: 330px;
}
#logo_gray{
float: right;
width: 378px;
border-right: 3px solid #F7C38C;
}
#logo_gray .logo_main{
width: 58px;
height: 58px;
}
#logo_gray .logo_txt_main{
color: #393939;
float: left;
height: 28px;
width: 300px;
}
#logo_gray .logo_txt_group{
float: left;
display: block;
height: 30px;
width: 300px;
}
#logo_gray .logo_txt_group .logo_txt_sub1{
float: left;
display: block;
width: 300px;
font-size: 1.40em;
margin-top: 0px;
padding-top: 0px;
line-height: 30px;
text-align: center;
color: #5C5D5D !important;
}
.hide{display:none !important}
#ft_company{
float: left;
display: block;
padding-left: 10px;
}
#ft_company ul.address{
line-height: 20px;
text-align: left;
padding: 20px 0 0 20px;
}
#ft_company ul.address li{}
#ft_company ul.address li strong{letter-spacing: 0.2em;margin-right:1em;}
#ft_company ul.address li:first-child strong{letter-spacing: 0.06em;}

.global_comment{
		display: block;
		color: #FFF;
		float: right;
		width: 32%;
		min-height: 42px;
		max-width: 455px;
		padding-top: 30px;
	}
	.global_comment dl{
		display:table;
	}
	.global_comment dl dt{
		color: #FFF;
		display:table;
		font-weight:bold;
		float:left;
		line-height:20px;
		font-size:0.9em;
	}
	.global_comment dl dd{
		color: #FFF;
		display:table;
		font-weight:normal;
		float:left;
		min-width:300px;
		line-height:22px;
		font-size:0.9em;
		font-family: NanumBareunGothicLight,
	}
	.global_icon_group{width:100%;display:block;float:left;	margin-top:20px;}
	.facebook{width:28px;height:27px;background:url(../img/facebook.png) 0 0 no-repeat;display:block;float:left;margin-left:2px;}
	.kakaotalk{width:28px;height:27px;background:url(../img/kakaotalk.png) 0 0 no-repeat;display:block;float:left;margin-left:2px;}
	.naverBand{width:28px;height:27px;background:url(../img/band.png) 0 0 no-repeat;display:block;float:left;margin-left:2px;}
	.global_sub_menu{min-width:70px;line-height:27px;display:block;float:left;margin-left:2px;color:#FFF!important;font-size:1.3em;font-weight:bold;text-align:center;}


	.pic_bottom{
		display:table;
		width:100%;
		height:600px;
		background: url(../img/pic_bottom.jpg) 0px -200px /100% no-repeat;

	}
/*footer end*/

@media only screen and  (min-width:1400px){
	#hd{
		min-width:1400px !important;
	}
	#hd_wrapper{
		width:1400px;
		width:100%;
		margin:0 auto;
		background-color:#6BBC76;
	}
	.page_width{
		width: 1400px !important;
		margin: 0 auto;
	}
	#gnb{
		display:block;
	}

	.global_menu_area{
		display: inline-block;
		float:right;
		width: 430px;
	}
	#text_size{
		position:absolute;
		left:0px;
		top:2px;
		height:30px;
	}
	#tnb{
/*		width:20%;float:right;height:30px;*/
		position: absolute;
		height: 30px;
		right: 10px;
		top: 0px;
	}


	#logo{
		width:585px;
		height:103px;
		padding-top: 20px;
		padding-left: 20px;
	}

	.logo_main{/*width:377px;*/float:left;}
	.logo_txt_main{font-size:2em;}
	.logo_txt_sub1{font-size:1.5em;float:left;margin-top: 30px;line-height: 2em;}
	.logo_txt_sub2{font-size:1.5em;float:left;letter-spacing: 0.13em;}
	#icon_group{
		width:35%;
		float: right;
		margin-top: 30px;
	}
	.bn_txt_group .bn_txt_menu{width:500px;}
	.center_wrap{display:block;width:1100px;margin:0 auto;}
	.center_devide{width:33%;float:left;}
	.center_02_wrap{
		width:1100px !important;
		margin:0 auto;
	}
	#mobile_btn{display:none;}
	@import url(style-pc-wide.css);
}

@media only screen and  ( min-width:1024px) and (max-width:1400px) {
	#hd{
		min-width:1025px !important;
	}
	#hd_wrapper{
		width:100%;
		margin:0 auto;
		background-color:#6BBC76;
	}
	.page_width{
		width: 1025px !important;
		margin: 0 auto;
	}

	.global_menu_area{
		width:365px;
		display: inline-block;
		float:right;
	}
	#text_size{
		position:absolute;
		left:0px;
		top:2px;
		height:30px;
	}
	#tnb{width:20%;float:right;height:30px;}
	#logo{
		width:500px;
		height:103px;
	}

	.logo_main{/*width:377px;*/float:left;}
	.logo_txt_main{font-size:2em;}
	.logo_txt_sub1{font-size:1.5em;float:left;margin-top: 30px;line-height: 2em;}
	.logo_txt_sub2{font-size:1.5em;float:left;letter-spacing: 0.13em;}
	#icon_group{
		width:430px;
		float: right;
		margin-top: 30px;
	}
	.bn_txt_group .bn_txt_menu{width:500px;}
	.center_wrap{display:block;width:1100px;margin:0 auto;}
	.center_devide{width:33%;float:left;}
	.center_02_wrap{
		min-width:1025px !important;
		margin:0 auto;
	}
	#mobile_btn{display:none;}
	@import url(style-pc.css);
}
@media only screen and  ( min-width:768px) and (max-width:1024px) {
	#hd{
		min-width:768px !important;
	}
	#hd_wrapper{
		width:100%;
		margin:0 auto;
		background-color:#6BBC76;
	}
	.page_width{
		width: 100% !important;
		margin: 0 auto;
	}
	.global_menu_area{
		display: inline-block;
		width:100%;
		float:right;
	}

	#text_size{
		position:absolute;
		left:0px;
		top:2px;
		height:30px;
	}
	#tnb{width:30%;float:right;height:30px;}
	#logo{
		width:350px;
		height:103px;
	}
	.global_comment{
		width:350px;
	}
	.logo_main{width:300px;float:left;}
	.logo_txt_main{font-size:2em;}
	.logo_txt_sub1{font-size:1.5em;float:left;margin-top: 0px;line-height: 2em;}
	.logo_txt_sub2{font-size:1.5em;float:left;letter-spacing: 0.13em;}
	#icon_group{
		width:215px;
		float: right;
		margin-top: 10px;
	}
	#gnb{
		display:block;
	}

	.gnb{
		font-size:1.2em;
		line-height: 20px;
		padding:10px 0 10px 0;
		height: 40px;
	}
	.bn_txt_group .bn_txt_menu{width:500px;}
	.center_wrap{display:block;width:100%;margin:0 auto;}
	.center_devide{width:33%;float:left;}
	.center_02_wrap{
		min-width:768px !important;
		margin:0 auto;
	}
	#mobile_btn{display:none;}
	.global_menu{width:100%;text-align:center !important;border-top:1px solid #FFF;border-bottom:1px solid #E4E8CA;margin-bottom:10px;}
	.gall_notice {
		display: table;
		border: 1px solid #BBBB93;
		background: #DADACA;
		height: 160px;
		padding: 0px !important;
		padding-top: 15px !important;
		margin-bottom: 30px;
		width: 100%;
		max-width: 1040px;
	}
	.gall_notice table{
		margin:0 auto;
	}
	@import url(style-tablet.css);
}
@media only screen and  ( min-width:360px) and (max-width:768px){
	#hd{
		min-width:360px !important;
	}
	#hd_wrapper{
		width:100%;
		margin:0 auto;
		background-color:#6BBC76;
	}
	.page_width{
		width: 100% !important;
		margin: 0 auto;
	}
	.global_menu_area{
		width:100%;
		display: inline-block;
		float:right;
	}
	#text_size{
		position:absolute;
		left:0px;
		top:2px;
		height:30px;
	}
	#tnb{width:400px;float:right;height:30px;}
	#logo{
		width:100% !important;
		min-width:360px;
		height:auto;

	}
	.logo_main{
		width: 179px !important;
		float: left;
	}
	.logo_main img{width:100%;max-width:65px;}
	.logo_txt_main{
		font-size: 1.6em;
		width: 112px;
		min-width: 112px;
		display: block;
		float: left;
		margin-top: 10px;
	}
	.logo_txt_group{
		width: 170px;
		float: left;
		margin-top: 11px;
	}
	.logo_txt_sub1{font-size:1.5em;width:30%;min-width:180px;float:left;line-height: 1.2em;}
	.logo_txt_sub2{font-size:1.5em;width:30%;min-width:180px;float:left;letter-spacing: 0.13em;}
	.icon_menu_01{width:40%;}
	.icon_menu_02{width:40%;}
	.icon_menu_03{width:40%;}
	.icon_menu_03{width:40%;}

	/*상단 우측*/
	.global_comment{
		width:100% !important;
		float:left !important;
	}

	#icon_group{
		width:100%;
		float: left;
		margin-top: 10px;
	}
	.gnb{
		/*display:none;*/
	}
	#gnb{
		display:none;
	}
	#gnb{
		position:absolute;
		right:0;
		top:0px;
		background-color:#FFF;
	}
	#gnb h2{
		position: absolute;
		right: 0;
		top: 0px;
		width: 70px;
		height: 60px;
		background: #FFF;
		color: #000;
		z-index: 1000;

	}
	#gnb_1dul{
		width: 50%;
		background: #ddd;
		height: 100%;
		position: fixed;
		display: block;
		top: 0;
		right: 0;
		z-index: 1000;
	}
	#gnb_1dul .gnb{
		display: list-item;
		width: 100%;
		text-align: left;
		border-top: 1px solid #FFF;
		border-left: 5px solid #f80606;
		padding-left: 20px;
	}
	.bn_txt_group .bn_txt_menu{width:320px;}
	.center_wrap{display:block;width:100%;}
	.center_devide{width:100%;float:left;}
	.center_02_wrap{
		min-width:360px !important;
		margin:0 auto;
	}
	#mobile_btn{display:block;}
	.gall_notice table th{
		display: block;
		/*float: left;*/
	}
	#main_bn_box{display:none;}
	.gall .gall_bg{display:none;}
	.global_menu{width:100%;text-align:center !important;border-top:1px solid #FFF;border-bottom:1px solid #E4E8CA;margin-bottom:10px;}
	.pcmode{
		display:none !important;
	}
	#sub_bn_box{display: none !important;}
	.bn_txt_group_sub{display: none !important;}
	.gall_notice {
		display: table;
		border: 1px solid #BBBB93;
		background: #DADACA;
		height: 160px;
		padding: 0px !important;
		padding-top: 15px !important;
		margin-bottom: 30px;
		width: 100%;
		max-width: 1040px;
	}
	.gall_notice table{
		margin:0 auto;
	}
	.gall dl.gall_body dd ul.gall_group li.gall_item {
	    width: 100%!important;
	}
	.gall dl.gall_body dd ul.gall_group li.gall_bn {
	    width: 100%;
	}
	.gall dl.gall_body dd ul.gall_group li.gall_bn a{
		margin:0 auto;
	}
		/*sub gallery*/
	#bo_gall #gall_ul {
	    display: table;
	}
	#bo_gall #gall_ul li{
		float: none;
	}
	@import url(style-mobile-wide.css);
}
@media only screen and  (max-width:360px){
	#hd{
		min-width:320px !important;
	}

	#hd_wrapper{
		width:100%;
		margin:0 auto;
		background-color:#6BBC76;
	}

	.page_width{
		width: 100% !important;
		margin: 0 auto;
	}
	.global_menu_area{
		width:100%;
		display: inline-block;
		float:right;
	}
	#text_size{display:none;}
	#tnb{width:100%;float:left;height:auto;}
	#logo{
		width:100%;
		height:auto;

	}
	.logo_main{width:100%;float:left;
	    width: 250px !important
	}
	.logo_txt_group{
		width: 300px !important
	}
	.logo_txt_main{
		margin-top:20px;
		margin-left:20px;
		width: 150px;
		font-size: 2em;
		display: block;
		float: left;
		color:#FFF;
	}
	.logo_txt_sub1{font-size:1.0em;width:260px !important;float:left;;line-height: 1.2em;margin-left:20px;color:#FFF;}
	.logo_txt_sub2{font-size:1.0em;width:130px;float:left;line-height: 1.2em;letter-spacing: 0.13em;color:#FFF;}
	.icon_menu_01{width:40%;}
	.icon_menu_02{width:40%;}
	.icon_menu_03{width:40%;}
	.icon_menu_03{width:40%;}

	.global_comment{
		display:table;
		width:100% !important;
		float:none;
		padding-top:10px !important;
	}
	.global_comment dl{
		margin-left:20px;
	}
	.global_icon_group{
		width: 90%;
		display: table;
		float:none !important;
		margin-top: 20px;
		margin: 0 auto;
	}
	.global_icon_group a{
		min-width: 30px;
	}
	#icon_group{
		width:100%;
		float: left;
		margin-top: 10px;
	}
	#gnb{
		display:none;
	}
	#gnb{
		position:absolute;
		right:0;
		top:0px;
		background-color:#FFF;
	}
	#gnb h2{
		position: absolute;
		right: 0;
		top: 0px;
		width: 70px;
		height: 60px;
		background: #FFF;
		color: #000;
		z-index: 1000;

	}
	#gnb_1dul{
		width: 50%;
		background: #ddd;
		height: 100%;
		position: fixed;
		display: block;
		top: 0;
		right: 0;
		z-index: 1000;
	}
	#gnb_1dul .gnb{
		display: list-item;
		width: 100%;
		text-align: left;
		border-top: 1px solid #FFF;
		border-left: 5px solid #f80606;
		padding-left: 20px;
	}
	.center_wrap{display:block;width:100%;}
	.center_devide{width:100%;float:left;}
	.center_01{
		height:40px !important;
	}
	.center_01 .center_011 h2 {
		line-height: 2em !important;
		margin-top: 0px !important;
		padding-top: 20px;
	}
	.center_02_wrap{
		width:100% !important;
		margin:0 auto;
	}
	.center_03,.center_06{
		display:none !important;
	}
	.gall dl.gall_body dt, .gall3 dl.gall_body dt {
		text-indent: 0px !important;
		text-align:center;
	}
	.gall_notice table th{
		display: block;
		text-align: center;

	}
	.gall_notice table td{
		padding: 15px;
		font-size: 0.8em;
	}
	.gall dl.gall_body dt, .gall3 dl.gall_body dt{
		/*padding-left: 40px;*/
		/*다른 방법을 사용할 것 - 다른 페이지 테이블 밀림(예)신청서폼*/
	}
	#content01 .gall_group .gall_item img {
		max-width: 100%;
	}
	.gall3{
		width: 100%;
	}
	#main_bn_box{display:none;}
	.bn_txt_group{display:none;}

	.gall .gall_bg{display:none;}

	/*gallery format edit*/
	.gall dl.gall_body dd ul.gall_group li.gall_item{
		width: 100%;
		margin-bottom: 10px;
	}
	.gall3 dl.gall_body dd ul.gall_group li.gall_item{
		width: 100%;
	}
	.gall dl.gall_body dd ul.gall_group li.gall_bn{
		width: 100%;
		margin-bottom: 10px;
	}
	.gall dl.gall_body dd ul.gall_group li.gall_bn a.gall_img {
	    margin: 0 auto;
	}
	/*gallery format end*/

	/*footer*/
	#logo_gray {
		float: none;
		width: 100%;
		border-right: 3px solid #F7C38C;
	}
	#logo_gray .logo_txt_main{
		float: left;
		width: 250px;
		font-size: 1.7em;
		margin: 0;
		padding: 0;
	}
	#logo_gray .logo_txt_group{
		width:260px !important;
	}
	#logo_gray .logo_txt_group .logo_txt_sub1{
		float: left;
		width: 250px;
		font-size: 1.0em;
		margin: 0;
		padding: 0;
	}
	#logo_gray .logo_main {
		height: 58px;
		width: 70px !important;
	}
	#ft_company {
		width: 100%;
	    padding-left: 0px;
	}
	#ft{
		padding-bottom: 50px;
	}

	#mobile_btn{display:block;}

	/*mobile_table*/
	table.mobiletable{
		display:block !important;
	}
	table.mobiletable > thead > tr > th{
		display:block !important;
		width:100% !important;
		min-width:320px;
	}
	#content01 .cont_title {
		width: 100% !important;
	}
	table.mobiletable > tbody > tr > td{
		display:none !important;
	}
	#sub_bn_box{display:none !important;}
	.global_menu{width:100%;text-align:center !important;border-top:1px solid #FFF;border-bottom:1px solid #E4E8CA;margin-bottom:10px;}

	img.mobile100p{
		width:100% !important;
	}
	.pcmode{
		display:none !important;
	}
	#bo_cate_ul li{/*게시물 카테고리*/
		display: block;
		width: 100%;
	}
	#bo_cate_ul li a{/*게시물 카테고리*/
		display: none;
		width: 100%;
	}
	#bo_cate_ul li a:hover{
		display: block !important;
		width: 100%;
		border:1px solid red;
	}
	#bo_cate_ul li a#bo_cate_on{
		display: block !important;
		width: 100%;
	}
	/*문의접수게시판*/
	.apply_table{display:block;}
	.apply_table tr th{display:block; width:100%;text-align:center;padding:0;}
	.apply_table tr td{display:block;width:100%;text-align:center;padding:0;}
	.apply_table tr td input.email{display:block;width:90%;text-align:center;}
	.bn_txt_group_sub{display: none !important;}

	.gall_notice {
		display: table;
		border: 1px solid #BBBB93;
		background: #DADACA;
		height: 160px;
		padding: 0px !important;
		padding-top: 15px !important;
		margin-bottom: 30px;
		width: 100%;
		max-width: 1040px;
	}
	.gall_notice table{
		margin:0 auto;
	}
	.gall dl.gall_body dd ul.gall_group li.gall_item {
	    width: 100%!important;
	}
	.gall dl.gall_body dd ul.gall_group li.gall_bn {
	    width: 100%;
	}
	.gall dl.gall_body dd ul.gall_group li.gall_bn a{
		margin:0 auto;
	}
	/*sub gallery*/
	#bo_gall #gall_ul {
	    display: table;
	}
	#bo_gall #gall_ul li{
		float: none;
	}

	/*login */

	#mb_login {
		width:inherit !important;
		max-width:100% !important;
	    padding: 20px 0 !important;
	}
	#mb_login #login_fs{
	    padding-left: 20px !important;
	}
	#mb_login #login_fs .login_id{
	    padding-left: 0px !important;
		top:36px;
		left:20px;
	}
	#mb_login #login_fs .login_pw {
	    padding-left: 0px !important;
		top:72px;
		left:20px;
	}
	#mb_login #login_fs .btn_submit{
		right:5px;
	}
	@import url(style-mobile-base.css);
}
.gall dl.gall_body dt, .gall3 dl.gall_body dt {
    text-indent: 40px;
    padding-top: 30px;
}
/*본내용*/
.center_01{
	width:100%;
/*	height:216px;*/
}
.center_04{
	width:100%;
	height:216px;
}
.center_02{
	width:100%;
/*	min-height:600px;*/
	margin-top:100px;
	display: table;
}
.center_03{
	width: 100%;
	min-height: 100px;
	background-color: #DEDEDE;
	display: table;
}
.center_05{
	width: 100%;
	min-height: 100px;
	background-color: #CACFDA;
	display: table;
}

.center_06{
	width: 100%;
	min-height: 100px;
	background-color: #CACFDA;
	display: table;
}

.center_01 .center_011 h2{font-size: 3em;color: #5B6A87;line-height: 1em;text-align: center;margin-top: 1.5em;}
.center_01 .center_012 h3{font-size: 1.5em;color: #5B6A87;line-height: 2em;text-align: center;}
.center_04 .center_041 h2{font-size: 3em;color: #5B6A87;line-height: 1em;text-align: center;margin-top: 1.5em;}
.center_04 .center_042 h3{font-size: 1.5em;color: #5B6A87;line-height: 2em;text-align: center;}

.center_021{
	display:block;width:289px;height:384px;background-color: rgba(255,255,255,.2);border-radius: 8px;
	/*margin-left:3em;float:left;*/
	margin: 0 auto;
}
.center_021_group{
	border-radius: inherit;
	box-shadow: 0 1px 3px #c1c1c1;
	text-decoration: none;
	transition-property: top, left, opacity, box-shadow, background-color;
	position: relative;
	-moz-box-flex: 1;
	transition: 100ms ease-out;
	padding-top: 12px;
}
.center_pic_wrap{
	display: block;
	margin: 0 auto;
	width: 266px;
}
.center_021 a.pic{
	width: 100%;
}
.center_021 a.pic img{}
.center_021 span.center_pic_txt{
	display: block;
	width: 100%;
	margin-top: 15px;
	color: #FF7800;
	font-size: 1.3em;
}
.center_021 ul{
	list-style: none;
	padding-left: 0px;
	width: 100%;
	margin-top: 15px;
}
.center_021 ul li{
	line-height: 1.5em;
}
.center_021 ul li a{}
.center_021 .more{
	display: block;
	height: 40px;
}
.center_021 .more a.morelink{
	background: url(../img/more.png) 0 0 no-repeat;
	width: 30px;
	height: 30px;
	float: right;
}
.center_03_wrap{
	padding-top:30px;
}
.center_03 .sub_title{
	position: relative;
	display: table-caption;
	margin-bottom: -10px;
}
.center_03 .sub_title h2{font-size: 2em;color: #5B6A87;line-height: 1em;text-align: center;margin-top: 1.5em;}
.center_03 .center_031{
	/*position: relative;
	display: table-caption;
	margin-bottom: -10px;*/
	display:block;width:289px;min-height:289px;background-color: rgba(255,255,255,.2);border-radius: 8px;
	/*margin-left:3em;float:left;*/
	margin: 0 auto;
}
.center_031_group{
	border-radius: inherit;
	box-shadow: 0 1px 3px #c1c1c1;
	text-decoration: none;
	transition-property: top, left, opacity, box-shadow, background-color;
	position: relative;
	-moz-box-flex: 1;
	transition: 100ms ease-out;
	padding-top: 12px;
}
.center_031 a.pic{
	width: 100%;
}
.center_031 a.pic img{}
.center_031 span.center_pic_txt{
	display: block;
	width: 100%;
	margin-top: 15px;
	color: #FF7800;
	font-size: 1.3em;
}
.center_031 ul{
	list-style: none;
	padding-left: 0px;
	width: 100%;
	margin-top: 15px;
}
.center_031 ul li{
	line-height: 1.5em;
}
.center_031 ul li a{}
.center_031 .more{
	display: block;
	height: 40px;
}
.center_031 .more a.morelink{
	background: url(../img/more.png) 0 0 no-repeat;
	width: 30px;
	height: 30px;
	float: right;
}



.center_05 .center_051{
/*	position: relative;
	display: table-caption;
	margin-bottom: -10px;*/
}
.center_05 .center_051 h2{
	font-size: 2em;color: #5B6A87;line-height: 1em;text-align: center;
	margin-top: 3.7em;
}
.center_06 .center_061{
	position: relative;
	display: table-caption;
	margin-bottom: -10px;
}
.center_06 .center_06 h2{font-size: 2em;color: #5B6A87;line-height: 1em;text-align: center;margin-top: 1.5em;}


.sub_title{
	color:#5B6A87;
	font-weight:300;
}
.sub_title .arrow_down{
	position: relative;
	top: 10px;
	display: block;
	width: 60px;
	height: 20px;
	background: url(../img/arrow_down.png) 0 0 no-repeat;
	margin: 0 auto;
}


/*common.css*/
.mt20{margin-top:20px !important;}
.mapbtn{
	position: relative;
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	background: #5B6A87;
	font-size: 0.5em;
	color: #FFF !important;
	font-weight: normal;
	margin-left: 10px;
	top: -5px;
}
.sub_title_2{
	font-size:1em;
	color:#5B6A87;
}

.animatedElement{
    position: relative;
	/*left:-100px;*/
	top:100px;
	opacity: 0.1;
	/*filter: alpha(opacity=0.1);*/ /* For IE8 and earlier */
}
.slideUp{
	-webkit-transition: transform 1s, opacity 1s; /* Safari */
    transition: transform 1s, opacity 1s;
	-ms-transform: translateY(-100px); /* IE 9 */
   	-webkit-transform: translateY(-100px); /* Safari */
    transform: translateY(-100px);
	opacity: 1;
	/*filter: alpha(opacity=1);*/ /* For IE8 and earlier */
}
.slideUpX{
	-webkit-transition: transform 1s, opacity 1s; /* Safari */
    transition: transform 1s, opacity 1s;
	-ms-transform: translateX(100px); /* IE 9 */
   	-webkit-transform: translateX(100px); /* Safari */
    transform: translateX(100px);
	opacity: 1;
	/*filter: alpha(opacity=1);*/ /* For IE8 and earlier */
}

/*mobile*/

#mobile_btn{
	position:absolute;
	right:0px;
	top:0px;
	width:70px;
	height:70px;
	background:#5B6A87;
}
#mobile_btn .mobile_btn_img{
	display:block;
	width:100%;
	height:100%;
	background:url(../img/mobile_btn.png) 0 0 / 100% no-repeat;
}
#gnb_m00{
	background: #2BAFE2;
	color: #FFF;
	text-align: center !important;
	padding-left: 0px !important;
	border-left: 0px !important;
	font-weight: 700 !important;
}
.mobile_submenu{
	border-left: 5px solid #f87e06;
	background:#EEE;
}
.mobile_submenu ul li{
	display: list-item;
	width: 100%;
	text-align: left;
	border-top: 1px solid #FFF;
	padding-left: 25px;
	cursor: pointer;
	font-size: 1.4em;
	line-height: 55px;
	padding-right: 5px;
	max-width: 300px;
}
.cont_body_copy{
	padding:5px;
}

/*popup*/
.popupWin {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	left: 0;
	top: 0;
	overflow:scroll;
	z-index:1000;
}
.closebtn{
	float:right;
	margin-right:20px;
}
.popupWinWrap{
	display:block;
	max-width:1100px;
	min-height:100%;
	margin:0 auto;
	background-color: rgb(255, 255, 255);
	border: 10px solid #5793fc;
	padding: 10px;

}

/*폰트 확대*/
.ts_up *{
	font-size:1.05em !important;
	line-height:1.1em !important;
}
.ts_up2 *{
	font-size:1.1em !important;
	line-height:1.2em !important;
}


#banner_top{
    display: block;
    max-width: 496px;
    height: auto;
    float: left;
    margin-top: 25px;
}
#banner_top img{
	width:100% !important;
}


/*bottom*/
@media only screen and  (max-width:849px){
	#ft_catch {
		display: block;
		float: left;
		width: 100% !important;
		min-width: 330px;
	}
	#logo_gray {
		float: none;
		width: 100%;
		border-right: none;
	}

	#logo_gray .logo_main {
		display:none;
	}
	#logo_gray .logo_txt_main {
		width: 100%;
	}
	#logo_gray .logo_txt_group {
		width: 100%;
	}
	#logo_gray .logo_txt_group .logo_txt_sub1 {
		width: 100%;
	}
	#ft_company {
		width: 100%;
		float: left;
		display: block;
		padding-left: 10px;
	}
}