@charset "utf-8";
/*------------------------------------*
    공통
 *------------------------------------*/
/* layout */
#header {
    margin-bottom: 20px;
    border-bottom: 1px solid #c7c7c7;
}
/* sidebar*/
#sidebar {
    float: left;
    width: 210px;
}
#sidebar h2 {
    padding: 43px 0 28px 18px;
    font: normal 25px/1 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    color: #333;
    background: url(../images/common/bg_sidebar_title.png) 0 0 no-repeat;
    text-transform: uppercase;
}
#sidebar .menu {
    padding-bottom: 30px;
    border: 1px solid #c7c7c7;
    border-top: 0 none;
}

#sidebar .menu li {
    margin: 0 auto;
    width: 165px;
    height: 37px;
    border-bottom: 1px solid #e5e5e5;
}


#sidebar .menu li:first-child { border-top: 1px solid #e5e5e5; }
#sidebar .menu li a {
    margin-left: 8px;
    font: normal 13px/1.625 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    line-height: 37px;
}
#sidebar .menu li a:hover, #sidebar .menu li.active a { color: #fe5209 }

/* mypage 대관대여전시 신청현황 */
.lspace1 { letter-spacing:-1px; }


/* content */
#content { margin-bottom: 100px; }
.content-main {
    float: right;
    width: 765px;
}
.content-body {
	min-height: 450px;
}
.content-heading {
    position: relative;
    margin-bottom: 60px;
    height: 97px;
    border-bottom: 1px solid #c8c9c9;
}
.content-heading h2 {
    padding-top: 25px;
    font: normal 43px/1 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    color: #333;
}
.content-heading h2 small {
    margin-left: 6px;
    font-size: 14px;
}
.content-heading .breadcrumbs {
    position: absolute;
    bottom: -10px;
    right: 0;
    padding-left: 10px;
    background: #fff;
}
.content-heading .breadcrumbs,
.content-heading .breadcrumbs a,
.content-heading .breadcrumbs strong {
    font-size: 11px;
    vertical-align: middle;
}
.content-heading .breadcrumbs a {
    display: inline-block;
 *display:inline;
 *zoom:1;
    margin-right: 5px;
    padding-right: 10px;
    height: 17px;
    background: url(../images/common/breadcrumbs_sep.png) 100% 50% no-repeat;
}
.content-heading .breadcrumbs a.home img { margin-top: 2px; }
.content-heading .breadcrumbs strong {
    font-weight: normal;
    color: #fe5209
}
.button-group { text-align: center; }
.button {
    display: inline-block;
 *display:inline;
 *zoom:1;
    background-color: #fff;
    border: 1px solid #666;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
}
.button i {
    display: inline-block;
 *display:inline;
 *zoom:1;
    background-position: 0 0;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.pagination ol { text-align: center }
.pagination ol li {
    display: inline-block;
 *display:inline;
 *zoom:1;
    margin: 0 1px;
    padding: 0 5px;
    height: 23px;
    min-width: 13px;
    font-weight: bold;
    line-height: 23px;
    text-align: center;
    border: 1px solid #ddd;
    vertical-align: middle;
}
.pagination ol li.current { border-color: #ef4c0d }
.banner {
    position: relative;
    margin-bottom: 13px;
    padding: 28px 20px;
    border: 1px solid #efefef;
    background: url(../images/common/bg_banner.png) 0 0 repeat;
}
.banner .banner-container {
    overflow: hidden;
    padding-left: 40px;
    background: url(../images/common/symbol.png) 0 0 no-repeat;
}
.banner .banner-container h4 {
	/* font: '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif; */
	font-family: 나눔고딕;
    margin-bottom:6px;
    font-size: 32px;
    color: #333;
    line-height:1;
}
.banner .banner-container p {
    float: left;
    background-color: #fff;
    font-weight: bold;
    color: #888;
}
.banner .banner-container a {
    position: absolute;
    right: 20px;
    bottom: 35px;
    line-height: 12px;
    font-weight: bold;
    color: #000
}
.banner .banner-container a b { color: #f36c12 }
.banner .banner-container a i {
    display: inline-block;
 *display:inline;
 *zoom:1;
    margin-left: 5px;
    width: 14px;
    height: 7px;
    background: url(../images/common/arrow_right.png) 0 0 no-repeat;
    vertical-align: middle;
}
/* 분류 네비 */
.categories {
    overflow: hidden;
    margin-bottom: 15px
}
.categories li {
    float: left;
    margin-left: 1px;
    padding-bottom: 6px;
    height: 38px;
}
.categories li a {
    display: block;
    width: 84px;
    background-color: #b8b8b8;
    color: #fff;
    line-height: 38px;
    text-align: center;
}
.categories li.active { background: url(../images/sub/about/arrow_down.png) 36px 100% no-repeat; }
.categories li.active a { background-color: #f36c12 }
/*------------------------------------*
	 BXSlider
 *------------------------------------*/
.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
 *zoom: 1;
}
.bx-wrapper img {
    max-width: 100%;
    display: block;
}
/* THEME */
.bx-wrapper .bx-viewport {
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
    width: auto;
    position: absolute;
    bottom: 10px;
    right: 140px;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1;
 *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 3px;
    cursor: pointer;
    text-indent: -9999px;
    background: url(../images/main/controls.png) 0 0 no-repeat;
    text-align: left;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background-position: 0 -20px; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 2px;
    display: block;
    overflow: hidden;
    margin: 0;
    width: 16px;
    height: 30px;
    background: url(../images/main/controls.png) -50px 0 no-repeat;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    text-indent: -9999px;
}
.bx-wrapper .bx-controls-direction .bx-prev { left: -24px; }
.bx-wrapper .bx-controls-direction .bx-next {
    right: -24px;
    background-position: -80px 0
}
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}
/*----------------------------------------------*
    1. 스스로넷 소개
 *----------------------------------------------*/
/* 운영규정 */
#terms .steps { margin-bottom: 42px }
#terms .steps li { float: left }
#terms h3 {
    margin-bottom: 12px;
    padding-left: 10px;
    font: normal 20px '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
}
#terms .policy {
    padding: 20px 20px 45px;
    border: 1px solid #ddd;
}
#terms .policy h1:first-child { margin-top: 0 }
#terms .policy h1 {
	margin-top : 25px;
	font-size: 15px;
	color: #f36c12;
}
#terms .policy h4 {
    margin-top: 17px;
    font-size: 13px;
    margin-bottom: 10px;
}
#terms .policy h4:first-child { margin-top: 0 }
#terms .policy p, #terms .policy ul li {
    font-size: 13px;
    line-height: 1.7
}
#terms .policy ul li {
    margin-left: 16px;
    text-indent: -16px;
}
#terms .additional { margin-top: 18px }
#terms .additional h4 { margin-top: 0 }
/* 연혁 */
#history #accordion {
    margin-bottom: 25px;
    border-bottom: 1px solid #ddd;
}
#history #accordion h4.accordion-title {
    padding: 20px 0 20px 32px;
    background: url(../images/sub/about/toggle_down.png) 98% 50% no-repeat;
    border-top: 1px solid #ddd;
    font: 30px/1 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    color: #333;
    cursor: pointer;
    cursor: hand;
}
#history #accordion h4.active {
    border-top: 1px solid #f36f18;
    background-image: url(../images/sub/about/toggle_up.png);
}
#history .accordion-content {
    display: none;
    padding-bottom: 22px;
    border-bottom: 1px solid #f36f18
}
#history .accordion-content ul {
    padding: 35px 50px;
    background-color: #f5f5f5
}
#history .accordion-content li {
    overflow: hidden;
    margin-bottom: 8px;
    font-size: 11px;
}
#history .accordion-content strong {
    float: left;
    width: 155px;
}
/* FAQ*/
#faq .faq-categories {
    overflow: hidden;
    margin-bottom: 15px
}
#faq .faq-categories li {
    float: left;
    margin-left: 1px;
    padding-bottom: 6px;
    height: 38px;
}
#faq .faq-categories li a {
    display: block;
    width: 84px;
    background-color: #b8b8b8;
    color: #fff;
    line-height: 38px;
    text-align: center;
}
#faq .faq-categories li.active { background: url(../images/sub/about/arrow_down.png) 36px 100% no-repeat; }
#faq .faq-categories li.active a { background-color: #f36c12 }
#faq .list-header {
    overflow: hidden;
    margin-bottom: 15px;
}
#faq .count {
    float: left;
    font-size: 11px;
    line-height: 22px;
}
#faq .count b { color: #F36C12 }
#faq .search-field { float: right; }
#faq .search-field {
    padding-right: 5px;
    border: 1px solid #d6d6d6;
}
#faq .search-field input[type=text] {
    padding: 0 5px;
    height: 19px;
    border: 0 none;
    line-height: 19px
}
#faq .list {
    clear: both;
    margin-bottom: 35px;
    border-top: 3px solid #777;
}
#faq .list li > div, #faq .list li > h4 {
    padding: 20px 60px 20px 84px;
    border-bottom: 1px solid #eae9ee;
    font-weight: 400;
}
#faq .list h4.accordion-title {
    position: relative;
    padding-top: 24px;
    background: url(../images/sub/about/icon_q.png) 28px 20px no-repeat;
    cursor: pointer;
    cursor: hand;
}
#faq .list h4.accordion-title i {
    position: absolute;
    top: 23px;
    right: 18px;
    display: inline-block;
 *display:inline;
 *zoom:1;
    width: 16px;
    height: 10px;
    background: url(../images/sub/about/toggle_down.png) 0 0 no-repeat;
}
#faq .list h4.active i { background-image: url(../images/sub/about/toggle_up.png) }
#faq .list h4.accordion-title strong {
    display: inline-block;
 *display:inline;
 *zoom:1;
    width: 95px;
}
#faq .list .accordion-content {
    display: none;
    background: url(../images/sub/about/icon_a.png) 28px 22px no-repeat #fafafa;
}
#faq .pagination { margin-bottom: 60px }
#faq .inquiry-form .form-container {
    margin-bottom: 20px;
    padding: 42px 30px;
    border-top: 3px solid #777;
    background-color: #fbfbfb;
}
#faq .inquiry-form h3 {
    margin-bottom: 12px;
    font: 14px/25px '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
}
#faq .inquiry-form h3 span {
    display: inline-block;
 *display:inline;
 *zoom:1;
    margin-right: 10px;
    padding: 0 28px 0 12px;
    background: url(../images/sub/about/arrow_right.png) 90% 50% no-repeat #f36f18;
    color: #fff;
}
#faq .inquiry-form .inquiry-header { margin-bottom: 15px }
#faq .inquiry-form .inquiry-header h4 {
    float: left;
    margin-right: 10px;
    padding-top: 5px;
    font: 400 25px/1 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
}
#faq .inquiry-form .inquiry-header p { overflow: hidden; }
#faq .inquiry-form .inquiry-header p a { color: #f36f18 }


#faq .inquiry-form table th {
    padding: 18px 0 15px;
    border-right: 1px solid #eee;
    text-align: left;
}
#faq .inquiry-form table th, #faq .inquiry-form table td {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}
#faq .inquiry-form table th label { margin-left: 20px }
#faq .inquiry-form table td {
    padding: 12px 0 10px 13px;
    color: #333;
    text-align: left;
}
#faq .inquiry-form table td input {
    padding: 0 5px;
    margin-right: 5px;
    height: 28px;
    width: 510px;
    line-height: 28px;
    border: 1px solid #ccc;
}
#faq .inquiry-form table td textarea {
    overflow-y: scroll;
    margin-bottom: 15px;
    padding: 10px;
    width: 500px;
    border: 1px solid #ccc;
    background-color: #fff;
    height: 254px
}
#faq .inquiry-form .button-group .apply {
    margin: 0 2px;
    padding: 10px 50px;
    border: 1px solid #555;
 *padding:9px 49px;
    background-color: #fff;
    color: #555;
}
#notice .list-header {
    overflow: hidden;
    margin-bottom: 15px;
}

#notice .list { margin-bottom: 25px }
#notice .list li {
    overflow: hidden;
    margin-bottom: 4px;
    border: 1px solid #dfdfdf;
}
#notice .list .thumb {
    float: left;
    margin-right: 25px;
    overflow: hidden;
    width: 160px;
    height: 98px;
    border-right:1px solid #dfdfdf;
}
#notice .list .summary {
    float: left;
    margin: 10px 0 10px 14px;
    width: 580px;
}

