@charset "utf-8";

/* base */
* {-webkit-text-size-adjust:none;}
body {font-size:87.5%; color:#555; line-height:20px; -webkit-tap-highlight-color:rgba(0,0,0,0); }
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td {margin:0; padding:0;}
ul, ol, li {list-style:none;}
fieldset, img {border:none;}
hr, button img {display:none;}
img {
	max-width: 100%;
	height: auto;
	border: 0px;
}

/* cross */
* html input {margin:-1px 0;} 
*:first-child+html input {margin:-1px 0}
input.checkbox {width:13px; height:13px; vertical-align:top;}

/* a-style */
a {color:#222222; text-decoration:none; font-weight:bold;}
a:hover, a:active {color:#222222; text-decoration:none;}

/* html5 */
address, article, aside, figure, footer, header, hgroup, menu, nav, section {display:block;}

body{
	margin:0; 
	background-color:#ffffff;
	
}

td{font-size:87.5%;}

.main_menu{font-size:12px;text-align:center;letter-spacing:-1px;}
.top_gradient {

	/*color: #fff;  로고색상 */
background: rgb(153,97,144); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(153,97,144,1) 0%, rgba(209,141,182,1) 50%, rgba(209,141,182,1) 50%, rgba(251,244,226,1) 100%, rgba(69,75,76,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,97,144,1)), color-stop(50%,rgba(209,141,182,1)), color-stop(50%,rgba(209,141,182,1)), color-stop(100%,rgba(251,244,226,1)), color-stop(100%,rgba(69,75,76,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(153,97,144,1) 0%,rgba(209,141,182,1) 50%,rgba(209,141,182,1) 50%,rgba(251,244,226,1) 100%,rgba(69,75,76,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(153,97,144,1) 0%,rgba(209,141,182,1) 50%,rgba(209,141,182,1) 50%,rgba(251,244,226,1) 100%,rgba(69,75,76,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(153,97,144,1) 0%,rgba(209,141,182,1) 50%,rgba(209,141,182,1) 50%,rgba(251,244,226,1) 100%,rgba(69,75,76,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(153,97,144,1) 0%,rgba(209,141,182,1) 50%,rgba(209,141,182,1) 50%,rgba(251,244,226,1) 100%,rgba(69,75,76,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#996190', endColorstr='#454b4c',GradientType=0 ); /* IE6-9 */






}

.main_img {
	position:relative;
	height:0;
	padding-bottom: 67.1875% /*430/640*/
}
.main_img iframe {
	position:absolute;
	height:100%
}






.hiddenM{
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
	width:250px;
	height:200%;
	box-shadow:0px 5px 5px #444;
	background:#f2f2f2;
}
#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{ 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;					
	display: block;
	text-decoration: none;
	font-size: 12px;
	font-weight:bold;
	overflow:hidden;
}
#tab_menu2 {position:relative; background:#f2f2f2;  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-size:11px; padding:5px 0 5px 0; }

.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;}


/* header */
header #fl_l{float:left; margin-top:15px; padding-left:5px}
header #fl_c{padding:28px 35px 0 0; text-align:center;}
header #fl_r{float:right; margin-top:-19px; padding-right:5px}

/* Main contents */
#visual li{margin:0 auto;}
#visual li .line{height:1px; background-color:#FF0000}
.txt{
	
	color: #666666;					/* 글씨컬러 */
	font-size: 11px;
	font-weight:bold;
	padding:0 5px;
	letter-spacing:-0.5px;
	line-height:14px;
}

.title01{
	
	color: #666666;					/* 글씨컬러 */
	font-size: 16px;
	font-weight:bold;
	padding:10px 5px;
	letter-spacing:-0.5px;
	line-height:14px;
}

.top_text {-webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -webkit-animation-name: updownupdown; -webkit-animation-duration: 1s;}

p.nowrap{white-space: nowrap; margin:0; padding:0;}
#adbox{margin:0px;}
#img02, #img03, #img04{display:none;}




	
/* margin , padding, font, image, Etc */
.mgl5 {margin-left:5px;}
.mgl10 {margin-left:10px;}
.mgr10 {margin-right:10px;}
.mgt03 {margin-top:3px;}
.mgt05 {margin-top:5px;}
.mgt10 {margin-top:10px;}
.mgt20 {margin-top:20px;}
.mgt30 {margin-top:30px;}
.mgb10 {margin-bottom:10px;}
.mgb20 {margin-bottom:20px;}	


.pdt20 {padding-top:20px;}
.pdb20 {padding-bottom:20px;}
.pdb60 {padding-bottom:60px;}
.pd5 {padding:5px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}

/* 텍스트 */
.txt_red14 {font-size:14; color:#b92211;}
.txt_blue16 {font-size:16; color:#105fad;}
.txt_green {color:#53833f;}
.txt_bold { font-weight:bold}


/* footer */
#copy { 
    width:100%;
/*	background:url(/img/inc/bg_copy.png) 0 0  repeat-x ; */
    background-color: #fcf5e2;
	height:100%;
	 
	font-size:10px;
	color:#888888;line-height: 150%;

}



/* 게시판 */
#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{ 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{ 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{ padding:22px 0 0 0;}
#b_title02 #fl_r{float:right; vertical-align:middle;list-style:none;}

#b_title03 {position:relative; font-size:12px;overflow:hidden;color:#333333;margin:0 auto; text-align:left; padding:0 16px;}
#b_title03 li { }

/* 컨텐츠 */
#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{ padding:22px 0 0 0;}
#c_title #fl_r{float:right; vertical-align:middle;list-style:none;}



.sub_mark {position:absolute; top:-50px; left:50%; width:440px; margin-left:-280px; text-align:right; 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);}
}



/* 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: 320px;
}
#mobile-toggle-button {
	font-size:85.71428571428571%;
	cursor:pointer;
	text-transform: uppercase;
	color:#000000;
	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_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{ 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;					
	display: block;
	text-decoration: none;
	font-size: 14px;
	font-weight:bold;
	overflow:hidden;
}


/* Sub Gnb Style Definition */

/* 불필요해 보이는 것들 2013.11.27 : ee작성
.Bmenu{
	padding:12px 0 0 0; 
	line-height:14px; 
	color:#ffffff; 
	font-size:11px;
	width:20%;
	letter-spacing:-1px;
}
.Bmenu2{
	padding:15px 0 0 0; 
	line-height:14px; 
	color:#ffffff; 
	font-size:11px;
	width:20%;
	letter-spacing:-1px;
}
.Bmenu3{
	padding:9px 0 0 0; 
	line-height:14px; 
	color:#ffffff; 
	font-size:11px;
	width:20%;
	letter-spacing:-1px;
}



 #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; }

--Main Nav --
#lnb {} 
#lnb li {display:inline-block; padding:5px; margin-top:10px;}
#lnb .lnb_txt {display:block; text-align:center;}
#lnb li a{
	padding: 0 5px;
	color: #ffffff;					
	display: block;
	text-decoration: none;
	float: center;
	font-size: 11px;
	font-weight:bold;
	}
##menu02 {background:url(/img/inc/bg_menu02.png) 0 0  repeat-x ;overflow:hidden;padding:5px; display:none;}
--sub Nav-- 

	
	

*/