@charset "utf-8";

/** sub0101 어린이박물관 소개 **/
#sub0101 {width: 100%;margin: 0;}
#sub0101 .wrap {width: 100%;position: relative;max-width: 1080px;}

#sub0101 .wrap .contents_box {width: 100%;/* height: 1388px; */}
#sub0101 .wrap .contents_box .title {text-align: center;position: relative;animation: slideUp 2s linear;animation-fill-mode: both;padding-top: 50px;}
#sub0101 .wrap .contents_box .title2 {display: flex;}
#sub0101 .wrap .contents_box .title h2 {width: 646px;position: relative;text-indent: -9999px;}
#sub0101 .wrap .contents_box .title h2:before {content: "";display: block;position:absolute;width: 646px;height: 68px;top: 72px;left: 130px;background:url(/images/child/images/sub0101_img01.png) no-repeat;}

#sub0101 .wrap .contents_box {width: 100%;background: #d9edee url(/images/child/images/contentsbox_bg.png) no-repeat;}
#sub0101 .wrap .contents_box .textbox {position: relative;width: 80%;margin: 40px auto;padding: 30px 30px;border: 2px solid #000;border-radius: 15px;background-color:#fff;box-shadow: 1px 1px 10px rgba(0,0,0,0.15);animation: slideUp 1s linear;animation-fill-mode: both;}
#sub0101 .wrap .contents_box .textbox .para_col {padding: 5px 30px;line-height: 2em;}
#sub0101 .wrap .contents_box .textbox .para_col p {padding: 0;margin: 0;}
#sub0101 .wrap .contents_box .textbox .para_col em {display: block;font-size: 17px;font-style: normal;font-family: 'GmarketSans';font-style: normal;font-weight: 500;color: #000;}

#sub0101 .wrap .contents_box .textbox:before {display: none;content: "";position: absolute;width: 54px;height: 55px;top: -55px;left: 5px;background: url(/images/child/images/textbox_bg01.png) no-repeat;}
#sub0101 .wrap .contents_box .textbox:after {display: none;content: "";position: absolute;width: 278px;height: 51px;top: -53px;right: 13px;background: url(/images/child/images/textbox_bg02.png) no-repeat;}

#sub0101 .wrap .contents_box .textbox .item_list {position: relative;display: flex;margin: 30px 0;}
#sub0101 .wrap .contents_box .textbox .item_list .list {width: calc(100%/5);text-align: center;}
#sub0101 .wrap .contents_box .textbox .item_list .item_title {font-family: 'GmarketSans';font-size: 18px;font-weight: 700;margin-top: 4px;color: #000;}

#sub0101 .wrap .contents_box .textbox .item_list:before {display: block;content: '';position: absolute;width: 86%;height: 50px;top: 35px;left: calc(100%/2 - 43%);background-color: #f4f4f4;z-index: -10000;margin: 0 auto;}

#sub0101 .wrap .contents_box .cha_col {display: flex;flex-direction: column;justify-content: center;align-items: center;}
#sub0101 .wrap .contents_box .cha_col .col {position: relative;width: 90%;border: 2px solid #000;border-radius: 15px;padding: 50px 30px;margin-bottom: 20px;box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);}
#sub0101 .wrap .contents_box .cha_col .col .cha_title {display: block;font-size: 20px;margin-bottom: 8px;font-family: 'GmarketSans';font-weight: 700;font-size: 18px;color: #000;}
#sub0101 .wrap .contents_box .cha_col .col .cha_txt {color: #000;display: block;}

#sub0101 .wrap .contents_box .cha_col {display: none;}

#sub0101 .wrap .contents_box .cha_col .col.cha1 {background-color: #f1c284;}
#sub0101 .wrap .contents_box .cha_col .col.cha2 {background-color: #d8eef3;}
#sub0101 .wrap .contents_box .cha_col .col.cha3 {background-color: #80cde3;}
#sub0101 .wrap .contents_box .cha_col .col.cha4 {background-color: #ee7a47;}
#sub0101 .wrap .contents_box .cha_col .col.cha5 {background-color: #6fc18c;}

#sub0101 .wrap .contents_box .cha_col .col.cha1:before {content: '';position: absolute;bottom: calc(100%/2 - 56.5px);right: 20px;width: 113px;height: 113px;background: url(/images/child/images/sub0101_item01.png)no-repeat;}
#sub0101 .wrap .contents_box .cha_col .col.cha2:before {content: '';position: absolute;bottom: calc(100%/2 - 56.5px);right: 20px;width: 113px;height: 113px;background: url(/images/child/images/sub0101_item02.png)no-repeat;}
#sub0101 .wrap .contents_box .cha_col .col.cha3:before {content: '';position: absolute;bottom: calc(100%/2 - 56.5px);right: 20px;width: 113px;height: 113px;background: url(/images/child/images/sub0101_item03.png)no-repeat;}
#sub0101 .wrap .contents_box .cha_col .col.cha4:before {content: '';position: absolute;bottom: calc(100%/2 - 56.5px);right: 20px;width: 113px;height: 113px;background: url(/images/child/images/sub0101_item04.png)no-repeat;}
#sub0101 .wrap .contents_box .cha_col .col.cha5:before {content: '';position: absolute;bottom: calc(100%/2 - 56.5px);right: 20px;width: 113px;height: 113px;background: url(/images/child/images/sub0101_item05.png)no-repeat;}

@media only screen and (max-width:1000px) {
    #sub0101 .wrap .contents_box .textbox {width: 90%;padding: 15px 20px;}
    #sub0101 .wrap .contents_box .textbox .para_col {padding: 0px 15px;}
}

@media only screen and (max-width:800px) {

  #sub0101 .wrap .contents_box .textbox .item_list {display: flex;margin: 15px 5px}
  #sub0101 .wrap .contents_box .textbox .item_list .list:last-child {margin-right: 0;}
  #sub0101 .wrap .contents_box .textbox .item_list .list {margin-right: 7px;}
  #sub0101 .wrap .contents_box .textbox .item_list .item_title {display: none;}
  /* #sub0101 .wrap .contents_box .textbox:before {display: block;}
  #sub0101 .wrap .contents_box .textbox:after {display: block;} */
  #sub0101 .wrap .contents_box .textbox .item_list:before {display: none;}
    #sub0101 .wrap .contents_box .textbox {margin: 30px auto 30px auto;}

    #sub0101 .wrap .contents_box .title2 {display: none;} 
    #sub0101 .wrap .contents_box .cha_col {display: flex;}
    #sub0101 .wrap .contents_box .cha_col .col {padding: 50px 150px 50px 30px;}
}

@media only screen and (max-width:500px) {
    #sub0101 .wrap .contents_box .title {padding-top: 30px;}

    

    #sub0101 .wrap .contents_box .textbox {margin: 10px auto 20px auto}
    #sub0101 .wrap .contents_box .textbox .para_col em {font-size: 14px;}

    #sub0101 .wrap .contents_box .title img {width: 90%;}
    #sub0101 .wrap .contents_box .textbox {width: 95%;padding: 10px 12px;}
    #sub0101 .wrap .contents_box .textbox .para_col {padding: 0 5px}
    #sub0101 .wrap .contents_box .cha_col .col {width: 95%;padding: 30px 150px 30px 30px;}

    #sub0101 .wrap .contents_box .cha_col .col .cha_txt {font-size: 14px;}

}

/** sub0101 어린이박물관 소개 end**/