#notice .list .summary p{
    height: 38px
}
#notice .list h4 {
    margin-bottom: 5px;
    color: #777;
    line-height: 19px;
}
#notice .list .meta {
    float: right;
    margin: 15px 14px 0 0;
    text-align: right
}
#notice .list .meta .favorate {
    font-weight: bold;
    color: #f36c12
}
#notice .list h4 i, #notice .list .meta .favorate i {
    display: inline-block;
 *display:inline;
 *zoom:1;
    vertical-align: middle;
}
#notice .list i.notice {
    margin-right: 8px;
    width: 40px;
    height: 11px;
    background: url(../images/sub/about/icon_notice.png) 0 0 no-repeat;
}
#notice .list i.new {
    margin: -2px 0 0 8px;
    width: 16px;
    height: 16px;
    background: url(../images/sub/about/icon_new.png) 0 0 no-repeat;
}
#notice .list .meta .favorate i {
    margin-right: 8px;
    width: 14px;
    height: 12px;
    background: url(../images/sub/about/icon_favorate.png) 0 0 no-repeat;
}
/*상세*/
#notice .post {
    margin-bottom: 25px;
    padding: 25px 15px;
    border: 1px solid #e0e0e0;
    font-family: '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
}
#notice .post h3 {
    margin-bottom: 10px;
    font: 20px '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    color: #333
}
#notice .post .meta {
    margin-bottom: 12px;
    padding-bottom: 7px;
    border-bottom: 1px solid #e0e0e0;
    color: #999
}
#notice .post .share {
    margin-bottom: 25px;
    float: right;
}

#notice .post .post-content {
    clear: both;
    margin: 0 auto 45px;
    width: 670px;
    font-size: 13px;
}
#notice .post .post-content img {
    display: block;
    margin: 0 auto 20px;
}
#notice .post .button-group { margin-bottom: 15px; }
#notice .post .button-group .button {
    margin: 1px;
    padding: 12px 30px;
    line-height: 14px;
}
#notice .post .button-group .like {
    border-color: #f36c12;
    color: #f36c12;
}
#notice .post .button-group .like i {
    margin-right: 5px;
    width: 14px;
    height: 12px;
    background: url(../images/sub/about/icon_favorate.png) 0 0 no-repeat;
    vertical-align: middle;
}
#notice .post .attachment {
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}
#notice .post .attachment a {
    display: inline-block;
 *display:inline;
 *zoom:1;
    padding-right: 25px;
    background: url(../images/sub/about/icon_attachment.png) 100% 50% no-repeat;
}
#notice .post-nav { border-top: 1px solid #e0e0e0; }
#notice .post-nav li {
    overflow: hidden;
    padding: 10px 25px;
    border-bottom: 1px solid #e0e0e0;
}
#notice .post-nav li b {
    float: left;
    width: 95px
}
#notice .post-nav li strong {
    float: left;
    width: 520px
}
#notice .post-nav li span {
    float: right;
    color: #777
}



/* 교육&체험신청 목록 */
#notice .list.edu .thumb { 
    float: left;
    margin: 10px 25px 10px 10px;
    overflow: hidden;
    width: 160px;
    height: 120px;
    border-right:1px solid #dfdfdf;
}

#notice .list.edu li {
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #dfdfdf;
}

#notice .list.edu .summary {  
    float: left;
    margin: 7px 0 10px 0;
    width: 565px;
}
#notice .list.edu .summary dl{  
    float: left;
    width: 50%;
}
#notice .list.edu .summary dt{ 
    float: left;
    width:80px;
    font-weight: 700;
}

#notice .list.edu .summary dd{ 
    margin : 0 10px 0 80px;
}


#notice .list.edu h3{  
    margin-bottom: 5px;
    line-height: 19px;
    font:500 15px/1.625 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif ;
}

#edu .listinfo .button-group_common { margin: 0 10px 10px 0; text-align: left;}
#edu .button-group .button, #schedule .button-group .button {
    margin: 1px;
    padding: 12px 30px;
    line-height: 14px;
}

#edu .button-group .button.apply {
	padding: 10px 39px;
	background-color: #f36c12;
	color:#fff;
	border:1px solid #f36c12;
	
}

#edu .button-group .button.print {
	padding: 10px 50px;
	background-color: #fff;
	color:#f36c12;
	border:1px solid #f36c12;
	
}


#edu .button-group .like {
    border-color: #f36c12;
    color: #f36c12;
}
#edu .button-group .like i {
    margin-right: 5px;
    width: 14px;
    height: 12px;
    background: url(../images/sub/about/icon_favorate.png) 0 0 no-repeat;
    vertical-align: middle;
}

.cont_title01{
	margin:0 0 15px 0;  
	background: url(/m/img/about/icon_about_title.png) 100px 6px no-repeat; 
	font: normal 18px/1.625 '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
	font-weight:bold;
	width:110px;
/* 	float:left; */
}

/* .cont_title01 img {height:13px;} */


.edu_info { padding:30px; margin:30px 0; border:1px solid #F7941E;  background: url(../images/common/bg_banner.png) 0 0 repeat;}
.edu_info .title_edu { 
	padding-right:25px;
	font:600 18px/1.625 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif ;

}
.edu_info a { margin-right:4px;}

/* 교육&체험신청 상세 */

#edu .post.edu {
    padding:0; /* 초기화 */
    border: 0 none;
}
#edu .post.edu {
    margin-bottom: 25px;
    font-family: '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
}

#edu .listinfo { margin-bottom: 25px }
#edu .listinfo li {
    overflow: hidden;
    margin-bottom: 4px;
    border: 1px solid #dfdfdf;
}
#edu .listinfo .thumb {
    float: left;
    margin: 10px 25px 10px 10px;
    overflow: hidden;
    width: 270px;
    height: 210px;
    border-right:1px solid #dfdfdf;
}
#edu .listinfo .summary {
    float: left;
    margin: 10px 10px 10px 0px;
    width: 447px;
}

#edu .listinfo .summary p{
    height: 38px
}
#edu .listinfo h4 {
    margin-bottom: 5px;
    color: #777;
    line-height: 19px;
}

#edu .listinfo .summary dl{  
/*     float: left; */
/*     width: 50%; */
}
#edu .listinfo .summary dt{ 
    float: left;
    width:80px;
    font-weight: 700;
}

#edu .listinfo h3{  
    margin-bottom: 5px;
    line-height: 19px;
    font:500 15px/1.625 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif ;
}

#edu .list.edu li

#edu .listinfo li {
    overflow: hidden;
    margin-bottom: 20px;
/*     border: 1px solid #dfdfdf; */
}

/* 교육&체험하기 form */
#edu .form-container {
    margin-bottom: 50px;
    padding: 40px 30px 30px;
    border-top: 3px solid #777;
    background-color: #fbfbfb
}

#edu h3 {
    margin-bottom: 15px;
    font: normal 25px/1.65 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
}


#edu h3 img {
    float: right
}

#edu .comment { font-weight: normal; color : #340008;}

#edu table th.th_title { 
	 
/* 	background: url(/m/img/about/icon_about_title.png) 0px 22px no-repeat;  */
	background-color:#fbfbfb;
	border-right:none;
}

#edu table th.th_title label{ 
	margin-left:0;
	color:#333;
	font:500 17px/1.625 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif ;
	
}	


#edu select {
    margin-right: 10px;
    padding:0px 0 0 4px;
	height:30px;
	line-height:30px;
    border:1px solid #999;	
}


#edu table th {
    padding: 18px 0 15px;   
    border-right: 1px solid #eee;
}
#edu table th, #edu table td {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    text-align: left;
}
#edu table th, #edu table td img{
	max-width: 540px; height:auto !important; /* 교육내용 이미지가 큰 경우 처리 */ 
	
}
#edu table th label { margin-left: 20px }
#edu table td {
    padding: 12px 0 10px 13px;
    color: #333;
}
#edu table td.works, #edu table td.works input { color: #888 }
#edu table td.works p { margin-top: 8px }
#edu table td input {
    padding: 0 5px;
    margin-right: 5px;
    height: 28px;
    line-height: 28px;
/*     border: 1px solid #ccc;    */
}
#edu table td input[type="radio"] {
    border: none  
}
#edu table td textarea {
    padding: 0 5px;
    margin-right: 5px;
    border: 1px solid #ccc; 
    resize: none;  
}
#edu table td .save { background-color: #555 }
#edu table span .noti_info { color: #F36C12; margin-left: 2px; }
#edu p.note {
    margin-top: 20px;
    padding: 0 45px 0 80px;
    min-height: 43px;
    background: url(../images/sub/story/bg_expert_note.png) 15px 50% no-repeat;
    font: normal 17px/1.6 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
}
#edu p.note b {
    font-weight: normal;
    color: #f36c12
}
#edu .button {
    padding: 5px 10px;
    line-height: 20px;
    color: #fff;
    border: 0 none;
    background: #bbb;
    vertical-align: middle;
}
#edu .button-group .button {
    margin: 0 2px;
    padding: 10px 50px;
    border: 1px solid #555;
    background-color: #555;
}
#edu .button-group .apply {
    *padding:9px 49px;
    background-color: #fff;
    color: #555;
}

#edu .required{
	color: #F36C12
}
#edu .confirm {
	text-align: center;
	padding-top: 10px;
}

/*인사말*/

#notice .greeting01{
	width:470px; 
	height:200px;
	background:url(/images/sub/about/greeting01.jpg) no-repeat;
    padding: 66px 10px 10px 280px;
    font: 14px '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    line-height: 30px;
	
}

#notice .greeting02{
	width:708px; 
	height:550px;
/* 	background:url(/images/sub/about/greeting02.png) 496px 360px no-repeat; */
    padding: 25px;
    font: 14px '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    line-height: 30px;
    border:1px solid #ececec;
}
/*사업소개*/
#notice .companyform {
	border:1px solid #ececec;
	padding:37px 30px;
	text-align: center; 
	margin-top: 50px;
}

#notice .companyform:FIRST-CHILD {
	margin-top:30px;
}
	
#notice .companyform h2{
	font: 22px '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
	float:left;
	background:url(/images/sub/about/title_iconbar.png) 0 4px no-repeat;
	padding-left:17px; 
	/* font-weight: bold; */
}

#notice .companyform img {
	margin: 50px 20px;
}

#notice .companyform .sq {
	height:auto;
	margin-bottom:30px;
}

#notice .company {
	height:371px;
	
	
}

#notice .companyarea {
	width:787px;
	margin-left:-12px;
	
}
#notice .companyarea li {
	float:left;
	margin-left:14px;
	
}


#notice .companyarea .clearfix { clear:both; }

#notice .post .button-group {
	position : relative;
    width:100%;
    margin-right:0px;
    padding:15px 0;
} 

#notice .button-group .company_map { 
	background:url(/images/sub/about/company/company_map.png) no-repeat;
	background-position: right 5px center;
}

#notice .button-group .map_print { 
	background:url(/images/sub/about/map/icon_s_print.png) no-repeat; 
	background-position: right 5px center;
}

.map_btn {
	border:1px solid #6D6E71;
	padding:5px 25px 5px 5px ;
	margin-left:5px ;
	
}


/* about title (아이덴티티, map) */
.about_title{
	margin:0 0 15px 0;  
	background: url(/m/img/about/icon_about_title.png) 100px 6px no-repeat; 
	font: normal 18px/1.625 '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
	font-weight:bold;
	width:110px;
	float:left;
}
.about_title img {height:13px;}


/* about > 이용안내 및 오시는길 */
#map {

}
#map .map_box {
	margin:30px 0 30px 130px;  
	width:620px;
	line-height: 30px;
	font: normal 14px/1.625 '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
	
}
#map .map_title {
	font: normal 18px/1.625 '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
	font-weight:bold;
	line-height:33px;
	/* background:url(../images/sub/about/map_title01.png)  0 0 no-repeat; */
	margin:40px 0 15px 0;
	padding-left:30px;
}

#map .pl50 { padding-left:65px; }

