@charset "utf-8";

/* 조직도 se03a 시작 */
.de03a_org{position: relative; padding:55px 0 60px;}
.de03a_org .org_wrap .lv1 .lv1_0{width:auto;max-width:316px;margin:0 auto;position: relative;margin-bottom:40px;height: 67px;}
.de03a_org .org_wrap .lv1 .lv1_0::before{content: "";position: absolute;left:50%;bottom:-40px;width:1px;height:63px;background: rgba(177,182,190,0.9);z-index:0;}
.de03a_org .org_wrap .lv1 .lv1_0::after{content: "";position:absolute;left:50%; transform: translateX(-50%); bottom:-46.5px;width:7px;height:7px; background: #fff; border: 2px solid #324352; border-radius: 50%;z-index: 1;}
.de03a_org .org_wrap .lv1 .lv1_0 span{overflow: hidden; position: relative;display: inline-block;width:100%;padding:20px 10px;color:#fff;font-family: 'GongGothic';font-size:26px;letter-spacing: -0.025em;font-weight: bold;background: #0d3964;text-align: center;}
.de03a_org .org_wrap .lv1 .lv1_0 span:before,
.de03a_org .org_wrap .lv1 .lv1_0 span:after {position: absolute; width: 98px; height: 93px; background:url(/images/kor/sub01/se03a_bg.png) no-repeat; content: "";}
.de03a_org .org_wrap .lv1 .lv1_0 span:before {left: -30px; top: -40px;}
.de03a_org .org_wrap .lv1 .lv1_0 span:after{ right: -15px; bottom: -30px;}
.de03a_org .org_wrap .lv1 .lv1_1{overflow: hidden;position: relative;display: flex; justify-content: center;}
.de03a_org .org_wrap .lv1 .lv1_1::before{content: "";position: absolute;left:13.3%;top:0;width:75.1%;height:1px;background: rgba(177,182,190,0.9);}
.de03a_org .org_wrap .lv1 .lv1_1 > li{float:left;width:calc(25% - 15px);margin-left:15px;position: relative;margin-top:30px;z-index: 1;}
.de03a_org .org_wrap .lv1 .lv1_1 > li:first-child {margin-left: 0;}
.de03a_org .org_wrap .lv1 .lv1_1 > li::before{content: "";position: absolute;left:50%;top:-44px;width:1px;height:50px;z-index: -1;margin-left:-0.5px;background: rgba(177,182,190,0.9);}
.de03a_org .org_wrap .lv1 .lv1_1 > li .inner{position:relative;color:#666;font-size:15px;letter-spacing: -0.045em;border:7px solid #fff;background: #fff;display: table;padding:55px 50px;table-layout: fixed;width:100%;border: 1px solid rgba(177,182,190,0.9);min-height: 527px;}
.de03a_org .org_wrap .lv1 .lv1_1 > li .inner .tit {display: block;padding-bottom:10px;border-bottom: 2px solid #3f3b38; font-size:22px; line-height: 40px; color:#222; letter-spacing: -0.045em;z-index:10}
.de03a_org .org_wrap .lv1 .lv1_1 > li .inner .org_list {margin: 25px 0 0 10px;}
.de03a_org .org_wrap .lv1 .lv1_1 > li .inner .org_list:after {display: block; visibility: hidden; clear: both; content: "";}
.de03a_org .org_wrap .lv1 .lv1_1 > li .inner .org_list li {/* float: left; *//* width: 50%; */margin: 0;font-size: 16px;/* line-height:30px; */}
.de03a_org .org_wrap .lv1 .lv1_1 > li .inner .info_list { padding-top: 25px; background-image: linear-gradient(to right, #7f7f7f 33%, rgba(255,255,255,0) 0%);background-position: top;background-size: 4px 1px;background-repeat: repeat-x;}
.de03a_org .org_wrap .lv1 .lv1_1 > li .inner .info_list:after {display: block; visibility: hidden; clear: both; content: "";}
.de03a_org .org_wrap .lv1 .lv1_1 > li .inner .info_list li {position: relative; float: left; width: calc(50% - 10px); margin-left: 10px; padding-left: 23px;font-size:16px;font-family:'Roboto';}
.de03a_org .org_wrap .lv1 .lv1_1 > li .inner .info_list li:before {position: absolute; left: 0;top: 4px; width: 17px; height: 17px; background: url(/pcms/dist/img/c01/se03a_ir.png) no-repeat; content: "";}
.de03a_org .org_wrap .lv1 .lv1_1 > li .inner .info_list li.fax:before {background-position: -24px 0;}
.de03a_org .org_wrap .lv1 .lv1_1 > li:after {content:"";display:block;position:absolute;right: 0; bottom: -43px; width: 175px; height: 197px; background: url(/images/kor/sub01/title-box_bottom.png) no-repeat 20px 0;z-index:0}
.de03a_org .org_wrap.col2 .lv1 .lv1_1::before{left: calc(25% - 12px); width: calc(50% + 22px);}
.de03a_org .org_wrap.col2 .lv1 .lv1_1 > li{ width:50%;margin-left:45px;}
.de03a_org .org_wrap.col2 .lv1 .lv1_1 > li:first-child {margin-left: 0;}
.de03a_org .org_wrap.col3 .lv1 .lv1_1::before{left:17.6%;width:66.7%;}
.de03a_org .org_wrap.col3 .lv1 .lv1_1 > li{width:calc(33.33% - 15px);}
.de03a_org .org_wrap.col5 .lv1 .lv1_1::before{left:11%;width:80%;}
.de03a_org .org_wrap.col5 .lv1 .lv1_1 >li{width:calc(20% - 15px);}
@media(max-width:1150px){
  .de03a_org {padding: 40px 0px;}
  .de03a_org .org_wrap.col2 .lv1 .lv1_1 > li {width: calc(50% - 10px);margin-left: 20px;}
  .de03a_org .org_wrap.col2 .lv1 .lv1_1::before {left: calc(25% - 5px);width: calc(50% + 10px);}
  .de03a_org .org_wrap .lv1 .lv1_1 > li .inner {padding: 30px 25px;}
}
@media(max-width:930px){
  .de03a_org .org_wrap .lv1 .lv1_1 {flex-direction: column;}
  .de03a_org .org_wrap .lv1 .lv1_0 { margin-bottom: 0;}
  .de03a_org .org_wrap .lv1 .lv1_0::before {display: none;}
  .de03a_org .org_wrap .lv1 .lv1_0::after {display: none;}
  .de03a_org .org_wrap.col2 .lv1 .lv1_1 > li {float: none; width: 100%; margin-left: 0;}
  .de03a_org .org_wrap.col2 .lv1 .lv1_1::before {display: none;}
  .de03a_org .org_wrap .lv1 .lv1_0 span{font-size:20px;}
}
@media(max-width:500px){
  .de03a_org .org_wrap .lv1 .lv1_1 > li .inner {padding: 20px 35px;}
  .de03a_org .org_wrap .lv1 .lv1_1 > li .inner .org_list li {float: none; width: 100%;}
  .de03a_org .org_wrap .lv1 .lv1_1 > li .inner .info_list li {float: none; width: 100%; margin-left: 0;}
  .de03a_org .org_wrap .lv1 .lv1_0 span{font-size:18px;}
}
@media(max-width:450px){
  .de03a_org .org_wrap .lv1 .lv1_0{min-width:100%;margin-bottom:0;}
  .de03a_org .org_wrap .lv1 .lv1_0::before,
  .de03a_org .org_wrap .lv1 .lv1_0::after{display: none;}
  .de03a_org .org_wrap .lv1 .lv1_1{margin-left:0;}
  .de03a_org .org_wrap .lv1 .lv1_1::before{display: none;}
}
/* 조직도 se03a End */

/* s0101 인사말 */
.s0101 .greetings_se01c .top {word-break: normal;}
.s0101 .greetings_se01c .top strong em {display: inline;}
.s0101 .greetings_se01c .top strong em:before {display: none;}
.s0101 .half_hl {background: linear-gradient(to top, #fbe9eb 50%, transparent 50%);}
/* s0101 인사말 End */

/* s0102 연혁 */
.s0102 .history_se02d .body_box .item .item_box .timelist li {word-break: normal;}
/* s0102 연혁 End */

/* s0103 조직 및 업무 */
@media(max-width: 930px){
  .s0103 .de03a_org .org_wrap .lv1 .lv1_1 > li .inner {min-height: auto;}
  .s0103 .de03a_org .org_wrap .lv1 .lv1_1 > li::before {top: -30px;}
}
/* s0103 조직 및 업무 End */

/* s010401 시설안내 */
.s010401 .top-box {border: 1px solid #cacaca; border-radius: 0 0 10px 10px; overflow: hidden;}
.s010401 .top-box .top-img img {display: block; width: 100%;}
.s010401 .top-box .top-tabbox {position: relative; padding: 40px 60px; overflow: hidden; text-align: center;}
.s010401 .top-box .top-tabbox .tab-list {display: flex; flex-wrap: wrap; max-width: 800px; margin: 0 auto;}
.s010401 .top-box .top-tabbox .tab-list .tab {flex-basis: auto; width: 33.3333%;display: flex;align-items: center;padding: 5px 10px;font-size: 15px;color: #222;}
.s010401 .top-box .top-tabbox .tab-list .tab span {display: inline-block; width: 30px; height: 30px; margin-right: 10px; border: 2px solid #d32936; border-radius: 50%; color: #d32936; line-height: 28px; text-align: center;}
@media (max-width:768px){
  .s010401 .top-box .top-tabbox .tab-list .tab{width: 50%;}
}
@media (max-width:525px){
  .s010401 .top-box .top-tabbox .tab-list .tab{width: 100%;}
}
/* s010401 시설안내 End */

/* s0105 오시는 길 */
.s0105 .location_se04b .map_box .map_info .map_button a {padding-left: 16px; padding-right: 45px;}
.s0105 .list-1st>li, .s0105 p, .s0105 h4 {text-align: left;}
.s0105 .location_se04b .map_box .map_info .map_lst ul li {word-break: normal;}
/* s0105 오시는 길 End */

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

.sub0202 .wrap .contents_box {width: 100%;/* height: 1388px; */}
.sub0202 .wrap .contents_box .title {text-align: center;position: relative;animation: slideUp 2s linear;animation-fill-mode: both;padding-top: 50px;}
.sub0202 .wrap .contents_box .title2 {display: flex;}
.sub0202 .wrap .contents_box .title h2 {width: 646px;position: relative;text-indent: -9999px;}
.sub0202 .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;}

.sub0202 .wrap .contents_box {width: 100%;background: #d9edee url(/images/child/images/contentsbox_bg.png) no-repeat;}
.sub0202 .wrap .contents_box .textbox {position: relative;width: 80%;margin: 60px 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;}
.sub0202 .wrap .contents_box .textbox .para_col {padding: 5px 30px;line-height: 2em;}
.sub0202 .wrap .contents_box .textbox .para_col p {padding: 0;margin: 0;}
.sub0202 .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;}

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

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

.sub0202 .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;}

.sub0202 .wrap .contents_box .cha_col {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.sub0202 .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%);}
.sub0202 .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;}
.sub0202 .wrap .contents_box .cha_col .col .cha_txt {color: #000;display: block;}

.sub0202 .wrap .contents_box .cha_col {display: none;}

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

.sub0202 .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;}
.sub0202 .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;}
.sub0202 .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;}
.sub0202 .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;}
.sub0202 .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) {
    .sub0202 .wrap .contents_box .textbox {width: 90%;padding: 30px 20px;}
    .sub0202 .wrap .contents_box .textbox .para_col { padding: 5px 15px;}
}

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

    .sub0202 .wrap .contents_box .textbox .item_list {display: none;}
    .sub0202 .wrap .contents_box .textbox {margin: 60px auto 30px auto}

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

@media only screen and (max-width:500px) {
    .sub0202 .wrap .contents_box .textbox {width: 95%;padding: 30px 20px;}
    .sub0202 .wrap .contents_box .cha_col .col {width: 95%;}
}

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

/* sub03_01 관람안내 */
.s0301 .vlist__column {display: flex; flex-wrap: wrap;}
.s0301 .vlist__column.col3 .inner {float: none;}
.s0301 .vlist__column .inner .ui-summary p.txt-tip {display: block;margin-top: 10px;text-align: left;}
.s0301 .se13a_notice_box .item .text {word-break: break-all;}
/* sub03_01 관람안내 End */

/* sub0302 전시해설안내 */
.s0302 .inform_wrap:after{clear:both; display:block; content:''; height:0;}
.s0302 .inform_wrap > div:nth-child(1){width:calc(100% - 370px); padding-right:70px; box-sizing:border-box; float:left;}
.s0302 .inform_wrap > div:nth-child(2){width:370px; float:right; margin-bottom: 50px;}
.s0302 .info-side {border:solid 1px #cccccc; padding: 42px 0; box-sizing: border-box; text-align: center;}
.s0302 .info-side strong {font-family: 'GmarketSans'; font-weight: bold; font-size: 22px; color: #222222}
.s0302 .info-side img {width: 124px; margin: 20px 0 20px 0; border: 2px solid; color: #121212; border-radius: 5px; }
.s0302 .qr_bnt {margin: 0 auto;}
.s0302 .qr_bnt::after {content: '';display: block;clear: both;}
.s0302 .qr_bnt a img {width:128px;}
.s0302 .qr_bnt .bnt_line {border-radius: 10px;}
.s0302 .h2{word-break: break-all;}

@media (max-width:767px) {
  .s0302 .inform_wrap > div:nth-child(1) {width: 100%; margin-top: 40px; padding-right: 0; float: none;}
  .s0302 .inform_wrap > div:nth-child(2) {width:100%; float: none; margin-bottom: 40px;}
  .s0302 .info-side img {display: block; margin: 20px auto;}
  }

.s0302 .se14a_topbox .txtb {padding-right: 0;}
.s0302 .se14a_topbox .txtb .txt {margin-top: 10px;}
.s0302 .txt-box2 {background-color: #fcf9f9; border: 0; border-radius: 0;}
.s0302 .txt-box2 img {display: block;}
.s0302 .bodo-v .col .v_imgbox .pic_btn a {margin-top: 0; margin-bottom: 20px;}
@media (min-width:1191px) {
  .s0302 .se14a_topbox .txtb .txt .pd-right {padding-right: 420px;}
}
/* sub0302 전시해설안내 End */

/*sub03_03 반남고분군*/
@keyframes cloud_ani{
  0%{transform: translateX(-40px);opacity:0;}
  50%{transform: translateX(40px);opacity:1;}
  100%{transform: translateX(-40px);}

}
.sub03_03 #svisual_layout,
.sub03_03 #body_layout .lnb_wrap,
.sub03_03 #body_layout #location{display:none}
.sub03_03 #body_layout .contents_wrap{width:100%;}
.sub03_03 #body_layout{padding:0;margin:0;}
.sub03_03 #body_layout .body_wrap{max-width:none;}

.sub03_03 #svisual_layout,
.sub03_03 #location,
.sub03_03 #lnb_layout,
.sub03_03 #body_layout:before,
.sub03_03 .content-info,
.sub03_03 .page__title{display:none}
.sub03_03 .inner{position:relative;max-width:1280px;margin:0 auto;z-index:10}
.sub03_03 #body_layout .layout{max-width:100%;}
.sub03_03 #txt {overflow: hidden; padding: 0; }

@media (max-width: 1399.98px){
  .sub03_03 .layout{padding:0;}
  .sub03_03 .inner{padding:0 30px;}
  .br_block{display:none;}
}

.s0303 .mcon1 {position: relative; padding:263px 0 100px;}
.s0303 .mcon1 .cloud_obj{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.s0303 .mcon1 .cloud_obj span{position: absolute; display: block; left:50%; top:50px;background-repeat:no-repeat;background-size:100% auto;animation:cloud_ani 5s infinite;opacity:0}
.s0303 .mcon1 .cloud_obj .cloud1 { width: 426px; height: 117px;margin-left:-62%;background-image:url(/images/eng/sub03/sub03_03_cloud01.png);}
.s0303 .mcon1 .cloud_obj .cloud2 { top:200px;width: 321px; height: 62px;margin-left:-46%; background-image:url(/images/eng/sub03/sub03_03_cloud02.png);animation-delay:1.5s}
.s0303 .mcon1 .cloud_obj .cloud3 { top:100px;width: 547px; height: 105px;margin-left:24%; background-image:url(/images/eng/sub03/sub03_03_cloud03.png);animation-delay:1s}

.s0303 .mcon1 .topbox {text-align: center;}
.s0303 .mcon1 .mtit1 {display: block; font-family: 'GmarketSans'; font-weight: bold; font-size: 60px;letter-spacing: -4px; color: #363636;}
.s0303 .mcon1 .stit1 {font-size: 18px; color:#333}

@media (max-width:640px){
  .s0303 .mcon1 {padding:150px 0 100px;}
  .s0303 .mcon1 .cloud_obj .cloud1{width:308px;}
  .s0303 .mcon1 .cloud_obj .cloud2{width:211px;}
  .s0303 .mcon1 .cloud_obj .cloud3{width:327px;}
  .s0303 .mcon1 .mtit1{font-size:40px;}
}

.s0303 .mcon2 {position: relative; margin-top: 230px; background-color: #e8f5d6;}
.s0303 .mcon2:before {position: absolute; left: 50%; top: -335px; width: 3000px; height: 335px;margin-left:-1500px; background: url(/images/eng/sub03/sub03_03_mcon1_before.png); content: "";}
.s0303 .icon {display: block; position: absolute;left:50%; background-size: 100%;background-position:0 100%;background-repeat:no-repeat;z-index: 11}
/* mcon2 ico */
.s0303 .icon01{top: -170px;width: 513px; height: 155px;margin-left:-1000px;background-image: url(/images/eng/sub03/sub03_03_icon01.png);} /*왼쪽 기본 무덤*/
.s0303 .icon02{top: -273px;width: 513px; height: 155px;margin-left:13%; background-image:url(/images/eng/sub03/sub03_03_icon02.png);} /*오른쪽 문있는 무덤*/
.s0303 .icon03{top: -130px;width: 329px; height: 88px;margin-left:34%; background-image:url(/images/eng/sub03/sub03_03_icon03.png);} /*오른쪽 작은 꽃 무덤*/
.s0303 .icon04{top: 500px;width: 85px; height: 90px;margin-left:-740px;background-image:url(/images/eng/sub03/sub03_03_icon04.png);} /*왼쪽 나무 두그루*/
.s0303 .icon05{top:500px;width: 38px; height: 47px;margin-left:670px; background-image:url(/images/eng/sub03/sub03_03_icon05.png);} /*오른쪽 노란꽃*/
.s0303 .icon06{bottom:-24px;width: 516px; height: 316px;margin-left:40%; background-image:url(/images/eng/sub03/sub03_03_icon06.png);}/* 오른쪽 사람독무덤 무덤*/
/* mcon3 ico */
.s0303 .icon07{top: -300px;width: 513px; height: 286px;margin-left:-50%; background-image:url(/images/eng/sub03/sub03_03_icon07.png);} /*바위무덤*/
.s0303 .icon08{top: 246px;width: 137px; height:327px;margin-left:-777px; background-image:url(/images/eng/sub03/sub03_03_icon08.png);} /*왼쪽사람*/
.s0303 .icon08_1{bottom:230px;width:379px; height: 196px;margin-left:26.5%; background-image:url(/images/eng/sub03/sub03_03_icon08_1.png);} /*오른쪽사람*/
.s0303 .icon08_2{bottom: 0;width: 513px; height: 155px;margin-left:28%; background-image:url(/images/eng/sub03/sub03_03_icon02.png);} /*오른쪽 문 있는 무덤*/
.s0303 .icon08_3{bottom: 8%;width: 329px; height: 88px;margin-left:-39%; background-image:url(/images/eng/sub03/sub03_03_icon03.png);} /*왼쪽 꽃있는무덤*/
/* mcon4 ico */
.s0303 .icon09{top: 146px;width: 239px; height: 229px;margin-left:-930px; background-image:url(/images/eng/sub03/sub03_03_icon09.png);}
.s0303 .icon10{top: 405px;width: 957px; height: 186px; margin-left:-1430px; background-image:url(/images/eng/sub03/sub03_03_icon10.png);z-index:0}
.s0303 .icon11{bottom:10%;width: 754px; height: 378px;margin-left:-1327px; background-image:url(/images/eng/sub03/sub03_03_icon11.png);}
.s0303 .icon12{bottom:14%;width: 866px; height: 337px;margin-left:11%; background-image:url(/images/eng/sub03/sub03_03_icon12.png);}

.s0303 .mcon2 .txbox {padding-top:78px;}
.s0303 .mcon2 .txbox:before {position: absolute; left: 50%;top: -120px; width: 1110px; height: 1860px; margin-left:-453px;background: url(/images/eng/sub03/sub03_03_mcon1_road.png); content: "";}
.s0303 .mcon2 .txbox div h3 {position:relative;display:inline-block;font-family: 'GmarketSans'; font-weight: bold;padding:50px 76px 0 0;color:#333;font-size:24px;}
.s0303 .mcon2 .txbox div p {padding-bottom:60px; font-size: 17px; color:#494949;}
.s0303 .mcon2 .txbox div {position:relative;margin-bottom:38px;padding-left:520px;text-align:left;}
.s0303 .mcon2 .txbox div:last-child {margin-bottom:0;}
.s0303 .mcon2 .txbox div .img-box {position:absolute;left:0;top:0;overflow:hidden;}
.s0303 .mcon2 .txbox div .img-box img {max-width:100%;box-shadow:4px 4px 4px rgba(0,0,0,.2);}
.s0303 .mcon2 .txbox div:nth-of-type(1) {padding-right:520px;padding-left:0;}
.s0303 .mcon2 .txbox div:nth-of-type(1) .img-box {right:0;left:auto;}
.s0303 .mcon2 .txbox div:nth-of-type(3) {padding-right:520px;padding-left:0;}
.s0303 .mcon2 .txbox div:nth-of-type(3) .img-box {right:0;left:auto;}
.s0303 .mcon2 .txbox .txcen {padding:100px 0 140px;text-align: center;}

@media (max-width:1550px){
  .s0303 .icon01{top:-225px;width:334px;margin-left:-59%;}
  .s0303 .icon04{margin-left:-50%; }
  .s0303 .icon05{margin-left:47%;}
  .s0303 .icon06{width:350px;margin-left:25%;}
  .s0303 .icon07{width:383px;}
  .s0303 .icon08{top:-17px;width: 179px; height:154px;margin-left:-40%; background-image:url(/images/eng/sub03/sub03_03_icon08_m.png);} /*왼쪽사람*/
  .s0303 .icon08_3{margin-left:-53%;}
  .s0303 .icon11{width:464px;margin-left:-68%;}
  .s0303 .icon12{width:526px}
}

@media (max-width:1200px){
  .s0303 .mcon2 .txbox:before{height:1610px}
}
@media (max-width:1024px){
  .s0303 .topbox p span{display:inline;}
  .s0303 .mtit1 {font-size: 45px;}
  .s0303 .mcon2 .txbox div,
  .s0303 .mcon2 .txbox div:nth-of-type(1),
  .s0303 .mcon2 .txbox div:nth-of-type(3){padding-left:0;padding-right:0;text-align:center;}
  .s0303 .mcon2 .txbox div .img-box{position:static;display:block;margin:20px auto 100px;}
  .s0303 .mcon2 .txbox .txcen{padding:0 0 200px;}
  .s0303 .mcon2 .txbox div h3{padding:0;}
  .s0303 .mcon2 .txbox div p{padding:0;}

  .s0303 .icon06{margin-left:12%;}
  .s0303 .icon07{top:-337px;width:263px;}
  .s0303 .icon08{width: 128px;margin-left:-45%;}
  .s0303 .icon08_1{bottom: 187px;margin-left: 6.5%;}
  .s0303 .icon08_2{bottom:50px;width:300px;margin-left:20%;}
  .s0303 .icon08_3{width:249px;}

}

@media (max-width:768px){
  .s0303 .mcon2 .txbox:before{height:220px}
  .s0303 .icon08{top:32px;}
  .s0303 .icon11{margin-left:-88%;}
}
@media (max-width:640px){
  .s0303 .mcon2 .txbox h2 span{display:block;}
  .s0303 .icon01{top:-245px;width:254px;}
  .s0303 .icon02{width:303px;}
  .s0303 .icon06{bottom:-40px;width:230px;margin-left:12%;}
  .s0303 .icon08{top:7px;width:90px;margin-left:-37%;}
  .s0303 .icon08_1{width:230px;}
}


.s0303 .mcon3 {position: relative; margin-top: 100px; padding-bottom: 120px; background-color: #d26b40;}
.s0303 .mcon3:before {content: "";position: absolute; left: 50%; transform: translateX(-47%); top: -335px; width: 3000px; height: 335px; background: url(/images/eng/sub03/sub03_03_mcon2_before.png); z-index:10}
.s0303 .mcon3 .information-top {padding: 50px 0 200px;}
.s0303 .mcon3 .information-top .mtit2 {display: block;width:462px;height:47px;margin:0 auto;font-size:0;background:url(/images/eng/sub03/sub03_03_mcon3_tit.png) no-repeat 50% 0;}
.s0303 .mcon3 .information-box {position: relative; text-align: left;}
.s0303 .mcon3 .information-box:before {content: "";display: block;position: absolute;top: -135px;left: 50%;transform: translateX(-50%);width: 120%;height: 500px;border-radius: 100%; /*background-color: #e7eee4;*/z-index: -1;}
.s0303 .mcon3 .information-box .info-wrap {position: relative; top: -160px;}
.s0303 .mcon3 .information-box .info-tab:after {content: ""; display: block; clear: both;}
.s0303 .mcon3 .information-box .info-tab li {float: left; width: 50%; border: 5px solid #312623; border-bottom: none; border-radius: 20px 20px 0 0; background-color: #312623; color: #fff;}
.s0303 .mcon3 .information-box .info-tab li button {display: block; width: 100%; padding: 0 10px; font-family: 'GmarketSans'; font-weight: bold; font-size: 28px; color: #fff; min-height:80px;}
.s0303 .mcon3 .information-box .info-tab li button .check-icon {display: none; width: 31px; height: 31px; background: url(/images/eng/sub03/check_icon.png) no-repeat; vertical-align: middle;}
.s0303 .mcon3 .information-box .info-tab li.active {background-color: #fff; color: #312623;}
.s0303 .mcon3 .information-box .info-tab li.active button {color: #312623;}
.s0303 .mcon3 .information-box .info-tab li.active button .check-icon {display: inline-block;}
.s0303 .mcon3 .information-box .info-box {border: 5px solid #312623; border-top: none; border-radius: 0 0 20px 20px; background-color: #fff;}
.s0303 .mcon3 .information-box .info-box .info-content{display: none;padding: 60px 80px;}
.s0303 .mcon3 .information-box .info-box .info-content.active {display: block;}

@media (max-width: 768px){
  .s0303 .mcon3 .information-top .mtit2{width:100%;height: 96px;background-position: 50% 100%;}
}
@media (max-width: 640px){
  .s0303 .mcon3 .information-top .mtit2{height: 70px;background-size:340px;}
  .s0303 .mcon3 .information-box .info-box .info-content{padding:10px 20px;}
  .s0303 .mcon3 .information-box .info-tab li button {font-size: 20px;}
  .s0303 .mcon3 .information-box .info-tab li button .check-icon {display: none; width: 19px; height: 19px; background: url(/images/eng/sub03/check_icon1.png) no-repeat; vertical-align: middle;}
}

.s0303 .mcon4 {position: relative; padding-bottom: 200px; background-color: #7ba55c;}
.s0303 .mcon4:before {content: "";position: absolute; left: 50%;top: -207px; width: 3000px; height: 207px; margin-left:-1500px;background: url(/images/eng/sub03/sub03_03_mcon3_before.png); }
.s0303 .mcon4:after {content: "";display: block;position: absolute;bottom:0;left: 50%;width: 2560px;height: 509px;margin-left:-1280px;background:url(/images/eng/sub03/sub03_03_mcon4_before.png);}
.s0303 .mcon4 .inner {margin-bottom:260px;}
.s0303 .mcon4 .mtit3 {display: block;width:265px;height:47px;margin:0 auto 28px;font-size:0;background:url(/images/eng/sub03/sub03_03_mcon4_tit.png) no-repeat 50% 0;}
.s0303 .mcon4 .imgmap-wrap {position: relative;padding: 60px 80px;border: 5px solid #825c49;border-radius:20px; background-color: #fff;}
.s0303 .mcon4 .imgmap-wrap:before,
.s0303 .mcon4 .imgmap-wrap:after{content:"";display:block;position:absolute;bottom:-70px;width:89px;height:65px;background:url(/images/eng/sub03/sub03_03_icon13.png) no-repeat;}
.s0303 .mcon4 .imgmap-wrap:before{left:7%;}
.s0303 .mcon4 .imgmap-wrap:after{right:7%;}

@media (max-width: 768px){
  .s0303 .mcon4 .mtit3{width:100%;height: 34px;background-size:auto 100%;}
}
@media (max-width: 640px){
  .s0303 .mcon4 .imgmap-wrap{padding:10px 20px;}
}
/*sub03_03 반남고분군*/

/* 상설전시 예외처리 */
.s0203 .se14a_topbox .txtb{padding:0;}
.s0203 .se14a_topbox .txtb strong:before{display:none;}
.s0203 .bodo-v .col .v_imgbox img{border-radius:30px;}

/* 특별전시  리스트 */

.board--card--list.board-special-list .obj .card--body .title{padding-bottom:10px; line-height: 1; border-bottom:2px solid #222222}
.board--card--list.board-special-list .obj .card--body .title *{line-height: 1;}
.board--card--list.board-special-list .obj .card--body .title i, .board--card--list.type2.board-special-list .obj .card--body .title i{}
.board--card--list.board-special-list .obj .card--body ul li,.photo_wrap.typeB .inner .info_box .list-1st li{position:relative;padding-left: 85px;white-space: normal;}
.board--card--list.board-special-list .obj .card--body ul li em,.photo_wrap.typeB .inner .info_box .list-1st li em{width:auto;position:absolute;top:50%;left:0;margin-top: -13px;padding-left: 21px;}
.board--card--list.board-special-list .obj .card--body ul li em:before,.photo_wrap.typeB .inner .info_box .list-1st li em:before{display:inline-block;position:absolute;top: 3px;left:0;width:20px !important;height:20px !important;background:url(/images/common/list_ico.png) no-repeat;transform: none;}

.photo_wrap.typeB .inner .info_box .list-1st li{padding-left: 105px;}
.photo_wrap.typeB .inner .info_box .list-1st li:before{display:none}
.photo_wrap.typeB .inner .info_box .list-1st li em:before{top:2px}

.board--card--list.n1 .obj{justify-content: center}
.board--card--list.n1 .obj .col,.board--card--list.n2 .obj .col{max-width:50%;}

.board--card--list.board-special-list .obj .card--body ul li em.icon1:before,.photo_wrap.typeB .inner .info_box .list-1st li em.icon1:before{background-position:0 0}
.board--card--list.board-special-list .obj .card--body ul li em.icon2:before,.photo_wrap.typeB .inner .info_box .list-1st li em.icon2:before{background-position:-21px 0}
.board--card--list.board-special-list .obj .card--body ul li em.icon3:before,.photo_wrap.typeB .inner .info_box .list-1st li em.icon3:before{background-position:-42px 0}
.board--card--list.board-special-list .obj .card--body ul li em.icon4:before,.photo_wrap.typeB .inner .info_box .list-1st li em.icon4:before{background-position:-63px 0}
.board--card--list.board-special-list .obj .card--body ul li em.icon5:before,.photo_wrap.typeB .inner .info_box .list-1st li em.icon5:before{background-position:-84px 0}
.board--card--list.board-special-list .obj .card--body ul li em.icon6:before,.photo_wrap.typeB .inner .info_box .list-1st li em.icon6:before{background-position:-105px 0}
.board--card--list.board-special-list .obj .card--body ul li em.icon6:before,.photo_wrap.typeB .inner .info_box .list-1st li em.icon9:before{background-position:-126px 0}

.board--card--list.board-special-list .obj,
.board--card--list.type2.board-special-list .obj{margin:0 -10px;}
.board--card--list.board-special-list .col,
.board--card--list.type2.board-special-list .col{border:10px solid transparent;}
.board--card--list.board-special-list .col .inner-box,
.board--card--list.type2.board-special-list .col .inner-box{border-radius:0;}
.board--card--list.board-special-list .col .inner-box .item,
.board--card--list.type2.board-special-list .col .inner-box .item{border-radius:0;padding: 30px 50px;border-radius: 5px;border: 1px solid #d7d4d4;/* background: url(/pcms/dist/img/c01/se14a_topbox_bg01.png)no-repeat left bottom; */}
.board--card--list.type2.board-special-list .obj.col3 .col .inner-box .item {padding: 37px;}
.board--card--list.type2.board-special-list .obj .card--body .title{display:block;margin-bottom: 11px; padding-bottom:10px; line-height: 1; border-bottom:2px solid #222222}
.board--card--list .obj .col .inner-box .item .badge, .board--card--list.type2 .obj .col .inner-box .item .badge {position: absolute;top: 10px;right: 10px;width: auto;border-radius: 30px;background-color: #4175c8;height: auto;z-index: 5;font-size: 16px;padding: 5px 15px;}
.board--card--list.board-special-list .col .inner-box .item:after,
.board--card--list.type2.board-special-list .col .inner-box .item:after{content:""; position: absolute; left:342px; top:0; width:202px; height:101px; background:url(/pcms/dist/img/c01/se14a_topbox_bg02.png)no-repeat; z-index:-1;}
.ui-list__card .obj, .board--card--list .obj, .ui-odd-list, .card-deck, .card {position: relative;display: -ms-flexbox;display: flex;-ms-flex-flow: row wrap; flex-flow: row wrap;min-width: auto;word-wrap: break-word;border-radius: 0;margin: 0 -2px;}
.board--card--list .obj .col .item, .board--card--list.type2 .obj .col .item , .board--card--list .obj.col1 .col item, .board--card--list .obj.col1 .col .item, .board--card--list.type2 .obj.col1 .col .item {border: 1px solid #c4cbd2;border-radius: 10px;overflow: hidden;min-height: auto;position: relative;text-align: left;}
.badge.circle {width: 85px !important;height: 29px !important; border-radius: 0% !important;font-size: 15px !important;letter-spacing: -1px;padding: 8px !important; box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;word-break: break-all;line-height: 1;overflow: hidden;font-weight: bold;}
.badge.stats3 {background-color: #053863 !important;}
.board--card--list .obj .col .inner-box .item .badge, .board--card--list.type2 .obj .col .inner-box .item .badge {z-index: 5;position: absolute;top: 38px; right: 57px;}

@media (max-width:1400px) {
    .board--card--list.board-special-list .obj .card--body ul li {
        white-space: normal;
    }
}

@media (max-width:1126px) and (min-width:561px)  {
    .board--card--list.board-special-list .obj .card--body ul li em {top:0px}
    .board--card--list.board-special-list .obj .card--body ul li {padding-left: 22px;padding-top: 7px;}
}

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

    .board--card--list.n1 .obj .col{max-width:80%;}

}



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

    .board--card--list.n1 .obj .col,.board--card--list.n2 .obj .col{max-width:100%; width:100%; flex:0 0 100%}
    .board--card--list.board-special-list .obj .thm--box .inner img{width:auto}
    .board--card--list .col, .board--card--list.type2 .col {display:inline-block;max-width: calc(100%);}
}

@media (max-width:560px) {
    .board--card--list.board-special-list .obj .card--body ul li {display:block;}
}

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

    .board--card--list.board-special-list .obj .card--body ul li{padding: 21px 0 3px 26px;}
    .board--card--list.board-special-list .obj .card--body ul li em{transform:none; top:0}
    .board--card--list.board-special-list .obj.col3 .card--body ul li {padding-left:20px;padding-top:10px}

}