/* 어린이박물관 list */
.child-h2 {font-family: 'GmarketSans'; font-size: 26px; font-weight: bold; color: #333;}
.child-h3 {position: relative; padding-left: 20px; font-family: 'GmarketSans'; font-size: 22px; font-weight: bold; color: #333;}
.child-h3:before {content: ""; display: inline-block; position: absolute; top: 50%; left: 7px; transform: translateY(-50%) rotate(45deg); width: 4px; height: 4px; background-color: #333;}
.s0102 .txt-box {border: 1px solid #ddd; border-radius: 15px; background-color: #fafafa; overflow: hidden;}

.child-list01 {display: flex; flex-wrap: wrap; margin: 0 -15px;}
.child-list01 .item {position: relative; width: calc(33.3333% - 30px); margin: 15px; padding: 35px 30px; border: 1px solid #ddd; border-radius: 15px; background-color: #fafafa; text-align: center;}
.child-list01 .item .item-title {display: block; margin: 12px 0; font-family: 'GmarketSans'; font-size: 20px; font-weight: bold; color: #333;}
.child-list01 .item .item-text {text-align: left; font-size: 15px;}
.child-list01 .item .item-text .small-text {font-size: 13px;}
.child-list01 .item .item-icon {display: inline-block;width: 85px;height: 85px;border-radius: 50%;background: #fff url(/images/child/common/child_ir01.png) no-repeat;box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.child-list01 .item .item-icon.icon01 {background-position: 0 0;}
.child-list01 .item .item-icon.icon02 {background-position: -85px 0;}
.child-list01 .item .item-icon.icon03 {background-position: -170px 0;}
.child-list01 .item .item-icon.icon04 {background-position: -255px 5px;}
.child-list01 .item .item-icon.icon05 {background-position: -340px 0;}
@media (max-width:960px) {
  .child-list01 {margin: 0;}
  .child-list01 .item {width: calc(50% - 30px);}
}
@media (max-width:767px) {
  .child-list01 .item {width: 100%; margin: 15px 0;}
}
@media (max-width:500px) {
  .child-list01 .item .item-title {text-align: center;}
}

.child-list02 {display: flex; flex-wrap: wrap; margin: 0 -20px;}
.child-list02 .item {position: relative; width: calc(33.3333% - 40px); padding: 35px 20px; margin: 15px 20px; border: 1px solid #ddd; border-radius: 15px; background-color: #fafafa; text-align: center; transition: all 0.3s;}
.child-list02 .item .item-icon {position: relative; display: inline-block; width: 51px; height: 51px; border-radius: 50%; background: #fff url(/images/child/common/child_ir02.png) no-repeat; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.child-list02 .item .item-icon.icon01 {background-position: 0 0;}
.child-list02 .item .item-icon.icon02 {background-position: -51px 0;}
.child-list02 .item .item-icon.icon03 {background-position: -102px 0;}
.child-list02 .item .item-icon.icon04 {background-position: -153px 0;}
.child-list02 .item .item-icon.icon05 {background-position: -204px 0;}
.child-list02 .item .item-icon.icon06 {background-position: -255px 0;}
.child-list02 .item .item-icon.ban:after {content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: url(/images/child/common/child_ir02_ban.png) no-repeat;}
@media (max-width:960px) {
  .child-list02 .item {width: calc(50% - 40px);}
}
@media (max-width:640px) {
  .child-list02 {margin: 0;}
  .child-list02 .item {width: 100%; margin: 15px 0;}
}

.child-list03 {display: flex; flex-wrap: wrap; margin: 20px -20px 0;}
.child-list03 .item {position: relative; width: calc(33.3333% - 40px); padding: 35px 10px 115px; margin: 0 20px; border: 1px solid #ddd; border-radius: 15px; text-align: center; transition: all 0.3s;}
.child-list03 .item:hover {border-color: #109b91;}
.child-list03 .item .item-title {display: block; margin-bottom: 15px; font-family: 'GmarketSans'; font-size: 20px; font-weight: bold; color: #333; transition: all 0.3s;}
.child-list03 .item:hover .item-title {color: #109b91;}
.child-list03 .item .item-bottom {position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); width: calc(100% - 60px); max-width: 280px; color: #333;}
.child-list03 .item .item-bottom b {display: block; font-weight: bold;}
.child-list03 .item .item-btn {padding: 20px 10px; border: 1px solid #ddd; border-radius: 5px; background-color: #fafafa; font-size: 16px; font-weight: bold; transition: all 0.3s;}
.child-list03 .item .item-btn:hover, .child-list03 .item .item-btn:focus {background-color: #109b91; border-color: #109b91; color: #fff;}
.child-list03 .item .item-icon {display: inline-block; margin-bottom: 5px; width: 34px; height: 35px; border-radius: 50%; background-repeat: no-repeat; transition: all 0.3s;}
.child-list03 .item .item-icon.icon01 {background-image: url(/images/child/common/rules_icon0101.png);}
.child-list03 .item .item-icon.icon02 {background-image: url(/images/child/common/rules_icon0201.png);}
.child-list03 .item .item-icon.icon03 {background-image: url(/images/child/common/rules_icon0301.png);}
.child-list03 .item:hover .item-icon.icon01 {background-image: url(/images/child/common/rules_icon0102.png);}
.child-list03 .item:hover .item-icon.icon02 {background-image: url(/images/child/common/rules_icon0202.png);}
.child-list03 .item:hover .item-icon.icon03 {background-image: url(/images/child/common/rules_icon0302.png);}

.child-table {border-radius: 15px 15px 0 0; overflow: hidden;}
.child-table thead tr th, .child-table tbody tr th, .child-table tbody tr td {padding: 15px 10px; font-size: 15px;}
.child-table01 thead tr th {background-color: #e46c74; color: #fff;}
.child-table02 thead tr th {background-color: #2e90b9; color: #fff;}

@media (max-width:960px) {
  .child-list03 {margin: 0;}
  .child-list03 .item {width: 100%; margin: 15px 0;}
}

/* sub01_02 관람안내 */
.s0102 .small-text {padding-left: 10px;}
.s0102 .bodo-v.col2 {margin-left: -25px;}
@media (max-width:767px) {
  .s0102 .bodo-v.col2 {margin-left: 0;}
}
/* sub01_02 관람안내 End */




/**어린이박물관 디자인페이지 테스트 css 입니다**/
@keyframes o1-1 {
  0% {
    transform:translate(0,-2px);
  }
  30% {
    transform: translate(0,2px);
  }
  60% {
    transform: translate(0,0px);
  }
  90% {
    transform: translate(0,-2px);
  }
  10% {
    transform: translate(0,0px);
  }
}

@keyframes o2-1 {
  0% {
    transform: rotate(2deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes o3-1 {
  0% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes slideUp {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1
  }   
}


/**sub0103 시설안내**/
#sub0103 {width: 100%;margin: 0;}
#sub0103 .wrap {width: 100%;position: relative;max-width: 1080px;}

#sub0103 .wrap .contents_box {margin-top: 40px;}
/**지하1층 **/
#sub0103 .wrap .contents_box .course_B1 .titlebox {position: relative;padding: 45px 45px;background-color: #3485cb;border-top-right-radius: 15px;border-top-left-radius: 15px;}
#sub0103 .wrap .contents_box .course_B1 .titlebox.B1:before {content: '';position: absolute;bottom: 0;right: 25px;width: 168px;height: 144px;background: url(/images/child/images/title_obj01.png) no-repeat;}

#sub0103 .wrap .contents_box .course_B1 .titlebox .title {font-family: 'GmarketSans'; font-style: normal; font-weight: 700;color: #fff;font-size: 30px;}
#sub0103 .wrap .contents_box .course_B1 .titlebox .title .title_blue {display: inline-block;position: relative;color: #d0e9ff}
#sub0103 .wrap .contents_box .course_B1 .titlebox .title .title_blue:before {content: '';width: 7px;height: 8px;line-height: 10px;margin-bottom: 5px;margin-right: 10px;display: inline-block; ;background: url(/images/child/images/dot.png)no-repeat;}
#sub0103 .wrap .contents_box .course_B1 .titlebox .title .subtitle {font-size: 16px; color: rgba(255,255,255,0.2);font-weight: 500;}

#sub0103 .wrap .contents_box .course_B1 .course_box {width: 100%;margin-top: 10px;box-sizing: border-box;overflow: hidden;}
#sub0103 .wrap .contents_box .course_B1 .course_box .course_map {position: relative;width: 100%;padding: 60px 0;border: 1px solid #ddd;text-align: center;background-color: #fcfcfc;box-sizing: border-box;}
#sub0103 .wrap .contents_box .course_B1 .course_box .course_map:before {content: 'B1';position: absolute;bottom: 30px;left: 40px;font-family: 'GmarketSans';font-weight: 800;font-size: 116px;color: #e8e8e8;}
#sub0103 .wrap .contents_box .course_B1 .course_box img {max-width: 100%; }

#sub0103 .wrap .contents_box .course_B1 .course_box .course {width: 100%;padding: 30px;height: auto;border: 1px solid #ddd;border-top: none;box-sizing: border-box;}
#sub0103 .wrap .contents_box .course_B1 .course_box .course ul {width: 100%;box-sizing: border-box;}
#sub0103 .wrap .contents_box .course_B1 .course_box .course ul li {padding: 20px;float: left;width: calc(100%/4);list-style: none;/* height: 30px; */}

#sub0103 .wrap .contents_box .course_B1 .course_box .course ul li span.num {display:inline-block;width: 29px;height: 29px;margin-right: 15px;text-align: center;background-color: #3485cb;border-radius: 500px;line-height: 29px;font-family: 'GmarketSans';color: #FFF;font-weight: 800;}
#sub0103 .wrap .contents_box .course_B1 .course_box .course ul li span.icon {display: inline-block;width: 30px;height: 32px;margin-right: 15px;border-radius: 4px;text-align: center;line-height: 32px;text-indent: -9999px;background: #4c535a url(/images/child/images/course_ir.png) no-repeat;}

#sub0103 .wrap .contents_box .course_B1 .course_box .course ul li span.stair {background-position: -6px -5px;}
#sub0103 .wrap .contents_box .course_B1 .course_box .course ul li span.locker {background-position: -42px -5px;}
#sub0103 .wrap .contents_box .course_B1 .course_box .course ul li span.elevator {background-position: -75px -5px;}
#sub0103 .wrap .contents_box .course_B1 .course_box .course ul li span.info {background-position: -111px -5px;}
#sub0103 .wrap .contents_box .course_B1 .course_box .course ul li span.stroller {background-position:-41px -41px;}

@media only screen and (max-width:800px) {
    #sub0103 .wrap .contents_box .course_B1 .course_box .course_map {padding: 60px 30px;}
    #sub0103 .wrap .contents_box .course_B1 .course_box .course_map:before {display: none;}
    #sub0103 .wrap .contents_box .course_B1 .course_box .course ul li {width: calc(100%/3);}
}

@media only screen and (max-width:700px){
    #sub0103 .wrap .contents_box .course_B1 .titlebox .title .subtitle {display: none;}
}

@media only screen and (max-width:600px){
    #sub0103 .wrap .contents_box .course_B1 .course_box .course ul li {width: calc(100%/2);}
}

@media only screen and (max-width:450px){
    #sub0103 .wrap .contents_box .course_B1 .titlebox {padding: 30px 30px;}
    #sub0103 .wrap .contents_box .course_B1 .titlebox .title {font-size: 25px;}
    #sub0103 .wrap .contents_box .course_B1 .titlebox.B1:before {display: none;}
    #sub0103 .wrap .contents_box .course_B1 .course_box .course ul li {width: calc(100%);}
}

/*지하1층 시설이미지 bodo-v */
#sub0103 .bodo-h .row1 {padding-bottom: 40px; margin-bottom: 0;}
#sub0103 .bodo-h .row1:not(:first-child) {padding-top: 40px; border-top: 1px dashed #aaa;}
#sub0103 .bodo-h .row1 .h_txt .tit, #sub0103 .bodo-v .col .v_txt .tit {color: #222;}
#sub0103 .bodo-v {margin-top:50px;display: flex; flex-wrap: wrap;}
#sub0103 .bodo-v .col {float: none;padding: 30px 25px;border: 1px solid #ddd;}
#sub0103 .bodo-v .col .v_txt {text-align: center;}
@media (max-width:767px) {
  #sub0103 .bodo-h .row1.wide .h_txt {text-align: center;}
}

.bodo-v{overflow: hidden;/* margin-left:-45px; */}
.bodo-v img{width: 100%;}
.bodo-v .col{float: left;width:calc(33.33% - 45px);margin-left: 25px;margin-bottom: 20px;}
.bodo-v.col2 .col{width: calc(50% - 12.5px);}
.bodo-v.col2 .col:nth-child(2n+1) {margin-left:0}
.bodo-v.col4 .col{width:calc(25% - 45px);}
.bodo-v .col .v_imgbox{margin-bottom: 10px;}
.bodo-v .col .v_txt{}
.bodo-v .col .v_txt .tit{font-size: 18px;line-height: 30px;font-weight: bold; color: #180e0d;letter-spacing: -0.045em;}
.bodo-v .col .v_txt p{word-break: break-all;letter-spacing: -0.045em;}

@media (max-width: 767px){
  .bodo-v,
  .bodo-h.col_box{margin-left:0;}
    .bodo-h .row1 .h_imgbox,
    .bodo-h .row1 .h_txt,
    .bodo-h .row1.wide .h_imgbox,
    .bodo-h .row1.wide .h_txt,
    .bodo-h .col,
    .bodo-h .col .h_imgbox,
    .bodo-h .col .h_txt,
    .bodo-v .col,
    .bodo-v.col2 .col,
    .bodo-v.col4 .col{float: none;width: 100%;margin: 10px 0;}
  .bodo-h .col .h_txt{padding-top:0;}
}


/**지상1층**/
#sub0103 .wrap .contents_box .course_floor1 {margin: 100px 0}
#sub0103 .wrap .contents_box .course_floor1 .titlebox {position: relative;padding: 45px 45px;background-color: #0bab75;border-top-right-radius: 15px;border-top-left-radius: 15px;}
#sub0103 .wrap .contents_box .course_floor1 .titlebox.floor1:before {content: '';position: absolute;bottom: 0;right: 25px;width: 181px;height: 159px;background: url(/images/child/images/title_obj02.png) no-repeat;}

#sub0103 .wrap .contents_box .course_floor1 .titlebox .title {font-family: 'GmarketSans'; font-style: normal; font-weight: 700;color: #fff;font-size: 30px;}
#sub0103 .wrap .contents_box .course_floor1 .titlebox .title .title_green {display: inline-block;position: relative;color: #a3e6cb}
#sub0103 .wrap .contents_box .course_floor1 .titlebox .title .title_green:before {content: '';width: 7px;height: 8px;line-height: 10px;margin-bottom: 5px;margin-right: 10px;display: inline-block;background: url(/images/child/images/dot.png)no-repeat;}
#sub0103 .wrap .contents_box .course_floor1 .titlebox .title .subtitle {font-size: 16px; color: rgba(255,255,255,0.2);font-weight: 500;}

#sub0103 .wrap .contents_box .course_floor1 .course_box {width: 100%;margin-top: 10px;box-sizing: border-box;overflow: hidden;}
#sub0103 .wrap .contents_box .course_floor1 .course_box .course_map {position: relative;width: 100%;padding: 60px 0;border: 1px solid #ddd;text-align: center;background-color: #fcfcfc;box-sizing: border-box;}
#sub0103 .wrap .contents_box .course_floor1 .course_box .course_map:before {content: '1F';position: absolute;bottom: 30px;left: 40px;font-family: 'GmarketSans';font-weight: 800;font-size: 116px;color: #e8e8e8;}
#sub0103 .wrap .contents_box .course_floor1 .course_box img {max-width: 100%; }

#sub0103 .wrap .contents_box .course_floor1 .course_box .course {width: 100%;padding: 30px;height:auto;border: 1px solid #ddd;border-top: none;box-sizing: border-box;}
#sub0103 .wrap .contents_box .course_floor1 .course_box .course ul {width: 100%;box-sizing: border-box;}
#sub0103 .wrap .contents_box .course_floor1 .course_box .course ul li {padding: 20px 0;float: left;width: calc(100%/4);list-style: none;/* height: 30px; */}

#sub0103 .wrap .contents_box .course_floor1 .course_box .course ul li span.num {display:inline-block;width: 29px;height: 29px;margin-right: 15px;text-align: center;background-color: #0bab75;border-radius: 500px;line-height: 29px;font-family: 'GmarketSans';color: #FFF;font-weight: 800;}
#sub0103 .wrap .contents_box .course_floor1 .course_box .course ul li span.icon {display: inline-block;width: 30px;height: 32px;margin-right: 15px;border-radius: 4px;text-align: center;line-height: 32px;text-indent: -9999px;background: #4c535a url(/images/child/images/course_ir.png) no-repeat;}

#sub0103 .wrap .contents_box .course_floor1 .course_box .course ul li span.stair {background-position: -6px -5px;}
#sub0103 .wrap .contents_box .course_floor1 .course_box .course ul li span.locker {background-position: -42px -5px;}
#sub0103 .wrap .contents_box .course_floor1 .course_box .course ul li span.elevator {background-position: -75px -5px;}
#sub0103 .wrap .contents_box .course_floor1 .course_box .course ul li span.info {background-position: -111px -5px;}
#sub0103 .wrap .contents_box .course_floor1 .course_box .course ul li span.cafe {background-position: -145px -5px;}
#sub0103 .wrap .contents_box .course_floor1 .course_box .course ul li span.male {background-position: -178px -6px;}
#sub0103 .wrap .contents_box .course_floor1 .course_box .course ul li span.female {background-position: -213px -6px;}
#sub0103 .wrap .contents_box .course_floor1 .course_box .course ul li span.baby {background-position: -246px -5px;}

@media only screen and (max-width:800px) {
    #sub0103 .wrap .contents_box .course_floor1 .course_box .course_map {padding: 60px 30px;}
    #sub0103 .wrap .contents_box .course_floor1 .course_box .course_map:before {display: none;}
    #sub0103 .wrap .contents_box .course_floor1 .course_box .course ul li {width: calc(100%/3);}
}

@media only screen and (max-width:700px){
    #sub0103 .wrap .contents_box .course_floor1 .titlebox .title .subtitle {display: none;}
}

@media only screen and (max-width:600px){
    #sub0103 .wrap .contents_box .course_floor1 .course_box .course ul li {width: calc(100%/2);}
}

@media only screen and (max-width:450px){
    #sub0103 .wrap .contents_box .course_floor1 .titlebox {padding: 30px 30px;}
    #sub0103 .wrap .contents_box .course_floor1 .titlebox .title {font-size: 25px;}
    #sub0103 .wrap .contents_box .course_floor1 .titlebox.floor1:before {display: none;}
    #sub0103 .wrap .contents_box .course_floor1 .course_box .course ul li {width: calc(100%);}
}


/**전시공간**/
#sub0103 .wrap .contents_box .ex_col {width: 100%;display: flex;}
#sub0103 .wrap .contents_box .ex_col .col {width: 49%;margin-right: 4%;}
#sub0103 .wrap .contents_box .ex_col .col:nth-child(2) {margin-right: 0;}

#sub0103 .wrap .contents_box .ex_col .col {position: relative;border-radius: 15px;padding: 20px 140px 20px 40px;}
#sub0103 .wrap .contents_box .h2 {margin-top: 20px;margin-left: 10px;font-size: 24px;font-family: 'GmarketSans';font-weight: 800;color: #232c2b}
#sub0103 .wrap .contents_box .ex_col .col .txt .h3 {margin-top: 8px;font-size: 20px;font-family: 'GmarketSans';font-weight: 800;color: #232c2b;}
#sub0103 .wrap .contents_box .ex_col .col .txt span {display: block;font-size: 15px;color: #2a2a2a;}
#sub0103 .wrap .contents_box .ex_col .col .txt span em {display: block;font-style: normal;margin: 6px 0;}

#sub0103 .wrap .contents_box .ex_col .col.children {background-color: #dff2fb;}
#sub0103 .wrap .contents_box .ex_col .col.playground {background-color: #fbdfe1;}

#sub0103 .wrap .contents_box .ex_col .col.children:after {content: '';position: absolute;width: 71px;height: 67px;top: calc(100%/2 - 35.5px);right: 40px;background: url(/images/child/images/course_ir.png) no-repeat;background-position: -297px 0px;}
#sub0103 .wrap .contents_box .ex_col .col.playground:after {content: '';position: absolute;width: 78px;height: 67px;top: calc(100%/2 - 39px);right: 40px;background: url(/images/child/images/course_ir.png) no-repeat;background-position: -386px 0px;}

@media only screen and (max-width:1000px) {
  #sub0103 .wrap .contents_box .ex_col .col.children:after {display: block;top: 20px;right: calc(100%/2 - 30.5px);}
  #sub0103 .wrap .contents_box .ex_col .col.playground:after {display: block;top: 20px;right: calc(100%/2 - 39px);}

  #sub0103 .wrap .contents_box .ex_col .col {padding: 20px 40px;}

  #sub0103 .wrap .contents_box .ex_col .col .txt .h3 {text-align: center;margin-top: 90px;}
  #sub0103 .wrap .contents_box .ex_col .col .txt span {text-align: center;}
} 
@media only screen and (max-width:767px) {
  #sub0103 .wrap .contents_box .ex_col .col {padding: 20px 20px;}
}
@media only screen and (max-width:500px) {
  #sub0103 .wrap .contents_box .ex_col {flex-direction: column;padding: 20px 10px;}
  #sub0103 .wrap .contents_box .ex_col .col {width: 100%;}
  #sub0103 .wrap .contents_box .ex_col .col.children {margin-bottom: 20px;}
}

/**편의시설**/
#sub0103 .wrap .contents_box .con_col {width: 100%;display: flex;}

#sub0103 .wrap .contents_box .con_col .col {width: 49%;margin-right: 4%;}
#sub0103 .wrap .contents_box .con_col .col:nth-child(2) {margin-right: 0;}

#sub0103 .wrap .contents_box .con_col .col {position: relative;border-radius: 15px;padding: 50px 40px;background-color: #fafafa;border: 1px solid #ddd;}
#sub0103 .wrap .contents_box .h2 {margin-top: 50px;margin-left: 10px;font-size: 24px;font-family: 'GmarketSans';font-weight: 800;color: #232c2b}
#sub0103 .wrap .contents_box .con_col .col .txt .h3 {margin-top: 8px;font-size: 20px;font-family: 'GmarketSans';font-weight: 800;color: #232c2b;}
#sub0103 .wrap .contents_box .con_col .col .txt span {display: block;font-size: 16px;color: #2a2a2a;}
#sub0103 .wrap .contents_box .con_col .col .txt span em {font-style: normal;margin: 6px 0px 6px 5px;font-weight: bold;}

#sub0103 .wrap .contents_box .con_col .col.baby:after {content: '';position: absolute;top: calc(100%/2 - 43px);right: 40px;border-radius: 500px;width: 86px;height: 86px;background: #fff url(/images/child/images/course_ir.png) no-repeat;box-shadow: 1px 1px 10px rgba(0,0,0,0.10);background-position: -482px 15px;}
#sub0103 .wrap .contents_box .con_col .col.toilet:after {content: '';position: absolute;top: calc(100%/2 - 43px);right: 40px;border-radius: 500px;width: 86px;height: 86px;background: #fff url(/images/child/images/course_ir.png) no-repeat;box-shadow: 1px 1px 10px rgba(0,0,0,0.10);background-position: -568px 15px;}
#sub0103 .clear {width: 100%;height: auto;margin-top: 10px;}

@media only screen and (max-width:1000px) {
  #sub0103 .wrap .contents_box .con_col .col {padding: 30px 40px;}

  #sub0103 .wrap .contents_box .con_col .col.baby:after {top: 30px;right: calc(100%/2 - 43px);}
  #sub0103 .wrap .contents_box .con_col .col.toilet:after {top: 30px;right: calc(100%/2 - 43px);}

  #sub0103 .wrap .contents_box .con_col .col .txt .h3 {text-align: center;margin-top: 100px;}
  #sub0103 .wrap .contents_box .con_col .col .txt span {text-align: center;}
}

@media only screen and (max-width:767px) {
  #sub0103 .wrap .contents_box .con_col .col {padding: 30px 20px;}
}

@media only screen and (max-width:500px) {
  #sub0103 .wrap .contents_box .con_col {flex-direction: column;}
  #sub0103 .wrap .contents_box .con_col .col {width: 100%;}

  #sub0103 .wrap .contents_box .con_col .col.baby {margin-bottom: 20px;}
}
/**sub0103 시설안내 end**/


/**0105 관람예절**/
.sub01_05 .s0102_m{display:none;}

@media only screen and (max-width:640px) {
.sub01_05 .s0102_pc{display:none;}
.sub01_05 .s0102_m{display:block;}
}
/**0105 관람예절 end**/


/**0201 어린이박물관**/
#sub0201 .clear {margin-top: 0; height: 10px;}
#sub0201 {width: 100%;margin: 0;}
#sub0201 .wrap {width: 100%;position: relative;max-width: 1080px;}

#sub0201 .wrap .contents_box {margin-top: 40px;}

#sub0201 .wrap .contents_box .course_children {position: relative;}

#sub0201 .wrap .contents_box .course_children .titlebox {position: relative;padding: 45px 45px;background-color: #3485cb;border-top-right-radius: 15px;border-top-left-radius: 15px;}
#sub0201 .wrap .contents_box .course_children .titlebox:before {content: '';position: absolute;top: calc(100%/2 - 35.5px);right: 40px;width: 71px;height: 67px;background: url(/images/child/images/course_ir.png)no-repeat;background-position: -297px 0px;}
#sub0201 .wrap .contents_box .course_children .titlebox.B1:before {content: '';position: absolute;bottom: 0;right: 25px;width: 168px;height: 144px;background: url(/images/child/images/title_obj01.png) no-repeat;}

#sub0201 .wrap .contents_box .course_children .titlebox .title {font-family: 'GmarketSans';font-style: normal;font-weight: 700;color: #fff;font-size: 26px;}
#sub0201 .wrap .contents_box .course_children .titlebox .title .title_blue {display: inline-block;position: relative;color: #d0e9ff;font-weight: 500;}
#sub0201 .wrap .contents_box .course_children .titlebox .title .title_blue:before {content: '';width: 7px;height: 8px;line-height: 10px;margin-bottom: 5px;margin-right: 10px;display: inline-block; ;background: url(/images/child/images/dot.png)no-repeat;}

#sub0201 .wrap .contents_box .course_children .map {padding-top: 30px;position: relative;width: 100%;height: 905px;background: #f7fbfc url(/images/child/images/map.png) no-repeat;background-position: 75px 146px;border: 1px solid #ddd;box-sizing: border-box;border-top: none;}
#sub0201 .wrap .contents_box .course_children .map .list {position: relative;}

#sub0201 .wrap .contents_box .course_children .map .click_alert {width: 40%;padding: 15px 30px;margin: 0 auto;border-radius: 100px;background-color: #ffffff;box-shadow: 0 0 10px rgba(0 0 0 / 10%);text-align: center;}
#sub0201 .wrap .contents_box .course_children .map .click_alert .alert_txt {position: relative;display: inline-block;font-family: 'GmarketSans';color: #231815;}
#sub0201 .wrap .contents_box .course_children .map .click_alert .alert_txt:before {content: '';display: inline-block;width:30px;height: 30px;margin-bottom: -10px;margin-right: 6px;border-radius: 100%;background: #2e90b9 url(/images/child/images/course_ir.png)no-repeat;background-position: -7px -41px;}

#sub0201 .wrap .contents_box .course_children .map:before {content: '';position: absolute;width: 96px;height:119px;bottom: 92px;left: 110px;background: url(/images/child/images/map_obj01.png)no-repeat;}
#sub0201 .wrap .contents_box .course_children .map:after {content: '';position: absolute;width: 97px;height:123px;bottom: 220px;right: 180px;background: url(/images/child/images/map_obj02.png)no-repeat;}

#sub0201 .wrap .contents_box .course_children .map .list .item {position: absolute;}
#sub0201 .wrap .contents_box .course_children .map .list .link {display: block;width: 100%;height: 100%;}

#sub0201 .wrap .contents_box .course_children .map .list .item .obj_col {display: none;}

#sub0201 .wrap .contents_box .course_children .map .list .item.i1 {top: 54px;left: 64px;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i1 .obj {position: relative;width: 274px;height: 135px;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i1 .obj .child1 {position: absolute;top: 0;left: 0;display: inline-block;width: 60px;height: 48px;background: url(/images/child/images/item01.png)no-repeat;animation: o3-1 3s infinite;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i1 .obj .child2 {position: absolute;bottom: 0;right: 0;text-indent: -9999px;width: 227px;height: 97px;background: url(/images/child/images/txt01.png)no-repeat;}

#sub0201 .wrap .contents_box .course_children .map .list .item.i2 {top: 69px;left: 328px;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i2 .obj {position: relative;width: 319px;height: 178px;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i2 .obj .child1 {position: absolute;top: 0;left: 0;display: inline-block;width: 25px;height: 64px;background: url(/images/child/images/item02.png)no-repeat;animation: o2-1 2s infinite;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i2 .obj .child2 {position: absolute;bottom: 0;right: 0;text-indent: -9999px;width: 280px;height: 162px;background: url(/images/child/images/txt02.png)no-repeat;}

#sub0201 .wrap .contents_box .course_children .map .list .item.i3 {top: 72px;left: 617px;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i3 .obj {position: relative;width: 286px;height: 97px;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i3 .obj .child1 {position: absolute;bottom: -28px;right: -52px;display: inline-block;width: 49px;height: 41px;background: url(/images/child/images/item03.png)no-repeat;animation: o1-1 3s infinite;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i3 .obj .child2 {position: absolute;bottom: 0;right: 0;text-indent: -9999px;width: 237px;height: 97px;background: url(/images/child/images/txt03.png)no-repeat;}

#sub0201 .wrap .contents_box .course_children .map .list .item.i4 {top: 281px;right: 108px;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i4 .obj {position: relative;width: 193px;height: 123px;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i4 .obj .child2 {position: absolute;bottom: 0;right: 0;text-indent: -9999px;width: 193px;height: 123px;background: url(/images/child/images/txt04.png)no-repeat;}

#sub0201 .wrap .contents_box .course_children .map .list .item.i5 {top: 436px;right: 135px;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i5 .obj {position: relative;width:343px;height: 245px;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i5 .obj .child1 {position: absolute;bottom: -45px;left: 0px;display: inline-block;width: 39px;height: 31px;background: url(/images/child/images/item05.png)no-repeat;animation: o1-1 3s infinite;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i5 .obj .child2 {position: absolute;bottom: 0;right: 0;text-indent: -9999px;width: 336px;height: 203px;background: url(/images/child/images/txt05.png)no-repeat;}

#sub0201 .wrap .contents_box .course_children .map .list .item.i6 {top: 610px;left: 246px;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i6 .obj {position: relative;width: 267px;height: 119px;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i6 .obj .child2 {position: absolute;bottom: 0;right: 0;text-indent: -9999px;width: 267px;height: 119px;background: url(/images/child/images/txt06.png)no-repeat;}

#sub0201 .wrap .contents_box .course_children .map .list .item.i7 {top: 378px;left: 70px;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i7 .obj {position: relative;width: 356px;height: 149px;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i7 .obj .child1 {position: absolute;top: 1px;left: 54px;display: inline-block;width: 47px;height: 50px;background: url(/images/child/images/item07.png)no-repeat;animation: o1-1 3s infinite;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i7 .obj .child2 {position: absolute;bottom: 0;right: 0;text-indent: -9999px;width: 356px;height: 92px;background: url(/images/child/images/txt07.png)no-repeat;}

#sub0201 .wrap .contents_box .course_children .map .list .item.i8 {top: 169px;left: 70px;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i8 .obj {position: relative;width: 189px;height: 169px;}
#sub0201 .wrap .contents_box .course_children .map .list .item.i8 .obj .child2 {position: absolute;bottom: 0;right: 0;text-indent: -9999px;width: 189px;height: 169px;background: url(/images/child/images/txt08.png)no-repeat;}

#sub0201 .wrap .contents_box .h2 {margin-left: 10px;font-size: 24px;font-family: 'GmarketSans';font-weight: 800;color: #232c2b}
#sub0201 .wrap .contents_box .ex_col {width: 100%;display: flex;}
#sub0201 .wrap .contents_box .ex_col .col {width: calc(100%/3);margin-right:25px;border: 1px solid #ddd;border-radius: 15px 15px 0 0;box-sizing: border-box;}
#sub0201 .wrap .contents_box .ex_col .col:last-child {margin-right: 0;}
#sub0201 .wrap .contents_box .ex_col .col .s0201_imgbox img {/* width: 100%; */}

#sub0201 .wrap .contents_box .ex_col .col span {display: block;padding: 30px 0;text-align: center;background-color: #fafafa;border-top: 1px solid #ddd;}
#sub0201 .wrap .contents_box .ex_col .col span em {display: block;font-family: 'GmarketSans';font-weight: 800;font-size: 16px;color: #232c2b;font-style: normal;margin: 5px 0;}

@media only screen and (max-width:1100px) {
  #sub0201 .wrap .contents_box .course_children .map:before {display: none;}
  #sub0201 .wrap .contents_box .course_children .map:after {display: none;}

  #sub0201 .wrap .contents_box .course_children .map .list {margin-top: 40px;}

  #sub0201 .wrap .contents_box .course_children .map .click_alert {width: 60%;}

  #sub0201 .wrap .contents_box .course_children .map .list .item {position: relative;float: left ;width: calc(100% / 3 - 2.7%);min-height: 250px;margin-right: 4%;border-radius: 12px;margin-bottom: 20px;padding: 30px 25px;background-color: #f7f7f7; }
  #sub0201 .wrap .contents_box .course_children .map .list .item .r_title {display: block;font-family: 'GmarketSans';font-size: 20px;font-weight: 700;margin-bottom: 10px;}
  #sub0201 .wrap .contents_box .course_children .map .list .item:nth-child(3n) {margin-right: 0;}
  #sub0201 .wrap .contents_box .course_children .map {border: none;background: none;padding: 50px;}
  #sub0201 .wrap .contents_box .course_children .map .list .item .obj {display: none;}
  #sub0201 .wrap .contents_box .course_children .map .list .item .obj_col {display: block;position: relative;}

  #sub0201 .wrap .contents_box .course_children .map .list .item.i1 {top: auto;left: auto;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i2 {top: auto;left: auto;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i3 {top: auto;left: auto;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i4 {top: auto;right: auto;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i5 {top: auto;right: auto;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i6 {top: auto;left: auto;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i7 {top: auto;left: auto;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i8 {top: auto;left: auto;}

  #sub0201 .wrap .contents_box .course_children .map .list .item.i1:before {content: '';position: absolute;width: 76px;height: 47px;bottom: 30px;right: 30px;background: url(/images/child/images/obj_col_item01.png)no-repeat;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i2:before {content: '';position: absolute;width: 54px;height: 45px;bottom: 30px;right: 30px;background: url(/images/child/images/obj_col_item02.png)no-repeat;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i3:before {content: '';position: absolute;width: 40px;height: 54px;bottom: 30px;right: 30px;background: url(/images/child/images/obj_col_item03.png)no-repeat;}   
  #sub0201 .wrap .contents_box .course_children .map .list .item.i4:before {content: '';position: absolute;width: 77px;height: 46px;bottom: 30px;right: 30px;background: url(/images/child/images/obj_col_item04.png)no-repeat;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i5:before {content: '';position: absolute;width: 79px;height: 25px;bottom: 30px;right: 30px;background: url(/images/child/images/obj_col_item05.png)no-repeat;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i6:before {content: '';position: absolute;width: 77px;height: 50px;bottom: 30px;right: 30px;background: url(/images/child/images/obj_col_item06.png)no-repeat;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i7:before {content: '';position: absolute;width: 77px;height: 58px;bottom: 30px;right: 30px;background: url(/images/child/images/obj_col_item07.png)no-repeat;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i8:before {content: '';position: absolute;width: 59px;height: 33px;bottom: 30px;right: 30px;background: url(/images/child/images/obj_col_item08.png)no-repeat;}

  #sub0201 .wrap .contents_box .course_children .map .list .item.i1:hover {box-shadow: 3px 3px 10px rgb(0 0 0 / 20%);border: 2px solid #000;background-color: #ffffff;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i2:hover {box-shadow: 3px 3px 10px rgb(0 0 0 / 20%);border: 2px solid #000;background-color: #ffffff;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i3:hover {box-shadow: 3px 3px 10px rgb(0 0 0 / 20%);border: 2px solid #000;background-color: #ffffff;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i4:hover {box-shadow: 3px 3px 10px rgb(0 0 0 / 20%);border: 2px solid #000;background-color: #ffffff;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i5:hover {box-shadow: 3px 3px 10px rgb(0 0 0 / 20%);border: 2px solid #000;background-color: #ffffff;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i6:hover {box-shadow: 3px 3px 10px rgb(0 0 0 / 20%);border: 2px solid #000;background-color: #ffffff;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i7:hover {box-shadow: 3px 3px 10px rgb(0 0 0 / 20%);border: 2px solid #000;background-color: #ffffff;}
  #sub0201 .wrap .contents_box .course_children .map .list .item.i8:hover {box-shadow: 3px 3px 10px rgb(0 0 0 / 20%);border: 2px solid #000;background-color: #ffffff;}
}

@media only screen and (max-width:800px) {
  #sub0201 .wrap .contents_box .course_children .titlebox:before {display: none;}
  #sub0201 .wrap .contents_box .course_children .titlebox .title {text-align: center;}
  #sub0201 .wrap .contents_box .course_children .titlebox .title .title_blue {display: block;}
  #sub0201 .wrap .contents_box .course_children .titlebox .title .title_blue:before {margin: 11px auto; display: block;}
  #sub0201 .wrap .contents_box .course_children .map .click_alert {width: 60%;}


  #sub0201 .wrap .contents_box .course_children .map {border: none;background: none;padding: 40px;}

  #sub0201 .wrap .contents_box .course_children .map .list {margin-top: 40px;}
  #sub0201 .wrap .contents_box .course_children .map .list .item {width: calc(100%/2 - 2%);margin-right: 4%}
  #sub0201 .wrap .contents_box .course_children .map .list .item:nth-child(3n) {margin-right: 4%;}
  #sub0201 .wrap .contents_box .course_children .map .list .item:nth-child(2n) {margin-right: 0%;}

  #sub0201 .wrap .contents_box .h2 {font-size: 20px;}
  #sub0201 .wrap .contents_box .ex_col {flex-direction: column;}
  #sub0201 .wrap .contents_box .ex_col .col {width: 100%;text-align: center;}

  #sub0201 .wrap .contents_box .ex_col .col {margin-bottom: 20px;}
  #sub0201 .wrap .contents_box .ex_col .col span {padding: 20px 0;}
}

@media only screen and (max-width:500px) {
  #sub0201 .wrap .contents_box .course_children .titlebox {padding: 25px 25px;}
  #sub0201 .wrap .contents_box .course_children .titlebox .title {font-size: 24px;}

  #sub0201 .wrap .contents_box .course_children .titlebox:before {display: none;}
  #sub0201 .wrap .contents_box .course_children .map {padding: 20px}

  #sub0201 .wrap .contents_box .course_children .map .click_alert {width: 90%;}

  #sub0201 .wrap .contents_box .course_children .map .list .item {width: 100%;margin-right: 0;}
} 

/* 레이어 팝업 */
.modal:before{content:'';display:inline-block;height:100%;width:0;margin-left:-1em;vertical-align:middle}
.modal__open{overflow:hidden;height:100%}
.modal__open .modal{overflow-x:hidden;overflow-y:auto;z-index:99999}
.modal__backdrop{position: absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.6);}
.modal__body{position: absolute;top:50%;left:50%;display:inline-block;width:100%; max-width:650px;max-height: 100vh;background:#fff;box-shadow:0 0 24px rgba(0,0,0,.5);transform:translate(-50%,-50%);transition:all .4s ease-out;vertical-align:middle;text-align:left;border: 2px solid #000;border-radius: 15px;overflow-y: auto;}
.modal__header{margin:0 15px;padding:10px 0;border-bottom:1px solid #e6e6e6}
.modal .modalTitle,.modal__title{font-size:1.2em;color:#000}
.modal__content{position:relative;overflow-y:auto}
.modal__footer{padding:8px 15px;border-top:1px solid #e6e6e6;background:#fafafa;text-align:center}

.modal__title{position: relative;display:block;padding: 40px 45px;border-bottom: 2px solid #000;border-radius: 12px 12px 0 0;}

#sub0201 .modal_body {width: 650px;}

.modal__title.icon1 {background-color: #e48998;}
.modal__title.icon3,.modal__title.icon4 {background-color: #d8eef3}
.modal__title.icon2 {background-color: #80cde3}
.modal__title.icon5 {background-color: #6fc18c}
.modal__title.icon6 {background-color: #87c189;}
.modal__title.icon7 {background-color: #ee7a47}
.modal__title.icon8 {background-color: #f1c284}

/* 섹션별 추가 이미지 히든처리함
.modal__title.icon2:before {content: '';position: fixed;width: 161px;height: 153px;top: -17px;right: 0;background: url(/images/child/images/modal_title02.png)no-repeat;}
.modal__title.icon4:before {content: '';position: fixed;width: 119px;height: 120px;top: -11px;right: 0;background: url(/images/child/images/modal_title04.png)no-repeat;}
.modal__title.icon5:before {content: '';position: fixed;width: 142px;height: 134px;top: -25px;right: 0;background: url(/images/child/images/modal_title05.png)no-repeat;}
.modal__title.icon7:before {content: '';position: fixed;width: 152px;height: 134px;top: -25px;right: -15px;background: url(/images/child/images/modal_title07.png)no-repeat;}
.modal__title.icon8:before {content: '';position: fixed;width: 161px;height: 153px;top: -44px;right: 10px;background: url(/images/child/images/modal_title08.png)no-repeat;}
 */

.modal__title strong,
.modal__title span{display:block;}
.modal__title strong{color:#333333;font-size:24px;line-height:1.2;font-family: 'GmarketSans'}
.modal__title span{font-size:16px;color:#5c8640;line-height: 1.2;}
.modal__body .img{display:block;margin-top: 10px;;margin-right: -20px;overflow:hidden;text-align: right;}
.modal__body .conts{padding: 45px;}
.modal__body .conts p{color: #333;font-size: 16px;line-height:1.9;letter-spacing: -0.5px;}
.modal__body .conts em {font-family: 'GmarketSans';font-weight: 500;font-size: 17px;color: #000;font-style: italic;}
.modal__body .conts2{background: #f4f4f4;padding: 34px 28px;position: relative; border-radius: 10px;} 
.modal__body .conts2 strong{display:block;color:#333333;font-size:18px;margin-bottom: 5px;} 
.modal__body .conts2 p{color: #333;font-size:15px;line-height:1.4;letter-spacing: -1px;}
.modal__body .conts2:after{content:'';position:absolute;top: -30px;left: 24px;width:112px;height:50px;background: url(/images/kr/sub06/tit.png);}

.modal .imgbox {padding:0; border:none;}
.modal .imgbox:last-child {margin-bottom: 0;}

.modal__body .conts2 p.c1{color:#405e2d}
.modal__body .conts2 p.c1 i{font-weight:bold;display:inline-block;margin-right:5px;}
.modal__close{position:fixed;top:3%;right:3%;font-size:0}
.modal__close-button span{display:inline-block;width:54px;height:54px;background:#fff;border: 2px solid #000;border-radius: 100%;}
.modal__close-button span:after,.modal__close-button span:before{display:inline-block;position:absolute;top:50%;left:50%;background-color:#000;vertical-align:middle;transform:rotate(-45deg);content:'';}
.modal__close-button span:before{left:50%;width:22px;height:2px;margin-top:0;margin-left:-11px}
.modal__close-button span:after{width:2px;height:22px;margin-top:-10px}
.modal.fade .modal__backdrop{opacity:0;transition:opacity 1s}
.modal.fade.active .modal__backdrop{opacity:.75;transition:opacity 1s}

@media only screen and (max-width:1000px) {
  .modal__body .conts {padding: 35px;}
  .modal__body .img {display: none;}
}

@media only screen and (max-width:770px){
    .modal__body {width: 80%;}
    .modal__close-button span{width:50px;height:50px}
    .modal__close-button span:before{left:50%;width:28px;height:2px;margin-top:0;margin-left:-14px}
    .modal__close-button span:after{width:2px;height:28px;margin-top:-14px}
}

@media only screen and (max-width:700px){
    .modal__title.icon2:before {display: none;}
    .modal__title.icon4:before {display: none;}
    .modal__title.icon5:before {display: none;}
    .modal__title.icon7:before {display: none;}
    .modal__title.icon8:before {display: none;}
 
    .modal__close {position: absolute;top: 25px; right: 15px;}

}

@media only screen and (max-width: 500px) {
   #sub0201 .wrap .contents_box .course_children .map .click_alert {width: 95%;}
   .modal__title {padding: 40px 25px;}
   .modal__title strong {font-size: 21px;}
   .modal__body .conts {padding: 20px;}
   .modal__body .conts p {font-size: 14px;}
}


/**0202 어린이박물관**/
#sub0202 .clear {margin-top: 0; height: 10px;}
#sub0202 {width: 100%;margin: 0;}
#sub0202 .wrap {width: 100%;position: relative;max-width: 1080px;}

#sub0202 .wrap .contents_box {margin-top: 40px;}

#sub0202 .wrap .contents_box .course_children {position: relative;}

#sub0202 .wrap .contents_box .course_children .titlebox {position: relative;padding: 45px 45px;background-color: #ee9ea3;border-top-right-radius: 15px;border-top-left-radius: 15px;}
#sub0202 .wrap .contents_box .course_children .titlebox:before {content: '';position: absolute;width: 78px;height: 67px;top: calc(100%/2 - 39px);right: 50px;background: url(/images/child/images/col_img02.png) no-repeat;}
#sub0202 .wrap .contents_box .course_children .titlebox.B1:before {content: '';position: absolute;bottom: 0;right: 25px;width: 168px;height: 144px;background: url(/images/child/images/title_obj01.png) no-repeat;}

#sub0202 .wrap .contents_box .course_children .titlebox .title {font-family: 'GmarketSans';font-style: normal;font-weight: 700;color: #222;font-size: 26px;}
#sub0202 .wrap .contents_box .course_children .titlebox .title .title_blue {display: inline-block;position: relative;color: #d0e9ff;font-weight: 500;}
#sub0202 .wrap .contents_box .course_children .titlebox .title .title_blue:before {content: '';width: 7px;height: 8px;line-height: 10px;margin-bottom: 5px;margin-right: 10px;display: inline-block; ;background: url(/images/child/images/dot.png)no-repeat;}

#sub0202 .wrap .contents_box .course_children .map {padding-top: 30px;position: relative;width: 100%;height: 905px;background: #f9f9f9 url(/images/child/images/map02.png) no-repeat;background-position: 0 146px;border: 1px solid #ddd;box-sizing: border-box;border-top: none;}
#sub0202 .wrap .contents_box .course_children .map .list {position: relative;}

#sub0202 .wrap .contents_box .course_children .map .click_alert {width: 40%;padding: 15px 30px;margin: 0 auto;border-radius: 100px;background-color: #ffffff;box-shadow: 0 0 10px rgba(0 0 0 / 10%);text-align: center;}
#sub0202 .wrap .contents_box .course_children .map .click_alert .alert_txt {position: relative;display: inline-block;font-family: 'GmarketSans';color: #231815;}
#sub0202 .wrap .contents_box .course_children .map .click_alert .alert_txt:before {content: '';display: inline-block;width:30px;height: 30px;margin-bottom: -10px;margin-right: 6px;border-radius: 100%;background: #ee9ea3 url(/images/child/images/course_ir.png)no-repeat;background-position: -7px -41px;}

#sub0202 .wrap .contents_box .course_children .map .list .item {position: absolute;}
#sub0202 .wrap .contents_box .course_children .map .list .link {display: block;width: 100%;height: 100%;}

#sub0202 .wrap .contents_box .course_children .map .list .item .obj_col {display: none;}

#sub0202 .wrap .contents_box .course_children .map .list .item.i1 {top: 70px;left: 200px;}
#sub0202 .wrap .contents_box .course_children .map .list .item.i1 .obj {position: relative;width: 250px;height: 149px;}
#sub0202 .wrap .contents_box .course_children .map .list .item.i1 .obj .child2 {position: absolute;bottom: 0;right: 0;text-indent: -9999px;width: 250px;height: 149px;background: url(/images/child/images/txt0201.png)no-repeat;}

#sub0202 .wrap .contents_box .course_children .map .list .item.i2 {top: 128px;left: 466px;}
#sub0202 .wrap .contents_box .course_children .map .list .item.i2 .obj {position: relative;width: 202px;height: 153px;}
#sub0202 .wrap .contents_box .course_children .map .list .item.i2 .obj .child2 {position: absolute;bottom: 0;right: 0;text-indent: -9999px;width: 202px;height: 153px;background: url(/images/child/images/txt0202.png)no-repeat;}

#sub0202 .wrap .contents_box .course_children .map .list .item.i3 {top: 59px;right: 210px;}
#sub0202 .wrap .contents_box .course_children .map .list .item.i3 .obj {position: relative;width: 148px;height: 186px;}
#sub0202 .wrap .contents_box .course_children .map .list .item.i3 .obj .child2 {position: absolute;bottom: 0;right: 0;text-indent: -9999px;width: 148px;height: 186px;background: url(/images/child/images/txt0203.png)no-repeat;}

#sub0202 .wrap .contents_box .course_children .map .list .item.i4 {left: 301px;top: 546px;}
#sub0202 .wrap .contents_box .course_children .map .list .item.i4 .obj {position: relative;width: 193px;height: 123px;}
#sub0202 .wrap .contents_box .course_children .map .list .item.i4 .obj .child2 {position: absolute;bottom: 0;left: 0;text-indent: -9999px;width: 193px;height: 123px;background: url(/images/child/images/txt0204.png)no-repeat;}

#sub0202 .wrap .contents_box .course_children .map .list .item.i5 {top: 416px;right: 375px;}
#sub0202 .wrap .contents_box .course_children .map .list .item.i5 .obj {position: relative;width: 177px;height: 242px;}
#sub0202 .wrap .contents_box .course_children .map .list .item.i5 .obj .child2 {position: absolute;bottom: 0;right: 0;text-indent: -9999px;width: 177px;height: 198px;background: url(/images/child/images/txt0205.png)no-repeat;}

#sub0202 .wrap .contents_box .course_children .map .list .item.i6 {top: 521px;right: 146px;}
#sub0202 .wrap .contents_box .course_children .map .list .item.i6 .obj {position: relative;width: 267px;height: 119px;}
#sub0202 .wrap .contents_box .course_children .map .list .item.i6 .obj .child2 {position: absolute;bottom: 0;right: 0;text-indent: -9999px;width: 176px;height: 170px;background: url(/images/child/images/txt0206.png)no-repeat;}

#sub0202 .wrap .contents_box .h2 {margin-left: 10px;font-size: 24px;font-family: 'GmarketSans';font-weight: 800;color: #232c2b}
#sub0202 .wrap .contents_box .ex_col {width: 100%;display: flex;}
#sub0202 .wrap .contents_box .ex_col .col {width: calc(100%/3);margin-right:25px;border: 1px solid #ddd;border-radius: 15px 15px 0 0;box-sizing: border-box;}
#sub0202 .wrap .contents_box .ex_col .col:last-child {margin-right: 0;}
#sub0202 .wrap .contents_box .ex_col .col .s0201_imgbox img {/* width: 100%; */}

#sub0202 .wrap .contents_box .ex_col .col span {display: block;padding: 30px 0;text-align: center;background-color: #fafafa;border-top: 1px solid #ddd;}
#sub0202 .wrap .contents_box .ex_col .col span em {display: block;font-family: 'GmarketSans';font-weight: 800;font-size: 16px;color: #232c2b;font-style: normal;margin: 5px 0;}

/*어린이박물관 모달창 배경 :before 값 제거*/
#sub0202 .modal__title.icon1:before {background: none;}
#sub0202 .modal__title.icon2:before {background: none;}
#sub0202 .modal__title.icon3:before {background: none;}
#sub0202 .modal__title.icon4:before {background: none;}
#sub0202 .modal__title.icon5:before {background: none;}
#sub0202 .modal__title.icon6:before {background: none;}


@media only screen and (max-width:1100px) {  
  #sub0202 .wrap .contents_box .course_children .map:before {display: none;}
  #sub0202 .wrap .contents_box .course_children .map:after {display: none;}

  #sub0202 .wrap .contents_box .course_children .map .list {margin-top: 40px;}

  #sub0202 .wrap .contents_box .course_children .map .click_alert {width: 40%;}

  #sub0202 .wrap .contents_box .course_children .map .list .item {position: relative;float: left;width: calc(100% / 3 - 2.7%);min-height: 250px;margin-right: 4%;border-radius: 12px;margin-bottom: 20px;padding: 30px 25px;background-color: #f7f7f7;}
  #sub0202 .wrap .contents_box .course_children .map .list .item .r_title {display: block;font-family: 'GmarketSans';font-size: 20px;font-weight: 700;margin-bottom: 10px;}
  #sub0202 .wrap .contents_box .course_children .map .list .item:nth-child(3n) {margin-right: 0;}
  #sub0202 .wrap .contents_box .course_children .map {border: none;background: none;padding: 50px;}
  #sub0202 .wrap .contents_box .course_children .map .list .item .obj {display: none;}
  #sub0202 .wrap .contents_box .course_children .map .list .item .obj_col {display: block;position: relative;}

  #sub0202 .wrap .contents_box .course_children .map .list .item.i1 {top: auto;left: auto;}
  #sub0202 .wrap .contents_box .course_children .map .list .item.i2 {top: auto;left: auto;}
  #sub0202 .wrap .contents_box .course_children .map .list .item.i3 {top: auto;right: auto;}
  #sub0202 .wrap .contents_box .course_children .map .list .item.i4 {top: auto;left: auto;}
  #sub0202 .wrap .contents_box .course_children .map .list .item.i5 {top: auto;right: auto;}
  #sub0202 .wrap .contents_box .course_children .map .list .item.i6 {top: auto;right: auto;}
  #sub0202 .wrap .contents_box .course_children .map .list .item.i7 {top: auto;left: auto;}
  #sub0202 .wrap .contents_box .course_children .map .list .item.i8 {top: auto;left: auto;}

  #sub0202 .wrap .contents_box .course_children .map .list .item.i1:before {content: '';position: absolute;width: 76px;height: 47px;bottom: 30px;right: 30px;background: url(/images/child/images/obj_col_item01.png)no-repeat;}
  #sub0202 .wrap .contents_box .course_children .map .list .item.i2:before {content: '';position: absolute;width: 54px;height: 45px;bottom: 30px;right: 30px;background: url(/images/child/images/obj_col_item02.png)no-repeat;}
  #sub0202 .wrap .contents_box .course_children .map .list .item.i3:before {content: '';position: absolute;width: 40px;height: 54px;bottom: 30px;right: 30px;background: url(/images/child/images/obj_col_item03.png)no-repeat;}   
  #sub0202 .wrap .contents_box .course_children .map .list .item.i4:before {content: '';position: absolute;width: 77px;height: 46px;bottom: 30px;right: 30px;background: url(/images/child/images/obj_col_item04.png)no-repeat;}
  #sub0202 .wrap .contents_box .course_children .map .list .item.i5:before {content: '';position: absolute;width: 79px;height: 25px;bottom: 30px;right: 30px;background: url(/images/child/images/obj_col_item05.png)no-repeat;}
  #sub0202 .wrap .contents_box .course_children .map .list .item.i6:before {content: '';position: absolute;width: 77px;height: 50px;bottom: 30px;right: 30px;background: url(/images/child/images/obj_col_item06.png)no-repeat;}
  #sub0202 .wrap .contents_box .course_children .map .list .item.i7:before {content: '';position: absolute;width: 77px;height: 58px;bottom: 30px;right: 30px;background: url(/images/child/images/obj_col_item07.png)no-repeat;}
  #sub0202 .wrap .contents_box .course_children .map .list .item.i8:before {content: '';position: absolute;width: 59px;height: 33px;bottom: 30px;right: 30px;background: url(/images/child/images/obj_col_item08.png)no-repeat;}

  #sub0202 .wrap .contents_box .course_children .map .list .item.i1:hover {box-shadow: 3px 3px 10px rgb(0 0 0 / 20%);border: 2px solid #000;background-color: #ffffff;}
  #sub0202 .wrap .contents_box .course_children .map .list .item.i2:hover {box-shadow: 3px 3px 10px rgb(0 0 0 / 20%);border: 2px solid #000;background-color: #ffffff;}
  #sub0202 .wrap .contents_box .course_children .map .list .item.i3:hover {box-shadow: 3px 3px 10px rgb(0 0 0 / 20%);border: 2px solid #000;background-color: #ffffff;}
  #sub0202 .wrap .contents_box .course_children .map .list .item.i4:hover {box-shadow: 3px 3px 10px rgb(0 0 0 / 20%);border: 2px solid #000;background-color: #ffffff;}
  #sub0202 .wrap .contents_box .course_children .map .list .item.i5:hover {box-shadow: 3px 3px 10px rgb(0 0 0 / 20%);border: 2px solid #000;background-color: #ffffff;}
  #sub0202 .wrap .contents_box .course_children .map .list .item.i6:hover {box-shadow: 3px 3px 10px rgb(0 0 0 / 20%);border: 2px solid #000;background-color: #ffffff;}
}

@media only screen and (max-width:800px) {
  #sub0202 .wrap .contents_box .course_children .titlebox:before {display: none;}
  #sub0202 .wrap .contents_box .course_children .titlebox .title {text-align: center;}
  #sub0202 .wrap .contents_box .course_children .titlebox .title .title_blue {display: block;}
  #sub0202 .wrap .contents_box .course_children .titlebox .title .title_blue:before {margin: 11px auto; display: block;}
  #sub0202 .wrap .contents_box .course_children .map .click_alert {width: 100%;}


  #sub0202 .wrap .contents_box .course_children .map {border: none;background: none;padding: 40px;}

  #sub0202 .wrap .contents_box .course_children .map .list {margin-top: 40px;}
  #sub0202 .wrap .contents_box .course_children .map .list .item {width: calc(100%/2 - 2%);margin-right: 4%}
  #sub0202 .wrap .contents_box .course_children .map .list .item:nth-child(3n) {margin-right: 4%;}
  #sub0202 .wrap .contents_box .course_children .map .list .item:nth-child(2n) {margin-right: 0%;}

  #sub0202 .wrap .contents_box .h2 {font-size: 20px;}
  #sub0202 .wrap .contents_box .ex_col {flex-direction: column;}
  #sub0202 .wrap .contents_box .ex_col .col {width: 100%;text-align: center;}

  #sub0202 .wrap .contents_box .ex_col .col {margin-bottom: 20px;}
  #sub0202 .wrap .contents_box .ex_col .col span {padding: 20px 0;}
}

@media only screen and (max-width:500px) {
  #sub0202 .wrap .contents_box .course_children .map .click_alert {width: 95%;}
  #sub0202 .wrap .contents_box .course_children .titlebox {padding: 25px 25px;}
  #sub0202 .wrap .contents_box .course_children .titlebox .title {font-size: 24px;}

  #sub0202 .wrap .contents_box .course_children .titlebox:before {display: none;}
  #sub0202 .wrap .contents_box .course_children .map {padding: 20px}

  #sub0202 .wrap .contents_box .course_children .map .click_alert {width: 90%;}

  #sub0202 .wrap .contents_box .course_children .map .list .item {width: 100%;margin-right: 0;}
}



/* sub01_02 관람안내 - 관람시 유의사항 수정 */
.s0102 .txt-box .list-1st li.exception {padding-left:120px;}
.s0102 .txt-box .list-1st li.exception span {position:absolute; left:23px;}
/* sub01_02 관람안내 - 관람시 유의사항 수정 End */