@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* 나눔고딕 웹폰트 - font-family:'Nanum Gothic',monospace;*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);/* 나눔고딕 웹폰트- font-family:'Nanum Gothic Coding',monospace; */
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); /* 나눔명조 웹폰트 - font-family: 'Nanum Myeongjo', serif; */


/**
reset:Based on work by Eric Meyer - reset.css
-------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, label, legend ,nav
 { margin:0; padding:0; border:0;  font-size:100%; vertical-align:middle; background:transparent; }
 /*{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:middle; background:transparent; }*/

form, input, select, textarea, label { margin:0; padding:0; border:0; outline:0;  /* font-size:100%; */ vertical-align:middle; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }

/* remember to define focus styles!
:focus { outline:0; }*/

/* remember to highlight inserts somehow! */
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* Round Corners Reset */
* html .tlc, * html .trc { height:1%; }

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
/* css3 오류 :audio, canvas, video { display:inline-block; *display:inline; *zoom:1; } */
/* css2.1 오류 :audio:not([controls]) { display:none; } */
[hidden] { display:none; }


caption, legend{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
	visibility:hidden;
	display: none;
	text-indent:-9999px;
	font-size:0;
}
/*페이지 공통으로 적용*/
td,th,input,select { font-size:12px !important; color:#151515 !important; font-family:'Nanum Gothic',monospace !important; }
.button { font-family:'Nanum Gothic',monospace !important;}






/** 일반
-------------------------------------------*/
html { background:#fff; background:url(/images/mobile/cream_pixels.png);overflow-y:scroll; overflow-x:hidden; }
body { font-size:12px; line-height:1.6em; color:#151515; font-family:'Nanum Gothic',monospace; }


/** 컨테이너
-------------------------------------------*/
/* 메인 */
#containerMain {width:100%; min-height:450px;margin:0px auto 0; background-color:#fff; /*border-bottom:1px solid #fef5e6;*/ text-align:center; }	/* 컨테이너 */
#mainImgM { max-width:420px; width:100%; height: auto; }
img[usemap] {
	max-width: 100%;
	width: auto;
}


/* 서브 */
#container {width:100%; min-height:450px;margin:0px auto 0; background-color:#fff;  border-bottom:1px solid #fff; margin-top:0px;}	/* 컨테이너 */

#contents { width:98%; margin:0 0 0 0px; padding:56px 1%; overflow-x:hidden; overflow:hidden; }


a,a:link,a:visited,a:active {color:#151515;text-decoration:none;}
a:hover{color:#7550a5;}

h1 {}
h2 {}
h3 {}

p {}
pre {}
img { -ms-interpolation-mode: bicubic; }



/* form세팅 */
form	input, select{}
form	textarea		{}
form	input:focus, select:focus, textarea:focus { }


/* selection 세팅 */
::-moz-selection{ background:#7550a5; color:#fff; }
::selection { background:#7550a5; color:#fff; }

 /* 컬럼 */
.row { margin-left: 0px; *zoom: 1; }
.row:before, .row:after { display: table; content: ""; }
.row:after { clear: both }


.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{position:relative;min-height:1px;padding-left:2px;padding-right:2px;}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11{float:left;}
.col-xs-1{width:8.333333333333332%;}
.col-xs-2{width:16.666666666666664%;}
.col-xs-3{width:23.45%;}
.col-xs-4{width:31.5%;}
.col-xs-5{width:41.66666666666667%;}
.col-xs-6{width:48%;}
.col-xs-7{width:58.333333333333336%;}
.col-xs-8{width:66.66666666666666%;}
.col-xs-9{width:75%;}
.col-xs-10{width:83.33333333333334%;}
.col-xs-11{width:91.66666666666666%;}
.col-xs-12{width:100%;}



/* header */
#headerDiv{ width:100%; height:46px;  background-color:#fff; position:fixed; z-index:5000; }

#headerDiv #topWrap{width:100%; height:46px; margin:0px auto 0; line-height:46px; overflow:hidden;  background:#7550a5;}
#headerDiv #topWrap #logo{ cursor:pointer;z-index:150; max-width:277px; width:100%}/* 로고 */


#headerDiv #topWrap  .globalSch {margin:20px 0 0 -200px;height:35px; width:260px; line-height:28px;  display: inline-block; background:url(/images/mobile/common/schForm.png) no-repeat ;}

#headerDiv #topWrap  form .tx_globalSch {padding-left:10px; width:200px; color:#767676; height:18px;  line-height:18px; *height:15px;  border: 0px;}
#headerDiv #topWrap  form .btn_globalSch {width:20px; padding-left:5px; color:#151515; background-color: #ffffff; background:url(/images/mobile/common/schForm_ico.png) no-repeat ;}
#headerDiv #topWrap  form .tx_globalSch:focus {background:#fff; color:#151515;}

#headerDiv #topWrap  #globalNav ul{height:100px; padding:0 8px;float:right;}
#headerDiv #topWrap  #globalNav ul li {padding:0 5px;display: inline;float:left; line-height:75px; }
#headerDiv #topWrap  #globalNav ul li a,#headerDiv #globalNav ul li a:link,#headerDiv #globalNav ul li a:visited,#headerDiv #globalNav ul li a:active {color:#939393;text-decoration:none;  z-index:9999 !important;}
#headerDiv #topWrap  #globalNav ul li a:hover{color:#7550a5;  z-index:9999;}

 /* topWrap 컬럼 */
#headerDiv #topWrap .col-top1 { width:10%; margin:0px; float:left; padding-left:2%;}
#headerDiv #topWrap .col-top2 { width:76%; margin:0px; float:left; text-align:center; }
#headerDiv #topWrap .col-top3 { width:10%; margin:0px; float:left; padding-right:2%; }

#headerDiv #topWrap .loginName {font-weight:bold;}

/* 메인_메인네비게이션 */
#headerDiv #mainNav { width:100%; background-color:#ffffff; border-bottom: 1px solid #7550a5; text-align:right;  z-index:9999; position: absolute; display: }

#headerDiv #mainNav ul{width:100%; font-size:15px;font-weight:bold; z-index:9999;}


#headerDiv #mainNav ul li {width:100%; line-height:35px; border-bottom: 1px solid #dfdfdf;  z-index:9999;}
#headerDiv #mainNav ul li a,#headerDiv #mainNav ul li a:link,#headerDiv #mainNav ul li a:visited,#headerDiv #mainNav ul li a:active {width:98%; text-decoration:none; line-height:34px; padding-right:2%;  z-index:9999; }
#headerDiv #mainNav ul li a {height:35px; line-height:37px;; display: inline-block; width:100%;  z-index:9999;}
#headerDiv #mainNav ul li a:hover{background-color:#f6f6f6; }



/* 서브_메인네비게이션 */

#headerDiv #subMenuWrap {display:none; width:100%; padding-bottom:10px; text-align:left;position: absolute;z-index:102;background:#fff; border-top: 1px solid #a9d5a5;border-bottom: 2px solid #7550a5;}
#headerDiv #subMenuWrap #subMenuTx {width:100%; height:70px; margin:0px auto 0; padding:10px;}
#headerDiv #subMenuWrap ul li {color:#4975cd;line-height:20px; width:160px;cursor:pointer;}
#headerDiv #subMenuWrap ul li:hover{color:#7550a5; }
#headerDiv #subMenuWrap a,#headerDiv #subMenuWrap a:link,#headerDiv #subMenuWrap a:visited,#headerDiv #subMenuWrap a:active {color:#151515;padding-left:5px; line-height:20px; cursor:pointer; }
#headerDiv #subMenuWrap a {width:80%; height:20px;display: inline-block;}
#headerDiv #subMenuWrap a:hover{color:#fff; background:url(/images/mobile/common/bg_MainNav_ov.png) repeat-x;  }
#headerDiv #subMenuWrap ul li.on a {color:#7550a5; }
#headerDiv #subMenuWrap .subMenuCol { width:160px; margin:0px; float:left; }
#headerDiv #subMenuWrap .padding4EA {padding-left:45px;padding-right:-50px; }
#headerDiv #subMenuWrap .padding5EA {padding-left:40px;padding-right:-40px; }
#headerDiv #subMenuWrap .padding6EA {padding-left:30px;padding-right:-30px; }


/* BOTTOM */
#footerA {width:100%; min-height:90px; padding:10px 0 0px; background-color:#f5f5f5; text-align:center;}
#footerA  #copyright {font-size:11px;  max-width:420px; width:100%; margin:0px auto 0; color:#939393; line-height:16px; font-family:'Nanum Gothic',monospace;}
#footerA .btmBtnArea {height:30px;}
#footerA .txStrong{font-weight:bold;}



/** 기타
-------------------------------------------*/
.left	{float:left;}
.right	{float:right;}
.center	{float:center;}
.txLeft {text-align:left !important;}
.txRight {text-align:right !important;}
.txCenter {text-align:center !important;}
.vTop{vertical-align:top}
.w50p {width:50% !important;}
.wLabelL {width:110px !important;}

.txStrongColor {color:#7550a5;}
.txStrong {font-weight:bold;}
.txNormal { font-weight:normal; }
.txLM {font-size:14px; font-weight:bold;}
.txM {font-size:12px; font-weight:bold;}
.txEnd {color:#6360d5;}
.txUnitTable {text-align:right; margin-top:-15px;}


.txRed {color:#ec151e;}
.txBlue {color:#096cb7;}
.txGreen {color:#7550a5;}
.txOrange  {color:#f0802e;}
.txGray{color:#acacac;}
.txSum{font-weight:bold; color:#ec151e;}


.txBlack {color:#262626;}
.txColor {color:#505050;}
.txInlineBlock {display:inline-block;}
.txCmtLineHeight {line-height:18px;}
.txCmtMT{margin-top:-25px !important;}
.txCheckField{ float:right; color:#7550a5; margin-top:-20px; }
.noCheckLabel { background-image:none; }

.checkAgree{margin:-12px 0 5px; }


.txCmt {font-size:11px; color:#8c6239; }
.txCmtP{margin:10px 0 20px 10px;}
.bgNone {background:none !important;}

.imgMapL {width:1px;height:1px;margin:-310px 0 0 5px;}
.cursorPointer {cursor:pointer;}	/* pointer */
.cursorDefault {cursor:default;}	/* default */

.pSpace {height:10px;}
.noBottom {border-bottom:none !important;}
.noLeft {border-left:none !important;}
.noRight {border-right:none !important;}
.lnRight {border-right:1px solid #dfdfdf; }


.colMainFee { width:540px; margin:0px 5px 0 -70px; float:left; }
.ticker_03 li {width:350;}

.wd80 {width:80px;}


/** 레이어팝업
-------------------------------------------*/
#element_to_pop_up { display:none; }





/***************************************************
Jeong Chan Myeong(dece24@gmail.com) - button.css
***************************************************/


/* Button Reset */
.button,
.button a,
.button button,
.button input { font-family: "돋움",Dotum,"돋움체",DotumChe; position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:11px; white-space:nowrap;
background:url(/images/mobile/buttons/buttonWhite.gif) no-repeat; overflow:visible; color:#676767; box-shadow: 0px 0px 4px #ebebeb;z-index:1;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:top; cursor:pointer; box-shadow: 0px 0px 4px #ebebeb; z-index:1;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; line-height:25px !important; *line-height:23px !important; padding:0 10px 0 8px; font-size:12px; line-height:21px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; line-height:32px !important; *line-height:30px !important; padding:0 10px 0 10px; font-size:13px; line-height:30px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; line-height:37px !important; *line-height:35px !important; padding:0 10px 0 8px; font-size:14px; font-weight:bold;  line-height:37px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; line-height:21px !important; *line-height:23px !important; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#429e21;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(/images/mobile/buttons/buttonGreen.gif); color:#fff;box-shadow: 0px 0px 4px #ebebeb;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(/images/mobile/buttons/buttonBlack.gif); color:#fff;box-shadow: 0px 0px 4px #ebebeb;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(/images/mobile/buttons/buttonRed.gif); color:#fff;box-shadow: 0px 0px 4px #ebebeb;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(/images/mobile/buttons/buttonBlue.gif); color:#fff;box-shadow: 0px 0px 4px #ebebeb;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}
.button.gray,
.button.gray a,
.button.gray button,
.button.gray input { background-image:url(/images/mobile/buttons/buttonGlay.gif); color:#666;box-shadow: 0px 0px 4px #ebebeb;}
.button.gray *:hover,
.button.gray *:active,
.button.gray *:focus{ color:#429e21;}


.button.mint,
.button.mint a,
.button.mint button,
.button.mint input { background-image:url(/images/mobile/buttons/buttonMint.gif); color:#fff;box-shadow: 0px 0px 4px #ebebeb;}
.button.mint *:hover,
.button.mint *:active,
.button.mint *:focus{ color:#ff0;}

.button.ligntMint,
.button.ligntMint a,
.button.ligntMint button,
.button.ligntMint input { background-image:url(/images/mobile/buttons/buttonLigntMint.gif); color:#666;box-shadow: 0px 0px 4px #ebebeb;}
.button.ligntMint *:hover,
.button.ligntMint *:active,
.button.ligntMint *:focus{ color:#29967b;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}



/***************************************************
 Version:1.0  20140630 HiperTech 서브화면구성 - subStyle.css
***************************************************/

/** 페이지구성 요소
-------------------------------------------*/

/* 페이지 타이틀 영역 */
/* #contents #location {line-height:25px; padding:0 5px 0 25px; background:url(/images/mobile/common/an_location.png) no-repeat 0px 6px ;  float:right;}*/
#contents #location {display:none;}
#contents #location .locOnPage {font-weight:bold;}
#contents h1 {font-size:20px; margin-bottom:0px; line-height:30px; text-align:center; }
#contents .h1SubTx {color:#939393; padding-bottom:25px;}
#contents h2 {font-size:15px; padding:35px 0 5px 15px; line-height:30px; background:url(/images/mobile/common/an_gray_a.png) no-repeat 0px 46px ;}




/* 페이지 검색 */
input, select {height:20px; padding:0 3px 0 -3px; color:#151515; line-height:22px; background:#fff; border:1px solid #ccc; }
input:focus, select:focus, textarea:focus { border:1px solid #64ca3a; background:#ffffe1; }
textarea { height:150px; background:#fff; border:1px solid #ccc; margin:15px 0;}

#contents .formSearchSet { width:98%; line-height:30px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f6f6f6; padding:5px 1%; }
#contents .formSearchSet label { padding-left:17px; margin:0 -5px 0 5px; width:10%; max-width:80px; display:inline-block; background:url(/images/mobile/common/ico_check.png) no-repeat 5px 50% ; }
#contents .formSearchSet li { margin:0px; width:30%; display:inline;  float:left;}
#contents .formSearchSet .schCmtTx {color:#7550a5;}
#contents .formSearchSet .schDetail select {width:100px !important;}

#contents .formSearchSet .schDetailCheck label {width:150px !important; background:none; }
#contents .formSearchSet .schDetailCheck li {width:100%; border-bottom:1px dotted #999; }
#contents .formSearchSet .schDetailCheck .ico_check {background:url(/images/mobile/common/ico_check.png) no-repeat 5px 50% !important; }

.selectBox100p {width:100% !important;}
.btnSch { line-height:30px; width:100%; text-align:center; cursor:default; }

#contents .formSearchSet1 { width:90%; padding:2% 5%;line-height:30px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f6f6f6; }
#contents .formSearchSet1 label { padding-left:17px; background:url(/images/mobile/common/ico_check.png) no-repeat 5px 50% ; }




#contents .wInputText {width:20%;}
#contents .wInputTextL {width:30%;}
#contents .wInputTitle {width:60%;}

/* 게시판 폼 */
#contents .formBBSSet { width:100%; min-width:360px;  padding:15px 0; border-top:2px solid #7550a5; border-bottom:1px solid #dfdfdf; background:#f6f6f6;}
#contents .formBBSSet label { padding-left:30px; margin:0 -5px 0 5px; width:70px; line-height:20px; display:inline-block; background:url(/images/mobile/common/ico_check.png) no-repeat 15px 6px ; }
#contents .formBBSSet li { margin:0px; }


/* 페이지 신청폼 */

#contents .formSet { width:100%; min-width:360px;  padding:15px 0; border-top:2px solid #7550a5; border-bottom:1px solid #dfdfdf; background:#f6f6f6;}
/* #contents .formSet 	textarea {width:81%;}*/
#contents .formSet 	textarea {}
#contents .formSet label { padding-left:30px; margin:0 -5px 0 5px; width:100px; line-height:40px; display:inline-block; background:url(/images/mobile/common/ico_check.png) no-repeat 15px 15px ; }
#contents .formSet li { line-height:40px;}
#contents .btnArea {margin:20px 0; text-align:center; }
#contents .btnBBSArea {margin:10px 0; text-align:right; }
#contents  .inputDate{width:80px;  background-image:url(/images/mobile/common/schForm_ico.png) 50px 0px;}


/* 로그인폼 */
#contents .formLoginSet { width:90%; padding:5%; border-top:2px solid #7550a5; border-bottom:1px solid #dfdfdf; background:#f6f6f6;}
#contents .formLoginSet 	input {height:20px; padding:2%; width:96%; margin-bottom:5px;}
#contents .formLoginSet label { padding-left:2%; width:20%; line-height:40px; display:inline-block; background:url(/images/mobile/common/ico_check.png) no-repeat 15px 15px ; }
#contents .formLoginSet .labelL { padding-left:30px; margin:0 -5px 0 110px; width:250px; line-height:25px; display:inline-block; }

/* 로그인버튼 */
.btn {
	border: 1px solid 		#d7d7d7 /* { c-bar-border } */;
	background: 			#fff /* { c-bar-background-color } */;
	color: 					#666 /* { c-bar-color } */;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #dfdfdf /* { c-bar-background-start } */), to( #ddd /* { c-bar-background-end } */)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #fff /* { c-bar-background-start } */, #ebebeb /* { c-bar-background-end } */); /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient( #fff /* { c-bar-background-start } */, #ebebeb /* { c-bar-background-end } */); /* FF3.6 */
	background-image: -ms-linear-gradient( #fff /* { c-bar-background-start } */, #ebebeb /* { c-bar-background-end } */); /* IE10 */
	background-image: -o-linear-gradient( #fff /* { c-bar-background-start } */, #ebebeb /* { c-bar-background-end } */); /* Opera 11.10+ */
	background-image: linear-gradient( #fff /* { c-bar-background-start } */, #ebebeb /* { c-bar-background-end } */);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#ebebeb');
	-moz-border-radius: 4px; /* FF1+ */
	-webkit-border-radius: 4px; /* Saf3+, Chrome */
	border-radius: 4px; /* Opera 10.5, IE 9 */
 }

.btnLogin { font-size:14px; line-height:30px; padding:2%; width:96%; font-weight: bold; text-align:center; cursor:default; }

/* FAQ  */
#contents #tabsFAQ { margin-top:20px;}

#contents .listFAQ  { width:100%; padding-top:32px; }
#contents .listFAQ dl {border-top:3px solid #7550a5; border-bottom:1px solid #fff; padding-top:20px; }
#contents .listFAQ dt { padding:10px 20px; border-bottom:1px solid #dfdfdf; cursor:pointer; background:url(/images/mobile/common/ico_Q.png) no-repeat 5px 14px ; }
#contents .listFAQ dd { padding:5px 15px 25px 25px; border-bottom:1px dotted #dfdfdf; background-color:#f6f6f6 !important; background:url(/images/mobile/common/ico_A.png) no-repeat 5px 27px ; }
#contents .listFAQ dt:hover { padding:10px 20px; border-bottom:1px solid #dfdfdf; cursor:pointer; background:url(/images/mobile/common/ico_Q.png) no-repeat 5px 14px ; background-color:#f1ffec; }


/* 게시판 테이블 */
#contents table { width:100%; margin:0px; border-top:2px solid #7550a5; border-bottom:1px solid #cccccc; }
#contents th { height:40px; text-align:center; background:#f6f6f6; border-bottom:1px solid #dfdfdf; }
#contents td { height:30px; text-align:center; border-bottom:1px dotted #999999; }

#contents .wTdNo {width:5%;}
#contents .wTdName {width:8%;}
#contents .wTdDate {width:12%;}
#contents .wTdS{width:10%;}
#contents .wTdM{width:15%;}
#contents .wThCol3{width:15%;}
#contents .wTdCol4{width:35%;}
#contents .wThCol5{width:20%;}
#contents .wTdName_10 {width:10%;}
#contents .wTdName_12 {width:12%;}
#contents .wTdName_15 {width:15%;}
#contents .wTdName_20 {width:20%;}
#contents .wTdName_25 {width:25%;}



/* 게시판 페이지 네비게이션 */
#contents .paginate_simple { width:100%; padding:15px 0; text-align:center;}
#contents .paginate_simple a,#contents .paginate_simple a:link,#contents .paginate_simple a:visited,#contents .paginate_simple a:active {cursor:pointer; }
#contents .paginate_simple a {height:20px;padding:0 9px; display: inline-block;border:1px solid #dfdfdf; }
#contents .paginate_simple a:hover{color:#fff;  background:#7550a5; }
#contents .paginate_simple strong{color:#ffff00;  height:20px;padding:0 9px; display: inline-block;border:1px solid #7550a5; background:#7550a5;}


/* 게시판 내용읽기 */
#contents .viewBBSSet { width:100%; margin-top:0px; }

#contents .viewBBSSet label { color:#7550a5; font-weight:bold; padding-left:10px; margin:0 -5px 0 5px; width:100px; line-height:40px; display:inline-block; background:url(/images/mobile/common/anLocationArr.png) no-repeat 0px 18px ; }
#contents .viewBBSSet li { line-height:20px; border-bottom:1px solid #dfdfdf; display:inline-block;  width:100%;}
#contents .viewBBSSet {margin:20px 0; }

#contents .viewBBSSet .viewBBSTitle { font-size:16px; font-weight:bold; background:#f6f6f6; padding:10px 0px; width:100%; border-top:1px solid #dfdfdf; margin-top:-10px;}
#contents .viewBBSSet .viewBBSContens {padding:25px 5px; width:97%; }
#contents .viewBBSSet .viewBBSFile { padding:0px 0px; }
#contents .viewBBSSet .viewBBSContens img{max-width:700px; width:100%; }

#contents .viewBBSTableSet table { width:100%; margin:0px; border-top:2px solid #7550a5; border-bottom:1px solid #7550a5; }
#contents .viewBBSTableSet th { height:40px; text-align:center; background:#f6f6f6; border-bottom:1px solid #dfdfdf; }
#contents .viewBBSTableSet td { height:35px; text-align:center; border-bottom:1p x solid #dfdfdf; }
.tx11px td{font-size:11px !important;}



#contents .viewBBSTableListSet table { font-size:10px;  width:100% !important; margin:0px; border-top:2px solid #7550a5; border-bottom:2px solid #dfdfdf; margin-bottom:30px;  }
#contents .viewBBSTableListSet th { padding:0px !important; text-align:center; background:#f6f6f6; border-bottom:1px solid #dfdfdf; }
#contents .viewBBSTableListSet td { font-size:10px !important; text-align:center; border-bottom:1px solid #dfdfdf; }


#contents .viewBBSTableSet2 table { width:100%; margin:0px; border-top:2px solid #f6f6f6; border-bottom:2px solid #dfdfdf; }
#contents .viewBBSTableSet2 th { height:30px; text-align:center; background:#f6f6f6; border-bottom:1px solid #dfdfdf; }
#contents .viewBBSTableSet2 td { padding:10px 10px; height:30px; text-align:left !important; text-align:center; border-bottom:1px solid #dfdfdf; }


/* 웹진스타일 목록 */
#contents .listBBSWebzine { width:100%; margin:0px; border-top:2px solid #7550a5;}
 /* List */
#contents .listBBSWebzine li { height:130px;  padding-top:10px; border-bottom:1px solid #dfdfdf; display:block; }
#contents .listBBSWebzine dl { width:60%; margin-left:150px; padding:0 50px; }
#contents .listBBSWebzine dt { font-size:14px; font-weight:bold; }
#contents .listBBSWebzine dd { padding:9px 0px; color:#7d7d7d; }
#contents .listBBSWebzine .previewImg { position:absolute; height:120px; width:160px;  margin:0; float:left; border:1px solid #dfdfdf; }
#contents .listBBSWebzine .txEA { color:#f0802e; font-size:11px; font-weight:normal; padding-right: 10px}

.btnGo { font-size:12px; line-height:20px; width:120px;  text-align:center; cursor:default; float:right; }



/* 코멘트 */
#contents .comment_header {clear:both; padding:20px 10px 10px 10px;}
#contents .comment_header h4 {color:#f0802e;}

#contents .comment_body {padding:0 10px 10px 10px; clear:both; margin-bottom:0px;}
#contents .comment_body .item {position:relative; border-top:1px solid #dfdfdf; *zoom:1; }
#contents .comment_body .item .indent {position:relative; *zoom:1;}
#contents .comment_body .item .indent:after {content:""; display:block; clear:both;}
#contents .comment_body .item .item_aside {position:relative; float:left; width:100px; margin-right:-100px; padding:1em 0 0 0; *zoom:1; text-align:left; z-index:2;}
#contents .comment_body .item .item_aside ul {list-style:none; margin:0; padding:0;}
#contents .comment_body .item .item_aside li.meta {font-size:9px; font-family:Tahoma, Geneva, sans-serif; color:#8b8b8b; padding:3px 0 3px;}

#contents .comment_body .item .item_content {position:relative; padding:1em 0 1em 120px; *zoom:1; z-index:1;}
#contents .comment_body .item .item_content:after {content:""; display:block; clear:both;}
#contents .comment_body .item .item_content .content {width:auto !important;}

#contents .comment_body .action {margin:0; padding:10px 10px 0 0; white-space:nowrap; float:right;}
#contents .comment_body .action a {padding:1px 0 1px 0; color:#767676; text-decoration:none; margin-right:3px; font-size:11px;}
#contents .comment_body .action a.this {background:none; padding:0; margin:0 0 0 10px; text-decoration:underline;}


#contents .comment_body .comment_write {margin-top:20px; clear:both;}

#contents .comment_form { height:80px; width:100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f6f6f6;}
#contents .comment_form li { margin:0px; width:30%; display:inline;  float:left;}
#contents .comment_form textarea { margin-left:3%;  height:40px; width:70%; padding:5px;}
.btnCmt { font-size:14px; line-height:50px; width:15% font-weight: bold; margin:-67px 0 0 80%; text-align:center; cursor:default; margin-right:3%;}


/* UI Object */

#contents .tab {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    width: 100%;
}
#contents  .tab li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px;
    line-height: 31px;
    border: 1px solid #dfdfdf;
    border-left: none;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative;
    background: #fff;
}
#contents .tab li a {
    text-decoration: none;
    display: block;
    padding: 0 20px;
    border: 1px solid #fff;
    outline: none;

}
#contents .tab li a:hover {
    background: #f1ffec;
	color:#151515;
}
#contents .tab li.active  {
    background: #fff;
    border-top: 3px solid #7550a5;
    border-bottom: 2px solid #fff;

}
#contents .tab li.active a:hover  {
    background: #fff;
    border-top: 1px solid #fff;
	color:#151515;
	cursor:default;
}


 /* 지도 */
#contents #mapWrap { max-width:100%; padding:0px 0px;  }
#contents #map {width:100%;height:619px; border-top:2px solid #7550a5; border-bottom:1px solid #999999; margin-bottom:40px;}
#contents #maplistBox{width:250px; height:600px; padding:10px;background:#fff; position:absolute;z-index:200;border: 1px solid #999999; }

#contents #maplistBox h1 {color:#252525; font-size:15px; margin:0; padding:0px 0 0px 0; border-bottom: 2px solid #999999; }
#contents #maplistBox .schMapListBox {height:30px; border-bottom: 2px solid #7550a5; margin-bottom:10px;  }

#contents #maplistBox #mapList {width:100%; height:540px; overflow-y:auto; overflow-x:hidden; }
#contents #maplistBox #mapList li { width:96%; padding:5px 0 5px 10px; *margin-top:-30px; display:block; border-bottom:1px dotted #999999; background:url(/images/mobile/common/an01.png) no-repeat -1px 10px ;  }
#contents #maplistBox #mapList li:hover { background-color:#f1ffec; cursor:default; background-image:url(/images/mobile/common/an01.png) no-repeat -1px 10px ; }

#maplistBox_close{width:5px; height:600px; padding:10px 0;background:#fff; position:absolute;z-index:200;border: 1px solid #999999; }




 /* 지도 닫기_열기버튼 */
.mapListClose {position: absolute; margin:0px 0 0px 260px;  }
.mapListOpen {position: absolute; margin:0px 0 0px 5px; }


 /* 지도 팝업창 */
.mapPopup {max-width:370px; width:250px; margin:7px 12px 7px 12px; z-index:100000;}
.mapPopup h5 {  line-height:30px; border-bottom:2px solid #333; margin-bottom:3px !important; }
.mapPopup h5 span {font-size:11px; font-weight:normal; color:#939393; line-height:16px; padding-bottom:5px; display:block;}

.mapPopup li { font-size:11px; line-height:20px; border-bottom:1px dotted #999; display:block !important; padding:2px 0; }
.mapPopup label { padding-left:7px; margin:0px; width:80px; display:inline-block; background:url(/images/common/an_DangiInfo.png) no-repeat -1px 45% ; }
.mapPopup li span {width:200px; display:inline-block;}

.mapPopup .btnArea{margin:10px 0 10px !important;text-align:center;}
.close {display:block;position:absolute;width:20px;margin:0 0 0 210px;font-size:14px;font-weight:bold;color:#888;cursor:pointer;}


.bgColorMapPopUpCol { line-height:16px !important;  background-color:#f6f6f6 !important; }
.bgColorMapPopUpCol label { line-height:16px !important; }
.bgColorMapPopUpCol span { line-height:16px !important; }


/* gtKim */
#contents #gtMaplistBox{width:250px; height:450px; margin-top: 10px; padding:10px;background:#fff; position:absolute;z-index:200;border: 1px solid #999999; }

#contents #gtMaplistBox h1 {color:#252525; font-size:15px; margin:0; padding:0px 0 0px 0; border-bottom: 2px solid #999999; }
#contents #gtMaplistBox .schMapListBox {height:30px; border-bottom: 2px solid #7550a5; margin-bottom:10px;  }


#contents #mapInfo {width:100%; height:450px; overflow-y:auto; overflow-x:hidden; } /*20141015 : 추가 */
#contents #gtMaplistBox #mapInfoList {width:100%; height:420px; overflow-y:auto; overflow-x:hidden; }
#contents #gtMaplistBox #mapInfoList li { width:96%; padding:5px 0 5px 10px; *margin-top:-30px; display:block; border-bottom:1px dotted #999999; background:url(/images/mobile/common/an01.png) no-repeat -1px 10px ;  }
#contents #gtMaplistBox #mapInfoList li:hover { background-color:#f1ffec; cursor:default; background-image:url(/images/mobile/common/an01.png) no-repeat -1px 10px ; }

#gtMaplistBox_close{width:5px; height:450px; padding:10px 0;background:#fff; position:absolute;z-index:200;border: 1px solid #999999; }

 /* 지도 닫기_열기버튼 */
.gtMapListClose {position: absolute; margin:0px 0 0px 260px; background : }
.gtMapListOpen {position: absolute; margin:0px 0 0px 5px; background : }
/* gtKim */


 /*서울시 지도 */
#mainImgM { max-width:420px; width:100%; height: auto; }
img[usemap] {
	max-width: 100%;
	width: auto;
}

 /* 지도_서울시 */
#contents #mapImgWrap { max-width:100%; padding:0px 0px;  }
#contents #mapImg {width:100%;height:619px; vertical-align:middle !important; text-align:center; border-top:2px solid #7550a5; border-bottom:1px solid #999999; margin-bottom:40px; background-color:#ffffff; overflow: hidden;}
#contents #mapImg img { vertical-align:middle !important; margin-left:-30px;}



/* 탭 */
#contents .tab1  {background-color:#fff; border-left:1px solid #fff; border-bottom:1px solid #fff; margin-bottom:10px; }
#contents .tab1 li {font-size:11px; line-height:35px; text-align:center; display: inline;float:left; border:1px solid #dfdfdf; margin-left:-1px; cursor:default; border-top:3px solid #333; background-color:#f6f6f6;  }
#contents .tab1 ._on{ color:#252525; font-size:11px; font-weight:bold; background-color:#fff; border-top:3px solid #7550a5; border-bottom:3px solid #fff; }


#contents .tab2  {background-color:#fff; border-left:1px solid #fff; border-bottom:1px solid #fff; margin-bottom:10px; }
#contents .tab2 li {width:46%; padding:5px; padding-left:10px; display: inline;float:left; border:1px solid #fff; cursor:default; background-color:#f6f6f6;  }
#contents .tab2 ._on{ color:#252525; font-size:14px; font-weight:bold; background-color:#fff; border-top:3px solid #7550a5; border-bottom:3px solid #fff; }


/* 보고서  */
#contents .viewReport table { width:100%; margin:0px; border-top:2px solid #7550a5; border-bottom:1px solid #7550a5; }
#contents .viewReport th { height:40px; text-align:center; background:#f6f6f6; border-bottom:1px solid #dfdfdf !important; }
#contents .viewReport td { height:25px; text-align:center; border:1px solid #dfdfdf !important; padding:5px;}


/* 회원가입 폼 */
#contents .formJoinSet { width:100%; min-width:360px;  padding:15px 0; border-top:2px solid #7550a5; border-bottom:1px solid #dfdfdf; background:#f6f6f6;}
#contents .formJoinSet label { padding-left:30px; margin:0 -5px 0 5px; width:100px; line-height:40px; display:inline-block; background:url(/images/mobile/common/ico_checkRed.png) no-repeat 15px 16px ; }
#contents .formJoinSet li { line-height:40px;}
#contents .formJoinSet .inp_ty01{ width:140px !important; }
#contents .formJoinSet .inp_ty02{ width:350px !important; }
#contents .formJoinSet .txInput{ border:none; background:none; }
#contents .formJoinSet .inpNo{ width:60px !important; }

/* 탭 */
#contents .tabJoin  {background-color:#fff; border-left:1px solid #fff; border-bottom:1px solid #fff; margin-bottom:10px; }
#contents .tabJoin li { font-size:14px; font-weight:bold;  color:#939393;  padding:10px 10px; line-height:20px; display: inline;float:left; border:1px solid #dfdfdf; margin-left:-1px; cursor:default; border-top:3px solid #333; background-color:#f6f6f6;  }
#contents .tabJoin li span {  font-size:11px;  font-weight:normal !important; }

#contents .tabJoin ._on{ color:#252525; background-color:#fff; border-top:3px solid #7550a5; border-bottom:3px solid #fff; }
#contents .tabJoin ._on span { color:#7550a5; }
#contents .tabJoin .col-xs-3 {width:22%;}

/* 버튼 */
 .btnDate{width:20px; height:22px; background-image:url(/images/mobile/common/ico_calendar.png) ; display:inline-block;}

/* 로그인버튼 */
.btnFlat {
	border: 0px solid 		#7550a5 /* { c-bar-border } */;
	background: 			#7550a5 /* { c-bar-background-color } */;
	color: 					#fff /* { c-bar-color } */;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#ebebeb');
	-moz-border-radius: 4px; /* FF1+ */
	-webkit-border-radius: 4px; /* Saf3+, Chrome */
	border-radius: 4px; /* Opera 10.5, IE 9 */

 }
.btnJoin {	margin-top:30px; height:50px;  line-height:20px; font-weight:bold;  font-size:14px; width:180px; text-align:left; cursor:default; display:inline-block; padding:10px 10px 10px; vertical-align:middle !important;}
.btnJoin:hover { background-color:#66b85c;	}


/* 본문 영역 */
#contents p, #contents .contentsTable, #contents .contentsTable02 {padding:5px 0 20px;}
#contents .txCmtBox { line-height:20px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f6f6f6; padding:10px 10px; }

#contents h3 {font-size:14px; color:#7550a5; line-height:35px; }
#contents h4 {font-size:14px; padding-left:12px; line-height:35px; margin-top:15px; background:url(/images/mobile/common/an_h4.png) no-repeat -3px 50% ;  }
#contents h5 {font-size:13px; padding-left:12px; line-height:35px; margin-bottom:-5px;  }
#contents h6 {font-size:13px; color:#7550a5; padding-left:15px; line-height:35px; margin-bottom:-5px; background:url(/images/mobile/common/titation01.gif) no-repeat 0px 40% ;  }


#contents p {text-align:justify;}
#contents .padLeft {padding-left:12px;}

#contents .txCol  li{ display: inline;float:left; text-align:right; padding:0 5px 0 0;}
#contents .txCol dl {text-align:left;}


#contents .contentsTable table { width:100%; margin:0px; border-top:2px solid #7550a5; border-bottom:1px solid #dfdfdf; margin-bottom:30px;  }
#contents .contentsTable th { padding:3px 3px; text-align:center; background:#f6f6f6; border-bottom:1px solid #dfdfdf; }
#contents .contentsTable td { padding:0px 10px; text-align:left; border-bottom:1px solid #dfdfdf; }
#contents .contentsImg01 { height:140px; width:223px;  margin:0; float:left; border:1px solid #dfdfdf; padding:5px; }

#contents .contentsTable02 table { width:100%; margin:0px; border-top:2px solid #7550a5; border-bottom:1px solid #dfdfdf; margin-bottom:30px; border-left: 2px solid #fff; border-right: 2px solid #fff;   }
#contents .contentsTable02 th { padding:3px 3px; text-align:center; background:#f6f6f6; border-bottom:1px solid #dfdfdf; border:1px solid #dfdfdf; }
#contents .contentsTable02 td { padding:0px 10px; text-align:left; border:1px solid #dfdfdf; }

#contents .txTableCmt {font-size:11px; color:#8c6239; margin:-20px 0 10px !important; }
#contents .txTableCmt label { width:80px; display:inline-block;  }
#contents .txTableCmt span { display:inline-block; }

#contents .listWebzine {}
#contents .listWebzine dl { margin-left:60%;border:0px solid #dfdfdf; margin-top:40px; }
#contents .listWebzine dt { font-weight:bold; font-size:15px; color:#7550a5; line-height:35px; padding-left:17px;  background:url(/images/mobile/common/titation01.gif) no-repeat 0px 7px ; }
#contents .listWebzine dd { padding:0px; color:#7d7d7d; overflow:hidden; }
#contents .contentsImg02 {  max-width:223px; width:60%;  margin:0; float:left; padding:5px;}
#contents .contentsImg02L { max-width:320px;  width:60%; margin:0; float:left; padding:5px;}




/* 도표 */
.diagram {
margin-left:12px;
	border: 2px solid 		#7550a5 /* { c-bar-border } */;
	background-color: 			#fff /* { c-bar-background-color } */;
	-moz-border-radius: 4px; /* FF1+ */
	-webkit-border-radius: 4px; /* Saf3+, Chrome */
	border-radius: 4px; /* Opera 10.5, IE 9 */
	padding:10px;
	background:url(/images/mobile/common/bg_p_gray.png);
 }
 #contents .diagram {text-align:center; width:90%;}
#contents .diagram label { font-size:14px;  max-width:180px; width:100%; padding:10px; display:inline-block; background:#fff; color:#7550a5; text-align:center; margin-right:15px; border: 1px solid #dfdfdf; font-weight:bold; }
#contents .diagram span { max-width:420px; width:100%;  display:inline-block; }
#contents .arrowBtm {height:30px; background:url(/images/mobile/common/arrowBtm.png) no-repeat 50% ;}

#contents .diagram .inLabel {font-weight:normal; font-size:12px; max-width:440px; width:85%; padding:4px 5px;text-align:left; background:#7550a5; color:#fff; border: 1px solid #fff; }




 /* 서브메뉴 */

#subMenu {height:100%; width:180px; margin:0px; *margin-left:-180px;position:absolute; overflow:hidden;display:block;}
#subMenu h1 {font-size:20px; font-weight:bold;  padding:20px 10px 10px;height:50px; border-bottom:1px solid #e5e5e5; background-color:#fff; color:#7550a5;}
#subMenu nav li{ line-height:33px; width:100%; padding-left:10px; border-bottom:1px solid #dfdfdf;}

#subMenu nav li:hover{color:#fff; font-weight:bold;  background-color:#7550a5;background-image: url(/images/mobile/common/an01.png) no-repeat 150px; 40%;cursor:pointer;}
._on {color:#fff; font-weight:bold;  background-color:#7550a5;background-image: url(/images/mobile/common/an01.png) no-repeat 150px; 40%;cursor:pointer;}

#subMenu .sub2Menu {display:block;}
#subMenu .sub2Menu ul {margin-left:-10px; padding:5px 0; background-color:#f6f6f6; }
#subMenu .sub2Menu  li { color:#151515; padding-left:20px; border:none; line-height:20px; font-weight:normal;}
#subMenu .sub2Menu  li:hover{color:#7550a5 !important; font-weight:normal;  background-color:#f6f6f6 !important;}
#subMenu ._onSub2 {color:#7550a5 !important;}


 /* 게시판 */

.infoBBS {display:inline-block;}
#contents .mListBBS { width:100%; margin:0px; border-top:2px solid #7550a5;  }

#contents .mListBBS dt { font-size:13px;  line-height:30px;  padding:0 5px; }
#contents .mListBBS dd { line-height:15px; font-size:11px; color:#acacac; border-bottom:1px dotted #999999; padding:0 5px; }
#contents .mListBBS .bar { font-size:8px; color:#acacac; padding:0 10px;}


 /* 20140828 추가 */
.bg_gr { background:#f6f6f6; }
.tdTop {vertical-align:top; line-height:30px;}
#contents .ad_cost_dl dt{font-weight:bold; font-size:14px; padding-left:12px; line-height:25px; margin-top:15px; background:url(/images/mobile/common/an_h4.png) no-repeat -3px 50% ;  }
#contents .ad_cost_dl dd{padding-left:12px;}
#contents .contentsCost h3 {margin-top:30px;}

.w100P {width:100% !important; }

#contents  td,th {font-size:11px !important;}