#map .map_title:FIRST-CHILD {
	margin-top:0px;
}
#map .img01 {	background:url(/images/sub/about/map/map_title01.png)  0 6px no-repeat; }
#map .img02 {	background:url(/images/sub/about/map/map_title02.png)  0 6px no-repeat; }
#map .img03 {	background:url(/images/sub/about/map/map_title03.png)  0 6px no-repeat; }
#map .img04 {	background:url(/images/sub/about/map/map_title04.png)  0 6px no-repeat; }
#map .img05 {	background:url(/images/sub/about/map/map_title05.png)  0 6px no-repeat; }
#map .img06 {	background:url(/images/sub/about/map/map_title06.png)  0 6px no-repeat; }

#map .map_box .subway { height:50px; width:155px; line-height: 20px; padding:10px 0 0px 45px; margin: 0 0 5px; font-size:13px;}
#map .map_box .subway04 {	background:url(/images/sub/about/map/map_subway4.png)  5px 16px no-repeat; border:1px solid #ececec; float:left; margin-right:5px;}
#map .map_box .subway01 {	background:url(/images/sub/about/map/map_subway1.png)  5px 16px no-repeat; border:1px solid #ececec; float:left; margin-right:5px;}
#map .map_box .subway06 {	background:url(/images/sub/about/map/map_subway6.png)  5px 16px no-repeat; border:1px solid #ececec; float:left;}

 
#map .map_box .button-group {
    position: relative;
    top:10px;
    width:100%;
    text-align: right; margin-right:0px;
}

#map .list {
    margin-bottom: 35px;
    border-top: 3px solid #6e6e6e;
}
#map .list th, #map .list td { text-align: center; }
#map .list th {
    padding: 10px 0;
    border-bottom: 1px solid #bebebe;
}
#map .list td {
    padding: 14px 0 15px;
    border-bottom: 1px solid #eae9ee;
}

#map .list .busno {
	text-align: left;
	padding-left:20px;
}

.map_btn {
	border:1px solid #cacaca;
	padding:5px 25px 5px 5px ;
	margin-left:5px ;
	
}
.map_search { 
	background:url(/images/sub/about/map/icon_s_search.png) 125px 10px no-repeat; 
}
.map_print { 
	background:url(/images/sub/about/map/icon_s_print.png) 64px 10px no-repeat; 
}


/* 스스로넷 아이덴티티 */ 
#identity .id02, #identity .id03, #identity .id04, #identity .id05, #identity .id06  {margin-top:55px;}
.idtxt {
	padding:23px 0 20px 145px;
    font: normal 13px/1.625 '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
    line-height: 20px;
}

/*스스로넷 피플*/
#people .organization { margin-bottom: 95px }
#people, #people h3, #people h4 {
    font-family: '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    font-weight: 600;
}
#people h3 {
    margin-bottom: 40px;
    padding-top: 20px;
    font-size: 35px;
    background: url(../images/sub/about/bg_people_title.png) 50% 0 no-repeat;
    text-align: center;
    
}
#people h3 small {
    display: block;
    margin-top: 8px;
    font-size: 14px;
}
#people ul {
    text-align: center;
    margin-bottom: 65px;
}
#people ul li {
    display: inline-block;
*display:inline;
*zoom:1;
    margin: 0 0 72px;
	box-sizing: border-box;
    text-align: center;
    vertical-align: top; /*2412추가 */
}
#people ul li h3 {
    margin-bottom: 30px;
    padding-top: 20px;
    background: url(../images/sub/about/bg_people_title.png) 50% 0 no-repeat;
    font-size: 35px;
    text-align: center;    
}
#people ul li .profile-image {
    position: relative;
    margin: 0 auto 20px;
    width: 210px;
    height: 210px;
}


/*241219 ul.col2, ul.col3 클래스 추가*/
  #people > ul.col2 li{
    width: 49%;
  }

  #people > ul.col3 li{
    width: 33%;
  }

  #people ul li .profile-image {
    /* 241219 margin-bottom: 25px; 삭제후 아래속성 및 값 추가*/
    margin: 0 auto 20px;
  }

#people ul li .profile-image .hover {
    position: absolute;
    top: 0;
    left: 0;
    display: none;

/*2412 추가*/	
    opacity: 0;
    transition: all 0.5s linear;
    display:flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    color: white;
    font-size: 20px;
	padding: 20px;
	border-radius: 50%;
	box-sizing:border-box;
	word-wrap: break-word;
	word-break: keep-all;
	
}
  #people ul li .profile-image:hover .hover{
    opacity: 1;
  }

#people ul li h4 {
    margin-bottom: 8px;
    font-size: 17px;
}
#people ul li h4 span { display: block }
#people ul li p {
    font-size: 13px;
    color: #888;
}
/*----------------------------------------------*
    2. 미디어창작소
 *----------------------------------------------*/
 /* 도전 Creative - 목록 */
#creative-list .banner {
    margin-bottom: 18px;
}
#creative-list .hot-keyword {
    margin-bottom: 20px;
    padding: 15px 0;
    border : 1px solid #e5e5e5;
    text-align: center;
}
#creative-list .hot-keyword-container {
    display: inline-block;
 *display:inline;
 *zoom:1;
    max-width: 90%;
    text-align: left;
}
#creative-list .hot-keyword strong {
    float: left;
    margin-right: 15px;
    color: #ff6600
}
#creative-list .hot-keyword p { overflow: hidden }
#creative-list .list {
    float: left;
    width: 765px;
}
#creative-list .sort-by {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 8px;
    height: 22px;
    border-bottom : 1px solid #e5e5e5;
    line-height: 22px;
}
#creative-list .sort-by span { font-size: 11px }
#creative-list .sort-by .button-group {
    position: absolute;
    top: 0;
    right: 0
}
#creative-list .sort-by .button {
    margin-left: 2px;
    padding: 0 20px;
    line-height: 22px;
    background-color: #555;
    color: #fff;
}
#creative-list .sort-by .view-count { background-color: #828282; }
#creative-list .list .items {
    padding-bottom: 24px;
    margin-right: -14px;
}
#creative-list .list .items > li {
    float: left;
    margin: 0 14px 14px 0;
    width: 245px;
}
#creative-list .list .items li .item {
    position: relative;
    /* padding: 12px; */
    border: 1px solid #e1e1e1
}
#creative-list .list .items li i {
    display: inline-block;
 *display:inline;
 *zoom:1;
    background-position: 0 0;
    background-repeat: no-repeat;
    vertical-align: middle;
}
#creative-list .list .items li .badge {
    position: absolute;
    padding: 0 15px;
    line-height: 28px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    opacity:0.7;
}
#creative-list .list .items li .image { background-color: #3ab606; }
#creative-list .list .items li .video { background-color: #ff596d; }
#creative-list .list .items li .audio { background-color: #f06d15; }
#creative-list .list .items li .genre { background-color: #F36C12; }
#creative-list .list .items li .thumb {
    overflow: hidden;
    height: 168px;
}
#creative-list .list .items li .thumb img {
    width: 100%;
    height: 169px;
}
#creative-list .list .items li .count {
    height: 33px;
    margin-bottom: 9px
}
#creative-list .list .items li .count li {
    float: left;
    width: 121px;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    font-size: 11px;
    line-height: 32px;
    text-align: center;
}
#creative-list .list .items li .count i { margin-right: 5px }
#creative-list .list .items li .count .viewed {
    width: 121px;
}
#creative-list .list .items li .count .like {
    border-right: none;
}
#creative-list .list .items li .count .viewed i {
    margin: 0 5px;
    width: 12px;
    height: 6px;
    background-image: url(../images/sub/media/icon_view.png);
}
#creative-list .list .items li .count .like i {
    margin: 0 5px;
    width: 10px;
    height: 9px;
    background-image: url(../images/sub/media/icon_like.png);
}
#creative-list .list .items li .sub-info {
    padding: 0 12px 12px;
}
#creative-list .list .items li h4 {
	height: 43px;
    margin-bottom: 7px;
    padding-bottom: 3px;
    font-size: 15px;
    color: #47494c;
}
#creative-list .list .items li .keywords {
    margin-bottom: 10px;
    font-size: 11px;
    
    overflow:hidden; white-space:nowrap; text-overflow: ellipsis; text-overflow: ellipsis; /* 전시관 목록 줄바끔 처리 */
}
#creative-list .list .items li .keywords strong { color: #ff6600 }
#creative-list .list .items li .meta {
    text-align: right;
    font-size: 10px;
    line-height: 1;
}
#creative-list .list .items li .meta .date {
    padding-right: 5px;
    border-right: 1px solid #ddd
}
#creative-list .list .items li .meta .comments i {
    margin: 0 5px;
    width: 13px;
    height: 11px;
    background-image: url(../images/sub/media/icon_comment.png);
}
#creative-list .sidebar {
    width: 763px;
}
#creative-list .sidebar h3 {
    margin-bottom: 12px;
    padding-left: 8px;
    background: url(../images/sub/media/bullet_sidebar_title.png) 0 50% no-repeat;
    font: bold 13px '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    color: #ff6600;
}
#creative-list .sidebar .experts > p {
    margin-bottom: 5px;
    font-size: 11px;
}
#creative-list .sidebar .experts li {
    overflow: hidden;
    margin-bottom: 15px
}
#creative-list .sidebar .experts li .photo {
    overflow: hidden;
    float: left;
    margin-right: 5px;
    width: 56px;
    height: 58px;
}
#creative-list .sidebar .experts li .photoimg { width: 100% }
#creative-list .sidebar .experts li .profile {
    overflow: hidden;
    font-size: 11px;
    color: #7e7e7e;
    line-height: 1.2;
    letter-spacing: -.5px;
}
#creative-list .sidebar .experts li .profile h4 {
    margin-bottom: 5px;
    font-weight: normal;
}
#creative-list .sidebar .experts li .profile h4 span { color: #ff6600; }

#creative-list .sidebar .category { display: inline-block;}

#creative-list .sidebar .category li {
    float: left;
    margin-bottom: 7px;
    width: 50px;
    font-size: 11px;
    line-height: 1.3;
    text-align: center;
    letter-spacing: -.5px;
}
#creative-list .sidebar .category li i {
    display: block;
    margin: 0 auto 5px;
    width: 38px;
    height: 31px;
    background-image: url(../images/sub/media/category_sprite.png);
    background-repeat: no-repeat;
}
#creative-list .sidebar .category li.p1, #creative-list .sidebar .category li.p2, #creative-list .sidebar .category li.p3, #creative-list .sidebar .category li.p4 {
    overflow: hidden;
    height: 65px
}
#creative-list .sidebar .category li.p1 i { background-position: 0 0 }
#creative-list .sidebar .category li.p2 i { background-position: -50px 0 }
#creative-list .sidebar .category li.p3 i { background-position: -100px 0 }
#creative-list .sidebar .category li.p4 i { background-position: -150px 0 }
#creative-list .sidebar .category li.p5 i { background-position: -200px 0 }
#creative-list .sidebar .category li.p6 i { background-position: -250px 0 }
#creative-list .sidebar .category li.p7 i { background-position: -300px 0 }
#creative-list .sidebar .category li.p8 i { background-position: -350px 0 }
#creative-list .sidebar .category li.p9 i { background-position: -400px 0 }
#creative-list .sidebar .category li.p10 i { background-position: -450px 0 }
#creative-list .sidebar .category li.p11 i { background-position: -500px 0 }

#creative-list .sidebar .category li.g1 i { background-position: 0px -100px }
#creative-list .sidebar .category li.g2 i { background-position: -54px -100px }
#creative-list .sidebar .category li.g3 i { background-position: -109px -100px }
#creative-list .sidebar .category li.g4 i { background-position: -162px -103px }
#creative-list .sidebar .category li.g5 i { background-position: -216px -103px }
#creative-list .sidebar .category li.g6 i { background-position: -269px -104px }
#creative-list .sidebar .category li.g7 i { background-position: -323px -100px }
#creative-list .sidebar .category li.g8 i { background-position: -379px -102px }
/* 스토리링크 상세 */
#creative-view {
    position: relative
}
#creative-view h3 {
    margin-bottom: 60px;
    padding: 12px 0px 35px 0px;
    font: normal 20px/1 '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
    border-bottom: 1px solid #c7c7c7;
}
#creative-view .date-hit {
	color : #A1A1A1;
    position: relative;
    float: right;
    right: 0px;
    margin-top:-35px;
    font: normal 12px/1 '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
}
#creative-view .keyword {
    color : #A1A1A1;
    position: relative;
    font: normal 12px/1 '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
}
#creative-view .share-links {
    position: relative;
    float: right;
}
#creative-view .share-links a.jump-to-community {
    padding: 6px 15px;
    background-color: #f7f7f7;
    border-color: #e7e7e7;
    font-size: 11px;
    font-weight: normal;
}
#creative-view .details {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #c7c7c7
}

