@charset "utf-8";
/* 어린이박물관 탑박스 */
.list-group{position:relative;overflow:hidden;}
.list-group .col-sm-6{padding-left:10px;padding-right:10px}
.list-group-item{height:276px;overflow:hidden;padding:30px;text-align:center}
.list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}
.list-group-item .item b{display:block;margin-top:18px;font-size:20px;color:#1c4982}
.list-group-item .item p{margin:8px 0 0 0;font-size:15px}
.list-group-item .item p i{color:#1c4982;font-style:normal;font-weight:bold}
.list-group-item .item p i.block{display:block}
.list-group-item .icon{display:block;width:66px;height:52px;margin:0 auto;background:url(/images/prog/experience/icon_ir.png) no-repeat}
.list-group-item .icon.icon1{background-position:0 0}
.list-group-item .icon.icon2{background-position:0 -59px}
.list-group-item .icon.icon3{background-position:0 -120px}

@media only screen and (max-width:767px){
	.list-group-item{margin-top:20px}
}

/*// 어린이박물관 탑박스 */
.reservationWrap{position:relative;margin-top:30px;overflow:hidden;border:1px solid #ddd}
.reservationWrap:before{position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#ddd;content:""}
.calendarArea{float:left;overflow:hidden;width:50%}
.calendarArea .calendar{clear:both;width:100%;padding:30px 20px}
.calendarArea .calendar .calHeader{position:relative;text-align:center}
.calendarArea .calendar .calHeader .calDate{display:inline;color:#000;font-size:32px;font-weight:bold;line-height:100%;letter-spacing:-2px}
.calendarArea .calendar .calHeader .calBtn{position:absolute;top:5px;width:32px;height:32px;border-radius:50%;line-height:30px;background-color:#154282}
.calendarArea .calendar .calHeader .calBtn:before{position:absolute;z-index:2;top:7px;left:10px;width:9px;height:16px;background:url(/images/prog/experience/arr_img.png) no-repeat;content:''}
.calendarArea .calendar .calHeader .calBtn a{display:block;width:100%;height:100%}
.calendarArea .calendar .calHeader .prev{position:absolute;left:0}
.calendarArea .calendar .calHeader .prev:before{background-position:-27px 0}
 .calendarArea .calendar .calHeader .next{position:absolute;right:0}
.calendarArea .calendar .calHeader .next:before{left:12px;background-position:-18px 0}
.calendarArea .calendar .schcal_tbl{width:100%;margin-top:27px;border-top:1px solid #555}
.calendarArea .calendar .schcal_tbl th{padding:12px 0;border-bottom:1px solid #aaa;font-weight:bold;text-align:center}
.calendarArea .calendar .schcal_tbl td{border-bottom:1px solid #ccc;border-left:1px solid #ccc;font-weight:500;text-align:center;vertical-align:top;}
.calendarArea .calendar .schcal_tbl td:first-child{border-left:none}
.calendarArea .calendar .schcal_tbl td div{position:relative;height:70px;padding:2px 0}
.calendarArea .calendar .schcal_tbl td .holiday{display:block;position:absolute;top:42px;left:50%;width:22px;height:22px;margin-left:-9px;font-size: 0;}
/* .calendarArea .calendar .schcal_tbl td .edu_day{display:block;position:absolute;top:42px;left:50%;width:22px;height:22px;margin-left:-12px}
 */
.calendarArea .holiday{display:block;background:url(/images/prog/experience/holiday_icon.png) no-repeat}
.calendarArea .edu_day{display:block;background:url(/images/prog/experience/edu_icon.png) no-repeat}
.calendarArea .calendar .schcal_tbl td a{display:block;width:100%;height:100%}
.calendarArea .calendar .schcal_tbl td.sun,.reservationWrap .calendarArea .calendar .schcal_tbl td.sun a{color:#c30c57}
.calendarArea .calendar .schcal_tbl td.sat,.reservationWrap .calendarArea .calendar .schcal_tbl td.sat a{color:#1473b5}
.calendarArea .calendar .schcal_tbl td.off{background-color:#fafafa}
.calendarArea .calendar .schcal_tbl td.selected{background-color:#3c4755}
.calendarArea .calendar .schcal_tbl td.selected a{font-weight:bold;color:#fff !important}
.calendarArea .calendar .schcal_tbl td.today{background:url(/images/prog/experience/bg_pattern.png)}
.calendarArea .info{margin:15px 0;text-align:right}
.calendarArea .info span{display:inline-block;padding:3px 6px;border:1px solid #ddd}
.calendarArea .info .holiday,
.calendarArea .info .edu_day{padding-left:28px;background-position:3px 4px}
.calendarArea .today{border:1px solid #ddd;background:url(/images/prog/experience/bg_pattern.png)}
.calendarArea .info .ok{border:1px solid #ccc;background-color:#fff}
.calendarArea .info .select{background-color:#3c4755;color:#fff}
.timeArea{float:right;width:50%;padding:30px 20px}
.timeArea .date_tit{display:block;font-size:22px;font-weight:800;line-height:88%;letter-spacing:-1px;vertical-align:middle}
.timeArea .date_tit .cal_icon{display:inline-block;width:40px;height:40px;margin-right:8px;border-radius:50px;text-align:center;vertical-align:middle;background-color:#154282}
.timeArea .date_tit .cal_icon i{color:#fff;font-size:18px}
.timeArea .time_box{margin-top:24px}
@media screen and (max-width:799px){
.calendarArea .calendar{padding:30px 20px 0}
.calendarArea{float:none;width:100%}
.reservationWrap .timeArea{float:none;width:100%;padding:0 20px}
.reservationWrap:before{display:none}
}
/* .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0,0,0,0)}
 */
.yeyak_inwon .inwon_div{margin-top:10px}
.yeyak_inwon .inwon_div .control-label{text-align:left!important}
.yeyak_inwon .inwon_div .control-label:before{display:none !important}
.yeyak_inwon .inwon_div:first-child{margin-top:0}
.form-horizontal.bucket-form .form-group .yeyak_inwon  .control-label{padding-top:6px}
.btn-group:after{display:block;visibility:hidden;clear:both;content:"";}
@media only screen and (max-width:768px){
.form-horizontal.bucket-form .form-group .control-label{display:block;padding:15px}
}
.list-group.login_box{position:relative;overflow:hidden;border:1px solid #ddd}
.list-group.login_box:before{position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#ddd;content:""}
.login_box .con{padding:30px}
.login_box .tit{display:block;font-size:30px;font-weight:bold;text-align:center}
.login_box .tit .tip{color:#154282}
.login_box .con{padding:30px}
.login_box .con_txt{margin:20px 0}
.login_box .con_form{position:relative;overflow:hidden;margin-top:10px}
.login_box .con_form .li{position:relative;overflow:hidden;margin-top:5px}
.login_box .con_form .li label{line-height:30px}
.login_box .con_btn{margin-top:15px;text-align:center}
@media only screen and (max-width:767px){
.list-group.login_box:before{top:33%;width:100%;height:1px;left:0}
}
.list-group.experience_hit{position:relative;overflow:hidden}
.experience_hit .list-group-item{float:left;width:48%;margin:1%;padding:20px 153px 20px 20px}
.experience_hit .list-group-item .con li{padding-left:94px}
.experience_hit .list-group-item .con li b{display:inline-block;position:relative;min-width:80px;margin-left:-80px;vertical-align:top}
.experience_hit .list-group-item .con li b:before{display:block;position:absolute;top:5px;left:63px;width:1px;height:12px;background-color:#ddd;content:""}
.experience_hit .list-group-item .btn_wrap{position:absolute;top:60px;right:18px}
@media only screen and (max-width:1200px){
.experience_hit .list-group-item{margin:1%;padding:20px}
.experience_hit .list-group-item .btn_wrap{position:static;margin-top:10px;text-align:center}
}
@media only screen and (max-width:767px){
.experience_hit .list-group-item{float:none;width:100%;margin:10px 0 0 0;}
.experience_hit .list-group-item:first-child{margin:0}
}
/* .experience_hit_view .list-group-item{padding:20px 30px}
.experience_hit_view .con{padding-bottom:10px;background:url(/images/prog/experience/logo.png) 98% 89% no-repeat}
.experience_hit_view .list-group-item .con li{padding-left:94px}
.experience_hit_view .list-group-item .con li b{display:inline-block;position:relative;min-width:102px;margin-left:-76px;vertical-align:top}
.experience_hit_view .list-group-item .con li b:before{display:block;position:absolute;top:5px;left:90px;width:1px;height:12px;background-color:#ddd;content:""}
.list-group-item .well .txt-tip{margin:0} */
@media only screen and (max-width:767px){
.experience_hit_view .con{background:none}
#print2{display:none}
}

.board--card--list .obj .card--body .list_ul li{margin:10px 0;}


/* 예약조회 목록 */

.board--card--list.hit{overflow: visible}
.board--card--list.hit .obj.col2{overflow: visible}
.board--card--list.hit .obj.col2 .item{padding:0;overflow: visible}
.board--card--list.hit .obj.col2 .card--body{overflow:visible;border-top:0;padding: 46px 15px 15px 15px;}
.board--card--list.hit .obj .card--body:before{display:none}
.board--card--list.hit .obj.col2 .card--body .tit{padding-right:0}
.board--card--list.hit .obj.col2 .card--body .list_ul li{padding-left:90px}
.board--card--list.hit .obj.col2 .card--body .list_ul li b{min-width:71px;margin-left:-83px}
.board--card--list.hit .cate{display:inline-block;position:absolute;top:-1px;left:20px;height:46px;margin:0 0 0 -30px;padding:10px 38px 10px 10px;background: #21759a;font-size:16px;color:#fff}
.board--card--list.hit .cate:before{position: absolute;left: 0;bottom: -10px;border-top: 5px solid #21759a;border-right: 5px solid #21759a;border-bottom: 5px solid transparent;border-left: 5px solid transparent;content: "";}
.board--card--list.hit .cate:after{position: absolute;top: 0;right:-1px;border-top:23px solid transparent;border-right: 25px solid transparent;border-bottom:23px solid transparent;border-left: 25px solid #fff;content: "";-ms-transform: rotate(180deg);-

webkit-transform: rotate(180deg);transform: rotate(180deg)}
.board--card--list.hit .cate1{background:#21759a}
.board--card--list.hit .cate1:before{border-top: 5px solid #21759a;border-right: 5px solid #21759a}
.board--card--list.hit .cate2{background:#a6172d}
.board--card--list.hit .cate2:before{border-top: 5px solid #a6172d;border-right: 5px solid #a6172d}
.board--card--list.hit .cate3{background:#63676d}
.board--card--list.hit .cate3:before{border-top: 5px solid #63676d;border-right: 5px solid #63676d}
.board--card--list.hit .cate4{background:#9055A2}
.board--card--list.hit .cate4:before{border-top: 5px solid #9055A2;border-right: 5px solid #9055A2}
.board--card--list.hit .cate5{background:#F17F42}
.board--card--list.hit .cate5:before{border-top: 5px solid #F17F42;border-right: 5px solid #F17F42}
.board--card--list.hit .tit{padding-bottom: 10px;margin-top:40px;margin-bottom: 10px;padding-right: 72px;border-bottom: 2px solid #ddd;font-size: 22px}
.board--card--list.hit .btn_wrap{margin-top:15px;text-align:center}


/* 예약조회/상세 */
.list-group.hit{position:relative;overflow:hidden}
.hit .list-group-item{float:left;width:48%;margin:1%;padding:20px 153px 20px 20px}
.hit .list-group-item .con li{padding-left:94px}
.hit .list-group-item .con li b{display:inline-block;position:relative;min-width:80px;margin-left:-80px;vertical-align:top}
.hit .list-group-item .con li b:before{display:block;position:absolute;top:5px;left:63px;width:1px;height:12px;background-color:#ddd;content:""}
.hit .list-group-item .btn_wrap{position:absolute;top:60px;right:18px}
@media only screen and (max-width:1200px){
.hit .list-group-item{margin:1%;padding:20px}
.hit .list-group-item .btn_wrap{position:static;margin-top:10px;text-align:center}
}
@media only screen and (max-width:767px){
.hit .list-group-item{float:none;width:100%;margin:10px 0 0 0;}
.hit .list-group-item:first-child{margin:0}
}

.list-group.hit_view{position:relative;overflow:hidden;margin-bottom:0}
.hit_view .list-group-item{height:auto;overflow:visible;padding:0;border:0}
.hit_view .con{padding-bottom:10px;text-align:left}
.hit_view .list-group-item .con li{padding-left:109px;line-height:1.6}
.hit_view .list-group-item .con li b{display:inline-block;position:relative;min-width:100px;margin-left:-100px;vertical-align:top}
.hit_view .list-group-item .con li b:before{display:block;position:absolute;top:5px;left:88px;width:1px;height:10px;background-color:#ddd;content:""}
.list-group-item .well .txt-tip{margin:0}

.ui-topbox.type2.skin_type1{text-align:left}
.ui-topbox.type2.skin_type1 .inner{padding:35px 25px 35px 215px}
@media only screen and (max-width:767px){
.hit_view .con{background:none}
#print2{display:none}
}

.ui-view-thesis{border-top:2px solid #000;}
.ui-view-thesis .ui-header{padding:0;height:160px;border-bottom:1px solid #ccc;}
.ui-view-thesis .ui-header .cat{display:inline-block;margin-bottom:15px;padding:5px 10px;background-color:#004a93;color:#fff;line-height:25px;}
.ui-view-thesis h2:before{display:none;}
.ui-view-thesis .ui-header h2{margin:0;padding:0;line-height:1.3;}
.ui-view-thesis .ui-header h2:before{display:none;}
.ui-view-thesis .ui-header .eng{display:block;margin-top:10px;font-size:13px;line-height:1.3;}
.ui-view-thesis .ui-cont{position:relative;border-bottom:1px solid #ccc;}
.ui-view-thesis .ui-cont .item{border-top:1px solid #ccc;padding:10px 20px}
.ui-view-thesis .ui-cont .item:after{content:"";display:block;clear:both;visibility:hidden;}
.ui-view-thesis .ui-cont .item .h2{margin:74px 0 10px 0;}
.ui-view-thesis .ui-cont .item h3{margin:50px 0 10px;font-size:20px;line-height:24px;}
.ui-view-thesis .ui-cont .item h3:first-child{margin-top:0;}
.ui-view-thesis .ui-cont .item.rcon{margin-top:40px;}
.ui-view-thesis .ui-cont .item .sun{display:block;font-size:15px;font-weight:bold;color:#3d5afe}


.ui-view-thesis .cont .item .property h3{margin:0 0 25px;padding-top:40px;font-size:16px;background:url(/images/lab/sub02/property_ico.png) no-repeat;color:#004a93;}
.ui-view-thesis .property{margin-top:45px;padding:25px;border:1px solid #ddd;}
.ui-view-thesis .property ul{}
.ui-view-thesis .property ul li{position:relative;margin:5px 0 0;padding-left:80px;line-height:20px;}
.ui-view-thesis .property ul li b{position:absolute;top:0;left:0;}

.ui-view-thesis .list_info{padding:15px;}
.ui-view-thesis .list_info li{margin-top:15px;;}
.ui-view-thesis .list_info li:first-child{margin-top:0;}
.ui-view-thesis .list_info li em{line-height:20px;white-space:normal;word-break:break-all;}
.ui-view-thesis .list_info li{display:block;}

.ui-view-thesis .ui-ribbon--obj2{position:absolute;top:0;right:24px;width:70px;height:88px;background:#ee573a;z-index:2}
.ui-view-thesis .ui-ribbon--obj2 span{display:block;padding:10px 18px;font-size:17px;color:#fff;line-height:20px}
.ui-view-thesis .ui-ribbon--obj2:first-child{margin-left:0}
.ui-view-thesis .ui-ribbon--obj2:after{position:absolute;left:0;bottom:-1px;border-top:0px solid transparent;border-right:35px solid transparent;border-bottom:25px solid #fff;border-left:35px solid transparent;content:"";}

.ui-view-thesis .ui-ribbon--obj2.cate1{background:#21759a}
.ui-view-thesis .ui-ribbon--obj2.cate2{background:#a6172d}
.ui-view-thesis .ui-ribbon--obj2.cate3{background:#63676d}
.ui-view-thesis .ui-ribbon--obj2.cate4{background:#9055A2}
.ui-view-thesis .ui-ribbon--obj2.cate5{background:#F17F42}
.ui-view-thesis .ui-ribbon--obj2.cate6{background:#2962FF}
.ui-view-thesis .ui-ribbon--obj2.cate7{background:#607D8B}


@media all and (min-width:480px) {
	.ui-view-thesis .ui-cont .item .h2{margin:40px 0 10px 0}
    .ui-view-thesis .list_details li b{width:30%;}
    .ui-view-thesis .list_details li span{width:70%;}
    .ui-view-thesis .member{float:left;width:47%;}
    .ui-view-thesis .property{float:right;margin-top:0;width:47%;}
}
@media all and (min-width:768px) {
    .ui-view-thesis .ui-cont:after{content:"";display:block;clear:both;visibility:hidden;}
    .ui-view-thesis .ui-cont .item.lcon{float:right;width:60%;}
    .ui-view-thesis .ui-cont .item.rcon{float:left;margin-top:0;width:30%;}
    .ui-view-thesis .member,
    .ui-view-thesis .property{float:none;width:100%;}
    .ui-view-thesis .property{margin-top:45px;}
}
@media all and (min-width:1024px) {
    .ui-view-thesis .ui-cont:before{left:30%;}
    .ui-view-thesis .ui-cont .item.lcon{width:67.5%;}
    .ui-view-thesis .ui-cont .item.rcon{width:27.5%;}
}
@media all and (min-width:1280px) {
    .ui-view-thesis .ui-cont:before{left:27.5%;}
    .ui-view-thesis .ui-cont .item.rcon{width:25.5%;}
}


.ui-topbox .inner{padding:20px 25px}
@media all and (max-width:767px){
	.ui-topbox.type2.skin_type1 .inner{padding:85px 20px 20px}
	.list-group.hit_view .txt-tip{margin-left:0}
}

@media all and (max-width: 991px){
	.table-responsive .table{width:100%}
}

/*230710 유의사항 추가 */
.bodo_icon .tp_icon .icon {display: block; width: 70px; height: 70px;background-image: url(/images/kor/common/bodo_icon2.png);background-color: #D9E5FF;border-radius:50%;}
.bodo_icon.type3.col2 .ui.uit {display: inline-block; width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; border: 1px solid #ddd;}
.bodo_icon.type3.col2 .ui.uit:nth-child(even) {margin-right:0}
.exp_sub0206.bodo_icon.type3 {overflow:hidden}
.exp_sub0206.bodo_icon.type3 .ui.uit .inner {min-height: 155px;}
.exp_sub0206.bodo_icon.type3 .ui.uit .inner .circle2 {background-color:#D9E5FF!important;}
.exp_sub0206.bodo_icon .tp_icon .icon1 {background-position: -72px -228px;}
.exp_sub0206.bodo_icon .tp_icon .icon2 {background-position: -350px -160px}
.exp_sub0206.bodo_icon .tp_icon .icon3 {background-position: -146px -227px}
.exp_sub0206.bodo_icon .tp_icon .icon4 {background-position: -4px -230px}

@media only screen and (min-width: 640px) {
.bodo_icon.type3 .ui.uit {width: 49%; margin-right: 2%;}
.bodo_icon.type3 .ui.uit .inner {padding: 40px 7% 30px 120px; text-align: left;}
.bodo_icon .tp_icon {position: absolute; top: 38px; left: 30px; border-radius:50%;}
}

@media only screen and (max-width: 640px) {
.list-group {margin:0 auto;}
.exp_sub0206.bodo_icon.type3 {margin:10px;}
.bodo_icon.type3.col2 .ui.uit {width:100%; margin:10px auto;}
.bodo_icon .tp_icon .icon {background-color: #D9E5FF!important; border-radius: 50%;}
.exp_sub0206.bodo_icon .inner {padding:20px 10px 20px 20px}
}