/* CSS Document */

/* Default Style Definition */
body {
	margin: 0; padding: 0;
	/*font-family:'Apple SD Gothic Neo','나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum; */
	font-size:87.5%;
	background-size:cover;
	word-break:keep-all;
	word-break:break-all;
}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {
	display: block;
}
img {
	max-width: 100%;
	height: auto;
	border: 0px;
}
form, ul {
	margin: 0; padding: 0;
}
hr {
	display: none;
}

input, select, textarea {
	vertical-align: middle;
}

a, a:link, a:visited, a:hover, a:active {color:#666666; text-decoration:none;letter-spacing:-1px;}

li {
	list-style:none;
}

.title01{
	padding: 10px;
	background: #333333;
	color:#ffffff;
}


/* Default Style Definition - end */


/* Index Style Definition */
#page-container {
	margin:70px 4% 50px 4%;
	padding:0 0 0 4px;
}
header .logo {
	padding-right:46.875%;  /* 로고가로사이즈에 따라 변동 (642-로고사이즈-20)/642 */
}

/* 상단 전화걸기, 오시는길, PC홈페이지 버튼 스타일 */
header button {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #cccccc;
	
	border-radius: 100px;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: rgba(0, 0, 0, 0.3) 0 0px 2px;
	font-weight: bold;
	color: #333;
	text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
}

/* 버튼영역 */ 
#content-container {
	margin:20px 0 0 0;
	padding:0 0 0 3px;
	width:100%;
	height:auto;
}

#content-container ul {
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
}
#content-container ul:after { content: " "; display: block; clear: both; height: 0; visibility: hidden; }
#content-container ul li {
	float: left;	
	margin: 1%;
	padding-bottom: 31%;
	width: 31%;
	height:0px;
	background-color:rgba(252,123,153,1);  /* 메뉴 백그라운드 색상(2번/4번/6번) */
	list-style:none;
}

#content-container ul li a img{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
}
#content-container ul li.bg02 {
	background-color:rgba(252,123,153,0.6);  /* 메뉴 백그라운드 색상(5번/7번) */
}
.menu {
	max-width:100%;
	height:0;
	display:block;
}
.menuhan, .menueng {
	display:block;
}


/* 미디어쿼리 */
.menu {
	padding: 20% 6.122448979592%;	
}
	.menu > img {
	max-width:25%;
	height:auto;
}
	.menuhan {
	color:black; /* 한글메뉴 폰트색상 */
	font-size:92.85714285714286%;
	font-weight:bold;
	text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
}
	.menueng {
	color:#41392d; /* 영문메뉴 폰트색상 */
	font-size:64.28571428571429%; /* 9/14 */
	font-weight:bold;
	text-shadow: rgba(255, 255, 255, 0.4) 0 1px 0;
} /* ie7,8,9용 */
	
@media screen and (max-width: 320px) {
	.menu {
	padding: 20% 6.122448979592%;
	/*background-color:#FF0000; */
	}
	.menu > img {
	max-width:25%;
	height:auto;
	}
	.menuhan {
	color:white; /* 한글메뉴 폰트색상 */
	font-size:92.85714285714286%;
	font-weight:bold;
	text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
	}
	.menueng {
	color:#41392d; /* 영문메뉴 폰트색상 */
	font-size:64.28571428571429%; /* 9/14 */
	font-weight:bold;
	text-shadow: rgba(255, 255, 255, 0.4) 0 1px 0;
	}
}

@media screen and (min-width: 321px) and (max-width: 480px) {
	.menu {
	padding: 22% 0%;
	/* background-color: #0066FF; */
	}
	.menu > img {
	max-width:26%;
	height:auto;
	}
	.menuhan {
	color:white; /* 한글메뉴 폰트색상 */
	font-size:114.2857142857143%;
	font-weight:bold;
	text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
	}
	.menueng {
		color:#41392d; /* 영문메뉴 폰트색상 */
		font-size:78.57142857142857%;
		font-weight:bold;
		text-shadow: rgba(255, 255, 255, 0.4) 0 1px 0;
	}
}

