/* CSS Document */

* {
		font-family:verdana, Gulim;
		font-size:12px;
		line-height:15px;
}


body {
        width:100%;
		background:url(/images/common/bg_top.gif) repeat-x left top;
        text-align:center;
        margin:0 auto;
        }


body.join{
        width:100%;
        text-align:center;
        margin:0 auto;
        }


html {
        font-size:12px;
        color:#666666;
        margin:0 auto;
        }

fieldset, img {
        border: none;
        }

div, ul, form, fieldset, td, th, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, p, input {
        margin:0px;
		padding:0px;
        }

a {
        line-height:18px;
        text-decoration:none;
        color:#333333;
        }

ul li {list-style-type:none;}


/*input 스타일 */
input {
        height:18px; 
        vertical-align:middle;
		margin-bottom:1px;
		color:#333333;
        }
input.text {
        border:solid 1px #cacaca;
        }
input.num {
        border:solid 1px #cacaca;
        text-align:right;
        }
input.btn {
        vertical-align: top;
        }
input.checkbox {
        width:13px; 
        height:13px;
        margin-top:1px;
        }

textarea {
        padding:3px; 
        color:#555555 ; 
        font-size:11px;
		font-family:dotum;
        border:solid 1px #cacaca;
        margin:0 auto;
        }

select{
        vertical-align:middle;
        color:#666666; 
        margin:0 auto;
        }



/* 네비 */
ul.pageNavigation   {
         list-style:none;
         margin:0 auto;
         padding:10px 0 0;
         color:#888;
         font:11px tahoma;
         text-align:center;
         }
 
ul.pageNavigation li{
        display:inline;
        padding:0 2px;
        cursor:default; 
        }

ul.pageNavigation li a:link,
ul.pageNavigation li a:visited{
         color:#777777;
         text-decoration:none;
         }

ul.pageNavigation li a:active,
ul.pageNavigation li a:hover    { 
            color:#114cad;
            text-decoration:none; 
            }

ul.pageNavigation li a:link.thisPage2,
ul.pageNavigation li a:visited.thisPage2,
ul.pageNavigation li a:active.thisPage2,
ul.pageNavigation li a:hover.thisPage2  {
        color:#114cad;
        font-weight:bold; 
        text-decoration:none;
        }

ul.pageNavigation li.arr01 { 
        padding:0;
        }

ul.pageNavigation li.arr02   { 
        padding:0 1px 0 0; 
        }

ul.pageNavigation li.arr03   {
         padding:0 0 0 1px; 
         }

ul.pageNavigation li img { 
        margin:-1px 0 0; 
        }


/* 페이징 */
div.paging {
		margin:0 auto;
		width:100%;
		text-align:center;
		}

div.paging a {
		font-family:verdana; 
		color:#404040;
		}

div.paging font {
		font-weight:bold;
		text-decoration:underline;
		color:#425bca;
		}

div.paging img{
		vertical-align:middle;
		margin:3px 3px 1px 3px;
		}


/* 전체 div */
#wrap {
        width:100%;
        margin:0 auto;
        text-align:center;
        }


/* 로고와 유틸 */
#logoUtil {
        width:980px;
		height:73px;
        margin:0 auto;
		}

#logoUtil .logo {
        float:left;
		margin-right:39px;
        }

#logoUtil .tmenu {
		width:410px;
        float:left;
		}

#logoUtil .tmenu ul.menu li {
        float:left;
		padding:0 20px;
		background:url(/images/common/stick_menu.gif) no-repeat right 1px;
        margin-top:15px;
        }

#logoUtil .tmenu ul.menu li.left11 {
		padding-left:11px;
        }

#logoUtil .tmenu ul.menu li.none {
		background:none;
        }

#logoUtil .tmenu p {
		text-align:left;
		float:left;
		margin-top:7px;
		}

#logoUtil .tmenu p.left7 {
		padding-left:7px;
		}

#logoUtil .util {
		float:right;
		height:32px;
		background:url(/images/common/bg_util.gif) repeat-x left top;
		}

#logoUtil .util ul {
 		padding-top:15px;
        }

#logoUtil .util li {		
		font-family:dotum;
		font-size:11px;
		color:#777777;
        float:left;		
		padding-top:1px;
		} 

#logoUtil .util li a {		
		font-family:dotum;
		font-size:11px;
		color:#999999;
		padding:0 6px 0 0;
        }

#logoUtil .util li.stick {
		background:url(/images/common/stick_util.gif) no-repeat 0 4px;
		padding-left:7px;
		} 

#logoUtil .Navi{
		height:65px;
		margin:0 auto;
        }


