/* my library */
#ctt_con {font-family:'Pretendard'}
.myPageWrap {overflow: hidden;}
.myInfoBox {position: relative; margin-bottom: 40px; padding:7px;background-color: #f1f1f1;}
.myInner {display: table; width: 100%; background-color: #fff;}
.myTop {overflow: hidden; position: relative; background-color: #fff; padding:30px 220px 20px 0;margin-left:220px;border-bottom:1px solid #e1e1e1;margin-right:25px;
margin-bottom:15px;}
.myInfoBox .title {font-size: 1.059em; line-height: 1.1;color:#777;}
.myInfoBox .title .name {font-size: 1.222em; color: #333; display: inline-block;}
.myInfoBox .title .name ~ b {color: #fc424d;}
.myInfoBox .btnModify {position: absolute; right: 0; bottom:15px;font-size: 1.059em; color: #333; background-color: #fff;}
.myInfoBox .btnModify .btnMy{display:inline-block;color:#6e7277;background:#e0e3e6;padding:3px 10px;border-radius:3px;}
.myInfoBox .btnModify .btnMy.online{color:#6e7277;background:#e0e3e6;}/* 온라인회원증발급 */
.myInfoBox .btnModify .btnMy.modify{color:#fff;background:#6e7277;}/* 회원정보수정 */
.myInfoBox .myInfo {clear: both; position: relative; min-height: 120px; padding:0 20px 15px 224px;}
.myInfoBox .myInfo .memType {position: absolute; top: -56px; left: 40px;}
.myInfoBox .myInfo .memType .bookEum{position: relative;display: inline-flex;align-items: center;justify-content: center;color: #fff;border-radius: 30px;margin-top:8px;background-color:#3757b8;top:0;padding:1px 15px 1px;font-size:0.818em;font-weight:normal;font-weight:normal;}
.myInfoBox .myInfo .memType .txt{text-align:center;position: relative;color:#e13e3f;}
.myInfoBox .myInfo .memType strong {position:relative;display: table-cell; width: 130px; height: 130px; font-weight: normal; font-size: 1.222em; line-height: 1.2; color: #fff; text-align: center; vertical-align: middle; border-radius: 50%;}
.myInfoBox .myInfo .memType strong.typeA {background-color: #4379d6;}/* 정회원 */
.myInfoBox .myInfo .memType strong.typeB {background-color: #6e7277;}/* 준회원 */
.myInfoBox .myInfo .memType strong span {display: block; font-weight: normal; font-size: 0.818em;}
.myInfoBox .myInfo .myInfoList strong {color: #464646;}
.myInfoBox .myInfo .myInfoList em {font-size:0.944em;}
.myInfoBox .myInfo .myInfoList {overflow:hidden;margin-top:-3px;}
.myInfoBox .myInfo .myInfoList > li{color:#777;float:left;width:50%;position: relative;padding-left:10px;margin-top:3px;}
.myInfoBox .myInfo .myInfoList > li::before{content:"";width:3px;height:3px;position:absolute;left:0;top:15px;}
.myInfoBox .myInfo .myInfoList > li dl{overflow: hidden;}
.myInfoBox .myInfo .myInfoList > li dl dt{float:left;}
.myInfoBox .myInfo .myInfoList > li dl dd{overflow:hidden;}
.myInfoBox .myInfo .myInfoList .over{color:#e13e3f;}
.myInfoBox .myInfo .myInfoList .wFull{width:100%;}
.myInfoBox .myInfo .myInfoList .myExtend{background-color:#4379d6;border-color:#4379d6;height:25px;min-width:25px;font-size:0.941em;margin-left:4px;}/* 개인정보동의 연장 */
.myInfoBox .barcode {position: relative; margin-bottom: 15px; text-align: center;}
.myInfoBox .barcode img {max-width: 280px;}
.myInfoBox .barcode p {color: rgb(136, 136, 136); font-size: 1.313em; letter-spacing: 5px; line-height: 1.2; margin-top: 3px;}
.myState {margin-left: -20px;margin-top:-20px;}
.myState li {float: left; width: calc(25% - 20px); margin-left: 20px;margin-top:20px}
.myState li a {position: relative;padding:15px 20px;border: 1px solid #e1e1e1;display: flex;align-items: center;justify-content: space-between;color:#777;}
.myState li a strong {font-size: 1.111em; color:#777; font-weight: normal;line-height:1.4;}
.myState li a .num {position: absolute; top: 50%; right: 30px; height: 34px; margin-top: -19px; font-weight: 500; font-size:1.889em; line-height: 1; color: #333; text-align: center;}
.myState li a.red .num {color: #f7324b;}
.myState li a:hover .num, .myState li a:focus .num {text-decoration: underline;}
.myState.col-3 li{width: calc(33.333% - 20px);}

/* 모바일회원증 바코드 */
.sumBarcodeWrap{border:1px solid #e1e1e1;border-radius: 10px;text-align:center;overflow:hidden;margin-bottom:30px;position: relative;overflow: hidden;}
.sumBarcodeWrap .topItem {padding: 0 15px;text-align:center;display: flex;
align-items: center;justify-content: space-between;height: 20%;color: #fff;
background-image: url("/include/image/main/bg_loginZone1.png"), url("/include/image/main/bg_loginZone2.png");
background-repeat: no-repeat, no-repeat;background-position: 2.222222222222222% 0, 95.55555555555556% 100%;background-size: 13.33333333333333%, 18.22222222222222%;background-color:#27348b;height: 50px;line-height: 50px;}
.sumBarcodeWrap .topItem p{font-size: 1.222em;}
.sumBarcodeWrap .inner{padding:20px 15px;}
.sumBarcodeWrap .barcodeInfo{display: flex;align-items: center;justify-content: center;font-size:1.176em;margin-top:10px;}



/* findID */
.findWrap{padding: 7px;background: #f9f9fb;text-align: center;border-radius: 3px;}
.findWrap .inner{width:100%;height:100%;background:#fff;padding:30px 0;}
.findWrap .findResult .title{color:#333;font-size:1.389em;font-weight:500;margin-bottom:10px;}
.findWrap .findResult i{margin-right:20px;}
.findWrap .findResult .userId{font-size:1.111em;color:#555;margin:20px 0;}
.findWrap .findResult .desc{margin:30px 0 30px;}

/* login */
.loginWrap{position:relative;background:#f1f1f1;padding:7px;text-align:center;}
.loginWrap .inner{width:100%;background:#fff;}
.loginWrap .top{padding:65px 25px 90px;}
.loginWrap .top .loginDesc{margin-bottom:15px;}
.loginWrap .top .loginDesc p{color:#777;}
.loginWrap .top .loginDesc .title{color:#333;font-size:2.111em;font-weight:500;margin-bottom:5px;}
.loginWrap .loginGroup{width:450px;display:inline-block;}
.loginWrap .loginArea .inpArea{width:100%;border:1px solid #e2e2e2;border-radius:3px;position: relative;}
.loginWrap .loginArea .inpArea + .inpArea{margin-top:10px;}
.loginWrap .loginArea .inpArea input{width:100%;border:none;padding-left:48px;line-height:48px;height:48px;}
.loginWrap .loginArea .inpArea input:focus{background-color:#f3f6ff;}
.loginWrap .loginArea .inpArea::before {content: "";position: absolute;top: 50%;left: 16px;width:22px;height:22px;
margin-top: -11px;background: url("/include/image/ico_loginID.png") 100% 50% no-repeat;}
.loginWrap .loginArea .inpArea + .inpArea::before {background-image: url("/include/image/ico_loginPW.png");width:19px;height:25px;margin-top: -12px;}
.loginChk{text-align:right;margin-top:5px;}
.loginChk .chk{margin:0;} 
.loginWrap .btnLogin {width:100%;height:60px;background:#3a5fc9;color:#f6f6f9;font-size:1.111em;font-weight:500;margin-top:12px;border-radius:3px;}
.loginWrap .checkArea{margin-top:15px;}
.loginWrap .checkArea a{color:#71757b;position: relative;}
.loginWrap .checkArea a + a::before{content:"";display:inline-block;width:1px;height:12px;background:#ecedee;margin:0 15px;vertical-align:-1px;}
.loginWrap .btm .loginDesc{background:#f9f9fb;padding:25px;}
.loginWrap .btm .loginBtmDesc p{color:#777;}
.offlineMemWrap{background:#f9f9fb;padding:25px 45px 30px;display:flex;justify-content: space-between;;margin-top:50px;align-items:center;}
.offlineMemWrap .title{font-size:1.389em;color:#333;font-weight:500;}
.offlineMemWrap p{color:#71757b;}
.offlineMemWrap p + p{margin-top:10px;}
.offlineMemWrap .rt{margin-left:5px;}
.offlineMemWrap .rt .btn{padding:10px 20px;height:auto;line-height:1.4;}

/* certify */
.certifyWrap{display:flex;justify-content:space-between;}
.certifyWrap .certifyBox{padding:7px;background:#f9f9fb;text-align:center;border-radius:3px;width:calc(50% - 15px);}
.certifyWrap .certifyBox .inner{background:#fff;height:100%;padding:30px 40px 30px;}
.certifyWrap .certifyBox .title{font-size:1.389em;color:#333;font-weight:500;margin-bottom:25px;line-height:1.2;}
.certifyWrap .certifyBox i{margin-right:20px;}
.certifyWrap .certifyBox .desc{color:#777;margin:20px 0 30px;}
.certifyWrap .certifyBox .desc strong{color:#555;}
.certifyWrap .certifyBox .btnMember{width:100%;height:55px;}
.certifyAsk{background:#f9f9fb;padding:10px 20px;margin-top:40px;}

/* 웹회원등록 */
.webLoginWrap{position: relative;background: #f1f1f1;padding: 7px;text-align: center;}
.webLoginWrap .inner{width: 100%;background: #fff;padding: 65px 25px 90px;}
.webLoginWrap .top{margin-bottom: 15px;}
.webLoginWrap .top .title{color: #333;font-weight: 500;margin-bottom: 5px;font-size: 1.389em;}
.webLoginWrap .top .desc{color: #777;}
.webLoginWrap .webLoginGroup {width: 450px;display: inline-block;}
.webLoginWrap .webLoginGroup .inpArea{width: 100%;border: 1px solid #e2e2e2;border-radius: 3px;position: relative;}
.webLoginWrap .webLoginGroup .inpArea + .inpArea{margin-top:10px;}
.webLoginWrap .webLoginGroup .inpArea::before{content: "";position: absolute;top: 50%;left: 16px;width:24px;height: 22px;margin-top: -11px;background: url("/include/image/common/ico_loginID.png") 100% 50% no-repeat;}
.webLoginWrap .webLoginGroup .inpArea + .inpArea::before {background-image: url("/include/image/common/ico_loginCard.png");}
.webLoginWrap .webLoginGroup .inpArea input{width: 100%;height: 48px;padding: 0 20px 0 55px;border: none;}
.webLoginWrap .webLoginGroup .btn{width: 100%;height: 55px;margin:0;margin-top:20px;}

/* 이용약관 */
.agreeWrap .htitle + .agreeBox{margin-top:0;}
.agreeBox{border:1px solid #e2e2e2;max-height:200px;overflow-y:auto;padding:25px 30px;margin:40px 0 15px;}
.agreeBox .title{font-family: "S-Core Dream 5";font-weight:500;margin-bottom:10px;color: #333;font-weight: 500;font-size: 1.222em;}
.agreeCheck .chk{margin:0;}
.agreeCheck.all{background:#f8f8fa;padding:5px 0;margin-top:10px;}

/* 회원증발급완료 / 회원증발급 불가 */
.membershipWrap{position:relative;padding:7px;background:#f1f1f1;text-align:center;}
.membershipWrap .inner{background:#fff;padding:30px 15px;}
.membershipWrap .inner .title{font-size:1.389em;font-weight:500;color:#333;margin-bottom:15px;}
.membershipWrap .cardBox{border-radius:25px;width:430px;margin:0 auto;margin-top:25px;
background-image:url("/include/image/common/bg_cardBox.png"), linear-gradient(135deg, #66b7ea 0%, #4277d3 100%);background-repeat: no-repeat;background-position:top right;box-shadow:3px 6px 10px #e2e2e2;padding:20px 25px 25px;}
.membershipWrap .cardBox .tit{color:#fff;font-weight:500;font-size:1.222em;;margin-bottom:20px;}
.membershipWrap .cardBox .list{padding:30px;background:#fff;border-radius:10px;text-align:left;}
.membershipWrap .cardBox .list li{color:#555;font-weight:500;font-size:1.111em;}
.membershipWrap .cardBox .list li + li{margin-top:5px;}
.membershipWrap .cardBox .list li strong{font-weight:normal;font-size:0.900em;color:#777;display:inline-block;width:105px;}
.membershipWrap .desc{color:#777;margin-top:20px;}
.membershipWrap i{margin-right: 20px;}

 /* 회원가입완료 */
 .joinFinishWrap .titleBox{overflow: hidden;position: relative;margin-bottom: 40px;padding: 7px;background: #f1f1f1;}
 .joinFinishWrap .titleBox .inner{background:#fff;display:flex;align-items:center;justify-content:center;padding:20px 10px;}
 .joinFinishWrap .titleBox i{margin-right:20px;}
 .joinFinishWrap .titleBox .desc{text-align:left;}
 .joinFinishWrap .titleBox .desc p{font-size:1.222em;color:#777;}
 .joinFinishWrap .titleBox .desc .title{font-size:1.222em;color:#333;font-weight:500;}
 .joinFinishWrap .list{display:flex;flex-wrap:wrap;margin-left:-30px;margin-top:-50px;}
 .joinFinishWrap .list li{width:calc(50% - 30px);margin-left:30px;margin-top:50px;background:#f9f9fb;}
 .joinFinishWrap .list li .cover{display:flex;align-items:center;padding:30px;border:1px solid #fff;}
 .joinFinishWrap .list li a:hover,
 .joinFinishWrap .list li a:focus{border:1px solid #e0e3e6;}
 .joinFinishWrap .list li i{width:90px;height:90px;display:block;background:#fff;border-radius:50%;position: relative;flex-shrink:0;margin-right:50px;}
 .joinFinishWrap .list li i img{position:absolute;left:24px;top:50%;transform:translateY(-50%);}
 .joinFinishWrap .list li .tit{color:#333;font-weight:500;font-size:1.389em;margin-bottom:10px;}
 .joinFinishWrap .list li .txt{color:#71757b;}

 /* 조직도 */
.organWrap {overflow: hidden; padding:0 70px; margin-bottom: 40px;}
.organWrap h4 {position: relative; width: 295px; height:70px; display:inline-flex; align-items: center; justify-content: center; color: #fff; text-align: center; font-weight: normal; margin: 0 auto 40px;margin-left:396px;font-size: 1.222em;  background-color: #6e7277;border-radius:10px;flex-direction:column;line-height:1.1;}
.organWrap h4::before, 
.organWrap h5::before {content: ""; display: block; position: absolute; top: 100%; left: 50%; width: 1px;background-color: #ddd;}
.organWrap h4::before{height:40px;}
.organWrap h5::before{ height: 30px;}
.organWrap h5{position: relative; width: 100%; height:60px; display:inline-flex; align-items: center; justify-content: center; color: #fff; text-align: center; font-weight: normal; margin: 0 auto 30px;border-radius:10px;font-size:1.111em;line-height:1.2;z-index:1;flex-direction:column;}
.organWrap h4 span,.organWrap h5 span{font-size:0.850em;margin-top:2px;display:block;}
.organList {position: relative;}
.organList::before {content: ""; display: block; position: absolute; top:30px; left:0; width: 100%; height: 1px; background-color: #ddd;}
.organList > ul {display: flex; justify-content: space-between;}
.organList > ul > li {width: 24.73118279569892%; position: relative;}
.organList > ul > li .box{position: relative;}
.organList > ul > li .box::before{content: "";position: absolute;top: 0;left: 50%;width: 1px;height: 100%;background: #ddd;}
.organList > ul > li.first{width:41.93548387096774%;}
.organList > ul > li.first .box::before{display:none}
.organList > ul > li.first h5{margin:0 auto 15px;width:240px;margin-left:71px}
.organList > ul > li.first h5::before{height:15px;}
.organList > ul > li.first .box::after{content:"";position: absolute;top:30px;left:0;width:50%;height: 1px;background: #fff;}
.organList > ul > li.first .ulWrap{padding-top:15px;border-top:1px solid #ddd;position: relative;}
.organList > ul > li.first .ulWrap ul{margin:0;position: relative;float:left;width:calc(50% - 10px)}
.organList > ul > li.first .ulWrap ul:first-child::after{content: "";display: block;position: absolute;top: -16px;left: 0;width: 50%;height: 1px;background-color: #fff;}
.organList > ul > li.first .ulWrap ul:last-child{float:right;}
.organList > ul > li.first .ulWrap ul:last-child::after{content: "";display: block;position: absolute;top: -16px;right: 0;width: 50%;height: 1px;background-color: #fff;}
.organList > ul > li.first .ulWrap ul::before{content: "";position: absolute;top: -16px;left: 50%;width: 1px;height: 100%;background: #ddd;}
.organList .list{margin:0 20px 0;}
.organList .list li.on a{border-color:#6d96d6;color:#6d96d6;}
.organList > ul > li ul li + li{margin-top:10px;}
.organList > ul > li:last-child::before {content: ""; display: block; position: absolute; top: -51px; right: 0; width: 50%; height: 1px; background-color: #fff;}
.organList > ul > li .team a,
.organList > ul > li a {display: inline-flex; align-items: center; justify-content: center; flex-wrap:wrap; width:190px; height:45px; padding: 0 3px; line-height: 1.2; color: #6e7277; background-color: #fff; border: 1px solid #d6d6d6;border-radius:5px;position: relative;}
.organList > ul > li .team.on a{color:#000;}
.organList > ul > li a br {display: none;}
.organList > ul > li a span{display:block;font-size:0.722em;}
.organList > ul > li .team a{background:#f8f8fa;}
.organList > ul > li.on a {border-color:#6d96d6;color:#6d96d6;}
.organList > ul > li ul li.row-2 a{height:70px;}
.organTel + .organTel{margin-top:40px;}

/* 도서관 현황 */
.plantDesc{overflow: hidden;position: relative;margin-bottom: 40px;padding: 7px;background: #f1f1f1;}
.plantDesc .inner{width: 100%;background-color: #fff;padding: 40px 70px;}
.plantDesc .thumb{position:absolute;left:0;top:0;width: 43.66812227074236%;}
.plantDesc .thumb::before{content:"";width:100%;height:calc(100% - 10px);display:block;position:absolute;left:-28px;top:30px;
background:url("/include/image/common/bg_pattern.png") repeat 0 0;}
.plantDesc .thumb img{position: relative;z-index: 1;}
.plantDesc .caption{padding-left:47.70742358078603%;position: relative;}
.plantDesc .caption .desc{position: relative;min-height:240px;padding-bottom:45px;}
.plantDesc .caption .desc .title{color:#222;font-size:1.222em;color:#333;font-weight:500;margin-bottom:10px;}
.plantDesc .caption .desc .list li{color:#777;position: relative;padding-left:10px;}
.plantDesc .caption .desc .list li + li{margin-top:5px;}
.plantDesc .caption .desc .list li::before{content:"";width:3px;height:3px;background:#b5a08a;position:absolute;top:15px;left:0;}
.plantDesc .caption .btnArea{position:absolute;bottom:0;left:0;padding-left:10px;}
.plantDesc .caption .btnArea .btn{height:40px;line-height:40px;}

/* 특성화사업 */
.specialWorkWrap{border:7px solid #f1f1f1;padding:47px 38px;}
.specialWorkWrap .caption{padding-left:50%;position: relative;}
.specialWorkWrap .thumb{position:absolute;left: 28px;top: 0;width: 43.66812227074236%;}
.specialWorkWrap .thumb::before{content:"";width:calc(100% - 28px);height: calc(100% - 10px);display: block;position: absolute;left: -28px;top: 30px;background: url("/include/image/common/bg_pattern.png") repeat 0 0;}
.specialWorkWrap .thumb img{position: relative;z-index: 1;}
.specialWorkWrap .caption .desc {position: relative;min-height: 280px;}
.specialWorkWrap .caption .desc .titleBox{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.specialWorkWrap .caption .desc .titleBox .title{font-size:1.222em;color:#333;font-weight:500;}
.specialWorkWrap .caption .desc .titleBox .btn{height:40px;line-height:40px;}
.specialWorkWrap .caption .desc .infoBox{background:#f8f8fa;padding:10px;border-radius:10px;}

/* 콘텐츠 색상 박스 */
.conBgBox{background:#f8f8fa;color:#777;padding:10px 20px;}
.conBgBox .title{color:#555;font-weight:500;}
.conBgBox .linkWrap{display:flex;align-items:center;}
.conBgBox .linkWrap + .linkWrap{margin-top:10px;}
.conBgBox .linkWrap i{margin-right:10px;flex-shrink:0;}
.conBgBox .linkWrap .tit{display:block;}
.conBgBox .linkWrap a{text-decoration:underline;word-break:break-all;}

/* 콘텐츠 스텝 */
.conStep{display:flex;align-items:center;flex-wrap:wrap;margin-top:-10px;}
.conStep li{border:1px solid #d6d6d6;border-radius:3px;position: relative;margin-left:23px;margin-top:10px;padding:0 10px 2px;}
.conStep li::before{content:"";border-top:5px solid transparent;border-bottom: 5px solid transparent;border-left: 7px solid #656f78;width: 0;
height: 0;position:absolute;left:-15px;top:50%;transform: translateY(-50%);}
.conStep li:first-child{margin-left:0;}
.conStep li:first-child::before{display:none;}

.lineBoxStepList{display:flex;flex-wrap:wrap;margin-left:-18px;margin-top:-10px;}
.lineBoxStepList li{border:7px solid #f1f1f1;padding:20px 15px 40px;margin-left:18px;margin-top:10px;position: relative;display:inline-flex;flex:1;flex-direction: column;}
.lineBoxStepList.col-6 li{margin-left:12px;}
.lineBoxStepList li .step{font-weight:500;font-size:1.111em;}
.lineBoxStepList li .date{margin-bottom:5px;}
.lineBoxStepList li .title{color:#555;}
.lineBoxStepList li .txt{color:#777;font-size:0.944em;}
.lineBoxStepList li::after{content:"";position:absolute;right:10px;bottom:10px;;width:44px;height:22px;background:url("/include/image/common/arr_step.png") no-repeat 0 0;background-size:contain;}

.cicleBoxStepList {display:flex; flex-wrap: wrap; justify-content: center;position: relative;margin-left:-70px;margin-top:-10px;align-items:center;text-align:center;}
.cicleBoxStepList li {position: relative; background-color: #fff; z-index: 1;margin-left:70px;margin-top:10px;text-align: center;}
.cicleBoxStepList li::before{content: ""; position: absolute; left: -55px; top: 50%;width:44px;height:12px;background:url("/include/image/common/arr_step.png") no-repeat 0 0;background-size:cover;}
.cicleBoxStepList li:first-child::before{display:none;}
.cicleBoxStepList li p {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;width:100%;padding-top:93.49%;border:7px solid #f1f1f1; border-radius: 100%; box-sizing: border-box; position: relative; text-align: center;}
.cicleBoxStepList li p span{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:#666;font-size:1.111em;white-space:nowrap;}
.cicleBoxStepList li .itemWrap .item{border:7px solid #f1f1f1;padding:10px;border-radius:5px;}
.cicleBoxStepList li .itemWrap .item + .item{margin-top:5px;}
.cicleBoxStepList.col-4 li{width:calc(25% - 70px);}

/* 콘텐츠 사이트 박스 */
.siteBoxList{display:flex;flex-wrap:wrap;margin-left:-20px;margin-top:-10px;}
.siteBoxList li{margin-left:20px;margin-top:10px;display:block;border:1px solid #d6d6d6;border-radius:10px;position: relative;display:flex;align-items:center;padding:10px 20px 14px;flex:1;}
.siteBoxList li::after{content:"";background:url("/include/image/common/ico_viewSite.png") no-repeat 0 0;display:block;width:35px;height:36px;margin-left:auto;}
.siteBoxList li a{color:#505458;line-height:1.4;}

/* 콘텐츠 디자인 박스 */
.conGuideList{display:flex;flex-wrap:wrap;margin-left:-40px;margin-top:-10px;text-align:center;}
.conGuideList li{position: relative;padding-left:40px;margin-top:10px;}
.conGuideList .title{background:#6e7277;color:#fff;font-size:1.111em;margin-bottom:10px;border-radius:5px;padding:4px 0;font-weight:500;}
.conGuideList .itemWrap{display:flex;justify-content: space-between;}
.conGuideList .itemWrap .item{width:calc(50% - 5px)}
.conGuideList .item{border-radius:5px;border:1px solid #666;width:100%;overflow:hidden;}
.conGuideList .item .tit{background:#f3f3f3;color:#505458;font-weight:500;border-bottom:1px solid #979ba1;padding:5px 0;}
.conGuideList .item .txt{padding:8px 0;font-size:0.944em;}
.conGuideList .item .txt + .txt{border-top:1px solid #b7b9bb;}
.conGuideList .item .txt strong{color:#6e7277;}
.conGuideList li::after{content:"";position:absolute;border-left:7px solid #656f78;border-top:7px solid transparent;border-bottom:7px solid transparent;right:-27px;top:50%;margin-top:-3px;}
.conGuideList li::before{content:"";position:absolute;width:9px;height:2px;background-color:#656f78;right:-20px;top:50%;margin-top:3px;}
.conGuideList li:last-child::after,.conGuideList li:last-child::before{display:none;}
.conGuideList.join li:first-child{width:30%}
.conGuideList.join li:nth-child(2){width:70%;}

.conGuideList1{margin-top:-15px;overflow:hidden;}
.conGuideList1 > li{border:1px solid #e1e1e1;border-radius:10px;display:flex;margin-top:15px;overflow:hidden;}
.conGuideList1 > li .title{background:#f8f8fa;color:#555;font-weight:500;font-size:1.056em;width:200px;text-align:center;border-right:1px solid #e1e1e1;flex-shrink:0;display:flex;align-items: center;}
.conGuideList1 > li .title span{display: inline-block;margin: 0 auto;text-align: center;}
.conGuideList1 > li .item{width:100%;padding:15px;}

/* 브랜드스토리 */
.brandList li{position:relative;padding-left:244px;}
.brandList li + li{margin-top:50px;}
.brandList li .tit{font-size:1.222em;font-weight:500;color:#333;position:absolute;left:0;top:0;line-height:1.5;}
.brandList li .tit span{font-size:0.909em;color:#777;display:block;}
.brandList li .txt{color:#777;}

/* 도서관운영위원회 */
.cmitTitBox{display:flex;}

/* 독서동아리 */
.conImgBox img{border:1px solid #e1e1e1;}

/* 도서관책잔치 */
.bookPartyBox{display:flex;flex-wrap:wrap;justify-content: space-between;}
.bookPartyBox .lt{width:50%;}
.bookPartyBox .rt{width:47.28971962616822%;}
.bookPartyBox .rt .title{background:#f8f8fa;font-weight:500;color:#333;font-size:1.111em;padding:15px 10px;margin-bottom:15px;}

/* 책길지도 */
.bookMapBox .inner,.bookMapBox1 .inner{overflow-x:auto;}
.bookMapBox1{margin-top:40px;}
.bookMapBox .thumb{background:url("/include/image/contents/book_map_1.jpg?v=20230317") no-repeat 0 0;width:100%;background-size:cover;min-height:749px;min-width:1070px;}
.bookMapBox1 .thumb{background:url("/include/image/contents/book_map_2.jpg?v=20230317") no-repeat 0 0;width:100%;background-size:cover;min-height:723px;min-width:1070px;}

/* 찾아오시는길 */
.mapSelWrap{background:#f8f8fa;padding:30px;margin-bottom:50px;}
.mapSelWrap select{min-width:410px;}
.locationMap {position: relative; height: 550px;width:100%;}
.locationMap .root_daum_roughmap {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.locationMap .root_daum_roughmap .wrap_map {height: calc(100% - 52px);}
.libInfoWrap .libInfoArea{overflow:hidden;}

/* 도서관소개 > 시립도서관 */
.publicLibWrap{overflow:hidden;}
.publicLibList{display:flex;flex-wrap:wrap;margin-left:-20px;margin-top:-20px;}
.publicLibList .item.on{display:flex;}
.publicLibList .item{display:none;width:calc(50% - 20px);margin-left:20px;margin-top:20px;;border:1px solid #e0e3e6;border-radius:10px;flex-direction:row;padding:25px 20px 25px 24px;}
.publicLibList .item .title{margin-bottom:12px;}
.publicLibList .item .title a{color:#333;font-size:1.222em;font-weight:500;margin-bottom:10px;position: relative;}
.publicLibList .item .title a::after{content:"";background:url("/include/image/contents/arr_publicLib.png") no-repeat 0 0;width:8px;height:14px;position:absolute;right:-20px;top:50%;transform:translateY(-50%);}
.publicLibList .item .list li{color:#555;}
.publicLibList .item .list li + li{margin-top:6px;}
.publicLibList .item .thumb{flex-shrink:0;margin-left:auto;}
.publicLibList .item .btnBox{margin-top:20px;}
.publicLibList .item .btnBox .btn{height:40px;line-height:40px;}

/* 작은도서관 > 사립작은도서관 > 등록신청 */
.conProcessList .top .list{display:inline-flex;width:100%;justify-content: space-between;}
.conProcessList .top .list li{background:#e8e8e8;border:1px solid #e8e8e8;font-weight:500;color:#333;text-align:center;border-radius:5px;padding:5px 0;}
.conProcessList .item{display:inline-flex;width:100%;justify-content: space-between;margin-top:20px;}
.conProcessList .item .title{border:1px solid #e1e1e1;background:#f8f8fa;color:#555;font-weight:500;border-radius:5px;display: flex;align-items: center;}
.conProcessList .item .title span{display: inline-block;margin: 0 auto;text-align: center;}
.conProcessList .item .desc{border:1px solid #e1e1e1;border-radius:5px;position: relative;display: flex;align-items: center;padding:10px;font-size:0.944em;}
.conProcessList .item .desc + .desc::after{content: "";position: absolute;border-left: 7px solid #656f78;border-top: 5px solid transparent;border-bottom: 5px solid transparent;left: -18px;top: 50%;margin-top: -3px;}
.conProcessList .item .title,.conProcessList .top .list li:nth-child(1){width:10.2803738317757%;}
.conProcessList .item .desc:nth-child(2), .conProcessList .top .list li:nth-child(2){width:38.31775700934579%;}
.conProcessList .item .desc:nth-child(3), .conProcessList .top .list li:nth-child(3){width:15.88785046728972%;}
.conProcessList .item .desc:nth-child(4), .conProcessList .top .list li:nth-child(4){width:28.03738317757009%;}
 
/* 특성화도서관 */
 .specialLibList{display:flex;margin-left:-30px;margin-top:-15px;flex-wrap:wrap;}
 .specialLibList li{display:flex;align-items:center;justify-content:center;margin-left:30px;margin-top:15px;position: relative;}
 .specialTxt{color:#e13e3f;}
 .specialTxt1{color:#7c5a8d;}
 .specialTxt2{color:#967759;}
 .specialTxt3{color:#eb5412;}

 /* 인사말 */
.greetingWrap .thumb{position: relative;margin-bottom:74px;}
.greetingWrap .thumb::before{content: "";width:calc(100% - 30px);height: calc(100% - 10px);position: absolute;right:0;top:40px;background: url("/include/image/common/bg_pattern.png") repeat 0 0;border-radius: 20px;}
.greetingWrap .thumb img{position: relative;z-index:1;}
.greetingWrap .caption{margin-bottom:40px;}
.greetingWrap .caption .top{font-size:23px;font-family:"Pretendard";line-height:1.7; font-weight:600; color:#333}
.greetingWrap .caption p{font-size:17px;line-height:1.6; font-family:'Pretendard'; font-weight:normal}
.greetingWrap .ceo {text-align:right; color:#106652; font-weight:600; font-family: "S-Core Dream 5";}
.greetingWrap .caption p + p{margin-top:30px;}
.greetingWrap .caption p strong{color:#333;font-weight:normal;font-size:1.050em;}
.greetingWrap .img {margin-bottom:40px;}
.greetingWrap .img img {border-radius:20px}
.greetingVision{}
.greetingVision .item{display:flex;width:100%;min-height:90px;position: relative;}
.greetingVision .item .box {border: 1px solid #d6d6d6;
    border-radius: 10px;
    background: #fff;
    color: #555;
    width: 100%;
    text-align: left;
    font-size: 1em; padding:15px 40px; line-height:30px;
}
.greetingVision .item + .item{margin-top:40px;}
.greetingVision .item + .item::before{content:"";background:url("/include/image/contents/arrow_greeting.png") no-repeat;width:38px;height:25px;position:absolute;left:50%;top:-31px;margin-left:51px;}
.greetingVision .item .title{background:#106652 ;border-radius:10px;color:#fff;width:120px;flex-shrink:0;display: flex;align-items: center;font-size:1.222em;margin-right:15px;}
.greetingVision .item .title span{display:inline-block;margin:0 auto;text-align:center;}
.greetingVision .item .vision{background-color:#6d96d6;border-color:#6d96d6;width:100%;color:#fff;text-align:center;font-size:1.500em;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;}
.greetingVision .list{display:flex;width:100%;justify-content: space-between;}
.greetingVision .list li{display:inline-flex;border:1px solid #d6d6d6;border-radius: 10px;background:#fff;color:#555;width:calc(33.333% - 10px);align-items:center;justify-content:center;text-align:center;font-size:1.167em;}
.greetingVision .goal li{background-color:#dae4f4;border-color:#dae4f4;color:#4379d6;}



/* 연혁 */
.historyWrap{background:url("/include/image/bg_history.png") no-repeat 0 0;padding-left:445px;}
.historyList{padding-left:30px;position: relative;}
.historyList::before{content:"";width:1px;height:100%;position:absolute;top:10px;left:0;background:#e2e2e2;}
.historyList > li + li{margin-top:40px;}
.historyList .year{font-size:1.667em;color:#4379d6;font-family:"S-Core Dream 5";position: relative;margin-bottom:13px;}
.historyList .year i{width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #4379d6;position:absolute;left:-42px;
top:50%;transform:translateY(-50%);}
.historyList .year i::after{content:"";width:10px;height:10px;background-color:#4379d6;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.historyList dl{display:flex;position: relative;}
.historyList dl +  dl{margin-top:15px;}
.historyList dl dt{font-size:1.222em;color:#4379d6;position: relative;}
.historyList dl dt::before{content:"";width:10px;height:10px;position:absolute;left:-34px;top:14px;background-color:#4379d6;border-radius:50%;}
.historyList dl dd{position: relative;top:2px;}
.historyList dl dd .list li{font-size:1.111em;color:#777;padding-left:30px;}
.historyList dl dd .list li + li{margin-top:8px;}
.historyList dl dd .list li .date{color:#555;display:inline-block;width:70px;vertical-align:top;}
.historyList dl dd .list li .txt{display: inline-block;overflow:hidden;}

/* 지역서점지원사업 */
.localBookstoreList li{display:flex;min-height:48px;}
.localBookstoreList li + li{margin-top:8px;}
.localBookstoreList li .tit{background:#f8f8fa;border:1px solid #e1e1e1;border-radius:5px;width:200px;flex-shrink:0;margin-right:10px;padding:0 10px 2px 20px;display: inline-flex;align-items:center;}
.localBookstoreList li .tit p{color:#555;font-size:1.056em;font-weight:500;}
.localBookstoreList li .txt{background:#fff;border:1px solid #e1e1e1;border-radius:5px;width:100%;padding:0 10px 2px 20px;display: inline-flex;align-items:center;}
.localBookstoreList li .txt p{color:#777;}

/* site map */
#sitemap {overflow: hidden;}
#sitemap {display: flex; flex-wrap: wrap; margin-left: -20px}
#sitemap > li {overflow: hidden; float: left; width: calc(25% - 20px); margin: 0 0 20px 20px; box-sizing: border-box;}
#sitemap > li > a {display: block; padding: 11px 0 11px 0; font-size: 1.250em; font-weight: 500; text-align: center; border: solid 1px #999; background-color: #fff;color:#333;}
#sitemap .submenu {overflow: hidden; border: 1px solid #e2e2e2; border-top: 0;}
#sitemap .submenu > li > a {display: block; padding:8px 0 8px 15px;line-height: 30px;color:#555;}
#sitemap .submenu > li a:hover, #sitemap > li > ul li a:focus {text-decoration: underline;}
#sitemap .submenu > li ul {padding: 10px 0 10px 20px;background-color: #f8f8f8;}
#sitemap .submenu > li li a {display: inline-block; padding: 0 0 0 8px; font-size: 0.938em; color: #777;position: relative;}
#sitemap .submenu > li li a::before {content:"";width:3px;height:3px;background:#b4b7bc;position:absolute;left:0;top:14px;}


/* 독서대전 */
.board-con {display: flex; border-top: 2px solid #666; border-bottom: 1px solid #e2e2e2;}
.board-con-area {display: flex; flex-direction: column; flex-grow: 1;}
.board-con-area:last-child {flex-grow: 2;}
.board-con-item {display: flex; text-align: center;}
.board-con-item + .board-con-item {border-top: 1px solid #e2e2e2;}
.board-con-item .board-con-tit {flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 150px; height: 80px; background-color: #f8f8fa;}
.board-con-area:last-child .board-con-item .board-con-tit {height: 161px;}
.board-con-item .board-con-txt {display: flex; align-items: center; justify-content: center; width: 100%;}
.readingContest-img {display: flex; justify-content: space-between; margin-top: 20px;}
.readingContest-img > div {width: calc(25% - 10px); border: 1px solid #e1e1e1;}

.readingContest-movie {display: flex; flex-wrap: wrap; justify-content: space-between;}
.readingContest-movie > a {width: calc(33.33% - 13.3333px);}
.readingContest-movie > a:nth-child(n+4) {margin-top: 20px;}
.readingContest-movie > a img {width: 100%;}
.readingContest-movie > a p {display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; line-height: 1.3; color: #fff; text-align: center; background-color: #4776ca;}



@media screen and (max-width:1400px){
	/* 조직도 */
	.organWrap{padding:0;}

	/* 도서관 현황 */
	.plantDesc .caption .desc{min-height:auto}
	.plantDesc .caption .btnArea{position:static;bottom:auto;left:auto;padding:0;}
	
}
@media screen and (max-width: 1024px){
	/* my library */
	.myInfoBox .myInfo .myInfoList > li{width:100%;}
	
	/* certify */
	.certifyWrap .certifyBox .inner{padding:20px 15px;}

	/* 회원가입완료 */
	.joinFinishWrap .titleBox i{display:none;}
	.joinFinishWrap .list{margin-left:-15px;margin-top:-15px;}
	.joinFinishWrap .list li{width:calc(50% - 15px);margin-left:15px;margin-top:15px;}
	.joinFinishWrap .list li .cover{padding:20px;flex-wrap:wrap;justify-content:center;}
	.joinFinishWrap .list li .tit{text-align:center;font-size:1.111em;margin:10px 0 10px;}

	/* 웹회원등록 */
	.webLoginWrap .webLoginGroup {width:100%;}

	/* 조직도 */
	.organList > ul{flex-wrap:wrap;}
	.organList > ul > li{width:100% !important;}
	.organList > ul > li + li{margin-top:10px;}
	.organList > ul > li p, .organList > ul > li a{width:100%;}
	.organList > ul > li a span{top:auto;}
	.organWrap h4{margin:0;margin:0 auto 10px;width:100%;}
	.organList > ul > li.first h5{margin-left:0;margin:0 auto 10px;width:100%;}
	.organList::before{display:none;}

	/* 도서관 현황 */
	.plantDesc .inner{padding:25px;}

	/* 특성화사업 */
	.specialWorkWrap{padding:25px;}
	.specialWorkWrap .caption .desc{min-height:auto;}

	/* 콘텐츠 스텝 */
	.lineBoxStepList{flex:initial;margin-left:-10px;}
	.lineBoxStepList li{margin-left:10px;}
	.lineBoxStepList.col-4 li{flex:initial;margin-left:10px;width:calc(50% - 10px);}
	.lineBoxStepList.col-5 li, .lineBoxStepList.col-6 li{flex:initial;margin-left:10px;width:calc(33.333% - 10px);}
	.lineBoxStepList li::after{content:"";position:absolute;right:10px;bottom:10px;;width:44px;height:22px;background:url("/include/image/common/arr_step.png") no-repeat 0 0;background-size:contain;}

	/* 콘텐츠 사이트 박스 */
	.siteBoxList{margin-left:-15px;}
	.siteBoxList li{flex:initial;margin-left:15px;padding:10px;}
	.siteBoxList.col-5 li{width:calc(33.333% - 15px);}

	/* 콘텐츠 디자인 박스 */
	.conGuideList{margin-left:0;}
	.conGuideList li{padding-left:0;width:100%;margin:0;}
	.conGuideList li::after,.conGuideList li::before{right:auto;top:auto;left:50%;margin:0;}
	.conGuideList li::after{bottom:-30px;margin:0;margin-left:-4px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #656f78;}
	.conGuideList li::before{bottom:-20px;width:2px;height:9px;margin-left:2px;}
	.conGuideList li + li{margin-top:30px}
	.conGuideList.join li:first-child,.conGuideList.join li:nth-child(2){width:100%}

	.conGuideList1 > li{flex-wrap:wrap;}
	.conGuideList1 > li .title{width:100%;border:none;border-bottom: 1px solid #e1e1e1;padding: 5px 0;}
	.conGuideList1 > li .title span{display: inline-block;margin: 0 auto;text-align: center;}
	.conGuideList1 > li .item{width:100%;padding:15px;}

	/* certify */
	.certifyWrap .certifyBox .btnMember{min-width:auto;}

	/* 회원증발급완료 / 회원증발급 불가 */
	.membershipWrap .inner{padding:20px 15px;}
	.membershipWrap .inner .title{margin-bottom:10px;}
	.membershipWrap .cardBox{border-radius:15px;width:100%;margin-top:15px;}
	.membershipWrap .cardBox .tit{margin-bottom:15px;}
	.membershipWrap .cardBox .list{padding:15px;}
	.membershipWrap .cardBox .list li strong{width:60px;}
	.membershipWrap .desc{margin-top:10px;}
	.membershipWrap i{margin-right:10px;}

	/* 브랜드스토리 */
	.brandList li{padding:0;}
	.brandList li + li{margin-top:30px;}
	.brandList li .tit{position:static;margin-bottom:15px;}
	.brandList li .tit span{display:inline-block;}

	/* 도서관소개 > 시립도서관 */
	.publicLibList{margin-left:0;}    
	.publicLibList .item{width:100%;margin-left:0;position: relative;}
	.publicLibList .item .cover{padding:15px;}
	.publicLibList .item .desc .list{padding-right:110px;}
	.publicLibList .item .thumb{width:100px;height:100px;position:absolute;right:20px;top:25px;}
	.publicLibList .item .btnBox{margin-top:10px;}
	.publicLibList .item .btnBox .conBtn{height:35px;line-height:35px;}

	/* 찾아오시는길 */
	.mapSelWrap select{min-width:auto;width:100%;}

	/* 연혁 */
	.historyWrap{padding-left:15px;background:none;}
	.historyList::after{display:none;}
	 
	/* 지역서점지원사업 */
	.localBookstoreList li .tit{width:100px;}
	 
	/* 독서대전 */
	.board-con {flex-direction: column;}
	.board-con-area:last-child .board-con-item {border-top: 1px solid #e2e2e2;}
	.board-con-item .board-con-tit {width: 130px; height: auto;}
	.board-con-area:last-child .board-con-item .board-con-tit {height: auto;}
	.board-con-item .board-con-txt {padding: 10px;}
}
@media screen and (max-width: 767px){
    /* login */
	.loginWrap .top{padding:30px 25px 40px;}
	.loginWrap .loginGroup{width:100%;}
	.offlineMemWrap{padding:25px;flex-wrap:wrap;}
	.offlineMemWrap .rt{text-align:center;width:100%;}
	.offlineMemWrap .rt .btn{min-width:auto;margin-top:10px;}
	
	/* my library */
	.myTop {height: auto;margin:15px;padding:0;padding-bottom:15px;}
	.myInfoBox {margin-bottom: 25px;}
	.myInfoBox .title {padding: 0; text-align: center; margin-bottom: 8px;line-height: 1.2;}
	.myInfoBox .btnModify {position: relative; right: auto; bottom: auto; text-align: center;}
	.myInfoBox .myInfo {padding:0 20px 15px;padding-left:115px;}
	.myInfoBox .myInfo + .myInfo {margin-top: 10px;}
	.myInfoBox .myInfo .memType {top:0;left:10px; width: 100px; height: 120px;}
	.myInfoBox .myInfo .memType strong{width:85px;height:85px;}
	.myInfoBox .myInfo .memType .bookEum{padding:1px 5px;}
	.myInfoBox .myInfo .memType .txt{width:150px;left:50%;margin-left:-82px;margin-top:5px;}
	
	.myInfoBox .myInfo .myInfoList > li::before{top:7px;}
	.myInfoBox .myInfo .myInfoList .myExtend{height:20px;}/* 개인정보동의 연장 */
	.myState{margin-left:-10px;margin-top:-10px}
	.myState li,.myState.col-3 li{width:calc(50% - 10px);margin-left:10px;margin-top:10px;}
	.myState li a{padding:10px 14px;height:70px;}
	.myState.col-3 li a{min-height:auto;height:80px;}
	.myState li a .num{font-size: 1.333em;margin:0;top: auto;height: auto;}
	
	/* certify */
	.certifyWrap{flex-wrap:wrap;}
	.certifyWrap .certifyBox{width:100%;}
	.certifyWrap .certifyBox + .certifyBox{margin-top:20px;}
	.certifyWrap .certifyBox .inner{padding:15px 20px 15px;}
	.certifyWrap .certifyBox .title{margin-bottom:20px;}
	.certifyWrap .certifyBox i{margin-right:15px;}
	.certifyWrap .certifyBox .btnMember{height:40px;line-height:40px;}
	.certifyAsk{padding:10px 20px;margin-top:30px;}
	
	/* 찾아오시는길 */
	.locationMap {height: 400px;}

	/* 작은도서관 > 사립작은도서관 > 등록신청 */
	.conProcessList .item .desc + .desc::after{left:-10px;}

	/* 특성화도서관 */
	.specialLibList{margin-left:-15px;}
	.specialLibList li{width:calc(50% - 15px);margin-left:15px;}

	/* sitemap */
	#sitemap > li {width: calc(33.33% - 20px);}
	#sitemap .submenu > li li a {background-position-y: 10px;}

	/* 독서대전 */
	.readingContest-movie > a {width: calc(50% - 7px);}
	.readingContest-movie > a:nth-child(n+3) {margin-top: 14px;}
	.readingContest-movie > a p {height: 50px;}
}
@media screen and (max-width: 640px){
	/* member */
	.btnMember.wide,.btnGroup .btnMember{min-width:100px;height:40px;}
	
	/* 콘텐츠 스텝 */
	.cicleBoxStepList {margin-left:0;margin-top:-10px;}
	.cicleBoxStepList li {margin-left:30px;}
	.cicleBoxStepList li:first-child{margin-left:0;}
	.cicleBoxStepList.col-4 li{width:calc(50% - 30px);}
	.cicleBoxStepList li::before{left:-25px;background-size:22px;height:6px;}

	/* 콘텐츠 색상 박스 */
	.conBgBox .linkWrap{align-items:initial;}
	.conBgBox .linkWrap i{width:30px;height:30px;}
	
	/* 도서관 현황 */
	.plantDesc .inner{padding:15px;}
	.plantDesc .thumb{left:50%;transform:translateX(-50%);width:60%;}
	.plantDesc .thumb::before{left:-15px;}
	.plantDesc .caption{padding:0;}
	.plantDesc .caption .desc{padding-top:160px;}
	.plantDesc .caption .desc .list li::before{top:8px;}
	.plantDesc .caption .btnArea .btn{height:35px;line-height:35px;}

	/* 특성화사업 */
	.specialWorkWrap{padding:15px;}
	.specialWorkWrap .thumb{left:50%;transform:translateX(-50%);width:250px;}
	.specialWorkWrap .thumb::before{left:-15px;}
	.specialWorkWrap .caption{padding:0;}
	.specialWorkWrap .caption .desc {padding-top:160px;}

	/* 도서관책잔치 */
	.bookPartyBox .lt,.bookPartyBox .rt{width:100%;}
	.bookPartyBox .rt{margin-top:15px;}

	.locationMap {height: 300px;}

	/* 인사말 */
	.greetingWrap .thumb{margin-bottom:30px;padding-right:20px;}
	.greetingWrap .thumb::before{width:calc(100% - 10px);height:100%;top:15px;border-radius:5px;}
	.greetingWrap .caption .top{font-size:1.222em;}
	.greetingVision{padding:30px 15px;}
	.greetingVision .item{flex-wrap:wrap}
	.greetingVision .item .title{width:100%;border-radius:10px;padding:5px 0;margin-bottom:10px; font-size:1.111em;}
	.greetingVision .item + .item::before{margin:0;transform:translateX(-50%);}
	.greetingVision .item .vision{font-size:1em;}
	.greetingVision .list li{font-size:0.833em;width:calc(33.333% - 5px);padding:2px;}

	/* 연혁 */
    .historyList dl dt::before{top:8px;}
    .historyList dl dd .list li{padding-left:20px;}
    .historyList dl dd .list li .date{width:50px;}

	/* sitemap */
	#sitemap > li {width: calc(50% - 20px);}
	#sitemap > li > a {padding: 10px 0;}
	#sitemap .submenu > li > a {line-height: 26px;}
	#sitemap .submenu > li li a {background-position-y: 8px;}
	#sitemap .submenu > li ul {padding: 7px 0 7px 17px;}

	/* 독서대전 */
	.board-con-item .board-con-tit {width: 100px;}
	.readingContest-img {flex-wrap: wrap; margin-top: 10px;}
	.readingContest-img > div {width: calc(50% - 5px);}
	.readingContest-img > div:nth-child(n+3) {margin-top: 10px;}

	.readingContest-movie > a {width: calc(50% - 5px);}
	.readingContest-movie > a:nth-child(n+3) {margin-top: 10px;}
	.readingContest-movie > a p {height: 40px;}
}
@media screen and (max-width: 480px){
	/* 독서대전 */
	.board-con-item .board-con-tit {width: 80px;}
}
@media screen and (max-width: 375px){
}
@media screen and (min-width: 1025px){
}