@media screen and (min-width: 481px) {
	.menu {
	padding: 30% 6.122448979592%;
	/* background-color: #000; */
	}
	.menu > img {
	max-width:27%;
	height:auto;
	}
	.menuhan {
	color:white; /* 한글메뉴 폰트색상 */
	font-size:128.5714285714286%;
	font-weight:bold;
	text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
	}
	.menueng {
		color:#41392d; /* 영문메뉴 폰트색상 */
		font-size:85.71428571428571%;
		font-weight:bold;
		text-shadow: rgba(255, 255, 255, 0.4) 0 1px 0;
	}
}

/* Index Style Definition - end */


/* Footer Style Definition */ 
#footer {
	background:rgba(252,123,153, 1); /* 푸터 백그라운드컬러 */
	text-align:left;
	padding:10px 6.25%;
	list-style:none;
	color:black;
	font-size:11px;
}
/* Footer Style Definition - end */ 


/* Sub Top-menu Style Definition */
.top_gradient {
	color: #fff; /* 로고색상 */
	
	background:#999999;

	
	background: #fc7b99; /* Old browsers */
	background: -moz-linear-gradient(top,  #fc7b99 0%, #f9bbc8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc7b99), color-stop(100%,#f9bbc8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fc7b99 0%,#f9bbc8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fc7b99 0%,#f9bbc8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fc7b99 0%,#f9bbc8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fc7b99 0%,#f9bbc8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc7b99', endColorstr='#f9bbc8',GradientType=0 ); /* IE6-9 */


}

#top_gradient > * {
}
.top_gradient header.global {
	width:95%;
	padding: 3px 2.5% 0 2.5%;
	display: -webkit-box;
	-webkit-box-align: center;
}
#logo {
	-webkit-box-flex: 1;
	font-size:157.1428571428571%; /* 로고사이즈 */
	text-shadow: rgba(0, 0, 0, 0.8) 0 1px 0;
}
#logo a {
	color:#fff;
}
#search > img, #search > a > img {
	width:40px;
}


/* Sub Top-menu Style Definition - end */

#tltie_img {

}

.primary {
	padding: 10px 7.5%;
	line-height:180%;
}
.primary h1 {
	font-weight: bold; text-transform: uppercase;
}
.primary li.bullet {
	list-style:inside;
}
.primary .sub3_table {
	font-size:12px; 
	text-align:center;
	vertical-align:middle;
	border-collapse: collapse;
	line-height: 160%;
	padding: 0px;
}
.primary .sub3_table td {
	border:1px #828282 solid
}

/* Sub Gnb Style Definition */
#gnb {
	font-size: 1.14285714285714em; /* 16/14 */
	color: #fff;
	text-align: center;
	background: #000;
	position:fixed;
	width:100%;
	bottom:0px;
	padding:0;
	height: 30px;
	background:url(/img/inc/bg_mtb02.png) 50% 0 no-repeat, url(/img/inc/bg_mtb01.png) 0 0 repeat-x;
	-webkit-transition: height 0.3s;
}
.Bmenu{
	padding:5px 0 0 0; 
	line-height:14px; 
	color:#ffffff; 
	font-size:11px;
	width:20%;
	letter-spacing:-1px;
}
.lnb_txt {display:block;}
/*#gnb ul {
	padding:0;	
	overflow:hidden;
	min-width:100%;
	margin:0 auto;
}
#gnb ul li {
	display: inline-block;
	max-width: 25%;
	text-align:center;
	
	
	color: #ff0000;
}
#gnb ul li a {
	display: inline-block;
	width: 100%; height: 100%;padding:10px;
	color: #ff0000; text-decoration: none;
	font-size:92.85714285714286%;
}

#gnb{
	position:fixed;
	width:100%;
	bottom:0px;
	padding:0;
	height: 30px;
	background:#000;
	background:url(/img/inc/bg_mtb02.png) 50% 0 no-repeat, url(/img/inc/bg_mtb01.png) 0 0 repeat-x;
	-webkit-transition: height 0.3s;
}*/
#gnb.on {
	height: 120px;
}
#mobile-toggle-button {
	font-size:85.71428571428571%;
	cursor:pointer;
	text-transform: uppercase;
	color:#FFFFFF;
	display: block;
	padding: 7px 0 3px 0;
	text-align:center;
	margin:0 auto;
}
/*#gnb ul {
	display: -webkit-box;
	padding:0;	
	overflow:hidden;
	margin:0 auto;
}
#gnb ul li {
	-webkit-box-flex: 1;
	list-style: none;
	text-align:center;
	min-width: 25%;
	padding:5px 0;
	color:#fff; /* 메뉴폰트색상 */
	font-size:92.85714285714286%;
}*/