/* Sub */
#layout {
		width:980px;
		display:table;
		margin:25px auto 0 auto;
        text-align:left;
		overflow:hidden;
		min-height:555px;
		}

#layout .left{
        width:200px;
        float:left;
        text-align:left;
		padding-bottom:10px;
		overflow:hidden;
        }

#layout .con{
        width:780px;
        text-align:left;
        float:left;
		display:table;
        padding-bottom:50px;	
        }

#layout .con2{
        width:780px;
        text-align:left;
        float:left;
		display:table;	
        }

#layout .con2 .top_tit {
		width:780px;
		height:40px;
		text-align:left;
		}

#layout .con2 .top_tit .tit{
		height:20px;
		position:absolute;
		margin-top:11px;
        }
#layout .con2 .line{
		width:780px;
		border-bottom:1px solid #e3e3e3;
		margin-bottom:0px;
        }
#layout .con2 .location {
		padding:19px 0 0 0;
		float:right;
		}

#layout .con2 .location ul li{
        float:left;
        font-family:Dotum;
        font-size:11px;
        color:#969696;
        background:url(/images/common/bl_local.gif) no-repeat 6px 6px;
        padding:0 0 0 16px;
        }

#layout .con2 .location ul li.home{
        background:none;
        padding-left:0;
        }

#layout .con2 .location ul li span{
        font-family:Dotum;
        font-size:11px;
        color:#676767;
        }


#layout .left .menu{		
        width:160px;
        text-align:left;
		margin-bottom:10px;
        }

#layout .left .menu div.head {		
		height:42px;
        }

#layout .left .menu div.top {		
		height:36px;
        }

#layout .left .menu ul.left_sub li{		
		height:19px;
		color:#999999;
		border-bottom:1px solid #ececec;
        text-indent:7px;
		padding-top:5px;
		}

#layout .left div.left_banner {	
		width:160px;
		padding:0px;
        }


/* 내용 */
#layout .con .sub_con{
		width:780px;
        clear:both;
		}


/* 타이틀 */
#layout .con .top_tit {
		width:780px;
		height:40px;
		text-align:left;
		}

#layout .con .top_tit .tit{
		height:20px;
		position:absolute;
		margin-top:11px;
        }

#layout .con .line{
		width:780px;
		border-bottom:1px solid #e3e3e3;
		margin-bottom:20px;
        }

#layout .con .location {
		padding:19px 0 0 0;
		float:right;
		}

#layout .con .location ul li{
        float:left;
        font-family:Dotum;
        font-size:11px;
        color:#969696;
        background:url(/images/common/bl_local.gif) no-repeat 6px 6px;
        padding:0 0 0 16px;
        }

#layout .con .location ul li.home{
        background:none;
        padding-left:0;
        }

#layout .con .location ul li span{
        font-family:Dotum;
        font-size:11px;
        color:#676767;
        }


/* 탭 */
#layout ul.tab {
		width:780px;
		overflow:hidden;
		background:url(/images/common/bg_tab.gif) repeat-x left top;
		margin:0 0 15px 0;
		}

#layout ul.tab li {
        float:left;
		}

#layout ul.tab li img.aside {
		margin-left:1px;
		}

#layout ul.down {
		background:url(/images/common/bg_tab_down.gif) repeat-x left top;
		}

/* 테이블 스타일 1번 */
#layout .con .sub_con table.cost {
		text-align:center;
		}

#layout .con .sub_con table.cost tr td {
		height:20px;
		border-right:1px solid #e3e3e3;
		border-bottom:1px solid #e3e3e3;
		font-family:verdana;
		}

#layout .con .sub_con table.cost tr.head td {
		height:25px;
		background-color:#f5f5f5;
		border-top:1px solid #c6c6c6;
		}

#layout .con .sub_con table.cost tr.bold td {
		font-weight:bold;
		}

#layout .con .sub_con table.cost tr.tnone td {
		border-top:1px solid #e3e3e3;
		}

#layout .con .sub_con table.cost tr.price td {
		height:26px;
		}

#layout .con .sub_con table.cost tr th.none {
		border-right:none;
		}

#layout .con .sub_con table.cost tr td.bnone {
		border-bottom:none;
		}

#layout .con .sub_con table.cost tr td.tnone {
		border-top:none;
		}

#layout .con .sub_con table.cost tr td.none {
		border-right:none;
		}

#layout .con .sub_con table.cost tr td.lt {
		text-align:left;
		padding-left:10px;
		}

#layout .con .sub_con table.cost tr td.s {
		font-size:11px;
		font-family:돋움;
		}