#creative-view .details h3 {
    margin-bottom: 10px;
    font: 20px '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    color: #333
}

#creative-view .details #media {
    margin: 0 auto;
    width: 680px;
    text-align: center;
    margin-bottom: 30px;
    padding-top: 30px;
}
#creative-view .details #media img{
   height: 384px;
}
#creative-view .details #photos {
    margin: 0 auto;
    width: 680px;
}
#creative-view .details #photos .full-size {
    overflow: hidden;
    margin-bottom: 35px;
    height: 384px;
}
#creative-view .details #photos .full-size img{
   height: 384px;
   margin: 0 auto;
}
#creative-view .details #photos .thumbs-list {
    overflow: hidden;
    margin: 0 auto 45px;
    width: 527px;
    height: 78px;
}
#creative-view .details #photos .thumbs-list li {
    float: left;/*margin: 0 7px;*/
}
#creative-view .details #photos .thumbs-list li a {
    overflow: hidden;
    display: block;
    width: 118px;
    height: 78px;
}
#creative-view .details #photos .thumbs-list li a img {
	width: 100%; height: 100%
}
#creative-view .details #photos .bx-wrapper .bx-controls-direction a {
    top: 25px;    
    width: 15px;
    height: 30px;
    background: url(../images/sub/story/club_slider_controls.png) 0 0  no-repeat;
}
#creative-view .details #photos .bx-wrapper .bx-controls-direction .bx-prev {
    left: -30px;
}
#creative-view .details #photos .bx-wrapper .bx-controls-direction .bx-next {
    right: -30px;
    background-position: -50px 0
}
#creative-view .details .info {
    clear: both;
    margin-bottom: 45px;
    padding-left: 40px;
}
#creative-view .details .info h4{
    color: #F05E25;
    margin-top: 10px;
}
#creative-view .details .info dt {
	float: left;
	width: 75px;
	font-weight: bold;
}
#creative-view .details .info dd {
	overflow: hidden;
	margin-bottom: 15px;
}
#creative-view .details .button-group .button {
    margin: 1px;
    padding: 12px 24px;
    height: 14px;
    line-height: 14px;
}
#creative-view .details .button-group .like {
    border-color: #f36c12;
    color: #f36c12
}
#creative-view .details .button-group .like i {
    margin-right: 5px;
    width: 14px;
    height: 12px;
    background: url(../images/sub/story/icon_club_like.png) 0 0 no-repeat;
    vertical-align: middle;
}
#creative-view .details .button-group .back-to-list {
    background-color: #555;
    color: #fff;
}
#creative-view .comments {
    position: relative
}
#creative-view .comments .comment-form {
    margin-bottom: 15px;
}
/* 만족도 */
#creative-view .comments .comment-form .mark {
    border: 1px solid #e1e1e1;
    background-color: #f5f5f5;
    height: 40px;
    width: 172px;
    margin-bottom: 15px;
    padding: 20px 10px 0 10px;
    display: inline-block;
    text-align: center;
}
#creative-view .star{
	position:relative; 
	display:inline-block; 
	width:100px; 
	height:18px; 
	background:url(/images/common/star.gif); 
	cursor:pointer;
	text-indent: -9999px;
}
#creative-view .star span{
	position:absolute; 
	left:0; top:0; 
	display:block; 
	width:0px; 
	height:18px; 
	background:url(/images/common/star.gif) 0 18px;
}
#creative-view .mark .star-point { 
	display:inline-block;
	top:-4px;
	position: relative; 
	margin-left: 10px;  
}
#creative-view .comments .comment-form textarea {
    overflow-y: scroll;
    float: right;
    margin-bottom: 15px;
    padding: 10px;
    width: 515px;
    border: 1px solid #e1e1e1;
    background-color: #f5f5f5;
    height: 40px;
    resize:none;
}
#creative-view .comments .comment-form .submit {
    float: right;
    padding: 12px 35px;
    border-color: #555;
    color: #555
}

/* 팝업 */
#popup {
    position: absolute;
    z-index: 999;
    width: 736px;
    background-color: #777;
    font-size: 11px;
}
#popup .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url(../images/sub/media/button_popup_close.png) 0 0 no-repeat;
}
#popup .slider {
    padding: 45px 65px 20px;
    background: url(../images/sub/media/sep_popup.png) 0 100% repeat-x;
}
#popup .slides {
    position: relative;
    margin: 0 auto 10px;
}
#popup .slides ul li { display: none }
#popup .slides ul li:first-child { display: block }
#popup .slides .bx-wrapper ul li { display:block;}
#popup .slides .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 13px;
    height: 29px;
    background-image: url(../images/sub/media/popup_controls.png)
}
#popup .slides .bx-wrapper .bx-controls-direction .bx-prev {
    background-position: 0 0;
    left: -30px
}
#popup .slides .bx-wrapper .bx-controls-direction .bx-next {
    background-position: -50px 0;
    right: -30px
}
#popup .slides-footer {
    overflow: hidden;
    margin-bottom: 20px;
    width: 604px;
}
#popup .slides-footer button {
    padding: 3px 5px;
    border: 1px solid #979797;
    background-color: #888;
    color: #fff;
    font-weight: normal
}
#popup .slides-footer button i { margin-right: 5px }
#popup .slides-footer .like { float: left; }
#popup .slides-footer .like i {
    width: 9px;
    height: 8px;
    background-image: url(../images/sub/media/icon_like2.png)
}
#popup .slides-footer .button-group { float: right }
#popup .slides-footer .button-group button { margin-left: 3px }
#popup .slides-footer .button-group .download i {
    width: 10px;
    height: 11px;
    background-image: url(../images/sub/media/icon_download.png)
}
#popup .thumbnails {
    position: relative;
    margin: 0 auto 10px;
    padding: 0 23px;
    width: 402px;
}
#popup .thumbnails ul {
    overflow: hidden;
    margin-right: -8px;
    height: 49px;
}
#popup .thumbnails ul li {
    float: left;
    margin-right: 8px
}
#popup .thumbnails ul li a {
    overflow: hidden;
    display: block;
    width: 72px;
    height: 47px;
    border: 1px solid #979797;
}
#popup .thumbnails .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    background-image: url(../images/sub/media/popup_controls.png)
}
#popup .thumbnails .bx-wrapper .bx-controls-direction .bx-prev {
    background-position: 0 -50px;
    left: -23px;
}
#popup .thumbnails .bx-wrapper .bx-controls-direction .bx-next {
    background-position: -50px -50px;
    right: -23px;
}
#popup .scroll-box {
    clear: both;
    position: relative;
    margin: 10px auto 0;
    height: 13px;
    border: 1px solid #979797;
    background-color: #6d6d6d
}
#popup .scroll-box span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 15%;
    height: 100%;
    background-color: #484848;
}
#popup .popup-content {
    overflow-y: scroll;
    height: 250px;
    padding: 35px 65px 45px;
    color: #fff;
    scrollbar-base-color: #6d6d6d;
    scrollbar-face-color: #484848;
    scrollbar-3dlight-color: #484848;
    scrollbar-highlight-color: #484848;
    scrollbar-track-color: #6d6d6d;
    scrollbar-arrow-color: #979797;
    scrollbar-shadow-color: #6d6d6d;
    scrollbar-dark-shadow-color: #484848;
}

#popup .popup-content::-webkit-scrollbar {
 width: 13px;
}
#popup .popup-content::-webkit-scrollbar-button {
 width: 13px;
 height:5px;
}
#popup .popup-content::-webkit-scrollbar-track {
 background:#6d6d6d;
 border: thin solid #979797;
}
#popup .popup-content::-webkit-scrollbar-thumb {
 background:#484848;
 border: thin solid #979797;
}
#popup .popup-content::-webkit-scrollbar-thumb:hover {
 background:#484848;
}
#popup .popup-content h1 {
    float: left;
    margin: 0 5px 15px 0;
    padding-right: 5px;
    border-right: 2px solid #fff;
    line-height: 1;
    font-size: 11px;
    color: #fff;
}
#popup .popup-content .date {
    float: left;
    font-weight: bold;
    line-height: 1;
}
#popup .popup-content .youthnavi {
    float: right;
    padding: 5px 15px;
    border: 1px solid #979797;
    background-color: #f6f6f6
}
#popup .popup-content .youthnavi i {
    margin-left: 3px;
    width: 5px;
    height: 8px;
    background-image: url(../images/sub/media/icon_arrow.png);
    vertical-align: baseline;
}
#popup .popup-content .text {
    clear: both;
    margin-bottom: 25px;
}
#popup .popup-content .comment-form {
    position: relative;
    padding-right: 60px;
    margin-bottom: 20px;
}
#popup .popup-content .comment-form input[type=text] {
    padding: 6px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #979797;
    height: 12px
}
#popup .popup-content .comment-form input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 0;
    width: 40px;
    background-color: #fff;
    border: 1px solid #979797;
    color: #777
}
#popup .popup-content .comments-list { clear: both }
#popup .popup-content .comments-list li {
    padding: 10px 0;
    background: url(../images/sub/media/sep_popup.png) 0 100% repeat-x;
    font-size: 12px;
}
#popup .popup-content .comments-list li .author {
    float: left;
    margin-right: 5px;
    width: 65px;
    font-weight: bold;
}
#popup .popup-content .comments-list li p { color: #e9e9e9; }
#popup .popup-content .comments-list li .button-group {
    float: right;
    margin-left: 10px;
}
#popup .popup-content .comments-list li .button-group .button {
    border-color: #e7e7e7;
    padding: 0 2px;
    background-color: #e7e7e7;
    font-size: 11px;
    line-height: 13px;
    font-weight: normal;
}
#popup .popup-content .comments-list li .button-group .button i {
    background-position: 50% 50%;
    width: 12px;
    height: 13px;
    text-indent: -9999px;
    text-align: left;
}
#popup .popup-content .comments-list li .button-group .edit i { background-image: url(../images/sub/story/icon_edit.png); }
#popup .popup-content .comments-list li .button-group .delete i { background-image: url(../images/sub/story/icon_delete.png) }
/*----------------------------------------------*
    3. 스토리 LINK
 *----------------------------------------------*/
 /* 동아리 Link-상세*/