#gnb ul li:hover {
	/* min-width: 30%; */
	cursor:pointer;
}

#gnb ul li > a > img{
	max-width:18px;  /* 아이콘사이즈 */
	display: block;
	margin:0 auto;
	hspace:10px;
}

#gnb ul li > a{
	color:white;
}


/* Sub Gnb Style Definition */


.sub_mark {position:absolute; top:-100px; width:300px; margin-left:-50px; text-align:left; z-index:0; }

#loading{
  animation-name: myfirst;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
  /* Firefox: */
  -moz-animation-name: myfirst;
  -moz-animation-duration: 5s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -moz-animation-play-state: running;
  /* Safari and Chrome: */
  -webkit-animation-name: myfirst;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  }
@keyframes myfirst{
  from {transform:rotate(0deg);}to {transform:rotate(360deg);}
  }
@-moz-keyframes myfirst /* Firefox */{
  from {-moz-transform:rotate(0deg);}to {-moz-transform:rotate(360deg);}
  }
@-webkit-keyframes myfirst /* Safari and Chrome */{
  from {-webkit-transform:rotate(0deg);}to {-webkit-transform:rotate(360deg);}
}


/*///////////////////////////////// nemodesign.css /////////////////////////////////////*/

.hiddenM{
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
	width:250px;
	height:200%;
	box-shadow:5px 5px 5px #999;
	background:#f2f2f2;
}


/* sub Nav */
#sub_menu {position:relative; background:url(/img/inc/sub_menu_bg.png) 0 0; font-size:12px;overflow:hidden;color:#333333;margin:0 auto; text-align:left}
#sub_menu li{ }
#sub_menu #fl_l{float:left; vertical-align:middle; padding:16px 12px 0 12px;}
#sub_menu #fl_c{font-family:'나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum; padding:22px 0 0 0;}
#sub_menu #fl_r{float:right; vertical-align:middle; margin-top:-37px; padding-left:5px}
#sub_menu .lnb_txt {display:block;}
#sub_menu li a{
	padding: 0 5px;
	color: #333333;					/* GNB : 대메뉴 글씨컬러 */
	display: block;
	text-decoration: none;
	font-size: 14px;
	font-weight:bold;
	overflow:hidden;
}
.fl_r{float:right;display:inline-block; margin-top:21px; padding-right:5px;overflow:hidden;}	
#sub_menu_top { background-color:#b7b7b7; padding:10px; height:60px;font-size:12;overflow:hidden;color:#333333;font-weight:bold;}

#floatdiv { 
	left:0px;
    position:fixed; _position:absolute; _z-index:-1;
    overflow:hidden;
	width:100%;
	text-align:center;
    bottom:0px; //화면 위쪽과의 간격
    background-color: transparent;
    margin:0;
    padding:0;
	height:60px;
}

#floatdiv ul  { list-style: none; }
#floatdiv li  { margin-bottom: 2px; text-align: center; line-height:15px; }
#floatdiv a   { color: #5D5D5D; border: 0; text-decoration: none; display: block;  }
#floatdiv a:hover, #floatdiv .menu  { color: #fff; }
#floatdiv .menu, #floatdiv .last    { margin-bottom: 0px; }

 #floatdiv2 {
	left:0px;
    position:fixed; _position:absolute; _z-index:-1;
    overflow:hidden;
	width:100%;
	text-align:center;
    bottom:0px; //화면 위쪽과의 간격
    background-color: transparent;
    margin:0;
    padding:0;
	height:105px;
	display:none;
}

