@charset "utf-8";
/* .lnb-wrap .in-cont */
.lnb-wrap{position:absolute; left:-370px; top:-91px; padding-top:91px; width:390px; height:100%; z-index:9;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.lnb-wrap.active{left:0px;}

    @media all and (max-width:480px){
        .lnb-wrap{left:-270px; top:-71px; padding-top:71px; width:290px;}
    }


/* .lnb-wrap .in-cont .search-cond */
.lnb-wrap .in-cont{ height:100%; margin-right:20px;  overflow-y:auto; background:#009b62; box-shadow:3px 6px 6px rgba(0, 0, 0 , 0.5);}
.lnb-wrap .in-cont .search-cond{}
.lnb-wrap .in-cont .search-cond .cond-num{background:#009b62; color:#fff; padding:8px 20px; font-size:16px;}
.lnb-wrap .in-cont .search-cond .cond-num strong{padding-left:8px; color:#f6ff64; font-weight:500;}

.lnb-wrap .in-cont .search-cond .checks-search-btns{padding:15px 23px; background:#f2f2f2;}
.lnb-wrap .in-cont .search-cond .checks-search-btns .title{font-size:20px; margin-bottom:12px; color:#000; line-height:120%; font-weight:600; font-family:'NanumSquare',sans-serif;}
.lnb-wrap .in-cont .search-cond .checks-search-btns .checks{}
.lnb-wrap .in-cont .search-cond .checks-search-btns .checks .tit{padding:5px 15px; background:#cfe5dd; color:#000; font-size:16px; line-height:120%; font-weight:500;}
.lnb-wrap .in-cont .search-cond .checks-search-btns .checks .cont{padding:15px; background:#fff;}

.lnb-wrap .in-cont .search-cond .checks-search-btns .checks .cont .verti{}
.lnb-wrap .in-cont .search-cond .checks-search-btns .checks .cont .verti li{margin-bottom:7px;}

.lnb-wrap .in-cont .search-cond .checks-search-btns .checks .cont .horiz{overflow:hidden;}
.lnb-wrap .in-cont .search-cond .checks-search-btns .checks .cont .horiz li{width:50%; display:block; float:left; margin-bottom:7px;}
.lnb-wrap .in-cont .search-cond .checks-search-btns .checks .cont .horiz li:last-child{margin-bottom:0px;}
.lnb-wrap .in-cont .search-cond .checks-search-btns .checks .cont .horiz.item03 li{width:33.33333333%;}

.lnb-wrap .in-cont .search-cond .checks-search-btns .btns{overflow:hidden; text-align:center; margin-top:15px;}
.lnb-wrap .in-cont .search-cond .checks-search-btns .btns .btn{width:49%; padding:10px 0px; display:block; font-size:15px; color:#fff; background:#000; border-radius:5px; font-weight:500;}
.lnb-wrap .in-cont .search-cond .checks-search-btns .btns .btn.search{background:#009b62;}
.lnb-wrap .in-cont .search-cond .checks-search-btns .btns .btn.initia{background:#5e5e5e;}

    @media all and (max-width:480px){
        .lnb-wrap .in-cont .search-cond .cond-num{padding:5px 15px; font-size:14px;}

        .lnb-wrap .in-cont .search-cond .checks-search-btns{padding:10px 15px;}
        .lnb-wrap .in-cont .search-cond .checks-search-btns .title{font-size:17px; margin-bottom:7px;}

        .lnb-wrap .in-cont .search-cond .checks-search-btns .checks .tit{padding:5px 10px; font-size:14px;}
        .lnb-wrap .in-cont .search-cond .checks-search-btns .checks .cont{padding:10px;}

        .lnb-wrap .in-cont .search-cond .checks-search-btns .checks .cont .horiz.item03 li{width:50%;}

        .lnb-wrap .in-cont .search-cond .checks-search-btns .btns{margin-top:10px;}
        .lnb-wrap .in-cont .search-cond .checks-search-btns .btns .btn{padding:7px 0px; font-size:13px;}
    }

/* .lnb-wrap .in-cont .search-result */
.lnb-wrap .in-cont .search-result{padding:20px 23px;}
.lnb-wrap .in-cont .search-result .title-num{margin-bottom:15px; overflow:hidden;}
.lnb-wrap .in-cont .search-result .title-num .title{font-size:20px; color:#fff; font-weight:900; letter-spacing:-0.02em; float:left; font-family:'NanumSquare',sans-serif;}
.lnb-wrap .in-cont .search-result .title-num .num{font-size:15px; float:right; color:#fff;}
.lnb-wrap .in-cont .search-result .title-num .num strong{color:#f6ff64; font-weight:400;}

.lnb-wrap .in-cont .search-result .list{padding:15px 0px; margin-bottom:15px; border:3px solid #80cdb1; border-left:none; border-right:none;}
.lnb-wrap .in-cont .search-result .list li{position:relative; padding-right:60px; margin-bottom:10px; color:#fff;}
.lnb-wrap .in-cont .search-result .list li:last-child{margin-bottom:0px;}

.lnb-wrap .in-cont .search-result .list li .btxt{position:relative; font-size:14px; line-height:130%;}
.lnb-wrap .in-cont .search-result .list li .btxt.num{padding-left:75px;}
.lnb-wrap .in-cont .search-result .list li .btxt.num .num{position:absolute; left:0px; top:0px; padding:0px 8px 0px 15px; color:#fffe96;}
.lnb-wrap .in-cont .search-result .list li .btxt.num .num:before{position:absolute; left:3px; top:7px; width:4px; height:4px; background:#fff; content:"";}

.lnb-wrap .in-cont .search-result .list li .btn{position:absolute; right:0px; top:3px; font-size:15px; padding:0px 8px; line-height:22px; background:#000; color:#fff; border-radius:5px; display:inline-block;}
.lnb-wrap .in-cont .search-result .list li .btn.detail{background:#046843;}


.lnb-wrap .keep-btn{position:absolute; top:50%; right:0px; width:20px; height:136px; line-height:136px; margin-top:-68px; text-align:center; font-size:10px; color:#fff; background:#000; display:block; border-radius:0px 5px 5px 0px; box-shadow:4px 0px -4px rgba(0, 0, 0 , 0.2); -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.lnb-wrap .keep-btn:before{content:"▶"}

.lnb-wrap.active .keep-btn{color:#fff; background:#000;}
.lnb-wrap.active .keep-btn:before{content:"◀";}

    @media all and (max-width:480px){
        .lnb-wrap .in-cont .search-result{padding:15px;}
        .lnb-wrap .in-cont .search-result .title-num{margin-bottom:10px;}
        .lnb-wrap .in-cont .search-result .title-num .title{font-size:17px; float:none; margin-bottom:3px;}
        .lnb-wrap .in-cont .search-result .title-num .num{font-size:14px; float:none;}

        .lnb-wrap .in-cont .search-result .list{padding:10px 0px; border:2px solid #80cdb1; border-left:none; border-right:none;}
        .lnb-wrap .in-cont .search-result .list li{padding-right:50px; margin-bottom:10px;}

        .lnb-wrap .in-cont .search-result .list li .btxt{font-size:13px;}
        .lnb-wrap .in-cont .search-result .list li .btxt.num{padding-left:15px; padding-top:20px;}
        .lnb-wrap .in-cont .search-result .list li .btxt.num .num{position:absolute; left:0px; top:0px; padding:0px 13px 0px 15px; color:#fffe96;}
        .lnb-wrap .in-cont .search-result .list li .btxt.num .num:after{display:none;}

        .lnb-wrap .in-cont .search-result .list li .btn{top:50%; font-size:14px; padding:0px 8px; line-height:24px; margin-top:-12px;}
    }


/* layer-pop detailinfo */
.layer-pop.detailinfo{width:1135px; display:none; background:#fff; box-sizing:border-box; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
.layer-pop.detailinfo .title{padding:15px 25px; font-size:20px; line-height:120%; letter-spacing:-0.02em; color:#fff; background:#009b62; font-weight:600; font-family:'NanumSquare',sans-serif;}

.layer-pop.detailinfo .in-cont{padding:30px; height:auto; margin-right:0px; overflow-y:auto; background:#fff;}
.layer-pop.detailinfo .in-cont:after{display:block; content:""; clear:both;}

.layer-pop.detailinfo .in-cont .infos{width:53%; float:left;}
.layer-pop.detailinfo .in-cont .infos table{}
.layer-pop.detailinfo .in-cont .infos table tbody{}
.layer-pop.detailinfo .in-cont .infos table tbody th{font-size:15px; padding:9px 15px; border:1px solid #cecece; background:#e9e9e9;}
.layer-pop.detailinfo .in-cont .infos table tbody td{font-size:14px; padding:9px 15px; border:1px solid #cecece;}

.layer-pop.detailinfo .in-cont .imgs{width:46%; float:right;}
.layer-pop.detailinfo .in-cont .imgs .nomal-list{margin:0px -1%;}
.layer-pop.detailinfo .in-cont .imgs .nomal-list li{margin:0px 1% 10px 1%; width:48%; padding:15px 20px 20px 20px; background:#e9e9e9; border:1px solid #cecece; float:left; box-sizing:border-box;}
.layer-pop.detailinfo .in-cont .imgs .nomal-list li .tit{font-size:16px; margin-bottom:12px; color:#333; font-weight:500;}
.layer-pop.detailinfo .in-cont .imgs .nomal-list li .img{width:100%; height:148px; overflow:hidden;}
.layer-pop.detailinfo .in-cont .imgs .nomal-list li .img a{display:block;}
.layer-pop.detailinfo .in-cont .imgs .nomal-list li .img a img{width:100%;}

.layer-pop.detailinfo .detailinfo-pop-close{position:absolute; top:0px; right:0px; width:54px; height:54px;  background:url(/images/dumbeong/Content/pop-close-icon.png) no-repeat center #016c45; display:block; z-index:1;}

    @media all and (max-width:1200px){
        .layer-pop.detailinfo{width:90%;}
    }

    @media all and (max-width:1000px){
        .layer-pop.detailinfo .title{padding:15px 20px; font-size:18px;}

        .layer-pop.detailinfo .in-cont{padding:20px;}

        .layer-pop.detailinfo .in-cont .infos{width:100%; margin-bottom:20px; float:none;}

        .layer-pop.detailinfo .in-cont .imgs{width:100%; float:none;}

        .layer-pop.detailinfo .detailinfo-pop-close{width:51px; height:51px;}
    }

    @media all and (max-width:480px){
        .layer-pop.detailinfo .title{padding:15px; font-size:17px;}

        .layer-pop.detailinfo .in-cont{padding:10px;}

        .layer-pop.detailinfo .in-cont .imgs .nomal-list{margin:0px;}
        .layer-pop.detailinfo .in-cont .imgs .nomal-list li{margin:0px 0px 10px 0px; width:100%; padding:10px;}
        .layer-pop.detailinfo .in-cont .imgs .nomal-list li .tit{font-size:15px;}
        .layer-pop.detailinfo .in-cont .imgs .nomal-list li .img{height:auto;}

        .layer-pop.detailinfo .detailinfo-pop-close{width:50px; height:50px;}
    }

/* layer-pop detailimg */
.layer-pop.detailimg{z-index:1; width:1000px; display:none; background:#fff; box-sizing:border-box; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.7) ; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
.layer-pop.detailimg .in-cont{}
.layer-pop.detailimg .in-cont img{width:100%;}

.layer-pop.detailimg .detailimg-pop-close{position:absolute; top:10px; right:10px; width:54px; height:54px;  background:url(/images/dumbeong/Content/pop-close-icon.png) no-repeat center #016c45; display:block; z-index:1;}

    @media all and (max-width:1000px){
        .layer-pop.detailimg{width:90%;}
    }


/* layer-pop error */
.layer-pop.error{z-index:1; width:680px; display:none; background:#fff; box-sizing:border-box; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.7) ; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
.layer-pop.error .title{padding:15px 25px; font-size:20px; line-height:120%; letter-spacing:-0.02em; color:#fff; background:#009b62; font-weight:600; font-family:'NanumSquare',sans-serif;}

.layer-pop.error .in-cont{padding:30px; height:auto; margin-right:0px; overflow-y:auto; background:#fff;}
.layer-pop.error .in-cont table{}
.layer-pop.error .in-cont table tbody{}
.layer-pop.error .in-cont table tbody th{font-size:15px; padding:9px 15px; border:1px solid #cecece; background:#e9e9e9;}
.layer-pop.error .in-cont table tbody td{font-size:14px; padding:9px 15px; border:1px solid #cecece;}
.layer-pop.error .in-cont table tbody td input[type="text"]{width:100%;}
.layer-pop.error .in-cont table tbody td textarea{height:120px;}

.layer-pop.error .txt-list{}
.layer-pop.error .txt-list li{font-size:14px; color:#666; margin-bottom:3px;}
.layer-pop.error .txt-list li:last-child{margin-bottom:0px;}

.layer-pop.error .btns{overflow:hidden; text-align:center; margin-top:15px;}
.layer-pop.error .btns .btn{padding:10px 30px; display:inline-block; font-size:15px; color:#fff; background:#385189; border-radius:5px; font-weight:500;}
.layer-pop.error .btns .btn.search{background:#385189;}

.layer-pop.error .error-pop-close{position:absolute; top:0px; right:0px; width:54px; height:54px;  background:url(/images/dumbeong/Content/pop-close-icon.png) no-repeat center #016c45; display:block; z-index:1;}

    @media all and (max-width:680px){
        .layer-pop.error{width:90%;}

        .layer-pop.error .title{padding:15px; font-size:17px;}

        .layer-pop.error .in-cont{padding:15px;}

        .layer-pop.error .error-pop-close{width:50px; height:50px;}
    }


/* lnb-paging-num */
.lnb-paging-num{text-align:center; font-size:0px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
.lnb-paging-num li{position:relative; display:inline-block; vertical-align:top; box-sizing:border-box; border:1px solid #80cdb1; margin-right:3px; border-radius:4px; overflow:hidden;}
.lnb-paging-num li a{width:20px; height:20px; display:block; color:#fff; line-height:20px; font-size:14px; box-sizing:border-box;}
.lnb-paging-num li.active{background:#fff;}
.lnb-paging-num li.active a{font-weight:600; color:#000;}

.lnb-paging-num li.first a{background:url("/images/dumbeong/Content/lnb-paging-first.png") no-repeat center;}
.lnb-paging-num li.prev{margin-right:12px;}
.lnb-paging-num li.prev a{background:url("/images/dumbeong/Content/lnb-paging-prev.png") no-repeat center;}
.lnb-paging-num li.next{margin-left:12px;}
.lnb-paging-num li.next a{background:url("/images/dumbeong/Content/lnb-paging-next.png") no-repeat center;}
.lnb-paging-num li.last a{background:url("/images/dumbeong/Content/lnb-paging-last.png") no-repeat center;}

.lnb-paging-num.img li a img{width:32px; height:32px;}


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

        .lnb-paging-num li{margin-right:2px;}

        .lnb-paging-num li.prev{margin-right:3px;}

        .lnb-paging-num li.next{margin-left:1px;}

    }

.map-wrap{position:relative; width:100%; height:100%; box-sizing:border-box; z-index:8;}
.map-wrap .maps{position:relative; width:100%; height:860px; z-index:1;}
.map-wrap .roads{position:absolute; top:0px; right:0px; width:50%; height:860px; z-index:-1;}

.map-wrap.roadview .maps{width:50%;}
.map-wrap.roadview .roads{z-index:2;}

.map-wrap .rdview-btn{position:absolute; top:40px; right:0px; z-index:9; line-height:120%; display:block;}
.map-wrap .rdview-mo{display:none;}

    @media only screen and (max-width:1000px) {
        .map-wrap .rdview-btn{display:none;}
        .map-wrap .rdview-mo{position:absolute; top:5px; left:10px; z-index:9; color:#000; display:block; font-size:13px; text-align:left; line-height:140%; background:rgba(255, 255, 255, 0.8); border:1px solid #000; padding:5px 8px; border-radius:5px;}
        .map-wrap .rdview-mo .btxt{position:relative; padding-left:20px; display:block;}
        .map-wrap .rdview-mo .btxt .icon{position:absolute; top:2px; left:0px; width:15px; height:15px; line-height:15px; background:#fff; letter-spacing:-0.03em; text-align:center; font-size:12px; border:1px solid #000; border-radius:50%; display:block;}

        .map-wrap.roadview .maps{width:100%;}
        .map-wrap.roadview .roads{z-index:-1;}
    }

    @media only screen and (max-width:680px) {
        .map-wrap .maps{height:680px;}
        .map-wrap .roads{height:680px;}
    }



/* sub-wrap */
.sub-wrap{background:url(/images/dumbeong/Main/main-bg.jpg) no-repeat center top; padding:40px 0px 70px 0px; background-attachment:fixed; background-size:cover; text-align:center;}

.sub-wrap .cont-wrap{width:1200px; padding:50px 60px; margin:0px auto; text-align:left; box-sizing:border-box; background:rgba(255,255,255,0.8);}
.sub-wrap .cont-wrap .contin-box{background:url(/images/dumbeong/Content/contin-box-bg.jpg) no-repeat right #385189; box-sizing:border-box; padding:9px;}
.sub-wrap .cont-wrap .contin-box .in-cont{border:1px solid #5c709e; padding:36px 30px; font-size:18px; line-height:140%; text-align:center; color:#fff;}

    @media only screen and (max-width:1200px) {
        .sub-wrap{padding:40px 20px 70px 20px;}

        .sub-wrap .cont-wrap{width:100%; padding:40px;}
    }

    @media only screen and (max-width:1000px) {
        .sub-wrap{padding:30px 20px;}

        .sub-wrap .cont-wrap{padding:20px;}

        .sub-wrap .cont-wrap .contin-box .in-cont{padding:25px; font-size:16px; text-align:left;}
        .sub-wrap .cont-wrap .contin-box .in-cont br{display:none;}
    }

    @media only screen and (max-width:680px) {
        .sub-wrap{padding:20px 10px;}

        .sub-wrap .cont-wrap{padding:15px;}

        .sub-wrap .cont-wrap .contin-box .in-cont{padding:15px; font-size:14px;}
    }


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

        .sub-wrap{padding:15px 10px;}

    }

/* .sub-wrap .cont-wrap .restore-order */
.sub-wrap .cont-wrap .restore-order{padding:35px 60px; background:#fff; overflow:hidden; border:1px solid #999999; border-left:none; border-right:none;}
.sub-wrap .cont-wrap .restore-order .img{width:50%; height:378px; overflow:hidden; float:left;}
.sub-wrap .cont-wrap .restore-order .img img{width:100%;}
.sub-wrap .cont-wrap .restore-order .tit-list{width:45%; float:right;}
.sub-wrap .cont-wrap .restore-order .tit-list .tit{font-size:22px; margin-bottom:10px; font-weight:500; color:#000;}
.sub-wrap .cont-wrap .restore-order .tit-list .list{}
.sub-wrap .cont-wrap .restore-order .tit-list .list li{position:relative; margin-bottom:10px; font-size:15px; color:#555; line-height:140%; letter-spacing:-0.02em;}
.sub-wrap .cont-wrap .restore-order .tit-list .list li:last-child{margin-bottom:0px;}
.sub-wrap .cont-wrap .restore-order .tit-list .list li .num{position:absolute; top:0px; left:0px; width:45px; line-height:41px; color:#fff; background:#2a9400; text-align:center;}
.sub-wrap .cont-wrap .restore-order .tit-list .list li .btxt{background:#ececec; width:100%; height:100%; padding:10px 10px 10px 60px; box-sizing:border-box;}
.sub-wrap .cont-wrap .restore-order .tit-list .list li .depth{overflow:hidden;}
.sub-wrap .cont-wrap .restore-order .tit-list .list li .depth .btxt{float:left; width:40%; padding:10px 10px 10px 60px;}
.sub-wrap .cont-wrap .restore-order .tit-list .list li .depth .stxt{float:right; background:#ececec; width:58%; height:100%; padding:10px; box-sizing:border-box;}

    @media only screen and (max-width:1000px) {
        .sub-wrap .cont-wrap .restore-order{padding:30px;}
        .sub-wrap .cont-wrap .restore-order .img{width:52%; height:auto;}

        .sub-wrap .cont-wrap .restore-order .tit-list{width:45%; float:right;}
        .sub-wrap .cont-wrap .restore-order .tit-list .tit{font-size:20px;}

        .sub-wrap .cont-wrap .restore-order .tit-list .list li{font-size:14px;}

        .sub-wrap .cont-wrap .restore-order .tit-list .list li .num{width:35px; line-height:35px;}
        .sub-wrap .cont-wrap .restore-order .tit-list .list li .btxt{padding:8px 8px 8px 45px;}

        .sub-wrap .cont-wrap .restore-order .tit-list .list li .depth .btxt{width:44%; padding:8px 8px 8px 45px;}
        .sub-wrap .cont-wrap .restore-order .tit-list .list li .depth .stxt{width:54%; padding:8px;}
    }

    @media only screen and (max-width:680px) {
        .sub-wrap .cont-wrap .restore-order{padding:20px;}
        .sub-wrap .cont-wrap .restore-order .img{width:100%; float:none;}

        .sub-wrap .cont-wrap .restore-order .tit-list{width:100%; float:none;}
        .sub-wrap .cont-wrap .restore-order .tit-list .tit{font-size:18px;}

        .sub-wrap .cont-wrap .restore-order .tit-list .list li{font-size:13px;}

        .sub-wrap .cont-wrap .restore-order .tit-list .list li .num{width:30px; line-height:34px;}
        .sub-wrap .cont-wrap .restore-order .tit-list .list li .btxt{padding:8px 8px 8px 40px;}

        .sub-wrap .cont-wrap .restore-order .tit-list .list li .depth .btxt{padding:8px 8px 8px 40px;}
    }

    @media only screen and (max-width:480px) {
        .sub-wrap .cont-wrap .restore-order{padding:15px;}

        .sub-wrap .cont-wrap .restore-order .tit-list .list li{margin-bottom:5px;}

    }


@charset "UTF-8";
/*전시안내*/
div.con-0102 div.flex-box01{display: flex; justify-content: flex-start;}
div.con-0102 div.flex-box01 div.left{width: 60%;}
div.con-0102 div.flex-box01 div.left img{max-width: 100%;}
div.con-0102 div.flex-box01 div.right{width: 40%;}
div.con-0102 div.flex-box01 div.right ul.num-list{display: flex; justify-content: space-between; flex-flow: wrap; padding: 30px 30px; box-sizing: border-box; background: #f7f7f7; height: 100%; border:solid 1px #e2e2e2;}
div.con-0102 div.flex-box01 div.right ul.num-list li{width: 50%; text-align: left; font-family: 'NotoKrR'; font-size:0.938em; color: #555555;}
div.con-0102 div.flex-box01 div.right ul.num-list li span.num{font-family: 'NotoKrM'; font-size:0.938em; width: 22px; height: 22px; background: #005baa; border-radius: 100%; border:solid 3px #fff; color: #fff; text-align: center; display: inline-block;}

ul.ab-box-list.type01 li{width: 100%; padding: 30px 0 0 30px; box-sizing: border-box; position: relative; margin-bottom: 30px;}
ul.ab-box-list.type01 li div.tit{width:185px; background: #009b62; padding: 30px 30px; box-sizing: border-box; position: absolute; top:0; left:0;}
ul.ab-box-list.type01 li div.tit span{display: block; font-family: 'NotoKrM';}
ul.ab-box-list.type01 li div.tit span.num{ font-size:2.500em; color: #ffd200; text-align: center; padding-bottom: 15px;}
ul.ab-box-list.type01 li div.tit span.txt{font-size:1.000em; text-align: center; color: #fff;}
ul.ab-box-list.type01 li div.con{width: 100%; background: #f7f7f7; border:solid 1px #e1e1e1; padding: 30px 50px 43px 200px; box-sizing: border-box;}
ul.ab-box-list.type01 li div.con p{font-family: 'NotoKrM'; font-size:0.938em; line-height: 200%;}

div.con-0102 div.box-img{width: 100%; background: #f7f7f7; border:solid 1px #e6e6e6; padding: 30px 0; box-sizing: border-box;}
div.con-0102 div.box-img img{display: block; margin: 0 auto;}
ul.img-box-list{width: 100%; display: flex; justify-content: space-between; padding: 20px 20px; box-sizing: border-box; background: #f7f7f7; border:solid 1px #e6e6e6;}
ul.img-box-list.list3 li{width: 31%;}
ul.img-box-list.list4 li{width: 23%;}
ul.img-box-list li img{max-width: 100%; display: block; margin: 0 auto;}

div.con-0102 ul.taps-dt4.tap5 li a{border-bottom: none;}
div.con-0102 ul.taps-dt4.tap5 li a.bd-line{border-bottom: 1px solid #d6d6d6;}

div.con-0102 div.tab_container div.tab_content{border:solid 1px #e6e6e6; padding: 30px 40px; box-sizing: border-box; margin-top: 30px;}
div.con-0102 div.tab_container div.tab_content div.img{width:768px; position: relative; display: block; margin: 0 auto; margin-bottom: 80px;}
div.con-0102 div.tab_container div.tab_content div.img img{width: 100%;}
div.con-0102 div.tab_container div.tab_content div.img h5.tit{font-family: 'NexonL'; font-size:1.250em; color: #fff; padding: 20px 30px;
  box-sizing: border-box; background: linear-gradient(90deg, rgba(4,143,100,1) 0%, rgba(58,86,167,1) 100%); position: absolute; bottom:-35px; right:25px;}
div.con-0102 div.tab_container div.tab_content div.img h5.tit span.sub-tit{font-family: 'NexonL'; font-size:0.750em; display: inline-block;}

ul.exhibi-list{display: flex; justify-content: space-between; flex-flow: wrap;}
ul.exhibi-list li{width: 50%; padding-bottom: 10px; display: flex; justify-content: flex-start;}
ul.exhibi-list li.w100p span.tit{width: 73px;}
ul.exhibi-list li span{display: inline-block; font-family: 'NotoKrR'; font-size:0.938em;}
ul.exhibi-list li span.tit{ width: 80px; color: #009b62; padding: 0 0px 0 15px; position: relative;}
ul.exhibi-list li span.tit:before{content: ""; width: 6px; height: 6px; background: #009b62; border-radius: 100%; position: absolute; top:7px; left:0;}
ul.exhibi-list li span.tit:after{content: ""; width: 1px; height: 10px; background: #e6e6e6; position: absolute; top:6px; right:0;}
ul.exhibi-list li span.txt{width:100%; color: #555555; padding: 0 0 0 15px;}

div.bt-slide-box-wrap{display: flex; justify-content: flex-start;}
div.bt-slide-box-wrap div.left{width: 50%; position: relative; height: 391px; margin:30px 0 30px 0;}
div.bt-slide-box-wrap div.left div.slider-box{width:100%; background: #009b62; position: absolute; top:0; left: 0;}
div.bt-slide-box-wrap div.left div.slider-box div.pop-slider{ box-sizing: border-box; width: 100%; top:50px; left: 50px;}
div.bt-slide-box-wrap div.left div.slider-box div.pop-slider div img{width: 100%;}
div.bt-slide-box-wrap div.left div.slider-box div.control{position: absolute; top:15px; right:-12px; z-index: 10;}
div.bt-slide-box-wrap div.left div.slider-box div.control p.bt_box a.prev-slide{width: 10px; height: 17px; background: url("/images/Culture/content/01/prev-btn.png") no-repeat; position: absolute; top:0; right:35px;  display: inline-block;}
div.bt-slide-box-wrap div.left div.slider-box div.control p.bt_box a.next-slide{width: 10px; height: 17px; background: url("/images/Culture/content/01/next-btn.png") no-repeat; position: absolute; top:0; right:-20px;  display: inline-block;}
div.bt-slide-box-wrap div.left div.slider-box div.control p.bt_box a.prev-slide span.blind{text-indent: -9999px; display: block;}
div.bt-slide-box-wrap div.left div.slider-box div.control p.bt_box a.next-slide span.blind{text-indent: -9999px; display: block;}


div.bt-slide-box-wrap div.left div.slider-box div.slides-numbers{width:10px; position: absolute; bottom:40px; left:20px; font-family: 'NotoKrL'; font-size:0.938em; color: #fff;}
div.bt-slide-box-wrap div.left div.slider-box div.slides-numbers span.active{font-family: 'NotoKrB'; font-size:0.938em; color: #fffc00;}

div.bt-slide-box-wrap div.right-box{width: 50%; box-sizing: border-box; position: relative; padding-left: 50px;}
div.bt-slide-box-wrap div.right-box div.txt-box{background: #f7f7f7; position: absolute; top:50%; transform: translate(0, -25%); padding: 50px 30px; box-sizing: border-box;}
div.bt-slide-box-wrap div.right-box div.txt-box h6.tit{font-family: 'NexonB'; font-size:1.375em; color: #000000;}
div.bt-slide-box-wrap div.right-box div.txt-box h6.tit{font-family: 'NexonB'; font-size:1.375em; color: #000000;}
div.bt-slide-box-wrap div.right-box div.txt-box span.txt{display: block; font-family: 'NotoKrL'; font-size:0.938em; padding-top: 20px; color: #555555;}

@media all and (max-width:1000px){
  div.con-0102 div.flex-box01{flex-flow: wrap;}
  div.con-0102 div.flex-box01 div.left{width: 100%;}
  div.con-0102 div.flex-box01 div.left img{width: 100%;}
  div.con-0102 div.flex-box01 div.right{width: 100%;}
  div.con-0102 div.flex-box01 div.right ul.num-list li{padding-bottom: 10px;}
}

@media all and (max-width:768px){
  div.con-0102 ul.taps-dt4.tap5 li a{border-bottom:1px solid #d6d6d6;}
  div.con-0102 div.tab_container div.tab_content div.img{width: 100%;}

  ul.exhibi-list li{width: 100%;}
}

@media all and (max-width:680px){
  div.con-0102 div.flex-box01 div.right ul.num-list li{font-size:0.838em;}
  div.con-0102 div.flex-box01 div.right ul.num-list li span.num{width: 20px; height: 20px; font-size:0.838em;}

  ul.ab-box-list.type01 li{padding: 30px 0 0 0px;}
  ul.ab-box-list.type01 li div.tit{width:100%; position: relative;}
  ul.ab-box-list.type01 li div.con{padding: 20px 20px;}
  ul.ab-box-list.type01 li div.tit span.num{font-size:2.000em;}

  ul.img-box-list{flex-flow: wrap;}
  ul.img-box-list.list4 li{width: 48%; padding-bottom: 20px;}
  ul.img-box-list.list3{flex-flow: wrap;}
  ul.img-box-list.list3 li{width: 48%; padding-bottom: 20px;}

  div.con-0102 div.tab_container div.tab_content div.img h5.tit{font-size:1.000em; padding: 10px 20px; bottom:-44px; left: 50%; transform: translate(-50%, 0px); width: 80%; text-align: center;}

  div.bt-slide-box-wrap{flex-flow: wrap;}
  div.bt-slide-box-wrap div.left{width:100%; height: auto; margin: 30px 0 0px 0;}
  div.bt-slide-box-wrap div.left div.slider-box{width: 100%; position: relative; top:auto; left:auto; padding: 60px 30px 30px 30px; box-sizing: border-box;}
  div.bt-slide-box-wrap div.left div.slider-box div.slides-numbers{width: 135px; bottom:auto; left:30px; top:20px;}
  div.bt-slide-box-wrap div.left div.slider-box div.control{top:22px; right:55px;}
  div.bt-slide-box-wrap div.left div.slider-box div.control p.bt_box a.prev-slide{right:5px;}
  div.bt-slide-box-wrap div.right-box{width: 100%; padding-left: 0px;}
  div.bt-slide-box-wrap div.left div.slider-box div.pop-slider{top:0px; left:0px;}
  div.bt-slide-box-wrap div.right-box div.txt-box{position: relative; top:auto; transform:inherit; padding: 30px 20px; }
  div.bt-slide-box-wrap div.right-box div.txt-box h6.tit{font-size:1.175em;}
}