#club { position: relative }
#club h3 {
    margin-bottom: 60px;
    padding: 12px 0px;
    font: normal 20px/1 '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
    border-bottom: 1px solid #c7c7c7;
}
#club .date-hit {
	color : #A1A1A1;
    position: absolute;
    top: 20px;
    right: 0px;
    font: normal 12px/1 '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
}
#club .share-links {
    position: absolute;
    top: 60px;
    right: 0px;
}
#club .share-links a { margin-left: 3px }
#club .share-links a.jump-to-community {
    padding: 6px 15px;
    background-color: #f7f7f7;
    border-color: #e7e7e7;
    font-size: 11px;
    font-weight: normal;
}
#club .details {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #c7c7c7
}
#club .details #photos {
    margin: 0 auto;
    width: 576px
}
#club .details #photos .full-size {
    overflow: hidden;
    margin-bottom: 35px;
    height: 384px;
}
#club .details #photos .full-size img{
   height: 384px;
   margin: 0 auto;
}
#club .details #photos .thumbs-list {
    overflow: hidden;
    margin: 0 auto 45px;
    width: 527px;
    height: 78px;
}
#club .details #photos .thumbs-list li { float: left;/*margin: 0 7px;*/ }
#club .details #photos .thumbs-list li a {
    overflow: hidden;
    display: block;
    width: 118px;
    height: 78px;
}
#club .details #photos .thumbs-list li a img { width: 100%; }
#club .details #photos .bx-wrapper .bx-controls-direction a {
    top: 25px;    
    width: 15px;
    height: 30px;
    background: url(../images/sub/story/club_slider_controls.png) 0 0  no-repeat;
}
#club .details #photos .bx-wrapper .bx-controls-direction .bx-prev { left: -30px; }
#club .details #photos .bx-wrapper .bx-controls-direction .bx-next {
    right: -30px;
    background-position: -50px 0
}
#club .details .info {
    clear: both;
    margin-bottom: 45px;
}
#club .details .profile {
    clear: both;
    position: relative;
    margin-top: -17px;
    width : 284px;
    padding: 5px 4px 15px;
    margin-bottom: 45px;
    border-bottom : 1px solid #D2D2D2;
    border-left : 1px solid #D2D2D2;
    border-right : 1px solid #D2D2D2
}
#club .details .profile .photo {
    overflow: hidden;
    float: left;
    width: 107px;
    height: 120px;
}
#club .details .profile .photo img {
    width: 100%
}
#club .details .profile h3 {
    margin: 0 0 10px 132px;
    font: bold 20px/1 '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
    color: #333;
}
#club .details .profile dl {
    margin-left: 132px;
    margin-top: 10px;
    font-size: 11px;
    line-height: 1.3;
}
#club .details .profile dt {
    color: #f36c12;
}
#club .details .profile dd {
    margin-bottom: 5px;
}
#club .details .profile .button-group {
    margin-top: 20px;
    text-align: center;
}
#club .details .button-group .button {
    margin: 1px;
    padding: 12px 24px;
    height: 14px;
    line-height: 14px;
}
#club .details .button-group .like {
    border-color: #f36c12;
    color: #f36c12
}
#club .details .button-group .like i {
    margin-right: 5px;
    width: 14px;
    height: 12px;
    background: url(../images/sub/story/icon_club_like.png) 0 0 no-repeat;
    vertical-align: middle;
}
#club .details .button-group .back-to-list {
    background-color: #555;
    color: #fff;
}
 .comments { position: relative }
 .comments .comment-form {
    margin-bottom: 15px;
    padding-right: 22px;
}
 .comments .comment-form textarea {
    overflow-y: scroll;
    margin-bottom: 15px;
    padding: 10px;
    width: 100%;
    border: 1px solid #e1e1e1;
    background-color: #f5f5f5;
    height: 60px;
    resize : none;
}
 .comments .comment-form .submit {
    float: right;
    margin-right: -22px;
    padding: 12px 35px;
    border-color: #555;
    color: #555
}

 /* 전문가 Link */ 
#expert .form-container {
    margin-bottom: 50px;
    padding: 40px 30px 30px;
    border-top: 3px solid #777;
    background-color: #fbfbfb
}
#expert h3 {
    margin-bottom: 15px;
    font: normal 25px/1.65 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
}
#expert h3 img {
    float: right
}
#expert table {
    margin-bottom: 15px
}
#expert h4 {
    float: left;
    margin: 0 10px 10px 0;
    font: normal 20px/1 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
}
#expert .more-info > p {
    color: #f36c12;
    line-height: 20px;
}
#expert .more-info > p input[type=checkbox] { vertical-align: middle }
#expert table th {
    padding: 18px 0 15px;   
    border-right: 1px solid #eee;
}
#expert table th, #expert table td {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    text-align: left;
}
#expert table th label { margin-left: 20px }
#expert table td {
    padding: 12px 0 10px 13px;
    color: #333;
}
#expert table td.works, #expert table td.works input { color: #888 }
#expert table td.works p { margin-top: 8px }
#expert table td input {
    padding: 0 5px;
    margin-right: 5px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;   
}
#expert table td input[type="radio"] {
    border: none  
}
#expert table td textarea {
    padding: 0 5px;
    margin-right: 5px;
    border: 1px solid #ccc; 
    resize: none;  
}
#expert table td .save { background-color: #555 }
#expert table span .noti_info { color: #F36C12; margin-left: 2px; }
#expert p.note {
    margin-top: 20px;
    padding: 0 45px 0 80px;
    min-height: 43px;
    background: url(../images/sub/story/bg_expert_note.png) 15px 50% no-repeat;
    font: normal 17px/1.6 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
}
#expert p.note b {
    font-weight: normal;
    color: #f36c12
}
#expert .button {
    padding: 5px 10px;
    line-height: 20px;
    color: #fff;
    border: 0 none;
    background: #bbb;
    vertical-align: middle;
}
#expert .button-group .button {
    margin: 0 2px;
    padding: 10px 50px;
    border: 1px solid #555;
    background-color: #555;
}
#expert .button-group .apply {
    *padding:9px 49px;
    background-color: #fff;
    color: #555;
}

#expert .required{
	color: #F36C12
}
#expert .confirm {
	text-align: center;
	padding-top: 10px;
}
/* 협력 Link-목록 */
#partner { overflow: hidden }
#partner .banner { margin-bottom: 18px; }
#partner .list { width: 800px }
#partner .list > li {
    float: left;
    margin: 0 13px 15px 0;
    width: 244px;
    border: 1px solid #d2d2d2;
    border-top: 3px solid #777;
}
#partner .list li .thumb { }
#partner .list li .thumb img { width: 100%; }
#partner .list li div.info {
    position: relative;
    margin-top: -18px;
    padding: 40px 15px 25px;
    background: url(../images/sub/story/bg_partner_item.png) 10% 0 no-repeat;
}
#partner .list li div.info h4 {
    margin-bottom: 10px;
    font: bold 20px/1 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    color: #333;
}
#partner .list li div.info p {
    margin-bottom: 15px;
    font-size: 11px;
}
#partner .list li div.info li {
    font-size: 11px;
    word-break: break-all;
}
#partner .list li div.info li b {
    color: #f36c12;
    font-size: 12px;
}
#partner .list li div.info .button-group {
    margin-top: 20px;
    text-align: center;
}
#partner .list li .button-group a {
    float: left;
    padding: 12px 0;
    width: 122px;
    border: 0 none;
    border-top: 1px solid #d2d2d2;
    font-size: 11px;
    text-align: center;
}
#partner .list li .button-group .read-more {
    width: 121px;
    border-right: 1px solid #d2d2d2;
}
#partner .list li .button-group .like i {
    display: inline-block;
 *display:inline;
 *zoom:1;
    margin-right: 5px;
    width: 10px;
    height: 9px;
    background: url(../images/sub/story/icon_partner_like.png) 0 0 no-repeat;
    vertical-align: middle;
}
/* SNS Link */
#sns .share-links { margin-bottom: 35px; }
#sns .share-links strong {
    float: left;
    margin-right: 10px;
    font-size: 18px;
}
#sns .share-links ul { float: left }
#sns .share-links ul li {
    float: left;
    padding: 0 20px 0 10px;
    background: url(../images/sub/story/share_links_sep.png) 0 50% no-repeat;
    font-size: 13px;
}
#sns .share-links ul li img { margin-right: 5px }
#sns .share-links ul li:first-child { background: none }
#sns .tab-nav li {
    float: left;
    border: 1px solid #d4d4d4;
    border-left: 0 none;
}
#sns .tab-nav li:first-child { border-left: 1px solid #d4d4d4; }
#sns .tab-content {
    padding: 25px 18px;
    border: 1px solid #d4d4d4;
    border-top: 0 none;
    background-color: #f1f1f1
}
#sns .tab-content > div {
    display: none;
}
#sns .tab-content .sns-content .sns-left {
    float: left;
}
#sns .tab-content .sns-content button {
    padding: 0
}
#sns .tab-content .sns-content .sns-left .profile {
    margin-bottom: 20px
}
#sns .tab-content .sns-content .sns-detail {
    position: relative;
    float: right;
    padding: 0px 10px 0px 10px;
    width: 555px;
    border: 1px solid #dadada;
    background-color: #fff;
}
#sns .tab-content .sns-content .sns-detail h3 {
    margin-bottom: 15px;
    font: normal 16px '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    color: #333;
}
.youtube ul {
    margin: 0px auto 20px;
    width: 540px;
    zoom: 1;
}
.youtube ul:after {
    display: block;
    overflow: hidden;
    content: "";
}
.youtube .videos ul li {
    float: left;
    width: 156px;
    margin: 0 12px 10px;
}
.youtube ul li a {
    display: block;
}
.youtube ul li .thumb {
    height: 100px;
    overflow: hidden
}
.youtube ul li .thumb img {
    width: 156px;
    height: 100px;
}
#sns .tab-content ul li .h4 {
    font-weight: normal
}
#sns .tab-content .sns-content .sns-detail .view-more {
	
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    border-top: 1px solid #dadada;
    background-color: #f9f9f9;
    font: normal 13px/1 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    color: #888;
}
#sns .tab-content .sns-content .title {
    font-weight: bold;
    margin-bottom:5px;
}
/* sns youtube */
.youtube ul li {
    float: left;
    width: 156px;
    margin: 10px 12px 10px;
}

.youtube .player h4 {
    margin: 10px 0;
    color: #468aca
}


/* sns blog */
.blog {
    font-size:9pt;
    line-height:140%;
    font-family: "돋움",Dotum,verdana;
    
}

.blog-menu li {
	line-height: 20px;
	color: #8b8b74;
	font-family: 11pt
}

.blog-menu li  a:hover{
	text-decoration: underline;
	cursor: pointer;
}

.blog .title { 
	font-weight: bold;
}

.blog p { 
	margin-bottom: 10px;
}
.blog .date { 
	color : #47AC36; font-weight: normal;
}

.blog ul {
	margin-top: 10px;
}

.blog a:hover {
	text-decoration: underline;
}

.blog ul li {
	padding-bottom:10px;
	border-bottom: 1px solid #DBDBD9;
}

/* sns facebook */

.facebook .facebook-title {
    font-weight: bold;
    margin-bottom:5px;
    color:#3B59B1;
}

.facebook ul {
	margin-top: 10px;
}

.facebook ul li a {
	color:#3B59B1;
}

.facebook .sharebox {
	background-image :url(/images/sub/story/bg_sns_facebook.png);
	margin-top:10px;
	padding:5px 0 0 25px ;
	
	background-color: #EDEFF4;
	height:25px;
	
	color:#3B5998;
	width:518px;
}
.facebook .sharebox .sharecnt{
	margin-left:25px;
	color:#333333;
}

.facebook .sharebox .date{
	margin-left:20px;
	color:#939496;
}

/* sns twitter */

.twitter .at {
	color:#BBBBBB;
	font-size:8pt;
	font-weight: normal;
	margin-left: 3px;
}

.twitter .title {
	font-weight: bold
}

.twitter .date {
	color:#BBBBBB;
	font-size:9pt;
	font-weight: normal;
	position: absolute;
	right:20px;
}

#sns .tab-content .sns-content .twitter .more {
	color:#BBBBBB;
	text-align:right;
	right:20px;
	margin:5px 0;
	
}

.twitter ul {
	margin-top: 10px;
}

.twitter ul li {
	padding-bottom:5px;
	border-bottom: 1px solid #DBDBD9;
}





/* 공간 Link - 목록 */
#space .guideline {
    margin-bottom: 13px;
    height : 184px;
    border: 5px solid #f36c12;
}
#space .space{ background: url(../images/sub/story/bg_space.png) 0 0 no-repeat; }
#space .equip{ background: url(../images/sub/story/bg_equip.png) 0 0 no-repeat; }

#space .guideline .guideline-container {
    overflow-y: scroll;
    margin: 8px 0 0 30px;
    height: 164px;
}
#space .guideline h3 {
    font: normal 20px/2 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    color: #f36c12
}
#space .guideline ul li {
	font: normal 13px/2' 나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
	list-style-type: square; 
	margin-left: 20px;
}
#space .links {
    margin-bottom: 13px;
    text-align: right
}
#space .links a.button {
    margin-left: 3px;
    padding: 8px 10px;
    font-size: 11px;
    font-weight: normal;
    border: 1px solid #666;
}
#space .list { overflow: hidden }
#space .list { width: 786px }
#space .list > ul > li {
    float: left;
    margin: 0 21px 30px 0;
    width: 370px;
    border: 1px solid #d2d2d2;
    border-top: 4px solid #777;
}
#space .list li .thumb {
    overflow:hidden;
    height:218px;
}
#space .list li .thumb img { width: 100%; height: 260px; }
#space .list li div.info {
    position: relative;
    margin-top: -8px;
    padding: 25px 22px;
    background: url(../images/sub/story/bg_space_item.png) 50% 0 no-repeat;
}
#space .list li div.info h4 {
    margin-bottom: 15px;
    font: normal 14px/1 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
}
#space .list li div.info h4 b {
    color: #f36c12;
    font-size: 25px;
    font-weight: normal;
}
#space .list li div.info li {
    padding-left: 12px;
    background: url(../images/common/bullet_list.png) 0 50% no-repeat;
    font: normal 13px/1.65 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
}
#space .list li div.info .apply {
    margin-top: 30px;
    text-align: center;
}
#space .list li div.info .apply .button {
    padding: 10px 35px;
    border-color: #f36c12;
    color: #f36c12
}