#floatdiv2 ul  { list-style: none; height:50px; }
#floatdiv2 li  { margin-bottom: 2px; text-align: center; line-height:15px; }
#floatdiv2 a   { color: #5D5D5D; border: 0; text-decoration: none; display: block;  }
#floatdiv2 a:hover, #floatdiv2 .menu  { color: #fff; }
#floatdiv2 .menu, #floatdiv2 .last    { margin-bottom: 0px; }

#tab_menu {position:relative; background:url(/img/inc/sub_menu_bg.png) 0 0; height:45px; overflow:hidden;color:#333333;margin:0 auto; text-align:left}
#tab_menu li{ }
#tab_menu #fl_l{float:left; vertical-align:middle; padding:10px 5px 0 12px;}
#tab_menu #fl_c{font-family:'나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum; padding:12px 0 0 0;}
#tab_menu #fl_r{float:right; vertical-align:middle; margin-top:-37px; padding-left:5px}
#tab_menu .lnb_txt {display:block;}
#tab_menu li a{
	padding: 0 5px;
	color: #333333;					/* GNB : 대메뉴 글씨컬러 */
	display: block;
	text-decoration: none;
	font-size: 12px;
	font-weight:bold;
	overflow:hidden;
}
#tab_menu2 {position:relative; background:#f2f2f2; font-family:'나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum; font-size:11px; padding:5px 5px 3px 45px;}
#tab_menu2 ul{ border-bottom:1px #dddddd solid; padding:4px 0; }
#tab_menu3 {position:relative; background:#666666; font-family:'나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum; font-size:11px; padding:5px 0 5px 0; }


/* 게시판 */
#b_title {position:relative; background:url(/img/inc/bg_board.gif) 0 0; font-size:12px;overflow:hidden;color:#333333;margin:0 auto; text-align:left; padding-left:5px; height:44px;}
#b_title li {background:url(/img/inc/bullet.gif) no-repeat 0px 50%}
#b_title #fl_l{float:left; vertical-align:middle; padding:13px 12px;}
#b_title #fl_c{font-family:'나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum; padding:22px 0 0 0;}
#b_title #fl_r{float:right; vertical-align:middle;list-style:none;}


#b_view {position:relative; background:url(/img/inc/bg_view.gif) repeat-x 0 0; background-color: #ffffff; font-size:12px;overflow:hidden;color:#333333;margin:0 auto; text-align:left; padding-left:5px}
#b_view #fl_l{float:left; vertical-align:middle; padding:16px 12px 12px 12px;}
#b_view #fl_c{font-family:'나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum; padding:22px 0 0 0;}
#b_view #fl_r{float:right; vertical-align:middle; margin-top:-37px; padding-left:5px}

/* 위치안내 */
#b_title02 {position:relative; font-size:12px;overflow:hidden;color:#333333;margin:0 auto; text-align:left; padding:5px;}
#b_title02 ul{ width:300px;}
#b_title02 li {background:url(/img/inc/bullet.gif) no-repeat 0px 50%}
#b_title02 #fl_l{float:left; vertical-align:middle; padding-left:12px;}
#b_title02 #fl_c{font-family:'나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum; padding:22px 0 0 0;}
#b_title02 #fl_r{float:right; vertical-align:middle;list-style:none;}


/* 컨텐츠 */
#c_title {position:relative;font-size:12px;overflow:hidden;color:#333333;margin:0 auto; text-align:left; padding-left:5px;}
#c_title li {background:url(/img/inc/bullet.gif) no-repeat 0px 50%; padding-left:13px;}
#c_title #fl_l{float:left; vertical-align:middle;}
#c_title #fl_c{font-family:'나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum; padding:22px 0 0 0;}
#c_title #fl_r{float:right; vertical-align:middle;list-style:none;}


.table01 {border-collapse:collapse;}

.table01 tr, .table01 td {border-spacing:0; border:1px solid #ccc; text-align:center; padding:2px;}