#layout .con .sub_con table.cost tr td.point {
		height:30px;
		}

#layout .con .sub_con table.cost tr td img.qt {
		vertical-align:middle;
		padding-bottom:3px;
		}

#layout .con .sub_con table.cost th {
		height:25px;
		text-align:left;
		background-color:#f5f5f5;
		text-indent:10px;
		border-right:1px solid #e3e3e3;
		border-bottom:1px solid #e3e3e3;
		border-top:1px solid #c6c6c6;
		}

#layout .con .sub_con table.cost th.point {
		text-indent:0px;
		height:35px;
		text-align:center;
		}

#layout .con .sub_con table.cost th.charge {
		text-indent:0px;
		height:25px;
		text-align:center;
		}

#layout .con .sub_con table.cost tr td.org1 {
		border-top:3px solid #ff6600;
		border-right:3px solid #ff6600;
		border-left:3px solid #ff6600;
		}

#layout .con .sub_con table.cost tr td.org2 {
		border-right:3px solid #ff6600;
		border-left:3px solid #ff6600;
		}

#layout .con .sub_con table.cost tr td.org3 {
		border-bottom:3px solid #ff6600;
		border-right:3px solid #ff6600;
		border-left:3px solid #ff6600;
		}

#layout .con .sub_con .effect {
		padding-top:10px;
		text-align:center;
		}

#layout .con .sub_con .cost .effect {
		text-align:left;
		}

#layout .con .sub_con .cost .effect td {
		padding:10px 0px 10px 10px;
		vertical-align:top;
		}

/* 테이블 스타일 2번 */
#layout .con .sub_con table.ts_02 {
		border-top:1px solid #c6c6c6;		
        }

#layout .con .sub_con table.ts_02 th {
		background:#f5f5f5;
		padding:6px 0 6px 15px;
		border-bottom:1px solid #e3e3e3;
		text-align:left;
        }

#layout .con .sub_con table.ts_02 td {
		padding:6px 0 6px 10px;
		border-bottom:1px solid #e3e3e3;
		color:#686868;
		text-align:left;
        }


/* 테이블 스타일 3번 */
#layout .con .sub_con .ts {
		border:1px solid #c6c6c6;
		margin:5px 0px 0px 0px;
		}

#layout .con .sub_con .ts tr th {
		background-color:#f5f5f5;
		vertical-align:top;
		text-align:left;
		text-indent:20px;
		padding:12px 0px 0px 0px;
		}

#layout .con .sub_con .ts tr td {
		padding:8px 0px 8px 20px;
		line-height:24px;
		font-family:verdana;
		}

#layout .con .sub_con .ts tr td p.line {
		width:570px;
		line-height:24px;
		border-bottom:1px dotted #e3e3e3;
		margin-bottom:5px;
		padding-bottom:5px;
		}

/* 테이블 스타일 4번 */
.ts_left {
		border-top:1px solid #c6c6c6;
		}

.ts_left tr th {
		text-align:left;
		background-color:#f5f5f5;
		border-bottom:1px solid #e3e3e3;
		padding:5px 0px 5px 0px;
		text-indent:20px;
		}

.ts_left tr td {
		border-bottom:1px solid #e3e3e3;
		padding:5px 0px 5px 15px;
		}

 .ts_left tr th.ipt {
		background-color:#cadcf3;
		color:#0e3669;
		}

 .ts_left tr td.ipt {
		background-color:#f1f8ff;
		}

 .ts_left tr td p {
		width:725px;
		margin-bottom:7px;
		padding-bottom:7px;
		border-bottom:1px dashed #c6c6c6;
		}

 .ts_left tr td.moo span {
		margin-right:50px;
		}

.ts_left tr td font.s {
		color:#a7a7a7;
		}

.ts_left tr.card th {
		border-left:1px solid #e3e3e3;
        }

.ts_left tr.card th.lnone {
		border-left:none;
        }

.ts_left tr.card td {
		background:#ffffff;
		border-left:1px solid #e3e3e3;
        }

/* 테이블 스타일 5번 */
.ts_point {
		text-align:center;
		border-top:1px solid #c6c6c6;
		}

.ts_point tr th {
		height:20px;
		background-color:#f1f8ff;
		border-right:1px solid #c6c6c6;
		border-bottom:1px solid #c6c6c6;
		padding:5px 0px 5px 0px;
		}

.ts_point tr td.center {
		background-color:#f5f5f5;
		}

.ts_point tr th.tit {
		border-left:1px solid #c6c6c6;
		}

.ts_point tr th.head {
		background-color:#fff4f4;
		border-color:#e3e3e3;
		}