#space .list li div.info .apply .p10 {
    padding: 10px 10px;
}

#space .list li div.info .apply .display_btn {
    color : #666;
    margin-left:10px;
    border-color: #666;
}


/* 공간 Link - 상세 */
#space .details {
    position: relative;
    margin-bottom: 25px;
    padding: 20px;
    border-top: 4px solid #777;
    border-bottom: 1px solid #c7c7c7;
}
#space .details #photos {
    float: left;
    width: 400px
}
#space .details #photos .full-size {
    overflow: hidden;
    margin-bottom: 20px;
    height: 270px;
    border: 1px solid #c7c7c7;
}
#space .details #photos .thumbs-list { margin-right: -14px; }
#space .details #photos .thumbs-list li {
    float: left;
    margin-right: 14px;
    width: 124px;
    height: 81px;
    background: url(../images/sub/story/bg_space_thumb.jpg) 50% 50% no-repeat;
}
#space .details #photos .thumbs-list li a {
    overflow: hidden;
    display: block;
    height: 79px;
    border: 1px solid #c7c7c7;
}
#space .details #photos .thumbs-list li a.active {
    height: 71px;
    border: 5px solid #f36c12
}
#space .details #photos .thumbs-list li a img { width: 100%; }
#space .details .info {
    float: right;
    width: 305px;
    line-height: 1.8;
}
#space .details .info h3 {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #c7c7c7;
    font: normal 14px/1 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
}
#space .details .info h3 b {
    color: #f36c12;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}
#space .details .info > p { margin-bottom: 15px }
#space .details .info dt {
    float: left;
    width: 65px;
    font-weight: normal;
}
#space .details .info dd {
    overflow: hidden;
    font-weight: bold;
}
#space .details .back-to-link {
    padding: 13px 55px;
    position: absolute;
    bottom: 25px;
    right: 0;
}
#space .booking .availability {
    padding: 0 8px 50px;
    background-color: #ededed;
    margin-bottom: 15px;
}
#space .booking .availability h4 {
    margin: 0 -8px 12px;
    font: normal 14px/33px '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    background-color: #555;
    color: #fff;
    text-align: center;
}
#space .booking .availability ul.note {
    float: right;
    margin-bottom: 10px
}
#space .booking .availability .calendar {
    clear: both;
    position : relative;
    margin-bottom: 20px;
}
#space .booking .availability .calendar .reset {
    position: absolute;
    top: 30px;
    right: 0;
    padding-right: 15px;
    background: url(../images/sub/story/icon_reset.png) 100% 50% no-repeat transparent;
}
#space .booking .availability .calendar-header {
    position: relative;
    margin: 0 auto 10px;
    width: 90px;
}
#space .booking .availability .calendar .calendar-header .title {
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}
#space .booking .availability .calendar .calendar-header .title b {
    display: block;
    font-size: 25px
}
#space .booking .availability .calendar .calendar-header a {
    position: absolute;
    bottom: 14px;
    width: 6px;
    height: 11px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
#space .booking .availability .calendar .calendar-header a.prev {
    background-image: url(../images/sub/story/calendar_nav_prev.png);
    left: 0px
}
#space .booking .availability .calendar .calendar-header a.next {
    background-image: url(../images/sub/story/calendar_nav_next.png);
    right: 0px;
}
#space .booking .availability .calendar table {
    margin-bottom: 25px;
    border: 1px solid #555;
}
#space .booking .availability .calendar th {
    padding: 5px 0;
    border: 1px solid #555;
    color: #333;
    font-weight: normal;
    text-align: center;
    line-height: 1.2
}
#space .booking .availability .calendar th.sun { color: #f36c12; }
#space .booking .availability .calendar th.sat { color: #31599c; }
#space .booking .availability .calendar td {
    text-align: center;
    vertical-align: middle;
}
#space .booking .availability .calendar th b { display: block }
#space .booking .availability .calendar td input {
    overflow: hidden;
    padding: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #555;
    background-color: #eaeaea;
    text-align: left;
    text-indent: -9999px;
}

#space .booking .availability .note li span {
    overflow: hidden;
    margin-right: 5px;
    display: inline-block;
 *display:inline;
 *zoom:1;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

#space .booking .availability .calendar td .selected, #space .booking .availability .calendar td .waiting, #space .booking .availability .calendar td .booked, #space .booking .availability .calendar td .blocked, #space .booking .availability .calendar td .closed { border: 0 none; }
#space .booking .availability .calendar .legend { float: right; }
#space .booking .availability .calendar .legend li {
    float: left;
    margin-left: 10px;
    line-height: 15px;
}
#space .booking .availability .calendar .legend li span {
    overflow: hidden;
    margin-right: 5px;
    display: inline-block;
 *display:inline;
 *zoom:1;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}
#space .booking .availability .calendar .legend li .selected, #space .booking .availability .calendar td .selected { background-color: #ad2727 }
#space .booking .availability .calendar .legend li .waiting, #space .booking .availability .calendar td .waiting { background-color: #555 }
#space .booking .availability .calendar .legend li .booked, #space .booking .availability .calendar td .booked { background-color: #f36c12 }
#space .booking .availability .calendar .legend li .blocked, #space .booking .availability .calendar td .blocked { background: url(../images/sub/story/icon_blocked.png) 0 0 no-repeat; }
#space .booking .availability .calendar .legend li .available {
    width: 13px;
    height: 13px;
    border: 1px solid #555;
    background-color: #fff;
}
#space .booking .availability .calendar .legend li .closed, #space .booking .availability .calendar td .closed { background-color: #5d822e }
#space .booking .basket {
    margin-bottom: 15px;
    padding: 22px 18px;
    border: 4px solid #999;
}
#space .booking .basket h4 {
    float: left;
    margin-bottom: 30px;
    font: bold 24px/33px '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
}
#space .booking .basket ul {
    float: right;
    margin-bottom: 30px;
    width: 305px;
}
#space .booking .basket ul li {
    overflow: hidden;
    padding: 0 12px 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    text-align: right;
}
#space .booking .basket ul li span { float: left }
#space .booking .basket .amount {
    clear: both;
    padding-top: 15px;
    border-top: 1px dashed #a1a1a1;
    font-weight: bold;
    text-align: right;
}
#space .booking .basket .amount span {
    margin-left: 5px;
    color: #f36c12
}
#space .booking .basket .amount b { font-size: 20px }
#space .booking .checkout { text-align: right }
#space .booking .checkout .button { padding: 13px 55px; }
/*----------------------------------------------*
    4. Mypage
 *----------------------------------------------*/
 /*도전 크리에이티브*/
#creative .content-heading {
    margin-bottom: 25px
}

#creative .mypage {
    margin-bottom: 60px !important;
}
#creative .count {
    margin-bottom: 5px;
	margin-top: 25px;
    font-size: 11px
}
#creative .count b { color: #F36C12 }
#creative .list {
    margin-bottom: 35px;
    border-top: 3px solid #777;
}
#creative .list th, #creative .list td { text-align: center; }
#creative .list th {
    padding: 10px 0;
    background: url(../images/sub/mypage/sep_list.png) 0 50% no-repeat #fafafa;
    border-bottom: 1px solid #eae9ee;
}
#creative .list th:first-child {
    border-left: 1px solid #eae9ee;
    background-image: none
}
#creative .list th.action { border-right: 1px solid #eae9ee }
#creative .list td {
    padding: 14px 0 15px;
    border-bottom: 1px solid #eae9ee;
}
#creative .list td.subject, #creative .list td.action { text-align: left; }
#creative .list td.subject { padding-left: 15px }
#creative .list td button {
    padding: 0;
    width: 37px;
    height: 20px;
    line-height: 20px;
    background: url(../images/sub/mypage/btn_delete.png) 0 0 no-repeat;
    color: #fff;
    letter-spacing: -.5px;
    border: 0 none;
}

#creative .list td button.btn-delete {
    margin: 0 3px 0 3px
}

#creative .list td button.btn-delete-w60 {
    margin: 0 3px 0 3px;
    background-size: 60px 20px;
    width:60px;
}

#creative .list td button.btn-like {
    padding-left: 12px;
    background-image: url(../images/sub/mypage/btn_like.png);
}
#creative .list tbody .accordion-title {
    cursor:pointer;
    cursor:hand;
}
#creative .list tbody tr.accordion-content { display: none }
#creative .list tbody tr.accordion-content td {
    padding: 0;
    border: 1px solid #eae9ee;
}
#creative .list tbody td h3.question, #creative .list tbody td div.answer {
    padding: 30px 50px 40px 130px;
    background: url(../images/sub/mypage/icon_question.png) 45px 30px no-repeat;
    text-align:left
}
#creative .list tbody td h3.question { background-color: #fafafa }
#creative .list tbody td div.answer { background-image: url(../images/sub/mypage/icon_answer.png); }
#creative a.inquiry { 	
	float:right;
    margin-top:-10px;
    padding:15px 45px;
    border:1px solid #5f5f5f;
    font-weight:bold;
}
/* 청소년 Link-목록 */
#youth {
    overflow: hidden;
    padding: 12px 22px 30px;
    background-color: #efefef
}
#youth .count {
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
}
#youth .count b { color: #f36c12 }
#youth .list {
    padding-top: 30px;
    border-top: 1px solid #fff;
}
#youth .list > ul > li {
    float: left;
    margin: 0 22px 17px;
    padding: 15px;
    width: 285px;
    border-top: 4px solid #777;
    background-color: #fff;
}
#youth .list li h4 {
    display: inline-block;
 *display:inline;
 *zoom:1;
    margin-bottom: 8px;
    padding: 5px 8px;
    line-height: 1;
    background-color: #363636;
    font-weight: normal;
    color: #fff;
}
#youth .list li h4.comments-title { margin-bottom: 15px; }
#youth .list li .featured-work img { width: 100%; }
#youth .list li .profile {
    position: relative;
    margin-top: -17px;
    padding: 35px 0 25px;
    background: url(../images/sub/story/bg_youth_item.png) 0 0 no-repeat;
}
#youth .list li .profile .photo {
    overflow: hidden;
    float: left;
    width: 107px;
    height: 120px;
}
#youth .list li .profile .title	 { 
	margin-top: -10px; 
	margin-bottom: 15px; 
	font: bold 12px/1 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif; 
}
#youth .list li .profile .photo img { width: 100% }
#youth .list li .profile h3 {
    margin: 0 0 10px 132px;
    font: bold 20px/1 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    color: #333;
}
#youth .list li .profile dl {
    margin-left: 132px;
    font-size: 11px;
    line-height: 1.3;
}
#youth .list li .profile dt { color: #f36c12; }
#youth .list li .profile dd { margin-bottom: 5px; }
#youth .list li .profile .button-group {
    margin-top: 20px;
    text-align: center;
}
#youth .list li .works-list { margin: 0 -8px 25px 0 }
#youth .list li .works-list li {
    float: left;
    margin-right: 7px;
    width: 51px;
    height: 51px;
    background: url(../images/sub/story/bg_youth_thumb.png) 50% 50% no-repeat;
}
#youth .list li .works-list li a {
    overflow: hidden;
    display: block;
    height: 51px;
}
#youth .list li .works-list li a img { width:49px; height:49px; border: 1px solid #C7C7C7; }
#youth .list .comment-form { margin-bottom: 15px; }
#youth .list .comment-form input[type=text] {
    float: left;
    padding: 6px 10px;
    width: 218px;
    border: 1px solid #eaeaea;
    height: 12px
}
#youth .list .comment-form input[type=submit] {
    float: right;
    padding: 6px;
    border-color: #777;
    color: #777
}
#youth .list .comments-list { clear: both }
#youth .list .comments-list li {
    padding: 10px 0;
    border-top: 1px solid #cdcdcd;
}
#youth .list .comments-list li .meta {
    float: left;
    margin-right: 5px;
    color: #333;
}
#youth .list .comments-list li p { clear: both; }
#youth .list .comments-list li .button-group { float: left; }
#youth .list .comments-list li .button-group .button {
    border-color: #e7e7e7;
    padding: 0 2px;
    background-color: #e7e7e7;
    font-size: 11px;
    line-height: 13px;
    font-weight: normal;
}
#youth .list .comments-list li .button-group .button i {
    background-position: 50% 50%;
    width: 12px;
    height: 13px;
    text-indent: -9999px;
    text-align: left;
}
#youth .list .comments-list li .button-group .edit i { background-image: url(../images/sub/story/icon_edit.png); }
#youth .list .comments-list li .button-group .delete i { background-image: url(../images/sub/story/icon_delete.png) }
/* 동아리 Link-목록 */
#club_link {
    overflow: hidden;
    padding: 12px 22px 30px;
    background-color: #efefef
}

