@charset "utf-8";



/*상세 h5*/
.content{ font-family: 'Noto Sans Korean';}
.content > h3.con_title{ text-align:center; padding:30px 0 40px 0; font-size:28px; font-weight:200}
.content h4{ font-size:22px; font-weight:500}
.content p{line-height:160%;font-size:14px;color:#636363;}
.content h5{ position:relative; font-size:20px; font-weight:500; padding:15px 0 10px 15px; margin:10px 0 0 0; text-align: left}
.content h5:before{ position:absolute; left:0; top:0; display:block; content:"";  width:20px; height:20px; background:url( /home/jpnha/images/sub/bull_h4.png); background-size:cover  }
.content h6{ font-size:14px; }
@media all and (min-width:768px){
	.content h4{ font-size:24px; }
	.content h4:before{ width:18px; height:18px; }	
	.content h6{ font-size:20px; }
	.content p{ font-size:16px; }
}
@media all and (min-width:1024px){
.content h5{ margin-top:30px; padding:25px 0 20px 25px; font-size:24px; font-weight:500;   }
.content h5:before{ width:25px; height:25px;  }}

@media all and (min-width:1440px){
.content h5{ padding:25px 0 20px 25px; }
}


.list_basic{ margin:10px 0;}
.list_basic li{ line-height: 1.5; font-size:12px;}
.list_basic.lt01 li{ position:relative; padding-left:10px; }
.list_basic.lt01 li:before{ display:block; width:6px; height:2px; background:#b4b4b4; content:""; position:absolute; left:0; top:8px;}
.list_basic li.red{ color:#f00}
.list_basic li.red:before{ display:none }
.list_type99 li{line-height:1.9;background: url(/home/jpnha/images/sub/bullet_list04.png) 2px 12px no-repeat;}
.list_type99 li.red{ background:none; padding-left:0; }
@media all and (min-width:768px){
.list_basic li{ font-size:16px; }
.list_basic.lt01 li:before{ top:12px; }
}

.btn_con{ display:inline-block; height:45px; border:#6d6d6d solid 1px; padding:16px 15px 13px; color:#404040; border-radius: 3px; vertical-align: middle }
.btn_blue{ border:#0080cc solid 1px; color:#0080cc; }
.btn_con i{ margin-left:15px; }
.btn_con:hover,.btn_con.btn_over{ background:#0080cc; color:#fff; border-color:#0080cc; transition:0.3s }
.btn_set{ padding:15px 0;}

.box_notice{ border:#e4e4e4 solid 1px; padding:90px 15px 15px 15px; background:url(/home/jpnha/images/sub/icon_notice.gif) center 15px no-repeat; }
.box_default{ position:relative; padding:6px; background:url(/home/jpnha/images/sub/box_border.gif); }
.box_default .inner{ width:100%; height:100%; background:#fff; padding:20px; }
@media all and (min-width:768px){
.box_notice{ padding:40px 40px 40px 150px; background:url(/home/jpnha/images/sub/icon_notice.gif) 60px 40px no-repeat; }
.box_default .inner{ padding:40px; }
}


/*기본테이블*/
.basic_table { width:100%; max-width:100%; border-collapse:collapse; border-top:#0080cc solid 2px; word-break: keep-all; line-height: 1.2}
.basic_table thead tr th,.basic_table thead tr td {padding:10px 5px; border:#eee solid 1px; }
.basic_table tbody tr th,.basic_table tbody tr td {padding:10px 5px; border:#eee solid 1px; }
.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0; }
.basic_table tr th:last-child,.basic_table tr td:last-child{ border-right:0; }
.basic_table th { font-size:14px; color:#454545; background-color:#fafafa; vertical-align:middle;   }
.basic_table td { font-size:14px; color:#454545; text-align:left;  vertical-align:middle; word-break:keep-all}
.basic_table td a{ text-decoration:none; color:#454545}
.basic_table td.red{ color:#F00}
.basic_table .no_border { border-right-style: none; }
.basic_table .td_center { text-align:center }
.basic_table .td_right { text-align:right }
.basic_table .td_left { text-align:left }
.border_none{ border-right:none;}
@media all and (min-width:1024px){
.basic_table thead tr th,.basic_table thead tr td { padding:20px 30px; border:#eee solid 1px; font-size:16px; }
.basic_table tbody tr th,.basic_table tbody tr td {padding:20px 30px; border:#eee solid 1px;  font-size:16px;}

}
.basic_table.table_resp th{ text-align: left; padding:0 10px; }
.basic_table.table_resp th,.basic_table.table_resp td{ display:block; border-left:0; border-right:0;  padding:10px;}
@media all and (min-width:768px){
	.basic_table.table_resp th{ text-align: center; padding:0 10px; }
	.basic_table.table_resp th,.basic_table.table_resp td{ display:table-cell; border-left:#eee solid 1px; border-right:#eee solid 1px;  padding:20px;}
}

/*paging*/
.paging{ clear:both; text-align:center; padding:25px 0 0 0}
.paging ul{ font-size:0;}
.paging ul li{ display:inline-block; vertical-align:top; margin:2px}
.paging ul li a{ display:block; width:29px; height:34px; border:#e2e2e2 solid 1px; line-height:32px; font-size:12px; font-weight:400}
.paging ul li a.active{ background:#444; border:#006 solid 1px; color:#fff;}
.paging ul li a.first{ background:url(/home/jpnha/images/sub/arrow_first.jpg) center no-repeat; text-indent:-9999px}
.paging ul li a.prev{ background:url(/home/jpnha/images/sub/arrow_prev.jpg) center no-repeat; text-indent:-9999px}
.paging ul li a.next{ background:url(/home/jpnha/images/sub/arrow_next.jpg) center no-repeat; text-indent:-9999px}
.paging ul li a.last{ background:url(/home/jpnha/images/sub/arrow_last.jpg) center no-repeat; text-indent:-9999px}


/*반응형테이블*/
.responsive{ min-width:600px; }
.scroltable-wrapper { position: relative; }
.scroltable-container { overflow-x:auto}
.scroltable-nav { display: none;  position: absolute;  width: 60px;  height: 100%;  cursor: pointer;}
.scroltable-nav.scroltable-nav-left { left: 0; background: url(/home/jpnha/images/sub/arrow-left.png) no-repeat left 50%, linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right { right: 0; background: url(/home/jpnha/images/sub/arrow-right.png) no-repeat right  50%, linear-gradient(to right, rgba(255,255,255,0), #fff);}

.agree_box{ padding:15px;   border-radius: 15px; background:#fafafa;}
.agree{ padding:25px 15px;  background:#f1f1f1;  margin:15px 0; text-align:center; word-break:keep-all; }
.agree_table{ width:100%; border:#999 solid 1px; border-collapse:collapse; }
.agree_table th,.agree_table td{ background:#f1f1f1; border:#dedede solid 1px; padding:5px}

@media all and (min-width:768px){
.agree_box{ padding:40px; }
}

.form_request .row{ padding:3px 0;}
.form_request .btn_find{ font-family: 'Noto Sans Korean'; background:#0080cc; color:#fff; height:40px; padding:0 10px; border:0; vertical-align: middle; border-radius: 3px;}

/*tab_cate_b*/
.tab_cate_b{ position:relative; height: 44px;   }
.tab_cate_b > li{ position: absolute; width:100%; left:0; right:0;  border-bottom: #eee solid 1px; z-index: 10}
.tab_cate_b.open > li{ position:relative; }
.tab_cate_b > li > a{ display: block; background:#f5f5f5; color:#808080;padding:10px 5px;  text-align:center; font-size:14px; }
.tab_cate_b > li.active{ z-index: 100}
.tab_cate_b > li.active > a{ background:#f5f5f5 url(../img/sub/cate_open.png) 95% center no-repeat; background-size:15px }
@media all and (min-width:1024px) {
.tab_cate_b{ position:relative; display:table; width:100%; height:auto;  background:#f1f1f1; padding:0 22px;   }
.tab_cate_b > li{ position: relative; margin-bottom:0; display:table-cell; width:auto;    }
.tab_cate_b > li > a{ position:relative; display:block; font-size:20px; padding:22px 0; background:transparent }
.tab_cate_b > li > a:after{ position:absolute; left:0; bottom:0; background:#232323; width:0; height:3px; content:""; } 
.tab_cate_b > li.active > a{ position:relative; background:#232323; color:#fff;  top:-10px; transition:all 0.3s ease }
.tab_cate_b > li > a:hover:after{ width:100%;   transition:all 0.3s ease  }
.tab_cate_b > li.active a:hover{  border:0; }
}







.content .con_top{ padding:20px 40px; margin-bottom:40px; background:none; border:#d0d0cf solid 1px; text-align:center; overflow:hidden}
.content .con_top img{ float:none; margin-right:0;}
.content .con_top p{ padding-top:20px; line-height:140%;}
.content .con_top span{ font-size:14px; }
.content .con_top span.blue{ display:block; color:#00aeef }
@media all and (min-width:640px) and (max-width:1023px) {
.content .con_top{ padding:20px 40px 20px 20px;  background:none; text-align:left;   }
.content .con_top p{ padding-top:10px; line-height:140%;}
.content .con_top img{ float:left; margin-right:22px; }
}
@media all and (min-width:1024px){
.content .con_top{padding:20px 270px 20px 20px;   background:url(/home/jpnha/images/sub/bg_con_top01.jpg) right bottom no-repeat; text-align:left;   }
.content .con_top img{ float:left; margin-right:22px; }
}

/*로그인*/
.login_select{ padding:20px 0; overflow:hidden}
.login_select div{ float:none; width:100%; }
.login_select div h4{ font-size:21px;}

/* 로그인(아이핀,핸드폰) */
/*.login_select .login_phone{background:url(/home/jpnha/images/sub/join_phone.jpg) 90% top no-repeat; border-bottom:#d0d0cf solid 1px; padding-bottom:40px}*/
/*.login_select .login_ipin{  padding-top:150px; background:url(/home/jpnha/images/sub/join_ipin.jpg) right 10% no-repeat }*/
@media all and (min-width:640px) and (max-width:1023px) {
.login_select div{ float:none; width:100%; }
/*.login_select .login_phone{  padding-top:0;  padding-right:260px; background:url(/home/jpnha/images/sub/join_phone.jpg) right center no-repeat; border-bottom:#d0d0cf solid 1px; border-right:0;}*/
/*.login_select .login_ipin{  padding-top:25px;  padding-right:260px; padding-bottom:60px; background:url(/home/jpnha/images/sub/join_ipin.jpg) right center no-repeat }*/
}
@media screen and (min-width:1024px){
.login_select{ overflow:hidden}
/*.login_select .login_phone{  padding-top:0;  padding-right:260px; background:url(/home/jpnha/images/sub/join_phone.jpg) 90% center no-repeat; border-bottom:0; border-right:#d0d0cf solid 1px;}*/
/*.login_select .login_ipin{  padding-top:0; padding-left:60px; padding-right:210px; background:url(/home/jpnha/images/sub/join_ipin.jpg) right center no-repeat }*/
}



/*탭스타일*/
.tab{ width:100%; margin:0 auto; font-size:0;border-left:#c2c2c2 solid 1px; margin-bottom:30px; }
.tab li{ display:inline-block;  font-size:16px;  margin-bottom:-1px; vertical-align:top}
.tab li a{ display:block; padding:12px 0; text-align:center; background:#f8f8f8; border-right:#c2c2c2 solid 1px; border-top:#c2c2c2 solid 1px; border-bottom:#c2c2c2 solid 1px}
.tab li a.active,.tab li a:hover{ background:#fff; border:#000 solid 1px; border-bottom:#000 solid 1px; margin-left:-1px;}
/*상세탭스타일*/
.tab_s{ width:100%; margin:0 auto; font-size:0; margin-bottom:30px; border-bottom:#2d2d2d solid 1px; }
.tab_s li{ display:inline-block;  font-size:14px; margin-bottom:-1px}
.tab_s li:first-child a{ border-left:#c2c2c2 solid 1px;}
.tab_s li a{ display:block; padding:10px 20px; text-align:center; background:#f8f8f8; border-right:#c2c2c2 solid 1px; border-top:#c2c2c2 solid 1px; border-bottom:#2d2d2d solid 1px}
.tab_s li a.active,.tab_s li a:hover{ background:#fff; border:#000 solid 1px; border-bottom:#fff solid 1px; margin-left:-1px}

.tab_work{}
.tab_work li{ width:33.333%;}

.tab.col2 li,.tab.col3 li,.tab.col4 li,.tab.col5 li,.tab.col6 li,.tab.col7 li,.tab.col8 li{ width:50%;}

@media screen and (min-width:640px){
.tab li a.active,.tab li a:hover{ background:#fff; border:#000 solid 1px; border-bottom:#fff solid 1px; margin-left:-1px; margin-bottom:0}

.tab_s li:first-child{ margin-left:20px;}
.tab_s li a{  padding:10px 50px;}

.tab_work li{ width:20%;}
.tab.col3 li{ width:33.333%;}
.tab.col4 li{ width:25%;}
.tab.col5 li{ width:20%;}
.tab.col6 li{ width:20%;}
.tab.col7 li{ width:20%;}
.tab.col8 li{ width:20%;}
}
@media screen and (min-width:1024px){
.tab.col6 li{ width:16.66667%;}
.tab.col7 li{ width:14.2857%;}
.tab.col8 li{ width:12.5%;}
.tab_s li a.active,.tab_s li a:hover{ background:#fff; border:#000 solid 1px; border-bottom:#fff solid 1px; margin-left:-1px}
}


/*검색결과*/
.total{ display:block; font-size:16px; margin-bottom:20px;}


/*소개공통*/

.common_wrap{}
.common_wrap .left_wrap{ }
.common_wrap .left_wrap img{ width:100%;}
.common_wrap .right_wrap{ padding-top:20px; overflow:hidden}

@media all and (min-width:640px) {
.common_wrap .left_wrap{ float:left; width:40%; margin-right:5%;}
.common_wrap .right_wrap{ width:55%;}
}

/*연혁*/
.history > li{ margin-bottom:15px;  padding-bottom:15px;  border-bottom:#d0d0cf solid 1px; }
.history > li > h4{ font-size:34px; font-weight:400; padding:0 0 15px 0; }
.history > li > ul > li{ clear:both; overflow:hidden }
.history > li > ul > li > span{ display:block; float:left; min-width:60px; height:22px; line-height:135%}
.history > li > ul > li > p{ display:block; overflow:hidden }
@media all and (min-width:640px) and (max-width:1023px) {
.history > li{ clear:both; margin-bottom:25px; overflow:hidden}
.history > li > h4{ float:left; width:20%; }
.history > li > ul { float:left;}
}
@media screen and (min-width:1024px){
.history > li{ clear:both; margin-bottom:25px; padding-bottom:25px; overflow:hidden}
.history > li > h4{ float:left; width:18%; padding-bottom:0; margin-left:2% }
.history > li > ul { float:left; width:80%;}
.history > li > ul > li{ float:left; clear:none;  width:48%; margin-right:2%;}
}

/*조직도*/
.organization{ background:url(/home/jpnha/images/sub/org_line_m.jpg) 0px 50px no-repeat; overflow:hidden }
.organization span{ float:left; width:100px; height:100px; background:url(/home/jpnha/images/sub/bg_org01.jpg); color:#fff; border-radius:50%; text-align:center; line-height:100px; }
.organization ul{ float:right; width:50%; padding-top:25px; }
.organization ul li{ height:50px; background:url(/home/jpnha/images/sub/bg_org02.jpg); color:#fff; border-radius:25px;  text-align:center; line-height:50px; margin-bottom:15px; }
@media all and (min-width:640px) and (max-width:1023px) {
.organization{ background:url(/home/jpnha/images/sub/org_line_m.jpg) 100px 50px no-repeat; overflow:hidden }
}
@media screen and (min-width:1024px){
.organization{  width:40.8333%; float:left; margin-right:5%; background:url(/home/jpnha/images/sub/org_line.jpg) 70px 70px no-repeat}
.organization span{ float:left; width:140px; height:140px; line-height:140px; }
.organization ul{ padding-top:35px; }
.organization ul li{ float:right; width:230px; height:70px;  line-height:70px; margin-bottom:50px;}
.organ_info{  width:50%; float:left;}
}
.common_wrap{overflow:hidden;}
.common_wrap .left_wrap{position:relative;}
/*table style*/
.basic_table { width:100%; border-collapse:collapse; border-top-width:2px; border-top-style: solid; border-top-color:#393939;}
.basic_table:after { display:block; visibility:hidden; clear:both; content:"" }
.basic_table tr:hover { background-color: #F7F7F7; }
.basic_table thead tr th,.basic_table thead tr td {padding:12px 10px; border-bottom:#757c86 solid 1px;  border-right: #9e9e9e dotted 1px;}
.basic_table tbody tr th,.basic_table tbody tr td {padding:12px 10px; border-bottom:#bbb solid 1px; border-right: #9e9e9e dotted 1px;}
.basic_table tr th:last-child,.basic_table tr td:last-child{ border-right:0}
.basic_table th { font-size:14px;  background-color:#f9f9f9; vertical-align:middle }
.basic_table td { font-size:14px;  line-height:150%; text-align:center;  vertical-align:middle}
.basic_table td a{ text-decoration:none; color:#454545}
.basic_table .no_border { border-right-style: none; }
.basic_table .td_center { text-align:center }
.basic_table .td_right { text-align:right }
.basic_table .td_left { text-align:left }
.border_none{ border-right:none;}

.related_site li{ float:left; width:100%; text-align:center; margin-bottom:5%;}
.related_site li img{ width:80%; }
.related_site li span{ display:block; margin:10px 0}
.related_site li span.title{ color:#424242; font-size:18px; font-weight:bold; margin-top:25px;}
.related_site li span.url{ font-size:12px;}
@media all and (min-width:640px) and (max-width:1023px) {
.related_site li{  width:50%; }
}
@media screen and (min-width:1024px){
.related_site li{  width:25%; }
}

/*프로그램소개*/
.program_info_list{ margin-top:50px;}
.program_info_list li{ padding:25px 15px; margin-bottom:15px; border:#d0d0cf solid 1px; border-radius:7px; background-position: 90% 10%; background-size:10%; background-repeat:no-repeat }
.program_info_list li h5{ }
.program_info_list li span{ display:block; color:#ed1c24; font-size:14px; margin-bottom:28px; }
.program_info_list li p{ line-height:130%;}
.program_info_list li img{ float:right; margin-top:-75px; width:35%; margin-left:15px;}
@media all and (min-width:768px) and (max-width:1023px) {
.program_info_list li{ float:left;  width:49%; margin-right:2%; min-height:260px;}
.program_info_list li:nth-child(even){ margin-right:0 }
}
@media screen and (min-width:1024px){
.program_info_list li{ float:left;  width:32%; margin-right:2%; min-height:260px;}
.program_info_list li:nth-child(even){ margin-right:2% }
.program_info_list li:nth-child(3n){ margin-right:0 }
}


/*프로그램*/
.program_wrap{ overflow-x: auto;}
.table_program { width:100%; border-collapse:collapse; border-top-width:3px; border-top-style: solid; border-top-color:#393939;}
.table_program:after { display:block; visibility:hidden; clear:both; content:"" }
.table_program thead tr th,.table_program thead tr td {padding:5px 0; vertical-align:middle }
.table_program tbody tr th,.table_program tbody tr td {padding:5px 0; vertical-align:middle }
.table_program tbody tr th { border-bottom:#393939 solid 1px;}
.table_program tbody tr td { background:#f9f9f9}
.table_program tr th:last-child,.table_program tr td:last-child{ border-right:0}
.table_program th { font-size:16px; border-left:#fff solid 20px; border-bottom:#e7e7e7 solid 1px;  }
.table_program th:first-child{ border-left:0; border-right:#fff solid 20px; border-bottom:#393939 solid 1px; }
.table_program td { font-size:16px;  line-height:150%; text-align:center; border-bottom:#e7e7e7 solid 1px}
.table_program td a{ text-decoration:none; color:#454545}
.table_program .no_border { border-right-style: none; }
.table_program .td_center { text-align:center }
.table_program .td_right { text-align:right }
.table_program .td_left { text-align:left }
.table_program .border_none{ border-right:none;}
.table_program .bg{ background:#f9f9f9}



/*프로그램버튼*/
.table_program td a{ display:block;  height:30px; line-height:30px;  border:#e1e1e1 solid 1px; background:#fff; margin:0 10px; font-size:12px; overflow:hidden}
.table_program td a:hover{ border:#000 solid 1px; background:#656565; color:#fff; }
.table_program td a.col2{ width:45.05%; float:left; margin:0; margin-right:3.3%;}
.table_program td a.col2:nth-child(1){  margin-left:3.3%}
.table_program td a.col3{ width:28.933%; float:left; margin:0; margin-right:3.3%;}
.table_program td a.col3:nth-child(1){  margin-left:3.3%}
.table_program td a.col4{ width:20.857%; float:left; margin:0; margin-right:3.3%;}
.table_program td a.col4:nth-child(1){  margin-left:3.3%}
@media screen and (min-width:640px){
.table_program thead tr th,.table_program thead tr td {padding:10px 0; vertical-align:middle }
.table_program tbody tr th,.table_program tbody tr td {padding:10px 0; vertical-align:middle }
.table_program td a{ height:40px; line-height:40px; font-size:14px; }
}



/*반응형테이블*/
.responsive{ min-width:600px; overflow-x:auto}
.scroltable-wrapper {  position: relative; }
.scroltable-container {  overflow: auto; }
.scroltable-nav {  display: none;  position: absolute;  width: 60px;  height: 100%;  cursor: pointer;}
.scroltable-nav.scroltable-nav-left {  left: 0;   background: url(/home/jpnha/images/sub/arrow-left.png) no-repeat left center, linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right {  right: 0;  background: url(/home/jpnha/images/sub/arrow-right.png) no-repeat right  center, linear-gradient(to right, rgba(255,255,255,0), #fff);}

.program_list span{ display:block; font-size:16px; margin-bottom:20px;}
.program_list > ul { border-top:#d0d0cf solid 1px; }
.program_list > ul > li{ border-bottom:#d0d0cf solid 1px; padding:20px 0; overflow:hidden}
.program_list > ul > li > img{ float:none; margin-right:0;  width:100%}
.program_list .list_text{  overflow:hidden}
.program_list .list_text h4{ margin-bottom:30px; margin-top:20px; line-height:120%;}
.program_list .list_text dl{  background:#fcfcfc; padding:20px 10px 15px 10px;  border-top:#d0d0cf solid 1px;  border-bottom:#d0d0cf solid 1px; font-size:14px; overflow:hidden}
.program_list .list_text dl dt{ float:left; width:10%; margin-bottom:10px; color:#141414; font-weight:bold}
.program_list .list_text dl dd{ float:left; width:40%;  margin-bottom:10px; color:#595959; line-height:130%;}
.program_list .list_text p{ font-size:16px; margin-top:15px; line-height:150%;}

@media screen and (min-width:860px){
.program_list > ul > li > img{ float:left; margin-right:50px; width:auto}
.program_list .list_text h4{ margin-bottom:30px; margin-top:0px;}
.program_list .list_text dl{  padding:20px 20px 15px 20px; }
.program_list .list_text dl dt{ float:left; width:10%; margin-bottom:10px;}
.program_list .list_text dl dd{ float:left; width:40%;  margin-bottom:10px;}
}



/*프로그램상세*/
.btn_list{  background:#696969 url(/home/jpnha/images/sub/btn_list_on.png) 12px center no-repeat; color:#fff; padding:14px 14px 14px 42px;  font-size:14px; }
.btn_list:hover{ background:#313131 url(/home/jpnha/images/sub/btn_list_on.png) 12px center no-repeat; color:#fff;  }



/*게시판용버튼*/
.btn_board{ background:#696969; color:#fff; padding:14px 25px; }
.btn_board:hover,.btn_board.active{ background:#000; color:#fff; }



/*컨텐츠용버튼*/
.btn_con{ background-color:#fff;  background-position:90% center; background-repeat:no-repeat; padding:15px 50px 15px 15px ;  font-size:14px; color:#000;   }
.btn_con:hover{  background-color:#f6f6f6; background-position:90% center; background-repeat:no-repeat;}
.btn_open,.btn_open:hover{ background-image:url(/home/jpnha/images/sub/open.png); }
.btn_close,.btn_close:hover{ background-image:url(/home/jpnha/images/sub/close.png); }
.btn_more,.btn_more:hover{ background-image:url(/home/jpnha/images/sub/more.png); }
.btn_down,.btn_down:hover{ background-image:url(/home/jpnha/images/sub/down.png); }
.btn_link,.btn_link:hover{ background-image:url(/home/jpnha/images/sub/blank.png); }


.btn_small{ margin: 3px 0 3px 15px; padding:2px 25px 0px 8px; background-repeat:no-repeat; background-position:90% center; background-size:20%; font-size:11px }
.btn_small:hover{ background-repeat:no-repeat; background-position:90% center; background-size:20%; }

/*리스트타입*/
.list_basic li{ color:#313131; line-height:150%; font-size:14px;  padding-left:18px;  }
.list_type01 li{  background:url(/home/jpnha/images/sub/bullet_list01.png) left 10px no-repeat}
.list_type02 li{  background:url(/home/jpnha/images/sub/bullet_list02.png) left 10px no-repeat}
.list_type03 li{  background:url(/home/jpnha/images/sub/bullet_list03.png) 2px 8px no-repeat}
.list_type04 li{  background:url(/home/jpnha/images/sub/bullet_list04.png) 2px 8px no-repeat}


/*상태표시*/
.state{ font-size:11px; padding:4px 14px 6px;}
.state_fin{ border:#393939 solid 1px; background:#444; color:#fff }
.state_ing{ border:#1552b8 solid 1px; background:#3788f6; color:#fff }
.state_be{ border:#dcb666 solid 1px; background:#ffd800; color:#575757 }



/*교육프로그램*/
.program_detail{ border-bottom:#313131 solid 1px; padding-bottom:30px}
.program_detail .detail_top{ text-align:center; margin:20px 0; overflow:hidden}
.program_detail .detail_top img{ float:none; margin-right:40px;}
.program_detail .detail_top .detail_text{  overflow:hidden}
.program_detail .detail_top .detail_text h4{ margin-bottom:30px; margin-top:20px; line-height:120%;}
.program_detail .detail_top .detail_text dl{  background:#fcfcfc; padding:20px 10px 15px 10px;  border-top:#d0d0cf solid 1px;  border-bottom:#d0d0cf solid 1px; font-size:14px; overflow:hidden}
.program_detail .detail_top .detail_text dl dt{ float:left;width:30%; text-align:left;margin-bottom:10px; color:#141414; font-weight:bold}
.program_detail .detail_top .detail_text dl dd{ position:relative; float:left; text-align:left; width:70%;  margin-bottom:10px; color:#595959; line-height:130%;}
.program_detail .detail_top .detail_text dl dd a.btn_place{ position:absolute; top:-3px; right:0; font-size:11px; padding:3px 5px 2px 5px; background:#fff;}
.program_detail .detail_top .detail_text dl dd a.btn_place:hover{ background:#313131; color:#fff;}
.program_detail .detail_body{ padding:0px;}
.program_detail .detail_body .sketch_gallery{ overflow:hidden}
.program_detail .detail_body .sketch_gallery li{ float:left; width:100%; margin-right:0; margin-bottom:3.5%;}
.program_detail .detail_body .sketch_gallery li:nth-child(2n){ margin-right:0;}
.program_detail .detail_body .sketch_gallery li:nth-child(3n){ margin-right:0;}
.program_detail .detail_body .sketch_gallery li img{ width:100%;}
.program_detail .detail_body .sketch_gallery li span{ display:block; padding:2px 0; font-size:12px; color:#696969}
.program_detail .detail_body .sketch_gallery li span.date{ margin-top:10px;}
@media all and (min-width:768px) and (max-width:1023px) {
.program_detail .detail_top img{ float:left; margin-right:15px;  width:35%}
.program_detail .detail_top .detail_text h4{ margin-bottom:15px; margin-top:0; line-height:120%;}
.program_detail .detail_top .detail_text dl{  background:#fcfcfc; padding:10px 10px 0 10px; }
.program_detail .detail_top .detail_text dl dt{ float:left; width:15%;}
.program_detail .detail_top .detail_text dl dd{ float:left; width:35%;}
.program_detail .detail_body .sketch_gallery li{ float:left; width:46.5%; margin-right:3.5%; margin-bottom:3.5%;}
.program_detail .detail_body .sketch_gallery li:nth-child(2n){ margin-right:0;}
.program_detail .detail_body .sketch_gallery li:nth-child(3n){ margin-right:3.5%;}
}
@media screen and (min-width:1024px){
.program_detail .detail_top{ text-align:left; }
.program_detail .detail_top img{ float:left;}
.program_detail .detail_top .detail_text dl dt{ float:left; width:15%;}
.program_detail .detail_top .detail_text dl dd{ float:left; width:35%;}
.program_detail .detail_body{ padding:20px;}
.program_detail .detail_body .sketch_gallery li{ float:left; width:31%; margin-right:3.5%; margin-bottom:3.5%;}
.program_detail .detail_body .sketch_gallery li:nth-child(2n){ margin-right:3.5%;}
.program_detail .detail_body .sketch_gallery li:nth-child(3n){ margin-right:0;}
}


#schedule_wrap{ overflow:hidden}

/*전시리스트 화면전환*/
.sort_change{font-size:0; margin:30px 0; overflow:hidden;}
.sort_change a{ display:inline-block; width:50px; height:30px; background-repeat:no-repeat; background-position:center; text-indent:-9999px; border:#d3d3d3 solid 1px; margin-right:-1px; }
.sort_change a#thumb{ background-image:url(/home/jpnha/images/sub/sort_01_off.jpg)}
.sort_change a#thumb:hover,.sort_change a#thumb.active{ background-image:url(/home/jpnha/images/sub/sort_01_on.jpg)}
.sort_change a#list{ background-image:url(/home/jpnha/images/sub/sort_02_off.jpg)}
.sort_change a#list:hover,.sort_change a#list.active{ background-image:url(/home/jpnha/images/sub/sort_02_on.jpg)}


/*층별
.stair_nav_wrap{ text-align:center; margin:50px 0}
.stair_nav{ width:100%; margin:0 auto; font-size:0; perspective:1000px;  overflow:hidden }
.stair_nav li{ float:left; position:relative; width:24.25%; margin-right:1%; height:50px; display:inline-block; font-size:18px; font-weight:bold; }
.stair_nav li:last-child{ margin-right:0;}
.stair_nav li a{transition:all 0.2s ease-out; transform-style: preserve-3d;}
.stair_nav li:hover a.front{transform: rotateX( -180deg ); z-index:1 }
.stair_nav li:hover a.back{transform: rotateX( 0deg ); z-index:2 }
.stair_nav li a{ position:absolute; display:block; background:#666666; color:#fff; width:100%; line-height:50px; text-align:center; }
.stair_nav li.active a{background:#ff9c00}
.stair_nav li a.front{ transform: rotateX( 0deg ); z-index:2 }
.stair_nav li a.back{ transform: rotateX( 180deg ); background:#ff9c00; z-index:1}
@media all and (min-width:640px){

.stair_nav li{float:none; position:relative; width:90px; height:90px; display:inline-block;  margin:1px; font-size:18px; font-weight:bold; }
.stair_nav li a{ width:90px; line-height:90px; }
}*/



/*미술관안내
.info_map{display:none;}
.info_map img{ max-width:100%;}
.info_list{ padding:25px 0; border-top:#eee solid 1px}
.info_list li{ float:left; width:50%;  line-height:30px; margin-bottom:15px;  font-size:14px;}
.info_list li span{ float:left; display:block; width:30px; height:30px; text-align:center; line-height:30px; border-radius:15px; font-weight:700;  color:#fff; background:#ffba00; margin-right:5px;}
@media all and (min-width:640px) and (max-width:767px){
.info_list{ padding:25px; border-top:#eee solid 1px}
.info_list li{width:33.333%; font-size:16px; }
}
@media all and (min-width:768px) and (max-width:1023px) {
.info_list li{width:25%; font-size:16px; }
}
@media all and (min-width:1024px){
.info_list{ padding:25px;}
.info_list li{width:16.6667%; font-size:16px; }
}
*/

/*전시리스트 thumb*/
.display_thumb li{ float:none; width:100%; margin-right:0; min-height:auto; margin-bottom:30px;}
.display_thumb li a{ display:block; }
.display_thumb li div.bg_img{ background:#282828; font-size:0;  }
.display_thumb li img{  width:100%; vertical-align:middle }
.display_thumb li:nth-child(4n){ margin-right:0 }
.display_thumb li p.exp{ display:none; }
.display_thumb li span{ display:block }
.display_thumb li span.subject{ margin-top:15px; font-size:18px; }
.display_thumb li span.date{ margin-top:8px; font-size:12px; font-weight:400 }
.display_thumb li span.place{ margin-top:14px; font-size:14px; }
@media all and (min-width:768px) and (max-width:1023px) {
.display_thumb li{ float:left; width:32%; margin-right:2%;  min-height:450px;  margin-bottom:0px; }
.display_thumb li div.bg_img{ background:#282828; line-height:300px; }
.display_thumb li:nth-child(3n){ margin-right:0}
.display_thumb li:nth-child(4n){ margin-right:2%;}
}
@media all and (min-width:1024px){
.display_thumb { overflow:hidden}
.display_thumb li{ float:left; width:280px; margin-right:2.222225%; min-height:510px;  margin-bottom:0px;}
.display_thumb li div.bg_img{ line-height:370px; height:370px; font-size:0;}
.display_thumb li span.subject{ margin-top:24px; font-size:18px;}
}



/*전시리스트 list*/
.display_list li{ overflow:hidden; }
.display_list li div.bg_img{ float:left; background:#282828; font-size:0;  }
.display_list li { position:relative; margin-bottom:25px; border:#dcdcdc solid 1px; padding: 0 15px 0 0; }
.display_list li a{ display:block; overflow:hidden}
.display_list li div.bg_img{  width:50%;  line-height:150px; text-align:center; margin-right:20px; overflow:hidden }
.display_list li div.bg_img img{ width:auto; height:100%; vertical-align:middle;}
.display_list li p{ text-align:justify; margin-bottom:15px;}
.display_list li span.subject{ display:block; font-size:18px; font-weight:700; margin:15px 0}
.display_list li span.place{ display:block; font-size:14px;  margin-bottom:15px;}
.display_list li span.date{display:block; font-size:14px; left:350px;  margin-bottom:5px;}
@media all and (max-width:470px){
.display_list li {  padding: 0 15px;}
}
@media all and (min-width:768px) and (max-width:1023px) {
.display_list li {  padding: 0 15px 0 0;}
.display_list li div.bg_img{  width:180px; height:180px; line-height:180px; text-align:center; margin-right:30px; overflow:hidden }
}
@media all and (min-width:1024px){
.display_list li { position:relative; margin-bottom:25px; border:#dcdcdc solid 1px;  padding: 0 30px 0 0;}
.display_list li div.bg_img{  width:210px; height:210px; line-height:180px; text-align:center; margin-right:30px; overflow:hidden }
.display_list li div.bg_img img{ vertical-align:middle;}
.display_list li span.subject{ display:block; font-size:21px; font-weight:700; margin:15px 0}
.display_list li span.place{ display:inline-block;  font-size:14px; margin-right:20px }
.display_list li span.date{display:inline-block;  font-size:14px; margin-right:20px   }
}



/*전시리스트 상세페이지*/
.display_detail{}
.display_detail .list_btn_set{ position:relative; height:30px; margin-bottom:30px;}
.display_detail .list_btn_set a{ position:absolute; text-indent:-9999px; width:30px; height:30px; border:#d3d3d3 solid 1px;}
.display_detail .list_btn_set a.list_view{ background:url(/home/jpnha/images/sub/list.jpg) no-repeat; left:0;}
.display_detail .list_btn_set a.list_prev{ background:url(/home/jpnha/images/sub/list_prev.jpg) no-repeat; right:29px;}
.display_detail .list_btn_set a.list_next{ background:url(/home/jpnha/images/sub/list_next.jpg) no-repeat; right:0}

.display_detail .detail_top{  text-align:center; background:#414141; color:#fff; overflow:hidden}
.display_detail .detail_top img{ float:none; max-width:100%;}
.display_detail .detail_top .detail_top_text{ padding:15px; overflow:hidden}
.display_detail .detail_top .detail_top_text h4{ font-size:20px; padding:20px 0; border-bottom:#000 solid 1px; font-weight:300; text-align:left; line-height:130%}
.display_detail .detail_top .detail_top_text dl{ padding-top:25px}
.display_detail .detail_top .detail_top_text dl dt{ float:left; width:40%; color:#a4a4a4; margin-bottom:15px;  font-size:14px; text-align:left}
.display_detail .detail_top .detail_top_text dl dd{ float:left; width:60%;  margin-bottom:15px;  font-size:14px;  text-align:left}
.display_detail .detail_body{ padding:0px;}

@media all and (min-width:768px){
.display_detail .detail_top{ padding-top:0;}
.display_detail .detail_top img{ float:left}
.display_detail .detail_top .detail_top_text{ padding-left:50px; padding-top:30px; overflow:hidden}
.display_detail .detail_top .detail_top_text h4{ font-size:24px; padding-bottom:37px; text-align:left}
.display_detail .detail_top .detail_top_text dl dt{ float:left; width:15%; color:#a4a4a4; margin-bottom:15px;  font-size:16px;}
.display_detail .detail_top .detail_top_text dl dd{ float:left; width:35%;  margin-bottom:15px;  font-size:16px;}
.display_detail .detail_body{ padding:20px;}
}
@media all and (min-width:768px) and (max-width:1023px) {
.display_detail .detail_top .detail_top_text{ padding-left:30px; padding-top:30px; overflow:hidden}
.display_detail .detail_top .detail_top_text h4{ font-size:24px; padding-bottom:30px;}
.display_detail .detail_top .detail_top_text dl dt{ float:left; width:40%; color:#a4a4a4; margin-bottom:15px;  font-size:16px;}
.display_detail .detail_top .detail_top_text dl dd{ float:left; width:60%;  margin-bottom:15px;  font-size:16px;}
}



/*전시리스트 전시작품*/
.grid-sizer { width: 50%; }
.grid-item{width:48%; margin-right:2%; margin-bottom:2%; overflow:hidden}
.grid-item > a{ position:relative; display:block; overflow:hidden}
.grid-item img{ width:100%; transition: all 0.2s linear;}
.grid-item a:hover img{ transform: scale(1.1,1.1);}
.grid-item a:hover > div.mask{ transition: all 0.3s ease-in-out; opacity:1; transform: scale(1.0,1.0);}
.grid-item a > div.mask{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); display:block; z-index:100; text-align:center; color:#fff; opacity:0;  transition: all 0.3s ease-in-out; transform: scale(1.5,1.5); }
.grid-item a > div.mask h5{ position:absolute; bottom:80px; width:100%; border-bottom:#fff solid 1px; }
.grid-item a > div.mask h5:before{ display:none; }
.grid-item a > div.mask span{ position:absolute; display:block;  width:100%; margin-top:10px; font-size:14px;}
.grid-item a > div.mask span.artist{ bottom:50px;}
.grid-item a > div.mask span.year{ bottom:30px;}
@media all and (min-width:768px) and (max-width:1023px) {
.grid-sizer { width: 33.333%; }
.grid-item{ width:32%; margin-right:1.333%; margin-bottom:1.333%}
}
@media all and (min-width:1024px){
.grid-sizer { width: 20%; }
.grid-item{ width:19%; margin-right:1%; margin-bottom:1%;float:left;}
}



/*작가상세페이지*/
.display_detail .artist_top{  text-align:left; color:#111; overflow:hidden}
.display_detail .artist_top .img_wrap{ float:none; background:#000; text-align:center}
.display_detail .artist_top img{ float:none; max-width:100%;}
.display_detail .artist_top .detail_top_text{ padding:30px 15px;  text-align:left; overflow:hidden}
.display_detail .artist_top .detail_top_text h4{ font-size:30px; padding:0; font-weight:300; text-align:left; line-height:130%}
.display_detail .artist_top .detail_top_text span{ display:block; padding:5px 0;  color:#808080; font-size:14px; }

.display_detail .detail_body{ padding:0px;}
@media all and (min-width:768px){
.display_detail .artist_top{ padding-top:0;}
.display_detail .artist_top .img_wrap{ float:left;  width:400px; height:200px;}
.display_detail .artist_top .img_wrap img{  height:100%;}
.display_detail .artist_top .detail_top_text{ padding-left:50px; padding-top:0; overflow:hidden}
.display_detail .artist_top .detail_top_text h4{ font-size:30px; padding-bottom:25px; text-align:left}

.display_detail .detail_body{ padding:20px;}
}
@media all and (min-width:768px) and (max-width:1023px) {
.display_detail .artist_top .img_wrap{ float:left; width:45%; height:200px;}
.display_detail .artist_top .img_wrap img{  height:100%;}
.display_detail .artist_top .detail_top_text{ padding-left:30px; padding-top:0; overflow:hidden}
.display_detail .artist_top .detail_top_text h4{ font-size:30px; padding-bottom:30px;}

}



/*작가리스트*/
.artist_list_wrap{}
.artist_list_wrap span.total{ display:block; font-size:16px; margin-bottom:20px;}
.artist_list li{ float:left; width:49%; margin-right:2%; margin-bottom:2%;}
.artist_list li:nth-child(2n){ margin-right:0;}
.artist_list li img{ width:100%;}
.artist_list li span{ display:block; padding:2px 0; font-size:12px; color:#696969}
.artist_list li span.name{ margin-top:10px; margin-bottom:5px; font-size:18px}
@media all and (min-width:768px) and (max-width:1023px) {
.artist_list li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.artist_list li:nth-child(2n){ margin-right:2%;}
.artist_list li:nth-child(3n){ margin-right:0;}
.artist_list li:nth-child(5n){ margin-right:2%;}
}
@media all and (min-width:1024px){
.artist_list li{ float:left; width:18%; margin-right:2.5%; margin-bottom:2.5%;}
.artist_list li:nth-child(2n){ margin-right:2.5%;}
.artist_list li:nth-child(3n){ margin-right:2.5%;}
.artist_list li:nth-child(5n){ margin-right:0;}
}



/*미술관 소식지*/
.newsletter{ padding:30px 0; border-top:#d1d1d1 solid 1px; overflow:hidden}
.newsletter .news_top{ overflow:hidden }
.newsletter .news_num{ float:none;  width:100%; text-align:center; margin-right:37px; margin-bottom:25px; }
.newsletter .news_num span{ display:block; font-size:12px; text-align:center; vertical-align:bottom}
.newsletter .news_num span.num{ width:100%; text-align:center; font-family:"Georgia"; font-size:83px; font-style:italic;  vertical-align:top; padding-bottom:22px; border-bottom:#000 solid 1px}
.newsletter .news_num span.num em{ font-size:32px; vertical-align:middle }
.newsletter .news_num span.date{ display:block; margin:10px 0;}
.newsletter .news_num span.title{ display:block; margin-bottom:20px}

.newsletter .news_img{ float:none; width:100%; margin-right:20px; margin-bottom:20px }
.newsletter .news_img img{ width:100%;}
.newsletter .news_info{ overflow:hidden }
.newsletter .news_info ul li{ font-size:14px; color:#747474; line-height:150% }
.newsletter .news_info ul li span{ display:inline-block; width:40px; color:#484848; font-weight:700 }
.newsletter .news_list{ clear:both; margin-top:35px; padding-top:15px}

.newsletter .news_list{ border-top:#d1d1d1 solid 1px; }
.newsletter .news_list ul li{ float:left; width:46%; margin-right:8%; font-size:12px; margin-bottom:20px}
.newsletter .news_list ul li:nth-child(2n){ margin-right:0;}
.newsletter .news_list ul li img{ width:100%;}
.newsletter .news_list ul li span { display:block; margin:10px 0 }
.newsletter .news_list ul li a{ background:url(/home/jpnha/images/sub/bg_more.jpg) right no-repeat; padding-right:20px; margin:0; text-decoration:underline}
@media all and (min-width:768px) and (max-width:1023px){
.newsletter .news_list ul li{ float:left; width:18%; margin-right:2.5%; margin-bottom:2.5%;}
.newsletter .news_list ul li:nth-child(2n){ margin-right:2.5%;}
.newsletter .news_list ul li:nth-child(5n){ margin-right:0;}
.newsletter .news_img{ float:left; width:50%}
.newsletter .news_num{  width:100%; margin:0 auto 25px auto}
.newsletter .news_num span.num{ margin-bottom:10px;}
.newsletter .news_num span.date{ display:inline-block; margin:20px 10px}
.newsletter .news_num span.title{ display:inline-block; margin:20px 10px}
.newsletter .news_info ul li{ font-size:13px; color:#747474; line-height:140% }
.newsletter .news_list ul li a{ display:inline-block}
}
@media all and (min-width:1024px){
.newsletter .news_list ul li{ width:9.5%; margin-right:0.555556%;}
.newsletter .news_list ul li:nth-child(2n){ margin-right:0.555556%;}
.newsletter .news_list ul li:nth-child(5n){ margin-right:0.555556%;}
.newsletter .news_list ul li:nth-child(10n){ margin-right:0;}
.newsletter .news_num{ float:left;  width:165px;  text-align:right; margin-bottom:0;}
.newsletter .news_num span.num{ padding-bottom:22px; text-align:right;  }
.newsletter .news_num span{ display:block; text-align:right}
.newsletter .news_img{ float:left; width:auto; margin-right:50px; }
}



/*전시회검색*/
.display_sch_wrap{ background:#f3f3f3; padding:15px; margin-bottom:15px;}

#display_search label{ display:block; padding:10px 0; }
#display_search .date_set{ position:relative;}
#display_search  span{ display:block; text-align:center}
#display_search .date_set .date_btn{ position:absolute; top:0; right:0;}
#display_search input[type=text]{ width:100%; height:40px; vertical-align:top; padding:5px 10px}
#display_search select{ width:100%; height:40px; margin-bottom:15px; padding:0 10px;}
#display_search .btn_search{  width:50%; background:#282828 url(/home/jpnha/images/sub/bg_search.jpg) 30% center no-repeat; padding:0; color:#fff; border:#000 solid 1px; height:60px; padding-left:20px; margin-right:-4px; cursor:pointer}
#display_search .btn_clear{  width:50%; background:#878787; padding:0; color:#fff; border:#000 solid 1px; height:60px; padding-left:0;  cursor:pointer}
@media all and (min-width:768px) and (max-width:1023px){
#display_search label{ clear:both }
#display_search .date_set{ float:left; width:48%}
#display_search  span{ float:left; width:4%; text-align:center; line-height:40px;}
#display_search select{ width:48%; margin-right:4%; vertical-align:top}
#display_search .btn_search{ height:40px; width:24%; margin-left:-2px; }
#display_search .btn_clear{ height:40px; width:24%;  margin-left:-2px }
}
@media all and (min-width:1024px){
.display_sch_wrap{position:relative;  padding:30px 305px 30px 30px;}
#display_search label{ float:left; margin-right:30px; padding:0; line-height:40px;}
#display_search label[for=display_place]{ margin-left:35px;}
#display_search input[type=text]#display_subject{ float:left; width:770px; height:40px; vertical-align:top; padding:5px 10px; margin-bottom:10px;}
#display_search .date_set{ float:left; width:24%}
#display_search  span{ float:left; width:4%; text-align:center; line-height:40px;}
#display_search select{ float:left; width:23%; margin-bottom:0;}
#display_search .btn_search{ position:absolute; top:30px; right:175px; width:130px; height:90px; margin-left:-2px; font-size:18px; }
#display_search .btn_clear{ position:absolute; top:30px; right:30px;   width:130px; height:90px; margin-left:-2px; font-size:18px; }
}



/*도서검색*/
.book_sch_wrap{ background:#f3f3f3; padding:15px; margin-bottom:15px;}
#book_search{}
#book_search fieldset:first-child{ border-bottom:#d1d1d1 solid 1px; padding-bottom:15px;}
#book_search fieldset:last-child{ padding-top:15px;}
#book_search label{ display:block; padding:10px 0; }
#book_search input[type=text],#book_search select,#book_search input[type=button]{ width:100%; height:40px; vertical-align:top; padding:5px 10px}
#book_search input[type=button]{background:#282828 url(/home/jpnha/images/sub/bg_search.jpg) 40% center no-repeat; padding:0; color:#fff; border:#000 solid 1px; height:40px; padding-left:20px; margin-top:5px; cursor:pointer}
#book_search span{ display:block; padding:10px 0; font-size:14px;}
@media all and (min-width:768px) and (max-width:1023px){
#book_search label{ float:left; width:20%; display:block; padding:10px 0; }
#book_search input[type=text],#book_search select,#book_search input[type=button]{ float:left; width:80%; height:40px; vertical-align:top; padding:5px 10px; margin-bottom:10px; }
#book_search input#book_author{ width:60%; }
#book_search input#search_keyword{ width:60%; }
#book_search input[type=button]{ width:20%; background:#282828 url(/home/jpnha/images/sub/bg_search.jpg) 32% center no-repeat; margin-top:0; padding-left:30px}
#book_search span{ text-align:right }
}
@media all and (min-width:1024px){
.book_sch_wrap{ background:#f3f3f3; padding:20px;}
#book_search label{ display:inline-block; width:8%; padding:10px 0; text-align:center }
#book_search input[type=text],#book_search select{ width:21%; height:40px; vertical-align:top; padding:5px 10px; }
#book_search input[type=text]#search_keyword{ width:630px;}
#book_search input[type=button]{ width:11%; margin-right:0; margin-top:0;}
#book_search span{ display:inline-block; margin-left:25px; }
#book_search input[type=button]{background:#282828 url(/home/jpnha/images/sub/bg_search.jpg) 30% center no-repeat;}
}

.total_sch_wrap{ background:#f3f3f3; padding:15px; margin-bottom:15px;}
#total_search input[type=text],#total_search select,#total_search input[type=button]{ width:100%; height:40px; vertical-align:top; padding:5px 10px; margin-bottom:10px}
#total_search input[type=button]{background:#282828; padding:0; color:#fff; border:#000 solid 1px; height:40px;  cursor:pointer}
#total_search .cate_more{ }
#total_search .cate_more label{ display:block; padding:12px 0 8px 0;}
@media all and (min-width:768px) and (max-width:1023px){
#total_search .cate_more{ padding:5px 0}
#total_search .cate_more label{ display:inline-block; width:20%; background:#fff; font-size:14px; line-height:38px; border:#666 solid 1px;  padding:0 12px;}
#total_search select{ width:20%}
#total_search input[type=text]{ width:50%}
#total_search input[type=button]{ width:10%;}
#total_search label[for=result_check]{ display:inline-block; padding-top:10px;}
}
@media all and (min-width:1024px){
.total_sch_wrap{  padding:30px;}
#total_search input[type=text],#total_search select,#total_search input[type=button]{ margin-bottom:0}
#total_search .cate_more{ padding-top:5px}
#total_search .cate_more label{ display:inline-block; width:20%; background:#fff; font-size:14px; line-height:38px; border:#666 solid 1px;  padding:0 12px;}
#total_search select{ width:20%}
#total_search input[type=text]{ width:55%}
#total_search input[type=button]{ width:10%;}
#total_search label[for=result_check]{ display:inline-block; padding-top:10px; margin-left:20px;}
#total_search input[type=checkbox]{ width: 20px; height:20px; background:#fff; vertical-align:middle; margin-right:10px}
}

/*국내외 협력기관*/
.related_site{overflow:hidden;}

/*검색후 탭 */
.cate_more{ display:none}
.cate_tab{ padding-top:17px; border-bottom:#7e7e7e solid 1px; margin-bottom:40px;}
.cate_tab li{ display:inline-block; padding:0 10px; text-align:center; border-right:#d3d3d3 solid 1px; margin-bottom:17px}
.cate_tab li a.active{ color:#ff000a }
.tab_result{ display:none}



/*검색결과*/
.collection li { float:left; width:100%;  margin-bottom:5%;}
.collection li div.img_wrap{ background:#000; width:100%; text-align:center; font-size:0;  line-height:230px; height:230px;}
.collection li div.img_wrap img{ vertical-align:middle}
.collection li span{ display:block; }
.collection li span.subject{ color:#111; padding:10px 0}
.collection li span.artist{ color:#727272; font-size:12px; }

@media all and (min-width:768px) and (max-width:1023px){
.collection li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.collection li div.img_wrap{}
.collection li:nth-child(2n){ margin-right:2%;}
.collection li:nth-child(3n){ margin-right:0;}
.collection li:nth-child(5n){ margin-right:2%;}
}
@media all and (min-width:1024px){
.collection li{ float:left; width:18%; margin-right:2.5%; margin-bottom:2.5%;}
.collection li div.img_wrap{ }
.collection li div.img_wrap img{ vertical-align:middle}
.collection li:nth-child(2n){ margin-right:2.5%;}
.collection li:nth-child(3n){ margin-right:2.5%;}
.collection li:nth-child(5n){ margin-right:0;}
}
.sch_result_list > li{ border-bottom:#d9d9d9 solid 1px; padding-bottom:24px;}
.sch_result_list .sch_result_nav { padding:15px 0; overflow:hidden}
.sch_result_list .sch_result_nav li { float:left; font-size:12px; color:#a8a8a8 }
.sch_result_list > li > span.title{ display:block; clear:both; margin-bottom:5px; font-size:18px;}
.sch_result_list > li > span.date{ display:block; font-size:12px; color:#727272; padding:5px 0 }
.sch_result_list > li > p{ line-height:130%; font-size:14px; margin-top:15px}




/*검색팁*/
.caution{ padding:20px 0 20px 75px; background:url(/home/jpnha/images/sub/icon_caution.jpg) 10px 20px no-repeat; border-bottom:#ededed solid 1px; margin-bottom:15px;}
.caution span{ display:block; margin-bottom:10px }
.caution p{ line-height:130%;}

/*전시관 - 메인*/
.exhibit_wrap{ position:relative }
.exhibit_wrap > img{ max-width:100%;}
.exhibit_wrap .exhibit_menu{ margin-top:25px; overflow:hidden }
.exhibit_wrap .exhibit_menu li{ margin-bottom:5px; font-size:14px;}
.exhibit_wrap .exhibit_menu li a{ display:block; border:#adadad solid 1px; padding:10px 20px}
.exhibit_wrap .exhibit_menu li a:hover{ background:#363636;  border:#000 solid 1px;  color:#fff }
@media all and (min-width:768px) and (max-width:1023px){
.exhibit_wrap .exhibit_menu li{ float:left; width:19%; margin-right:1.25%;}
.exhibit_wrap .exhibit_menu li:last-child{ margin-right:0; }
.exhibit_wrap .exhibit_menu li a{ padding:10px 0; text-align:center }
}
@media all and (min-width:1024px){
.exhibit_wrap .exhibit_menu li{ float:left; width:18.5%; margin-right:1.875%; font-size:16px;}	
.exhibit_wrap .exhibit_menu li:last-child{ margin-right:0; }
.exhibit_wrap .exhibit_menu li a{ padding:22px 0; text-align:center }
}



/*전시관 - 소개*/
.exhibit_img{ margin-top:25px;}
.exhibit_img .owl-dots{ position:absolute; right:15px; bottom:15px;}
.exhibit_img .owl-dots .owl-dot{text-indent:-9999px;display:inline-block;margin-right:10px;}
.exhibit_img .owl-dots .owl-dot a{ background:#000; width:10px; height:10px; display:block;border-radius:50%;}
.exhibit_img .owl-dots .owl-dot:last-child{margin-right:0;}
.exhibit_img .owl-dots .owl-dot.active a{ background:#fff } 
.exhibit_img .owl-nav{display:none;}
.exhibit_img div.img_wrap{ height:200px; background-position:center; background-size:cover; background-repeat:no-repeat}
@media all and (min-width:768px) and (max-width:1023px){
.exhibit_img .owl-dots .owl-dot a{ background:#000; width:15px; height:15px; }
.exhibit_img div.img_wrap{ height:300px; background-position:center;}
}
@media all and (min-width:1024px){
.exhibit_img .owl-dots{ position:absolute; right:30px; bottom:30px;}
.exhibit_img .owl-dots .owl-dot a{ background:#000; width:20px; height:20px; }
.exhibit_img div.img_wrap{ height:590px; background-position:center;}
}
.exhibit_info{  background:rgba(0,0,0,.7); padding:15px; margin-top:10px; }
.exhibit_info h4{ color:#fff; margin-bottom:20px;}
.exhibit_info h4:after{ content:""; display:block; background:#f1f1f1; width:30px; height:3px; margin-top:12px } 
.exhibit_info ul li{ line-height:160%; font-size:14px; color:#fff; margin-bottom:10px }
.exhibit_info ul li span{ display:block; width:70px; font-size:16px; margin-bottom:5px }
@media all and (min-width:768px) and (max-width:1023px){
.exhibit_info ul li span{ display:inline-block; }
}
@media all and (min-width:1024px){
.exhibit_info{ position:absolute; bottom:0; left:0; width:37%; padding:30px 40px;  margin-top:10px; z-index:10}
.exhibit_info ul li span{ display:inline-block; }
}


/*전시관 - 일정*/
.rent_wrap{ padding:0px; overflow:hidden }
.rent_wrap .rent_table_wrap{ margin-top:25px }
.rent_wrap .rent_table_wrap span{ display:block; padding-bottom:25px; font-size:20px}
.rent_table { min-width:700px}
@media all and (min-width:768px) and (max-width:1023px){
.rent_wrap .rent_schedule{ float:left; width:40%; margin-right:5%}
.rent_wrap .rent_table_wrap{ float:left; float:left; width:55%; margin-top:0 }
.rent_wrap .rent_table_wrap table{ margin-top:0; }
}
@media all and (min-width:1024px){
.rent_wrap{  padding:50px; border:#d0d0cf solid 1px}
.rent_wrap .rent_schedule{ float:left; width:40%; margin-right:5%;}
.rent_wrap .rent_table_wrap{ float:left; float:left; width:55%; margin-top:0 }
.rent_wrap .rent_table_wrap table{ margin-top:0; }
.ui-datepicker td span, .ui-datepicker td a {	height: 60px;	line-height: 60px }
.ui-datepicker th { padding: 15px 0 }
}
.no_schedule{ background:#f1f1f1; text-align:center; padding:80px 0}


/*태그클라우드*/
#tagcloud{ width:100%; margin:50px auto; text-align:center}
#tagcloud a{ display:inline-block;  transition: all 0.5s ease-out;}
#tagcloud a:hover{ transform: scale(1.3,1.3); transition: all 0.5s ease-out;}
@media all and (min-width:768px) and (max-width:1023px){
#tagcloud{ width:90%; margin:50px auto; text-align:center}
}
@media all and (min-width:1024px){
#tagcloud{ width:800px; margin:100px auto; text-align:center}
}



/*리스트 페이징*/
.pagination{ clear:both; text-align:center; padding:25px 0}
.pagination ul li{ display:inline-block; vertical-align:top; margin:3px}
.pagination ul li a{ display:block; width:30px; height:34px; border:#e2e2e2 solid 1px; line-height:32px; font-size:12px; font-weight:400}
.pagination ul li a.active{ background:#444; border:#006 solid 1px; color:#fff;}
.pagination ul li a.first{ background:url(/home/jpnha/images/sub/arrow_first.jpg) center no-repeat}
.pagination ul li a.prev{ background:url(/home/jpnha/images/sub/arrow_prev.jpg) center no-repeat}
.pagination ul li a.next{ background:url(/home/jpnha/images/sub/arrow_next.jpg) center no-repeat}
.pagination ul li a.last{ background:url(/home/jpnha/images/sub/arrow_last.jpg) center no-repeat}
.edu_pagination{padding: 0px 0 30px !important;}


/*calender month*/
.month_select{ text-align:center}
.month_select .ui_date_text{display:inline-block; font-size:26px;  font-weight:300; padding:15px 0 }
.month_select a{ display:inline-block; width:17px; height:32px; text-indent:-9999px; margin:15px; vertical-align:top}
.month_select a.prev{ background:url(/home/jpnha/images/sub/cal_prev.png) no-repeat}
.month_select a.next{ background:url(/home/jpnha/images/sub/cal_next.png) no-repeat}



/*calender top*/
.calendar_top{ clear:both; text-align:right; padding:10px 0}
.calendar_top p{ width:100%; margin-bottom:10px; text-align:left }
.calendar_top a.btn_cal{ background:url(/home/jpnha/images/sub/btn_calendar.png) 7px center no-repeat; padding-left:30px}
.calendar_top a.btn_cal:hover{ background:#f5f5f5 url(/home/jpnha/images/sub/btn_calendar.png) 7px center no-repeat}
.calendar_top span{ display:inline-block; width:10%; text-align:center}
.calendar_top input{ width:45%; padding:7px; margin-bottom:10px; box-sizing:border-box; border:#000 solid 1px }
@media all and (min-width:768px){
.calendar_top span{ display:inline-block; width:15px; text-align:center}
.calendar_top input{ width:160px; padding:7px; margin-bottom:10px; box-sizing:border-box }
}


/* calendar date*/
.set_calendar	{ display:none; overflow:hidden; position:relative;}
.set_calendar .calendar_in{position:relative; left:0; width:300%; padding:0 12px; background:#333; box-sizing:border-box; *zoom:1;}
.set_calendar .calendar_in:after{display:block; clear:both; content:"";}
.set_calendar .calendar_unit	{float:left;}
.set_calendar .calendar{padding:13px 0 14px; background-color:#333; *zoom:1;}
.set_calendar .calendar:after{display:block; clear:both; content:"";}
.set_calendar .calendar li{position:relative; float:left; width:38px; padding-top:20px;}
.set_calendar .calendar li a {display:block; width:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; font-weight:700}
.set_calendar .calendar .day_sat>a,.set_calendar .calendar .day_sun>a{color:#fff669 !important;}
.set_calendar .calendar .day_sat>span,.set_calendar .calendar .day_sun>span{position:absolute; left:0; top:0; width:100%; text-align:center; color:#cbcbcb; font-size:11px;}
.set_calendar .calendar .day_today>span{overflow:hidden; position:absolute; left:50%; top:20px; width:10px; height:5px; margin-left:-4px; background:url("/home/jpnha/images/sub/bg_calendar_new.png") no-repeat 0 -127px; white-space:nowrap; text-indent:100%;}
.set_calendar .calendar .day_eventday>span{overflow:hidden; position:absolute; top:0; width:8px; background:url("/home/jpnha/images/sub/bg_calendar.png") no-repeat scroll 0 -100px; height:8px; left:50%; margin-left:-4px; text-indent:100%; white-space: nowrap;}
.set_calendar .calendar li.active a{background:url("/home/jpnha/images/sub/bg_calendar_new.png") repeat-x 0 -41px; color:#fff;}
.set_calendar .calendar li.active.first a{background:url("/home/jpnha/images/sub/bg_calendar_new.png") no-repeat 0 0;}
.set_calendar .calendar li.active.last a{background:url("/home/jpnha/images/sub/bg_calendar_new.png") no-repeat right -82px;}
.set_calendar .calendar li.active.lastest a{background:url("/home/jpnha/images/sub/bg_calendar_new.png") no-repeat right -127px;}
@media all and (min-width:1024px){
.calendar_top{ text-align:right; }
.set_calendar	{display:block; }
}

.cal_result{ text-align:right; margin:10px 0 }
.cal_result span{ display:inline-block; margin:5px }
.cal_result .result_num{ font-size:14px; color:#767676}
.cal_result .result_num span.edu{ border-right:#d4d4d4 solid 1px; border-left:#d4d4d4 solid 1px; padding:0 8px }

.no_program{ background:#f1f1f1; text-align:center; padding:60px 30px; line-height:130%}

.sitemap{ border:#cbcbcb solid 1px; overflow:hidden }
.sitemap ul li{ border-bottom:#cbcbcb solid 1px;}
.sitemap ul li a{ display:block; }
.sitemap ul li a:hover{ color:#000; font-weight:bold }
.sitemap ul li a[target="_blank"]{ background:url(/home/jpnha/images/sub/blank.png) 90% center no-repeat }
.sitemap ul li:last-child{ border-bottom:0; }
.sitemap > ul > li{  text-align:center; font-size:20px; border-bottom:0; border-top:#424242 solid 1px; }
.sitemap > ul > li:last-child > a{ border-top:#cbcbcb solid 1px}
.sitemap .no_border{ border:0 !important; min-height:auto !important  }
.sitemap > ul > li > a{ display:block; padding:40px 0;  border-bottom:#cbcbcb solid 1px; }
.sitemap > ul > li > ul > li > a{ font-size:16px;  background:#fcfcfc;  padding:12px 0; }
.sitemap > ul > li > ul > li:last-child > a { border-bottom:#cbcbcb solid 1px}
.sitemap > ul > li > ul > li > ul{ border-top:#cbcbcb solid 1px}
.sitemap > ul > li > ul > li > ul > li{ border:none}
.sitemap > ul > li > ul > li > ul > li > a{ font-size:14px; padding:8px 0}
.sitemap > ul > li > ul > li > ul > li:first-child > a{ padding:15px 0 8px 0}
.sitemap > ul > li > ul > li > ul > li:last-child > a{ padding:8px 0 15px 0}
@media all and (min-width:768px) and (max-width:1023px){
.sitemap > ul > li{ float:left; width:33.333%;}
.sitemap > ul > li{  border-right:#cbcbcb solid 1px; border-top:0; min-height:1073px;  }
.sitemap > ul > li > a{ border-top:#424242 solid 1px;}
.sitemap > ul > li:nth-child(3n){ border-right:0; }
}
@media all and (min-width:1024px){
.sitemap > ul > li{ float:left; width:16.666667%;}
.sitemap > ul > li{  border-right:#cbcbcb solid 1px; border-top:0; min-height:1072px;   }
.sitemap > ul > li:last-child{ margin-top:183px;}
}



/*태그클라우드==================================================*/
.tagcloud{ padding:20px 0; border-top:#c2c2c2 solid 1px;  border-bottom:#c2c2c2 solid 1px}
.tagcloud h6{ font-size:35px; color:#414141; margin-bottom:20px;}
.tagcloud .liketag{}
.tagcloud .liketag span,.tagcloud .liketag span a{ line-height:30px;}
.tagcloud .liketag span{ display:block; color:#4e8bff; font-size:20px; font-weight:400; margin-right:15px; margin-bottom:10px;}
.tagcloud .liketag a{ width:30%; margin-bottom:5px; display:inline-block; padding:5px 10px; border:#eee solid 1px; font-size:14px;}
.tagcloud .liketag a:hover{ background:#f1f1f1}
.tagcloud .hashtag{ padding:10px 0}
.tagcloud .hashtag span{ display:inline-block; margin:0 4px; line-height:130%; font-size:13px; color:#636363}
.tagcloud .addtag input[type="text"]{ width:70%;}
.tagcloud .addtag input[type="submit"]{ background:#4e8bff; color:#fff}
.tagcloud .addtag p{ display:inline-block; margin-left:0; font-size:14px; padding:15px 0; color:#7097e1; line-height:120%}
@media all and (min-width:768px){
.tagcloud .liketag a{ display:inline-block; width:auto; margin-bottom:5px;}
.tagcloud .liketag span{ display:inline-block }
.tagcloud .addtag input[type="text"]{ width:250px;}
.tagcloud .addtag input[type="submit"]{ background:#4e8bff; color:#fff}
.tagcloud .addtag p{ margin-left:15px;}
}



/*만족도조사========================================================*/
.satisfaction_wrap{ display:none}

.join_result{ float:right; width:33%;/* width:100%; max-width:445px; */height:285px; padding: 20px 0}
.join_result > h5{ text-align:center; font-size:18px; font-weight:400; margin-bottom:20px; padding:10px 0 15px 0}
.join_result > h5:before{ display:none}
.join_result > div { width:50%;}
.join_result .person{ float:left; text-align:center; border-right:#d1d1d1 solid 1px}
.join_result .person div{ position:relative; display:inline-block; width:70px; height:119px;}
.join_result .person div span{ display:block; width:100%; height:100%; text-indent:-9999px}
.join_result .person div span.on{ position:absolute; bottom:0;}
.join_result .person div.man span.on{ background:url(/home/jpnha/images/sub/man_on.jpg) center bottom no-repeat}
.join_result .person div.man span.off{ background:url(/home/jpnha/images/sub/man_off.jpg) center no-repeat}
.join_result .person div.woman span.on{ background:url(/home/jpnha/images/sub/woman_on.jpg) center bottom no-repeat}
.join_result .person div.woman span.off{ background:url(/home/jpnha/images/sub/woman_off.jpg) center no-repeat}

.join_result .person div span.all_percent{ margin-top:15px; text-indent:0; font-size:30px; font-weight:700}

.join_result .percent{ float:right}
.join_result .percent h6{ font-size:16px; font-weight:300; text-align:center}
.join_result .percent ul{ width:80%; margin:0 auto}
.join_result .percent ul li{ float:left; position:relative; width:18%; height:150px; margin-right:2.5%; overflow:hidden}
.join_result .percent ul li:last-child{ margin-right:0 }
.join_result .percent ul li span{ position:absolute; display:block}
.join_result .percent ul li span.grap_bar{ bottom:20px; background:#d0d0d0; width:100%;}
.join_result .percent ul li span.grap_bar em{ width:100%; text-align:center; position:absolute; top:-25px; font-size:13px;  font-weight:700; }
.join_result .percent ul li span.grap_title{ width:100%; font-weight:700; bottom:0;text-align:center; font-size:12px;}
.join_result .percent ul li.active span.grap_bar{ background-color:#00c0cc}
.join_result .percent ul li.active span.grap_bar em{ color:#00c0cc}

@media all and (min-width:1024px) {
.satisfaction_wrap{ display:block; clear:both; padding:30px 0; overflow:hidden}
.satisfaction_wrap > div{ border:#d1d1d1 solid 1px; }
.satisfaction{ float:left;/* width:725px;*/ width:100%; padding:30px;}
.satisfaction h5{ font-size:18px; font-weight:400; padding:10px 0 15px 0}
.satisfaction h5:before{ display:none }
.satisfaction form#satisfy{ padding:30px 0 5px 0}
.satisfaction form#satisfy .satisfy_list{ overflow:hidden}
.satisfaction form#satisfy .satisfy_list li{ float:left; line-height:150%;}
.satisfaction form#satisfy input[type='radio']{margin-right:0; margin-top:0; width:20px; height:20px; vertical-align:0px; opacity:0; position:absolute;  cursor:pointer}
.satisfaction form#satisfy input[type='radio'] + label { background:url(/home/jpnha/images/sub/radio_off.jpg) left center  no-repeat; width:17px; height:17px; padding-left:30px; cursor:pointer; margin-right:17px;}
.satisfaction form#satisfy input[type='radio']:checked + label{  background:url(/home/jpnha/images/sub/radio_on.jpg) left center  no-repeat; }
.satisfaction form#satisfy input[type='radio']:focus + label{  background:url(/home/jpnha/images/sub/radio_on.jpg) left center  no-repeat; border:#999 dotted 1px }
.satisfaction form#satisfy label{ line-height:18px;}
.satisfaction form#satisfy .write_wrap{ padding:25px 0; margin-bottom:10px; border-bottom:#d1d1d1 solid 1px;}
.satisfaction form#satisfy .write_wrap #satisfy_text{ width:87%;}
.satisfaction p.charger{ font-size:14px; line-height:160%}
}


/*교육/문화*/
.btn_edu{padding:15px 50px;}
.btn_edu:hover{padding:15px 50px;background:#f6f6f6;}
.btn_cancel{ background:#696969; color:#fff; padding:15px 50px; }
.btn_cancel:hover{ background:#000; color:#fff; }
/*
.tab_cate_b{ position:relative; height: 44px; padding:0 15px}
.tab_cate_b > li{ position: absolute; left:0; right:0; border-bottom: #eee solid 1px; z-index: 10}
.tab_cate_b.open > li{ position:relative; }
.tab_cate_b > li > a{ display: block; background:#f5f5f5; color:#808080;padding:10px 5px;  text-align:center; font-size:14px; }
.tab_cate_b > li.active{ z-index: 100}
.tab_cate_b > li.active > a{ background:#f5f5f5 url(/home/jpnha/images/sub/cate_open.png) 95% center no-repeat; background-size:15px }
*/

.tab_cate_s{display:table; width:100%; padding:10px 0;  border-bottom:#323232 solid 1px; }
.tab_cate_s > li{position:relative; display:table-cell; font-size:12px; padding-left:17px; }
.tab_cate_s > li > a{ display:block; padding:10px 0; }
.tab_cate_s > li > i{ display:none; }
.tab_cate_s > li.active > i{ display:inline-block; position:absolute; left:0; top:10px; text-indent:-9999px; width:15px; height:15px; float:left; background:url(/home/jpnha/images/sub/cate_check.png) no-repeat; background-size:15px;  margin-right:3px; }
.tab_cate_s > li.active > a{ font-weight: bold; color:#424242}

.edu_list{ padding:20px 0;}
.edu_list > li{ margin-bottom: 10px; }
.edu_list .img_box{ height:200px; background-size:cover; border:#e4e4e4 solid 1px; margin-bottom:15px; }
.edu_list .edu_text p{ width:100%; font-size: 16px; font-weight: bold; color:#333; margin-bottom:10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.edu_list .edu_text p span{ display:inline-block;; margin-right: 10px}
.edu_list .edu_text p span.ing{ color:#ff005a}
.edu_list .edu_text p span.rdy{ color:#186cd8}
.edu_list .edu_text p span.wait{ color:#ff7800}
.edu_list .edu_text p span.end{ color:#848484}
.edu_list .edu_text dl{ overflow: hidden; font-size:14px; line-height: 1.5}
.edu_list .edu_text dl dt{ float: left; width:30%; font-weight:bold; text-align: justify; }
.edu_list .edu_text dl dd{ float: left; width:70%; color:#666 }
.edu_list .personnel{ padding:15px 0; overflow: hidden;}
.edu_list .personnel ul li{ float: left; width:33.333%; color:#868686; text-align: center; border-right:#eee solid 1px; }
.edu_list .personnel ul li:last-child{ border-right:0; }
.edu_list .personnel ul li span{ color:#333; display:block; margin-bottom:10px; font-size:25px; }
.edu_list .edu_btn_set{ padding:10px 0; text-align: center;}
.edu_list .edu_btn_set a{ display: inline-block; width:49%; padding:15px 0;  }
.edu_list .edu_btn_set a.read_more{ border:#acacac solid 1px; color:#424242 }
.edu_list .edu_btn_set a.reserv{ background:#ff005a; color:#fff; border:#d5004b solid 1px;  }
.edu_list .edu_btn_set a.ing{ background:#ff005a; color:#fff; border:#e60051 solid 1px;  }
.edu_list .edu_btn_set a.wait{ background:#1366d0; color:#fff; border:#105ec1 solid 1px;  }
.edu_list .edu_btn_set a.complete{ background:#ff7800; color:#fff; border:#e46b00 solid 1px;  }
.edu_list .edu_btn_set a.end{ background:#848484; color:#fff; border:#737373 solid 1px;  }

/*교육/문화 교육 상세*/

.edu_detail .img_box{height:450px;background-size:contain;border:#e4e4e4 solid 1px;margin-bottom:15px;background-position:center;background-color:#f1f1f1;background-repeat:no-repeat;}
.edu_detail .txt_box{margin-top:10px;}
.edu_detail .txt_box>p{font-size:20px;font-weight:bold;width:100%;color:#333;margin-bottom:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.edu_detail .txt_box>p>span{color:#ff005a;float:left;}
.edu_detail .txt_box dl{font-size:15px;line-height:2.0;overflow:hidden;padding-bottom:30px;}
.edu_detail .txt_box dl dt{float:left;font-weight:bold;width:30%;text-align:justify;}
.edu_detail .txt_box dl dd{float:left;width:70%;color:#666;}

.edu_detail .personnel{padding:45px 0;overflow:hidden;border-top:1px solid #eee;}
.edu_detail .personnel ul li{float:left;width:33.333%;color:#868686;text-align:center;border-right:#eee 1px solid;font-size:15px;}
.edu_detail .personnel ul li:last-child{border-right:none;}
.edu_detail .personnel ul li:first-child span{color:#333333;font-weight:normal;}
.edu_detail .personnel ul li span{color:#333;display:block;margin-bottom:10px;font-size:25px;}

.edu_detail .edu_btn_set{padding:10px 0; text-align:center;clear:both;}
.edu_detail .edu_btn_set a.reserv{background: #ff005a;color: #fff;border: #d5004b solid 1px;padding:20px 0;display:block;}
.edu_deatil_another .edu_detail .txt_box dl{line-height:2.5}
.edu_deatil_another .edu_detail .personnel{font-size:18px;color:#868686;font-weight:lighter;}
.edu_deatil_another .edu_detail .personnel span{font-size:38px;color:#8b8b8b;font-weight:lighter;}


/*교육/문화 교육 검색*/
.edu_search_wrap .edu_search .edu_radio{font-size:14px;text-align:center;}
.edu_search_wrap .edu_search .edu_select{width:100%;font-size:14px;margin:20px 0;}
.edu_search_wrap .edu_search .edu_select select.edu_form{width:30%;}
.edu_search_wrap .edu_search .edu_select .edu_input{width:50%;}
.edu_search_wrap .edu_search .edu_select .edu_btn{width:15%;height:34px;padding:0;vertical-align: middle;}
.edu_table tr td a.btn_apply{background:#ff005a;color:#fff;padding:5px 0;display:block;font-size:12px;}
.edu_table tr td a.btn_ing{background:#959595;color:#fff;padding:5px 0;display:block;font-size:12px;}
.edu_search_wrap .edu_search{overflow:hidden;}
.edu_detail_wrap .search_check input[type="checkbox"]+label{float:left;}
.edu_detail_wrap .search_check .search2{display:block;margin-left:100px;}
.edu_search_wrap .edu_search .edu_select{float:right;}
.scroltable-container .edu_table{width:1000px;}


/* 조직도_ new  2019.01.30 적용 */
.org_new .org_img{text-align:center;}
.org_new .org_img span{display:inline-block; width:120px; height:120px; background:url(/home/jpnha/images/sub/bg_org01.jpg); color:#fff; border-radius:50%; line-height:120px; margin-bottom:50px; position:relative;}
.org_new span::after{content:''; display:block; width:1px; height:50px; background:#2e2e2e; position:absolute; left:50%; margin-left:-1px; }
.org_new .org_img ul{overflow:hidden; position:relative;}
.org_new .org_img ul::before{content:''; display:block; width:54%; height:1px; background:#2e2e2e; position:absolute; top:0; left:22.6%;}
.org_new .org_img ul li{float:left; width:46%; margin-right:8%; height:50px; background:url(/home/jpnha/images/sub/bg_org02.jpg); color:#fff; border-radius:25px;  line-height:50px; margin-top:50px; position:relative;}
.org_new .org_img ul li::before{content:''; display:block; width:1px; height:50px; background:#2e2e2e; position:absolute; top:-50px; left:50%; margin-left:-1px;}
.org_new .org_img ul li:nth-child(2n){margin-right:0;}
.org_new .org_img ul li a{color:#fff; display:block;}
.org_new .org_text{margin-top:40px; }
.org_new .org_text .org_list{padding:30px; border:1px solid #dedede; margin-top:20px;}
.org_new .org_text .org_list h5{line-height:1.4;}
.org_new .org_info{display:none;}
.org_new .org_info .table_info{display:block; text-align:right;}
.org_new .org_info .table_info::after{display:none;}
@media screen and (min-width:768px){
.org_new .org_img ul::before{left:9%; width:82%;}
.org_new .org_img ul li{width:18%; margin-right:2.5%;}
.org_new .org_img ul li:nth-child(2n){margin-right:2.5%;}
.org_new .org_img ul li:last-child{margin-right:0;}
.org_new .org_text{overflow:hidden;}
.org_new .org_text .org_list{ float:left; width:48%; margin-right:2%; height:385px;}
.org_new .org_text .org_list:nth-child(2n){margin-right:0;}
}
@media screen and (min-width:1024px){
.org_new .org_text .org_list{width:32%; margin-right:2%;height:325px;}
.org_new .org_text .org_list:nth-child(2n){margin-right:2%;}
.org_new .org_text .org_list:nth-child(3n){margin-right:0;}
}


/*교육/문화 교육 교육신청*/
.edu_process ul{ display:table; border-collapse:collapse; width:100%; overflow:hidden;}
.edu_process ul li{ display:table-cell; width:50%; text-align:center;background:#fff;color:#707070; padding:15px 0;  border:1px solid #bbbbbb; font-size:16px;}
.edu_process ul li.process_active{ position:relative; background:#666666;color:#fff;}
.edu_process ul li.active:after{content:"";display:block;width:10px;height:10px;-webkit-transform: rotate(45deg);transform:rotate(45deg);position:absolute;right:-5px;top:50%; margin-top:-6px; background:#666666;}
.edu_detail .txt_box .deposit_info_box{border:1px solid #e8e8e8;width:100%;}
.edu_detail .txt_box .deposit_info_box h4{font-size:16px;font-weight:bold;height: 45px;line-height: 45px;background:url('/home/jpnha/images/sub/deposit_icon.jpg') no-repeat 10px center, #e9e9e9;padding-left:35px;}
.edu_detail .txt_box .deposit_info_box .deposit_txt{padding: 15px 20px;}
.edu_detail .txt_box .deposit_info_box .deposit_txt p{line-height:2.0;}
.edu_detail .txt_box .deposit_info_box .deposit_txt span{color:#e54b4b;}
.edu_detail .txt_box .deposit_info_box .deposit_txt dl{padding-bottom:0;}
.edu_detail .txt_box .deposit_info_box .deposit_txt dl dt{width:25%;}
.edu_detail .txt_box .deposit_info_box .deposit_txt dl .deposit_txt_dt{clear:both;}
.btn_apply{padding: 15px 50px;background: #fff;}
.btn_apply:hover{ padding: 15px 50px;background: #f6f6f6;}

.edu_detail_wrap select.person_select{height:30px;width:50px;}
.edu_detail_wrap .detail_txt{font-size:14px;color:#808080;}
.edu_detail .txt_box{margin:0;}
.edu_detail_wrap .checkbox_wrap{font-size:14px;color:#000;position:relative;display:block;}
.edu_detail_wrap .checkbox_wrap input[type="checkbox"]{opacity:0;width:24px;height:24px;position:absolute;cursor: pointer;padding-left:30px;left:-3px;top:-3px;}
.edu_detail_wrap .checkbox_wrap input[type="checkbox"]+label{background:url('/home/jpnha/images/sub/checkbox.jpg') 0 0 no-repeat;padding-left:30px;color:#555;line-height:21px;display:inline-block; margin-bottom:15px; height:24px;cursor:pointer;}
.edu_detail_wrap .checkbox_sub{font-size:14px;color:#000;position:relative;display:block; }
.edu_detail_wrap .checkbox_sub:after{ display:block; clear: both; content:""}

/*현금영수증*/
.cash_form{ display:none; border:1px solid #eee;padding:20px;}
.phone_form{overflow:hidden;}
.card_form{ display:none;}
.phone_form select{width:42%;}
.phone_form input{width:56%;}
.card_form select{width:49%;}
.card_form input{width:49%;}
/* 현금영수증 버튼 */
.edu_detail_wrap .checkbox_sub input[type="checkbox"]{opacity:0;width:24px;height:24px;position:absolute;cursor: pointer;left:-3px;top:-2px;}
.edu_detail_wrap .checkbox_sub input[type="checkbox"]+label{background:url('/home/jpnha/images/sub/checkbox_sub.jpg') 0 0 no-repeat;padding-left:30px;color:#555;line-height:24px;display:block;height:24px;float:left;width:85px;}
.edu_detail_wrap .checkbox_sub input[type="checkbox"]:checked+label{background:url('/home/jpnha/images/sub/checkbox_sub.jpg') 0 -24px no-repeat;}

.edu_detail_wrap .checkbox_sub input[type="radio"]{opacity:0;width:24px;height:24px;position:absolute;cursor: pointer;left:101px;top:-2px;}
.edu_detail_wrap .checkbox_sub input[type="radio"]+label{background:url('/home/jpnha/images/sub/checkbox_sub.jpg') 0 0 no-repeat;padding-left:30px;color:#555;line-height:24px;display:block;height:24px;float:left;width:85px;}
.edu_detail_wrap .checkbox_sub input[type="radio"]:checked+label{background:url('/home/jpnha/images/sub/checkbox_sub.jpg') 0 -24px no-repeat;}

.edu_detail_wrap .checkbox_wrap input#search2[type="checkbox"]{left:97px;}
.edu_detail_wrap .checkbox_wrap span.search2 input[type="checkbox"]{left:97px;}
.edu_detail_wrap .checkbox_wrap input[type="checkbox"]:checked+label{background:url('/home/jpnha/images/sub/checkbox.jpg') 0 -25px no-repeat;}
.edu_detail_wrap .terms_wrap{background:#fff;padding:41px 20px;height:250px;border:1px solid #e3e3e3;overflow:hidden;}
.edu_detail_wrap .terms_wrap .scroll_box{height:100%;overflow:auto;}
.edu_detail_wrap .terms_wrap .scroll_box h3{font-size:16px;color:#000000;margin-bottom:15px;}
.edu_detail_wrap .terms_wrap .scroll_box h4{font-size:15px;color:#000000;margin-bottom:10px;line-height:1.5;}
.edu_detail_wrap .terms_wrap .scroll_box p{font-size:14px;color:#767676;margin-bottom:10px;line-height:1.5;}

/*교육/문화 교육 교육신청완료*/
.edu_detail .img_result{height:325px;}
.result_box{margin:120px 0;}
.result_box .icon_result{display:block;width:123px;height:76px;margin:0 auto;}
.result_box h4{font-size:22px;color:#333333;font-weight:bold;margin:20px 0 10px 0;}
.result_box span{font-size:16px;color:#e54b4b;}

/*로그인*/
.login_select .login_phone{background:url(/home/jpnha/images/sub/join_phone.jpg) 50% top no-repeat;padding-top:180px;text-align:center;border:none;}
.btn_phone{padding:15px 50px 15px 40px;background:url(/home/jpnha/images/sub/more.png) 85% center no-repeat;}
.btn_phone:hover{padding:15px 50px 15px 40px;background:#f6f6f6 url(/home/jpnha/images/sub/more.png) 85% center no-repeat;}
/*예약/환불/취소 내역*/
.reservation_wrap .reservation_now .img_box{width:130px;height:100px;margin:0 auto;}
.reservation_wrap .reservation_now .reservation_user{padding:60px 0 10px 0;}
.reservation_wrap .reservation_now h4{font-size:22px;color:#333;}
.reservation_wrap .reservation_now h4 span{color:#e0701e;font-weight:bold;}
.reservation_wrap .reservation_now .reservation_now_list{border:1px solid #e8e8e8;padding:20px;line-height:1.5;font-size:15px;}
.reservation_wrap .reservation_now .reservation_now_list li:nth-child(2){margin:20px 0;}
.apply_table tr td a.btn_canceling{background:#9d1212;color:#fff;padding:5px 0;display:block;font-size:12px;}
.apply_table tr td.canceling_txt{color:#aaa;}
.pagination .next,.pagination .last{text-indent:-9999px;}
.reservation_wrap .reser_info_box{border:1px solid #e8e8e8;}
.reservation_wrap .reser_info_box h4{font-size:16px;font-weight:bold;height:60px;line-height:60px;background:url('/home/jpnha/images/sub/reser_info_icon.jpg') no-repeat 10px center, #e9e9e9;padding-left:35px;}
.reservation_wrap .reser_info_list ul li:last-child{color:#e54b4b;}
.reservation_wrap .reser_info_list{padding:10px;}
.reservation_wrap .reser_info_list ul li{background:none;color:#888888;padding-left:0;}


/*취소 신청*/
select.cancel_form{width:35%;float:left;margin-right:5px;}
input.cancel_input{width:60%;float:left;}
.btn_cancel_list{padding:15px 46px;float:left;width:50%;}
.btn_cancel_list:hover{background:#f6f6f6;}
.btn_cancel_submit{ background:#696969; color:#fff; padding:15px 46px;float:left;width:50%; }
.btn_cancel_submit:hover{ background:#000; color:#fff; }
.cancel_table{width:1000px;}

@media all and (min-width:768px) {
.tab_cate_s > li{ font-size: 14px; display:inline-block; margin-right:16px; padding-left:23px; }
.tab_cate_s > li.active > i{ width:18px; height:13px; background-size: 18px;}
.edu_detail .txt_box dl dt{width:15%;}
.edu_detail .txt_box dl dd{width:35%;}
.edu_search_wrap .edu_search .edu_radio{float:left;}
.edu_search_wrap .edu_search .edu_select{float:right;width:50%;margin:50px 0 0;}
.edu_detail_wrap .search_checkbox_wrap{width:100% !important;}
.edu_table{margin-top:30px;}
.scroltable-container .edu_table{width:100%;}
.edu_detail_wrap .detail_txt{text-align:right;}
.reservation_wrap .reservation_now .reservation_now_list li{display:inline-block;width:45%;margin:10px 0;}
.reservation_wrap .reservation_now .reservation_now_list li:nth-child(2){margin:10px 0;}
.reservation_wrap .reservation_now .reservation_now_list li:nth-child(even){float:left;}
.reservation_wrap .reservation_now .reservation_now_list li:nth-child(2n){float:right;}
.edu_detail_wrap .checkbox_wrap{top:10px;}
.cancel_table{width:100%;}
.card_form select{width:20%;}
.card_form input{width:79%;}
}

@media all and (min-width:1024px) {
  /*
.tab_cate_b{ position:relative; display:table; width:100%; height:auto; }
.tab_cate_b > li{ position: relative; margin-bottom:0; display:table-cell; width:auto; border-right:#9f9f9f solid 1px;border-top:#9f9f9f solid 1px; border-bottom:#9f9f9f solid 1px;    }
.tab_cate_b > li:first-child{ border-left :#9f9f9f solid 1px;}
.tab_cate_b > li > a{ display:block; font-size:16px; padding:26px 0; }
.tab_cate_b > li.active > a,.tab_cate_b > li > a:hover{ position:relative; background:#fff; color:#000; }
.tab_cate_b > li.active > a:after,.tab_cate_b > li > a:hover:after{ display:block; content:""; background:#fff; width:100%; height:1px; position:absolute; bottom:-1px; left:0;}*/

.tab_cate_s{ padding:50px 0 15px; }
.tab_cate_s > li{ font-size: 16px; }

.edu_list{ padding:50px 0;}
.edu_list > li{ float: left; width:48%; margin-right:4%;}
.edu_list > li:nth-child(2n){ margin-right:0; }
.edu_list .img_box{ float: left; width:45%; height:370px; margin:0;}
.edu_list .edu_text{ float:right; width:50%;}
.edu_list .edu_text p{ font-size:20px;}
.edu_list .edu_text p span{ font-size:16px; vertical-align: top;}
.edu_list .edu_text dl dt{ font-size:16px; clear:left }
.edu_list .edu_text dl dd{ font-size:16px; }
.edu_list .personnel{ padding:25px 0; }
.edu_list .edu_btn_set a{ font-size:14px; }

.edu_detail{height:470px;}
.edu_result{height:325px !important;}
.edu_detail .img_box{width:45%;float:left;}
.edu_detail .txt_box{float:left;width:55%;padding: 0 0 10px 30px;}
.edu_detail .txt_box_table{min-width:400px;}
.edu_detail .personnel{float:left;width:100%;}
.edu_detail .personnel ul li{padding:0 50px;}
.edu_detail .edu_btn_set{padding:20px 0;}
.edu_detail .edu_btn_set a.reserv{width:35%; margin:0 auto;}

.edu_detail_wrap .checkbox_wrap{ width: 100% }
.edu_detail .txt_box .deposit_info_box dl dd{width:45%}

.btn_cancel_list{padding:15px 46px;width:15%;float:none;}
.btn_cancel_list:hover{background:#f6f6f6;}
.btn_cancel_submit{ background:#696969; color:#fff; padding:15px 46px;width:15%;float:none; }
.btn_cancel_submit:hover{ background:#000; color:#fff; }

.phone_form select{width:20%;}
.phone_form input{width:30%;}
.card_form input{width:30%;}
}
/* 서브페이지 슬라이드 */
.app_img.owl-loaded{display:block;}
.exhibit_img.owl-loaded{display:block;}

/*설문조사*/
.survey_title {width: 100%;padding:2%;color:#fff !important;font-weight:600;background-color:#06C;text-align:center;font-size:16px !important;}
.survey_dl { width:100%; overflow:hidden;}
.survey_dl dt {width: 100%;font-weight:600;background-color:#dfdfdf;padding:2%;border:1px solid #c9c9c9;white-space:pre-wrap;}
.survey_dl dd {width: 100%;font-weight:100;padding:2%;border:1px solid #dfdfdf;border-top:0;}
.survey_dl dd input[type="checkbox"] { margin-right:10px; vertical-align:middle;}
.survey_dl dd input[type="radio"] { margin-right:10px; vertical-align:middle;}
.survey_dl dd textarea { width:95%; padding:2%;}
/*설문조사*/
.question_dl dt{ background-color:#06c; color:#fff; text-align:center; font-weight:400; font-size:1.1em; padding:5px 0}
.question_dl dt:before { content:"- "}
.question_dl dt:after { content:" - "}
.question_dl dd { background-color:#f9f9f9; padding:20px;}
.question_dl dd dl dt {font-weight:500; color:#06C; padding:0 20px; text-align:left; background:none; font-size:1em;}
.question_dl dd dl dd { margin-bottom:25px; padding:0 20px; margin-left:5px;}
.answer_dl { margin-top:30px;}
.answer_dl dt{ background-color:#FBA22F; color:#fff; text-align:center; font-weight:400; font-size:1.1em;padding:5px 0}
.answer_dl dt:before { content:"- "}
.answer_dl dt:after { content:" - "}
.answer_dl dd { background-color:#f9f9f9; padding:20px;}
.answer_dl dd dl dt {font-weight:500; color:#FBA22F; padding:0 20px; text-align:left; background:none; font-size:1em;}
.answer_dl dd dl dd { margin-bottom:25px; padding:0 20px; margin-left:5px;}

.gbox { padding:22px; background-color:#fafafa; border:1px solid #e4e5e7; color:#595959; font-size:1em; line-height:140%; margin:15px 0; overflow:hidden;}
.wrtBtn { border:0; font-size: 14px !important; color:#fff; background-color:#2758b3; padding:11.5px 25px; text-align:center; float:right; margin-left:5px;}
.wrtBtn:hover {background-color:#1d4da5}
.wrtBtnLayout {padding-bottom:20px;}
.btn_g {background-color:#666666 !important;border:0 !important;color:#fff !important;padding: 13.5px 25px;}
.btn_g:hover { background-color:#585858 !important;}
.input_answer{width:100%;padding:60px 20px;margin-top:20px}


/* 수강생 정보 등록 */
.name_phone{margin-top:20px;}
.name_phone li{margin-bottom:20px;} 
.name_phone li span, .name_phone li .title, .name_phone li label{display:block; margin-bottom:10px;}
.name_phone li em{font-style:normal;}
.name_phone li span em select{display:inline-block;}
.name_phone .birth_select{width:calc(100% - 30px); margin:0 10px 10px 0;}
.s_text{color:#777;}

.online_reser{padding:20px; border-top:2px solid #393939; border-bottom:1px solid #bbb;}
.btn_set .btn_enroll{background:#555; color:#fff;}

@media all and (max-width:360px) {
    .s_text{font-size:12px;}
}
@media all and (min-width:640px) {
    .name_phone li span{display:inline-block;}
    .name_phone li .title, .name_phone li label{width:50%; vertical-align:middle; display:inline-block;}
    .name_phone li span.enroll_form{width:83%; vertical-align:middle;}
    .name_phone li span.enroll_form input{width:30%;}
    .name_phone li em{display:inline-block; margin-right:10px;}
    .name_phone li:first-child span select{width:45%;}
    .name_phone li:last-child span select{width:20%; margin:0 5px 10px 0;}

	.online_reser li .birth_select{width:18%;}
	.online_reser li .enroll_form div label{width:10%;}
  	.online_reser li .title, .online_reser li label{width:15%;}
}
@media all and (min-width:1024px) {
    .name_phone li .title{width:10%;}
    .name_phone li span.enroll_form{width:88%;}
    .name_phone li span.enroll_form input{width:18%;}
    .name_phone li:first-child span select{width:30%;}
    .name_phone li:last-child span select{width:15%;}
    .name_phone li span input.enroll_form_female{left:175px!important;}
}

/* 회원가입 인증방법 */
.method_wrap{ padding:20px; border:#ededed solid 1px; }
.method_open{ position:relative; display:block; padding:10px 0; }
.method_open:after{ position: absolute; right:0; top:5px; display: block; content: "▼" ;}
.method_open.open:after{ content: "▲" }
ul.method{ display:none; overflow:hidden; margin-top:15px;}
ul.method li{ background-position: center 0; background-repeat: no-repeat; padding:450px 20px 30px 20px; line-height: 1.3}
ul.method li:nth-child(1){background-image:url(/home/jpnha/images/sub/method_1.jpg);}
ul.method li:nth-child(2){background-image:url(/home/jpnha/images/sub/method_2.jpg);}
ul.method li:nth-child(3){background-image:url(/home/jpnha/images/sub/method_3.jpg);}
ul.method li:nth-child(4){background-image:url(/home/jpnha/images/sub/method_4.jpg);}

@media all and (min-width:640px) {
    ul.method li{  float:left;  width:50%;}
}
@media all and (min-width:1024px) {
    ul.method li{ width:23%; margin-right: 2.666667%; background-size: contain; padding-top:43% } 
    ul.method li:last-child{ margin-right:0; } 
}



/* 2020온라인예약 */ 

/*프로그램 예약*/
.pg_schedule_wrap{border:1px solid #dedede;}
.pg_schedule{padding:30px 20px 20px 20px;}

.schedule_month{ text-align:center; margin-bottom:30px;}
.schedule_month a{ position:relative; display:inline-block; width:20px; height:20px; text-indent:-9999px;}
.schedule_month a:after{ position:absolute; top:0;  display:block; width:0px; height:0px; border:#e78a23 solid 10px; content:"" }
.schedule_month a.m_prev:after{ border-color:transparent; border-right-color:#e78a23; right:0;}
.schedule_month a.m_next:after{ border-color:transparent; border-left-color:#e78a23}
.schedule_month span{ display:inline-block; font-size:27px; font-weight:bold; vertical-align: middle; margin:0 40px;}

.scheduler { width:100%; border-collapse:collapse;}
.scheduler thead{ border-top:#333 solid 2px;}
.scheduler tbody{ border-top:#333 solid 1px;}
.scheduler tr th{ font-size:16px; padding:15px 0; width:14.2857%; background:#f8f8f8;}
.scheduler tr td{ height:55px; vertical-align: middle; font-size:14px; border-bottom:1px solid #dedede;}
.scheduler tbody tr:last-child td{border-bottom:0;}
.scheduler tr td a{display:block; padding:7px 0; height:54px; text-align:center;}
.scheduler tr td a .num{display:inline-block; padding:2px 5px;  margin-right:5px;}
.scheduler tr td a.select{background:#606074; color:#fff;}
.scheduler tr td a.today{background:url(/home/jpnha/images/sub/scheduler_bg.gif);}
.scheduler tr td a.closed p{color:#b42a2a;}
.scheduler tr td a.closed .num{border-radius:50%; background:#b42a2a; color:#fff;}
.scheduler .sun a{ color:#b42a2a;}
.scheduler .sat a{ color:#2859aa;}
.scheduler tr td a.no_select{background:#eee}
.scheduler tr td a.no_select_sun{background:#eee}
.scheduler tr td a.no_select_sat{background:#eee}

.pg_schedule_list{border-top:1px solid #dedede; padding:20px;}
.pg_schedule_list p{font-size:20px; color:#333; margin-bottom:30px;}
.pg_schedule_list ul{border-top:2px solid #333;}
.pg_schedule_list ul li{padding:30px 20px; border-bottom:1px solid #dedede;}
.pg_schedule_list ul li a{display:inline-block; background:#959595; color:#fff; padding:10px 20px; font-size: 12px; margin-top:10px;}
.pg_schedule_list ul li a.re_ing{background:#ff005a;}
.pg_schedule_list ul li a.re_end{background:#959595;}

@media all and (min-width:480px){
	.pg_schedule_list ul li{position:relative;}
	.pg_schedule_list ul li a{position:absolute; top:50%; margin-top:-16px; right:20px;}
}

@media all and (min-width:768px){
	.scheduler tr td{height:70px;}
	.scheduler tr td a{height:69px;}
}
@media all and (min-width:1024px){
	.pg_schedule_wrap{ overflow:hidden;}
	.pg_schedule{ float:left; width:55%; padding:40px 35px; border-right:1px solid #dedede;}
	.pg_schedule_list{ float:right; width:45%; border-top:0; padding:50px 30px;}
	.pg_schedule_list ul{ height:403px; overflow:auto;}
	.pg_schedule_list{padding:35px 50px;}
}


@media all and (min-width:1440px){
	.schedule_wrap{ float:left; width:50%; padding:30px 30px 10px 30px ; margin-bottom:60px;}
	.schedule_wrap p{ line-height: 1.5;}
	.schedule_month span{ font-size:40px;}
	.scheduler tr th{ height:60px; vertical-align: middle;}

}



/* 예약확인 */
.reservation_list li{padding:30px 25px; margin-bottom:20px;border:1px solid #dedede; border-top: 2px solid #393939;}
.reservation_list li .title{font-size:20px; font-weight:600; margin-bottom:15px; display:block; padding-bottom:25px; border-bottom:1px dashed #dedede;}
.reservation_list li dl{margin:15px 0; overflow:hidden;}
.reservation_list li dl dt, .reservation_list li dl dd{font-size:15px; margin:5px 0;}
.reservation_list li dl dt{float:left; width:35%; clear:both; font-weight:600; padding-left:15px; position:relative;}
.reservation_list li dl dt:before{content:''; display:block; width:4px; height:4px; background:#e78a23; border-radius:50%; position:absolute; top:50%; margin-top:-2px; left:2px;}
.reservation_list li dl dd {float:left; width:65%;}
.reservation_list li a{display:inline-block; padding:10px 20px; font-size:14px;}

@media all and (min-width:640px){
	.reservation_list{}
	.reservation_list li{padding:20px 30px; position:relative;}
	.reservation_list li dl{margin-bottom:0;}
	.reservation_list li dl dt{width:20%;}
	.reservation_list li dl dd{width:80%;}
	.reservation_list li a{position:absolute; right:30px; top:14px;}
}

@media all and (min-width:1024px){
	.reservation_list{overflow:hidden;}
	.reservation_list li{float:left; width:49%; padding:40px; margin-bottom:2%;}
	.reservation_list li:nth-child(odd){margin-right:2%;}
	.reservation_list li a{top:33px;}
}

/*전시작품 비주얼영역*/
#visual_wrap .work_list{ /*padding:60px 30px 0 30px;*/ display:block; }
#visual_wrap .work_sort .visual_controller{ display:none;}

.work_list .owl-item a{ display:block; width:100%; background-size:cover;  background-position:center}
.work_list .owl-item a img{ width:100%; }
/*전시작품 비주얼 끝*/

/*슬라이더 공통*/
.work_list .owl-nav{ display:none}
.work_list .owl-nav > a{ width:80px; height:80px; position:absolute; text-indent:-9999px}
.work_list .owl-nav .owl-prev{ left:30px; background:url(/home/jpnha/images/main/prev.png) no-repeat;} 
.work_list .owl-nav .owl-next{right:30px;  background:url(/home/jpnha/images/main/next.png) no-repeat;} 
.work_list .owl-nav .owl-stop{ display:none } 
.work_list .owl-nav .owl-play{display:none } 

.work_list .owl-dots { text-align:center; overflow:hidden}
.work_list .owl-dot { display:inline-block; }
.work_list .owl-dot.active a{ background:#ff9000}
.work_list .owl-dot a{ display:block; background:#dadada; width:15px; height:15px; border-radius:30px; margin:5px 3px; font-size:0;}
/*슬라이더 공통 끝*/

@media all and (min-width:1200px) {
/*전시카테고리*/
#visual_wrap{ min-height: 580px; }
#visual_wrap .work_sort{ position:absolute; top:0; width:100%; padding:25px 0;  z-index:2}
#visual_wrap .work_sort .container{ position:relative}
#visual_wrap .work_sort .title{ float:left; text-align:left; font-size:25px; padding:0; font-weight:200; line-height:36px;  color:#fff;}
#visual_wrap .work_sort ul{ float:left; margin:0 0 0 20px;}
#visual_wrap .work_sort ul li{ float:left; width:80px; height:40px; font-size:12px;}
#visual_wrap .work_sort ul li a{ display:block; text-align:center; background:#2b2325; color:#757575; height:40px; line-height:36px; border:0}
#visual_wrap .work_sort ul li a.active,#visual_wrap .work_sort ul li a:hover{ background:#204db4;  color:#fff;  border:0 }
#visual_wrap .work_sort a.more{ display:block; position:absolute; top:9px; right:10px; width:21px; height:21px;  text-indent:-9999px}
#visual_wrap .work_sort a.more span.vert{position:absolute; top:9px; right:0; display:block; width:21px; height:3px; background:#c6c9d1;}
#visual_wrap .work_sort a.more span.hori{position:absolute; top:0; right:9px; display:block; width:3px; height:21px; background:#c6c9d1;}

#visual_wrap .work_sort .visual_controller{ display:block; position:absolute; top:9px; right:60px;}
#visual_wrap .work_sort .visual_controller > a{ display:block; position:absolute; left:0; top:0; width:15px; height:21px; text-indent:-9999px;}
#visual_wrap .work_sort .visual_controller > a.play{ display:none; background:url(/home/jpnha/images/main/play.png) no-repeat}
#visual_wrap .work_sort .visual_controller > a.stop{ background:url(/home/jpnha/images/main/stop.png) no-repeat}

/*전시목록 비주얼영역*/
#visual_wrap .work_list{ padding:0; overflow:hidden; position:absolute; width:1900px; left:50%; transform: translateX(-50%)}
#visual_wrap .work_info{ padding:25px 0;}
#visual_wrap .work_list .owl-item a img{ width:1900px; height:580px; }
	
/*#visual_wrap .work_list .owl-controls{ position:absolute; width:100%;  box-sizing:border-box; margin-left:0; }*/
#visual_wrap .work_list .owl-dots{width: 100%;margin:0 auto;text-align: center;position: absolute;bottom: 20px;}
#visual_wrap .work_list .owl-nav{ display:block; position:relative; /*max-width:1200px;*/ margin:0 auto;  bottom:350px   }
#visual_wrap .work_list .owl-nav > a{ width:80px; height:80px; position:absolute; text-indent:-9999px}
#visual_wrap .work_list .owl-nav .owl-prev{ left:0; background:url(/home/jpnha/images/main/prev.png) no-repeat; } 
#visual_wrap .work_list .owl-nav .owl-next{right:0;  background:url(/home/jpnha/images/main/next.png) no-repeat; } 


}