.ts_point tr th.none {
		border-right:none;
		}

.ts_point tr.pop_tit th {
		background-color:#f5f5f5;
		}

.ts_point tr th.red_top {
		border-left:2px solid #cc0000;
		border-right:2px solid #cc0000;
		border-top:2px solid #cc0000;
		background-color:#ffd9d9;
		}


.ts_point tr td.red_center {
		border-left:2px solid #cc0000;
		border-right:2px solid #cc0000;
		background-color:#fffbfb;
		color:#cc0000;
		}

.ts_point tr td.red_bottom {
		border-left:2px solid #cc0000;
		border-right:2px solid #cc0000;
		border-bottom:2px solid #cc0000;
		background-color:#fffbfb;
		color:#cc0000;
		}

.ts_point tr td {
		height:20px;
		border-right:1px solid #e3e3e3;
		border-bottom:1px solid #e3e3e3;
		padding:5px 0px 5px 0px;
		font-family:verdana;
		}

.ts_point tr td.pd {
		text-indent:15px;
		text-align:left;
		}

.ts_point tr td.pd img {
		border:1px solid #e3e3e3;
		margin-right:20px;
		}

.ts_point tr td.none {
		border-right:none;
		}

.ts_point tr.total td {
		background-color:#fff4f4;
		}

.ts_point tr.total td.pay {
		text-align:right;
		padding:10px 15px 10px 0;
		}

/* 박스 스타일 1 */
.blue_box {
		border:1px solid #e3e3e3;
		background:#f2f6f7;
		line-height:20px;
		padding:15px 20px 15px 20px;
		margin:0px 0px 10px 0px;;
		overflow:hidden;
		}

.blue_box ul {
		float:left;
		overflow:hidden;
		}

.blue_box ul.my_info {
		overflow:hidden;
		}

.blue_box ul.my_info li {
		background:url(/images/common/bl_arrow.gif) no-repeat left 7px;
		padding:3px 0px 3px 10px;
		margin-left:10px;
		width:340px;
		}

/* 박스 스타일 2 */
.blue_box ul.register {
		overflow:hidden;
		}

.blue_box ul.register li {
		padding-left:13px;
		margin-left:10px;
		width:710px;
		height:22px;		
		}

.blue_box ul.register li.tit {
		background:url(/images/common/bl_arrow.gif) no-repeat left 5px;
		font-weight:bold;
		}

/* 박스 스타일 3 */
.white_box {
		border:1px solid #e3e3e3;
		background:#ffffff;
		line-height:20px;
		padding:15px;
		overflow:hidden;
		}

.white_box .confirm {
		background:url(/images/member/bg_confirm.gif) no-repeat right top;
		padding:10px 20px 0 30px;
		height:59px;
		float:left;
		}

.white_box .text {
		width:205px;
		}

.blue_box span {
		margin:0 30px;
		}

/* 박스 스타일 4 */
.refund {
		margin-top:10px;
		padding:10px 0 8px 20px;
		background-color:#fffdf4;
		border:1px solid #eae8da;
		}

.refund ul {
		width:740px;
		}

.refund ul li.tit {
		font-weight:bold;
		padding-bottom:5px;
		margin-bottom:5px;
		border-bottom:1px solid #eae8da;
		}
/* 박스 스타일 5 -20120228김선영 추가*/
.pop_box  {border:1px solid #e3e3e3;
	  	   background:#f2f6f7;
		   line-height:20px;
		   padding:5px 0 5px 10px;
		   margin:10px 0px;
		   float:left;
		   width:750px;
		   }


/* footer */
#footer {
		clear:both;
        width:980px;
        height:114px;
        border-top:1px solid #b5b5b5;
        margin:0 auto;
        }

#footer .fmenu {
		height:34px;
        border-bottom:1px solid #b5b5b5;
		padding:0px 5px;
		margin-bottom:10px;
		overflow:hidden;
		}

#footer .fmenu ul.fleft li {
        float:left;
		padding:11px 15px;
        background:url(/images/stick.gif) no-repeat right 12px; 
		}

#footer .fmenu ul.fleft li.none {
        background:none;     
		}

#footer .fmenu ul.fright li{
		padding:4px 15px 0px 0px;
		float:right;
		}

#footer .fmenu ul.select {
        float:left;
		padding:7px 0px 4px 10px;
		}

#footer .fmenu ul.select li select {
        width:160px;
		height:20px;
		}

#footer .copy {
		height:80px;
        background:url(/images/footer/copyright.gif) no-repeat 20px 10px;     
        text-align:left;
        }