#club_link_top {
    overflow: hidden;
    padding: 12px 22px 10px;
    background-color: #efefef;
	line-height: 1.2;
}


#club_link .count {
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
}

#club_link_top b{
    padding-bottom: 3px;
	color: #f36c12;
}

#club_link .count b { color: #f36c12 }
#club_link .list {
    padding-top: 30px;
    border-top: 1px solid #fff;
}
#club_link .list > ul > li {
    float: left;
    margin: 0 22px 17px;
    padding: 15px;
    width: 285px;
    border-top: 4px solid #777;
    background-color: #fff;
}
#club_link .list li .featured-work img { 
	width: 100%;
    position: relative;
 }
#club_link .list .comments-list { clear: both }
#club_link .list .comments-list li {
    padding: 10px 0;
    border-top: 1px solid #cdcdcd;
}
#club_link .list .comments-list li .meta {
    float: left;
    margin-right: 5px;
    color: #333;
}
#club_link .list .comments-list li p { clear: both; }
#club_link .list .comments-list li .button-group { float: left; }
#club_link .list .comments-list li .button-group .button {
    border-color: #e7e7e7;
    padding: 0 2px;
    background-color: #e7e7e7;
    font-size: 11px;
    line-height: 13px;
    font-weight: normal;
}
#club_link .list li div.info {
    position: relative;
    margin-top: 20px;
    padding: 0px 5px 15px;
}
#club_link .list li div.info h4 {
    margin-bottom: 10px;
    font: bold 20px/1 '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
    color: #333;
}
#club_link .list li div.info p {
    margin-bottom: 15px;
    font-size: 11px;
}
#club_link .list li div.info li { font-size: 11px; }
#club_link .list li div.info li b {
    color: #f36c12;
    font-size: 12px;
}
#club_link .site-link {
	height: 43px;
}
#club_link .list li .site-link a {
    float: left;
    padding: 12px 0;
    width: 142px;
    border: 0 none;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    font-size: 11px;
    text-align: center;
}
#club_link .list li .site-link .read-more {
    width: 140px;
    border-left: 1px solid #d2d2d2;
}
#club_link .list li .site-link .like i {
    display: inline-block;
 *display:inline;
 *zoom:1;
    margin-right: 5px;
    width: 10px;
    height: 9px;
    background: url(../images/sub/story/icon_partner_like.png) 0 0 no-repeat;
    vertical-align: middle;
}
#club_link ul > li > p > a > i.ico1 {
	background-color: #ff4800;
	opacity: .9;
}
#club_link ul > li > p > a > i.ico2 {
	background-color: #686666;
	opacity: .9;
}
#club_link ul > li > p > a > i {
	position: absolute;
	width: 46px;
	height: 24px;
	display: block;
	text-align: center;
	line-height: 24px;
	color: #fff;
	font-size: 11px;
	font-style:normal;
	z-index: 1000;
}
/*----------------------------------------------*
    5. 로그인, 아이디/비번찾기
 *----------------------------------------------*/
#account {
    margin: 0 auto;
    padding: 130px 0 150px;
    width: 615px;
}
#account .block {
    padding: 45px 55px 35px;
    border: 7px solid #f5f5f5;
}
#account h2 { margin-bottom: 10px; }
#account p {
    font: normal 14px '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    color: #333;
    letter-spacing: -0.5;
    
}
#account .form-container { position: relative }
#account .form-container ul { float: left; width: 325px; }
#account .form-container ul li {
    overflow: hidden;
    margin-bottom: 13px;
}
#account .form-container ul li label {
    float: left;
    width: 65px;
    font: bold 14px/32px '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    color: #333
}
#account .form-container ul li input {
    padding: 0 5px;
    width: 245px;
    height: 30px;
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 30px;
} 
#account .form-container ul li input.w_id { width:230px; }
#account .form-container ul li input:focus { border-color: #f36c12 }
#account .form-container .button { 
    position: absolute;
    bottom: 33px;
    right: 0;
    width: 100px;
    height: 77px;
    font: bold 14px/32px '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    color: #fff;
    border: 0 none;
    background: #f36c12;
    text-align: center
}
/* 로그인 */
#account .login { margin: 0 35px; }
#account .login .form-container {
    margin: 15px 0;
    padding: 34px 0 20px;
    border-top: 2px solid #eae9ee;
    border-bottom: 2px solid #eae9ee;
    height: 90px;
}
#account .login .links li {
    overflow: hidden;
    margin-bottom: 12px;
    line-height: 24px;
    color: #777;
}
#account .login .links a {   
    float: right;
    width: 130px;
    border: 1px solid #ccc;
    color: #777;
    text-align: center;
    line-height: 20px;
}
/* 아이디/비번 찾기 */
#account .find-id-password {
    margin-top: 20px;
    padding: 45px 37px 35px;
}
#account .find-id { margin-bottom: 68px }
#account .find-id-password p {
    margin-bottom: 40px;
    padding-bottom: 15px;
    border-bottom: 2px solid #eae9ee;
}
#account .find-id-password p span { margin-right: 20px; }
#account .find-id-password p span input {
    margin-right: 5px;
    vertical-align: middle
}
#account .find-id-password ul { margin-left: 40px; }
#account .find-id-password ul li.email input.email1 { width: 85px; }
#account .find-id-password ul li.email input.email2 { width: 128px; }
#account .find-id-password .form-container .button { bottom: 13px; right: 40px; }
#account .find-id-password ul li.birth select { 
	height: 30px;
	border: 1px solid #ccc;
	font-size: 14px;
	line-height: 30px; 
}

/*행사일정 팝업(2015-01-05 추가)*/
#schedule {
    overflow: hidden;
    position: relative;
    width: 1000px;
}
#schedule .close-popup {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 20px;
    background: url(../images/sub/etc/button_close.png) 0 0 no-repeat;
    text-indent: -9999px;
    text-align: left;
}
#schedule .schedule-header {
    padding: 0 20px;
    height: 100px;
    background-color: #f36c12
}
#schedule .schedule-header h1 {
    float: left;
    padding: 33px 10px 0 67px;
    font: 38px/50px '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
    color: #fff;
    background: url(../images/sub/etc/icon_schedule.png) 0 33px no-repeat
}
#schedule .schedule-header span {
    float: left;
    padding-top: 60px;
    color: #fff
}
#schedule .schedule-header select {
    float: left;
    margin-top: 44px;
    margin-left: 10px;
    padding: 10px;
    border: 0 none;
    width: 90px;
}
#schedule .calendar {
    float: left;
    width: 770px;
}
#schedule .calendar th, #schedule .calendar td { line-height: 1.35; }
#schedule .calendar th {
    height: 45px;
    background: url(../images/sub/etc/bg_week.png) 100% 100% no-repeat;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
#schedule .calendar td {
    position: relative;
    padding: 6px 0;
/*     background: url(../images/sub/etc/bg_day.png) 100% 100% no-repeat; */
	border:1px solid #ececec;
    text-align: left;
    vertical-align: top
}
#schedule .calendar td.today { background-color: #fdfdf2 }
#schedule .calendar td.today:after {
    position: absolute;
    top: -1px;
    left: -1px;
    content : '';
    width: 109px;
    height: 100%;;
    border: 1px solid #f36c12
}
#schedule .calendar span {
    display: block;
    margin: 0 8px 3px
}

#schedule .calendar span.today { border:1px solid red;   padding:2px 3px; }
#schedule .calendar p {
    margin: 0 8px 5px;
    color: #f36c12;
    display: block;
    padding: 2px 3px;
    color: #fff;
}
#schedule .events {
    float: left;
    width: 230px
}
#schedule .events .event-date {
    height: 45px;
    background: url(../images/sub/etc/bg_event_date.png) 100% 100% no-repeat;
    color: #fff;
    line-height: 45px;
    text-align: center;
}
#schedule .events .events-listing {
    overflow:auto;
    padding: 13px;
}
#schedule .events .events-listing li { 
	overflow: hidden;
	border-bottom: 1px solid #DFDFDF; 
	padding-bottom: 10px;
	margin-bottom: 5px;
}
#schedule .events .events-listing li h2 {
    padding: 5px 0 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f4f4f4;
    font-size: 24px;
    line-height: 1.25;
}
#schedule .events .events-listing li a.button {
    margin-top: 45px;
    padding: 6px 28px 6px 13px;
    float: right;
    border: 3px solid #ddd;
    background: url(../images/common/icon_arrow.png) 75px 50% no-repeat;
    font-weight: 400;
}

/*----------------------------------------------*
    7. 이용안내
 *----------------------------------------------*/
 /*사이트맵*/
#sitemap .row {
    overflow: hidden;
    margin-bottom: 42px
}
#sitemap .col {
    float: left;
    width: 235px;
    margin-left: 30px;
}
#sitemap .row > div:first-child { margin-left: 0 }
#sitemap .col h3 {
    margin-bottom: 20px;
    padding: 16px 0 13px 15px;
    background: url(../images/sub/etc/line_top.png) 0 0 no-repeat;
    border-bottom: 1px solid #ccc;
    font:500 14px '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    color: #333;
}
#sitemap .col li {
    padding-left: 15px;
    background: url(../images/sub/etc/bullet_list.png) 8px 50% no-repeat;
    margin-bottom: 5px;
}
#sitemap .col li a {
    font-family: '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif;
    color: #333;
}

/* 원아이디 통합 css */
#join { margin: 0 auto; padding: 20px 0 20px; width: 615px; }

#search { float: right; }
#search select {
    float: left;
    margin-right: 5px;
    height: 21px;
    border: 1px solid #d6d6d6;
}
#search .search-field { float: left; }
#search .search-field {
    padding-right: 5px;
    border: 1px solid #d6d6d6;
    background-color: white;
}
#search .search-field input[type=text] {
    padding: 0 5px;
    height: 19px;
    border: 0 none;
    line-height: 19px
}


/* 검색박스 공통 */

