@charset "utf-8";
@import url(/css/plug-in/drawer.min.css);
@import url(/css/plug-in/sandbox.css);

/*
.은 클래스
#은 아이디
*/
/* @의 의미는 외부의 파일이나 속성을 불러오는  import 개념*/
@font-face					{font-family: nanum; src:url(http://uhbee.com/nanum.eot);}

body, div, ul, li, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, form{margin:0 auto; padding:0;}
body			{font-family:Helvetica; font-size:14px; color: #595959;}


ul,ol,dl		{list-style-type:none;padding:0; margin:0}

#nanum_font				{font:normal 18px nanum,'';color:#000}
margin2						{margin-top:2px;margin-bottom:2px;}
.textarea						{font-family:; color:#606060; font-size:9pt; border-color:#ffffff; background-color:#ffffff; border-width:1; border-style:solid}
A.boldtext:hover			{color:#FF6600; text-decoration: none;font-weight:bold}
.input1						{border-style:solid; border-width:1; border-color:#cccccc; color:#000000; background-color:#F4F3F4; }

link 							{ color: #666666; text-decoration: none }
a:link 						{ color: #666666; text-decoration: none }
a:visited						{ color: #666666; text-decoration: none }
a:active 						{ color: #666666; text-decoration: none }
a:hover 						{ color: #666666; text-decoration: none }

* {box-sizing:border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

/*두줄 이상일 경우와 행간을 바꾸는 법을 알아 보겠습니다
line-height:140%;
line-height:14px;
둘다 사용이 가능 하다

자간줄이기
letter-spacing:-1px;
텍스트 자간 80%이다
*/

/*================레이어 레이아웃======================================*/
/*#main-layout	{margin:0 auto;width:100%;}
#header	{width:100%; height:60px; float:left; font-weight: bold; background-color: #00c73c;text-align:center; border: 0px solid  red;}
#content	{float:left; width:100%; border:solid 0px red;}
#footer	{float:left; background-color: #a2a2a2;text-align:center;	font-weight:bold;	font-size:23px;	width: 100%;height: 60px;  /*min-height  : 최소치 높이값.  최소치 높이보다 적어지면 스크롤바가 생김*/	vertical-align:middle;}






.join{width:98%; border:1px solid #999999; margin-top:10px; margin-bottom:10px}

	.contnet_title {width:95%;border-bottom:3px solid #575D64; position:relative}
		.contnet_title h2 { font-size:30px; margin:0px 0 } 

.sub_title_box {width:90%; font-size:18px; font-weight:bold; border-bottom:2px solid #999; padding-bottom:10px; margin-top:10px;}
small { font-weight:lighter}



.notice_ul{margin: 5;	padding: 0;	width: 100%;}

.notice_li{
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	width: 98%;
}



.img_ul {width:100%; border:0px solid red}
.img_li {text-align:center; float:left;width:33%; height: 150px; margin:0 0 0 0;}

.ellipsis {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} /* 게시판에서 제목이 너무 길어 줄여주는 CSS*/


.main-one{display: inline-block; width:49%}

.main-two{display: inline-block;width:50%;}
.main-three{display: inline-block;width:49%;}
.main-four{display: inline-block;width:50%;}
.main-five{display: inline-block;width:49%;}

.main-six{display: inline-block;width:50%;}

/*================레이어 레이아웃======================================*/

/*
미디어 쿼리는 처음 반영되었던  CSS보다 밑에 있어야지 작동을 한다
*/
/*===============미디어 쿼리[모바일 사이즈 관련]========================*/
/*@media screen and (max-width: 620px) {
    body {background-color:#f7f7f7;}
	.main-one{
		width:100%;
		background-color:#FFFFFF;
		text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
	}
	.main-two{
		width:100%;
		background-color:#FFFFFF;
		display:block;
		text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
	}
	.main-three{
		width:100%;
		background-color:#FFFFFF;
		text-overflow:ellipsis;overflow:hidden;white-space:nowrap; /*미디어 쿼리 추가를 해야지 모바일에서 텍스트가 줄어든다*/
		
	/*}
	.main-four{
		width:100%;
		background-color:#FFFFFF;
		display:block;
		text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
	}
	.main-five{
		width:100%;
		background-color:#FFFFFF;
		text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
		
	}
	.main-six{
		width:100%;
		background-color:#FFFFFF;
		display:block;
		text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
	}

}

@m edia screen and (max-width: 600px){
	 body {background-color:#000033;}

	.b{display:block;background:#FFFFFF;border:1px solid #339966}
}

/*===============미디어 쿼리[모바일 사이즈 관련]========================*/


/* ======================================== 유진아 CSS ============================================================================*/

@media all and (max-width: 1023px) {

html, body {height: 100%;}
body {
    margin: 0; padding: 0;
    font: normal 16px sans-serif; color: #444;
    -webkit-text-size-adjust: none;
    -ms-interpolation-mode: bicubic;
}
body, h1, h2, h3, h4, h5, h6, p, div, li, dt, dd, input, textarea {
    font-family: 'Malgun Gothic', sans-serif;
}
img, video, audio, object, embed, iframe {
    max-width: 100%;
}
img {
    border: none;
    -ms-interpolation-mode: bicubic;
    -webkit-image-rendering: optimizeQuality;
}
table {border-collapse: collapse; border-spacing: 0;}
th, td {padding: 0;}
form {margin: 0;}
a {color: blue;}
input[type=text], input[type=password], textarea {font-size: 13px;}

input,select:focus {outline:none}


#mobile_wrap {width:auto; height:100%; min-height:480px;}
#header1 {width:auto; background:#ffffff;}
#contents_wrap1 {width:auto}
#sub_wrap {width:100%; height:100%}
#sub_contents1 {width:92%; min-height:300px; margin:0 auto;}
#footer1 {width:100%; min-width:320px; min-height:155px; background:#1b1b1b; float:left; margin-top:30px}

/* ------------------------------------- 상단 ------------------------------------- */

/* 탑 */
.nav_mobile {width:auto}
.top {height:40px; line-height:40px; background:#333333; font-size:0.8em; text-align:center; font-weight:bold}
.top ul {margin:0 auto;}
.top_menu01 {width:45%; color:#ffffff; height:35px; margin:5px 1% 0 4%; border-radius:5px 5px 0 0}
.top_menu01:hover {background:#ffffff; color:#333333; cursor:pointer}
.top_menu02 {width:45%; background:#ffffff; color:#333333; height:35px; margin:5px 4% 0 1%; border-radius:5px 5px 0 0}
/*
.top li {width:49%; text-align:center; color:#ffffff; font-size:0.75em}
.top_menu01 {width:45%; background:#ffffff; color:#333333; height:35px; margin:5px 1% 0 4%; border-radius:5px 5px 0 0}
.top_menu02 {width:45%; color:#ffffff; height:35px; margin:5px 4% 0 1%; border-radius:5px 5px 0 0}
.top_menu02:hover {background:#ffffff; color:#333333;}*/
.top li,span {float:left}

/* 탑메뉴 */
.menu {width:auto; height:60px; background:#ffffff;}
h1 {float:left; margin:5px auto auto 10px}
.menu_icon {float:right; font-size:1.5em; line-height:60px; margin-right:10px}

/* 토글메뉴 */
.gnb {width:70%; background:#ffffff; position:absolute; right:0; z-index:2;}
.gnb h3 {float:left; width:100%; height:50px; line-height:50px; font-size:1em; background:#a20d7c; color:#ffffff; padding:0 1em;}
.gnb li {width:100%; position:relative; cursor:pointer;}
.gnb a {display:block; font-size:0.9em; font-weight:bold; line-height:46px; color:#333333; padding:0 1em; border-bottom:1px solid #dddddd}
.gnb a:hover {color:#a20d7c}
.gnb i {position:absolute; right:0; font-size:1.2em; line-height:50px; font-weight:normal;}

/* .toggle_menu {width:70%; background:#ffffff; position:absolute; right:0; z-index:2;}
.toggle_menu h3 {float:left; width:100%; height:50px; line-height:50px; font-size:1em; background:#a20d7c; color:#ffffff; padding:0 1em;}
.toggle_menu li {width:100%; position:relative; cursor:pointer;}
.toggle_menu a {display:block; font-size:0.9em; font-weight:bold; line-height:46px; color:#333333; padding:0 1em; border-bottom:1px solid #dddddd}
.toggle_menu a:hover {color:#a20d7c}
.toggle_menu i {position:absolute; right:0; font-size:1.2em; line-height:50px; font-weight:normal;} */

.depth a {font-size:0.75em; font-weight:normal; line-height:32px; padding-left:2em; background:#f6f6f6; color:#555555}
.depth a:hover {color:#555555; text-decoration:underline}

/* ------------------------------------- 컨텐츠 ------------------------------------- */

/* 슬라이드 이미지 */
.slide_img {width:auto; height:296px;  no-repeat center center; background-size:auto 296px;}
.slide_img div,input {color:#ffffff; text-align:center}
.slide_title {font-size:1.5em; padding-top:10px}
.slide_text {font-size:1em; padding:15px 0 15px}

.btn_viewmore {width:100px; max-width:100px; height:40px; line-height:39px; margin:0px auto; background-color:rgba(255,255,255,0); text-align:center; font-weight:bold; border-radius:1px solid #ffffff; border-radius:50px; padding:0; transition:all 0.8s, color 0.3s 0.3s; color:#ffffff; cursor:pointer;}
.btn_viewmore:hover {box-shadow:400px 0 0 0 rgba(255,255,255,1) inset; color:#333333}

/* 메인 컨텐츠 */
.contents {width:96%; height:100%; margin:-67px auto 0; z-index:1; /*background:#cccccc;*/}

/* 바로가기 메뉴 */
.direct_menu {width:auto; min-height:67px; background:#f9f9f9; border:1px solid #d6d6d6; margin-bottom:20px}
.direct_menu li {float:left; width:19.7%; min-width:60px; height:67px; border-right:1px solid #d6d6d6; text-align:center;}
.direct_menu img {height:28px; margin:6px auto -2px;}
.d_menu {font-size:0.65em; font-weight:bold; color:#2d2d2d; text-align:center; letter-spacing:-0.1em;}

/* 팝업존 */
.popup_zone {width:100%; min-height:280px}
.popup_zone ul {float:right; padding-top:10px}
.popup_zone li {float:left; width:10px; height:10px; background:#c2c2c2; border-radius:100px; margin-left:7px;}
.popup_zone li:hover {cursor:pointer}
.popup_zone li:nth-child(1) {background:#a20d7c;}
.content_title {float:left; font-size:1.4em; font-family:'roboto','nanumgothic','나눔고딕','맑은고딕','dotum','돋움'; color:#a20d7c; font-weight:bold}
.title_bar {clear:both; float:left; width:26px; border-top:1px solid #a20d7c; margin-top:8px; margin-bottom:21px}
.popup {clear:both; width:auto; min-height:173px}
.popup img {width:100%; height:auto; max-width:100%}

/* 공지 & 보도자료 */
.notice {width:100%; min-height:280px;}
.plus {float:right; color:#c2c2c2}
.notice_tilte {clear:both; height:1.6em; font-size:1em; font-weight:bold; color:#333333}
.notice_text {width:100%; height:3em; font-size:0.75em; color:#a3a3a3; text-overflow:ellipsis; overflow:hidden;
display:-webkit-box; -webkit-line-clamp:2;/* 라인수 */ -webkit-box-orient:vertical; word-wrap:break-word;}
.date {font-size:0.8em}
.dashedline {height:18px; margin-bottom:18px; border-bottom:1px dashed #d6d6d6;}

/* 천문갤러리 */
.cheonmun_gallery {width:100%; min-height:260px}
.gallery_box {clear:both;}
.cheonmun_gallery .gallery {float:left; width:48%; height:173px; margin-right:4%;}
.gallery_img {width:100%; height:173px; position:relative;}
.img01 {background:url(../images/gallery01.jpg) no-repeat center center; background-size:100% 100%}
.img02 {background:url(../images/gallery02.jpg) no-repeat center center; background-size:100% 100%}
.overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; bottom:0; z-index:1;}
.gallery_title {width:100%; padding:0 5%; height:40px; color:#ffffff; font-size:0.9em; line-height:40px; text-align:center; margin:auto}

/* 사이버투어 */
.vr {width:100%; height:auto; color:#ffffff; margin-bottom:20px;}
.vr_box {float:left; width:50%; height:auto; min-height:200px; background:#a20d7c; text-align:center; padding-top:10px}
.vr_title {width:100%; font-family:'roboto','nanumgothic','나눔고딕','맑은고딕','dotum','돋움'; font-size:1.3em; font-weight:bold;}
.art_title {width:100%; font-size:0.9em; font-weight:bold; letter-spacing:-0.1em}
.vr_text {width:100%; font-size:0.75em; letter-spacing:-0.1em}
.whitebar {width:26px; height:1px; background:#ffffff; margin:30px auto 20px;}
.btn_vr_viewmore {width:100px; max-width:100px; height:40px; line-height:39px; margin:17px auto 0; background-color:rgba(255,255,255,0); text-align:center; font-weight:bold; border-radius:1px solid #ffffff; border-radius:50px; padding:0; transition:all 0.8s, color 0.3s 0.3s; color:#ffffff; cursor:pointer;}
.btn_vr_viewmore:hover {box-shadow:400px 0 0 0 rgba(255,255,255,1) inset; color:#a20d7c}
.vr_img {float:left; width:100%; height:auto; min-height:200px; background:url(../images/vr.gif) no-repeat center right; background-size:100% 100%; box-sizing:cover}
/*
.cont-box-rotate{width:0px; height:0px; z-index:1; border-right:20px solid transparent; border-bottom:20px solid #ec4444; margin:125px auto auto 230px;
transform:rotate(225deg);
-ms-transform:rotate(225deg);
-webkit-transform:rotate(225deg);
-moz-transform:rotate(225deg);
-o-transform:rotate(225deg);
}
*/


/* ------------------------------------- 서브 컨텐츠 ------------------------------------- */
/* 서브 상단 이미지 */
.sub_top_bg {width:100%; height:120px; min-height:120px; background:url(../images/sub_bg.gif) no-repeat center center; background-size:100% 120px;}
.sub_top_bg div {color:#ffffff; margin-left:10px}
.sub_top_title {font-size:1.3em; font-weight:bold; padding:18px 0 8px; letter-spacing:-0.1em}
.sub_top_text {font-size:0.75em; line-height:1.6em; letter-spacing:-0.1em}

/* 현재위지 */
.route {width:100%; text-align:right; font-size:0.75em; color:#717171; padding:40px 0 10px;}
.place {color:#323232; font-size:1em}
i {margin:0 5px;}

/* 서브 컨텐츠 */
.subpage_title {width:100%; font-size:1.4em; line-height:1em; font-weight:bold; color:#333333; margin:17px 0}
.subpage {width:100%;}

/* 사이트맵 */
.sitemap {width:100%; padding-bottom:3em}
.sitemap h3 {font-size:1.1em; color:#a20d7c; border-top:2px solid #a20d7c; border-bottom:1px dashed #cccccc; padding:0.3em; margin-bottom:0.5em;}
.sitemap li {padding:0.2em 0}
.sitemap a {font-size:1em; font-weight:bold; color:#333333; padding:0.3em;}
.sitemap a:hover {text-decoration:underline}
.sitemap_depth a {font-size:0.8em; color:#777; padding-left:0.8em}
.sitemap_depth i {font-weight:bold; color:#333333}

/* 서브 탭 메뉴 */
.depth_menu {width:100%; height:51px; background:#ffffff; margin-bottom:17px;}
.depth_menu a {float:left; height:51px; line-height:51px; text-align:center; font-size:0.8em; font-weight:500; color:#676767;
border:1px solid #d5d5d5;
box-sizing:border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* .depth_menu a:hover {background:#a20d7c; color:#ffffff} */


.red {color:#dc1a32}
.darkred {color:#840a05}
.purple {color:#a20d7c}
.darkpurple {color:#340da2}
.gray {color:#595959}
.photo {padding:10px; border:1px solid #d7d7d7}
.photo_redframe {padding:10px; border:1px solid #d7d7d7; border-top:2px solid #dc1a32}
.photo_purpleframe {padding:10px; border:1px solid #d7d7d7; border-top:2px solid #a20d7c}
.bold500 {font-weight:500}
.x_line_left {width:100%; height:8px; background:url(../images/x.gif) repeat-x; margin-top:15px}
.x_title {width:100%; font-size:1.5em; font-weight:bold; text-align:center; color:#333333; margin:5px 0 10px}
.x_line_right {width:100%; height:8px; background:url(../images/x.gif) repeat-x; margin-bottom:15px}
.size1_35em {font-size:1.35em}
.size2em {font-size:2em}
.bold {font-weight:bold}
.myeongjo {font-family:'nanummyeongjo','sandolmyeongjo','myeongjo',serif}
.page {width:100%; padding-top:10px; color:#333333}
.table_border {border:1px solid #dddddd; border-top:2px solid #a20d7c;}
.text_center {text-align:center}

/* 인사말 */
.welcome_bigfont {width:100%;}
.welcome_bigfont span {width:100%; font-family:'roboto','nanumgothic','나눔고딕'; font-size:1.5em; font-weight:500; line-height:1.5em}
.welcome_bigfont .black {color:#333333; font-size:1.2em; line-height:1.9em; padding-left:0.2em}
.welcome_smallfont {width:100%; margin-top:54px; font-size:0.9em; text-align:justify}
.welcome_box {clear:both; padding-top:40px}
.welcome_text {width:100%; color:#333333; font-size:1em; padding-right:30px; text-align:justify}
.bottom_sign {clear:both; padding-top:15px;}
.myeongjo {font-family:'nanummyeongjo','sandolmyeongjo','myeongjo',serif}
.photo_box {width:100%; text-align:center; padding:10px 0}

/* 비전 및 목표 */
.table_border {border:1px solid #dddddd; border-top:2px solid #a20d7c;}
.vision {text-align:center; margin-top:8px}
.vision td {padding:0px; line-height:1.8em; border:1px solid #dddddd}
.vision_title {font-size:0.8em; font-weight:600; background:#f6f6f6; color:#333333}
.vision_text01 {background:#f9f2fb; font-weight:600;}
.vision_text02 {text-align:left}

/* 입장료 */
.time_box01 {width:100%; padding:20px; margin-bottom:10px}
.time_box02 {width:100%; padding:20px;}
.download {width:100%; text-align:center}
.btn_download_box {margin:15px 0 30px}
.btn_download_box :hover {cursor:pointer}
.btn_download {width:141px; height:41px; background:#333333; border:0; border-radius:30px; text-indent:-7px; letter-spacing:0; margin-top:-15px}
.contact {width:100%; margin-bottom:8px}
.contact i {width:26px; height:26px; background:#a20d7c; font-size:0.9em; color:#ffffff; text-align:center; line-height:26px; border-radius:100px}






.depth_menu1 a{width:49.9%;}
.depth_menu2 a{width:33.25%;}

@media all and (max-width: 768px) {
}

.depth_menu .on {background:#a20d7c; color:#ffffff}

/* ------------------------------------- 하단 ------------------------------------- */

/* 하단 버튼 */
.footer_btn_box {width:100%; height:45px; font-size:0.8em; text-align:center; background:#ffffff; color:#666666; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc}
.footer_btn {float:left; width:49.8%; height:44px; line-height:44px;}
.footer_btn_left {border-right:1px solid #cccccc}

/* 카피라이트 & SNS */
.bottom {width:auto; color:#666666; font-size:0.7em; line-height:1.6em; letter-spacing:-0.1em; padding:10px; position:relative}
.copyright {float:left;}
.sns {position:absolute; right:10px}
.sns a {margin-left:5px; cursor:pointer}
.sns img {width:22px;}

/* 언어 */
/*
.language {position:absolute; right:10px; top:40px}
.language select {width:115px; height:30px; background:#1b1b1b; border:1px solid #666666; color:#666666; padding-left:5px;
background:url(../images/select_arrow_up.png) no-repeat 90% 50%;}
.language select::-ms-expand {display:none}
.language select:focus {outline:none;}
*/

/* SELECT BOX */
.test select {
  width: 100%; /* 원하는 너비설정 */
  min-width:115px;
  padding: .5em .5em; /* 여백으로 높이 설정 */
  font-family: inherit;  /* 폰트 상속 */
  padding-left:30%;
  color:#666666;
  background: url(https://farm1.staticflickr.com/379/19928272501_4ef877c265_t.jpg) no-repeat 88% 60%; /* 네이티브 화살표 대체 */  
  border: 0px solid #999; 
  border-radius: 0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
.test select::-ms-expand {display:none}
/* 테두리 숨기기 */
.test select:focus {outline:none;}


/*셀렉트 박스*/
.wSelect-el {width: 0px;height: 0px;padding: 0px;margin: 0px;border: none;overflow: hidden;}
.wSelect {
	position: absolute;
	top:40px;
	right:1em;
	z-index:1;
	display: inline-block;
    *display: inline;
    zoom: 1;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.wSelect-arrow {
	position: absolute;
	width: 30px;
	right: 0px;
	top: 0px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 0px center;
}
.wSelect-hover .wSelect-arrow,
.wSelect-active .wSelect-arrow  {background-position: -30px center;}
.wSelect.wSelect-multiple {overflow: hidden;}
.wSelect-selected {
	/*margin: 0px 35px 0px 5px;*/
	padding: 5px 0;
	overflow: hidden;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: 0 center;
}
.wSelect-options-holder {
	position: absolute;
	display: none;
	left: 0px;
	z-index: 200;
	overflow: hidden;
}
.wSelect-multiple .wSelect-options-holder {
	position: relative !important;
	display: block !important;
	top: auto !important;
	z-index: auto !important;
	border: none !important;
}
.wSelect-options {overflow-y: hidden;overflow-x: hidden; width:50px; height:80px!important;}
.wSelect-option {background-repeat: no-repeat;background-position: 5px center;margin-bottom: 1px;cursor: pointer;}
.wSelect-option-last {margin-bottom: 0px;}
.wSelect-option-value {margin: 0 5px;padding: 5px 0;background-repeat: no-repeat;background-position: 0 center;white-space: nowrap;overflow: hidden;}
.wSelect-option-disabled .wSelect-option-value {filter: alpha(opacity=20);opacity: 0.2;}
.wSelect-option-icon {padding-left: 20px; margin-top:5px; margin-bottom:5px;}
.wSelect-theme-classic.wSelect {
	border: solid #666666 1px;
    color: #666666;
    background-color: #1b1b1b;	
	font-size: 12px;
	font-family: verdana;
	line-height: 20px;
	/*min-width: 115px;*/
	width:40px;
	max-width: 300px;
	margin-bottom: 7px;
}
.wSelect-arrow {background-image: url(images/select_arrow_up.png);}
.wSelect-theme-classic .wSelect-options-holder {background-color: #1b1b1b;border: solid #666666 1px;/*min-width: 115px;*/ left:-1px;max-width: 300px;}
.wSelect-theme-classic .wSelect-option {background-color: #1b1b1b;color: #666666;}
.wSelect-theme-classic .wSelect-option-disabled {background-color: #1b1b1b !important;color: #666666 !important;}
.wSelect-theme-classic .wSelect-option-selected,
.wSelect-theme-classic .wSelect-option:hover {background-color: #0f0f0f;color: #FAFAFA;}

.goto_site{position:absolute;right:10px;top:8px;font-size:13px;background:#f37043;width:60px;height:25px;line-height:25px;border-radius:3px;color:#fff!important;text-align:center;}





/* 말줄임 */
.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}


#wrap {display:none}
#mobile_wrap {display:block}
}

/* ======================================== 유진아 CSS ============================================================================*/



.size_14 { font-size:14px }
.size_16 { font-size:16px }
.size_18 { font-size:18px }
.size_20 { font-size:20px }
.size_24 { font-size:24px }
.size_30 { font-size:30px }
.size_50 { font-size:50px }

.mt5 	{ margin-top:5px }
.mt10	{ margin-top:10px !important }
.mt15 	{ margin-top:15px }
.mt20 	{ margin-top:20px }
.mt25 	{ margin-top:25px }
.mt30 	{ margin-top:30px }
.mt50 	{ margin-top:50px }
.mt100 	{ margin-top:100px }

.mb5 	{ margin-bottom:5px }
.mb10	{ margin-bottom:10px }
.mb15 	{ margin-bottom:15px }
.mb20 	{ margin-bottom:20px }
.mb25 	{ margin-bottom:25px }
.mb30 	{ margin-bottom:30px }
.mb50 	{ margin-bottom:50px }
.mb100 	{ margin-bottom:100px }
.ml20 { margin-left:20px}
.pl20 { padding-left:20px !important}

.txt_r { text-align:right}
.txt_c { text-align:center}
.txt_l { text-align:left}




/*===================회원 관련 CSS=============================*/
select{-webkit-appearance:listbox}
.join_row{padding:13px 17px 13px 17px;border-top:solid 1px #f0f0f0;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

.join_row .int{z-index:10;padding:1px 0;width:80%;height:27px;border:none;background:transparent;font-size:15px;apperance:none;-webkit-apperance:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

.row_group{width:95%;border:solid 1px #dadada;background:#fff;margin-bottom:12px; margin-top:12px}
.error{display:none; margin:3px 0 3px 0px;font-size:12px;color:#f00}


.int_id{padding-right:95px}

.row_gender{padding:8px 17px 8px 17px}
.row_gender .tab_button .tab{width:49.7%}

/* 탭 버튼 - tab 클래스에 width 값을 percentage로 설정해야 함. */
.tab_button .tab {position:relative;display:inline-block;height:37px}
.tab_button .tab:nth-of-type(n+2){margin-left:-1px}

.tab_button .tab input{position:absolute;width:100%;height:25px}
.tab_button .tab label{position:absolute;width:100%;height:35px}

.tab_button .tab label{background-color:#fff;border:1px solid #dcdcdc;text-align:center;line-height:35px;color:#999;z-index:10}
.tab_button .tab input{z-index:0}
.tab_button .tab input:checked + label{border-color:#2eaa08;color:#2eaa08;z-index:20}/*버튼을 클릭했을때 색상변경*/




.join_row .int{z-index:10;padding:6px 0;width:100%;height:27px;border:none;background:transparent;font-size:15px;apperance:none;-webkit-apperance:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.sel{width:100%;padding:6px 8px 6px 0;height:29px;border:none;border-radius:0;background:#fff ;background-size:26px 6px;-webkit-background-size:26px 6px;-webkit-appearance:none;-moz-appearance:none;font-size:15px;line-height:18px;color:#000;text-indent:0.01px;text-overflow:''}



.cell{padding:0;width:1px;background-position:-96px -566px!important}
.join_birthday{overflow:hidden;padding:13px 0}

.join_birthday .error{margin-left:22px}

.join_birth{display:table;width:100%;table-layout:fixed}
.join_birthday{padding:0 0 0 0}

.bir_title{display:table-cell;padding:3px 4px 0 4px;width:52px;table-layout:fixed;background:#f7f7f7;border-right:1px solid #efefef;font-size:13px;color:#999;vertical-align:middle;text-align:center}

.bir_yy,.bir_mm,.bir_dd{display:table-cell;padding:12px 0 12px 1px;width:32%;table-layout:fixed;vertical-align:middle;}

.bir_cell{font-size:18px;color:#000;display:table-cell;padding:7px 0 10px 3px;width:5px;table-layout:fixed;vertical-align:middle;}

.hp_cell{font-size:18px;color:#000;display:table-cell;padding:7px 0 10px 3px;width:33%;table-layout:fixed;vertical-align:middle;}

.bir_yy .ps_box,.bir_mm .ps_box{border-right:solid 1px #f0f0f0}
.bir_yy .ps_box{padding-left:11px}
.bir_yy .ps_cell{padding:0 3px 0 0;}
.bir_yy .ps_box .int{width:57%}
.bir_dd .ps_box{margin-right:17px}

.btn_join{position:relative;display:block;height:53px;margin:22px 0 19px;background:#1fbc02;text-align:center}

.int_join{margin:15px 0 0 0;}
/*===================회원 관련 CSS=============================*/

/*버튼 정리 julist start*/
/* 버튼 기본 */
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-color: #cccccc; border-radius: 3px; background: #fff; color: #303030; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
/* 버튼 꽉차게 */
.btn_full { display: block; width: 100%; padding-right: 0; padding-left: 0; }
.btn + .btn { margin-left: 8px }
.btn_full + .btn_full { margin-top: 8px; margin-left: 0 }
/* 버튼 크기 */
.btn_ex_big { font-size: 20px; padding: 14px 28px; }
.btn_big { font-size: 18px; padding: 8px 18px; }
.btn_small { font-size: 12px; padding: 6px 12px; }
.btn_small1 { font-size: 12px; padding: 2px 4px; }
.btn_ex_small { font-size: 8px; padding: 4px 8px; }
.btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:hover, .btn:focus { text-decoration: none !important; -webkit-box-shadow: inset 0px 0px 100px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 0px 100px rgba(255, 255, 255, 0.225); }
.btn:active, .btn.active { text-decoration: none !important;background-image: none; outline: 0; -webkit-box-shadow: inset 3px 3px 10px rgba(0, 0, 0, 0.125); box-shadow: inset 3px 3px 10px rgba(0, 0, 0, 0.125); }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }
/* 버튼 라운드 */
.round { border-radius: 100px }
.radius { border-radius: 10px }
.box { border-radius: 0 }
/* 버튼 구분 */
.btn_1st { color: #ffffff  !important; ; background-color: #f4614d; border-color: #e04b36; }
.btn_1st:hover, .btn_1st:focus, .btn_1st:active, .btn_1st.active {color: #ffffff !important; }
.btn_2nd { color: #333333!important; background-color: #e9e9e9; border-color: #c3c3c3; }
.btn_2nd:hover, .btn_2nd:focus, .btn_2nd:active, .btn_2nd.active {color: #333333!important; }
.btn_gray { color: #ffffff!important; background-color: #959595; border-color:#666 }
.btn_gray:hover, .btn_gray:focus, .btn_gray:active, .btn_gray.active {color: #ffffff!important; }
.btn_dark { color: #ffffff!important; background-color: #373a3c; border-color:#26292e }
.btn_dark:hover, .btn_dark:focus, .btn_dark:active, .btn_dark.active {color: #ffffff!important; }

.btn_point { color: #ffffff!important; background-color: #FF6700; border-color: #DD5900; }
.btn_point:hover, .btn_point:focus, .btn_point:active, .btn_point.active {color: #ffffff!important; }
.btn_success { color: #ffffff!important; background-color: #7FC704; border-color: #70B003; }
.btn_success:hover, .btn_success:focus, .btn_success:active, .btn_success.active {color: #ffffff!important; }
.btn_info { color: #ffffff!important; background-color: #5DB7E3; border-color: #50ABD7; }
.btn_info:hover, .btn_info:focus, .btn_info:active, .btn_info.active {color: #ffffff!important; }
.btn_alert { color: #ffffff!important; background-color: #FF0000; border-color: #DB0000; }
.btn_alert:hover, .btn_alert:focus, .btn_alert:active, .btn_alert.active {color: #ffffff!important; }
.btn_link { color: #333333!important; background-color: transparent; border-color: transparent }
.btn_link:hover, .btn_link:focus, .btn_link:active, .btn_link.active { background-color: transparent; border-color: transparent; text-decoration: underline; -webkit-box-shadow: none; box-shadow: none; }
.btn_link:hover, .btn_link:focus { color: #428bca!important; }
.btn_link:active, .btn_link.active { color: #296192!important; }

.contnet_box { border:1px solid #ccc; background:#fff; padding:30px 60px; margin-top:20px}
	.contnet_title { border-bottom:3px solid #575D64; position:relative}
		.contnet_title h2 { font-size:30px; margin:10px 0 } 
		.contnet_title .right { position:absolute; right:0px; bottom:30px; text-align:right		}
		.info_box { background:#f9f9f9; padding:15px; position:relative; padding-left:50px }
		.info_box .fa { position:absolute; left:30px; top:30px; color:#BDBDBD} 
		.join_box table td.td_th { font-weight:bold; padding-top:10px; padding-bottom:10px}
		.join_box table td.gray_6 { padding:10px; }
		.join_box table td { font-size:14px}
		.join_box table td input[type="text"],.join_box table td input[type="password"] { font-size:14px; height:30px; width:200px !important}
		.join_box table td select { font-size:14px; height:30px;}
					.sub_title_box { font-size:18px; font-weight:bold; border-bottom:2px solid #999; padding-bottom:10px}
					small { font-weight:lighter}


/*20190327추가*/
.bbs_view_cont table p {margin-bottom:0!important;}