@charset "utf-8";

.end {clear:both;}

.pcBr{display:block;}
.mobileBr{display:none;}

@media all and (max-width:1024px) {
	.pcBr{display:none;}
}

@media all and (max-width:425px) {
	.mobileBr{display:block;}
}

/*마진*/
.noMgf, .no_mgf {margin-bottom:0px !important;}
.mg5f {margin-bottom:5px;}
.mg10f {margin-bottom:10px;}
.mg15f {margin-bottom:15px;}
.mg20f {margin-bottom:20px;}
.mg25f {margin-bottom:25px;}
.mg30f {margin-bottom:30px;}
.mg40f {margin-bottom:40px;}
.mg50f {margin-bottom:50px;}
.mg60f {margin-bottom:60px;}
.mg5t {margin-top:5px;}
.mg10t {margin-top:10px;}
.mg15t {margin-top:15px;}
.mg20t {margin-top:20px;}
.mg25t {margin-top:25px;}
.mg30t {margin-top:30px;}
.mg40t {margin-top:40px;}
.mg50t {margin-top:50px;}
.mg60t {margin-top:60px;}
.mg80t {margin-top:80px;}
.mg5 {margin-left:5px;}
.mg10 {margin-left:10px;}
.mg15 {margin-left:15px;}
.mg20 {margin-left:20px;}
.mg25 {margin-left:25px;}
.mg30 {margin-left:30px;}
.mg40 {margin-left:40px;}
.mg50 {margin-left:50px;}
.mg60 {margin-left:60px;}
.mg5r {margin-right:5px;}
.mg10r {margin-right:10px;}
.mg15r {margin-right:15px;}
.mg20r {margin-right:20px;}
.mg25r {margin-right:25px;}
.mg30r {margin-right:30px;}
.mg40r {margin-right:40px;}
.mg50r {margin-right:50px;}
.mg60r {margin-right:60px;}
.mg5a {margin:5px;}
.mg10a {margin:10px;}
.mg15a {margin:15px;}
.mg20a {margin:20px;}
.mg25a {margin:25px;}
.mg30a {margin:30px;}
.mg10tf {margin-top:10px;margin-bottom:10px}
.mg20tf {margin-top:20px;margin-bottom:20px}
.mg50tf {margin-top:50px;margin-bottom:50px}
.mg50lr {margin-left:50px;margin-right:50px;}
.PT10 {padding-top:10px;}
.PT20 {padding-top:20px;}
.PT30 {padding-top:30px;}
.PT40 {padding-top:40px;}
.PT50 {padding-top:50px;}
.PB10 {padding-bottom:10px;}
.PB20 {padding-bottom:20px;}
.PB30 {padding-bottom:30px;}
.PB40 {padding-bottom:40px;}
.PB50 {padding-bottom:50px;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

.colorBlue {color:#0053dd;}
.colorRed {color:#dd0000;}

#header{background:#fff !important;}


/*준비중*/
.comming-soon{background:url('/resources/common/img/icon-w.gif') no-repeat center 0}
.comming-soon{margin:5% 0;text-align:center;padding:85px 0 30px}
.comming-soon p.t1{font-size:18px;color:#888;padding:10px 0}
.comming-soon p.t2{font-size:27px;color:#ddd;padding:15px 0 0}
.comming-soon strong{font-size:36px;display:block;line-height:120%;letter-spacing:-1px;font-weight:normal}
.comming-soon em{font-style:normal;font-weight:bold;color:#121212}

/* 컨텐츠 버튼1  공통*/
.btns_wrap_tac {text-align:left;margin:20px auto 20px;}
.btn_link {position:relative;display:inline-block;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;background-color:#fa9d39;color:#fff;border:1px solid #fa9d39;-webkit-box-sizing:border-box;box-sizing:border-box;}
.btn_link:hover, .btn_link:focus {border:1px solid #4443a6;background-color:#fff;color:#fa9d39;}
.btn_link span {display:block;padding:0.9em 72px 0.8em 23px;}
.btn_link .ico {position:absolute;right:0px;top:0px;padding:0;width:50px;height:53px;background-color:#4443a6;-webkit-transition:right .25s ease;-webkit-transition:right .25s ease-out;-o-transition:right .25s ease-out;transition:right .25s ease-out;}
.btn_link:hover .ico {right:-10px;top:-1px;height:54px;}
.btn_link02 {position:relative;display:inline-block;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;background-color:#00429a;color:#fff;border:1px solid #00429a;-webkit-box-sizing:border-box;box-sizing:border-box;}
.btn_link02:hover, .btn_link02:focus {border:1px solid #00429a;background-color:#fff;color:#00429a;}
.btn_link02 span {display:block;padding:0 72px 0px 23px;height:53px;line-height:53px}
.btn_link02 .ico {position:absolute;right:0px;top:0;padding:0;width:50px;height:53px;background-color:#00429a;-webkit-transition:right .25s ease;-webkit-transition:right .25s ease-out;-o-transition:right .25s ease-out;transition:right .25s ease-out;}
.btn_link02:hover .ico {right:-10px;height:53px;}

.btn_link03 {position:relative;display:inline-block;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;background-color:#ca0464;color:#fff;border:1px solid #ca0464;-webkit-box-sizing:border-box;box-sizing:border-box;}
.btn_link03:hover, .btn_link03:focus {border:1px solid #ca0464;background-color:#fff;color:#ca0464;}
.btn_link03 span {display:block;padding:0 72px 0px 23px;height:53px;line-height:53px}
.btn_link03 .ico {position:absolute;right:0px;top:0;padding:0;width:50px;height:53px;background-color:#ca0464;-webkit-transition:right .25s ease;-webkit-transition:right .25s ease-out;-o-transition:right .25s ease-out;transition:right .25s ease-out;}
.btn_link03:hover .ico {right:-10px;height:53px;}
.ico_link {background:url('/resources/common/img/link_icon.gif') no-repeat 20px 19px;}
.ico_open {background:url('/resources/common/img/doc-arr4.gif') no-repeat 0 -53px;}
.ico_down {background:url('/resources/common/img/doc-arr4.gif') no-repeat 0 -106px;}

/*컨텐츠 버튼2 공통*/
.cw-btn, .cg-btn, .cp-btn, .cdp-btn {position:relative;display:inline-block;font-size:14px;font-weight:400;vertical-align:middle;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;line-height:1.1;}
.cw-btn, a.cw-btn {background:#fff;border:1px solid #aaa;color:#444;}
.cw-btn:hover, .cw-btn:focus {background:#005aab;border:1px solid #005aab;color:#fff;}
.cg-btn, a.cg-btn {background:#2b405b;border:1px solid #2b405b;color:#fff;}
.cg-btn:hover, .cg-btn:focus {background:#122e38;border:1px solid #122e38;color:#fff;}
.cp-btn, a.cp-btn {background:#005aab;border:1px solid #005aab;color:#fff;}
.cp-btn:hover, .cp-btn:focus {background:#00386b;border:1px solid #00386b;color:#fff;}
.cdp-btn, a.cdp-btn {background:#fd8900;border:1px solid #fd8900;color:#fff;}
.cdp-btn:hover, .cdp-btn:focus {background:#ea480f;border:1px solid #ea480f;color:#fff;}

a.cw-btn span, a.cg-btn span, a.cp-btn span, a.cdp-btn span {display:block;padding:13px 45px 16px 15px;line-height:1;}
input.cw-btn, button.cw-btn {padding:0 40px 0 15px;height:50px;cursor:pointer;}
.cw-btn .ico, .cg-btn .ico, .cp-btn .ico, .cdp-btn .ico {position:absolute;right:15px;top:50%;padding:0;width:16px;height:16px;margin-top:-8px;background:url('/resources/common/img/ico_cbtn.png') no-repeat 0 0;-webkit-transition:right .25s ease;-webkit-transition:right .25s ease-out;-o-transition:right .25s ease-out;transition:right .25s ease-out;}
.cw-btn .arr {background-position:6px 0;}
.cg-btn .arr, .cp-btn .arr, .cdp-btn .arr {background:url('/resources/common/img/ico_cbtn.png') no-repeat 6px -44px;}
.cw-btn:hover .arr, .cw-btn:focus .arr {background-position: 6px -44px;}
.cw-btn .plus {background-position: -20px 0;}
.cg-btn .plus, .cp-btn .plus, .cdp-btn .plus {background:url('/resources/common/img/ico_cbtn.png') no-repeat -20px -44px;}
.cw-btn:hover .plus, .cw-btn:focus .plus {background-position: -20px -44px;}
.cw-btn .nw {background-position: -48px 0;}
.cg-btn .nw, .cp-btn .nw, .cdp-btn .nw {background:url('/resources/common/img/ico_cbtn.png') no-repeat -48px -43px;}
.cw-btn:hover .nw, .cw-btn:focus .nw {background-position: -48px -43px;}
.cw-btn .zoom {background-position: -77px 0;}
.cg-btn .zoom, .cp-btn .zoom, .cdp-btn .zoom {background:url('/resources/common/img/ico_cbtn.png') no-repeat -77px -44px;}
.cw-btn:hover .zoom, .cw-btn:focus .zoom {background-position: -77px -44px;}
.cw-btn .down {background-position: -107px 0;}
.cg-btn .down, .cp-btn .down, .cdp-btn .down {background:url('/resources/common/img/ico_cbtn.png') no-repeat -107px -44px;}
.cw-btn:hover .down, .cw-btn:focus .down {background-position: -107px -44px;}
.cw-btn .calendar {background-position: -137px 0;}
.cg-btn .calendar, .cp-btn .calendar, .cdp-btn .calendar {background:url('/resources/common/img/ico_cbtn.png') no-repeat -137px -44px;}
.cw-btn:hover .calendar, .cw-btn:focus .calendar {background-position: -137px -44px;}
.cw-btn:hover .ico, .cg-btn:hover .ico, .cp-btn:hover .ico, .cdp-btn:hover .ico {right:20px;}

/*신청서 다운도르박스1*/
.linkBox {overflow: hidden;position: relative;margin-top: 30px;padding: 20px;background-color: #efefef;}
.linkBox .txtArea {float: left;padding: 5px;line-height: 22px;font-size: 1em;}
.linkBox .btnArea {float: right;}
.linkBox i{margin:0 7px;}
.mt05 {margin-top:5px;}
.themeBtn {background-color: #3661c4 !important}
.themeBtn {display: inline-block;padding: 8px 15px;color: #fff;text-align: center;letter-spacing: -1px;vertical-align: middle;-webkit-box-sizing: border-box;box-sizing: border-box;}
.btn i{vertical-align:middle}
.btn i,
.btn span{padding-bottom:1px}
.btn i{margin-right:5px}

@media screen and (max-width:500px) {
.linkBox .btnArea {float: left; padding-left:20px;}
}

/*txt 아이콘 박스*/
.summaryDesc {background-color: #efefef !important}
.summaryDesc {margin-bottom: 30px;padding: 7px;background: url('/resources/common/img/bg_pattern_desc.png') repeat}
.summaryDesc .innerBox {overflow: hidden;position: relative;padding: 20px;background-color: #fff;}
.summaryDesc .innerBox .bookbadaimg {width:100%;height:101px; position: absolute;top: 70px;left: 30px;background: url('/resources/common/img/bookbada.gif') no-repeat;}
.summaryDesc .innerBox .booknareimg {width:100%;height:101px; position: absolute;top: 80px;left: 30px;background: url('/resources/common/img/booknare.gif') no-repeat;}
.summaryDesc .innerBox .bookeumimg {width:100%;height:145px; position: absolute;top:50px;left: 25px;background: url('/resources/common/img/bookeum.gif') no-repeat;}
.summaryDesc .innerBox .askimg {width:100%;height:145px; position: absolute;top: 60px;left: 30px;background: url('/resources/common/img/ask.gif') no-repeat;}
.summaryDesc .innerBox .rssimg {width:100%;height:145px; position: absolute;top: 40px;left: 30px;background: url('/resources/common/img/RSS_tit.gif') no-repeat;}
.summaryDesc .innerBox .ticon_01 {width:100%;height:145px; position: absolute;top: 22px;left: 30px; background: url('/resources/common/img/ticon_01.png') no-repeat;}
.summaryDesc .innerBox .ticon_02 {width:100%;height:145px; position: absolute;top: 22px;left: 30px; background: url('/resources/common/img/ticon_02.png') no-repeat;}
.summaryDesc .innerBox .ticon_03 {width:100%;height:145px; position: absolute;top: 22px;left: 30px; background: url('/resources/common/img/ticon_03.png') no-repeat;}
.summaryDesc .innerBox .ticon_04 {width:100%;height:145px; position: absolute;top: 22px;left: 30px; background: url('/resources/common/img/ticon_04.png') no-repeat;}
.summaryDesc .innerBox .ticon_05 {width:100%;height:145px; position: absolute;top: 22px;left: 30px; background: url('/resources/common/img/ticon_05.png') no-repeat;}
.summaryDesc .innerBox .ticon_06 {width:100%;height:145px; position: absolute;top: 22px;left: 30px; background: url('/resources/common/img/ticon_06.gif') no-repeat;}
.summaryDesc .innerBox .txt_b01 {width:100%;height:145px; position: absolute;top: 22px;left: 30px; background: url('/resources/common/img/txt_b01.png') no-repeat;}
.summaryDesc .innerBox .txt_b02 {width:100%;height:145px; position: absolute;top: 50px;left: 15px; background: url('/resources/common/img/txt_b02.png') no-repeat;}
.summaryDesc .innerBox .img + .desc {display: table-cell;width: 100%;height: 100px;padding-left: 200px}
.summaryDesc .innerBox .img + .desc::before {content: "";display: block;position: absolute;top: 20px;left: 170px;bottom: 20px;border-left: 1px solid #e4e4e4}
.summaryDesc .innerBox .desc {word-break: keep-all;vertical-align: middle}
.summaryDesc .innerBox .tit, .noticeDesc .tit {display: block;margin-bottom: 5px;font-size: 1.267em;}

@media screen and (max-width:500px) {
.summaryDesc .innerBox .img {display:none;}
.summaryDesc .innerBox .img + .desc {padding-left: 0px}
.summaryDesc .innerBox .img + .desc::before {border: none;}
}

.doc-body .txt-box { border: 1px solid #e1e1e1; padding: 2% 2% 2% 2%; border-radius: 5px; overflow: hidden }
.doc-body .txt-box.large { padding: 5% }
.doc-body .txt-box .inBox { background-color: #fff; padding: 3%; border-radius: 5px }
.doc-body .txt-box .tBox-l { float: left }
.doc-body .txt-box .tBox-r { float: right }

/*table*/
.tbl-type01 {width:100%; /*border-collapse: collapse;*/ border-spacing: 0; font-size: inherit; word-break: break-all; border-top: 0; border-bottom-width: 1px; margin-bottom:15px;}
.tbl-type01 thead tr th {text-align:center;font-weight:normal;border-top: 2px solid #1a60af;background-color: #eef3f8;color: #333;padding:15px;line-height:1.250em;font-weight:bold;border-bottom:1px solid #ddd;border-left:1px solid #ddd;font-weight:500;}
.tbl-type01 thead tr th.noline{border-top:none;}
.tbl-type01 tbody th {text-align:center;}
.tbl-type01 th.btw {border-top-width: 1px}
.tbl-type01 td {text-align:center;padding:8px 8px 9px 8px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:normal;}
.tbl-type01 td.first {border-left:0;}
.tbl-type01 tbody td.left{text-align:left;padding-left:13px;}
.tbl-type01 tbody td.blt{background: url('/resources/common/img/con_icon2.gif') no-repeat 8px 17px;text-align:left;padding-left:20px;}
.tbl-type01 tbody td.right{text-align:right;padding-right:13px;}
.tbl-type01 th.left{text-align:left;padding-left:13px;}
.tbl-type01 th.right{text-align:right;padding-right:13px;}
.tbl-type01 thead tr td{background:#fff;}
.tbl-type01 thead tr td:first-child{border-left:0;}
.tbl-type01 thead tr td a{color:#1c58e1;font-weight:bold;}
.tbl-type01 thead tr td strong{color:#1c58e1;}
.tbl-type01 thead th .left-area{padding:0 5px;text-align:left;}
.tbl-type01 thead th .left-area span{font-weight:normal;display:block;}
.tbl-type01 tbody th{background:#fbfbfb;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.tbl-type01 th.first{border-left-width:0px}
.tbl-type01 th.bl, .tbl-type01 td.bl{border-left:1px solid #ddd;}
.tbl-type01 td.left{text-align:left;padding:10px 20px;}

.tbl-type01.nh thead th { border-top: 2px solid #005aab;  background: #fbfbfb; border-bottom:1px solid #e5e8eb; border-right:1px solid #e5e8eb;font-weight:600 }
.tbl-type01.nh thead td { border-top: 2px solid #005aab;border-bottom:1px solid #e5e8eb; padding-left:13px;}
.tbl-type01.nh tbody td { }
.tbl-type01.nh tbody th { font-weight:600 }

.auto-scroll{overflow-x: auto;}
.auto-scroll th,
.auto-scroll td{font-size:15px;word-break:keep-all;}

.doc-body .short_box{height:303px}
.doc-body .tabCon .short_box{height:220px}
@media (max-width:1000px){
	.doc-body .short_box{height:480px}
	.doc-body .tabCon .short_box{height:400px}
}
@media (max-width:767px){
	.doc-body .short_box,
	.doc-body .tabCon .short_box{height:auto}
}
@media screen and (max-width: 640px){
	.auto-scroll table {width: 500px;}
	.auto-scroll{overflow-x: auto;}
	.auto-scroll th, .auto-scroll td{font-size:13px;}
	.flex_area {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: start;}
}

/*모바일 콘텐츠 테이블*/
@media all and (max-width:737px){
	.rsv-info{position:relative;overflow:hidden;overflow-x:auto;padding-top:25px;text-align: center;}
	.rsv-info:before {content:"← 좌우로 밀어서 확인하세요 →"; font-size:13px;display:block; position:absolute; top:0; right:0; color:#555;}
	}

/*유의/주의 텍스트*/
.nt_text{position:relative;display: inline-block;color: #1c66b1;padding-left: 19px;}
.nt_text:before{content: '';position: absolute;display: inline-block;width: 15px;height: 15px;background: url('/resources/common/img/nt_text.gif');left:0;top: 5px;}
.nt_gr_text{position:relative;display: inline-block;color: #696969;padding-left: 19px;}
.nt_gr_text:before{content: '';position: absolute;display: inline-block;width: 15px;height: 15px;background: url('/resources/common/img/nt_gr_text.gif');left:0;top: 5px;}
.nt_err_text{position:relative;display: inline-block;color: #d1434d;padding-left: 19px;}
.nt_err_text:before{content: '';position: absolute;display: inline-block;width: 15px;height: 15px;background: url('/resources/common/img/nt_err_text.gif');left:0;top: 5px;}

/*탭버튼*/
.tab_menu {display:inline-block;width:100%;font-size:15px;margin-bottom:30px;}
.tab_menu ul li{float:left;width:50%;margin-right:-1px;}
.tab_menu ul li a {position:relative;display:block;height:53px;font-size:16px;line-height:53px;color:#444;text-align:center;border:1px solid #dfdfdf;background:#f6f6f6;letter-spacing:-1px;}
.tab_menu ul li.active a,
.tab_menu ul li a:hover {border: 1px solid #22386b;background: #fff;color: #222;font-weight: 600;-webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .1);box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .1);z-index: 1;}

.tab_menu5 {display:inline-block;width:100%;font-size:15px;margin-bottom:30px;}
.tab_menu5 ul li{float:left;width:50%;margin-right:-1px;}
.tab_menu5 ul li a {position:relative;display:block;height:53px;font-size:16px;line-height:53px;color:#444;text-align:center;border:1px solid #dfdfdf;background:#f6f6f6;letter-spacing:-1px;}
.tab_menu5 ul li.active a,
.tab_menu5 ul li a:hover {border: 1px solid #22386b;background: #fff;color: #222;font-weight: 600;-webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .1);box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .1);z-index: 1;}


.tab_menu ul.no2 li{width:50%;}
.tab_menu ul.no3 li{width:33.3%;}
.tab_menu ul.no3 li:first-child{width:33.4%;}
.tab_menu ul.no4 li,.tab_menu5 ul.no4 li {width:25%;}
.tab_menu ul.no5 li{width:20%;}
.tab_menu ul.no6 li{width:16.6%;}
.tab_menu ul.no6 li:first-child{width:17.6%;}
.tab_menu ul.no7 li{width:14.4%;}
.tab_menu ul.no7 li:first-child{width:13.6%;}
.tab_menu ul.no8 li{width:12.55%;}

.tab_menu_new {display:inline-block;width:100%;font-size:15px;margin-bottom:30px;}
.tab_menu_new ul li{float:left;width:50%;margin-right:-1px;}
.tab_menu_new ul li a {position:relative;display:block;height:53px;font-size:15px;color:#444;text-align:center;border:1px solid #dfdfdf;background:#f6f6f6;letter-spacing:-1.5px;}
.tab_menu_new ul li a div.displaytable {display:table;width:100%;height:100%;}
.tab_menu_new ul li a div.displaytablecell {display:table-cell;width:100%;vertical-align:middle;}
.tab_menu_new ul li.active a,
.tab_menu_new ul li a:hover {border: 1px solid #22386b;background: #fff;color: #222;font-weight: 600;-webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .1);box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .1);z-index: 1;}
.tab_menu_new ul.no2 li{width:50%;}
.tab_menu_new ul.no3 li{width:33.3%;}
.tab_menu_new ul.no3 li:first-child{width:33.4%;}
.tab_menu_new ul.no4 li{width:25%;}
.tab_menu_new ul.no5 li{width:20%;}
.tab_menu_new ul.no6 li{width:16.6%;}
.tab_menu_new ul.no6 li:first-child{width:17.6%;}
.tab_menu_new ul.no7 li{width:14.4%;}
.tab_menu_new ul.no7 li:first-child{width:13.6%;}
.tab_menu_new ul.no8 li{width:12.55%;}

.tab0, .tabConts, .tabConts2, .tabConts3 {display:none;padding:0 0 15px}


.tabConts h3:first-child{margin-top:30px;}

.tab_menu2, .tab_menu3{display:inline-block;width:100%;}
.tab_menu2 ul, .tab_menu3 ul{text-align:center;}
.tab_menu2 ul li, .tab_menu3 ul li{display:inline-block;}
.tab_menu2 ul li span.line, .tab_menu3 ul li span.line{color:#ddd;padding:0 8px 0 10px;}
.tab_menu2 ul li a, .tab_menu3 ul li a{position:relative;font-size:15px;line-height:53px;color:#666;text-align:center;}
.tab_menu2 ul li.active a, .tab_menu2 ul li a:hover,
.tab_menu3 ul li.active a, .tab_menu3 ul li a:hover{font-weight:bold;color:#2b74c0;}

@media all and (min-width: 768px) and (max-width: 1023px) {
	.tab_menu ul.no7 li a, .tab_menu ul.no8 li a{font-size:11px;}
}

@media all and (max-width: 767px) {
	.tab_menu ul.no3 li, .tab_menu ul.no3 li:first-child,
	.tab_menu ul.no4 li,.tab_menu5 ul.no4 li, 
	.tab_menu ul.no5 li, 
	.tab_menu ul.no7 li, .tab_menu ul.no7 li:first-child,
	.tab_menu ul.no8 li, .tab_menu ul.no8 li:first-child{width:100%;}

	.tab_menu ul.no3 li a, 
	.tab_menu ul.no4 li a,.tab_menu5 ul.no4 li a, 
	.tab_menu ul.no5 li a, 
	.tab_menu ul.no7 li a,
	.tab_menu ul.no8 li a{border-bottom:none;}

	.tab_menu ul.no3 li:last-child a,
	.tab_menu ul.no5 li:last-child a,
	.tab_menu ul.no4 li:last-child a,.tab_menu5 ul.no4 li:last-child a,
	.tab_menu ul.no7 li:last-child a,
	.tab_menu ul.no8 li:last-child a{border-bottom:1px solid #dfdfdf !important;}

	.tab_menu ul.no3 li.active a, .tab_menu ul.no3 li a:hover, 
	.tab_menu ul.no4 li.active a,.tab_menu5 ul.no4 li.active a, .tab_menu ul.no4 li a:hover,.tab_menu ul.no5 li a:hover, 
	.tab_menu ul.no5 li.active a, .tab_menu ul.no5 li a:hover, 
	.tab_menu ul.no7 li.active a, .tab_menu ul.no7 li a:hover, 
	.tab_menu ul.no8 li.active a, .tab_menu ul.no8 li a:hover{border-bottom:1px solid #22386b !important;}	



	.tab_menu_new ul.no3 li, .tab_menu_new ul.no3 li:first-child,
	.tab_menu_new ul.no4 li, 
	.tab_menu_new ul.no5 li, 
	.tab_menu_new ul.no7 li, .tab_menu_new ul.no7 li:first-child,
	.tab_menu_new ul.no8 li, .tab_menu_new ul.no8 li:first-child{width:100%;}

	.tab_menu_new ul.no3 li a, 
	.tab_menu_new ul.no4 li a, 
	.tab_menu_new ul.no5 li a, 
	.tab_menu_new ul.no7 li a,
	.tab_menu_new ul.no8 li a{border-bottom:none;}

	.tab_menu_new ul.no3 li:last-child a,
	.tab_menu_new ul.no5 li:last-child a,
	.tab_menu_new ul.no4 li:last-child a,
	.tab_menu_new ul.no7 li:last-child a,
	.tab_menu_new ul.no8 li:last-child a{border-bottom:1px solid #dfdfdf !important;}

	.tab_menu_new ul.no3 li.active a, .tab_menu_new ul.no3 li a:hover, 
	.tab_menu_new ul.no4 li.active a, .tab_menu_new ul.no4 li a:hover, 
	.tab_menu_new ul.no5 li.active a, .tab_menu_new ul.no5 li a:hover, 
	.tab_menu_new ul.no7 li.active a, .tab_menu_new ul.no7 li a:hover, 
	.tab_menu_new ul.no8 li.active a, .tab_menu_new ul.no8 li a:hover{border-bottom:1px solid #22386b !important;}	

	.tab_menu_new ul.no6 li{width:33.3%;}
	.tab_menu_new ul.no6 li:first-child{width:33.4%;}
	.tab_menu_new ul li a div.displaytablecell {font-size:13px;}
}

@media all and (max-width: 425px) {
	.tab_menu_new ul li a div.displaytablecell {font-size:12px;}
}
.tab0{right:5000px;padding:0 0 15px}
.tabCon{position:fixed;right:5000px;padding:0 0 15px}
.tabCon.active, .tab0.active{position:static;right:inherit}

.tablink{font-size:0;line-height:0}
.tablink li,
.tablink li a{display:inline-block;zoom:1;*display:inline}
.tablink li{padding:2px 7% 2px 0}
.tablink li a{padding-left:14px;background:url('../img/contents/arr_link.gif') no-repeat 0 center}
.tablink li.active a{font-weight:800;color:#333}
.tablink.col2 li{width:47%;padding-right:0}
@media all and (max-width:767px){
	.tablink.col2 li{width:96%}
}

/* 의정부발자취 */
.his_txt {position:relative;font-family: 's-core_dream4_regular';font-size: 17px;color:#222;line-height:1.4;padding: 5px 0 30px 0;}
.his_txt:after {content:"";display:block;position:absolute;top:150px;right:0;width:258px;height:300px;background:url('/resources/common/img/his_img.png') no-repeat right top;}
.his_txt .txt1 {font-size: 30px;padding-bottom: 15px;color:#2f2f2f;}
.his_txt .txt2 {padding-left: 2px;}

.uj_his {position:relative;padding-left: 130px;}
.uj_his:before {content: "";display:block;position:absolute;top:0;left:0;width:108px;height:109px;background: url('/resources/common/img/his_logo.png') no-repeat;  z-index:10;}
.uj_his:after {content:""; display:block; position:absolute; bottom:0; left:49px; width:1px; height:100%; background:#ccc; z-index:1;}
.uj_his .his_list {margin: 40px 0;}
.uj_his .his_list .tit {position:relative;font-family: 's-core_dream4_regular';font-size: 35px;letter-spacing: 0.02em;color: #454545;background: none;padding: 0;}
.uj_his .his_list .tit:after {content:"";display:block;position:absolute;top: 13px;left:-89px;width:60px;height: 18px;background:url('/resources/common/img/his_list.png') no-repeat;z-index:9;}
.uj_his .his_list .tit:before {content:"";display:block;position:absolute;top:12px;left:100px;width:110px;height:31px;/* background:url('/resources/common/img/his_list2.png') no-repeat; */}

.uj_his .his_list .list_1 {margin-top: 25px;}
.uj_his .his_list .list_1 li:first-child {margin-top:0;}
.uj_his .his_list .list_1 li {position:relative;color:#555;line-height:0.6;padding-left:60px;margin-top:20px;}
.uj_his .his_list .list_1 li span.date {position:absolute;font-family:'Spoqa Han Sans';/* font-size: 16px; */left:0;top:0;color:#0f84b0;}
.uj_his .his_list .list_2 {margin-top:20px;}
.uj_his .his_list .list_2 li:first-child {margin-top:0;}
.uj_his .his_list .list_2 li {position:relative; font-family:'Noto Sans';  font-weight:200;color:#555; line-height:1.4; padding-left:80px; margin-top:20px;}
.uj_his .his_list .list_2 li span.date {position:absolute; left:0; top:0; font-family:'Noto Sans'; color:#0f84b0;}

@media (max-width: 768px){
	.his_txt:after {background-image:none;}
    .uj_his .his_list .list_1 li {position:relative;color:#555;line-height: 1.2;padding-left:60px;margin-top:20px;}
}
@media (max-width: 480px){
	.his_txt {font-size:14px;padding: 0;}
	.his_txt .txt1 {font-size: 20px;padding-bottom:8px;}
	.uj_his {padding-left:90px;}
	.uj_his:before {width:80px; height:80px; background-size:100%;}
	.uj_his:after {left:34px;}
	.uj_his .his_list .tit:after {top:10px;left:-65px;}
	.uj_his .his_list .tit {font-size: 30px;}
	.uj_his .his_list .tit:before {left: 80px;top: 8px;}
	.uj_his .his_list .list_1 li {font-size:15px;padding-left:50px;}
	.uj_his .his_list .list_2 li {padding-left:80px;}
}

/*의정부 오시는길 add 박스*/
.info_box{background:#f5f5f5;margin:0 0 20px 0;padding:20px;line-height:1.5em}
.info_txt{background: url('/resources/common/img/info_icon.gif') no-repeat left 15px center;padding: 0px 50px 0 50px;line-height:1.5em;text-align:left;}
.info_add{background: url('/resources/common/img/map_add_icon.png') no-repeat left 15px center;padding: 0px 50px 0 50px;display:inline-block;font-size:14px;}
.info_tel{background: url('/resources/common/img/map_tel_icon.png') no-repeat left 15px center;padding: 0px 50px 0 50px;display:inline-block;font-size:14px;}
.info_fax{background: url('/resources/common/img/map_fax_icon.png') no-repeat left 15px center;padding: 0px 50px 0 50px;display:inline-block;font-size:14px;}

@media all and (min-width: 768px) and (max-width: 1023px) {
	.info_box{text-align:left;}
	.info_add, .info_tel, .info_fax{/* display:block; */}
}

@media all and (max-width: 767px) {
	.info_box{text-align:left;padding:15px 0px;}
	.info_add, .info_tel, .info_fax{display:block;font-size:14px;background-size: 14px;padding:0 30px 0 40px;margin-top:3px;}
}

/*의정부 상호대차 신청방법 절차*/
.next_list1{width:100%;height:auto;clear:both;background: #f8f8f8;border: 1px solid #dedede;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;padding: 40px 30px 35px 30px;}
.next_list1 ul{font-size:0; width:100%; height:auto;}
.next_list1 ul li{display:inline-block; width:33.333%; position:relative; text-align:center; font-size:0; vertical-align:top;}
.next_list1 ul li:nth-child(n+2):before{content:"";display:block;width:46px;height:20px;position:absolute;left:-23px;top:70px;background-image:url('/resources/common/img/icon_list_arrow.png');background-size:100% 100%;background-repeat:no-repeat;}
.next_list1 ul li .top_img {width:150px;height:150px;border-radius:50%;-webkit-border-radius:50%;background-color:#fff;border:1px solid #f8f8f8;display:inline-block;position:relative;}
.next_list1 ul li .top_img > img{width:70px; position:absolute; left:calc(50% - 35px); top:calc(50% - 35px);}
.next_list1 ul li .top_img.size100 > img{width: 100px; left:calc(50% - 58px);}
.next_list1 ul li .bottom_txt{width:100%;display:block;margin-top:20px;font-size: 15px;letter-spacing:-0.3px;line-height:26px;}
.next_list1 ul li .bottom_txt b{font-size: 16px; color:#000; font-weight: 400; margin-top: 5px;}
.next_list1 ul li .bottom_txt i{display:block; font-style:normal; font-size:15px; color:#666; font-weight:400;}
.next_list1 ul li .btn_small1{margin-top:15px;}
.next_list1.item4{}
.next_list1.item4 ul li{width: 25%;}
.next_list1.item4 ul li .btnC_fileDown_white{margin-top: 13px;}
.next_list1.item4 ul li .btnC_fileDown_white:nth-child(n+2) {margin-left: 8px;}
.next_list1.item5{margin-top: 25px;}
.next_list1.item5 ul li{width: 20%;}
.next_list1.item5 ul li .btnC_fileDown_white{margin-top: 13px;}
.next_list1.item5 ul li .btnC_fileDown_white:nth-child(n+2) {margin-left: 8px;}
.next_list1.arrow{position: relative; margin-bottom: 60px}

@media screen and (max-width:850px) {
	.next_list1.item4 ul li .top_img{width: 100px; height:100px;}
	.next_list1.item4 ul li:nth-child(n+2):before{width: 30px; height: 13px; left:-15px; top:45px}
	.next_list1.item4 ul li .top_img > img{width:50px; left:calc(50% - 25px); top:calc(50% - 25px)}
    .next_list1 ul li .top_img.size100 > img{width: 66px; left:calc(50% - 36px); top:calc(50% - 23px)}
    .next_list1.item4 ul li .bottom_txt{word-break: keep-all;}
}

@media screen and (max-width:768px) {
	.next_list1 ul li{width:100%; margin-left:0 !important;}
	.next_list1 ul li .top_img{width:130px; height:130px;}
	.next_list1 ul li .bottom_txt{margin-top:10px;}
	.next_list1 ul li:nth-child(n+2){padding-top:30px; margin-top:30px;}
	.next_list1 ul li:nth-child(n+2):before{left:calc(50% - 17px); top:-7px; z-index:1; width:35px; height:15px; -ms-transform:rotate(90deg); transform:rotate(90deg); -webkit-transform:rotate(90deg);}
    .next_list1.item4 ul li{width: 100%;}
    .next_list1.item4 ul li:nth-child(n+2):before{left:calc(50% - 17px); top:-7px; z-index:1; width:35px; height:15px; -ms-transform:rotate(90deg); transform:rotate(90deg); -webkit-transform:rotate(90deg);}
    .next_list1.item5 ul li{width: 100%;}
    .next_list1.item5 ul li:nth-child(n+2):before{left:calc(50% - 17px); top:-7px; z-index:1; width:35px; height:15px; -ms-transform:rotate(90deg); transform:rotate(90deg); -webkit-transform:rotate(90deg);}
}

/* -------- 리스트 스타일 아이콘-------- */
div[class^="dpt-list-type"] li[class^="ico"]:before {content:"";display:block;border-radius:50%;width:80px;height:80px;background-repeat:no-repeat;background-position:0 0;}
div[class^="dpt-list-type"] li[class^="ico"]:after {content:"";display:block;background-image:url('/resources/common/img/ptn01.png');background-repeat:no-repeat;width:42px;height:35px}
.ico01:before {background-image:url('/resources/common/img/uj_list01.png');}
.ico02:before {background-image:url('/resources/common/img/uj_list02.png');}
.ico-bg01:before {background-color:#135caf}
.ico-bg02:before {background-color:#3073cd}
.ico-bg03:before {background-color:#0092cf}
.ico-bg04:before {background-color:#22508d}
.ico-bg05:before {background-color:#ff9314}
.ico-bg06:before {background-color:#e8e8e8}
.ico-bg07:before {background-color:#b0b0b0}
.ico-bg08:before {background-color:#135caf}
.ico-bg09:before {background-color:#135caf}
.ico-bg10:before {background-color:#135caf}

@media all and (max-width:768px) {
	div[class^="dpt-list-type"] li[class^="ico"]:before {background-size:100% auto;width:56px;height:56px;top: 25px;}
	div[class^="dpt-list-type"] li[class^="ico"]:after {background-size:24px auto;width:24px;height:21px}
}


/* 의정부 상호대차 수령장소/문의*/
.dpt-list-type03 ul li {position:relative;background-color:#fff;border:1px solid #ccc;margin-bottom:-1px;padding: 27px 35px 0 138px;}
.dpt-list-type03 ul li:last-child {margin-bottom:0px;}
.dpt-list-type03 ul li:before {position:absolute;top:30px;left:29px;}
.dpt-list-type03 ul li .num {font-size: 17px;font-weight:bold;letter-spacing:0;}

@media all and (max-width:1024px) {
	.dpt-list-type03 ul {margin-bottom:-15px;}
	.dpt-list-type03 ul li {margin-bottom:15px;}
}
@media all and (max-width:768px) {
	.dpt-list-type03 ul {margin-bottom:-10px;}
	.dpt-list-type03 ul li {margin-bottom:-10px;padding: 20px 20px 0 100px;}
	.dpt-list-type03 ul li:before {top:15px;left:20px}
}
@media all and (max-width:599px) {
	.dpt-list-type03.has2Col ul li,.dpt-list-type03.has3Col ul li {margin-bottom:-1px;}
	.dpt-list-type03.has2Col ul li:last-child,.dpt-list-type03.has3Col ul li:last-child {margin-bottom:0px}
}

/*간격 관련 설정 */
.has2Col ul {overflow:hidden}
.has2Col ul li {float:left;width:50%;margin-right:-1px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.has2Col ul li:nth-child(2n){margin-right:0}

@media all and (max-width:768px) {
	.has2Col ul li,
	.has3Col ul li {float:none;width:auto;margin-right:0;}
}

/* 텍스트 색상 */
.txt_Sred{color:#ed4545;}
.txt_Sblue{color:#2a56a9;}
.txt_Snavy{color:#29303a;}

/* 텍스트 사이즈 */
.txt_18{font-size:18px;}
.txt_20{font-size:20px;}

@media (max-width: 480px){
.txt_20{font-size:100%;}
}

/* 제목 */
h3.tit{/* margin-bottom:10px; */padding-left:20px;background:url('/resources/common/img/h3_icon.gif') no-repeat 0 22px;font-size:20px;color:#000;line-height:1.2;letter-spacing:-0.05em;}
h3.tit.h3_t{margin-top:50px;}
h4.tit{margin-bottom:15px;font-size:19px;color:#006bb7;line-height:1;letter-spacing:-0.05em;}
h4.tit.h4_t{margin-top:35px;}

/* 텍스트_공통박스 */
.txt_box {position:relative;border: 1px solid #e8e8e8;min-height:140px;z-index:5;/* background:#f0f0f0; */margin-bottom:30px;}
.txt_box:after {content:"";display:block;position:absolute;top:-1px;left:0;width: 160px;height:50px;background: #0f84b0;z-index:11;}
.txt_box:before {content:"";display:block;position:absolute;top:-1px;right:0;width:100%;height:50px;background: #333;z-index:10;}
.txt_box .inner {position:relative;background:#fff;z-index:23;padding: 40px 30px 40px 170px;}
.txt_box .ico_img {position:absolute;left: 40px;top:50%;margin-top:-50px;width:100px;height:100px;}
.txt_box .txt1 {font-family: 's-core_dream4_regular';font-weight: bold;font-size: 24px;line-height:1.4;letter-spacing:-1px;margin-bottom:10px;}
.txt_box .txt2 {font-size: 15px;line-height:1.7;letter-spacing:-0.5px;}

.txt_box2 {position:relative;border: 1px solid #e8e8e8;z-index:5;background:#f0f0f0; margin:15px 0;padding: 30px 40px;}
.txt_box2 .txt1 {font-family: 's-core_dream4_regular';font-weight: bold;font-size: 24px;margin-bottom:10px;}
.txt_box2 .txt2 {font-size: 15px;}

@media (max-width: 560px){
     /* 텍스트_공통박스 */
	.txt_box .inner {padding: 130px 30px 30px;text-align: center;}
	.txt_box .ico_img {left:50%;top: 20px;margin-top:0;margin-left:-50px;}
	.txt_box .txt1 {font-size: 24px;margin-bottom: 5px;}
	.txt_box .txt2 {font-size: 16px;}
}

/*의정부 서비스헌장*/
.book_Charter {position:relative;border: 1px solid #e8e8e8;z-index:5;background:#f0f0f0; margin:15px 0;padding: 30px 40px;}
.book_Charter .txt1 {font-family: 's-core_dream4_regular';font-weight: bold;font-size: 19px;margin-bottom:10px;padding:0 5px}
.book_Charter ul{margin-top:20px;text-align: left;}
.book_Charter ul li:first-child{margin-top:0;}
.book_Charter ul li{position: relative;margin-top:5px;}
.book_Charter ul li .order{position: absolute;left:0;top: 0;line-height: 30px;text-align:center;display: inline-block;width: 30px;height: 30px;border-radius: 50%;font-family: 'Noto Sans';font-size:13px;font-weight:500;color:#fff;background: #38444a;}
.book_Charter ul li .txt{padding-left: 20px;font-size: 15px;display: inline-block;}


/***********************서브컨텐츠***********************/

/* 이용안내 > 자료대출안내 */
.cont_wrap{padding:0;line-height:160%;}

.icon_type_list {width:100%;}
.icon_type_list > li {padding: 25px 0 25px 190px;border-bottom:1px solid #dfdfdf;}
.icon_type_list > li:first-child {padding: 25px 0 25px 190px;}
.icon_type_list.loans li.icon1 {background: url('/resources/common/img/loans_ico01.gif') no-repeat 25px 50%;}
.icon_type_list.loans li.icon2 {background:url('/resources/common/img/loans_ico02.gif') no-repeat 29px 50%;}
.icon_type_list.loans li.icon3 {background:url('/resources/common/img/loans_ico03.gif') no-repeat 29px 50%;}
.icon_type_list.loans li.icon4 {background:url('/resources/common/img/loans_ico04.gif') no-repeat 29px 50%;}

@media (max-width: 1023px){
#cont_wrap {padding: 30px 0;}
}
@media (max-width: 480px){
#cont_wrap {padding-top: 30px;}
.icon_type_list > li, .icon_type_list > li:first-child {padding: 105px 10px 30px 10px !important;}
.icon_type_list > li { margin-bottom: 50px; background-position: 50% 0px !Important;}
}

/*에니메이션 상단img (미사용)*/

.v-img {position:absolute;z-index:2;top:0;right:30px;width:450px;height:133px;-webkit-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860);-o-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860);transition: all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860);-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-name:v_img;animation-name:v_img;}

@-webkit-keyframes v_img {
    from {right:80px; opacity:0}
	to {right:30px; opacity:1}
	 
}

@keyframes v_img {
    from {right:80px; opacity:0}
	to {right:30px; opacity:1}
	 
}
@-webkit-keyframes v_text {
    from {padding-left:30px;  opacity:0}
	to {padding-left:0px;  opacity:1}
	 
}
@keyframes v_text {
    from {padding-left:30px;  opacity:0}
	to {padding-left:0px;  opacity:1}
	 
}

/*백그라운드 하단img*/
.v1{background:url('/resources/common/img/v1.png') no-repeat right bottom;}
.v2{background:url('/resources/common/img/v2.png') no-repeat right bottom;}
.v3{background:url('/resources/common/img/v3.png') no-repeat right bottom;}
.v4{background:url('/resources/common/img/v4.png') no-repeat right bottom;}
.v5{background:url('/resources/common/img/v5.png') no-repeat right bottom;}
.v6{background:url('/resources/common/img/v6.png') no-repeat right bottom;}
.v7{background:url('/resources/common/img/v7.png') no-repeat right bottom;}
.lib_01{background:url('/resources/common/img/sub_bg01.png') no-repeat right bottom;}

@media screen and (max-width:1024px){
.v1{background:none;}
.v2{background:none;}
.v3{background:none;}
.v4{background:none;}
.v5{background:none;}
.v6{background:none;}
.v7{background:none;}
.lib_01{background:none;}
	}

/*백그라운드 상단img*/
.v1t{background:url('/resources/common/img/v1.png') no-repeat right top;}
.v2t{background:url('/resources/common/img/v2.png') no-repeat right top;}
.v3t{background:url('/resources/common/img/v3.png') no-repeat right top;}
.v4t{background:url('/resources/common/img/v4.png') no-repeat right top;}
.v5t{background:url('/resources/common/img/v5.png') no-repeat right top;}
.v6t{background:url('/resources/common/img/v6.png') no-repeat right top;}
.v7t{background:url('/resources/common/img/v7.png') no-repeat right top;}

@media screen and (max-width:1024px){
.v1t{background:none;}
.v2t{background:none;}
.v3t{background:none;}
.v4t{background:none;}
.v5t{background:none;}
.v6t{background:none;}
.v7t{background:none;}
.lib_01{background:none;}
	}



/*인사말*/
.greeting {
    background:url('/resources/homepage/yeongju/img/greeting_img.jpg')no-repeat center top;
    position: relative;
    width: 100%;
}
.greeting_box{
	position:absolute;
	top:155px;
	left:0;
	background:#fff;
	padding:30px 70px 25px 35px;
}
.greeting_box p {
    font-size: 30px;
    color: #333;
    letter-spacing: -1px;
}
.greeting_sub{
	position:relative;
	padding-top:360px;
}
.greeting_sub p {
    font-size: 16px;
    line-height: 27px;
	letter-spacing:-0.3px;
}
.greeting_sub p span{
    color:#970119;
}
@media screen and (max-width: 650px) {
	.greeting_box{
		padding:30px 50px 25px 30px;
	}
	.greeting_box p {
		font-size: 25px;
	}
	.greeting_sub{
		padding-top:330px;
	}
	.greeting_sub p {
		font-size: 15px;
		line-height: 25px;
	}
}
@media (max-width: 425px) {
	.greeting_box{
		padding:30px 50px 25px 30px;
	}
	.greeting_box p {
		font-size: 23px;
	}
	.greeting_sub{
		padding-top:350px;
	}
	.greeting_sub p {
		font-size: 14px;
	}
} 


/*자원봉사신청*/
.vol .vol-box{
    display: table;
    width: 100%;
    height: auto;
    background-color: #f8f8f8;
	border: 1px solid #dedede;
    margin-bottom: 50px;

}
.vol .img{
    display: table-cell;
    text-align: center;
    width: 20%;
    vertical-align: middle;
}

.vol .img img{
    width: 100px;
    height: 100px;
	padding: 30px;

}
.vol .text{
    display: table-cell;
    width: 80%;
    text-align: left;
	 padding:50px 18px;
}
.vol .text ul{
    margin-left: 15px;
	margin-top:10px;
}
.vol .text span{
    color:blue;
}

/* 미디어 쿼리*/
/* 860px */
@media (max-width: 860px) {
.vol .vol-box{
    display: inline-block;

}
.vol .img{
    display: block;
	position:relative;
     width:100%;
	left:50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);

}
.vol .text{
    display: block;
    width: 100%;
    padding: 0px 0px 30px 0px;
}
.vol .text p{
    margin: 0px 15px;
}

.vol .text ul{
    width:95%;
}
} 

/* 670px */
@media (max-width: 670px) {

.vol .text p{
    text-align:center;
}
.vol .text ul {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
}

} 

/*작은도서관 소개*/
.small{margin-top:20px} 
.small:first-child{margin-top:0}
.small .item{overflow:hidden;border:solid #d7d7d7;border-width:1px 1px 1px;border-top-color:#0b60a6}
.small .item .style{overflow:hidden;margin:0px}
.small .item .small_photo_box{display:none;float:left;position:relative;overflow:hidden;width:300px;height:300px;border-radius:100%;border:1px solid #ddd;font-size:0;line-height:0;}
.small .item .small_photo_box img{width:100%;}
.small .item .small_con_box .name {padding:15px 0 15px 10px;border-bottom:1px dashed #d8d8d8;font-weight:600}
.small .item .small_con_box .name span.c_or{margin-right:7px;font-weight:600;}
.small .item .small_con_box .name a{display:inline-block;font-weight:600;color:#656565;font-size:18px;line-height:24px;vertical-align:middle;}
.small .item .small_con_box .con {margin-left:10px;padding-left:15px;overflow:hidden}
.small .item .small_con_box .con strong{color:#0b60a6;}
.small .item .small_con_box .con .day{padding:3px; background-color:#15badc; border-radius:2px; color:#fff;}
.small .item .small_con_box .con li {font-size:14px;}

@media(min-width:768px){
 .small .item .style{margin:30px 50px}
 .small .item .small_photo_box{display:block;}
 .small .item .small_con_box{padding-left:200px}
 .small .item .small_con_box .name{width: 70%;margin-left: 200px;padding: 15px 0 15px 10px;font-weight:600;font-size:20px;border-bottom: 1px dashed #d8d8d8;}
 .small .item .small_con_box .con {margin:30px 0 0 30px;padding-left:105px;overflow:hidden}
 .small .item .small_con_box .con li {float:left;width:100%;font-size:15px;}
}

/*천문상식*/
.photo_box{text-align:center;}
.photo_box_set{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;}
.photo_box1{margin-right:20px;}

.line{padding-bottom:30px;padding-top:10px; border-bottom:1px dashed #ddd;}

/*관련사이트*/
.contestBox{clear:both;overflow:hidden;width:100%;}
.contestBox .box{float:left;width:33%;text-align:center;margin-bottom:60px;}
.contestBox .box .contest_thum{position:relative;display:inline-block;width:200px;top:0;font-size:0;line-height:0;-o-transition:all 0.2s ease;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.contestBox .box .contest_tit{font-size:18px;line-height:24px;color:#222;padding:12px 0 20px 0;}
.contestBox .box .contest_btn{display:inline-block;color:#fff;padding:10px 20px; font-weight:normal;font-size:14px;line-height:normal;vertical-align:middle;text-align:center;cursor:pointer;border:0;letter-spacing:-0.05em;background-color:#2750c1;}
.contestBox .box a:hover .contest_thum{top:-4px;-webkit-box-shadow:0px 20px 30px 0px rgba(0,13,56,0.2);box-shadow:0px 20px 30px 0px rgba(0,13,56,0.2);-o-transition:all 0.2s ease;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.contestBox .box a:hover .contest_tit{text-decoration:underline;}
.contestBox .box a:hover .contest_btn{background:#cfd4de;color:#fff;}

@media all and (max-width:768px){
	.contestBox .box{width:33.3%;}
}
@media all and (max-width:640px){
	.contestBox .box{width:50%;}
}
@media all and (max-width:480px){
	.contestBox .box .contest_thum{width:125px;}
	.contestBox .box .contest_thum img{width:125px;}
	.contestBox .box .contest_num{width:105px;height:28px;line-height:28px;font-size:13px;margin-top:25px;}
	.contestBox .box .contest_tit{font-size:16px;line-height:22px;padding:10px 0 15px 0;}
	.contestBox .box .contest_btn{font-size:13px;padding:8px 17px;}
}

.roombox {position: relative;margin: 20px 0;	padding: 1px;	border: 1px solid #dadada;	border-right: 2px solid #818181;}
.roombox .icon_box .icon {
	display: block;
	position: absolute;
	top: 20%;
	left: 40px;
	margin: 0;
	background-repeat: no-repeat;
}
/*변경 아이콘*/
.roombox_icon1 {
	background-image: url(/resources/common/img/box2_icon.png) no-repeat;
}
.roombox .icon_box {
	min-height: 109px;
	padding: 20px 25px 20px 115px;
}
.roombox .icon_box .icon_line {
	min-height: 45px;
	margin-left: 10px;
	padding: 32px 25px 32px 45px;
	background: url(/resources/common/img/icon_line.png) repeat-y left top;
}
.roombox .icon_box .icon_line > span {
	font-size: 25px;
	font-weight: 700;
}
.roombox .icon_box .icon_line > p {
	margin-top:10px;
}
.roombox .icon_box .icon {
	width: 120px;
	height: 120px;
}

@media screen and (max-width:600px) {
	.roombox .icon_box .icon {
		display: none;
	}
	.roombox .icon_box {
		padding: 5%;
	}
	.roombox .icon_box .icon_line {
		background: none;
		padding: 30px 15px 30px 15px;
	}
	.roombox > .icon_box {
		padding: 0;
		top: 10px;
		left: 10px;
	}
	.roombox {
		min-height: auto;
	}
	.roombox > i {
		display: none;
	}
	.roombox, .roombox p {
		margin: 0;
	}
	.roombox .icon_box .title {
		font-size: 19px;
		line-height: 23px;
	}
}

/*책이음서비스*/
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}

.bookline > li:first-child{width:25%;background:none;}
.bookline > li{float:left;width:25%;text-align:center;background:url("../img/bookline_01.gif") no-repeat left 55px;}
.bookline > li img{margin:10px 0 20px 0;}
.bookline > li p{line-height:23px;font-size:14px;font-weight:600;color:#555;}


/* 가재울-초록빛정원 */
.garden{background:url(/data/menuResources/h5/79/1608543150112.png)no-repeat top left;background-size:49%;padding-left:500px;}
.garden p{font-size:16px;margin-bottom:30px;}

.garden_txt{margin-bottom:30px;}
.garden_txt p{font-size:20px;color:#000;}
.garden_txt p span{color:#2eab7f;font-weight:bold;}

.garden_img li{float:left;width:49%;}
.garden_img li:last-child{float:right;width:49%;}

/*음악도서관*/
.Music_bgbox {position: relative;height: 317px;background: url("/resources/common/img/Music.jpg") no-repeat;background-size: 100%;}
.lf-txt {position: absolute;    top: 61px;    left: 50px;    width: 460px;    color: #fff;}
.tt {    font-size: 20px;    color: #000;    line-height: 50px;}
.btit {    font-size: 30px;    font-weight: 600;}
.btn_link02 {    position: relative;    display: inline-block;    -webkit-transition: all .25s ease;    -o-transition: all .25s ease;    transition: all .25s ease;    background: none;    color: #fff;    border: 1px solid #2e2e2e;    -webkit-box-sizing: border-box;    box-sizing: border-box;}
.btn_link02 .ico {    position: absolute;    right: 0px;    top: 0;    padding: 0;    width: 50px;    height: 53px;    background-color: #2e2e2e;    -webkit-transition: right .25s ease;    -webkit-transition: right .25s ease-out;    -o-transition: right .25s ease-out;    transition: right .25s ease-out;}

@media all and (min-width: 768px) and (max-width: 1023px) {
	.garden{background-size:100%;padding-left:0;padding-top:520px;}
	.garden_img li, .garden_img li:last-child{float:none !important;width:100%;}
	.garden_img li img, .garden_img li:last-child img{width:100%;}
}

@media all and (max-width: 767px) {
	.garden{background-size:100%;padding-left:0;padding-top:250px;}
	.garden_txt p{font-size:17px !important;}
	.garden_img li, .garden_img li:last-child{float:none !important;width:100%;}
	.garden_img li img, .garden_img li:last-child img{width:100%;}
}

@media all and (min-width: 768px) and (max-width: 1023px) {
	.culture{padding-top:260px;}
}

@media all and (max-width: 767px) {
	.culture{padding-top:130px;}
}

/* 어린이-비전 */
.img_box{margin-bottom:20px;}
.img_box li{display:inline-block;width:16%;}

@media all and (min-width: 768px) and (max-width: 1023px) {
	.img_box li{width:32%;}
}

@media all and (max-width: 767px) {
	.img_box li{width:49%;}
}

/* 공통-북스타트 */
.bookstart_img{margin-top:10px;}
.bookstart_img li{float:left;width:28%;}

@media all and (min-width: 768px) and (max-width: 1023px) {
	.bookstart_img li{width:49%;}
	.bookstart_img li:last-child{float:right;}
	.bookstart_img li img, .bookstart_img li:last-child img{width:100%;}
}

@media all and (max-width: 767px) {
	.bookstart_img li, .bookstart_img li:last-child{float:none !important;width:100%;}
	.bookstart_img li img, .bookstart_img li:last-child img{width:100%;}
}

/* 도서관별안내 */
.slibrary_history{float:left;margin-left:20px;}
.slibrary_history h3{margin-top:0;}

.img_slibrary {float: left;width: 300px;}


/* 인사말 */
.intro_01_box .img{width:100%;height:260px;background:url('/../intro/images/intro_01_img.jpg')no-repeat;text-align:center;}
.intro_01_box .img p{font-size:35px;color:#fff;font-weight:bold;padding-top:70px;}
.intro_01_box .img p span{font-size:14px;color:#fff;letter-spacing:5px;font-weight:normal;line-height:100%;}
.intro_01_box .txt{margin-top:30px;}
.intro_01_box .txt p{font-size:17px;color:#333;letter-spacing:-0.5px;line-height:30px}
.intro_01_box .txt p strong{font-weight:bold;color:#0049b8;}


/* 이용안내 */
.intro_03_box{background:url('/../intro/images/intro_03tab_bg.png')no-repeat right 30px;}

/* 자료복사 */
.guide_06_box{background:url('/../guide/images/guide_06_img.png')no-repeat right 100px;}

/* 공통-텍스트박스 */
.roomicon{position:relative;margin-bottom:20px;background:#f5f5f5;border:3px solid #f5f5f5;overflow:hidden}
.roomicon .inner{position:relative;z-index:1;margin:3px;padding:20px 30px;background-color:#fff;border-bottom:1px solid #ddd;}
.roomicon .inner p{line-height:1.7;}

.txt-box{border:1px solid #e1e1e1;background-color:#fafafa;padding:2%;border-radius:5px;overflow:hidden}
.txt-box p{font-size:14px;line-height:1.7;}

/*외부링크*/
.move_box{position:relative;width:100%;height:280px;text-align:center;}
.move_box_img01{background:url('/resources/common/img/book_img01.jpg')no-repeat;}
.move_box_img02{background:url('/resources/common/img/book_img02.jpg')no-repeat;}
.move_box_img03{background:url('/resources/common/img/book_img03.jpg')no-repeat;}
.move_box_img04{background:url('/resources/common/img/book_img04.jpg')no-repeat;}
.move_box_img05{background:url('/resources/common/img/book_img05.jpg')no-repeat;}
.move_box h5{font-size:33px;color:#fff;letter-spacing:-0.75px;padding:60px 0 10px;font-weight:bold;}
.move_box p{font-size:16px;color:#fff;letter-spacing:-0.75px;padding-bottom:35px;}
.move_box .move_btn{position:relative;width:120px;margin:0 auto;background:#0738a8 url('/resources/common/img/move_btn.png')no-repeat 40px 20px;padding:15px 60px 15px 80px;font-size:15px;color:#fff !important;letter-spacing:-0.75px;cursor:pointer;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.move_box .move_btn:hover{color:#0738a8 !important;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;background:#fff url('/resources/common/img/move_btn_hover.png')no-repeat 50px 20px;}

.move_txt{text-align:center;padding:30px 0 40px;border-bottom:1px solid #ddd;margin-bottom:50px;text-align:center;}
.move_txt p{font-size:16px;color:#222;line-height:160%;}

@media all and (max-width: 767px) {
	.move_box h5{font-size:28px;}
	.move_txt p{font-size:14px;}
}


/* 외부링크버튼2 */
.move_btn2{position:relative;margin:0 auto;border:1px solid #0738a8;background:#0738a8 url('/resources/common/img/move_btn.png')no-repeat 25px 20px;padding:15px 35px 15px 65px;font-size:15px;color:#fff !important;letter-spacing:-0.75px;cursor:pointer;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.move_btn2:hover{color:#0738a8 !important;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;background:#fff url('/resources/common/img/move_btn_hover.png')no-repeat 35px 20px;}

/*절차박스*/
.step_box{width:100%;display:inline-block;margin-top:15px;}
.step_box ol{margin-left:-25px;text-align:center;}
.step_box ol li{float:left;background:url("/resources/common/img/bu_arrow.png") no-repeat 8px 50%;}
.step_box ol li .box{font-size:14px;margin-left:25px;padding:25px 0;border:1px solid #dfdfdf;color:#757575;-webkit-box-sizing:border-box;box-sizing:border-box;}
.step_box ol li .box b{font-size:16px;color:#0738a8;display:block;margin-bottom:9px;margin-top:5px;}
.step_box ol li .box .num{margin-top:10px;margin-bottom:10px;letter-spacing:0;color:#222;font-weight:600;}
.step_box ol li .box.style1{border:1px solid #222;color:#222;-webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .1);box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .1);}
.step_box ol li .box.style1 b{color:#db0c5a;}
.step_box ol.min li{height:130px;}
.step_box ol.min li .box{height:100%;}

.step_box ol.no3 li{width:33.3%;}
.step_box ol.no4 li{width:25%;}
.step_box ol.no5 li{width:20%;}
.step_box ol.no6 li{width:16.6%;}
.step_box ol.no6 li:first-child{width:17%;}
.step_box ol li:first-child{background:none;}

@media all and (max-width: 767px) {
	.step_box ol li{background:none;float:none;width:100% !important;margin-bottom:5px;}
}

/*다운로드버튼*/
.lnk_box1{width:40%;margin:15px auto 0;position:relative;display:block;background:#fff;border:1px solid #ddd;font-size: 15px;line-height: 48px; padding: 0px 15px; min-height: 48px;}
.lnk_box1:hover{font-weight:bold;}
.lnk_box1 .ico_down{background:url("/resources/common/img/download-btn.png")no-repeat; position: absolute;  top: 50%; right: 20px; margin-top: -15px; width: 30px; height: 30px; font-size: 0; line-height: 0;}
@media (max-width: 767px){
	.lnk_box1{width:calc(100% - 30px);}
}

/*이용시간 및 휴관일*/
.sm_text{padding-left:10px;font-size:13px;margin-bottom:10px;font-weight:normal}

.time_box .pc_mode{display:block;}
.time_box .m_mode{display:none;}

.time_box{position:relative;width:100%;margin-bottom:0;}
.time_box ul li{position:relative;width:48.5%;display:inline-block;background:#f9f9f9;border:1px solid #e5e5e5;}
.time_box ul li.mgb{margin-bottom:30px;}
.time_box ul li span, .time_box .weekend span{font-size:19px;font-weight:bold;color:#000;letter-spacing:0;line-height:40px;}
.time_box ul li p{font-size:15px;color:#000;letter-spacing:-0.75px;line-height:25px;clear:both;}

.time_box ul li div{padding:30px 40px 30px 125px;}

.time_box ul li.book01 div{background:url('/resources/common/img/book_icon01.png')no-repeat 40px 33px;}
.time_box ul li.book02 div{background:url('/resources/common/img/book_icon02.png')no-repeat 40px 33px;}	
.time_box ul li.book03 div{background:url('/resources/common/img/book_icon03.png')no-repeat 40px 33px;}
.time_box ul li.book04 div{background:url('/resources/common/img/book_icon04.png')no-repeat 40px 33px;}	
.time_box ul li.book05 div{background:url('/resources/common/img/book_icon05.png')no-repeat 40px 33px;}
.time_box ul li.book06 div{background:url('/resources/common/img/book_icon06.png')no-repeat 40px 33px;}


/*시설안내*/
#tabCon1 {
	position: relative;
	 width: 100%;
}
#tabCon2 {
	 position: relative;
	width: 100%;
}


/*책바다*/
.line_box {
    border: 1px solid #ddd;
    padding: 40px 20px;
}
.bookbada_level {
    overflow: hidden;
    position: relative;
}
.bookbada_level li {
    width: 20%;
	float:left;
	text-align: center;
}
.bookbada_level li .bookbada {
    overflow: hidden;
    display: block;
    width: 99px;
    height: 99px;
    top: 15px;
    left: 15px;
    position: absolute;
}
.bookbada_level li b {
    padding: 25px;
}
.bookbada_level li p {
    padding: 0 10px;
}



/*연혁*/
.history-wrap {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.history-wrap .history-box {
	position: relative;
	width: 100%;
	float: left;
}
.history-wrap .history-box p.year {
	position: relative;
	float: left;
	width: 200px;
	font-size: 28px;
	color: #0065b3;
	font-family: 'S-CoreDream-6Bold';
	padding-top: 10px;
	border-top: 1px solid #0065b3;
	text-align: left;
}
.history-wrap .history-box .history-con {
	float: right;
	text-align: left;
	width: calc(100% - 230px);
	border-top: 1px solid #ddd;
	padding-top: 9px;
	border-bottom: none;
	margin-bottom: 30px;
	font-size: 15px;
}
.history-wrap .history-box .history-con .first {
	width: 75px;
	background:none;
}
.history-wrap .history-box .history-con th, td{padding:10px 0;}
.history-wrap .history-box .history-con th{background:#fff;font-weight:500;color:#333;}
.history-wrap .history-box .history-con td{color:#777;}

@media screen and (max-width:768px) {
	.history-wrap .history-img{display:none;}

	.history-wrap .history-box p.year{width:150px;font-size:14px;}

	.history-wrap .history-box .history-con{width:calc(100% - 170px);}
	.history-wrap .history-box .history-con .date{font-size:13px;width:65px;padding:0;}
	.history-wrap .history-box .history-con .txt{font-size:13px;padding:0;}
}

@media screen and (max-width:550px) {
	.history-wrap .history-box p.year{width:110px;}
	.history-wrap .history-box p.year img{width:7px;top:-5px;}

	.history-wrap .history-box .history-con{width:calc(100% - 130px);}
	.history-wrap .history-box .history-con th, .history-wrap .history-box .history-con td{line-height:1.4;height:25px;vertical-align:top;}
}

@media screen and (max-width:375px) {
	.history-wrap .history-box p.year{width:60px;}

	.history-wrap .history-box .history-con{width:calc(100% - 75px);}
}

/*절차박스*/
.step_box{width:100%;display:inline-block;margin-top:5px;}
.step_box ol{margin-left:-25px;text-align:center;}
.step_box ol li{float:left;background:url("/resources/common/img/bu_arrow.png") no-repeat 8px 50%;}
.step_box ol li .box{margin-left:25px;padding:25px 0;border:1px solid #dfdfdf;color:#757575;-webkit-box-sizing:border-box;box-sizing:border-box;}
.step_box ol li .box .num{margin-bottom:10px;letter-spacing:0;color:#222;font-weight:600;}
.step_box ol li .box.style1{border:1px solid #222;color:#222;-webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .1);box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .1);}
.step_box ol.min li{height:130px;}
.step_box ol.min li .box{height:100%;}

.step_box ol.no3 li{width:33.3%;}
.step_box ol.no4 li{width:25%;}
.step_box ol.no5 li{width:20%;}
.step_box ol.no6 li{width:16.6%;}
.step_box ol.no6 li:first-child{width:17%;}
.step_box ol li:first-child{background:none;}

@media all and (max-width: 767px) {
	.step_box ol li{background:none;float:none;width:100% !important;margin-bottom:5px;}
}

.gray-box{background:#f9f9f9;padding:20px;margin-top:10px;}

@media all and (max-width: 1024px) {
	.gray-box{font-size:13px;}
}

@media all and (max-width: 767px) {
	table th, table th div, table td{font-size:13px;letter-spacing:-1px;}
}