.filter {
    margin-bottom: 12px;
    padding: 18px 0;
    border-top : 1px solid #ddd;
    border-bottom : 1px solid #ddd;
    text-align: center;
}
.filter > form > div {
    display: inline-block;
*display:inline;
 *zoom:1;
}
.filter input[type=text] {
    margin: 0 1px;
    padding: 0 5px;
    height: 19px;
    border: 1px solid #d6d6d6;
    line-height: 19px
}
.filter .date-range-preset {
    margin-right: 3px;
}
.filter .date-range-preset input[type=button] {
    margin: 0 1px;
    padding: 0;
    width: 39px;
    height: 21px;
    line-height: 21px;
    background: url(../images/sub/mypage/bg_date_preset.png) 0 0 no-repeat;
    font-size: 11px;
    letter-spacing: -.5px;
    border: 0 none;
}
.filter .date-range-field {
    margin-right: 10px;
}
.filter .date-range-field strong {
    color: #4c4c4c;
    font-size: 11px
}
.filter select {
    margin-right: 10px;
    width: 105px;
    height: 21px;
    border-color: #d6d6d6;
}
.filter .search-field .submit {
    padding: 0 10px;
    height: 20px;
    background-color: #555;
    color: #fff;
    line-height: 20px;
}
.filter .search-field .reset {
    padding: 0 10px;
    height: 20px;
    background-color: #fff;
    color: #555;
    line-height: 20px;
}
/* 코멘트 리스트 공통 */
.comments .comment-list {
    clear: both
}
.comments .comment-list .count {
    margin-bottom: 5px;
}
.comments .comment-list .count b {
    color: #f36c12
}
.comments .comment-list > ul {
    margin-bottom: 45px;
}
.comments ul li {
    border-top: 1px solid #eaeaea;
}
.comments > ul > li:first-child {
    border-color: #ccc
}
.comments ul li .comment-container {
    padding: 15px 20px 15px 0;
    zoom: 1;
}
.comments ul li .comment-container:after {
    clear: both;
    content: '';
    display: block;
}
.comments ul li .meta {
    float: left;
    width: 60px;
    padding: 0 30px 0 20px;
}
.comments ul li .star-point {
    float: left;
    width: 85x;
    padding: 9px 20px 10px 0px;
}
.comments ul li .meta strong {
    display: block
}
.comments ul li .content {
    overflow: hidden;
    margin-right: 150px;
    font-size: 11px;
}
.comments ul li .button-group {
    float: right;
}
.comments ul li .button-group .button {
    border-color: #e7e7e7;
    padding: 2px;
    background-color: #e7e7e7;
    font-size: 11px;
    line-height: 13px;
    font-weight: normal;
}
.comments ul li .button-group .button i {
    margin-right: 5px
}
.comments ul li .button-group .reply i {
    width: 11px;
    height: 11px;
    background-image: url(../images/sub/story/icon_reply.png)
}
.comments ul li .button-group .edit i {
    width: 12px;
    height: 12px;
    background-image: url(../images/sub/story/icon_edit.png);
}
.comments ul li .button-group .delete i {
    width: 7px;
    height: 7px;
    background-image: url(../images/sub/story/icon_delete.png)
}
.comments ul.children {
    clear: both
}
.comments ul.children li {
    border-top: 1px dashed #eaeaea;
}
.comments ul.children li .meta {
    padding-left: 65px
}
.comments ul.children .comment-container, .comments .reply-form {
    background: url(../images/sub/story/down_left_arrow.png) 15px 25px no-repeat;
}
.comments .reply-form {
    position: relative;
    padding-left: 65px;
    padding-right: 95px;
    padding-bottom: 15px;
    background-position: 15px 5px
}
.comments .reply-form textarea {
    margin-right: 50px;
    padding: 0 10px;
    width: 100%;
    border: 1px solid #eaeaea;
    background-color: #fff;
    height: 26px;
    line-height: 26px;
}
.comments .reply-form .button {
    position: absolute;
    top: 0;
    right: 20px;
    padding: 0 10px;
    border-color: #777;
    line-height: 26px;
}
.comments .depth2 .comment-container, .comments .depth1 .reply-form { margin-left: 30px }
.comments .depth3 .comment-container, .comments .depth2 .reply-form { margin-left: 100px }
.comments .depth4 .comment-container, .comments .depth3 .reply-form { margin-left: 170px }

.share-links button {
    padding: 0;
    width: 24px;
    height: 24px;
    border: 0 none;
    background-image: url(../images/sub/about/share_button.png);
    text-indent: -9999px;
    text-align: left;
}
.share-links .facebook { background-position: 0px 0; }
.share-links .twitter { background-position: -50px 0; }
.share-links .kakao { background-position: -100px 0; }
.share-links .blog { background-position: -150px 0; }
.share-links .url { background-position: -200px 0; }
.share-links .print { background-position: -250px 0; }
.share-links .email { background-position: -300px 0; }

#identity .id02, #identity .id03, #identity .id04, #identity .id05, #identity .id06  {margin-top:55px;}
.idtxt {
	padding:23px 0 20px 145px;
    font: normal 13px/1.625 '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
    line-height: 20px;
}
#starking .star02, #starking .star03, #starking .star04, #starking .star05, #starking .star06, #starking .star07, #starking .star08, #starking .star09, #starking .star10, #starking .star11, #starking .star12, #starking .star13, #starking .star14, #starking .star15, #starking .star16, #starking .star17, #starking .star18, #starking .star19, #starking .star20, #starking .star21, #starking .star22, #starking .star23, #starking .star24, #starking .star25, #starking .star26 , #starking .star27, #starking .star28, #starking .star29, #starking .star30, #starking .star31, #starking .star32 {	width:765px; height:387px;} 

#starking .star02{ background-image: url(/images/sub/about/starking02.jpg);}
#starking .star03{ background-image: url(/images/sub/about/starking03.jpg);}
#starking .star04{ background-image: url(/images/sub/about/starking04.jpg);}
#starking .star05{ background-image: url(/images/sub/about/starking05.jpg);}
#starking .star06{ background-image: url(/images/sub/about/starking06.jpg);}
#starking .star07{ background-image: url(/images/sub/about/starking07.jpg);}
#starking .star08{ background-image: url(/images/sub/about/starking08.jpg);}
#starking .star09{ background-image: url(/images/sub/about/starking09.jpg);}
#starking .star10{ background-image: url(/images/sub/about/starking10.jpg);}
#starking .star11{ background-image: url(/images/sub/about/starking11.jpg);}
#starking .star12{ background-image: url(/images/sub/about/starking12.jpg);}
#starking .star13{ background-image: url(/images/sub/about/starking13.jpg);}
#starking .star14{ background-image: url(/images/sub/about/starking14.jpg);}
#starking .star15{ background-image: url(/images/sub/about/starking15.jpg);}
#starking .star16{ background-image: url(/images/sub/about/starking16.jpg);}	
#starking .star17{ background-image: url(/images/sub/about/starking17.jpg);}
#starking .star18{ background-image: url(/images/sub/about/starking18.jpg);}
#starking .star19{ background-image: url(/images/sub/about/starking19.jpg);}
#starking .star20{ background-image: url(/images/sub/about/starking20.jpg);}
#starking .star21{ background-image: url(/images/sub/about/starking21.jpg);}
#starking .star22{ background-image: url(/images/sub/about/starking22.jpg);}
#starking .star23{ background-image: url(/images/sub/about/starking23.jpg);}
#starking .star24{ background-image: url(/images/sub/about/starking24.jpg);}
#starking .star25{ background-image: url(/images/sub/about/starking25.jpg);}
#starking .star26{ background-image: url(/images/sub/about/starking26.jpg);}
#starking .star27{ background-image: url(/images/sub/about/starking27.jpg);}
#starking .star28{ background-image: url(/images/sub/about/starking28.jpg);}
#starking .star29{ background-image: url(/images/sub/about/starking29.jpg);}
#starking .star30{ background-image: url(/images/sub/about/starking30.jpg);}
#starking .star31{ background-image: url(/images/sub/about/starking31.jpg);}
#starking .star32{ background-image: url(/images/sub/about/starking32.jpg);}
#starking .star33{ background-image: url(/images/sub/about/starking33.jpg);}


#starking .startxt02, #starking .startxt04, #starking .startxt06, #starking .startxt08, #starking .startxt10, #starking .startxt12, #starking .startxt14, #starking .startxt16, #starking .startxt18, #starking .startxt20, #starking .startxt22, #starking .startxt24, #starking .startxt26, #starking .startxt28, #starking .startxt30, #starking .startxt32{ padding:55px 0 0 418px; }
#starking .startxt03, #starking .startxt05, #starking .startxt07, #starking .startxt09, #starking .startxt11, #starking .startxt13, #starking .startxt15, #starking .startxt17, #starking .startxt19, #starking .startxt21, #starking .startxt23, #starking .startxt25, #starking .startxt27, #starking .startxt29, #starking .startxt31, #starking .star33 { padding:55px 0 0 92px; }

#starking .startxt {
	font: normal 13px/1 '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
    color: #333;
    line-height: 24px;
	
}
.startxt-job {
	font: normal 13px/1 '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
}
#starking .onetoyouth { color:#f36c12; margin:10px 0 5px 0; font-size:13pt;}

#starking h2 {
    font: normal 43px/1 '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
}



/* select */
.select{ position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1;}
.select *{ margin:0; padding:0; cursor:pointer; font-size:12px; font-family:Tahoma, Sans-serif;}
.select .myValue{ position:relative; z-index:2; left:0; top:0; border:1px solid #bababa; color:#666; line-height:19px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
.select .myValue.selected{ font-weight:bold;}
.select.open .myValue,
.select .myValue.outLine{ border:1px solid #999;}
.select button.myValue{ height:21px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
.select div.myValue{ height:17px; padding-top:2px; text-indent:6px;}
.select .ctrl{ position:absolute; top:0; right:0; width:18px; height:19px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff;}
.select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff;}
.select ul{ top:20px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; overflow:hidden;}
.select ul.aList{ display:none;}
.select.open ul.aList{ display:block;}
.select ul.iList{ left:-2000%;}
.select.open ul.iList{ left:0;}
.select li{position:relative; overflow:hidden; white-space:nowrap; width:113px; height:18px; border-left:1px solid #bababa; border-right:1px solid #bababa;}
.select li input.option{ position:absolute; width:100%; height:20px; line-height:20px; z-index:100; opacity:0;filter:alpha(opacity=0);}
/*.select li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}*/
.select li label{ position:absolute; left:0; top:0; width:100%; height:18px; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
.select li a{ display:block; text-indent:8px; *text-indent:6px; width:115px; height:18px; line-height:18px; color:#767676; background:#fff; text-decoration:none;}


/* 공간 링크 버튼 */
.ul-photo a:hover{color: #F36C12}
/* .ul-photo a{background: url("../images/common/link.png") 100% 46% no-repeat; padding-right: 15px} */
.photo_link{
	display: inline-block; *display: inline; *zoom:1;
	background: #fff; color: #F36C12; padding: 0 6px; height: 16px; line-height: 17px; vertical-align:text-bottom;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; text-align: center;
	border:1px solid #F36C12;
	font-size:11px;
	margin-left: 6px
}

/* 교육 목록 */

.ovHide {overflow:hidden;}

.btype01 {overflow:hidden; width:980px;}
.btype01 .ltArea {float:left; width:980px; margin-right:18px; }
.btype01 .ltArea02 {float:left; width:758px;}

.btype01 .liType {overflow:hidden; width:980px;}
.btype01 .liType li {height:118px; padding:20px; border:1px solid #e4e4e4;margin-bottom:15px;}
.btype01 .liType div {width:750px;}
.btype01 .liType .pla {margin-bottom:10px; font-size:14px; font-weight:bold;}
.btype01 .liType .pla a {color:#454545; line-height:1.4;}
.btype01 .liType .photo {float:left; margin-right:20px;}
.btype01 .liType .latter { margin-bottom:6px;}
.btype01 .liType .latter a {color:#666; line-height:1.4;}
.btype01 .liType .writer {clear:both; float:left; padding-top:9px; color:#68655e; }
.btype01 .liType .writer span {margin-left:5px; color:#888;}
.btype01 .liType .writer font {margin-left:5px; color:#f16522;}

/* popup 수강료 환불규정 */
.popup-header {
    padding: 0 20px;
    height: 100px;
    background-color: #f36c12
}
.popup-header h2 {
    float: left;
    padding: 33px 10px 0 0px;
    font: 38px/50px '나눔고딕', 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
    color: #fff;
}
.popup-header span {
    float: left;
    padding-top: 60px;
    color: #fff
}
.close-popup {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 20px;
    background: url(../images/sub/etc/button_close.png) 0 0 no-repeat;
    text-indent: -9999px;
    text-align: left;
}

/* 팝업 교육과정안내 */
.edu_intro h1 { font-size:18px; font-weight:bold; color:#960; padding:5px 0 10px 0spx; }
.edu_intro h2 { font-weight:bold; color:#333; padding:20px 0 5px 0px; }
.edu_intro h2 font{  color:#eb5e00;}

.edu_intro table th, .edu_intro  table td {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.edu_intro table th { 
	background-color: #414141;
	color:#fff;
	
}

.edu_intro table td {
    color: #333;
    text-align: center;
}

/* 팝업 수강과정안내 */
.pop_edu_info {
    padding: 20px 20px 45px;
    border: 1px solid #ddd;
}
.pop_edu_info h1:first-child { margin-top: 0 }
.pop_edu_info h1 {
	margin-top : 25px;
	font-size: 15px;
	color: #f36c12;
}
.pop_edu_info h3 {
    margin-top: 20px 0 20px 0px;
    padding-left:0px !important;
    color:#000;
}

.pop_edu_info h4 {
    margin-top: 25px;
    font-size: 13px;
    margin-bottom: 10px;
    color:#000;
}


.pop_edu_info p, .edu_info ul li {
    font-size: 13px;
    line-height: 1.7;
    margin-bottom:5px;
}
.pop_edu_info ul li {
    margin-left: 16px;
    text-indent: -16px;
}

.pop_edu_info img { border:1px solid #ddd; padding:15px;}